@lifesg/react-design-system 1.0.0-alpha.2 → 1.0.0-alpha.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -0
- package/cjs/index.js +2 -2
- package/cjs/index.js.map +1 -1
- package/form/form-custom-field.d.ts +3 -0
- package/form/index.d.ts +1 -0
- package/form/index.js +424 -424
- package/form/index.js.map +1 -1
- package/form/types.d.ts +2 -0
- package/index.js +2 -2
- package/index.js.map +1 -1
- package/package.json +1 -1
package/form/index.js
CHANGED
|
@@ -1,242 +1,4 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import*as n from"react";import o,{useState as i,useRef as a,useEffect as s,forwardRef as l,useCallback as c,useContext as d,useMemo as u,cloneElement as h,isValidElement as p,createRef as f,PureComponent as m,useLayoutEffect as g}from"react";import y,{css as b,keyframes as v}from"styled-components";import w,{unstable_batchedUpdates as x,findDOMNode as $}from"react-dom";var _;!function(e){e.transformWithSpaces=(e,t)=>{const r="(.{"+t+"})";return e.replace(/[^\dA-Z]/gi,"").replace(new RegExp(r,"g"),"$1 ").trim()},e.padValue=(e,t)=>{if("0"===e)return t?e:e.padStart(2,"0");if(""===e)return e;return parseInt(e).toString().padStart(2,"0")},e.shouldTruncateToTwoLines=(e,t)=>{const r=Math.floor(t/9);return e.length>=2*r||1===e.split(" ").length&&e.length>r},e.truncateOneLine=(e,t,r,n)=>{let o=0;t>r&&(o=Math.floor((t-r)/8));const i=n+o;if(i<e.length){const t=Math.floor(i/2);return e.substring(0,t)+" ... "+e.substring(e.length-t,e.length)}return e}}(_||(_={}));var S="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},k=Array.isArray,O="object"==typeof S&&S&&S.Object===Object&&S,j=O,E="object"==typeof self&&self&&self.Object===Object&&self,C=j||E||Function("return this")(),F=C.Symbol,P=F,I=Object.prototype,T=I.hasOwnProperty,N=I.toString,M=P?P.toStringTag:void 0;var z=function(e){var t=T.call(e,M),r=e[M];try{e[M]=void 0;var n=!0}catch(e){}var o=N.call(e);return n&&(t?e[M]=r:delete e[M]),o},A=Object.prototype.toString;var B=z,D=function(e){return A.call(e)},R=F?F.toStringTag:void 0;var H=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":R&&R in Object(e)?B(e):D(e)};var L=function(e){return null!=e&&"object"==typeof e},V=H,W=L;var U=function(e){return"symbol"==typeof e||W(e)&&"[object Symbol]"==V(e)},q=k,Q=U,X=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,G=/^\w*$/;var Y=function(e,t){if(q(e))return!1;var r=typeof e;return!("number"!=r&&"symbol"!=r&&"boolean"!=r&&null!=e&&!Q(e))||(G.test(e)||!X.test(e)||null!=t&&e in Object(t))};var Z=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},J=H,K=Z;var ee,te=function(e){if(!K(e))return!1;var t=J(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},re=C["__core-js_shared__"],ne=(ee=/[^.]+$/.exec(re&&re.keys&&re.keys.IE_PROTO||""))?"Symbol(src)_1."+ee:"";var oe=function(e){return!!ne&&ne in e},ie=Function.prototype.toString;var ae=function(e){if(null!=e){try{return ie.call(e)}catch(e){}try{return e+""}catch(e){}}return""},se=te,le=oe,ce=Z,de=ae,ue=/^\[object .+?Constructor\]$/,he=Function.prototype,pe=Object.prototype,fe=he.toString,me=pe.hasOwnProperty,ge=RegExp("^"+fe.call(me).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var ye=function(e){return!(!ce(e)||le(e))&&(se(e)?ge:ue).test(de(e))},be=function(e,t){return null==e?void 0:e[t]};var ve=function(e,t){var r=be(e,t);return ye(r)?r:void 0},we=ve(Object,"create"),xe=we;var $e=function(){this.__data__=xe?xe(null):{},this.size=0};var _e=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},Se=we,ke=Object.prototype.hasOwnProperty;var Oe=function(e){var t=this.__data__;if(Se){var r=t[e];return"__lodash_hash_undefined__"===r?void 0:r}return ke.call(t,e)?t[e]:void 0},je=we,Ee=Object.prototype.hasOwnProperty;var Ce=we;var Fe=$e,Pe=_e,Ie=Oe,Te=function(e){var t=this.__data__;return je?void 0!==t[e]:Ee.call(t,e)},Ne=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=Ce&&void 0===t?"__lodash_hash_undefined__":t,this};function Me(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Me.prototype.clear=Fe,Me.prototype.delete=Pe,Me.prototype.get=Ie,Me.prototype.has=Te,Me.prototype.set=Ne;var ze=Me;var Ae=function(){this.__data__=[],this.size=0};var Be=function(e,t){return e===t||e!=e&&t!=t},De=Be;var Re=function(e,t){for(var r=e.length;r--;)if(De(e[r][0],t))return r;return-1},He=Re,Le=Array.prototype.splice;var Ve=Re;var We=Re;var Ue=Re;var qe=Ae,Qe=function(e){var t=this.__data__,r=He(t,e);return!(r<0)&&(r==t.length-1?t.pop():Le.call(t,r,1),--this.size,!0)},Xe=function(e){var t=this.__data__,r=Ve(t,e);return r<0?void 0:t[r][1]},Ge=function(e){return We(this.__data__,e)>-1},Ye=function(e,t){var r=this.__data__,n=Ue(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this};function Ze(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Ze.prototype.clear=qe,Ze.prototype.delete=Qe,Ze.prototype.get=Xe,Ze.prototype.has=Ge,Ze.prototype.set=Ye;var Je=Ze,Ke=ve(C,"Map"),et=ze,tt=Je,rt=Ke;var nt=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var ot=function(e,t){var r=e.__data__;return nt(t)?r["string"==typeof t?"string":"hash"]:r.map},it=ot;var at=ot;var st=ot;var lt=ot;var ct=function(){this.size=0,this.__data__={hash:new et,map:new(rt||tt),string:new et}},dt=function(e){var t=it(this,e).delete(e);return this.size-=t?1:0,t},ut=function(e){return at(this,e).get(e)},ht=function(e){return st(this,e).has(e)},pt=function(e,t){var r=lt(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this};function ft(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}ft.prototype.clear=ct,ft.prototype.delete=dt,ft.prototype.get=ut,ft.prototype.has=ht,ft.prototype.set=pt;var mt=ft,gt=mt;function yt(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var r=function(){var n=arguments,o=t?t.apply(this,n):n[0],i=r.cache;if(i.has(o))return i.get(o);var a=e.apply(this,n);return r.cache=i.set(o,a)||i,a};return r.cache=new(yt.Cache||gt),r}yt.Cache=gt;var bt=yt;var vt=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,wt=/\\(\\)?/g,xt=function(e){var t=bt(e,(function(e){return 500===r.size&&r.clear(),e})),r=t.cache;return t}((function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(vt,(function(e,r,n,o){t.push(n?o.replace(wt,"$1"):r||e)})),t}));var $t=function(e,t){for(var r=-1,n=null==e?0:e.length,o=Array(n);++r<n;)o[r]=t(e[r],r,e);return o},_t=k,St=U,kt=F?F.prototype:void 0,Ot=kt?kt.toString:void 0;var jt=function e(t){if("string"==typeof t)return t;if(_t(t))return $t(t,e)+"";if(St(t))return Ot?Ot.call(t):"";var r=t+"";return"0"==r&&1/t==-Infinity?"-0":r},Et=jt;var Ct=k,Ft=Y,Pt=xt,It=function(e){return null==e?"":Et(e)};var Tt=function(e,t){return Ct(e)?e:Ft(e,t)?[e]:Pt(It(e))},Nt=U;var Mt=function(e){if("string"==typeof e||Nt(e))return e;var t=e+"";return"0"==t&&1/e==-Infinity?"-0":t},zt=Tt,At=Mt;var Bt=function(e,t){for(var r=0,n=(t=zt(t,e)).length;null!=e&&r<n;)e=e[At(t[r++])];return r&&r==n?e:void 0},Dt=Bt;var Rt=function(e,t,r){var n=null==e?void 0:Dt(e,t);return void 0===n?r:n};const Ht=(e,t,r)=>t?Rt(r,t)||Rt(e,t):r||e,Lt=(e,t)=>{const r=t||e.defaultValue;return Rt(e.collections,r)};var Vt;!function(e){e.colorScheme="colorScheme",e.layout="layout",e.textStyleScheme="textStyleScheme"}(Vt||(Vt={}));const Wt={collections:{base:{Brand:{1:"#EF413D",2:"#F26664",3:"#F58E8B",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#1C76D5",PrimaryDark:"#1869BF",Secondary:"#0056b3",Accent:{Dark:{1:"#465A88",2:"#556D99",3:"#8D8DBF"},Light:{1:"#57A9FF",2:"#81BFFF",3:"#BED7FF",4:"#E2ECFD",5:"#F6F8FF",6:"#FBFCFE"}},Neutral:{1:"#282828",2:"#424242",3:"#686868",4:"#A4A4A4",5:"#E0E4E5",6:"#ECEFEF",7:"#F8F8F8",8:"#FFFFFF"},Validation:{Green:{Text:"#097123",Icon:"#4FC029",Border:"#95D97F",Background:"#F9FDF8"},Orange:{Text:"#B34E00",Icon:"#FEAB10",Border:"#F9CB77",Background:"#FFFCF7",Badge:"#F57F17"},Red:{Text:"#C60000",Icon:"#C60000",Border:"#DD6666",Background:"#FDF7F7"}}},bookingsg:{Brand:{1:"#EF413D",2:"#F26664",3:"#F58E8B",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#6F4AB8",PrimaryDark:"#6443A6",Secondary:"#6443A6",Accent:{Dark:{1:"#355985",2:"#68819D",3:"#9AABBE"},Light:{1:"#9F82D9",2:"#B5A5D7",3:"#CEC3E4 ",4:"#E2DBEF",5:"#F2EFF8",6:"#F7F6FB"}},Neutral:{1:"#282828",2:"#424242",3:"#686868",4:"#A4A4A4",5:"#E0E4E5",6:"#ECEFEF",7:"#F8F8F8",8:"#FFFFFF"},Validation:{Green:{Text:"#097123",Icon:"#4FC029",Border:"#95D97F",Background:"#F9FDF8"},Orange:{Text:"#B34E00",Icon:"#FEAB10",Border:"#F9CB77",Background:"#FFFCF7",Badge:"#F57F17"},Red:{Text:"#C60000",Icon:"#C60000",Border:"#DD6666",Background:"#FDF7F7"}}}},defaultValue:"base"},Ut=e=>t=>{const r=t.theme,n=Lt(Wt,r[Vt.colorScheme]);return r.options&&r.options.color?Ht(n,e,r.options.color):Ht(n,e)},qt={Brand:{1:Ut("Brand.1"),2:Ut("Brand.2"),3:Ut("Brand.3"),4:Ut("Brand.4"),5:Ut("Brand.5"),6:Ut("Brand.6")},Primary:Ut("Primary"),PrimaryDark:Ut("PrimaryDark"),Secondary:Ut("Secondary"),Accent:{Light:{1:Ut("Accent.Light.1"),2:Ut("Accent.Light.2"),3:Ut("Accent.Light.3"),4:Ut("Accent.Light.4"),5:Ut("Accent.Light.5"),6:Ut("Accent.Light.6")},Dark:{1:Ut("Accent.Dark.1"),2:Ut("Accent.Dark.2"),3:Ut("Accent.Dark.3")}},Neutral:{1:Ut("Neutral.1"),2:Ut("Neutral.2"),3:Ut("Neutral.3"),4:Ut("Neutral.4"),5:Ut("Neutral.5"),6:Ut("Neutral.6"),7:Ut("Neutral.7"),8:Ut("Neutral.8")},Validation:{Green:{Text:Ut("Validation.Green.Text"),Icon:Ut("Validation.Green.Icon"),Border:Ut("Validation.Green.Border"),Background:Ut("Validation.Green.Background")},Orange:{Text:Ut("Validation.Orange.Text"),Icon:Ut("Validation.Orange.Icon"),Border:Ut("Validation.Orange.Border"),Background:Ut("Validation.Orange.Background"),Badge:Ut("Validation.Orange.Badge")},Red:{Text:Ut("Validation.Red.Text"),Icon:Ut("Validation.Red.Icon"),Border:Ut("Validation.Red.Border"),Background:Ut("Validation.Red.Background")}}},Qt={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},Xt={collections:{base:{D1:{fontFamily:Qt.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:Qt.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:Qt.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:Qt.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:Qt.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:Qt.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:Qt.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:Qt.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:Qt.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:Qt.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:Qt.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:Qt.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:Qt.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:Qt.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},Gt=e=>t=>{const r=t.theme,n=Lt(Xt,r[Vt.textStyleScheme]);return r.options&&r.options.textStyle?Ht(n,e,r.options.textStyle):Ht(n,e)},Yt={D1:{fontFamily:Gt("D1.fontFamily"),fontSize:Gt("D1.fontSize"),fontWeight:Gt("D1.fontWeight"),lineHeight:Gt("D1.lineHeight"),letterSpacing:Gt("D1.letterSpacing")},D2:{fontFamily:Gt("D2.fontFamily"),fontSize:Gt("D2.fontSize"),fontWeight:Gt("D2.fontWeight"),lineHeight:Gt("D2.lineHeight"),letterSpacing:Gt("D2.letterSpacing")},D3:{fontFamily:Gt("D3.fontFamily"),fontSize:Gt("D3.fontSize"),fontWeight:Gt("D3.fontWeight"),lineHeight:Gt("D3.lineHeight"),letterSpacing:Gt("D3.letterSpacing")},D4:{fontFamily:Gt("D4.fontFamily"),fontSize:Gt("D4.fontSize"),fontWeight:Gt("D4.fontWeight"),lineHeight:Gt("D4.lineHeight"),letterSpacing:Gt("D4.letterSpacing")},DBody:{fontFamily:Gt("DBody.fontFamily"),fontSize:Gt("DBody.fontSize"),fontWeight:Gt("DBody.fontWeight"),lineHeight:Gt("DBody.lineHeight"),letterSpacing:Gt("DBody.letterSpacing")},H1:{fontFamily:Gt("H1.fontFamily"),fontSize:Gt("H1.fontSize"),fontWeight:Gt("H1.fontWeight"),lineHeight:Gt("H1.lineHeight"),letterSpacing:Gt("H1.letterSpacing")},H2:{fontFamily:Gt("H2.fontFamily"),fontSize:Gt("H2.fontSize"),fontWeight:Gt("H2.fontWeight"),lineHeight:Gt("H2.lineHeight"),letterSpacing:Gt("H2.letterSpacing")},H3:{fontFamily:Gt("H3.fontFamily"),fontSize:Gt("H3.fontSize"),fontWeight:Gt("H3.fontWeight"),lineHeight:Gt("H3.lineHeight"),letterSpacing:Gt("H3.letterSpacing")},H4:{fontFamily:Gt("H4.fontFamily"),fontSize:Gt("H4.fontSize"),fontWeight:Gt("H4.fontWeight"),lineHeight:Gt("H4.lineHeight"),letterSpacing:Gt("H4.letterSpacing")},H5:{fontFamily:Gt("H5.fontFamily"),fontSize:Gt("H5.fontSize"),fontWeight:Gt("H5.fontWeight"),lineHeight:Gt("H5.lineHeight"),letterSpacing:Gt("H5.letterSpacing")},H6:{fontFamily:Gt("H6.fontFamily"),fontSize:Gt("H6.fontSize"),fontWeight:Gt("H6.fontWeight"),lineHeight:Gt("H6.lineHeight"),letterSpacing:Gt("H6.letterSpacing")},Body:{fontFamily:Gt("Body.fontFamily"),fontSize:Gt("Body.fontSize"),fontWeight:Gt("Body.fontWeight"),lineHeight:Gt("Body.lineHeight"),letterSpacing:Gt("Body.letterSpacing")},BodySmall:{fontFamily:Gt("BodySmall.fontFamily"),fontSize:Gt("BodySmall.fontSize"),fontWeight:Gt("BodySmall.fontWeight"),lineHeight:Gt("BodySmall.lineHeight"),letterSpacing:Gt("BodySmall.letterSpacing")},XSmall:{fontFamily:Gt("XSmall.fontFamily"),fontSize:Gt("XSmall.fontSize"),fontWeight:Gt("XSmall.fontWeight"),lineHeight:Gt("XSmall.lineHeight"),letterSpacing:Gt("XSmall.letterSpacing")}},Zt=e=>{switch(e){case 700:case"bold":return Qt.Bold;case 600:case"semibold":return Qt.Semibold;case 300:case"light":return Qt.Light;case 400:case"regular":return Qt.Regular;default:return""}},Jt=(e,t)=>r=>{const n=Yt[e].fontFamily(r),o=Yt[e].fontWeight(r);return Object.values(Qt).includes(n)?b`
|
|
2
|
-
font-family: ${Zt(t)||Zt(o)||n};
|
|
3
|
-
font-weight: normal !important;
|
|
4
|
-
`:b`
|
|
5
|
-
font-family: ${n};
|
|
6
|
-
font-weight: ${(Kt(t)||o)??"normal"};
|
|
7
|
-
`},Kt=e=>{switch(e){case 300:case"light":return 300;case 400:case"regular":return 400;case 600:case"semibold":return 600;case 700:case"bold":return 700;case 900:case"black":return 900;default:return""}},er=(e,t,r=!1)=>n=>{const o=Yt[e],i=o.fontSize(n);return b`
|
|
8
|
-
${Jt(e,t)}
|
|
9
|
-
font-size: ${i}rem !important;
|
|
10
|
-
line-height: ${o.lineHeight}rem !important;
|
|
11
|
-
letter-spacing: ${o.letterSpacing(n)||0}rem !important;
|
|
12
|
-
${b`
|
|
13
|
-
margin-bottom: ${i*(r?1.05:0)}rem;
|
|
14
|
-
`}
|
|
15
|
-
`},tr=(e=!1,t=!1)=>t?b`
|
|
16
|
-
display: block;
|
|
17
|
-
`:e?b`
|
|
18
|
-
display: inline;
|
|
19
|
-
`:b`
|
|
20
|
-
display: block;
|
|
21
|
-
`,rr=y.svg`
|
|
22
|
-
height: 1rem;
|
|
23
|
-
width: 1rem;
|
|
24
|
-
vertical-align: text-top;
|
|
25
|
-
|
|
26
|
-
#path {
|
|
27
|
-
fill: ${qt.Neutral[8]};
|
|
28
|
-
}
|
|
29
|
-
`,nr=t=>e(rr,{xmlns:"http://www.w3.org/2000/svg",width:"1rem",height:"1rem",viewBox:"0 0 16 16",...t,children:e("g",{fill:"none",fillRule:"evenodd",children:e("g",{id:"path",fillRule:"nonzero",children:e("g",{children:e("g",{children:e("g",{children:e("path",{d:"M8.706 14.603l6.075-6.075c.294-.29.294-.765 0-1.06L8.706 1.398c-.29-.294-.765-.294-1.06 0l-.693.694c-.3.297-.294.78.013 1.072L10.73 6.75H1.75c-.416 0-.75.334-.75.75v1c0 .416.334.75.75.75h8.981l-3.765 3.587c-.304.291-.31.775-.013 1.072l.694.694c.29.294.765.294 1.06 0z",transform:"translate(-2384.000000, -760.000000) translate(2253.000000, 692.000000) translate(16.000000, 64.000000) translate(115.000000, 4.000000) translate(0.000000, 0.000000)"})})})})})})}),or=t=>e(rr,{width:"1rem",height:"1rem",viewBox:"0 0 40 40",xmlns:"http://www.w3.org/2000/svg",...t,children:e("path",{id:"path",d:"M20\n\t\t8.639c-.934\n\t\t0-1.742.342-2.43 1.03-.684.684-1.03 1.495-1.03 2.429 0 .931.346 1.742 1.03 2.426.688.688 1.496 1.03 2.43 1.03.931 0 1.742-.342 2.43-1.03.684-.684 1.026-1.495 1.026-2.426 0-.934-.342-1.745-1.026-2.43-.688-.687-1.499-1.03-2.43-1.03m4.61 20.91v-1.976a.959.959 0 0 0-.287-.7.959.959 0 0 0-.7-.286h-.99v-8.232a.954.954 0 0 0-.287-.7.945.945 0 0 0-.7-.29h-5.269a.95.95 0 0 0-.7.29.954.954 0 0 0-.286.7v1.976c0 .271.095.506.286.7a.959.959 0 0 0 .7.287h.99v5.269h-.99a.959.959 0 0 0-.7.286.959.959 0 0 0-.286.7v1.977c0 .274.095.505.286.7a.959.959 0 0 0 .7.286h7.246a.959.959 0 0 0 .7-.287.959.959 0 0 0 .286-.7M20 2.5c3.15 0 6.068.788 8.75 2.365a17.67 17.67 0 0 1 6.385 6.386C36.71 13.933 37.5 16.848 37.5 20c0 3.15-.79 6.068-2.365 8.751a17.71 17.71 0 0 1-6.385 6.385C26.068 36.712 23.15 37.5 20 37.5c-3.153 0-6.068-.788-8.75-2.363a17.71 17.71 0 0 1-6.385-6.385c-1.575-2.683-2.365-5.6-2.365-8.75 0-3.154.79-6.069 2.365-8.751a17.67 17.67 0 0 1 6.385-6.386C13.932 3.288 16.847 2.5 20 2.5",fillRule:"nonzero"})}),ir=t=>e(rr,{xmlns:"http://www.w3.org/2000/svg",width:"2rem",height:"2rem",viewBox:"0 0 64 64",id:"play-icon",...t,children:e("path",{id:"path",d:"M52.762 37.237 20.474 53.38A5.856 5.856 0 0 1 12 48.143V15.856a5.856 5.856 0 0 1 8.474-5.238l32.288 16.144a5.856 5.856 0 0 1 0 10.475z",fillRule:"nonzero"})}),ar=t=>e(rr,{xmlns:"http://www.w3.org/2000/svg",width:"2rem",height:"2rem",viewBox:"0 0 32 32",fill:"none",...t,children:e("g",{id:"search",children:e("path",{id:"path",fillRule:"evenodd",clipRule:"evenodd",d:"M7.60986 7.60986C5.86994 9.34977 5 11.445 5 13.8956C5 16.3462 5.86994 18.4414 7.60986 20.1813C9.34977 21.9212 11.445 22.7911 13.8956 22.7911C15.6355 22.7911 17.2345 22.3133 18.6926 21.3576L24.2063 26.8713C24.3044 26.9571 24.4146 27 24.5372 27C24.6597 27 24.77 26.9571 24.868 26.8713L26.8713 24.868C26.9571 24.77 27 24.6597 27 24.5372C27 24.4146 26.9571 24.3044 26.8713 24.2063L21.3576 18.6926C22.3133 17.2345 22.7911 15.6355 22.7911 13.8956C22.7911 11.445 21.9212 9.34977 20.1813 7.60986C18.4414 5.86994 16.3462 5 13.8956 5C11.445 5 9.34977 5.86994 7.60986 7.60986ZM9.59484 18.178C8.4063 16.9894 7.81205 15.562 7.81205 13.8956C7.81205 12.2292 8.4063 10.8017 9.59484 9.61321C10.7834 8.42468 12.2169 7.83042 13.8956 7.83042C15.5742 7.83042 17.0047 8.42162 18.1872 9.60403C19.3696 10.7864 19.9608 12.2169 19.9608 13.8956C19.9608 15.5742 19.3696 17.0047 18.1872 18.1872C17.0047 19.3696 15.5742 19.9608 13.8956 19.9608C12.2169 19.9608 10.7834 19.3665 9.59484 18.178Z"})})}),sr=({type:t,...r})=>{switch(t){case"arrow-right":return e(nr,{...r});case"info":return e(or,{...r});case"search":return e(ar,{...r});case"play-alt":return e(ir,{...r});default:{const n=`sgds-icon sgds-icon-${t}`,o=r.className?`${n} ${r.className}`:n;return e(lr,{...r,className:o})}}},lr=y.span`
|
|
30
|
-
font-size: 1rem;
|
|
31
|
-
`;var cr;!function(e){e.D1=y.h1`
|
|
32
|
-
${e=>b`
|
|
33
|
-
${er("D1",e.weight,e.paragraph)}
|
|
34
|
-
color: ${qt.Neutral[1]};
|
|
35
|
-
${tr(e.inline,e.paragraph)}
|
|
36
|
-
`}
|
|
37
|
-
`,e.D2=y.h1`
|
|
38
|
-
${e=>b`
|
|
39
|
-
${er("D2",e.weight,e.paragraph)}
|
|
40
|
-
color: ${qt.Neutral[1]};
|
|
41
|
-
${tr(e.inline,e.paragraph)}
|
|
42
|
-
`}
|
|
43
|
-
`,e.D3=y.h1`
|
|
44
|
-
${e=>b`
|
|
45
|
-
${er("D3",e.weight,e.paragraph)}
|
|
46
|
-
color: ${qt.Neutral[1]};
|
|
47
|
-
${tr(e.inline,e.paragraph)}
|
|
48
|
-
`}
|
|
49
|
-
`,e.D4=y.h1`
|
|
50
|
-
${e=>b`
|
|
51
|
-
${er("D4",e.weight,e.paragraph)}
|
|
52
|
-
color: ${qt.Neutral[1]};
|
|
53
|
-
${tr(e.inline,e.paragraph)}
|
|
54
|
-
`}
|
|
55
|
-
`,e.DBody=y.h1`
|
|
56
|
-
${e=>b`
|
|
57
|
-
${er("DBody",e.weight,e.paragraph)}
|
|
58
|
-
color: ${qt.Neutral[1]};
|
|
59
|
-
${tr(e.inline,e.paragraph)}
|
|
60
|
-
`}
|
|
61
|
-
`,e.H1=y.h1`
|
|
62
|
-
${e=>b`
|
|
63
|
-
${er("H1",e.weight,e.paragraph)}
|
|
64
|
-
color: ${qt.Neutral[1]};
|
|
65
|
-
${tr(e.inline,e.paragraph)}
|
|
66
|
-
`}
|
|
67
|
-
`,e.H2=y.h2`
|
|
68
|
-
${e=>b`
|
|
69
|
-
${er("H2",e.weight,e.paragraph)}
|
|
70
|
-
color: ${qt.Neutral[1]};
|
|
71
|
-
${tr(e.inline,e.paragraph)}
|
|
72
|
-
`}
|
|
73
|
-
`,e.H3=y.h3`
|
|
74
|
-
${e=>b`
|
|
75
|
-
${er("H3",e.weight,e.paragraph)}
|
|
76
|
-
color: ${qt.Neutral[1]};
|
|
77
|
-
${tr(e.inline,e.paragraph)}
|
|
78
|
-
`}
|
|
79
|
-
`,e.H4=y.h4`
|
|
80
|
-
${e=>b`
|
|
81
|
-
${er("H4",e.weight,e.paragraph)}
|
|
82
|
-
color: ${qt.Neutral[1]};
|
|
83
|
-
${tr(e.inline,e.paragraph)}
|
|
84
|
-
`}
|
|
85
|
-
`,e.H5=y.h5`
|
|
86
|
-
${e=>b`
|
|
87
|
-
${er("H5",e.weight,e.paragraph)}
|
|
88
|
-
color: ${qt.Neutral[1]};
|
|
89
|
-
${tr(e.inline,e.paragraph)}
|
|
90
|
-
`}
|
|
91
|
-
`,e.H6=y.h6`
|
|
92
|
-
${e=>b`
|
|
93
|
-
${er("H6",e.weight,e.paragraph)}
|
|
94
|
-
color: ${qt.Neutral[1]};
|
|
95
|
-
${tr(e.inline,e.paragraph)}
|
|
96
|
-
`}
|
|
97
|
-
`,e.Body=y.p`
|
|
98
|
-
${e=>b`
|
|
99
|
-
${er("Body",e.weight,e.paragraph)}
|
|
100
|
-
color: ${qt.Neutral[1]};
|
|
101
|
-
${tr(e.inline,e.paragraph)}
|
|
102
|
-
`}
|
|
103
|
-
`,e.BodySmall=y.p`
|
|
104
|
-
${e=>b`
|
|
105
|
-
${er("BodySmall",e.weight,e.paragraph)}
|
|
106
|
-
color: ${qt.Neutral[1]};
|
|
107
|
-
${tr(e.inline,e.paragraph)}
|
|
108
|
-
`}
|
|
109
|
-
`,e.XSmall=y.span`
|
|
110
|
-
${e=>b`
|
|
111
|
-
${er("XSmall",e.weight,e.paragraph)}
|
|
112
|
-
color: ${qt.Neutral[1]};
|
|
113
|
-
${tr(e.inline,e.paragraph)}
|
|
114
|
-
`}
|
|
115
|
-
`,e.Hyperlink={Default:e=>hr({...e,textStyle:"Body"}),Small:e=>hr({...e,textStyle:"BodySmall"})}}(cr||(cr={}));const dr=y.a`
|
|
116
|
-
${e=>b`
|
|
117
|
-
${er(e.textStyle,e.weight)}
|
|
118
|
-
color: ${qt.Primary};
|
|
119
|
-
text-decoration: none;
|
|
120
|
-
|
|
121
|
-
:hover,
|
|
122
|
-
:active,
|
|
123
|
-
:focus {
|
|
124
|
-
color: ${qt.Secondary};
|
|
125
|
-
}
|
|
126
|
-
`}
|
|
127
|
-
`,ur=y(sr)`
|
|
128
|
-
margin-left: 0.4rem;
|
|
129
|
-
`,hr=({external:r=!1,children:n,...o})=>t(dr,{...o,children:[n,r&&e(ur,{type:"external"})]}),pr=y.div`
|
|
130
|
-
display: flex;
|
|
131
|
-
position: relative;
|
|
132
|
-
align-items: center;
|
|
133
|
-
border: 1px solid ${qt.Neutral[5]};
|
|
134
|
-
border-radius: 4px;
|
|
135
|
-
background: ${qt.Neutral[8]};
|
|
136
|
-
height: 3rem;
|
|
137
|
-
width: 100%;
|
|
138
|
-
padding: 0.1rem 1rem 0;
|
|
139
|
-
|
|
140
|
-
:focus,
|
|
141
|
-
:focus-within {
|
|
142
|
-
border: 1px solid ${qt.Accent.Light[1]};
|
|
143
|
-
box-shadow: inset 0 0 5px 1px rgba(87, 169, 255, 0.5);
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
${e=>e.disabled?b`
|
|
147
|
-
background: ${qt.Neutral[6](e)};
|
|
148
|
-
:hover {
|
|
149
|
-
cursor: not-allowed;
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
:focus-within {
|
|
153
|
-
border: 1px solid ${qt.Neutral[5](e)};
|
|
154
|
-
box-shadow: none;
|
|
155
|
-
}
|
|
156
|
-
`:e.$error?b`
|
|
157
|
-
border: 1px solid ${qt.Validation.Red.Border(e)};
|
|
158
|
-
|
|
159
|
-
:focus-within {
|
|
160
|
-
border: 1px solid ${qt.Validation.Red.Border(e)};
|
|
161
|
-
box-shadow: inset 0 0 4px 1px rgba(221, 102, 102, 0.8);
|
|
162
|
-
}
|
|
163
|
-
`:void 0}
|
|
164
|
-
`,fr=y.div`
|
|
165
|
-
position: absolute;
|
|
166
|
-
top: 0;
|
|
167
|
-
left: 1rem; // input value appears slightly right
|
|
168
|
-
height: 100%;
|
|
169
|
-
display: flex;
|
|
170
|
-
align-items: center;
|
|
171
|
-
|
|
172
|
-
// Removal of arrow buttons for Mozilla Firefox
|
|
173
|
-
input[type="number"]::-webkit-outer-spin-button,
|
|
174
|
-
input[type="number"]::-webkit-inner-spin-button {
|
|
175
|
-
-webkit-appearance: none;
|
|
176
|
-
margin: 0;
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
input[type="number"] {
|
|
180
|
-
-moz-appearance: textfield;
|
|
181
|
-
}
|
|
182
|
-
`,mr=y.input`
|
|
183
|
-
${er("Body","regular")}
|
|
184
|
-
background: transparent;
|
|
185
|
-
height: 100%;
|
|
186
|
-
width: 2.5rem;
|
|
187
|
-
border: none;
|
|
188
|
-
text-align: center;
|
|
189
|
-
padding: 0;
|
|
190
|
-
|
|
191
|
-
// Chrome, Safari, Edge, Opera
|
|
192
|
-
::-webkit-outer-spin-button,
|
|
193
|
-
::-webkit-inner-spin-button {
|
|
194
|
-
-webkit-appearance: none;
|
|
195
|
-
margin: 0;
|
|
196
|
-
}
|
|
197
|
-
|
|
198
|
-
// Safari (remove top shadow)
|
|
199
|
-
--webkit-appearance: none;
|
|
200
|
-
|
|
201
|
-
// Firefox
|
|
202
|
-
--moz-appearance: textfield;
|
|
203
|
-
|
|
204
|
-
:focus,
|
|
205
|
-
:active {
|
|
206
|
-
outline: none;
|
|
207
|
-
}
|
|
208
|
-
|
|
209
|
-
${e=>{if(e.disabled)return b`
|
|
210
|
-
cursor: not-allowed;
|
|
211
|
-
`}}
|
|
212
|
-
`,gr=y(mr)`
|
|
213
|
-
width: 2.6rem;
|
|
214
|
-
`,yr=y(mr)`
|
|
215
|
-
width: 3.5rem;
|
|
216
|
-
`,br=y(cr.Body)`
|
|
217
|
-
opacity: ${e=>e.$hide?0:1};
|
|
218
|
-
margin: 0.1rem 0.2rem 0 0.2rem;
|
|
219
|
-
`;y(br)`
|
|
220
|
-
/* margin: 0.1rem 0.2rem 0 0.4rem; */
|
|
221
|
-
${e=>{if(e.$compress)return b`
|
|
222
|
-
margin: 0.1rem 0.1rem 0 0.1rem;
|
|
223
|
-
`}}
|
|
224
|
-
`;const vr=y.div`
|
|
225
|
-
display: flex;
|
|
226
|
-
align-items: center;
|
|
227
|
-
`,wr=y(cr.Body)`
|
|
228
|
-
opacity: ${e=>e.$hide?0:1};
|
|
229
|
-
color: ${qt.Neutral[3]};
|
|
230
|
-
display: inline;
|
|
231
|
-
width: 2.5rem;
|
|
232
|
-
text-align: center;
|
|
233
|
-
`,xr=y(br)`
|
|
234
|
-
color: ${qt.Neutral[3]};
|
|
235
|
-
`,$r=y(wr)`
|
|
236
|
-
width: 2.6rem;
|
|
237
|
-
`,_r=y(wr)`
|
|
238
|
-
width: 3.5rem;
|
|
239
|
-
`,Sr=({disabled:r,error:n,value:o,onChange:l,onBlur:c,...d})=>{const[u,h]=i(""),[p,f]=i(""),[m,g]=i(""),[y,b]=i("none"),v=a(null),w=a(null),x=a(null),$=a(null),S=a(u),k=a(p),O=a(m),j=a(y),E=e=>{S.current=e,h(e)},C=e=>{k.current=e,f(e)},F=e=>{O.current=e,g(e)},P=e=>{j.current=e,b(e)};s((()=>(document.addEventListener("mousedown",T),v.current&&v.current.addEventListener("keydown",N),w.current&&w.current.addEventListener("keydown",I),x.current&&x.current.addEventListener("keydown",I),$.current&&$.current.addEventListener("keydown",I),()=>{document.removeEventListener("mousedown",T),v.current&&v.current.removeEventListener("keydown",N),w.current&&w.current.removeEventListener("keydown",I),x.current&&x.current.removeEventListener("keydown",I),$.current&&$.current.removeEventListener("keydown",I)})),[y]),s((()=>{"day"===y&&2===u.length&&x.current&&x.current.focus()}),[u]),s((()=>{"month"===y&&2===p.length&&$.current&&$.current.focus()}),[p]),s((()=>{B(o)}),[o]);const I=e=>{const t=["Backspace","0","1","2","3","4","5","6","7","8","9"],r=e.code&&e.code.startsWith("Digit")&&!t.includes(e.key);(!["Digit0","Digit1","Digit2","Digit3","Digit4","Digit5","Digit6","Digit7","Digit8","Digit9","Tab","Backspace","Delete","ArrowLeft","ArrowRight"].includes(e.code)&&!t.includes(e.key)||r)&&e.preventDefault()},T=e=>{r||v&&v.current.contains(e.target)||"none"!==j.current&&(P("none"),R())},N=e=>{"year"===e.target.name&&"Tab"===e.code&&(P("none"),R())},M=e=>{P(e.target.name),e.target.select()},z=e=>{switch(e.target.name){case"day":E(_.padValue(e.target.value,!0));break;case"month":C(_.padValue(e.target.value,!0))}},A=e=>{const t=e.target.name;switch(t){case"day":e.target.value.length<=2&&(E(e.target.value),D(e.target.value,t));break;case"month":e.target.value.length<=2&&(C(e.target.value),D(e.target.value,t));break;case"year":e.target.value.length<=4&&(F(e.target.value),D(e.target.value,t))}},B=e=>{if(void 0===e||""===e)E(""),C(""),F("");else{const t=new Date(e);if(!isNaN(t.getTime())){const e=t.getDate(),r=t.getMonth()+1,n=t.getFullYear();E(_.padValue(e.toString())),C(_.padValue(r.toString())),F(n.toString())}}},D=(e,t)=>{if(l){const r={day:u,month:p,year:m};r[t]=e;const n=H(r);l(n)}},R=()=>{if(c){const e={day:S.current,month:k.current,year:O.current},t=H(e);c(t)}},H=e=>{const t=[e.year,e.month,e.day];return e.day.length>=1&&e.month.length>=1&&4===e.year.length?t.join("-"):t.every((e=>""===e))?"":kr};return t(pr,{ref:v,onClick:()=>{"none"===y&&w.current&&w.current.focus()},disabled:r,$error:n,"data-testid":d["data-testid"],children:[t(vr,{children:[e(wr,{$hide:"day"===y||u.length>0,"data-testid":"day-placeholder",children:"DD"}),e(xr,{$hide:u.length>0,children:"/"}),e($r,{$hide:"month"===y||p.length>0,"data-testid":"month-placeholder",children:"MM"}),e(xr,{$hide:p.length>0,children:"/"}),e(_r,{$hide:"year"===y||m.length>0,"data-testid":"year-placeholder",$addGap:0===u.length&&0===m.length,children:"YYYY"})]}),t(fr,{children:[e(mr,{name:"day",maxLength:2,value:u,ref:w,onFocus:M,onBlur:z,onChange:A,disabled:r,type:"number",pattern:"[0-9]{2}","data-testid":"day-input","aria-label":"day-input"}),e(br,{$hide:0===u.length,children:"/"}),e(gr,{name:"month",maxLength:2,value:p,ref:x,onFocus:M,onBlur:z,onChange:A,disabled:r,type:"number",pattern:"[0-9]{2}","data-testid":"month-input","aria-label":"month-input"}),e(br,{$hide:0===p.length,children:"/"}),e(yr,{name:"year",maxLength:4,value:m,ref:$,onFocus:M,onBlur:z,onChange:A,disabled:r,type:"number",pattern:"[0-9]{4}","data-testid":"year-input","aria-label":"year-input"})]})]})},kr="Invalid date";var Or,jr={exports:{}};Or=e=>(()=>{var t={"./node_modules/css-mediaquery/index.js":
|
|
1
|
+
import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import*as n from"react";import o,{useState as i,useRef as a,useEffect as s,forwardRef as l,useCallback as c,useContext as d,useMemo as u,cloneElement as h,isValidElement as p,createRef as f,PureComponent as m,useLayoutEffect as g}from"react";import y,{css as b,keyframes as v}from"styled-components";import w,{unstable_batchedUpdates as x,findDOMNode as $}from"react-dom";var _,S="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},k={exports:{}};_=e=>(()=>{var t={"./node_modules/css-mediaquery/index.js":
|
|
240
2
|
/*!**********************************************!*\
|
|
241
3
|
!*** ./node_modules/css-mediaquery/index.js ***!
|
|
242
4
|
\**********************************************/(e,t)=>{t.match=function(e,t){return s(e).some((function(e){var r=e.inverse,n="all"===e.type||t.type===e.type;if(n&&r||!n&&!r)return!1;var o=e.expressions.every((function(e){var r=e.feature,n=e.modifier,o=e.value,i=t[r];if(!i)return!1;switch(r){case"orientation":case"scan":return i.toLowerCase()===o.toLowerCase();case"width":case"height":case"device-width":case"device-height":o=d(o),i=d(i);break;case"resolution":o=c(o),i=c(i);break;case"aspect-ratio":case"device-aspect-ratio":case"device-pixel-ratio":o=l(o),i=l(i);break;case"grid":case"color":case"color-index":case"monochrome":o=parseInt(o,10)||1,i=parseInt(i,10)||0}switch(n){case"min":return i>=o;case"max":return i<=o;default:return i===o}}));return o&&!r||!o&&r}))},t.parse=s;var r=/(?:(only|not)?\s*([^\s\(\)]+)(?:\s*and)?\s*)?(.+)?/i,n=/\(\s*([^\s\:\)]+)\s*(?:\:\s*([^\s\)]+))?\s*\)/,o=/^(?:(min|max)-)?(.+)/,i=/(em|rem|px|cm|mm|in|pt|pc)?$/,a=/(dpi|dpcm|dppx)?$/;function s(e){return e.split(",").map((function(e){var t=(e=e.trim()).match(r),i=t[1],a=t[2],s=t[3]||"",l={};return l.inverse=!!i&&"not"===i.toLowerCase(),l.type=a?a.toLowerCase():"all",s=s.match(/\([^\)]+\)/g)||[],l.expressions=s.map((function(e){var t=e.match(n),r=t[1].toLowerCase().match(o);return{modifier:r[1],feature:r[2],value:t[2]}})),l}))}function l(e){var t,r=Number(e);return r||(r=(t=e.match(/^(\d+)\s*\/\s*(\d+)$/))[1]/t[2]),r}function c(e){var t=parseFloat(e);switch(String(e).match(a)[1]){case"dpcm":return t/2.54;case"dppx":return 96*t;default:return t}}function d(e){var t=parseFloat(e);switch(String(e).match(i)[1]){case"em":case"rem":return 16*t;case"cm":return 96*t/2.54;case"mm":return 96*t/2.54/10;case"in":return 96*t;case"pt":return 72*t;case"pc":return 72*t/12;default:return t}}},"./node_modules/hyphenate-style-name/index.js":
|
|
@@ -299,7 +61,17 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
299
61
|
\******************************/function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(/*! react */"react"),i=n(r(/*! matchmediaquery */"./node_modules/matchmediaquery/index.js")),a=n(r(/*! hyphenate-style-name */"./node_modules/hyphenate-style-name/index.js")),s=r(/*! shallow-equal */"./node_modules/shallow-equal/dist/index.esm.js"),l=n(r(/*! ./toQuery */"./src/toQuery.ts")),c=n(r(/*! ./Context */"./src/Context.ts")),d=function(e){if(e)return Object.keys(e).reduce((function(t,r){return t[(0,a.default)(r)]=e[r],t}),{})},u=function(){var e=(0,o.useRef)(!1);return(0,o.useEffect)((function(){e.current=!0}),[]),e.current},h=function(e){var t=function(){return function(e){return e.query||(0,l.default)(e)}(e)},r=(0,o.useState)(t),n=r[0],i=r[1];return(0,o.useEffect)((function(){var e=t();n!==e&&i(e)}),[e]),n};t.default=function(e,t,r){var n=function(e){var t=(0,o.useContext)(c.default),r=function(){return d(e)||d(t)},n=(0,o.useState)(r),i=n[0],a=n[1];return(0,o.useEffect)((function(){var e=r();(0,s.shallowEqualObjects)(i,e)||a(e)}),[e,t]),i}(t),a=h(e);if(!a)throw new Error("Invalid or missing MediaQuery!");var l=function(e,t){var r=function(){return(0,i.default)(e,t||{},!!t)},n=(0,o.useState)(r),a=n[0],s=n[1],l=u();return(0,o.useEffect)((function(){if(l){var e=r();return s(e),function(){e&&e.dispose()}}}),[e,t]),a}(a,n),p=function(e){var t=(0,o.useState)(e.matches),r=t[0],n=t[1];return(0,o.useEffect)((function(){var t=function(e){n(e.matches)};return e.addListener(t),n(e.matches),function(){e.removeListener(t)}}),[e]),r}(l),f=u();return(0,o.useEffect)((function(){f&&r&&r(p)}),[p]),(0,o.useEffect)((function(){return function(){l&&l.dispose()}}),[]),p}},react:
|
|
300
62
|
/*!**************************************************************************************!*\
|
|
301
63
|
!*** external {"commonjs":"react","commonjs2":"react","amd":"react","root":"React"} ***!
|
|
302
|
-
\**************************************************************************************/t=>{t.exports=e}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var i=r[e]={exports:{}};return t[e].call(i.exports,i,i.exports,n),i.exports}return n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n("./src/index.ts")})(),
|
|
64
|
+
\**************************************************************************************/t=>{t.exports=e}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var i=r[e]={exports:{}};return t[e].call(i.exports,i,i.exports,n),i.exports}return n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n("./src/index.ts")})(),k.exports=_(o);var O=Array.isArray,j="object"==typeof S&&S&&S.Object===Object&&S,E=j,C="object"==typeof self&&self&&self.Object===Object&&self,F=E||C||Function("return this")(),P=F.Symbol,I=P,T=Object.prototype,N=T.hasOwnProperty,M=T.toString,z=I?I.toStringTag:void 0;var A=function(e){var t=N.call(e,z),r=e[z];try{e[z]=void 0;var n=!0}catch(e){}var o=M.call(e);return n&&(t?e[z]=r:delete e[z]),o},B=Object.prototype.toString;var D=A,R=function(e){return B.call(e)},H=P?P.toStringTag:void 0;var L=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":H&&H in Object(e)?D(e):R(e)};var V=function(e){return null!=e&&"object"==typeof e},W=L,U=V;var q=function(e){return"symbol"==typeof e||U(e)&&"[object Symbol]"==W(e)},Q=O,X=q,G=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,Y=/^\w*$/;var Z=function(e,t){if(Q(e))return!1;var r=typeof e;return!("number"!=r&&"symbol"!=r&&"boolean"!=r&&null!=e&&!X(e))||(Y.test(e)||!G.test(e)||null!=t&&e in Object(t))};var J=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},K=L,ee=J;var te,re=function(e){if(!ee(e))return!1;var t=K(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},ne=F["__core-js_shared__"],oe=(te=/[^.]+$/.exec(ne&&ne.keys&&ne.keys.IE_PROTO||""))?"Symbol(src)_1."+te:"";var ie=function(e){return!!oe&&oe in e},ae=Function.prototype.toString;var se=function(e){if(null!=e){try{return ae.call(e)}catch(e){}try{return e+""}catch(e){}}return""},le=re,ce=ie,de=J,ue=se,he=/^\[object .+?Constructor\]$/,pe=Function.prototype,fe=Object.prototype,me=pe.toString,ge=fe.hasOwnProperty,ye=RegExp("^"+me.call(ge).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var be=function(e){return!(!de(e)||ce(e))&&(le(e)?ye:he).test(ue(e))},ve=function(e,t){return null==e?void 0:e[t]};var we=function(e,t){var r=ve(e,t);return be(r)?r:void 0},xe=we(Object,"create"),$e=xe;var _e=function(){this.__data__=$e?$e(null):{},this.size=0};var Se=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},ke=xe,Oe=Object.prototype.hasOwnProperty;var je=function(e){var t=this.__data__;if(ke){var r=t[e];return"__lodash_hash_undefined__"===r?void 0:r}return Oe.call(t,e)?t[e]:void 0},Ee=xe,Ce=Object.prototype.hasOwnProperty;var Fe=xe;var Pe=_e,Ie=Se,Te=je,Ne=function(e){var t=this.__data__;return Ee?void 0!==t[e]:Ce.call(t,e)},Me=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=Fe&&void 0===t?"__lodash_hash_undefined__":t,this};function ze(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}ze.prototype.clear=Pe,ze.prototype.delete=Ie,ze.prototype.get=Te,ze.prototype.has=Ne,ze.prototype.set=Me;var Ae=ze;var Be=function(){this.__data__=[],this.size=0};var De=function(e,t){return e===t||e!=e&&t!=t},Re=De;var He=function(e,t){for(var r=e.length;r--;)if(Re(e[r][0],t))return r;return-1},Le=He,Ve=Array.prototype.splice;var We=He;var Ue=He;var qe=He;var Qe=Be,Xe=function(e){var t=this.__data__,r=Le(t,e);return!(r<0)&&(r==t.length-1?t.pop():Ve.call(t,r,1),--this.size,!0)},Ge=function(e){var t=this.__data__,r=We(t,e);return r<0?void 0:t[r][1]},Ye=function(e){return Ue(this.__data__,e)>-1},Ze=function(e,t){var r=this.__data__,n=qe(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this};function Je(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Je.prototype.clear=Qe,Je.prototype.delete=Xe,Je.prototype.get=Ge,Je.prototype.has=Ye,Je.prototype.set=Ze;var Ke=Je,et=we(F,"Map"),tt=Ae,rt=Ke,nt=et;var ot=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var it=function(e,t){var r=e.__data__;return ot(t)?r["string"==typeof t?"string":"hash"]:r.map},at=it;var st=it;var lt=it;var ct=it;var dt=function(){this.size=0,this.__data__={hash:new tt,map:new(nt||rt),string:new tt}},ut=function(e){var t=at(this,e).delete(e);return this.size-=t?1:0,t},ht=function(e){return st(this,e).get(e)},pt=function(e){return lt(this,e).has(e)},ft=function(e,t){var r=ct(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this};function mt(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}mt.prototype.clear=dt,mt.prototype.delete=ut,mt.prototype.get=ht,mt.prototype.has=pt,mt.prototype.set=ft;var gt=mt,yt=gt;function bt(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var r=function(){var n=arguments,o=t?t.apply(this,n):n[0],i=r.cache;if(i.has(o))return i.get(o);var a=e.apply(this,n);return r.cache=i.set(o,a)||i,a};return r.cache=new(bt.Cache||yt),r}bt.Cache=yt;var vt=bt;var wt=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,xt=/\\(\\)?/g,$t=function(e){var t=vt(e,(function(e){return 500===r.size&&r.clear(),e})),r=t.cache;return t}((function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(wt,(function(e,r,n,o){t.push(n?o.replace(xt,"$1"):r||e)})),t}));var _t=function(e,t){for(var r=-1,n=null==e?0:e.length,o=Array(n);++r<n;)o[r]=t(e[r],r,e);return o},St=O,kt=q,Ot=P?P.prototype:void 0,jt=Ot?Ot.toString:void 0;var Et=function e(t){if("string"==typeof t)return t;if(St(t))return _t(t,e)+"";if(kt(t))return jt?jt.call(t):"";var r=t+"";return"0"==r&&1/t==-Infinity?"-0":r},Ct=Et;var Ft=O,Pt=Z,It=$t,Tt=function(e){return null==e?"":Ct(e)};var Nt=function(e,t){return Ft(e)?e:Pt(e,t)?[e]:It(Tt(e))},Mt=q;var zt=function(e){if("string"==typeof e||Mt(e))return e;var t=e+"";return"0"==t&&1/e==-Infinity?"-0":t},At=Nt,Bt=zt;var Dt=function(e,t){for(var r=0,n=(t=At(t,e)).length;null!=e&&r<n;)e=e[Bt(t[r++])];return r&&r==n?e:void 0},Rt=Dt;var Ht=function(e,t,r){var n=null==e?void 0:Rt(e,t);return void 0===n?r:n};const Lt=(e,t,r)=>t?Ht(r,t)||Ht(e,t):r||e,Vt=(e,t)=>{const r=t||e.defaultValue;return Ht(e.collections,r)};var Wt;!function(e){e.colorScheme="colorScheme",e.layout="layout",e.textStyleScheme="textStyleScheme"}(Wt||(Wt={}));const Ut={collections:{base:{Brand:{1:"#EF413D",2:"#F26664",3:"#F58E8B",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#1C76D5",PrimaryDark:"#1869BF",Secondary:"#0056b3",Accent:{Dark:{1:"#465A88",2:"#556D99",3:"#8D8DBF"},Light:{1:"#57A9FF",2:"#81BFFF",3:"#BED7FF",4:"#E2ECFD",5:"#F6F8FF",6:"#FBFCFE"}},Neutral:{1:"#282828",2:"#424242",3:"#686868",4:"#A4A4A4",5:"#E0E4E5",6:"#ECEFEF",7:"#F8F8F8",8:"#FFFFFF"},Validation:{Green:{Text:"#097123",Icon:"#4FC029",Border:"#95D97F",Background:"#F9FDF8"},Orange:{Text:"#B34E00",Icon:"#FEAB10",Border:"#F9CB77",Background:"#FFFCF7",Badge:"#F57F17"},Red:{Text:"#C60000",Icon:"#C60000",Border:"#DD6666",Background:"#FDF7F7"}}},bookingsg:{Brand:{1:"#EF413D",2:"#F26664",3:"#F58E8B",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#6F4AB8",PrimaryDark:"#6443A6",Secondary:"#6443A6",Accent:{Dark:{1:"#355985",2:"#68819D",3:"#9AABBE"},Light:{1:"#9F82D9",2:"#B5A5D7",3:"#CEC3E4 ",4:"#E2DBEF",5:"#F2EFF8",6:"#F7F6FB"}},Neutral:{1:"#282828",2:"#424242",3:"#686868",4:"#A4A4A4",5:"#E0E4E5",6:"#ECEFEF",7:"#F8F8F8",8:"#FFFFFF"},Validation:{Green:{Text:"#097123",Icon:"#4FC029",Border:"#95D97F",Background:"#F9FDF8"},Orange:{Text:"#B34E00",Icon:"#FEAB10",Border:"#F9CB77",Background:"#FFFCF7",Badge:"#F57F17"},Red:{Text:"#C60000",Icon:"#C60000",Border:"#DD6666",Background:"#FDF7F7"}}}},defaultValue:"base"},qt=e=>t=>{const r=t.theme,n=Vt(Ut,r[Wt.colorScheme]);return r.options&&r.options.color?Lt(n,e,r.options.color):Lt(n,e)},Qt={Brand:{1:qt("Brand.1"),2:qt("Brand.2"),3:qt("Brand.3"),4:qt("Brand.4"),5:qt("Brand.5"),6:qt("Brand.6")},Primary:qt("Primary"),PrimaryDark:qt("PrimaryDark"),Secondary:qt("Secondary"),Accent:{Light:{1:qt("Accent.Light.1"),2:qt("Accent.Light.2"),3:qt("Accent.Light.3"),4:qt("Accent.Light.4"),5:qt("Accent.Light.5"),6:qt("Accent.Light.6")},Dark:{1:qt("Accent.Dark.1"),2:qt("Accent.Dark.2"),3:qt("Accent.Dark.3")}},Neutral:{1:qt("Neutral.1"),2:qt("Neutral.2"),3:qt("Neutral.3"),4:qt("Neutral.4"),5:qt("Neutral.5"),6:qt("Neutral.6"),7:qt("Neutral.7"),8:qt("Neutral.8")},Validation:{Green:{Text:qt("Validation.Green.Text"),Icon:qt("Validation.Green.Icon"),Border:qt("Validation.Green.Border"),Background:qt("Validation.Green.Background")},Orange:{Text:qt("Validation.Orange.Text"),Icon:qt("Validation.Orange.Icon"),Border:qt("Validation.Orange.Border"),Background:qt("Validation.Orange.Background"),Badge:qt("Validation.Orange.Badge")},Red:{Text:qt("Validation.Red.Text"),Icon:qt("Validation.Red.Icon"),Border:qt("Validation.Red.Border"),Background:qt("Validation.Red.Background")}}},Xt=y.svg`
|
|
65
|
+
height: 1rem;
|
|
66
|
+
width: 1rem;
|
|
67
|
+
vertical-align: text-top;
|
|
68
|
+
|
|
69
|
+
#path {
|
|
70
|
+
fill: ${Qt.Neutral[8]};
|
|
71
|
+
}
|
|
72
|
+
`,Gt=t=>e(Xt,{xmlns:"http://www.w3.org/2000/svg",width:"1rem",height:"1rem",viewBox:"0 0 16 16",...t,children:e("g",{fill:"none",fillRule:"evenodd",children:e("g",{id:"path",fillRule:"nonzero",children:e("g",{children:e("g",{children:e("g",{children:e("path",{d:"M8.706 14.603l6.075-6.075c.294-.29.294-.765 0-1.06L8.706 1.398c-.29-.294-.765-.294-1.06 0l-.693.694c-.3.297-.294.78.013 1.072L10.73 6.75H1.75c-.416 0-.75.334-.75.75v1c0 .416.334.75.75.75h8.981l-3.765 3.587c-.304.291-.31.775-.013 1.072l.694.694c.29.294.765.294 1.06 0z",transform:"translate(-2384.000000, -760.000000) translate(2253.000000, 692.000000) translate(16.000000, 64.000000) translate(115.000000, 4.000000) translate(0.000000, 0.000000)"})})})})})})}),Yt=t=>e(Xt,{width:"1rem",height:"1rem",viewBox:"0 0 40 40",xmlns:"http://www.w3.org/2000/svg",...t,children:e("path",{id:"path",d:"M20\n\t\t8.639c-.934\n\t\t0-1.742.342-2.43 1.03-.684.684-1.03 1.495-1.03 2.429 0 .931.346 1.742 1.03 2.426.688.688 1.496 1.03 2.43 1.03.931 0 1.742-.342 2.43-1.03.684-.684 1.026-1.495 1.026-2.426 0-.934-.342-1.745-1.026-2.43-.688-.687-1.499-1.03-2.43-1.03m4.61 20.91v-1.976a.959.959 0 0 0-.287-.7.959.959 0 0 0-.7-.286h-.99v-8.232a.954.954 0 0 0-.287-.7.945.945 0 0 0-.7-.29h-5.269a.95.95 0 0 0-.7.29.954.954 0 0 0-.286.7v1.976c0 .271.095.506.286.7a.959.959 0 0 0 .7.287h.99v5.269h-.99a.959.959 0 0 0-.7.286.959.959 0 0 0-.286.7v1.977c0 .274.095.505.286.7a.959.959 0 0 0 .7.286h7.246a.959.959 0 0 0 .7-.287.959.959 0 0 0 .286-.7M20 2.5c3.15 0 6.068.788 8.75 2.365a17.67 17.67 0 0 1 6.385 6.386C36.71 13.933 37.5 16.848 37.5 20c0 3.15-.79 6.068-2.365 8.751a17.71 17.71 0 0 1-6.385 6.385C26.068 36.712 23.15 37.5 20 37.5c-3.153 0-6.068-.788-8.75-2.363a17.71 17.71 0 0 1-6.385-6.385c-1.575-2.683-2.365-5.6-2.365-8.75 0-3.154.79-6.069 2.365-8.751a17.67 17.67 0 0 1 6.385-6.386C13.932 3.288 16.847 2.5 20 2.5",fillRule:"nonzero"})}),Zt=t=>e(Xt,{xmlns:"http://www.w3.org/2000/svg",width:"2rem",height:"2rem",viewBox:"0 0 64 64",id:"play-icon",...t,children:e("path",{id:"path",d:"M52.762 37.237 20.474 53.38A5.856 5.856 0 0 1 12 48.143V15.856a5.856 5.856 0 0 1 8.474-5.238l32.288 16.144a5.856 5.856 0 0 1 0 10.475z",fillRule:"nonzero"})}),Jt=t=>e(Xt,{xmlns:"http://www.w3.org/2000/svg",width:"2rem",height:"2rem",viewBox:"0 0 32 32",fill:"none",...t,children:e("g",{id:"search",children:e("path",{id:"path",fillRule:"evenodd",clipRule:"evenodd",d:"M7.60986 7.60986C5.86994 9.34977 5 11.445 5 13.8956C5 16.3462 5.86994 18.4414 7.60986 20.1813C9.34977 21.9212 11.445 22.7911 13.8956 22.7911C15.6355 22.7911 17.2345 22.3133 18.6926 21.3576L24.2063 26.8713C24.3044 26.9571 24.4146 27 24.5372 27C24.6597 27 24.77 26.9571 24.868 26.8713L26.8713 24.868C26.9571 24.77 27 24.6597 27 24.5372C27 24.4146 26.9571 24.3044 26.8713 24.2063L21.3576 18.6926C22.3133 17.2345 22.7911 15.6355 22.7911 13.8956C22.7911 11.445 21.9212 9.34977 20.1813 7.60986C18.4414 5.86994 16.3462 5 13.8956 5C11.445 5 9.34977 5.86994 7.60986 7.60986ZM9.59484 18.178C8.4063 16.9894 7.81205 15.562 7.81205 13.8956C7.81205 12.2292 8.4063 10.8017 9.59484 9.61321C10.7834 8.42468 12.2169 7.83042 13.8956 7.83042C15.5742 7.83042 17.0047 8.42162 18.1872 9.60403C19.3696 10.7864 19.9608 12.2169 19.9608 13.8956C19.9608 15.5742 19.3696 17.0047 18.1872 18.1872C17.0047 19.3696 15.5742 19.9608 13.8956 19.9608C12.2169 19.9608 10.7834 19.3665 9.59484 18.178Z"})})}),Kt=({type:t,...r})=>{switch(t){case"arrow-right":return e(Gt,{...r});case"info":return e(Yt,{...r});case"search":return e(Jt,{...r});case"play-alt":return e(Zt,{...r});default:{const n=`sgds-icon sgds-icon-${t}`,o=r.className?`${n} ${r.className}`:n;return e(er,{...r,className:o})}}},er=y.span`
|
|
73
|
+
font-size: 1rem;
|
|
74
|
+
`,tr={mobileS:320,mobileM:375,mobileL:480,tablet:1199,desktopM:1399,desktopL:1999,desktop4k:3840};var rr=F,nr=/\s/;var or=function(e){for(var t=e.length;t--&&nr.test(e.charAt(t)););return t},ir=/^\s+/;var ar=function(e){return e?e.slice(0,or(e)+1).replace(ir,""):e},sr=J,lr=q,cr=/^[-+]0x[0-9a-f]+$/i,dr=/^0b[01]+$/i,ur=/^0o[0-7]+$/i,hr=parseInt;var pr=function(e){if("number"==typeof e)return e;if(lr(e))return NaN;if(sr(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=sr(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=ar(e);var r=dr.test(e);return r||ur.test(e)?hr(e.slice(2),r?2:8):cr.test(e)?NaN:+e},fr=J,mr=function(){return rr.Date.now()},gr=pr,yr=Math.max,br=Math.min;var vr=function(e,t,r){var n,o,i,a,s,l,c=0,d=!1,u=!1,h=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function p(t){var r=n,i=o;return n=o=void 0,c=t,a=e.apply(i,r)}function f(e){return c=e,s=setTimeout(g,t),d?p(e):a}function m(e){var r=e-l;return void 0===l||r>=t||r<0||u&&e-c>=i}function g(){var e=mr();if(m(e))return y(e);s=setTimeout(g,function(e){var r=t-(e-l);return u?br(r,i-(e-c)):r}(e))}function y(e){return s=void 0,h&&n?p(e):(n=o=void 0,a)}function b(){var e=mr(),r=m(e);if(n=arguments,o=this,l=e,r){if(void 0===s)return f(l);if(u)return clearTimeout(s),s=setTimeout(g,t),p(l)}return void 0===s&&(s=setTimeout(g,t)),a}return t=gr(t)||0,fr(r)&&(d=!!r.leading,i=(u="maxWait"in r)?yr(gr(r.maxWait)||0,t):i,h="trailing"in r?!!r.trailing:h),b.cancel=function(){void 0!==s&&clearTimeout(s),c=0,n=l=o=s=void 0},b.flush=function(){return void 0===s?a:y(mr())},b};const wr=y.div`
|
|
303
75
|
position: fixed;
|
|
304
76
|
left: 0;
|
|
305
77
|
top: 0;
|
|
@@ -313,7 +85,7 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
313
85
|
width: 100vw;
|
|
314
86
|
visibility: visible;
|
|
315
87
|
`}}
|
|
316
|
-
`,
|
|
88
|
+
`,xr=y.div`
|
|
317
89
|
position: absolute;
|
|
318
90
|
left: 0;
|
|
319
91
|
top: 0;
|
|
@@ -337,7 +109,7 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
337
109
|
`,e.$disableTransition&&(t+=b`
|
|
338
110
|
transition: none;
|
|
339
111
|
`),t}}
|
|
340
|
-
|
|
112
|
+
`,$r=({show:t=!1,rootId:r,onOverlayClick:n,children:l,backgroundOpacity:c,backgroundBlur:d=!0,disableTransition:u=!1,enableOverlayClick:h=!1,zIndex:p,id:f})=>{const[m,g]=i(null),[y,b]=i(),v=a(),x=a(null),$=l&&o.cloneElement(l,{ref:x}),_=f?`lifesg-ds-overlay-root-${f}`:"lifesg-ds-overlay-root";s((()=>{if(t){const e=O();if(S(e),!e){const e=setTimeout((()=>{E("add")}),200);return()=>clearTimeout(e)}}else if(!v.current){const e=setTimeout((()=>{E("add")}),200);return()=>clearTimeout(e)}}),[t]),s((()=>{g(k());const e=O();return S(e),e||j(),()=>{E("remove")}}),[]);const S=e=>{v.current=e,b(e)},k=()=>document&&r?document.getElementById(r):document?document.body:null,O=()=>document.body.classList.contains(Sr),j=()=>{if(!document.getElementById(_r)){const e=document.createElement("style");e.id=_r;const t=document.documentElement.clientWidth,r=window.innerWidth-t;e.innerHTML=`\n\t\t\t\t.${Sr} {\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\tpadding-right: ${r}px !important;\n\t\t\t\t\t-ms-overflow-style: none;\n\t\t\t\t\tscrollbar-width: none;\n\t\t\t\t}\n\n\t\t\t\t.${Sr}::-webkit-scrollbar {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t`,document.body.appendChild(e)}},E=e=>{const t=document.body.classList.contains(Sr);"add"!==e||t?"remove"===e&&t&&document.body.classList.remove(Sr):document.body.classList.add(Sr)},C=e=>{e.preventDefault();const t=x.current?.firstChild;t&&t.contains(e.target)||n&&h&&n()};return m?w.createPortal(e(wr,{id:_,"data-testid":_,$show:t,zIndex:p,$stacked:y,children:l&&e(xr,{"data-testid":"overlay-wrapper",$show:t,$backgroundOpacity:c||(y?.5:.8),$backgroundBlur:d,$disableTransition:u,$enableOverlayClick:h,onClick:C,children:$})}),m):null},_r="lifesg-ds-overlay-stylesheet",Sr="lifesg-ds-overlay-open",kr=e=>Object.keys(tr).reduce(((t,r)=>{const n=tr[r];return t[r]=`@media screen and (${e}: ${n}px)`,t}),{}),Or=kr("max-width"),jr=(kr("min-width"),y.div`
|
|
341
113
|
position: relative;
|
|
342
114
|
display: flex;
|
|
343
115
|
justify-content: center;
|
|
@@ -348,20 +120,138 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
348
120
|
${e=>{return t=e.show,r=e.animationFrom||"bottom",t?`\n\t\t\t${r}: 0;\n\t\t\topacity: 1;\n\t\t\ttransition: all 300ms cubic-bezier(0.21, 0.79, 0.53, 1);\n\t\t\ttransition-delay: 200ms;\n\t\t`:`\n\t\t${r}: -3%;\n\t\topacity: 0;\n\t\ttransition: all 300ms cubic-bezier(0.4, 0.34, 0.38, 1);\n\t`;var t,r}}
|
|
349
121
|
|
|
350
122
|
${e=>e.verticalHeight?b`
|
|
351
|
-
${
|
|
123
|
+
${Or.mobileL} {
|
|
352
124
|
height: calc(${e.verticalHeight}px * 100);
|
|
353
125
|
}
|
|
354
126
|
`:b`
|
|
355
|
-
${
|
|
127
|
+
${Or.mobileL} {
|
|
356
128
|
height: calc(1vh * 100);
|
|
357
129
|
}
|
|
358
130
|
`}
|
|
359
|
-
`),
|
|
131
|
+
`),Er=({id:t="modal",show:r,animationFrom:n="bottom",children:o,enableOverlayClick:a=!0,rootComponentId:l,zIndex:c,onOverlayClick:d,...u})=>{const[h,p]=i();s((()=>(p(.01*window.innerHeight),window.addEventListener("resize",f),()=>{window.removeEventListener("resize",f)})),[]);const f=()=>{const e=.01*window.innerHeight;p(e)};return e($r,{"data-testid":`${t}-overlay`,show:r,enableOverlayClick:a,onOverlayClick:d,id:t,rootId:l,zIndex:c,children:e(jr,{show:r,animationFrom:n,"data-testid":t,verticalHeight:h,...u,children:o})})},Cr={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},Fr={collections:{base:{D1:{fontFamily:Cr.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:Cr.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:Cr.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:Cr.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:Cr.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:Cr.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:Cr.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:Cr.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:Cr.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:Cr.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:Cr.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:Cr.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:Cr.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:Cr.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},Pr=e=>t=>{const r=t.theme,n=Vt(Fr,r[Wt.textStyleScheme]);return r.options&&r.options.textStyle?Lt(n,e,r.options.textStyle):Lt(n,e)},Ir={D1:{fontFamily:Pr("D1.fontFamily"),fontSize:Pr("D1.fontSize"),fontWeight:Pr("D1.fontWeight"),lineHeight:Pr("D1.lineHeight"),letterSpacing:Pr("D1.letterSpacing")},D2:{fontFamily:Pr("D2.fontFamily"),fontSize:Pr("D2.fontSize"),fontWeight:Pr("D2.fontWeight"),lineHeight:Pr("D2.lineHeight"),letterSpacing:Pr("D2.letterSpacing")},D3:{fontFamily:Pr("D3.fontFamily"),fontSize:Pr("D3.fontSize"),fontWeight:Pr("D3.fontWeight"),lineHeight:Pr("D3.lineHeight"),letterSpacing:Pr("D3.letterSpacing")},D4:{fontFamily:Pr("D4.fontFamily"),fontSize:Pr("D4.fontSize"),fontWeight:Pr("D4.fontWeight"),lineHeight:Pr("D4.lineHeight"),letterSpacing:Pr("D4.letterSpacing")},DBody:{fontFamily:Pr("DBody.fontFamily"),fontSize:Pr("DBody.fontSize"),fontWeight:Pr("DBody.fontWeight"),lineHeight:Pr("DBody.lineHeight"),letterSpacing:Pr("DBody.letterSpacing")},H1:{fontFamily:Pr("H1.fontFamily"),fontSize:Pr("H1.fontSize"),fontWeight:Pr("H1.fontWeight"),lineHeight:Pr("H1.lineHeight"),letterSpacing:Pr("H1.letterSpacing")},H2:{fontFamily:Pr("H2.fontFamily"),fontSize:Pr("H2.fontSize"),fontWeight:Pr("H2.fontWeight"),lineHeight:Pr("H2.lineHeight"),letterSpacing:Pr("H2.letterSpacing")},H3:{fontFamily:Pr("H3.fontFamily"),fontSize:Pr("H3.fontSize"),fontWeight:Pr("H3.fontWeight"),lineHeight:Pr("H3.lineHeight"),letterSpacing:Pr("H3.letterSpacing")},H4:{fontFamily:Pr("H4.fontFamily"),fontSize:Pr("H4.fontSize"),fontWeight:Pr("H4.fontWeight"),lineHeight:Pr("H4.lineHeight"),letterSpacing:Pr("H4.letterSpacing")},H5:{fontFamily:Pr("H5.fontFamily"),fontSize:Pr("H5.fontSize"),fontWeight:Pr("H5.fontWeight"),lineHeight:Pr("H5.lineHeight"),letterSpacing:Pr("H5.letterSpacing")},H6:{fontFamily:Pr("H6.fontFamily"),fontSize:Pr("H6.fontSize"),fontWeight:Pr("H6.fontWeight"),lineHeight:Pr("H6.lineHeight"),letterSpacing:Pr("H6.letterSpacing")},Body:{fontFamily:Pr("Body.fontFamily"),fontSize:Pr("Body.fontSize"),fontWeight:Pr("Body.fontWeight"),lineHeight:Pr("Body.lineHeight"),letterSpacing:Pr("Body.letterSpacing")},BodySmall:{fontFamily:Pr("BodySmall.fontFamily"),fontSize:Pr("BodySmall.fontSize"),fontWeight:Pr("BodySmall.fontWeight"),lineHeight:Pr("BodySmall.lineHeight"),letterSpacing:Pr("BodySmall.letterSpacing")},XSmall:{fontFamily:Pr("XSmall.fontFamily"),fontSize:Pr("XSmall.fontSize"),fontWeight:Pr("XSmall.fontWeight"),lineHeight:Pr("XSmall.lineHeight"),letterSpacing:Pr("XSmall.letterSpacing")}},Tr=e=>{switch(e){case 700:case"bold":return Cr.Bold;case 600:case"semibold":return Cr.Semibold;case 300:case"light":return Cr.Light;case 400:case"regular":return Cr.Regular;default:return""}},Nr=(e,t)=>r=>{const n=Ir[e].fontFamily(r),o=Ir[e].fontWeight(r);return Object.values(Cr).includes(n)?b`
|
|
132
|
+
font-family: ${Tr(t)||Tr(o)||n};
|
|
133
|
+
font-weight: normal !important;
|
|
134
|
+
`:b`
|
|
135
|
+
font-family: ${n};
|
|
136
|
+
font-weight: ${(Mr(t)||o)??"normal"};
|
|
137
|
+
`},Mr=e=>{switch(e){case 300:case"light":return 300;case 400:case"regular":return 400;case 600:case"semibold":return 600;case 700:case"bold":return 700;case 900:case"black":return 900;default:return""}},zr=(e,t,r=!1)=>n=>{const o=Ir[e],i=o.fontSize(n);return b`
|
|
138
|
+
${Nr(e,t)}
|
|
139
|
+
font-size: ${i}rem !important;
|
|
140
|
+
line-height: ${o.lineHeight}rem !important;
|
|
141
|
+
letter-spacing: ${o.letterSpacing(n)||0}rem !important;
|
|
142
|
+
${b`
|
|
143
|
+
margin-bottom: ${i*(r?1.05:0)}rem;
|
|
144
|
+
`}
|
|
145
|
+
`},Ar=(e=!1,t=!1)=>t?b`
|
|
146
|
+
display: block;
|
|
147
|
+
`:e?b`
|
|
148
|
+
display: inline;
|
|
149
|
+
`:b`
|
|
150
|
+
display: block;
|
|
151
|
+
`;var Br;!function(e){e.D1=y.h1`
|
|
152
|
+
${e=>b`
|
|
153
|
+
${zr("D1",e.weight,e.paragraph)}
|
|
154
|
+
color: ${Qt.Neutral[1]};
|
|
155
|
+
${Ar(e.inline,e.paragraph)}
|
|
156
|
+
`}
|
|
157
|
+
`,e.D2=y.h1`
|
|
158
|
+
${e=>b`
|
|
159
|
+
${zr("D2",e.weight,e.paragraph)}
|
|
160
|
+
color: ${Qt.Neutral[1]};
|
|
161
|
+
${Ar(e.inline,e.paragraph)}
|
|
162
|
+
`}
|
|
163
|
+
`,e.D3=y.h1`
|
|
164
|
+
${e=>b`
|
|
165
|
+
${zr("D3",e.weight,e.paragraph)}
|
|
166
|
+
color: ${Qt.Neutral[1]};
|
|
167
|
+
${Ar(e.inline,e.paragraph)}
|
|
168
|
+
`}
|
|
169
|
+
`,e.D4=y.h1`
|
|
170
|
+
${e=>b`
|
|
171
|
+
${zr("D4",e.weight,e.paragraph)}
|
|
172
|
+
color: ${Qt.Neutral[1]};
|
|
173
|
+
${Ar(e.inline,e.paragraph)}
|
|
174
|
+
`}
|
|
175
|
+
`,e.DBody=y.h1`
|
|
176
|
+
${e=>b`
|
|
177
|
+
${zr("DBody",e.weight,e.paragraph)}
|
|
178
|
+
color: ${Qt.Neutral[1]};
|
|
179
|
+
${Ar(e.inline,e.paragraph)}
|
|
180
|
+
`}
|
|
181
|
+
`,e.H1=y.h1`
|
|
182
|
+
${e=>b`
|
|
183
|
+
${zr("H1",e.weight,e.paragraph)}
|
|
184
|
+
color: ${Qt.Neutral[1]};
|
|
185
|
+
${Ar(e.inline,e.paragraph)}
|
|
186
|
+
`}
|
|
187
|
+
`,e.H2=y.h2`
|
|
188
|
+
${e=>b`
|
|
189
|
+
${zr("H2",e.weight,e.paragraph)}
|
|
190
|
+
color: ${Qt.Neutral[1]};
|
|
191
|
+
${Ar(e.inline,e.paragraph)}
|
|
192
|
+
`}
|
|
193
|
+
`,e.H3=y.h3`
|
|
194
|
+
${e=>b`
|
|
195
|
+
${zr("H3",e.weight,e.paragraph)}
|
|
196
|
+
color: ${Qt.Neutral[1]};
|
|
197
|
+
${Ar(e.inline,e.paragraph)}
|
|
198
|
+
`}
|
|
199
|
+
`,e.H4=y.h4`
|
|
200
|
+
${e=>b`
|
|
201
|
+
${zr("H4",e.weight,e.paragraph)}
|
|
202
|
+
color: ${Qt.Neutral[1]};
|
|
203
|
+
${Ar(e.inline,e.paragraph)}
|
|
204
|
+
`}
|
|
205
|
+
`,e.H5=y.h5`
|
|
206
|
+
${e=>b`
|
|
207
|
+
${zr("H5",e.weight,e.paragraph)}
|
|
208
|
+
color: ${Qt.Neutral[1]};
|
|
209
|
+
${Ar(e.inline,e.paragraph)}
|
|
210
|
+
`}
|
|
211
|
+
`,e.H6=y.h6`
|
|
212
|
+
${e=>b`
|
|
213
|
+
${zr("H6",e.weight,e.paragraph)}
|
|
214
|
+
color: ${Qt.Neutral[1]};
|
|
215
|
+
${Ar(e.inline,e.paragraph)}
|
|
216
|
+
`}
|
|
217
|
+
`,e.Body=y.p`
|
|
218
|
+
${e=>b`
|
|
219
|
+
${zr("Body",e.weight,e.paragraph)}
|
|
220
|
+
color: ${Qt.Neutral[1]};
|
|
221
|
+
${Ar(e.inline,e.paragraph)}
|
|
222
|
+
`}
|
|
223
|
+
`,e.BodySmall=y.p`
|
|
224
|
+
${e=>b`
|
|
225
|
+
${zr("BodySmall",e.weight,e.paragraph)}
|
|
226
|
+
color: ${Qt.Neutral[1]};
|
|
227
|
+
${Ar(e.inline,e.paragraph)}
|
|
228
|
+
`}
|
|
229
|
+
`,e.XSmall=y.span`
|
|
230
|
+
${e=>b`
|
|
231
|
+
${zr("XSmall",e.weight,e.paragraph)}
|
|
232
|
+
color: ${Qt.Neutral[1]};
|
|
233
|
+
${Ar(e.inline,e.paragraph)}
|
|
234
|
+
`}
|
|
235
|
+
`,e.Hyperlink={Default:e=>Hr({...e,textStyle:"Body"}),Small:e=>Hr({...e,textStyle:"BodySmall"})}}(Br||(Br={}));const Dr=y.a`
|
|
236
|
+
${e=>b`
|
|
237
|
+
${zr(e.textStyle,e.weight)}
|
|
238
|
+
color: ${Qt.Primary};
|
|
239
|
+
text-decoration: none;
|
|
240
|
+
|
|
241
|
+
:hover,
|
|
242
|
+
:active,
|
|
243
|
+
:focus {
|
|
244
|
+
color: ${Qt.Secondary};
|
|
245
|
+
}
|
|
246
|
+
`}
|
|
247
|
+
`,Rr=y(Kt)`
|
|
248
|
+
margin-left: 0.4rem;
|
|
249
|
+
`,Hr=({external:r=!1,children:n,...o})=>t(Dr,{...o,children:[n,r&&e(Rr,{type:"external"})]}),Lr=y.button`
|
|
360
250
|
display: flex;
|
|
361
251
|
justify-content: center;
|
|
362
252
|
align-items: center;
|
|
363
253
|
padding: 1.5rem;
|
|
364
|
-
background-color: ${
|
|
254
|
+
background-color: ${Qt.Neutral[8]};
|
|
365
255
|
border: none;
|
|
366
256
|
cursor: pointer;
|
|
367
257
|
|
|
@@ -372,24 +262,24 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
372
262
|
|
|
373
263
|
&:focus {
|
|
374
264
|
outline: none;
|
|
375
|
-
background-color: ${
|
|
265
|
+
background-color: ${Qt.Neutral[7]};
|
|
376
266
|
}
|
|
377
|
-
`,
|
|
267
|
+
`,Vr=o.forwardRef((({children:t,iconType:r,...n},o)=>{let i;if(t)i=t;else{if(!r)return console.error("IconButton - Did not specify a valid children or iconType prop"),null;i=e(Kt,{type:r})}return e(Lr,{ref:o,...n,children:i})})),Wr=y.div`
|
|
378
268
|
position: relative;
|
|
379
269
|
display: flex;
|
|
380
270
|
flex-direction: column;
|
|
381
271
|
width: 40rem;
|
|
382
272
|
max-height: 70%;
|
|
383
|
-
background: ${
|
|
273
|
+
background: ${Qt.Neutral[8]};
|
|
384
274
|
box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.45);
|
|
385
275
|
border-radius: 0.75rem;
|
|
386
276
|
overflow: hidden;
|
|
387
277
|
|
|
388
|
-
${
|
|
278
|
+
${Or.mobileL} {
|
|
389
279
|
width: 90%;
|
|
390
280
|
max-height: 70%;
|
|
391
281
|
}
|
|
392
|
-
`,
|
|
282
|
+
`,Ur=y(Vr)`
|
|
393
283
|
position: absolute;
|
|
394
284
|
top: 0;
|
|
395
285
|
right: 0;
|
|
@@ -402,14 +292,14 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
402
292
|
background: transparent;
|
|
403
293
|
}
|
|
404
294
|
:focus-visible {
|
|
405
|
-
outline: 4px solid ${
|
|
295
|
+
outline: 4px solid ${Qt.Accent.Light[1]};
|
|
406
296
|
}
|
|
407
|
-
`,
|
|
297
|
+
`,qr=y(Kt)`
|
|
408
298
|
font-size: 2rem;
|
|
409
|
-
color: ${
|
|
410
|
-
`,
|
|
299
|
+
color: ${Qt.Neutral[4]};
|
|
300
|
+
`,Qr="all 300ms cubic-bezier(0.21, 0.79, 0.53, 1)",Xr=y.div`
|
|
411
301
|
border-radius: 8px;
|
|
412
|
-
background: ${
|
|
302
|
+
background: ${Qt.Neutral[8]};
|
|
413
303
|
padding: 1rem 2rem;
|
|
414
304
|
box-shadow: 0 2px 8px 0 rgba(104, 104, 104, 0.24);
|
|
415
305
|
max-width: 30rem;
|
|
@@ -419,12 +309,12 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
419
309
|
${e=>e.$visible?b`
|
|
420
310
|
visibility: visible;
|
|
421
311
|
opacity: 1;
|
|
422
|
-
transition: ${
|
|
312
|
+
transition: ${Qr};
|
|
423
313
|
z-index: 2;
|
|
424
314
|
`:b`
|
|
425
315
|
visibility: hidden;
|
|
426
316
|
opacity: 0;
|
|
427
|
-
transition: ${
|
|
317
|
+
transition: ${Qr};
|
|
428
318
|
z-index: -1;
|
|
429
319
|
`}
|
|
430
320
|
${e=>(e=>{switch(e){case"top-center":return b`
|
|
@@ -465,10 +355,10 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
465
355
|
transform: translateX(-50%);
|
|
466
356
|
`}})(e.$offset)}
|
|
467
357
|
|
|
468
|
-
${
|
|
358
|
+
${Or.mobileL} {
|
|
469
359
|
display: none;
|
|
470
360
|
}
|
|
471
|
-
`,
|
|
361
|
+
`,Gr=y((({id:r="modal-box",children:n,onClose:o,showCloseButton:i=!0,...a})=>t(Wr,{"data-testid":r,...a,onClick:e=>{e.stopPropagation()},children:[i&&e(Ur,{type:"button",onClick:o,"data-testid":"close-button",children:e(qr,{type:"cross"})}),n]})))`
|
|
472
362
|
padding: 3.5rem 1.25rem 2.5rem;
|
|
473
363
|
`;y.div`
|
|
474
364
|
position: relative;
|
|
@@ -478,7 +368,7 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
478
368
|
background: none;
|
|
479
369
|
border: none;
|
|
480
370
|
padding: 0;
|
|
481
|
-
`;const
|
|
371
|
+
`;const Yr=({children:n,visible:o,onMobileClose:l,...c})=>{const d=c["data-testid"]||"popover",[u,h]=i("none"),p=a(null),f=k.exports.useMediaQuery({maxWidth:tr.mobileL}),m=a(u);s((()=>(b(),window.addEventListener("resize",vr(g,300)),()=>{window.removeEventListener("resize",vr(g,300))})),[]);const g=()=>{b()},y=()=>{l&&l()},b=()=>{const e=v();var t;e&&(t=e,m.current=t,h(t))},v=()=>{if(p.current){const e=p.current.getBoundingClientRect(),t=24,r=e.y<t,n=window.innerWidth-t;return e.x<t?r?"top-left":"left":e.x+e.width>n?r?"top-right":"right":("top-left"===m.current||"left"===m.current)&&e.x-e.width/2>t||("top-right"===m.current||"right"===m.current)&&e.x+2*e.width<n?r?"top-center":"none":void 0}},w=()=>"string"==typeof n?e(Br.BodySmall,{children:n}):n;return t(r,{children:[e(Xr,{ref:p,"data-testid":d,$visible:o,$offset:u,...c,children:w()}),f&&e(Er,{show:o,onOverlayClick:y,children:e(Gr,{onClose:y,children:w()})})]})},Zr=y.button`
|
|
482
372
|
padding: 0.25rem 0.5rem 0.25rem 0.25rem;
|
|
483
373
|
border: none;
|
|
484
374
|
background: none;
|
|
@@ -486,17 +376,17 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
486
376
|
|
|
487
377
|
svg {
|
|
488
378
|
#path {
|
|
489
|
-
fill: ${
|
|
379
|
+
fill: ${Qt.Primary};
|
|
490
380
|
}
|
|
491
381
|
}
|
|
492
|
-
`,
|
|
382
|
+
`,Jr=y.div`
|
|
493
383
|
display: inline;
|
|
494
384
|
position: relative;
|
|
495
385
|
width: fit-content;
|
|
496
|
-
`,
|
|
497
|
-
${
|
|
386
|
+
`,Kr=({addonType:t="popover",icon:r,"data-testid":n,...o})=>e(Zr,{"data-testid":n,...o,children:"string"==typeof r?e(Kt,{type:r,id:`${t}-icon`}):r||e(Kt,{type:"info",id:`${t}-icon`})}),en=({addon:r})=>{const[n,o]=i(!1),l=a(),c=a(!1),d=k.exports.useMediaQuery({maxWidth:tr.mobileL}),u=e=>{c.current=e,o(e)};s((()=>{if(!d)return document.addEventListener("mousedown",h),()=>{document.removeEventListener("mousedown",h)}}),[]);const h=e=>{l&&!l.current.contains(e.target)&&c.current&&u(!1)};return t(Jr,{ref:l,id:"addon-popover-wrapper",children:[e(Yr,{visible:n,id:r.id,"data-testid":r["data-testid"],onMobileClose:()=>{n&&u(!1)},children:r.content}),e(Kr,{addonType:r.type,icon:r.icon,id:`popover-hoc-trigger${r["data-testid"]&&`-${r["data-testid"]}`}`,onClick:()=>u(!n),"aria-label":"popover-button",type:"button"})]})};var tn;!function(e){e[e.Subpage=0]="Subpage",e[e.Domain=1]="Domain"}(tn||(tn={}));const rn=y.label`
|
|
387
|
+
${zr("H5","semibold")}
|
|
498
388
|
|
|
499
|
-
color: ${e=>e.disabled?
|
|
389
|
+
color: ${e=>e.disabled?Qt.Neutral[4](e):Qt.Neutral[3](e)};
|
|
500
390
|
margin-bottom: 0.5rem;
|
|
501
391
|
display: inline-block;
|
|
502
392
|
|
|
@@ -507,38 +397,148 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
507
397
|
#popover-hoc-button {
|
|
508
398
|
vertical-align: bottom;
|
|
509
399
|
}
|
|
510
|
-
`,
|
|
511
|
-
color: ${
|
|
400
|
+
`,nn=y(Br.H6)`
|
|
401
|
+
color: ${Qt.Validation.Red.Text};
|
|
512
402
|
margin-top: 0.5rem;
|
|
513
403
|
margin-bottom: 0;
|
|
514
|
-
`,
|
|
404
|
+
`,on=({children:r,addon:n,...o})=>t(rn,{...o,children:[r,n&&n.type&&("popover"===n.type?n&&e(en,{addon:n}):null)]}),an=y.div`
|
|
515
405
|
display: flex;
|
|
516
406
|
flex-direction: column;
|
|
517
407
|
|
|
518
408
|
&:not(:last-child) {
|
|
519
409
|
margin-bottom: 1rem;
|
|
520
410
|
}
|
|
521
|
-
`,
|
|
522
|
-
|
|
523
|
-
|
|
411
|
+
`,sn=({label:r,errorMessage:n,id:o,disabled:i,children:a,"data-error-testid":s})=>t(an,{children:[r&&e(on,"string"==typeof r?{htmlFor:`${o}-base`,"data-testid":o?`${o}-label`:"form-label",disabled:i,children:r}:{htmlFor:`${o}-base`,"data-testid":o?`${o}-label`:"form-label",disabled:i,...r}),a,n&&e(nn,{weight:"semibold","data-testid":s||(o?`${o}-error-message`:"error-message"),children:n})]});var ln;!function(e){e.transformWithSpaces=(e,t)=>{const r="(.{"+t+"})";return e.replace(/[^\dA-Z]/gi,"").replace(new RegExp(r,"g"),"$1 ").trim()},e.padValue=(e,t)=>{if("0"===e)return t?e:e.padStart(2,"0");if(""===e)return e;return parseInt(e).toString().padStart(2,"0")},e.shouldTruncateToTwoLines=(e,t)=>{const r=Math.floor(t/9);return e.length>=2*r||1===e.split(" ").length&&e.length>r},e.truncateOneLine=(e,t,r,n)=>{let o=0;t>r&&(o=Math.floor((t-r)/8));const i=n+o;if(i<e.length){const t=Math.floor(i/2);return e.substring(0,t)+" ... "+e.substring(e.length-t,e.length)}return e}}(ln||(ln={}));const cn=y.div`
|
|
412
|
+
display: flex;
|
|
413
|
+
position: relative;
|
|
414
|
+
align-items: center;
|
|
415
|
+
border: 1px solid ${Qt.Neutral[5]};
|
|
416
|
+
border-radius: 4px;
|
|
417
|
+
background: ${Qt.Neutral[8]};
|
|
418
|
+
height: 3rem;
|
|
419
|
+
width: 100%;
|
|
420
|
+
padding: 0.1rem 1rem 0;
|
|
421
|
+
|
|
422
|
+
:focus,
|
|
423
|
+
:focus-within {
|
|
424
|
+
border: 1px solid ${Qt.Accent.Light[1]};
|
|
425
|
+
box-shadow: inset 0 0 5px 1px rgba(87, 169, 255, 0.5);
|
|
426
|
+
}
|
|
427
|
+
|
|
428
|
+
${e=>e.disabled?b`
|
|
429
|
+
background: ${Qt.Neutral[6](e)};
|
|
430
|
+
:hover {
|
|
431
|
+
cursor: not-allowed;
|
|
432
|
+
}
|
|
433
|
+
|
|
434
|
+
:focus-within {
|
|
435
|
+
border: 1px solid ${Qt.Neutral[5](e)};
|
|
436
|
+
box-shadow: none;
|
|
437
|
+
}
|
|
438
|
+
`:e.$error?b`
|
|
439
|
+
border: 1px solid ${Qt.Validation.Red.Border(e)};
|
|
440
|
+
|
|
441
|
+
:focus-within {
|
|
442
|
+
border: 1px solid ${Qt.Validation.Red.Border(e)};
|
|
443
|
+
box-shadow: inset 0 0 4px 1px rgba(221, 102, 102, 0.8);
|
|
444
|
+
}
|
|
445
|
+
`:void 0}
|
|
446
|
+
`,dn=y.div`
|
|
447
|
+
position: absolute;
|
|
448
|
+
top: 0;
|
|
449
|
+
left: 1rem; // input value appears slightly right
|
|
450
|
+
height: 100%;
|
|
451
|
+
display: flex;
|
|
452
|
+
align-items: center;
|
|
453
|
+
|
|
454
|
+
// Removal of arrow buttons for Mozilla Firefox
|
|
455
|
+
input[type="number"]::-webkit-outer-spin-button,
|
|
456
|
+
input[type="number"]::-webkit-inner-spin-button {
|
|
457
|
+
-webkit-appearance: none;
|
|
458
|
+
margin: 0;
|
|
459
|
+
}
|
|
460
|
+
|
|
461
|
+
input[type="number"] {
|
|
462
|
+
-moz-appearance: textfield;
|
|
463
|
+
}
|
|
464
|
+
`,un=y.input`
|
|
465
|
+
${zr("Body","regular")}
|
|
466
|
+
background: transparent;
|
|
467
|
+
height: 100%;
|
|
468
|
+
width: 2.5rem;
|
|
469
|
+
border: none;
|
|
470
|
+
text-align: center;
|
|
471
|
+
padding: 0;
|
|
472
|
+
|
|
473
|
+
// Chrome, Safari, Edge, Opera
|
|
474
|
+
::-webkit-outer-spin-button,
|
|
475
|
+
::-webkit-inner-spin-button {
|
|
476
|
+
-webkit-appearance: none;
|
|
477
|
+
margin: 0;
|
|
478
|
+
}
|
|
479
|
+
|
|
480
|
+
// Safari (remove top shadow)
|
|
481
|
+
--webkit-appearance: none;
|
|
482
|
+
|
|
483
|
+
// Firefox
|
|
484
|
+
--moz-appearance: textfield;
|
|
485
|
+
|
|
486
|
+
:focus,
|
|
487
|
+
:active {
|
|
488
|
+
outline: none;
|
|
489
|
+
}
|
|
490
|
+
|
|
491
|
+
${e=>{if(e.disabled)return b`
|
|
492
|
+
cursor: not-allowed;
|
|
493
|
+
`}}
|
|
494
|
+
`,hn=y(un)`
|
|
495
|
+
width: 2.6rem;
|
|
496
|
+
`,pn=y(un)`
|
|
497
|
+
width: 3.5rem;
|
|
498
|
+
`,fn=y(Br.Body)`
|
|
499
|
+
opacity: ${e=>e.$hide?0:1};
|
|
500
|
+
margin: 0.1rem 0.2rem 0 0.2rem;
|
|
501
|
+
`;y(fn)`
|
|
502
|
+
/* margin: 0.1rem 0.2rem 0 0.4rem; */
|
|
503
|
+
${e=>{if(e.$compress)return b`
|
|
504
|
+
margin: 0.1rem 0.1rem 0 0.1rem;
|
|
505
|
+
`}}
|
|
506
|
+
`;const mn=y.div`
|
|
507
|
+
display: flex;
|
|
508
|
+
align-items: center;
|
|
509
|
+
`,gn=y(Br.Body)`
|
|
510
|
+
opacity: ${e=>e.$hide?0:1};
|
|
511
|
+
color: ${Qt.Neutral[3]};
|
|
512
|
+
display: inline;
|
|
513
|
+
width: 2.5rem;
|
|
514
|
+
text-align: center;
|
|
515
|
+
`,yn=y(fn)`
|
|
516
|
+
color: ${Qt.Neutral[3]};
|
|
517
|
+
`,bn=y(gn)`
|
|
518
|
+
width: 2.6rem;
|
|
519
|
+
`,vn=y(gn)`
|
|
520
|
+
width: 3.5rem;
|
|
521
|
+
`,wn=({disabled:r,error:n,value:o,onChange:l,onBlur:c,...d})=>{const[u,h]=i(""),[p,f]=i(""),[m,g]=i(""),[y,b]=i("none"),v=a(null),w=a(null),x=a(null),$=a(null),_=a(u),S=a(p),k=a(m),O=a(y),j=e=>{_.current=e,h(e)},E=e=>{S.current=e,f(e)},C=e=>{k.current=e,g(e)},F=e=>{O.current=e,b(e)};s((()=>(document.addEventListener("mousedown",I),v.current&&v.current.addEventListener("keydown",T),w.current&&w.current.addEventListener("keydown",P),x.current&&x.current.addEventListener("keydown",P),$.current&&$.current.addEventListener("keydown",P),()=>{document.removeEventListener("mousedown",I),v.current&&v.current.removeEventListener("keydown",T),w.current&&w.current.removeEventListener("keydown",P),x.current&&x.current.removeEventListener("keydown",P),$.current&&$.current.removeEventListener("keydown",P)})),[y]),s((()=>{"day"===y&&2===u.length&&x.current&&x.current.focus()}),[u]),s((()=>{"month"===y&&2===p.length&&$.current&&$.current.focus()}),[p]),s((()=>{A(o)}),[o]);const P=e=>{const t=["Backspace","0","1","2","3","4","5","6","7","8","9"],r=e.code&&e.code.startsWith("Digit")&&!t.includes(e.key);(!["Digit0","Digit1","Digit2","Digit3","Digit4","Digit5","Digit6","Digit7","Digit8","Digit9","Tab","Backspace","Delete","ArrowLeft","ArrowRight"].includes(e.code)&&!t.includes(e.key)||r)&&e.preventDefault()},I=e=>{r||v&&v.current.contains(e.target)||"none"!==O.current&&(F("none"),D())},T=e=>{"year"===e.target.name&&"Tab"===e.code&&(F("none"),D())},N=e=>{F(e.target.name),e.target.select()},M=e=>{switch(e.target.name){case"day":j(ln.padValue(e.target.value,!0));break;case"month":E(ln.padValue(e.target.value,!0))}},z=e=>{const t=e.target.name;switch(t){case"day":e.target.value.length<=2&&(j(e.target.value),B(e.target.value,t));break;case"month":e.target.value.length<=2&&(E(e.target.value),B(e.target.value,t));break;case"year":e.target.value.length<=4&&(C(e.target.value),B(e.target.value,t))}},A=e=>{if(void 0===e||""===e)j(""),E(""),C("");else{const t=new Date(e);if(!isNaN(t.getTime())){const e=t.getDate(),r=t.getMonth()+1,n=t.getFullYear();j(ln.padValue(e.toString())),E(ln.padValue(r.toString())),C(n.toString())}}},B=(e,t)=>{if(l){const r={day:u,month:p,year:m};r[t]=e;const n=R(r);l(n)}},D=()=>{if(c){const e={day:_.current,month:S.current,year:k.current},t=R(e);c(t)}},R=e=>{const t=[e.year,e.month,e.day];return e.day.length>=1&&e.month.length>=1&&4===e.year.length?t.join("-"):t.every((e=>""===e))?"":xn};return t(cn,{ref:v,onClick:()=>{"none"===y&&w.current&&w.current.focus()},disabled:r,$error:n,"data-testid":d["data-testid"],children:[t(mn,{children:[e(gn,{$hide:"day"===y||u.length>0,"data-testid":"day-placeholder",children:"DD"}),e(yn,{$hide:u.length>0,children:"/"}),e(bn,{$hide:"month"===y||p.length>0,"data-testid":"month-placeholder",children:"MM"}),e(yn,{$hide:p.length>0,children:"/"}),e(vn,{$hide:"year"===y||m.length>0,"data-testid":"year-placeholder",$addGap:0===u.length&&0===m.length,children:"YYYY"})]}),t(dn,{children:[e(un,{name:"day",maxLength:2,value:u,ref:w,onFocus:N,onBlur:M,onChange:z,disabled:r,type:"number",pattern:"[0-9]{2}","data-testid":"day-input","aria-label":"day-input"}),e(fn,{$hide:0===u.length,children:"/"}),e(hn,{name:"month",maxLength:2,value:p,ref:x,onFocus:N,onBlur:M,onChange:z,disabled:r,type:"number",pattern:"[0-9]{2}","data-testid":"month-input","aria-label":"month-input"}),e(fn,{$hide:0===p.length,children:"/"}),e(pn,{name:"year",maxLength:4,value:m,ref:$,onFocus:N,onBlur:M,onChange:z,disabled:r,type:"number",pattern:"[0-9]{4}","data-testid":"year-input","aria-label":"year-input"})]})]})},xn="Invalid date",$n=y.input`
|
|
522
|
+
${zr("Body","regular")}
|
|
523
|
+
border: 1px solid ${Qt.Neutral[5]};
|
|
524
524
|
border-radius: 4px;
|
|
525
525
|
display: block;
|
|
526
526
|
padding: 0.2rem 1rem 0.3rem 1rem; // Somehow the input text appears lower
|
|
527
527
|
height: 3rem;
|
|
528
528
|
width: 100%;
|
|
529
|
-
background: ${
|
|
530
|
-
color: ${
|
|
529
|
+
background: ${Qt.Neutral[8]};
|
|
530
|
+
color: ${Qt.Neutral[1]};
|
|
531
531
|
|
|
532
532
|
:focus,
|
|
533
533
|
:active {
|
|
534
534
|
outline: none;
|
|
535
|
-
border: 1px solid ${
|
|
535
|
+
border: 1px solid ${Qt.Accent.Light[1]};
|
|
536
536
|
box-shadow: inset 0 0 5px 1px rgba(87, 169, 255, 0.5);
|
|
537
537
|
}
|
|
538
538
|
|
|
539
539
|
::placeholder,
|
|
540
540
|
::-webkit-input-placeholder {
|
|
541
|
-
color: ${
|
|
541
|
+
color: ${Qt.Neutral[3]};
|
|
542
542
|
}
|
|
543
543
|
|
|
544
544
|
${e=>e.readOnly?b`
|
|
@@ -552,35 +552,35 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
552
552
|
box-shadow: none;
|
|
553
553
|
}
|
|
554
554
|
`:e.disabled?b`
|
|
555
|
-
background: ${
|
|
555
|
+
background: ${Qt.Neutral[6](e)};
|
|
556
556
|
cursor: not-allowed;
|
|
557
557
|
|
|
558
558
|
:focus,
|
|
559
559
|
:active {
|
|
560
560
|
outline: none;
|
|
561
|
-
border: 1px solid ${
|
|
561
|
+
border: 1px solid ${Qt.Neutral[5](e)};
|
|
562
562
|
box-shadow: none;
|
|
563
563
|
}
|
|
564
564
|
`:e.error?b`
|
|
565
|
-
border: 1px solid ${
|
|
565
|
+
border: 1px solid ${Qt.Validation.Red.Border(e)};
|
|
566
566
|
|
|
567
567
|
:focus,
|
|
568
568
|
:active {
|
|
569
|
-
border: 1px solid ${
|
|
569
|
+
border: 1px solid ${Qt.Validation.Red.Border(e)};
|
|
570
570
|
box-shadow: inset 0 0 4px 1px rgba(221, 102, 102, 0.8);
|
|
571
571
|
}
|
|
572
572
|
`:void 0}
|
|
573
|
-
`,_n=o.forwardRef((({value:t,spacing:r,type:n,error:o,disabled:i,onChange:a,...s},l)=>{const c=()=>"tel"===n&&r,d=e=>{const t=e.target,r=t.value,n=t.value.replace(/\s/g,"");t.value=n,a(e),t.value=r},u=t?(e=>e?c()?
|
|
573
|
+
`,_n=o.forwardRef((({value:t,spacing:r,type:n,error:o,disabled:i,onChange:a,...s},l)=>{const c=()=>"tel"===n&&r,d=e=>{const t=e.target,r=t.value,n=t.value.replace(/\s/g,"");t.value=n,a(e),t.value=r},u=t?(e=>e?c()?ln.transformWithSpaces(e,r):e:"")(t):t;return e($n,{"data-testid":"input",ref:l,disabled:i,value:u,error:o,onChange:a?e=>{c()?d(e):a(e)}:void 0,type:n,readOnly:"readonly"===n,...s})})),Sn=o.forwardRef(((t,r)=>{const{label:n,errorMessage:o,id:i="form-field","data-error-testid":a,"data-testid":s,...l}=t;return e(sn,{id:i,label:n,errorMessage:o,disabled:l.disabled,"data-error-testid":a,children:e(_n,{id:`${i}-base`,"data-testid":s||i,ref:r,error:!!o,...l})})})),kn=y.div`
|
|
574
574
|
display: flex;
|
|
575
575
|
position: relative;
|
|
576
|
-
border: 1px solid ${
|
|
576
|
+
border: 1px solid ${Qt.Neutral[5]};
|
|
577
577
|
border-radius: 4px;
|
|
578
|
-
background: ${
|
|
578
|
+
background: ${Qt.Neutral[8]};
|
|
579
579
|
height: 3rem;
|
|
580
580
|
width: 100%;
|
|
581
581
|
|
|
582
582
|
:focus-within {
|
|
583
|
-
border: 1px solid ${
|
|
583
|
+
border: 1px solid ${Qt.Accent.Light[1]};
|
|
584
584
|
box-shadow: inset 0 0 5px 1px rgba(87, 169, 255, 0.5);
|
|
585
585
|
}
|
|
586
586
|
|
|
@@ -596,20 +596,20 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
596
596
|
box-shadow: none;
|
|
597
597
|
}
|
|
598
598
|
`:e.disabled?b`
|
|
599
|
-
background: ${
|
|
599
|
+
background: ${Qt.Neutral[6](e)};
|
|
600
600
|
:hover {
|
|
601
601
|
cursor: not-allowed;
|
|
602
602
|
}
|
|
603
603
|
|
|
604
604
|
:focus-within {
|
|
605
|
-
border: 1px solid ${
|
|
605
|
+
border: 1px solid ${Qt.Neutral[5](e)};
|
|
606
606
|
box-shadow: none;
|
|
607
607
|
}
|
|
608
608
|
`:e.$error?b`
|
|
609
|
-
border: 1px solid ${
|
|
609
|
+
border: 1px solid ${Qt.Validation.Red.Border(e)};
|
|
610
610
|
|
|
611
611
|
:focus-within {
|
|
612
|
-
border: 1px solid ${
|
|
612
|
+
border: 1px solid ${Qt.Validation.Red.Border(e)};
|
|
613
613
|
box-shadow: inset 0 0 4px 1px rgba(221, 102, 102, 0.8);
|
|
614
614
|
}
|
|
615
615
|
`:void 0}
|
|
@@ -637,30 +637,30 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
637
637
|
border-bottom-left-radius: 4px;
|
|
638
638
|
padding: 0 0.6875rem 0 1rem;
|
|
639
639
|
|
|
640
|
-
${
|
|
641
|
-
color: ${
|
|
640
|
+
${zr("Body","regular")}
|
|
641
|
+
color: ${Qt.Neutral[1]};
|
|
642
642
|
|
|
643
643
|
/* SVG Icon */
|
|
644
644
|
svg {
|
|
645
645
|
height: 1.5rem;
|
|
646
646
|
width: 1.5rem;
|
|
647
647
|
#path {
|
|
648
|
-
fill: ${
|
|
648
|
+
fill: ${Qt.Neutral[1]};
|
|
649
649
|
}
|
|
650
650
|
}
|
|
651
651
|
|
|
652
652
|
${e=>{if(e.disabled)return b`
|
|
653
|
-
color: ${
|
|
653
|
+
color: ${Qt.Neutral[4](e)};
|
|
654
654
|
svg {
|
|
655
655
|
#path {
|
|
656
|
-
fill: ${
|
|
656
|
+
fill: ${Qt.Neutral[4](e)};
|
|
657
657
|
}
|
|
658
658
|
}
|
|
659
659
|
`}}
|
|
660
|
-
`;y(
|
|
660
|
+
`;y(Kt)`
|
|
661
661
|
padding-left: 0.5rem;
|
|
662
|
-
color: ${
|
|
663
|
-
`;var En=function(e,t,r,n){for(var o=e.length,i=r+(n?1:-1);n?i--:++i<o;)if(t(e[i],i,e))return i;return-1},Cn=Je;var Fn=Je,Pn=Ke,In=mt;var Tn=Je,Nn=function(){this.__data__=new Cn,this.size=0},Mn=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r},zn=function(e){return this.__data__.get(e)},An=function(e){return this.__data__.has(e)},Bn=function(e,t){var r=this.__data__;if(r instanceof Fn){var n=r.__data__;if(!Pn||n.length<199)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new In(n)}return r.set(e,t),this.size=r.size,this};function Dn(e){var t=this.__data__=new Tn(e);this.size=t.size}Dn.prototype.clear=Nn,Dn.prototype.delete=Mn,Dn.prototype.get=zn,Dn.prototype.has=An,Dn.prototype.set=Bn;var Rn=Dn;var Hn=mt,Ln=function(e){return this.__data__.set(e,"__lodash_hash_undefined__"),this},Vn=function(e){return this.__data__.has(e)};function Wn(e){var t=-1,r=null==e?0:e.length;for(this.__data__=new Hn;++t<r;)this.add(e[t])}Wn.prototype.add=Wn.prototype.push=Ln,Wn.prototype.has=Vn;var Un=Wn,qn=function(e,t){for(var r=-1,n=null==e?0:e.length;++r<n;)if(t(e[r],r,e))return!0;return!1},Qn=function(e,t){return e.has(t)};var Xn=function(e,t,r,n,o,i){var a=1&r,s=e.length,l=t.length;if(s!=l&&!(a&&l>s))return!1;var c=i.get(e),d=i.get(t);if(c&&d)return c==t&&d==e;var u=-1,h=!0,p=2&r?new Un:void 0;for(i.set(e,t),i.set(t,e);++u<s;){var f=e[u],m=t[u];if(n)var g=a?n(m,f,u,t,e,i):n(f,m,u,e,t,i);if(void 0!==g){if(g)continue;h=!1;break}if(p){if(!qn(t,(function(e,t){if(!Qn(p,t)&&(f===e||o(f,e,r,n,i)))return p.push(t)}))){h=!1;break}}else if(f!==m&&!o(f,m,r,n,i)){h=!1;break}}return i.delete(e),i.delete(t),h};var Gn=C.Uint8Array,Yn=Be,Zn=Xn,Jn=function(e){var t=-1,r=Array(e.size);return e.forEach((function(e,n){r[++t]=[n,e]})),r},Kn=function(e){var t=-1,r=Array(e.size);return e.forEach((function(e){r[++t]=e})),r},eo=F?F.prototype:void 0,to=eo?eo.valueOf:void 0;var ro=function(e,t,r,n,o,i,a){switch(r){case"[object DataView]":if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case"[object ArrayBuffer]":return!(e.byteLength!=t.byteLength||!i(new Gn(e),new Gn(t)));case"[object Boolean]":case"[object Date]":case"[object Number]":return Yn(+e,+t);case"[object Error]":return e.name==t.name&&e.message==t.message;case"[object RegExp]":case"[object String]":return e==t+"";case"[object Map]":var s=Jn;case"[object Set]":var l=1&n;if(s||(s=Kn),e.size!=t.size&&!l)return!1;var c=a.get(e);if(c)return c==t;n|=2,a.set(e,t);var d=Zn(s(e),s(t),n,o,i,a);return a.delete(e),d;case"[object Symbol]":if(to)return to.call(e)==to.call(t)}return!1};var no=function(e,t){for(var r=-1,n=t.length,o=e.length;++r<n;)e[o+r]=t[r];return e},oo=k;var io=function(e,t,r){var n=t(e);return oo(e)?n:no(n,r(e))};var ao=function(e,t){for(var r=-1,n=null==e?0:e.length,o=0,i=[];++r<n;){var a=e[r];t(a,r,e)&&(i[o++]=a)}return i},so=function(){return[]},lo=Object.prototype.propertyIsEnumerable,co=Object.getOwnPropertySymbols,uo=co?function(e){return null==e?[]:(e=Object(e),ao(co(e),(function(t){return lo.call(e,t)})))}:so;var ho=function(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n},po=H,fo=L;var mo=function(e){return fo(e)&&"[object Arguments]"==po(e)},go=L,yo=Object.prototype,bo=yo.hasOwnProperty,vo=yo.propertyIsEnumerable,wo=mo(function(){return arguments}())?mo:function(e){return go(e)&&bo.call(e,"callee")&&!vo.call(e,"callee")},xo={exports:{}};var $o=function(){return!1};!function(e,t){var r=C,n=$o,o=t&&!t.nodeType&&t,i=o&&e&&!e.nodeType&&e,a=i&&i.exports===o?r.Buffer:void 0,s=(a?a.isBuffer:void 0)||n;e.exports=s}(xo,xo.exports);var _o=/^(?:0|[1-9]\d*)$/;var So=function(e,t){var r=typeof e;return!!(t=null==t?9007199254740991:t)&&("number"==r||"symbol"!=r&&_o.test(e))&&e>-1&&e%1==0&&e<t};var ko=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991},Oo=H,jo=ko,Eo=L,Co={};Co["[object Float32Array]"]=Co["[object Float64Array]"]=Co["[object Int8Array]"]=Co["[object Int16Array]"]=Co["[object Int32Array]"]=Co["[object Uint8Array]"]=Co["[object Uint8ClampedArray]"]=Co["[object Uint16Array]"]=Co["[object Uint32Array]"]=!0,Co["[object Arguments]"]=Co["[object Array]"]=Co["[object ArrayBuffer]"]=Co["[object Boolean]"]=Co["[object DataView]"]=Co["[object Date]"]=Co["[object Error]"]=Co["[object Function]"]=Co["[object Map]"]=Co["[object Number]"]=Co["[object Object]"]=Co["[object RegExp]"]=Co["[object Set]"]=Co["[object String]"]=Co["[object WeakMap]"]=!1;var Fo=function(e){return Eo(e)&&jo(e.length)&&!!Co[Oo(e)]};var Po=function(e){return function(t){return e(t)}},Io={exports:{}};!function(e,t){var r=O,n=t&&!t.nodeType&&t,o=n&&e&&!e.nodeType&&e,i=o&&o.exports===n&&r.process,a=function(){try{var e=o&&o.require&&o.require("util").types;return e||i&&i.binding&&i.binding("util")}catch(e){}}();e.exports=a}(Io,Io.exports);var To=Fo,No=Po,Mo=Io.exports,zo=Mo&&Mo.isTypedArray,Ao=zo?No(zo):To,Bo=ho,Do=wo,Ro=k,Ho=xo.exports,Lo=So,Vo=Ao,Wo=Object.prototype.hasOwnProperty;var Uo=function(e,t){var r=Ro(e),n=!r&&Do(e),o=!r&&!n&&Ho(e),i=!r&&!n&&!o&&Vo(e),a=r||n||o||i,s=a?Bo(e.length,String):[],l=s.length;for(var c in e)!t&&!Wo.call(e,c)||a&&("length"==c||o&&("offset"==c||"parent"==c)||i&&("buffer"==c||"byteLength"==c||"byteOffset"==c)||Lo(c,l))||s.push(c);return s},qo=Object.prototype;var Qo=function(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||qo)};var Xo=function(e,t){return function(r){return e(t(r))}}(Object.keys,Object),Go=Qo,Yo=Xo,Zo=Object.prototype.hasOwnProperty;var Jo=te,Ko=ko;var ei=Uo,ti=function(e){if(!Go(e))return Yo(e);var t=[];for(var r in Object(e))Zo.call(e,r)&&"constructor"!=r&&t.push(r);return t},ri=function(e){return null!=e&&Ko(e.length)&&!Jo(e)};var ni=function(e){return ri(e)?ei(e):ti(e)},oi=io,ii=uo,ai=ni;var si=function(e){return oi(e,ai,ii)},li=Object.prototype.hasOwnProperty;var ci=function(e,t,r,n,o,i){var a=1&r,s=si(e),l=s.length;if(l!=si(t).length&&!a)return!1;for(var c=l;c--;){var d=s[c];if(!(a?d in t:li.call(t,d)))return!1}var u=i.get(e),h=i.get(t);if(u&&h)return u==t&&h==e;var p=!0;i.set(e,t),i.set(t,e);for(var f=a;++c<l;){var m=e[d=s[c]],g=t[d];if(n)var y=a?n(g,m,d,t,e,i):n(m,g,d,e,t,i);if(!(void 0===y?m===g||o(m,g,r,n,i):y)){p=!1;break}f||(f="constructor"==d)}if(p&&!f){var b=e.constructor,v=t.constructor;b==v||!("constructor"in e)||!("constructor"in t)||"function"==typeof b&&b instanceof b&&"function"==typeof v&&v instanceof v||(p=!1)}return i.delete(e),i.delete(t),p},di=ve(C,"DataView"),ui=Ke,hi=ve(C,"Promise"),pi=ve(C,"Set"),fi=ve(C,"WeakMap"),mi=H,gi=ae,yi=gi(di),bi=gi(ui),vi=gi(hi),wi=gi(pi),xi=gi(fi),$i=mi;(di&&"[object DataView]"!=$i(new di(new ArrayBuffer(1)))||ui&&"[object Map]"!=$i(new ui)||hi&&"[object Promise]"!=$i(hi.resolve())||pi&&"[object Set]"!=$i(new pi)||fi&&"[object WeakMap]"!=$i(new fi))&&($i=function(e){var t=mi(e),r="[object Object]"==t?e.constructor:void 0,n=r?gi(r):"";if(n)switch(n){case yi:return"[object DataView]";case bi:return"[object Map]";case vi:return"[object Promise]";case wi:return"[object Set]";case xi:return"[object WeakMap]"}return t});var _i=Rn,Si=Xn,ki=ro,Oi=ci,ji=$i,Ei=k,Ci=xo.exports,Fi=Ao,Pi="[object Object]",Ii=Object.prototype.hasOwnProperty;var Ti=function(e,t,r,n,o,i){var a=Ei(e),s=Ei(t),l=a?"[object Array]":ji(e),c=s?"[object Array]":ji(t),d=(l="[object Arguments]"==l?Pi:l)==Pi,u=(c="[object Arguments]"==c?Pi:c)==Pi,h=l==c;if(h&&Ci(e)){if(!Ci(t))return!1;a=!0,d=!1}if(h&&!d)return i||(i=new _i),a||Fi(e)?Si(e,t,r,n,o,i):ki(e,t,l,r,n,o,i);if(!(1&r)){var p=d&&Ii.call(e,"__wrapped__"),f=u&&Ii.call(t,"__wrapped__");if(p||f){var m=p?e.value():e,g=f?t.value():t;return i||(i=new _i),o(m,g,r,n,i)}}return!!h&&(i||(i=new _i),Oi(e,t,r,n,o,i))},Ni=L;var Mi=function e(t,r,n,o,i){return t===r||(null==t||null==r||!Ni(t)&&!Ni(r)?t!=t&&r!=r:Ti(t,r,n,o,e,i))},zi=Rn,Ai=Mi;var Bi=Z;var Di=function(e){return e==e&&!Bi(e)},Ri=Di,Hi=ni;var Li=function(e,t){return function(r){return null!=r&&(r[e]===t&&(void 0!==t||e in Object(r)))}},Vi=function(e,t,r,n){var o=r.length,i=o,a=!n;if(null==e)return!i;for(e=Object(e);o--;){var s=r[o];if(a&&s[2]?s[1]!==e[s[0]]:!(s[0]in e))return!1}for(;++o<i;){var l=(s=r[o])[0],c=e[l],d=s[1];if(a&&s[2]){if(void 0===c&&!(l in e))return!1}else{var u=new zi;if(n)var h=n(c,d,l,e,t,u);if(!(void 0===h?Ai(d,c,3,n,u):h))return!1}}return!0},Wi=function(e){for(var t=Hi(e),r=t.length;r--;){var n=t[r],o=e[n];t[r]=[n,o,Ri(o)]}return t},Ui=Li;var qi=Tt,Qi=wo,Xi=k,Gi=So,Yi=ko,Zi=Mt;var Ji=function(e,t){return null!=e&&t in Object(e)},Ki=function(e,t,r){for(var n=-1,o=(t=qi(t,e)).length,i=!1;++n<o;){var a=Zi(t[n]);if(!(i=null!=e&&r(e,a)))break;e=e[a]}return i||++n!=o?i:!!(o=null==e?0:e.length)&&Yi(o)&&Gi(a,o)&&(Xi(e)||Qi(e))};var ea=Mi,ta=Rt,ra=function(e,t){return null!=e&&Ki(e,t,Ji)},na=Y,oa=Di,ia=Li,aa=Mt;var sa=Bt;var la=function(e){return function(t){return null==t?void 0:t[e]}},ca=function(e){return function(t){return sa(t,e)}},da=Y,ua=Mt;var ha=function(e){var t=Wi(e);return 1==t.length&&t[0][2]?Ui(t[0][0],t[0][1]):function(r){return r===e||Vi(r,e,t)}},pa=function(e,t){return na(e)&&oa(t)?ia(aa(e),t):function(r){var n=ta(r,e);return void 0===n&&n===t?ra(r,e):ea(t,n,3)}},fa=function(e){return e},ma=k,ga=function(e){return da(e)?la(ua(e)):ca(e)};var ya=Rr;var ba=function(e){return e?Infinity===(e=ya(e))||-Infinity===e?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0};var va=En,wa=function(e){return"function"==typeof e?e:null==e?fa:"object"==typeof e?ma(e)?pa(e[0],e[1]):ha(e):ga(e)},xa=function(e){var t=ba(e),r=t%1;return t==t?r?t-r:t:0},$a=Math.max;var _a=function(e,t,r){var n=null==e?0:e.length;if(!n)return-1;var o=null==r?0:xa(r);return o<0&&(o=$a(n+o,0)),va(e,wa(t),o)},Sa={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},ka=o.createContext&&o.createContext(Sa),Oa=function(){return Oa=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},Oa.apply(this,arguments)},ja=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r};function Ea(e){return e&&e.map((function(e,t){return o.createElement(e.tag,Oa({key:t},e.attr),Ea(e.child))}))}function Ca(e){return function(t){return o.createElement(Fa,Oa({attr:Oa({},e.attr)},t),Ea(e.child))}}function Fa(e){var t=function(t){var r,n=e.attr,i=e.size,a=e.title,s=ja(e,["attr","size","title"]),l=i||t.size||"1em";return t.className&&(r=t.className),e.className&&(r=(r?r+" ":"")+e.className),o.createElement("svg",Oa({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,n,s,{className:r,style:Oa(Oa({color:e.color||t.color},t.style),e.style),height:l,width:l,xmlns:"http://www.w3.org/2000/svg"}),a&&o.createElement("title",null,a),e.children)};return void 0!==ka?o.createElement(ka.Consumer,null,(function(e){return t(e)})):t(Sa)}function Pa(e){return Ca({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M256 48C141.6 48 48 141.601 48 256s93.6 208 208 208 208-93.601 208-208S370.4 48 256 48zm24 312h-48v-40h48v40zm0-88h-48V144h48v128z"}}]})(e)}let Ia=Xa();const Ta=e=>Wa(e,Ia);let Na=Xa();Ta.write=e=>Wa(e,Na);let Ma=Xa();Ta.onStart=e=>Wa(e,Ma);let za=Xa();Ta.onFrame=e=>Wa(e,za);let Aa=Xa();Ta.onFinish=e=>Wa(e,Aa);let Ba=[];Ta.setTimeout=(e,t)=>{let r=Ta.now()+t,n=()=>{let e=Ba.findIndex((e=>e.cancel==n));~e&&Ba.splice(e,1),La-=~e?1:0},o={time:r,handler:e,cancel:n};return Ba.splice(Da(r),0,o),La+=1,Ua(),o};let Da=e=>~(~Ba.findIndex((t=>t.time>e))||~Ba.length);Ta.cancel=e=>{Ma.delete(e),za.delete(e),Ia.delete(e),Na.delete(e),Aa.delete(e)},Ta.sync=e=>{Va=!0,Ta.batchedUpdates(e),Va=!1},Ta.throttle=e=>{let t;function r(){try{e(...t)}finally{t=null}}function n(...e){t=e,Ta.onStart(r)}return n.handler=e,n.cancel=()=>{Ma.delete(r),t=null},n};let Ra="undefined"!=typeof window?window.requestAnimationFrame:()=>{};Ta.use=e=>Ra=e,Ta.now="undefined"!=typeof performance?()=>performance.now():Date.now,Ta.batchedUpdates=e=>e(),Ta.catch=console.error,Ta.frameLoop="always",Ta.advance=()=>{"demand"!==Ta.frameLoop?console.warn("Cannot call the manual advancement of rafz whilst frameLoop is not set as demand"):Qa()};let Ha=-1,La=0,Va=!1;function Wa(e,t){Va?(t.delete(e),e(0)):(t.add(e),Ua())}function Ua(){Ha<0&&(Ha=0,"demand"!==Ta.frameLoop&&Ra(qa))}function qa(){~Ha&&(Ra(qa),Ta.batchedUpdates(Qa))}function Qa(){let e=Ha;Ha=Ta.now();let t=Da(Ha);t&&(Ga(Ba.splice(0,t),(e=>e.handler())),La-=t),Ma.flush(),Ia.flush(e?Math.min(64,Ha-e):16.667),za.flush(),Na.flush(),Aa.flush(),La||(Ha=-1)}function Xa(){let e=new Set,t=e;return{add(r){La+=t!=e||e.has(r)?0:1,e.add(r)},delete:r=>(La-=t==e&&e.has(r)?1:0,e.delete(r)),flush(r){t.size&&(e=new Set,La-=t.size,Ga(t,(t=>t(r)&&e.add(t))),La+=e.size,t=e)}}}function Ga(e,t){e.forEach((e=>{try{t(e)}catch(e){Ta.catch(e)}}))}function Ya(){}const Za={arr:Array.isArray,obj:e=>!!e&&"Object"===e.constructor.name,fun:e=>"function"==typeof e,str:e=>"string"==typeof e,num:e=>"number"==typeof e,und:e=>void 0===e};function Ja(e,t){if(Za.arr(e)){if(!Za.arr(t)||e.length!==t.length)return!1;for(let r=0;r<e.length;r++)if(e[r]!==t[r])return!1;return!0}return e===t}const Ka=(e,t)=>e.forEach(t);function es(e,t,r){if(Za.arr(e))for(let n=0;n<e.length;n++)t.call(r,e[n],`${n}`);else for(const n in e)e.hasOwnProperty(n)&&t.call(r,e[n],n)}const ts=e=>Za.und(e)?[]:Za.arr(e)?e:[e];function rs(e,t){if(e.size){const r=Array.from(e);e.clear(),Ka(r,t)}}const ns=(e,...t)=>rs(e,(e=>e(...t))),os=()=>"undefined"==typeof window||!window.navigator||/ServerSideRendering|^Deno\//.test(window.navigator.userAgent);let is,as,ss=null,ls=!1,cs=Ya;var ds=Object.freeze({__proto__:null,get createStringInterpolator(){return is},get to(){return as},get colors(){return ss},get skipAnimation(){return ls},get willAdvance(){return cs},assign:e=>{e.to&&(as=e.to),e.now&&(Ta.now=e.now),void 0!==e.colors&&(ss=e.colors),null!=e.skipAnimation&&(ls=e.skipAnimation),e.createStringInterpolator&&(is=e.createStringInterpolator),e.requestAnimationFrame&&Ta.use(e.requestAnimationFrame),e.batchedUpdates&&(Ta.batchedUpdates=e.batchedUpdates),e.willAdvance&&(cs=e.willAdvance),e.frameLoop&&(Ta.frameLoop=e.frameLoop)}});const us=new Set;let hs=[],ps=[],fs=0;const ms={get idle(){return!us.size&&!hs.length},start(e){fs>e.priority?(us.add(e),Ta.onStart(gs)):(ys(e),Ta(vs))},advance:vs,sort(e){if(fs)Ta.onFrame((()=>ms.sort(e)));else{const t=hs.indexOf(e);~t&&(hs.splice(t,1),bs(e))}},clear(){hs=[],us.clear()}};function gs(){us.forEach(ys),us.clear(),Ta(vs)}function ys(e){hs.includes(e)||bs(e)}function bs(e){hs.splice(function(e,t){const r=e.findIndex(t);return r<0?e.length:r}(hs,(t=>t.priority>e.priority)),0,e)}function vs(e){const t=ps;for(let r=0;r<hs.length;r++){const n=hs[r];fs=n.priority,n.idle||(cs(n),n.advance(e),n.idle||t.push(n))}return fs=0,ps=hs,ps.length=0,hs=t,hs.length>0}const ws="[-+]?\\d*\\.?\\d+";function xs(...e){return"\\(\\s*("+e.join(")\\s*,\\s*(")+")\\s*\\)"}const $s=new RegExp("rgb"+xs(ws,ws,ws)),_s=new RegExp("rgba"+xs(ws,ws,ws,ws)),Ss=new RegExp("hsl"+xs(ws,"[-+]?\\d*\\.?\\d+%","[-+]?\\d*\\.?\\d+%")),ks=new RegExp("hsla"+xs(ws,"[-+]?\\d*\\.?\\d+%","[-+]?\\d*\\.?\\d+%",ws)),Os=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,js=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,Es=/^#([0-9a-fA-F]{6})$/,Cs=/^#([0-9a-fA-F]{8})$/;function Fs(e,t,r){return r<0&&(r+=1),r>1&&(r-=1),r<1/6?e+6*(t-e)*r:r<.5?t:r<2/3?e+(t-e)*(2/3-r)*6:e}function Ps(e,t,r){const n=r<.5?r*(1+t):r+t-r*t,o=2*r-n,i=Fs(o,n,e+1/3),a=Fs(o,n,e),s=Fs(o,n,e-1/3);return Math.round(255*i)<<24|Math.round(255*a)<<16|Math.round(255*s)<<8}function Is(e){const t=parseInt(e,10);return t<0?0:t>255?255:t}function Ts(e){return(parseFloat(e)%360+360)%360/360}function Ns(e){const t=parseFloat(e);return t<0?0:t>1?255:Math.round(255*t)}function Ms(e){const t=parseFloat(e);return t<0?0:t>100?1:t/100}function zs(e){let t=function(e){let t;return"number"==typeof e?e>>>0===e&&e>=0&&e<=4294967295?e:null:(t=Es.exec(e))?parseInt(t[1]+"ff",16)>>>0:ss&&void 0!==ss[e]?ss[e]:(t=$s.exec(e))?(Is(t[1])<<24|Is(t[2])<<16|Is(t[3])<<8|255)>>>0:(t=_s.exec(e))?(Is(t[1])<<24|Is(t[2])<<16|Is(t[3])<<8|Ns(t[4]))>>>0:(t=Os.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+"ff",16)>>>0:(t=Cs.exec(e))?parseInt(t[1],16)>>>0:(t=js.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+t[4]+t[4],16)>>>0:(t=Ss.exec(e))?(255|Ps(Ts(t[1]),Ms(t[2]),Ms(t[3])))>>>0:(t=ks.exec(e))?(Ps(Ts(t[1]),Ms(t[2]),Ms(t[3]))|Ns(t[4]))>>>0:null}(e);return null===t?e:(t=t||0,`rgba(${(4278190080&t)>>>24}, ${(16711680&t)>>>16}, ${(65280&t)>>>8}, ${(255&t)/255})`)}const As=(e,t,r)=>{if(Za.fun(e))return e;if(Za.arr(e))return As({range:e,output:t,extrapolate:r});if(Za.str(e.output[0]))return is(e);const n=e,o=n.output,i=n.range||[0,1],a=n.extrapolateLeft||n.extrapolate||"extend",s=n.extrapolateRight||n.extrapolate||"extend",l=n.easing||(e=>e);return e=>{const t=function(e,t){for(var r=1;r<t.length-1&&!(t[r]>=e);++r);return r-1}(e,i);return function(e,t,r,n,o,i,a,s,l){let c=l?l(e):e;if(c<t){if("identity"===a)return c;"clamp"===a&&(c=t)}if(c>r){if("identity"===s)return c;"clamp"===s&&(c=r)}if(n===o)return n;if(t===r)return e<=t?n:o;t===-1/0?c=-c:r===1/0?c-=t:c=(c-t)/(r-t);c=i(c),n===-1/0?c=-c:o===1/0?c+=n:c=c*(o-n)+n;return c}(e,i[t],i[t+1],o[t],o[t+1],l,a,s,n.map)}};function Bs(){return Bs=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Bs.apply(this,arguments)}const Ds=Symbol.for("FluidValue.get"),Rs=Symbol.for("FluidValue.observers"),Hs=e=>Boolean(e&&e[Ds]),Ls=e=>e&&e[Ds]?e[Ds]():e,Vs=e=>e[Rs]||null;function Ws(e,t){let r=e[Rs];r&&r.forEach((e=>{!function(e,t){e.eventObserved?e.eventObserved(t):e(t)}(e,t)}))}class Us{constructor(e){if(this[Ds]=void 0,this[Rs]=void 0,!e&&!(e=this.get))throw Error("Unknown getter");qs(this,e)}}const qs=(e,t)=>Gs(e,Ds,t);function Qs(e,t){if(e[Ds]){let r=e[Rs];r||Gs(e,Rs,r=new Set),r.has(t)||(r.add(t),e.observerAdded&&e.observerAdded(r.size,t))}return t}function Xs(e,t){let r=e[Rs];if(r&&r.has(t)){const n=r.size-1;n?r.delete(t):e[Rs]=null,e.observerRemoved&&e.observerRemoved(n,t)}}const Gs=(e,t,r)=>Object.defineProperty(e,t,{value:r,writable:!0,configurable:!0}),Ys=/[+\-]?(?:0|[1-9]\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,Zs=/(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))/gi,Js=new RegExp(`(${Ys.source})(%|[a-z]+)`,"i"),Ks=/rgba\(([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+)\)/gi,el=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/,tl=e=>{const[t,r]=rl(e);if(!t||os())return e;const n=window.getComputedStyle(document.documentElement).getPropertyValue(t);if(n)return n.trim();if(r&&r.startsWith("--")){const t=window.getComputedStyle(document.documentElement).getPropertyValue(r);return t||e}return r&&el.test(r)?tl(r):r||e},rl=e=>{const t=el.exec(e);if(!t)return[,];const[,r,n]=t;return[r,n]};let nl;const ol=(e,t,r,n,o)=>`rgba(${Math.round(t)}, ${Math.round(r)}, ${Math.round(n)}, ${o})`,il=e=>{nl||(nl=ss?new RegExp(`(${Object.keys(ss).join("|")})(?!\\w)`,"g"):/^\b$/);const t=e.output.map((e=>Ls(e).replace(el,tl).replace(Zs,zs).replace(nl,zs))),r=t.map((e=>e.match(Ys).map(Number))),n=r[0].map(((e,t)=>r.map((e=>{if(!(t in e))throw Error('The arity of each "output" value must be equal');return e[t]})))).map((t=>As(Bs({},e,{output:t}))));return e=>{var r;const o=!Js.test(t[0])&&(null==(r=t.find((e=>Js.test(e))))?void 0:r.replace(Ys,""));let i=0;return t[0].replace(Ys,(()=>`${n[i++](e)}${o||""}`)).replace(Ks,ol)}},al="react-spring: ",sl=e=>{const t=e;let r=!1;if("function"!=typeof t)throw new TypeError(`${al}once requires a function parameter`);return(...e)=>{r||(t(...e),r=!0)}},ll=sl(console.warn);const cl=sl(console.warn);function dl(e){return Za.str(e)&&("#"==e[0]||/\d/.test(e)||!os()&&el.test(e)||e in(ss||{}))}const ul="undefined"!=typeof window&&window.document&&window.document.createElement?n.useLayoutEffect:n.useEffect;function hl(){const e=i()[1],t=(()=>{const e=a(!1);return ul((()=>(e.current=!0,()=>{e.current=!1})),[]),e})();return()=>{t.current&&e(Math.random())}}const pl=e=>s(e,fl),fl=[];function ml(e){const t=a();return s((()=>{t.current=e})),t.current}const gl=Symbol.for("Animated:node"),yl=e=>e&&e[gl],bl=(e,t)=>{return r=e,n=gl,o=t,Object.defineProperty(r,n,{value:o,writable:!0,configurable:!0});var r,n,o},vl=e=>e&&e[gl]&&e[gl].getPayload();class wl{constructor(){this.payload=void 0,bl(this,this)}getPayload(){return this.payload||[]}}class xl extends wl{constructor(e){super(),this.done=!0,this.elapsedTime=void 0,this.lastPosition=void 0,this.lastVelocity=void 0,this.v0=void 0,this.durationProgress=0,this._value=e,Za.num(this._value)&&(this.lastPosition=this._value)}static create(e){return new xl(e)}getPayload(){return[this]}getValue(){return this._value}setValue(e,t){return Za.num(e)&&(this.lastPosition=e,t&&(e=Math.round(e/t)*t,this.done&&(this.lastPosition=e))),this._value!==e&&(this._value=e,!0)}reset(){const{done:e}=this;this.done=!1,Za.num(this._value)&&(this.elapsedTime=0,this.durationProgress=0,this.lastPosition=this._value,e&&(this.lastVelocity=null),this.v0=null)}}class $l extends xl{constructor(e){super(0),this._string=null,this._toString=void 0,this._toString=As({output:[e,e]})}static create(e){return new $l(e)}getValue(){let e=this._string;return null==e?this._string=this._toString(this._value):e}setValue(e){if(Za.str(e)){if(e==this._string)return!1;this._string=e,this._value=1}else{if(!super.setValue(e))return!1;this._string=null}return!0}reset(e){e&&(this._toString=As({output:[this.getValue(),e]})),this._value=0,super.reset()}}const _l={dependencies:null};class Sl extends wl{constructor(e){super(),this.source=e,this.setValue(e)}getValue(e){const t={};return es(this.source,((r,n)=>{var o;(o=r)&&o[gl]===o?t[n]=r.getValue(e):Hs(r)?t[n]=Ls(r):e||(t[n]=r)})),t}setValue(e){this.source=e,this.payload=this._makePayload(e)}reset(){this.payload&&Ka(this.payload,(e=>e.reset()))}_makePayload(e){if(e){const t=new Set;return es(e,this._addToPayload,t),Array.from(t)}}_addToPayload(e){_l.dependencies&&Hs(e)&&_l.dependencies.add(e);const t=vl(e);t&&Ka(t,(e=>this.add(e)))}}class kl extends Sl{constructor(e){super(e)}static create(e){return new kl(e)}getValue(){return this.source.map((e=>e.getValue()))}setValue(e){const t=this.getPayload();return e.length==t.length?t.map(((t,r)=>t.setValue(e[r]))).some(Boolean):(super.setValue(e.map(Ol)),!0)}}function Ol(e){return(dl(e)?$l:xl).create(e)}function jl(e){const t=yl(e);return t?t.constructor:Za.arr(e)?kl:dl(e)?$l:xl}function El(){return El=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},El.apply(this,arguments)}const Cl=(e,t)=>{const r=!Za.fun(e)||e.prototype&&e.prototype.isReactComponent;return l(((o,i)=>{const l=a(null),d=r&&c((e=>{l.current=function(e,t){e&&(Za.fun(e)?e(t):e.current=t);return t}(i,e)}),[i]),[u,h]=function(e,t){const r=new Set;_l.dependencies=r,e.style&&(e=El({},e,{style:t.createAnimatedStyle(e.style)}));return e=new Sl(e),_l.dependencies=null,[e,r]}(o,t),p=hl(),f=()=>{const e=l.current;if(r&&!e)return;!1===(!!e&&t.applyAnimatedValues(e,u.getValue(!0)))&&p()},m=new Fl(f,h),g=a();ul((()=>(g.current=m,Ka(h,(e=>Qs(e,m))),()=>{g.current&&(Ka(g.current.deps,(e=>Xs(e,g.current))),Ta.cancel(g.current.update))}))),s(f,[]),pl((()=>()=>{const e=g.current;Ka(e.deps,(t=>Xs(t,e)))}));const y=t.getComponentProps(u.getValue());return n.createElement(e,El({},y,{ref:d}))}))};class Fl{constructor(e,t){this.update=e,this.deps=t}eventObserved(e){"change"==e.type&&Ta.write(this.update)}}const Pl=Symbol.for("AnimatedComponent"),Il=e=>Za.str(e)?e:e&&Za.str(e.displayName)?e.displayName:Za.fun(e)&&e.name||null;function Tl(){return Tl=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Tl.apply(this,arguments)}function Nl(e,...t){return Za.fun(e)?e(...t):e}const Ml=(e,t)=>!0===e||!!(t&&e&&(Za.fun(e)?e(t):ts(e).includes(t))),zl=(e,t)=>Za.obj(e)?t&&e[t]:e,Al=(e,t)=>!0===e.default?e[t]:e.default?e.default[t]:void 0,Bl=e=>e,Dl=(e,t=Bl)=>{let r=Rl;e.default&&!0!==e.default&&(e=e.default,r=Object.keys(e));const n={};for(const o of r){const r=t(e[o],o);Za.und(r)||(n[o]=r)}return n},Rl=["config","onProps","onStart","onChange","onPause","onResume","onRest"],Hl={config:1,from:1,to:1,ref:1,loop:1,reset:1,pause:1,cancel:1,reverse:1,immediate:1,default:1,delay:1,onProps:1,onStart:1,onChange:1,onPause:1,onResume:1,onRest:1,onResolve:1,items:1,trail:1,sort:1,expires:1,initial:1,enter:1,update:1,leave:1,children:1,onDestroyed:1,keys:1,callId:1,parentId:1};function Ll(e){const t=function(e){const t={};let r=0;if(es(e,((e,n)=>{Hl[n]||(t[n]=e,r++)})),r)return t}(e);if(t){const r={to:t};return es(e,((e,n)=>n in t||(r[n]=e))),r}return Tl({},e)}function Vl(e){return e=Ls(e),Za.arr(e)?e.map(Vl):dl(e)?ds.createStringInterpolator({range:[0,1],output:[e,e]})(1):e}function Wl(e){for(const t in e)return!0;return!1}function Ul(e){return Za.fun(e)||Za.arr(e)&&Za.obj(e[0])}function ql(e,t){var r;null==(r=e.ref)||r.delete(e),null==t||t.delete(e)}function Ql(e,t){var r;t&&e.ref!==t&&(null==(r=e.ref)||r.delete(e),t.add(e),e.ref=t)}const Xl=1.70158,Gl=1.525*Xl,Yl=2*Math.PI/3,Zl=2*Math.PI/4.5,Jl=e=>{const t=7.5625,r=2.75;return e<1/r?t*e*e:e<2/r?t*(e-=1.5/r)*e+.75:e<2.5/r?t*(e-=2.25/r)*e+.9375:t*(e-=2.625/r)*e+.984375},Kl=Tl({},{tension:170,friction:26},{mass:1,damping:1,easing:{linear:e=>e,easeInQuad:e=>e*e,easeOutQuad:e=>1-(1-e)*(1-e),easeInOutQuad:e=>e<.5?2*e*e:1-Math.pow(-2*e+2,2)/2,easeInCubic:e=>e*e*e,easeOutCubic:e=>1-Math.pow(1-e,3),easeInOutCubic:e=>e<.5?4*e*e*e:1-Math.pow(-2*e+2,3)/2,easeInQuart:e=>e*e*e*e,easeOutQuart:e=>1-Math.pow(1-e,4),easeInOutQuart:e=>e<.5?8*e*e*e*e:1-Math.pow(-2*e+2,4)/2,easeInQuint:e=>e*e*e*e*e,easeOutQuint:e=>1-Math.pow(1-e,5),easeInOutQuint:e=>e<.5?16*e*e*e*e*e:1-Math.pow(-2*e+2,5)/2,easeInSine:e=>1-Math.cos(e*Math.PI/2),easeOutSine:e=>Math.sin(e*Math.PI/2),easeInOutSine:e=>-(Math.cos(Math.PI*e)-1)/2,easeInExpo:e=>0===e?0:Math.pow(2,10*e-10),easeOutExpo:e=>1===e?1:1-Math.pow(2,-10*e),easeInOutExpo:e=>0===e?0:1===e?1:e<.5?Math.pow(2,20*e-10)/2:(2-Math.pow(2,-20*e+10))/2,easeInCirc:e=>1-Math.sqrt(1-Math.pow(e,2)),easeOutCirc:e=>Math.sqrt(1-Math.pow(e-1,2)),easeInOutCirc:e=>e<.5?(1-Math.sqrt(1-Math.pow(2*e,2)))/2:(Math.sqrt(1-Math.pow(-2*e+2,2))+1)/2,easeInBack:e=>2.70158*e*e*e-Xl*e*e,easeOutBack:e=>1+2.70158*Math.pow(e-1,3)+Xl*Math.pow(e-1,2),easeInOutBack:e=>e<.5?Math.pow(2*e,2)*(7.189819*e-Gl)/2:(Math.pow(2*e-2,2)*((Gl+1)*(2*e-2)+Gl)+2)/2,easeInElastic:e=>0===e?0:1===e?1:-Math.pow(2,10*e-10)*Math.sin((10*e-10.75)*Yl),easeOutElastic:e=>0===e?0:1===e?1:Math.pow(2,-10*e)*Math.sin((10*e-.75)*Yl)+1,easeInOutElastic:e=>0===e?0:1===e?1:e<.5?-Math.pow(2,20*e-10)*Math.sin((20*e-11.125)*Zl)/2:Math.pow(2,-20*e+10)*Math.sin((20*e-11.125)*Zl)/2+1,easeInBounce:e=>1-Jl(1-e),easeOutBounce:Jl,easeInOutBounce:e=>e<.5?(1-Jl(1-2*e))/2:(1+Jl(2*e-1))/2}.linear,clamp:!1});class ec{constructor(){this.tension=void 0,this.friction=void 0,this.frequency=void 0,this.damping=void 0,this.mass=void 0,this.velocity=0,this.restVelocity=void 0,this.precision=void 0,this.progress=void 0,this.duration=void 0,this.easing=void 0,this.clamp=void 0,this.bounce=void 0,this.decay=void 0,this.round=void 0,Object.assign(this,Kl)}}function tc(e,t){if(Za.und(t.decay)){const r=!Za.und(t.tension)||!Za.und(t.friction);!r&&Za.und(t.frequency)&&Za.und(t.damping)&&Za.und(t.mass)||(e.duration=void 0,e.decay=void 0),r&&(e.frequency=void 0)}else e.duration=void 0}const rc=[];class nc{constructor(){this.changed=!1,this.values=rc,this.toValues=null,this.fromValues=rc,this.to=void 0,this.from=void 0,this.config=new ec,this.immediate=!1}}function oc(e,{key:t,props:r,defaultProps:n,state:o,actions:i}){return new Promise(((a,s)=>{var l;let c,d,u=Ml(null!=(l=r.cancel)?l:null==n?void 0:n.cancel,t);if(u)f();else{Za.und(r.pause)||(o.paused=Ml(r.pause,t));let e=null==n?void 0:n.pause;!0!==e&&(e=o.paused||Ml(e,t)),c=Nl(r.delay||0,t),e?(o.resumeQueue.add(p),i.pause()):(i.resume(),p())}function h(){o.resumeQueue.add(p),o.timeouts.delete(d),d.cancel(),c=d.time-Ta.now()}function p(){c>0&&!ds.skipAnimation?(o.delayed=!0,d=Ta.setTimeout(f,c),o.pauseQueue.add(h),o.timeouts.add(d)):f()}function f(){o.delayed&&(o.delayed=!1),o.pauseQueue.delete(h),o.timeouts.delete(d),e<=(o.cancelId||0)&&(u=!0);try{i.start(Tl({},r,{callId:e,cancel:u}),a)}catch(e){s(e)}}}))}const ic=(e,t)=>1==t.length?t[0]:t.some((e=>e.cancelled))?lc(e.get()):t.every((e=>e.noop))?ac(e.get()):sc(e.get(),t.every((e=>e.finished))),ac=e=>({value:e,noop:!0,finished:!0,cancelled:!1}),sc=(e,t,r=!1)=>({value:e,finished:t,cancelled:r}),lc=e=>({value:e,cancelled:!0,finished:!1});function cc(e,t,r,n){const{callId:o,parentId:i,onRest:a}=t,{asyncTo:s,promise:l}=r;return i||e!==s||t.reset?r.promise=(async()=>{r.asyncId=o,r.asyncTo=e;const c=Dl(t,((e,t)=>"onRest"===t?void 0:e));let d,u;const h=new Promise(((e,t)=>(d=e,u=t))),p=e=>{const t=o<=(r.cancelId||0)&&lc(n)||o!==r.asyncId&&sc(n,!1);if(t)throw e.result=t,u(e),e},f=(e,t)=>{const i=new uc,a=new hc;return(async()=>{if(ds.skipAnimation)throw dc(r),a.result=sc(n,!1),u(a),a;p(i);const s=Za.obj(e)?Tl({},e):Tl({},t,{to:e});s.parentId=o,es(c,((e,t)=>{Za.und(s[t])&&(s[t]=e)}));const l=await n.start(s);return p(i),r.paused&&await new Promise((e=>{r.resumeQueue.add(e)})),l})()};let m;if(ds.skipAnimation)return dc(r),sc(n,!1);try{let t;t=Za.arr(e)?(async e=>{for(const t of e)await f(t)})(e):Promise.resolve(e(f,n.stop.bind(n))),await Promise.all([t.then(d),h]),m=sc(n.get(),!0,!1)}catch(e){if(e instanceof uc)m=e.result;else{if(!(e instanceof hc))throw e;m=e.result}}finally{o==r.asyncId&&(r.asyncId=i,r.asyncTo=i?s:void 0,r.promise=i?l:void 0)}return Za.fun(a)&&Ta.batchedUpdates((()=>{a(m,n,n.item)})),m})():l}function dc(e,t){rs(e.timeouts,(e=>e.cancel())),e.pauseQueue.clear(),e.resumeQueue.clear(),e.asyncId=e.asyncTo=e.promise=void 0,t&&(e.cancelId=t)}class uc extends Error{constructor(){super("An async animation has been interrupted. You see this error because you forgot to use `await` or `.catch(...)` on its returned promise."),this.result=void 0}}class hc extends Error{constructor(){super("SkipAnimationSignal"),this.result=void 0}}const pc=e=>e instanceof mc;let fc=1;class mc extends Us{constructor(...e){super(...e),this.id=fc++,this.key=void 0,this._priority=0}get priority(){return this._priority}set priority(e){this._priority!=e&&(this._priority=e,this._onPriorityChange(e))}get(){const e=yl(this);return e&&e.getValue()}to(...e){return ds.to(this,e)}interpolate(...e){return ll(`${al}The "interpolate" function is deprecated in v9 (use "to" instead)`),ds.to(this,e)}toJSON(){return this.get()}observerAdded(e){1==e&&this._attach()}observerRemoved(e){0==e&&this._detach()}_attach(){}_detach(){}_onChange(e,t=!1){Ws(this,{type:"change",parent:this,value:e,idle:t})}_onPriorityChange(e){this.idle||ms.sort(this),Ws(this,{type:"priority",parent:this,priority:e})}}const gc=Symbol.for("SpringPhase"),yc=e=>(1&e[gc])>0,bc=e=>(2&e[gc])>0,vc=e=>(4&e[gc])>0,wc=(e,t)=>t?e[gc]|=3:e[gc]&=-3,xc=(e,t)=>t?e[gc]|=4:e[gc]&=-5;class $c extends mc{constructor(e,t){if(super(),this.key=void 0,this.animation=new nc,this.queue=void 0,this.defaultProps={},this._state={paused:!1,delayed:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set},this._pendingCalls=new Set,this._lastCallId=0,this._lastToId=0,this._memoizedDuration=0,!Za.und(e)||!Za.und(t)){const r=Za.obj(e)?Tl({},e):Tl({},t,{from:e});Za.und(r.default)&&(r.default=!0),this.start(r)}}get idle(){return!(bc(this)||this._state.asyncTo)||vc(this)}get goal(){return Ls(this.animation.to)}get velocity(){const e=yl(this);return e instanceof xl?e.lastVelocity||0:e.getPayload().map((e=>e.lastVelocity||0))}get hasAnimated(){return yc(this)}get isAnimating(){return bc(this)}get isPaused(){return vc(this)}get isDelayed(){return this._state.delayed}advance(e){let t=!0,r=!1;const n=this.animation;let{config:o,toValues:i}=n;const a=vl(n.to);!a&&Hs(n.to)&&(i=ts(Ls(n.to))),n.values.forEach(((s,l)=>{if(s.done)return;const c=s.constructor==$l?1:a?a[l].lastPosition:i[l];let d=n.immediate,u=c;if(!d){if(u=s.lastPosition,o.tension<=0)return void(s.done=!0);let t=s.elapsedTime+=e;const r=n.fromValues[l],i=null!=s.v0?s.v0:s.v0=Za.arr(o.velocity)?o.velocity[l]:o.velocity;let a;if(Za.und(o.duration))if(o.decay){const e=!0===o.decay?.998:o.decay,n=Math.exp(-(1-e)*t);u=r+i/(1-e)*(1-n),d=Math.abs(s.lastPosition-u)<.1,a=i*n}else{a=null==s.lastVelocity?i:s.lastVelocity;const t=o.precision||(r==c?.005:Math.min(1,.001*Math.abs(c-r))),n=o.restVelocity||t/10,l=o.clamp?0:o.bounce,h=!Za.und(l),p=r==c?s.v0>0:r<c;let f,m=!1;const g=1,y=Math.ceil(e/g);for(let e=0;e<y&&(f=Math.abs(a)>n,f||(d=Math.abs(c-u)<=t,!d));++e){h&&(m=u==c||u>c==p,m&&(a=-a*l,u=c));a+=(1e-6*-o.tension*(u-c)+.001*-o.friction*a)/o.mass*g,u+=a*g}}else{let n=1;o.duration>0&&(this._memoizedDuration!==o.duration&&(this._memoizedDuration=o.duration,s.durationProgress>0&&(s.elapsedTime=o.duration*s.durationProgress,t=s.elapsedTime+=e)),n=(o.progress||0)+t/this._memoizedDuration,n=n>1?1:n<0?0:n,s.durationProgress=n),u=r+o.easing(n)*(c-r),a=(u-s.lastPosition)/e,d=1==n}s.lastVelocity=a,Number.isNaN(u)&&(console.warn("Got NaN while animating:",this),d=!0)}a&&!a[l].done&&(d=!1),d?s.done=!0:t=!1,s.setValue(u,o.round)&&(r=!0)}));const s=yl(this),l=s.getValue();if(t){const e=Ls(n.to);l===e&&!r||o.decay?r&&o.decay&&this._onChange(l):(s.setValue(e),this._onChange(e)),this._stop()}else r&&this._onChange(l)}set(e){return Ta.batchedUpdates((()=>{this._stop(),this._focus(e),this._set(e)})),this}pause(){this._update({pause:!0})}resume(){this._update({pause:!1})}finish(){if(bc(this)){const{to:e,config:t}=this.animation;Ta.batchedUpdates((()=>{this._onStart(),t.decay||this._set(e,!1),this._stop()}))}return this}update(e){return(this.queue||(this.queue=[])).push(e),this}start(e,t){let r;return Za.und(e)?(r=this.queue||[],this.queue=[]):r=[Za.obj(e)?e:Tl({},t,{to:e})],Promise.all(r.map((e=>this._update(e)))).then((e=>ic(this,e)))}stop(e){const{to:t}=this.animation;return this._focus(this.get()),dc(this._state,e&&this._lastCallId),Ta.batchedUpdates((()=>this._stop(t,e))),this}reset(){this._update({reset:!0})}eventObserved(e){"change"==e.type?this._start():"priority"==e.type&&(this.priority=e.priority+1)}_prepareNode(e){const t=this.key||"";let{to:r,from:n}=e;r=Za.obj(r)?r[t]:r,(null==r||Ul(r))&&(r=void 0),n=Za.obj(n)?n[t]:n,null==n&&(n=void 0);const o={to:r,from:n};return yc(this)||(e.reverse&&([r,n]=[n,r]),n=Ls(n),Za.und(n)?yl(this)||this._set(r):this._set(n)),o}_update(e,t){let r=Tl({},e);const{key:n,defaultProps:o}=this;r.default&&Object.assign(o,Dl(r,((e,t)=>/^on/.test(t)?zl(e,n):e))),Cc(this,r,"onProps"),Fc(this,"onProps",r,this);const i=this._prepareNode(r);if(Object.isFrozen(this))throw Error("Cannot animate a `SpringValue` object that is frozen. Did you forget to pass your component to `animated(...)` before animating its props?");const a=this._state;return oc(++this._lastCallId,{key:n,props:r,defaultProps:o,state:a,actions:{pause:()=>{vc(this)||(xc(this,!0),ns(a.pauseQueue),Fc(this,"onPause",sc(this,_c(this,this.animation.to)),this))},resume:()=>{vc(this)&&(xc(this,!1),bc(this)&&this._resume(),ns(a.resumeQueue),Fc(this,"onResume",sc(this,_c(this,this.animation.to)),this))},start:this._merge.bind(this,i)}}).then((e=>{if(r.loop&&e.finished&&(!t||!e.noop)){const e=Sc(r);if(e)return this._update(e,!0)}return e}))}_merge(e,t,r){if(t.cancel)return this.stop(!0),r(lc(this));const n=!Za.und(e.to),o=!Za.und(e.from);if(n||o){if(!(t.callId>this._lastToId))return r(lc(this));this._lastToId=t.callId}const{key:i,defaultProps:a,animation:s}=this,{to:l,from:c}=s;let{to:d=l,from:u=c}=e;!o||n||t.default&&!Za.und(d)||(d=u),t.reverse&&([d,u]=[u,d]);const h=!Ja(u,c);h&&(s.from=u),u=Ls(u);const p=!Ja(d,l);p&&this._focus(d);const f=Ul(t.to),{config:m}=s,{decay:g,velocity:y}=m;(n||o)&&(m.velocity=0),t.config&&!f&&function(e,t,r){r&&(tc(r=Tl({},r),t),t=Tl({},r,t)),tc(e,t),Object.assign(e,t);for(const t in Kl)null==e[t]&&(e[t]=Kl[t]);let{mass:n,frequency:o,damping:i}=e;Za.und(o)||(o<.01&&(o=.01),i<0&&(i=0),e.tension=Math.pow(2*Math.PI/o,2)*n,e.friction=4*Math.PI*i*n/o)}(m,Nl(t.config,i),t.config!==a.config?Nl(a.config,i):void 0);let b=yl(this);if(!b||Za.und(d))return r(sc(this,!0));const v=Za.und(t.reset)?o&&!t.default:!Za.und(u)&&Ml(t.reset,i),w=v?u:this.get(),x=Vl(d),$=Za.num(x)||Za.arr(x)||dl(x),_=!f&&(!$||Ml(a.immediate||t.immediate,i));if(p){const e=jl(d);if(e!==b.constructor){if(!_)throw Error(`Cannot animate between ${b.constructor.name} and ${e.name}, as the "to" prop suggests`);b=this._set(x)}}const S=b.constructor;let k=Hs(d),O=!1;if(!k){const e=v||!yc(this)&&h;(p||e)&&(O=Ja(Vl(w),x),k=!O),(Ja(s.immediate,_)||_)&&Ja(m.decay,g)&&Ja(m.velocity,y)||(k=!0)}if(O&&bc(this)&&(s.changed&&!v?k=!0:k||this._stop(l)),!f&&((k||Hs(l))&&(s.values=b.getPayload(),s.toValues=Hs(d)?null:S==$l?[1]:ts(x)),s.immediate!=_&&(s.immediate=_,_||v||this._set(l)),k)){const{onRest:e}=s;Ka(Ec,(e=>Cc(this,t,e)));const n=sc(this,_c(this,l));ns(this._pendingCalls,n),this._pendingCalls.add(r),s.changed&&Ta.batchedUpdates((()=>{s.changed=!v,null==e||e(n,this),v?Nl(a.onRest,n):null==s.onStart||s.onStart(n,this)}))}v&&this._set(w),f?r(cc(t.to,t,this._state,this)):k?this._start():bc(this)&&!p?this._pendingCalls.add(r):r(ac(w))}_focus(e){const t=this.animation;e!==t.to&&(Vs(this)&&this._detach(),t.to=e,Vs(this)&&this._attach())}_attach(){let e=0;const{to:t}=this.animation;Hs(t)&&(Qs(t,this),pc(t)&&(e=t.priority+1)),this.priority=e}_detach(){const{to:e}=this.animation;Hs(e)&&Xs(e,this)}_set(e,t=!0){const r=Ls(e);if(!Za.und(r)){const e=yl(this);if(!e||!Ja(r,e.getValue())){const n=jl(r);e&&e.constructor==n?e.setValue(r):bl(this,n.create(r)),e&&Ta.batchedUpdates((()=>{this._onChange(r,t)}))}}return yl(this)}_onStart(){const e=this.animation;e.changed||(e.changed=!0,Fc(this,"onStart",sc(this,_c(this,e.to)),this))}_onChange(e,t){t||(this._onStart(),Nl(this.animation.onChange,e,this)),Nl(this.defaultProps.onChange,e,this),super._onChange(e,t)}_start(){const e=this.animation;yl(this).reset(Ls(e.to)),e.immediate||(e.fromValues=e.values.map((e=>e.lastPosition))),bc(this)||(wc(this,!0),vc(this)||this._resume())}_resume(){ds.skipAnimation?this.finish():ms.start(this)}_stop(e,t){if(bc(this)){wc(this,!1);const r=this.animation;Ka(r.values,(e=>{e.done=!0})),r.toValues&&(r.onChange=r.onPause=r.onResume=void 0),Ws(this,{type:"idle",parent:this});const n=t?lc(this.get()):sc(this.get(),_c(this,null!=e?e:r.to));ns(this._pendingCalls,n),r.changed&&(r.changed=!1,Fc(this,"onRest",n,this))}}}function _c(e,t){const r=Vl(t);return Ja(Vl(e.get()),r)}function Sc(e,t=e.loop,r=e.to){let n=Nl(t);if(n){const o=!0!==n&&Ll(n),i=(o||e).reverse,a=!o||o.reset;return kc(Tl({},e,{loop:t,default:!1,pause:void 0,to:!i||Ul(r)?r:void 0,from:a?e.from:void 0,reset:a},o))}}function kc(e){const{to:t,from:r}=e=Ll(e),n=new Set;return Za.obj(t)&&jc(t,n),Za.obj(r)&&jc(r,n),e.keys=n.size?Array.from(n):null,e}function Oc(e){const t=kc(e);return Za.und(t.default)&&(t.default=Dl(t)),t}function jc(e,t){es(e,((e,r)=>null!=e&&t.add(r)))}const Ec=["onStart","onRest","onChange","onPause","onResume"];function Cc(e,t,r){e.animation[r]=t[r]!==Al(t,r)?zl(t[r],e.key):void 0}function Fc(e,t,...r){var n,o,i,a;null==(n=(o=e.animation)[t])||n.call(o,...r),null==(i=(a=e.defaultProps)[t])||i.call(a,...r)}const Pc=["onStart","onChange","onRest"];let Ic=1;class Tc{constructor(e,t){this.id=Ic++,this.springs={},this.queue=[],this.ref=void 0,this._flush=void 0,this._initialProps=void 0,this._lastAsyncId=0,this._active=new Set,this._changed=new Set,this._started=!1,this._item=void 0,this._state={paused:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set},this._events={onStart:new Map,onChange:new Map,onRest:new Map},this._onFrame=this._onFrame.bind(this),t&&(this._flush=t),e&&this.start(Tl({default:!0},e))}get idle(){return!this._state.asyncTo&&Object.values(this.springs).every((e=>e.idle&&!e.isDelayed&&!e.isPaused))}get item(){return this._item}set item(e){this._item=e}get(){const e={};return this.each(((t,r)=>e[r]=t.get())),e}set(e){for(const t in e){const r=e[t];Za.und(r)||this.springs[t].set(r)}}update(e){return e&&this.queue.push(kc(e)),this}start(e){let{queue:t}=this;return e?t=ts(e).map(kc):this.queue=[],this._flush?this._flush(this,t):(Rc(this,t),Nc(this,t))}stop(e,t){if(e!==!!e&&(t=e),t){const r=this.springs;Ka(ts(t),(t=>r[t].stop(!!e)))}else dc(this._state,this._lastAsyncId),this.each((t=>t.stop(!!e)));return this}pause(e){if(Za.und(e))this.start({pause:!0});else{const t=this.springs;Ka(ts(e),(e=>t[e].pause()))}return this}resume(e){if(Za.und(e))this.start({pause:!1});else{const t=this.springs;Ka(ts(e),(e=>t[e].resume()))}return this}each(e){es(this.springs,e)}_onFrame(){const{onStart:e,onChange:t,onRest:r}=this._events,n=this._active.size>0,o=this._changed.size>0;(n&&!this._started||o&&!this._started)&&(this._started=!0,rs(e,(([e,t])=>{t.value=this.get(),e(t,this,this._item)})));const i=!n&&this._started,a=o||i&&r.size?this.get():null;o&&t.size&&rs(t,(([e,t])=>{t.value=a,e(t,this,this._item)})),i&&(this._started=!1,rs(r,(([e,t])=>{t.value=a,e(t,this,this._item)})))}eventObserved(e){if("change"==e.type)this._changed.add(e.parent),e.idle||this._active.add(e.parent);else{if("idle"!=e.type)return;this._active.delete(e.parent)}Ta.onFrame(this._onFrame)}}function Nc(e,t){return Promise.all(t.map((t=>Mc(e,t)))).then((t=>ic(e,t)))}async function Mc(e,t,r){const{keys:n,to:o,from:i,loop:a,onRest:s,onResolve:l}=t,c=Za.obj(t.default)&&t.default;a&&(t.loop=!1),!1===o&&(t.to=null),!1===i&&(t.from=null);const d=Za.arr(o)||Za.fun(o)?o:void 0;d?(t.to=void 0,t.onRest=void 0,c&&(c.onRest=void 0)):Ka(Pc,(r=>{const n=t[r];if(Za.fun(n)){const o=e._events[r];t[r]=({finished:e,cancelled:t})=>{const r=o.get(n);r?(e||(r.finished=!1),t&&(r.cancelled=!0)):o.set(n,{value:null,finished:e||!1,cancelled:t||!1})},c&&(c[r]=t[r])}}));const u=e._state;t.pause===!u.paused?(u.paused=t.pause,ns(t.pause?u.pauseQueue:u.resumeQueue)):u.paused&&(t.pause=!0);const h=(n||Object.keys(e.springs)).map((r=>e.springs[r].start(t))),p=!0===t.cancel||!0===Al(t,"cancel");(d||p&&u.asyncId)&&h.push(oc(++e._lastAsyncId,{props:t,state:u,actions:{pause:Ya,resume:Ya,start(t,r){p?(dc(u,e._lastAsyncId),r(lc(e))):(t.onRest=s,r(cc(d,t,u,e)))}}})),u.paused&&await new Promise((e=>{u.resumeQueue.add(e)}));const f=ic(e,await Promise.all(h));if(a&&f.finished&&(!r||!f.noop)){const r=Sc(t,a,o);if(r)return Rc(e,[r]),Mc(e,r,!0)}return l&&Ta.batchedUpdates((()=>l(f,e,e.item))),f}function zc(e,t){const r=Tl({},e.springs);return t&&Ka(ts(t),(e=>{Za.und(e.keys)&&(e=kc(e)),Za.obj(e.to)||(e=Tl({},e,{to:void 0})),Dc(r,e,(e=>Bc(e)))})),Ac(e,r),r}function Ac(e,t){es(t,((t,r)=>{e.springs[r]||(e.springs[r]=t,Qs(t,e))}))}function Bc(e,t){const r=new $c;return r.key=e,t&&Qs(r,t),r}function Dc(e,t,r){t.keys&&Ka(t.keys,(n=>{(e[n]||(e[n]=r(n)))._prepareNode(t)}))}function Rc(e,t){Ka(t,(t=>{Dc(e.springs,t,(t=>Bc(t,e)))}))}const Hc=["children"],Lc=e=>{let{children:t}=e,r=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,Hc);const o=d(Vc),l=r.pause||!!o.pause,c=r.immediate||!!o.immediate;r=function(e,t){const[r]=i((()=>({inputs:t,result:e()}))),n=a(),o=n.current;let l=o;l?Boolean(t&&l.inputs&&function(e,t){if(e.length!==t.length)return!1;for(let r=0;r<e.length;r++)if(e[r]!==t[r])return!1;return!0}(t,l.inputs))||(l={inputs:t,result:e()}):l=r;return s((()=>{n.current=l,o==r&&(r.inputs=r.result=void 0)}),[l]),l.result}((()=>({pause:l,immediate:c})),[l,c]);const{Provider:u}=Vc;return n.createElement(u,{value:r},t)},Vc=(Wc=Lc,Uc={},Object.assign(Wc,n.createContext(Uc)),Wc.Provider._context=Wc,Wc.Consumer._context=Wc,Wc);var Wc,Uc;Lc.Provider=Vc.Provider,Lc.Consumer=Vc.Consumer;const qc=()=>{const e=[],t=function(t){cl(`${al}Directly calling start instead of using the api object is deprecated in v9 (use ".start" instead), this will be removed in later 0.X.0 versions`);const n=[];return Ka(e,((e,o)=>{if(Za.und(t))n.push(e.start());else{const i=r(t,e,o);i&&n.push(e.start(i))}})),n};t.current=e,t.add=function(t){e.includes(t)||e.push(t)},t.delete=function(t){const r=e.indexOf(t);~r&&e.splice(r,1)},t.pause=function(){return Ka(e,(e=>e.pause(...arguments))),this},t.resume=function(){return Ka(e,(e=>e.resume(...arguments))),this},t.set=function(t){Ka(e,(e=>e.set(t)))},t.start=function(t){const r=[];return Ka(e,((e,n)=>{if(Za.und(t))r.push(e.start());else{const o=this._getProps(t,e,n);o&&r.push(e.start(o))}})),r},t.stop=function(){return Ka(e,(e=>e.stop(...arguments))),this},t.update=function(t){return Ka(e,((e,r)=>e.update(this._getProps(t,e,r)))),this};const r=function(e,t,r){return Za.fun(e)?e(r,t):e};return t._getProps=r,t};function Qc(e,t,r){const n=Za.fun(t)&&t;n&&!r&&(r=[]);const o=u((()=>n||3==arguments.length?qc():void 0),[]),i=a(0),s=hl(),l=u((()=>({ctrls:[],queue:[],flush(e,t){const r=zc(e,t);return i.current>0&&!l.queue.length&&!Object.keys(r).some((t=>!e.springs[t]))?Nc(e,t):new Promise((n=>{Ac(e,r),l.queue.push((()=>{n(Nc(e,t))})),s()}))}})),[]),c=a([...l.ctrls]),h=[],p=ml(e)||0;function f(e,r){for(let o=e;o<r;o++){const e=c.current[o]||(c.current[o]=new Tc(null,l.flush)),r=n?n(o,e):t[o];r&&(h[o]=Oc(r))}}u((()=>{Ka(c.current.slice(e,p),(e=>{ql(e,o),e.stop(!0)})),c.current.length=e,f(p,e)}),[e]),u((()=>{f(0,Math.min(p,e))}),r);const m=c.current.map(((e,t)=>zc(e,h[t]))),g=d(Lc),y=ml(g),b=g!==y&&Wl(g);ul((()=>{i.current++,l.ctrls=c.current;const{queue:e}=l;e.length&&(l.queue=[],Ka(e,(e=>e()))),Ka(c.current,((e,t)=>{null==o||o.add(e),b&&e.start({default:g});const r=h[t];r&&(Ql(e,r.ref),e.ref?e.queue.push(r):e.start(r))}))})),pl((()=>()=>{Ka(l.ctrls,(e=>e.stop(!0)))}));const v=m.map((e=>Tl({},e)));return o?[v,o]:v}function Xc(e,t){const r=Za.fun(e),[[n],o]=Qc(1,r?e:[e],r?t||[]:t);return r||2==arguments.length?[n,o]:n}let Gc;!function(e){e.MOUNT="mount",e.ENTER="enter",e.UPDATE="update",e.LEAVE="leave"}(Gc||(Gc={}));class Yc extends mc{constructor(e,t){super(),this.key=void 0,this.idle=!0,this.calc=void 0,this._active=new Set,this.source=e,this.calc=As(...t);const r=this._get(),n=jl(r);bl(this,n.create(r))}advance(e){const t=this._get();Ja(t,this.get())||(yl(this).setValue(t),this._onChange(t,this.idle)),!this.idle&&Jc(this._active)&&Kc(this)}_get(){const e=Za.arr(this.source)?this.source.map(Ls):ts(Ls(this.source));return this.calc(...e)}_start(){this.idle&&!Jc(this._active)&&(this.idle=!1,Ka(vl(this),(e=>{e.done=!1})),ds.skipAnimation?(Ta.batchedUpdates((()=>this.advance())),Kc(this)):ms.start(this))}_attach(){let e=1;Ka(ts(this.source),(t=>{Hs(t)&&Qs(t,this),pc(t)&&(t.idle||this._active.add(t),e=Math.max(e,t.priority+1))})),this.priority=e,this._start()}_detach(){Ka(ts(this.source),(e=>{Hs(e)&&Xs(e,this)})),this._active.clear(),Kc(this)}eventObserved(e){"change"==e.type?e.idle?this.advance():(this._active.add(e.parent),this._start()):"idle"==e.type?this._active.delete(e.parent):"priority"==e.type&&(this.priority=ts(this.source).reduce(((e,t)=>Math.max(e,(pc(t)?t.priority:0)+1)),0))}}function Zc(e){return!1!==e.idle}function Jc(e){return!e.size||Array.from(e).every(Zc)}function Kc(e){e.idle||(e.idle=!0,Ka(vl(e),(e=>{e.done=!0})),Ws(e,{type:"idle",parent:e}))}function ed(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}ds.assign({createStringInterpolator:il,to:(e,t)=>new Yc(e,t)});const td=["style","children","scrollTop","scrollLeft"],rd=/^--/;function nd(e,t){return null==t||"boolean"==typeof t||""===t?"":"number"!=typeof t||0===t||rd.test(e)||id.hasOwnProperty(e)&&id[e]?(""+t).trim():t+"px"}const od={};let id={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0};const ad=["Webkit","Ms","Moz","O"];id=Object.keys(id).reduce(((e,t)=>(ad.forEach((r=>e[((e,t)=>e+t.charAt(0).toUpperCase()+t.substring(1))(r,t)]=e[t])),e)),id);const sd=["x","y","z"],ld=/^(matrix|translate|scale|rotate|skew)/,cd=/^(translate)/,dd=/^(rotate|skew)/,ud=(e,t)=>Za.num(e)&&0!==e?e+t:e,hd=(e,t)=>Za.arr(e)?e.every((e=>hd(e,t))):Za.num(e)?e===t:parseFloat(e)===t;class pd extends Sl{constructor(e){let{x:t,y:r,z:n}=e,o=ed(e,sd);const i=[],a=[];(t||r||n)&&(i.push([t||0,r||0,n||0]),a.push((e=>[`translate3d(${e.map((e=>ud(e,"px"))).join(",")})`,hd(e,0)]))),es(o,((e,t)=>{if("transform"===t)i.push([e||""]),a.push((e=>[e,""===e]));else if(ld.test(t)){if(delete o[t],Za.und(e))return;const r=cd.test(t)?"px":dd.test(t)?"deg":"";i.push(ts(e)),a.push("rotate3d"===t?([e,t,n,o])=>[`rotate3d(${e},${t},${n},${ud(o,r)})`,hd(o,0)]:e=>[`${t}(${e.map((e=>ud(e,r))).join(",")})`,hd(e,t.startsWith("scale")?1:0)])}})),i.length&&(o.transform=new fd(i,a)),super(o)}}class fd extends Us{constructor(e,t){super(),this._value=null,this.inputs=e,this.transforms=t}get(){return this._value||(this._value=this._get())}_get(){let e="",t=!0;return Ka(this.inputs,((r,n)=>{const o=Ls(r[0]),[i,a]=this.transforms[n](Za.arr(o)?o:r.map(Ls));e+=" "+i,t=t&&a})),t?"none":e}observerAdded(e){1==e&&Ka(this.inputs,(e=>Ka(e,(e=>Hs(e)&&Qs(e,this)))))}observerRemoved(e){0==e&&Ka(this.inputs,(e=>Ka(e,(e=>Hs(e)&&Xs(e,this)))))}eventObserved(e){"change"==e.type&&(this._value=null),Ws(this,e)}}const md=["scrollTop","scrollLeft"];ds.assign({batchedUpdates:x,createStringInterpolator:il,colors:{transparent:0,aliceblue:4042850303,antiquewhite:4209760255,aqua:16777215,aquamarine:2147472639,azure:4043309055,beige:4126530815,bisque:4293182719,black:255,blanchedalmond:4293643775,blue:65535,blueviolet:2318131967,brown:2771004159,burlywood:3736635391,burntsienna:3934150143,cadetblue:1604231423,chartreuse:2147418367,chocolate:3530104575,coral:4286533887,cornflowerblue:1687547391,cornsilk:4294499583,crimson:3692313855,cyan:16777215,darkblue:35839,darkcyan:9145343,darkgoldenrod:3095792639,darkgray:2846468607,darkgreen:6553855,darkgrey:2846468607,darkkhaki:3182914559,darkmagenta:2332068863,darkolivegreen:1433087999,darkorange:4287365375,darkorchid:2570243327,darkred:2332033279,darksalmon:3918953215,darkseagreen:2411499519,darkslateblue:1211993087,darkslategray:793726975,darkslategrey:793726975,darkturquoise:13554175,darkviolet:2483082239,deeppink:4279538687,deepskyblue:12582911,dimgray:1768516095,dimgrey:1768516095,dodgerblue:512819199,firebrick:2988581631,floralwhite:4294635775,forestgreen:579543807,fuchsia:4278255615,gainsboro:3705462015,ghostwhite:4177068031,gold:4292280575,goldenrod:3668254975,gray:2155905279,green:8388863,greenyellow:2919182335,grey:2155905279,honeydew:4043305215,hotpink:4285117695,indianred:3445382399,indigo:1258324735,ivory:4294963455,khaki:4041641215,lavender:3873897215,lavenderblush:4293981695,lawngreen:2096890111,lemonchiffon:4294626815,lightblue:2916673279,lightcoral:4034953471,lightcyan:3774873599,lightgoldenrodyellow:4210742015,lightgray:3553874943,lightgreen:2431553791,lightgrey:3553874943,lightpink:4290167295,lightsalmon:4288707327,lightseagreen:548580095,lightskyblue:2278488831,lightslategray:2005441023,lightslategrey:2005441023,lightsteelblue:2965692159,lightyellow:4294959359,lime:16711935,limegreen:852308735,linen:4210091775,magenta:4278255615,maroon:2147483903,mediumaquamarine:1724754687,mediumblue:52735,mediumorchid:3126187007,mediumpurple:2473647103,mediumseagreen:1018393087,mediumslateblue:2070474495,mediumspringgreen:16423679,mediumturquoise:1221709055,mediumvioletred:3340076543,midnightblue:421097727,mintcream:4127193855,mistyrose:4293190143,moccasin:4293178879,navajowhite:4292783615,navy:33023,oldlace:4260751103,olive:2155872511,olivedrab:1804477439,orange:4289003775,orangered:4282712319,orchid:3664828159,palegoldenrod:4008225535,palegreen:2566625535,paleturquoise:2951671551,palevioletred:3681588223,papayawhip:4293907967,peachpuff:4292524543,peru:3448061951,pink:4290825215,plum:3718307327,powderblue:2967529215,purple:2147516671,rebeccapurple:1714657791,red:4278190335,rosybrown:3163525119,royalblue:1097458175,saddlebrown:2336560127,salmon:4202722047,sandybrown:4104413439,seagreen:780883967,seashell:4294307583,sienna:2689740287,silver:3233857791,skyblue:2278484991,slateblue:1784335871,slategray:1887473919,slategrey:1887473919,snow:4294638335,springgreen:16744447,steelblue:1182971135,tan:3535047935,teal:8421631,thistle:3636451583,tomato:4284696575,turquoise:1088475391,violet:4001558271,wheat:4125012991,white:4294967295,whitesmoke:4126537215,yellow:4294902015,yellowgreen:2597139199}});const gd=((e,{applyAnimatedValues:t=(()=>!1),createAnimatedStyle:r=(e=>new Sl(e)),getComponentProps:n=(e=>e)}={})=>{const o={applyAnimatedValues:t,createAnimatedStyle:r,getComponentProps:n},i=e=>{const t=Il(e)||"Anonymous";return(e=Za.str(e)?i[e]||(i[e]=Cl(e,o)):e[Pl]||(e[Pl]=Cl(e,o))).displayName=`Animated(${t})`,e};return es(e,((t,r)=>{Za.arr(e)&&(r=Il(t)),i[r]=i(t)})),{animated:i}})(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"],{applyAnimatedValues:function(e,t){if(!e.nodeType||!e.setAttribute)return!1;const r="filter"===e.nodeName||e.parentNode&&"filter"===e.parentNode.nodeName,n=t,{style:o,children:i,scrollTop:a,scrollLeft:s}=n,l=ed(n,td),c=Object.values(l),d=Object.keys(l).map((t=>r||e.hasAttribute(t)?t:od[t]||(od[t]=t.replace(/([A-Z])/g,(e=>"-"+e.toLowerCase())))));void 0!==i&&(e.textContent=i);for(let t in o)if(o.hasOwnProperty(t)){const r=nd(t,o[t]);rd.test(t)?e.style.setProperty(t,r):e.style[t]=r}d.forEach(((t,r)=>{e.setAttribute(t,c[r])})),void 0!==a&&(e.scrollTop=a),void 0!==s&&(e.scrollLeft=s)},createAnimatedStyle:e=>new pd(e),getComponentProps:e=>ed(e,md)}),yd=gd.animated,bd=y.div`
|
|
662
|
+
color: ${Qt.Neutral[4]};
|
|
663
|
+
`;var En=function(e,t,r,n){for(var o=e.length,i=r+(n?1:-1);n?i--:++i<o;)if(t(e[i],i,e))return i;return-1},Cn=Ke;var Fn=Ke,Pn=et,In=gt;var Tn=Ke,Nn=function(){this.__data__=new Cn,this.size=0},Mn=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r},zn=function(e){return this.__data__.get(e)},An=function(e){return this.__data__.has(e)},Bn=function(e,t){var r=this.__data__;if(r instanceof Fn){var n=r.__data__;if(!Pn||n.length<199)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new In(n)}return r.set(e,t),this.size=r.size,this};function Dn(e){var t=this.__data__=new Tn(e);this.size=t.size}Dn.prototype.clear=Nn,Dn.prototype.delete=Mn,Dn.prototype.get=zn,Dn.prototype.has=An,Dn.prototype.set=Bn;var Rn=Dn;var Hn=gt,Ln=function(e){return this.__data__.set(e,"__lodash_hash_undefined__"),this},Vn=function(e){return this.__data__.has(e)};function Wn(e){var t=-1,r=null==e?0:e.length;for(this.__data__=new Hn;++t<r;)this.add(e[t])}Wn.prototype.add=Wn.prototype.push=Ln,Wn.prototype.has=Vn;var Un=Wn,qn=function(e,t){for(var r=-1,n=null==e?0:e.length;++r<n;)if(t(e[r],r,e))return!0;return!1},Qn=function(e,t){return e.has(t)};var Xn=function(e,t,r,n,o,i){var a=1&r,s=e.length,l=t.length;if(s!=l&&!(a&&l>s))return!1;var c=i.get(e),d=i.get(t);if(c&&d)return c==t&&d==e;var u=-1,h=!0,p=2&r?new Un:void 0;for(i.set(e,t),i.set(t,e);++u<s;){var f=e[u],m=t[u];if(n)var g=a?n(m,f,u,t,e,i):n(f,m,u,e,t,i);if(void 0!==g){if(g)continue;h=!1;break}if(p){if(!qn(t,(function(e,t){if(!Qn(p,t)&&(f===e||o(f,e,r,n,i)))return p.push(t)}))){h=!1;break}}else if(f!==m&&!o(f,m,r,n,i)){h=!1;break}}return i.delete(e),i.delete(t),h};var Gn=F.Uint8Array,Yn=De,Zn=Xn,Jn=function(e){var t=-1,r=Array(e.size);return e.forEach((function(e,n){r[++t]=[n,e]})),r},Kn=function(e){var t=-1,r=Array(e.size);return e.forEach((function(e){r[++t]=e})),r},eo=P?P.prototype:void 0,to=eo?eo.valueOf:void 0;var ro=function(e,t,r,n,o,i,a){switch(r){case"[object DataView]":if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case"[object ArrayBuffer]":return!(e.byteLength!=t.byteLength||!i(new Gn(e),new Gn(t)));case"[object Boolean]":case"[object Date]":case"[object Number]":return Yn(+e,+t);case"[object Error]":return e.name==t.name&&e.message==t.message;case"[object RegExp]":case"[object String]":return e==t+"";case"[object Map]":var s=Jn;case"[object Set]":var l=1&n;if(s||(s=Kn),e.size!=t.size&&!l)return!1;var c=a.get(e);if(c)return c==t;n|=2,a.set(e,t);var d=Zn(s(e),s(t),n,o,i,a);return a.delete(e),d;case"[object Symbol]":if(to)return to.call(e)==to.call(t)}return!1};var no=function(e,t){for(var r=-1,n=t.length,o=e.length;++r<n;)e[o+r]=t[r];return e},oo=O;var io=function(e,t,r){var n=t(e);return oo(e)?n:no(n,r(e))};var ao=function(e,t){for(var r=-1,n=null==e?0:e.length,o=0,i=[];++r<n;){var a=e[r];t(a,r,e)&&(i[o++]=a)}return i},so=function(){return[]},lo=Object.prototype.propertyIsEnumerable,co=Object.getOwnPropertySymbols,uo=co?function(e){return null==e?[]:(e=Object(e),ao(co(e),(function(t){return lo.call(e,t)})))}:so;var ho=function(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n},po=L,fo=V;var mo=function(e){return fo(e)&&"[object Arguments]"==po(e)},go=V,yo=Object.prototype,bo=yo.hasOwnProperty,vo=yo.propertyIsEnumerable,wo=mo(function(){return arguments}())?mo:function(e){return go(e)&&bo.call(e,"callee")&&!vo.call(e,"callee")},xo={exports:{}};var $o=function(){return!1};!function(e,t){var r=F,n=$o,o=t&&!t.nodeType&&t,i=o&&e&&!e.nodeType&&e,a=i&&i.exports===o?r.Buffer:void 0,s=(a?a.isBuffer:void 0)||n;e.exports=s}(xo,xo.exports);var _o=/^(?:0|[1-9]\d*)$/;var So=function(e,t){var r=typeof e;return!!(t=null==t?9007199254740991:t)&&("number"==r||"symbol"!=r&&_o.test(e))&&e>-1&&e%1==0&&e<t};var ko=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991},Oo=L,jo=ko,Eo=V,Co={};Co["[object Float32Array]"]=Co["[object Float64Array]"]=Co["[object Int8Array]"]=Co["[object Int16Array]"]=Co["[object Int32Array]"]=Co["[object Uint8Array]"]=Co["[object Uint8ClampedArray]"]=Co["[object Uint16Array]"]=Co["[object Uint32Array]"]=!0,Co["[object Arguments]"]=Co["[object Array]"]=Co["[object ArrayBuffer]"]=Co["[object Boolean]"]=Co["[object DataView]"]=Co["[object Date]"]=Co["[object Error]"]=Co["[object Function]"]=Co["[object Map]"]=Co["[object Number]"]=Co["[object Object]"]=Co["[object RegExp]"]=Co["[object Set]"]=Co["[object String]"]=Co["[object WeakMap]"]=!1;var Fo=function(e){return Eo(e)&&jo(e.length)&&!!Co[Oo(e)]};var Po=function(e){return function(t){return e(t)}},Io={exports:{}};!function(e,t){var r=j,n=t&&!t.nodeType&&t,o=n&&e&&!e.nodeType&&e,i=o&&o.exports===n&&r.process,a=function(){try{var e=o&&o.require&&o.require("util").types;return e||i&&i.binding&&i.binding("util")}catch(e){}}();e.exports=a}(Io,Io.exports);var To=Fo,No=Po,Mo=Io.exports,zo=Mo&&Mo.isTypedArray,Ao=zo?No(zo):To,Bo=ho,Do=wo,Ro=O,Ho=xo.exports,Lo=So,Vo=Ao,Wo=Object.prototype.hasOwnProperty;var Uo=function(e,t){var r=Ro(e),n=!r&&Do(e),o=!r&&!n&&Ho(e),i=!r&&!n&&!o&&Vo(e),a=r||n||o||i,s=a?Bo(e.length,String):[],l=s.length;for(var c in e)!t&&!Wo.call(e,c)||a&&("length"==c||o&&("offset"==c||"parent"==c)||i&&("buffer"==c||"byteLength"==c||"byteOffset"==c)||Lo(c,l))||s.push(c);return s},qo=Object.prototype;var Qo=function(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||qo)};var Xo=function(e,t){return function(r){return e(t(r))}}(Object.keys,Object),Go=Qo,Yo=Xo,Zo=Object.prototype.hasOwnProperty;var Jo=re,Ko=ko;var ei=Uo,ti=function(e){if(!Go(e))return Yo(e);var t=[];for(var r in Object(e))Zo.call(e,r)&&"constructor"!=r&&t.push(r);return t},ri=function(e){return null!=e&&Ko(e.length)&&!Jo(e)};var ni=function(e){return ri(e)?ei(e):ti(e)},oi=io,ii=uo,ai=ni;var si=function(e){return oi(e,ai,ii)},li=Object.prototype.hasOwnProperty;var ci=function(e,t,r,n,o,i){var a=1&r,s=si(e),l=s.length;if(l!=si(t).length&&!a)return!1;for(var c=l;c--;){var d=s[c];if(!(a?d in t:li.call(t,d)))return!1}var u=i.get(e),h=i.get(t);if(u&&h)return u==t&&h==e;var p=!0;i.set(e,t),i.set(t,e);for(var f=a;++c<l;){var m=e[d=s[c]],g=t[d];if(n)var y=a?n(g,m,d,t,e,i):n(m,g,d,e,t,i);if(!(void 0===y?m===g||o(m,g,r,n,i):y)){p=!1;break}f||(f="constructor"==d)}if(p&&!f){var b=e.constructor,v=t.constructor;b==v||!("constructor"in e)||!("constructor"in t)||"function"==typeof b&&b instanceof b&&"function"==typeof v&&v instanceof v||(p=!1)}return i.delete(e),i.delete(t),p},di=we(F,"DataView"),ui=et,hi=we(F,"Promise"),pi=we(F,"Set"),fi=we(F,"WeakMap"),mi=L,gi=se,yi=gi(di),bi=gi(ui),vi=gi(hi),wi=gi(pi),xi=gi(fi),$i=mi;(di&&"[object DataView]"!=$i(new di(new ArrayBuffer(1)))||ui&&"[object Map]"!=$i(new ui)||hi&&"[object Promise]"!=$i(hi.resolve())||pi&&"[object Set]"!=$i(new pi)||fi&&"[object WeakMap]"!=$i(new fi))&&($i=function(e){var t=mi(e),r="[object Object]"==t?e.constructor:void 0,n=r?gi(r):"";if(n)switch(n){case yi:return"[object DataView]";case bi:return"[object Map]";case vi:return"[object Promise]";case wi:return"[object Set]";case xi:return"[object WeakMap]"}return t});var _i=Rn,Si=Xn,ki=ro,Oi=ci,ji=$i,Ei=O,Ci=xo.exports,Fi=Ao,Pi="[object Object]",Ii=Object.prototype.hasOwnProperty;var Ti=function(e,t,r,n,o,i){var a=Ei(e),s=Ei(t),l=a?"[object Array]":ji(e),c=s?"[object Array]":ji(t),d=(l="[object Arguments]"==l?Pi:l)==Pi,u=(c="[object Arguments]"==c?Pi:c)==Pi,h=l==c;if(h&&Ci(e)){if(!Ci(t))return!1;a=!0,d=!1}if(h&&!d)return i||(i=new _i),a||Fi(e)?Si(e,t,r,n,o,i):ki(e,t,l,r,n,o,i);if(!(1&r)){var p=d&&Ii.call(e,"__wrapped__"),f=u&&Ii.call(t,"__wrapped__");if(p||f){var m=p?e.value():e,g=f?t.value():t;return i||(i=new _i),o(m,g,r,n,i)}}return!!h&&(i||(i=new _i),Oi(e,t,r,n,o,i))},Ni=V;var Mi=function e(t,r,n,o,i){return t===r||(null==t||null==r||!Ni(t)&&!Ni(r)?t!=t&&r!=r:Ti(t,r,n,o,e,i))},zi=Rn,Ai=Mi;var Bi=J;var Di=function(e){return e==e&&!Bi(e)},Ri=Di,Hi=ni;var Li=function(e,t){return function(r){return null!=r&&(r[e]===t&&(void 0!==t||e in Object(r)))}},Vi=function(e,t,r,n){var o=r.length,i=o,a=!n;if(null==e)return!i;for(e=Object(e);o--;){var s=r[o];if(a&&s[2]?s[1]!==e[s[0]]:!(s[0]in e))return!1}for(;++o<i;){var l=(s=r[o])[0],c=e[l],d=s[1];if(a&&s[2]){if(void 0===c&&!(l in e))return!1}else{var u=new zi;if(n)var h=n(c,d,l,e,t,u);if(!(void 0===h?Ai(d,c,3,n,u):h))return!1}}return!0},Wi=function(e){for(var t=Hi(e),r=t.length;r--;){var n=t[r],o=e[n];t[r]=[n,o,Ri(o)]}return t},Ui=Li;var qi=Nt,Qi=wo,Xi=O,Gi=So,Yi=ko,Zi=zt;var Ji=function(e,t){return null!=e&&t in Object(e)},Ki=function(e,t,r){for(var n=-1,o=(t=qi(t,e)).length,i=!1;++n<o;){var a=Zi(t[n]);if(!(i=null!=e&&r(e,a)))break;e=e[a]}return i||++n!=o?i:!!(o=null==e?0:e.length)&&Yi(o)&&Gi(a,o)&&(Xi(e)||Qi(e))};var ea=Mi,ta=Ht,ra=function(e,t){return null!=e&&Ki(e,t,Ji)},na=Z,oa=Di,ia=Li,aa=zt;var sa=Dt;var la=function(e){return function(t){return null==t?void 0:t[e]}},ca=function(e){return function(t){return sa(t,e)}},da=Z,ua=zt;var ha=function(e){var t=Wi(e);return 1==t.length&&t[0][2]?Ui(t[0][0],t[0][1]):function(r){return r===e||Vi(r,e,t)}},pa=function(e,t){return na(e)&&oa(t)?ia(aa(e),t):function(r){var n=ta(r,e);return void 0===n&&n===t?ra(r,e):ea(t,n,3)}},fa=function(e){return e},ma=O,ga=function(e){return da(e)?la(ua(e)):ca(e)};var ya=pr;var ba=function(e){return e?Infinity===(e=ya(e))||-Infinity===e?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0};var va=En,wa=function(e){return"function"==typeof e?e:null==e?fa:"object"==typeof e?ma(e)?pa(e[0],e[1]):ha(e):ga(e)},xa=function(e){var t=ba(e),r=t%1;return t==t?r?t-r:t:0},$a=Math.max;var _a=function(e,t,r){var n=null==e?0:e.length;if(!n)return-1;var o=null==r?0:xa(r);return o<0&&(o=$a(n+o,0)),va(e,wa(t),o)},Sa={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},ka=o.createContext&&o.createContext(Sa),Oa=function(){return Oa=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},Oa.apply(this,arguments)},ja=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r};function Ea(e){return e&&e.map((function(e,t){return o.createElement(e.tag,Oa({key:t},e.attr),Ea(e.child))}))}function Ca(e){return function(t){return o.createElement(Fa,Oa({attr:Oa({},e.attr)},t),Ea(e.child))}}function Fa(e){var t=function(t){var r,n=e.attr,i=e.size,a=e.title,s=ja(e,["attr","size","title"]),l=i||t.size||"1em";return t.className&&(r=t.className),e.className&&(r=(r?r+" ":"")+e.className),o.createElement("svg",Oa({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,n,s,{className:r,style:Oa(Oa({color:e.color||t.color},t.style),e.style),height:l,width:l,xmlns:"http://www.w3.org/2000/svg"}),a&&o.createElement("title",null,a),e.children)};return void 0!==ka?o.createElement(ka.Consumer,null,(function(e){return t(e)})):t(Sa)}function Pa(e){return Ca({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M256 48C141.6 48 48 141.601 48 256s93.6 208 208 208 208-93.601 208-208S370.4 48 256 48zm24 312h-48v-40h48v40zm0-88h-48V144h48v128z"}}]})(e)}let Ia=Xa();const Ta=e=>Wa(e,Ia);let Na=Xa();Ta.write=e=>Wa(e,Na);let Ma=Xa();Ta.onStart=e=>Wa(e,Ma);let za=Xa();Ta.onFrame=e=>Wa(e,za);let Aa=Xa();Ta.onFinish=e=>Wa(e,Aa);let Ba=[];Ta.setTimeout=(e,t)=>{let r=Ta.now()+t,n=()=>{let e=Ba.findIndex((e=>e.cancel==n));~e&&Ba.splice(e,1),La-=~e?1:0},o={time:r,handler:e,cancel:n};return Ba.splice(Da(r),0,o),La+=1,Ua(),o};let Da=e=>~(~Ba.findIndex((t=>t.time>e))||~Ba.length);Ta.cancel=e=>{Ma.delete(e),za.delete(e),Ia.delete(e),Na.delete(e),Aa.delete(e)},Ta.sync=e=>{Va=!0,Ta.batchedUpdates(e),Va=!1},Ta.throttle=e=>{let t;function r(){try{e(...t)}finally{t=null}}function n(...e){t=e,Ta.onStart(r)}return n.handler=e,n.cancel=()=>{Ma.delete(r),t=null},n};let Ra="undefined"!=typeof window?window.requestAnimationFrame:()=>{};Ta.use=e=>Ra=e,Ta.now="undefined"!=typeof performance?()=>performance.now():Date.now,Ta.batchedUpdates=e=>e(),Ta.catch=console.error,Ta.frameLoop="always",Ta.advance=()=>{"demand"!==Ta.frameLoop?console.warn("Cannot call the manual advancement of rafz whilst frameLoop is not set as demand"):Qa()};let Ha=-1,La=0,Va=!1;function Wa(e,t){Va?(t.delete(e),e(0)):(t.add(e),Ua())}function Ua(){Ha<0&&(Ha=0,"demand"!==Ta.frameLoop&&Ra(qa))}function qa(){~Ha&&(Ra(qa),Ta.batchedUpdates(Qa))}function Qa(){let e=Ha;Ha=Ta.now();let t=Da(Ha);t&&(Ga(Ba.splice(0,t),(e=>e.handler())),La-=t),Ma.flush(),Ia.flush(e?Math.min(64,Ha-e):16.667),za.flush(),Na.flush(),Aa.flush(),La||(Ha=-1)}function Xa(){let e=new Set,t=e;return{add(r){La+=t!=e||e.has(r)?0:1,e.add(r)},delete:r=>(La-=t==e&&e.has(r)?1:0,e.delete(r)),flush(r){t.size&&(e=new Set,La-=t.size,Ga(t,(t=>t(r)&&e.add(t))),La+=e.size,t=e)}}}function Ga(e,t){e.forEach((e=>{try{t(e)}catch(e){Ta.catch(e)}}))}function Ya(){}const Za={arr:Array.isArray,obj:e=>!!e&&"Object"===e.constructor.name,fun:e=>"function"==typeof e,str:e=>"string"==typeof e,num:e=>"number"==typeof e,und:e=>void 0===e};function Ja(e,t){if(Za.arr(e)){if(!Za.arr(t)||e.length!==t.length)return!1;for(let r=0;r<e.length;r++)if(e[r]!==t[r])return!1;return!0}return e===t}const Ka=(e,t)=>e.forEach(t);function es(e,t,r){if(Za.arr(e))for(let n=0;n<e.length;n++)t.call(r,e[n],`${n}`);else for(const n in e)e.hasOwnProperty(n)&&t.call(r,e[n],n)}const ts=e=>Za.und(e)?[]:Za.arr(e)?e:[e];function rs(e,t){if(e.size){const r=Array.from(e);e.clear(),Ka(r,t)}}const ns=(e,...t)=>rs(e,(e=>e(...t))),os=()=>"undefined"==typeof window||!window.navigator||/ServerSideRendering|^Deno\//.test(window.navigator.userAgent);let is,as,ss=null,ls=!1,cs=Ya;var ds=Object.freeze({__proto__:null,get createStringInterpolator(){return is},get to(){return as},get colors(){return ss},get skipAnimation(){return ls},get willAdvance(){return cs},assign:e=>{e.to&&(as=e.to),e.now&&(Ta.now=e.now),void 0!==e.colors&&(ss=e.colors),null!=e.skipAnimation&&(ls=e.skipAnimation),e.createStringInterpolator&&(is=e.createStringInterpolator),e.requestAnimationFrame&&Ta.use(e.requestAnimationFrame),e.batchedUpdates&&(Ta.batchedUpdates=e.batchedUpdates),e.willAdvance&&(cs=e.willAdvance),e.frameLoop&&(Ta.frameLoop=e.frameLoop)}});const us=new Set;let hs=[],ps=[],fs=0;const ms={get idle(){return!us.size&&!hs.length},start(e){fs>e.priority?(us.add(e),Ta.onStart(gs)):(ys(e),Ta(vs))},advance:vs,sort(e){if(fs)Ta.onFrame((()=>ms.sort(e)));else{const t=hs.indexOf(e);~t&&(hs.splice(t,1),bs(e))}},clear(){hs=[],us.clear()}};function gs(){us.forEach(ys),us.clear(),Ta(vs)}function ys(e){hs.includes(e)||bs(e)}function bs(e){hs.splice(function(e,t){const r=e.findIndex(t);return r<0?e.length:r}(hs,(t=>t.priority>e.priority)),0,e)}function vs(e){const t=ps;for(let r=0;r<hs.length;r++){const n=hs[r];fs=n.priority,n.idle||(cs(n),n.advance(e),n.idle||t.push(n))}return fs=0,ps=hs,ps.length=0,hs=t,hs.length>0}const ws="[-+]?\\d*\\.?\\d+";function xs(...e){return"\\(\\s*("+e.join(")\\s*,\\s*(")+")\\s*\\)"}const $s=new RegExp("rgb"+xs(ws,ws,ws)),_s=new RegExp("rgba"+xs(ws,ws,ws,ws)),Ss=new RegExp("hsl"+xs(ws,"[-+]?\\d*\\.?\\d+%","[-+]?\\d*\\.?\\d+%")),ks=new RegExp("hsla"+xs(ws,"[-+]?\\d*\\.?\\d+%","[-+]?\\d*\\.?\\d+%",ws)),Os=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,js=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,Es=/^#([0-9a-fA-F]{6})$/,Cs=/^#([0-9a-fA-F]{8})$/;function Fs(e,t,r){return r<0&&(r+=1),r>1&&(r-=1),r<1/6?e+6*(t-e)*r:r<.5?t:r<2/3?e+(t-e)*(2/3-r)*6:e}function Ps(e,t,r){const n=r<.5?r*(1+t):r+t-r*t,o=2*r-n,i=Fs(o,n,e+1/3),a=Fs(o,n,e),s=Fs(o,n,e-1/3);return Math.round(255*i)<<24|Math.round(255*a)<<16|Math.round(255*s)<<8}function Is(e){const t=parseInt(e,10);return t<0?0:t>255?255:t}function Ts(e){return(parseFloat(e)%360+360)%360/360}function Ns(e){const t=parseFloat(e);return t<0?0:t>1?255:Math.round(255*t)}function Ms(e){const t=parseFloat(e);return t<0?0:t>100?1:t/100}function zs(e){let t=function(e){let t;return"number"==typeof e?e>>>0===e&&e>=0&&e<=4294967295?e:null:(t=Es.exec(e))?parseInt(t[1]+"ff",16)>>>0:ss&&void 0!==ss[e]?ss[e]:(t=$s.exec(e))?(Is(t[1])<<24|Is(t[2])<<16|Is(t[3])<<8|255)>>>0:(t=_s.exec(e))?(Is(t[1])<<24|Is(t[2])<<16|Is(t[3])<<8|Ns(t[4]))>>>0:(t=Os.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+"ff",16)>>>0:(t=Cs.exec(e))?parseInt(t[1],16)>>>0:(t=js.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+t[4]+t[4],16)>>>0:(t=Ss.exec(e))?(255|Ps(Ts(t[1]),Ms(t[2]),Ms(t[3])))>>>0:(t=ks.exec(e))?(Ps(Ts(t[1]),Ms(t[2]),Ms(t[3]))|Ns(t[4]))>>>0:null}(e);return null===t?e:(t=t||0,`rgba(${(4278190080&t)>>>24}, ${(16711680&t)>>>16}, ${(65280&t)>>>8}, ${(255&t)/255})`)}const As=(e,t,r)=>{if(Za.fun(e))return e;if(Za.arr(e))return As({range:e,output:t,extrapolate:r});if(Za.str(e.output[0]))return is(e);const n=e,o=n.output,i=n.range||[0,1],a=n.extrapolateLeft||n.extrapolate||"extend",s=n.extrapolateRight||n.extrapolate||"extend",l=n.easing||(e=>e);return e=>{const t=function(e,t){for(var r=1;r<t.length-1&&!(t[r]>=e);++r);return r-1}(e,i);return function(e,t,r,n,o,i,a,s,l){let c=l?l(e):e;if(c<t){if("identity"===a)return c;"clamp"===a&&(c=t)}if(c>r){if("identity"===s)return c;"clamp"===s&&(c=r)}if(n===o)return n;if(t===r)return e<=t?n:o;t===-1/0?c=-c:r===1/0?c-=t:c=(c-t)/(r-t);c=i(c),n===-1/0?c=-c:o===1/0?c+=n:c=c*(o-n)+n;return c}(e,i[t],i[t+1],o[t],o[t+1],l,a,s,n.map)}};function Bs(){return Bs=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Bs.apply(this,arguments)}const Ds=Symbol.for("FluidValue.get"),Rs=Symbol.for("FluidValue.observers"),Hs=e=>Boolean(e&&e[Ds]),Ls=e=>e&&e[Ds]?e[Ds]():e,Vs=e=>e[Rs]||null;function Ws(e,t){let r=e[Rs];r&&r.forEach((e=>{!function(e,t){e.eventObserved?e.eventObserved(t):e(t)}(e,t)}))}class Us{constructor(e){if(this[Ds]=void 0,this[Rs]=void 0,!e&&!(e=this.get))throw Error("Unknown getter");qs(this,e)}}const qs=(e,t)=>Gs(e,Ds,t);function Qs(e,t){if(e[Ds]){let r=e[Rs];r||Gs(e,Rs,r=new Set),r.has(t)||(r.add(t),e.observerAdded&&e.observerAdded(r.size,t))}return t}function Xs(e,t){let r=e[Rs];if(r&&r.has(t)){const n=r.size-1;n?r.delete(t):e[Rs]=null,e.observerRemoved&&e.observerRemoved(n,t)}}const Gs=(e,t,r)=>Object.defineProperty(e,t,{value:r,writable:!0,configurable:!0}),Ys=/[+\-]?(?:0|[1-9]\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,Zs=/(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))/gi,Js=new RegExp(`(${Ys.source})(%|[a-z]+)`,"i"),Ks=/rgba\(([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+)\)/gi,el=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/,tl=e=>{const[t,r]=rl(e);if(!t||os())return e;const n=window.getComputedStyle(document.documentElement).getPropertyValue(t);if(n)return n.trim();if(r&&r.startsWith("--")){const t=window.getComputedStyle(document.documentElement).getPropertyValue(r);return t||e}return r&&el.test(r)?tl(r):r||e},rl=e=>{const t=el.exec(e);if(!t)return[,];const[,r,n]=t;return[r,n]};let nl;const ol=(e,t,r,n,o)=>`rgba(${Math.round(t)}, ${Math.round(r)}, ${Math.round(n)}, ${o})`,il=e=>{nl||(nl=ss?new RegExp(`(${Object.keys(ss).join("|")})(?!\\w)`,"g"):/^\b$/);const t=e.output.map((e=>Ls(e).replace(el,tl).replace(Zs,zs).replace(nl,zs))),r=t.map((e=>e.match(Ys).map(Number))),n=r[0].map(((e,t)=>r.map((e=>{if(!(t in e))throw Error('The arity of each "output" value must be equal');return e[t]})))).map((t=>As(Bs({},e,{output:t}))));return e=>{var r;const o=!Js.test(t[0])&&(null==(r=t.find((e=>Js.test(e))))?void 0:r.replace(Ys,""));let i=0;return t[0].replace(Ys,(()=>`${n[i++](e)}${o||""}`)).replace(Ks,ol)}},al="react-spring: ",sl=e=>{const t=e;let r=!1;if("function"!=typeof t)throw new TypeError(`${al}once requires a function parameter`);return(...e)=>{r||(t(...e),r=!0)}},ll=sl(console.warn);const cl=sl(console.warn);function dl(e){return Za.str(e)&&("#"==e[0]||/\d/.test(e)||!os()&&el.test(e)||e in(ss||{}))}const ul="undefined"!=typeof window&&window.document&&window.document.createElement?n.useLayoutEffect:n.useEffect;function hl(){const e=i()[1],t=(()=>{const e=a(!1);return ul((()=>(e.current=!0,()=>{e.current=!1})),[]),e})();return()=>{t.current&&e(Math.random())}}const pl=e=>s(e,fl),fl=[];function ml(e){const t=a();return s((()=>{t.current=e})),t.current}const gl=Symbol.for("Animated:node"),yl=e=>e&&e[gl],bl=(e,t)=>{return r=e,n=gl,o=t,Object.defineProperty(r,n,{value:o,writable:!0,configurable:!0});var r,n,o},vl=e=>e&&e[gl]&&e[gl].getPayload();class wl{constructor(){this.payload=void 0,bl(this,this)}getPayload(){return this.payload||[]}}class xl extends wl{constructor(e){super(),this.done=!0,this.elapsedTime=void 0,this.lastPosition=void 0,this.lastVelocity=void 0,this.v0=void 0,this.durationProgress=0,this._value=e,Za.num(this._value)&&(this.lastPosition=this._value)}static create(e){return new xl(e)}getPayload(){return[this]}getValue(){return this._value}setValue(e,t){return Za.num(e)&&(this.lastPosition=e,t&&(e=Math.round(e/t)*t,this.done&&(this.lastPosition=e))),this._value!==e&&(this._value=e,!0)}reset(){const{done:e}=this;this.done=!1,Za.num(this._value)&&(this.elapsedTime=0,this.durationProgress=0,this.lastPosition=this._value,e&&(this.lastVelocity=null),this.v0=null)}}class $l extends xl{constructor(e){super(0),this._string=null,this._toString=void 0,this._toString=As({output:[e,e]})}static create(e){return new $l(e)}getValue(){let e=this._string;return null==e?this._string=this._toString(this._value):e}setValue(e){if(Za.str(e)){if(e==this._string)return!1;this._string=e,this._value=1}else{if(!super.setValue(e))return!1;this._string=null}return!0}reset(e){e&&(this._toString=As({output:[this.getValue(),e]})),this._value=0,super.reset()}}const _l={dependencies:null};class Sl extends wl{constructor(e){super(),this.source=e,this.setValue(e)}getValue(e){const t={};return es(this.source,((r,n)=>{var o;(o=r)&&o[gl]===o?t[n]=r.getValue(e):Hs(r)?t[n]=Ls(r):e||(t[n]=r)})),t}setValue(e){this.source=e,this.payload=this._makePayload(e)}reset(){this.payload&&Ka(this.payload,(e=>e.reset()))}_makePayload(e){if(e){const t=new Set;return es(e,this._addToPayload,t),Array.from(t)}}_addToPayload(e){_l.dependencies&&Hs(e)&&_l.dependencies.add(e);const t=vl(e);t&&Ka(t,(e=>this.add(e)))}}class kl extends Sl{constructor(e){super(e)}static create(e){return new kl(e)}getValue(){return this.source.map((e=>e.getValue()))}setValue(e){const t=this.getPayload();return e.length==t.length?t.map(((t,r)=>t.setValue(e[r]))).some(Boolean):(super.setValue(e.map(Ol)),!0)}}function Ol(e){return(dl(e)?$l:xl).create(e)}function jl(e){const t=yl(e);return t?t.constructor:Za.arr(e)?kl:dl(e)?$l:xl}function El(){return El=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},El.apply(this,arguments)}const Cl=(e,t)=>{const r=!Za.fun(e)||e.prototype&&e.prototype.isReactComponent;return l(((o,i)=>{const l=a(null),d=r&&c((e=>{l.current=function(e,t){e&&(Za.fun(e)?e(t):e.current=t);return t}(i,e)}),[i]),[u,h]=function(e,t){const r=new Set;_l.dependencies=r,e.style&&(e=El({},e,{style:t.createAnimatedStyle(e.style)}));return e=new Sl(e),_l.dependencies=null,[e,r]}(o,t),p=hl(),f=()=>{const e=l.current;if(r&&!e)return;!1===(!!e&&t.applyAnimatedValues(e,u.getValue(!0)))&&p()},m=new Fl(f,h),g=a();ul((()=>(g.current=m,Ka(h,(e=>Qs(e,m))),()=>{g.current&&(Ka(g.current.deps,(e=>Xs(e,g.current))),Ta.cancel(g.current.update))}))),s(f,[]),pl((()=>()=>{const e=g.current;Ka(e.deps,(t=>Xs(t,e)))}));const y=t.getComponentProps(u.getValue());return n.createElement(e,El({},y,{ref:d}))}))};class Fl{constructor(e,t){this.update=e,this.deps=t}eventObserved(e){"change"==e.type&&Ta.write(this.update)}}const Pl=Symbol.for("AnimatedComponent"),Il=e=>Za.str(e)?e:e&&Za.str(e.displayName)?e.displayName:Za.fun(e)&&e.name||null;function Tl(){return Tl=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Tl.apply(this,arguments)}function Nl(e,...t){return Za.fun(e)?e(...t):e}const Ml=(e,t)=>!0===e||!!(t&&e&&(Za.fun(e)?e(t):ts(e).includes(t))),zl=(e,t)=>Za.obj(e)?t&&e[t]:e,Al=(e,t)=>!0===e.default?e[t]:e.default?e.default[t]:void 0,Bl=e=>e,Dl=(e,t=Bl)=>{let r=Rl;e.default&&!0!==e.default&&(e=e.default,r=Object.keys(e));const n={};for(const o of r){const r=t(e[o],o);Za.und(r)||(n[o]=r)}return n},Rl=["config","onProps","onStart","onChange","onPause","onResume","onRest"],Hl={config:1,from:1,to:1,ref:1,loop:1,reset:1,pause:1,cancel:1,reverse:1,immediate:1,default:1,delay:1,onProps:1,onStart:1,onChange:1,onPause:1,onResume:1,onRest:1,onResolve:1,items:1,trail:1,sort:1,expires:1,initial:1,enter:1,update:1,leave:1,children:1,onDestroyed:1,keys:1,callId:1,parentId:1};function Ll(e){const t=function(e){const t={};let r=0;if(es(e,((e,n)=>{Hl[n]||(t[n]=e,r++)})),r)return t}(e);if(t){const r={to:t};return es(e,((e,n)=>n in t||(r[n]=e))),r}return Tl({},e)}function Vl(e){return e=Ls(e),Za.arr(e)?e.map(Vl):dl(e)?ds.createStringInterpolator({range:[0,1],output:[e,e]})(1):e}function Wl(e){for(const t in e)return!0;return!1}function Ul(e){return Za.fun(e)||Za.arr(e)&&Za.obj(e[0])}function ql(e,t){var r;null==(r=e.ref)||r.delete(e),null==t||t.delete(e)}function Ql(e,t){var r;t&&e.ref!==t&&(null==(r=e.ref)||r.delete(e),t.add(e),e.ref=t)}const Xl=1.70158,Gl=1.525*Xl,Yl=2*Math.PI/3,Zl=2*Math.PI/4.5,Jl=e=>{const t=7.5625,r=2.75;return e<1/r?t*e*e:e<2/r?t*(e-=1.5/r)*e+.75:e<2.5/r?t*(e-=2.25/r)*e+.9375:t*(e-=2.625/r)*e+.984375},Kl=Tl({},{tension:170,friction:26},{mass:1,damping:1,easing:{linear:e=>e,easeInQuad:e=>e*e,easeOutQuad:e=>1-(1-e)*(1-e),easeInOutQuad:e=>e<.5?2*e*e:1-Math.pow(-2*e+2,2)/2,easeInCubic:e=>e*e*e,easeOutCubic:e=>1-Math.pow(1-e,3),easeInOutCubic:e=>e<.5?4*e*e*e:1-Math.pow(-2*e+2,3)/2,easeInQuart:e=>e*e*e*e,easeOutQuart:e=>1-Math.pow(1-e,4),easeInOutQuart:e=>e<.5?8*e*e*e*e:1-Math.pow(-2*e+2,4)/2,easeInQuint:e=>e*e*e*e*e,easeOutQuint:e=>1-Math.pow(1-e,5),easeInOutQuint:e=>e<.5?16*e*e*e*e*e:1-Math.pow(-2*e+2,5)/2,easeInSine:e=>1-Math.cos(e*Math.PI/2),easeOutSine:e=>Math.sin(e*Math.PI/2),easeInOutSine:e=>-(Math.cos(Math.PI*e)-1)/2,easeInExpo:e=>0===e?0:Math.pow(2,10*e-10),easeOutExpo:e=>1===e?1:1-Math.pow(2,-10*e),easeInOutExpo:e=>0===e?0:1===e?1:e<.5?Math.pow(2,20*e-10)/2:(2-Math.pow(2,-20*e+10))/2,easeInCirc:e=>1-Math.sqrt(1-Math.pow(e,2)),easeOutCirc:e=>Math.sqrt(1-Math.pow(e-1,2)),easeInOutCirc:e=>e<.5?(1-Math.sqrt(1-Math.pow(2*e,2)))/2:(Math.sqrt(1-Math.pow(-2*e+2,2))+1)/2,easeInBack:e=>2.70158*e*e*e-Xl*e*e,easeOutBack:e=>1+2.70158*Math.pow(e-1,3)+Xl*Math.pow(e-1,2),easeInOutBack:e=>e<.5?Math.pow(2*e,2)*(7.189819*e-Gl)/2:(Math.pow(2*e-2,2)*((Gl+1)*(2*e-2)+Gl)+2)/2,easeInElastic:e=>0===e?0:1===e?1:-Math.pow(2,10*e-10)*Math.sin((10*e-10.75)*Yl),easeOutElastic:e=>0===e?0:1===e?1:Math.pow(2,-10*e)*Math.sin((10*e-.75)*Yl)+1,easeInOutElastic:e=>0===e?0:1===e?1:e<.5?-Math.pow(2,20*e-10)*Math.sin((20*e-11.125)*Zl)/2:Math.pow(2,-20*e+10)*Math.sin((20*e-11.125)*Zl)/2+1,easeInBounce:e=>1-Jl(1-e),easeOutBounce:Jl,easeInOutBounce:e=>e<.5?(1-Jl(1-2*e))/2:(1+Jl(2*e-1))/2}.linear,clamp:!1});class ec{constructor(){this.tension=void 0,this.friction=void 0,this.frequency=void 0,this.damping=void 0,this.mass=void 0,this.velocity=0,this.restVelocity=void 0,this.precision=void 0,this.progress=void 0,this.duration=void 0,this.easing=void 0,this.clamp=void 0,this.bounce=void 0,this.decay=void 0,this.round=void 0,Object.assign(this,Kl)}}function tc(e,t){if(Za.und(t.decay)){const r=!Za.und(t.tension)||!Za.und(t.friction);!r&&Za.und(t.frequency)&&Za.und(t.damping)&&Za.und(t.mass)||(e.duration=void 0,e.decay=void 0),r&&(e.frequency=void 0)}else e.duration=void 0}const rc=[];class nc{constructor(){this.changed=!1,this.values=rc,this.toValues=null,this.fromValues=rc,this.to=void 0,this.from=void 0,this.config=new ec,this.immediate=!1}}function oc(e,{key:t,props:r,defaultProps:n,state:o,actions:i}){return new Promise(((a,s)=>{var l;let c,d,u=Ml(null!=(l=r.cancel)?l:null==n?void 0:n.cancel,t);if(u)f();else{Za.und(r.pause)||(o.paused=Ml(r.pause,t));let e=null==n?void 0:n.pause;!0!==e&&(e=o.paused||Ml(e,t)),c=Nl(r.delay||0,t),e?(o.resumeQueue.add(p),i.pause()):(i.resume(),p())}function h(){o.resumeQueue.add(p),o.timeouts.delete(d),d.cancel(),c=d.time-Ta.now()}function p(){c>0&&!ds.skipAnimation?(o.delayed=!0,d=Ta.setTimeout(f,c),o.pauseQueue.add(h),o.timeouts.add(d)):f()}function f(){o.delayed&&(o.delayed=!1),o.pauseQueue.delete(h),o.timeouts.delete(d),e<=(o.cancelId||0)&&(u=!0);try{i.start(Tl({},r,{callId:e,cancel:u}),a)}catch(e){s(e)}}}))}const ic=(e,t)=>1==t.length?t[0]:t.some((e=>e.cancelled))?lc(e.get()):t.every((e=>e.noop))?ac(e.get()):sc(e.get(),t.every((e=>e.finished))),ac=e=>({value:e,noop:!0,finished:!0,cancelled:!1}),sc=(e,t,r=!1)=>({value:e,finished:t,cancelled:r}),lc=e=>({value:e,cancelled:!0,finished:!1});function cc(e,t,r,n){const{callId:o,parentId:i,onRest:a}=t,{asyncTo:s,promise:l}=r;return i||e!==s||t.reset?r.promise=(async()=>{r.asyncId=o,r.asyncTo=e;const c=Dl(t,((e,t)=>"onRest"===t?void 0:e));let d,u;const h=new Promise(((e,t)=>(d=e,u=t))),p=e=>{const t=o<=(r.cancelId||0)&&lc(n)||o!==r.asyncId&&sc(n,!1);if(t)throw e.result=t,u(e),e},f=(e,t)=>{const i=new uc,a=new hc;return(async()=>{if(ds.skipAnimation)throw dc(r),a.result=sc(n,!1),u(a),a;p(i);const s=Za.obj(e)?Tl({},e):Tl({},t,{to:e});s.parentId=o,es(c,((e,t)=>{Za.und(s[t])&&(s[t]=e)}));const l=await n.start(s);return p(i),r.paused&&await new Promise((e=>{r.resumeQueue.add(e)})),l})()};let m;if(ds.skipAnimation)return dc(r),sc(n,!1);try{let t;t=Za.arr(e)?(async e=>{for(const t of e)await f(t)})(e):Promise.resolve(e(f,n.stop.bind(n))),await Promise.all([t.then(d),h]),m=sc(n.get(),!0,!1)}catch(e){if(e instanceof uc)m=e.result;else{if(!(e instanceof hc))throw e;m=e.result}}finally{o==r.asyncId&&(r.asyncId=i,r.asyncTo=i?s:void 0,r.promise=i?l:void 0)}return Za.fun(a)&&Ta.batchedUpdates((()=>{a(m,n,n.item)})),m})():l}function dc(e,t){rs(e.timeouts,(e=>e.cancel())),e.pauseQueue.clear(),e.resumeQueue.clear(),e.asyncId=e.asyncTo=e.promise=void 0,t&&(e.cancelId=t)}class uc extends Error{constructor(){super("An async animation has been interrupted. You see this error because you forgot to use `await` or `.catch(...)` on its returned promise."),this.result=void 0}}class hc extends Error{constructor(){super("SkipAnimationSignal"),this.result=void 0}}const pc=e=>e instanceof mc;let fc=1;class mc extends Us{constructor(...e){super(...e),this.id=fc++,this.key=void 0,this._priority=0}get priority(){return this._priority}set priority(e){this._priority!=e&&(this._priority=e,this._onPriorityChange(e))}get(){const e=yl(this);return e&&e.getValue()}to(...e){return ds.to(this,e)}interpolate(...e){return ll(`${al}The "interpolate" function is deprecated in v9 (use "to" instead)`),ds.to(this,e)}toJSON(){return this.get()}observerAdded(e){1==e&&this._attach()}observerRemoved(e){0==e&&this._detach()}_attach(){}_detach(){}_onChange(e,t=!1){Ws(this,{type:"change",parent:this,value:e,idle:t})}_onPriorityChange(e){this.idle||ms.sort(this),Ws(this,{type:"priority",parent:this,priority:e})}}const gc=Symbol.for("SpringPhase"),yc=e=>(1&e[gc])>0,bc=e=>(2&e[gc])>0,vc=e=>(4&e[gc])>0,wc=(e,t)=>t?e[gc]|=3:e[gc]&=-3,xc=(e,t)=>t?e[gc]|=4:e[gc]&=-5;class $c extends mc{constructor(e,t){if(super(),this.key=void 0,this.animation=new nc,this.queue=void 0,this.defaultProps={},this._state={paused:!1,delayed:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set},this._pendingCalls=new Set,this._lastCallId=0,this._lastToId=0,this._memoizedDuration=0,!Za.und(e)||!Za.und(t)){const r=Za.obj(e)?Tl({},e):Tl({},t,{from:e});Za.und(r.default)&&(r.default=!0),this.start(r)}}get idle(){return!(bc(this)||this._state.asyncTo)||vc(this)}get goal(){return Ls(this.animation.to)}get velocity(){const e=yl(this);return e instanceof xl?e.lastVelocity||0:e.getPayload().map((e=>e.lastVelocity||0))}get hasAnimated(){return yc(this)}get isAnimating(){return bc(this)}get isPaused(){return vc(this)}get isDelayed(){return this._state.delayed}advance(e){let t=!0,r=!1;const n=this.animation;let{config:o,toValues:i}=n;const a=vl(n.to);!a&&Hs(n.to)&&(i=ts(Ls(n.to))),n.values.forEach(((s,l)=>{if(s.done)return;const c=s.constructor==$l?1:a?a[l].lastPosition:i[l];let d=n.immediate,u=c;if(!d){if(u=s.lastPosition,o.tension<=0)return void(s.done=!0);let t=s.elapsedTime+=e;const r=n.fromValues[l],i=null!=s.v0?s.v0:s.v0=Za.arr(o.velocity)?o.velocity[l]:o.velocity;let a;if(Za.und(o.duration))if(o.decay){const e=!0===o.decay?.998:o.decay,n=Math.exp(-(1-e)*t);u=r+i/(1-e)*(1-n),d=Math.abs(s.lastPosition-u)<.1,a=i*n}else{a=null==s.lastVelocity?i:s.lastVelocity;const t=o.precision||(r==c?.005:Math.min(1,.001*Math.abs(c-r))),n=o.restVelocity||t/10,l=o.clamp?0:o.bounce,h=!Za.und(l),p=r==c?s.v0>0:r<c;let f,m=!1;const g=1,y=Math.ceil(e/g);for(let e=0;e<y&&(f=Math.abs(a)>n,f||(d=Math.abs(c-u)<=t,!d));++e){h&&(m=u==c||u>c==p,m&&(a=-a*l,u=c));a+=(1e-6*-o.tension*(u-c)+.001*-o.friction*a)/o.mass*g,u+=a*g}}else{let n=1;o.duration>0&&(this._memoizedDuration!==o.duration&&(this._memoizedDuration=o.duration,s.durationProgress>0&&(s.elapsedTime=o.duration*s.durationProgress,t=s.elapsedTime+=e)),n=(o.progress||0)+t/this._memoizedDuration,n=n>1?1:n<0?0:n,s.durationProgress=n),u=r+o.easing(n)*(c-r),a=(u-s.lastPosition)/e,d=1==n}s.lastVelocity=a,Number.isNaN(u)&&(console.warn("Got NaN while animating:",this),d=!0)}a&&!a[l].done&&(d=!1),d?s.done=!0:t=!1,s.setValue(u,o.round)&&(r=!0)}));const s=yl(this),l=s.getValue();if(t){const e=Ls(n.to);l===e&&!r||o.decay?r&&o.decay&&this._onChange(l):(s.setValue(e),this._onChange(e)),this._stop()}else r&&this._onChange(l)}set(e){return Ta.batchedUpdates((()=>{this._stop(),this._focus(e),this._set(e)})),this}pause(){this._update({pause:!0})}resume(){this._update({pause:!1})}finish(){if(bc(this)){const{to:e,config:t}=this.animation;Ta.batchedUpdates((()=>{this._onStart(),t.decay||this._set(e,!1),this._stop()}))}return this}update(e){return(this.queue||(this.queue=[])).push(e),this}start(e,t){let r;return Za.und(e)?(r=this.queue||[],this.queue=[]):r=[Za.obj(e)?e:Tl({},t,{to:e})],Promise.all(r.map((e=>this._update(e)))).then((e=>ic(this,e)))}stop(e){const{to:t}=this.animation;return this._focus(this.get()),dc(this._state,e&&this._lastCallId),Ta.batchedUpdates((()=>this._stop(t,e))),this}reset(){this._update({reset:!0})}eventObserved(e){"change"==e.type?this._start():"priority"==e.type&&(this.priority=e.priority+1)}_prepareNode(e){const t=this.key||"";let{to:r,from:n}=e;r=Za.obj(r)?r[t]:r,(null==r||Ul(r))&&(r=void 0),n=Za.obj(n)?n[t]:n,null==n&&(n=void 0);const o={to:r,from:n};return yc(this)||(e.reverse&&([r,n]=[n,r]),n=Ls(n),Za.und(n)?yl(this)||this._set(r):this._set(n)),o}_update(e,t){let r=Tl({},e);const{key:n,defaultProps:o}=this;r.default&&Object.assign(o,Dl(r,((e,t)=>/^on/.test(t)?zl(e,n):e))),Cc(this,r,"onProps"),Fc(this,"onProps",r,this);const i=this._prepareNode(r);if(Object.isFrozen(this))throw Error("Cannot animate a `SpringValue` object that is frozen. Did you forget to pass your component to `animated(...)` before animating its props?");const a=this._state;return oc(++this._lastCallId,{key:n,props:r,defaultProps:o,state:a,actions:{pause:()=>{vc(this)||(xc(this,!0),ns(a.pauseQueue),Fc(this,"onPause",sc(this,_c(this,this.animation.to)),this))},resume:()=>{vc(this)&&(xc(this,!1),bc(this)&&this._resume(),ns(a.resumeQueue),Fc(this,"onResume",sc(this,_c(this,this.animation.to)),this))},start:this._merge.bind(this,i)}}).then((e=>{if(r.loop&&e.finished&&(!t||!e.noop)){const e=Sc(r);if(e)return this._update(e,!0)}return e}))}_merge(e,t,r){if(t.cancel)return this.stop(!0),r(lc(this));const n=!Za.und(e.to),o=!Za.und(e.from);if(n||o){if(!(t.callId>this._lastToId))return r(lc(this));this._lastToId=t.callId}const{key:i,defaultProps:a,animation:s}=this,{to:l,from:c}=s;let{to:d=l,from:u=c}=e;!o||n||t.default&&!Za.und(d)||(d=u),t.reverse&&([d,u]=[u,d]);const h=!Ja(u,c);h&&(s.from=u),u=Ls(u);const p=!Ja(d,l);p&&this._focus(d);const f=Ul(t.to),{config:m}=s,{decay:g,velocity:y}=m;(n||o)&&(m.velocity=0),t.config&&!f&&function(e,t,r){r&&(tc(r=Tl({},r),t),t=Tl({},r,t)),tc(e,t),Object.assign(e,t);for(const t in Kl)null==e[t]&&(e[t]=Kl[t]);let{mass:n,frequency:o,damping:i}=e;Za.und(o)||(o<.01&&(o=.01),i<0&&(i=0),e.tension=Math.pow(2*Math.PI/o,2)*n,e.friction=4*Math.PI*i*n/o)}(m,Nl(t.config,i),t.config!==a.config?Nl(a.config,i):void 0);let b=yl(this);if(!b||Za.und(d))return r(sc(this,!0));const v=Za.und(t.reset)?o&&!t.default:!Za.und(u)&&Ml(t.reset,i),w=v?u:this.get(),x=Vl(d),$=Za.num(x)||Za.arr(x)||dl(x),_=!f&&(!$||Ml(a.immediate||t.immediate,i));if(p){const e=jl(d);if(e!==b.constructor){if(!_)throw Error(`Cannot animate between ${b.constructor.name} and ${e.name}, as the "to" prop suggests`);b=this._set(x)}}const S=b.constructor;let k=Hs(d),O=!1;if(!k){const e=v||!yc(this)&&h;(p||e)&&(O=Ja(Vl(w),x),k=!O),(Ja(s.immediate,_)||_)&&Ja(m.decay,g)&&Ja(m.velocity,y)||(k=!0)}if(O&&bc(this)&&(s.changed&&!v?k=!0:k||this._stop(l)),!f&&((k||Hs(l))&&(s.values=b.getPayload(),s.toValues=Hs(d)?null:S==$l?[1]:ts(x)),s.immediate!=_&&(s.immediate=_,_||v||this._set(l)),k)){const{onRest:e}=s;Ka(Ec,(e=>Cc(this,t,e)));const n=sc(this,_c(this,l));ns(this._pendingCalls,n),this._pendingCalls.add(r),s.changed&&Ta.batchedUpdates((()=>{s.changed=!v,null==e||e(n,this),v?Nl(a.onRest,n):null==s.onStart||s.onStart(n,this)}))}v&&this._set(w),f?r(cc(t.to,t,this._state,this)):k?this._start():bc(this)&&!p?this._pendingCalls.add(r):r(ac(w))}_focus(e){const t=this.animation;e!==t.to&&(Vs(this)&&this._detach(),t.to=e,Vs(this)&&this._attach())}_attach(){let e=0;const{to:t}=this.animation;Hs(t)&&(Qs(t,this),pc(t)&&(e=t.priority+1)),this.priority=e}_detach(){const{to:e}=this.animation;Hs(e)&&Xs(e,this)}_set(e,t=!0){const r=Ls(e);if(!Za.und(r)){const e=yl(this);if(!e||!Ja(r,e.getValue())){const n=jl(r);e&&e.constructor==n?e.setValue(r):bl(this,n.create(r)),e&&Ta.batchedUpdates((()=>{this._onChange(r,t)}))}}return yl(this)}_onStart(){const e=this.animation;e.changed||(e.changed=!0,Fc(this,"onStart",sc(this,_c(this,e.to)),this))}_onChange(e,t){t||(this._onStart(),Nl(this.animation.onChange,e,this)),Nl(this.defaultProps.onChange,e,this),super._onChange(e,t)}_start(){const e=this.animation;yl(this).reset(Ls(e.to)),e.immediate||(e.fromValues=e.values.map((e=>e.lastPosition))),bc(this)||(wc(this,!0),vc(this)||this._resume())}_resume(){ds.skipAnimation?this.finish():ms.start(this)}_stop(e,t){if(bc(this)){wc(this,!1);const r=this.animation;Ka(r.values,(e=>{e.done=!0})),r.toValues&&(r.onChange=r.onPause=r.onResume=void 0),Ws(this,{type:"idle",parent:this});const n=t?lc(this.get()):sc(this.get(),_c(this,null!=e?e:r.to));ns(this._pendingCalls,n),r.changed&&(r.changed=!1,Fc(this,"onRest",n,this))}}}function _c(e,t){const r=Vl(t);return Ja(Vl(e.get()),r)}function Sc(e,t=e.loop,r=e.to){let n=Nl(t);if(n){const o=!0!==n&&Ll(n),i=(o||e).reverse,a=!o||o.reset;return kc(Tl({},e,{loop:t,default:!1,pause:void 0,to:!i||Ul(r)?r:void 0,from:a?e.from:void 0,reset:a},o))}}function kc(e){const{to:t,from:r}=e=Ll(e),n=new Set;return Za.obj(t)&&jc(t,n),Za.obj(r)&&jc(r,n),e.keys=n.size?Array.from(n):null,e}function Oc(e){const t=kc(e);return Za.und(t.default)&&(t.default=Dl(t)),t}function jc(e,t){es(e,((e,r)=>null!=e&&t.add(r)))}const Ec=["onStart","onRest","onChange","onPause","onResume"];function Cc(e,t,r){e.animation[r]=t[r]!==Al(t,r)?zl(t[r],e.key):void 0}function Fc(e,t,...r){var n,o,i,a;null==(n=(o=e.animation)[t])||n.call(o,...r),null==(i=(a=e.defaultProps)[t])||i.call(a,...r)}const Pc=["onStart","onChange","onRest"];let Ic=1;class Tc{constructor(e,t){this.id=Ic++,this.springs={},this.queue=[],this.ref=void 0,this._flush=void 0,this._initialProps=void 0,this._lastAsyncId=0,this._active=new Set,this._changed=new Set,this._started=!1,this._item=void 0,this._state={paused:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set},this._events={onStart:new Map,onChange:new Map,onRest:new Map},this._onFrame=this._onFrame.bind(this),t&&(this._flush=t),e&&this.start(Tl({default:!0},e))}get idle(){return!this._state.asyncTo&&Object.values(this.springs).every((e=>e.idle&&!e.isDelayed&&!e.isPaused))}get item(){return this._item}set item(e){this._item=e}get(){const e={};return this.each(((t,r)=>e[r]=t.get())),e}set(e){for(const t in e){const r=e[t];Za.und(r)||this.springs[t].set(r)}}update(e){return e&&this.queue.push(kc(e)),this}start(e){let{queue:t}=this;return e?t=ts(e).map(kc):this.queue=[],this._flush?this._flush(this,t):(Rc(this,t),Nc(this,t))}stop(e,t){if(e!==!!e&&(t=e),t){const r=this.springs;Ka(ts(t),(t=>r[t].stop(!!e)))}else dc(this._state,this._lastAsyncId),this.each((t=>t.stop(!!e)));return this}pause(e){if(Za.und(e))this.start({pause:!0});else{const t=this.springs;Ka(ts(e),(e=>t[e].pause()))}return this}resume(e){if(Za.und(e))this.start({pause:!1});else{const t=this.springs;Ka(ts(e),(e=>t[e].resume()))}return this}each(e){es(this.springs,e)}_onFrame(){const{onStart:e,onChange:t,onRest:r}=this._events,n=this._active.size>0,o=this._changed.size>0;(n&&!this._started||o&&!this._started)&&(this._started=!0,rs(e,(([e,t])=>{t.value=this.get(),e(t,this,this._item)})));const i=!n&&this._started,a=o||i&&r.size?this.get():null;o&&t.size&&rs(t,(([e,t])=>{t.value=a,e(t,this,this._item)})),i&&(this._started=!1,rs(r,(([e,t])=>{t.value=a,e(t,this,this._item)})))}eventObserved(e){if("change"==e.type)this._changed.add(e.parent),e.idle||this._active.add(e.parent);else{if("idle"!=e.type)return;this._active.delete(e.parent)}Ta.onFrame(this._onFrame)}}function Nc(e,t){return Promise.all(t.map((t=>Mc(e,t)))).then((t=>ic(e,t)))}async function Mc(e,t,r){const{keys:n,to:o,from:i,loop:a,onRest:s,onResolve:l}=t,c=Za.obj(t.default)&&t.default;a&&(t.loop=!1),!1===o&&(t.to=null),!1===i&&(t.from=null);const d=Za.arr(o)||Za.fun(o)?o:void 0;d?(t.to=void 0,t.onRest=void 0,c&&(c.onRest=void 0)):Ka(Pc,(r=>{const n=t[r];if(Za.fun(n)){const o=e._events[r];t[r]=({finished:e,cancelled:t})=>{const r=o.get(n);r?(e||(r.finished=!1),t&&(r.cancelled=!0)):o.set(n,{value:null,finished:e||!1,cancelled:t||!1})},c&&(c[r]=t[r])}}));const u=e._state;t.pause===!u.paused?(u.paused=t.pause,ns(t.pause?u.pauseQueue:u.resumeQueue)):u.paused&&(t.pause=!0);const h=(n||Object.keys(e.springs)).map((r=>e.springs[r].start(t))),p=!0===t.cancel||!0===Al(t,"cancel");(d||p&&u.asyncId)&&h.push(oc(++e._lastAsyncId,{props:t,state:u,actions:{pause:Ya,resume:Ya,start(t,r){p?(dc(u,e._lastAsyncId),r(lc(e))):(t.onRest=s,r(cc(d,t,u,e)))}}})),u.paused&&await new Promise((e=>{u.resumeQueue.add(e)}));const f=ic(e,await Promise.all(h));if(a&&f.finished&&(!r||!f.noop)){const r=Sc(t,a,o);if(r)return Rc(e,[r]),Mc(e,r,!0)}return l&&Ta.batchedUpdates((()=>l(f,e,e.item))),f}function zc(e,t){const r=Tl({},e.springs);return t&&Ka(ts(t),(e=>{Za.und(e.keys)&&(e=kc(e)),Za.obj(e.to)||(e=Tl({},e,{to:void 0})),Dc(r,e,(e=>Bc(e)))})),Ac(e,r),r}function Ac(e,t){es(t,((t,r)=>{e.springs[r]||(e.springs[r]=t,Qs(t,e))}))}function Bc(e,t){const r=new $c;return r.key=e,t&&Qs(r,t),r}function Dc(e,t,r){t.keys&&Ka(t.keys,(n=>{(e[n]||(e[n]=r(n)))._prepareNode(t)}))}function Rc(e,t){Ka(t,(t=>{Dc(e.springs,t,(t=>Bc(t,e)))}))}const Hc=["children"],Lc=e=>{let{children:t}=e,r=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,Hc);const o=d(Vc),l=r.pause||!!o.pause,c=r.immediate||!!o.immediate;r=function(e,t){const[r]=i((()=>({inputs:t,result:e()}))),n=a(),o=n.current;let l=o;l?Boolean(t&&l.inputs&&function(e,t){if(e.length!==t.length)return!1;for(let r=0;r<e.length;r++)if(e[r]!==t[r])return!1;return!0}(t,l.inputs))||(l={inputs:t,result:e()}):l=r;return s((()=>{n.current=l,o==r&&(r.inputs=r.result=void 0)}),[l]),l.result}((()=>({pause:l,immediate:c})),[l,c]);const{Provider:u}=Vc;return n.createElement(u,{value:r},t)},Vc=(Wc=Lc,Uc={},Object.assign(Wc,n.createContext(Uc)),Wc.Provider._context=Wc,Wc.Consumer._context=Wc,Wc);var Wc,Uc;Lc.Provider=Vc.Provider,Lc.Consumer=Vc.Consumer;const qc=()=>{const e=[],t=function(t){cl(`${al}Directly calling start instead of using the api object is deprecated in v9 (use ".start" instead), this will be removed in later 0.X.0 versions`);const n=[];return Ka(e,((e,o)=>{if(Za.und(t))n.push(e.start());else{const i=r(t,e,o);i&&n.push(e.start(i))}})),n};t.current=e,t.add=function(t){e.includes(t)||e.push(t)},t.delete=function(t){const r=e.indexOf(t);~r&&e.splice(r,1)},t.pause=function(){return Ka(e,(e=>e.pause(...arguments))),this},t.resume=function(){return Ka(e,(e=>e.resume(...arguments))),this},t.set=function(t){Ka(e,(e=>e.set(t)))},t.start=function(t){const r=[];return Ka(e,((e,n)=>{if(Za.und(t))r.push(e.start());else{const o=this._getProps(t,e,n);o&&r.push(e.start(o))}})),r},t.stop=function(){return Ka(e,(e=>e.stop(...arguments))),this},t.update=function(t){return Ka(e,((e,r)=>e.update(this._getProps(t,e,r)))),this};const r=function(e,t,r){return Za.fun(e)?e(r,t):e};return t._getProps=r,t};function Qc(e,t,r){const n=Za.fun(t)&&t;n&&!r&&(r=[]);const o=u((()=>n||3==arguments.length?qc():void 0),[]),i=a(0),s=hl(),l=u((()=>({ctrls:[],queue:[],flush(e,t){const r=zc(e,t);return i.current>0&&!l.queue.length&&!Object.keys(r).some((t=>!e.springs[t]))?Nc(e,t):new Promise((n=>{Ac(e,r),l.queue.push((()=>{n(Nc(e,t))})),s()}))}})),[]),c=a([...l.ctrls]),h=[],p=ml(e)||0;function f(e,r){for(let o=e;o<r;o++){const e=c.current[o]||(c.current[o]=new Tc(null,l.flush)),r=n?n(o,e):t[o];r&&(h[o]=Oc(r))}}u((()=>{Ka(c.current.slice(e,p),(e=>{ql(e,o),e.stop(!0)})),c.current.length=e,f(p,e)}),[e]),u((()=>{f(0,Math.min(p,e))}),r);const m=c.current.map(((e,t)=>zc(e,h[t]))),g=d(Lc),y=ml(g),b=g!==y&&Wl(g);ul((()=>{i.current++,l.ctrls=c.current;const{queue:e}=l;e.length&&(l.queue=[],Ka(e,(e=>e()))),Ka(c.current,((e,t)=>{null==o||o.add(e),b&&e.start({default:g});const r=h[t];r&&(Ql(e,r.ref),e.ref?e.queue.push(r):e.start(r))}))})),pl((()=>()=>{Ka(l.ctrls,(e=>e.stop(!0)))}));const v=m.map((e=>Tl({},e)));return o?[v,o]:v}function Xc(e,t){const r=Za.fun(e),[[n],o]=Qc(1,r?e:[e],r?t||[]:t);return r||2==arguments.length?[n,o]:n}let Gc;!function(e){e.MOUNT="mount",e.ENTER="enter",e.UPDATE="update",e.LEAVE="leave"}(Gc||(Gc={}));class Yc extends mc{constructor(e,t){super(),this.key=void 0,this.idle=!0,this.calc=void 0,this._active=new Set,this.source=e,this.calc=As(...t);const r=this._get(),n=jl(r);bl(this,n.create(r))}advance(e){const t=this._get();Ja(t,this.get())||(yl(this).setValue(t),this._onChange(t,this.idle)),!this.idle&&Jc(this._active)&&Kc(this)}_get(){const e=Za.arr(this.source)?this.source.map(Ls):ts(Ls(this.source));return this.calc(...e)}_start(){this.idle&&!Jc(this._active)&&(this.idle=!1,Ka(vl(this),(e=>{e.done=!1})),ds.skipAnimation?(Ta.batchedUpdates((()=>this.advance())),Kc(this)):ms.start(this))}_attach(){let e=1;Ka(ts(this.source),(t=>{Hs(t)&&Qs(t,this),pc(t)&&(t.idle||this._active.add(t),e=Math.max(e,t.priority+1))})),this.priority=e,this._start()}_detach(){Ka(ts(this.source),(e=>{Hs(e)&&Xs(e,this)})),this._active.clear(),Kc(this)}eventObserved(e){"change"==e.type?e.idle?this.advance():(this._active.add(e.parent),this._start()):"idle"==e.type?this._active.delete(e.parent):"priority"==e.type&&(this.priority=ts(this.source).reduce(((e,t)=>Math.max(e,(pc(t)?t.priority:0)+1)),0))}}function Zc(e){return!1!==e.idle}function Jc(e){return!e.size||Array.from(e).every(Zc)}function Kc(e){e.idle||(e.idle=!0,Ka(vl(e),(e=>{e.done=!0})),Ws(e,{type:"idle",parent:e}))}function ed(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}ds.assign({createStringInterpolator:il,to:(e,t)=>new Yc(e,t)});const td=["style","children","scrollTop","scrollLeft"],rd=/^--/;function nd(e,t){return null==t||"boolean"==typeof t||""===t?"":"number"!=typeof t||0===t||rd.test(e)||id.hasOwnProperty(e)&&id[e]?(""+t).trim():t+"px"}const od={};let id={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0};const ad=["Webkit","Ms","Moz","O"];id=Object.keys(id).reduce(((e,t)=>(ad.forEach((r=>e[((e,t)=>e+t.charAt(0).toUpperCase()+t.substring(1))(r,t)]=e[t])),e)),id);const sd=["x","y","z"],ld=/^(matrix|translate|scale|rotate|skew)/,cd=/^(translate)/,dd=/^(rotate|skew)/,ud=(e,t)=>Za.num(e)&&0!==e?e+t:e,hd=(e,t)=>Za.arr(e)?e.every((e=>hd(e,t))):Za.num(e)?e===t:parseFloat(e)===t;class pd extends Sl{constructor(e){let{x:t,y:r,z:n}=e,o=ed(e,sd);const i=[],a=[];(t||r||n)&&(i.push([t||0,r||0,n||0]),a.push((e=>[`translate3d(${e.map((e=>ud(e,"px"))).join(",")})`,hd(e,0)]))),es(o,((e,t)=>{if("transform"===t)i.push([e||""]),a.push((e=>[e,""===e]));else if(ld.test(t)){if(delete o[t],Za.und(e))return;const r=cd.test(t)?"px":dd.test(t)?"deg":"";i.push(ts(e)),a.push("rotate3d"===t?([e,t,n,o])=>[`rotate3d(${e},${t},${n},${ud(o,r)})`,hd(o,0)]:e=>[`${t}(${e.map((e=>ud(e,r))).join(",")})`,hd(e,t.startsWith("scale")?1:0)])}})),i.length&&(o.transform=new fd(i,a)),super(o)}}class fd extends Us{constructor(e,t){super(),this._value=null,this.inputs=e,this.transforms=t}get(){return this._value||(this._value=this._get())}_get(){let e="",t=!0;return Ka(this.inputs,((r,n)=>{const o=Ls(r[0]),[i,a]=this.transforms[n](Za.arr(o)?o:r.map(Ls));e+=" "+i,t=t&&a})),t?"none":e}observerAdded(e){1==e&&Ka(this.inputs,(e=>Ka(e,(e=>Hs(e)&&Qs(e,this)))))}observerRemoved(e){0==e&&Ka(this.inputs,(e=>Ka(e,(e=>Hs(e)&&Xs(e,this)))))}eventObserved(e){"change"==e.type&&(this._value=null),Ws(this,e)}}const md=["scrollTop","scrollLeft"];ds.assign({batchedUpdates:x,createStringInterpolator:il,colors:{transparent:0,aliceblue:4042850303,antiquewhite:4209760255,aqua:16777215,aquamarine:2147472639,azure:4043309055,beige:4126530815,bisque:4293182719,black:255,blanchedalmond:4293643775,blue:65535,blueviolet:2318131967,brown:2771004159,burlywood:3736635391,burntsienna:3934150143,cadetblue:1604231423,chartreuse:2147418367,chocolate:3530104575,coral:4286533887,cornflowerblue:1687547391,cornsilk:4294499583,crimson:3692313855,cyan:16777215,darkblue:35839,darkcyan:9145343,darkgoldenrod:3095792639,darkgray:2846468607,darkgreen:6553855,darkgrey:2846468607,darkkhaki:3182914559,darkmagenta:2332068863,darkolivegreen:1433087999,darkorange:4287365375,darkorchid:2570243327,darkred:2332033279,darksalmon:3918953215,darkseagreen:2411499519,darkslateblue:1211993087,darkslategray:793726975,darkslategrey:793726975,darkturquoise:13554175,darkviolet:2483082239,deeppink:4279538687,deepskyblue:12582911,dimgray:1768516095,dimgrey:1768516095,dodgerblue:512819199,firebrick:2988581631,floralwhite:4294635775,forestgreen:579543807,fuchsia:4278255615,gainsboro:3705462015,ghostwhite:4177068031,gold:4292280575,goldenrod:3668254975,gray:2155905279,green:8388863,greenyellow:2919182335,grey:2155905279,honeydew:4043305215,hotpink:4285117695,indianred:3445382399,indigo:1258324735,ivory:4294963455,khaki:4041641215,lavender:3873897215,lavenderblush:4293981695,lawngreen:2096890111,lemonchiffon:4294626815,lightblue:2916673279,lightcoral:4034953471,lightcyan:3774873599,lightgoldenrodyellow:4210742015,lightgray:3553874943,lightgreen:2431553791,lightgrey:3553874943,lightpink:4290167295,lightsalmon:4288707327,lightseagreen:548580095,lightskyblue:2278488831,lightslategray:2005441023,lightslategrey:2005441023,lightsteelblue:2965692159,lightyellow:4294959359,lime:16711935,limegreen:852308735,linen:4210091775,magenta:4278255615,maroon:2147483903,mediumaquamarine:1724754687,mediumblue:52735,mediumorchid:3126187007,mediumpurple:2473647103,mediumseagreen:1018393087,mediumslateblue:2070474495,mediumspringgreen:16423679,mediumturquoise:1221709055,mediumvioletred:3340076543,midnightblue:421097727,mintcream:4127193855,mistyrose:4293190143,moccasin:4293178879,navajowhite:4292783615,navy:33023,oldlace:4260751103,olive:2155872511,olivedrab:1804477439,orange:4289003775,orangered:4282712319,orchid:3664828159,palegoldenrod:4008225535,palegreen:2566625535,paleturquoise:2951671551,palevioletred:3681588223,papayawhip:4293907967,peachpuff:4292524543,peru:3448061951,pink:4290825215,plum:3718307327,powderblue:2967529215,purple:2147516671,rebeccapurple:1714657791,red:4278190335,rosybrown:3163525119,royalblue:1097458175,saddlebrown:2336560127,salmon:4202722047,sandybrown:4104413439,seagreen:780883967,seashell:4294307583,sienna:2689740287,silver:3233857791,skyblue:2278484991,slateblue:1784335871,slategray:1887473919,slategrey:1887473919,snow:4294638335,springgreen:16744447,steelblue:1182971135,tan:3535047935,teal:8421631,thistle:3636451583,tomato:4284696575,turquoise:1088475391,violet:4001558271,wheat:4125012991,white:4294967295,whitesmoke:4126537215,yellow:4294902015,yellowgreen:2597139199}});const gd=((e,{applyAnimatedValues:t=(()=>!1),createAnimatedStyle:r=(e=>new Sl(e)),getComponentProps:n=(e=>e)}={})=>{const o={applyAnimatedValues:t,createAnimatedStyle:r,getComponentProps:n},i=e=>{const t=Il(e)||"Anonymous";return(e=Za.str(e)?i[e]||(i[e]=Cl(e,o)):e[Pl]||(e[Pl]=Cl(e,o))).displayName=`Animated(${t})`,e};return es(e,((t,r)=>{Za.arr(e)&&(r=Il(t)),i[r]=i(t)})),{animated:i}})(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"],{applyAnimatedValues:function(e,t){if(!e.nodeType||!e.setAttribute)return!1;const r="filter"===e.nodeName||e.parentNode&&"filter"===e.parentNode.nodeName,n=t,{style:o,children:i,scrollTop:a,scrollLeft:s}=n,l=ed(n,td),c=Object.values(l),d=Object.keys(l).map((t=>r||e.hasAttribute(t)?t:od[t]||(od[t]=t.replace(/([A-Z])/g,(e=>"-"+e.toLowerCase())))));void 0!==i&&(e.textContent=i);for(let t in o)if(o.hasOwnProperty(t)){const r=nd(t,o[t]);rd.test(t)?e.style.setProperty(t,r):e.style[t]=r}d.forEach(((t,r)=>{e.setAttribute(t,c[r])})),void 0!==a&&(e.scrollTop=a),void 0!==s&&(e.scrollLeft=s)},createAnimatedStyle:e=>new pd(e),getComponentProps:e=>ed(e,md)}),yd=gd.animated,bd=y.div`
|
|
664
664
|
display: inline-block;
|
|
665
665
|
position: relative;
|
|
666
666
|
width: ${e=>e.$size}px;
|
|
@@ -682,7 +682,7 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
682
682
|
border-width: ${e=>e.$borderWidth}px;
|
|
683
683
|
border-style: solid;
|
|
684
684
|
border-radius: 50%;
|
|
685
|
-
border-color: ${e=>e.$color||
|
|
685
|
+
border-color: ${e=>e.$color||Qt.Neutral[8](e)}
|
|
686
686
|
transparent transparent transparent;
|
|
687
687
|
animation: ${vd} 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
|
|
688
688
|
`,xd=y(wd)`
|
|
@@ -711,21 +711,21 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
711
711
|
// BUTTON STYLE + TEXT COLOR
|
|
712
712
|
// -----------------------------------------------------------------------------
|
|
713
713
|
${e=>{switch(e.$buttonStyle){case"secondary":return b`
|
|
714
|
-
background-color: ${
|
|
715
|
-
border: 1px solid ${
|
|
714
|
+
background-color: ${Qt.Neutral[8](e)};
|
|
715
|
+
border: 1px solid ${Qt.Primary(e)};
|
|
716
716
|
|
|
717
717
|
span {
|
|
718
|
-
color: ${
|
|
718
|
+
color: ${Qt.Primary(e)};
|
|
719
719
|
}
|
|
720
720
|
`;case"light":return b`
|
|
721
|
-
background-color: ${
|
|
722
|
-
border: 1px solid ${
|
|
721
|
+
background-color: ${Qt.Neutral[8](e)};
|
|
722
|
+
border: 1px solid ${Qt.Neutral[5](e)};
|
|
723
723
|
|
|
724
724
|
span {
|
|
725
|
-
color: ${
|
|
725
|
+
color: ${Qt.Primary(e)};
|
|
726
726
|
}
|
|
727
727
|
`;case"disabled":return b`
|
|
728
|
-
background-color: ${
|
|
728
|
+
background-color: ${Qt.Neutral[6](e)};
|
|
729
729
|
border: 1px solid transparent;
|
|
730
730
|
cursor: not-allowed;
|
|
731
731
|
|
|
@@ -734,7 +734,7 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
734
734
|
}
|
|
735
735
|
|
|
736
736
|
span {
|
|
737
|
-
color: ${
|
|
737
|
+
color: ${Qt.Neutral[3](e)};
|
|
738
738
|
}
|
|
739
739
|
`;case"link":return b`
|
|
740
740
|
background-color: transparent;
|
|
@@ -745,24 +745,24 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
745
745
|
box-shadow: none;
|
|
746
746
|
}
|
|
747
747
|
|
|
748
|
-
color: ${
|
|
748
|
+
color: ${Qt.Primary};
|
|
749
749
|
:hover,
|
|
750
750
|
:active,
|
|
751
751
|
:focus {
|
|
752
752
|
span {
|
|
753
|
-
color: ${
|
|
753
|
+
color: ${Qt.Secondary};
|
|
754
754
|
}
|
|
755
755
|
}
|
|
756
756
|
`;default:return b`
|
|
757
|
-
background-color: ${
|
|
757
|
+
background-color: ${Qt.Primary(e)};
|
|
758
758
|
border: 1px solid transparent;
|
|
759
759
|
|
|
760
|
-
${
|
|
760
|
+
${Or.mobileL} {
|
|
761
761
|
width: 100%;
|
|
762
762
|
}
|
|
763
763
|
|
|
764
764
|
span {
|
|
765
|
-
color: ${
|
|
765
|
+
color: ${Qt.Neutral[8](e)};
|
|
766
766
|
}
|
|
767
767
|
`}}}
|
|
768
768
|
|
|
@@ -772,25 +772,25 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
772
772
|
${e=>"small"===e.$buttonSizeStyle?b`
|
|
773
773
|
height: 2.5rem;
|
|
774
774
|
span {
|
|
775
|
-
${
|
|
775
|
+
${zr("H5","semibold")}
|
|
776
776
|
}
|
|
777
777
|
|
|
778
|
-
${
|
|
778
|
+
${Or.mobileS} {
|
|
779
779
|
height: auto;
|
|
780
780
|
}
|
|
781
781
|
`:b`
|
|
782
782
|
height: 3rem;
|
|
783
783
|
span {
|
|
784
|
-
${
|
|
784
|
+
${zr("H4","semibold")}
|
|
785
785
|
}
|
|
786
786
|
|
|
787
|
-
${
|
|
787
|
+
${Or.mobileS} {
|
|
788
788
|
height: auto;
|
|
789
789
|
}
|
|
790
790
|
`}
|
|
791
791
|
`,kd=y((({color:r,className:n,size:o=18})=>t(bd,{className:n,$size:o,$color:r,children:[e(wd,{id:"inner1",$size:o-2,$borderWidth:2}),e(xd,{id:"inner2",$size:o-2,$borderWidth:2}),e($d,{id:"inner3",$size:o-2,$borderWidth:2}),e(_d,{id:"inner4",$size:o-2,$borderWidth:2})]})))`
|
|
792
792
|
margin-right: 0.5rem;
|
|
793
|
-
${e=>{let t;switch(e.$buttonStyle){case"secondary":case"light":case"link":t=
|
|
793
|
+
${e=>{let t;switch(e.$buttonStyle){case"secondary":case"light":case"link":t=Qt.Primary(e);break;case"disabled":t=Qt.Neutral[3](e);break;default:t=Qt.Neutral[8](e)}return b`
|
|
794
794
|
#inner1,
|
|
795
795
|
#inner2,
|
|
796
796
|
#inner3,
|
|
@@ -811,22 +811,22 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
811
811
|
position: relative;
|
|
812
812
|
border-radius: 4px;
|
|
813
813
|
transition: all 200ms ease-in-out;
|
|
814
|
-
border: 1px solid ${
|
|
814
|
+
border: 1px solid ${Qt.Accent.Light[2]};
|
|
815
815
|
background: transparent;
|
|
816
816
|
|
|
817
|
-
${e=>{let t,r;return e.selected&&(t=
|
|
817
|
+
${e=>{let t,r;return e.selected&&(t=Qt.Primary(e),r=Qt.Primary(e)),e.disabled&&(t=Qt.Neutral[6](e),r=Qt.Neutral[6](e)),`\n\t\t\tborder: 1px solid ${t};\n\t\t\tbackground: ${r};\n\t\t`}}
|
|
818
818
|
`,jd=y.input`
|
|
819
819
|
position: absolute;
|
|
820
820
|
opacity: 0;
|
|
821
821
|
height: 100%;
|
|
822
822
|
width: 100%;
|
|
823
823
|
cursor: ${e=>e.disabled?"not-allowed":"pointer"};
|
|
824
|
-
`,Ed=y(
|
|
824
|
+
`,Ed=y(Kt)`
|
|
825
825
|
${e=>{let t;if("small"===e.$displaySize)t="1.3rem";else t="1.5rem";return b`
|
|
826
826
|
font-size: ${t};
|
|
827
827
|
`}}
|
|
828
828
|
font-weight: bold;
|
|
829
|
-
color: ${e=>e.disabled?
|
|
829
|
+
color: ${e=>e.disabled?Qt.Neutral[4]:Qt.Neutral[8]};
|
|
830
830
|
`,Cd=y(yd.div)`
|
|
831
831
|
overflow: hidden;
|
|
832
832
|
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
|
|
@@ -848,23 +848,23 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
848
848
|
}
|
|
849
849
|
|
|
850
850
|
::-webkit-scrollbar-thumb {
|
|
851
|
-
background: ${
|
|
852
|
-
border-right: 5px solid ${
|
|
851
|
+
background: ${Qt.Neutral[4]};
|
|
852
|
+
border-right: 5px solid ${Qt.Neutral[8]};
|
|
853
853
|
border-top-right-radius: 4px;
|
|
854
854
|
border-bottom-right-radius: 4px;
|
|
855
855
|
}
|
|
856
856
|
|
|
857
|
-
${
|
|
857
|
+
${Or.mobileL} {
|
|
858
858
|
max-height: 15rem;
|
|
859
859
|
}
|
|
860
860
|
`,Pd=y.li`
|
|
861
861
|
:hover,
|
|
862
862
|
:focus,
|
|
863
863
|
:active {
|
|
864
|
-
background: ${
|
|
864
|
+
background: ${Qt.Accent.Light[5]};
|
|
865
865
|
}
|
|
866
866
|
${e=>{if(e.checked)return b`
|
|
867
|
-
background: ${
|
|
867
|
+
background: ${Qt.Accent.Light[5]};
|
|
868
868
|
`}}
|
|
869
869
|
`,Id=y.button`
|
|
870
870
|
display: flex;
|
|
@@ -885,7 +885,7 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
885
885
|
:visited,
|
|
886
886
|
:focus,
|
|
887
887
|
:active {
|
|
888
|
-
outline-color: ${
|
|
888
|
+
outline-color: ${Qt.Accent.Light[3]};
|
|
889
889
|
}
|
|
890
890
|
|
|
891
891
|
span {
|
|
@@ -897,10 +897,10 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
897
897
|
display: flex;
|
|
898
898
|
justify-content: center;
|
|
899
899
|
align-items: center;
|
|
900
|
-
background: ${
|
|
900
|
+
background: ${Qt.Neutral[8]};
|
|
901
901
|
`;const Td=y.div`
|
|
902
|
-
${
|
|
903
|
-
color: ${
|
|
902
|
+
${zr("Body","regular")}
|
|
903
|
+
color: ${Qt.Neutral[1]};
|
|
904
904
|
text-align: left;
|
|
905
905
|
line-height: 1.375rem;
|
|
906
906
|
overflow: hidden;
|
|
@@ -925,8 +925,8 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
925
925
|
overflow: hidden;
|
|
926
926
|
direction: rtl;
|
|
927
927
|
text-align: right;
|
|
928
|
-
`;y(
|
|
929
|
-
color: ${
|
|
928
|
+
`;y(Br.Hyperlink.Default)`
|
|
929
|
+
color: ${Qt.Neutral[1]} !important;
|
|
930
930
|
padding: 1.25rem 1rem;
|
|
931
931
|
margin-bottom: 0;
|
|
932
932
|
|
|
@@ -934,8 +934,8 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
934
934
|
:visited,
|
|
935
935
|
:focus,
|
|
936
936
|
:active {
|
|
937
|
-
outline-color: ${
|
|
938
|
-
color: ${
|
|
937
|
+
outline-color: ${Qt.Accent.Light[3]};
|
|
938
|
+
color: ${Qt.Neutral[1]};
|
|
939
939
|
}
|
|
940
940
|
`;const Ad=y((({className:r,checked:n,disabled:o,onClick:a,onKeyPress:l,displaySize:c="default",...d})=>{const[u,h]=i(n);s((()=>{h(n)}),[n]);const p=e=>{o||(a&&a(e),l&&l(e))};return t(Od,{selected:u,disabled:o,className:r,"data-testid":"checkbox",onKeyPress:p,tabIndex:o?-1:0,role:"checkbox",$displaySize:c,children:[e(jd,{type:"checkbox","data-testid":"checkbox-input",onClick:p,disabled:o,tabIndex:-1,...d}),u&&e(Ed,{type:"check",id:"checkmark","data-testid":"checkmark",disabled:o,$displaySize:c})]})}))`
|
|
941
941
|
flex: 0 0 1.5rem;
|
|
@@ -946,20 +946,20 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
946
946
|
justify-content: flex-end;
|
|
947
947
|
padding: 1rem 0 0.5rem 0;
|
|
948
948
|
`,Dd=y.button`
|
|
949
|
-
${
|
|
949
|
+
${zr("Body","semibold")}
|
|
950
950
|
background-color: transparent;
|
|
951
951
|
background-repeat: no-repeat;
|
|
952
952
|
border: none;
|
|
953
953
|
cursor: pointer;
|
|
954
954
|
overflow: hidden;
|
|
955
955
|
outline: none;
|
|
956
|
-
${e=>`\n\t\t\tcolor: ${
|
|
956
|
+
${e=>`\n\t\t\tcolor: ${Qt.Primary(e)};\n\t\t`}
|
|
957
957
|
`,Rd=y.div`
|
|
958
958
|
width: 100%;
|
|
959
959
|
display: flex;
|
|
960
960
|
padding: 1rem 0.5rem;
|
|
961
961
|
align-items: center;
|
|
962
|
-
`,Hd=y(
|
|
962
|
+
`,Hd=y(Br.Body)``,Ld=y.div`
|
|
963
963
|
display: flex;
|
|
964
964
|
align-items: center;
|
|
965
965
|
margin-right: 0.625rem;
|
|
@@ -971,15 +971,15 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
971
971
|
}
|
|
972
972
|
|
|
973
973
|
${e=>b`
|
|
974
|
-
color: ${
|
|
974
|
+
color: ${Qt.Validation.Red.Icon(e)};
|
|
975
975
|
`}
|
|
976
976
|
`,Vd=y.li`
|
|
977
|
-
background: ${
|
|
977
|
+
background: ${Qt.Neutral[7]};
|
|
978
978
|
display: flex;
|
|
979
979
|
border-radius: 4px;
|
|
980
980
|
align-items: center;
|
|
981
981
|
`,Wd=y.input`
|
|
982
|
-
${
|
|
982
|
+
${zr("Body","regular")}
|
|
983
983
|
height: 3.5rem;
|
|
984
984
|
border: none;
|
|
985
985
|
background: transparent;
|
|
@@ -993,23 +993,23 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
993
993
|
|
|
994
994
|
::placeholder,
|
|
995
995
|
::-webkit-input-placeholder {
|
|
996
|
-
color: ${
|
|
996
|
+
color: ${Qt.Neutral[3]};
|
|
997
997
|
}
|
|
998
|
-
`,Ud=y(
|
|
998
|
+
`,Ud=y(Kt)`
|
|
999
999
|
height: 1.5rem;
|
|
1000
1000
|
width: 1.5rem;
|
|
1001
1001
|
margin: 0 0.5rem;
|
|
1002
1002
|
|
|
1003
1003
|
#path {
|
|
1004
|
-
fill: ${
|
|
1004
|
+
fill: ${Qt.Neutral[3]};
|
|
1005
1005
|
}
|
|
1006
|
-
`,qd=l(((r,n)=>t(Vd,{children:[e(Ud,{type:"search"}),e(Wd,{ref:n,...r})]},"search"))),Qd=({listItems:r,listExtractor:n,valueExtractor:o,onSelectItem:l,listStyleWidth:c,visible:d,enableSearch:u,searchPlaceholder:h="Search",onSearch:p,searchFunction:f,onDismiss:m,multiSelect:g,selectedItems:y,onSelectAll:b,onRetry:v,itemsLoadState:w="success",itemTruncationType:x="end",...$})=>{const[S
|
|
1006
|
+
`,qd=l(((r,n)=>t(Vd,{children:[e(Ud,{type:"search"}),e(Wd,{ref:n,...r})]},"search"))),Qd=({listItems:r,listExtractor:n,valueExtractor:o,onSelectItem:l,listStyleWidth:c,visible:d,enableSearch:u,searchPlaceholder:h="Search",onSearch:p,searchFunction:f,onDismiss:m,multiSelect:g,selectedItems:y,onSelectAll:b,onRetry:v,itemsLoadState:w="success",itemTruncationType:x="end",...$})=>{const[_,S]=i(0),[k,O]=i(""),[j,E]=i(r),[C,F]=i(0),P=Xc({height:C}),I=a(),T=a(),N=a([]),M=a(),z=a(_),A=a(j),B=e=>{z.current=e,S(e)},D=e=>{A.current=e,E(e)};s((()=>(document.addEventListener("keydown",U),()=>{document.removeEventListener("keydown",U)})),[]),s((()=>{V(k)}),[k]),s((()=>{O(""),d?(F(W()),M&&M.current?(M.current.focus(),B(-1)):N.current[_]&&N.current[_].focus()):F(0)}),[d]),s((()=>{if(d){const e=W();F(e)}}),[j]),s((()=>{D(r),O(""),B(0)}),[r]);const R=e=>n?n(e):e.toString(),H=e=>{const t=n?n(e):e.toString();let r=0;return T&&T.current&&(r=T.current.getBoundingClientRect().width-100),ln.shouldTruncateToTwoLines(t,r)},L=e=>_a(y,e)>-1,V=e=>{if(""===e)D(r);else if(f){const t=f(e);D(t)}else{const t=r.filter((t=>R(t).toLowerCase().includes(e.trim().toLowerCase())));D(t)}},W=()=>T&&T.current?T.current.getBoundingClientRect().height:0,U=e=>{if(I&&I.current.contains(e.target))switch(e.code){case"ArrowDown":if(z.current<A.current.length-1){const e=z.current+1;N.current[e].focus(),B(e)}break;case"ArrowUp":if(z.current>0){const e=z.current-1;N.current[e].focus(),B(z.current-1)}break;case"Escape":m&&m()}},q=(e,t)=>{e.preventDefault(),l&&l(t,(e=>o?o(e):e)(t))},Q=()=>{v&&v()},X=r=>{const o=n?n(r):r.toString();return t(Nd,{"data-testid":"truncate-middle-container",children:[e(Md,{children:o}),t(zd,{children:[" ",o]})]})};return e(Cd,{style:P,"data-testid":d?"dropdown-container":"dropdown-container-hidden",ref:I,children:t(Fd,{ref:T,"data-testid":"dropdown-list",width:c,role:"list",...$,children:[(u||f)&&"success"===w?e(qd,{ref:M,onChange:e=>{const t=e.target.value;O(t),p&&p()},value:k,placeholder:h,"data-testid":"search-input","aria-label":"search-input",tabIndex:d?0:-1}):null,(()=>{if(g&&j.length>0&&!k&&"success"===w)return e(Bd,{children:e(Dd,{onClick:b,children:0===y.length?"Select all":"Unselect all"})},"selectAll")})(),(()=>{if(k&&0===j.length)return t(Rd,{"data-testid":"list-no-results",children:[e(Ld,{"data-testid":"no-result-icon",children:e(Pa,{})}),e(Hd,{children:"No results found."})]},"noResults")})(),(()=>{if(v&&"loading"===w)return t(Rd,{"data-testid":"list-loading",children:[e(kd,{$buttonStyle:"secondary",size:24}),e(Hd,{children:"Loading..."})]},"loading")})(),(()=>{if(v&&"fail"===w)return t(Rd,{"data-testid":"list-fail",children:[e(Ld,{"data-testid":"load-error-icon",children:e(Pa,{})}),e(Hd,{children:"Failed to load."}),e(Dd,{onClick:Q,children:"Try again."})]},"noResults")})(),(()=>{if(!v||v&&"success"===w)return j.map(((r,n)=>e(Pd,{checked:L(r)&&!g,children:t(Id,{onClick:e=>{q(e,r)},ref:e=>N.current[n]=e,"data-testid":"list-item",type:"button",tabIndex:d?0:-1,multiSelect:g,children:[g&&e(Ad,{checked:L(r),displaySize:"small"}),e(Td,{truncateType:x,children:"middle"===x&&H(r)?X(r):R(r)})]})},((e,t)=>`item_${t}__${o?o(e):e}`)(r,n))))})()]})})},Xd=y.div`
|
|
1007
1007
|
position: relative;
|
|
1008
1008
|
min-height: 3rem;
|
|
1009
1009
|
height: 3rem;
|
|
1010
1010
|
width: 100%;
|
|
1011
1011
|
|
|
1012
|
-
${
|
|
1012
|
+
${Or.tablet} {
|
|
1013
1013
|
height: auto;
|
|
1014
1014
|
}
|
|
1015
1015
|
`,Gd=y.button`
|
|
@@ -1042,12 +1042,12 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
1042
1042
|
}
|
|
1043
1043
|
`,Zd=y.div`
|
|
1044
1044
|
position: relative;
|
|
1045
|
-
border: 1px solid ${
|
|
1045
|
+
border: 1px solid ${Qt.Neutral[5]};
|
|
1046
1046
|
border-radius: ${"4px"};
|
|
1047
|
-
background: ${
|
|
1047
|
+
background: ${Qt.Neutral[8]};
|
|
1048
1048
|
|
|
1049
1049
|
:focus-within {
|
|
1050
|
-
border: 1px solid ${
|
|
1050
|
+
border: 1px solid ${Qt.Accent.Light[1]};
|
|
1051
1051
|
box-shadow: inset 0 0 5px 1px rgba(87, 169, 255, 0.5);
|
|
1052
1052
|
}
|
|
1053
1053
|
|
|
@@ -1062,40 +1062,40 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
1062
1062
|
`}
|
|
1063
1063
|
|
|
1064
1064
|
${e=>e.disabled?b`
|
|
1065
|
-
background: ${
|
|
1065
|
+
background: ${Qt.Neutral[6](e)};
|
|
1066
1066
|
|
|
1067
1067
|
${Gd} {
|
|
1068
1068
|
cursor: not-allowed;
|
|
1069
1069
|
}
|
|
1070
1070
|
|
|
1071
1071
|
:focus-within {
|
|
1072
|
-
border: 1px solid ${
|
|
1072
|
+
border: 1px solid ${Qt.Neutral[5](e)};
|
|
1073
1073
|
box-shadow: none;
|
|
1074
1074
|
}
|
|
1075
1075
|
`:e.error?b`
|
|
1076
|
-
border: 1px solid ${
|
|
1076
|
+
border: 1px solid ${Qt.Validation.Red.Border(e)};
|
|
1077
1077
|
|
|
1078
1078
|
:focus-within {
|
|
1079
|
-
border: 1px solid ${
|
|
1079
|
+
border: 1px solid ${Qt.Validation.Red.Border(e)};
|
|
1080
1080
|
box-shadow: inset 0 0 4px 1px rgba(221, 102, 102, 0.8);
|
|
1081
1081
|
}
|
|
1082
1082
|
`:void 0}
|
|
1083
1083
|
`,Jd=y.div`
|
|
1084
1084
|
transform: rotate(${e=>e.expanded?180:0}deg);
|
|
1085
|
-
transition: ${
|
|
1085
|
+
transition: ${Qr};
|
|
1086
1086
|
margin-left: 1rem;
|
|
1087
|
-
`,Kd=y(
|
|
1088
|
-
color: ${
|
|
1089
|
-
font-size: ${
|
|
1087
|
+
`,Kd=y(Kt)`
|
|
1088
|
+
color: ${Qt.Neutral[3]};
|
|
1089
|
+
font-size: ${Ir.Body.fontSize}rem;
|
|
1090
1090
|
font-weight: bold;
|
|
1091
1091
|
`,eu=y.div`
|
|
1092
1092
|
height: 1px;
|
|
1093
|
-
background: ${
|
|
1093
|
+
background: ${Qt.Neutral[5]};
|
|
1094
1094
|
margin: 0 0.5rem;
|
|
1095
1095
|
`,tu=y.div`
|
|
1096
1096
|
display: flex;
|
|
1097
1097
|
flex: 1;
|
|
1098
|
-
`,ru=y(
|
|
1098
|
+
`,ru=y(Br.Body)`
|
|
1099
1099
|
text-align: left;
|
|
1100
1100
|
line-height: 1.375rem;
|
|
1101
1101
|
${e=>{if("middle"!==e.truncateType)return b`
|
|
@@ -1106,14 +1106,14 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
1106
1106
|
`}}
|
|
1107
1107
|
overflow: hidden;
|
|
1108
1108
|
`,nu=y(ru)`
|
|
1109
|
-
color: ${
|
|
1109
|
+
color: ${Qt.Neutral[3]};
|
|
1110
1110
|
`,ou=Xd,iu=y(Zd)``,au=y.div`
|
|
1111
1111
|
position: relative;
|
|
1112
1112
|
display: flex;
|
|
1113
1113
|
height: 3rem;
|
|
1114
1114
|
margin: 0 0.5rem;
|
|
1115
1115
|
${e=>{if(e.$expanded)return b`
|
|
1116
|
-
border-bottom: 1px solid ${
|
|
1116
|
+
border-bottom: 1px solid ${Qt.Neutral[5](e)};
|
|
1117
1117
|
`}}
|
|
1118
1118
|
`,su=y.button`
|
|
1119
1119
|
display: flex;
|
|
@@ -1129,20 +1129,20 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
1129
1129
|
|
|
1130
1130
|
:focus,
|
|
1131
1131
|
:active {
|
|
1132
|
-
outline-color: ${
|
|
1132
|
+
outline-color: ${Qt.Accent.Light[3]};
|
|
1133
1133
|
}
|
|
1134
1134
|
`,lu=y.div`
|
|
1135
1135
|
transform: rotate(${e=>e.$expanded?180:0}deg);
|
|
1136
|
-
transition: ${
|
|
1136
|
+
transition: ${Qr};
|
|
1137
1137
|
margin-left: 1rem;
|
|
1138
|
-
`,cu=y(
|
|
1139
|
-
color: ${
|
|
1140
|
-
font-size: ${
|
|
1138
|
+
`,cu=y(Kt)`
|
|
1139
|
+
color: ${Qt.Neutral[3]};
|
|
1140
|
+
font-size: ${Ir.Body.fontSize}rem;
|
|
1141
1141
|
font-weight: bold;
|
|
1142
1142
|
`,du=y.div`
|
|
1143
1143
|
display: flex;
|
|
1144
1144
|
flex: 1 1 auto;
|
|
1145
|
-
`,uu=y(
|
|
1145
|
+
`,uu=y(Br.Body)`
|
|
1146
1146
|
text-align: left;
|
|
1147
1147
|
line-height: 1.375rem;
|
|
1148
1148
|
display: -webkit-box;
|
|
@@ -1151,60 +1151,60 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
1151
1151
|
overflow: hidden;
|
|
1152
1152
|
text-overflow: ellipsis;
|
|
1153
1153
|
`,hu=y(uu)`
|
|
1154
|
-
color: ${
|
|
1154
|
+
color: ${Qt.Neutral[3]};
|
|
1155
1155
|
`,pu=y.div`
|
|
1156
1156
|
margin: 1rem 1rem 1rem 0;
|
|
1157
1157
|
width: 1px;
|
|
1158
|
-
background: ${
|
|
1159
|
-
`,fu=({addon:n,error:o,...l})=>{const{value:c,placeholder:d,options:u,enableSearch:h,searchFunction:p,searchPlaceholder:f,valueExtractor:m,listExtractor:g,displayValueExtractor:y,onSelectOption:b,onHideOptions:v,onShowOptions:w,"data-selector-testid":x}=n.attributes,[$,_]=i(c),[S,k]=i(!1),O=a(),j=a();s((()=>{_(c)}),[c]),s((()=>(document.addEventListener("mousedown",C),()=>{document.removeEventListener("mousedown",C)})),[]);const E=e=>{!e&&v&&v(),e&&w&&w()},C=e=>{if(!l.disabled){if(O&&O.current.contains(e.target))return;k(!1),E(!1)}},F=e=>{e.preventDefault(),l.disabled||(k(!S),E(!S))},P=(e,t)=>{_(e),k(!1),E(!1),j&&j.current.focus(),b&&b(e,t)};return e(ou,{children:t(iu,{ref:O,disabled:l.disabled,error:o&&!S,expanded:S,children:[t(au,{$expanded:S,children:[e(su,{ref:j,type:"button","data-testid":x||"addon-selector",onClick:F,children:t(r,{children:[t(du,{children:[d&&!$&&e(hu,{children:d}),$&&e(uu,{"data-testid":"selector-label",children:y?y($):m?m($):$.toString()})]}),e(lu,{$expanded:S,children:e(cu,{type:"chevron-down"})})]})}),e(pu,{}),e(On,{...l,"data-testid":l["data-testid"]||"input"})]}),u&&u.length>0?e(Qd,{listItems:u,onSelectItem:P,valueExtractor:m,listExtractor:g,visible:S,enableSearch:h,searchFunction:p,searchPlaceholder:f,"data-testid":"dropdown-list"}):null]})})},mu=o.forwardRef((({addon:r,error:n,...o},i)=>{const a=()=>e(kn,{disabled:o.disabled,$error:n,$readOnly:"readonly"===o.type,"data-testid":o["data-testid"],children:e(On,{ref:i,"data-testid":"input",...o})});if(!r)return a();{const{type:i="label",position:s="left"}=r;switch(i){case"list":{const t=r.attributes;return t.options&&t.options.length>0?e(fu,{addon:r,error:n,...o}):a()}case"custom":{const i=r.attributes;return i.children?t(kn,{$error:n,disabled:o.disabled,$readOnly:"readonly"===o.type,"data-testid":o["data-testid"],$position:s,children:[e(jn,{"data-testid":"addon",disabled:o.disabled,children:i.children}),e(On,{...o,$position:s,"data-testid":"input"})]}):a()}default:{const i=r.attributes;return i.value?t(kn,{disabled:o.disabled,$error:n,$readOnly:"readonly"===o.type,"data-testid":o["data-testid"],$position:s,children:[e(jn,{"data-testid":"addon",disabled:o.disabled,children:i.value}),e(On,{...o,$position:s,"data-testid":"input"})]}):a()}}}})),gu=o.forwardRef(((t,r)=>{const{label:n,errorMessage:o,id:i="form-field-group","data-error-testid":a,"data-testid":s,...l}=t;return e(
|
|
1158
|
+
background: ${Qt.Neutral[5]};
|
|
1159
|
+
`,fu=({addon:n,error:o,...l})=>{const{value:c,placeholder:d,options:u,enableSearch:h,searchFunction:p,searchPlaceholder:f,valueExtractor:m,listExtractor:g,displayValueExtractor:y,onSelectOption:b,onHideOptions:v,onShowOptions:w,"data-selector-testid":x}=n.attributes,[$,_]=i(c),[S,k]=i(!1),O=a(),j=a();s((()=>{_(c)}),[c]),s((()=>(document.addEventListener("mousedown",C),()=>{document.removeEventListener("mousedown",C)})),[]);const E=e=>{!e&&v&&v(),e&&w&&w()},C=e=>{if(!l.disabled){if(O&&O.current.contains(e.target))return;k(!1),E(!1)}},F=e=>{e.preventDefault(),l.disabled||(k(!S),E(!S))},P=(e,t)=>{_(e),k(!1),E(!1),j&&j.current.focus(),b&&b(e,t)};return e(ou,{children:t(iu,{ref:O,disabled:l.disabled,error:o&&!S,expanded:S,children:[t(au,{$expanded:S,children:[e(su,{ref:j,type:"button","data-testid":x||"addon-selector",onClick:F,children:t(r,{children:[t(du,{children:[d&&!$&&e(hu,{children:d}),$&&e(uu,{"data-testid":"selector-label",children:y?y($):m?m($):$.toString()})]}),e(lu,{$expanded:S,children:e(cu,{type:"chevron-down"})})]})}),e(pu,{}),e(On,{...l,"data-testid":l["data-testid"]||"input"})]}),u&&u.length>0?e(Qd,{listItems:u,onSelectItem:P,valueExtractor:m,listExtractor:g,visible:S,enableSearch:h,searchFunction:p,searchPlaceholder:f,"data-testid":"dropdown-list"}):null]})})},mu=o.forwardRef((({addon:r,error:n,...o},i)=>{const a=()=>e(kn,{disabled:o.disabled,$error:n,$readOnly:"readonly"===o.type,"data-testid":o["data-testid"],children:e(On,{ref:i,"data-testid":"input",...o})});if(!r)return a();{const{type:i="label",position:s="left"}=r;switch(i){case"list":{const t=r.attributes;return t.options&&t.options.length>0?e(fu,{addon:r,error:n,...o}):a()}case"custom":{const i=r.attributes;return i.children?t(kn,{$error:n,disabled:o.disabled,$readOnly:"readonly"===o.type,"data-testid":o["data-testid"],$position:s,children:[e(jn,{"data-testid":"addon",disabled:o.disabled,children:i.children}),e(On,{...o,$position:s,"data-testid":"input"})]}):a()}default:{const i=r.attributes;return i.value?t(kn,{disabled:o.disabled,$error:n,$readOnly:"readonly"===o.type,"data-testid":o["data-testid"],$position:s,children:[e(jn,{"data-testid":"addon",disabled:o.disabled,children:i.value}),e(On,{...o,$position:s,"data-testid":"input"})]}):a()}}}})),gu=o.forwardRef(((t,r)=>{const{label:n,errorMessage:o,id:i="form-field-group","data-error-testid":a,"data-testid":s,...l}=t;return e(sn,{id:i,label:n,errorMessage:o,disabled:l.disabled,"data-error-testid":a,children:e(mu,{ref:r,id:`${i}-base`,"data-testid":s||i,error:!!o,...l})})})),yu=({children:t,show:r,error:n,disabled:o,testId:i,onBlur:l})=>{const c=a(),d=a(r);s((()=>(document.addEventListener("mousedown",u),()=>{document.removeEventListener("mousedown",u)})),[]),s((()=>{d.current=r}),[r]);const u=e=>{if(!o){if(c&&c.current.contains(e.target))return;d.current&&l()}};return e(Xd,{children:e(Zd,{ref:c,error:n&&!r,disabled:o,expanded:r,"data-testid":i,children:t})})},bu=({selectedOptions:n,placeholder:o="Select",options:l,disabled:c,error:d,"data-testid":u,enableSearch:h=!1,searchFunction:p,searchPlaceholder:f,valueExtractor:m,listExtractor:g,onSelectOptions:y,listStyleWidth:b,onShowOptions:v,onHideOptions:w,onRetry:x,optionsLoadState:$="success",optionTruncationType:_="end",...S})=>{const[k,O]=i(n||[]),[j,E]=i(!1),C=a();s((()=>{O(n||[])}),[n]);const F=(e,t)=>{const r=[...k],n=_a(k,(e=>(m?m(e):e)===t));n>-1?r.splice(n,1):r.push(e),O(r),T(!1),C&&C.current.focus(),y&&y(r)},P=()=>{j&&(E(!1),T(!1)),C&&C.current.focus()},I=()=>{k&&k.length>0?(O([]),y([])):(O(l),y(l))},T=e=>{!e&&w&&w(),e&&v&&v()};return t(yu,{show:j,error:d&&!j,disabled:c,testId:u,onBlur:()=>{E(!1),T(!1)},children:[e(Gd,{ref:C,type:"button","data-testid":"selector",onClick:e=>{e.preventDefault(),c||(E(!j),T(!j))},...S,children:t(r,{children:[e(tu,{children:k&&0!==k.length?e(ru,{children:k&&0!=k.length?`${k.length} selected`:o}):e(nu,{truncateType:_,children:o})}),e(Jd,{expanded:j,children:e(Kd,{type:"chevron-down"})})]})}),j&&e(eu,{}),l&&l.length>0||x?e(Qd,{listItems:l,onSelectItem:F,onDismiss:P,valueExtractor:m,listExtractor:g,listStyleWidth:b,visible:j,enableSearch:h,searchFunction:p,searchPlaceholder:f,"data-testid":"dropdown-list",multiSelect:!0,selectedItems:k,onSelectAll:I,onRetry:x,itemsLoadState:$,itemTruncationType:_}):null]})},vu=({selectedOption:n,placeholder:o="Select",options:l,disabled:c,error:d,"data-testid":u,id:h,enableSearch:p=!1,searchFunction:f,searchPlaceholder:m,valueExtractor:g,valueToStringFunction:y,listExtractor:b,displayValueExtractor:v,onSelectOption:w,listStyleWidth:x,onShowOptions:$,onHideOptions:_,onRetry:S,optionsLoadState:k="success",optionTruncationType:O="end",...j})=>{const[E,C]=i(n),[F,P]=i(!1),I=a(),T=a();s((()=>{C(n)}),[n]);const N=(e,t)=>{C(e),P(!1),A(!1),I&&I.current.focus(),w&&w(e,t)},M=()=>{F&&(P(!1),A(!1)),I&&I.current.focus()},z=e=>{if("middle"===O){let t=0;return T&&T.current&&(t=T.current.getBoundingClientRect().width),ln.truncateOneLine((e=>"string"==typeof e?e:y(e)||e.toString())(e),t,120,8)}return e},A=e=>{!e&&_&&_(),e&&$&&$()};return t(yu,{show:F,error:d&&!F,disabled:c,testId:u,onBlur:()=>{P(!1),A(!1)},children:[e(Gd,{ref:I,type:"button","data-testid":h||"selector",onClick:e=>{e.preventDefault(),c||(P(!F),A(!F))},...j,children:t(r,{children:[e(tu,{ref:T,children:E?e(ru,{truncateType:O,children:z(v?v(E):g?g(E):E.toString())}):e(nu,{truncateType:O,children:o})}),e(Jd,{expanded:F,children:e(Kd,{type:"chevron-down"})})]})}),F&&e(eu,{}),l&&l.length>0?e(Qd,{listItems:l,onSelectItem:N,onDismiss:M,valueExtractor:g,listExtractor:b,listStyleWidth:x,visible:F,enableSearch:p,searchPlaceholder:m,searchFunction:f,"data-testid":"dropdown-list",selectedItems:E?[E]:[],onRetry:S,itemsLoadState:k,itemTruncationType:O}):null]})},wu=y(Br.H6)`
|
|
1160
1160
|
text-align: right;
|
|
1161
1161
|
|
|
1162
1162
|
${e=>{if(e.disabled)return b`
|
|
1163
|
-
color: ${
|
|
1163
|
+
color: ${Qt.Neutral[4](e)};
|
|
1164
1164
|
`}}
|
|
1165
1165
|
`,xu=({value:t,maxLength:r,disabled:n})=>{const[o,a]=i("");s((()=>{a(l(`${t||""}`))}),[t,r]);const l=e=>{const t=r-e.toString().length;return t<=1?`${t} character left`:`${t.toLocaleString()} characters left`};return e(wu,{"data-testid":"counter-label",weight:"semibold",disabled:n,children:o})},$u=y.div`
|
|
1166
1166
|
display: flex;
|
|
1167
1167
|
flex-direction: column;
|
|
1168
1168
|
`,_u=y.textarea`
|
|
1169
|
-
border: 1px solid ${
|
|
1169
|
+
border: 1px solid ${Qt.Neutral[5]};
|
|
1170
1170
|
border-radius: 4px;
|
|
1171
1171
|
display: block;
|
|
1172
1172
|
padding: 0.75rem 1rem;
|
|
1173
1173
|
width: 100%;
|
|
1174
|
-
transition: ${
|
|
1174
|
+
transition: ${Qr};
|
|
1175
1175
|
|
|
1176
|
-
${
|
|
1177
|
-
color: ${
|
|
1178
|
-
background: ${
|
|
1176
|
+
${zr("Body","regular")}
|
|
1177
|
+
color: ${Qt.Neutral[1]};
|
|
1178
|
+
background: ${Qt.Neutral[8]};
|
|
1179
1179
|
|
|
1180
1180
|
:focus,
|
|
1181
1181
|
:active {
|
|
1182
1182
|
outline: none;
|
|
1183
|
-
border: 1px solid ${
|
|
1183
|
+
border: 1px solid ${Qt.Accent.Light[1]};
|
|
1184
1184
|
box-shadow: inset 0 0 5px 1px rgba(87, 169, 255, 0.5);
|
|
1185
1185
|
}
|
|
1186
1186
|
|
|
1187
1187
|
::placeholder,
|
|
1188
1188
|
::-webkit-input-placeholder {
|
|
1189
|
-
color: ${
|
|
1189
|
+
color: ${Qt.Neutral[34]};
|
|
1190
1190
|
}
|
|
1191
1191
|
|
|
1192
1192
|
${e=>e.disabled?b`
|
|
1193
|
-
background: ${
|
|
1193
|
+
background: ${Qt.Neutral[6](e)};
|
|
1194
1194
|
cursor: not-allowed;
|
|
1195
1195
|
|
|
1196
1196
|
:focus,
|
|
1197
1197
|
:active {
|
|
1198
1198
|
outline: none;
|
|
1199
|
-
border: 1px solid ${
|
|
1199
|
+
border: 1px solid ${Qt.Neutral[5](e)};
|
|
1200
1200
|
box-shadow: none;
|
|
1201
1201
|
}
|
|
1202
1202
|
`:e.error?b`
|
|
1203
|
-
border: 1px solid ${
|
|
1203
|
+
border: 1px solid ${Qt.Validation.Red.Border(e)};
|
|
1204
1204
|
|
|
1205
1205
|
:focus,
|
|
1206
1206
|
:active {
|
|
1207
|
-
border: 1px solid ${
|
|
1207
|
+
border: 1px solid ${Qt.Validation.Red.Border(e)};
|
|
1208
1208
|
box-shadow: inset 0 0 4px 1px rgba(221, 102, 102, 0.8);
|
|
1209
1209
|
}
|
|
1210
1210
|
`:void 0}
|
|
@@ -1216,9 +1216,9 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
1216
1216
|
display: flex;
|
|
1217
1217
|
flex: 1;
|
|
1218
1218
|
margin-right: 0.75rem;
|
|
1219
|
-
`,ju=y(
|
|
1219
|
+
`,ju=y(nn)`
|
|
1220
1220
|
margin-top: 0;
|
|
1221
|
-
`,Eu=o.forwardRef(((r,n)=>{const{label:o,value:a,errorMessage:l,id:c="form-textarea","data-error-testid":d,"data-testid":u,onChange:h,...p}=r,[f,m]=i(a);s((()=>{m(a)}),[a]);return t(
|
|
1221
|
+
`,Eu=o.forwardRef(((r,n)=>{const{label:o,value:a,errorMessage:l,id:c="form-textarea","data-error-testid":d,"data-testid":u,onChange:h,...p}=r,[f,m]=i(a);s((()=>{m(a)}),[a]);return t(sn,{id:c,label:o,disabled:p.disabled,children:[e(Su,{id:`${c}-base`,"data-testid":u||c,value:f,error:!!l,onChange:e=>{const t=e.target.value;p.maxLength&&t.length>p.maxLength||(m(t),e.target.value=t,h&&h(e))},ref:n,...p}),t(ku,{children:[l&&e(Ou,{children:e(ju,{weight:"semibold","data-testid":d||(c?`${c}-error-message`:"error-message"),children:l})}),p.maxLength&&e(xu,{disabled:p.disabled,value:f,maxLength:p.maxLength})]})]})}));var Cu;!function(e){e.getTimeValues=(e,t)=>{const r={hour:"",minute:"",period:"am"};if(!t)return r;try{if("24hr"===e){const n=Iu(t,e);r.minute=ln.padValue(n.minute);const o=parseInt(n.hour);0===Math.floor(o/12)?(r.period="am",r.hour=0===o?"12":ln.padValue(o.toString())):(r.period="pm",r.hour=12===o?o.toString():ln.padValue((o-12).toString()))}else{const n=Iu(t,e);r.hour=ln.padValue(n.hour),r.minute=ln.padValue(n.minute),r.period="am"===n.period.toLowerCase()?"am":"pm"}return r}catch(e){return r}},e.updateMinutes=(e,t)=>{const r=parseInt(e);if(isNaN(r))return"add"===t?ln.padValue("0"):"55";const n=Math.floor(r/5),o=(("add"===t?n+1:r%5==0?n-1:n)%12+12)%12;return ln.padValue((5*o).toString())},e.updateHours=(e,t)=>{const r=parseInt(e);if(isNaN(r))return"add"===t?ln.padValue("1"):"12";const n="add"===t?r+1:r-1;return n<=12&&n>0?ln.padValue(n.toString()):13===n?ln.padValue("1"):"12"},e.convertTo24HourFormat=e=>{const t=parseInt(e.hour);let r;return r="pm"===e.period?12===t?t.toString():(t+12).toString():12===t?"00":e.hour,`${r}:${e.minute}`},e.convertHourTo12HourFormat=e=>{const t=parseInt(e),r=t%12==0?12..toString():(t%12).toString();return ln.padValue(r)},e.formatValue=(e,t)=>{try{const r=Iu(e,t),n=ln.padValue(r.hour);let o=`${n}:${ln.padValue(r.minute)}`;return"12hr"===t?(o+=r.period.toLowerCase(),o):o}catch(e){return""}}}(Cu||(Cu={}));const Fu=(e,t)=>{const r=parseInt(e);return"24hr"===t?r>=0&&r<=23:r>=1&&r<=12},Pu=e=>{const t=parseInt(e);return t>=0&&t<=59},Iu=(e,t)=>{const r=e.split(":"),n=new Error("Invalid format");if("12hr"===t){if(2!==r.length||4!==r[1].length)throw n;const e=r[1].substring(0,2),i=r[1].substring(2);if(!Fu(r[0],t)||!Pu(e)||"am"!==(o=i).toLowerCase()&&"pm"!==o.toLowerCase())throw n;return{hour:r[0],minute:e,period:r[1].substring(2)}}if(2!==r.length)throw n;if(!Fu(r[0],t)||!Pu(r[1]))throw n;return{hour:r[0],minute:r[1]};var o};var Tu=function(e,t){return Tu=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},Tu(e,t)};var Nu=function(){return Nu=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},Nu.apply(this,arguments)};var Mu="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var zu=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},Au="object"==typeof Mu&&Mu&&Mu.Object===Object&&Mu,Bu="object"==typeof self&&self&&self.Object===Object&&self,Du=Au||Bu||Function("return this")(),Ru=Du,Hu=function(){return Ru.Date.now()},Lu=/\s/;var Vu=function(e){for(var t=e.length;t--&&Lu.test(e.charAt(t)););return t},Wu=/^\s+/;var Uu=function(e){return e?e.slice(0,Vu(e)+1).replace(Wu,""):e},qu=Du.Symbol,Qu=qu,Xu=Object.prototype,Gu=Xu.hasOwnProperty,Yu=Xu.toString,Zu=Qu?Qu.toStringTag:void 0;var Ju=function(e){var t=Gu.call(e,Zu),r=e[Zu];try{e[Zu]=void 0;var n=!0}catch(e){}var o=Yu.call(e);return n&&(t?e[Zu]=r:delete e[Zu]),o},Ku=Object.prototype.toString;var eh=Ju,th=function(e){return Ku.call(e)},rh=qu?qu.toStringTag:void 0;var nh=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":rh&&rh in Object(e)?eh(e):th(e)},oh=function(e){return null!=e&&"object"==typeof e};var ih=Uu,ah=zu,sh=function(e){return"symbol"==typeof e||oh(e)&&"[object Symbol]"==nh(e)},lh=/^[-+]0x[0-9a-f]+$/i,ch=/^0b[01]+$/i,dh=/^0o[0-7]+$/i,uh=parseInt;var hh=zu,ph=Hu,fh=function(e){if("number"==typeof e)return e;if(sh(e))return NaN;if(ah(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=ah(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=ih(e);var r=ch.test(e);return r||dh.test(e)?uh(e.slice(2),r?2:8):lh.test(e)?NaN:+e},mh=Math.max,gh=Math.min;var yh=function(e,t,r){var n,o,i,a,s,l,c=0,d=!1,u=!1,h=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function p(t){var r=n,i=o;return n=o=void 0,c=t,a=e.apply(i,r)}function f(e){return c=e,s=setTimeout(g,t),d?p(e):a}function m(e){var r=e-l;return void 0===l||r>=t||r<0||u&&e-c>=i}function g(){var e=ph();if(m(e))return y(e);s=setTimeout(g,function(e){var r=t-(e-l);return u?gh(r,i-(e-c)):r}(e))}function y(e){return s=void 0,h&&n?p(e):(n=o=void 0,a)}function b(){var e=ph(),r=m(e);if(n=arguments,o=this,l=e,r){if(void 0===s)return f(l);if(u)return clearTimeout(s),s=setTimeout(g,t),p(l)}return void 0===s&&(s=setTimeout(g,t)),a}return t=fh(t)||0,hh(r)&&(d=!!r.leading,i=(u="maxWait"in r)?mh(fh(r.maxWait)||0,t):i,h="trailing"in r?!!r.trailing:h),b.cancel=function(){void 0!==s&&clearTimeout(s),c=0,n=l=o=s=void 0},b.flush=function(){return void 0===s?a:y(ph())},b},bh=yh,vh=zu;var wh=function(e,t,r){var n=!0,o=!0;if("function"!=typeof e)throw new TypeError("Expected a function");return vh(r)&&(n="leading"in r?!!r.leading:n,o="trailing"in r?!!r.trailing:o),bh(e,t,{leading:n,maxWait:t,trailing:o})},xh=function(e,t,r,n){switch(t){case"debounce":return yh(e,r,n);case"throttle":return wh(e,r,n);default:return e}},$h=function(e){return"function"==typeof e},_h=function(){return"undefined"==typeof window},Sh=function(e){return e instanceof Element||e instanceof HTMLDocument},kh=function(e,t,r,n){return function(o){var i=o.width,a=o.height;t((function(t){return t.width===i&&t.height===a||t.width===i&&!n||t.height===a&&!r?t:(e&&$h(e)&&e(i,a),{width:i,height:a})}))}};!function(e){function t(t){var r=e.call(this,t)||this;r.cancelHandler=function(){r.resizeHandler&&r.resizeHandler.cancel&&(r.resizeHandler.cancel(),r.resizeHandler=null)},r.attachObserver=function(){var e=r.props,t=e.targetRef,n=e.observerOptions;if(!_h()){t&&t.current&&(r.targetRef.current=t.current);var o=r.getElement();o&&(r.observableElement&&r.observableElement===o||(r.observableElement=o,r.resizeObserver.observe(o,n)))}},r.getElement=function(){var e=r.props,t=e.querySelector,n=e.targetDomEl;if(_h())return null;if(t)return document.querySelector(t);if(n&&Sh(n))return n;if(r.targetRef&&Sh(r.targetRef.current))return r.targetRef.current;var o=$(r);if(!o)return null;switch(r.getRenderType()){case"renderProp":case"childFunction":case"child":case"childArray":return o;default:return o.parentElement}},r.createResizeHandler=function(e){var t=r.props,n=t.handleWidth,o=void 0===n||n,i=t.handleHeight,a=void 0===i||i,s=t.onResize;if(o||a){var l=kh(s,r.setState.bind(r),o,a);e.forEach((function(e){var t=e&&e.contentRect||{},n=t.width,o=t.height;!r.skipOnMount&&!_h()&&l({width:n,height:o}),r.skipOnMount=!1}))}},r.getRenderType=function(){var e=r.props,t=e.render,n=e.children;return $h(t)?"renderProp":$h(n)?"childFunction":p(n)?"child":Array.isArray(n)?"childArray":"parent"};var n=t.skipOnMount,o=t.refreshMode,i=t.refreshRate,a=void 0===i?1e3:i,s=t.refreshOptions;return r.state={width:void 0,height:void 0},r.skipOnMount=n,r.targetRef=f(),r.observableElement=null,_h()||(r.resizeHandler=xh(r.createResizeHandler,o,a,s),r.resizeObserver=new window.ResizeObserver(r.resizeHandler)),r}(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}Tu(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(t,e),t.prototype.componentDidMount=function(){this.attachObserver()},t.prototype.componentDidUpdate=function(){this.attachObserver()},t.prototype.componentWillUnmount=function(){_h()||(this.observableElement=null,this.resizeObserver.disconnect(),this.cancelHandler())},t.prototype.render=function(){var e,t=this.props,r=t.render,o=t.children,i=t.nodeType,a=void 0===i?"div":i,s=this.state,l={width:s.width,height:s.height,targetRef:this.targetRef};switch(this.getRenderType()){case"renderProp":return r&&r(l);case"childFunction":return(e=o)(l);case"child":if((e=o).type&&"string"==typeof e.type){var c=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(l,["targetRef"]);return h(e,c)}return h(e,l);case"childArray":return(e=o).map((function(e){return!!e&&h(e,l)}));default:return n.createElement(a,null)}}}(m);var Oh=_h()?s:g;const jh={Default:o.forwardRef(((r,n)=>{const{children:o,disabled:i=!1,loading:a=!1,styleType:s="default",...l}=r,c={$buttonStyle:i?"disabled":s,$buttonSizeStyle:"default"};return t(Sd,{ref:n,"data-testid":l["data-testid"]||"button",disabled:i,...c,...l,children:[a&&e(kd,{...c}),e("span",{children:o})]})})),Small:o.forwardRef(((r,n)=>{const{children:o,disabled:i=!1,loading:a=!1,styleType:s="default",...l}=r,c={$buttonStyle:i?"disabled":s,$buttonSizeStyle:"small"};return t(Sd,{ref:n,"data-testid":l["data-testid"]||"button",disabled:i,...c,...l,children:[a&&e(kd,{...c,size:16}),e("span",{children:o})]})}))},Eh=y.div`
|
|
1222
1222
|
position: relative;
|
|
1223
1223
|
display: inline-flex;
|
|
1224
1224
|
align-items: center;
|
|
@@ -1227,8 +1227,8 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
1227
1227
|
height: 3rem;
|
|
1228
1228
|
min-width: 5rem;
|
|
1229
1229
|
border-radius: 4px;
|
|
1230
|
-
border: 1px solid ${
|
|
1231
|
-
background: ${
|
|
1230
|
+
border: 1px solid ${Qt.Primary};
|
|
1231
|
+
background: ${Qt.Neutral[8]};
|
|
1232
1232
|
cursor: pointer;
|
|
1233
1233
|
|
|
1234
1234
|
:hover {
|
|
@@ -1236,26 +1236,26 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
1236
1236
|
}
|
|
1237
1237
|
|
|
1238
1238
|
${e=>e.disabled&&!e.$selected?b`
|
|
1239
|
-
background: ${
|
|
1240
|
-
border: 1px solid ${
|
|
1239
|
+
background: ${Qt.Neutral[6](e)};
|
|
1240
|
+
border: 1px solid ${Qt.Neutral[6](e)};
|
|
1241
1241
|
cursor: not-allowed;
|
|
1242
1242
|
|
|
1243
1243
|
:hover {
|
|
1244
1244
|
box-shadow: none;
|
|
1245
1245
|
}
|
|
1246
1246
|
`:e.disabled&&e.$selected?b`
|
|
1247
|
-
background: ${
|
|
1248
|
-
border: 1px solid ${
|
|
1247
|
+
background: ${Qt.Neutral[6](e)};
|
|
1248
|
+
border: 1px solid ${Qt.Neutral[4](e)};
|
|
1249
1249
|
cursor: not-allowed;
|
|
1250
1250
|
|
|
1251
1251
|
:hover {
|
|
1252
1252
|
box-shadow: none;
|
|
1253
1253
|
}
|
|
1254
1254
|
`:e.$selected?b`
|
|
1255
|
-
background: ${
|
|
1255
|
+
background: ${Qt.Accent.Light[5](e)};
|
|
1256
1256
|
padding: 0.6875rem 0.912rem; // Bold font takes bigger width
|
|
1257
1257
|
`:0==e.$selected?b`
|
|
1258
|
-
border: 1px solid ${
|
|
1258
|
+
border: 1px solid ${Qt.Neutral[5](e)};
|
|
1259
1259
|
`:void 0}
|
|
1260
1260
|
`,Ch=y.input`
|
|
1261
1261
|
position: absolute;
|
|
@@ -1268,15 +1268,15 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
1268
1268
|
background: transparent;
|
|
1269
1269
|
`,Fh=y.span`
|
|
1270
1270
|
${e=>b`
|
|
1271
|
-
${
|
|
1271
|
+
${zr("H4",e.$weight)}
|
|
1272
1272
|
`}
|
|
1273
|
-
color: ${
|
|
1273
|
+
color: ${Qt.Neutral[1]};
|
|
1274
1274
|
text-align: center;
|
|
1275
1275
|
|
|
1276
1276
|
${e=>e.disabled?b`
|
|
1277
|
-
color: ${
|
|
1277
|
+
color: ${Qt.Neutral[3](e)};
|
|
1278
1278
|
`:e.$selected?b`
|
|
1279
|
-
color: ${
|
|
1279
|
+
color: ${Qt.Primary(e)};
|
|
1280
1280
|
`:void 0}
|
|
1281
1281
|
`,Ph=y(yd.div)`
|
|
1282
1282
|
position: absolute;
|
|
@@ -1284,12 +1284,12 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
1284
1284
|
left: 0;
|
|
1285
1285
|
width: 27rem;
|
|
1286
1286
|
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
|
|
1287
|
-
background: ${
|
|
1287
|
+
background: ${Qt.Neutral[8]};
|
|
1288
1288
|
border-radius: ${"4px"};
|
|
1289
1289
|
overflow: hidden;
|
|
1290
1290
|
z-index: 1;
|
|
1291
1291
|
|
|
1292
|
-
${
|
|
1292
|
+
${Or.tablet} {
|
|
1293
1293
|
width: 100%;
|
|
1294
1294
|
}
|
|
1295
1295
|
`,Ih=y.div`
|
|
@@ -1303,7 +1303,7 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
1303
1303
|
align-items: center;
|
|
1304
1304
|
justify-content: space-between;
|
|
1305
1305
|
|
|
1306
|
-
${
|
|
1306
|
+
${Or.mobileS} {
|
|
1307
1307
|
flex-direction: column;
|
|
1308
1308
|
}
|
|
1309
1309
|
`,Nh=y.div`
|
|
@@ -1311,8 +1311,8 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
1311
1311
|
justify-content: flex-end;
|
|
1312
1312
|
margin-top: 1rem;
|
|
1313
1313
|
|
|
1314
|
-
${
|
|
1315
|
-
border-top: 1px solid ${
|
|
1314
|
+
${Or.mobileS} {
|
|
1315
|
+
border-top: 1px solid ${Qt.Neutral[5]};
|
|
1316
1316
|
margin-top: 2rem;
|
|
1317
1317
|
padding-top: 1.5rem;
|
|
1318
1318
|
}
|
|
@@ -1321,17 +1321,17 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
1321
1321
|
align-items: center;
|
|
1322
1322
|
margin-right: 2rem;
|
|
1323
1323
|
|
|
1324
|
-
${
|
|
1324
|
+
${Or.mobileM} {
|
|
1325
1325
|
margin-right: 0;
|
|
1326
1326
|
}
|
|
1327
1327
|
`,zh=y.div`
|
|
1328
1328
|
display: flex;
|
|
1329
1329
|
|
|
1330
|
-
${
|
|
1330
|
+
${Or.tablet} {
|
|
1331
1331
|
flex-direction: column;
|
|
1332
1332
|
}
|
|
1333
1333
|
|
|
1334
|
-
${
|
|
1334
|
+
${Or.mobileS} {
|
|
1335
1335
|
flex-direction: row;
|
|
1336
1336
|
width: 100%;
|
|
1337
1337
|
}
|
|
@@ -1339,33 +1339,33 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
1339
1339
|
display: flex;
|
|
1340
1340
|
flex-direction: column;
|
|
1341
1341
|
align-items: center;
|
|
1342
|
-
`,Bh=y(
|
|
1342
|
+
`,Bh=y(Vr)`
|
|
1343
1343
|
width: 5rem;
|
|
1344
1344
|
padding: 1rem 0;
|
|
1345
|
-
`,Dh=y(
|
|
1345
|
+
`,Dh=y(Br.Body)`
|
|
1346
1346
|
margin: 0 0.75rem;
|
|
1347
1347
|
|
|
1348
|
-
${
|
|
1348
|
+
${Or.tablet} {
|
|
1349
1349
|
margin: 0 0.5rem;
|
|
1350
1350
|
}
|
|
1351
1351
|
|
|
1352
|
-
${
|
|
1352
|
+
${Or.mobileS} {
|
|
1353
1353
|
margin: 0 0.75rem;
|
|
1354
1354
|
}
|
|
1355
1355
|
`,Rh=y.input`
|
|
1356
|
-
${
|
|
1356
|
+
${zr("Body","regular")}
|
|
1357
1357
|
border-radius: ${"4px"};
|
|
1358
1358
|
height: 3rem;
|
|
1359
1359
|
width: 5rem;
|
|
1360
1360
|
text-align: center;
|
|
1361
|
-
border: 1px solid ${
|
|
1362
|
-
background: ${
|
|
1363
|
-
color: ${
|
|
1361
|
+
border: 1px solid ${Qt.Neutral[5]};
|
|
1362
|
+
background: ${Qt.Neutral[8]};
|
|
1363
|
+
color: ${Qt.Neutral[1]};
|
|
1364
1364
|
|
|
1365
1365
|
:focus,
|
|
1366
1366
|
:active {
|
|
1367
1367
|
outline: none;
|
|
1368
|
-
border: 1px solid ${
|
|
1368
|
+
border: 1px solid ${Qt.Accent.Light[1]};
|
|
1369
1369
|
box-shadow: inset 0 0 5px 1px rgba(87, 169, 255, 0.5);
|
|
1370
1370
|
}
|
|
1371
1371
|
|
|
@@ -1386,7 +1386,7 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
1386
1386
|
// Firefox
|
|
1387
1387
|
--moz-appearance: textfield;
|
|
1388
1388
|
|
|
1389
|
-
${
|
|
1389
|
+
${Or.mobileS} {
|
|
1390
1390
|
width: 6rem;
|
|
1391
1391
|
}
|
|
1392
1392
|
`,Hh=y((({disabled:r,checked:n,onChange:o,type:l="checkbox",children:d,className:u,...h})=>{const[p,f]=i(n),m=a();s((()=>{f(n)}),[n]);const g=c((e=>{r||("radio"!==l||p||f(!0),"checkbox"===l&&f((e=>!e)),o&&o(e))}),[]);return t(Eh,{$selected:p,disabled:r,role:"checkbox","aria-checked":p,className:u,children:[e(Ch,{ref:m,type:"checkbox","data-testid":"toggle-button-input",disabled:r,onChange:g,checked:p,...h}),e(Fh,{$weight:p?"bold":"regular",$selected:p,disabled:r,"data-testid":"toggle-button-label",children:d})]})}))`
|
|
@@ -1394,14 +1394,14 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
1394
1394
|
margin-right: 0.5rem;
|
|
1395
1395
|
}
|
|
1396
1396
|
|
|
1397
|
-
${
|
|
1397
|
+
${Or.tablet} {
|
|
1398
1398
|
:not(:last-of-type) {
|
|
1399
1399
|
margin-right: 0;
|
|
1400
1400
|
margin-bottom: 0.5rem;
|
|
1401
1401
|
}
|
|
1402
1402
|
}
|
|
1403
1403
|
|
|
1404
|
-
${
|
|
1404
|
+
${Or.mobileS} {
|
|
1405
1405
|
width: 50%;
|
|
1406
1406
|
:not(:last-of-type) {
|
|
1407
1407
|
margin-right: 0.5rem;
|
|
@@ -1415,21 +1415,21 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
1415
1415
|
margin-right: 0.5rem;
|
|
1416
1416
|
}
|
|
1417
1417
|
|
|
1418
|
-
${
|
|
1418
|
+
${Or.tablet} {
|
|
1419
1419
|
width: 50%;
|
|
1420
1420
|
}
|
|
1421
|
-
`;var Vh,Wh,Uh;!function(e){e.HOUR_UP="hour-up",e.HOUR_DOWN="hour-down",e.MINUTE_UP="minute-up",e.MINUTE_DOWN="minute-down"}(Vh||(Vh={})),function(e){e.HOUR="hour",e.MINUTE="minute"}(Wh||(Wh={})),function(e){e.AM="am",e.PM="pm"}(Uh||(Uh={}));const qh=({id:r,value:n,show:o,format:l,onChange:d,onCancel:u})=>{const h=Cu.getTimeValues(l,n),[p,f]=i(h.hour),[m,g]=i(h.minute),[y,b]=i(h.period),v=a(),w=a(),x=function(e){void 0===e&&(e={});var t=e.skipOnMount,r=void 0!==t&&t,n=e.refreshMode,o=e.refreshRate,s=void 0===o?1e3:o,l=e.refreshOptions,c=e.handleWidth,d=void 0===c||c,u=e.handleHeight,h=void 0===u||u,p=e.targetRef,f=e.observerOptions,m=e.onResize,g=a(r),y=a(null),b=null!=p?p:y,v=a(),w=i({width:void 0,height:void 0}),x=w[0],$=w[1];return Oh((function(){if(!_h()){var e=kh(m,$,d,h);v.current=xh((function(t){(d||h)&&t.forEach((function(t){var r=t&&t.contentRect||{},n=r.width,o=r.height;!g.current&&!_h()&&e({width:n,height:o}),g.current=!1}))}),n,s,l);var t=new window.ResizeObserver(v.current);return b.current&&t.observe(b.current,f),function(){t.disconnect();var e=v.current;e&&e.cancel&&e.cancel()}}}),[n,s,l,d,h,m,f,b.current]),Nu({ref:b},x)}();s((()=>{if(o&&v.current&&v.current.focus(),o){const{hour:e,minute:t,period:r}=Cu.getTimeValues(l,n);f(e),g(t),b(r)}}),[o,n,l]),s((()=>{const e=v.current,t=w.current;return e&&e.addEventListener("keydown",$),t&&t.addEventListener("keydown",$),()=>{e&&e.removeEventListener("keydown",$),t&&t.removeEventListener("keydown",$)}}),[]);const $=e=>{["Digit0","Digit1","Digit2","Digit3","Digit4","Digit5","Digit6","Digit7","Digit8","Digit9","Tab","Backspace","Delete","ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.code)||["Backspace","0","1","2","3","4","5","6","7","8","9"].includes(e.key)||e.preventDefault()},
|
|
1421
|
+
`;var Vh,Wh,Uh;!function(e){e.HOUR_UP="hour-up",e.HOUR_DOWN="hour-down",e.MINUTE_UP="minute-up",e.MINUTE_DOWN="minute-down"}(Vh||(Vh={})),function(e){e.HOUR="hour",e.MINUTE="minute"}(Wh||(Wh={})),function(e){e.AM="am",e.PM="pm"}(Uh||(Uh={}));const qh=({id:r,value:n,show:o,format:l,onChange:d,onCancel:u})=>{const h=Cu.getTimeValues(l,n),[p,f]=i(h.hour),[m,g]=i(h.minute),[y,b]=i(h.period),v=a(),w=a(),x=function(e){void 0===e&&(e={});var t=e.skipOnMount,r=void 0!==t&&t,n=e.refreshMode,o=e.refreshRate,s=void 0===o?1e3:o,l=e.refreshOptions,c=e.handleWidth,d=void 0===c||c,u=e.handleHeight,h=void 0===u||u,p=e.targetRef,f=e.observerOptions,m=e.onResize,g=a(r),y=a(null),b=null!=p?p:y,v=a(),w=i({width:void 0,height:void 0}),x=w[0],$=w[1];return Oh((function(){if(!_h()){var e=kh(m,$,d,h);v.current=xh((function(t){(d||h)&&t.forEach((function(t){var r=t&&t.contentRect||{},n=r.width,o=r.height;!g.current&&!_h()&&e({width:n,height:o}),g.current=!1}))}),n,s,l);var t=new window.ResizeObserver(v.current);return b.current&&t.observe(b.current,f),function(){t.disconnect();var e=v.current;e&&e.cancel&&e.cancel()}}}),[n,s,l,d,h,m,f,b.current]),Nu({ref:b},x)}();s((()=>{if(o&&v.current&&v.current.focus(),o){const{hour:e,minute:t,period:r}=Cu.getTimeValues(l,n);f(e),g(t),b(r)}}),[o,n,l]),s((()=>{const e=v.current,t=w.current;return e&&e.addEventListener("keydown",$),t&&t.addEventListener("keydown",$),()=>{e&&e.removeEventListener("keydown",$),t&&t.removeEventListener("keydown",$)}}),[]);const $=e=>{["Digit0","Digit1","Digit2","Digit3","Digit4","Digit5","Digit6","Digit7","Digit8","Digit9","Tab","Backspace","Delete","ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.code)||["Backspace","0","1","2","3","4","5","6","7","8","9"].includes(e.key)||e.preventDefault()},_=c((e=>{switch(e.currentTarget.name){case Vh.MINUTE_UP:g(Cu.updateMinutes(m,"add"));break;case Vh.MINUTE_DOWN:g(Cu.updateMinutes(m,"minus"));break;case Vh.HOUR_UP:f(Cu.updateHours(p,"add"));break;case Vh.HOUR_DOWN:f(Cu.updateHours(p,"minus"))}}),[p,m]),S=e=>{e.target.select()},k=e=>{const t=e.target.value;switch(e.target.name){case Wh.HOUR:t.length<=2&&f(t);break;case Wh.MINUTE:t.length<=2&&g(t)}},O=e=>{const t=parseInt(e.target.value);if(!isNaN(t))switch(e.target.name){case Wh.HOUR:{const r=t>23||t<0?h.hour:Cu.convertHourTo12HourFormat(e.target.value);f(r);break}case Wh.MINUTE:{const r=t>59||t<0?h.minute:e.target.value;g(ln.padValue(r));break}}},j=e=>{switch(e.target.name){case Uh.AM:b("am");break;case Uh.PM:b("pm")}},E=e=>r?`${r}-${e}`:e,C=Xc({height:o?x.height+32:0});return e(Ph,{"data-testid":"animated-dropdown-wrapper",style:C,children:t(Ih,{ref:x.ref,"data-testid":E("timepicker-dropdown"),children:[t(Th,{children:[t(Mh,{children:[t(Ah,{children:[e(Bh,{name:Vh.HOUR_UP,type:"button",tabIndex:-1,onClick:_,"data-testid":E("hour-increment-button"),children:e(Kt,{type:"chevron-up"})}),e(Rh,{type:"number",name:Wh.HOUR,id:"hour",maxLength:2,pattern:"[0-9]{2}",ref:v,value:p,onFocus:S,onChange:k,onBlur:O,min:1,max:12,placeholder:"HH","data-testid":E("hour-input")}),e(Bh,{name:Vh.HOUR_DOWN,type:"button",tabIndex:-1,onClick:_,"data-testid":E("hour-decrement-button"),children:e(Kt,{type:"chevron-down"})})]}),e(Dh,{children:":"}),t(Ah,{children:[e(Bh,{name:Vh.MINUTE_UP,type:"button",tabIndex:-1,onClick:_,"data-testid":E("minute-increment-button"),children:e(Kt,{type:"chevron-up"})}),e(Rh,{type:"number",name:Wh.MINUTE,id:"minute",maxLength:2,pattern:"[0-9]{2}",ref:w,value:m,onChange:k,onBlur:O,onFocus:S,min:0,max:59,placeholder:"MM","data-testid":E("minute-input")}),e(Bh,{name:Vh.MINUTE_DOWN,type:"button",tabIndex:-1,onClick:_,"data-testid":E("minute-decrement-button"),children:e(Kt,{type:"chevron-down"})})]})]}),t(zh,{children:[e(Hh,{checked:"am"===y,name:Uh.AM,type:"radio",onChange:j,"data-testid":E("am-toggle"),children:"AM"}),e(Hh,{checked:"pm"===y,name:Uh.PM,type:"radio",onChange:j,"data-testid":E("pm-toggle"),children:"PM"})]})]}),t(Nh,{children:[e(Lh,{type:"button",styleType:"secondary",onClick:u,"data-testid":E("cancel-button"),children:"Cancel"}),e(Lh,{type:"button",onClick:()=>{let e;e="24hr"===l?Cu.convertTo24HourFormat({hour:p,minute:m,period:y}):`${p}:${m}${y}`,d(e)},disabled:""===p||""===m,"data-testid":E("confirm-button"),children:"Confirm"})]})]})})},Qh=y.div`
|
|
1422
1422
|
position: relative;
|
|
1423
1423
|
`,Xh=y.input`
|
|
1424
|
-
${
|
|
1425
|
-
border: 1px solid ${
|
|
1424
|
+
${zr("Body","regular")}
|
|
1425
|
+
border: 1px solid ${Qt.Neutral[5]};
|
|
1426
1426
|
border-radius: 4px;
|
|
1427
1427
|
display: block;
|
|
1428
1428
|
padding: 0.2rem 1rem 0.3rem 1rem; // Somehow the input text appears lower
|
|
1429
1429
|
height: 3rem;
|
|
1430
1430
|
width: 100%;
|
|
1431
|
-
background: ${
|
|
1432
|
-
color: ${
|
|
1431
|
+
background: ${Qt.Neutral[8]};
|
|
1432
|
+
color: ${Qt.Neutral[1]};
|
|
1433
1433
|
|
|
1434
1434
|
:focus,
|
|
1435
1435
|
:active {
|
|
@@ -1437,16 +1437,16 @@ var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.pr
|
|
|
1437
1437
|
}
|
|
1438
1438
|
|
|
1439
1439
|
${e=>e.disabled?b`
|
|
1440
|
-
background: ${
|
|
1440
|
+
background: ${Qt.Neutral[6](e)};
|
|
1441
1441
|
cursor: not-allowed;
|
|
1442
1442
|
`:e.error&&!e.focused?b`
|
|
1443
|
-
border: 1px solid ${
|
|
1443
|
+
border: 1px solid ${Qt.Validation.Red.Border(e)};
|
|
1444
1444
|
`:e.error&&e.focused?b`
|
|
1445
|
-
border: 1px solid ${
|
|
1445
|
+
border: 1px solid ${Qt.Validation.Red.Border(e)};
|
|
1446
1446
|
box-shadow: inset 0 0 4px 1px rgba(221, 102, 102, 0.8);
|
|
1447
1447
|
`:e.focused?b`
|
|
1448
|
-
border: 1px solid ${
|
|
1448
|
+
border: 1px solid ${Qt.Accent.Light[1]};
|
|
1449
1449
|
box-shadow: inset 0 0 5px 1px rgba(87, 169, 255, 0.5);
|
|
1450
1450
|
`:void 0}
|
|
1451
|
-
`,Gh=({id:r,disabled:n=!1,error:o,value:l,defaultValue:d,placeholder:u,format:h="24hr",onChange:p,onBlur:f,onSelectionCancel:m,...g})=>{const[y,b]=i(!1),v=a();s((()=>(document.addEventListener("mousedown",x),document.addEventListener("keyup",$),()=>{document.removeEventListener("mousedown",x),document.removeEventListener("keyup",$)})),[y]);const w=c((()=>{n||y||b(!0)}),[y]),x=e=>{n||_(e)},$=e=>{if("Tab"===e.code)_(e)},_=e=>{v&&!v.current.contains(e.target)&&y&&(b(!1),f&&f())},S=c((()=>"12hr"===h?"HH:MMam":"HH:MM"),[h,u]);return t(Qh,{ref:v,id:r,...g,children:[e(Xh,{onFocus:w,focused:y,readOnly:!0,placeholder:u||S(),value:Cu.formatValue(l,h),defaultValue:d,disabled:n,error:o,"data-testid":r?`${r}-timepicker-selector`:"timepicker-selector"}),e(qh,{id:r,show:y,value:l||d,format:h,onCancel:()=>{b(!1),m&&m()},onChange:e=>{b(!1),p&&p(e)}})]})},Yh={DateInput:({label:t,errorMessage:r,id:n="form-date-input","data-error-testid":o,"data-testid":i,...a})=>e(
|
|
1451
|
+
`,Gh=({id:r,disabled:n=!1,error:o,value:l,defaultValue:d,placeholder:u,format:h="24hr",onChange:p,onBlur:f,onSelectionCancel:m,...g})=>{const[y,b]=i(!1),v=a();s((()=>(document.addEventListener("mousedown",x),document.addEventListener("keyup",$),()=>{document.removeEventListener("mousedown",x),document.removeEventListener("keyup",$)})),[y]);const w=c((()=>{n||y||b(!0)}),[y]),x=e=>{n||_(e)},$=e=>{if("Tab"===e.code)_(e)},_=e=>{v&&!v.current.contains(e.target)&&y&&(b(!1),f&&f())},S=c((()=>"12hr"===h?"HH:MMam":"HH:MM"),[h,u]);return t(Qh,{ref:v,id:r,...g,children:[e(Xh,{onFocus:w,focused:y,readOnly:!0,placeholder:u||S(),value:Cu.formatValue(l,h),defaultValue:d,disabled:n,error:o,"data-testid":r?`${r}-timepicker-selector`:"timepicker-selector"}),e(qh,{id:r,show:y,value:l||d,format:h,onCancel:()=>{b(!1),m&&m()},onChange:e=>{b(!1),p&&p(e)}})]})},Yh={DateInput:({label:t,errorMessage:r,id:n="form-date-input","data-error-testid":o,"data-testid":i,...a})=>e(sn,{id:n,label:t,errorMessage:r,"data-error-testid":o,disabled:a.disabled,children:e(wn,{id:`${n}-base`,"data-testid":i||n,error:!!r,...a})}),Input:Sn,InputGroup:gu,Label:on,MultiSelect:({label:t,errorMessage:r,id:n="form-multi-select","data-error-testid":o,"data-testid":i,enableSearch:a=!1,...s})=>e(sn,{id:n,label:t,errorMessage:r,"data-error-testid":o,disabled:s.disabled,children:e(bu,{id:`${n}-base`,"data-testid":i||n,error:!!r,enableSearch:a,...s})}),Select:({label:t,errorMessage:r,id:n="form-select","data-error-testid":o,"data-testid":i,enableSearch:a=!1,...s})=>e(sn,{id:n,label:t,errorMessage:r,"data-error-testid":o,disabled:s.disabled,children:e(vu,{id:`${n}-base`,"data-testid":i||n,error:!!r,enableSearch:a,...s})}),Textarea:Eu,Timepicker:({label:t,errorMessage:r,id:n="form-timepicker","data-error-testid":o,"data-testid":i,...a})=>e(sn,{id:n,label:t,errorMessage:r,disabled:a.disabled,"data-error-testid":o,children:e(Gh,{id:`${n}-base`,"data-testid":i||n,error:!!r,...a})}),CustomField:({id:t="form-custom-field","data-error-testid":r,children:n,...o})=>e(sn,{id:t,"data-error-testid":r,...o,children:n})};export{Yh as Form};
|
|
1452
1452
|
//# sourceMappingURL=index.js.map
|