g(x,c))a[d]=x,a[n]=c,d=n;else break a}}return b}\nfunction g(a,b){var c=a.sortIndex-b.sortIndex;return 0!==c?c:a.id-b.id}if(\"object\"===typeof performance&&\"function\"===typeof performance.now){var l=performance;exports.unstable_now=function(){return l.now()}}else{var p=Date,q=p.now();exports.unstable_now=function(){return p.now()-q}}var r=[],t=[],u=1,v=null,y=3,z=!1,A=!1,B=!1,D=\"function\"===typeof setTimeout?setTimeout:null,E=\"function\"===typeof clearTimeout?clearTimeout:null,F=\"undefined\"!==typeof setImmediate?setImmediate:null;\n\"undefined\"!==typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function G(a){for(var b=h(t);null!==b;){if(null===b.callback)k(t);else if(b.startTime<=a)k(t),b.sortIndex=b.expirationTime,f(r,b);else break;b=h(t)}}function H(a){B=!1;G(a);if(!A)if(null!==h(r))A=!0,I(J);else{var b=h(t);null!==b&&K(H,b.startTime-a)}}\nfunction J(a,b){A=!1;B&&(B=!1,E(L),L=-1);z=!0;var c=y;try{G(b);for(v=h(r);null!==v&&(!(v.expirationTime>b)||a&&!M());){var d=v.callback;if(\"function\"===typeof d){v.callback=null;y=v.priorityLevel;var e=d(v.expirationTime<=b);b=exports.unstable_now();\"function\"===typeof e?v.callback=e:v===h(r)&&k(r);G(b)}else k(r);v=h(r)}if(null!==v)var w=!0;else{var m=h(t);null!==m&&K(H,m.startTime-b);w=!1}return w}finally{v=null,y=c,z=!1}}var N=!1,O=null,L=-1,P=5,Q=-1;\nfunction M(){return exports.unstable_now()-Qa||125d?(a.sortIndex=c,f(t,a),null===h(r)&&a===h(t)&&(B?(E(L),L=-1):B=!0,K(H,c-d))):(a.sortIndex=e,f(r,a),A||z||(A=!0,I(J)));return a};\nexports.unstable_shouldYield=M;exports.unstable_wrapCallback=function(a){var b=y;return function(){var c=y;y=b;try{return a.apply(this,arguments)}finally{y=c}}};\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/scheduler.production.min.js');\n} else {\n module.exports = require('./cjs/scheduler.development.js');\n}\n","/**\n * @license React\n * react-dom.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/*\n Modernizr 3.0.0pre (Custom Build) | MIT\n*/\n'use strict';var aa=require(\"react\"),ca=require(\"scheduler\");function p(a){for(var b=\"https://reactjs.org/docs/error-decoder.html?invariant=\"+a,c=1;cb}return!1}function v(a,b,c,d,e,f,g){this.acceptsBooleans=2===b||3===b||4===b;this.attributeName=d;this.attributeNamespace=e;this.mustUseProperty=c;this.propertyName=a;this.type=b;this.sanitizeURL=f;this.removeEmptyString=g}var z={};\n\"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style\".split(\" \").forEach(function(a){z[a]=new v(a,0,!1,a,null,!1,!1)});[[\"acceptCharset\",\"accept-charset\"],[\"className\",\"class\"],[\"htmlFor\",\"for\"],[\"httpEquiv\",\"http-equiv\"]].forEach(function(a){var b=a[0];z[b]=new v(b,1,!1,a[1],null,!1,!1)});[\"contentEditable\",\"draggable\",\"spellCheck\",\"value\"].forEach(function(a){z[a]=new v(a,2,!1,a.toLowerCase(),null,!1,!1)});\n[\"autoReverse\",\"externalResourcesRequired\",\"focusable\",\"preserveAlpha\"].forEach(function(a){z[a]=new v(a,2,!1,a,null,!1,!1)});\"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope\".split(\" \").forEach(function(a){z[a]=new v(a,3,!1,a.toLowerCase(),null,!1,!1)});\n[\"checked\",\"multiple\",\"muted\",\"selected\"].forEach(function(a){z[a]=new v(a,3,!0,a,null,!1,!1)});[\"capture\",\"download\"].forEach(function(a){z[a]=new v(a,4,!1,a,null,!1,!1)});[\"cols\",\"rows\",\"size\",\"span\"].forEach(function(a){z[a]=new v(a,6,!1,a,null,!1,!1)});[\"rowSpan\",\"start\"].forEach(function(a){z[a]=new v(a,5,!1,a.toLowerCase(),null,!1,!1)});var ra=/[\\-:]([a-z])/g;function sa(a){return a[1].toUpperCase()}\n\"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height\".split(\" \").forEach(function(a){var b=a.replace(ra,\nsa);z[b]=new v(b,1,!1,a,null,!1,!1)});\"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type\".split(\" \").forEach(function(a){var b=a.replace(ra,sa);z[b]=new v(b,1,!1,a,\"http://www.w3.org/1999/xlink\",!1,!1)});[\"xml:base\",\"xml:lang\",\"xml:space\"].forEach(function(a){var b=a.replace(ra,sa);z[b]=new v(b,1,!1,a,\"http://www.w3.org/XML/1998/namespace\",!1,!1)});[\"tabIndex\",\"crossOrigin\"].forEach(function(a){z[a]=new v(a,1,!1,a.toLowerCase(),null,!1,!1)});\nz.xlinkHref=new v(\"xlinkHref\",1,!1,\"xlink:href\",\"http://www.w3.org/1999/xlink\",!0,!1);[\"src\",\"href\",\"action\",\"formAction\"].forEach(function(a){z[a]=new v(a,1,!1,a.toLowerCase(),null,!0,!0)});\nfunction ta(a,b,c,d){var e=z.hasOwnProperty(b)?z[b]:null;if(null!==e?0!==e.type:d||!(2h||e[g]!==f[h]){var k=\"\\n\"+e[g].replace(\" at new \",\" at \");a.displayName&&k.includes(\"\")&&(k=k.replace(\"\",a.displayName));return k}while(1<=g&&0<=h)}break}}}finally{Na=!1,Error.prepareStackTrace=c}return(a=a?a.displayName||a.name:\"\")?Ma(a):\"\"}\nfunction Pa(a){switch(a.tag){case 5:return Ma(a.type);case 16:return Ma(\"Lazy\");case 13:return Ma(\"Suspense\");case 19:return Ma(\"SuspenseList\");case 0:case 2:case 15:return a=Oa(a.type,!1),a;case 11:return a=Oa(a.type.render,!1),a;case 1:return a=Oa(a.type,!0),a;default:return\"\"}}\nfunction Qa(a){if(null==a)return null;if(\"function\"===typeof a)return a.displayName||a.name||null;if(\"string\"===typeof a)return a;switch(a){case ya:return\"Fragment\";case wa:return\"Portal\";case Aa:return\"Profiler\";case za:return\"StrictMode\";case Ea:return\"Suspense\";case Fa:return\"SuspenseList\"}if(\"object\"===typeof a)switch(a.$$typeof){case Ca:return(a.displayName||\"Context\")+\".Consumer\";case Ba:return(a._context.displayName||\"Context\")+\".Provider\";case Da:var b=a.render;a=a.displayName;a||(a=b.displayName||\nb.name||\"\",a=\"\"!==a?\"ForwardRef(\"+a+\")\":\"ForwardRef\");return a;case Ga:return b=a.displayName||null,null!==b?b:Qa(a.type)||\"Memo\";case Ha:b=a._payload;a=a._init;try{return Qa(a(b))}catch(c){}}return null}\nfunction Ra(a){var b=a.type;switch(a.tag){case 24:return\"Cache\";case 9:return(b.displayName||\"Context\")+\".Consumer\";case 10:return(b._context.displayName||\"Context\")+\".Provider\";case 18:return\"DehydratedFragment\";case 11:return a=b.render,a=a.displayName||a.name||\"\",b.displayName||(\"\"!==a?\"ForwardRef(\"+a+\")\":\"ForwardRef\");case 7:return\"Fragment\";case 5:return b;case 4:return\"Portal\";case 3:return\"Root\";case 6:return\"Text\";case 16:return Qa(b);case 8:return b===za?\"StrictMode\":\"Mode\";case 22:return\"Offscreen\";\ncase 12:return\"Profiler\";case 21:return\"Scope\";case 13:return\"Suspense\";case 19:return\"SuspenseList\";case 25:return\"TracingMarker\";case 1:case 0:case 17:case 2:case 14:case 15:if(\"function\"===typeof b)return b.displayName||b.name||null;if(\"string\"===typeof b)return b}return null}function Sa(a){switch(typeof a){case \"boolean\":case \"number\":case \"string\":case \"undefined\":return a;case \"object\":return a;default:return\"\"}}\nfunction Ta(a){var b=a.type;return(a=a.nodeName)&&\"input\"===a.toLowerCase()&&(\"checkbox\"===b||\"radio\"===b)}\nfunction Ua(a){var b=Ta(a)?\"checked\":\"value\",c=Object.getOwnPropertyDescriptor(a.constructor.prototype,b),d=\"\"+a[b];if(!a.hasOwnProperty(b)&&\"undefined\"!==typeof c&&\"function\"===typeof c.get&&\"function\"===typeof c.set){var e=c.get,f=c.set;Object.defineProperty(a,b,{configurable:!0,get:function(){return e.call(this)},set:function(a){d=\"\"+a;f.call(this,a)}});Object.defineProperty(a,b,{enumerable:c.enumerable});return{getValue:function(){return d},setValue:function(a){d=\"\"+a},stopTracking:function(){a._valueTracker=\nnull;delete a[b]}}}}function Va(a){a._valueTracker||(a._valueTracker=Ua(a))}function Wa(a){if(!a)return!1;var b=a._valueTracker;if(!b)return!0;var c=b.getValue();var d=\"\";a&&(d=Ta(a)?a.checked?\"true\":\"false\":a.value);a=d;return a!==c?(b.setValue(a),!0):!1}function Xa(a){a=a||(\"undefined\"!==typeof document?document:void 0);if(\"undefined\"===typeof a)return null;try{return a.activeElement||a.body}catch(b){return a.body}}\nfunction Ya(a,b){var c=b.checked;return A({},b,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=c?c:a._wrapperState.initialChecked})}function Za(a,b){var c=null==b.defaultValue?\"\":b.defaultValue,d=null!=b.checked?b.checked:b.defaultChecked;c=Sa(null!=b.value?b.value:c);a._wrapperState={initialChecked:d,initialValue:c,controlled:\"checkbox\"===b.type||\"radio\"===b.type?null!=b.checked:null!=b.value}}function ab(a,b){b=b.checked;null!=b&&ta(a,\"checked\",b,!1)}\nfunction bb(a,b){ab(a,b);var c=Sa(b.value),d=b.type;if(null!=c)if(\"number\"===d){if(0===c&&\"\"===a.value||a.value!=c)a.value=\"\"+c}else a.value!==\"\"+c&&(a.value=\"\"+c);else if(\"submit\"===d||\"reset\"===d){a.removeAttribute(\"value\");return}b.hasOwnProperty(\"value\")?cb(a,b.type,c):b.hasOwnProperty(\"defaultValue\")&&cb(a,b.type,Sa(b.defaultValue));null==b.checked&&null!=b.defaultChecked&&(a.defaultChecked=!!b.defaultChecked)}\nfunction db(a,b,c){if(b.hasOwnProperty(\"value\")||b.hasOwnProperty(\"defaultValue\")){var d=b.type;if(!(\"submit\"!==d&&\"reset\"!==d||void 0!==b.value&&null!==b.value))return;b=\"\"+a._wrapperState.initialValue;c||b===a.value||(a.value=b);a.defaultValue=b}c=a.name;\"\"!==c&&(a.name=\"\");a.defaultChecked=!!a._wrapperState.initialChecked;\"\"!==c&&(a.name=c)}\nfunction cb(a,b,c){if(\"number\"!==b||Xa(a.ownerDocument)!==a)null==c?a.defaultValue=\"\"+a._wrapperState.initialValue:a.defaultValue!==\"\"+c&&(a.defaultValue=\"\"+c)}var eb=Array.isArray;\nfunction fb(a,b,c,d){a=a.options;if(b){b={};for(var e=0;e\"+b.valueOf().toString()+\"\";for(b=mb.firstChild;a.firstChild;)a.removeChild(a.firstChild);for(;b.firstChild;)a.appendChild(b.firstChild)}});\nfunction ob(a,b){if(b){var c=a.firstChild;if(c&&c===a.lastChild&&3===c.nodeType){c.nodeValue=b;return}}a.textContent=b}\nvar pb={animationIterationCount:!0,aspectRatio:!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,gridArea:!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,\nzoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},qb=[\"Webkit\",\"ms\",\"Moz\",\"O\"];Object.keys(pb).forEach(function(a){qb.forEach(function(b){b=b+a.charAt(0).toUpperCase()+a.substring(1);pb[b]=pb[a]})});function rb(a,b,c){return null==b||\"boolean\"===typeof b||\"\"===b?\"\":c||\"number\"!==typeof b||0===b||pb.hasOwnProperty(a)&&pb[a]?(\"\"+b).trim():b+\"px\"}\nfunction sb(a,b){a=a.style;for(var c in b)if(b.hasOwnProperty(c)){var d=0===c.indexOf(\"--\"),e=rb(c,b[c],d);\"float\"===c&&(c=\"cssFloat\");d?a.setProperty(c,e):a[c]=e}}var tb=A({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});\nfunction ub(a,b){if(b){if(tb[a]&&(null!=b.children||null!=b.dangerouslySetInnerHTML))throw Error(p(137,a));if(null!=b.dangerouslySetInnerHTML){if(null!=b.children)throw Error(p(60));if(\"object\"!==typeof b.dangerouslySetInnerHTML||!(\"__html\"in b.dangerouslySetInnerHTML))throw Error(p(61));}if(null!=b.style&&\"object\"!==typeof b.style)throw Error(p(62));}}\nfunction vb(a,b){if(-1===a.indexOf(\"-\"))return\"string\"===typeof b.is;switch(a){case \"annotation-xml\":case \"color-profile\":case \"font-face\":case \"font-face-src\":case \"font-face-uri\":case \"font-face-format\":case \"font-face-name\":case \"missing-glyph\":return!1;default:return!0}}var wb=null;function xb(a){a=a.target||a.srcElement||window;a.correspondingUseElement&&(a=a.correspondingUseElement);return 3===a.nodeType?a.parentNode:a}var yb=null,zb=null,Ab=null;\nfunction Bb(a){if(a=Cb(a)){if(\"function\"!==typeof yb)throw Error(p(280));var b=a.stateNode;b&&(b=Db(b),yb(a.stateNode,a.type,b))}}function Eb(a){zb?Ab?Ab.push(a):Ab=[a]:zb=a}function Fb(){if(zb){var a=zb,b=Ab;Ab=zb=null;Bb(a);if(b)for(a=0;a>>=0;return 0===a?32:31-(pc(a)/qc|0)|0}var rc=64,sc=4194304;\nfunction tc(a){switch(a&-a){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return a&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return a&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;\ndefault:return a}}function uc(a,b){var c=a.pendingLanes;if(0===c)return 0;var d=0,e=a.suspendedLanes,f=a.pingedLanes,g=c&268435455;if(0!==g){var h=g&~e;0!==h?d=tc(h):(f&=g,0!==f&&(d=tc(f)))}else g=c&~e,0!==g?d=tc(g):0!==f&&(d=tc(f));if(0===d)return 0;if(0!==b&&b!==d&&0===(b&e)&&(e=d&-d,f=b&-b,e>=f||16===e&&0!==(f&4194240)))return b;0!==(d&4)&&(d|=c&16);b=a.entangledLanes;if(0!==b)for(a=a.entanglements,b&=d;0c;c++)b.push(a);return b}\nfunction Ac(a,b,c){a.pendingLanes|=b;536870912!==b&&(a.suspendedLanes=0,a.pingedLanes=0);a=a.eventTimes;b=31-oc(b);a[b]=c}function Bc(a,b){var c=a.pendingLanes&~b;a.pendingLanes=b;a.suspendedLanes=0;a.pingedLanes=0;a.expiredLanes&=b;a.mutableReadLanes&=b;a.entangledLanes&=b;b=a.entanglements;var d=a.eventTimes;for(a=a.expirationTimes;0=be),ee=String.fromCharCode(32),fe=!1;\nfunction ge(a,b){switch(a){case \"keyup\":return-1!==$d.indexOf(b.keyCode);case \"keydown\":return 229!==b.keyCode;case \"keypress\":case \"mousedown\":case \"focusout\":return!0;default:return!1}}function he(a){a=a.detail;return\"object\"===typeof a&&\"data\"in a?a.data:null}var ie=!1;function je(a,b){switch(a){case \"compositionend\":return he(b);case \"keypress\":if(32!==b.which)return null;fe=!0;return ee;case \"textInput\":return a=b.data,a===ee&&fe?null:a;default:return null}}\nfunction ke(a,b){if(ie)return\"compositionend\"===a||!ae&&ge(a,b)?(a=nd(),md=ld=kd=null,ie=!1,a):null;switch(a){case \"paste\":return null;case \"keypress\":if(!(b.ctrlKey||b.altKey||b.metaKey)||b.ctrlKey&&b.altKey){if(b.char&&1=b)return{node:c,offset:b-a};a=d}a:{for(;c;){if(c.nextSibling){c=c.nextSibling;break a}c=c.parentNode}c=void 0}c=Je(c)}}function Le(a,b){return a&&b?a===b?!0:a&&3===a.nodeType?!1:b&&3===b.nodeType?Le(a,b.parentNode):\"contains\"in a?a.contains(b):a.compareDocumentPosition?!!(a.compareDocumentPosition(b)&16):!1:!1}\nfunction Me(){for(var a=window,b=Xa();b instanceof a.HTMLIFrameElement;){try{var c=\"string\"===typeof b.contentWindow.location.href}catch(d){c=!1}if(c)a=b.contentWindow;else break;b=Xa(a.document)}return b}function Ne(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return b&&(\"input\"===b&&(\"text\"===a.type||\"search\"===a.type||\"tel\"===a.type||\"url\"===a.type||\"password\"===a.type)||\"textarea\"===b||\"true\"===a.contentEditable)}\nfunction Oe(a){var b=Me(),c=a.focusedElem,d=a.selectionRange;if(b!==c&&c&&c.ownerDocument&&Le(c.ownerDocument.documentElement,c)){if(null!==d&&Ne(c))if(b=d.start,a=d.end,void 0===a&&(a=b),\"selectionStart\"in c)c.selectionStart=b,c.selectionEnd=Math.min(a,c.value.length);else if(a=(b=c.ownerDocument||document)&&b.defaultView||window,a.getSelection){a=a.getSelection();var e=c.textContent.length,f=Math.min(d.start,e);d=void 0===d.end?f:Math.min(d.end,e);!a.extend&&f>d&&(e=d,d=f,f=e);e=Ke(c,f);var g=Ke(c,\nd);e&&g&&(1!==a.rangeCount||a.anchorNode!==e.node||a.anchorOffset!==e.offset||a.focusNode!==g.node||a.focusOffset!==g.offset)&&(b=b.createRange(),b.setStart(e.node,e.offset),a.removeAllRanges(),f>d?(a.addRange(b),a.extend(g.node,g.offset)):(b.setEnd(g.node,g.offset),a.addRange(b)))}b=[];for(a=c;a=a.parentNode;)1===a.nodeType&&b.push({element:a,left:a.scrollLeft,top:a.scrollTop});\"function\"===typeof c.focus&&c.focus();for(c=0;c=document.documentMode,Qe=null,Re=null,Se=null,Te=!1;\nfunction Ue(a,b,c){var d=c.window===c?c.document:9===c.nodeType?c:c.ownerDocument;Te||null==Qe||Qe!==Xa(d)||(d=Qe,\"selectionStart\"in d&&Ne(d)?d={start:d.selectionStart,end:d.selectionEnd}:(d=(d.ownerDocument&&d.ownerDocument.defaultView||window).getSelection(),d={anchorNode:d.anchorNode,anchorOffset:d.anchorOffset,focusNode:d.focusNode,focusOffset:d.focusOffset}),Se&&Ie(Se,d)||(Se=d,d=oe(Re,\"onSelect\"),0Tf||(a.current=Sf[Tf],Sf[Tf]=null,Tf--)}function G(a,b){Tf++;Sf[Tf]=a.current;a.current=b}var Vf={},H=Uf(Vf),Wf=Uf(!1),Xf=Vf;function Yf(a,b){var c=a.type.contextTypes;if(!c)return Vf;var d=a.stateNode;if(d&&d.__reactInternalMemoizedUnmaskedChildContext===b)return d.__reactInternalMemoizedMaskedChildContext;var e={},f;for(f in c)e[f]=b[f];d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=b,a.__reactInternalMemoizedMaskedChildContext=e);return e}\nfunction Zf(a){a=a.childContextTypes;return null!==a&&void 0!==a}function $f(){E(Wf);E(H)}function ag(a,b,c){if(H.current!==Vf)throw Error(p(168));G(H,b);G(Wf,c)}function bg(a,b,c){var d=a.stateNode;b=b.childContextTypes;if(\"function\"!==typeof d.getChildContext)return c;d=d.getChildContext();for(var e in d)if(!(e in b))throw Error(p(108,Ra(a)||\"Unknown\",e));return A({},c,d)}\nfunction cg(a){a=(a=a.stateNode)&&a.__reactInternalMemoizedMergedChildContext||Vf;Xf=H.current;G(H,a);G(Wf,Wf.current);return!0}function dg(a,b,c){var d=a.stateNode;if(!d)throw Error(p(169));c?(a=bg(a,b,Xf),d.__reactInternalMemoizedMergedChildContext=a,E(Wf),E(H),G(H,a)):E(Wf);G(Wf,c)}var eg=null,fg=!1,gg=!1;function hg(a){null===eg?eg=[a]:eg.push(a)}function ig(a){fg=!0;hg(a)}\nfunction jg(){if(!gg&&null!==eg){gg=!0;var a=0,b=C;try{var c=eg;for(C=1;a>=g;e-=g;rg=1<<32-oc(b)+e|c<w?(x=u,u=null):x=u.sibling;var n=r(e,u,h[w],k);if(null===n){null===u&&(u=x);break}a&&u&&null===n.alternate&&b(e,u);g=f(n,g,w);null===m?l=n:m.sibling=n;m=n;u=x}if(w===h.length)return c(e,u),I&&tg(e,w),l;if(null===u){for(;ww?(x=m,m=null):x=m.sibling;var t=r(e,m,n.value,k);if(null===t){null===m&&(m=x);break}a&&m&&null===t.alternate&&b(e,m);g=f(t,g,w);null===u?l=t:u.sibling=t;u=t;m=x}if(n.done)return c(e,\nm),I&&tg(e,w),l;if(null===m){for(;!n.done;w++,n=h.next())n=q(e,n.value,k),null!==n&&(g=f(n,g,w),null===u?l=n:u.sibling=n,u=n);I&&tg(e,w);return l}for(m=d(e,m);!n.done;w++,n=h.next())n=y(m,e,w,n.value,k),null!==n&&(a&&null!==n.alternate&&m.delete(null===n.key?w:n.key),g=f(n,g,w),null===u?l=n:u.sibling=n,u=n);a&&m.forEach(function(a){return b(e,a)});I&&tg(e,w);return l}function J(a,d,f,h){\"object\"===typeof f&&null!==f&&f.type===ya&&null===f.key&&(f=f.props.children);if(\"object\"===typeof f&&null!==f){switch(f.$$typeof){case va:a:{for(var k=\nf.key,l=d;null!==l;){if(l.key===k){k=f.type;if(k===ya){if(7===l.tag){c(a,l.sibling);d=e(l,f.props.children);d.return=a;a=d;break a}}else if(l.elementType===k||\"object\"===typeof k&&null!==k&&k.$$typeof===Ha&&uh(k)===l.type){c(a,l.sibling);d=e(l,f.props);d.ref=sh(a,l,f);d.return=a;a=d;break a}c(a,l);break}else b(a,l);l=l.sibling}f.type===ya?(d=Ah(f.props.children,a.mode,h,f.key),d.return=a,a=d):(h=yh(f.type,f.key,f.props,null,a.mode,h),h.ref=sh(a,d,f),h.return=a,a=h)}return g(a);case wa:a:{for(l=f.key;null!==\nd;){if(d.key===l)if(4===d.tag&&d.stateNode.containerInfo===f.containerInfo&&d.stateNode.implementation===f.implementation){c(a,d.sibling);d=e(d,f.children||[]);d.return=a;a=d;break a}else{c(a,d);break}else b(a,d);d=d.sibling}d=zh(f,a.mode,h);d.return=a;a=d}return g(a);case Ha:return l=f._init,J(a,d,l(f._payload),h)}if(eb(f))return n(a,d,f,h);if(Ka(f))return t(a,d,f,h);th(a,f)}return\"string\"===typeof f&&\"\"!==f||\"number\"===typeof f?(f=\"\"+f,null!==d&&6===d.tag?(c(a,d.sibling),d=e(d,f),d.return=a,a=d):\n(c(a,d),d=xh(f,a.mode,h),d.return=a,a=d),g(a)):c(a,d)}return J}var Bh=vh(!0),Ch=vh(!1),Dh={},Eh=Uf(Dh),Fh=Uf(Dh),Gh=Uf(Dh);function Hh(a){if(a===Dh)throw Error(p(174));return a}function Ih(a,b){G(Gh,b);G(Fh,a);G(Eh,Dh);a=b.nodeType;switch(a){case 9:case 11:b=(b=b.documentElement)?b.namespaceURI:lb(null,\"\");break;default:a=8===a?b.parentNode:b,b=a.namespaceURI||null,a=a.tagName,b=lb(b,a)}E(Eh);G(Eh,b)}function Jh(){E(Eh);E(Fh);E(Gh)}\nfunction Kh(a){Hh(Gh.current);var b=Hh(Eh.current);var c=lb(b,a.type);b!==c&&(G(Fh,a),G(Eh,c))}function Lh(a){Fh.current===a&&(E(Eh),E(Fh))}var M=Uf(0);\nfunction Mh(a){for(var b=a;null!==b;){if(13===b.tag){var c=b.memoizedState;if(null!==c&&(c=c.dehydrated,null===c||\"$?\"===c.data||\"$!\"===c.data))return b}else if(19===b.tag&&void 0!==b.memoizedProps.revealOrder){if(0!==(b.flags&128))return b}else if(null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return null;b=b.return}b.sibling.return=b.return;b=b.sibling}return null}var Nh=[];\nfunction Oh(){for(var a=0;ac?c:4;a(!0);var d=Qh.transition;Qh.transition={};try{a(!1),b()}finally{C=c,Qh.transition=d}}function Fi(){return di().memoizedState}\nfunction Gi(a,b,c){var d=lh(a);c={lane:d,action:c,hasEagerState:!1,eagerState:null,next:null};if(Hi(a))Ii(b,c);else if(c=Yg(a,b,c,d),null!==c){var e=L();mh(c,a,d,e);Ji(c,b,d)}}\nfunction ri(a,b,c){var d=lh(a),e={lane:d,action:c,hasEagerState:!1,eagerState:null,next:null};if(Hi(a))Ii(b,e);else{var f=a.alternate;if(0===a.lanes&&(null===f||0===f.lanes)&&(f=b.lastRenderedReducer,null!==f))try{var g=b.lastRenderedState,h=f(g,c);e.hasEagerState=!0;e.eagerState=h;if(He(h,g)){var k=b.interleaved;null===k?(e.next=e,Xg(b)):(e.next=k.next,k.next=e);b.interleaved=e;return}}catch(l){}finally{}c=Yg(a,b,e,d);null!==c&&(e=L(),mh(c,a,d,e),Ji(c,b,d))}}\nfunction Hi(a){var b=a.alternate;return a===N||null!==b&&b===N}function Ii(a,b){Th=Sh=!0;var c=a.pending;null===c?b.next=b:(b.next=c.next,c.next=b);a.pending=b}function Ji(a,b,c){if(0!==(c&4194240)){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;Cc(a,c)}}\nvar ai={readContext:Vg,useCallback:Q,useContext:Q,useEffect:Q,useImperativeHandle:Q,useInsertionEffect:Q,useLayoutEffect:Q,useMemo:Q,useReducer:Q,useRef:Q,useState:Q,useDebugValue:Q,useDeferredValue:Q,useTransition:Q,useMutableSource:Q,useSyncExternalStore:Q,useId:Q,unstable_isNewReconciler:!1},Yh={readContext:Vg,useCallback:function(a,b){ci().memoizedState=[a,void 0===b?null:b];return a},useContext:Vg,useEffect:vi,useImperativeHandle:function(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;return ti(4194308,\n4,yi.bind(null,b,a),c)},useLayoutEffect:function(a,b){return ti(4194308,4,a,b)},useInsertionEffect:function(a,b){return ti(4,2,a,b)},useMemo:function(a,b){var c=ci();b=void 0===b?null:b;a=a();c.memoizedState=[a,b];return a},useReducer:function(a,b,c){var d=ci();b=void 0!==c?c(b):b;d.memoizedState=d.baseState=b;a={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:a,lastRenderedState:b};d.queue=a;a=a.dispatch=Gi.bind(null,N,a);return[d.memoizedState,a]},useRef:function(a){var b=\nci();a={current:a};return b.memoizedState=a},useState:qi,useDebugValue:Ai,useDeferredValue:function(a){return ci().memoizedState=a},useTransition:function(){var a=qi(!1),b=a[0];a=Ei.bind(null,a[1]);ci().memoizedState=a;return[b,a]},useMutableSource:function(){},useSyncExternalStore:function(a,b,c){var d=N,e=ci();if(I){if(void 0===c)throw Error(p(407));c=c()}else{c=b();if(null===R)throw Error(p(349));0!==(Rh&30)||ni(d,b,c)}e.memoizedState=c;var f={value:c,getSnapshot:b};e.queue=f;vi(ki.bind(null,d,\nf,a),[a]);d.flags|=2048;li(9,mi.bind(null,d,f,c,b),void 0,null);return c},useId:function(){var a=ci(),b=R.identifierPrefix;if(I){var c=sg;var d=rg;c=(d&~(1<<32-oc(d)-1)).toString(32)+c;b=\":\"+b+\"R\"+c;c=Uh++;0\\x3c/script>\",a=a.removeChild(a.firstChild)):\n\"string\"===typeof d.is?a=g.createElement(c,{is:d.is}):(a=g.createElement(c),\"select\"===c&&(g=a,d.multiple?g.multiple=!0:d.size&&(g.size=d.size))):a=g.createElementNS(a,c);a[Of]=b;a[Pf]=d;Aj(a,b,!1,!1);b.stateNode=a;a:{g=vb(c,d);switch(c){case \"dialog\":D(\"cancel\",a);D(\"close\",a);e=d;break;case \"iframe\":case \"object\":case \"embed\":D(\"load\",a);e=d;break;case \"video\":case \"audio\":for(e=0;eHj&&(b.flags|=128,d=!0,Ej(f,!1),b.lanes=4194304)}else{if(!d)if(a=Mh(g),null!==a){if(b.flags|=128,d=!0,c=a.updateQueue,null!==c&&(b.updateQueue=c,b.flags|=4),Ej(f,!0),null===f.tail&&\"hidden\"===f.tailMode&&!g.alternate&&!I)return S(b),null}else 2*B()-f.renderingStartTime>Hj&&1073741824!==c&&(b.flags|=128,d=!0,Ej(f,!1),b.lanes=4194304);f.isBackwards?(g.sibling=b.child,b.child=g):(c=f.last,null!==c?c.sibling=g:b.child=g,f.last=g)}if(null!==f.tail)return b=f.tail,f.rendering=\nb,f.tail=b.sibling,f.renderingStartTime=B(),b.sibling=null,c=M.current,G(M,d?c&1|2:c&1),b;S(b);return null;case 22:case 23:return Ij(),d=null!==b.memoizedState,null!==a&&null!==a.memoizedState!==d&&(b.flags|=8192),d&&0!==(b.mode&1)?0!==(gj&1073741824)&&(S(b),b.subtreeFlags&6&&(b.flags|=8192)):S(b),null;case 24:return null;case 25:return null}throw Error(p(156,b.tag));}\nfunction Jj(a,b){wg(b);switch(b.tag){case 1:return Zf(b.type)&&$f(),a=b.flags,a&65536?(b.flags=a&-65537|128,b):null;case 3:return Jh(),E(Wf),E(H),Oh(),a=b.flags,0!==(a&65536)&&0===(a&128)?(b.flags=a&-65537|128,b):null;case 5:return Lh(b),null;case 13:E(M);a=b.memoizedState;if(null!==a&&null!==a.dehydrated){if(null===b.alternate)throw Error(p(340));Ig()}a=b.flags;return a&65536?(b.flags=a&-65537|128,b):null;case 19:return E(M),null;case 4:return Jh(),null;case 10:return Rg(b.type._context),null;case 22:case 23:return Ij(),\nnull;case 24:return null;default:return null}}var Kj=!1,U=!1,Lj=\"function\"===typeof WeakSet?WeakSet:Set,V=null;function Mj(a,b){var c=a.ref;if(null!==c)if(\"function\"===typeof c)try{c(null)}catch(d){W(a,b,d)}else c.current=null}function Nj(a,b,c){try{c()}catch(d){W(a,b,d)}}var Oj=!1;\nfunction Pj(a,b){Cf=dd;a=Me();if(Ne(a)){if(\"selectionStart\"in a)var c={start:a.selectionStart,end:a.selectionEnd};else a:{c=(c=a.ownerDocument)&&c.defaultView||window;var d=c.getSelection&&c.getSelection();if(d&&0!==d.rangeCount){c=d.anchorNode;var e=d.anchorOffset,f=d.focusNode;d=d.focusOffset;try{c.nodeType,f.nodeType}catch(F){c=null;break a}var g=0,h=-1,k=-1,l=0,m=0,q=a,r=null;b:for(;;){for(var y;;){q!==c||0!==e&&3!==q.nodeType||(h=g+e);q!==f||0!==d&&3!==q.nodeType||(k=g+d);3===q.nodeType&&(g+=\nq.nodeValue.length);if(null===(y=q.firstChild))break;r=q;q=y}for(;;){if(q===a)break b;r===c&&++l===e&&(h=g);r===f&&++m===d&&(k=g);if(null!==(y=q.nextSibling))break;q=r;r=q.parentNode}q=y}c=-1===h||-1===k?null:{start:h,end:k}}else c=null}c=c||{start:0,end:0}}else c=null;Df={focusedElem:a,selectionRange:c};dd=!1;for(V=b;null!==V;)if(b=V,a=b.child,0!==(b.subtreeFlags&1028)&&null!==a)a.return=b,V=a;else for(;null!==V;){b=V;try{var n=b.alternate;if(0!==(b.flags&1024))switch(b.tag){case 0:case 11:case 15:break;\ncase 1:if(null!==n){var t=n.memoizedProps,J=n.memoizedState,x=b.stateNode,w=x.getSnapshotBeforeUpdate(b.elementType===b.type?t:Lg(b.type,t),J);x.__reactInternalSnapshotBeforeUpdate=w}break;case 3:var u=b.stateNode.containerInfo;1===u.nodeType?u.textContent=\"\":9===u.nodeType&&u.documentElement&&u.removeChild(u.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(p(163));}}catch(F){W(b,b.return,F)}a=b.sibling;if(null!==a){a.return=b.return;V=a;break}V=b.return}n=Oj;Oj=!1;return n}\nfunction Qj(a,b,c){var d=b.updateQueue;d=null!==d?d.lastEffect:null;if(null!==d){var e=d=d.next;do{if((e.tag&a)===a){var f=e.destroy;e.destroy=void 0;void 0!==f&&Nj(b,c,f)}e=e.next}while(e!==d)}}function Rj(a,b){b=b.updateQueue;b=null!==b?b.lastEffect:null;if(null!==b){var c=b=b.next;do{if((c.tag&a)===a){var d=c.create;c.destroy=d()}c=c.next}while(c!==b)}}function Sj(a){var b=a.ref;if(null!==b){var c=a.stateNode;switch(a.tag){case 5:a=c;break;default:a=c}\"function\"===typeof b?b(a):b.current=a}}\nfunction Tj(a){var b=a.alternate;null!==b&&(a.alternate=null,Tj(b));a.child=null;a.deletions=null;a.sibling=null;5===a.tag&&(b=a.stateNode,null!==b&&(delete b[Of],delete b[Pf],delete b[of],delete b[Qf],delete b[Rf]));a.stateNode=null;a.return=null;a.dependencies=null;a.memoizedProps=null;a.memoizedState=null;a.pendingProps=null;a.stateNode=null;a.updateQueue=null}function Uj(a){return 5===a.tag||3===a.tag||4===a.tag}\nfunction Vj(a){a:for(;;){for(;null===a.sibling;){if(null===a.return||Uj(a.return))return null;a=a.return}a.sibling.return=a.return;for(a=a.sibling;5!==a.tag&&6!==a.tag&&18!==a.tag;){if(a.flags&2)continue a;if(null===a.child||4===a.tag)continue a;else a.child.return=a,a=a.child}if(!(a.flags&2))return a.stateNode}}\nfunction Wj(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?8===c.nodeType?c.parentNode.insertBefore(a,b):c.insertBefore(a,b):(8===c.nodeType?(b=c.parentNode,b.insertBefore(a,c)):(b=c,b.appendChild(a)),c=c._reactRootContainer,null!==c&&void 0!==c||null!==b.onclick||(b.onclick=Bf));else if(4!==d&&(a=a.child,null!==a))for(Wj(a,b,c),a=a.sibling;null!==a;)Wj(a,b,c),a=a.sibling}\nfunction Xj(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?c.insertBefore(a,b):c.appendChild(a);else if(4!==d&&(a=a.child,null!==a))for(Xj(a,b,c),a=a.sibling;null!==a;)Xj(a,b,c),a=a.sibling}var X=null,Yj=!1;function Zj(a,b,c){for(c=c.child;null!==c;)ak(a,b,c),c=c.sibling}\nfunction ak(a,b,c){if(lc&&\"function\"===typeof lc.onCommitFiberUnmount)try{lc.onCommitFiberUnmount(kc,c)}catch(h){}switch(c.tag){case 5:U||Mj(c,b);case 6:var d=X,e=Yj;X=null;Zj(a,b,c);X=d;Yj=e;null!==X&&(Yj?(a=X,c=c.stateNode,8===a.nodeType?a.parentNode.removeChild(c):a.removeChild(c)):X.removeChild(c.stateNode));break;case 18:null!==X&&(Yj?(a=X,c=c.stateNode,8===a.nodeType?Kf(a.parentNode,c):1===a.nodeType&&Kf(a,c),bd(a)):Kf(X,c.stateNode));break;case 4:d=X;e=Yj;X=c.stateNode.containerInfo;Yj=!0;\nZj(a,b,c);X=d;Yj=e;break;case 0:case 11:case 14:case 15:if(!U&&(d=c.updateQueue,null!==d&&(d=d.lastEffect,null!==d))){e=d=d.next;do{var f=e,g=f.destroy;f=f.tag;void 0!==g&&(0!==(f&2)?Nj(c,b,g):0!==(f&4)&&Nj(c,b,g));e=e.next}while(e!==d)}Zj(a,b,c);break;case 1:if(!U&&(Mj(c,b),d=c.stateNode,\"function\"===typeof d.componentWillUnmount))try{d.props=c.memoizedProps,d.state=c.memoizedState,d.componentWillUnmount()}catch(h){W(c,b,h)}Zj(a,b,c);break;case 21:Zj(a,b,c);break;case 22:c.mode&1?(U=(d=U)||null!==\nc.memoizedState,Zj(a,b,c),U=d):Zj(a,b,c);break;default:Zj(a,b,c)}}function bk(a){var b=a.updateQueue;if(null!==b){a.updateQueue=null;var c=a.stateNode;null===c&&(c=a.stateNode=new Lj);b.forEach(function(b){var d=ck.bind(null,a,b);c.has(b)||(c.add(b),b.then(d,d))})}}\nfunction dk(a,b){var c=b.deletions;if(null!==c)for(var d=0;de&&(e=g);d&=~f}d=e;d=B()-d;d=(120>d?120:480>d?480:1080>d?1080:1920>d?1920:3E3>d?3E3:4320>d?4320:1960*mk(d/1960))-d;if(10a?16:a;if(null===xk)var d=!1;else{a=xk;xk=null;yk=0;if(0!==(K&6))throw Error(p(331));var e=K;K|=4;for(V=a.current;null!==V;){var f=V,g=f.child;if(0!==(V.flags&16)){var h=f.deletions;if(null!==h){for(var k=0;kB()-gk?Lk(a,0):sk|=c);Ek(a,b)}function Zk(a,b){0===b&&(0===(a.mode&1)?b=1:(b=sc,sc<<=1,0===(sc&130023424)&&(sc=4194304)));var c=L();a=Zg(a,b);null!==a&&(Ac(a,b,c),Ek(a,c))}function vj(a){var b=a.memoizedState,c=0;null!==b&&(c=b.retryLane);Zk(a,c)}\nfunction ck(a,b){var c=0;switch(a.tag){case 13:var d=a.stateNode;var e=a.memoizedState;null!==e&&(c=e.retryLane);break;case 19:d=a.stateNode;break;default:throw Error(p(314));}null!==d&&d.delete(b);Zk(a,c)}var Wk;\nWk=function(a,b,c){if(null!==a)if(a.memoizedProps!==b.pendingProps||Wf.current)Ug=!0;else{if(0===(a.lanes&c)&&0===(b.flags&128))return Ug=!1,zj(a,b,c);Ug=0!==(a.flags&131072)?!0:!1}else Ug=!1,I&&0!==(b.flags&1048576)&&ug(b,ng,b.index);b.lanes=0;switch(b.tag){case 2:var d=b.type;jj(a,b);a=b.pendingProps;var e=Yf(b,H.current);Tg(b,c);e=Xh(null,b,d,a,e,c);var f=bi();b.flags|=1;\"object\"===typeof e&&null!==e&&\"function\"===typeof e.render&&void 0===e.$$typeof?(b.tag=1,b.memoizedState=null,b.updateQueue=\nnull,Zf(d)?(f=!0,cg(b)):f=!1,b.memoizedState=null!==e.state&&void 0!==e.state?e.state:null,ah(b),e.updater=nh,b.stateNode=e,e._reactInternals=b,rh(b,d,a,c),b=kj(null,b,d,!0,f,c)):(b.tag=0,I&&f&&vg(b),Yi(null,b,e,c),b=b.child);return b;case 16:d=b.elementType;a:{jj(a,b);a=b.pendingProps;e=d._init;d=e(d._payload);b.type=d;e=b.tag=$k(d);a=Lg(d,a);switch(e){case 0:b=dj(null,b,d,a,c);break a;case 1:b=ij(null,b,d,a,c);break a;case 11:b=Zi(null,b,d,a,c);break a;case 14:b=aj(null,b,d,Lg(d.type,a),c);break a}throw Error(p(306,\nd,\"\"));}return b;case 0:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Lg(d,e),dj(a,b,d,e,c);case 1:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Lg(d,e),ij(a,b,d,e,c);case 3:a:{lj(b);if(null===a)throw Error(p(387));d=b.pendingProps;f=b.memoizedState;e=f.element;bh(a,b);gh(b,d,null,c);var g=b.memoizedState;d=g.element;if(f.isDehydrated)if(f={element:d,isDehydrated:!1,cache:g.cache,pendingSuspenseBoundaries:g.pendingSuspenseBoundaries,transitions:g.transitions},b.updateQueue.baseState=\nf,b.memoizedState=f,b.flags&256){e=Ki(Error(p(423)),b);b=mj(a,b,d,c,e);break a}else if(d!==e){e=Ki(Error(p(424)),b);b=mj(a,b,d,c,e);break a}else for(yg=Lf(b.stateNode.containerInfo.firstChild),xg=b,I=!0,zg=null,c=Ch(b,null,d,c),b.child=c;c;)c.flags=c.flags&-3|4096,c=c.sibling;else{Ig();if(d===e){b=$i(a,b,c);break a}Yi(a,b,d,c)}b=b.child}return b;case 5:return Kh(b),null===a&&Eg(b),d=b.type,e=b.pendingProps,f=null!==a?a.memoizedProps:null,g=e.children,Ef(d,e)?g=null:null!==f&&Ef(d,f)&&(b.flags|=32),\nhj(a,b),Yi(a,b,g,c),b.child;case 6:return null===a&&Eg(b),null;case 13:return pj(a,b,c);case 4:return Ih(b,b.stateNode.containerInfo),d=b.pendingProps,null===a?b.child=Bh(b,null,d,c):Yi(a,b,d,c),b.child;case 11:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Lg(d,e),Zi(a,b,d,e,c);case 7:return Yi(a,b,b.pendingProps,c),b.child;case 8:return Yi(a,b,b.pendingProps.children,c),b.child;case 12:return Yi(a,b,b.pendingProps.children,c),b.child;case 10:a:{d=b.type._context;e=b.pendingProps;f=b.memoizedProps;\ng=e.value;G(Mg,d._currentValue);d._currentValue=g;if(null!==f)if(He(f.value,g)){if(f.children===e.children&&!Wf.current){b=$i(a,b,c);break a}}else for(f=b.child,null!==f&&(f.return=b);null!==f;){var h=f.dependencies;if(null!==h){g=f.child;for(var k=h.firstContext;null!==k;){if(k.context===d){if(1===f.tag){k=ch(-1,c&-c);k.tag=2;var l=f.updateQueue;if(null!==l){l=l.shared;var m=l.pending;null===m?k.next=k:(k.next=m.next,m.next=k);l.pending=k}}f.lanes|=c;k=f.alternate;null!==k&&(k.lanes|=c);Sg(f.return,\nc,b);h.lanes|=c;break}k=k.next}}else if(10===f.tag)g=f.type===b.type?null:f.child;else if(18===f.tag){g=f.return;if(null===g)throw Error(p(341));g.lanes|=c;h=g.alternate;null!==h&&(h.lanes|=c);Sg(g,c,b);g=f.sibling}else g=f.child;if(null!==g)g.return=f;else for(g=f;null!==g;){if(g===b){g=null;break}f=g.sibling;if(null!==f){f.return=g.return;g=f;break}g=g.return}f=g}Yi(a,b,e.children,c);b=b.child}return b;case 9:return e=b.type,d=b.pendingProps.children,Tg(b,c),e=Vg(e),d=d(e),b.flags|=1,Yi(a,b,d,c),\nb.child;case 14:return d=b.type,e=Lg(d,b.pendingProps),e=Lg(d.type,e),aj(a,b,d,e,c);case 15:return cj(a,b,b.type,b.pendingProps,c);case 17:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Lg(d,e),jj(a,b),b.tag=1,Zf(d)?(a=!0,cg(b)):a=!1,Tg(b,c),ph(b,d,e),rh(b,d,e,c),kj(null,b,d,!0,a,c);case 19:return yj(a,b,c);case 22:return ej(a,b,c)}throw Error(p(156,b.tag));};function Gk(a,b){return ac(a,b)}\nfunction al(a,b,c,d){this.tag=a;this.key=c;this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null;this.index=0;this.ref=null;this.pendingProps=b;this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null;this.mode=d;this.subtreeFlags=this.flags=0;this.deletions=null;this.childLanes=this.lanes=0;this.alternate=null}function Bg(a,b,c,d){return new al(a,b,c,d)}function bj(a){a=a.prototype;return!(!a||!a.isReactComponent)}\nfunction $k(a){if(\"function\"===typeof a)return bj(a)?1:0;if(void 0!==a&&null!==a){a=a.$$typeof;if(a===Da)return 11;if(a===Ga)return 14}return 2}\nfunction wh(a,b){var c=a.alternate;null===c?(c=Bg(a.tag,b,a.key,a.mode),c.elementType=a.elementType,c.type=a.type,c.stateNode=a.stateNode,c.alternate=a,a.alternate=c):(c.pendingProps=b,c.type=a.type,c.flags=0,c.subtreeFlags=0,c.deletions=null);c.flags=a.flags&14680064;c.childLanes=a.childLanes;c.lanes=a.lanes;c.child=a.child;c.memoizedProps=a.memoizedProps;c.memoizedState=a.memoizedState;c.updateQueue=a.updateQueue;b=a.dependencies;c.dependencies=null===b?null:{lanes:b.lanes,firstContext:b.firstContext};\nc.sibling=a.sibling;c.index=a.index;c.ref=a.ref;return c}\nfunction yh(a,b,c,d,e,f){var g=2;d=a;if(\"function\"===typeof a)bj(a)&&(g=1);else if(\"string\"===typeof a)g=5;else a:switch(a){case ya:return Ah(c.children,e,f,b);case za:g=8;e|=8;break;case Aa:return a=Bg(12,c,b,e|2),a.elementType=Aa,a.lanes=f,a;case Ea:return a=Bg(13,c,b,e),a.elementType=Ea,a.lanes=f,a;case Fa:return a=Bg(19,c,b,e),a.elementType=Fa,a.lanes=f,a;case Ia:return qj(c,e,f,b);default:if(\"object\"===typeof a&&null!==a)switch(a.$$typeof){case Ba:g=10;break a;case Ca:g=9;break a;case Da:g=11;\nbreak a;case Ga:g=14;break a;case Ha:g=16;d=null;break a}throw Error(p(130,null==a?a:typeof a,\"\"));}b=Bg(g,c,b,e);b.elementType=a;b.type=d;b.lanes=f;return b}function Ah(a,b,c,d){a=Bg(7,a,d,b);a.lanes=c;return a}function qj(a,b,c,d){a=Bg(22,a,d,b);a.elementType=Ia;a.lanes=c;a.stateNode={isHidden:!1};return a}function xh(a,b,c){a=Bg(6,a,null,b);a.lanes=c;return a}\nfunction zh(a,b,c){b=Bg(4,null!==a.children?a.children:[],a.key,b);b.lanes=c;b.stateNode={containerInfo:a.containerInfo,pendingChildren:null,implementation:a.implementation};return b}\nfunction bl(a,b,c,d,e){this.tag=b;this.containerInfo=a;this.finishedWork=this.pingCache=this.current=this.pendingChildren=null;this.timeoutHandle=-1;this.callbackNode=this.pendingContext=this.context=null;this.callbackPriority=0;this.eventTimes=zc(0);this.expirationTimes=zc(-1);this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0;this.entanglements=zc(0);this.identifierPrefix=d;this.onRecoverableError=e;this.mutableSourceEagerHydrationData=\nnull}function cl(a,b,c,d,e,f,g,h,k){a=new bl(a,b,c,h,k);1===b?(b=1,!0===f&&(b|=8)):b=0;f=Bg(3,null,null,b);a.current=f;f.stateNode=a;f.memoizedState={element:d,isDehydrated:c,cache:null,transitions:null,pendingSuspenseBoundaries:null};ah(f);return a}function dl(a,b,c){var d=3 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;\n scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;\n }\n\n var _ref = isElement(element) ? getWindow(element) : window,\n visualViewport = _ref.visualViewport;\n\n var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;\n var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;\n var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;\n var width = clientRect.width / scaleX;\n var height = clientRect.height / scaleY;\n return {\n width: width,\n height: height,\n top: y,\n right: x + width,\n bottom: y + height,\n left: x,\n x: x,\n y: y\n };\n}","import getBoundingClientRect from \"./getBoundingClientRect.js\"; // Returns the layout rect of an element relative to its offsetParent. Layout\n// means it doesn't take into account transforms.\n\nexport default function getLayoutRect(element) {\n var clientRect = getBoundingClientRect(element); // Use the clientRect sizes if it's not been transformed.\n // Fixes https://github.com/popperjs/popper-core/issues/1223\n\n var width = element.offsetWidth;\n var height = element.offsetHeight;\n\n if (Math.abs(clientRect.width - width) <= 1) {\n width = clientRect.width;\n }\n\n if (Math.abs(clientRect.height - height) <= 1) {\n height = clientRect.height;\n }\n\n return {\n x: element.offsetLeft,\n y: element.offsetTop,\n width: width,\n height: height\n };\n}","import { isShadowRoot } from \"./instanceOf.js\";\nexport default function contains(parent, child) {\n var rootNode = child.getRootNode && child.getRootNode(); // First, attempt with faster native method\n\n if (parent.contains(child)) {\n return true;\n } // then fallback to custom implementation with Shadow DOM support\n else if (rootNode && isShadowRoot(rootNode)) {\n var next = child;\n\n do {\n if (next && parent.isSameNode(next)) {\n return true;\n } // $FlowFixMe[prop-missing]: need a better way to handle this...\n\n\n next = next.parentNode || next.host;\n } while (next);\n } // Give up, the result is false\n\n\n return false;\n}","import getWindow from \"./getWindow.js\";\nexport default function getComputedStyle(element) {\n return getWindow(element).getComputedStyle(element);\n}","import getNodeName from \"./getNodeName.js\";\nexport default function isTableElement(element) {\n return ['table', 'td', 'th'].indexOf(getNodeName(element)) >= 0;\n}","import { isElement } from \"./instanceOf.js\";\nexport default function getDocumentElement(element) {\n // $FlowFixMe[incompatible-return]: assume body is always available\n return ((isElement(element) ? element.ownerDocument : // $FlowFixMe[prop-missing]\n element.document) || window.document).documentElement;\n}","import getNodeName from \"./getNodeName.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport { isShadowRoot } from \"./instanceOf.js\";\nexport default function getParentNode(element) {\n if (getNodeName(element) === 'html') {\n return element;\n }\n\n return (// this is a quicker (but less type safe) way to save quite some bytes from the bundle\n // $FlowFixMe[incompatible-return]\n // $FlowFixMe[prop-missing]\n element.assignedSlot || // step into the shadow DOM of the parent of a slotted node\n element.parentNode || ( // DOM Element detected\n isShadowRoot(element) ? element.host : null) || // ShadowRoot detected\n // $FlowFixMe[incompatible-call]: HTMLElement is a Node\n getDocumentElement(element) // fallback\n\n );\n}","import getWindow from \"./getWindow.js\";\nimport getNodeName from \"./getNodeName.js\";\nimport getComputedStyle from \"./getComputedStyle.js\";\nimport { isHTMLElement, isShadowRoot } from \"./instanceOf.js\";\nimport isTableElement from \"./isTableElement.js\";\nimport getParentNode from \"./getParentNode.js\";\nimport getUAString from \"../utils/userAgent.js\";\n\nfunction getTrueOffsetParent(element) {\n if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837\n getComputedStyle(element).position === 'fixed') {\n return null;\n }\n\n return element.offsetParent;\n} // `.offsetParent` reports `null` for fixed elements, while absolute elements\n// return the containing block\n\n\nfunction getContainingBlock(element) {\n var isFirefox = /firefox/i.test(getUAString());\n var isIE = /Trident/i.test(getUAString());\n\n if (isIE && isHTMLElement(element)) {\n // In IE 9, 10 and 11 fixed elements containing block is always established by the viewport\n var elementCss = getComputedStyle(element);\n\n if (elementCss.position === 'fixed') {\n return null;\n }\n }\n\n var currentNode = getParentNode(element);\n\n if (isShadowRoot(currentNode)) {\n currentNode = currentNode.host;\n }\n\n while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) {\n var css = getComputedStyle(currentNode); // This is non-exhaustive but covers the most common CSS properties that\n // create a containing block.\n // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n\n if (css.transform !== 'none' || css.perspective !== 'none' || css.contain === 'paint' || ['transform', 'perspective'].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === 'filter' || isFirefox && css.filter && css.filter !== 'none') {\n return currentNode;\n } else {\n currentNode = currentNode.parentNode;\n }\n }\n\n return null;\n} // Gets the closest ancestor positioned element. Handles some edge cases,\n// such as table ancestors and cross browser bugs.\n\n\nexport default function getOffsetParent(element) {\n var window = getWindow(element);\n var offsetParent = getTrueOffsetParent(element);\n\n while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === 'static') {\n offsetParent = getTrueOffsetParent(offsetParent);\n }\n\n if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle(offsetParent).position === 'static')) {\n return window;\n }\n\n return offsetParent || getContainingBlock(element) || window;\n}","export default function getMainAxisFromPlacement(placement) {\n return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y';\n}","import { max as mathMax, min as mathMin } from \"./math.js\";\nexport function within(min, value, max) {\n return mathMax(min, mathMin(value, max));\n}\nexport function withinMaxClamp(min, value, max) {\n var v = within(min, value, max);\n return v > max ? max : v;\n}","export default function getFreshSideObject() {\n return {\n top: 0,\n right: 0,\n bottom: 0,\n left: 0\n };\n}","import getFreshSideObject from \"./getFreshSideObject.js\";\nexport default function mergePaddingObject(paddingObject) {\n return Object.assign({}, getFreshSideObject(), paddingObject);\n}","export default function expandToHashMap(value, keys) {\n return keys.reduce(function (hashMap, key) {\n hashMap[key] = value;\n return hashMap;\n }, {});\n}","import getBasePlacement from \"../utils/getBasePlacement.js\";\nimport getLayoutRect from \"../dom-utils/getLayoutRect.js\";\nimport contains from \"../dom-utils/contains.js\";\nimport getOffsetParent from \"../dom-utils/getOffsetParent.js\";\nimport getMainAxisFromPlacement from \"../utils/getMainAxisFromPlacement.js\";\nimport { within } from \"../utils/within.js\";\nimport mergePaddingObject from \"../utils/mergePaddingObject.js\";\nimport expandToHashMap from \"../utils/expandToHashMap.js\";\nimport { left, right, basePlacements, top, bottom } from \"../enums.js\"; // eslint-disable-next-line import/no-unused-modules\n\nvar toPaddingObject = function toPaddingObject(padding, state) {\n padding = typeof padding === 'function' ? padding(Object.assign({}, state.rects, {\n placement: state.placement\n })) : padding;\n return mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));\n};\n\nfunction arrow(_ref) {\n var _state$modifiersData$;\n\n var state = _ref.state,\n name = _ref.name,\n options = _ref.options;\n var arrowElement = state.elements.arrow;\n var popperOffsets = state.modifiersData.popperOffsets;\n var basePlacement = getBasePlacement(state.placement);\n var axis = getMainAxisFromPlacement(basePlacement);\n var isVertical = [left, right].indexOf(basePlacement) >= 0;\n var len = isVertical ? 'height' : 'width';\n\n if (!arrowElement || !popperOffsets) {\n return;\n }\n\n var paddingObject = toPaddingObject(options.padding, state);\n var arrowRect = getLayoutRect(arrowElement);\n var minProp = axis === 'y' ? top : left;\n var maxProp = axis === 'y' ? bottom : right;\n var endDiff = state.rects.reference[len] + state.rects.reference[axis] - popperOffsets[axis] - state.rects.popper[len];\n var startDiff = popperOffsets[axis] - state.rects.reference[axis];\n var arrowOffsetParent = getOffsetParent(arrowElement);\n var clientSize = arrowOffsetParent ? axis === 'y' ? arrowOffsetParent.clientHeight || 0 : arrowOffsetParent.clientWidth || 0 : 0;\n var centerToReference = endDiff / 2 - startDiff / 2; // Make sure the arrow doesn't overflow the popper if the center point is\n // outside of the popper bounds\n\n var min = paddingObject[minProp];\n var max = clientSize - arrowRect[len] - paddingObject[maxProp];\n var center = clientSize / 2 - arrowRect[len] / 2 + centerToReference;\n var offset = within(min, center, max); // Prevents breaking syntax highlighting...\n\n var axisProp = axis;\n state.modifiersData[name] = (_state$modifiersData$ = {}, _state$modifiersData$[axisProp] = offset, _state$modifiersData$.centerOffset = offset - center, _state$modifiersData$);\n}\n\nfunction effect(_ref2) {\n var state = _ref2.state,\n options = _ref2.options;\n var _options$element = options.element,\n arrowElement = _options$element === void 0 ? '[data-popper-arrow]' : _options$element;\n\n if (arrowElement == null) {\n return;\n } // CSS selector\n\n\n if (typeof arrowElement === 'string') {\n arrowElement = state.elements.popper.querySelector(arrowElement);\n\n if (!arrowElement) {\n return;\n }\n }\n\n if (!contains(state.elements.popper, arrowElement)) {\n return;\n }\n\n state.elements.arrow = arrowElement;\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'arrow',\n enabled: true,\n phase: 'main',\n fn: arrow,\n effect: effect,\n requires: ['popperOffsets'],\n requiresIfExists: ['preventOverflow']\n};","export default function getVariation(placement) {\n return placement.split('-')[1];\n}","import { top, left, right, bottom, end } from \"../enums.js\";\nimport getOffsetParent from \"../dom-utils/getOffsetParent.js\";\nimport getWindow from \"../dom-utils/getWindow.js\";\nimport getDocumentElement from \"../dom-utils/getDocumentElement.js\";\nimport getComputedStyle from \"../dom-utils/getComputedStyle.js\";\nimport getBasePlacement from \"../utils/getBasePlacement.js\";\nimport getVariation from \"../utils/getVariation.js\";\nimport { round } from \"../utils/math.js\"; // eslint-disable-next-line import/no-unused-modules\n\nvar unsetSides = {\n top: 'auto',\n right: 'auto',\n bottom: 'auto',\n left: 'auto'\n}; // Round the offsets to the nearest suitable subpixel based on the DPR.\n// Zooming can change the DPR, but it seems to report a value that will\n// cleanly divide the values into the appropriate subpixels.\n\nfunction roundOffsetsByDPR(_ref, win) {\n var x = _ref.x,\n y = _ref.y;\n var dpr = win.devicePixelRatio || 1;\n return {\n x: round(x * dpr) / dpr || 0,\n y: round(y * dpr) / dpr || 0\n };\n}\n\nexport function mapToStyles(_ref2) {\n var _Object$assign2;\n\n var popper = _ref2.popper,\n popperRect = _ref2.popperRect,\n placement = _ref2.placement,\n variation = _ref2.variation,\n offsets = _ref2.offsets,\n position = _ref2.position,\n gpuAcceleration = _ref2.gpuAcceleration,\n adaptive = _ref2.adaptive,\n roundOffsets = _ref2.roundOffsets,\n isFixed = _ref2.isFixed;\n var _offsets$x = offsets.x,\n x = _offsets$x === void 0 ? 0 : _offsets$x,\n _offsets$y = offsets.y,\n y = _offsets$y === void 0 ? 0 : _offsets$y;\n\n var _ref3 = typeof roundOffsets === 'function' ? roundOffsets({\n x: x,\n y: y\n }) : {\n x: x,\n y: y\n };\n\n x = _ref3.x;\n y = _ref3.y;\n var hasX = offsets.hasOwnProperty('x');\n var hasY = offsets.hasOwnProperty('y');\n var sideX = left;\n var sideY = top;\n var win = window;\n\n if (adaptive) {\n var offsetParent = getOffsetParent(popper);\n var heightProp = 'clientHeight';\n var widthProp = 'clientWidth';\n\n if (offsetParent === getWindow(popper)) {\n offsetParent = getDocumentElement(popper);\n\n if (getComputedStyle(offsetParent).position !== 'static' && position === 'absolute') {\n heightProp = 'scrollHeight';\n widthProp = 'scrollWidth';\n }\n } // $FlowFixMe[incompatible-cast]: force type refinement, we compare offsetParent with window above, but Flow doesn't detect it\n\n\n offsetParent = offsetParent;\n\n if (placement === top || (placement === left || placement === right) && variation === end) {\n sideY = bottom;\n var offsetY = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.height : // $FlowFixMe[prop-missing]\n offsetParent[heightProp];\n y -= offsetY - popperRect.height;\n y *= gpuAcceleration ? 1 : -1;\n }\n\n if (placement === left || (placement === top || placement === bottom) && variation === end) {\n sideX = right;\n var offsetX = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.width : // $FlowFixMe[prop-missing]\n offsetParent[widthProp];\n x -= offsetX - popperRect.width;\n x *= gpuAcceleration ? 1 : -1;\n }\n }\n\n var commonStyles = Object.assign({\n position: position\n }, adaptive && unsetSides);\n\n var _ref4 = roundOffsets === true ? roundOffsetsByDPR({\n x: x,\n y: y\n }, getWindow(popper)) : {\n x: x,\n y: y\n };\n\n x = _ref4.x;\n y = _ref4.y;\n\n if (gpuAcceleration) {\n var _Object$assign;\n\n return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) <= 1 ? \"translate(\" + x + \"px, \" + y + \"px)\" : \"translate3d(\" + x + \"px, \" + y + \"px, 0)\", _Object$assign));\n }\n\n return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + \"px\" : '', _Object$assign2[sideX] = hasX ? x + \"px\" : '', _Object$assign2.transform = '', _Object$assign2));\n}\n\nfunction computeStyles(_ref5) {\n var state = _ref5.state,\n options = _ref5.options;\n var _options$gpuAccelerat = options.gpuAcceleration,\n gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat,\n _options$adaptive = options.adaptive,\n adaptive = _options$adaptive === void 0 ? true : _options$adaptive,\n _options$roundOffsets = options.roundOffsets,\n roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;\n var commonStyles = {\n placement: getBasePlacement(state.placement),\n variation: getVariation(state.placement),\n popper: state.elements.popper,\n popperRect: state.rects.popper,\n gpuAcceleration: gpuAcceleration,\n isFixed: state.options.strategy === 'fixed'\n };\n\n if (state.modifiersData.popperOffsets != null) {\n state.styles.popper = Object.assign({}, state.styles.popper, mapToStyles(Object.assign({}, commonStyles, {\n offsets: state.modifiersData.popperOffsets,\n position: state.options.strategy,\n adaptive: adaptive,\n roundOffsets: roundOffsets\n })));\n }\n\n if (state.modifiersData.arrow != null) {\n state.styles.arrow = Object.assign({}, state.styles.arrow, mapToStyles(Object.assign({}, commonStyles, {\n offsets: state.modifiersData.arrow,\n position: 'absolute',\n adaptive: false,\n roundOffsets: roundOffsets\n })));\n }\n\n state.attributes.popper = Object.assign({}, state.attributes.popper, {\n 'data-popper-placement': state.placement\n });\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'computeStyles',\n enabled: true,\n phase: 'beforeWrite',\n fn: computeStyles,\n data: {}\n};","import getWindow from \"../dom-utils/getWindow.js\"; // eslint-disable-next-line import/no-unused-modules\n\nvar passive = {\n passive: true\n};\n\nfunction effect(_ref) {\n var state = _ref.state,\n instance = _ref.instance,\n options = _ref.options;\n var _options$scroll = options.scroll,\n scroll = _options$scroll === void 0 ? true : _options$scroll,\n _options$resize = options.resize,\n resize = _options$resize === void 0 ? true : _options$resize;\n var window = getWindow(state.elements.popper);\n var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper);\n\n if (scroll) {\n scrollParents.forEach(function (scrollParent) {\n scrollParent.addEventListener('scroll', instance.update, passive);\n });\n }\n\n if (resize) {\n window.addEventListener('resize', instance.update, passive);\n }\n\n return function () {\n if (scroll) {\n scrollParents.forEach(function (scrollParent) {\n scrollParent.removeEventListener('scroll', instance.update, passive);\n });\n }\n\n if (resize) {\n window.removeEventListener('resize', instance.update, passive);\n }\n };\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'eventListeners',\n enabled: true,\n phase: 'write',\n fn: function fn() {},\n effect: effect,\n data: {}\n};","var hash = {\n left: 'right',\n right: 'left',\n bottom: 'top',\n top: 'bottom'\n};\nexport default function getOppositePlacement(placement) {\n return placement.replace(/left|right|bottom|top/g, function (matched) {\n return hash[matched];\n });\n}","var hash = {\n start: 'end',\n end: 'start'\n};\nexport default function getOppositeVariationPlacement(placement) {\n return placement.replace(/start|end/g, function (matched) {\n return hash[matched];\n });\n}","import getWindow from \"./getWindow.js\";\nexport default function getWindowScroll(node) {\n var win = getWindow(node);\n var scrollLeft = win.pageXOffset;\n var scrollTop = win.pageYOffset;\n return {\n scrollLeft: scrollLeft,\n scrollTop: scrollTop\n };\n}","import getBoundingClientRect from \"./getBoundingClientRect.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport getWindowScroll from \"./getWindowScroll.js\";\nexport default function getWindowScrollBarX(element) {\n // If has a CSS width greater than the viewport, then this will be\n // incorrect for RTL.\n // Popper 1 is broken in this case and never had a bug report so let's assume\n // it's not an issue. I don't think anyone ever specifies width on \n // anyway.\n // Browsers where the left scrollbar doesn't cause an issue report `0` for\n // this (e.g. Edge 2019, IE11, Safari)\n return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;\n}","import getWindow from \"./getWindow.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport getWindowScrollBarX from \"./getWindowScrollBarX.js\";\nimport isLayoutViewport from \"./isLayoutViewport.js\";\nexport default function getViewportRect(element, strategy) {\n var win = getWindow(element);\n var html = getDocumentElement(element);\n var visualViewport = win.visualViewport;\n var width = html.clientWidth;\n var height = html.clientHeight;\n var x = 0;\n var y = 0;\n\n if (visualViewport) {\n width = visualViewport.width;\n height = visualViewport.height;\n var layoutViewport = isLayoutViewport();\n\n if (layoutViewport || !layoutViewport && strategy === 'fixed') {\n x = visualViewport.offsetLeft;\n y = visualViewport.offsetTop;\n }\n }\n\n return {\n width: width,\n height: height,\n x: x + getWindowScrollBarX(element),\n y: y\n };\n}","import getDocumentElement from \"./getDocumentElement.js\";\nimport getComputedStyle from \"./getComputedStyle.js\";\nimport getWindowScrollBarX from \"./getWindowScrollBarX.js\";\nimport getWindowScroll from \"./getWindowScroll.js\";\nimport { max } from \"../utils/math.js\"; // Gets the entire size of the scrollable document area, even extending outside\n// of the `` and `` rect bounds if horizontally scrollable\n\nexport default function getDocumentRect(element) {\n var _element$ownerDocumen;\n\n var html = getDocumentElement(element);\n var winScroll = getWindowScroll(element);\n var body = (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body;\n var width = max(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);\n var height = max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);\n var x = -winScroll.scrollLeft + getWindowScrollBarX(element);\n var y = -winScroll.scrollTop;\n\n if (getComputedStyle(body || html).direction === 'rtl') {\n x += max(html.clientWidth, body ? body.clientWidth : 0) - width;\n }\n\n return {\n width: width,\n height: height,\n x: x,\n y: y\n };\n}","import getComputedStyle from \"./getComputedStyle.js\";\nexport default function isScrollParent(element) {\n // Firefox wants us to check `-x` and `-y` variations as well\n var _getComputedStyle = getComputedStyle(element),\n overflow = _getComputedStyle.overflow,\n overflowX = _getComputedStyle.overflowX,\n overflowY = _getComputedStyle.overflowY;\n\n return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);\n}","import getParentNode from \"./getParentNode.js\";\nimport isScrollParent from \"./isScrollParent.js\";\nimport getNodeName from \"./getNodeName.js\";\nimport { isHTMLElement } from \"./instanceOf.js\";\nexport default function getScrollParent(node) {\n if (['html', 'body', '#document'].indexOf(getNodeName(node)) >= 0) {\n // $FlowFixMe[incompatible-return]: assume body is always available\n return node.ownerDocument.body;\n }\n\n if (isHTMLElement(node) && isScrollParent(node)) {\n return node;\n }\n\n return getScrollParent(getParentNode(node));\n}","import getScrollParent from \"./getScrollParent.js\";\nimport getParentNode from \"./getParentNode.js\";\nimport getWindow from \"./getWindow.js\";\nimport isScrollParent from \"./isScrollParent.js\";\n/*\ngiven a DOM element, return the list of all scroll parents, up the list of ancesors\nuntil we get to the top window object. This list is what we attach scroll listeners\nto, because if any of these parent elements scroll, we'll need to re-calculate the\nreference element's position.\n*/\n\nexport default function listScrollParents(element, list) {\n var _element$ownerDocumen;\n\n if (list === void 0) {\n list = [];\n }\n\n var scrollParent = getScrollParent(element);\n var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);\n var win = getWindow(scrollParent);\n var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;\n var updatedList = list.concat(target);\n return isBody ? updatedList : // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here\n updatedList.concat(listScrollParents(getParentNode(target)));\n}","export default function rectToClientRect(rect) {\n return Object.assign({}, rect, {\n left: rect.x,\n top: rect.y,\n right: rect.x + rect.width,\n bottom: rect.y + rect.height\n });\n}","import { viewport } from \"../enums.js\";\nimport getViewportRect from \"./getViewportRect.js\";\nimport getDocumentRect from \"./getDocumentRect.js\";\nimport listScrollParents from \"./listScrollParents.js\";\nimport getOffsetParent from \"./getOffsetParent.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport getComputedStyle from \"./getComputedStyle.js\";\nimport { isElement, isHTMLElement } from \"./instanceOf.js\";\nimport getBoundingClientRect from \"./getBoundingClientRect.js\";\nimport getParentNode from \"./getParentNode.js\";\nimport contains from \"./contains.js\";\nimport getNodeName from \"./getNodeName.js\";\nimport rectToClientRect from \"../utils/rectToClientRect.js\";\nimport { max, min } from \"../utils/math.js\";\n\nfunction getInnerBoundingClientRect(element, strategy) {\n var rect = getBoundingClientRect(element, false, strategy === 'fixed');\n rect.top = rect.top + element.clientTop;\n rect.left = rect.left + element.clientLeft;\n rect.bottom = rect.top + element.clientHeight;\n rect.right = rect.left + element.clientWidth;\n rect.width = element.clientWidth;\n rect.height = element.clientHeight;\n rect.x = rect.left;\n rect.y = rect.top;\n return rect;\n}\n\nfunction getClientRectFromMixedType(element, clippingParent, strategy) {\n return clippingParent === viewport ? rectToClientRect(getViewportRect(element, strategy)) : isElement(clippingParent) ? getInnerBoundingClientRect(clippingParent, strategy) : rectToClientRect(getDocumentRect(getDocumentElement(element)));\n} // A \"clipping parent\" is an overflowable container with the characteristic of\n// clipping (or hiding) overflowing elements with a position different from\n// `initial`\n\n\nfunction getClippingParents(element) {\n var clippingParents = listScrollParents(getParentNode(element));\n var canEscapeClipping = ['absolute', 'fixed'].indexOf(getComputedStyle(element).position) >= 0;\n var clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;\n\n if (!isElement(clipperElement)) {\n return [];\n } // $FlowFixMe[incompatible-return]: https://github.com/facebook/flow/issues/1414\n\n\n return clippingParents.filter(function (clippingParent) {\n return isElement(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body';\n });\n} // Gets the maximum area that the element is visible in due to any number of\n// clipping parents\n\n\nexport default function getClippingRect(element, boundary, rootBoundary, strategy) {\n var mainClippingParents = boundary === 'clippingParents' ? getClippingParents(element) : [].concat(boundary);\n var clippingParents = [].concat(mainClippingParents, [rootBoundary]);\n var firstClippingParent = clippingParents[0];\n var clippingRect = clippingParents.reduce(function (accRect, clippingParent) {\n var rect = getClientRectFromMixedType(element, clippingParent, strategy);\n accRect.top = max(rect.top, accRect.top);\n accRect.right = min(rect.right, accRect.right);\n accRect.bottom = min(rect.bottom, accRect.bottom);\n accRect.left = max(rect.left, accRect.left);\n return accRect;\n }, getClientRectFromMixedType(element, firstClippingParent, strategy));\n clippingRect.width = clippingRect.right - clippingRect.left;\n clippingRect.height = clippingRect.bottom - clippingRect.top;\n clippingRect.x = clippingRect.left;\n clippingRect.y = clippingRect.top;\n return clippingRect;\n}","import getBasePlacement from \"./getBasePlacement.js\";\nimport getVariation from \"./getVariation.js\";\nimport getMainAxisFromPlacement from \"./getMainAxisFromPlacement.js\";\nimport { top, right, bottom, left, start, end } from \"../enums.js\";\nexport default function computeOffsets(_ref) {\n var reference = _ref.reference,\n element = _ref.element,\n placement = _ref.placement;\n var basePlacement = placement ? getBasePlacement(placement) : null;\n var variation = placement ? getVariation(placement) : null;\n var commonX = reference.x + reference.width / 2 - element.width / 2;\n var commonY = reference.y + reference.height / 2 - element.height / 2;\n var offsets;\n\n switch (basePlacement) {\n case top:\n offsets = {\n x: commonX,\n y: reference.y - element.height\n };\n break;\n\n case bottom:\n offsets = {\n x: commonX,\n y: reference.y + reference.height\n };\n break;\n\n case right:\n offsets = {\n x: reference.x + reference.width,\n y: commonY\n };\n break;\n\n case left:\n offsets = {\n x: reference.x - element.width,\n y: commonY\n };\n break;\n\n default:\n offsets = {\n x: reference.x,\n y: reference.y\n };\n }\n\n var mainAxis = basePlacement ? getMainAxisFromPlacement(basePlacement) : null;\n\n if (mainAxis != null) {\n var len = mainAxis === 'y' ? 'height' : 'width';\n\n switch (variation) {\n case start:\n offsets[mainAxis] = offsets[mainAxis] - (reference[len] / 2 - element[len] / 2);\n break;\n\n case end:\n offsets[mainAxis] = offsets[mainAxis] + (reference[len] / 2 - element[len] / 2);\n break;\n\n default:\n }\n }\n\n return offsets;\n}","import getClippingRect from \"../dom-utils/getClippingRect.js\";\nimport getDocumentElement from \"../dom-utils/getDocumentElement.js\";\nimport getBoundingClientRect from \"../dom-utils/getBoundingClientRect.js\";\nimport computeOffsets from \"./computeOffsets.js\";\nimport rectToClientRect from \"./rectToClientRect.js\";\nimport { clippingParents, reference, popper, bottom, top, right, basePlacements, viewport } from \"../enums.js\";\nimport { isElement } from \"../dom-utils/instanceOf.js\";\nimport mergePaddingObject from \"./mergePaddingObject.js\";\nimport expandToHashMap from \"./expandToHashMap.js\"; // eslint-disable-next-line import/no-unused-modules\n\nexport default function detectOverflow(state, options) {\n if (options === void 0) {\n options = {};\n }\n\n var _options = options,\n _options$placement = _options.placement,\n placement = _options$placement === void 0 ? state.placement : _options$placement,\n _options$strategy = _options.strategy,\n strategy = _options$strategy === void 0 ? state.strategy : _options$strategy,\n _options$boundary = _options.boundary,\n boundary = _options$boundary === void 0 ? clippingParents : _options$boundary,\n _options$rootBoundary = _options.rootBoundary,\n rootBoundary = _options$rootBoundary === void 0 ? viewport : _options$rootBoundary,\n _options$elementConte = _options.elementContext,\n elementContext = _options$elementConte === void 0 ? popper : _options$elementConte,\n _options$altBoundary = _options.altBoundary,\n altBoundary = _options$altBoundary === void 0 ? false : _options$altBoundary,\n _options$padding = _options.padding,\n padding = _options$padding === void 0 ? 0 : _options$padding;\n var paddingObject = mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));\n var altContext = elementContext === popper ? reference : popper;\n var popperRect = state.rects.popper;\n var element = state.elements[altBoundary ? altContext : elementContext];\n var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary, strategy);\n var referenceClientRect = getBoundingClientRect(state.elements.reference);\n var popperOffsets = computeOffsets({\n reference: referenceClientRect,\n element: popperRect,\n strategy: 'absolute',\n placement: placement\n });\n var popperClientRect = rectToClientRect(Object.assign({}, popperRect, popperOffsets));\n var elementClientRect = elementContext === popper ? popperClientRect : referenceClientRect; // positive = overflowing the clipping rect\n // 0 or negative = within the clipping rect\n\n var overflowOffsets = {\n top: clippingClientRect.top - elementClientRect.top + paddingObject.top,\n bottom: elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom,\n left: clippingClientRect.left - elementClientRect.left + paddingObject.left,\n right: elementClientRect.right - clippingClientRect.right + paddingObject.right\n };\n var offsetData = state.modifiersData.offset; // Offsets can be applied only to the popper element\n\n if (elementContext === popper && offsetData) {\n var offset = offsetData[placement];\n Object.keys(overflowOffsets).forEach(function (key) {\n var multiply = [right, bottom].indexOf(key) >= 0 ? 1 : -1;\n var axis = [top, bottom].indexOf(key) >= 0 ? 'y' : 'x';\n overflowOffsets[key] += offset[axis] * multiply;\n });\n }\n\n return overflowOffsets;\n}","import getVariation from \"./getVariation.js\";\nimport { variationPlacements, basePlacements, placements as allPlacements } from \"../enums.js\";\nimport detectOverflow from \"./detectOverflow.js\";\nimport getBasePlacement from \"./getBasePlacement.js\";\nexport default function computeAutoPlacement(state, options) {\n if (options === void 0) {\n options = {};\n }\n\n var _options = options,\n placement = _options.placement,\n boundary = _options.boundary,\n rootBoundary = _options.rootBoundary,\n padding = _options.padding,\n flipVariations = _options.flipVariations,\n _options$allowedAutoP = _options.allowedAutoPlacements,\n allowedAutoPlacements = _options$allowedAutoP === void 0 ? allPlacements : _options$allowedAutoP;\n var variation = getVariation(placement);\n var placements = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function (placement) {\n return getVariation(placement) === variation;\n }) : basePlacements;\n var allowedPlacements = placements.filter(function (placement) {\n return allowedAutoPlacements.indexOf(placement) >= 0;\n });\n\n if (allowedPlacements.length === 0) {\n allowedPlacements = placements;\n } // $FlowFixMe[incompatible-type]: Flow seems to have problems with two array unions...\n\n\n var overflows = allowedPlacements.reduce(function (acc, placement) {\n acc[placement] = detectOverflow(state, {\n placement: placement,\n boundary: boundary,\n rootBoundary: rootBoundary,\n padding: padding\n })[getBasePlacement(placement)];\n return acc;\n }, {});\n return Object.keys(overflows).sort(function (a, b) {\n return overflows[a] - overflows[b];\n });\n}","import getOppositePlacement from \"../utils/getOppositePlacement.js\";\nimport getBasePlacement from \"../utils/getBasePlacement.js\";\nimport getOppositeVariationPlacement from \"../utils/getOppositeVariationPlacement.js\";\nimport detectOverflow from \"../utils/detectOverflow.js\";\nimport computeAutoPlacement from \"../utils/computeAutoPlacement.js\";\nimport { bottom, top, start, right, left, auto } from \"../enums.js\";\nimport getVariation from \"../utils/getVariation.js\"; // eslint-disable-next-line import/no-unused-modules\n\nfunction getExpandedFallbackPlacements(placement) {\n if (getBasePlacement(placement) === auto) {\n return [];\n }\n\n var oppositePlacement = getOppositePlacement(placement);\n return [getOppositeVariationPlacement(placement), oppositePlacement, getOppositeVariationPlacement(oppositePlacement)];\n}\n\nfunction flip(_ref) {\n var state = _ref.state,\n options = _ref.options,\n name = _ref.name;\n\n if (state.modifiersData[name]._skip) {\n return;\n }\n\n var _options$mainAxis = options.mainAxis,\n checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,\n _options$altAxis = options.altAxis,\n checkAltAxis = _options$altAxis === void 0 ? true : _options$altAxis,\n specifiedFallbackPlacements = options.fallbackPlacements,\n padding = options.padding,\n boundary = options.boundary,\n rootBoundary = options.rootBoundary,\n altBoundary = options.altBoundary,\n _options$flipVariatio = options.flipVariations,\n flipVariations = _options$flipVariatio === void 0 ? true : _options$flipVariatio,\n allowedAutoPlacements = options.allowedAutoPlacements;\n var preferredPlacement = state.options.placement;\n var basePlacement = getBasePlacement(preferredPlacement);\n var isBasePlacement = basePlacement === preferredPlacement;\n var fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipVariations ? [getOppositePlacement(preferredPlacement)] : getExpandedFallbackPlacements(preferredPlacement));\n var placements = [preferredPlacement].concat(fallbackPlacements).reduce(function (acc, placement) {\n return acc.concat(getBasePlacement(placement) === auto ? computeAutoPlacement(state, {\n placement: placement,\n boundary: boundary,\n rootBoundary: rootBoundary,\n padding: padding,\n flipVariations: flipVariations,\n allowedAutoPlacements: allowedAutoPlacements\n }) : placement);\n }, []);\n var referenceRect = state.rects.reference;\n var popperRect = state.rects.popper;\n var checksMap = new Map();\n var makeFallbackChecks = true;\n var firstFittingPlacement = placements[0];\n\n for (var i = 0; i < placements.length; i++) {\n var placement = placements[i];\n\n var _basePlacement = getBasePlacement(placement);\n\n var isStartVariation = getVariation(placement) === start;\n var isVertical = [top, bottom].indexOf(_basePlacement) >= 0;\n var len = isVertical ? 'width' : 'height';\n var overflow = detectOverflow(state, {\n placement: placement,\n boundary: boundary,\n rootBoundary: rootBoundary,\n altBoundary: altBoundary,\n padding: padding\n });\n var mainVariationSide = isVertical ? isStartVariation ? right : left : isStartVariation ? bottom : top;\n\n if (referenceRect[len] > popperRect[len]) {\n mainVariationSide = getOppositePlacement(mainVariationSide);\n }\n\n var altVariationSide = getOppositePlacement(mainVariationSide);\n var checks = [];\n\n if (checkMainAxis) {\n checks.push(overflow[_basePlacement] <= 0);\n }\n\n if (checkAltAxis) {\n checks.push(overflow[mainVariationSide] <= 0, overflow[altVariationSide] <= 0);\n }\n\n if (checks.every(function (check) {\n return check;\n })) {\n firstFittingPlacement = placement;\n makeFallbackChecks = false;\n break;\n }\n\n checksMap.set(placement, checks);\n }\n\n if (makeFallbackChecks) {\n // `2` may be desired in some cases – research later\n var numberOfChecks = flipVariations ? 3 : 1;\n\n var _loop = function _loop(_i) {\n var fittingPlacement = placements.find(function (placement) {\n var checks = checksMap.get(placement);\n\n if (checks) {\n return checks.slice(0, _i).every(function (check) {\n return check;\n });\n }\n });\n\n if (fittingPlacement) {\n firstFittingPlacement = fittingPlacement;\n return \"break\";\n }\n };\n\n for (var _i = numberOfChecks; _i > 0; _i--) {\n var _ret = _loop(_i);\n\n if (_ret === \"break\") break;\n }\n }\n\n if (state.placement !== firstFittingPlacement) {\n state.modifiersData[name]._skip = true;\n state.placement = firstFittingPlacement;\n state.reset = true;\n }\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'flip',\n enabled: true,\n phase: 'main',\n fn: flip,\n requiresIfExists: ['offset'],\n data: {\n _skip: false\n }\n};","import { top, bottom, left, right } from \"../enums.js\";\nimport detectOverflow from \"../utils/detectOverflow.js\";\n\nfunction getSideOffsets(overflow, rect, preventedOffsets) {\n if (preventedOffsets === void 0) {\n preventedOffsets = {\n x: 0,\n y: 0\n };\n }\n\n return {\n top: overflow.top - rect.height - preventedOffsets.y,\n right: overflow.right - rect.width + preventedOffsets.x,\n bottom: overflow.bottom - rect.height + preventedOffsets.y,\n left: overflow.left - rect.width - preventedOffsets.x\n };\n}\n\nfunction isAnySideFullyClipped(overflow) {\n return [top, right, bottom, left].some(function (side) {\n return overflow[side] >= 0;\n });\n}\n\nfunction hide(_ref) {\n var state = _ref.state,\n name = _ref.name;\n var referenceRect = state.rects.reference;\n var popperRect = state.rects.popper;\n var preventedOffsets = state.modifiersData.preventOverflow;\n var referenceOverflow = detectOverflow(state, {\n elementContext: 'reference'\n });\n var popperAltOverflow = detectOverflow(state, {\n altBoundary: true\n });\n var referenceClippingOffsets = getSideOffsets(referenceOverflow, referenceRect);\n var popperEscapeOffsets = getSideOffsets(popperAltOverflow, popperRect, preventedOffsets);\n var isReferenceHidden = isAnySideFullyClipped(referenceClippingOffsets);\n var hasPopperEscaped = isAnySideFullyClipped(popperEscapeOffsets);\n state.modifiersData[name] = {\n referenceClippingOffsets: referenceClippingOffsets,\n popperEscapeOffsets: popperEscapeOffsets,\n isReferenceHidden: isReferenceHidden,\n hasPopperEscaped: hasPopperEscaped\n };\n state.attributes.popper = Object.assign({}, state.attributes.popper, {\n 'data-popper-reference-hidden': isReferenceHidden,\n 'data-popper-escaped': hasPopperEscaped\n });\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'hide',\n enabled: true,\n phase: 'main',\n requiresIfExists: ['preventOverflow'],\n fn: hide\n};","import getBasePlacement from \"../utils/getBasePlacement.js\";\nimport { top, left, right, placements } from \"../enums.js\"; // eslint-disable-next-line import/no-unused-modules\n\nexport function distanceAndSkiddingToXY(placement, rects, offset) {\n var basePlacement = getBasePlacement(placement);\n var invertDistance = [left, top].indexOf(basePlacement) >= 0 ? -1 : 1;\n\n var _ref = typeof offset === 'function' ? offset(Object.assign({}, rects, {\n placement: placement\n })) : offset,\n skidding = _ref[0],\n distance = _ref[1];\n\n skidding = skidding || 0;\n distance = (distance || 0) * invertDistance;\n return [left, right].indexOf(basePlacement) >= 0 ? {\n x: distance,\n y: skidding\n } : {\n x: skidding,\n y: distance\n };\n}\n\nfunction offset(_ref2) {\n var state = _ref2.state,\n options = _ref2.options,\n name = _ref2.name;\n var _options$offset = options.offset,\n offset = _options$offset === void 0 ? [0, 0] : _options$offset;\n var data = placements.reduce(function (acc, placement) {\n acc[placement] = distanceAndSkiddingToXY(placement, state.rects, offset);\n return acc;\n }, {});\n var _data$state$placement = data[state.placement],\n x = _data$state$placement.x,\n y = _data$state$placement.y;\n\n if (state.modifiersData.popperOffsets != null) {\n state.modifiersData.popperOffsets.x += x;\n state.modifiersData.popperOffsets.y += y;\n }\n\n state.modifiersData[name] = data;\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'offset',\n enabled: true,\n phase: 'main',\n requires: ['popperOffsets'],\n fn: offset\n};","import computeOffsets from \"../utils/computeOffsets.js\";\n\nfunction popperOffsets(_ref) {\n var state = _ref.state,\n name = _ref.name;\n // Offsets are the actual position the popper needs to have to be\n // properly positioned near its reference element\n // This is the most basic placement, and will be adjusted by\n // the modifiers in the next step\n state.modifiersData[name] = computeOffsets({\n reference: state.rects.reference,\n element: state.rects.popper,\n strategy: 'absolute',\n placement: state.placement\n });\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'popperOffsets',\n enabled: true,\n phase: 'read',\n fn: popperOffsets,\n data: {}\n};","export default function getAltAxis(axis) {\n return axis === 'x' ? 'y' : 'x';\n}","import { top, left, right, bottom, start } from \"../enums.js\";\nimport getBasePlacement from \"../utils/getBasePlacement.js\";\nimport getMainAxisFromPlacement from \"../utils/getMainAxisFromPlacement.js\";\nimport getAltAxis from \"../utils/getAltAxis.js\";\nimport { within, withinMaxClamp } from \"../utils/within.js\";\nimport getLayoutRect from \"../dom-utils/getLayoutRect.js\";\nimport getOffsetParent from \"../dom-utils/getOffsetParent.js\";\nimport detectOverflow from \"../utils/detectOverflow.js\";\nimport getVariation from \"../utils/getVariation.js\";\nimport getFreshSideObject from \"../utils/getFreshSideObject.js\";\nimport { min as mathMin, max as mathMax } from \"../utils/math.js\";\n\nfunction preventOverflow(_ref) {\n var state = _ref.state,\n options = _ref.options,\n name = _ref.name;\n var _options$mainAxis = options.mainAxis,\n checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,\n _options$altAxis = options.altAxis,\n checkAltAxis = _options$altAxis === void 0 ? false : _options$altAxis,\n boundary = options.boundary,\n rootBoundary = options.rootBoundary,\n altBoundary = options.altBoundary,\n padding = options.padding,\n _options$tether = options.tether,\n tether = _options$tether === void 0 ? true : _options$tether,\n _options$tetherOffset = options.tetherOffset,\n tetherOffset = _options$tetherOffset === void 0 ? 0 : _options$tetherOffset;\n var overflow = detectOverflow(state, {\n boundary: boundary,\n rootBoundary: rootBoundary,\n padding: padding,\n altBoundary: altBoundary\n });\n var basePlacement = getBasePlacement(state.placement);\n var variation = getVariation(state.placement);\n var isBasePlacement = !variation;\n var mainAxis = getMainAxisFromPlacement(basePlacement);\n var altAxis = getAltAxis(mainAxis);\n var popperOffsets = state.modifiersData.popperOffsets;\n var referenceRect = state.rects.reference;\n var popperRect = state.rects.popper;\n var tetherOffsetValue = typeof tetherOffset === 'function' ? tetherOffset(Object.assign({}, state.rects, {\n placement: state.placement\n })) : tetherOffset;\n var normalizedTetherOffsetValue = typeof tetherOffsetValue === 'number' ? {\n mainAxis: tetherOffsetValue,\n altAxis: tetherOffsetValue\n } : Object.assign({\n mainAxis: 0,\n altAxis: 0\n }, tetherOffsetValue);\n var offsetModifierState = state.modifiersData.offset ? state.modifiersData.offset[state.placement] : null;\n var data = {\n x: 0,\n y: 0\n };\n\n if (!popperOffsets) {\n return;\n }\n\n if (checkMainAxis) {\n var _offsetModifierState$;\n\n var mainSide = mainAxis === 'y' ? top : left;\n var altSide = mainAxis === 'y' ? bottom : right;\n var len = mainAxis === 'y' ? 'height' : 'width';\n var offset = popperOffsets[mainAxis];\n var min = offset + overflow[mainSide];\n var max = offset - overflow[altSide];\n var additive = tether ? -popperRect[len] / 2 : 0;\n var minLen = variation === start ? referenceRect[len] : popperRect[len];\n var maxLen = variation === start ? -popperRect[len] : -referenceRect[len]; // We need to include the arrow in the calculation so the arrow doesn't go\n // outside the reference bounds\n\n var arrowElement = state.elements.arrow;\n var arrowRect = tether && arrowElement ? getLayoutRect(arrowElement) : {\n width: 0,\n height: 0\n };\n var arrowPaddingObject = state.modifiersData['arrow#persistent'] ? state.modifiersData['arrow#persistent'].padding : getFreshSideObject();\n var arrowPaddingMin = arrowPaddingObject[mainSide];\n var arrowPaddingMax = arrowPaddingObject[altSide]; // If the reference length is smaller than the arrow length, we don't want\n // to include its full size in the calculation. If the reference is small\n // and near the edge of a boundary, the popper can overflow even if the\n // reference is not overflowing as well (e.g. virtual elements with no\n // width or height)\n\n var arrowLen = within(0, referenceRect[len], arrowRect[len]);\n var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis : minLen - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis;\n var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis : maxLen + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis;\n var arrowOffsetParent = state.elements.arrow && getOffsetParent(state.elements.arrow);\n var clientOffset = arrowOffsetParent ? mainAxis === 'y' ? arrowOffsetParent.clientTop || 0 : arrowOffsetParent.clientLeft || 0 : 0;\n var offsetModifierValue = (_offsetModifierState$ = offsetModifierState == null ? void 0 : offsetModifierState[mainAxis]) != null ? _offsetModifierState$ : 0;\n var tetherMin = offset + minOffset - offsetModifierValue - clientOffset;\n var tetherMax = offset + maxOffset - offsetModifierValue;\n var preventedOffset = within(tether ? mathMin(min, tetherMin) : min, offset, tether ? mathMax(max, tetherMax) : max);\n popperOffsets[mainAxis] = preventedOffset;\n data[mainAxis] = preventedOffset - offset;\n }\n\n if (checkAltAxis) {\n var _offsetModifierState$2;\n\n var _mainSide = mainAxis === 'x' ? top : left;\n\n var _altSide = mainAxis === 'x' ? bottom : right;\n\n var _offset = popperOffsets[altAxis];\n\n var _len = altAxis === 'y' ? 'height' : 'width';\n\n var _min = _offset + overflow[_mainSide];\n\n var _max = _offset - overflow[_altSide];\n\n var isOriginSide = [top, left].indexOf(basePlacement) !== -1;\n\n var _offsetModifierValue = (_offsetModifierState$2 = offsetModifierState == null ? void 0 : offsetModifierState[altAxis]) != null ? _offsetModifierState$2 : 0;\n\n var _tetherMin = isOriginSide ? _min : _offset - referenceRect[_len] - popperRect[_len] - _offsetModifierValue + normalizedTetherOffsetValue.altAxis;\n\n var _tetherMax = isOriginSide ? _offset + referenceRect[_len] + popperRect[_len] - _offsetModifierValue - normalizedTetherOffsetValue.altAxis : _max;\n\n var _preventedOffset = tether && isOriginSide ? withinMaxClamp(_tetherMin, _offset, _tetherMax) : within(tether ? _tetherMin : _min, _offset, tether ? _tetherMax : _max);\n\n popperOffsets[altAxis] = _preventedOffset;\n data[altAxis] = _preventedOffset - _offset;\n }\n\n state.modifiersData[name] = data;\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'preventOverflow',\n enabled: true,\n phase: 'main',\n fn: preventOverflow,\n requiresIfExists: ['offset']\n};","export default function getHTMLElementScroll(element) {\n return {\n scrollLeft: element.scrollLeft,\n scrollTop: element.scrollTop\n };\n}","import getWindowScroll from \"./getWindowScroll.js\";\nimport getWindow from \"./getWindow.js\";\nimport { isHTMLElement } from \"./instanceOf.js\";\nimport getHTMLElementScroll from \"./getHTMLElementScroll.js\";\nexport default function getNodeScroll(node) {\n if (node === getWindow(node) || !isHTMLElement(node)) {\n return getWindowScroll(node);\n } else {\n return getHTMLElementScroll(node);\n }\n}","import getBoundingClientRect from \"./getBoundingClientRect.js\";\nimport getNodeScroll from \"./getNodeScroll.js\";\nimport getNodeName from \"./getNodeName.js\";\nimport { isHTMLElement } from \"./instanceOf.js\";\nimport getWindowScrollBarX from \"./getWindowScrollBarX.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport isScrollParent from \"./isScrollParent.js\";\nimport { round } from \"../utils/math.js\";\n\nfunction isElementScaled(element) {\n var rect = element.getBoundingClientRect();\n var scaleX = round(rect.width) / element.offsetWidth || 1;\n var scaleY = round(rect.height) / element.offsetHeight || 1;\n return scaleX !== 1 || scaleY !== 1;\n} // Returns the composite rect of an element relative to its offsetParent.\n// Composite means it takes into account transforms as well as layout.\n\n\nexport default function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {\n if (isFixed === void 0) {\n isFixed = false;\n }\n\n var isOffsetParentAnElement = isHTMLElement(offsetParent);\n var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);\n var documentElement = getDocumentElement(offsetParent);\n var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed);\n var scroll = {\n scrollLeft: 0,\n scrollTop: 0\n };\n var offsets = {\n x: 0,\n y: 0\n };\n\n if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {\n if (getNodeName(offsetParent) !== 'body' || // https://github.com/popperjs/popper-core/issues/1078\n isScrollParent(documentElement)) {\n scroll = getNodeScroll(offsetParent);\n }\n\n if (isHTMLElement(offsetParent)) {\n offsets = getBoundingClientRect(offsetParent, true);\n offsets.x += offsetParent.clientLeft;\n offsets.y += offsetParent.clientTop;\n } else if (documentElement) {\n offsets.x = getWindowScrollBarX(documentElement);\n }\n }\n\n return {\n x: rect.left + scroll.scrollLeft - offsets.x,\n y: rect.top + scroll.scrollTop - offsets.y,\n width: rect.width,\n height: rect.height\n };\n}","import { modifierPhases } from \"../enums.js\"; // source: https://stackoverflow.com/questions/49875255\n\nfunction order(modifiers) {\n var map = new Map();\n var visited = new Set();\n var result = [];\n modifiers.forEach(function (modifier) {\n map.set(modifier.name, modifier);\n }); // On visiting object, check for its dependencies and visit them recursively\n\n function sort(modifier) {\n visited.add(modifier.name);\n var requires = [].concat(modifier.requires || [], modifier.requiresIfExists || []);\n requires.forEach(function (dep) {\n if (!visited.has(dep)) {\n var depModifier = map.get(dep);\n\n if (depModifier) {\n sort(depModifier);\n }\n }\n });\n result.push(modifier);\n }\n\n modifiers.forEach(function (modifier) {\n if (!visited.has(modifier.name)) {\n // check for visited object\n sort(modifier);\n }\n });\n return result;\n}\n\nexport default function orderModifiers(modifiers) {\n // order based on dependencies\n var orderedModifiers = order(modifiers); // order based on phase\n\n return modifierPhases.reduce(function (acc, phase) {\n return acc.concat(orderedModifiers.filter(function (modifier) {\n return modifier.phase === phase;\n }));\n }, []);\n}","export default function debounce(fn) {\n var pending;\n return function () {\n if (!pending) {\n pending = new Promise(function (resolve) {\n Promise.resolve().then(function () {\n pending = undefined;\n resolve(fn());\n });\n });\n }\n\n return pending;\n };\n}","export default function mergeByName(modifiers) {\n var merged = modifiers.reduce(function (merged, current) {\n var existing = merged[current.name];\n merged[current.name] = existing ? Object.assign({}, existing, current, {\n options: Object.assign({}, existing.options, current.options),\n data: Object.assign({}, existing.data, current.data)\n }) : current;\n return merged;\n }, {}); // IE11 does not support Object.values\n\n return Object.keys(merged).map(function (key) {\n return merged[key];\n });\n}","import getCompositeRect from \"./dom-utils/getCompositeRect.js\";\nimport getLayoutRect from \"./dom-utils/getLayoutRect.js\";\nimport listScrollParents from \"./dom-utils/listScrollParents.js\";\nimport getOffsetParent from \"./dom-utils/getOffsetParent.js\";\nimport orderModifiers from \"./utils/orderModifiers.js\";\nimport debounce from \"./utils/debounce.js\";\nimport mergeByName from \"./utils/mergeByName.js\";\nimport detectOverflow from \"./utils/detectOverflow.js\";\nimport { isElement } from \"./dom-utils/instanceOf.js\";\nvar DEFAULT_OPTIONS = {\n placement: 'bottom',\n modifiers: [],\n strategy: 'absolute'\n};\n\nfunction areValidElements() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return !args.some(function (element) {\n return !(element && typeof element.getBoundingClientRect === 'function');\n });\n}\n\nexport function popperGenerator(generatorOptions) {\n if (generatorOptions === void 0) {\n generatorOptions = {};\n }\n\n var _generatorOptions = generatorOptions,\n _generatorOptions$def = _generatorOptions.defaultModifiers,\n defaultModifiers = _generatorOptions$def === void 0 ? [] : _generatorOptions$def,\n _generatorOptions$def2 = _generatorOptions.defaultOptions,\n defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;\n return function createPopper(reference, popper, options) {\n if (options === void 0) {\n options = defaultOptions;\n }\n\n var state = {\n placement: 'bottom',\n orderedModifiers: [],\n options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions),\n modifiersData: {},\n elements: {\n reference: reference,\n popper: popper\n },\n attributes: {},\n styles: {}\n };\n var effectCleanupFns = [];\n var isDestroyed = false;\n var instance = {\n state: state,\n setOptions: function setOptions(setOptionsAction) {\n var options = typeof setOptionsAction === 'function' ? setOptionsAction(state.options) : setOptionsAction;\n cleanupModifierEffects();\n state.options = Object.assign({}, defaultOptions, state.options, options);\n state.scrollParents = {\n reference: isElement(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [],\n popper: listScrollParents(popper)\n }; // Orders the modifiers based on their dependencies and `phase`\n // properties\n\n var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers, state.options.modifiers))); // Strip out disabled modifiers\n\n state.orderedModifiers = orderedModifiers.filter(function (m) {\n return m.enabled;\n });\n runModifierEffects();\n return instance.update();\n },\n // Sync update – it will always be executed, even if not necessary. This\n // is useful for low frequency updates where sync behavior simplifies the\n // logic.\n // For high frequency updates (e.g. `resize` and `scroll` events), always\n // prefer the async Popper#update method\n forceUpdate: function forceUpdate() {\n if (isDestroyed) {\n return;\n }\n\n var _state$elements = state.elements,\n reference = _state$elements.reference,\n popper = _state$elements.popper; // Don't proceed if `reference` or `popper` are not valid elements\n // anymore\n\n if (!areValidElements(reference, popper)) {\n return;\n } // Store the reference and popper rects to be read by modifiers\n\n\n state.rects = {\n reference: getCompositeRect(reference, getOffsetParent(popper), state.options.strategy === 'fixed'),\n popper: getLayoutRect(popper)\n }; // Modifiers have the ability to reset the current update cycle. The\n // most common use case for this is the `flip` modifier changing the\n // placement, which then needs to re-run all the modifiers, because the\n // logic was previously ran for the previous placement and is therefore\n // stale/incorrect\n\n state.reset = false;\n state.placement = state.options.placement; // On each update cycle, the `modifiersData` property for each modifier\n // is filled with the initial data specified by the modifier. This means\n // it doesn't persist and is fresh on each update.\n // To ensure persistent data, use `${name}#persistent`\n\n state.orderedModifiers.forEach(function (modifier) {\n return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);\n });\n\n for (var index = 0; index < state.orderedModifiers.length; index++) {\n if (state.reset === true) {\n state.reset = false;\n index = -1;\n continue;\n }\n\n var _state$orderedModifie = state.orderedModifiers[index],\n fn = _state$orderedModifie.fn,\n _state$orderedModifie2 = _state$orderedModifie.options,\n _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2,\n name = _state$orderedModifie.name;\n\n if (typeof fn === 'function') {\n state = fn({\n state: state,\n options: _options,\n name: name,\n instance: instance\n }) || state;\n }\n }\n },\n // Async and optimistically optimized update – it will not be executed if\n // not necessary (debounced to run at most once-per-tick)\n update: debounce(function () {\n return new Promise(function (resolve) {\n instance.forceUpdate();\n resolve(state);\n });\n }),\n destroy: function destroy() {\n cleanupModifierEffects();\n isDestroyed = true;\n }\n };\n\n if (!areValidElements(reference, popper)) {\n return instance;\n }\n\n instance.setOptions(options).then(function (state) {\n if (!isDestroyed && options.onFirstUpdate) {\n options.onFirstUpdate(state);\n }\n }); // Modifiers have the ability to execute arbitrary code before the first\n // update cycle runs. They will be executed in the same order as the update\n // cycle. This is useful when a modifier adds some persistent data that\n // other modifiers need to use, but the modifier is run after the dependent\n // one.\n\n function runModifierEffects() {\n state.orderedModifiers.forEach(function (_ref) {\n var name = _ref.name,\n _ref$options = _ref.options,\n options = _ref$options === void 0 ? {} : _ref$options,\n effect = _ref.effect;\n\n if (typeof effect === 'function') {\n var cleanupFn = effect({\n state: state,\n name: name,\n instance: instance,\n options: options\n });\n\n var noopFn = function noopFn() {};\n\n effectCleanupFns.push(cleanupFn || noopFn);\n }\n });\n }\n\n function cleanupModifierEffects() {\n effectCleanupFns.forEach(function (fn) {\n return fn();\n });\n effectCleanupFns = [];\n }\n\n return instance;\n };\n}\nexport var createPopper = /*#__PURE__*/popperGenerator(); // eslint-disable-next-line import/no-unused-modules\n\nexport { detectOverflow };","import { popperGenerator, detectOverflow } from \"./createPopper.js\";\nimport eventListeners from \"./modifiers/eventListeners.js\";\nimport popperOffsets from \"./modifiers/popperOffsets.js\";\nimport computeStyles from \"./modifiers/computeStyles.js\";\nimport applyStyles from \"./modifiers/applyStyles.js\";\nimport offset from \"./modifiers/offset.js\";\nimport flip from \"./modifiers/flip.js\";\nimport preventOverflow from \"./modifiers/preventOverflow.js\";\nimport arrow from \"./modifiers/arrow.js\";\nimport hide from \"./modifiers/hide.js\";\nvar defaultModifiers = [eventListeners, popperOffsets, computeStyles, applyStyles, offset, flip, preventOverflow, arrow, hide];\nvar createPopper = /*#__PURE__*/popperGenerator({\n defaultModifiers: defaultModifiers\n}); // eslint-disable-next-line import/no-unused-modules\n\nexport { createPopper, popperGenerator, defaultModifiers, detectOverflow }; // eslint-disable-next-line import/no-unused-modules\n\nexport { createPopper as createPopperLite } from \"./popper-lite.js\"; // eslint-disable-next-line import/no-unused-modules\n\nexport * from \"./modifiers/index.js\";","/* global Map:readonly, Set:readonly, ArrayBuffer:readonly */\n\nvar hasElementType = typeof Element !== 'undefined';\nvar hasMap = typeof Map === 'function';\nvar hasSet = typeof Set === 'function';\nvar hasArrayBuffer = typeof ArrayBuffer === 'function' && !!ArrayBuffer.isView;\n\n// Note: We **don't** need `envHasBigInt64Array` in fde es6/index.js\n\nfunction equal(a, b) {\n // START: fast-deep-equal es6/index.js 3.1.3\n if (a === b) return true;\n\n if (a && b && typeof a == 'object' && typeof b == 'object') {\n if (a.constructor !== b.constructor) return false;\n\n var length, i, keys;\n if (Array.isArray(a)) {\n length = a.length;\n if (length != b.length) return false;\n for (i = length; i-- !== 0;)\n if (!equal(a[i], b[i])) return false;\n return true;\n }\n\n // START: Modifications:\n // 1. Extra `has &&` helpers in initial condition allow es6 code\n // to co-exist with es5.\n // 2. Replace `for of` with es5 compliant iteration using `for`.\n // Basically, take:\n //\n // ```js\n // for (i of a.entries())\n // if (!b.has(i[0])) return false;\n // ```\n //\n // ... and convert to:\n //\n // ```js\n // it = a.entries();\n // while (!(i = it.next()).done)\n // if (!b.has(i.value[0])) return false;\n // ```\n //\n // **Note**: `i` access switches to `i.value`.\n var it;\n if (hasMap && (a instanceof Map) && (b instanceof Map)) {\n if (a.size !== b.size) return false;\n it = a.entries();\n while (!(i = it.next()).done)\n if (!b.has(i.value[0])) return false;\n it = a.entries();\n while (!(i = it.next()).done)\n if (!equal(i.value[1], b.get(i.value[0]))) return false;\n return true;\n }\n\n if (hasSet && (a instanceof Set) && (b instanceof Set)) {\n if (a.size !== b.size) return false;\n it = a.entries();\n while (!(i = it.next()).done)\n if (!b.has(i.value[0])) return false;\n return true;\n }\n // END: Modifications\n\n if (hasArrayBuffer && ArrayBuffer.isView(a) && ArrayBuffer.isView(b)) {\n length = a.length;\n if (length != b.length) return false;\n for (i = length; i-- !== 0;)\n if (a[i] !== b[i]) return false;\n return true;\n }\n\n if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;\n // START: Modifications:\n // Apply guards for `Object.create(null)` handling. See:\n // - https://github.com/FormidableLabs/react-fast-compare/issues/64\n // - https://github.com/epoberezkin/fast-deep-equal/issues/49\n if (a.valueOf !== Object.prototype.valueOf && typeof a.valueOf === 'function' && typeof b.valueOf === 'function') return a.valueOf() === b.valueOf();\n if (a.toString !== Object.prototype.toString && typeof a.toString === 'function' && typeof b.toString === 'function') return a.toString() === b.toString();\n // END: Modifications\n\n keys = Object.keys(a);\n length = keys.length;\n if (length !== Object.keys(b).length) return false;\n\n for (i = length; i-- !== 0;)\n if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;\n // END: fast-deep-equal\n\n // START: react-fast-compare\n // custom handling for DOM elements\n if (hasElementType && a instanceof Element) return false;\n\n // custom handling for React/Preact\n for (i = length; i-- !== 0;) {\n if ((keys[i] === '_owner' || keys[i] === '__v' || keys[i] === '__o') && a.$$typeof) {\n // React-specific: avoid traversing React elements' _owner\n // Preact-specific: avoid traversing Preact elements' __v and __o\n // __v = $_original / $_vnode\n // __o = $_owner\n // These properties contain circular references and are not needed when\n // comparing the actual elements (and not their owners)\n // .$$typeof and ._store on just reasonable markers of elements\n\n continue;\n }\n\n // all other properties should be traversed as usual\n if (!equal(a[keys[i]], b[keys[i]])) return false;\n }\n // END: react-fast-compare\n\n // START: fast-deep-equal\n return true;\n }\n\n return a !== a && b !== b;\n}\n// end fast-deep-equal\n\nmodule.exports = function isEqual(a, b) {\n try {\n return equal(a, b);\n } catch (error) {\n if (((error.message || '').match(/stack|recursion/i))) {\n // warn on circular references, don't crash\n // browsers give this different errors name and messages:\n // chrome/safari: \"RangeError\", \"Maximum call stack size exceeded\"\n // firefox: \"InternalError\", too much recursion\"\n // edge: \"Error\", \"Out of stack space\"\n console.warn('react-fast-compare cannot handle circular refs');\n return false;\n }\n // some other error. we should definitely know about these\n throw error;\n }\n};\n","import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { createPopper as defaultCreatePopper } from '@popperjs/core';\nimport isEqual from 'react-fast-compare';\nimport { fromEntries, useIsomorphicLayoutEffect } from './utils';\nvar EMPTY_MODIFIERS = [];\nexport var usePopper = function usePopper(referenceElement, popperElement, options) {\n if (options === void 0) {\n options = {};\n }\n\n var prevOptions = React.useRef(null);\n var optionsWithDefaults = {\n onFirstUpdate: options.onFirstUpdate,\n placement: options.placement || 'bottom',\n strategy: options.strategy || 'absolute',\n modifiers: options.modifiers || EMPTY_MODIFIERS\n };\n\n var _React$useState = React.useState({\n styles: {\n popper: {\n position: optionsWithDefaults.strategy,\n left: '0',\n top: '0'\n },\n arrow: {\n position: 'absolute'\n }\n },\n attributes: {}\n }),\n state = _React$useState[0],\n setState = _React$useState[1];\n\n var updateStateModifier = React.useMemo(function () {\n return {\n name: 'updateState',\n enabled: true,\n phase: 'write',\n fn: function fn(_ref) {\n var state = _ref.state;\n var elements = Object.keys(state.elements);\n ReactDOM.flushSync(function () {\n setState({\n styles: fromEntries(elements.map(function (element) {\n return [element, state.styles[element] || {}];\n })),\n attributes: fromEntries(elements.map(function (element) {\n return [element, state.attributes[element]];\n }))\n });\n });\n },\n requires: ['computeStyles']\n };\n }, []);\n var popperOptions = React.useMemo(function () {\n var newOptions = {\n onFirstUpdate: optionsWithDefaults.onFirstUpdate,\n placement: optionsWithDefaults.placement,\n strategy: optionsWithDefaults.strategy,\n modifiers: [].concat(optionsWithDefaults.modifiers, [updateStateModifier, {\n name: 'applyStyles',\n enabled: false\n }])\n };\n\n if (isEqual(prevOptions.current, newOptions)) {\n return prevOptions.current || newOptions;\n } else {\n prevOptions.current = newOptions;\n return newOptions;\n }\n }, [optionsWithDefaults.onFirstUpdate, optionsWithDefaults.placement, optionsWithDefaults.strategy, optionsWithDefaults.modifiers, updateStateModifier]);\n var popperInstanceRef = React.useRef();\n useIsomorphicLayoutEffect(function () {\n if (popperInstanceRef.current) {\n popperInstanceRef.current.setOptions(popperOptions);\n }\n }, [popperOptions]);\n useIsomorphicLayoutEffect(function () {\n if (referenceElement == null || popperElement == null) {\n return;\n }\n\n var createPopper = options.createPopper || defaultCreatePopper;\n var popperInstance = createPopper(referenceElement, popperElement, popperOptions);\n popperInstanceRef.current = popperInstance;\n return function () {\n popperInstance.destroy();\n popperInstanceRef.current = null;\n };\n }, [referenceElement, popperElement, options.createPopper]);\n return {\n state: popperInstanceRef.current ? popperInstanceRef.current.state : null,\n styles: state.styles,\n attributes: state.attributes,\n update: popperInstanceRef.current ? popperInstanceRef.current.update : null,\n forceUpdate: popperInstanceRef.current ? popperInstanceRef.current.forceUpdate : null\n };\n};","import { css } from 'styled-components';\n\nconst veciTooltipStyles = {\n TooltipBox: ()=>/*#__PURE__*/ css([\n \"--tooltip-filter:drop-shadow(0 2px 4px rgb(0 0 0 / 16%));\"\n ])\n};\n\nexport { veciTooltipStyles as default };\n","import { createThemes } from '@babylon/ui-kit-styles/common/themes';\nimport { ThemeId } from '@babylon/ui-kit-styles/types/theme';\nimport veciTooltipStyles from './styles/veci.mjs';\n\nconst tooltipThemes = createThemes({\n [ThemeId.veci]: veciTooltipStyles\n});\n\nexport { tooltipThemes as default };\n","import { FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport styled from 'styled-components';\nimport tooltipThemes from './themes/index.mjs';\n\nconst TooltipBox = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"TooltipBox\",\n componentId: \"sc-d6e78610-0\"\n})([\n \"--tooltip-background:\",\n \";--tooltip-color:\",\n \";--tooltip-max-width:250px;--tooltip-min-width:0;--tooltip-border-width:0 10px 10px;--tooltip-arrow-placement-top-bottom:5px;--tooltip-filter:drop-shadow(0 0 8px rgb(0 0 0 / 16%)) drop-shadow(0 1px 4px rgb(0 0 0 / 24%));--tooltip-popper-top-margin:-10px;--tooltip-popper-top-padding:10px;--tooltip-popper-bottom-padding:10px;position:relative;filter:var(--tooltip-filter);z-index:\",\n \";&[data-popper-placement^='bottom']{margin-top:-10px;padding-top:var(--tooltip-popper-bottom-padding);}&[data-popper-placement^='top']{margin-bottom:var(--tooltip-popper-top-margin);padding-bottom:var(--tooltip-popper-top-padding);}&[data-popper-placement^='left']{margin-right:-10px;padding-right:10px;}&[data-popper-placement^='right']{margin-left:-10px;padding-left:10px;}\",\n \"\"\n], ({ theme, $isNegative })=>$isNegative ? theme.colors.black.lower : theme.colors.white.base, ({ theme, $isNegative })=>$isNegative ? theme.colors.white.base : theme.colors.black.base, ({ theme })=>theme.zIndex.highest, tooltipThemes('TooltipBox'));\nconst TooltipContent = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"TooltipContent\",\n componentId: \"sc-d6e78610-1\"\n})([\n \"background-color:var(--tooltip-background);color:var(--tooltip-color);border-radius:4px;padding:8px;text-transform:none;max-width:var(--tooltip-max-width);min-width:var(--tooltip-min-width);text-align:center;\",\n \" white-space:normal;position:relative;margin:0 auto;\"\n], FontMixin({\n size: 'base',\n weight: 'light',\n height: 'small'\n}));\nconst TooltipArrow = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"TooltipArrow\",\n componentId: \"sc-d6e78610-2\"\n})([\n \"z-index:-1;\",\n \"[data-popper-placement^='left'] > &{right:4px;&::before{transform:translate(-50%,-50%) rotate(90deg);}}\",\n \"[data-popper-placement^='right'] > &{left:5px;&::before{transform:translate(-50%,-50%) rotate(-90deg);}}\",\n \"[data-popper-placement^='top'] > &{bottom:var(--tooltip-arrow-placement-top-bottom);&::before{transform:translate(-50%,-50%) rotate(180deg);}}\",\n \"[data-popper-placement^='bottom'] > &{top:5px;}&::before{content:'';position:absolute;transform:translate(-50%,-50%);border-style:solid;border-width:var(--tooltip-border-width);border-color:transparent transparent var(--tooltip-background);}\"\n], TooltipBox, TooltipBox, TooltipBox, TooltipBox);\n\nexport { TooltipArrow, TooltipBox, TooltipContent };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport { useState } from 'react';\nimport { usePopper } from 'react-popper';\nimport { TooltipBox, TooltipContent, TooltipArrow } from './styled.mjs';\n\nconst Tooltip = ({ options, placement = 'bottom', referenceElement, children, isNegative = true, className, ...props })=>{\n const modifiers = options?.modifiers ?? [];\n const [popperElement, setPopperElement] = useState(null);\n const [arrowElement, setArrowElement] = useState(null);\n const { styles, attributes } = usePopper(referenceElement, popperElement, {\n placement,\n ...options,\n modifiers: [\n {\n name: 'arrow',\n options: {\n element: arrowElement\n }\n },\n {\n name: 'offset',\n options: {\n offset: [\n 0,\n 8\n ]\n }\n },\n ...modifiers\n ]\n });\n return /*#__PURE__*/ jsxs(TooltipBox, {\n \"data-testid\": \"Tooltip\",\n $isNegative: isNegative,\n ref: setPopperElement,\n style: styles.popper,\n className: className,\n ...attributes.popper,\n ...props,\n children: [\n /*#__PURE__*/ jsx(TooltipContent, {\n children: children\n }),\n /*#__PURE__*/ jsx(TooltipArrow, {\n $isNegative: isNegative,\n ref: setArrowElement,\n style: styles.arrow,\n \"data-arrow\": \"TooltipArrow\"\n })\n ]\n });\n};\n\nexport { Tooltip as default };\n","/**\n * lodash (Custom Build) \n * Build: `lodash modularize exports=\"npm\" -o ./`\n * Copyright jQuery Foundation and other contributors \n * Released under MIT license \n * Based on Underscore.js 1.8.3 \n * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors\n */\n\n/** Used as the `TypeError` message for \"Functions\" methods. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/** Used to match leading and trailing whitespace. */\nvar reTrim = /^\\s+|\\s+$/g;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar objectToString = objectProto.toString;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n nativeMin = Math.min;\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n * console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function() {\n return root.Date.now();\n};\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n * Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n * The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n * 'leading': true,\n * 'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n var lastArgs,\n lastThis,\n maxWait,\n result,\n timerId,\n lastCallTime,\n lastInvokeTime = 0,\n leading = false,\n maxing = false,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n wait = toNumber(wait) || 0;\n if (isObject(options)) {\n leading = !!options.leading;\n maxing = 'maxWait' in options;\n maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n\n function invokeFunc(time) {\n var args = lastArgs,\n thisArg = lastThis;\n\n lastArgs = lastThis = undefined;\n lastInvokeTime = time;\n result = func.apply(thisArg, args);\n return result;\n }\n\n function leadingEdge(time) {\n // Reset any `maxWait` timer.\n lastInvokeTime = time;\n // Start the timer for the trailing edge.\n timerId = setTimeout(timerExpired, wait);\n // Invoke the leading edge.\n return leading ? invokeFunc(time) : result;\n }\n\n function remainingWait(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime,\n result = wait - timeSinceLastCall;\n\n return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;\n }\n\n function shouldInvoke(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime;\n\n // Either this is the first call, activity has stopped and we're at the\n // trailing edge, the system time has gone backwards and we're treating\n // it as the trailing edge, or we've hit the `maxWait` limit.\n return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||\n (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));\n }\n\n function timerExpired() {\n var time = now();\n if (shouldInvoke(time)) {\n return trailingEdge(time);\n }\n // Restart the timer.\n timerId = setTimeout(timerExpired, remainingWait(time));\n }\n\n function trailingEdge(time) {\n timerId = undefined;\n\n // Only invoke if we have `lastArgs` which means `func` has been\n // debounced at least once.\n if (trailing && lastArgs) {\n return invokeFunc(time);\n }\n lastArgs = lastThis = undefined;\n return result;\n }\n\n function cancel() {\n if (timerId !== undefined) {\n clearTimeout(timerId);\n }\n lastInvokeTime = 0;\n lastArgs = lastCallTime = lastThis = timerId = undefined;\n }\n\n function flush() {\n return timerId === undefined ? result : trailingEdge(now());\n }\n\n function debounced() {\n var time = now(),\n isInvoking = shouldInvoke(time);\n\n lastArgs = arguments;\n lastThis = this;\n lastCallTime = time;\n\n if (isInvoking) {\n if (timerId === undefined) {\n return leadingEdge(lastCallTime);\n }\n if (maxing) {\n // Handle invocations in a tight loop.\n timerId = setTimeout(timerExpired, wait);\n return invokeFunc(lastCallTime);\n }\n }\n if (timerId === undefined) {\n timerId = setTimeout(timerExpired, wait);\n }\n return result;\n }\n debounced.cancel = cancel;\n debounced.flush = flush;\n return debounced;\n}\n\n/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n var type = typeof value;\n return !!value && (type == 'object' || type == 'function');\n}\n\n/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n return !!value && typeof value == 'object';\n}\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n return typeof value == 'symbol' ||\n (isObjectLike(value) && objectToString.call(value) == symbolTag);\n}\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n if (typeof value == 'number') {\n return value;\n }\n if (isSymbol(value)) {\n return NAN;\n }\n if (isObject(value)) {\n var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n value = isObject(other) ? (other + '') : other;\n }\n if (typeof value != 'string') {\n return value === 0 ? value : +value;\n }\n value = value.replace(reTrim, '');\n var isBinary = reIsBinary.test(value);\n return (isBinary || reIsOctal.test(value))\n ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nmodule.exports = debounce;\n","import { useState, useCallback, useLayoutEffect, useEffect, useRef, useMemo } from 'react';\nimport debounce from 'lodash.debounce';\n\n// src/useBoolean/useBoolean.ts\nfunction useBoolean(defaultValue = false) {\n if (typeof defaultValue !== \"boolean\") {\n throw new Error(\"defaultValue must be `true` or `false`\");\n }\n const [value, setValue] = useState(defaultValue);\n const setTrue = useCallback(() => {\n setValue(true);\n }, []);\n const setFalse = useCallback(() => {\n setValue(false);\n }, []);\n const toggle = useCallback(() => {\n setValue((x) => !x);\n }, []);\n return { value, setValue, setTrue, setFalse, toggle };\n}\nvar useIsomorphicLayoutEffect = typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n\n// src/useEventListener/useEventListener.ts\nfunction useEventListener(eventName, handler, element, options) {\n const savedHandler = useRef(handler);\n useIsomorphicLayoutEffect(() => {\n savedHandler.current = handler;\n }, [handler]);\n useEffect(() => {\n const targetElement = (element == null ? void 0 : element.current) ?? window;\n if (!(targetElement && targetElement.addEventListener))\n return;\n const listener = (event) => {\n savedHandler.current(event);\n };\n targetElement.addEventListener(eventName, listener, options);\n return () => {\n targetElement.removeEventListener(eventName, listener, options);\n };\n }, [eventName, element, options]);\n}\n\n// src/useClickAnyWhere/useClickAnyWhere.ts\nfunction useClickAnyWhere(handler) {\n useEventListener(\"click\", (event) => {\n handler(event);\n });\n}\nfunction useCopyToClipboard() {\n const [copiedText, setCopiedText] = useState(null);\n const copy = useCallback(async (text) => {\n if (!(navigator == null ? void 0 : navigator.clipboard)) {\n console.warn(\"Clipboard not supported\");\n return false;\n }\n try {\n await navigator.clipboard.writeText(text);\n setCopiedText(text);\n return true;\n } catch (error) {\n console.warn(\"Copy failed\", error);\n setCopiedText(null);\n return false;\n }\n }, []);\n return [copiedText, copy];\n}\nfunction useCounter(initialValue) {\n const [count, setCount] = useState(initialValue ?? 0);\n const increment = useCallback(() => {\n setCount((x) => x + 1);\n }, []);\n const decrement = useCallback(() => {\n setCount((x) => x - 1);\n }, []);\n const reset = useCallback(() => {\n setCount(initialValue ?? 0);\n }, [initialValue]);\n return {\n count,\n increment,\n decrement,\n reset,\n setCount\n };\n}\nfunction useInterval(callback, delay) {\n const savedCallback = useRef(callback);\n useIsomorphicLayoutEffect(() => {\n savedCallback.current = callback;\n }, [callback]);\n useEffect(() => {\n if (delay === null) {\n return;\n }\n const id = setInterval(() => {\n savedCallback.current();\n }, delay);\n return () => {\n clearInterval(id);\n };\n }, [delay]);\n}\n\n// src/useCountdown/useCountdown.ts\nfunction useCountdown({\n countStart,\n countStop = 0,\n intervalMs = 1e3,\n isIncrement = false\n}) {\n const {\n count,\n increment,\n decrement,\n reset: resetCounter\n } = useCounter(countStart);\n const {\n value: isCountdownRunning,\n setTrue: startCountdown,\n setFalse: stopCountdown\n } = useBoolean(false);\n const resetCountdown = useCallback(() => {\n stopCountdown();\n resetCounter();\n }, [stopCountdown, resetCounter]);\n const countdownCallback = useCallback(() => {\n if (count === countStop) {\n stopCountdown();\n return;\n }\n if (isIncrement) {\n increment();\n } else {\n decrement();\n }\n }, [count, countStop, decrement, increment, isIncrement, stopCountdown]);\n useInterval(countdownCallback, isCountdownRunning ? intervalMs : null);\n return [count, { startCountdown, stopCountdown, resetCountdown }];\n}\nfunction useEventCallback(fn) {\n const ref = useRef(() => {\n throw new Error(\"Cannot call an event handler while rendering.\");\n });\n useIsomorphicLayoutEffect(() => {\n ref.current = fn;\n }, [fn]);\n return useCallback((...args) => {\n var _a;\n return (_a = ref.current) == null ? void 0 : _a.call(ref, ...args);\n }, [ref]);\n}\n\n// src/useLocalStorage/useLocalStorage.ts\nvar IS_SERVER = typeof window === \"undefined\";\nfunction useLocalStorage(key, initialValue, options = {}) {\n const { initializeWithValue = true } = options;\n const serializer = useCallback(\n (value) => {\n if (options.serializer) {\n return options.serializer(value);\n }\n return JSON.stringify(value);\n },\n [options]\n );\n const deserializer = useCallback(\n (value) => {\n if (options.deserializer) {\n return options.deserializer(value);\n }\n if (value === \"undefined\") {\n return void 0;\n }\n const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n let parsed;\n try {\n parsed = JSON.parse(value);\n } catch (error) {\n console.error(\"Error parsing JSON:\", error);\n return defaultValue;\n }\n return parsed;\n },\n [options, initialValue]\n );\n const readValue = useCallback(() => {\n const initialValueToUse = initialValue instanceof Function ? initialValue() : initialValue;\n if (IS_SERVER) {\n return initialValueToUse;\n }\n try {\n const raw = window.localStorage.getItem(key);\n return raw ? deserializer(raw) : initialValueToUse;\n } catch (error) {\n console.warn(`Error reading localStorage key \\u201C${key}\\u201D:`, error);\n return initialValueToUse;\n }\n }, [initialValue, key, deserializer]);\n const [storedValue, setStoredValue] = useState(() => {\n if (initializeWithValue) {\n return readValue();\n }\n return initialValue instanceof Function ? initialValue() : initialValue;\n });\n const setValue = useEventCallback((value) => {\n if (IS_SERVER) {\n console.warn(\n `Tried setting localStorage key \\u201C${key}\\u201D even though environment is not a client`\n );\n }\n try {\n const newValue = value instanceof Function ? value(readValue()) : value;\n window.localStorage.setItem(key, serializer(newValue));\n setStoredValue(newValue);\n window.dispatchEvent(new StorageEvent(\"local-storage\", { key }));\n } catch (error) {\n console.warn(`Error setting localStorage key \\u201C${key}\\u201D:`, error);\n }\n });\n const removeValue = useEventCallback(() => {\n if (IS_SERVER) {\n console.warn(\n `Tried removing localStorage key \\u201C${key}\\u201D even though environment is not a client`\n );\n }\n const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n window.localStorage.removeItem(key);\n setStoredValue(defaultValue);\n window.dispatchEvent(new StorageEvent(\"local-storage\", { key }));\n });\n useEffect(() => {\n setStoredValue(readValue());\n }, [key]);\n const handleStorageChange = useCallback(\n (event) => {\n if (event.key && event.key !== key) {\n return;\n }\n setStoredValue(readValue());\n },\n [key, readValue]\n );\n useEventListener(\"storage\", handleStorageChange);\n useEventListener(\"local-storage\", handleStorageChange);\n return [storedValue, setValue, removeValue];\n}\nvar IS_SERVER2 = typeof window === \"undefined\";\nfunction useMediaQuery(query, {\n defaultValue = false,\n initializeWithValue = true\n} = {}) {\n const getMatches = (query2) => {\n if (IS_SERVER2) {\n return defaultValue;\n }\n return window.matchMedia(query2).matches;\n };\n const [matches, setMatches] = useState(() => {\n if (initializeWithValue) {\n return getMatches(query);\n }\n return defaultValue;\n });\n function handleChange() {\n setMatches(getMatches(query));\n }\n useIsomorphicLayoutEffect(() => {\n const matchMedia = window.matchMedia(query);\n handleChange();\n if (matchMedia.addListener) {\n matchMedia.addListener(handleChange);\n } else {\n matchMedia.addEventListener(\"change\", handleChange);\n }\n return () => {\n if (matchMedia.removeListener) {\n matchMedia.removeListener(handleChange);\n } else {\n matchMedia.removeEventListener(\"change\", handleChange);\n }\n };\n }, [query]);\n return matches;\n}\n\n// src/useDarkMode/useDarkMode.ts\nvar COLOR_SCHEME_QUERY = \"(prefers-color-scheme: dark)\";\nvar LOCAL_STORAGE_KEY = \"usehooks-ts-dark-mode\";\nfunction useDarkMode(options = {}) {\n const {\n defaultValue,\n localStorageKey = LOCAL_STORAGE_KEY,\n initializeWithValue = true\n } = options;\n const isDarkOS = useMediaQuery(COLOR_SCHEME_QUERY, {\n initializeWithValue,\n defaultValue\n });\n const [isDarkMode, setDarkMode] = useLocalStorage(\n localStorageKey,\n defaultValue ?? isDarkOS ?? false,\n { initializeWithValue }\n );\n useIsomorphicLayoutEffect(() => {\n if (isDarkOS !== isDarkMode) {\n setDarkMode(isDarkOS);\n }\n }, [isDarkOS]);\n return {\n isDarkMode,\n toggle: () => {\n setDarkMode((prev) => !prev);\n },\n enable: () => {\n setDarkMode(true);\n },\n disable: () => {\n setDarkMode(false);\n },\n set: (value) => {\n setDarkMode(value);\n }\n };\n}\nfunction useUnmount(func) {\n const funcRef = useRef(func);\n funcRef.current = func;\n useEffect(\n () => () => {\n funcRef.current();\n },\n []\n );\n}\n\n// src/useDebounceCallback/useDebounceCallback.ts\nfunction useDebounceCallback(func, delay = 500, options) {\n const debouncedFunc = useRef();\n useUnmount(() => {\n if (debouncedFunc.current) {\n debouncedFunc.current.cancel();\n }\n });\n const debounced = useMemo(() => {\n const debouncedFuncInstance = debounce(func, delay, options);\n const wrappedFunc = (...args) => {\n return debouncedFuncInstance(...args);\n };\n wrappedFunc.cancel = () => {\n debouncedFuncInstance.cancel();\n };\n wrappedFunc.isPending = () => {\n return !!debouncedFunc.current;\n };\n wrappedFunc.flush = () => {\n return debouncedFuncInstance.flush();\n };\n return wrappedFunc;\n }, [func, delay, options]);\n useEffect(() => {\n debouncedFunc.current = debounce(func, delay, options);\n }, [func, delay, options]);\n return debounced;\n}\nfunction useDebounceValue(initialValue, delay, options) {\n const eq = (options == null ? void 0 : options.equalityFn) ?? ((left, right) => left === right);\n const unwrappedInitialValue = initialValue instanceof Function ? initialValue() : initialValue;\n const [debouncedValue, setDebouncedValue] = useState(unwrappedInitialValue);\n const previousValueRef = useRef(unwrappedInitialValue);\n const updateDebouncedValue = useDebounceCallback(\n setDebouncedValue,\n delay,\n options\n );\n if (!eq(previousValueRef.current, unwrappedInitialValue)) {\n updateDebouncedValue(unwrappedInitialValue);\n previousValueRef.current = unwrappedInitialValue;\n }\n return [debouncedValue, updateDebouncedValue];\n}\nfunction useDocumentTitle(title, options = {}) {\n const { preserveTitleOnUnmount = true } = options;\n const defaultTitle = useRef(null);\n useIsomorphicLayoutEffect(() => {\n defaultTitle.current = window.document.title;\n }, []);\n useIsomorphicLayoutEffect(() => {\n window.document.title = title;\n }, [title]);\n useUnmount(() => {\n if (!preserveTitleOnUnmount && defaultTitle.current) {\n window.document.title = defaultTitle.current;\n }\n });\n}\nfunction useHover(elementRef) {\n const [value, setValue] = useState(false);\n const handleMouseEnter = () => {\n setValue(true);\n };\n const handleMouseLeave = () => {\n setValue(false);\n };\n useEventListener(\"mouseenter\", handleMouseEnter, elementRef);\n useEventListener(\"mouseleave\", handleMouseLeave, elementRef);\n return value;\n}\nfunction useIntersectionObserver({\n threshold = 0,\n root = null,\n rootMargin = \"0%\",\n freezeOnceVisible = false,\n initialIsIntersecting = false,\n onChange\n} = {}) {\n var _a;\n const [ref, setRef] = useState(null);\n const [state, setState] = useState(() => ({\n isIntersecting: initialIsIntersecting,\n entry: void 0\n }));\n const callbackRef = useRef();\n callbackRef.current = onChange;\n const frozen = ((_a = state.entry) == null ? void 0 : _a.isIntersecting) && freezeOnceVisible;\n useEffect(() => {\n if (!ref)\n return;\n if (!(\"IntersectionObserver\" in window))\n return;\n if (frozen)\n return;\n let unobserve;\n const observer = new IntersectionObserver(\n (entries) => {\n const thresholds = Array.isArray(observer.thresholds) ? observer.thresholds : [observer.thresholds];\n entries.forEach((entry) => {\n const isIntersecting = entry.isIntersecting && thresholds.some((threshold2) => entry.intersectionRatio >= threshold2);\n setState({ isIntersecting, entry });\n if (callbackRef.current) {\n callbackRef.current(isIntersecting, entry);\n }\n if (isIntersecting && freezeOnceVisible && unobserve) {\n unobserve();\n unobserve = void 0;\n }\n });\n },\n { threshold, root, rootMargin }\n );\n observer.observe(ref);\n return () => {\n observer.disconnect();\n };\n }, [\n ref,\n // eslint-disable-next-line react-hooks/exhaustive-deps\n JSON.stringify(threshold),\n root,\n rootMargin,\n frozen,\n freezeOnceVisible\n ]);\n const prevRef = useRef(null);\n useEffect(() => {\n var _a2;\n if (!ref && ((_a2 = state.entry) == null ? void 0 : _a2.target) && !freezeOnceVisible && !frozen && prevRef.current !== state.entry.target) {\n prevRef.current = state.entry.target;\n setState({ isIntersecting: initialIsIntersecting, entry: void 0 });\n }\n }, [ref, state.entry, freezeOnceVisible, frozen, initialIsIntersecting]);\n const result = [\n setRef,\n !!state.isIntersecting,\n state.entry\n ];\n result.ref = result[0];\n result.isIntersecting = result[1];\n result.entry = result[2];\n return result;\n}\nfunction useIsClient() {\n const [isClient, setClient] = useState(false);\n useEffect(() => {\n setClient(true);\n }, []);\n return isClient;\n}\nfunction useIsMounted() {\n const isMounted = useRef(false);\n useEffect(() => {\n isMounted.current = true;\n return () => {\n isMounted.current = false;\n };\n }, []);\n return useCallback(() => isMounted.current, []);\n}\nfunction useMap(initialState = /* @__PURE__ */ new Map()) {\n const [map, setMap] = useState(new Map(initialState));\n const actions = {\n set: useCallback((key, value) => {\n setMap((prev) => {\n const copy = new Map(prev);\n copy.set(key, value);\n return copy;\n });\n }, []),\n setAll: useCallback((entries) => {\n setMap(() => new Map(entries));\n }, []),\n remove: useCallback((key) => {\n setMap((prev) => {\n const copy = new Map(prev);\n copy.delete(key);\n return copy;\n });\n }, []),\n reset: useCallback(() => {\n setMap(() => /* @__PURE__ */ new Map());\n }, [])\n };\n return [map, actions];\n}\n\n// src/useOnClickOutside/useOnClickOutside.ts\nfunction useOnClickOutside(ref, handler, eventType = \"mousedown\", eventListenerOptions = {}) {\n useEventListener(\n eventType,\n (event) => {\n const target = event.target;\n if (!target || !target.isConnected) {\n return;\n }\n const isOutside = Array.isArray(ref) ? ref.filter((r) => Boolean(r.current)).every((r) => r.current && !r.current.contains(target)) : ref.current && !ref.current.contains(target);\n if (isOutside) {\n handler(event);\n }\n },\n void 0,\n eventListenerOptions\n );\n}\nvar IS_SERVER3 = typeof window === \"undefined\";\nfunction useReadLocalStorage(key, options = {}) {\n let { initializeWithValue = true } = options;\n if (IS_SERVER3) {\n initializeWithValue = false;\n }\n const deserializer = useCallback(\n (value) => {\n if (options.deserializer) {\n return options.deserializer(value);\n }\n if (value === \"undefined\") {\n return void 0;\n }\n let parsed;\n try {\n parsed = JSON.parse(value);\n } catch (error) {\n console.error(\"Error parsing JSON:\", error);\n return null;\n }\n return parsed;\n },\n [options]\n );\n const readValue = useCallback(() => {\n if (IS_SERVER3) {\n return null;\n }\n try {\n const raw = window.localStorage.getItem(key);\n return raw ? deserializer(raw) : null;\n } catch (error) {\n console.warn(`Error reading localStorage key \\u201C${key}\\u201D:`, error);\n return null;\n }\n }, [key, deserializer]);\n const [storedValue, setStoredValue] = useState(() => {\n if (initializeWithValue) {\n return readValue();\n }\n return void 0;\n });\n useEffect(() => {\n setStoredValue(readValue());\n }, [key]);\n const handleStorageChange = useCallback(\n (event) => {\n if (event.key && event.key !== key) {\n return;\n }\n setStoredValue(readValue());\n },\n [key, readValue]\n );\n useEventListener(\"storage\", handleStorageChange);\n useEventListener(\"local-storage\", handleStorageChange);\n return storedValue;\n}\nvar initialSize = {\n width: void 0,\n height: void 0\n};\nfunction useResizeObserver(options) {\n const { ref, box = \"content-box\" } = options;\n const [{ width, height }, setSize] = useState(initialSize);\n const isMounted = useIsMounted();\n const previousSize = useRef({ ...initialSize });\n const onResize = useRef(void 0);\n onResize.current = options.onResize;\n useEffect(() => {\n if (!ref.current)\n return;\n if (typeof window === \"undefined\" || !(\"ResizeObserver\" in window))\n return;\n const observer = new ResizeObserver(([entry]) => {\n const boxProp = box === \"border-box\" ? \"borderBoxSize\" : box === \"device-pixel-content-box\" ? \"devicePixelContentBoxSize\" : \"contentBoxSize\";\n const newWidth = extractSize(entry, boxProp, \"inlineSize\");\n const newHeight = extractSize(entry, boxProp, \"blockSize\");\n const hasChanged = previousSize.current.width !== newWidth || previousSize.current.height !== newHeight;\n if (hasChanged) {\n const newSize = { width: newWidth, height: newHeight };\n previousSize.current.width = newWidth;\n previousSize.current.height = newHeight;\n if (onResize.current) {\n onResize.current(newSize);\n } else {\n if (isMounted()) {\n setSize(newSize);\n }\n }\n }\n });\n observer.observe(ref.current, { box });\n return () => {\n observer.disconnect();\n };\n }, [box, ref, isMounted]);\n return { width, height };\n}\nfunction extractSize(entry, box, sizeType) {\n if (!entry[box]) {\n if (box === \"contentBoxSize\") {\n return entry.contentRect[sizeType === \"inlineSize\" ? \"width\" : \"height\"];\n }\n return void 0;\n }\n return Array.isArray(entry[box]) ? entry[box][0][sizeType] : (\n // @ts-ignore Support Firefox's non-standard behavior\n entry[box][sizeType]\n );\n}\nvar IS_SERVER4 = typeof window === \"undefined\";\nfunction useScreen(options = {}) {\n let { initializeWithValue = true } = options;\n if (IS_SERVER4) {\n initializeWithValue = false;\n }\n const readScreen = () => {\n if (IS_SERVER4) {\n return void 0;\n }\n return window.screen;\n };\n const [screen, setScreen] = useState(() => {\n if (initializeWithValue) {\n return readScreen();\n }\n return void 0;\n });\n const debouncedSetScreen = useDebounceCallback(\n setScreen,\n options.debounceDelay\n );\n function handleSize() {\n const newScreen = readScreen();\n const setSize = options.debounceDelay ? debouncedSetScreen : setScreen;\n if (newScreen) {\n const {\n width,\n height,\n availHeight,\n availWidth,\n colorDepth,\n orientation,\n pixelDepth\n } = newScreen;\n setSize({\n width,\n height,\n availHeight,\n availWidth,\n colorDepth,\n orientation,\n pixelDepth\n });\n }\n }\n useEventListener(\"resize\", handleSize);\n useIsomorphicLayoutEffect(() => {\n handleSize();\n }, []);\n return screen;\n}\nvar cachedScriptStatuses = /* @__PURE__ */ new Map();\nfunction getScriptNode(src) {\n const node = document.querySelector(\n `script[src=\"${src}\"]`\n );\n const status = node == null ? void 0 : node.getAttribute(\"data-status\");\n return {\n node,\n status\n };\n}\nfunction useScript(src, options) {\n const [status, setStatus] = useState(() => {\n if (!src || (options == null ? void 0 : options.shouldPreventLoad)) {\n return \"idle\";\n }\n if (typeof window === \"undefined\") {\n return \"loading\";\n }\n return cachedScriptStatuses.get(src) ?? \"loading\";\n });\n useEffect(() => {\n if (!src || (options == null ? void 0 : options.shouldPreventLoad)) {\n return;\n }\n const cachedScriptStatus = cachedScriptStatuses.get(src);\n if (cachedScriptStatus === \"ready\" || cachedScriptStatus === \"error\") {\n setStatus(cachedScriptStatus);\n return;\n }\n const script = getScriptNode(src);\n let scriptNode = script.node;\n if (!scriptNode) {\n scriptNode = document.createElement(\"script\");\n scriptNode.src = src;\n scriptNode.async = true;\n if (options == null ? void 0 : options.id) {\n scriptNode.id = options.id;\n }\n scriptNode.setAttribute(\"data-status\", \"loading\");\n document.body.appendChild(scriptNode);\n const setAttributeFromEvent = (event) => {\n const scriptStatus = event.type === \"load\" ? \"ready\" : \"error\";\n scriptNode == null ? void 0 : scriptNode.setAttribute(\"data-status\", scriptStatus);\n };\n scriptNode.addEventListener(\"load\", setAttributeFromEvent);\n scriptNode.addEventListener(\"error\", setAttributeFromEvent);\n } else {\n setStatus(script.status ?? cachedScriptStatus ?? \"loading\");\n }\n const setStateFromEvent = (event) => {\n const newStatus = event.type === \"load\" ? \"ready\" : \"error\";\n setStatus(newStatus);\n cachedScriptStatuses.set(src, newStatus);\n };\n scriptNode.addEventListener(\"load\", setStateFromEvent);\n scriptNode.addEventListener(\"error\", setStateFromEvent);\n return () => {\n if (scriptNode) {\n scriptNode.removeEventListener(\"load\", setStateFromEvent);\n scriptNode.removeEventListener(\"error\", setStateFromEvent);\n }\n if (scriptNode && (options == null ? void 0 : options.removeOnUnmount)) {\n scriptNode.remove();\n cachedScriptStatuses.delete(src);\n }\n };\n }, [src, options == null ? void 0 : options.shouldPreventLoad, options == null ? void 0 : options.removeOnUnmount, options == null ? void 0 : options.id]);\n return status;\n}\nvar IS_SERVER5 = typeof window === \"undefined\";\nfunction useScrollLock(options = {}) {\n const { autoLock = true, lockTarget, widthReflow = true } = options;\n const [isLocked, setIsLocked] = useState(false);\n const target = useRef(null);\n const originalStyle = useRef(null);\n const lock = () => {\n if (target.current) {\n const { overflow, paddingRight } = target.current.style;\n originalStyle.current = { overflow, paddingRight };\n if (widthReflow) {\n const offsetWidth = target.current === document.body ? window.innerWidth : target.current.offsetWidth;\n const currentPaddingRight = parseInt(window.getComputedStyle(target.current).paddingRight, 10) || 0;\n const scrollbarWidth = offsetWidth - target.current.scrollWidth;\n target.current.style.paddingRight = `${scrollbarWidth + currentPaddingRight}px`;\n }\n target.current.style.overflow = \"hidden\";\n setIsLocked(true);\n }\n };\n const unlock = () => {\n if (target.current && originalStyle.current) {\n target.current.style.overflow = originalStyle.current.overflow;\n if (widthReflow) {\n target.current.style.paddingRight = originalStyle.current.paddingRight;\n }\n }\n setIsLocked(false);\n };\n useIsomorphicLayoutEffect(() => {\n if (IS_SERVER5)\n return;\n if (lockTarget) {\n target.current = typeof lockTarget === \"string\" ? document.querySelector(lockTarget) : lockTarget;\n }\n if (!target.current) {\n target.current = document.body;\n }\n if (autoLock) {\n lock();\n }\n return () => {\n unlock();\n };\n }, [autoLock, lockTarget, widthReflow]);\n return { isLocked, lock, unlock };\n}\nvar IS_SERVER6 = typeof window === \"undefined\";\nfunction useSessionStorage(key, initialValue, options = {}) {\n const { initializeWithValue = true } = options;\n const serializer = useCallback(\n (value) => {\n if (options.serializer) {\n return options.serializer(value);\n }\n return JSON.stringify(value);\n },\n [options]\n );\n const deserializer = useCallback(\n (value) => {\n if (options.deserializer) {\n return options.deserializer(value);\n }\n if (value === \"undefined\") {\n return void 0;\n }\n const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n let parsed;\n try {\n parsed = JSON.parse(value);\n } catch (error) {\n console.error(\"Error parsing JSON:\", error);\n return defaultValue;\n }\n return parsed;\n },\n [options, initialValue]\n );\n const readValue = useCallback(() => {\n const initialValueToUse = initialValue instanceof Function ? initialValue() : initialValue;\n if (IS_SERVER6) {\n return initialValueToUse;\n }\n try {\n const raw = window.sessionStorage.getItem(key);\n return raw ? deserializer(raw) : initialValueToUse;\n } catch (error) {\n console.warn(`Error reading sessionStorage key \\u201C${key}\\u201D:`, error);\n return initialValueToUse;\n }\n }, [initialValue, key, deserializer]);\n const [storedValue, setStoredValue] = useState(() => {\n if (initializeWithValue) {\n return readValue();\n }\n return initialValue instanceof Function ? initialValue() : initialValue;\n });\n const setValue = useEventCallback((value) => {\n if (IS_SERVER6) {\n console.warn(\n `Tried setting sessionStorage key \\u201C${key}\\u201D even though environment is not a client`\n );\n }\n try {\n const newValue = value instanceof Function ? value(readValue()) : value;\n window.sessionStorage.setItem(key, serializer(newValue));\n setStoredValue(newValue);\n window.dispatchEvent(new StorageEvent(\"session-storage\", { key }));\n } catch (error) {\n console.warn(`Error setting sessionStorage key \\u201C${key}\\u201D:`, error);\n }\n });\n const removeValue = useEventCallback(() => {\n if (IS_SERVER6) {\n console.warn(\n `Tried removing sessionStorage key \\u201C${key}\\u201D even though environment is not a client`\n );\n }\n const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n window.sessionStorage.removeItem(key);\n setStoredValue(defaultValue);\n window.dispatchEvent(new StorageEvent(\"session-storage\", { key }));\n });\n useEffect(() => {\n setStoredValue(readValue());\n }, [key]);\n const handleStorageChange = useCallback(\n (event) => {\n if (event.key && event.key !== key) {\n return;\n }\n setStoredValue(readValue());\n },\n [key, readValue]\n );\n useEventListener(\"storage\", handleStorageChange);\n useEventListener(\"session-storage\", handleStorageChange);\n return [storedValue, setValue, removeValue];\n}\nfunction useStep(maxStep) {\n const [currentStep, setCurrentStep] = useState(1);\n const canGoToNextStep = currentStep + 1 <= maxStep;\n const canGoToPrevStep = currentStep - 1 > 0;\n const setStep = useCallback(\n (step) => {\n const newStep = step instanceof Function ? step(currentStep) : step;\n if (newStep >= 1 && newStep <= maxStep) {\n setCurrentStep(newStep);\n return;\n }\n throw new Error(\"Step not valid\");\n },\n [maxStep, currentStep]\n );\n const goToNextStep = useCallback(() => {\n if (canGoToNextStep) {\n setCurrentStep((step) => step + 1);\n }\n }, [canGoToNextStep]);\n const goToPrevStep = useCallback(() => {\n if (canGoToPrevStep) {\n setCurrentStep((step) => step - 1);\n }\n }, [canGoToPrevStep]);\n const reset = useCallback(() => {\n setCurrentStep(1);\n }, []);\n return [\n currentStep,\n {\n goToNextStep,\n goToPrevStep,\n canGoToNextStep,\n canGoToPrevStep,\n setStep,\n reset\n }\n ];\n}\n\n// src/useTernaryDarkMode/useTernaryDarkMode.ts\nvar COLOR_SCHEME_QUERY2 = \"(prefers-color-scheme: dark)\";\nvar LOCAL_STORAGE_KEY2 = \"usehooks-ts-ternary-dark-mode\";\nfunction useTernaryDarkMode({\n defaultValue = \"system\",\n localStorageKey = LOCAL_STORAGE_KEY2,\n initializeWithValue = true\n} = {}) {\n const isDarkOS = useMediaQuery(COLOR_SCHEME_QUERY2, { initializeWithValue });\n const [mode, setMode] = useLocalStorage(localStorageKey, defaultValue, {\n initializeWithValue\n });\n const isDarkMode = mode === \"dark\" || mode === \"system\" && isDarkOS;\n const toggleTernaryDarkMode = () => {\n const modes = [\"light\", \"system\", \"dark\"];\n setMode((prevMode) => {\n const nextIndex = (modes.indexOf(prevMode) + 1) % modes.length;\n return modes[nextIndex];\n });\n };\n return {\n isDarkMode,\n ternaryDarkMode: mode,\n setTernaryDarkMode: setMode,\n toggleTernaryDarkMode\n };\n}\nfunction useTimeout(callback, delay) {\n const savedCallback = useRef(callback);\n useIsomorphicLayoutEffect(() => {\n savedCallback.current = callback;\n }, [callback]);\n useEffect(() => {\n if (!delay && delay !== 0) {\n return;\n }\n const id = setTimeout(() => {\n savedCallback.current();\n }, delay);\n return () => {\n clearTimeout(id);\n };\n }, [delay]);\n}\nfunction useToggle(defaultValue) {\n const [value, setValue] = useState(!!defaultValue);\n const toggle = useCallback(() => {\n setValue((x) => !x);\n }, []);\n return [value, toggle, setValue];\n}\nvar IS_SERVER7 = typeof window === \"undefined\";\nfunction useWindowSize(options = {}) {\n let { initializeWithValue = true } = options;\n if (IS_SERVER7) {\n initializeWithValue = false;\n }\n const [windowSize, setWindowSize] = useState(() => {\n if (initializeWithValue) {\n return {\n width: window.innerWidth,\n height: window.innerHeight\n };\n }\n return {\n width: void 0,\n height: void 0\n };\n });\n const debouncedSetWindowSize = useDebounceCallback(\n setWindowSize,\n options.debounceDelay\n );\n function handleSize() {\n const setSize = options.debounceDelay ? debouncedSetWindowSize : setWindowSize;\n setSize({\n width: window.innerWidth,\n height: window.innerHeight\n });\n }\n useEventListener(\"resize\", handleSize);\n useIsomorphicLayoutEffect(() => {\n handleSize();\n }, []);\n return windowSize;\n}\n\nexport { useBoolean, useClickAnyWhere, useCopyToClipboard, useCountdown, useCounter, useDarkMode, useDebounceCallback, useDebounceValue, useDocumentTitle, useEventCallback, useEventListener, useHover, useIntersectionObserver, useInterval, useIsClient, useIsMounted, useIsomorphicLayoutEffect, useLocalStorage, useMap, useMediaQuery, useOnClickOutside, useReadLocalStorage, useResizeObserver, useScreen, useScript, useScrollLock, useSessionStorage, useStep, useTernaryDarkMode, useTimeout, useToggle, useUnmount, useWindowSize };\n","import { TooltipBox } from '@babylon/ui-kit-base/components/others/tooltip/styled';\nimport { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport styled from 'styled-components';\n\nconst CertificationsWrapper = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"CertificationsWrapper\",\n componentId: \"sc-62135aba-0\"\n})([\n \"\",\n \" border-right:1px solid \",\n \";margin-right:36px;padding-right:36px;\"\n], FlexMixin({}), (props)=>props.theme.colors.grays.light);\nconst CertificationItem = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"CertificationItem\",\n componentId: \"sc-62135aba-1\"\n})([\n \"margin-left:12px;img{height:50px;}display:none;\",\n \"{display:inline;}\"\n], ({ theme })=>theme.media.desktop.up);\nconst TooltipTitle = /*#__PURE__*/ styled.p.withConfig({\n displayName: \"TooltipTitle\",\n componentId: \"sc-62135aba-2\"\n})([\n \"\",\n \" color:\",\n \";margin-bottom:2px;padding-top:5px;\"\n], FontMixin({\n size: 'base',\n weight: 'medium'\n}), (props)=>props.theme.colors.primary.light);\nconst TooltipText = /*#__PURE__*/ styled.p.withConfig({\n displayName: \"TooltipText\",\n componentId: \"sc-62135aba-3\"\n})([\n \"\",\n \" color:\",\n \";line-height:20px;margin-bottom:2px;\"\n], FontMixin({\n size: 'medium'\n}), (props)=>props.theme.colors.grays.darker);\nconst TooltipContent = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"TooltipContent\",\n componentId: \"sc-62135aba-4\"\n})([\n \"z-index:\",\n \";max-width:300px;\",\n \"{max-width:300px;}\"\n], (props)=>props.theme.zIndex.highest, TooltipBox);\n\nexport { CertificationItem, CertificationsWrapper, TooltipContent, TooltipText, TooltipTitle };\n","import { jsxs, Fragment, jsx } from 'react/jsx-runtime';\nimport Image from '@babylon/ui-kit-base/components/multimedia/image';\nimport Tooltip from '@babylon/ui-kit-base/components/others/tooltip';\nimport { useRef } from 'react';\nimport { useBoolean } from 'usehooks-ts';\nimport { CertificationItem, TooltipContent, TooltipTitle, TooltipText } from './styled.mjs';\n\nconst CertificationLogo = ({ image, info, link })=>{\n const imgRef = useRef(null);\n const { value, setFalse, setTrue } = useBoolean();\n return /*#__PURE__*/ jsxs(Fragment, {\n children: [\n /*#__PURE__*/ jsx(CertificationItem, {\n ref: imgRef,\n onMouseEnter: setTrue,\n onMouseLeave: setFalse,\n children: /*#__PURE__*/ jsx(Image, {\n src: image.src,\n alt: image.alt,\n link: link,\n height: 50\n })\n }),\n value && /*#__PURE__*/ jsx(TooltipContent, {\n children: /*#__PURE__*/ jsxs(Tooltip, {\n placement: 'bottom',\n isNegative: false,\n referenceElement: imgRef.current,\n children: [\n /*#__PURE__*/ jsx(TooltipTitle, {\n children: info.headings.items[0].content\n }),\n /*#__PURE__*/ jsx(TooltipText, {\n children: info.descriptions.items[0].content\n })\n ]\n })\n })\n ]\n });\n};\n\nexport { CertificationLogo as default };\n","import { getCookie, setCookie } from '@babylon/ui-kit-helpers/cookie';\nimport { useState, useCallback } from 'react';\nimport { useTimeout } from 'usehooks-ts';\n\nconst MODAL_COOKIE = 'login_modal_closed';\nconst LOGIN_REGISTER_MODAL_DELAY = 6_000;\nconst useLoginRegisterModal = ()=>{\n const [visibleLoginRegisterModal, setVisibleLoginRegisterModal] = useState(false);\n const openLoginRegisterModal = useCallback(()=>{\n const modalCookie = getCookie(MODAL_COOKIE);\n if (!modalCookie) setVisibleLoginRegisterModal(true);\n }, []);\n const closeLoginRegisterModal = useCallback(()=>{\n setCookie(MODAL_COOKIE, '1');\n setVisibleLoginRegisterModal(false);\n }, []);\n useTimeout(openLoginRegisterModal, LOGIN_REGISTER_MODAL_DELAY);\n return {\n visibleLoginRegisterModal,\n closeLoginRegisterModal\n };\n};\n\nexport { useLoginRegisterModal as default };\n","import { FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { css } from 'styled-components';\n\nconst getSize = ({ size = 'large', height })=>{\n if (size === 'small') return `\n\t\t\tmin-height: ${height ?? '40px'};\n\t\t`;\n if (size === 'large') return `\n\t\t\tmin-height: ${height ?? '49px'};\n\t\t`;\n return '';\n};\nconst universalMusicButtonStyles = {\n ButtonBaseMixin: ()=>/*#__PURE__*/ css([\n \"\",\n \" \",\n \";border-radius:25px;\"\n ], ({ p = '4px 16px' })=>p ? `padding: ${p};` : '', FontMixin({\n size: 'base',\n weight: 'regular',\n height: 'medium'\n })),\n Button: ()=>/*#__PURE__*/ css([\n \"\",\n \"\"\n ], (props)=>getSize(props))\n};\n\nexport { universalMusicButtonStyles as default };\n","import { FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { Padding, BorderRadius } from '@babylon/ui-kit-styles/common/mixins/logical.styled';\nimport 'polished';\nimport { css } from 'styled-components';\n\nconst veciButtonStyles = {\n Button: ()=>/*#__PURE__*/ css([\n \"--button-primary-background:\",\n \";--button-primary-color:\",\n \";--button-primary-hover-background:\",\n \";--button-primary-hover-color:\",\n \";--button-primary-active-background:\",\n \";--button-primary-active-color:\",\n \";--button-primary-disabled-background:\",\n \";--button-primary-disabled-color:\",\n \";--button-primary-text-transform:uppercase;--button-negative-background:\",\n \";--button-negative-color:\",\n \";--button-negative-border-color:var(--button-negative-color);--button-negative-hover-background:\",\n \";--button-negative-hover-color:\",\n \";--button-negative-active-background:\",\n \";--button-negative-active-color:\",\n \";--button-negative-disabled-background:\",\n \";--button-negative-disabled-color:\",\n \";--button-negative-text-transform:capitalize;font-family:\",\n \";\",\n \" height:40px;\",\n \";\",\n \";\"\n ], ({ theme })=>theme.colors.primary.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.primary.lighter, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.primary.lighter, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.lighter, ({ theme })=>theme.colors.grays.lightest, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.primary.base, ({ theme })=>theme.colors.primary.lighter, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.primary.lighter, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.lightest, ({ theme })=>theme.colors.grays.lighter, ({ theme })=>theme.font.family.primary, FontMixin({\n size: 'medium',\n weight: 'semiBold',\n height: 'base'\n }), Padding({\n y: '0',\n x: '20px'\n }), BorderRadius({\n all: '2px'\n })),\n ButtonLink: ()=>/*#__PURE__*/ css([\n \"\"\n ]),\n ButtonPanel: ()=>/*#__PURE__*/ css([\n \"\"\n ])\n};\n\nexport { veciButtonStyles as default };\n","import { createThemes } from '@babylon/ui-kit-styles/common/themes';\nimport { ThemeId } from '@babylon/ui-kit-styles/types/theme';\nimport universalMusicButtonStyles from './styles/universalmusic.mjs';\nimport veciButtonStyles from './styles/veci.mjs';\n\nconst buttonThemes = createThemes({\n [ThemeId.veci]: veciButtonStyles,\n [ThemeId.partnershipsUniversalMusic]: universalMusicButtonStyles\n});\n\nexport { buttonThemes as default };\n","import { AttentionMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { BorderRadius } from '@babylon/ui-kit-styles/common/mixins/logical.styled';\nimport styled, { css } from 'styled-components';\nimport buttonThemes from './themes/index.mjs';\n\nconst ButtonNegativeMixin = /*#__PURE__*/ css([\n \"text-transform:var(--button-negative-text-transform);background-color:var(--button-negative-background);color:var(--button-negative-color);border:1px solid var(--button-negative-border-color);\",\n \" :hover{background-color:var(--button-negative-hover-background);color:var(--button-negative-hover-color);}:active{background-color:var(--button-negative-active-background);color:var(--button-negative-active-color);}:disabled{background-color:var(--button-negative-disabled-background);color:var(--button-negative-disabled-color);}\"\n], AttentionMixin(/*#__PURE__*/ css([\n \"background-color:var(--button-negative-active-background);color:var(--button-negative-active-color);\"\n])));\nconst ButtonPrimaryMixin = /*#__PURE__*/ css([\n \"text-transform:var(--button-primary-text-transform);background-color:var(--button-primary-background);color:var(--button-primary-color);\",\n \" :hover{background-color:var(--button-primary-hover-background);color:var(--button-primary-hover-color);}:active{background-color:var(--button-primary-active-background);color:var(--button-primary-active-color);}:disabled{background-color:var(--button-primary-disabled-background);color:var(--button-primary-disabled-color);}\"\n], AttentionMixin(/*#__PURE__*/ css([\n \"background-color:var(--button-primary-active-background);color:var(--button-primary-active-color);\"\n])));\nconst ButtonSecondaryMixin = /*#__PURE__*/ css([\n \"text-transform:var(--button-secondary-text-transform);background-color:var(--button-secondary-background);color:var(--button-secondary-color);\"\n]);\nconst ButtonFacebookMixin = /*#__PURE__*/ css([\n \"background-color:var(--button-facebook-background);color:var(--button-facebook-color);\"\n]);\nconst ButtonGoogleMixin = /*#__PURE__*/ css([\n \"background-color:var(--button-google-background);color:var(--button-google-color);i{color:var(--button-google-icon-color);}\"\n]);\nconst ButtonBaseMixin = /*#__PURE__*/ css([\n \"cursor:pointer;display:inline-block;\",\n \" transition:background-color 0.4s linear,color 0.4s linear;text-transform:uppercase;text-align:center;vertical-align:middle;outline:none;border:0;border-radius:\",\n \";font-size:\",\n \";font-weight:\",\n \";line-height:normal;:disabled{pointer-events:none;opacity:0.7;}\",\n \"\"\n], ({ p = '8px 16px' })=>p ? `padding: ${p};` : '', ({ theme })=>theme.border.radius.rounded, ({ theme })=>theme.font.size.medium, ({ theme })=>theme.font.weight.medium, buttonThemes('ButtonBaseMixin'));\nconst getVariant = ({ variant })=>{\n if (variant === 'negative') return ButtonNegativeMixin;\n if (variant === 'primary') return ButtonPrimaryMixin;\n if (variant === 'secondary') return ButtonSecondaryMixin;\n if (variant === 'facebook') return ButtonFacebookMixin;\n if (variant === 'google') return ButtonGoogleMixin;\n return '';\n};\nconst getSize = ({ size = 'large', height })=>{\n if (size === 'small') return `\n\t\t\tmin-height: ${height ?? '32px'};\n\t\t`;\n if (size === 'large') return `\n\t\t\tmin-height: ${height ?? '56px'};\n\t\t`;\n return '';\n};\nconst ButtonRoot = /*#__PURE__*/ css([\n \"--button-primary-background:\",\n \";--button-primary-color:\",\n \";--button-primary-text-transform:uppercase;--button-primary-active-background:\",\n \";--button-primary-active-color:\",\n \";--button-primary-hover-background:var(--button-primary-active-background);--button-primary-hover-color:var(--button-primary-active-color);--button-primary-disabled-background:var(--button-primary-background);--button-primary-disabled-color:var(--button-primary-color);--button-secondary-background:\",\n \";--button-secondary-color:\",\n \";--button-secondary-text-transform:uppercase;--button-negative-background:transparent;--button-negative-color:\",\n \";--button-negative-border-color:\",\n \";--button-negative-text-transform:uppercase;--button-negative-active-background:\",\n \";--button-negative-active-color:\",\n \";--button-negative-hover-background:var(--button-negative-active-background);--button-negative-hover-color:var(--button-negative-active-color);--button-negative-disabled-background:var(--button-negative-background);--button-negative-disabled-color:var(--button-negative-color);--button-facebook-background:\",\n \";--button-facebook-color:\",\n \";--button-google-background:\",\n \";--button-google-color:\",\n \";--button-google-icon-color:\",\n \";\",\n \" \",\n \" \",\n \" \",\n \" \",\n \"\"\n], ({ theme })=>theme.colors.primary.light, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.primary.lighter, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.buttonModal?.background, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.primary.light, ({ theme })=>theme.colors.primary.light, ({ theme })=>theme.colors.primary.light, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.thirdParty.facebook, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.primary.lighter, ({ withBase = true })=>withBase ? ButtonBaseMixin : '', (props)=>getVariant(props), (props)=>getSize(props), ({ $fullWidth })=>$fullWidth ? 'width: 100%;' : '', buttonThemes('Button'));\nconst Button = /*#__PURE__*/ styled.button.withConfig({\n displayName: \"Button\",\n componentId: \"sc-ccef2e76-0\"\n})([\n \"\",\n \" \",\n \"\"\n], ButtonRoot, buttonThemes('Button'));\nconst ButtonLink = /*#__PURE__*/ styled.a.withConfig({\n displayName: \"ButtonLink\",\n componentId: \"sc-ccef2e76-1\"\n})([\n \"\",\n \" --button-negative-text-transform:uppercase;\",\n \"\"\n], ButtonRoot, buttonThemes('ButtonLink'));\nconst ButtonPanel = /*#__PURE__*/ styled(Button).withConfig({\n displayName: \"ButtonPanel\",\n componentId: \"sc-ccef2e76-2\"\n})([\n \"\",\n \" \",\n \" \",\n \" height:56px;width:100%;&[disabled]{background-color:\",\n \";color:\",\n \";opacity:0.5;}\",\n \"\"\n], ButtonSecondaryMixin, BorderRadius({\n all: '0px'\n}), FontMixin({\n size: 'large',\n weight: 'medium',\n height: 'medium'\n}), ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.base, buttonThemes('ButtonPanel'));\n\nexport { Button, ButtonBaseMixin, ButtonFacebookMixin, ButtonGoogleMixin, ButtonLink, ButtonNegativeMixin, ButtonPanel, ButtonPrimaryMixin, ButtonSecondaryMixin, getVariant };\n","import { ButtonBaseMixin, ButtonPrimaryMixin } from '@babylon/ui-kit-base/components/buttons/button';\nimport Tooltip from '@babylon/ui-kit-base/components/others/tooltip';\nimport { TooltipContent } from '@babylon/ui-kit-base/components/others/tooltip/styled';\nimport InnerMarkdownHTML from '@babylon/ui-kit-base/components/text/inner-markdown-HTML';\nimport { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { BorderRadius } from '@babylon/ui-kit-styles/common/mixins/logical.styled';\nimport styled from 'styled-components';\n\nconst TooltipWrapper = /*#__PURE__*/ styled(Tooltip).withConfig({\n displayName: \"TooltipWrapper\",\n componentId: \"sc-204ee37e-0\"\n})([\n \"\",\n \"{max-width:560px;padding:0px;}\"\n], TooltipContent);\nconst ModalContent = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ModalContent\",\n componentId: \"sc-204ee37e-1\"\n})([\n \"\",\n \" padding:20px;\"\n], FlexMixin());\nconst IconWrapper = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"IconWrapper\",\n componentId: \"sc-204ee37e-2\"\n})([\n \"color:\",\n \";font-size:56px;\"\n], ({ theme })=>theme.colors.primary.light);\nconst Content = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"Content\",\n componentId: \"sc-204ee37e-3\"\n})([\n \"margin-left:12px;margin-right:auto;max-width:278px;\"\n]);\nconst Title = /*#__PURE__*/ styled(InnerMarkdownHTML).withConfig({\n displayName: \"Title\",\n componentId: \"sc-204ee37e-4\"\n})([\n \"color:\",\n \";\",\n \" text-align:left;margin:0;padding-bottom:8px;\"\n], ({ theme })=>theme.colors.primary.light, FontMixin({\n size: 'large',\n height: 'base',\n weight: 'regular'\n}));\nconst Description = /*#__PURE__*/ styled(InnerMarkdownHTML).withConfig({\n displayName: \"Description\",\n componentId: \"sc-204ee37e-5\"\n})([\n \"color:\",\n \";\",\n \" text-align:left;margin:0;\"\n], ({ theme })=>theme.colors.grays.dark, FontMixin({\n size: 'medium',\n height: 'small',\n weight: 'light'\n}));\nconst LinkWrapper = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"LinkWrapper\",\n componentId: \"sc-204ee37e-6\"\n})([\n \"align-self:flex-end;margin-left:10px;height:50px;& > a{\",\n \" \",\n \" padding:8px 16px;color:\",\n \";}\"\n], ButtonBaseMixin, ButtonPrimaryMixin, ({ theme })=>theme.colors.white.base);\nconst ModalFooter = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ModalFooter\",\n componentId: \"sc-204ee37e-7\"\n})([\n \"background-color:\",\n \";\",\n \" text-align:center;padding:20px 12px;& > a{display:inline-block;color:\",\n \";\",\n \" margin-left:2px;text-decoration:underline;text-transform:lowercase;}\"\n], ({ theme })=>theme.colors.grays.lighter, BorderRadius({\n bottomLeft: '4px',\n bottomRight: '4px'\n}), ({ theme })=>theme.colors.primary.base, FontMixin({\n size: 'base',\n height: 'medium',\n weight: 'medium'\n}));\nconst TextFooter = /*#__PURE__*/ styled(InnerMarkdownHTML).withConfig({\n displayName: \"TextFooter\",\n componentId: \"sc-204ee37e-8\"\n})([\n \"display:inline-block;color:\",\n \";\",\n \" margin-bottom:0;\"\n], ({ theme })=>theme.colors.grays.dark, FontMixin({\n size: 'medium',\n height: 'small',\n weight: 'light'\n}));\nconst ModalClose = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ModalClose\",\n componentId: \"sc-204ee37e-9\"\n})([\n \"position:absolute;right:0;top:0;color:\",\n \";font-size:18px;\",\n \" padding:8px;cursor:pointer;\"\n], ({ theme })=>theme.colors.grays.base, FontMixin({\n height: 'medium',\n weight: 'regular'\n}));\n\nexport { Content, Description, IconWrapper, LinkWrapper, ModalClose, ModalContent, ModalFooter, TextFooter, Title, TooltipWrapper };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport Icon from '@babylon/ui-kit-base/components/icons/icon';\nimport { nullsToUndefined } from '@babylon/ui-kit-helpers/null';\nimport { TooltipWrapper, ModalContent, IconWrapper, Content, Title, Description, LinkWrapper, ModalFooter, TextFooter, ModalClose } from './styled.mjs';\n\nconst LoginRegisterModal = ({ refElement, literals, links, onClose })=>{\n const [newAccount, register] = links;\n const offset = {\n name: 'offset',\n options: {\n offset: [\n 0,\n 18\n ]\n }\n };\n return /*#__PURE__*/ jsxs(TooltipWrapper, {\n \"data-testid\": \"LoginRegisterModal\",\n options: {\n modifiers: [\n offset\n ]\n },\n referenceElement: refElement.current,\n placement: \"bottom-end\",\n isNegative: false,\n children: [\n /*#__PURE__*/ jsxs(ModalContent, {\n children: [\n /*#__PURE__*/ jsx(IconWrapper, {\n children: /*#__PURE__*/ jsx(Icon, {\n className: \"nico-smile-wink\"\n })\n }),\n /*#__PURE__*/ jsxs(Content, {\n children: [\n /*#__PURE__*/ jsx(Title, {\n tag: \"p\",\n content: literals.loginModalTitle\n }),\n /*#__PURE__*/ jsx(Description, {\n tag: \"p\",\n content: literals.loginModalDescription\n })\n ]\n }),\n /*#__PURE__*/ jsx(LinkWrapper, {\n children: /*#__PURE__*/ jsx(\"a\", {\n href: nullsToUndefined(newAccount).href,\n target: nullsToUndefined(newAccount).target,\n title: nullsToUndefined(newAccount).title,\n rel: \"nofollow\",\n children: literals.loginModalButtonText\n })\n })\n ]\n }),\n /*#__PURE__*/ jsxs(ModalFooter, {\n children: [\n /*#__PURE__*/ jsx(TextFooter, {\n tag: \"p\",\n content: literals.loginModalFooterText\n }),\n /*#__PURE__*/ jsx(\"a\", {\n href: nullsToUndefined(register).href,\n target: nullsToUndefined(register).target,\n title: nullsToUndefined(register).title,\n rel: \"nofollow\",\n children: literals.loginModalLinkText\n })\n ]\n }),\n /*#__PURE__*/ jsx(ModalClose, {\n \"data-testid\": \"ModalClose\",\n onClick: onClose,\n children: /*#__PURE__*/ jsx(Icon, {\n className: \"nico-cancel\"\n })\n })\n ]\n });\n};\n\nexport { LoginRegisterModal as default };\n","import Image from '@babylon/ui-kit-base/components/multimedia/image';\nimport Tooltip from '@babylon/ui-kit-base/components/others/tooltip';\nimport { Container } from '@babylon/ui-kit-styles/common/mixins/container.styled';\nimport { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { BorderRadius } from '@babylon/ui-kit-styles/common/mixins/logical.styled';\nimport { rgba } from 'polished';\nimport styled from 'styled-components';\n\nconst Middle = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"Middle\",\n componentId: \"sc-4b559ad9-0\"\n})([\n \"background-color:\",\n \";\",\n \"{\",\n \"}\"\n], (props)=>props.theme.colors.white.base, Container, FlexMixin({\n align: 'center',\n justify: 'space-between'\n}));\nconst Logo = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"Logo\",\n componentId: \"sc-4b559ad9-1\"\n})([\n \"\",\n \" img{min-height:44px;height:44px;width:auto;}h1{\",\n \" color:\",\n \";flex-grow:1;line-height:16px;margin-top:-2px;max-width:300px;text-align:right;text-indent:47px;}\"\n], FlexMixin({\n direction: 'column'\n}), FontMixin({\n size: 'small',\n height: 'small'\n}), (props)=>props.theme.colors.grays.base);\nconst User = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"User\",\n componentId: \"sc-4b559ad9-2\"\n})([\n \"\",\n \" \",\n \" .separator{color:\",\n \";font-weight:\",\n \";padding:0 12px;}& > a{color:\",\n \";}\"\n], FlexMixin({\n align: 'center',\n justify: 'center'\n}), FontMixin({\n size: 'medium',\n height: 'medium',\n weight: 'medium'\n}), (props)=>props.theme.colors.grays.base, (props)=>props.theme.font.weight.light, (props)=>props.theme.colors.text.dark);\nconst Restrictions = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"Restrictions\",\n componentId: \"sc-4b559ad9-3\"\n})([\n \"\",\n \" \",\n \" a{\",\n \" color:\",\n \";font-weight:\",\n \";}figure{position:relative;&::before{background:linear-gradient( 90deg,\",\n \" 10%,\",\n \" 100% );content:'';height:100%;left:0;position:absolute;width:56px;z-index:1;}}\"\n], FlexMixin({}), FontMixin({\n size: 'medium'\n}), FlexMixin({\n align: 'center'\n}), (props)=>props.theme.colors.grays.darker, (props)=>props.theme.font.weight.bold, ({ theme })=>theme.colors.white.base, ({ theme })=>rgba(theme.colors.white.base, 0));\nconst UserTooltip = /*#__PURE__*/ styled(Tooltip).withConfig({\n displayName: \"UserTooltip\",\n componentId: \"sc-4b559ad9-4\"\n})([\n \"max-width:300px;\"\n]);\nconst RestrictionsText = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"RestrictionsText\",\n componentId: \"sc-4b559ad9-5\"\n})([\n \"\",\n \" color:\",\n \";max-width:90px;padding-right:4px;text-transform:uppercase;z-index:\",\n \";\",\n \"{max-width:100%;}p{color:\",\n \";font-weight:\",\n \";}\"\n], FontMixin({\n size: 'small',\n height: 'small',\n weight: 'medium'\n}), (props)=>props.theme.colors.grays.darker, (props)=>props.theme.zIndex.lowest, ({ theme })=>theme.media.up('xl'), ({ theme })=>theme.colors.grays.dark, (props)=>props.theme.font.weight.regular);\nconst RestrictionsTextTitle = /*#__PURE__*/ styled.p.withConfig({\n displayName: \"RestrictionsTextTitle\",\n componentId: \"sc-4b559ad9-6\"\n})([\n \"display:none;\",\n \"{display:block;}\"\n], ({ theme })=>theme.media.desktop.up);\nconst RestrictionsImage = /*#__PURE__*/ styled(Image).withConfig({\n displayName: \"RestrictionsImage\",\n componentId: \"sc-4b559ad9-7\"\n})([\n \"display:none;\",\n \"{display:inline;}\"\n], ({ theme })=>theme.media.desktop.up);\nconst UserInitial = /*#__PURE__*/ styled.span.withConfig({\n displayName: \"UserInitial\",\n componentId: \"sc-4b559ad9-8\"\n})([\n \"\",\n \" \",\n \" background-color:\",\n \";border:1px solid \",\n \";color:\",\n \";font-size:\",\n \";font-weight:\",\n \";height:36px;margin-left:16px;text-transform:uppercase;width:36px;\"\n], BorderRadius({\n all: '50%'\n}), FlexMixin({\n align: 'center',\n justify: 'center'\n}), (props)=>props.theme.colors.grays.light, (props)=>props.theme.colors.grays.base, (props)=>props.theme.colors.grays.base, (props)=>props.theme.font.size.larger, (props)=>props.theme.font.weight.regular);\nconst TextRight = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"TextRight\",\n componentId: \"sc-4b559ad9-9\"\n})([\n \"text-align:right;a{color:\",\n \";font-size:\",\n \";font-weight:\",\n \";}\"\n], (props)=>props.theme.colors.grays.darker, (props)=>props.theme.font.size.base, (props)=>props.theme.font.weight.medium);\nconst UserTooltipInner = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"UserTooltipInner\",\n componentId: \"sc-4b559ad9-10\"\n})([\n \"background:\",\n \";color:\",\n \";left:0px;margin:-8px -8px -8px -8px;max-width:300px;top:0px;width:300px;ul{padding:0;li{text-align:left;a{\",\n \" \",\n \" color:\",\n \";padding:17px 20px;position:relative;i{margin-right:12px;}span{\",\n \" color:\",\n \";text-transform:none;}}&:hover{background:\",\n \";}}}\"\n], ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.white.base, FlexMixin({\n align: 'center'\n}), FontMixin({\n size: 'large',\n height: 'large'\n}), ({ theme })=>theme.colors.grays.base, FontMixin({\n size: 'medium',\n height: 'medium',\n weight: 'light'\n}), ({ theme })=>theme.colors.grays.darker, (props)=>props.theme.colors.grays.lightest);\nconst Logout = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"Logout\",\n componentId: \"sc-4b559ad9-11\"\n})([\n \"\",\n \" background-color:\",\n \";border-top:1px solid \",\n \";padding:16px 0;span{\",\n \" \",\n \" background-color:\",\n \";border:1px solid \",\n \";color:\",\n \";cursor:pointer;display:inline-block;margin:0 auto;padding:8px 12px;text-transform:uppercase;}\"\n], FontMixin({\n size: 'base'\n}), ({ theme })=>theme.colors.grays.lighter, ({ theme })=>theme.colors.grays.lighter, BorderRadius({\n all: '4px'\n}), FontMixin({\n size: 'medium',\n height: 'medium',\n weight: 'light'\n}), ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.dark, (props)=>props.theme.colors.grays.dark);\nconst UserContent = /*#__PURE__*/ styled.span.withConfig({\n displayName: \"UserContent\",\n componentId: \"sc-4b559ad9-12\"\n})([\n \"\",\n \" color:\",\n \";display:block;text-transform:uppercase;\"\n], FontMixin({\n size: 'medium',\n height: 'base',\n weight: 'light'\n}), (props)=>props.theme.colors.grays.dark);\nconst CertificationsWrapper = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"CertificationsWrapper\",\n componentId: \"sc-4b559ad9-13\"\n})([\n \"\",\n \" margin-left:auto;border-right:1px solid \",\n \";margin-right:36px;padding-right:36px;\"\n], FlexMixin({}), (props)=>props.theme.colors.grays.light);\n\nexport { CertificationsWrapper, Logo, Logout, Middle, Restrictions, RestrictionsImage, RestrictionsText, RestrictionsTextTitle, TextRight, User, UserContent, UserInitial, UserTooltip, UserTooltipInner };\n","import { jsx, jsxs } from 'react/jsx-runtime';\nimport Image from '@babylon/ui-kit-base/components/multimedia/image';\nimport InnerMarkdownHTML from '@babylon/ui-kit-base/components/text/inner-markdown-HTML';\nimport { nullsToUndefined } from '@babylon/ui-kit-helpers/null';\nimport { Container } from '@babylon/ui-kit-styles/common/mixins/container.styled';\nimport { useRef, useState, useCallback, Children } from 'react';\nimport { userLogout } from '../../../service.mjs';\nimport { IconUser } from '../styled.mjs';\nimport CertificationLogo from './certification/index.mjs';\nimport useLoginRegisterModal from './hooks/useLoginRegisterModal.mjs';\nimport LoginRegisterModal from './login-register-modal/index.mjs';\nimport { Middle, Logo, Restrictions, RestrictionsText, RestrictionsTextTitle, RestrictionsImage, CertificationsWrapper, User, TextRight, UserContent, UserInitial, UserTooltip, UserTooltipInner, Logout } from './styled.mjs';\n\nconst HeaderMiddle = ({ logo, headings, user, literals, restrictions, certifications })=>{\n const refUser = useRef(null);\n const refUnlogged = useRef(null);\n const [visibleUser, setVisibleUser] = useState(false);\n const { visibleLoginRegisterModal, closeLoginRegisterModal } = useLoginRegisterModal();\n const handleOnHoverButton = useCallback(()=>{\n setVisibleUser(true);\n }, []);\n const handleExitButton = useCallback(()=>{\n setVisibleUser(false);\n }, []);\n return /*#__PURE__*/ jsx(Middle, {\n \"data-testid\": \"HeaderMiddle\",\n children: /*#__PURE__*/ jsxs(Container, {\n py: 8,\n children: [\n /*#__PURE__*/ jsxs(Logo, {\n children: [\n logo && /*#__PURE__*/ jsx(Image, {\n isLazy: false,\n ...logo,\n width: 251,\n height: 44\n }),\n !!headings?.items?.length && headings.items[0].content && /*#__PURE__*/ jsx(InnerMarkdownHTML, {\n tag: \"h1\",\n content: headings.items[0].content\n })\n ]\n }),\n restrictions && /*#__PURE__*/ jsx(Restrictions, {\n children: /*#__PURE__*/ jsxs(\"a\", {\n \"data-testid\": \"RestrictionsLink\",\n href: nullsToUndefined(restrictions.link).href,\n target: nullsToUndefined(restrictions.link).target,\n title: nullsToUndefined(restrictions.link).title,\n children: [\n /*#__PURE__*/ jsxs(RestrictionsText, {\n children: [\n /*#__PURE__*/ jsx(RestrictionsTextTitle, {\n children: restrictions.title\n }),\n restrictions.link.content\n ]\n }),\n /*#__PURE__*/ jsx(RestrictionsImage, {\n alt: restrictions.title,\n resize: {\n width: 68,\n height: 44,\n quality: 80\n },\n width: 68,\n height: 44,\n src: restrictions.image,\n isLazy: false\n })\n ]\n })\n }),\n certifications && /*#__PURE__*/ jsx(CertificationsWrapper, {\n \"data-testid\": \"certifications\",\n children: Children.toArray(certifications.map((item)=>/*#__PURE__*/ jsx(CertificationLogo, {\n ...item\n })))\n }),\n user?.unlogged && /*#__PURE__*/ jsxs(User, {\n children: [\n /*#__PURE__*/ jsx(\"a\", {\n href: nullsToUndefined(user.unlogged[0]).href,\n target: nullsToUndefined(user.unlogged[0]).target,\n title: nullsToUndefined(user.unlogged[0]).title,\n children: user.unlogged[0].content\n }),\n /*#__PURE__*/ jsx(\"span\", {\n className: \"separator\",\n children: \"|\"\n }),\n /*#__PURE__*/ jsx(\"a\", {\n ref: refUnlogged,\n href: nullsToUndefined(user.unlogged[1]).href,\n target: nullsToUndefined(user.unlogged[1]).target,\n title: nullsToUndefined(user.unlogged[1]).title,\n children: user.unlogged[1].content\n }),\n /*#__PURE__*/ jsx(IconUser, {\n className: \"nico-user\"\n }),\n visibleLoginRegisterModal && literals && /*#__PURE__*/ jsx(LoginRegisterModal, {\n refElement: refUnlogged,\n literals: literals,\n links: user.unlogged,\n onClose: closeLoginRegisterModal\n })\n ]\n }),\n user?.logged && /*#__PURE__*/ jsxs(User, {\n ref: refUser,\n onMouseOver: handleOnHoverButton,\n onMouseLeave: handleExitButton,\n children: [\n /*#__PURE__*/ jsx(TextRight, {\n children: /*#__PURE__*/ jsxs(\"a\", {\n href: '#',\n target: '',\n title: '',\n children: [\n /*#__PURE__*/ jsx(UserContent, {\n children: user.label?.content\n }),\n user.logged.user_name.content\n ]\n })\n }),\n /*#__PURE__*/ jsx(UserInitial, {\n children: user.logged.user_name.content?.substring(0, 1)\n }),\n visibleUser && /*#__PURE__*/ jsx(UserTooltip, {\n referenceElement: refUser.current,\n isNegative: false,\n placement: 'bottom',\n children: /*#__PURE__*/ jsxs(UserTooltipInner, {\n children: [\n /*#__PURE__*/ jsxs(\"ul\", {\n children: [\n /*#__PURE__*/ jsx(\"li\", {\n children: /*#__PURE__*/ jsxs(\"a\", {\n title: user.logged.profile.title,\n href: user.logged.profile.href,\n children: [\n /*#__PURE__*/ jsx(\"i\", {\n className: user.logged.profile.icon\n }),\n /*#__PURE__*/ jsx(\"span\", {\n children: user.logged.profile.content\n })\n ]\n })\n }),\n /*#__PURE__*/ jsx(\"li\", {\n children: /*#__PURE__*/ jsxs(\"a\", {\n title: user.logged.bookings.title,\n href: user.logged.bookings.href,\n children: [\n /*#__PURE__*/ jsx(\"i\", {\n className: user.logged.bookings.icon\n }),\n /*#__PURE__*/ jsx(\"span\", {\n children: user.logged.bookings.content\n })\n ]\n })\n }),\n user.logged.searches && /*#__PURE__*/ jsx(\"li\", {\n children: /*#__PURE__*/ jsxs(\"a\", {\n title: user.logged.searches.title,\n href: user.logged.searches.href,\n children: [\n /*#__PURE__*/ jsx(\"i\", {\n className: user.logged.searches.icon\n }),\n /*#__PURE__*/ jsx(\"span\", {\n children: user.logged.searches.content\n })\n ]\n })\n })\n ]\n }),\n /*#__PURE__*/ jsx(Logout, {\n children: /*#__PURE__*/ jsx(\"span\", {\n onClick: ()=>{\n userLogout(user.logged?.session_code, user.logged?.logout_url).catch(console.error);\n },\n children: user.logged.logout.title\n })\n })\n ]\n })\n })\n ]\n })\n ]\n })\n });\n};\n\nexport { HeaderMiddle as default };\n","const subscribe = (eventName, listener)=>{\n document.addEventListener(eventName, listener);\n};\nconst unsubscribe = (eventName, listener)=>{\n document.removeEventListener(eventName, listener);\n};\nconst publish = (eventName, data = {})=>{\n const event = new CustomEvent(eventName, {\n detail: data\n });\n document.dispatchEvent(event);\n};\nvar customEvent;\n(function(customEvent) {\n customEvent[\"OpenOriginModal\"] = \"OpenOriginModal\";\n})(customEvent || (customEvent = {}));\n\nexport { customEvent, publish, subscribe, unsubscribe };\n","import contextBabylon from '@babylon/ui-kit-context';\nimport { DEVICES } from '@babylon/ui-kit-context/types';\nimport { useContext } from 'react';\n\nconst useDevice = ()=>{\n let { DeviceClass = DEVICES.desktop } = useContext(contextBabylon) || {};\n if (!Object.values(DEVICES).includes(DeviceClass)) DeviceClass = DEVICES.desktop;\n const indexOfS = Object.values(DEVICES).indexOf(DeviceClass);\n const key = Object.keys(DEVICES)[indexOfS];\n return DEVICES[key];\n};\n\nexport { useDevice as default, useDevice };\n","import { checkIfDesktop } from '@babylon/ui-kit-helpers/views';\nimport { useDevice } from '../useDevice.mjs';\n\nconst useIsDesktop = ()=>{\n const device = useDevice();\n return checkIfDesktop(device);\n};\n\nexport { useIsDesktop as default, useIsDesktop };\n","import { useRef, useEffect } from 'react';\n\nconst usePrevValue = (value)=>{\n const valueRef = useRef(value);\n useEffect(()=>{\n valueRef.current = value;\n }, [\n value\n ]);\n return valueRef.current;\n};\n\nexport { usePrevValue as default };\n","'use strict';\n\n// do not edit .js files directly - edit src/index.jst\n\n\n\nmodule.exports = function equal(a, b) {\n if (a === b) return true;\n\n if (a && b && typeof a == 'object' && typeof b == 'object') {\n if (a.constructor !== b.constructor) return false;\n\n var length, i, keys;\n if (Array.isArray(a)) {\n length = a.length;\n if (length != b.length) return false;\n for (i = length; i-- !== 0;)\n if (!equal(a[i], b[i])) return false;\n return true;\n }\n\n\n\n if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;\n if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();\n if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();\n\n keys = Object.keys(a);\n length = keys.length;\n if (length !== Object.keys(b).length) return false;\n\n for (i = length; i-- !== 0;)\n if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;\n\n for (i = length; i-- !== 0;) {\n var key = keys[i];\n\n if (key === '_owner' && a.$$typeof) {\n // React-specific: avoid traversing React elements' _owner.\n // _owner contains circular references\n // and is not needed when comparing the actual elements (and not their owners)\n continue;\n }\n\n if (!equal(a[key], b[key])) return false;\n }\n\n return true;\n }\n\n // true if both NaN, false otherwise\n return a!==a && b!==b;\n};\n","import usePrevValue from '@babylon/ui-kit-hooks/usePrevValue';\nimport fastDeepEqual from 'fast-deep-equal/react.js';\nimport { useMemo, useState, useEffect } from 'react';\nimport { useBoolean } from 'usehooks-ts';\n\nconst useContentProps = (props)=>{\n const { visible = false, header, beforeContent, content, footer } = props ?? {};\n const prevVisible = usePrevValue(visible);\n const { value: isVisible, setValue: setVisible } = useBoolean(visible);\n const contentProps = useMemo(()=>({\n header,\n beforeContent,\n content,\n footer\n }), [\n header,\n beforeContent,\n content,\n footer\n ]);\n const prevContentProps = usePrevValue(contentProps);\n const [savedContentProps, setSavedContentProps] = useState(contentProps);\n useEffect(()=>{\n if (!fastDeepEqual(savedContentProps, contentProps)) {\n setSavedContentProps(contentProps);\n }\n }, [\n contentProps,\n savedContentProps\n ]);\n useEffect(()=>{\n if (fastDeepEqual(contentProps, prevContentProps)) return;\n if (prevVisible && !visible) {\n setTimeout(()=>{\n setSavedContentProps(contentProps);\n }, 300);\n } else {\n setSavedContentProps(contentProps);\n }\n }, [\n contentProps,\n visible,\n prevContentProps,\n prevVisible,\n setVisible\n ]);\n useEffect(()=>{\n if (visible === isVisible) return;\n if (visible && fastDeepEqual(contentProps, savedContentProps) || !visible) {\n setVisible(visible);\n }\n }, [\n contentProps,\n isVisible,\n savedContentProps,\n setVisible,\n visible\n ]);\n const state = useMemo(()=>({\n contentProps: savedContentProps,\n isVisible\n }), [\n isVisible,\n savedContentProps\n ]);\n const actions = useMemo(()=>({}), []);\n return useMemo(()=>({\n state,\n actions\n }), [\n actions,\n state\n ]);\n};\n\nexport { useContentProps as default };\n","import { useMemo } from 'react';\nimport { useScrollLock } from 'usehooks-ts';\n\nconst useLock = ()=>{\n const { lock, unlock } = useScrollLock({\n autoLock: false,\n lockTarget: '#app'\n });\n const state = useMemo(()=>({}), []);\n const actions = useMemo(()=>({\n lock,\n unlock\n }), [\n lock,\n unlock\n ]);\n return useMemo(()=>({\n state,\n actions\n }), [\n actions,\n state\n ]);\n};\n\nexport { useLock as default };\n","import { useRef, useMemo } from 'react';\n\nconst useRefs = ()=>{\n const rootRef = useRef(null);\n const wrapperRef = useRef(null);\n const state = useMemo(()=>({\n rootRef,\n wrapperRef\n }), []);\n const actions = useMemo(()=>({}), []);\n return useMemo(()=>({\n state,\n actions\n }), [\n actions,\n state\n ]);\n};\n\nexport { useRefs as default };\n","import { useMemo } from 'react';\nimport useContentProps from './useContentProps.mjs';\nimport useLock from './useLock.mjs';\nimport useRefs from './useRefs.mjs';\n\nconst useModalContextState = (props)=>{\n const contentProps = useContentProps(props);\n const lockState = useLock();\n const refsState = useRefs();\n const state = useMemo(()=>({\n ...contentProps.state,\n ...lockState.state,\n ...refsState.state\n }), [\n contentProps.state,\n lockState.state,\n refsState.state\n ]);\n const actions = useMemo(()=>({\n ...contentProps.actions,\n ...lockState.actions,\n ...refsState.actions\n }), [\n contentProps.actions,\n lockState.actions,\n refsState.actions\n ]);\n return useMemo(()=>({\n state,\n actions\n }), [\n actions,\n state\n ]);\n};\n\nexport { useModalContextState as default };\n","var KEY_CODE;\n(function(KEY_CODE) {\n KEY_CODE[\"ARROW_DOWN\"] = \"ArrowDown\";\n KEY_CODE[\"ARROW_UP\"] = \"ArrowUp\";\n KEY_CODE[\"ENTER\"] = \"Enter\";\n KEY_CODE[\"ESC\"] = \"Escape\";\n KEY_CODE[\"TAB\"] = \"Tab\";\n})(KEY_CODE || (KEY_CODE = {}));\n\nexport { KEY_CODE };\n","import { KEY_CODE } from '@babylon/ui-kit-types/key-code';\nimport { useRef, useEffect } from 'react';\nimport { useEventListener } from 'usehooks-ts';\n\nconst useClickOutCloseModal = (props, state)=>{\n const { rootRef, wrapperRef, isVisible } = state ?? {};\n const { closeOnClickOut = false, hide } = props ?? {};\n const defaultRootRef = useRef(null);\n useEventListener('click', ({ target })=>{\n if (!target || !wrapperRef?.current || !isVisible || !hide) return;\n if (!wrapperRef.current.contains(target) && closeOnClickOut) {\n hide();\n }\n }, rootRef ?? defaultRootRef);\n};\nconst useModalSideEffects = (contextValue)=>{\n const { props, state, actions } = contextValue;\n const { visible, closeOnEscapeKeyDown = false, hide } = props ?? {};\n const { lock, unlock } = actions ?? {};\n useEffect(()=>{\n if (!lock || !unlock) return;\n if (visible) lock();\n return ()=>{\n unlock();\n };\n }, [\n lock,\n unlock,\n visible\n ]);\n const escapeKeydown = ({ key })=>{\n if (visible && closeOnEscapeKeyDown && key === KEY_CODE.ESC) hide?.();\n };\n useEventListener('keydown', escapeKeydown);\n useClickOutCloseModal(props, state);\n};\n\nexport { useModalSideEffects as default, useClickOutCloseModal };\n","import { jsx } from 'react/jsx-runtime';\nimport { useMemo, createContext, useContext } from 'react';\nimport useModalContextState from './useContextState/index.mjs';\nimport useModalSideEffects from './useSideEffects.mjs';\n\nconst ModalContext = /*#__PURE__*/ createContext({});\nconst ModalProvider = (props)=>{\n const { value, children } = props;\n const contextState = useModalContextState(value);\n const contextValue = useMemo(()=>({\n props: value,\n ...contextState\n }), [\n contextState,\n value\n ]);\n useModalSideEffects(contextValue);\n return /*#__PURE__*/ jsx(ModalContext.Provider, {\n value: contextValue,\n children: children\n });\n};\nconst useModalContext = ()=>useContext(ModalContext);\nconst useModalProps = ()=>useModalContext().props;\nconst useModalState = ()=>useModalContext().state;\n\nexport { ModalProvider, useModalProps, useModalState };\n","import { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { BorderRadius } from '@babylon/ui-kit-styles/common/mixins/logical.styled';\nimport styled from 'styled-components';\n\nconst ModalCloseButton = /*#__PURE__*/ styled.button.attrs({\n as: 'button'\n}).withConfig({\n displayName: \"ModalCloseButton\",\n componentId: \"sc-ae29d01d-0\"\n})([\n \"\",\n \" \",\n \" color:\",\n \";height:52px;position:relative;transition:0.4s;width:52px;&:hover{color:\",\n \";}\"\n], FlexMixin({\n align: 'center',\n justify: 'center'\n}), FontMixin({\n size: 'large',\n height: 'large'\n}), ({ theme })=>theme.colors.grays.base, ({ theme })=>theme.colors.grays.dark);\nconst ModalHeader = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ModalHeader\",\n componentId: \"sc-ae29d01d-1\"\n})([\n \"position:sticky;top:0;\",\n \" border-bottom:1px solid var(--header-border-color);\",\n \" flex:0 0 auto;\"\n], FlexMixin({\n align: 'center',\n justify: 'center'\n}), BorderRadius({\n topLeft: '4px',\n topRight: '4px'\n}));\nconst ModalHeaderText = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ModalHeaderText\",\n componentId: \"sc-ae29d01d-2\"\n})([\n \"\",\n \" color:\",\n \";flex:1;max-width:100%;overflow:hidden;padding:16px;text-overflow:ellipsis;white-space:nowrap;min-height:52px;\",\n \"\"\n], FontMixin({\n size: 'base',\n height: 'base',\n weight: 'medium'\n}), ({ theme })=>theme.colors.grays.darker, ({ $centerHeaderTitle })=>$centerHeaderTitle && `display: flex; justify-content: center; align-items: center;`);\n\nexport { ModalCloseButton, ModalHeader, ModalHeaderText };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport Icon from '@babylon/ui-kit-base/components/icons/icon';\nimport { useMemo } from 'react';\nimport { useModalProps, useModalState } from '../../context/index.mjs';\nimport { ModalHeader as ModalHeader$1, ModalHeaderText, ModalCloseButton as ModalCloseButton$1 } from './styled.mjs';\n\nconst ModalCloseButton = ({ icon })=>{\n const { hide } = useModalProps() ?? {};\n const iconIsString = typeof icon === 'string';\n let iconNode = useMemo(()=>{\n if (iconIsString) {\n if (!hide) return;\n return /*#__PURE__*/ jsx(Icon, {\n className: `nico-${icon}`\n });\n }\n return icon;\n }, [\n hide,\n icon,\n iconIsString\n ]);\n if (!icon) return null;\n if (iconIsString) return /*#__PURE__*/ jsx(ModalCloseButton$1, {\n onClick: hide,\n \"data-testid\": \"ModalCloseButton\",\n children: iconNode\n });\n return /*#__PURE__*/ jsx(ModalCloseButton$1, {\n children: iconNode\n });\n};\nconst ModalHeader = ()=>{\n const { iconLeft, iconRight = 'cancel', centerHeaderTitle } = useModalProps() ?? {};\n const { contentProps } = useModalState() ?? {};\n const { header } = contentProps ?? {};\n if (!header && !iconLeft && !iconRight) return null;\n return /*#__PURE__*/ jsxs(ModalHeader$1, {\n \"data-testid\": \"ModalHeader\",\n children: [\n /*#__PURE__*/ jsx(ModalCloseButton, {\n icon: iconLeft\n }),\n /*#__PURE__*/ jsx(ModalHeaderText, {\n $centerHeaderTitle: centerHeaderTitle,\n \"data-testid\": \"ModalHeaderText\",\n children: header\n }),\n /*#__PURE__*/ jsx(ModalCloseButton, {\n icon: iconRight\n })\n ]\n });\n};\n\nexport { ModalHeader as default };\n","import { css } from 'styled-components';\n\nconst logitravelModalStyles = {\n ModalRoot: ()=>/*#__PURE__*/ css([\n \"--header-default-background:\",\n \";--header-default-color:\",\n \";--header-default-icon-color:\",\n \";--header-primary-background:\",\n \";--header-primary-color:\",\n \";--header-primary-icon-color:\",\n \";--header-border-color:\",\n \";\"\n ], ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.grays.base, ({ theme })=>theme.colors.primary.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.light)\n};\n\nexport { logitravelModalStyles as default };\n","import { css } from 'styled-components';\n\nconst partnershipsModalStyles = {\n ModalRoot: ()=>/*#__PURE__*/ css([\n \"--header-default-background:\",\n \";--header-default-color:\",\n \";--header-default-icon-color:\",\n \";--header-primary-background:\",\n \";--header-primary-color:\",\n \";--header-primary-icon-color:\",\n \";--header-border-color:\",\n \";\"\n ], ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.grays.base, ({ theme })=>theme.colors.primary.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.light)\n};\n\nexport { partnershipsModalStyles as default };\n","import { css } from 'styled-components';\n\nconst smyModalStyles = {\n ModalRoot: ()=>/*#__PURE__*/ css([\n \"--header-default-background:\",\n \";--header-default-color:\",\n \";--header-default-icon-color:\",\n \";--header-primary-background:\",\n \";--header-primary-color:\",\n \";--header-primary-icon-color:\",\n \";--header-border-color:\",\n \";\"\n ], ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.grays.base, ({ theme })=>theme.colors.grays.dark, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.light)\n};\n\nexport { smyModalStyles as default };\n","import { css } from 'styled-components';\n\nconst veciModalStyles = {\n ModalRoot: ()=>/*#__PURE__*/ css([\n \"--header-default-background:\",\n \";--header-default-color:\",\n \";--header-default-icon-color:\",\n \";--header-primary-background:\",\n \";--header-primary-color:\",\n \";--header-primary-icon-color:\",\n \";--header-border-color:\",\n \";\"\n ], ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.grays.base, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.lightest)\n};\n\nexport { veciModalStyles as default };\n","import { createThemes } from '@babylon/ui-kit-styles/common/themes';\nimport logitravelModalStyles from './styles/logitravel.mjs';\nimport partnershipsModalStyles from './styles/partnerships.mjs';\nimport smyModalStyles from './styles/smy.mjs';\nimport veciModalStyles from './styles/veci.mjs';\n\nconst modalThemes = createThemes({\n logitravel: logitravelModalStyles,\n partnerships: partnershipsModalStyles,\n smy: smyModalStyles,\n veci: veciModalStyles\n});\n\nexport { modalThemes as default };\n","import { FlexMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { BorderRadius } from '@babylon/ui-kit-styles/common/mixins/logical.styled';\nimport styled, { css, keyframes } from 'styled-components';\nimport { ModalHeader, ModalHeaderText, ModalCloseButton } from './components/header/styled.mjs';\nimport modalThemes from './themes/index.mjs';\n\nconst animationsDuration = '0.3s';\nconst ModalBackdrop = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ModalBackdrop\",\n componentId: \"sc-10c8e784-0\"\n})([\n \"position:fixed;top:0;left:0;bottom:0;right:0;background:\",\n \";pointer-events:none;transition:opacity \",\n \";\"\n], ({ theme })=>theme.colors.black.low, animationsDuration);\nconst ModalBox = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ModalBox\",\n componentId: \"sc-10c8e784-1\"\n})([\n \"position:relative;z-index:\",\n \";margin:48px auto;max-width:\",\n \";width:\",\n \";height:calc(100% - (48px * 2));\",\n \" transition:opacity \",\n \";\"\n], ({ theme })=>theme.zIndex.higher, ({ $maxWidth })=>$maxWidth ?? '850px', ({ $width })=>$width ? `${$width}!important` : 'calc(100% - 32px)', FlexMixin({\n align: 'center',\n justify: 'center'\n}), animationsDuration);\nconst ModalWrapper = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ModalWrapper\",\n componentId: \"sc-10c8e784-2\"\n})([\n \"width:100%;max-height:100%;\",\n \" background-color:\",\n \";\",\n \"\"\n], BorderRadius({\n all: '4px'\n}), ({ theme })=>theme.colors.white.base, FlexMixin({\n direction: 'column'\n}));\nconst ModalContent = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ModalContent\",\n componentId: \"sc-10c8e784-3\"\n})([\n \"flex:1 1 auto;overflow-x:hidden;overflow-y:auto;\"\n]);\nconst ModalFooter = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ModalFooter\",\n componentId: \"sc-10c8e784-4\"\n})([\n \"position:sticky;bottom:0;flex:0 0 auto;\"\n]);\nconst modalStartAnimation = /*#__PURE__*/ keyframes([\n \"from{opacity:0;}to{opacity:1;}\"\n]);\nconst panelRightStartAnimation = /*#__PURE__*/ keyframes([\n \"from{transform:translateX(0);opacity:0;}1%{transform:translateX(100%);}to{transform:translateX(0);opacity:1;}\"\n]);\nconst panelLeftStartAnimation = /*#__PURE__*/ keyframes([\n \"from{transform:translateX(0);opacity:0;}1%{transform:translateX(-100%);}to{transform:translateX(0);opacity:1;}\"\n]);\nconst modalClosedStyles = /*#__PURE__*/ css([\n \"\",\n \"{opacity:0;pointer-events:none;}\"\n], ModalBox);\nconst panelBaseStyles = /*#__PURE__*/ css([\n \"margin:0 auto;width:80%;min-height:100%;\",\n \" transition:transform \",\n \";\",\n \",\",\n \"{\",\n \"}\"\n], FlexMixin({\n align: 'initial'\n}), animationsDuration, ModalWrapper, ModalHeader, BorderRadius({\n all: '0'\n}));\nconst modalVariantStyles = (variant = 'simple', visible = false)=>({\n simple: /*#__PURE__*/ css([\n \"animation:\",\n \" \",\n \";\",\n \"\"\n ], modalStartAnimation, animationsDuration, !visible ? modalClosedStyles : ''),\n fullScreen: /*#__PURE__*/ css([\n \"\",\n \"{margin:0;max-width:100%;width:100%;min-height:100%;height:100%;}\",\n \"{height:100%;}\",\n \",\",\n \"{\",\n \"}animation:\",\n \" \",\n \";\",\n \"\"\n ], ModalBox, ModalWrapper, ModalWrapper, ModalHeader, BorderRadius({\n all: '0'\n }), modalStartAnimation, animationsDuration, !visible ? modalClosedStyles : ''),\n right: /*#__PURE__*/ css([\n \"\",\n \"{\",\n \" margin-right:0;animation:\",\n \" \",\n \";\",\n \"}\"\n ], ModalBox, panelBaseStyles, panelRightStartAnimation, animationsDuration, !visible ? /*#__PURE__*/ css([\n \"transform:translateX(100%);\"\n ]) : ''),\n left: /*#__PURE__*/ css([\n \"\",\n \"{\",\n \" margin-left:0;animation:\",\n \" \",\n \";\",\n \"}\"\n ], ModalBox, panelBaseStyles, panelLeftStartAnimation, animationsDuration, !visible ? /*#__PURE__*/ css([\n \"transform:translateX(-100%);\"\n ]) : '')\n })[variant];\nconst modalColorStyles = (color = 'default', $isDesktop = false)=>({\n default: /*#__PURE__*/ css([\n \"\",\n \"{background-color:var(--header-default-background);}\",\n \"\"\n ], ModalHeader, $isDesktop ? /*#__PURE__*/ css([\n \"\"\n ]) : /*#__PURE__*/ css([\n \"\",\n \"{color:var(--header-default-color);}\",\n \"{color:var(--header-default-icon-color);}\"\n ], ModalHeaderText, ModalCloseButton)),\n primary: /*#__PURE__*/ css([\n \"\",\n \"{background-color:var(--header-primary-background);border-bottom:none;}\",\n \"{color:var(--header-primary-color);}\",\n \"{color:var(--header-primary-icon-color);}\"\n ], ModalHeader, ModalHeaderText, ModalCloseButton)\n })[color];\nconst ModalRoot = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ModalRoot\",\n componentId: \"sc-10c8e784-5\"\n})([\n \"--header-default-background:\",\n \";--header-default-color:\",\n \";--header-default-icon-color:\",\n \";--header-primary-background:\",\n \";--header-primary-color:\",\n \";--header-primary-icon-color:\",\n \";--header-border-color:\",\n \";position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:\",\n \";overflow:hidden;\",\n \" \",\n \" \",\n \" \",\n \"\"\n], ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.grays.base, ({ theme })=>theme.colors.primary.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.zIndex.higher, ({ $visible })=>!$visible ? /*#__PURE__*/ css([\n \"pointer-events:none;\",\n \"{opacity:0;}\"\n ], ModalBackdrop) : '', ({ $color, $isDesktop })=>modalColorStyles($color, $isDesktop), ({ $variant, $visible })=>modalVariantStyles($variant, $visible), modalThemes('ModalRoot'));\n\nexport { ModalBackdrop, ModalBox, ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalHeaderText, ModalRoot, ModalWrapper, modalColorStyles, modalVariantStyles };\n","import { jsx, jsxs } from 'react/jsx-runtime';\nimport useIsDesktop from '@babylon/ui-kit-hooks/device/useIsDesktop';\nimport { useState, useEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport ModalHeader from './components/header/index.mjs';\nimport { ModalProvider, useModalProps, useModalState } from './context/index.mjs';\nimport { ModalRoot, ModalBackdrop, ModalBox, ModalWrapper, ModalContent, ModalFooter } from './styled.mjs';\n\nconst ModalView = ()=>{\n const { header: _header, content: _content, footer: _footer, hide: _hide, closeOnClickOut: _closeOnClickOut, closeOnEscapeKeyDown: _closeOnEscapeKeyDown, beforeContent: _beforeContent, visible: _visible, iconRight: _iconRight, iconLeft: _iconLeft, variant = 'simple', color = 'default', contentRef, onScroll, maxWidth, width, container, hideOverlay = false, ...rest } = useModalProps() ?? {};\n const { rootRef, wrapperRef, contentProps, isVisible = false } = useModalState() ?? {};\n const { beforeContent, content, footer } = contentProps ?? {};\n const isDesktop = useIsDesktop();\n const modal = /*#__PURE__*/ jsxs(ModalRoot, {\n \"data-testid\": 'data-testid' in rest ? rest['data-testid'] : 'Modal',\n $variant: variant,\n $color: color,\n $isDesktop: isDesktop,\n $visible: isVisible,\n \"data-visible\": isVisible,\n ref: rootRef,\n children: [\n !hideOverlay && /*#__PURE__*/ jsx(ModalBackdrop, {\n \"data-testid\": \"ModalBackdrop\"\n }),\n /*#__PURE__*/ jsx(ModalBox, {\n ...rest,\n \"data-testid\": \"ModalBox\",\n $maxWidth: maxWidth,\n $width: width,\n children: /*#__PURE__*/ jsxs(ModalWrapper, {\n ref: wrapperRef,\n \"data-testid\": \"ModalWrapper\",\n children: [\n /*#__PURE__*/ jsx(ModalHeader, {}),\n beforeContent,\n /*#__PURE__*/ jsx(ModalContent, {\n onScroll: onScroll,\n ref: contentRef,\n \"data-testid\": \"ModalContent\",\n children: content\n }),\n footer && /*#__PURE__*/ jsx(ModalFooter, {\n \"data-testid\": \"ModalFooter\",\n children: footer\n })\n ]\n })\n })\n ]\n });\n return /*#__PURE__*/ createPortal(modal, container ? document.querySelector(container) ?? document.body : document.body);\n};\nconst Modal = (props)=>{\n const { visible = false } = props ?? {};\n const [isMounted, setMounted] = useState(!!visible);\n useEffect(()=>{\n if (!isMounted && !!visible) {\n setMounted(true);\n }\n }, [\n isMounted,\n visible\n ]);\n if (!isMounted) return null;\n return /*#__PURE__*/ jsx(ModalProvider, {\n value: props,\n children: /*#__PURE__*/ jsx(ModalView, {})\n });\n};\n\nexport { Modal as default };\n","import { Button } from '@babylon/ui-kit-base/components/buttons/button';\nimport { ImageStyled } from '@babylon/ui-kit-base/components/multimedia/image/styled';\nimport { TooltipContent } from '@babylon/ui-kit-base/components/others/tooltip/styled';\nimport { Container } from '@babylon/ui-kit-styles/common/mixins/container.styled';\nimport { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { BorderRadius } from '@babylon/ui-kit-styles/common/mixins/logical.styled';\nimport styled from 'styled-components';\n\nconst Top = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"Top\",\n componentId: \"sc-149eeaa0-0\"\n})([\n \"background-color:\",\n \";\",\n \"{\",\n \"}\",\n \"{img{border-radius:50%;}}ul{\",\n \" li{\",\n \" border-right:1px solid \",\n \";min-height:32.5px;padding:0 20px;:first-child{padding-left:4px;}:last-child{border-right:0;padding-right:4px;}a{\",\n \" color:\",\n \";text-transform:uppercase;}\",\n \"{\",\n \" color:\",\n \";.label{color:\",\n \";margin-right:6px;text-transform:none;}.symbol{\",\n \" margin-right:8px;}.flag{\",\n \" box-shadow:0 0 0 2px \",\n \";display:inline-block;height:18px;margin-right:5px;vertical-align:middle;width:18px;}}}}height:0;overflow:hidden;\",\n \"{height:initial;overflow:initial;}\"\n], (props)=>props.theme.colors.grays.darker, Container, FlexMixin({\n align: 'center',\n justify: 'space-between'\n}), ImageStyled, FlexMixin({\n align: 'center'\n}), FlexMixin({\n align: 'center'\n}), (props)=>props.theme.colors.grays.base, FontMixin({\n size: 'small',\n height: 'larger',\n weight: 'light'\n}), (props)=>props.theme.colors.white.base, Button, FontMixin({\n size: 'small',\n height: 'larger',\n weight: 'light'\n}), (props)=>props.theme.colors.white.base, (props)=>props.theme.colors.grays.base, FontMixin({\n size: 'medium',\n height: 'medium',\n weight: 'medium'\n}), BorderRadius({\n all: '50%'\n}), (props)=>props.theme.colors.grays.dark, ({ theme })=>theme.media.tabletLandscape.up);\nconst NoClickeable = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"NoClickeable\",\n componentId: \"sc-149eeaa0-1\"\n})([\n \"\",\n \" cursor:default;\"\n], FlexMixin({\n align: 'center'\n}));\nconst ContainerModal = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ContainerModal\",\n componentId: \"sc-149eeaa0-2\"\n})([\n \"padding:16px;ul{\",\n \" li{\",\n \" \",\n \" color:\",\n \";cursor:pointer;padding:12px 16px;width:25%;&:hover{background-color:\",\n \";color:\",\n \";}}.selected{background-color:\",\n \";font-weight:\",\n \";&:hover{background-color:\",\n \";}}}\"\n], FlexMixin({\n wrap: true\n}), FlexMixin({\n align: 'center',\n wrap: true\n}), FontMixin({\n size: 'base',\n height: 'base',\n weight: 'light'\n}), ({ theme })=>theme.colors.grays.darker, (props)=>props.theme.colors.grays.lightest, (props)=>props.theme.colors.grays.darker, ({ theme })=>theme.colors.black.higher, (props)=>props.theme.font.weight.bold, ({ theme })=>theme.colors.black.higher);\nconst IconOrigins = /*#__PURE__*/ styled.span.withConfig({\n displayName: \"IconOrigins\",\n componentId: \"sc-149eeaa0-3\"\n})([\n \"color:\",\n \";margin-left:auto;\"\n], ({ theme })=>theme.colors.status.info);\nconst TooltipTitle = /*#__PURE__*/ styled.p.withConfig({\n displayName: \"TooltipTitle\",\n componentId: \"sc-149eeaa0-4\"\n})([\n \"\",\n \" color:\",\n \";margin-bottom:2px;padding-top:5px;\"\n], FontMixin({\n size: 'base',\n weight: 'medium'\n}), (props)=>props.theme.colors.primary.light);\nconst TooltipText = /*#__PURE__*/ styled.p.withConfig({\n displayName: \"TooltipText\",\n componentId: \"sc-149eeaa0-5\"\n})([\n \"\",\n \" color:\",\n \";line-height:20px;margin-bottom:2px;\"\n], FontMixin({\n size: 'small',\n weight: 'light'\n}), (props)=>props.theme.colors.grays.darker);\nconst TooltipWrapper = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"TooltipWrapper\",\n componentId: \"sc-149eeaa0-6\"\n})([\n \"z-index:\",\n \";\",\n \"{max-width:300px;}\"\n], (props)=>props.theme.zIndex.highest, TooltipContent);\n\nexport { ContainerModal, IconOrigins, NoClickeable, TooltipText, TooltipTitle, TooltipWrapper, Top };\n","import { jsxs, Fragment, jsx } from 'react/jsx-runtime';\nimport { Button } from '@babylon/ui-kit-base/components/buttons/button';\nimport Image from '@babylon/ui-kit-base/components/multimedia/image';\nimport Tooltip from '@babylon/ui-kit-base/components/others/tooltip';\nimport { subscribe, customEvent, unsubscribe } from '@babylon/ui-kit-helpers/customEvents';\nimport { nullsToUndefined } from '@babylon/ui-kit-helpers/null';\nimport Modal from '@babylon/ui-kit-structures/components/others/modal';\nimport { Container } from '@babylon/ui-kit-styles/common/mixins/container.styled';\nimport { useRef, useState, useEffect, Children } from 'react';\nimport { useBoolean } from 'usehooks-ts';\nimport { fetchPostOrigin } from '../../../service.mjs';\nimport { Top, TooltipWrapper, TooltipTitle, TooltipText, NoClickeable, ContainerModal, IconOrigins } from './styled.mjs';\n\nconst HeaderTop = ({ contact, faq, options, phone })=>{\n const { value: isVisible, toggle: toggleVisibility, setTrue: openModal } = useBoolean();\n const { value, setFalse, setTrue } = useBoolean();\n const phoneRef = useRef(null);\n const [location, setLocation] = useState(options.location);\n const handleLocationChange = (airportCode, endpoint, index)=>{\n const newLocation = {\n ...location\n };\n newLocation.options.origins.forEach((origin)=>origin.selected = false);\n newLocation.options.origins[index].selected = true;\n newLocation.selected = `${location.options.origins[index].content} (${location.options.origins[index].value})`;\n setLocation(newLocation);\n // TODO: review this hardcoded value.\n const airportSource = 900;\n fetchPostOrigin(airportCode, airportSource, endpoint);\n // In case we decide in the future that the selection is too fast.\n setTimeout(()=>toggleVisibility(), 250);\n };\n useEffect(()=>{\n subscribe(customEvent.OpenOriginModal, openModal);\n return ()=>unsubscribe(customEvent.OpenOriginModal, openModal);\n }, [\n openModal\n ]);\n return /*#__PURE__*/ jsxs(Fragment, {\n children: [\n /*#__PURE__*/ jsx(Top, {\n \"data-testid\": \"HeaderTop\",\n children: /*#__PURE__*/ jsxs(Container, {\n children: [\n /*#__PURE__*/ jsxs(\"ul\", {\n children: [\n /*#__PURE__*/ jsx(\"li\", {\n children: /*#__PURE__*/ jsx(\"a\", {\n href: nullsToUndefined(contact)?.href,\n title: nullsToUndefined(contact)?.title,\n target: nullsToUndefined(contact).target,\n children: contact?.content\n })\n }),\n /*#__PURE__*/ jsx(\"li\", {\n children: /*#__PURE__*/ jsx(\"a\", {\n href: nullsToUndefined(faq)?.href,\n title: nullsToUndefined(faq)?.title,\n target: nullsToUndefined(faq).target,\n children: faq?.content\n })\n }),\n phone && /*#__PURE__*/ jsx(\"li\", {\n children: /*#__PURE__*/ jsxs(\"a\", {\n href: nullsToUndefined(phone).href,\n title: nullsToUndefined(phone).title,\n rel: nullsToUndefined(phone).rel,\n ref: phoneRef,\n onMouseEnter: setTrue,\n onMouseLeave: setFalse,\n children: [\n phone.content,\n value && /*#__PURE__*/ jsx(TooltipWrapper, {\n children: /*#__PURE__*/ jsxs(Tooltip, {\n placement: 'bottom',\n isNegative: false,\n referenceElement: phoneRef.current,\n children: [\n /*#__PURE__*/ jsx(TooltipTitle, {\n children: phone?.info.items[0].headings.items[0].content\n }),\n /*#__PURE__*/ jsx(TooltipText, {\n children: phone?.info.items[0].descriptions.items[0].content\n })\n ]\n })\n })\n ]\n })\n })\n ]\n }),\n /*#__PURE__*/ jsxs(\"ul\", {\n children: [\n /*#__PURE__*/ jsx(\"li\", {\n children: /*#__PURE__*/ jsxs(Button, {\n \"data-testid\": \"LocationsButton\",\n p: \"0\",\n height: \"auto\",\n onClick: toggleVisibility,\n children: [\n /*#__PURE__*/ jsx(\"span\", {\n className: \"label\",\n children: location.label.content\n }),\n location.selected\n ]\n })\n }),\n /*#__PURE__*/ jsx(\"li\", {\n children: /*#__PURE__*/ jsx(Button, {\n p: \"0\",\n height: \"auto\",\n className: \"btn-lang\",\n children: /*#__PURE__*/ jsxs(NoClickeable, {\n children: [\n /*#__PURE__*/ jsx(Image, {\n src: `/comun/images2012/flags/squared/${options.languages[0].code}.svg`,\n alt: options.languages[0].title,\n resize: {\n width: 18,\n height: 18,\n quality: 80\n },\n width: 18,\n height: 18,\n className: \"flag\",\n isLazy: false\n }),\n /*#__PURE__*/ jsx(\"span\", {\n className: \"language\",\n children: options.languages[0].display_code\n })\n ]\n })\n })\n }),\n /*#__PURE__*/ jsx(\"li\", {\n children: /*#__PURE__*/ jsx(Button, {\n p: \"0\",\n height: \"auto\",\n children: /*#__PURE__*/ jsxs(NoClickeable, {\n children: [\n /*#__PURE__*/ jsx(\"span\", {\n className: \"symbol\",\n children: options.currencies[0].code\n }),\n ' ',\n options.currencies[0].title\n ]\n })\n })\n })\n ]\n })\n ]\n })\n }),\n /*#__PURE__*/ jsx(Modal, {\n \"data-testid\": \"LocationsModal\",\n header: options.location.label.content,\n visible: isVisible,\n content: /*#__PURE__*/ jsx(ContainerModal, {\n children: /*#__PURE__*/ jsx(\"ul\", {\n children: Children.toArray(location.options.origins.map((origin, index)=>/*#__PURE__*/ jsxs(\"li\", {\n \"data-code\": origin.value,\n className: origin.selected ? 'selected' : '',\n onClick: ()=>!origin.selected && handleLocationChange(origin.value, options.location.options.origin_url, index),\n children: [\n origin.content,\n origin.selected && /*#__PURE__*/ jsx(IconOrigins, {\n children: /*#__PURE__*/ jsx(\"i\", {\n className: \"nico-check\"\n })\n })\n ]\n })))\n })\n }),\n hide: toggleVisibility\n })\n ]\n });\n};\n\nexport { HeaderTop as default };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport HeaderBottom from './bottom/index.mjs';\nimport HeaderMiddle from './middle/index.mjs';\nimport { Header, HeaderAgent, HeaderAgentIcon, HeaderAgentContent, HeaderAgentLabel, HeaderAgentName } from './styled.mjs';\nimport HeaderTop from './top/index.mjs';\n\nconst HeaderLogitravelDesktop = ({ props })=>{\n const { nav_primary, nav_help, logo, headings, options, user, literals, restrictions, certifications, agent } = props;\n return /*#__PURE__*/ jsxs(Header, {\n \"data-testid\": \"Header\",\n children: [\n /*#__PURE__*/ jsx(HeaderTop, {\n ...nav_help,\n options: options\n }),\n /*#__PURE__*/ jsx(HeaderMiddle, {\n logo: logo,\n headings: headings,\n user: user,\n literals: literals,\n restrictions: restrictions,\n certifications: certifications\n }),\n /*#__PURE__*/ jsx(HeaderBottom, {\n ...nav_primary\n }),\n agent && /*#__PURE__*/ jsxs(HeaderAgent, {\n children: [\n /*#__PURE__*/ jsx(HeaderAgentIcon, {\n className: 'nico-user'\n }),\n /*#__PURE__*/ jsxs(HeaderAgentContent, {\n children: [\n /*#__PURE__*/ jsx(HeaderAgentLabel, {\n children: agent.label\n }),\n /*#__PURE__*/ jsx(HeaderAgentName, {\n children: agent.name\n })\n ]\n })\n ]\n })\n ]\n });\n};\n\nexport { HeaderLogitravelDesktop as default };\n","import { createContext, useContext } from 'react';\n\nconst MobileHeaderLogitravelContext = /*#__PURE__*/ createContext(null);\nconst MobileHeaderLogitravelContextProvider = MobileHeaderLogitravelContext.Provider;\nconst useMobileHeaderLogitravel = ()=>{\n const context = useContext(MobileHeaderLogitravelContext);\n if (!context) {\n throw new Error('useMobileHeaderLogitravel must be used within a MobileHeaderLogitravelContextProvider');\n }\n return context;\n};\n\nexport { MobileHeaderLogitravelContext, MobileHeaderLogitravelContextProvider, useMobileHeaderLogitravel };\n","const canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);\n\nexport { canUseDOM };\n","import { jsx, Fragment } from 'react/jsx-runtime';\nimport { canUseDOM } from '@babylon/ui-kit-helpers/canUseDOM';\nimport { useState, useEffect } from 'react';\nimport { createPortal } from 'react-dom';\n\nconst Portal = ({ container, children })=>{\n const [element, setElement] = useState(null);\n useEffect(()=>{\n if (canUseDOM && !element) {\n const containerEl = document.querySelector(container);\n if (containerEl) {\n const el = document.createElement('div');\n setElement(el);\n containerEl.appendChild(el);\n }\n }\n return ()=>{\n if (element) {\n element.remove();\n setElement(null);\n }\n };\n }, [\n container,\n element\n ]);\n if (!element) {\n return null;\n }\n return /*#__PURE__*/ jsx(Fragment, {\n children: /*#__PURE__*/ createPortal(children, element)\n });\n};\n\nexport { Portal as default };\n","import Icon from '@babylon/ui-kit-base/components/icons/icon';\nimport Image from '@babylon/ui-kit-base/components/multimedia/image';\nimport { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport styled from 'styled-components';\n\nconst Header = /*#__PURE__*/ styled.header.withConfig({\n displayName: \"Header\",\n componentId: \"sc-ca8fda89-0\"\n})([\n \"min-height:45px;position:sticky;top:0;left:0;width:100%;z-index:\",\n \";background-color:\",\n \";box-shadow:0 0 2px \",\n \";\",\n \" > a{padding:2px 10px;flex-grow:1;text-align:center;}\"\n], ({ theme })=>theme.zIndex.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.black.low, FlexMixin({\n align: 'center',\n justify: 'space-between'\n}));\nconst Logo = /*#__PURE__*/ styled(Image).withConfig({\n displayName: \"Logo\",\n componentId: \"sc-ca8fda89-1\"\n})([\n \"\",\n \" height:34px;img{width:156px;height:34px;}\"\n], FlexMixin({\n align: 'center',\n justify: 'center'\n}));\nconst ActionButton = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ActionButton\",\n componentId: \"sc-ca8fda89-2\"\n})([\n \"\",\n \" text-transform:uppercase;padding:4px 10px;border-color:\",\n \";border-style:solid;\"\n], FlexMixin({\n direction: 'column',\n align: 'center'\n}), ({ theme })=>theme.colors.grays.lighter);\nconst MenuIcon = /*#__PURE__*/ styled(Icon).withConfig({\n displayName: \"MenuIcon\",\n componentId: \"sc-ca8fda89-3\"\n})([\n \"color:\",\n \";\",\n \"\"\n], ({ theme })=>theme.colors.primary.base, FontMixin({\n size: 'large',\n height: 'base'\n}));\nconst MenuButtonText = /*#__PURE__*/ styled.span.withConfig({\n displayName: \"MenuButtonText\",\n componentId: \"sc-ca8fda89-4\"\n})([\n \"color:\",\n \";\",\n \"\"\n], ({ theme })=>theme.colors.primary.base, FontMixin({\n size: 'small',\n weight: 'regular',\n height: 'small'\n}));\n\nexport { ActionButton, Header, Logo, MenuButtonText, MenuIcon };\n","import { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { rgba } from 'polished';\nimport styled, { css } from 'styled-components';\n\nconst HeaderPanelWithArrow = /*#__PURE__*/ styled.span.withConfig({\n displayName: \"HeaderPanelWithArrow\",\n componentId: \"sc-de833681-0\"\n})([\n \"\",\n \" gap:12px;i{\",\n \" padding:12px;margin:-12px;}\"\n], FlexMixin({\n align: 'center'\n}), FontMixin({\n size: 'large'\n}));\nconst ListItemMixin = /*#__PURE__*/ css([\n \"padding:12px;color:\",\n \";border-bottom:1px solid \",\n \";display:block;\",\n \"\"\n], ({ theme })=>theme.colors.white.base, ({ theme })=>rgba(theme.colors.primary.lighter, 0.12), FontMixin({\n size: 'base',\n weight: 'light',\n height: 'base'\n}));\nconst MainLink = /*#__PURE__*/ styled.a.withConfig({\n displayName: \"MainLink\",\n componentId: \"sc-de833681-1\"\n})([\n \"\",\n \" text-transform:initial;\"\n], ListItemMixin);\nconst LinksTitle = /*#__PURE__*/ styled.span.withConfig({\n displayName: \"LinksTitle\",\n componentId: \"sc-de833681-2\"\n})([\n \"\",\n \" \",\n \"\"\n], ListItemMixin, FontMixin({\n weight: 'medium'\n}));\nconst MenuLink = /*#__PURE__*/ styled(MainLink).withConfig({\n displayName: \"MenuLink\",\n componentId: \"sc-de833681-3\"\n})([\n \"padding-left:38px;\"\n]);\n\nexport { HeaderPanelWithArrow, LinksTitle, MainLink, MenuLink };\n","import { jsxs, Fragment, jsx } from 'react/jsx-runtime';\nimport Icon from '@babylon/ui-kit-base/components/icons/icon';\nimport { nullsToUndefined } from '@babylon/ui-kit-helpers/null';\nimport Modal from '@babylon/ui-kit-structures/components/others/modal';\nimport { Children, Fragment as Fragment$1 } from 'react';\nimport { useMobileHeaderLogitravel } from '../../../../../context.mjs';\nimport { MainLink, MenuLink, LinksTitle } from './styled.mjs';\n\nconst SecondaryMenu = ({ item, isMoreProducts, close, closeAll, isOpen })=>{\n const { literals } = useMobileHeaderLogitravel() || {};\n return /*#__PURE__*/ jsxs(Fragment, {\n children: [\n /*#__PURE__*/ jsx(\"div\", {\n id: \"header-secondary-menu\"\n }),\n /*#__PURE__*/ jsx(Modal, {\n \"data-testid\": \"SecondaryMenu\",\n variant: \"left\",\n visible: isOpen,\n hide: closeAll,\n closeOnClickOut: true,\n closeOnEscapeKeyDown: true,\n container: \"#header-secondary-menu\",\n header: item.content,\n iconLeft: /*#__PURE__*/ jsx(Icon, {\n \"data-testid\": \"CloseIcon\",\n className: \"nico-arrow-left\",\n onClick: close\n }),\n iconRight: \"cancel\",\n content: /*#__PURE__*/ jsxs(Fragment, {\n children: [\n item.link && /*#__PURE__*/ jsx(MainLink, {\n \"data-testid\": \"MainLink\",\n ...nullsToUndefined(item.link),\n children: `${literals['searcher_header.text']} ${item.content}`\n }),\n isMoreProducts ? /*#__PURE__*/ jsx(\"ul\", {\n \"data-testid\": \"MoreProductsMenuItemList\",\n children: Children.toArray(item.secondary_links?.map((link)=>/*#__PURE__*/ jsx(\"li\", {\n children: /*#__PURE__*/ jsx(MenuLink, {\n \"data-testid\": \"MenuLink\",\n ...nullsToUndefined(link),\n children: link.content\n })\n })))\n }) : Children.toArray(item.secondary_links?.map((secondaryLink)=>/*#__PURE__*/ jsxs(Fragment$1, {\n children: [\n /*#__PURE__*/ jsx(LinksTitle, {\n children: secondaryLink.content\n }),\n /*#__PURE__*/ jsx(\"ul\", {\n children: Children.toArray(secondaryLink.links.map((link)=>/*#__PURE__*/ jsx(\"li\", {\n children: /*#__PURE__*/ jsx(MenuLink, {\n \"data-testid\": \"MenuLink\",\n ...nullsToUndefined(link),\n children: link.content\n })\n })))\n })\n ]\n })))\n ]\n }),\n width: \"85%\",\n hideOverlay: true\n })\n ]\n });\n};\n\nexport { SecondaryMenu as default };\n","import { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { rgba } from 'polished';\nimport styled from 'styled-components';\n\nconst MenuItem = /*#__PURE__*/ styled.li.withConfig({\n displayName: \"MenuItem\",\n componentId: \"sc-9718637e-0\"\n})([\n \"\",\n \" \",\n \" padding:10px 16px;border-bottom:1px solid \",\n \";color:\",\n \";& > a{width:100%;color:inherit;\",\n \"}\"\n], FlexMixin({\n justify: 'space-between',\n align: 'center'\n}), FontMixin({\n size: 'base',\n weight: 'regular',\n height: 'base'\n}), ({ theme })=>rgba(theme.colors.primary.lighter, 0.12), ({ theme })=>theme.colors.white.base, FlexMixin({\n justify: 'space-between',\n align: 'center'\n}));\n\nexport { MenuItem };\n","import { jsxs, Fragment, jsx } from 'react/jsx-runtime';\nimport Icon from '@babylon/ui-kit-base/components/icons/icon';\nimport { nullsToUndefined } from '@babylon/ui-kit-helpers/null';\nimport { useCallback } from 'react';\nimport { useBoolean } from 'usehooks-ts';\nimport SecondaryMenu from './secondary-menu/index.mjs';\nimport { MenuItem as MenuItem$1 } from './styled.mjs';\n\nconst MenuItem = ({ item, isMoreProducts, close: closeParent })=>{\n const { value: isOpen, setFalse: close, setTrue: open } = useBoolean();\n const closeAll = useCallback(()=>{\n close();\n closeParent();\n }, [\n close,\n closeParent\n ]);\n const content = /*#__PURE__*/ jsxs(Fragment, {\n children: [\n /*#__PURE__*/ jsx(\"p\", {\n children: item.content\n }),\n /*#__PURE__*/ jsx(Icon, {\n className: \"nico-angle-right\"\n })\n ]\n });\n return /*#__PURE__*/ jsxs(Fragment, {\n children: [\n /*#__PURE__*/ jsx(MenuItem$1, {\n \"data-testid\": \"MenuItem\",\n onClick: open,\n children: !!item.secondary_links || !item.link ? content : /*#__PURE__*/ jsx(\"a\", {\n ...nullsToUndefined(item.link),\n children: content\n })\n }),\n item.secondary_links && /*#__PURE__*/ jsx(SecondaryMenu, {\n item: item,\n close: close,\n closeAll: closeAll,\n isMoreProducts: isMoreProducts,\n isOpen: isOpen\n })\n ]\n });\n};\n\nexport { MenuItem as default };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport { Children } from 'react';\nimport { useMobileHeaderLogitravel } from '../../../context.mjs';\nimport MenuItem from './menu-item/index.mjs';\n\nconst MenuContent = ({ close })=>{\n const { nav_primary } = useMobileHeaderLogitravel() || {};\n const { items, more_products, extra_links } = nav_primary || {};\n return /*#__PURE__*/ jsxs(\"ul\", {\n \"data-testid\": \"MenuContent\",\n children: [\n Children.toArray(items.map((item)=>/*#__PURE__*/ jsx(MenuItem, {\n item: item,\n close: close\n }))),\n more_products && /*#__PURE__*/ jsx(MenuItem, {\n item: more_products,\n close: close,\n isMoreProducts: true\n }, more_products.content),\n extra_links && Children.toArray(extra_links.map((item)=>/*#__PURE__*/ jsx(MenuItem, {\n item: item,\n close: close\n })))\n ]\n });\n};\n\nexport { MenuContent as default };\n","import Image from '@babylon/ui-kit-base/components/multimedia/image';\nimport Modal from '@babylon/ui-kit-structures/components/others/modal';\nimport { ModalWrapper, ModalHeader, ModalHeaderText } from '@babylon/ui-kit-structures/components/others/modal/styled';\nimport { FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { rgba } from 'polished';\nimport styled from 'styled-components';\n\nconst MenuPanelModal = /*#__PURE__*/ styled(Modal).withConfig({\n displayName: \"MenuPanelModal\",\n componentId: \"sc-d34ec44-0\"\n})([\n \"text-transform:uppercase;\",\n \"{background-color:\",\n \";color:\",\n \";}\",\n \"{background-color:\",\n \";color:\",\n \";border:0;}\",\n \"{\",\n \" color:\",\n \";}\"\n], ModalWrapper, ({ theme })=>theme.colors.primary.base, ({ theme })=>theme.colors.white.base, ModalHeader, ({ theme })=>theme.colors.black.higher, ({ theme })=>theme.colors.white.base, ModalHeaderText, FontMixin({\n size: 'medium',\n weight: 'light',\n height: 'medium'\n}), ({ theme })=>theme.colors.white.base);\nconst LogoContainer = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"LogoContainer\",\n componentId: \"sc-d34ec44-1\"\n})([\n \"background:linear-gradient( 180deg,\",\n \" 6%,\",\n \" 100% );position:relative;\"\n], ({ theme })=>theme.colors.primary.base, ({ theme })=>rgba(theme.colors.primary.base, 0.67));\nconst LogoBackground = /*#__PURE__*/ styled(Image).withConfig({\n displayName: \"LogoBackground\",\n componentId: \"sc-d34ec44-2\"\n})([\n \"position:relative;z-index:-1;img{width:100%;height:auto;display:block;}\"\n]);\nconst Logo = /*#__PURE__*/ styled(Image).withConfig({\n displayName: \"Logo\",\n componentId: \"sc-d34ec44-3\"\n})([\n \"position:absolute;bottom:24px;left:calc(50% - 99px);img{width:198px;height:42px;object-fit:contain;object-position:center center;}\"\n]);\n\nexport { Logo, LogoBackground, LogoContainer, MenuPanelModal };\n","import { jsx, jsxs } from 'react/jsx-runtime';\nimport { useMobileHeaderLogitravel } from '../../context.mjs';\nimport MenuContent from './menu-content/index.mjs';\nimport { MenuPanelModal, LogoContainer, LogoBackground, Logo } from './styled.mjs';\n\nconst MenuPanel = ({ isOpen, close })=>{\n const { literals, nav_primary } = useMobileHeaderLogitravel() || {};\n const { logo, image } = nav_primary || {};\n return /*#__PURE__*/ jsx(MenuPanelModal, {\n \"data-testid\": \"MenuPanel\",\n variant: \"left\",\n visible: isOpen,\n hide: close,\n closeOnClickOut: true,\n closeOnEscapeKeyDown: true,\n header: literals.menu,\n content: /*#__PURE__*/ jsx(MenuContent, {\n close: close\n }),\n footer: /*#__PURE__*/ jsxs(LogoContainer, {\n children: [\n /*#__PURE__*/ jsx(LogoBackground, {\n ...image,\n resize: {\n width: 400,\n height: 400,\n suboperation: null\n },\n isLazy: false\n }),\n /*#__PURE__*/ jsx(Logo, {\n ...logo,\n resize: {\n width: 198,\n height: 42,\n suboperation: null\n },\n width: 198,\n height: 42,\n isLazy: false\n })\n ]\n }),\n width: \"85%\"\n });\n};\n\nexport { MenuPanel as default };\n","import styled, { createGlobalStyle } from 'styled-components';\nimport { ActionButton } from '../styled.mjs';\n\nconst GlobalMenuMobileStyle = /*#__PURE__*/ createGlobalStyle([\n \"body.is-menu-shown{overflow:hidden;}\"\n]);\nconst MenuButton = /*#__PURE__*/ styled(ActionButton).withConfig({\n displayName: \"MenuButton\",\n componentId: \"sc-35a99840-0\"\n})([\n \"border-right-width:1px;\"\n]);\n\nexport { GlobalMenuMobileStyle, MenuButton };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport Portal from '@babylon/ui-kit-structures/components/others/portal';\nimport { useEffect } from 'react';\nimport { useBoolean } from 'usehooks-ts';\nimport { useMobileHeaderLogitravel } from '../context.mjs';\nimport { MenuIcon, MenuButtonText } from '../styled.mjs';\nimport MenuPanel from './menu-panel/index.mjs';\nimport { GlobalMenuMobileStyle, MenuButton } from './styled.mjs';\n\nconst Menu = ()=>{\n const { literals } = useMobileHeaderLogitravel() || {};\n const { value: isOpen, setFalse: close, toggle: toggle } = useBoolean();\n useEffect(()=>{\n if (isOpen) document.body.classList.add('is-menu-shown');\n if (!isOpen) document.body.classList.remove('is-menu-shown');\n return ()=>{\n document.body.classList.remove('is-menu-shown');\n };\n }, [\n isOpen\n ]);\n return /*#__PURE__*/ jsxs(\"div\", {\n \"data-testid\": \"HeaderMenu\",\n children: [\n /*#__PURE__*/ jsx(GlobalMenuMobileStyle, {}),\n /*#__PURE__*/ jsxs(MenuButton, {\n \"data-testid\": \"MenuButton\",\n onClick: toggle,\n children: [\n /*#__PURE__*/ jsx(MenuIcon, {\n className: \"nico-menu\"\n }),\n /*#__PURE__*/ jsx(MenuButtonText, {\n children: literals.menu\n })\n ]\n }),\n /*#__PURE__*/ jsx(Portal, {\n container: \"#header-portals\",\n children: /*#__PURE__*/ jsx(MenuPanel, {\n isOpen: isOpen,\n close: close\n })\n })\n ]\n });\n};\n\nexport { Menu as default };\n","import styled, { createGlobalStyle } from 'styled-components';\nimport { ActionButton } from '../styled.mjs';\n\nconst GlobalUserPanelMobileStyle = /*#__PURE__*/ createGlobalStyle([\n \"body.is-user-panel-shown{overflow:hidden;}\"\n]);\nconst MenuButton = /*#__PURE__*/ styled(ActionButton).withConfig({\n displayName: \"MenuButton\",\n componentId: \"sc-5eda18cb-0\"\n})([\n \"border-left-width:1px;\"\n]);\n\nexport { GlobalUserPanelMobileStyle, MenuButton };\n","import Modal from '@babylon/ui-kit-structures/components/others/modal';\nimport { ModalWrapper, ModalHeader, ModalHeaderText } from '@babylon/ui-kit-structures/components/others/modal/styled';\nimport { FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport styled from 'styled-components';\n\nconst UserPanelModal = /*#__PURE__*/ styled(Modal).withConfig({\n displayName: \"UserPanelModal\",\n componentId: \"sc-35c4f362-0\"\n})([\n \"text-transform:uppercase;\",\n \"{background-color:\",\n \";color:\",\n \";}\",\n \"{background-color:\",\n \";color:\",\n \";border:0;}\",\n \"{\",\n \" color:\",\n \";}\"\n], ModalWrapper, ({ theme })=>theme.colors.primary.base, ({ theme })=>theme.colors.white.base, ModalHeader, ({ theme })=>theme.colors.black.higher, ({ theme })=>theme.colors.white.base, ModalHeaderText, FontMixin({\n size: 'medium',\n weight: 'light',\n height: 'medium'\n}), ({ theme })=>theme.colors.white.base);\n\nexport { UserPanelModal };\n","const currencies = {\n USD: {\n symbol: '$',\n name: 'US Dollar',\n symbol_native: '$',\n decimal_digits: 2,\n rounding: 0,\n code: 'USD',\n name_plural: 'US dollars'\n },\n EUR: {\n symbol: '€',\n name: 'Euro',\n symbol_native: '€',\n decimal_digits: 2,\n rounding: 0,\n code: 'EUR',\n name_plural: 'euros'\n },\n AED: {\n symbol: 'AED',\n name: 'United Arab Emirates Dirham',\n symbol_native: 'د.إ.',\n decimal_digits: 2,\n rounding: 0,\n code: 'AED',\n name_plural: 'UAE dirhams'\n },\n AFN: {\n symbol: 'Af',\n name: 'Afghan Afghani',\n symbol_native: '؋',\n decimal_digits: 0,\n rounding: 0,\n code: 'AFN',\n name_plural: 'Afghan Afghanis'\n },\n ALL: {\n symbol: 'ALL',\n name: 'Albanian Lek',\n symbol_native: 'Lek',\n decimal_digits: 0,\n rounding: 0,\n code: 'ALL',\n name_plural: 'Albanian lekë'\n },\n AMD: {\n symbol: 'AMD',\n name: 'Armenian Dram',\n symbol_native: 'դր.',\n decimal_digits: 0,\n rounding: 0,\n code: 'AMD',\n name_plural: 'Armenian drams'\n },\n ARS: {\n symbol: 'AR$',\n name: 'Argentine Peso',\n symbol_native: '$',\n decimal_digits: 2,\n rounding: 0,\n code: 'ARS',\n name_plural: 'Argentine pesos'\n },\n AUD: {\n symbol: 'AU$',\n name: 'Australian Dollar',\n symbol_native: '$',\n decimal_digits: 2,\n rounding: 0,\n code: 'AUD',\n name_plural: 'Australian dollars'\n },\n AZN: {\n symbol: 'man.',\n name: 'Azerbaijani Manat',\n symbol_native: 'ман.',\n decimal_digits: 2,\n rounding: 0,\n code: 'AZN',\n name_plural: 'Azerbaijani manats'\n },\n BAM: {\n symbol: 'KM',\n name: 'Bosnia-Herzegovina Convertible Mark',\n symbol_native: 'KM',\n decimal_digits: 2,\n rounding: 0,\n code: 'BAM',\n name_plural: 'Bosnia-Herzegovina convertible marks'\n },\n BDT: {\n symbol: 'Tk',\n name: 'Bangladeshi Taka',\n symbol_native: '৳',\n decimal_digits: 2,\n rounding: 0,\n code: 'BDT',\n name_plural: 'Bangladeshi takas'\n },\n BGN: {\n symbol: 'BGN',\n name: 'Bulgarian Lev',\n symbol_native: 'лв.',\n decimal_digits: 2,\n rounding: 0,\n code: 'BGN',\n name_plural: 'Bulgarian leva'\n },\n BHD: {\n symbol: 'BD',\n name: 'Bahraini Dinar',\n symbol_native: 'د.ب.',\n decimal_digits: 3,\n rounding: 0,\n code: 'BHD',\n name_plural: 'Bahraini dinars'\n },\n BIF: {\n symbol: 'FBu',\n name: 'Burundian Franc',\n symbol_native: 'FBu',\n decimal_digits: 0,\n rounding: 0,\n code: 'BIF',\n name_plural: 'Burundian francs'\n },\n BND: {\n symbol: 'BN$',\n name: 'Brunei Dollar',\n symbol_native: '$',\n decimal_digits: 2,\n rounding: 0,\n code: 'BND',\n name_plural: 'Brunei dollars'\n },\n BOB: {\n symbol: 'Bs',\n name: 'Bolivian Boliviano',\n symbol_native: 'Bs',\n decimal_digits: 2,\n rounding: 0,\n code: 'BOB',\n name_plural: 'Bolivian bolivianos'\n },\n BRL: {\n symbol: 'R$',\n name: 'Brazilian Real',\n symbol_native: 'R$',\n decimal_digits: 2,\n rounding: 0,\n code: 'BRL',\n name_plural: 'Brazilian reals'\n },\n BWP: {\n symbol: 'BWP',\n name: 'Botswanan Pula',\n symbol_native: 'P',\n decimal_digits: 2,\n rounding: 0,\n code: 'BWP',\n name_plural: 'Botswanan pulas'\n },\n BYR: {\n symbol: 'BYR',\n name: 'Belarusian Ruble',\n symbol_native: 'BYR',\n decimal_digits: 0,\n rounding: 0,\n code: 'BYR',\n name_plural: 'Belarusian rubles'\n },\n BZD: {\n symbol: 'BZ$',\n name: 'Belize Dollar',\n symbol_native: '$',\n decimal_digits: 2,\n rounding: 0,\n code: 'BZD',\n name_plural: 'Belize dollars'\n },\n CDF: {\n symbol: 'CDF',\n name: 'Congolese Franc',\n symbol_native: 'FrCD',\n decimal_digits: 2,\n rounding: 0,\n code: 'CDF',\n name_plural: 'Congolese francs'\n },\n CHF: {\n symbol: 'CHF',\n name: 'Swiss Franc',\n symbol_native: 'CHF',\n decimal_digits: 2,\n rounding: 0.05,\n code: 'CHF',\n name_plural: 'Swiss francs'\n },\n CLP: {\n symbol: 'CL$',\n name: 'Chilean Peso',\n symbol_native: '$',\n decimal_digits: 0,\n rounding: 0,\n code: 'CLP',\n name_plural: 'Chilean pesos'\n },\n CNY: {\n symbol: 'CN¥',\n name: 'Chinese Yuan',\n symbol_native: 'CN¥',\n decimal_digits: 2,\n rounding: 0,\n code: 'CNY',\n name_plural: 'Chinese yuan'\n },\n COP: {\n symbol: 'CO$',\n name: 'Colombian Peso',\n symbol_native: '$',\n decimal_digits: 0,\n rounding: 0,\n code: 'COP',\n name_plural: 'Colombian pesos'\n },\n CRC: {\n symbol: '₡',\n name: 'Costa Rican Colón',\n symbol_native: '₡',\n decimal_digits: 0,\n rounding: 0,\n code: 'CRC',\n name_plural: 'Costa Rican colóns'\n },\n CVE: {\n symbol: 'CV$',\n name: 'Cape Verdean Escudo',\n symbol_native: 'CV$',\n decimal_digits: 2,\n rounding: 0,\n code: 'CVE',\n name_plural: 'Cape Verdean escudos'\n },\n CZK: {\n symbol: 'Kč',\n name: 'Czech Republic Koruna',\n symbol_native: 'Kč',\n decimal_digits: 2,\n rounding: 0,\n code: 'CZK',\n name_plural: 'Czech Republic korunas'\n },\n DJF: {\n symbol: 'Fdj',\n name: 'Djiboutian Franc',\n symbol_native: 'Fdj',\n decimal_digits: 0,\n rounding: 0,\n code: 'DJF',\n name_plural: 'Djiboutian francs'\n },\n DKK: {\n symbol: 'Dkr',\n name: 'Danish Krone',\n symbol_native: 'kr',\n decimal_digits: 2,\n rounding: 0,\n code: 'DKK',\n name_plural: 'Danish kroner'\n },\n DOP: {\n symbol: 'RD$',\n name: 'Dominican Peso',\n symbol_native: 'RD$',\n decimal_digits: 2,\n rounding: 0,\n code: 'DOP',\n name_plural: 'Dominican pesos'\n },\n DZD: {\n symbol: 'DA',\n name: 'Algerian Dinar',\n symbol_native: 'د.ج.',\n decimal_digits: 2,\n rounding: 0,\n code: 'DZD',\n name_plural: 'Algerian dinars'\n },\n EEK: {\n symbol: 'Ekr',\n name: 'Estonian Kroon',\n symbol_native: 'kr',\n decimal_digits: 2,\n rounding: 0,\n code: 'EEK',\n name_plural: 'Estonian kroons'\n },\n EGP: {\n symbol: 'EGP',\n name: 'Egyptian Pound',\n symbol_native: 'ج.م.',\n decimal_digits: 2,\n rounding: 0,\n code: 'EGP',\n name_plural: 'Egyptian pounds'\n },\n ERN: {\n symbol: 'Nfk',\n name: 'Eritrean Nakfa',\n symbol_native: 'Nfk',\n decimal_digits: 2,\n rounding: 0,\n code: 'ERN',\n name_plural: 'Eritrean nakfas'\n },\n ETB: {\n symbol: 'Br',\n name: 'Ethiopian Birr',\n symbol_native: 'Br',\n decimal_digits: 2,\n rounding: 0,\n code: 'ETB',\n name_plural: 'Ethiopian birrs'\n },\n GBP: {\n symbol: '£',\n name: 'British Pound Sterling',\n symbol_native: '£',\n decimal_digits: 2,\n rounding: 0,\n code: 'GBP',\n name_plural: 'British pounds sterling'\n },\n GEL: {\n symbol: 'GEL',\n name: 'Georgian Lari',\n symbol_native: 'GEL',\n decimal_digits: 2,\n rounding: 0,\n code: 'GEL',\n name_plural: 'Georgian laris'\n },\n GHS: {\n symbol: 'GH₵',\n name: 'Ghanaian Cedi',\n symbol_native: 'GH₵',\n decimal_digits: 2,\n rounding: 0,\n code: 'GHS',\n name_plural: 'Ghanaian cedis'\n },\n GNF: {\n symbol: 'FG',\n name: 'Guinean Franc',\n symbol_native: 'FG',\n decimal_digits: 0,\n rounding: 0,\n code: 'GNF',\n name_plural: 'Guinean francs'\n },\n GTQ: {\n symbol: 'GTQ',\n name: 'Guatemalan Quetzal',\n symbol_native: 'Q',\n decimal_digits: 2,\n rounding: 0,\n code: 'GTQ',\n name_plural: 'Guatemalan quetzals'\n },\n HKD: {\n symbol: 'HK$',\n name: 'Hong Kong Dollar',\n symbol_native: '$',\n decimal_digits: 2,\n rounding: 0,\n code: 'HKD',\n name_plural: 'Hong Kong dollars'\n },\n HNL: {\n symbol: 'HNL',\n name: 'Honduran Lempira',\n symbol_native: 'L',\n decimal_digits: 2,\n rounding: 0,\n code: 'HNL',\n name_plural: 'Honduran lempiras'\n },\n HRK: {\n symbol: 'kn',\n name: 'Croatian Kuna',\n symbol_native: 'kn',\n decimal_digits: 2,\n rounding: 0,\n code: 'HRK',\n name_plural: 'Croatian kunas'\n },\n HUF: {\n symbol: 'Ft',\n name: 'Hungarian Forint',\n symbol_native: 'Ft',\n decimal_digits: 0,\n rounding: 0,\n code: 'HUF',\n name_plural: 'Hungarian forints'\n },\n IDR: {\n symbol: 'Rp',\n name: 'Indonesian Rupiah',\n symbol_native: 'Rp',\n decimal_digits: 0,\n rounding: 0,\n code: 'IDR',\n name_plural: 'Indonesian rupiahs'\n },\n ILS: {\n symbol: '₪',\n name: 'Israeli New Sheqel',\n symbol_native: '₪',\n decimal_digits: 2,\n rounding: 0,\n code: 'ILS',\n name_plural: 'Israeli new sheqels'\n },\n INR: {\n symbol: 'Rs',\n name: 'Indian Rupee',\n symbol_native: 'টকা',\n decimal_digits: 2,\n rounding: 0,\n code: 'INR',\n name_plural: 'Indian rupees'\n },\n IQD: {\n symbol: 'IQD',\n name: 'Iraqi Dinar',\n symbol_native: 'د.ع.',\n decimal_digits: 0,\n rounding: 0,\n code: 'IQD',\n name_plural: 'Iraqi dinars'\n },\n IRR: {\n symbol: 'IRR',\n name: 'Iranian Rial',\n symbol_native: '﷼',\n decimal_digits: 0,\n rounding: 0,\n code: 'IRR',\n name_plural: 'Iranian rials'\n },\n ISK: {\n symbol: 'Ikr',\n name: 'Icelandic Króna',\n symbol_native: 'kr',\n decimal_digits: 0,\n rounding: 0,\n code: 'ISK',\n name_plural: 'Icelandic krónur'\n },\n JMD: {\n symbol: 'J$',\n name: 'Jamaican Dollar',\n symbol_native: '$',\n decimal_digits: 2,\n rounding: 0,\n code: 'JMD',\n name_plural: 'Jamaican dollars'\n },\n JOD: {\n symbol: 'JD',\n name: 'Jordanian Dinar',\n symbol_native: 'د.أ.',\n decimal_digits: 3,\n rounding: 0,\n code: 'JOD',\n name_plural: 'Jordanian dinars'\n },\n JPY: {\n symbol: '¥',\n name: 'Japanese Yen',\n symbol_native: '¥',\n decimal_digits: 0,\n rounding: 0,\n code: 'JPY',\n name_plural: 'Japanese yen'\n },\n KES: {\n symbol: 'Ksh',\n name: 'Kenyan Shilling',\n symbol_native: 'Ksh',\n decimal_digits: 2,\n rounding: 0,\n code: 'KES',\n name_plural: 'Kenyan shillings'\n },\n KHR: {\n symbol: 'KHR',\n name: 'Cambodian Riel',\n symbol_native: '៛',\n decimal_digits: 2,\n rounding: 0,\n code: 'KHR',\n name_plural: 'Cambodian riels'\n },\n KMF: {\n symbol: 'CF',\n name: 'Comorian Franc',\n symbol_native: 'FC',\n decimal_digits: 0,\n rounding: 0,\n code: 'KMF',\n name_plural: 'Comorian francs'\n },\n KRW: {\n symbol: '₩',\n name: 'South Korean Won',\n symbol_native: '₩',\n decimal_digits: 0,\n rounding: 0,\n code: 'KRW',\n name_plural: 'South Korean won'\n },\n KWD: {\n symbol: 'KD',\n name: 'Kuwaiti Dinar',\n symbol_native: 'د.ك.',\n decimal_digits: 3,\n rounding: 0,\n code: 'KWD',\n name_plural: 'Kuwaiti dinars'\n },\n KZT: {\n symbol: 'KZT',\n name: 'Kazakhstani Tenge',\n symbol_native: 'тңг.',\n decimal_digits: 2,\n rounding: 0,\n code: 'KZT',\n name_plural: 'Kazakhstani tenges'\n },\n LBP: {\n symbol: 'LB£',\n name: 'Lebanese Pound',\n symbol_native: 'ل.ل.',\n decimal_digits: 0,\n rounding: 0,\n code: 'LBP',\n name_plural: 'Lebanese pounds'\n },\n LKR: {\n symbol: 'SLRs',\n name: 'Sri Lankan Rupee',\n symbol_native: 'SL Re',\n decimal_digits: 2,\n rounding: 0,\n code: 'LKR',\n name_plural: 'Sri Lankan rupees'\n },\n LTL: {\n symbol: 'Lt',\n name: 'Lithuanian Litas',\n symbol_native: 'Lt',\n decimal_digits: 2,\n rounding: 0,\n code: 'LTL',\n name_plural: 'Lithuanian litai'\n },\n LVL: {\n symbol: 'Ls',\n name: 'Latvian Lats',\n symbol_native: 'Ls',\n decimal_digits: 2,\n rounding: 0,\n code: 'LVL',\n name_plural: 'Latvian lati'\n },\n LYD: {\n symbol: 'LD',\n name: 'Libyan Dinar',\n symbol_native: 'د.ل.',\n decimal_digits: 3,\n rounding: 0,\n code: 'LYD',\n name_plural: 'Libyan dinars'\n },\n MAD: {\n symbol: 'MAD',\n name: 'Moroccan Dirham',\n symbol_native: 'د.م.',\n decimal_digits: 2,\n rounding: 0,\n code: 'MAD',\n name_plural: 'Moroccan dirhams'\n },\n MDL: {\n symbol: 'MDL',\n name: 'Moldovan Leu',\n symbol_native: 'MDL',\n decimal_digits: 2,\n rounding: 0,\n code: 'MDL',\n name_plural: 'Moldovan lei'\n },\n MGA: {\n symbol: 'MGA',\n name: 'Malagasy Ariary',\n symbol_native: 'MGA',\n decimal_digits: 0,\n rounding: 0,\n code: 'MGA',\n name_plural: 'Malagasy Ariaries'\n },\n MKD: {\n symbol: 'MKD',\n name: 'Macedonian Denar',\n symbol_native: 'MKD',\n decimal_digits: 2,\n rounding: 0,\n code: 'MKD',\n name_plural: 'Macedonian denari'\n },\n MMK: {\n symbol: 'MMK',\n name: 'Myanma Kyat',\n symbol_native: 'K',\n decimal_digits: 0,\n rounding: 0,\n code: 'MMK',\n name_plural: 'Myanma kyats'\n },\n MOP: {\n symbol: 'MOP$',\n name: 'Macanese Pataca',\n symbol_native: 'MOP$',\n decimal_digits: 2,\n rounding: 0,\n code: 'MOP',\n name_plural: 'Macanese patacas'\n },\n MUR: {\n symbol: 'MURs',\n name: 'Mauritian Rupee',\n symbol_native: 'MURs',\n decimal_digits: 0,\n rounding: 0,\n code: 'MUR',\n name_plural: 'Mauritian rupees'\n },\n MXN: {\n symbol: 'MX$',\n name: 'Mexican Peso',\n symbol_native: '$',\n decimal_digits: 2,\n rounding: 0,\n code: 'MXN',\n name_plural: 'Mexican pesos'\n },\n MYR: {\n symbol: 'RM',\n name: 'Malaysian Ringgit',\n symbol_native: 'RM',\n decimal_digits: 2,\n rounding: 0,\n code: 'MYR',\n name_plural: 'Malaysian ringgits'\n },\n MZN: {\n symbol: 'MTn',\n name: 'Mozambican Metical',\n symbol_native: 'MTn',\n decimal_digits: 2,\n rounding: 0,\n code: 'MZN',\n name_plural: 'Mozambican meticals'\n },\n NAD: {\n symbol: 'N$',\n name: 'Namibian Dollar',\n symbol_native: 'N$',\n decimal_digits: 2,\n rounding: 0,\n code: 'NAD',\n name_plural: 'Namibian dollars'\n },\n NGN: {\n symbol: '₦',\n name: 'Nigerian Naira',\n symbol_native: '₦',\n decimal_digits: 2,\n rounding: 0,\n code: 'NGN',\n name_plural: 'Nigerian nairas'\n },\n NIO: {\n symbol: 'C$',\n name: 'Nicaraguan Córdoba',\n symbol_native: 'C$',\n decimal_digits: 2,\n rounding: 0,\n code: 'NIO',\n name_plural: 'Nicaraguan córdobas'\n },\n NOK: {\n symbol: 'Nkr',\n name: 'Norwegian Krone',\n symbol_native: 'kr',\n decimal_digits: 2,\n rounding: 0,\n code: 'NOK',\n name_plural: 'Norwegian kroner'\n },\n NPR: {\n symbol: 'NPRs',\n name: 'Nepalese Rupee',\n symbol_native: 'नेरू',\n decimal_digits: 2,\n rounding: 0,\n code: 'NPR',\n name_plural: 'Nepalese rupees'\n },\n NZD: {\n symbol: 'NZ$',\n name: 'New Zealand Dollar',\n symbol_native: '$',\n decimal_digits: 2,\n rounding: 0,\n code: 'NZD',\n name_plural: 'New Zealand dollars'\n },\n OMR: {\n symbol: 'OMR',\n name: 'Omani Rial',\n symbol_native: 'ر.ع.',\n decimal_digits: 3,\n rounding: 0,\n code: 'OMR',\n name_plural: 'Omani rials'\n },\n PAB: {\n symbol: 'B/.',\n name: 'Panamanian Balboa',\n symbol_native: 'B/.',\n decimal_digits: 2,\n rounding: 0,\n code: 'PAB',\n name_plural: 'Panamanian balboas'\n },\n PEN: {\n symbol: 'S/.',\n name: 'Peruvian Nuevo Sol',\n symbol_native: 'S/.',\n decimal_digits: 2,\n rounding: 0,\n code: 'PEN',\n name_plural: 'Peruvian nuevos soles'\n },\n PHP: {\n symbol: '₱',\n name: 'Philippine Peso',\n symbol_native: '₱',\n decimal_digits: 2,\n rounding: 0,\n code: 'PHP',\n name_plural: 'Philippine pesos'\n },\n PKR: {\n symbol: 'PKRs',\n name: 'Pakistani Rupee',\n symbol_native: '₨',\n decimal_digits: 0,\n rounding: 0,\n code: 'PKR',\n name_plural: 'Pakistani rupees'\n },\n PLN: {\n symbol: 'zł',\n name: 'Polish Zloty',\n symbol_native: 'zł',\n decimal_digits: 2,\n rounding: 0,\n code: 'PLN',\n name_plural: 'Polish zlotys'\n },\n PYG: {\n symbol: '₲',\n name: 'Paraguayan Guarani',\n symbol_native: '₲',\n decimal_digits: 0,\n rounding: 0,\n code: 'PYG',\n name_plural: 'Paraguayan guaranis'\n },\n QAR: {\n symbol: 'QR',\n name: 'Qatari Rial',\n symbol_native: 'ر.ق.',\n decimal_digits: 2,\n rounding: 0,\n code: 'QAR',\n name_plural: 'Qatari rials'\n },\n RON: {\n symbol: 'RON',\n name: 'Romanian Leu',\n symbol_native: 'RON',\n decimal_digits: 2,\n rounding: 0,\n code: 'RON',\n name_plural: 'Romanian lei'\n },\n RSD: {\n symbol: 'din.',\n name: 'Serbian Dinar',\n symbol_native: 'дин.',\n decimal_digits: 0,\n rounding: 0,\n code: 'RSD',\n name_plural: 'Serbian dinars'\n },\n RUB: {\n symbol: 'RUB',\n name: 'Russian Ruble',\n symbol_native: 'руб.',\n decimal_digits: 2,\n rounding: 0,\n code: 'RUB',\n name_plural: 'Russian rubles'\n },\n RWF: {\n symbol: 'RWF',\n name: 'Rwandan Franc',\n symbol_native: 'FR',\n decimal_digits: 0,\n rounding: 0,\n code: 'RWF',\n name_plural: 'Rwandan francs'\n },\n SAR: {\n symbol: 'SR',\n name: 'Saudi Riyal',\n symbol_native: 'ر.س.',\n decimal_digits: 2,\n rounding: 0,\n code: 'SAR',\n name_plural: 'Saudi riyals'\n },\n SDG: {\n symbol: 'SDG',\n name: 'Sudanese Pound',\n symbol_native: 'SDG',\n decimal_digits: 2,\n rounding: 0,\n code: 'SDG',\n name_plural: 'Sudanese pounds'\n },\n SEK: {\n symbol: 'Skr',\n name: 'Swedish Krona',\n symbol_native: 'kr',\n decimal_digits: 2,\n rounding: 0,\n code: 'SEK',\n name_plural: 'Swedish kronor'\n },\n SGD: {\n symbol: 'S$',\n name: 'Singapore Dollar',\n symbol_native: '$',\n decimal_digits: 2,\n rounding: 0,\n code: 'SGD',\n name_plural: 'Singapore dollars'\n },\n SOS: {\n symbol: 'Ssh',\n name: 'Somali Shilling',\n symbol_native: 'Ssh',\n decimal_digits: 0,\n rounding: 0,\n code: 'SOS',\n name_plural: 'Somali shillings'\n },\n SYP: {\n symbol: 'SY£',\n name: 'Syrian Pound',\n symbol_native: 'ل.س.',\n decimal_digits: 0,\n rounding: 0,\n code: 'SYP',\n name_plural: 'Syrian pounds'\n },\n THB: {\n symbol: '฿',\n name: 'Thai Baht',\n symbol_native: '฿',\n decimal_digits: 2,\n rounding: 0,\n code: 'THB',\n name_plural: 'Thai baht'\n },\n TND: {\n symbol: 'DT',\n name: 'Tunisian Dinar',\n symbol_native: 'د.ت.',\n decimal_digits: 3,\n rounding: 0,\n code: 'TND',\n name_plural: 'Tunisian dinars'\n },\n TOP: {\n symbol: 'T$',\n name: 'Tongan Paʻanga',\n symbol_native: 'T$',\n decimal_digits: 2,\n rounding: 0,\n code: 'TOP',\n name_plural: 'Tongan paʻanga'\n },\n TRY: {\n symbol: 'TL',\n name: 'Turkish Lira',\n symbol_native: 'TL',\n decimal_digits: 2,\n rounding: 0,\n code: 'TRY',\n name_plural: 'Turkish Lira'\n },\n TTD: {\n symbol: 'TT$',\n name: 'Trinidad and Tobago Dollar',\n symbol_native: '$',\n decimal_digits: 2,\n rounding: 0,\n code: 'TTD',\n name_plural: 'Trinidad and Tobago dollars'\n },\n TWD: {\n symbol: 'NT$',\n name: 'New Taiwan Dollar',\n symbol_native: 'NT$',\n decimal_digits: 2,\n rounding: 0,\n code: 'TWD',\n name_plural: 'New Taiwan dollars'\n },\n TZS: {\n symbol: 'TSh',\n name: 'Tanzanian Shilling',\n symbol_native: 'TSh',\n decimal_digits: 0,\n rounding: 0,\n code: 'TZS',\n name_plural: 'Tanzanian shillings'\n },\n UAH: {\n symbol: '₴',\n name: 'Ukrainian Hryvnia',\n symbol_native: '₴',\n decimal_digits: 2,\n rounding: 0,\n code: 'UAH',\n name_plural: 'Ukrainian hryvnias'\n },\n UGX: {\n symbol: 'USh',\n name: 'Ugandan Shilling',\n symbol_native: 'USh',\n decimal_digits: 0,\n rounding: 0,\n code: 'UGX',\n name_plural: 'Ugandan shillings'\n },\n UYU: {\n symbol: '$U',\n name: 'Uruguayan Peso',\n symbol_native: '$',\n decimal_digits: 2,\n rounding: 0,\n code: 'UYU',\n name_plural: 'Uruguayan pesos'\n },\n UZS: {\n symbol: 'UZS',\n name: 'Uzbekistan Som',\n symbol_native: 'UZS',\n decimal_digits: 0,\n rounding: 0,\n code: 'UZS',\n name_plural: 'Uzbekistan som'\n },\n VEF: {\n symbol: 'Bs.F.',\n name: 'Venezuelan Bolívar',\n symbol_native: 'Bs.F.',\n decimal_digits: 2,\n rounding: 0,\n code: 'VEF',\n name_plural: 'Venezuelan bolívars'\n },\n VND: {\n symbol: '₫',\n name: 'Vietnamese Dong',\n symbol_native: '₫',\n decimal_digits: 0,\n rounding: 0,\n code: 'VND',\n name_plural: 'Vietnamese dong'\n },\n XAF: {\n symbol: 'FCFA',\n name: 'CFA Franc BEAC',\n symbol_native: 'FCFA',\n decimal_digits: 0,\n rounding: 0,\n code: 'XAF',\n name_plural: 'CFA francs BEAC'\n },\n XOF: {\n symbol: 'CFA',\n name: 'CFA Franc BCEAO',\n symbol_native: 'CFA',\n decimal_digits: 0,\n rounding: 0,\n code: 'XOF',\n name_plural: 'CFA francs BCEAO'\n },\n YER: {\n symbol: 'YR',\n name: 'Yemeni Rial',\n symbol_native: 'ر.ي.',\n decimal_digits: 0,\n rounding: 0,\n code: 'YER',\n name_plural: 'Yemeni rials'\n },\n ZAR: {\n symbol: 'R',\n name: 'South African Rand',\n symbol_native: 'R',\n decimal_digits: 2,\n rounding: 0,\n code: 'ZAR',\n name_plural: 'South African rand'\n },\n ZMK: {\n symbol: 'ZK',\n name: 'Zambian Kwacha',\n symbol_native: 'ZK',\n decimal_digits: 0,\n rounding: 0,\n code: 'ZMK',\n name_plural: 'Zambian kwachas'\n }\n};\n\nexport { currencies };\n","import { currencies } from './currencies.mjs';\n\nconst getISOLanguageCode = (code)=>{\n const laguages = {\n es: 'es-ES',\n pt: 'pt-PT',\n it: 'it-IT',\n de: 'de-DE',\n fr: 'fr-FR',\n br: 'br-BR',\n en: 'en-GB',\n fi: 'fi-FI',\n se: 'se-SE',\n mx: 'es-MX',\n us: 'en-US',\n ca: 'en-CA',\n ve: 'es-VE',\n ru: 'ru-RU',\n he: 'he-IL',\n ar: 'ar-AE',\n tr: 'tr-TR',\n ua: 'uk-UA'\n };\n return laguages[code.toLocaleLowerCase()] || 'es-ES';\n};\nconst formatPriceToParts = (price, currency = 'EUR', locale = 'es', minimumFractionDigits = 0)=>{\n const formatPrice = new Intl.NumberFormat(getISOLanguageCode(locale), {\n style: 'currency',\n currency,\n minimumFractionDigits,\n useGrouping: true\n }).formatToParts(price);\n if (locale.toLowerCase() === 'mx') {\n formatPrice.push({\n type: 'currency',\n value: 'MXN'\n });\n }\n return formatPrice;\n};\nconst formatPriceWithCurrency = (price, currency = 'EUR', locale = 'es', minimumFractionDigits = 0)=>{\n let formatPrice = new Intl.NumberFormat(getISOLanguageCode(locale), {\n style: 'currency',\n currency,\n minimumFractionDigits,\n useGrouping: true\n }).format(price).replace(/\\s/g, '');\n if (locale === 'mx') {\n formatPrice += 'MXN';\n }\n return formatPrice;\n};\nconst formatPriceWithSign = (price, locale = 'es', minimumFractionDigits = 0)=>new Intl.NumberFormat(getISOLanguageCode(locale), {\n minimumFractionDigits,\n signDisplay: 'always'\n }).format(price);\nconst formatPrice = (price, locale = 'es', minimumFractionDigits = 0)=>new Intl.NumberFormat(getISOLanguageCode(locale), {\n minimumFractionDigits\n }).format(price);\nconst formatCurrency = (currency, locale = 'es', minimumFractionDigits = 0)=>new Intl.NumberFormat(getISOLanguageCode(locale), {\n style: 'currency',\n currency: currency,\n minimumFractionDigits: minimumFractionDigits\n }).formatToParts().filter((res)=>res.type === 'currency')[0].value;\nconst getCurrencySymbol = (currency = 'EUR')=>currencies[currency].symbol;\n/*\n * In the future *useGrouping* option is suposed to be 'always' | 'auto' | true | false | 'min2'\n * Now it's just true | false\n * Source: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat\n */ const formatPriceWithGroup = (price, locale = 'es')=>new Intl.NumberFormat(getISOLanguageCode(locale), {\n useGrouping: true\n }).format(price);\n\nexport { formatCurrency, formatPrice, formatPriceToParts, formatPriceWithCurrency, formatPriceWithGroup, formatPriceWithSign, getCurrencySymbol };\n","const flagUrl = '/comun/images2012/flags/squared/';\nconst getFlag = (flag)=>`${flagUrl}${flag}.svg`;\n\nexport { getFlag };\n","import Icon from '@babylon/ui-kit-base/components/icons/icon';\nimport { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport styled from 'styled-components';\n\nconst Location = /*#__PURE__*/ styled.li.withConfig({\n displayName: \"Location\",\n componentId: \"sc-aec50454-0\"\n})([\n \"\",\n \" cursor:pointer;padding-left:\",\n \";\"\n], FlexMixin(), ({ $isSelected })=>$isSelected ? '0' : '46px');\nconst LocationContent = /*#__PURE__*/ styled.p.withConfig({\n displayName: \"LocationContent\",\n componentId: \"sc-aec50454-1\"\n})([\n \"\",\n \" border-bottom:1px solid \",\n \";color:\",\n \";padding:12px 0;width:100%;\"\n], FontMixin({\n size: 'base',\n weight: 'light',\n height: 'base'\n}), ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.darker);\nconst LocationCode = /*#__PURE__*/ styled.span.withConfig({\n displayName: \"LocationCode\",\n componentId: \"sc-aec50454-2\"\n})([\n \"\",\n \" color:\",\n \";padding-left:4px;\"\n], FontMixin({\n weight: 'regular'\n}), ({ theme })=>theme.colors.grays.dark);\nconst LocationIcon = /*#__PURE__*/ styled(Icon).withConfig({\n displayName: \"LocationIcon\",\n componentId: \"sc-aec50454-3\"\n})([\n \"\",\n \" \",\n \" color:\",\n \";padding:0 12px;\"\n], FlexMixin({\n align: 'center'\n}), FontMixin({\n size: 'large',\n weight: 'light',\n height: 'large'\n}), ({ theme })=>theme.colors.primary.light);\n\nexport { Location, LocationCode, LocationContent, LocationIcon };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport { useCallback } from 'react';\nimport { Location as Location$1, LocationIcon, LocationContent, LocationCode } from './styled.mjs';\n\nconst Location = ({ location, isSelected, index, handleOriginChange })=>{\n const onLocationClick = useCallback(()=>{\n handleOriginChange(location.value, index);\n }, [\n handleOriginChange,\n index,\n location.value\n ]);\n return /*#__PURE__*/ jsxs(Location$1, {\n $isSelected: isSelected,\n onClick: !isSelected ? onLocationClick : undefined,\n children: [\n isSelected && /*#__PURE__*/ jsx(LocationIcon, {\n className: \"nico-check\"\n }),\n /*#__PURE__*/ jsxs(LocationContent, {\n children: [\n /*#__PURE__*/ jsx(\"span\", {\n children: location.content.trim()\n }),\n /*#__PURE__*/ jsxs(LocationCode, {\n children: [\n \"(\",\n location.value,\n \")\"\n ]\n })\n ]\n })\n ]\n });\n};\n\nexport { Location as default };\n","import Icon from '@babylon/ui-kit-base/components/icons/icon';\nimport { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport styled from 'styled-components';\n\nconst LocationsList = /*#__PURE__*/ styled.ul.withConfig({\n displayName: \"LocationsList\",\n componentId: \"sc-f0628ac0-0\"\n})([\n \"\",\n \" margin:0;overflow-x:hidden;width:100%;\"\n], FlexMixin({\n direction: 'column'\n}));\nconst Location = /*#__PURE__*/ styled.li.withConfig({\n displayName: \"Location\",\n componentId: \"sc-f0628ac0-1\"\n})([\n \"\",\n \" cursor:pointer;padding-left:\",\n \";\"\n], FlexMixin(), ({ $isSelected })=>$isSelected ? '0' : '46px');\nconst LocationContent = /*#__PURE__*/ styled.p.withConfig({\n displayName: \"LocationContent\",\n componentId: \"sc-f0628ac0-2\"\n})([\n \"\",\n \" border-bottom:1px solid \",\n \";color:\",\n \";padding:12px 0;width:100%;\"\n], FontMixin({\n size: 'base',\n weight: 'light',\n height: 'base'\n}), ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.darker);\nconst LocationCode = /*#__PURE__*/ styled.span.withConfig({\n displayName: \"LocationCode\",\n componentId: \"sc-f0628ac0-3\"\n})([\n \"\",\n \" color:\",\n \";padding-left:4px;\"\n], FontMixin({\n weight: 'regular'\n}), ({ theme })=>theme.colors.grays.dark);\nconst LocationIcon = /*#__PURE__*/ styled(Icon).withConfig({\n displayName: \"LocationIcon\",\n componentId: \"sc-f0628ac0-4\"\n})([\n \"\",\n \" \",\n \" color:\",\n \";padding:0 12px;\"\n], FlexMixin({\n align: 'center'\n}), FontMixin({\n size: 'large',\n weight: 'light',\n height: 'large'\n}), ({ theme })=>theme.colors.primary.light);\n\nexport { Location, LocationCode, LocationContent, LocationIcon, LocationsList };\n","import { jsx } from 'react/jsx-runtime';\nimport { fetchPostOrigin } from '../../../../../../../service.mjs';\nimport Modal from '@babylon/ui-kit-structures/components/others/modal';\nimport { useState, useCallback, Children } from 'react';\nimport { useMobileHeaderLogitravel } from '../../../../../context.mjs';\nimport Location from './location/index.mjs';\nimport { LocationsList } from './styled.mjs';\n\nconst LocationsModal = ({ locations: loc, locationSelected, endpoint, isOpen, close: closeModal, panel: { close: closePanel } })=>{\n const { literals } = useMobileHeaderLogitravel() || {};\n const [locations, setLocations] = useState(loc);\n const [selectedLocation, setSelectedLocation] = useState(locationSelected);\n const handleOriginChange = useCallback((airportCode, index)=>{\n const newLocations = [\n ...locations\n ];\n newLocations.forEach((origin)=>origin.selected = false);\n newLocations[index].selected = true;\n setLocations(newLocations);\n setSelectedLocation(newLocations[index]);\n // TODO: review this hardcoded value.\n const airportSource = 900;\n fetchPostOrigin(airportCode, airportSource, endpoint);\n // close panel immediately and then close modal, to avoid a weird transition.\n closePanel();\n // In case we decide in the future that the selection is too fast.\n setTimeout(()=>closeModal(), 250);\n }, [\n closeModal,\n closePanel,\n endpoint,\n locations\n ]);\n return /*#__PURE__*/ jsx(Modal, {\n visible: isOpen,\n hide: closeModal,\n header: literals['origins.title'],\n content: /*#__PURE__*/ jsx(LocationsList, {\n children: Children.toArray(locations.map((location, index)=>{\n const isSelected = !!selectedLocation && location.value === selectedLocation.value;\n return /*#__PURE__*/ jsx(Location, {\n location: location,\n isSelected: isSelected,\n index: index,\n handleOriginChange: handleOriginChange\n });\n }))\n })\n });\n};\n\nexport { LocationsModal as default };\n","import { FontMixin, FlexMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { rgba } from 'polished';\nimport styled from 'styled-components';\n\nconst Config = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"Config\",\n componentId: \"sc-71017a64-0\"\n})([\n \"border-top:1px solid \",\n \";padding:16px 16px 26px;position:relative;z-index:6;\"\n], ({ theme })=>rgba(theme.colors.primary.lighter, 0.12));\nconst ConfigTitle = /*#__PURE__*/ styled.p.withConfig({\n displayName: \"ConfigTitle\",\n componentId: \"sc-71017a64-1\"\n})([\n \"\",\n \" color:\",\n \";margin-bottom:8px;text-transform:uppercase;\"\n], FontMixin({\n size: 'medium',\n weight: 'medium',\n height: 'medium'\n}), ({ theme })=>theme.colors.white.base);\nconst ConfigBoxes = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ConfigBoxes\",\n componentId: \"sc-71017a64-2\"\n})([\n \"\",\n \" gap:16px;\"\n], FlexMixin({\n direction: 'column'\n}));\nconst ConfigBox = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ConfigBox\",\n componentId: \"sc-71017a64-3\"\n})([\n \"\",\n \" border-radius:4px;border:1px solid \",\n \";color:\",\n \";min-height:50px;padding:12px 16px;width:100%;\",\n \" span{\",\n \"}\"\n], FlexMixin({\n justify: 'space-between',\n align: 'center'\n}), ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.white.base, ({ onClick })=>onClick ? `\n\t\tcursor: pointer;\n\t` : '', FontMixin({\n size: 'medium',\n weight: 'medium'\n}));\nconst ConfigBoxIcon = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ConfigBoxIcon\",\n componentId: \"sc-71017a64-4\"\n})([\n \"\",\n \" \",\n \" i{\",\n \" display:block;}figure{border-radius:50%;height:20px;overflow:hidden;width:20px;}\"\n], FlexMixin({\n justify: 'center',\n align: 'center'\n}), FontMixin({\n size: 'large',\n weight: 'medium',\n height: 'large'\n}), FontMixin({\n size: 'medium',\n weight: 'regular',\n height: 'base'\n}));\n\nexport { Config, ConfigBox, ConfigBoxIcon, ConfigBoxes, ConfigTitle };\n","import { jsxs, jsx, Fragment } from 'react/jsx-runtime';\nimport Icon from '@babylon/ui-kit-base/components/icons/icon';\nimport Image from '@babylon/ui-kit-base/components/multimedia/image';\nimport { getCurrencySymbol } from '@babylon/ui-kit-helpers/currency';\nimport { subscribe, customEvent, unsubscribe } from '@babylon/ui-kit-helpers/customEvents';\nimport { getFlag } from '@babylon/ui-kit-helpers/flags';\nimport { useEffect } from 'react';\nimport { useBoolean } from 'usehooks-ts';\nimport { useMobileHeaderLogitravel } from '../../../../context.mjs';\nimport LocationsModal from './locations-modal/index.mjs';\nimport { Config, ConfigTitle, ConfigBoxes, ConfigBox, ConfigBoxIcon } from './styled.mjs';\n\nconst UserConfig = ({ close: closePanel, isOpen: isOpenPanel })=>{\n const { literals, options } = useMobileHeaderLogitravel() || {};\n const { value: isOpen, setFalse: close, setTrue: open } = useBoolean();\n useEffect(()=>{\n subscribe(customEvent.OpenOriginModal, open);\n return ()=>unsubscribe(customEvent.OpenOriginModal, open);\n }, [\n open\n ]);\n const locationSelected = options.location.MOriginList.origins.find((location)=>location.selected);\n const languageSelected = options.language.items.find((language)=>language.selected);\n const currencySelected = options.currency.items.find((currency)=>currency.selected);\n return /*#__PURE__*/ jsxs(Config, {\n \"data-testid\": \"UserConfig\",\n children: [\n /*#__PURE__*/ jsx(ConfigTitle, {\n children: literals.configuration\n }),\n /*#__PURE__*/ jsxs(ConfigBoxes, {\n children: [\n locationSelected && /*#__PURE__*/ jsxs(Fragment, {\n children: [\n /*#__PURE__*/ jsxs(ConfigBox, {\n onClick: open,\n children: [\n /*#__PURE__*/ jsx(\"span\", {\n children: locationSelected.content\n }),\n /*#__PURE__*/ jsx(ConfigBoxIcon, {\n children: /*#__PURE__*/ jsx(Icon, {\n className: \"nico-marker\"\n })\n })\n ]\n }),\n /*#__PURE__*/ jsx(LocationsModal, {\n isOpen: isOpen,\n close: close,\n panel: {\n close: closePanel,\n isOpen: isOpenPanel\n },\n locations: options.location.MOriginList.origins,\n locationSelected: locationSelected,\n endpoint: options.location.MOriginList.originUrl\n })\n ]\n }),\n languageSelected && /*#__PURE__*/ jsxs(ConfigBox, {\n children: [\n /*#__PURE__*/ jsx(\"span\", {\n children: languageSelected.label\n }),\n /*#__PURE__*/ jsx(ConfigBoxIcon, {\n children: /*#__PURE__*/ jsx(Image, {\n src: getFlag(languageSelected.value.toString().toLowerCase()),\n alt: languageSelected.label,\n width: 20,\n height: 20,\n resize: {\n width: 20,\n height: 20\n },\n isLazy: true\n })\n })\n ]\n }),\n currencySelected && /*#__PURE__*/ jsxs(ConfigBox, {\n children: [\n /*#__PURE__*/ jsx(\"span\", {\n children: currencySelected.label\n }),\n /*#__PURE__*/ jsx(ConfigBoxIcon, {\n children: getCurrencySymbol(currencySelected.value.toString())\n })\n ]\n })\n ]\n })\n ]\n });\n};\n\nexport { UserConfig as default };\n","import { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { rgba } from 'polished';\nimport styled from 'styled-components';\n\nconst Logged = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"Logged\",\n componentId: \"sc-eea2b3c2-0\"\n})([\n \"\",\n \" padding-top:16px;text-transform:initial;\"\n], FlexMixin({\n direction: 'column'\n}));\nconst LoggedUser = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"LoggedUser\",\n componentId: \"sc-eea2b3c2-1\"\n})([\n \"\",\n \" margin-bottom:16px;padding:0 16px;\"\n], FlexMixin({\n align: 'center'\n}));\nconst AvatarWrapper = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"AvatarWrapper\",\n componentId: \"sc-eea2b3c2-2\"\n})([\n \"background-color:\",\n \";border-radius:50%;border:1px solid \",\n \";height:56px;width:56px;\",\n \"\"\n], ({ theme })=>theme.colors.thirdParty.googleplus, ({ theme })=>theme.colors.white.base, FlexMixin({\n align: 'center',\n justify: 'center'\n}));\nconst AvatarLetter = /*#__PURE__*/ styled.span.withConfig({\n displayName: \"AvatarLetter\",\n componentId: \"sc-eea2b3c2-3\"\n})([\n \"color:\",\n \";\",\n \"\"\n], ({ theme })=>theme.colors.white.base, FontMixin({\n size: 'largest',\n weight: 'light'\n}));\nconst UserName = /*#__PURE__*/ styled.p.withConfig({\n displayName: \"UserName\",\n componentId: \"sc-eea2b3c2-4\"\n})([\n \"color:\",\n \";padding-left:12px;\",\n \"\"\n], ({ theme })=>theme.colors.white.base, FontMixin({\n size: 'larger',\n weight: 'medium',\n height: 'larger'\n}));\nconst UserOption = /*#__PURE__*/ styled.li.withConfig({\n displayName: \"UserOption\",\n componentId: \"sc-eea2b3c2-5\"\n})([\n \"border-top:1px solid \",\n \";a{padding:16px;color:\",\n \";display:block;\",\n \"}\"\n], ({ theme })=>rgba(theme.colors.primary.lighter, 0.12), ({ theme })=>theme.colors.white.base, FontMixin({\n size: 'base',\n weight: 'light',\n height: 'base'\n}));\n\nexport { AvatarLetter, AvatarWrapper, Logged, LoggedUser, UserName, UserOption };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport { nullsToUndefined } from '@babylon/ui-kit-helpers/null';\nimport { userLogoutMobile } from '../../../../../../service.mjs';\nimport { useMobileHeaderLogitravel } from '../../../../context.mjs';\nimport { Logged, LoggedUser, AvatarWrapper, AvatarLetter, UserName, UserOption } from './styled.mjs';\n\nconst UserLoggedContent = ()=>{\n const { user, literals } = useMobileHeaderLogitravel() || {};\n if (!user?.logged) return null;\n return /*#__PURE__*/ jsxs(Logged, {\n \"data-testid\": \"UserLoggedContent\",\n children: [\n /*#__PURE__*/ jsxs(LoggedUser, {\n children: [\n /*#__PURE__*/ jsx(AvatarWrapper, {\n children: /*#__PURE__*/ jsx(AvatarLetter, {\n children: user.logged.user_name.substring(0, 1).toUpperCase()\n })\n }),\n /*#__PURE__*/ jsx(UserName, {\n children: user.logged.user_name\n })\n ]\n }),\n /*#__PURE__*/ jsxs(\"ul\", {\n children: [\n user.logged.links.map((link)=>/*#__PURE__*/ jsx(UserOption, {\n children: /*#__PURE__*/ jsx(\"a\", {\n ...nullsToUndefined(link),\n children: link.content\n })\n }, link.content)),\n /*#__PURE__*/ jsx(UserOption, {\n onClick: ()=>{\n userLogoutMobile().catch(console.error);\n },\n children: /*#__PURE__*/ jsx(\"a\", {\n children: literals.logOut\n })\n })\n ]\n })\n ]\n });\n};\n\nexport { UserLoggedContent as default };\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.createScriptEle = void 0;\nconst createScriptEle = (id, src) => {\n return new Promise((resolve) => {\n var _a;\n const element = document.getElementsByTagName('script')[0];\n const fjs = element;\n // return if script already exists\n if (document.getElementById(id)) {\n resolve(undefined);\n return;\n }\n const js = document.createElement('script');\n js.id = id;\n js.src = src;\n js.onload = resolve;\n if (fjs) {\n (_a = fjs.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(js, fjs);\n }\n else {\n const children = document.body.childNodes;\n document.body.insertBefore(js, children.item(children.length - 1));\n }\n });\n};\nexports.createScriptEle = createScriptEle;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.paramsToObject = exports.objectToParams = exports.isObject = void 0;\nconst isObject = (obj) => {\n return Object.prototype.toString.call(obj) === '[object Object]';\n};\nexports.isObject = isObject;\n/** Encode object to url parameters */\nconst objectToParams = (obj) => {\n if (!(0, exports.isObject)(obj) || Object.keys(obj).length === 0) {\n return '';\n }\n return ('?' +\n Object.keys(obj)\n .map((key) => `${key}=${encodeURIComponent(obj[key])}`)\n .join('&'));\n};\nexports.objectToParams = objectToParams;\n/** Decode params to object */\nconst paramsToObject = (params) => (params === null || params === void 0 ? void 0 : params.replace(/^\\?/, '').split('&').reduce((acc, chunk) => {\n if (!chunk) {\n return acc;\n }\n const [key, value] = chunk.split('=');\n return Object.assign(Object.assign({}, acc), { [key]: decodeURIComponent(value) });\n}, {})) || {};\nexports.paramsToObject = paramsToObject;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.isFacebookApp = void 0;\nconst isFacebookApp = () => {\n if (typeof window === 'undefined') {\n return false;\n }\n const ua = navigator.userAgent || navigator.vendor || window.opera;\n return (ua.indexOf('FBAN') > -1 ||\n ua.indexOf('FBAV') > -1 ||\n ua.indexOf('Instagram') > -1);\n};\nexports.isFacebookApp = isFacebookApp;\n","\"use strict\";\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n var desc = Object.getOwnPropertyDescriptor(m, k);\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n desc = { enumerable: true, get: function() { return m[k]; } };\n }\n Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n o[k2] = m[k];\n}));\nvar __exportStar = (this && this.__exportStar) || function(m, exports) {\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\n__exportStar(require(\"./dom.helper\"), exports);\n__exportStar(require(\"./param.helper\"), exports);\n__exportStar(require(\"./ua.helper\"), exports);\n","\"use strict\";\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.FacebookLoginClient = exports.SDK_SCRIPT_ELE_ID = void 0;\nconst helpers_1 = require(\"./helpers\");\nexports.SDK_SCRIPT_ELE_ID = 'facebook-jssdk';\nexports.FacebookLoginClient = {\n getFB: () => {\n if (!window.FB) {\n console.warn('FB not found');\n return null;\n }\n return window.FB;\n },\n getLoginStatus(callback, isForcingRoudtrip = false) {\n const FB = this.getFB();\n if (!FB) {\n callback({ status: 'unknown' });\n return;\n }\n FB.getLoginStatus(callback, isForcingRoudtrip);\n },\n getProfile(callback, params) {\n var _a;\n (_a = this.getFB()) === null || _a === void 0 ? void 0 : _a.api('me', params, callback);\n },\n init(initParams) {\n var _a;\n (_a = this.getFB()) === null || _a === void 0 ? void 0 : _a.init(initParams);\n },\n clear() {\n window.FB = null;\n const scriptEle = document.getElementById(exports.SDK_SCRIPT_ELE_ID);\n if (scriptEle) {\n scriptEle.remove();\n }\n },\n isRedirected(dialogParams) {\n var _a, _b;\n const params = (0, helpers_1.paramsToObject)(window.location.search);\n return (((_a = params['state'] === (dialogParams === null || dialogParams === void 0 ? void 0 : dialogParams.state)) !== null && _a !== void 0 ? _a : 'facebookdirect') &&\n params[(_b = dialogParams === null || dialogParams === void 0 ? void 0 : dialogParams.response_type) !== null && _b !== void 0 ? _b : ''] !== undefined);\n },\n loadSdk(language, useCustomerChat) {\n return __awaiter(this, void 0, void 0, function* () {\n yield (0, helpers_1.createScriptEle)(exports.SDK_SCRIPT_ELE_ID, `https://connect.facebook.net/${language}/sdk${useCustomerChat ? '/xfbml.customerchat' : ''}.js`);\n });\n },\n redirectToDialog(dialogParams, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n _a) {\n var \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n { ignoreSdkError } = _a, loginOptions = __rest(_a, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n [\"ignoreSdkError\"]);\n window.location.href = `https://www.facebook.com/dialog/oauth${(0, helpers_1.objectToParams)(Object.assign(Object.assign({}, dialogParams), loginOptions))}`;\n },\n login(callback, _a) {\n var _b;\n var { ignoreSdkError } = _a, loginOptions = __rest(_a, [\"ignoreSdkError\"]);\n try {\n (_b = this.getFB()) === null || _b === void 0 ? void 0 : _b.login(callback, loginOptions);\n }\n catch (e) {\n if (ignoreSdkError) {\n return;\n }\n else {\n throw e;\n }\n }\n },\n logout(callback) {\n this.getLoginStatus((res) => {\n var _a;\n if (res.status === 'connected') {\n (_a = this.getFB()) === null || _a === void 0 ? void 0 : _a.logout(callback);\n }\n else {\n callback();\n }\n });\n },\n};\n","\"use strict\";\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n var desc = Object.getOwnPropertyDescriptor(m, k);\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n desc = { enumerable: true, get: function() { return m[k]; } };\n }\n Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n o[k2] = m[k];\n}));\nvar __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\n}) : function(o, v) {\n o[\"default\"] = v;\n});\nvar __importStar = (this && this.__importStar) || function (mod) {\n if (mod && mod.__esModule) return mod;\n var result = {};\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\n __setModuleDefault(result, mod);\n return result;\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst react_1 = __importStar(require(\"react\"));\nconst facebook_login_client_1 = require(\"./facebook-login.client\");\nconst helpers_1 = require(\"./helpers\");\nfunction FacebookLogin(props) {\n var _a, _b;\n const { appId, language = 'en_US', scope = 'public_profile, email', fields = 'name,email,picture', onSuccess, onFail, onProfileSuccess, className, style, children = 'Login with Facebook', render, autoLoad = false, useRedirect = false, useCustomerChat = false, } = props;\n const initParams = Object.assign(Object.assign({ version: 'v9.0', xfbml: false, cookie: false, localStorage: true }, props.initParams), { appId });\n const dialogParams = Object.assign(Object.assign({ redirect_uri: typeof window !== 'undefined' ? location.origin + location.pathname : '/', state: 'facebookdirect', response_type: 'code' }, props.dialogParams), { client_id: appId });\n const loginOptions = Object.assign(Object.assign({ return_scopes: false, ignoreSdkError: false }, props.loginOptions), { auth_nonce: typeof ((_a = props.loginOptions) === null || _a === void 0 ? void 0 : _a.auth_nonce) === 'function'\n ? props.loginOptions.auth_nonce()\n : (_b = props.loginOptions) === null || _b === void 0 ? void 0 : _b.auth_nonce, scope });\n (0, react_1.useEffect)(() => {\n init();\n }, []);\n const init = () => __awaiter(this, void 0, void 0, function* () {\n yield facebook_login_client_1.FacebookLoginClient.loadSdk(language, useCustomerChat);\n window.fbAsyncInit = () => {\n facebook_login_client_1.FacebookLoginClient.init(initParams);\n const isRedirected = facebook_login_client_1.FacebookLoginClient.isRedirected(dialogParams);\n if (isRedirected === false && autoLoad) {\n handleButtonClick();\n return;\n }\n if (isRedirected === true && useRedirect) {\n requestLogin();\n }\n };\n });\n const requestLogin = () => {\n facebook_login_client_1.FacebookLoginClient.login((res) => {\n if (!res.authResponse) {\n onFail && onFail({ status: 'loginCancelled' });\n return;\n }\n onSuccess && onSuccess(res.authResponse);\n if (onProfileSuccess) {\n facebook_login_client_1.FacebookLoginClient.getProfile(onProfileSuccess, { fields });\n }\n }, Object.assign(Object.assign({}, loginOptions), { scope }));\n };\n const handleButtonClick = () => {\n if ((0, helpers_1.isFacebookApp)() || useRedirect) {\n facebook_login_client_1.FacebookLoginClient.redirectToDialog(dialogParams, loginOptions);\n return;\n }\n if (!window.FB) {\n onFail && onFail({ status: 'facebookNotLoaded' });\n return;\n }\n requestLogin();\n };\n if (render) {\n return render({\n onClick: handleButtonClick,\n logout: facebook_login_client_1.FacebookLoginClient.logout,\n });\n }\n return (react_1.default.createElement(\"button\", { type: \"button\", onClick: handleButtonClick, className: className, style: style }, children));\n}\nexports.default = FacebookLogin;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.LoginStatus = void 0;\nvar LoginStatus;\n(function (LoginStatus) {\n LoginStatus[\"Connected\"] = \"connected\";\n LoginStatus[\"NotAuthorized\"] = \"not_authorized\";\n LoginStatus[\"Unknown\"] = \"unknown\";\n})(LoginStatus = exports.LoginStatus || (exports.LoginStatus = {}));\n","\"use strict\";\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n var desc = Object.getOwnPropertyDescriptor(m, k);\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n desc = { enumerable: true, get: function() { return m[k]; } };\n }\n Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n o[k2] = m[k];\n}));\nvar __exportStar = (this && this.__exportStar) || function(m, exports) {\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\n__exportStar(require(\"./fb.type\"), exports);\n__exportStar(require(\"./params.type\"), exports);\n__exportStar(require(\"./response.type\"), exports);\n","\"use strict\";\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n var desc = Object.getOwnPropertyDescriptor(m, k);\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n desc = { enumerable: true, get: function() { return m[k]; } };\n }\n Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n o[k2] = m[k];\n}));\nvar __exportStar = (this && this.__exportStar) || function(m, exports) {\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst facebook_login_1 = __importDefault(require(\"./facebook-login\"));\n__exportStar(require(\"./helpers\"), exports);\n__exportStar(require(\"./types\"), exports);\n__exportStar(require(\"./facebook-login\"), exports);\n__exportStar(require(\"./facebook-login.client\"), exports);\nexports.default = facebook_login_1.default;\n","import { jsx } from 'react/jsx-runtime';\nimport { Button } from '../button/index.mjs';\nimport ReactFacebookLogin from '@greatsumini/react-facebook-login';\nimport { Suspense, useState, useCallback } from 'react';\n\n// @ts-ignore\nconst FacebookLogin = ReactFacebookLogin.default ? ReactFacebookLogin.default : ReactFacebookLogin;\nconst FacebookLoginButtonView = ({ appId, endpoint, disabled = false, children, ...rest })=>{\n const [isLoading, setIsLoading] = useState(false);\n const onLoad = useCallback((res)=>{\n if (!res?.accessToken) {\n setIsLoading(false);\n return;\n }\n const method = 'POST';\n const { url, returnUrl } = endpoint;\n const data = {\n AccessToken: res.accessToken,\n Provider: 'Facebook'\n };\n fetch(url, {\n headers: {\n 'content-type': 'application/json'\n },\n credentials: 'include',\n method,\n body: JSON.stringify(data)\n }).then((res)=>res.json()).then((response)=>{\n if (returnUrl) {\n window.location.assign(returnUrl);\n return;\n }\n if (response) window.location.assign(response.url);\n }).then(()=>setIsLoading(false));\n }, [\n endpoint\n ]);\n const onButtonClick = useCallback((renderProps)=>()=>{\n setIsLoading(true);\n renderProps.onClick?.();\n }, []);\n const facebookLoginRender = useCallback((renderProps)=>/*#__PURE__*/ jsx(Button, {\n \"data-testid\": \"FacebookLoginButton\",\n variant: \"facebook\",\n height: 'auto',\n ...rest,\n disabled: disabled || isLoading,\n onClick: onButtonClick(renderProps),\n children: children\n }), [\n children,\n disabled,\n isLoading,\n onButtonClick,\n rest\n ]);\n const onFail = useCallback(()=>setIsLoading(false), []);\n return /*#__PURE__*/ jsx(FacebookLogin, {\n appId: appId,\n onSuccess: onLoad,\n onFail: onFail,\n // autoLoad\n // xfbml\n // version='3.2'\n render: facebookLoginRender\n });\n};\nconst FacebookLoginButton = (props)=>/*#__PURE__*/ jsx(Suspense, {\n fallback: /*#__PURE__*/ jsx(\"div\", {}),\n children: /*#__PURE__*/ jsx(FacebookLoginButtonView, {\n ...props\n })\n });\n\nexport { FacebookLoginButton as default };\n","'use client'\nimport React, { useState, useRef, useEffect, createContext, useMemo, useContext, useCallback } from 'react';\n\nfunction useLoadGsiScript(options = {}) {\r\n const { nonce, onScriptLoadSuccess, onScriptLoadError } = options;\r\n const [scriptLoadedSuccessfully, setScriptLoadedSuccessfully] = useState(false);\r\n const onScriptLoadSuccessRef = useRef(onScriptLoadSuccess);\r\n onScriptLoadSuccessRef.current = onScriptLoadSuccess;\r\n const onScriptLoadErrorRef = useRef(onScriptLoadError);\r\n onScriptLoadErrorRef.current = onScriptLoadError;\r\n useEffect(() => {\r\n const scriptTag = document.createElement('script');\r\n scriptTag.src = 'https://accounts.google.com/gsi/client';\r\n scriptTag.async = true;\r\n scriptTag.defer = true;\r\n scriptTag.nonce = nonce;\r\n scriptTag.onload = () => {\r\n var _a;\r\n setScriptLoadedSuccessfully(true);\r\n (_a = onScriptLoadSuccessRef.current) === null || _a === void 0 ? void 0 : _a.call(onScriptLoadSuccessRef);\r\n };\r\n scriptTag.onerror = () => {\r\n var _a;\r\n setScriptLoadedSuccessfully(false);\r\n (_a = onScriptLoadErrorRef.current) === null || _a === void 0 ? void 0 : _a.call(onScriptLoadErrorRef);\r\n };\r\n document.body.appendChild(scriptTag);\r\n return () => {\r\n document.body.removeChild(scriptTag);\r\n };\r\n }, [nonce]);\r\n return scriptLoadedSuccessfully;\r\n}\n\nconst GoogleOAuthContext = createContext(null);\r\nfunction GoogleOAuthProvider({ clientId, nonce, onScriptLoadSuccess, onScriptLoadError, children, }) {\r\n const scriptLoadedSuccessfully = useLoadGsiScript({\r\n nonce,\r\n onScriptLoadSuccess,\r\n onScriptLoadError,\r\n });\r\n const contextValue = useMemo(() => ({\r\n clientId,\r\n scriptLoadedSuccessfully,\r\n }), [clientId, scriptLoadedSuccessfully]);\r\n return (React.createElement(GoogleOAuthContext.Provider, { value: contextValue }, children));\r\n}\r\nfunction useGoogleOAuth() {\r\n const context = useContext(GoogleOAuthContext);\r\n if (!context) {\r\n throw new Error('Google OAuth components must be used within GoogleOAuthProvider');\r\n }\r\n return context;\r\n}\n\nfunction extractClientId(credentialResponse) {\r\n var _a;\r\n const clientId = (_a = credentialResponse === null || credentialResponse === void 0 ? void 0 : credentialResponse.clientId) !== null && _a !== void 0 ? _a : credentialResponse === null || credentialResponse === void 0 ? void 0 : credentialResponse.client_id;\r\n return clientId;\r\n}\n\nconst containerHeightMap = { large: 40, medium: 32, small: 20 };\r\nfunction GoogleLogin({ onSuccess, onError, useOneTap, promptMomentNotification, type = 'standard', theme = 'outline', size = 'large', text, shape, logo_alignment, width, locale, click_listener, containerProps, ...props }) {\r\n const btnContainerRef = useRef(null);\r\n const { clientId, scriptLoadedSuccessfully } = useGoogleOAuth();\r\n const onSuccessRef = useRef(onSuccess);\r\n onSuccessRef.current = onSuccess;\r\n const onErrorRef = useRef(onError);\r\n onErrorRef.current = onError;\r\n const promptMomentNotificationRef = useRef(promptMomentNotification);\r\n promptMomentNotificationRef.current = promptMomentNotification;\r\n useEffect(() => {\r\n var _a, _b, _c, _d, _e, _f, _g, _h, _j;\r\n if (!scriptLoadedSuccessfully)\r\n return;\r\n (_c = (_b = (_a = window === null || window === void 0 ? void 0 : window.google) === null || _a === void 0 ? void 0 : _a.accounts) === null || _b === void 0 ? void 0 : _b.id) === null || _c === void 0 ? void 0 : _c.initialize({\r\n client_id: clientId,\r\n callback: (credentialResponse) => {\r\n var _a;\r\n if (!(credentialResponse === null || credentialResponse === void 0 ? void 0 : credentialResponse.credential)) {\r\n return (_a = onErrorRef.current) === null || _a === void 0 ? void 0 : _a.call(onErrorRef);\r\n }\r\n const { credential, select_by } = credentialResponse;\r\n onSuccessRef.current({\r\n credential,\r\n clientId: extractClientId(credentialResponse),\r\n select_by,\r\n });\r\n },\r\n ...props,\r\n });\r\n (_f = (_e = (_d = window === null || window === void 0 ? void 0 : window.google) === null || _d === void 0 ? void 0 : _d.accounts) === null || _e === void 0 ? void 0 : _e.id) === null || _f === void 0 ? void 0 : _f.renderButton(btnContainerRef.current, {\r\n type,\r\n theme,\r\n size,\r\n text,\r\n shape,\r\n logo_alignment,\r\n width,\r\n locale,\r\n click_listener,\r\n });\r\n if (useOneTap)\r\n (_j = (_h = (_g = window === null || window === void 0 ? void 0 : window.google) === null || _g === void 0 ? void 0 : _g.accounts) === null || _h === void 0 ? void 0 : _h.id) === null || _j === void 0 ? void 0 : _j.prompt(promptMomentNotificationRef.current);\r\n return () => {\r\n var _a, _b, _c;\r\n if (useOneTap)\r\n (_c = (_b = (_a = window === null || window === void 0 ? void 0 : window.google) === null || _a === void 0 ? void 0 : _a.accounts) === null || _b === void 0 ? void 0 : _b.id) === null || _c === void 0 ? void 0 : _c.cancel();\r\n };\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [\r\n clientId,\r\n scriptLoadedSuccessfully,\r\n useOneTap,\r\n type,\r\n theme,\r\n size,\r\n text,\r\n shape,\r\n logo_alignment,\r\n width,\r\n locale,\r\n ]);\r\n return (React.createElement(\"div\", { ...containerProps, ref: btnContainerRef, style: { height: containerHeightMap[size], ...containerProps === null || containerProps === void 0 ? void 0 : containerProps.style } }));\r\n}\n\nfunction googleLogout() {\r\n var _a, _b, _c;\r\n (_c = (_b = (_a = window === null || window === void 0 ? void 0 : window.google) === null || _a === void 0 ? void 0 : _a.accounts) === null || _b === void 0 ? void 0 : _b.id) === null || _c === void 0 ? void 0 : _c.disableAutoSelect();\r\n}\n\n/* eslint-disable import/export */\r\nfunction useGoogleLogin({ flow = 'implicit', scope = '', onSuccess, onError, onNonOAuthError, overrideScope, state, ...props }) {\r\n const { clientId, scriptLoadedSuccessfully } = useGoogleOAuth();\r\n const clientRef = useRef();\r\n const onSuccessRef = useRef(onSuccess);\r\n onSuccessRef.current = onSuccess;\r\n const onErrorRef = useRef(onError);\r\n onErrorRef.current = onError;\r\n const onNonOAuthErrorRef = useRef(onNonOAuthError);\r\n onNonOAuthErrorRef.current = onNonOAuthError;\r\n useEffect(() => {\r\n var _a, _b;\r\n if (!scriptLoadedSuccessfully)\r\n return;\r\n const clientMethod = flow === 'implicit' ? 'initTokenClient' : 'initCodeClient';\r\n const client = (_b = (_a = window === null || window === void 0 ? void 0 : window.google) === null || _a === void 0 ? void 0 : _a.accounts) === null || _b === void 0 ? void 0 : _b.oauth2[clientMethod]({\r\n client_id: clientId,\r\n scope: overrideScope ? scope : `openid profile email ${scope}`,\r\n callback: (response) => {\r\n var _a, _b;\r\n if (response.error)\r\n return (_a = onErrorRef.current) === null || _a === void 0 ? void 0 : _a.call(onErrorRef, response);\r\n (_b = onSuccessRef.current) === null || _b === void 0 ? void 0 : _b.call(onSuccessRef, response);\r\n },\r\n error_callback: (nonOAuthError) => {\r\n var _a;\r\n (_a = onNonOAuthErrorRef.current) === null || _a === void 0 ? void 0 : _a.call(onNonOAuthErrorRef, nonOAuthError);\r\n },\r\n state,\r\n ...props,\r\n });\r\n clientRef.current = client;\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [clientId, scriptLoadedSuccessfully, flow, scope, state]);\r\n const loginImplicitFlow = useCallback((overrideConfig) => { var _a; return (_a = clientRef.current) === null || _a === void 0 ? void 0 : _a.requestAccessToken(overrideConfig); }, []);\r\n const loginAuthCodeFlow = useCallback(() => { var _a; return (_a = clientRef.current) === null || _a === void 0 ? void 0 : _a.requestCode(); }, []);\r\n return flow === 'implicit' ? loginImplicitFlow : loginAuthCodeFlow;\r\n}\n\nfunction useGoogleOneTapLogin({ onSuccess, onError, promptMomentNotification, cancel_on_tap_outside, prompt_parent_id, state_cookie_domain, hosted_domain, use_fedcm_for_prompt = false, disabled, auto_select, }) {\r\n const { clientId, scriptLoadedSuccessfully } = useGoogleOAuth();\r\n const onSuccessRef = useRef(onSuccess);\r\n onSuccessRef.current = onSuccess;\r\n const onErrorRef = useRef(onError);\r\n onErrorRef.current = onError;\r\n const promptMomentNotificationRef = useRef(promptMomentNotification);\r\n promptMomentNotificationRef.current = promptMomentNotification;\r\n useEffect(() => {\r\n var _a, _b, _c, _d, _e, _f, _g, _h, _j;\r\n if (!scriptLoadedSuccessfully)\r\n return;\r\n if (disabled) {\r\n (_c = (_b = (_a = window === null || window === void 0 ? void 0 : window.google) === null || _a === void 0 ? void 0 : _a.accounts) === null || _b === void 0 ? void 0 : _b.id) === null || _c === void 0 ? void 0 : _c.cancel();\r\n return;\r\n }\r\n (_f = (_e = (_d = window === null || window === void 0 ? void 0 : window.google) === null || _d === void 0 ? void 0 : _d.accounts) === null || _e === void 0 ? void 0 : _e.id) === null || _f === void 0 ? void 0 : _f.initialize({\r\n client_id: clientId,\r\n callback: (credentialResponse) => {\r\n var _a;\r\n if (!(credentialResponse === null || credentialResponse === void 0 ? void 0 : credentialResponse.credential)) {\r\n return (_a = onErrorRef.current) === null || _a === void 0 ? void 0 : _a.call(onErrorRef);\r\n }\r\n const { credential, select_by } = credentialResponse;\r\n onSuccessRef.current({\r\n credential,\r\n clientId: extractClientId(credentialResponse),\r\n select_by,\r\n });\r\n },\r\n hosted_domain,\r\n cancel_on_tap_outside,\r\n prompt_parent_id,\r\n state_cookie_domain,\r\n use_fedcm_for_prompt,\r\n auto_select,\r\n });\r\n (_j = (_h = (_g = window === null || window === void 0 ? void 0 : window.google) === null || _g === void 0 ? void 0 : _g.accounts) === null || _h === void 0 ? void 0 : _h.id) === null || _j === void 0 ? void 0 : _j.prompt(promptMomentNotificationRef.current);\r\n return () => {\r\n var _a, _b, _c;\r\n (_c = (_b = (_a = window === null || window === void 0 ? void 0 : window.google) === null || _a === void 0 ? void 0 : _a.accounts) === null || _b === void 0 ? void 0 : _b.id) === null || _c === void 0 ? void 0 : _c.cancel();\r\n };\r\n }, [\r\n clientId,\r\n scriptLoadedSuccessfully,\r\n cancel_on_tap_outside,\r\n prompt_parent_id,\r\n state_cookie_domain,\r\n hosted_domain,\r\n use_fedcm_for_prompt,\r\n disabled,\r\n auto_select,\r\n ]);\r\n}\n\n/**\r\n * Checks if the user granted all the specified scope or scopes\r\n * @returns True if all the scopes are granted\r\n */\r\nfunction hasGrantedAllScopesGoogle(tokenResponse, firstScope, ...restScopes) {\r\n var _a, _b, _c;\r\n if (!(window === null || window === void 0 ? void 0 : window.google))\r\n return false;\r\n return (((_c = (_b = (_a = window === null || window === void 0 ? void 0 : window.google) === null || _a === void 0 ? void 0 : _a.accounts) === null || _b === void 0 ? void 0 : _b.oauth2) === null || _c === void 0 ? void 0 : _c.hasGrantedAllScopes(tokenResponse, firstScope, ...restScopes)) || false);\r\n}\n\n/**\r\n * Checks if the user granted any of the specified scope or scopes.\r\n * @returns True if any of the scopes are granted\r\n */\r\nfunction hasGrantedAnyScopeGoogle(tokenResponse, firstScope, ...restScopes) {\r\n var _a, _b, _c;\r\n if (!(window === null || window === void 0 ? void 0 : window.google))\r\n return false;\r\n return (((_c = (_b = (_a = window === null || window === void 0 ? void 0 : window.google) === null || _a === void 0 ? void 0 : _a.accounts) === null || _b === void 0 ? void 0 : _b.oauth2) === null || _c === void 0 ? void 0 : _c.hasGrantedAnyScope(tokenResponse, firstScope, ...restScopes)) || false);\r\n}\n\nexport { GoogleLogin, GoogleOAuthProvider, googleLogout, hasGrantedAllScopesGoogle, hasGrantedAnyScopeGoogle, useGoogleLogin, useGoogleOAuth, useGoogleOneTapLogin };\n","const fetchPostGoogleLogin = async ({ url, returnUrl, AccessToken, provider = 'GoogleIdentityServices' })=>{\n fetch(url, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({\n AccessToken,\n provider\n })\n }).then((res)=>res.json()).then((response)=>{\n if (returnUrl) {\n window.location.assign(returnUrl);\n return;\n }\n if (response) window.location.assign(window.location.href);\n }).catch((error)=>{\n console.error('Error fetching Google login:', error);\n });\n};\n\nexport { fetchPostGoogleLogin };\n","import { jsx } from 'react/jsx-runtime';\nimport { Button } from '../button/index.mjs';\nimport { GoogleOAuthProvider, useGoogleLogin } from '@react-oauth/google';\nimport { fetchPostGoogleLogin } from './service.mjs';\n\n// components/GoogleAuthLoginButton.tsx\nconst GoogleOAuthLoginButton = ({ endpoint, children, ...rest })=>{\n const login = useGoogleLogin({\n onSuccess: (tokenResponse)=>{\n (async ()=>{\n try {\n if (!tokenResponse) return;\n const AccessToken = tokenResponse.access_token;\n const { url, returnUrl } = endpoint;\n await fetchPostGoogleLogin({\n url,\n returnUrl,\n AccessToken,\n provider: 'GoogleIdentityServices'\n });\n } catch (error) {\n console.error('Error during Google login:', error);\n }\n })();\n }\n });\n return /*#__PURE__*/ jsx(Button, {\n \"data-testid\": \"GoogleLoginButton\",\n height: 'auto',\n onClick: ()=>{\n login();\n },\n variant: \"google\",\n ...rest,\n children: children\n });\n};\nconst GoogleLoginButton = ({ appId, endpoint, className, children })=>{\n const config = {\n clientId: appId,\n scope: 'openid email'\n };\n return /*#__PURE__*/ jsx(GoogleOAuthProvider, {\n ...config,\n children: /*#__PURE__*/ jsx(GoogleOAuthLoginButton, {\n endpoint: endpoint,\n className: className,\n children: children\n })\n });\n};\n\nexport { GoogleLoginButton as default };\n","import { Button } from '@babylon/ui-kit-base/components/buttons/button';\nimport FacebookLoginButtonComponent from '@babylon/ui-kit-base/components/buttons/facebook-login-button';\nimport GoogleLoginButtonComponent from '@babylon/ui-kit-base/components/buttons/google-login-button';\nimport Icon from '@babylon/ui-kit-base/components/icons/icon';\nimport { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport styled, { css } from 'styled-components';\n\nconst Unlogged = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"Unlogged\",\n componentId: \"sc-bf386a9f-0\"\n})([\n \"\",\n \" padding:22px 16px 16px;\"\n], FlexMixin({\n direction: 'column',\n align: 'center'\n}));\nconst WelcomeTitle = /*#__PURE__*/ styled.span.withConfig({\n displayName: \"WelcomeTitle\",\n componentId: \"sc-bf386a9f-1\"\n})([\n \"\",\n \" padding-bottom:14px;text-transform:initial;\"\n], FontMixin({\n size: 'large',\n weight: 'regular',\n height: 'large'\n}));\nconst Buttons = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"Buttons\",\n componentId: \"sc-bf386a9f-2\"\n})([\n \"\",\n \" gap:12px;margin:12px 0;width:100%;\"\n], FlexMixin({\n direction: 'column'\n}));\nconst LoginButtonMixin = /*#__PURE__*/ css([\n \"border-radius:2px;padding:16px 44px;width:100%;display:block;border:none;text-transform:uppercase;position:relative;\",\n \"\"\n], FontMixin({\n size: 'base',\n weight: 'medium',\n height: 'base'\n}));\nconst LoginButton = /*#__PURE__*/ styled(Button).withConfig({\n displayName: \"LoginButton\",\n componentId: \"sc-bf386a9f-3\"\n})([\n \"transition:none;\",\n \"\"\n], LoginButtonMixin);\nconst ButtonIcon = /*#__PURE__*/ styled(Icon).withConfig({\n displayName: \"ButtonIcon\",\n componentId: \"sc-bf386a9f-4\"\n})([\n \"position:absolute;top:50%;transform:translateY(-50%);left:16px;color:currentColor;\",\n \"\"\n], FontMixin({\n size: 'large',\n weight: 'regular',\n height: 'base'\n}));\nconst GoogleLoginButton = /*#__PURE__*/ styled(GoogleLoginButtonComponent).withConfig({\n displayName: \"GoogleLoginButton\",\n componentId: \"sc-bf386a9f-5\"\n})([\n \"\",\n \"\"\n], LoginButtonMixin);\nconst FacebookLoginButton = /*#__PURE__*/ styled(FacebookLoginButtonComponent).withConfig({\n displayName: \"FacebookLoginButton\",\n componentId: \"sc-bf386a9f-6\"\n})([\n \"\",\n \"\"\n], LoginButtonMixin);\nconst CreateAccount = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"CreateAccount\",\n componentId: \"sc-bf386a9f-7\"\n})([\n \"text-align:center;width:100%;padding:16px 0 0;\"\n]);\nconst CreateAccountTitle = /*#__PURE__*/ styled.p.withConfig({\n displayName: \"CreateAccountTitle\",\n componentId: \"sc-bf386a9f-8\"\n})([\n \"margin-bottom:12px;\",\n \" text-transform:initial;\"\n], FontMixin({\n size: 'medium',\n weight: 'light',\n height: 'medium'\n}));\nconst CreateAccountButton = /*#__PURE__*/ styled(LoginButton).withConfig({\n displayName: \"CreateAccountButton\",\n componentId: \"sc-bf386a9f-9\"\n})([\n \"color:\",\n \";border:1px solid currentColor;\"\n], ({ theme })=>theme.colors.white.base);\n\nexport { ButtonIcon, Buttons, CreateAccount, CreateAccountButton, CreateAccountTitle, FacebookLoginButton, GoogleLoginButton, LoginButton, Unlogged, WelcomeTitle };\n","import { jsxs, jsx, Fragment } from 'react/jsx-runtime';\nimport { userLogin, userCreateAccount } from '../../../../../../service.mjs';\nimport { useCallback } from 'react';\nimport { useMobileHeaderLogitravel } from '../../../../context.mjs';\nimport { Unlogged, WelcomeTitle, Buttons, LoginButton, ButtonIcon, GoogleLoginButton, FacebookLoginButton, CreateAccount, CreateAccountTitle, CreateAccountButton } from './styled.mjs';\n\nconst UserUnloggedContent = ()=>{\n const { user, literals } = useMobileHeaderLogitravel() || {};\n const onLoginClick = useCallback(()=>{\n if (!user?.unlogged?.login) return;\n userLogin(user.unlogged.login).catch(console.error);\n }, [\n user?.unlogged\n ]);\n const onCreateClick = useCallback(()=>{\n if (!user?.unlogged?.create_account) return;\n userCreateAccount(user.unlogged.create_account.link.href).catch(console.error);\n }, [\n user?.unlogged\n ]);\n if (!user?.unlogged) return null;\n return /*#__PURE__*/ jsxs(Unlogged, {\n \"data-testid\": \"UserUnloggedContent\",\n children: [\n /*#__PURE__*/ jsx(WelcomeTitle, {\n children: literals.TituloNuevoUsuario\n }),\n /*#__PURE__*/ jsxs(Buttons, {\n children: [\n /*#__PURE__*/ jsxs(LoginButton, {\n \"data-testid\": \"LoginButton\",\n variant: \"secondary\",\n onClick: onLoginClick,\n children: [\n /*#__PURE__*/ jsx(ButtonIcon, {\n className: \"nico-logitravel\"\n }),\n /*#__PURE__*/ jsx(\"span\", {\n children: literals.IniciarSesion\n })\n ]\n }),\n user.unlogged.login_options && Object.keys(user.unlogged.login_options).map((key)=>{\n const typedKey = key;\n const option = user.unlogged.login_options[typedKey];\n const content = /*#__PURE__*/ jsxs(Fragment, {\n children: [\n /*#__PURE__*/ jsx(ButtonIcon, {\n className: `nico-${option.icon}`\n }),\n /*#__PURE__*/ jsx(\"span\", {\n children: option.content\n })\n ]\n });\n if (typedKey === 'google') return /*#__PURE__*/ jsx(GoogleLoginButton, {\n ...option.config,\n children: content\n }, typedKey);\n if (typedKey === 'facebook') {\n return /*#__PURE__*/ jsx(FacebookLoginButton, {\n ...option.config,\n children: content\n }, typedKey);\n }\n return null;\n })\n ]\n }),\n user.unlogged.create_account && /*#__PURE__*/ jsxs(CreateAccount, {\n children: [\n /*#__PURE__*/ jsx(CreateAccountTitle, {\n children: literals['user.without_account']\n }),\n /*#__PURE__*/ jsx(CreateAccountButton, {\n \"data-testid\": \"CreateAccountButton\",\n onClick: onCreateClick,\n children: /*#__PURE__*/ jsx(\"span\", {\n children: user.unlogged.create_account.link.content\n })\n })\n ]\n })\n ]\n });\n};\n\nexport { UserUnloggedContent as default };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport UserConfig from './user-config/index.mjs';\nimport UserLoggedContent from './user-logged-content/index.mjs';\nimport UserUnloggedContent from './user-unlogged-content/index.mjs';\n\nconst UserContent = ({ close: closePanel, isOpen: isOpenPanel })=>/*#__PURE__*/ jsxs(\"div\", {\n \"data-testid\": \"UserContent\",\n children: [\n /*#__PURE__*/ jsx(UserLoggedContent, {}),\n /*#__PURE__*/ jsx(UserUnloggedContent, {}),\n /*#__PURE__*/ jsx(UserConfig, {\n close: closePanel,\n isOpen: isOpenPanel\n })\n ]\n });\n\nexport { UserContent as default };\n","import { jsx } from 'react/jsx-runtime';\nimport { useMobileHeaderLogitravel } from '../../context.mjs';\nimport { UserPanelModal } from './styled.mjs';\nimport UserContent from './user-content/index.mjs';\n\nconst UserPanel = ({ isOpen, close })=>{\n const { literals, user } = useMobileHeaderLogitravel() || {};\n return /*#__PURE__*/ jsx(UserPanelModal, {\n \"data-testid\": \"UserPanel\",\n variant: \"right\",\n visible: isOpen,\n hide: close,\n closeOnClickOut: true,\n closeOnEscapeKeyDown: true,\n header: user?.logged ? literals.welcome : '',\n content: /*#__PURE__*/ jsx(UserContent, {\n isOpen: true,\n close: close\n }),\n width: \"85%\"\n });\n};\n\nexport { UserPanel as default };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport Portal from '@babylon/ui-kit-structures/components/others/portal';\nimport { useEffect } from 'react';\nimport { useBoolean } from 'usehooks-ts';\nimport { useMobileHeaderLogitravel } from '../context.mjs';\nimport { MenuIcon, MenuButtonText } from '../styled.mjs';\nimport { GlobalUserPanelMobileStyle, MenuButton } from './styled.mjs';\nimport UserPanel from './user-panel/index.mjs';\n\nconst User = ()=>{\n const { literals, hasUser, user } = useMobileHeaderLogitravel() || {};\n const { value: isOpen, setFalse: close, toggle: toggle } = useBoolean();\n useEffect(()=>{\n if (isOpen) document.body.classList.add('is-user-panel-shown');\n if (!isOpen) document.body.classList.remove('is-user-panel-shown');\n return ()=>{\n document.body.classList.remove('is-user-panel-shown');\n };\n }, [\n isOpen\n ]);\n if (!hasUser) return null;\n return /*#__PURE__*/ jsxs(\"div\", {\n \"data-testid\": \"HeaderUser\",\n children: [\n /*#__PURE__*/ jsx(GlobalUserPanelMobileStyle, {}),\n /*#__PURE__*/ jsxs(MenuButton, {\n \"data-testid\": \"MenuButton\",\n onClick: toggle,\n children: [\n /*#__PURE__*/ jsx(MenuIcon, {\n className: \"nico-user\"\n }),\n /*#__PURE__*/ jsx(MenuButtonText, {\n children: user?.logged ? literals.profile : literals['user.login']\n })\n ]\n }),\n /*#__PURE__*/ jsx(Portal, {\n container: \"#header-portals\",\n children: /*#__PURE__*/ jsx(UserPanel, {\n isOpen: isOpen,\n close: close\n })\n })\n ]\n });\n};\n\nexport { User as default };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport { MobileHeaderLogitravelContextProvider } from './context.mjs';\nimport Menu from './menu/index.mjs';\nimport { Header, Logo } from './styled.mjs';\nimport User from './user/index.mjs';\n\nconst HeaderLogitravelMobile = ({ props })=>/*#__PURE__*/ jsxs(MobileHeaderLogitravelContextProvider, {\n value: props,\n children: [\n /*#__PURE__*/ jsxs(Header, {\n \"data-testid\": \"Header\",\n children: [\n /*#__PURE__*/ jsx(Menu, {}),\n /*#__PURE__*/ jsx(Logo, {\n ...props.logo,\n width: 156,\n height: 34,\n isLazy: false\n }),\n /*#__PURE__*/ jsx(User, {})\n ]\n }),\n /*#__PURE__*/ jsx(\"div\", {\n id: \"header-portals\"\n })\n ]\n });\n\nexport { HeaderLogitravelMobile as default };\n","import { generateViewsComponent } from '@babylon/ui-kit-helpers/views';\nimport HeaderLogitravelDesktop from './views/desktop/index.mjs';\nimport HeaderLogitravelMobile from './views/mobile/index.mjs';\n\nconst HeaderLogitravel = generateViewsComponent(HeaderLogitravelDesktop, HeaderLogitravelMobile);\n\nexport { HeaderLogitravel as default };\n","import { jsx, jsxs } from 'react/jsx-runtime';\nimport contextBabylon from '@babylon/ui-kit-context';\nimport ErrorBoundary from '@babylon/ui-kit-helpers/error-boundary';\nimport { checkIfMobile } from '@babylon/ui-kit-helpers/views';\nimport BabylonThemeProvider from '@babylon/ui-kit-styles/common/theme-provider';\nimport logitravel from '@babylon/ui-kit-styles/themes/logitravel/base';\nimport { StrictMode } from 'react';\nimport FooterLogitravel from '../footer/index.mjs';\nimport HeaderLogitravel from '../header/index.mjs';\n\nconst HeaderComponent = ErrorBoundary(HeaderLogitravel);\nconst FooterComponent = ErrorBoundary(FooterLogitravel);\nconst BaseTemplateLogitravel = ({ children, header, footer, mHeader, mFooter, context })=>{\n const isMobile = checkIfMobile(context.DeviceClass);\n const headerProps = isMobile ? mHeader : header;\n const footerProps = isMobile ? mFooter : footer;\n return /*#__PURE__*/ jsx(StrictMode, {\n children: /*#__PURE__*/ jsx(contextBabylon.Provider, {\n value: context,\n children: /*#__PURE__*/ jsxs(BabylonThemeProvider, {\n theme: logitravel,\n children: [\n headerProps && /*#__PURE__*/ jsx(HeaderComponent, {\n ...headerProps\n }),\n children,\n footerProps && /*#__PURE__*/ jsx(FooterComponent, {\n ...footerProps\n })\n ]\n })\n })\n });\n};\n\nexport { BaseTemplateLogitravel as default };\n","import { jsx } from 'react/jsx-runtime';\n\nconst JsonLd = ({ structuredData })=>{\n if (!structuredData) return null;\n return /*#__PURE__*/ jsx(\"script\", {\n \"data-testid\": \"JsonLd\",\n type: \"application/ld+json\",\n dangerouslySetInnerHTML: {\n __html: JSON.stringify(structuredData)\n }\n });\n};\n\nexport { JsonLd as default };\n","import Icon from '@babylon/ui-kit-base/components/icons/icon';\nimport { FlexMixin, AttentionMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { Margin, Padding } from '@babylon/ui-kit-styles/common/mixins/logical.styled';\nimport styled, { css } from 'styled-components';\n\nconst BreadcrumbsBox = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"BreadcrumbsBox\",\n componentId: \"sc-aebdbf98-0\"\n})([\n \"border-bottom:1px solid \",\n \";max-height:45px;\"\n], ({ theme })=>theme.border.color.base);\nconst BreadcrumbsList = /*#__PURE__*/ styled.ol.withConfig({\n displayName: \"BreadcrumbsList\",\n componentId: \"sc-aebdbf98-1\"\n})([\n \"overflow-x:auto;white-space:nowrap;li{\",\n \"}\"\n], Margin({\n all: '0'\n}));\nconst BreadcrumbsListNav = /*#__PURE__*/ styled.ol.withConfig({\n displayName: \"BreadcrumbsListNav\",\n componentId: \"sc-aebdbf98-2\"\n})([\n \"overflow-x:auto;white-space:nowrap;\",\n \" :after{content:'';position:absolute;\",\n \" min-height:13px;width:1px;background-color:\",\n \";}\"\n], Padding({\n y: '12px'\n}), Margin({\n y: '0',\n x: '14px'\n}), ({ theme })=>theme.colors.grays.base);\nconst BreadCrumbs = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"BreadCrumbs\",\n componentId: \"sc-aebdbf98-3\"\n})([\n \"display:flex;flex-shrink:0;border-bottom:0;max-height:45px;\",\n \"\"\n], Padding({\n y: '12px'\n}));\nconst BreadcrumbsItem = /*#__PURE__*/ styled.li.withConfig({\n displayName: \"BreadcrumbsItem\",\n componentId: \"sc-aebdbf98-4\"\n})([\n \"\",\n \" span{color:\",\n \";\",\n \"}a{color:\",\n \";\",\n \"}\",\n \"{\",\n \" \",\n \"}\",\n \"\"\n], FlexMixin({\n align: 'center'\n}), ({ theme })=>theme.colors.text.dark, FlexMixin({\n align: 'center'\n}), ({ theme })=>theme.colors.text.light, AttentionMixin(/*#__PURE__*/ css([\n \"color:\",\n \";\"\n], ({ theme })=>theme.colors.text.dark)), Icon, Margin({\n y: '0',\n x: '6px'\n}), FontMixin({\n size: 'small'\n}), ({ $isDesktop })=>$isDesktop ? /*#__PURE__*/ css([\n \"\",\n \" height:100%;\",\n \" :last-child{padding-right:0;\",\n \"}\"\n ], Margin({\n all: '0',\n left: '29px'\n }), FontMixin({\n size: 'medium',\n height: 'medium',\n weight: 'light'\n }), FontMixin({\n size: 'medium',\n height: 'medium',\n weight: 'medium'\n })) : /*#__PURE__*/ css([\n \"\",\n \" &:last-child{span{\",\n \"}}\"\n ], FontMixin({\n size: 'small',\n height: 'medium',\n weight: 'light'\n }), FontMixin({\n size: 'small',\n height: 'medium',\n weight: 'medium'\n })));\n\nexport { BreadCrumbs, BreadcrumbsBox, BreadcrumbsItem, BreadcrumbsList, BreadcrumbsListNav };\n","import { jsx, jsxs, Fragment } from 'react/jsx-runtime';\nimport Icon from '@babylon/ui-kit-base/components/icons/icon';\nimport { nullsToUndefined } from '@babylon/ui-kit-helpers/null';\nimport useIsDesktop from '@babylon/ui-kit-hooks/device/useIsDesktop';\nimport { BreadcrumbsItem } from '../../styled.mjs';\n\nconst BreadcrumbItem = ({ item, index = 0 })=>{\n const isDesktop = useIsDesktop();\n return /*#__PURE__*/ jsx(BreadcrumbsItem, {\n $isDesktop: isDesktop,\n \"data-testid\": \"BreadcrumbsItemFirst\",\n children: /*#__PURE__*/ jsxs(\"span\", {\n children: [\n index >= 1 && /*#__PURE__*/ jsx(Icon, {\n className: \"nico-angle-right\",\n \"data-testid\": \"BreadcrumbsItemIcon\"\n }),\n item.link ? /*#__PURE__*/ jsx(\"a\", {\n ...nullsToUndefined(item.link),\n \"data-testid\": \"BreadcrumbsItemLink\",\n children: item.content\n }) : /*#__PURE__*/ jsx(Fragment, {\n children: item.content\n })\n ]\n })\n }, item.content);\n};\n\nexport { BreadcrumbItem as default };\n","import { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport styled from 'styled-components';\nimport { BreadcrumbsBox, BreadcrumbsList, BreadcrumbsListNav, BreadcrumbsItem } from '../../styled.mjs';\n\nconst BreadcrumbsBoxDesktop = /*#__PURE__*/ styled(BreadcrumbsBox).withConfig({\n displayName: \"BreadcrumbsBoxDesktop\",\n componentId: \"sc-7f3b236f-0\"\n})([\n \"\",\n \"\"\n], FlexMixin({}));\nconst BreadcrumbsListDesktop = /*#__PURE__*/ styled(BreadcrumbsList).withConfig({\n displayName: \"BreadcrumbsListDesktop\",\n componentId: \"sc-7f3b236f-1\"\n})([\n \"\",\n \"\"\n], FlexMixin({\n align: 'center',\n wrap: true\n}));\nconst BreadcrumbsListNavDesktop = /*#__PURE__*/ styled(BreadcrumbsListNav).withConfig({\n displayName: \"BreadcrumbsListNavDesktop\",\n componentId: \"sc-7f3b236f-2\"\n})([\n \"\",\n \" overflow:hidden;max-height:45px;row-gap:12px;\"\n], FlexMixin({\n align: 'center',\n wrap: true\n}));\nconst BreadcrumbsItemDesktop = /*#__PURE__*/ styled(BreadcrumbsItem).withConfig({\n displayName: \"BreadcrumbsItemDesktop\",\n componentId: \"sc-7f3b236f-3\"\n})([\n \"margin:0 0 0 29px;height:100%;:last-child{padding-right:0;}span{\",\n \"}a{\",\n \"}\"\n], FontMixin({\n size: 'medium',\n height: 'medium',\n weight: 'medium'\n}), FontMixin({\n size: 'medium',\n height: 'medium',\n weight: 'light'\n}));\n\nexport { BreadcrumbsBoxDesktop, BreadcrumbsItemDesktop, BreadcrumbsListDesktop, BreadcrumbsListNavDesktop };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport JsonLd from '@babylon/ui-kit-base/components/others/json-ld';\nimport { nullsToUndefined } from '@babylon/ui-kit-helpers/null';\nimport BreadcrumbItem from '../../components/breadcrumbItem/index.mjs';\nimport { BreadCrumbs } from '../../styled.mjs';\nimport { BreadcrumbsBoxDesktop, BreadcrumbsListDesktop, BreadcrumbsListNavDesktop, BreadcrumbsItemDesktop } from './styled.mjs';\n\nconst BreadcrumbsDesktop = ({ props })=>{\n const { items = [], actives, ldjson } = props ?? {};\n return /*#__PURE__*/ jsxs(BreadcrumbsBoxDesktop, {\n \"data-testid\": \"Breadcrumbs\",\n children: [\n /*#__PURE__*/ jsx(BreadCrumbs, {\n children: /*#__PURE__*/ jsx(BreadcrumbsListDesktop, {\n \"data-testid\": \"BreadcrumbsList\",\n children: items.map((item, index)=>/*#__PURE__*/ jsx(BreadcrumbItem, {\n item: item,\n index: index,\n actives: actives && actives.length > 0\n }, `item_${item.content}`))\n })\n }),\n actives && /*#__PURE__*/ jsx(BreadcrumbsListNavDesktop, {\n \"data-testid\": \"BreadcrumbsList\",\n children: actives.map((item)=>/*#__PURE__*/ jsx(BreadcrumbsItemDesktop, {\n \"data-testid\": \"BreadcrumbsItem\",\n children: /*#__PURE__*/ jsx(\"a\", {\n ...nullsToUndefined(item.link),\n \"data-testid\": \"BreadcrumbsItemLink\",\n children: item.content\n })\n }, item.content))\n }),\n ldjson && /*#__PURE__*/ jsx(JsonLd, {\n structuredData: ldjson\n })\n ]\n });\n};\n\nexport { BreadcrumbsDesktop as default };\n","import { FlexMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport styled from 'styled-components';\nimport { BreadcrumbsList, BreadcrumbsBox } from '../../styled.mjs';\n\nconst BreadcrumbsBoxMobile = /*#__PURE__*/ styled(BreadcrumbsBox).withConfig({\n displayName: \"BreadcrumbsBoxMobile\",\n componentId: \"sc-e3b556c0-0\"\n})([\n \"padding:0px 16px;\"\n]);\nconst BreadcrumbsListMobile = /*#__PURE__*/ styled(BreadcrumbsList).withConfig({\n displayName: \"BreadcrumbsListMobile\",\n componentId: \"sc-e3b556c0-1\"\n})([\n \"\",\n \" padding:8px 0;\"\n], FlexMixin({\n align: 'center'\n}));\n\nexport { BreadcrumbsBoxMobile, BreadcrumbsListMobile };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport JsonLd from '@babylon/ui-kit-base/components/others/json-ld';\nimport BreadcrumbItem from '../../components/breadcrumbItem/index.mjs';\nimport { BreadcrumbsBoxMobile, BreadcrumbsListMobile } from './styled.mjs';\n\nconst BreadcrumbsMobile = ({ props })=>{\n const { config, items = [], ldjson } = props ?? {};\n const { isHome = true } = config ?? {};\n const newItems = isHome ? [\n {\n content: 'Home',\n link: {\n href: '/',\n title: 'Home'\n }\n },\n ...items\n ] : items;\n return /*#__PURE__*/ jsxs(BreadcrumbsBoxMobile, {\n \"data-testid\": \"Breadcrumbs\",\n children: [\n /*#__PURE__*/ jsx(BreadcrumbsListMobile, {\n \"data-testid\": \"BreadcrumbsList\",\n children: newItems.map((item, index)=>/*#__PURE__*/ jsx(BreadcrumbItem, {\n item: item,\n index: index\n }, `item_${item.content}`))\n }),\n ldjson && /*#__PURE__*/ jsx(JsonLd, {\n structuredData: ldjson\n })\n ]\n });\n};\n\nexport { BreadcrumbsMobile as default };\n","import { generateViewsComponent } from '@babylon/ui-kit-helpers/views';\nimport BreadcrumbsDesktop from './views/desktop/index.mjs';\nimport BreadcrumbsMobile from './views/mobile/index.mjs';\n\nconst Breadcrumbs = generateViewsComponent(BreadcrumbsDesktop, BreadcrumbsMobile);\n\nexport { Breadcrumbs as default };\n","const isClientSide = ()=>!!(typeof window !== 'undefined' && window.document && window.document.createElement);\nconst eventListenerOptions = {\n once: true,\n capture: true,\n passive: true\n};\nconst getDisplayName = (WrappedComponent)=>WrappedComponent.displayName ?? WrappedComponent.name ?? 'Component';\nconst isInputPending = (isInputPendingFallbackValue)=>{\n const isInputPending = navigator?.scheduling?.isInputPending?.();\n return isInputPending ?? isInputPendingFallbackValue;\n};\nconst defaultOptions = {\n on: [\n 'idle',\n 'visible'\n ]\n};\n\nexport { defaultOptions, eventListenerOptions, getDisplayName, isClientSide, isInputPending };\n","import { useRef, useCallback, useState, useEffect, useLayoutEffect } from 'react';\nimport { eventListenerOptions, isInputPending } from './withHydrationOnDemand.helpers.mjs';\n\nconst useHydrationOnDemand = (hydrationOnDemandOptions, forceHydration)=>{\n const { disableFallback = false, isInputPendingFallbackValue = true, on = [], onBefore, whenInputPending = false } = hydrationOnDemandOptions;\n const cleanupFunctions = useRef([]);\n const rootRef = useRef(null);\n const cleanUp = useCallback(()=>{\n cleanupFunctions.current.forEach((fn)=>fn());\n cleanupFunctions.current = [];\n }, []);\n const getDefaultHydrationState = ()=>{\n const isNotInputPending = whenInputPending && !isInputPending(isInputPendingFallbackValue);\n return (isNotInputPending || forceHydration) && !onBefore;\n };\n const [isHydrated, setIsHydrated] = useState(getDefaultHydrationState());\n const hydrate = useCallback(()=>{\n cleanUp();\n if (isHydrated) return;\n if (onBefore) onBefore();\n setIsHydrated(true);\n }, [\n isHydrated,\n onBefore,\n cleanUp,\n setIsHydrated\n ]);\n const initDOMEvent = useCallback((type, getTarget = ()=>rootRef.current)=>{\n const target = getTarget();\n target?.addEventListener(type, hydrate, eventListenerOptions);\n cleanupFunctions.current.push(()=>{\n if (!target) return;\n target.removeEventListener(type, hydrate, eventListenerOptions);\n });\n }, [\n hydrate\n ]);\n const initIntersectionObserver = useCallback((getOptions = Function.prototype)=>{\n if (!('IntersectionObserver' in window)) {\n hydrate();\n return;\n }\n const options = getOptions();\n const observer = new IntersectionObserver(([entry])=>{\n if (!entry.isIntersecting || entry.intersectionRatio <= 0) return;\n hydrate();\n }, options);\n cleanupFunctions.current.push(()=>{\n if (!observer) return;\n observer.disconnect();\n });\n rootRef.current && observer.observe(rootRef.current);\n }, [\n hydrate\n ]);\n const initTimeout = useCallback((delay = 2000)=>{\n if (delay <= 0) return;\n const timeout = setTimeout(hydrate, delay);\n cleanupFunctions.current.push(()=>clearTimeout(timeout));\n }, [\n hydrate\n ]);\n const initIdleCallback = useCallback(()=>{\n if (!('requestIdleCallback' in window)) {\n initTimeout();\n return;\n }\n const idleCallback = requestIdleCallback(()=>requestAnimationFrame(()=>hydrate()), {\n timeout: 500\n });\n if (!('cancelIdleCallback' in window)) return;\n cleanupFunctions.current.push(()=>{\n cancelIdleCallback(idleCallback);\n });\n }, [\n hydrate,\n initTimeout\n ]);\n const initEvent = useCallback((type, options)=>{\n switch(type){\n case 'delay':\n initTimeout(options);\n break;\n case 'visible':\n initIntersectionObserver(options);\n break;\n case 'idle':\n initIdleCallback();\n break;\n default:\n initDOMEvent(type, options);\n }\n }, [\n initDOMEvent,\n initIdleCallback,\n initIntersectionObserver,\n initTimeout\n ]);\n useEffect(()=>{\n if (isHydrated) return;\n on.forEach((event)=>Array.isArray(event) ? initEvent(event[0], event[1]) : initEvent(event), []);\n return cleanUp;\n }, [\n isHydrated,\n on,\n initEvent,\n cleanUp\n ]);\n useLayoutEffect(()=>{\n if (isHydrated) return;\n if (forceHydration) {\n hydrate();\n return;\n }\n const wasRenderedServerSide = !!rootRef.current?.getAttribute('data-hydration-on-demand');\n const shouldHydrate = !wasRenderedServerSide && !disableFallback;\n if (shouldHydrate) hydrate();\n }, [\n isHydrated,\n rootRef,\n disableFallback,\n forceHydration,\n hydrate\n ]);\n return {\n rootRef,\n isHydrated\n };\n};\n\nexport { useHydrationOnDemand as default };\n","import { jsx } from 'react/jsx-runtime';\nimport { getDisplayName } from './withHydrationOnDemand.helpers.mjs';\nimport useHydrationOnDemand from './withHydrationOnDemand.useHydrationOnDemand.mjs';\n\nconst withHydrationOnDemandClientSide = (hydrationOnDemandOptions)=>(WrappedComponent)=>{\n const WithHydrationOnDemand = ({ forceHydration = false, wrapperProps, ...props })=>{\n const { rootRef, isHydrated } = useHydrationOnDemand(hydrationOnDemandOptions, forceHydration);\n if (!isHydrated) return /*#__PURE__*/ jsx(\"div\", {\n \"data-testid\": \"HydrationOnDemand\",\n ref: rootRef,\n dangerouslySetInnerHTML: {\n __html: ''\n },\n suppressHydrationWarning: true,\n ...wrapperProps\n });\n return /*#__PURE__*/ jsx(\"div\", {\n \"data-testid\": \"HydrationOnDemand\",\n ...wrapperProps,\n children: /*#__PURE__*/ jsx(WrappedComponent, {\n \"component-hydration-on-demand\": true,\n ...props\n })\n });\n };\n WithHydrationOnDemand.displayName = `withHydrationOnDemand(${getDisplayName(WrappedComponent)})`;\n return WithHydrationOnDemand;\n };\n\nexport { withHydrationOnDemandClientSide as default };\n","import { jsx } from 'react/jsx-runtime';\n\nconst withHydrationOnDemandServerSide = ()=>(WrappedComponent)=>{\n const ComponentWithHydration = (props)=>/*#__PURE__*/ jsx(\"div\", {\n \"data-testid\": \"HydrationOnDemand\",\n \"data-hydration-on-demand\": true,\n children: /*#__PURE__*/ jsx(WrappedComponent, {\n \"component-hydration-on-demand\": true,\n ...props\n })\n });\n return ComponentWithHydration;\n };\n\nexport { withHydrationOnDemandServerSide as default };\n","import { isClientSide, defaultOptions } from './withHydrationOnDemand.helpers.mjs';\nimport withHydrationOnDemandClientSide from './withHydrationOnDemandClientSide.mjs';\nimport withHydrationOnDemandServerSide from './withHydrationOnDemandServerSide.mjs';\n\nconst withHydrationOnDemand = (options = defaultOptions)=>{\n if (isClientSide()) return withHydrationOnDemandClientSide(options);\n return withHydrationOnDemandServerSide();\n};\n\nexport { withHydrationOnDemand as default };\n","const CONSTANTS = {\n MOBILE: {\n IMAGE: {\n width: 750,\n height: 360,\n quality: 97\n }\n },\n DESKTOP: {\n IMAGE: {\n width: 1920,\n height: 350,\n quality: 97\n },\n DEALS: {\n width: 300,\n height: 70,\n suboperation: null\n },\n LOGO: {\n width: 300,\n height: 80,\n suboperation: null\n }\n }\n};\n\nexport { CONSTANTS };\n","const CONSTANTS = {\n IMAGE: {\n width: 300,\n height: 80,\n suboperation: null\n }\n};\n\nexport { CONSTANTS };\n","var DealsPosition;\n(function(DealsPosition) {\n DealsPosition[DealsPosition[\"top\"] = 0] = \"top\";\n DealsPosition[DealsPosition[\"bottom\"] = 1] = \"bottom\";\n DealsPosition[DealsPosition[\"none\"] = 2] = \"none\";\n})(DealsPosition || (DealsPosition = {}));\nvar DealsAlign;\n(function(DealsAlign) {\n DealsAlign[DealsAlign[\"left\"] = 0] = \"left\";\n DealsAlign[DealsAlign[\"center\"] = 1] = \"center\";\n DealsAlign[DealsAlign[\"right\"] = 2] = \"right\";\n DealsAlign[DealsAlign[\"none\"] = 3] = \"none\";\n})(DealsAlign || (DealsAlign = {}));\n\nexport { DealsAlign, DealsPosition };\n","import { ImageStyled } from '@babylon/ui-kit-base/components/multimedia/image/styled';\nimport { FlexMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport styled, { css } from 'styled-components';\nimport { DealsPosition, DealsAlign } from './types.mjs';\n\nconst Deals = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"Deals\",\n componentId: \"sc-7552e727-0\"\n})([\n \"\",\n \" background-color:\",\n \";height:80px;max-width:280px;position:relative;z-index:\",\n \";\",\n \"{img{width:auto;height:100%;}}\",\n \" \",\n \"\"\n], FlexMixin({\n align: 'center'\n}), ({ theme })=>theme.colors.status.offer, ({ theme })=>theme.zIndex.low, ImageStyled, ({ $position })=>{\n if ($position === DealsPosition.top) {\n return /*#__PURE__*/ css([\n \"position:absolute;top:0;\"\n ]);\n }\n if ($position === DealsPosition.bottom) {\n return /*#__PURE__*/ css([\n \"position:absolute;bottom:0;\"\n ]);\n }\n}, ({ $align })=>{\n if ($align === DealsAlign.left) {\n return /*#__PURE__*/ css([\n \"position:absolute;left:15px;\"\n ]);\n }\n if ($align === DealsAlign.center) {\n return /*#__PURE__*/ css([\n \"margin:0 auto;\"\n ]);\n }\n if ($align === DealsAlign.right) {\n return /*#__PURE__*/ css([\n \"position:absolute;right:15px;\"\n ]);\n }\n});\n\nexport { Deals };\n","import { jsx } from 'react/jsx-runtime';\nimport Image from '@babylon/ui-kit-base/components/multimedia/image';\nimport { Children } from 'react';\nimport { CONSTANTS } from './constants.mjs';\nimport { Deals as Deals$1 } from './styled.mjs';\nimport { DealsAlign, DealsPosition } from './types.mjs';\n\nconst Deals = ({ className, align = DealsAlign.none, position = DealsPosition.none, deals, resize = CONSTANTS.IMAGE })=>/*#__PURE__*/ jsx(Deals$1, {\n className: className,\n \"data-testid\": \"Deals\",\n $align: align,\n $position: position,\n children: Children.toArray(deals.map((deal)=>/*#__PURE__*/ jsx(Image, {\n ...deal,\n ...resize,\n resize: resize\n })))\n });\n\nexport { Deals as default };\n","import Icon from '@babylon/ui-kit-base/components/icons/icon';\nimport { ImageStyled } from '@babylon/ui-kit-base/components/multimedia/image/styled';\nimport InnerMarkdownHTML from '@babylon/ui-kit-base/components/text/inner-markdown-HTML';\nimport Deals from '../../../../banners/deals/index.mjs';\nimport { Container } from '@babylon/ui-kit-styles/common/mixins/container.styled';\nimport { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { Padding, Margin, BorderRadius } from '@babylon/ui-kit-styles/common/mixins/logical.styled';\nimport styled from 'styled-components';\n\nconst HeaderBannerSimpleContainer = /*#__PURE__*/ styled(Container).withConfig({\n displayName: \"HeaderBannerSimpleContainer\",\n componentId: \"sc-5f521f5e-0\"\n})([\n \"position:absolute;min-height:100%;top:0;bottom:0;right:0;left:0;\"\n]);\nconst HeaderBannerSimpleWrapper = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"HeaderBannerSimpleWrapper\",\n componentId: \"sc-5f521f5e-1\"\n})([\n \"position:relative;overflow:hidden;\"\n]);\nconst HeaderBannerSimpleTextWrapper = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"HeaderBannerSimpleTextWrapper\",\n componentId: \"sc-5f521f5e-2\"\n})([\n \"\",\n \" justify-content:center;height:100%;\",\n \" \",\n \" max-width:700px;\"\n], FlexMixin({\n align: 'center',\n direction: 'column'\n}), Padding({\n all: '20px'\n}), Margin({\n top: '-20px',\n bottom: '0',\n x: 'auto'\n}));\nconst HeaderBannerSimpleCaption = /*#__PURE__*/ styled(InnerMarkdownHTML).withConfig({\n displayName: \"HeaderBannerSimpleCaption\",\n componentId: \"sc-5f521f5e-3\"\n})([\n \"text-transform:uppercase;\",\n \" color:\",\n \";\",\n \"\"\n], FontMixin({\n size: 'base',\n weight: 'medium',\n height: 'base'\n}), ({ theme })=>theme.colors.white.base, Margin({\n bottom: '0'\n}));\nconst HeaderBannerSimpleTitle = /*#__PURE__*/ styled(InnerMarkdownHTML).withConfig({\n displayName: \"HeaderBannerSimpleTitle\",\n componentId: \"sc-5f521f5e-4\"\n})([\n \"\",\n \" \",\n \" color:\",\n \";font-family:\",\n \";\",\n \" position:relative;text-align:center;text-shadow:0 1px 2px \",\n \";& > strong{\",\n \" font-size:64px;}\"\n], FlexMixin({\n direction: 'column',\n align: 'center',\n justify: 'center'\n}), FontMixin({\n size: 'xl',\n weight: 'medium',\n height: 'xl'\n}), ({ theme })=>theme.colors.white.base, ({ theme })=>theme.font.family.secondary, Margin({\n bottom: '8px'\n}), ({ theme })=>theme.colors.black.low, FontMixin({\n weight: 'bold',\n height: 'xxl'\n}));\nconst HeaderBannerSimpleSubtitle = /*#__PURE__*/ styled(InnerMarkdownHTML).withConfig({\n displayName: \"HeaderBannerSimpleSubtitle\",\n componentId: \"sc-5f521f5e-5\"\n})([\n \"\",\n \" \",\n \" font-family:\",\n \";position:relative;color:\",\n \";text-align:center;\",\n \"\"\n], FlexMixin({\n direction: 'column',\n align: 'center',\n justify: 'center'\n}), FontMixin({\n size: 'larger',\n weight: 'regular',\n height: 'larger'\n}), ({ theme })=>theme.font.family.secondary, ({ theme })=>theme.colors.white.base, Padding({\n y: '0',\n x: '20px'\n}));\nconst HeaderBannerSimpleImage = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"HeaderBannerSimpleImage\",\n componentId: \"sc-5f521f5e-6\"\n})([\n \"& > figure{\",\n \" height:100%;overflow:hidden;position:relative;& > img{width:100%;height:350px;object-fit:cover;}&:after{background-color:\",\n \";background-repeat:repeat-x;content:'';height:100%;left:0;position:absolute;top:0;width:100%;}}\"\n], FlexMixin({\n justify: 'center',\n align: 'center'\n}), ({ theme })=>theme.colors.black.high);\nconst HeaderBannerSimpleDeals = /*#__PURE__*/ styled(Deals).withConfig({\n displayName: \"HeaderBannerSimpleDeals\",\n componentId: \"sc-5f521f5e-7\"\n})([\n \"\",\n \" position:absolute;left:24px;bottom:50px;\",\n \" background-color:\",\n \";\",\n \";height:70px;max-width:unset;&:first-of-type{\",\n \";}&:last-of-type{\",\n \";}\",\n \"{height:70px;\",\n \" img{width:100%;height:auto;padding:0 8px;}}\"\n], FlexMixin(), Margin({\n top: '12px'\n}), ({ theme })=>theme.colors.status.offer, ({ theme })=>BorderRadius({\n topLeft: theme.border.radius.rounded,\n topRight: theme.border.radius.rounded\n }), ({ theme })=>BorderRadius({\n topLeft: theme.border.radius.rounded\n }), ({ theme })=>BorderRadius({\n topRight: theme.border.radius.rounded\n }), ImageStyled, FlexMixin({\n align: 'center'\n}));\nconst HeaderBannerSimpleConditions = /*#__PURE__*/ styled.a.withConfig({\n displayName: \"HeaderBannerSimpleConditions\",\n componentId: \"sc-5f521f5e-8\"\n})([\n \"\",\n \" position:absolute;top:12px;right:20px;background-color:\",\n \";\",\n \" \",\n \";column-gap:8px;\"\n], FlexMixin({\n type: 'inline-flex',\n align: 'center'\n}), ({ theme })=>theme.colors.status.offer, Padding({\n all: '8px'\n}), ({ theme })=>BorderRadius({\n all: theme.border.radius.rounded\n }));\nconst HeaderBannerSimpleIcon = /*#__PURE__*/ styled(Icon).withConfig({\n displayName: \"HeaderBannerSimpleIcon\",\n componentId: \"sc-5f521f5e-9\"\n})([\n \"color:\",\n \";\"\n], ({ theme })=>theme.colors.white.base);\nconst HeaderBannerSimpleLink = /*#__PURE__*/ styled.span.withConfig({\n displayName: \"HeaderBannerSimpleLink\",\n componentId: \"sc-5f521f5e-10\"\n})([\n \"color:\",\n \";\",\n \" text-transform:uppercase;text-decoration:none;\"\n], ({ theme })=>theme.colors.white.base, FontMixin({\n size: 'small',\n weight: 'medium',\n height: 'smaller'\n}));\nconst HeaderBannerSimpleLogo = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"HeaderBannerSimpleLogo\",\n componentId: \"sc-5f521f5e-11\"\n})([\n \"background-color:\",\n \";\",\n \" \",\n \" position:absolute;top:24px;left:20px;\"\n], ({ theme })=>theme.colors.white.lower, BorderRadius({\n all: '4px'\n}), Padding({\n y: '8px',\n x: '0'\n}));\n\nexport { HeaderBannerSimpleCaption, HeaderBannerSimpleConditions, HeaderBannerSimpleContainer, HeaderBannerSimpleDeals, HeaderBannerSimpleIcon, HeaderBannerSimpleImage, HeaderBannerSimpleLink, HeaderBannerSimpleLogo, HeaderBannerSimpleSubtitle, HeaderBannerSimpleTextWrapper, HeaderBannerSimpleTitle, HeaderBannerSimpleWrapper };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport Image from '@babylon/ui-kit-base/components/multimedia/image';\nimport contextBabylon from '@babylon/ui-kit-context';\nimport { useContext } from 'react';\nimport { CONSTANTS } from '../../constants.mjs';\nimport { HeaderBannerSimpleWrapper, HeaderBannerSimpleImage, HeaderBannerSimpleContainer, HeaderBannerSimpleTextWrapper, HeaderBannerSimpleCaption, HeaderBannerSimpleTitle, HeaderBannerSimpleSubtitle, HeaderBannerSimpleDeals, HeaderBannerSimpleConditions, HeaderBannerSimpleIcon, HeaderBannerSimpleLink, HeaderBannerSimpleLogo } from './styled.mjs';\n\nconst HeaderBannerSimpleDesktop = ({ props })=>{\n const { title, subtitle, image, promos: promosProp, promo: promoProp, logo, config, caption, titleTag = 'span' } = props ?? {};\n const promos = promosProp ?? promoProp;\n const finalCaption = promos?.caption ?? caption;\n const resizeImage = {\n ...CONSTANTS.DESKTOP.IMAGE,\n ...config?.resize\n };\n const regex = /.*((cdn|ssl)\\.(logitravel|alitravel|traveltool|bookingay)\\..*?)\\/+(.*\\.(jpg|png|gif))(\\?.*)?/gim;\n const { Cdn } = useContext(contextBabylon);\n // TODO: remove prepareSrc? with useImage has a similar logic\n function prepareSrc() {\n const match = regex.exec(image.src);\n if (match !== null) {\n const relative = match[4];\n const params = match[6] || '';\n return [\n Cdn,\n '/',\n relative,\n params\n ].join('');\n }\n if (image?.src.startsWith('logicms')) {\n return `https://${image?.src}`;\n }\n if (image?.src.startsWith('https://logicms')) {\n return image?.src;\n }\n if (!!image?.src.startsWith('http') || !!image?.src.startsWith('https') || !!image?.src.startsWith('//')) {\n return image?.src.replace(/(^\\w+:|^)\\/\\//, '');\n }\n if (image?.src.startsWith('/')) {\n return [\n Cdn,\n image?.src\n ].join('');\n }\n return [\n Cdn,\n '/',\n image?.src\n ].join('');\n }\n return /*#__PURE__*/ jsxs(HeaderBannerSimpleWrapper, {\n \"data-testid\": \"HeaderBannerSimple\",\n children: [\n image && /*#__PURE__*/ jsx(HeaderBannerSimpleImage, {\n children: /*#__PURE__*/ jsx(Image, {\n ...resizeImage,\n resize: resizeImage,\n ...image,\n src: prepareSrc()\n })\n }),\n /*#__PURE__*/ jsxs(HeaderBannerSimpleContainer, {\n children: [\n /*#__PURE__*/ jsxs(HeaderBannerSimpleTextWrapper, {\n children: [\n finalCaption && /*#__PURE__*/ jsx(HeaderBannerSimpleCaption, {\n tag: \"p\",\n content: finalCaption\n }),\n title && /*#__PURE__*/ jsx(HeaderBannerSimpleTitle, {\n tag: titleTag,\n content: title\n }),\n subtitle && /*#__PURE__*/ jsx(HeaderBannerSimpleSubtitle, {\n tag: \"p\",\n content: subtitle\n })\n ]\n }),\n promos?.images && /*#__PURE__*/ jsx(HeaderBannerSimpleDeals, {\n deals: promos.images,\n resize: CONSTANTS.DESKTOP.DEALS\n }),\n promos?.link && /*#__PURE__*/ jsxs(HeaderBannerSimpleConditions, {\n href: promos.link.href,\n title: promos.link.title,\n children: [\n /*#__PURE__*/ jsx(HeaderBannerSimpleIcon, {\n className: 'nico-check-list'\n }),\n /*#__PURE__*/ jsx(HeaderBannerSimpleLink, {\n children: promos.link.content\n })\n ]\n }),\n logo && /*#__PURE__*/ jsx(HeaderBannerSimpleLogo, {\n children: /*#__PURE__*/ jsx(Image, {\n ...CONSTANTS.DESKTOP.LOGO,\n resize: CONSTANTS.DESKTOP.LOGO,\n ...logo\n })\n })\n ]\n })\n ]\n });\n};\n\nexport { HeaderBannerSimpleDesktop as default };\n","const headerBannerSimpleMarketingGuidesConverter = (props)=>{\n const { image = '', src = '', title, subtitle, resize } = props.props ?? props.data ?? {};\n const defaultResize = {\n height: 350,\n operation: 'resize',\n suboperation: 'cropTopCenter',\n ...resize\n };\n return {\n ...props,\n name: props.name ?? 'header-banner-simple-marketing',\n props: {\n title,\n subtitle,\n image: {\n src: image || src || '',\n alt: title,\n ...defaultResize\n },\n config: {\n resize: defaultResize\n }\n }\n };\n};\nconst headerBannerSimpleMarketingGuidesMobileConverter = (props)=>headerBannerSimpleMarketingGuidesConverter(props);\n\nexport { headerBannerSimpleMarketingGuidesConverter, headerBannerSimpleMarketingGuidesMobileConverter };\n","import { HeaderBannerSimpleContainer, HeaderBannerSimpleWrapper, HeaderBannerSimpleTitle, HeaderBannerSimpleSubtitle } from '@babylon/ui-kit-common/components/others/header-banner-simple/views/desktop/styled';\nimport { FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport styled from 'styled-components';\n\n// ${({ theme }) => theme.colors.black.high} 0,\n// ${({ theme }) => theme.colors.black.base} 100%\nconst HeaderBannerMarketingContainerDesktop = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"HeaderBannerMarketingContainerDesktop\",\n componentId: \"sc-42e7329a-0\"\n})([\n \"\",\n \"{justify-content:center;}\",\n \"{&:after{background-color:unset;background-image:linear-gradient(to bottom,\",\n \" 0,transparent 100%);background-repeat:repeat-x;content:'';height:72%;left:0;position:absolute;top:0;width:100%;z-index:0;}}\",\n \"{\",\n \" text-shadow:0 2px 4px \",\n \";font-size:72px;}\",\n \"{\",\n \" text-shadow:0 2px 4px \",\n \";}\"\n], HeaderBannerSimpleContainer, HeaderBannerSimpleWrapper, ({ theme })=>theme.colors.black.high, HeaderBannerSimpleTitle, FontMixin({\n weight: 'bold',\n height: 'xxl'\n}), ({ theme })=>theme.colors.black.low, HeaderBannerSimpleSubtitle, FontMixin({\n size: 'largest',\n weight: 'medium',\n height: 'largest'\n}), ({ theme })=>theme.colors.black.low);\n\nexport { HeaderBannerMarketingContainerDesktop };\n","import { jsx } from 'react/jsx-runtime';\nimport HeaderBannerSimple from '@babylon/ui-kit-common/components/others/header-banner-simple/views/desktop';\nimport { headerBannerSimpleMarketingGuidesConverter } from '../../../../../helpers/marketing-guides/header-banner-simple/converter.mjs';\nimport { HeaderBannerMarketingContainerDesktop } from './styled.mjs';\n\nconst HeaderBannerSimpleMarketingGuidesDesktop = (props)=>{\n const convertedProps = headerBannerSimpleMarketingGuidesConverter(props);\n return /*#__PURE__*/ jsx(HeaderBannerMarketingContainerDesktop, {\n children: /*#__PURE__*/ jsx(HeaderBannerSimple, {\n ...convertedProps\n })\n });\n};\n\nexport { HeaderBannerSimpleMarketingGuidesDesktop as default };\n","import { ImageStyled } from '@babylon/ui-kit-base/components/multimedia/image/styled';\nimport InnerMarkdownHTML from '@babylon/ui-kit-base/components/text/inner-markdown-HTML';\nimport Deals$1 from '../../../../banners/deals/index.mjs';\nimport { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { rgba } from 'polished';\nimport styled from 'styled-components';\n\nconst HeaderBannerSimpleContainer = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"HeaderBannerSimpleContainer\",\n componentId: \"sc-42447dbe-0\"\n})([\n \"\",\n \" height:100%;left:0;padding:16px 16px 0px 16px;\"\n], FlexMixin({\n justify: 'center',\n align: 'center',\n direction: 'column'\n}));\nconst HeaderBannerSimpleWrapper = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"HeaderBannerSimpleWrapper\",\n componentId: \"sc-42447dbe-1\"\n})([\n \"overflow:hidden;position:relative;min-height:220px;\",\n \" &:not(.has-image){height:auto;min-height:initial;background-color:\",\n \";\",\n \"{padding-bottom:16px;}}&:after{background-image:linear-gradient( 0deg,\",\n \" 0,\",\n \" 70% );background-repeat:repeat-x;content:'';height:100%;left:0;position:absolute;top:0;width:100%;z-index:\",\n \";}\"\n], FlexMixin({\n justify: 'center',\n direction: 'column'\n}), ({ theme })=>theme.colors.primary.base, HeaderBannerSimpleContainer, ({ theme })=>theme.colors.primary.base, ({ theme })=>rgba(theme.colors.primary.base, 0.1), ({ theme })=>theme.zIndex.lowest);\nconst HeaderBannerSimpleTitle = /*#__PURE__*/ styled(InnerMarkdownHTML).withConfig({\n displayName: \"HeaderBannerSimpleTitle\",\n componentId: \"sc-42447dbe-2\"\n})([\n \"\",\n \" \",\n \" color:\",\n \";font-family:\",\n \";margin-bottom:8px;position:relative;text-align:center;text-shadow:0 1px 2px \",\n \";z-index:\",\n \";& > strong{\",\n \"}\"\n], FlexMixin({\n direction: 'column',\n align: 'center',\n justify: 'center'\n}), FontMixin({\n size: 'larger',\n weight: 'medium',\n height: 'larger'\n}), ({ theme })=>theme.colors.white.base, ({ theme })=>theme.font.family.secondary, ({ theme })=>theme.colors.black.low, ({ theme })=>theme.zIndex.lower, FontMixin({\n size: 'largest',\n weight: 'bold',\n height: 'larger'\n}));\nconst HeaderBannerSimpleSubtitle = /*#__PURE__*/ styled(InnerMarkdownHTML).withConfig({\n displayName: \"HeaderBannerSimpleSubtitle\",\n componentId: \"sc-42447dbe-3\"\n})([\n \"\",\n \" \",\n \" color:\",\n \";font-family:\",\n \";text-align:center;text-shadow:0 1px 2px \",\n \";z-index:\",\n \";\"\n], FlexMixin({\n direction: 'column',\n align: 'center',\n justify: 'center'\n}), FontMixin({\n size: 'base',\n weight: 'bold',\n height: 'base'\n}), ({ theme })=>theme.colors.white.base, ({ theme })=>theme.font.family.secondary, ({ theme })=>theme.colors.black.low, ({ theme })=>theme.zIndex.lower);\nconst HeaderBannerSimpleImage = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"HeaderBannerSimpleImage\",\n componentId: \"sc-42447dbe-4\"\n})([\n \"position:absolute;right:0;top:0;height:100%;width:100%;& > figure{\",\n \" height:100%;overflow:hidden;position:relative;& > img{width:100%;height:100%;object-fit:cover;}}\"\n], FlexMixin({\n justify: 'center',\n align: 'center'\n}));\nconst Deals = /*#__PURE__*/ styled(Deals$1).withConfig({\n displayName: \"Deals\",\n componentId: \"sc-42447dbe-5\"\n})([\n \"\",\n \" column-gap:4px;position:relative;z-index:\",\n \";margin-top:12px;padding:4px;background-color:\",\n \";border-radius:\",\n \";\",\n \"{\",\n \" img{width:100%;height:auto;}}\"\n], FlexMixin(), ({ theme })=>theme.zIndex.low, ({ theme })=>theme.colors.status.complementary2, ({ theme })=>theme.border.radius.rounded, ImageStyled, FlexMixin({\n align: 'center'\n}));\nconst HeaderBannerSimpleCaption = /*#__PURE__*/ styled(InnerMarkdownHTML).withConfig({\n displayName: \"HeaderBannerSimpleCaption\",\n componentId: \"sc-42447dbe-6\"\n})([\n \"\",\n \" \",\n \" color:\",\n \";text-transform:uppercase;text-align:center;z-index:\",\n \";\"\n], FlexMixin({\n direction: 'column',\n align: 'center',\n justify: 'center'\n}), FontMixin({\n size: 'medium',\n weight: 'regular',\n height: 'medium'\n}), ({ theme })=>theme.colors.white.base, ({ theme })=>theme.zIndex.lower);\n\nexport { Deals, HeaderBannerSimpleCaption, HeaderBannerSimpleContainer, HeaderBannerSimpleImage, HeaderBannerSimpleSubtitle, HeaderBannerSimpleTitle, HeaderBannerSimpleWrapper };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport Image from '@babylon/ui-kit-base/components/multimedia/image';\nimport classNames from 'classnames';\nimport { CONSTANTS } from '../../constants.mjs';\nimport { HeaderBannerSimpleWrapper, HeaderBannerSimpleContainer, HeaderBannerSimpleCaption, HeaderBannerSimpleTitle, HeaderBannerSimpleSubtitle, Deals, HeaderBannerSimpleImage } from './styled.mjs';\n\nconst HeaderBannerSimpleMobile = ({ props })=>{\n const { title, subtitle, caption, image, promos: promosProp, promo: promoProp, config } = props ?? {};\n const promos = promosProp ?? promoProp;\n const resize = {\n ...CONSTANTS.MOBILE.IMAGE,\n ...config?.resize\n };\n return /*#__PURE__*/ jsxs(HeaderBannerSimpleWrapper, {\n \"data-testid\": \"HeaderBannerSimple\",\n className: classNames({\n 'has-image': !!image\n }),\n children: [\n /*#__PURE__*/ jsxs(HeaderBannerSimpleContainer, {\n children: [\n caption && /*#__PURE__*/ jsx(HeaderBannerSimpleCaption, {\n content: caption\n }),\n title && /*#__PURE__*/ jsx(HeaderBannerSimpleTitle, {\n tag: \"h1\",\n content: title\n }),\n subtitle && /*#__PURE__*/ jsx(HeaderBannerSimpleSubtitle, {\n tag: \"h2\",\n content: subtitle\n }),\n promos && /*#__PURE__*/ jsx(Deals, {\n deals: promos.images\n })\n ]\n }),\n image && /*#__PURE__*/ jsx(HeaderBannerSimpleImage, {\n children: /*#__PURE__*/ jsx(Image, {\n ...image,\n resize: resize\n })\n })\n ]\n });\n};\n\nexport { HeaderBannerSimpleMobile as default };\n","import { HeaderBannerSimpleWrapper, HeaderBannerSimpleTitle, HeaderBannerSimpleSubtitle } from '@babylon/ui-kit-common/components/others/header-banner-simple/views/mobile/styled';\nimport { FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport styled from 'styled-components';\n\nconst HeaderBannerMarketingContainerMobile = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"HeaderBannerMarketingContainerMobile\",\n componentId: \"sc-51cd96a5-0\"\n})([\n \"\",\n \"{height:240px;&:after{content:'';position:absolute;background-repeat:repeat-x;background-image:linear-gradient( 180deg,\",\n \" 0,\",\n \" 70% );top:0;left:0;height:calc(100% - 4px);width:100%;z-index:\",\n \";}}\",\n \"{\",\n \" text-shadow:unset;}\",\n \"{text-shadow:unset;}\"\n], HeaderBannerSimpleWrapper, ({ theme })=>theme.colors.black.low, ({ theme })=>theme.colors.black.higher, ({ theme })=>theme.zIndex.lowest, HeaderBannerSimpleTitle, FontMixin({\n size: 'largest',\n weight: 'bold',\n height: 'largest'\n}), HeaderBannerSimpleSubtitle);\n\nexport { HeaderBannerMarketingContainerMobile };\n","import { jsx } from 'react/jsx-runtime';\nimport HeaderBannerSimpleMobile from '@babylon/ui-kit-common/components/others/header-banner-simple/views/mobile';\nimport { headerBannerSimpleMarketingGuidesMobileConverter } from '../../../../../helpers/marketing-guides/header-banner-simple/converter.mjs';\nimport { HeaderBannerMarketingContainerMobile } from './styled.mjs';\n\nconst HeaderBannerSimpleMarketingGuidesMobile = (props)=>{\n const convertedProps = headerBannerSimpleMarketingGuidesMobileConverter(props);\n return /*#__PURE__*/ jsx(HeaderBannerMarketingContainerMobile, {\n children: /*#__PURE__*/ jsx(HeaderBannerSimpleMobile, {\n ...convertedProps\n })\n });\n};\n\nexport { HeaderBannerSimpleMarketingGuidesMobile as default };\n","import { generateViewsComponent } from '@babylon/ui-kit-helpers/views';\nimport HeaderBannerSimpleMarketingGuidesDesktop from './views/desktop/index.mjs';\nimport HeaderBannerSimpleMarketingGuidesMobile from './views/mobile/index.mjs';\n\nconst HeaderBannerSimpleMarketingGuides = generateViewsComponent(HeaderBannerSimpleMarketingGuidesDesktop, HeaderBannerSimpleMarketingGuidesMobile);\n\nexport { HeaderBannerSimpleMarketingGuides as default };\n","import { FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport styled from 'styled-components';\n\nconst TitleWrapper = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"TitleWrapper\",\n componentId: \"sc-54939bdf-0\"\n})([\n \"margin-bottom:20px;text-align:\",\n \";\"\n], ({ $textAlign })=>$textAlign);\nconst TitleStyled = /*#__PURE__*/ styled.h2.withConfig({\n displayName: \"TitleStyled\",\n componentId: \"sc-54939bdf-1\"\n})([\n \"\",\n \" font-family:\",\n \";color:\",\n \";padding:0 8px;position:relative;a{color:\",\n \";}\"\n], FontMixin({\n size: 'largest',\n height: 'largest',\n weight: 'medium'\n}), (props)=>props.theme.font.family.secondary, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.grays.darker);\nconst SubTitleStyled = /*#__PURE__*/ styled.p.withConfig({\n displayName: \"SubTitleStyled\",\n componentId: \"sc-54939bdf-2\"\n})([\n \"\",\n \" color:\",\n \";margin-bottom:0;margin-top:4px;\"\n], FontMixin({\n size: 'base',\n height: 'base',\n weight: 'light'\n}), ({ theme })=>theme.colors.grays.dark);\n\nexport { SubTitleStyled, TitleStyled, TitleWrapper };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport InnerMarkdownHTML from '../../../inner-markdown-HTML/index.mjs';\nimport { TitleWrapper, TitleStyled, SubTitleStyled } from './styled.mjs';\n\nconst TitleDesktop = ({ title, subTitle, // inspired by the following fix - https://dev.azure.com/toolfactory/babylon/_git/babylon-ui-kit/pullrequest/142840?path=/src/components/base/title/views/desktop/index.tsx&_a=files\nsubtitle, link, className, textAlign = 'center', tag = 'h2' })=>/*#__PURE__*/ jsxs(TitleWrapper, {\n $textAlign: textAlign,\n \"data-testid\": \"Title\",\n className: className,\n children: [\n /*#__PURE__*/ jsxs(TitleStyled, {\n as: tag,\n children: [\n link && /*#__PURE__*/ jsx(\"a\", {\n \"data-testid\": \"link\",\n href: link?.href,\n title: link?.title,\n children: /*#__PURE__*/ jsx(InnerMarkdownHTML, {\n content: title\n })\n }),\n !link && /*#__PURE__*/ jsx(InnerMarkdownHTML, {\n content: title\n })\n ]\n }),\n subTitle && /*#__PURE__*/ jsx(SubTitleStyled, {\n \"data-testid\": \"subtitle\",\n children: /*#__PURE__*/ jsx(InnerMarkdownHTML, {\n content: subTitle\n })\n }),\n subtitle && /*#__PURE__*/ jsx(SubTitleStyled, {\n \"data-testid\": \"subtitle\",\n children: /*#__PURE__*/ jsx(InnerMarkdownHTML, {\n content: subtitle\n })\n })\n ]\n });\n\nexport { TitleDesktop as default };\n","import { FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { Margin, Padding } from '@babylon/ui-kit-styles/common/mixins/logical.styled';\nimport styled from 'styled-components';\n\nconst TitleMobileWrapper = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"TitleMobileWrapper\",\n componentId: \"sc-4ba00360-0\"\n})([\n \"text-align:\",\n \";\",\n \"\"\n], ({ $textAlign })=>$textAlign, Margin({\n bottom: '12px'\n}));\nconst TitleMobileStyled = /*#__PURE__*/ styled.h2.withConfig({\n displayName: \"TitleMobileStyled\",\n componentId: \"sc-4ba00360-1\"\n})([\n \"\",\n \" font-family:\",\n \";color:\",\n \";font-family:\",\n \";\",\n \" \",\n \" position:relative;\"\n], FontMixin({\n size: 'larger',\n height: 'larger',\n weight: 'medium'\n}), (props)=>props.theme.font.family.secondary, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.font.family.secondary, Padding({\n x: '16px'\n}), Margin({\n bottom: '8px'\n}));\nconst SubTitleStyled = /*#__PURE__*/ styled.p.withConfig({\n displayName: \"SubTitleStyled\",\n componentId: \"sc-4ba00360-2\"\n})([\n \"\",\n \" color:\",\n \";text-align:center;\",\n \"\"\n], FontMixin({\n size: 'medium',\n height: 'base',\n weight: 'light'\n}), ({ theme })=>theme.colors.grays.darker, Padding({\n x: '16px'\n}));\n\nexport { SubTitleStyled, TitleMobileStyled, TitleMobileWrapper };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport InnerMarkdownHTML from '../../../inner-markdown-HTML/index.mjs';\nimport { TitleMobileWrapper, TitleMobileStyled, SubTitleStyled } from './styled.mjs';\n\nconst TitleMobile = ({ title, subTitle = '', className, textAlign = 'center', tag = 'h2' })=>/*#__PURE__*/ jsxs(TitleMobileWrapper, {\n $textAlign: textAlign,\n \"data-testid\": \"Title\",\n className: className,\n children: [\n /*#__PURE__*/ jsx(TitleMobileStyled, {\n as: tag,\n children: /*#__PURE__*/ jsx(InnerMarkdownHTML, {\n content: title\n })\n }),\n subTitle && /*#__PURE__*/ jsx(SubTitleStyled, {\n \"data-testid\": \"subtitle\",\n children: /*#__PURE__*/ jsx(InnerMarkdownHTML, {\n content: subTitle\n })\n })\n ]\n });\n\nexport { TitleMobile as default };\n","import { generateViewsComponent } from '@babylon/ui-kit-helpers/views';\nimport TitleDesktop from './views/desktop/index.mjs';\nimport TitleMobile from './views/mobile/index.mjs';\n\nconst Title = generateViewsComponent(TitleDesktop, TitleMobile);\n\nexport { Title as default };\n","const CARD_SIMPLE_CONSTANTS = {\n DEFAULT_IMAGE: 'https://cdn.logitravel.com/comun/images/lineas/generica_1280x960.jpg'\n};\n\nexport { CARD_SIMPLE_CONSTANTS };\n","import InnerMarkdownHTML from '@babylon/ui-kit-base/components/text/inner-markdown-HTML';\nimport { BoxShadowWithHover } from '@babylon/ui-kit-styles/common/mixins/box-shadow.styled';\nimport { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { BorderRadius } from '@babylon/ui-kit-styles/common/mixins/logical.styled';\nimport styled from 'styled-components';\n\nconst CardSimpleWrapperDesktop = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"CardSimpleWrapperDesktop\",\n componentId: \"sc-47356eb5-0\"\n})([\n \"\",\n \" \",\n \" overflow:hidden;position:relative;transition:all 0.2s cubic-bezier(0.25,0.8,0.25,0.1);width:100%;& > figure > img{\",\n \";object-fit:cover;width:100%;}\"\n], BorderRadius({\n all: '4px'\n}), BoxShadowWithHover, ({ $height = '250' })=>`height:${$height}px`);\nconst CardSimpleContentDesktop = /*#__PURE__*/ styled.a.withConfig({\n displayName: \"CardSimpleContentDesktop\",\n componentId: \"sc-47356eb5-1\"\n})([\n \"\",\n \" \",\n \" background-color:\",\n \";bottom:0;left:0;padding:12px;position:absolute;right:0;top:0;\"\n], BorderRadius({\n all: '4px'\n}), FlexMixin({\n align: 'center',\n direction: 'column',\n justify: 'center'\n}), ({ theme })=>theme.colors.black.low);\nconst CardSimpleTitleDesktop = /*#__PURE__*/ styled(InnerMarkdownHTML).withConfig({\n displayName: \"CardSimpleTitleDesktop\",\n componentId: \"sc-47356eb5-2\"\n})([\n \"\",\n \" color:\",\n \";margin:0;text-align:center;text-transform:uppercase;padding:8px 12px;border:1px solid \",\n \";border-radius:4px;margin-bottom:8px;\"\n], FontMixin({\n size: 'large',\n weight: 'medium',\n height: 'large'\n}), ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.white.base);\nconst CardSimpleSubtitleDesktop = /*#__PURE__*/ styled(InnerMarkdownHTML).withConfig({\n displayName: \"CardSimpleSubtitleDesktop\",\n componentId: \"sc-47356eb5-3\"\n})([\n \"\",\n \" color:\",\n \";margin:0;padding:8px 0;text-align:center;\"\n], FontMixin({\n size: 'base',\n weight: 'regular',\n height: 'medium'\n}), ({ theme })=>theme.colors.white.base);\nconst CardSimpleFromDesktop = /*#__PURE__*/ styled.span.withConfig({\n displayName: \"CardSimpleFromDesktop\",\n componentId: \"sc-47356eb5-4\"\n})([\n \"\",\n \" color:\",\n \";\"\n], FontMixin({\n size: 'medium',\n weight: 'regular',\n height: 'small'\n}), ({ theme })=>theme.colors.white.base);\nconst CardSimplePriceDesktop = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"CardSimplePriceDesktop\",\n componentId: \"sc-47356eb5-5\"\n})([\n \"& > .price{\",\n \" color:\",\n \";margin:0;}& > .currency{\",\n \" color:\",\n \";margin:0;}\"\n], FontMixin({\n size: 'largest',\n weight: 'medium',\n height: 'largest'\n}), ({ theme })=>theme.colors.white.base, FontMixin({\n size: 'larger',\n weight: 'medium',\n height: 'medium'\n}), ({ theme })=>theme.colors.white.base);\n\nexport { CardSimpleContentDesktop, CardSimpleFromDesktop, CardSimplePriceDesktop, CardSimpleSubtitleDesktop, CardSimpleTitleDesktop, CardSimpleWrapperDesktop };\n","import { jsxs, jsx, Fragment } from 'react/jsx-runtime';\nimport Image from '@babylon/ui-kit-base/components/multimedia/image';\nimport contextBabylon from '@babylon/ui-kit-context';\nimport { getCurrencySymbol } from '@babylon/ui-kit-helpers/currency';\nimport { nullsToUndefined } from '@babylon/ui-kit-helpers/null';\nimport { useContext } from 'react';\nimport { CARD_SIMPLE_CONSTANTS } from '../../constants.mjs';\nimport { CardSimpleWrapperDesktop, CardSimpleContentDesktop, CardSimpleTitleDesktop, CardSimpleSubtitleDesktop, CardSimpleFromDesktop, CardSimplePriceDesktop } from './styled.mjs';\n\nconst CardSimpleDesktop = ({ title = '', subtitle, price, image, link, config, height, className, titleTag = 'h3' })=>{\n const { Currency } = useContext(contextBabylon);\n const { alternative } = image ?? {};\n return /*#__PURE__*/ jsxs(CardSimpleWrapperDesktop, {\n \"data-testid\": \"CardSimpleDesktop\",\n $height: height,\n className: className,\n children: [\n /*#__PURE__*/ jsx(Image, {\n resize: {\n width: 350,\n height: 250,\n quality: 85\n },\n ...image,\n alternative: alternative ? alternative : CARD_SIMPLE_CONSTANTS.DEFAULT_IMAGE\n }),\n /*#__PURE__*/ jsxs(CardSimpleContentDesktop, {\n ...nullsToUndefined(link),\n children: [\n title && /*#__PURE__*/ jsx(CardSimpleTitleDesktop, {\n content: title,\n tag: titleTag\n }),\n subtitle && /*#__PURE__*/ jsx(CardSimpleSubtitleDesktop, {\n content: subtitle\n }),\n !!price && /*#__PURE__*/ jsxs(Fragment, {\n children: [\n /*#__PURE__*/ jsx(CardSimpleFromDesktop, {\n children: config?.literals?.from\n }),\n /*#__PURE__*/ jsxs(CardSimplePriceDesktop, {\n children: [\n /*#__PURE__*/ jsx(\"span\", {\n className: \"price\",\n children: Math.floor(price)\n }),\n /*#__PURE__*/ jsx(\"span\", {\n className: \"currency\",\n children: getCurrencySymbol(Currency)\n })\n ]\n })\n ]\n })\n ]\n })\n ]\n });\n};\n\nexport { CardSimpleDesktop as default };\n","import InnerMarkdownHTML from '@babylon/ui-kit-base/components/text/inner-markdown-HTML';\nimport { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport styled from 'styled-components';\n\nconst CardSimpleWrapperMobile = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"CardSimpleWrapperMobile\",\n componentId: \"sc-371406c3-0\"\n})([\n \"position:relative;transition:all 0.2s cubic-bezier(0.25,0.8,0.25,0.1);width:100%;& > figure{height:fit-content;img{object-fit:cover;\",\n \";}}\"\n], ({ $height = '250px' })=>`height:${$height}`);\nconst CardSimpleContentMobile = /*#__PURE__*/ styled.a.withConfig({\n displayName: \"CardSimpleContentMobile\",\n componentId: \"sc-371406c3-1\"\n})([\n \"\",\n \" background-color:\",\n \";bottom:0;left:0;padding:12px;position:absolute;right:0;top:0;\"\n], FlexMixin({\n align: 'center',\n direction: 'column',\n justify: 'center'\n}), ({ theme })=>theme.colors.black.low);\nconst CardSimpleTitleMobile = /*#__PURE__*/ styled(InnerMarkdownHTML).withConfig({\n displayName: \"CardSimpleTitleMobile\",\n componentId: \"sc-371406c3-2\"\n})([\n \"\",\n \" color:\",\n \";margin:0;text-align:center;text-transform:uppercase;padding:4px 8px;border:1px solid \",\n \";border-radius:4px;margin-bottom:8px;\"\n], FontMixin({\n size: 'medium',\n weight: 'medium',\n height: 'large'\n}), ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.white.base);\nconst CardSimpleSubtitleMobile = /*#__PURE__*/ styled(InnerMarkdownHTML).withConfig({\n displayName: \"CardSimpleSubtitleMobile\",\n componentId: \"sc-371406c3-3\"\n})([\n \"\",\n \" color:\",\n \";margin:0;padding:8px 0;text-align:center;\"\n], FontMixin({\n size: 'medium',\n weight: 'light',\n height: 'medium'\n}), ({ theme })=>theme.colors.white.base);\nconst CardSimpleFromMobile = /*#__PURE__*/ styled.span.withConfig({\n displayName: \"CardSimpleFromMobile\",\n componentId: \"sc-371406c3-4\"\n})([\n \"\",\n \" color:\",\n \";\"\n], FontMixin({\n size: 'medium',\n weight: 'regular',\n height: 'small'\n}), ({ theme })=>theme.colors.white.base);\nconst CardSimplePriceMobile = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"CardSimplePriceMobile\",\n componentId: \"sc-371406c3-5\"\n})([\n \"& > .price{\",\n \" color:\",\n \";margin:0;}& > .currency{\",\n \" color:\",\n \";margin:0;}\"\n], FontMixin({\n size: 'larger',\n weight: 'medium',\n height: 'largest'\n}), ({ theme })=>theme.colors.white.base, FontMixin({\n size: 'larger',\n weight: 'medium',\n height: 'medium'\n}), ({ theme })=>theme.colors.white.base);\n\nexport { CardSimpleContentMobile, CardSimpleFromMobile, CardSimplePriceMobile, CardSimpleSubtitleMobile, CardSimpleTitleMobile, CardSimpleWrapperMobile };\n","import { jsxs, jsx, Fragment } from 'react/jsx-runtime';\nimport Image from '@babylon/ui-kit-base/components/multimedia/image';\nimport contextBabylon from '@babylon/ui-kit-context';\nimport { getCurrencySymbol } from '@babylon/ui-kit-helpers/currency';\nimport { nullsToUndefined } from '@babylon/ui-kit-helpers/null';\nimport { useContext } from 'react';\nimport { CARD_SIMPLE_CONSTANTS } from '../../constants.mjs';\nimport { CardSimpleWrapperMobile, CardSimpleContentMobile, CardSimpleTitleMobile, CardSimpleSubtitleMobile, CardSimpleFromMobile, CardSimplePriceMobile } from './styled.mjs';\n\nconst CardSimpleMobile = ({ title = '', subtitle, price, image, link, config, height, width, className, titleTag = 'h3' })=>{\n const { Currency } = useContext(contextBabylon);\n const { alternative } = image ?? {};\n return /*#__PURE__*/ jsxs(CardSimpleWrapperMobile, {\n \"data-testid\": \"CardSimpleMobile\",\n $height: height,\n $width: width,\n className: className,\n children: [\n /*#__PURE__*/ jsx(Image, {\n ...image,\n alternative: alternative ? alternative : CARD_SIMPLE_CONSTANTS.DEFAULT_IMAGE\n }),\n /*#__PURE__*/ jsxs(CardSimpleContentMobile, {\n ...nullsToUndefined(link),\n children: [\n title && /*#__PURE__*/ jsx(CardSimpleTitleMobile, {\n content: title,\n tag: titleTag\n }),\n subtitle && /*#__PURE__*/ jsx(CardSimpleSubtitleMobile, {\n content: subtitle\n }),\n !!price && /*#__PURE__*/ jsxs(Fragment, {\n children: [\n /*#__PURE__*/ jsx(CardSimpleFromMobile, {\n children: config?.literals?.from\n }),\n /*#__PURE__*/ jsxs(CardSimplePriceMobile, {\n children: [\n /*#__PURE__*/ jsx(\"span\", {\n className: \"price\",\n children: price\n }),\n /*#__PURE__*/ jsx(\"span\", {\n className: \"currency\",\n children: getCurrencySymbol(Currency)\n })\n ]\n })\n ]\n })\n ]\n })\n ]\n });\n};\n\nexport { CardSimpleMobile as default };\n","import { generateViewsComponent } from '@babylon/ui-kit-helpers/views';\nimport CardSimpleDesktop from './views/desktop/index.mjs';\nimport CardSimpleMobile from './views/mobile/index.mjs';\n\nconst CardSimple = generateViewsComponent(CardSimpleDesktop, CardSimpleMobile);\n\nexport { CardSimple as default };\n","/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n var type = typeof value;\n return value != null && (type == 'object' || type == 'function');\n}\n\nmodule.exports = isObject;\n","/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\nmodule.exports = freeGlobal;\n","var freeGlobal = require('./_freeGlobal');\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\nmodule.exports = root;\n","var root = require('./_root');\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n * console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function() {\n return root.Date.now();\n};\n\nmodule.exports = now;\n","/** Used to match a single whitespace character. */\nvar reWhitespace = /\\s/;\n\n/**\n * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace\n * character of `string`.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {number} Returns the index of the last non-whitespace character.\n */\nfunction trimmedEndIndex(string) {\n var index = string.length;\n\n while (index-- && reWhitespace.test(string.charAt(index))) {}\n return index;\n}\n\nmodule.exports = trimmedEndIndex;\n","var trimmedEndIndex = require('./_trimmedEndIndex');\n\n/** Used to match leading whitespace. */\nvar reTrimStart = /^\\s+/;\n\n/**\n * The base implementation of `_.trim`.\n *\n * @private\n * @param {string} string The string to trim.\n * @returns {string} Returns the trimmed string.\n */\nfunction baseTrim(string) {\n return string\n ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '')\n : string;\n}\n\nmodule.exports = baseTrim;\n","var root = require('./_root');\n\n/** Built-in value references. */\nvar Symbol = root.Symbol;\n\nmodule.exports = Symbol;\n","var Symbol = require('./_Symbol');\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the raw `toStringTag`.\n */\nfunction getRawTag(value) {\n var isOwn = hasOwnProperty.call(value, symToStringTag),\n tag = value[symToStringTag];\n\n try {\n value[symToStringTag] = undefined;\n var unmasked = true;\n } catch (e) {}\n\n var result = nativeObjectToString.call(value);\n if (unmasked) {\n if (isOwn) {\n value[symToStringTag] = tag;\n } else {\n delete value[symToStringTag];\n }\n }\n return result;\n}\n\nmodule.exports = getRawTag;\n","/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/**\n * Converts `value` to a string using `Object.prototype.toString`.\n *\n * @private\n * @param {*} value The value to convert.\n * @returns {string} Returns the converted string.\n */\nfunction objectToString(value) {\n return nativeObjectToString.call(value);\n}\n\nmodule.exports = objectToString;\n","var Symbol = require('./_Symbol'),\n getRawTag = require('./_getRawTag'),\n objectToString = require('./_objectToString');\n\n/** `Object#toString` result references. */\nvar nullTag = '[object Null]',\n undefinedTag = '[object Undefined]';\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * The base implementation of `getTag` without fallbacks for buggy environments.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\nfunction baseGetTag(value) {\n if (value == null) {\n return value === undefined ? undefinedTag : nullTag;\n }\n return (symToStringTag && symToStringTag in Object(value))\n ? getRawTag(value)\n : objectToString(value);\n}\n\nmodule.exports = baseGetTag;\n","/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n return value != null && typeof value == 'object';\n}\n\nmodule.exports = isObjectLike;\n","var baseGetTag = require('./_baseGetTag'),\n isObjectLike = require('./isObjectLike');\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n return typeof value == 'symbol' ||\n (isObjectLike(value) && baseGetTag(value) == symbolTag);\n}\n\nmodule.exports = isSymbol;\n","var baseTrim = require('./_baseTrim'),\n isObject = require('./isObject'),\n isSymbol = require('./isSymbol');\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n if (typeof value == 'number') {\n return value;\n }\n if (isSymbol(value)) {\n return NAN;\n }\n if (isObject(value)) {\n var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n value = isObject(other) ? (other + '') : other;\n }\n if (typeof value != 'string') {\n return value === 0 ? value : +value;\n }\n value = baseTrim(value);\n var isBinary = reIsBinary.test(value);\n return (isBinary || reIsOctal.test(value))\n ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nmodule.exports = toNumber;\n","var isObject = require('./isObject'),\n now = require('./now'),\n toNumber = require('./toNumber');\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n nativeMin = Math.min;\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n * Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n * The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n * 'leading': true,\n * 'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n var lastArgs,\n lastThis,\n maxWait,\n result,\n timerId,\n lastCallTime,\n lastInvokeTime = 0,\n leading = false,\n maxing = false,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n wait = toNumber(wait) || 0;\n if (isObject(options)) {\n leading = !!options.leading;\n maxing = 'maxWait' in options;\n maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n\n function invokeFunc(time) {\n var args = lastArgs,\n thisArg = lastThis;\n\n lastArgs = lastThis = undefined;\n lastInvokeTime = time;\n result = func.apply(thisArg, args);\n return result;\n }\n\n function leadingEdge(time) {\n // Reset any `maxWait` timer.\n lastInvokeTime = time;\n // Start the timer for the trailing edge.\n timerId = setTimeout(timerExpired, wait);\n // Invoke the leading edge.\n return leading ? invokeFunc(time) : result;\n }\n\n function remainingWait(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime,\n timeWaiting = wait - timeSinceLastCall;\n\n return maxing\n ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)\n : timeWaiting;\n }\n\n function shouldInvoke(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime;\n\n // Either this is the first call, activity has stopped and we're at the\n // trailing edge, the system time has gone backwards and we're treating\n // it as the trailing edge, or we've hit the `maxWait` limit.\n return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||\n (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));\n }\n\n function timerExpired() {\n var time = now();\n if (shouldInvoke(time)) {\n return trailingEdge(time);\n }\n // Restart the timer.\n timerId = setTimeout(timerExpired, remainingWait(time));\n }\n\n function trailingEdge(time) {\n timerId = undefined;\n\n // Only invoke if we have `lastArgs` which means `func` has been\n // debounced at least once.\n if (trailing && lastArgs) {\n return invokeFunc(time);\n }\n lastArgs = lastThis = undefined;\n return result;\n }\n\n function cancel() {\n if (timerId !== undefined) {\n clearTimeout(timerId);\n }\n lastInvokeTime = 0;\n lastArgs = lastCallTime = lastThis = timerId = undefined;\n }\n\n function flush() {\n return timerId === undefined ? result : trailingEdge(now());\n }\n\n function debounced() {\n var time = now(),\n isInvoking = shouldInvoke(time);\n\n lastArgs = arguments;\n lastThis = this;\n lastCallTime = time;\n\n if (isInvoking) {\n if (timerId === undefined) {\n return leadingEdge(lastCallTime);\n }\n if (maxing) {\n // Handle invocations in a tight loop.\n clearTimeout(timerId);\n timerId = setTimeout(timerExpired, wait);\n return invokeFunc(lastCallTime);\n }\n }\n if (timerId === undefined) {\n timerId = setTimeout(timerExpired, wait);\n }\n return result;\n }\n debounced.cancel = cancel;\n debounced.flush = flush;\n return debounced;\n}\n\nmodule.exports = debounce;\n","import _debounce from 'lodash/debounce';\nimport { useState, useCallback, useRef, useEffect } from 'react';\nimport { useIsomorphicLayoutEffect } from 'usehooks-ts';\n\nfunction useDebouncedWindowSize(options) {\n const { delay = 100, active = true } = options ?? {};\n const [windowSize, setWindowSize] = useState({\n width: 0,\n height: 0\n });\n const handleSize = useCallback(()=>{\n setWindowSize({\n width: window.innerWidth,\n height: window.innerHeight\n });\n }, []);\n const debouncedHandleSize = useRef(_debounce(handleSize, delay)).current;\n const savedHandler = useRef(debouncedHandleSize);\n useIsomorphicLayoutEffect(()=>{\n savedHandler.current = debouncedHandleSize;\n }, [\n debouncedHandleSize\n ]);\n useEffect(()=>{\n const listener = ()=>savedHandler.current();\n if (active) {\n window.addEventListener('resize', listener);\n }\n return ()=>{\n window.removeEventListener('resize', listener);\n };\n }, [\n active\n ]);\n useIsomorphicLayoutEffect(()=>{\n handleSize();\n }, [\n handleSize\n ]);\n return windowSize;\n}\n\nexport { useDebouncedWindowSize as default };\n","function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\n\n/*!\n * Splide.js\n * Version : 4.1.4\n * License : MIT\n * Copyright: 2022 Naotoshi Fujita\n */\nvar MEDIA_PREFERS_REDUCED_MOTION = \"(prefers-reduced-motion: reduce)\";\nvar CREATED = 1;\nvar MOUNTED = 2;\nvar IDLE = 3;\nvar MOVING = 4;\nvar SCROLLING = 5;\nvar DRAGGING = 6;\nvar DESTROYED = 7;\nvar STATES = {\n CREATED: CREATED,\n MOUNTED: MOUNTED,\n IDLE: IDLE,\n MOVING: MOVING,\n SCROLLING: SCROLLING,\n DRAGGING: DRAGGING,\n DESTROYED: DESTROYED\n};\n\nfunction empty(array) {\n array.length = 0;\n}\n\nfunction slice(arrayLike, start, end) {\n return Array.prototype.slice.call(arrayLike, start, end);\n}\n\nfunction apply(func) {\n return func.bind.apply(func, [null].concat(slice(arguments, 1)));\n}\n\nvar nextTick = setTimeout;\n\nvar noop = function noop() {};\n\nfunction raf(func) {\n return requestAnimationFrame(func);\n}\n\nfunction typeOf(type, subject) {\n return typeof subject === type;\n}\n\nfunction isObject(subject) {\n return !isNull(subject) && typeOf(\"object\", subject);\n}\n\nvar isArray = Array.isArray;\nvar isFunction = apply(typeOf, \"function\");\nvar isString = apply(typeOf, \"string\");\nvar isUndefined = apply(typeOf, \"undefined\");\n\nfunction isNull(subject) {\n return subject === null;\n}\n\nfunction isHTMLElement(subject) {\n try {\n return subject instanceof (subject.ownerDocument.defaultView || window).HTMLElement;\n } catch (e) {\n return false;\n }\n}\n\nfunction toArray(value) {\n return isArray(value) ? value : [value];\n}\n\nfunction forEach(values, iteratee) {\n toArray(values).forEach(iteratee);\n}\n\nfunction includes(array, value) {\n return array.indexOf(value) > -1;\n}\n\nfunction push(array, items) {\n array.push.apply(array, toArray(items));\n return array;\n}\n\nfunction toggleClass(elm, classes, add) {\n if (elm) {\n forEach(classes, function (name) {\n if (name) {\n elm.classList[add ? \"add\" : \"remove\"](name);\n }\n });\n }\n}\n\nfunction addClass(elm, classes) {\n toggleClass(elm, isString(classes) ? classes.split(\" \") : classes, true);\n}\n\nfunction append(parent, children) {\n forEach(children, parent.appendChild.bind(parent));\n}\n\nfunction before(nodes, ref) {\n forEach(nodes, function (node) {\n var parent = (ref || node).parentNode;\n\n if (parent) {\n parent.insertBefore(node, ref);\n }\n });\n}\n\nfunction matches(elm, selector) {\n return isHTMLElement(elm) && (elm[\"msMatchesSelector\"] || elm.matches).call(elm, selector);\n}\n\nfunction children(parent, selector) {\n var children2 = parent ? slice(parent.children) : [];\n return selector ? children2.filter(function (child) {\n return matches(child, selector);\n }) : children2;\n}\n\nfunction child(parent, selector) {\n return selector ? children(parent, selector)[0] : parent.firstElementChild;\n}\n\nvar ownKeys = Object.keys;\n\nfunction forOwn(object, iteratee, right) {\n if (object) {\n (right ? ownKeys(object).reverse() : ownKeys(object)).forEach(function (key) {\n key !== \"__proto__\" && iteratee(object[key], key);\n });\n }\n\n return object;\n}\n\nfunction assign(object) {\n slice(arguments, 1).forEach(function (source) {\n forOwn(source, function (value, key) {\n object[key] = source[key];\n });\n });\n return object;\n}\n\nfunction merge(object) {\n slice(arguments, 1).forEach(function (source) {\n forOwn(source, function (value, key) {\n if (isArray(value)) {\n object[key] = value.slice();\n } else if (isObject(value)) {\n object[key] = merge({}, isObject(object[key]) ? object[key] : {}, value);\n } else {\n object[key] = value;\n }\n });\n });\n return object;\n}\n\nfunction omit(object, keys) {\n forEach(keys || ownKeys(object), function (key) {\n delete object[key];\n });\n}\n\nfunction removeAttribute(elms, attrs) {\n forEach(elms, function (elm) {\n forEach(attrs, function (attr) {\n elm && elm.removeAttribute(attr);\n });\n });\n}\n\nfunction setAttribute(elms, attrs, value) {\n if (isObject(attrs)) {\n forOwn(attrs, function (value2, name) {\n setAttribute(elms, name, value2);\n });\n } else {\n forEach(elms, function (elm) {\n isNull(value) || value === \"\" ? removeAttribute(elm, attrs) : elm.setAttribute(attrs, String(value));\n });\n }\n}\n\nfunction create(tag, attrs, parent) {\n var elm = document.createElement(tag);\n\n if (attrs) {\n isString(attrs) ? addClass(elm, attrs) : setAttribute(elm, attrs);\n }\n\n parent && append(parent, elm);\n return elm;\n}\n\nfunction style(elm, prop, value) {\n if (isUndefined(value)) {\n return getComputedStyle(elm)[prop];\n }\n\n if (!isNull(value)) {\n elm.style[prop] = \"\" + value;\n }\n}\n\nfunction display(elm, display2) {\n style(elm, \"display\", display2);\n}\n\nfunction focus(elm) {\n elm[\"setActive\"] && elm[\"setActive\"]() || elm.focus({\n preventScroll: true\n });\n}\n\nfunction getAttribute(elm, attr) {\n return elm.getAttribute(attr);\n}\n\nfunction hasClass(elm, className) {\n return elm && elm.classList.contains(className);\n}\n\nfunction rect(target) {\n return target.getBoundingClientRect();\n}\n\nfunction remove(nodes) {\n forEach(nodes, function (node) {\n if (node && node.parentNode) {\n node.parentNode.removeChild(node);\n }\n });\n}\n\nfunction parseHtml(html) {\n return child(new DOMParser().parseFromString(html, \"text/html\").body);\n}\n\nfunction prevent(e, stopPropagation) {\n e.preventDefault();\n\n if (stopPropagation) {\n e.stopPropagation();\n e.stopImmediatePropagation();\n }\n}\n\nfunction query(parent, selector) {\n return parent && parent.querySelector(selector);\n}\n\nfunction queryAll(parent, selector) {\n return selector ? slice(parent.querySelectorAll(selector)) : [];\n}\n\nfunction removeClass(elm, classes) {\n toggleClass(elm, classes, false);\n}\n\nfunction timeOf(e) {\n return e.timeStamp;\n}\n\nfunction unit(value) {\n return isString(value) ? value : value ? value + \"px\" : \"\";\n}\n\nvar PROJECT_CODE = \"splide\";\nvar DATA_ATTRIBUTE = \"data-\" + PROJECT_CODE;\n\nfunction assert(condition, message) {\n if (!condition) {\n throw new Error(\"[\" + PROJECT_CODE + \"] \" + (message || \"\"));\n }\n}\n\nvar min = Math.min,\n max = Math.max,\n floor = Math.floor,\n ceil = Math.ceil,\n abs = Math.abs;\n\nfunction approximatelyEqual(x, y, epsilon) {\n return abs(x - y) < epsilon;\n}\n\nfunction between(number, x, y, exclusive) {\n var minimum = min(x, y);\n var maximum = max(x, y);\n return exclusive ? minimum < number && number < maximum : minimum <= number && number <= maximum;\n}\n\nfunction clamp(number, x, y) {\n var minimum = min(x, y);\n var maximum = max(x, y);\n return min(max(minimum, number), maximum);\n}\n\nfunction sign(x) {\n return +(x > 0) - +(x < 0);\n}\n\nfunction camelToKebab(string) {\n return string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\n}\n\nfunction format(string, replacements) {\n forEach(replacements, function (replacement) {\n string = string.replace(\"%s\", \"\" + replacement);\n });\n return string;\n}\n\nfunction pad(number) {\n return number < 10 ? \"0\" + number : \"\" + number;\n}\n\nvar ids = {};\n\nfunction uniqueId(prefix) {\n return \"\" + prefix + pad(ids[prefix] = (ids[prefix] || 0) + 1);\n}\n\nfunction EventBinder() {\n var listeners = [];\n\n function bind(targets, events, callback, options) {\n forEachEvent(targets, events, function (target, event, namespace) {\n var isEventTarget = (\"addEventListener\" in target);\n var remover = isEventTarget ? target.removeEventListener.bind(target, event, callback, options) : target[\"removeListener\"].bind(target, callback);\n isEventTarget ? target.addEventListener(event, callback, options) : target[\"addListener\"](callback);\n listeners.push([target, event, namespace, callback, remover]);\n });\n }\n\n function unbind(targets, events, callback) {\n forEachEvent(targets, events, function (target, event, namespace) {\n listeners = listeners.filter(function (listener) {\n if (listener[0] === target && listener[1] === event && listener[2] === namespace && (!callback || listener[3] === callback)) {\n listener[4]();\n return false;\n }\n\n return true;\n });\n });\n }\n\n function dispatch(target, type, detail) {\n var e;\n var bubbles = true;\n\n if (typeof CustomEvent === \"function\") {\n e = new CustomEvent(type, {\n bubbles: bubbles,\n detail: detail\n });\n } else {\n e = document.createEvent(\"CustomEvent\");\n e.initCustomEvent(type, bubbles, false, detail);\n }\n\n target.dispatchEvent(e);\n return e;\n }\n\n function forEachEvent(targets, events, iteratee) {\n forEach(targets, function (target) {\n target && forEach(events, function (events2) {\n events2.split(\" \").forEach(function (eventNS) {\n var fragment = eventNS.split(\".\");\n iteratee(target, fragment[0], fragment[1]);\n });\n });\n });\n }\n\n function destroy() {\n listeners.forEach(function (data) {\n data[4]();\n });\n empty(listeners);\n }\n\n return {\n bind: bind,\n unbind: unbind,\n dispatch: dispatch,\n destroy: destroy\n };\n}\n\nvar EVENT_MOUNTED = \"mounted\";\nvar EVENT_READY = \"ready\";\nvar EVENT_MOVE = \"move\";\nvar EVENT_MOVED = \"moved\";\nvar EVENT_CLICK = \"click\";\nvar EVENT_ACTIVE = \"active\";\nvar EVENT_INACTIVE = \"inactive\";\nvar EVENT_VISIBLE = \"visible\";\nvar EVENT_HIDDEN = \"hidden\";\nvar EVENT_REFRESH = \"refresh\";\nvar EVENT_UPDATED = \"updated\";\nvar EVENT_RESIZE = \"resize\";\nvar EVENT_RESIZED = \"resized\";\nvar EVENT_DRAG = \"drag\";\nvar EVENT_DRAGGING = \"dragging\";\nvar EVENT_DRAGGED = \"dragged\";\nvar EVENT_SCROLL = \"scroll\";\nvar EVENT_SCROLLED = \"scrolled\";\nvar EVENT_OVERFLOW = \"overflow\";\nvar EVENT_DESTROY = \"destroy\";\nvar EVENT_ARROWS_MOUNTED = \"arrows:mounted\";\nvar EVENT_ARROWS_UPDATED = \"arrows:updated\";\nvar EVENT_PAGINATION_MOUNTED = \"pagination:mounted\";\nvar EVENT_PAGINATION_UPDATED = \"pagination:updated\";\nvar EVENT_NAVIGATION_MOUNTED = \"navigation:mounted\";\nvar EVENT_AUTOPLAY_PLAY = \"autoplay:play\";\nvar EVENT_AUTOPLAY_PLAYING = \"autoplay:playing\";\nvar EVENT_AUTOPLAY_PAUSE = \"autoplay:pause\";\nvar EVENT_LAZYLOAD_LOADED = \"lazyload:loaded\";\nvar EVENT_SLIDE_KEYDOWN = \"sk\";\nvar EVENT_SHIFTED = \"sh\";\nvar EVENT_END_INDEX_CHANGED = \"ei\";\n\nfunction EventInterface(Splide2) {\n var bus = Splide2 ? Splide2.event.bus : document.createDocumentFragment();\n var binder = EventBinder();\n\n function on(events, callback) {\n binder.bind(bus, toArray(events).join(\" \"), function (e) {\n callback.apply(callback, isArray(e.detail) ? e.detail : []);\n });\n }\n\n function emit(event) {\n binder.dispatch(bus, event, slice(arguments, 1));\n }\n\n if (Splide2) {\n Splide2.event.on(EVENT_DESTROY, binder.destroy);\n }\n\n return assign(binder, {\n bus: bus,\n on: on,\n off: apply(binder.unbind, bus),\n emit: emit\n });\n}\n\nfunction RequestInterval(interval, onInterval, onUpdate, limit) {\n var now = Date.now;\n var startTime;\n var rate = 0;\n var id;\n var paused = true;\n var count = 0;\n\n function update() {\n if (!paused) {\n rate = interval ? min((now() - startTime) / interval, 1) : 1;\n onUpdate && onUpdate(rate);\n\n if (rate >= 1) {\n onInterval();\n startTime = now();\n\n if (limit && ++count >= limit) {\n return pause();\n }\n }\n\n id = raf(update);\n }\n }\n\n function start(resume) {\n resume || cancel();\n startTime = now() - (resume ? rate * interval : 0);\n paused = false;\n id = raf(update);\n }\n\n function pause() {\n paused = true;\n }\n\n function rewind() {\n startTime = now();\n rate = 0;\n\n if (onUpdate) {\n onUpdate(rate);\n }\n }\n\n function cancel() {\n id && cancelAnimationFrame(id);\n rate = 0;\n id = 0;\n paused = true;\n }\n\n function set(time) {\n interval = time;\n }\n\n function isPaused() {\n return paused;\n }\n\n return {\n start: start,\n rewind: rewind,\n pause: pause,\n cancel: cancel,\n set: set,\n isPaused: isPaused\n };\n}\n\nfunction State(initialState) {\n var state = initialState;\n\n function set(value) {\n state = value;\n }\n\n function is(states) {\n return includes(toArray(states), state);\n }\n\n return {\n set: set,\n is: is\n };\n}\n\nfunction Throttle(func, duration) {\n var interval = RequestInterval(duration || 0, func, null, 1);\n return function () {\n interval.isPaused() && interval.start();\n };\n}\n\nfunction Media(Splide2, Components2, options) {\n var state = Splide2.state;\n var breakpoints = options.breakpoints || {};\n var reducedMotion = options.reducedMotion || {};\n var binder = EventBinder();\n var queries = [];\n\n function setup() {\n var isMin = options.mediaQuery === \"min\";\n ownKeys(breakpoints).sort(function (n, m) {\n return isMin ? +n - +m : +m - +n;\n }).forEach(function (key) {\n register(breakpoints[key], \"(\" + (isMin ? \"min\" : \"max\") + \"-width:\" + key + \"px)\");\n });\n register(reducedMotion, MEDIA_PREFERS_REDUCED_MOTION);\n update();\n }\n\n function destroy(completely) {\n if (completely) {\n binder.destroy();\n }\n }\n\n function register(options2, query) {\n var queryList = matchMedia(query);\n binder.bind(queryList, \"change\", update);\n queries.push([options2, queryList]);\n }\n\n function update() {\n var destroyed = state.is(DESTROYED);\n var direction = options.direction;\n var merged = queries.reduce(function (merged2, entry) {\n return merge(merged2, entry[1].matches ? entry[0] : {});\n }, {});\n omit(options);\n set(merged);\n\n if (options.destroy) {\n Splide2.destroy(options.destroy === \"completely\");\n } else if (destroyed) {\n destroy(true);\n Splide2.mount();\n } else {\n direction !== options.direction && Splide2.refresh();\n }\n }\n\n function reduce(enable) {\n if (matchMedia(MEDIA_PREFERS_REDUCED_MOTION).matches) {\n enable ? merge(options, reducedMotion) : omit(options, ownKeys(reducedMotion));\n }\n }\n\n function set(opts, base, notify) {\n merge(options, opts);\n base && merge(Object.getPrototypeOf(options), opts);\n\n if (notify || !state.is(CREATED)) {\n Splide2.emit(EVENT_UPDATED, options);\n }\n }\n\n return {\n setup: setup,\n destroy: destroy,\n reduce: reduce,\n set: set\n };\n}\n\nvar ARROW = \"Arrow\";\nvar ARROW_LEFT = ARROW + \"Left\";\nvar ARROW_RIGHT = ARROW + \"Right\";\nvar ARROW_UP = ARROW + \"Up\";\nvar ARROW_DOWN = ARROW + \"Down\";\nvar LTR = \"ltr\";\nvar RTL = \"rtl\";\nvar TTB = \"ttb\";\nvar ORIENTATION_MAP = {\n width: [\"height\"],\n left: [\"top\", \"right\"],\n right: [\"bottom\", \"left\"],\n x: [\"y\"],\n X: [\"Y\"],\n Y: [\"X\"],\n ArrowLeft: [ARROW_UP, ARROW_RIGHT],\n ArrowRight: [ARROW_DOWN, ARROW_LEFT]\n};\n\nfunction Direction(Splide2, Components2, options) {\n function resolve(prop, axisOnly, direction) {\n direction = direction || options.direction;\n var index = direction === RTL && !axisOnly ? 1 : direction === TTB ? 0 : -1;\n return ORIENTATION_MAP[prop] && ORIENTATION_MAP[prop][index] || prop.replace(/width|left|right/i, function (match, offset) {\n var replacement = ORIENTATION_MAP[match.toLowerCase()][index] || match;\n return offset > 0 ? replacement.charAt(0).toUpperCase() + replacement.slice(1) : replacement;\n });\n }\n\n function orient(value) {\n return value * (options.direction === RTL ? 1 : -1);\n }\n\n return {\n resolve: resolve,\n orient: orient\n };\n}\n\nvar ROLE = \"role\";\nvar TAB_INDEX = \"tabindex\";\nvar DISABLED = \"disabled\";\nvar ARIA_PREFIX = \"aria-\";\nvar ARIA_CONTROLS = ARIA_PREFIX + \"controls\";\nvar ARIA_CURRENT = ARIA_PREFIX + \"current\";\nvar ARIA_SELECTED = ARIA_PREFIX + \"selected\";\nvar ARIA_LABEL = ARIA_PREFIX + \"label\";\nvar ARIA_LABELLEDBY = ARIA_PREFIX + \"labelledby\";\nvar ARIA_HIDDEN = ARIA_PREFIX + \"hidden\";\nvar ARIA_ORIENTATION = ARIA_PREFIX + \"orientation\";\nvar ARIA_ROLEDESCRIPTION = ARIA_PREFIX + \"roledescription\";\nvar ARIA_LIVE = ARIA_PREFIX + \"live\";\nvar ARIA_BUSY = ARIA_PREFIX + \"busy\";\nvar ARIA_ATOMIC = ARIA_PREFIX + \"atomic\";\nvar ALL_ATTRIBUTES = [ROLE, TAB_INDEX, DISABLED, ARIA_CONTROLS, ARIA_CURRENT, ARIA_LABEL, ARIA_LABELLEDBY, ARIA_HIDDEN, ARIA_ORIENTATION, ARIA_ROLEDESCRIPTION];\nvar CLASS_PREFIX = PROJECT_CODE + \"__\";\nvar STATUS_CLASS_PREFIX = \"is-\";\nvar CLASS_ROOT = PROJECT_CODE;\nvar CLASS_TRACK = CLASS_PREFIX + \"track\";\nvar CLASS_LIST = CLASS_PREFIX + \"list\";\nvar CLASS_SLIDE = CLASS_PREFIX + \"slide\";\nvar CLASS_CLONE = CLASS_SLIDE + \"--clone\";\nvar CLASS_CONTAINER = CLASS_SLIDE + \"__container\";\nvar CLASS_ARROWS = CLASS_PREFIX + \"arrows\";\nvar CLASS_ARROW = CLASS_PREFIX + \"arrow\";\nvar CLASS_ARROW_PREV = CLASS_ARROW + \"--prev\";\nvar CLASS_ARROW_NEXT = CLASS_ARROW + \"--next\";\nvar CLASS_PAGINATION = CLASS_PREFIX + \"pagination\";\nvar CLASS_PAGINATION_PAGE = CLASS_PAGINATION + \"__page\";\nvar CLASS_PROGRESS = CLASS_PREFIX + \"progress\";\nvar CLASS_PROGRESS_BAR = CLASS_PROGRESS + \"__bar\";\nvar CLASS_TOGGLE = CLASS_PREFIX + \"toggle\";\nvar CLASS_TOGGLE_PLAY = CLASS_TOGGLE + \"__play\";\nvar CLASS_TOGGLE_PAUSE = CLASS_TOGGLE + \"__pause\";\nvar CLASS_SPINNER = CLASS_PREFIX + \"spinner\";\nvar CLASS_SR = CLASS_PREFIX + \"sr\";\nvar CLASS_INITIALIZED = STATUS_CLASS_PREFIX + \"initialized\";\nvar CLASS_ACTIVE = STATUS_CLASS_PREFIX + \"active\";\nvar CLASS_PREV = STATUS_CLASS_PREFIX + \"prev\";\nvar CLASS_NEXT = STATUS_CLASS_PREFIX + \"next\";\nvar CLASS_VISIBLE = STATUS_CLASS_PREFIX + \"visible\";\nvar CLASS_LOADING = STATUS_CLASS_PREFIX + \"loading\";\nvar CLASS_FOCUS_IN = STATUS_CLASS_PREFIX + \"focus-in\";\nvar CLASS_OVERFLOW = STATUS_CLASS_PREFIX + \"overflow\";\nvar STATUS_CLASSES = [CLASS_ACTIVE, CLASS_VISIBLE, CLASS_PREV, CLASS_NEXT, CLASS_LOADING, CLASS_FOCUS_IN, CLASS_OVERFLOW];\nvar CLASSES = {\n slide: CLASS_SLIDE,\n clone: CLASS_CLONE,\n arrows: CLASS_ARROWS,\n arrow: CLASS_ARROW,\n prev: CLASS_ARROW_PREV,\n next: CLASS_ARROW_NEXT,\n pagination: CLASS_PAGINATION,\n page: CLASS_PAGINATION_PAGE,\n spinner: CLASS_SPINNER\n};\n\nfunction closest(from, selector) {\n if (isFunction(from.closest)) {\n return from.closest(selector);\n }\n\n var elm = from;\n\n while (elm && elm.nodeType === 1) {\n if (matches(elm, selector)) {\n break;\n }\n\n elm = elm.parentElement;\n }\n\n return elm;\n}\n\nvar FRICTION = 5;\nvar LOG_INTERVAL = 200;\nvar POINTER_DOWN_EVENTS = \"touchstart mousedown\";\nvar POINTER_MOVE_EVENTS = \"touchmove mousemove\";\nvar POINTER_UP_EVENTS = \"touchend touchcancel mouseup click\";\n\nfunction Elements(Splide2, Components2, options) {\n var _EventInterface = EventInterface(Splide2),\n on = _EventInterface.on,\n bind = _EventInterface.bind;\n\n var root = Splide2.root;\n var i18n = options.i18n;\n var elements = {};\n var slides = [];\n var rootClasses = [];\n var trackClasses = [];\n var track;\n var list;\n var isUsingKey;\n\n function setup() {\n collect();\n init();\n update();\n }\n\n function mount() {\n on(EVENT_REFRESH, destroy);\n on(EVENT_REFRESH, setup);\n on(EVENT_UPDATED, update);\n bind(document, POINTER_DOWN_EVENTS + \" keydown\", function (e) {\n isUsingKey = e.type === \"keydown\";\n }, {\n capture: true\n });\n bind(root, \"focusin\", function () {\n toggleClass(root, CLASS_FOCUS_IN, !!isUsingKey);\n });\n }\n\n function destroy(completely) {\n var attrs = ALL_ATTRIBUTES.concat(\"style\");\n empty(slides);\n removeClass(root, rootClasses);\n removeClass(track, trackClasses);\n removeAttribute([track, list], attrs);\n removeAttribute(root, completely ? attrs : [\"style\", ARIA_ROLEDESCRIPTION]);\n }\n\n function update() {\n removeClass(root, rootClasses);\n removeClass(track, trackClasses);\n rootClasses = getClasses(CLASS_ROOT);\n trackClasses = getClasses(CLASS_TRACK);\n addClass(root, rootClasses);\n addClass(track, trackClasses);\n setAttribute(root, ARIA_LABEL, options.label);\n setAttribute(root, ARIA_LABELLEDBY, options.labelledby);\n }\n\n function collect() {\n track = find(\".\" + CLASS_TRACK);\n list = child(track, \".\" + CLASS_LIST);\n assert(track && list, \"A track/list element is missing.\");\n push(slides, children(list, \".\" + CLASS_SLIDE + \":not(.\" + CLASS_CLONE + \")\"));\n forOwn({\n arrows: CLASS_ARROWS,\n pagination: CLASS_PAGINATION,\n prev: CLASS_ARROW_PREV,\n next: CLASS_ARROW_NEXT,\n bar: CLASS_PROGRESS_BAR,\n toggle: CLASS_TOGGLE\n }, function (className, key) {\n elements[key] = find(\".\" + className);\n });\n assign(elements, {\n root: root,\n track: track,\n list: list,\n slides: slides\n });\n }\n\n function init() {\n var id = root.id || uniqueId(PROJECT_CODE);\n var role = options.role;\n root.id = id;\n track.id = track.id || id + \"-track\";\n list.id = list.id || id + \"-list\";\n\n if (!getAttribute(root, ROLE) && root.tagName !== \"SECTION\" && role) {\n setAttribute(root, ROLE, role);\n }\n\n setAttribute(root, ARIA_ROLEDESCRIPTION, i18n.carousel);\n setAttribute(list, ROLE, \"presentation\");\n }\n\n function find(selector) {\n var elm = query(root, selector);\n return elm && closest(elm, \".\" + CLASS_ROOT) === root ? elm : void 0;\n }\n\n function getClasses(base) {\n return [base + \"--\" + options.type, base + \"--\" + options.direction, options.drag && base + \"--draggable\", options.isNavigation && base + \"--nav\", base === CLASS_ROOT && CLASS_ACTIVE];\n }\n\n return assign(elements, {\n setup: setup,\n mount: mount,\n destroy: destroy\n });\n}\n\nvar SLIDE = \"slide\";\nvar LOOP = \"loop\";\nvar FADE = \"fade\";\n\nfunction Slide$1(Splide2, index, slideIndex, slide) {\n var event = EventInterface(Splide2);\n var on = event.on,\n emit = event.emit,\n bind = event.bind;\n var Components = Splide2.Components,\n root = Splide2.root,\n options = Splide2.options;\n var isNavigation = options.isNavigation,\n updateOnMove = options.updateOnMove,\n i18n = options.i18n,\n pagination = options.pagination,\n slideFocus = options.slideFocus;\n var resolve = Components.Direction.resolve;\n var styles = getAttribute(slide, \"style\");\n var label = getAttribute(slide, ARIA_LABEL);\n var isClone = slideIndex > -1;\n var container = child(slide, \".\" + CLASS_CONTAINER);\n var destroyed;\n\n function mount() {\n if (!isClone) {\n slide.id = root.id + \"-slide\" + pad(index + 1);\n setAttribute(slide, ROLE, pagination ? \"tabpanel\" : \"group\");\n setAttribute(slide, ARIA_ROLEDESCRIPTION, i18n.slide);\n setAttribute(slide, ARIA_LABEL, label || format(i18n.slideLabel, [index + 1, Splide2.length]));\n }\n\n listen();\n }\n\n function listen() {\n bind(slide, \"click\", apply(emit, EVENT_CLICK, self));\n bind(slide, \"keydown\", apply(emit, EVENT_SLIDE_KEYDOWN, self));\n on([EVENT_MOVED, EVENT_SHIFTED, EVENT_SCROLLED], update);\n on(EVENT_NAVIGATION_MOUNTED, initNavigation);\n\n if (updateOnMove) {\n on(EVENT_MOVE, onMove);\n }\n }\n\n function destroy() {\n destroyed = true;\n event.destroy();\n removeClass(slide, STATUS_CLASSES);\n removeAttribute(slide, ALL_ATTRIBUTES);\n setAttribute(slide, \"style\", styles);\n setAttribute(slide, ARIA_LABEL, label || \"\");\n }\n\n function initNavigation() {\n var controls = Splide2.splides.map(function (target) {\n var Slide2 = target.splide.Components.Slides.getAt(index);\n return Slide2 ? Slide2.slide.id : \"\";\n }).join(\" \");\n setAttribute(slide, ARIA_LABEL, format(i18n.slideX, (isClone ? slideIndex : index) + 1));\n setAttribute(slide, ARIA_CONTROLS, controls);\n setAttribute(slide, ROLE, slideFocus ? \"button\" : \"\");\n slideFocus && removeAttribute(slide, ARIA_ROLEDESCRIPTION);\n }\n\n function onMove() {\n if (!destroyed) {\n update();\n }\n }\n\n function update() {\n if (!destroyed) {\n var curr = Splide2.index;\n updateActivity();\n updateVisibility();\n toggleClass(slide, CLASS_PREV, index === curr - 1);\n toggleClass(slide, CLASS_NEXT, index === curr + 1);\n }\n }\n\n function updateActivity() {\n var active = isActive();\n\n if (active !== hasClass(slide, CLASS_ACTIVE)) {\n toggleClass(slide, CLASS_ACTIVE, active);\n setAttribute(slide, ARIA_CURRENT, isNavigation && active || \"\");\n emit(active ? EVENT_ACTIVE : EVENT_INACTIVE, self);\n }\n }\n\n function updateVisibility() {\n var visible = isVisible();\n var hidden = !visible && (!isActive() || isClone);\n\n if (!Splide2.state.is([MOVING, SCROLLING])) {\n setAttribute(slide, ARIA_HIDDEN, hidden || \"\");\n }\n\n setAttribute(queryAll(slide, options.focusableNodes || \"\"), TAB_INDEX, hidden ? -1 : \"\");\n\n if (slideFocus) {\n setAttribute(slide, TAB_INDEX, hidden ? -1 : 0);\n }\n\n if (visible !== hasClass(slide, CLASS_VISIBLE)) {\n toggleClass(slide, CLASS_VISIBLE, visible);\n emit(visible ? EVENT_VISIBLE : EVENT_HIDDEN, self);\n }\n\n if (!visible && document.activeElement === slide) {\n var Slide2 = Components.Slides.getAt(Splide2.index);\n Slide2 && focus(Slide2.slide);\n }\n }\n\n function style$1(prop, value, useContainer) {\n style(useContainer && container || slide, prop, value);\n }\n\n function isActive() {\n var curr = Splide2.index;\n return curr === index || options.cloneStatus && curr === slideIndex;\n }\n\n function isVisible() {\n if (Splide2.is(FADE)) {\n return isActive();\n }\n\n var trackRect = rect(Components.Elements.track);\n var slideRect = rect(slide);\n var left = resolve(\"left\", true);\n var right = resolve(\"right\", true);\n return floor(trackRect[left]) <= ceil(slideRect[left]) && floor(slideRect[right]) <= ceil(trackRect[right]);\n }\n\n function isWithin(from, distance) {\n var diff = abs(from - index);\n\n if (!isClone && (options.rewind || Splide2.is(LOOP))) {\n diff = min(diff, Splide2.length - diff);\n }\n\n return diff <= distance;\n }\n\n var self = {\n index: index,\n slideIndex: slideIndex,\n slide: slide,\n container: container,\n isClone: isClone,\n mount: mount,\n destroy: destroy,\n update: update,\n style: style$1,\n isWithin: isWithin\n };\n return self;\n}\n\nfunction Slides(Splide2, Components2, options) {\n var _EventInterface2 = EventInterface(Splide2),\n on = _EventInterface2.on,\n emit = _EventInterface2.emit,\n bind = _EventInterface2.bind;\n\n var _Components2$Elements = Components2.Elements,\n slides = _Components2$Elements.slides,\n list = _Components2$Elements.list;\n var Slides2 = [];\n\n function mount() {\n init();\n on(EVENT_REFRESH, destroy);\n on(EVENT_REFRESH, init);\n }\n\n function init() {\n slides.forEach(function (slide, index) {\n register(slide, index, -1);\n });\n }\n\n function destroy() {\n forEach$1(function (Slide2) {\n Slide2.destroy();\n });\n empty(Slides2);\n }\n\n function update() {\n forEach$1(function (Slide2) {\n Slide2.update();\n });\n }\n\n function register(slide, index, slideIndex) {\n var object = Slide$1(Splide2, index, slideIndex, slide);\n object.mount();\n Slides2.push(object);\n Slides2.sort(function (Slide1, Slide2) {\n return Slide1.index - Slide2.index;\n });\n }\n\n function get(excludeClones) {\n return excludeClones ? filter(function (Slide2) {\n return !Slide2.isClone;\n }) : Slides2;\n }\n\n function getIn(page) {\n var Controller = Components2.Controller;\n var index = Controller.toIndex(page);\n var max = Controller.hasFocus() ? 1 : options.perPage;\n return filter(function (Slide2) {\n return between(Slide2.index, index, index + max - 1);\n });\n }\n\n function getAt(index) {\n return filter(index)[0];\n }\n\n function add(items, index) {\n forEach(items, function (slide) {\n if (isString(slide)) {\n slide = parseHtml(slide);\n }\n\n if (isHTMLElement(slide)) {\n var ref = slides[index];\n ref ? before(slide, ref) : append(list, slide);\n addClass(slide, options.classes.slide);\n observeImages(slide, apply(emit, EVENT_RESIZE));\n }\n });\n emit(EVENT_REFRESH);\n }\n\n function remove$1(matcher) {\n remove(filter(matcher).map(function (Slide2) {\n return Slide2.slide;\n }));\n emit(EVENT_REFRESH);\n }\n\n function forEach$1(iteratee, excludeClones) {\n get(excludeClones).forEach(iteratee);\n }\n\n function filter(matcher) {\n return Slides2.filter(isFunction(matcher) ? matcher : function (Slide2) {\n return isString(matcher) ? matches(Slide2.slide, matcher) : includes(toArray(matcher), Slide2.index);\n });\n }\n\n function style(prop, value, useContainer) {\n forEach$1(function (Slide2) {\n Slide2.style(prop, value, useContainer);\n });\n }\n\n function observeImages(elm, callback) {\n var images = queryAll(elm, \"img\");\n var length = images.length;\n\n if (length) {\n images.forEach(function (img) {\n bind(img, \"load error\", function () {\n if (! --length) {\n callback();\n }\n });\n });\n } else {\n callback();\n }\n }\n\n function getLength(excludeClones) {\n return excludeClones ? slides.length : Slides2.length;\n }\n\n function isEnough() {\n return Slides2.length > options.perPage;\n }\n\n return {\n mount: mount,\n destroy: destroy,\n update: update,\n register: register,\n get: get,\n getIn: getIn,\n getAt: getAt,\n add: add,\n remove: remove$1,\n forEach: forEach$1,\n filter: filter,\n style: style,\n getLength: getLength,\n isEnough: isEnough\n };\n}\n\nfunction Layout(Splide2, Components2, options) {\n var _EventInterface3 = EventInterface(Splide2),\n on = _EventInterface3.on,\n bind = _EventInterface3.bind,\n emit = _EventInterface3.emit;\n\n var Slides = Components2.Slides;\n var resolve = Components2.Direction.resolve;\n var _Components2$Elements2 = Components2.Elements,\n root = _Components2$Elements2.root,\n track = _Components2$Elements2.track,\n list = _Components2$Elements2.list;\n var getAt = Slides.getAt,\n styleSlides = Slides.style;\n var vertical;\n var rootRect;\n var overflow;\n\n function mount() {\n init();\n bind(window, \"resize load\", Throttle(apply(emit, EVENT_RESIZE)));\n on([EVENT_UPDATED, EVENT_REFRESH], init);\n on(EVENT_RESIZE, resize);\n }\n\n function init() {\n vertical = options.direction === TTB;\n style(root, \"maxWidth\", unit(options.width));\n style(track, resolve(\"paddingLeft\"), cssPadding(false));\n style(track, resolve(\"paddingRight\"), cssPadding(true));\n resize(true);\n }\n\n function resize(force) {\n var newRect = rect(root);\n\n if (force || rootRect.width !== newRect.width || rootRect.height !== newRect.height) {\n style(track, \"height\", cssTrackHeight());\n styleSlides(resolve(\"marginRight\"), unit(options.gap));\n styleSlides(\"width\", cssSlideWidth());\n styleSlides(\"height\", cssSlideHeight(), true);\n rootRect = newRect;\n emit(EVENT_RESIZED);\n\n if (overflow !== (overflow = isOverflow())) {\n toggleClass(root, CLASS_OVERFLOW, overflow);\n emit(EVENT_OVERFLOW, overflow);\n }\n }\n }\n\n function cssPadding(right) {\n var padding = options.padding;\n var prop = resolve(right ? \"right\" : \"left\");\n return padding && unit(padding[prop] || (isObject(padding) ? 0 : padding)) || \"0px\";\n }\n\n function cssTrackHeight() {\n var height = \"\";\n\n if (vertical) {\n height = cssHeight();\n assert(height, \"height or heightRatio is missing.\");\n height = \"calc(\" + height + \" - \" + cssPadding(false) + \" - \" + cssPadding(true) + \")\";\n }\n\n return height;\n }\n\n function cssHeight() {\n return unit(options.height || rect(list).width * options.heightRatio);\n }\n\n function cssSlideWidth() {\n return options.autoWidth ? null : unit(options.fixedWidth) || (vertical ? \"\" : cssSlideSize());\n }\n\n function cssSlideHeight() {\n return unit(options.fixedHeight) || (vertical ? options.autoHeight ? null : cssSlideSize() : cssHeight());\n }\n\n function cssSlideSize() {\n var gap = unit(options.gap);\n return \"calc((100%\" + (gap && \" + \" + gap) + \")/\" + (options.perPage || 1) + (gap && \" - \" + gap) + \")\";\n }\n\n function listSize() {\n return rect(list)[resolve(\"width\")];\n }\n\n function slideSize(index, withoutGap) {\n var Slide = getAt(index || 0);\n return Slide ? rect(Slide.slide)[resolve(\"width\")] + (withoutGap ? 0 : getGap()) : 0;\n }\n\n function totalSize(index, withoutGap) {\n var Slide = getAt(index);\n\n if (Slide) {\n var right = rect(Slide.slide)[resolve(\"right\")];\n var left = rect(list)[resolve(\"left\")];\n return abs(right - left) + (withoutGap ? 0 : getGap());\n }\n\n return 0;\n }\n\n function sliderSize(withoutGap) {\n return totalSize(Splide2.length - 1) - totalSize(0) + slideSize(0, withoutGap);\n }\n\n function getGap() {\n var Slide = getAt(0);\n return Slide && parseFloat(style(Slide.slide, resolve(\"marginRight\"))) || 0;\n }\n\n function getPadding(right) {\n return parseFloat(style(track, resolve(\"padding\" + (right ? \"Right\" : \"Left\")))) || 0;\n }\n\n function isOverflow() {\n return Splide2.is(FADE) || sliderSize(true) > listSize();\n }\n\n return {\n mount: mount,\n resize: resize,\n listSize: listSize,\n slideSize: slideSize,\n sliderSize: sliderSize,\n totalSize: totalSize,\n getPadding: getPadding,\n isOverflow: isOverflow\n };\n}\n\nvar MULTIPLIER = 2;\n\nfunction Clones(Splide2, Components2, options) {\n var event = EventInterface(Splide2);\n var on = event.on;\n var Elements = Components2.Elements,\n Slides = Components2.Slides;\n var resolve = Components2.Direction.resolve;\n var clones = [];\n var cloneCount;\n\n function mount() {\n on(EVENT_REFRESH, remount);\n on([EVENT_UPDATED, EVENT_RESIZE], observe);\n\n if (cloneCount = computeCloneCount()) {\n generate(cloneCount);\n Components2.Layout.resize(true);\n }\n }\n\n function remount() {\n destroy();\n mount();\n }\n\n function destroy() {\n remove(clones);\n empty(clones);\n event.destroy();\n }\n\n function observe() {\n var count = computeCloneCount();\n\n if (cloneCount !== count) {\n if (cloneCount < count || !count) {\n event.emit(EVENT_REFRESH);\n }\n }\n }\n\n function generate(count) {\n var slides = Slides.get().slice();\n var length = slides.length;\n\n if (length) {\n while (slides.length < count) {\n push(slides, slides);\n }\n\n push(slides.slice(-count), slides.slice(0, count)).forEach(function (Slide, index) {\n var isHead = index < count;\n var clone = cloneDeep(Slide.slide, index);\n isHead ? before(clone, slides[0].slide) : append(Elements.list, clone);\n push(clones, clone);\n Slides.register(clone, index - count + (isHead ? 0 : length), Slide.index);\n });\n }\n }\n\n function cloneDeep(elm, index) {\n var clone = elm.cloneNode(true);\n addClass(clone, options.classes.clone);\n clone.id = Splide2.root.id + \"-clone\" + pad(index + 1);\n return clone;\n }\n\n function computeCloneCount() {\n var clones2 = options.clones;\n\n if (!Splide2.is(LOOP)) {\n clones2 = 0;\n } else if (isUndefined(clones2)) {\n var fixedSize = options[resolve(\"fixedWidth\")] && Components2.Layout.slideSize(0);\n var fixedCount = fixedSize && ceil(rect(Elements.track)[resolve(\"width\")] / fixedSize);\n clones2 = fixedCount || options[resolve(\"autoWidth\")] && Splide2.length || options.perPage * MULTIPLIER;\n }\n\n return clones2;\n }\n\n return {\n mount: mount,\n destroy: destroy\n };\n}\n\nfunction Move(Splide2, Components2, options) {\n var _EventInterface4 = EventInterface(Splide2),\n on = _EventInterface4.on,\n emit = _EventInterface4.emit;\n\n var set = Splide2.state.set;\n var _Components2$Layout = Components2.Layout,\n slideSize = _Components2$Layout.slideSize,\n getPadding = _Components2$Layout.getPadding,\n totalSize = _Components2$Layout.totalSize,\n listSize = _Components2$Layout.listSize,\n sliderSize = _Components2$Layout.sliderSize;\n var _Components2$Directio = Components2.Direction,\n resolve = _Components2$Directio.resolve,\n orient = _Components2$Directio.orient;\n var _Components2$Elements3 = Components2.Elements,\n list = _Components2$Elements3.list,\n track = _Components2$Elements3.track;\n var Transition;\n\n function mount() {\n Transition = Components2.Transition;\n on([EVENT_MOUNTED, EVENT_RESIZED, EVENT_UPDATED, EVENT_REFRESH], reposition);\n }\n\n function reposition() {\n if (!Components2.Controller.isBusy()) {\n Components2.Scroll.cancel();\n jump(Splide2.index);\n Components2.Slides.update();\n }\n }\n\n function move(dest, index, prev, callback) {\n if (dest !== index && canShift(dest > prev)) {\n cancel();\n translate(shift(getPosition(), dest > prev), true);\n }\n\n set(MOVING);\n emit(EVENT_MOVE, index, prev, dest);\n Transition.start(index, function () {\n set(IDLE);\n emit(EVENT_MOVED, index, prev, dest);\n callback && callback();\n });\n }\n\n function jump(index) {\n translate(toPosition(index, true));\n }\n\n function translate(position, preventLoop) {\n if (!Splide2.is(FADE)) {\n var destination = preventLoop ? position : loop(position);\n style(list, \"transform\", \"translate\" + resolve(\"X\") + \"(\" + destination + \"px)\");\n position !== destination && emit(EVENT_SHIFTED);\n }\n }\n\n function loop(position) {\n if (Splide2.is(LOOP)) {\n var index = toIndex(position);\n var exceededMax = index > Components2.Controller.getEnd();\n var exceededMin = index < 0;\n\n if (exceededMin || exceededMax) {\n position = shift(position, exceededMax);\n }\n }\n\n return position;\n }\n\n function shift(position, backwards) {\n var excess = position - getLimit(backwards);\n var size = sliderSize();\n position -= orient(size * (ceil(abs(excess) / size) || 1)) * (backwards ? 1 : -1);\n return position;\n }\n\n function cancel() {\n translate(getPosition(), true);\n Transition.cancel();\n }\n\n function toIndex(position) {\n var Slides = Components2.Slides.get();\n var index = 0;\n var minDistance = Infinity;\n\n for (var i = 0; i < Slides.length; i++) {\n var slideIndex = Slides[i].index;\n var distance = abs(toPosition(slideIndex, true) - position);\n\n if (distance <= minDistance) {\n minDistance = distance;\n index = slideIndex;\n } else {\n break;\n }\n }\n\n return index;\n }\n\n function toPosition(index, trimming) {\n var position = orient(totalSize(index - 1) - offset(index));\n return trimming ? trim(position) : position;\n }\n\n function getPosition() {\n var left = resolve(\"left\");\n return rect(list)[left] - rect(track)[left] + orient(getPadding(false));\n }\n\n function trim(position) {\n if (options.trimSpace && Splide2.is(SLIDE)) {\n position = clamp(position, 0, orient(sliderSize(true) - listSize()));\n }\n\n return position;\n }\n\n function offset(index) {\n var focus = options.focus;\n return focus === \"center\" ? (listSize() - slideSize(index, true)) / 2 : +focus * slideSize(index) || 0;\n }\n\n function getLimit(max) {\n return toPosition(max ? Components2.Controller.getEnd() : 0, !!options.trimSpace);\n }\n\n function canShift(backwards) {\n var shifted = orient(shift(getPosition(), backwards));\n return backwards ? shifted >= 0 : shifted <= list[resolve(\"scrollWidth\")] - rect(track)[resolve(\"width\")];\n }\n\n function exceededLimit(max, position) {\n position = isUndefined(position) ? getPosition() : position;\n var exceededMin = max !== true && orient(position) < orient(getLimit(false));\n var exceededMax = max !== false && orient(position) > orient(getLimit(true));\n return exceededMin || exceededMax;\n }\n\n return {\n mount: mount,\n move: move,\n jump: jump,\n translate: translate,\n shift: shift,\n cancel: cancel,\n toIndex: toIndex,\n toPosition: toPosition,\n getPosition: getPosition,\n getLimit: getLimit,\n exceededLimit: exceededLimit,\n reposition: reposition\n };\n}\n\nfunction Controller(Splide2, Components2, options) {\n var _EventInterface5 = EventInterface(Splide2),\n on = _EventInterface5.on,\n emit = _EventInterface5.emit;\n\n var Move = Components2.Move;\n var getPosition = Move.getPosition,\n getLimit = Move.getLimit,\n toPosition = Move.toPosition;\n var _Components2$Slides = Components2.Slides,\n isEnough = _Components2$Slides.isEnough,\n getLength = _Components2$Slides.getLength;\n var omitEnd = options.omitEnd;\n var isLoop = Splide2.is(LOOP);\n var isSlide = Splide2.is(SLIDE);\n var getNext = apply(getAdjacent, false);\n var getPrev = apply(getAdjacent, true);\n var currIndex = options.start || 0;\n var endIndex;\n var prevIndex = currIndex;\n var slideCount;\n var perMove;\n var perPage;\n\n function mount() {\n init();\n on([EVENT_UPDATED, EVENT_REFRESH, EVENT_END_INDEX_CHANGED], init);\n on(EVENT_RESIZED, onResized);\n }\n\n function init() {\n slideCount = getLength(true);\n perMove = options.perMove;\n perPage = options.perPage;\n endIndex = getEnd();\n var index = clamp(currIndex, 0, omitEnd ? endIndex : slideCount - 1);\n\n if (index !== currIndex) {\n currIndex = index;\n Move.reposition();\n }\n }\n\n function onResized() {\n if (endIndex !== getEnd()) {\n emit(EVENT_END_INDEX_CHANGED);\n }\n }\n\n function go(control, allowSameIndex, callback) {\n if (!isBusy()) {\n var dest = parse(control);\n var index = loop(dest);\n\n if (index > -1 && (allowSameIndex || index !== currIndex)) {\n setIndex(index);\n Move.move(dest, index, prevIndex, callback);\n }\n }\n }\n\n function scroll(destination, duration, snap, callback) {\n Components2.Scroll.scroll(destination, duration, snap, function () {\n var index = loop(Move.toIndex(getPosition()));\n setIndex(omitEnd ? min(index, endIndex) : index);\n callback && callback();\n });\n }\n\n function parse(control) {\n var index = currIndex;\n\n if (isString(control)) {\n var _ref = control.match(/([+\\-<>])(\\d+)?/) || [],\n indicator = _ref[1],\n number = _ref[2];\n\n if (indicator === \"+\" || indicator === \"-\") {\n index = computeDestIndex(currIndex + +(\"\" + indicator + (+number || 1)), currIndex);\n } else if (indicator === \">\") {\n index = number ? toIndex(+number) : getNext(true);\n } else if (indicator === \"<\") {\n index = getPrev(true);\n }\n } else {\n index = isLoop ? control : clamp(control, 0, endIndex);\n }\n\n return index;\n }\n\n function getAdjacent(prev, destination) {\n var number = perMove || (hasFocus() ? 1 : perPage);\n var dest = computeDestIndex(currIndex + number * (prev ? -1 : 1), currIndex, !(perMove || hasFocus()));\n\n if (dest === -1 && isSlide) {\n if (!approximatelyEqual(getPosition(), getLimit(!prev), 1)) {\n return prev ? 0 : endIndex;\n }\n }\n\n return destination ? dest : loop(dest);\n }\n\n function computeDestIndex(dest, from, snapPage) {\n if (isEnough() || hasFocus()) {\n var index = computeMovableDestIndex(dest);\n\n if (index !== dest) {\n from = dest;\n dest = index;\n snapPage = false;\n }\n\n if (dest < 0 || dest > endIndex) {\n if (!perMove && (between(0, dest, from, true) || between(endIndex, from, dest, true))) {\n dest = toIndex(toPage(dest));\n } else {\n if (isLoop) {\n dest = snapPage ? dest < 0 ? -(slideCount % perPage || perPage) : slideCount : dest;\n } else if (options.rewind) {\n dest = dest < 0 ? endIndex : 0;\n } else {\n dest = -1;\n }\n }\n } else {\n if (snapPage && dest !== from) {\n dest = toIndex(toPage(from) + (dest < from ? -1 : 1));\n }\n }\n } else {\n dest = -1;\n }\n\n return dest;\n }\n\n function computeMovableDestIndex(dest) {\n if (isSlide && options.trimSpace === \"move\" && dest !== currIndex) {\n var position = getPosition();\n\n while (position === toPosition(dest, true) && between(dest, 0, Splide2.length - 1, !options.rewind)) {\n dest < currIndex ? --dest : ++dest;\n }\n }\n\n return dest;\n }\n\n function loop(index) {\n return isLoop ? (index + slideCount) % slideCount || 0 : index;\n }\n\n function getEnd() {\n var end = slideCount - (hasFocus() || isLoop && perMove ? 1 : perPage);\n\n while (omitEnd && end-- > 0) {\n if (toPosition(slideCount - 1, true) !== toPosition(end, true)) {\n end++;\n break;\n }\n }\n\n return clamp(end, 0, slideCount - 1);\n }\n\n function toIndex(page) {\n return clamp(hasFocus() ? page : perPage * page, 0, endIndex);\n }\n\n function toPage(index) {\n return hasFocus() ? min(index, endIndex) : floor((index >= endIndex ? slideCount - 1 : index) / perPage);\n }\n\n function toDest(destination) {\n var closest = Move.toIndex(destination);\n return isSlide ? clamp(closest, 0, endIndex) : closest;\n }\n\n function setIndex(index) {\n if (index !== currIndex) {\n prevIndex = currIndex;\n currIndex = index;\n }\n }\n\n function getIndex(prev) {\n return prev ? prevIndex : currIndex;\n }\n\n function hasFocus() {\n return !isUndefined(options.focus) || options.isNavigation;\n }\n\n function isBusy() {\n return Splide2.state.is([MOVING, SCROLLING]) && !!options.waitForTransition;\n }\n\n return {\n mount: mount,\n go: go,\n scroll: scroll,\n getNext: getNext,\n getPrev: getPrev,\n getAdjacent: getAdjacent,\n getEnd: getEnd,\n setIndex: setIndex,\n getIndex: getIndex,\n toIndex: toIndex,\n toPage: toPage,\n toDest: toDest,\n hasFocus: hasFocus,\n isBusy: isBusy\n };\n}\n\nvar XML_NAME_SPACE = \"http://www.w3.org/2000/svg\";\nvar PATH = \"m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z\";\nvar SIZE = 40;\n\nfunction Arrows(Splide2, Components2, options) {\n var event = EventInterface(Splide2);\n var on = event.on,\n bind = event.bind,\n emit = event.emit;\n var classes = options.classes,\n i18n = options.i18n;\n var Elements = Components2.Elements,\n Controller = Components2.Controller;\n var placeholder = Elements.arrows,\n track = Elements.track;\n var wrapper = placeholder;\n var prev = Elements.prev;\n var next = Elements.next;\n var created;\n var wrapperClasses;\n var arrows = {};\n\n function mount() {\n init();\n on(EVENT_UPDATED, remount);\n }\n\n function remount() {\n destroy();\n mount();\n }\n\n function init() {\n var enabled = options.arrows;\n\n if (enabled && !(prev && next)) {\n createArrows();\n }\n\n if (prev && next) {\n assign(arrows, {\n prev: prev,\n next: next\n });\n display(wrapper, enabled ? \"\" : \"none\");\n addClass(wrapper, wrapperClasses = CLASS_ARROWS + \"--\" + options.direction);\n\n if (enabled) {\n listen();\n update();\n setAttribute([prev, next], ARIA_CONTROLS, track.id);\n emit(EVENT_ARROWS_MOUNTED, prev, next);\n }\n }\n }\n\n function destroy() {\n event.destroy();\n removeClass(wrapper, wrapperClasses);\n\n if (created) {\n remove(placeholder ? [prev, next] : wrapper);\n prev = next = null;\n } else {\n removeAttribute([prev, next], ALL_ATTRIBUTES);\n }\n }\n\n function listen() {\n on([EVENT_MOUNTED, EVENT_MOVED, EVENT_REFRESH, EVENT_SCROLLED, EVENT_END_INDEX_CHANGED], update);\n bind(next, \"click\", apply(go, \">\"));\n bind(prev, \"click\", apply(go, \"<\"));\n }\n\n function go(control) {\n Controller.go(control, true);\n }\n\n function createArrows() {\n wrapper = placeholder || create(\"div\", classes.arrows);\n prev = createArrow(true);\n next = createArrow(false);\n created = true;\n append(wrapper, [prev, next]);\n !placeholder && before(wrapper, track);\n }\n\n function createArrow(prev2) {\n var arrow = \"