@feathery/react 2.32.1 → 2.34.0

package/umd/{AddressField.ec97334fe233830bc05b.js → AddressField.2d777eda22a67a0ed3a3.js}

@@ -1 +1 @@
-"use strict";(this.webpackChunkFeathery=this.webpackChunkFeathery||[]).push([[102],{1587:(e,t,r)=>{r.d(t,{Z:()=>d});var n=r(5944),o=r(7294),i=r(8776),a=r(5467),l=r(2988),u=r(4665),c=r(7449),s=r(9479),f=function(){return f=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},f.apply(this,arguments)};function d(e){var t=e.id,r=e.text,d=e.responsiveStyles,p=e.absolute,v=void 0===p||p,h=e.containerRef,g=e.repeat,y=function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,i=r.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(n=i.next()).done;)a.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=i.return)&&r.call(i)}finally{if(o)throw o.error}}return a}((0,o.useState)(!1),2),b=y[0],m=y[1],w=(0,o.useRef)(null);if(!(r=(0,u.xf)(r,g)))return null;var x=(0,s.tq)();return(0,n.BX)(n.HY,{children:[(0,n.tZ)("div",f({ref:w,onMouseEnter:x?void 0:function(){return m(!0)},onMouseLeave:x?void 0:function(){return m(!1)},onFocus:function(){return m(!0)},onBlur:function(){return m(!1)},onClick:function(){return m((function(e){return!e}))},css:v?{position:"absolute",insetInlineEnd:"10px",top:0,bottom:0,zIndex:l.rM,margin:"auto",cursor:"pointer",height:"100%",display:"flex"}:{position:"relative",marginInlineStart:"8px",display:"flex",alignItems:"center"}},{children:(0,n.tZ)(a.by,{cssStyles:d.getTarget("tooltipIcon")})})),(0,n.tZ)(c.Z,f({show:b,targetRef:w,containerRef:h,placement:"left",onHide:function(){return m(!1)},offset:8},{children:(0,n.tZ)(i.u,f({id:"tooltip-".concat(t),css:{zIndex:l.rM+1,padding:".4rem 0",transition:"opacity .10s linear",".tooltip-inner":{maxWidth:"200px",padding:".25rem .5rem",color:"#fff",textAlign:"center",backgroundColor:"#000",borderRadius:".25rem",fontSize:"smaller"}}},{children:r}))}))]})}},7449:(e,t,r)=>{r.d(t,{Z:()=>u});var n=r(5944),o=r(7294),i=r(3935),a=r(9479),l=function(){return l=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},l.apply(this,arguments)};const u=function(e){var t=e.show,r=e.targetRef,u=e.children,f=e.onHide,d=e.placement,p=void 0===d?"bottom-start":d,v=e.offset,h=void 0===v?0:v,g=e.zIndex,y=void 0===g?1e3:g,b=e.containerRef,m=(0,o.useRef)(null),w=function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,i=r.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(n=i.next()).done;)a.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=i.return)&&r.call(i)}finally{if(o)throw o.error}}return a}((0,o.useState)(null),2),x=w[0],S=w[1],E=(0,o.useCallback)((function(){return(null==b?void 0:b.current)||(0,a.me)().body}),[b]),k=(0,o.useCallback)((function(){var e;if(t&&r.current&&m.current){var n=(0,a.Kv)(),o=E();if(o){var i=r.current.getBoundingClientRect(),l=m.current.getBoundingClientRect(),u=o.getBoundingClientRect(),f=s(p,i,l,h),d=f.top,v=f.left,g=d+l.height,y=v+l.width,b=d>=0&&g<=n.innerHeight,w=v>=0&&y<=n.innerWidth;if(!b||!w){var x=c(p,!b,!w);x!==p&&(d=(e=s(x,i,l,h)).top,v=e.left)}var k=o===(0,a.me)().body,O=k?d+n.scrollY:d-u.top,Z=k?v+n.scrollX:v-u.left;S((function(e){return e&&e.top===O&&e.left===Z?e:{top:O,left:Z}}))}}}),[t,p,h,E,r]),O=(0,o.useCallback)((function(){var e=!1;return function(){e||(e=!0,requestAnimationFrame((function(){k(),e=!1})))}}),[k])();if((0,o.useLayoutEffect)((function(){t&&k()}),[t,k]),(0,o.useEffect)((function(){if(t){var e=(0,a.Kv)(),n=E();if(n){e.addEventListener("resize",O),e.addEventListener("scroll",O,!0),n!==(0,a.me)().body&&n.addEventListener("scroll",O);var o=new ResizeObserver((function(){return O()}));return r.current&&o.observe(r.current),n!==(0,a.me)().body&&o.observe(n),function(){e.removeEventListener("resize",O),e.removeEventListener("scroll",O,!0),n!==(0,a.me)().body&&n.removeEventListener("scroll",O),o.disconnect()}}}}),[t,O,E,r]),(0,o.useEffect)((function(){if(t){var e=function(e){"Escape"===e.key&&(S(null),null==f||f())},n=function(e){var t=e.target;m.current&&!m.current.contains(t)&&r.current&&!r.current.contains(t)&&(S(null),null==f||f())},o=(0,a.me)();return o.addEventListener("mousedown",n),o.addEventListener("keydown",e),function(){o.removeEventListener("mousedown",n),o.removeEventListener("keydown",e)}}}),[t,f,r]),!t)return null;var Z=E();return Z?(0,i.createPortal)((0,n.tZ)("div",l({ref:m,style:l(l({position:"absolute"},x||{top:-9999,left:-9999}),{zIndex:y})},{children:u})),Z):(0,n.tZ)(n.HY,{children:u})};var c=function(e,t,r){if(t){if(e.includes("top"))return e.replace("top","bottom");if(e.includes("bottom"))return e.replace("bottom","top")}if(r){if(e.includes("left"))return e.replace("left","right");if(e.includes("right"))return e.replace("right","left")}return e},s=function(e,t,r,n){switch(void 0===n&&(n=0),e){case"top":return{top:t.top-r.height-n,left:t.left+(t.width-r.width)/2};case"top-start":return{top:t.top-r.height-n,left:t.left};case"top-end":return{top:t.top-r.height-n,left:t.right-r.width};case"left":return{top:t.top+(t.height-r.height)/2,left:t.left-r.width-n};case"left-start":return{top:t.top,left:t.left-r.width-n};case"left-end":return{top:t.bottom-r.height,left:t.left-r.width-n};case"bottom":default:return{top:t.bottom+n,left:t.left+(t.width-r.width)/2};case"bottom-start":return{top:t.bottom+n,left:t.left};case"bottom-end":return{top:t.bottom+n,left:t.right-r.width};case"right":return{top:t.top+(t.height-r.height)/2,left:t.right+n};case"right-start":return{top:t.top,left:t.right+n};case"right-end":return{top:t.bottom-r.height,left:t.right+n}}}},9069:(e,t,r)=>{r.d(t,{Z:()=>i});var n=r(5944),o=function(){return o=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},o.apply(this,arguments)};function i(e){var t,r,i,a=e.value,l=e.element,u=e.responsiveStyles,c=e.type,s=void 0===c?"input":c,f=e.inputFocused,d=void 0!==f&&f,p=e.repeatIndex,v=void 0===p?null:p,h=l.properties,g=null!==(i=(null!==(r=h.repeat_placeholder)&&void 0!==r?r:[])[null!=v?v:0])&&void 0!==i?i:h.placeholder||"",y=o(o({},u.getTarget("placeholderFocus")),u.getTarget("placeholderActive"));return(0,n.tZ)("span",o({css:o(o(o(o({position:"absolute",pointerEvents:"none",insetInlineStart:"0.75rem",transition:"0.2s ease all",top:"input"===s?"50%":"0.6rem"},u.getTarget("placeholder")),a?u.getTarget("placeholderFocus"):{}),d?y:{}),(t={},t["".concat(s,":focus ~ &")]=y,t))},{children:g}))}},8776:(e,t,r)=>{r.d(t,{u:()=>a});var n=r(5944),o=r(2988),i=function(){return i=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},i.apply(this,arguments)},a=function(e){var t=e.children,r=e.css,a=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(e,["children","css"]);return(0,n.tZ)("div",i({css:i({zIndex:o.rM+1,padding:".4rem 0",transition:"opacity .10s linear",".tooltip-inner":{maxWidth:"200px",padding:".25rem .5rem",color:"#fff",textAlign:"center",backgroundColor:"#000",borderRadius:".25rem",fontSize:"smaller"}},r)},a,{children:(0,n.tZ)("div",i({className:"tooltip-inner"},{children:t}))}))}},5024:(e,t,r)=>{r.r(t),r.d(t,{default:()=>b});var n=r(5944),o=r(7294),i=r(9069),a=r(1587),l=r(1211),u=r(9292),c=r(1296),s=r.n(c),f=r(6867),d=r(7449),p=r(1275),v=r(9479),h=r(5398),g=function(){return g=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},g.apply(this,arguments)},y=function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,i=r.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(n=i.next()).done;)a.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=i.return)&&r.call(i)}finally{if(o)throw o.error}}return a};const b=(0,o.memo)((function(e){var t=this,r=e.element,c=e.responsiveStyles,b=e.fieldLabel,m=e.elementProps,w=void 0===m?{}:m,x=e.disabled,S=void 0!==x&&x,E=e.autoComplete,k=e.editMode,O=e.repeatIndex,Z=void 0===O?null:O,R=e.onSelect,L=void 0===R?function(){}:R,C=e.onChange,T=void 0===C?function(){}:C,z=e.required,I=e.onBlur,j=void 0===I?function(){}:I,B=e.onEnter,P=void 0===B?function(){}:B,_=e.setRef,F=void 0===_?function(){}:_,M=e.value,H=void 0===M?"":M,X=e.inlineError,q=e.children,A=r.servar,K=function(e,t){var r,n=t.metadata,i=n.address_autocomplete,a=null!==(r=n.autocomplete_country)&&void 0!==r?r:"",l=function(){var e=(0,o.useRef)(!0);return(0,o.useEffect)((function(){return e.current=!0,function(){e.current=!1}}),[]),e}(),c=y((0,o.useState)(e),2),f=c[0],d=c[1],p=y((0,o.useState)([]),2),v=p[0],h=p[1],g=(0,o.useCallback)(s()((function(e){(new u.ZP).addressSearchResults(e,a,"gmap_city"===t.type).then((function(t){l.current&&(h(t),d(e))}))}),500),[h,d]);return(0,o.useEffect)((function(){var t=e.trim();i&&t!==f&&(t.length>3?g(t):(v.length&&h([]),d(t)))}),[e]),v}(H,A),W=y((0,o.useState)(!1),2),Y=W[0],D=W[1],G=y((0,o.useState)(!1),2),N=G[0],J=G[1],Q=(0,o.useRef)(null),U=(0,o.useRef)(null),V=(0,o.useRef)(null),$=(0,h.Z)(V).width,ee=(0,f.Z)({element:r,error:X,breakpoint:c.getMobileBreakpoint()}),te=ee.borderStyles,re=ee.customBorder,ne="gmap_city"===A.type?"address-level2":"street-address";return(0,n.BX)("div",g({ref:U,css:g({maxWidth:"100%",width:"100%",height:"100%",position:"relative",pointerEvents:k?"none":"auto"},c.getTarget("fc"))},w,{children:[q,b,(0,n.BX)("div",g({ref:V,css:g(g(g({position:"relative",width:"100%",overflowX:"clip"},c.getTarget("sub-fc")),S?c.getTarget("disabled"):{}),{"&:hover":(0,v.wL)(S?{}:g(g({},c.getTarget("hover")),te.hover)),"&&":N?g(g({},c.getTarget("active")),te.active):{}})},{children:[re,(0,n.tZ)("input",{id:A.key,name:A.key,css:g(g(g({position:"relative",height:"100%",width:"100%",border:"none",margin:0,backgroundColor:"transparent"},l.ET),c.getTarget("field")),N||H||!r.properties.placeholder?{}:{color:"transparent !important"}),maxLength:A.max_length,minLength:A.min_length,placeholder:"",disabled:S,"aria-label":r.properties.aria_label,autoComplete:"on"===E?ne:"new-password",value:H,ref:function(e){Q.current=e,F(e)},onKeyDown:function(e){var t;t=e,Boolean(t.isTrusted&&t.code)&&("Enter"===e.key?P(e):D("Escape"!==e.key))},onFocus:function(e){J(!0),(0,v.ms)(e)},onBlur:function(e){setTimeout((function(){return D(!1)}),200),j(e),J(!1)},onChange:T,required:z}),(0,n.tZ)(d.Z,g({show:Y&&K.length>0,targetRef:Q,containerRef:U,placement:"bottom-start",offset:4,onHide:function(){return D(!1)}},{children:(0,n.tZ)("ul",g({css:g({zIndex:p.m,listStyleType:"none",padding:0,margin:0,backgroundColor:"white",cursor:"pointer",boxShadow:"0 0 4px rgb(0 0 0 / 15%)",width:void 0!==$?"".concat($,"px"):"100%"},c.getTarget("dropdown"))},{children:K.map((function(e){var r=e.display,o=e.address_id;return(0,n.tZ)("li",g({css:{padding:"8px 14px",transition:"0.1s ease all","&:hover":(0,v.wL)({backgroundColor:"#e6e6e633"})},onClick:function(){return e=t,r=void 0,i=function(){var e,t;return function(e,t){var r,n,o,i,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function l(i){return function(l){return function(i){if(r)throw new TypeError("Generator is already executing.");for(;a;)try{if(r=1,n&&(o=2&i[0]?n.return:i[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,i[1])).done)return o;switch(n=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,n=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!((o=(o=a.trys).length>0&&o[o.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){a.label=i[1];break}if(6===i[0]&&a.label<o[1]){a.label=o[1],o=i;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(i);break}o[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e],n=0}finally{r=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,l])}}}(this,(function(r){switch(r.label){case 0:return[4,(new u.ZP).addressDetail(o)];case 1:return e=r.sent(),L(e,o),D(!1),null===(t=Q.current)||void 0===t||t.focus(),[2]}}))},new((n=void 0)||(n=Promise))((function(t,o){function a(e){try{u(i.next(e))}catch(e){o(e)}}function l(e){try{u(i.throw(e))}catch(e){o(e)}}function u(e){var r;e.done?t(e.value):(r=e.value,r instanceof n?r:new n((function(e){e(r)}))).then(a,l)}u((i=i.apply(e,r||[])).next())}));var e,r,n,i}},{children:r}),r)}))}))})),(0,n.tZ)(i.Z,{value:H,element:r,responsiveStyles:c,repeatIndex:Z}),(0,n.tZ)(a.Z,{containerRef:U,id:r.id,text:r.properties.tooltipText,responsiveStyles:c,repeat:r.repeat})]}))]}))}))},5398:(e,t,r)=>{r.d(t,{Z:()=>i});var n=r(7294),o=r(9479);function i(e){var t=function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,i=r.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(n=i.next()).done;)a.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=i.return)&&r.call(i)}finally{if(o)throw o.error}}return a}((0,n.useState)({width:void 0,height:void 0}),2),r=t[0],i=t[1];return(0,n.useLayoutEffect)((function(){var t=function(){var t=e.current;if(t){var r=t.getBoundingClientRect(),n=r.width,o=r.height;i({width:n>0?n:void 0,height:o>0?o:void 0})}},r=e.current;if(r){if("undefined"==typeof ResizeObserver){var n=(0,o.Kv)();return n&&"function"==typeof n.addEventListener&&"function"==typeof n.removeEventListener?(n.addEventListener("resize",t),t(),function(){return n.removeEventListener("resize",t)}):void t()}var a=new ResizeObserver((function(){return t()}));try{a.observe(r,{box:"border-box"})}catch(e){a.observe(r)}return t(),function(){return a.disconnect()}}}),[e]),r}}}]);
+"use strict";(this.webpackChunkFeathery=this.webpackChunkFeathery||[]).push([[102],{1587:(e,t,r)=>{r.d(t,{Z:()=>d});var n=r(5944),o=r(7294),i=r(8776),a=r(5096),l=r(2988),u=r(4665),c=r(7449),s=r(9479),f=function(){return f=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},f.apply(this,arguments)};function d(e){var t=e.id,r=e.text,d=e.responsiveStyles,p=e.absolute,v=void 0===p||p,h=e.containerRef,g=e.repeat,y=function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,i=r.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(n=i.next()).done;)a.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=i.return)&&r.call(i)}finally{if(o)throw o.error}}return a}((0,o.useState)(!1),2),b=y[0],m=y[1],w=(0,o.useRef)(null);if(!(r=(0,u.xf)(r,g)))return null;var x=(0,s.tq)();return(0,n.BX)(n.HY,{children:[(0,n.tZ)("div",f({ref:w,onMouseEnter:x?void 0:function(){return m(!0)},onMouseLeave:x?void 0:function(){return m(!1)},onFocus:function(){return m(!0)},onBlur:function(){return m(!1)},onClick:function(){return m((function(e){return!e}))},css:v?{position:"absolute",insetInlineEnd:"10px",top:0,bottom:0,zIndex:l.rM,margin:"auto",cursor:"pointer",height:"100%",display:"flex"}:{position:"relative",marginInlineStart:"8px",display:"flex",alignItems:"center"}},{children:(0,n.tZ)(a.by,{cssStyles:d.getTarget("tooltipIcon")})})),(0,n.tZ)(c.Z,f({show:b,targetRef:w,containerRef:h,placement:"left",onHide:function(){return m(!1)},offset:8},{children:(0,n.tZ)(i.u,f({id:"tooltip-".concat(t),css:{zIndex:l.rM+1,padding:".4rem 0",transition:"opacity .10s linear",".tooltip-inner":{maxWidth:"200px",padding:".25rem .5rem",color:"#fff",textAlign:"center",backgroundColor:"#000",borderRadius:".25rem",fontSize:"smaller"}}},{children:r}))}))]})}},7449:(e,t,r)=>{r.d(t,{Z:()=>u});var n=r(5944),o=r(7294),i=r(3935),a=r(9479),l=function(){return l=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},l.apply(this,arguments)};const u=function(e){var t=e.show,r=e.targetRef,u=e.children,f=e.onHide,d=e.placement,p=void 0===d?"bottom-start":d,v=e.offset,h=void 0===v?0:v,g=e.zIndex,y=void 0===g?1e3:g,b=e.containerRef,m=(0,o.useRef)(null),w=function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,i=r.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(n=i.next()).done;)a.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=i.return)&&r.call(i)}finally{if(o)throw o.error}}return a}((0,o.useState)(null),2),x=w[0],S=w[1],E=(0,o.useCallback)((function(){return(null==b?void 0:b.current)||(0,a.me)().body}),[b]),k=(0,o.useCallback)((function(){var e;if(t&&r.current&&m.current){var n=(0,a.Kv)(),o=E();if(o){var i=r.current.getBoundingClientRect(),l=m.current.getBoundingClientRect(),u=o.getBoundingClientRect(),f=s(p,i,l,h),d=f.top,v=f.left,g=d+l.height,y=v+l.width,b=d>=0&&g<=n.innerHeight,w=v>=0&&y<=n.innerWidth;if(!b||!w){var x=c(p,!b,!w);x!==p&&(d=(e=s(x,i,l,h)).top,v=e.left)}var k=o===(0,a.me)().body,O=k?d+n.scrollY:d-u.top,Z=k?v+n.scrollX:v-u.left;S((function(e){return e&&e.top===O&&e.left===Z?e:{top:O,left:Z}}))}}}),[t,p,h,E,r]),O=(0,o.useCallback)((function(){var e=!1;return function(){e||(e=!0,requestAnimationFrame((function(){k(),e=!1})))}}),[k])();if((0,o.useLayoutEffect)((function(){t&&k()}),[t,k]),(0,o.useEffect)((function(){if(t){var e=(0,a.Kv)(),n=E();if(n){e.addEventListener("resize",O),e.addEventListener("scroll",O,!0),n!==(0,a.me)().body&&n.addEventListener("scroll",O);var o=new ResizeObserver((function(){return O()}));return r.current&&o.observe(r.current),n!==(0,a.me)().body&&o.observe(n),function(){e.removeEventListener("resize",O),e.removeEventListener("scroll",O,!0),n!==(0,a.me)().body&&n.removeEventListener("scroll",O),o.disconnect()}}}}),[t,O,E,r]),(0,o.useEffect)((function(){if(t){var e=function(e){"Escape"===e.key&&(S(null),null==f||f())},n=function(e){var t=e.target;m.current&&!m.current.contains(t)&&r.current&&!r.current.contains(t)&&(S(null),null==f||f())},o=(0,a.me)();return o.addEventListener("mousedown",n),o.addEventListener("keydown",e),function(){o.removeEventListener("mousedown",n),o.removeEventListener("keydown",e)}}}),[t,f,r]),!t)return null;var Z=E();return Z?(0,i.createPortal)((0,n.tZ)("div",l({ref:m,style:l(l({position:"absolute"},x||{top:-9999,left:-9999}),{zIndex:y})},{children:u})),Z):(0,n.tZ)(n.HY,{children:u})};var c=function(e,t,r){if(t){if(e.includes("top"))return e.replace("top","bottom");if(e.includes("bottom"))return e.replace("bottom","top")}if(r){if(e.includes("left"))return e.replace("left","right");if(e.includes("right"))return e.replace("right","left")}return e},s=function(e,t,r,n){switch(void 0===n&&(n=0),e){case"top":return{top:t.top-r.height-n,left:t.left+(t.width-r.width)/2};case"top-start":return{top:t.top-r.height-n,left:t.left};case"top-end":return{top:t.top-r.height-n,left:t.right-r.width};case"left":return{top:t.top+(t.height-r.height)/2,left:t.left-r.width-n};case"left-start":return{top:t.top,left:t.left-r.width-n};case"left-end":return{top:t.bottom-r.height,left:t.left-r.width-n};case"bottom":default:return{top:t.bottom+n,left:t.left+(t.width-r.width)/2};case"bottom-start":return{top:t.bottom+n,left:t.left};case"bottom-end":return{top:t.bottom+n,left:t.right-r.width};case"right":return{top:t.top+(t.height-r.height)/2,left:t.right+n};case"right-start":return{top:t.top,left:t.right+n};case"right-end":return{top:t.bottom-r.height,left:t.right+n}}}},9069:(e,t,r)=>{r.d(t,{Z:()=>i});var n=r(5944),o=function(){return o=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},o.apply(this,arguments)};function i(e){var t,r,i,a=e.value,l=e.element,u=e.responsiveStyles,c=e.type,s=void 0===c?"input":c,f=e.inputFocused,d=void 0!==f&&f,p=e.repeatIndex,v=void 0===p?null:p,h=l.properties,g=null!==(i=(null!==(r=h.repeat_placeholder)&&void 0!==r?r:[])[null!=v?v:0])&&void 0!==i?i:h.placeholder||"",y=o(o({},u.getTarget("placeholderFocus")),u.getTarget("placeholderActive"));return(0,n.tZ)("span",o({css:o(o(o(o({position:"absolute",pointerEvents:"none",insetInlineStart:"0.75rem",transition:"0.2s ease all",top:"input"===s?"50%":"0.6rem"},u.getTarget("placeholder")),a?u.getTarget("placeholderFocus"):{}),d?y:{}),(t={},t["".concat(s,":focus ~ &")]=y,t))},{children:g}))}},8776:(e,t,r)=>{r.d(t,{u:()=>a});var n=r(5944),o=r(2988),i=function(){return i=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},i.apply(this,arguments)},a=function(e){var t=e.children,r=e.css,a=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(e,["children","css"]);return(0,n.tZ)("div",i({css:i({zIndex:o.rM+1,padding:".4rem 0",transition:"opacity .10s linear",".tooltip-inner":{maxWidth:"200px",padding:".25rem .5rem",color:"#fff",textAlign:"center",backgroundColor:"#000",borderRadius:".25rem",fontSize:"smaller"}},r)},a,{children:(0,n.tZ)("div",i({className:"tooltip-inner"},{children:t}))}))}},5024:(e,t,r)=>{r.r(t),r.d(t,{default:()=>b});var n=r(5944),o=r(7294),i=r(9069),a=r(1587),l=r(1211),u=r(9292),c=r(1296),s=r.n(c),f=r(6867),d=r(7449),p=r(1275),v=r(9479),h=r(5398),g=function(){return g=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},g.apply(this,arguments)},y=function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,i=r.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(n=i.next()).done;)a.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=i.return)&&r.call(i)}finally{if(o)throw o.error}}return a};const b=(0,o.memo)((function(e){var t=this,r=e.element,c=e.responsiveStyles,b=e.fieldLabel,m=e.elementProps,w=void 0===m?{}:m,x=e.disabled,S=void 0!==x&&x,E=e.autoComplete,k=e.editMode,O=e.repeatIndex,Z=void 0===O?null:O,R=e.onSelect,L=void 0===R?function(){}:R,C=e.onChange,T=void 0===C?function(){}:C,z=e.required,I=e.onBlur,j=void 0===I?function(){}:I,B=e.onEnter,P=void 0===B?function(){}:B,_=e.setRef,F=void 0===_?function(){}:_,M=e.value,H=void 0===M?"":M,X=e.inlineError,q=e.children,A=r.servar,K=function(e,t){var r,n=t.metadata,i=n.address_autocomplete,a=null!==(r=n.autocomplete_country)&&void 0!==r?r:"",l=function(){var e=(0,o.useRef)(!0);return(0,o.useEffect)((function(){return e.current=!0,function(){e.current=!1}}),[]),e}(),c=y((0,o.useState)(e),2),f=c[0],d=c[1],p=y((0,o.useState)([]),2),v=p[0],h=p[1],g=(0,o.useCallback)(s()((function(e){(new u.ZP).addressSearchResults(e,a,"gmap_city"===t.type).then((function(t){l.current&&(h(t),d(e))}))}),500),[h,d]);return(0,o.useEffect)((function(){var t=e.trim();i&&t!==f&&(t.length>3?g(t):(v.length&&h([]),d(t)))}),[e]),v}(H,A),W=y((0,o.useState)(!1),2),Y=W[0],D=W[1],G=y((0,o.useState)(!1),2),N=G[0],J=G[1],Q=(0,o.useRef)(null),U=(0,o.useRef)(null),V=(0,o.useRef)(null),$=(0,h.Z)(V).width,ee=(0,f.Z)({element:r,error:X,breakpoint:c.getMobileBreakpoint()}),te=ee.borderStyles,re=ee.customBorder,ne="gmap_city"===A.type?"address-level2":"street-address";return(0,n.BX)("div",g({ref:U,css:g({maxWidth:"100%",width:"100%",height:"100%",position:"relative",pointerEvents:k?"none":"auto"},c.getTarget("fc"))},w,{children:[q,b,(0,n.BX)("div",g({ref:V,css:g(g(g({position:"relative",width:"100%",overflowX:"clip"},c.getTarget("sub-fc")),S?c.getTarget("disabled"):{}),{"&:hover":(0,v.wL)(S?{}:g(g({},c.getTarget("hover")),te.hover)),"&&":N?g(g({},c.getTarget("active")),te.active):{}})},{children:[re,(0,n.tZ)("input",{id:A.key,name:A.key,css:g(g(g({position:"relative",height:"100%",width:"100%",border:"none",margin:0,backgroundColor:"transparent"},l.ET),c.getTarget("field")),N||H||!r.properties.placeholder?{}:{color:"transparent !important"}),maxLength:A.max_length,minLength:A.min_length,placeholder:"",disabled:S,"aria-label":r.properties.aria_label,autoComplete:"on"===E?ne:"new-password",value:H,ref:function(e){Q.current=e,F(e)},onKeyDown:function(e){var t;t=e,Boolean(t.isTrusted&&t.code)&&("Enter"===e.key?P(e):D("Escape"!==e.key))},onFocus:function(e){J(!0),(0,v.ms)(e)},onBlur:function(e){setTimeout((function(){return D(!1)}),200),j(e),J(!1)},onChange:T,required:z}),(0,n.tZ)(d.Z,g({show:Y&&K.length>0,targetRef:Q,containerRef:U,placement:"bottom-start",offset:4,onHide:function(){return D(!1)}},{children:(0,n.tZ)("ul",g({css:g({zIndex:p.m,listStyleType:"none",padding:0,margin:0,backgroundColor:"white",cursor:"pointer",boxShadow:"0 0 4px rgb(0 0 0 / 15%)",width:void 0!==$?"".concat($,"px"):"100%"},c.getTarget("dropdown"))},{children:K.map((function(e){var r=e.display,o=e.address_id;return(0,n.tZ)("li",g({css:{padding:"8px 14px",transition:"0.1s ease all","&:hover":(0,v.wL)({backgroundColor:"#e6e6e633"})},onClick:function(){return e=t,r=void 0,i=function(){var e,t;return function(e,t){var r,n,o,i,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function l(i){return function(l){return function(i){if(r)throw new TypeError("Generator is already executing.");for(;a;)try{if(r=1,n&&(o=2&i[0]?n.return:i[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,i[1])).done)return o;switch(n=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,n=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!((o=(o=a.trys).length>0&&o[o.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){a.label=i[1];break}if(6===i[0]&&a.label<o[1]){a.label=o[1],o=i;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(i);break}o[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e],n=0}finally{r=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,l])}}}(this,(function(r){switch(r.label){case 0:return[4,(new u.ZP).addressDetail(o)];case 1:return e=r.sent(),L(e,o),D(!1),null===(t=Q.current)||void 0===t||t.focus(),[2]}}))},new((n=void 0)||(n=Promise))((function(t,o){function a(e){try{u(i.next(e))}catch(e){o(e)}}function l(e){try{u(i.throw(e))}catch(e){o(e)}}function u(e){var r;e.done?t(e.value):(r=e.value,r instanceof n?r:new n((function(e){e(r)}))).then(a,l)}u((i=i.apply(e,r||[])).next())}));var e,r,n,i}},{children:r}),r)}))}))})),(0,n.tZ)(i.Z,{value:H,element:r,responsiveStyles:c,repeatIndex:Z}),(0,n.tZ)(a.Z,{containerRef:U,id:r.id,text:r.properties.tooltipText,responsiveStyles:c,repeat:r.repeat})]}))]}))}))},5398:(e,t,r)=>{r.d(t,{Z:()=>i});var n=r(7294),o=r(9479);function i(e){var t=function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,i=r.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(n=i.next()).done;)a.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=i.return)&&r.call(i)}finally{if(o)throw o.error}}return a}((0,n.useState)({width:void 0,height:void 0}),2),r=t[0],i=t[1];return(0,n.useLayoutEffect)((function(){var t=function(){var t=e.current;if(t){var r=t.getBoundingClientRect(),n=r.width,o=r.height;i({width:n>0?n:void 0,height:o>0?o:void 0})}},r=e.current;if(r){if("undefined"==typeof ResizeObserver){var n=(0,o.Kv)();return n&&"function"==typeof n.addEventListener&&"function"==typeof n.removeEventListener?(n.addEventListener("resize",t),t(),function(){return n.removeEventListener("resize",t)}):void t()}var a=new ResizeObserver((function(){return t()}));try{a.observe(r,{box:"border-box"})}catch(e){a.observe(r)}return t(),function(){return a.disconnect()}}}),[e]),r}}}]);

package/umd/{DateSelectorField.00f321e0b1972feb9d69.js → DateSelectorField.54afc978d2fd9d10b106.js}

@@ -1 +1 @@
-"use strict";(this.webpackChunkFeathery=this.webpackChunkFeathery||[]).push([[576],{1587:(e,t,n)=>{n.d(t,{Z:()=>k});var r=n(5944),a=n(7294),i=n(8776),c=n(5467),o=n(2988),d=n(4665),p=n(7449),_=n(9479),l=function(){return l=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},l.apply(this,arguments)};function k(e){var t=e.id,n=e.text,k=e.responsiveStyles,s=e.absolute,m=void 0===s||s,h=e.containerRef,g=e.repeat,u=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,a,i=n.call(e),c=[];try{for(;(void 0===t||t-- >0)&&!(r=i.next()).done;)c.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(a)throw a.error}}return c}((0,a.useState)(!1),2),f=u[0],b=u[1],x=(0,a.useRef)(null);if(!(n=(0,d.xf)(n,g)))return null;var v=(0,_.tq)();return(0,r.BX)(r.HY,{children:[(0,r.tZ)("div",l({ref:x,onMouseEnter:v?void 0:function(){return b(!0)},onMouseLeave:v?void 0:function(){return b(!1)},onFocus:function(){return b(!0)},onBlur:function(){return b(!1)},onClick:function(){return b((function(e){return!e}))},css:m?{position:"absolute",insetInlineEnd:"10px",top:0,bottom:0,zIndex:o.rM,margin:"auto",cursor:"pointer",height:"100%",display:"flex"}:{position:"relative",marginInlineStart:"8px",display:"flex",alignItems:"center"}},{children:(0,r.tZ)(c.by,{cssStyles:k.getTarget("tooltipIcon")})})),(0,r.tZ)(p.Z,l({show:f,targetRef:x,containerRef:h,placement:"left",onHide:function(){return b(!1)},offset:8},{children:(0,r.tZ)(i.u,l({id:"tooltip-".concat(t),css:{zIndex:o.rM+1,padding:".4rem 0",transition:"opacity .10s linear",".tooltip-inner":{maxWidth:"200px",padding:".25rem .5rem",color:"#fff",textAlign:"center",backgroundColor:"#000",borderRadius:".25rem",fontSize:"smaller"}}},{children:n}))}))]})}},7449:(e,t,n)=>{n.d(t,{Z:()=>d});var r=n(5944),a=n(7294),i=n(3935),c=n(9479),o=function(){return o=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},o.apply(this,arguments)};const d=function(e){var t=e.show,n=e.targetRef,d=e.children,l=e.onHide,k=e.placement,s=void 0===k?"bottom-start":k,m=e.offset,h=void 0===m?0:m,g=e.zIndex,u=void 0===g?1e3:g,f=e.containerRef,b=(0,a.useRef)(null),x=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,a,i=n.call(e),c=[];try{for(;(void 0===t||t-- >0)&&!(r=i.next()).done;)c.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(a)throw a.error}}return c}((0,a.useState)(null),2),v=x[0],y=x[1],w=(0,a.useCallback)((function(){return(null==f?void 0:f.current)||(0,c.me)().body}),[f]),q=(0,a.useCallback)((function(){var e;if(t&&n.current&&b.current){var r=(0,c.Kv)(),a=w();if(a){var i=n.current.getBoundingClientRect(),o=b.current.getBoundingClientRect(),d=a.getBoundingClientRect(),l=_(s,i,o,h),k=l.top,m=l.left,g=k+o.height,u=m+o.width,f=k>=0&&g<=r.innerHeight,x=m>=0&&u<=r.innerWidth;if(!f||!x){var v=p(s,!f,!x);v!==s&&(k=(e=_(v,i,o,h)).top,m=e.left)}var q=a===(0,c.me)().body,z=q?k+r.scrollY:k-d.top,O=q?m+r.scrollX:m-d.left;y((function(e){return e&&e.top===z&&e.left===O?e:{top:z,left:O}}))}}}),[t,s,h,w,n]),z=(0,a.useCallback)((function(){var e=!1;return function(){e||(e=!0,requestAnimationFrame((function(){q(),e=!1})))}}),[q])();if((0,a.useLayoutEffect)((function(){t&&q()}),[t,q]),(0,a.useEffect)((function(){if(t){var e=(0,c.Kv)(),r=w();if(r){e.addEventListener("resize",z),e.addEventListener("scroll",z,!0),r!==(0,c.me)().body&&r.addEventListener("scroll",z);var a=new ResizeObserver((function(){return z()}));return n.current&&a.observe(n.current),r!==(0,c.me)().body&&a.observe(r),function(){e.removeEventListener("resize",z),e.removeEventListener("scroll",z,!0),r!==(0,c.me)().body&&r.removeEventListener("scroll",z),a.disconnect()}}}}),[t,z,w,n]),(0,a.useEffect)((function(){if(t){var e=function(e){"Escape"===e.key&&(y(null),null==l||l())},r=function(e){var t=e.target;b.current&&!b.current.contains(t)&&n.current&&!n.current.contains(t)&&(y(null),null==l||l())},a=(0,c.me)();return a.addEventListener("mousedown",r),a.addEventListener("keydown",e),function(){a.removeEventListener("mousedown",r),a.removeEventListener("keydown",e)}}}),[t,l,n]),!t)return null;var O=w();return O?(0,i.createPortal)((0,r.tZ)("div",o({ref:b,style:o(o({position:"absolute"},v||{top:-9999,left:-9999}),{zIndex:u})},{children:d})),O):(0,r.tZ)(r.HY,{children:d})};var p=function(e,t,n){if(t){if(e.includes("top"))return e.replace("top","bottom");if(e.includes("bottom"))return e.replace("bottom","top")}if(n){if(e.includes("left"))return e.replace("left","right");if(e.includes("right"))return e.replace("right","left")}return e},_=function(e,t,n,r){switch(void 0===r&&(r=0),e){case"top":return{top:t.top-n.height-r,left:t.left+(t.width-n.width)/2};case"top-start":return{top:t.top-n.height-r,left:t.left};case"top-end":return{top:t.top-n.height-r,left:t.right-n.width};case"left":return{top:t.top+(t.height-n.height)/2,left:t.left-n.width-r};case"left-start":return{top:t.top,left:t.left-n.width-r};case"left-end":return{top:t.bottom-n.height,left:t.left-n.width-r};case"bottom":default:return{top:t.bottom+r,left:t.left+(t.width-n.width)/2};case"bottom-start":return{top:t.bottom+r,left:t.left};case"bottom-end":return{top:t.bottom+r,left:t.right-n.width};case"right":return{top:t.top+(t.height-n.height)/2,left:t.right+r};case"right-start":return{top:t.top,left:t.right+r};case"right-end":return{top:t.bottom-n.height,left:t.right+r}}}},9069:(e,t,n)=>{n.d(t,{Z:()=>i});var r=n(5944),a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},a.apply(this,arguments)};function i(e){var t,n,i,c=e.value,o=e.element,d=e.responsiveStyles,p=e.type,_=void 0===p?"input":p,l=e.inputFocused,k=void 0!==l&&l,s=e.repeatIndex,m=void 0===s?null:s,h=o.properties,g=null!==(i=(null!==(n=h.repeat_placeholder)&&void 0!==n?n:[])[null!=m?m:0])&&void 0!==i?i:h.placeholder||"",u=a(a({},d.getTarget("placeholderFocus")),d.getTarget("placeholderActive"));return(0,r.tZ)("span",a({css:a(a(a(a({position:"absolute",pointerEvents:"none",insetInlineStart:"0.75rem",transition:"0.2s ease all",top:"input"===_?"50%":"0.6rem"},d.getTarget("placeholder")),c?d.getTarget("placeholderFocus"):{}),k?u:{}),(t={},t["".concat(_,":focus ~ &")]=u,t))},{children:g}))}},8776:(e,t,n)=>{n.d(t,{u:()=>c});var r=n(5944),a=n(2988),i=function(){return i=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},i.apply(this,arguments)},c=function(e){var t=e.children,n=e.css,c=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["children","css"]);return(0,r.tZ)("div",i({css:i({zIndex:a.rM+1,padding:".4rem 0",transition:"opacity .10s linear",".tooltip-inner":{maxWidth:"200px",padding:".25rem .5rem",color:"#fff",textAlign:"center",backgroundColor:"#000",borderRadius:".25rem",fontSize:"smaller"}},n)},c,{children:(0,r.tZ)("div",i({className:"tooltip-inner"},{children:t}))}))}},9629:(e,t,n)=>{n.r(t),n.d(t,{CustomMaskedInput:()=>j,default:()=>L});var r,a=n(5944),i=n(7294),c=n(9069),o=n(1587),d=n(917),p=".react-datepicker__portal",_="--datepicker-pad-top",l="--datepicker-align";function k(){return(0,a.tZ)(d.xB,{styles:(0,d.iv)(r||(e=["\n        .react-datepicker__aria-live {\n          display: none;\n        }\n        .react-datepicker__year-read-view--down-arrow,\n        .react-datepicker__month-read-view--down-arrow,\n        .react-datepicker__month-year-read-view--down-arrow,\n        .react-datepicker__navigation-icon::before {\n          border-color: #ccc;\n          border-style: solid;\n          border-width: 3px 3px 0 0;\n          content: '';\n          display: block;\n          height: 9px;\n          position: absolute;\n          top: 6px;\n          width: 9px;\n        }\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle,\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle {\n          margin-left: -4px;\n          position: absolute;\n          width: 0;\n        }\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle::before,\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle::before,\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle::after,\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle::after {\n          box-sizing: content-box;\n          position: absolute;\n          border: 8px solid transparent;\n          height: 0;\n          width: 1px;\n          content: '';\n          z-index: -1;\n          border-width: 8px;\n          left: -8px;\n        }\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle::before,\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle::before {\n          border-bottom-color: #aeaeae;\n        }\n\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle {\n          top: 0;\n          margin-top: -8px;\n        }\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle::before,\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle::after {\n          border-top: none;\n          border-bottom-color: #f0f0f0;\n        }\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle::after {\n          top: 0;\n        }\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle::before {\n          top: -1px;\n          border-bottom-color: #aeaeae;\n        }\n\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle {\n          bottom: 0;\n          margin-bottom: -8px;\n        }\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle::before,\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle::after {\n          border-bottom: none;\n          border-top-color: #fff;\n        }\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle::after {\n          bottom: 0;\n        }\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle::before {\n          bottom: -1px;\n          border-top-color: #aeaeae;\n        }\n\n        .react-datepicker-wrapper {\n          display: inline-block;\n          padding: 0;\n          border: 0;\n          width: 100%;\n          height: 100%;\n        }\n\n        .react-datepicker {\n          font-family: 'Helvetica Neue', helvetica, arial, sans-serif;\n          font-size: 0.8rem;\n          background-color: #fff;\n          color: #000;\n          border: 1px solid #aeaeae;\n          border-radius: 0.3rem;\n          display: inline-block;\n          position: relative;\n          width: max-content;\n        }\n\n        .react-datepicker--time-only .react-datepicker__triangle {\n          left: 35px;\n        }\n        .react-datepicker--time-only .react-datepicker__time-container {\n          border-left: 0;\n        }\n        .react-datepicker--time-only .react-datepicker__time,\n        .react-datepicker--time-only .react-datepicker__time-box {\n          border-bottom-left-radius: 0.3rem;\n          border-bottom-right-radius: 0.3rem;\n        }\n\n        .react-datepicker__triangle {\n          position: absolute;\n          left: 50px;\n        }\n\n        .react-datepicker-popper {\n          z-index: 2;\n        }\n        .react-datepicker-popper[data-placement^='bottom'] {\n          padding-top: 10px;\n        }\n        .react-datepicker-popper[data-placement='bottom-end']\n          .react-datepicker__triangle,\n        .react-datepicker-popper[data-placement='top-end']\n          .react-datepicker__triangle {\n          left: auto;\n          right: 50px;\n        }\n        .react-datepicker-popper[data-placement^='top'] {\n          padding-bottom: 10px;\n        }\n        .react-datepicker-popper[data-placement^='right'] {\n          padding-left: 8px;\n        }\n        .react-datepicker-popper[data-placement^='right']\n          .react-datepicker__triangle {\n          left: auto;\n          right: 42px;\n        }\n        .react-datepicker-popper[data-placement^='left'] {\n          padding-right: 8px;\n        }\n        .react-datepicker-popper[data-placement^='left']\n          .react-datepicker__triangle {\n          left: 42px;\n          right: auto;\n        }\n\n        .react-datepicker__header {\n          text-align: center;\n          background-color: #f0f0f0;\n          border-bottom: 1px solid #aeaeae;\n          border-top-left-radius: 0.3rem;\n          padding: 8px 0;\n          position: relative;\n        }\n        .react-datepicker__header--time {\n          padding-bottom: 8px;\n          padding-left: 5px;\n          padding-right: 5px;\n        }\n        .react-datepicker__header--time:not(.react-datepicker__header--time--only) {\n          border-top-left-radius: 0;\n        }\n        .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n          border-top-right-radius: 0.3rem;\n        }\n\n        .react-datepicker__year-dropdown-container--select,\n        .react-datepicker__month-dropdown-container--select,\n        .react-datepicker__month-year-dropdown-container--select,\n        .react-datepicker__year-dropdown-container--scroll,\n        .react-datepicker__month-dropdown-container--scroll,\n        .react-datepicker__month-year-dropdown-container--scroll {\n          display: inline-block;\n          margin: 0 2px;\n        }\n\n        @media (min-width: 478px) {\n          .react-datepicker__time-container\n            .react-datepicker__time\n            .react-datepicker__time-box {\n            width: 85px;\n            overflow-x: hidden;\n            margin: 0 auto;\n            text-align: center;\n            border-bottom-right-radius: 0.3rem;\n          }\n          .react-datepicker__time-container\n            .react-datepicker__time\n            .react-datepicker__time-box\n            ul.react-datepicker__time-list {\n            list-style: none;\n            margin: 0;\n            height: calc(195px + (1.7rem / 2));\n            overflow-y: scroll;\n            padding-right: 0;\n            padding-left: 0;\n            width: 100%;\n            box-sizing: content-box;\n          }\n          .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {\n            right: 85px;\n          }\n        }\n        @media (max-width: 478px) {\n          .react-datepicker {\n            display: flex;\n            flex-direction: column;\n          }\n          div.react-datepicker__time-container {\n            float: none;\n            border-top: 1px solid #aeaeae;\n            width: auto;\n            border-left: none;\n          }\n          div.react-datepicker__time-box {\n            width: auto;\n            overflow-x: auto;\n            margin: 0 0;\n            text-align: center;\n            border-bottom-right-radius: inherit;\n          }\n          .react-datepicker__time-container\n            .react-datepicker__time\n            .react-datepicker__time-box\n            ul.react-datepicker__time-list {\n            list-style: none;\n            margin: 0;\n            height: min(calc(195px + (1.7rem / 2)), 40svh) !important;\n            overflow-y: scroll;\n            padding-right: 0;\n            padding-left: 0;\n            width: 100%;\n            box-sizing: content-box;\n          }\n        }\n\n        .react-datepicker__header__dropdown {\n          display: flex;\n          flex-wrap: wrap;\n          margin-inline: 32px;\n        }\n        .react-datepicker__month-dropdown-container--select,\n        .react-datepicker__year-dropdown-container--select {\n          flex: auto;\n          border: 1px solid #dedede;\n          border-radius: 0.25em;\n          padding: 0.25em 0.5em;\n          font-size: 1rem;\n          line-height: 1.1;\n          background-color: #fff;\n          background-image: linear-gradient(to top, #f9f9f9, #fff 33%);\n          display: grid;\n          grid-template-areas: 'select';\n          align-items: center;\n        }\n        .react-datepicker__month-dropdown-container--select::after,\n        .react-datepicker__year-dropdown-container--select::after {\n          content: '';\n          width: 0.6em;\n          height: 0.375em;\n          background-color: #aaa;\n          clip-path: polygon(100% 0%, 0 0%, 50% 100%);\n          grid-area: select;\n          justify-self: end;\n        }\n        .react-datepicker__header__dropdown--select\n          .react-datepicker__month-dropdown-container--select\n          .react-datepicker__month-select,\n        .react-datepicker__header__dropdown--select\n          .react-datepicker__year-dropdown-container--select\n          .react-datepicker__year-select {\n          // A reset of styles, including removing the default dropdown arrow\n          appearance: none !important;\n          // Additional resets for further consistency\n          background-color: transparent;\n          border: none;\n          padding: 0;\n          padding-inline-end: 1em;\n          margin: 0;\n          width: 100%;\n          font-family: inherit;\n          font-size: inherit;\n          cursor: inherit;\n          line-height: inherit;\n          outline: none;\n          grid-area: select;\n          color: black;\n        }\n\n        .react-datepicker__current-month,\n        .react-datepicker-time__header,\n        .react-datepicker-year-header {\n          margin-top: 0;\n          color: #000;\n          font-weight: bold;\n          font-size: 0.944rem;\n        }\n\n        .react-datepicker-time__header {\n          text-overflow: ellipsis;\n          white-space: nowrap;\n          overflow: hidden;\n        }\n\n        .react-datepicker__navigation {\n          align-items: center;\n          background: none;\n          display: flex;\n          justify-content: center;\n          text-align: center;\n          cursor: pointer;\n          position: absolute;\n          top: 2px;\n          padding: 0;\n          border: none;\n          z-index: 1;\n          height: 32px;\n          width: 32px;\n          text-indent: -999em;\n          overflow: hidden;\n        }\n        .react-datepicker__navigation--previous {\n          left: 2px;\n        }\n        .react-datepicker__navigation--next {\n          right: 2px;\n        }\n        .react-datepicker__navigation--years {\n          position: relative;\n          top: 0;\n          display: block;\n          margin-left: auto;\n          margin-right: auto;\n        }\n        .react-datepicker__navigation--years-previous {\n          top: 4px;\n        }\n        .react-datepicker__navigation--years-upcoming {\n          top: -4px;\n        }\n        .react-datepicker__navigation:hover *::before {\n          border-color: #a6a6a6;\n        }\n\n        .react-datepicker__navigation-icon {\n          position: relative;\n          top: -1px;\n          font-size: 20px;\n          width: 0;\n        }\n        .react-datepicker__navigation-icon--next {\n          left: -2px;\n        }\n        .react-datepicker__navigation-icon--next::before {\n          transform: rotate(45deg);\n          left: -7px;\n        }\n        .react-datepicker__navigation-icon--previous {\n          right: -2px;\n        }\n        .react-datepicker__navigation-icon--previous::before {\n          transform: rotate(225deg);\n          right: -7px;\n        }\n\n        .react-datepicker__month-container {\n          float: left;\n        }\n\n        .react-datepicker__year {\n          margin: 0.4rem;\n          text-align: center;\n        }\n        .react-datepicker__year-wrapper {\n          display: flex;\n          flex-wrap: wrap;\n          max-width: 180px;\n        }\n        .react-datepicker__year .react-datepicker__year-text {\n          display: inline-block;\n          width: 4rem;\n          margin: 2px;\n        }\n\n        .react-datepicker__month {\n          margin: 0.4rem;\n          text-align: center;\n        }\n        .react-datepicker__month .react-datepicker__month-text,\n        .react-datepicker__month .react-datepicker__quarter-text {\n          display: inline-block;\n          width: 4rem;\n          margin: 2px;\n        }\n\n        .react-datepicker__input-time-container {\n          clear: both;\n          width: 100%;\n          float: left;\n          margin: 5px 0 10px 15px;\n          text-align: left;\n        }\n        .react-datepicker__input-time-container\n          .react-datepicker-time__caption {\n          display: inline-block;\n        }\n        .react-datepicker__input-time-container\n          .react-datepicker-time__input-container {\n          display: inline-block;\n        }\n        .react-datepicker__input-time-container\n          .react-datepicker-time__input-container\n          .react-datepicker-time__input {\n          display: inline-block;\n          margin-left: 10px;\n        }\n        .react-datepicker__input-time-container\n          .react-datepicker-time__input-container\n          .react-datepicker-time__input\n          input {\n          width: auto;\n        }\n        .react-datepicker__input-time-container\n          .react-datepicker-time__input-container\n          .react-datepicker-time__input\n          input[type='time']::-webkit-inner-spin-button,\n        .react-datepicker__input-time-container\n          .react-datepicker-time__input-container\n          .react-datepicker-time__input\n          input[type='time']::-webkit-outer-spin-button {\n          -webkit-appearance: none;\n          margin: 0;\n        }\n        .react-datepicker__input-time-container\n          .react-datepicker-time__input-container\n          .react-datepicker-time__input\n          input[type='time'] {\n          -moz-appearance: textfield;\n        }\n        .react-datepicker__input-time-container\n          .react-datepicker-time__input-container\n          .react-datepicker-time__delimiter {\n          margin-left: 5px;\n          display: inline-block;\n        }\n\n        .react-datepicker__time-container {\n          float: right;\n          border-left: 1px solid #aeaeae;\n          width: 85px;\n        }\n        .react-datepicker__time-container--with-today-button {\n          display: inline;\n          border: 1px solid #aeaeae;\n          border-radius: 0.3rem;\n          position: absolute;\n          right: -72px;\n          top: 0;\n        }\n        .react-datepicker__time-container .react-datepicker__time {\n          position: relative;\n          background: white;\n          border-bottom-right-radius: 0.3rem;\n        }\n        .react-datepicker__time-container\n          .react-datepicker__time\n          .react-datepicker__time-box\n          ul.react-datepicker__time-list\n          li.react-datepicker__time-list-item {\n          height: 30px;\n          padding: 5px 10px;\n          white-space: nowrap;\n          line-height: 30px;\n          font-size: 0.8rem;\n        }\n        .react-datepicker__time-container\n          .react-datepicker__time\n          .react-datepicker__time-box\n          ul.react-datepicker__time-list\n          li.react-datepicker__time-list-item:hover {\n          cursor: pointer;\n          background-color: #f0f0f0;\n        }\n        .react-datepicker__time-container\n          .react-datepicker__time\n          .react-datepicker__time-box\n          ul.react-datepicker__time-list\n          li.react-datepicker__time-list-item--selected {\n          background-color: #216ba5;\n          color: white;\n          font-weight: bold;\n        }\n        .react-datepicker__time-container\n          .react-datepicker__time\n          .react-datepicker__time-box\n          ul.react-datepicker__time-list\n          li.react-datepicker__time-list-item--selected:hover {\n          background-color: #216ba5;\n        }\n        .react-datepicker__time-container\n          .react-datepicker__time\n          .react-datepicker__time-box\n          ul.react-datepicker__time-list\n          li.react-datepicker__time-list-item--disabled {\n          color: #ccc;\n        }\n        .react-datepicker__time-container\n          .react-datepicker__time\n          .react-datepicker__time-box\n          ul.react-datepicker__time-list\n          li.react-datepicker__time-list-item--disabled:hover {\n          cursor: default;\n          background-color: transparent;\n        }\n\n        .react-datepicker__week-number {\n          color: #ccc;\n          display: inline-block;\n          width: 1.7rem;\n          line-height: 1.7rem;\n          text-align: center;\n          margin: 0.166rem;\n        }\n        .react-datepicker__week-number.react-datepicker__week-number--clickable {\n          cursor: pointer;\n        }\n        .react-datepicker__week-number.react-datepicker__week-number--clickable:hover {\n          border-radius: 0.3rem;\n          background-color: #f0f0f0;\n        }\n\n        .react-datepicker__day-names,\n        .react-datepicker__week {\n          white-space: nowrap;\n        }\n\n        .react-datepicker__day-names {\n          margin-bottom: -8px;\n        }\n\n        .react-datepicker__day-name,\n        .react-datepicker__day,\n        .react-datepicker__time-name {\n          color: #000;\n          display: inline-block;\n          width: 1.7rem;\n          line-height: 1.7rem;\n          text-align: center;\n          margin: 0.166rem;\n        }\n\n        .react-datepicker__month--selected,\n        .react-datepicker__month--in-selecting-range,\n        .react-datepicker__month--in-range,\n        .react-datepicker__quarter--selected,\n        .react-datepicker__quarter--in-selecting-range,\n        .react-datepicker__quarter--in-range {\n          border-radius: 0.3rem;\n          background-color: #216ba5;\n          color: #fff;\n        }\n        .react-datepicker__month--selected:hover,\n        .react-datepicker__month--in-selecting-range:hover,\n        .react-datepicker__month--in-range:hover,\n        .react-datepicker__quarter--selected:hover,\n        .react-datepicker__quarter--in-selecting-range:hover,\n        .react-datepicker__quarter--in-range:hover {\n          background-color: #1d5d90;\n        }\n        .react-datepicker__month--disabled,\n        .react-datepicker__quarter--disabled {\n          color: #ccc;\n          pointer-events: none;\n        }\n        .react-datepicker__month--disabled:hover,\n        .react-datepicker__quarter--disabled:hover {\n          cursor: default;\n          background-color: transparent;\n        }\n\n        .react-datepicker__day {\n          cursor: default;\n        }\n\n        .react-datepicker__month-text,\n        .react-datepicker__quarter-text,\n        .react-datepicker__year-text {\n          cursor: pointer;\n        }\n        .react-datepicker__day:hover,\n        .react-datepicker__month-text:hover,\n        .react-datepicker__quarter-text:hover,\n        .react-datepicker__year-text:hover {\n          border-radius: 0.3rem;\n          background-color: #f0f0f0;\n        }\n        .react-datepicker__day--today,\n        .react-datepicker__month-text--today,\n        .react-datepicker__quarter-text--today,\n        .react-datepicker__year-text--today {\n          font-weight: bold;\n        }\n        .react-datepicker__day--highlighted,\n        .react-datepicker__month-text--highlighted,\n        .react-datepicker__quarter-text--highlighted,\n        .react-datepicker__year-text--highlighted {\n          border-radius: 0.3rem;\n          background-color: #3dcc4a;\n          color: #fff;\n        }\n        .react-datepicker__day--highlighted:hover,\n        .react-datepicker__month-text--highlighted:hover,\n        .react-datepicker__quarter-text--highlighted:hover,\n        .react-datepicker__year-text--highlighted:hover {\n          background-color: #32be3f;\n        }\n        .react-datepicker__day--highlighted-custom-1,\n        .react-datepicker__month-text--highlighted-custom-1,\n        .react-datepicker__quarter-text--highlighted-custom-1,\n        .react-datepicker__year-text--highlighted-custom-1 {\n          color: magenta;\n        }\n        .react-datepicker__day--highlighted-custom-2,\n        .react-datepicker__month-text--highlighted-custom-2,\n        .react-datepicker__quarter-text--highlighted-custom-2,\n        .react-datepicker__year-text--highlighted-custom-2 {\n          color: green;\n        }\n        .react-datepicker__day--selected,\n        .react-datepicker__day--in-selecting-range,\n        .react-datepicker__day--in-range,\n        .react-datepicker__month-text--selected,\n        .react-datepicker__month-text--in-selecting-range,\n        .react-datepicker__month-text--in-range,\n        .react-datepicker__quarter-text--selected,\n        .react-datepicker__quarter-text--in-selecting-range,\n        .react-datepicker__quarter-text--in-range,\n        .react-datepicker__year-text--selected,\n        .react-datepicker__year-text--in-selecting-range,\n        .react-datepicker__year-text--in-range {\n          border-radius: 0.3rem;\n          background-color: #216ba5;\n          color: #fff;\n          font-weight: bold;\n        }\n        .react-datepicker__day--selected:hover,\n        .react-datepicker__day--in-selecting-range:hover,\n        .react-datepicker__day--in-range:hover,\n        .react-datepicker__month-text--selected:hover,\n        .react-datepicker__month-text--in-selecting-range:hover,\n        .react-datepicker__month-text--in-range:hover,\n        .react-datepicker__quarter-text--selected:hover,\n        .react-datepicker__quarter-text--in-selecting-range:hover,\n        .react-datepicker__quarter-text--in-range:hover,\n        .react-datepicker__year-text--selected:hover,\n        .react-datepicker__year-text--in-selecting-range:hover,\n        .react-datepicker__year-text--in-range:hover {\n          background-color: #1d5d90;\n        }\n\n        .react-datepicker__day--keyboard-selected:hover,\n        .react-datepicker__month-text--keyboard-selected:hover,\n        .react-datepicker__quarter-text--keyboard-selected:hover,\n        .react-datepicker__year-text--keyboard-selected:hover {\n          background-color: #1d5d90;\n        }\n        .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),\n        .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),\n        .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),\n        .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {\n          background-color: rgba(33, 107, 165, 0.5);\n        }\n        .react-datepicker__month--selecting-range\n          .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),\n        .react-datepicker__month--selecting-range\n          .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),\n        .react-datepicker__month--selecting-range\n          .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),\n        .react-datepicker__month--selecting-range\n          .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {\n          background-color: #f0f0f0;\n          color: #000;\n        }\n        .react-datepicker__day--disabled,\n        .react-datepicker__month-text--disabled,\n        .react-datepicker__quarter-text--disabled,\n        .react-datepicker__year-text--disabled {\n          cursor: default;\n          color: #ccc;\n        }\n        .react-datepicker__day--disabled:hover,\n        .react-datepicker__month-text--disabled:hover,\n        .react-datepicker__quarter-text--disabled:hover,\n        .react-datepicker__year-text--disabled:hover {\n          background-color: transparent;\n        }\n\n        .react-datepicker__month-text.react-datepicker__month--selected:hover,\n        .react-datepicker__month-text.react-datepicker__month--in-range:hover,\n        .react-datepicker__month-text.react-datepicker__quarter--selected:hover,\n        .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,\n        .react-datepicker__quarter-text.react-datepicker__month--selected:hover,\n        .react-datepicker__quarter-text.react-datepicker__month--in-range:hover,\n        .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,\n        .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {\n          background-color: #216ba5;\n        }\n        .react-datepicker__month-text:hover,\n        .react-datepicker__quarter-text:hover {\n          background-color: #f0f0f0;\n        }\n\n        .react-datepicker__input-container {\n          position: relative;\n          display: inline-block;\n          width: 100%;\n          height: 100%;\n        }\n\n        .react-datepicker__year-read-view,\n        .react-datepicker__month-read-view,\n        .react-datepicker__month-year-read-view {\n          border: 1px solid transparent;\n          border-radius: 0.3rem;\n          position: relative;\n        }\n        .react-datepicker__year-read-view:hover,\n        .react-datepicker__month-read-view:hover,\n        .react-datepicker__month-year-read-view:hover {\n          cursor: pointer;\n        }\n        .react-datepicker__year-read-view:hover\n          .react-datepicker__year-read-view--down-arrow,\n        .react-datepicker__year-read-view:hover\n          .react-datepicker__month-read-view--down-arrow,\n        .react-datepicker__month-read-view:hover\n          .react-datepicker__year-read-view--down-arrow,\n        .react-datepicker__month-read-view:hover\n          .react-datepicker__month-read-view--down-arrow,\n        .react-datepicker__month-year-read-view:hover\n          .react-datepicker__year-read-view--down-arrow,\n        .react-datepicker__month-year-read-view:hover\n          .react-datepicker__month-read-view--down-arrow {\n          border-top-color: #b3b3b3;\n        }\n        .react-datepicker__year-read-view--down-arrow,\n        .react-datepicker__month-read-view--down-arrow,\n        .react-datepicker__month-year-read-view--down-arrow {\n          transform: rotate(135deg);\n          right: -16px;\n          top: 0;\n        }\n\n        .react-datepicker__year-dropdown,\n        .react-datepicker__month-dropdown,\n        .react-datepicker__month-year-dropdown {\n          background-color: #f0f0f0;\n          position: absolute;\n          width: 50%;\n          left: 25%;\n          top: 30px;\n          z-index: 1;\n          text-align: center;\n          border-radius: 0.3rem;\n          border: 1px solid #aeaeae;\n        }\n\n        .react-datepicker__year-dropdown--scrollable,\n        .react-datepicker__month-dropdown--scrollable,\n        .react-datepicker__month-year-dropdown--scrollable {\n          height: 150px;\n          overflow-y: scroll;\n        }\n\n        .react-datepicker__year-option,\n        .react-datepicker__month-option,\n        .react-datepicker__month-year-option {\n          line-height: 20px;\n          width: 100%;\n          display: block;\n          margin-left: auto;\n          margin-right: auto;\n        }\n        .react-datepicker__year-option:first-of-type::before {\n          content: '\\2303';\n          position: absolute;\n          font-size: 30px;\n          top: 12px;\n          left: 40%;\n          margin: auto;\n        }\n        .react-datepicker__year-option:last-of-type::after {\n          content: '\\2303';\n          position: absolute;\n          font-size: 30px;\n          bottom: 12px;\n          left: 40%;\n          margin: auto;\n          transform: scaleY(-1);\n        }\n        .react-datepicker__year-option:first-of-type,\n        .react-datepicker__month-option:first-of-type,\n        .react-datepicker__month-year-option:first-of-type {\n          border-top-left-radius: 0.3rem;\n          border-top-right-radius: 0.3rem;\n        }\n        .react-datepicker__year-option:last-of-type,\n        .react-datepicker__month-option:last-of-type,\n        .react-datepicker__month-year-option:last-of-type {\n          -webkit-user-select: none;\n          -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n          border-bottom-left-radius: 0.3rem;\n          border-bottom-right-radius: 0.3rem;\n        }\n        .react-datepicker__year-option:hover,\n        .react-datepicker__month-option:hover,\n        .react-datepicker__month-year-option:hover {\n          background-color: #ccc;\n        }\n        .react-datepicker__year-option:hover\n          .react-datepicker__navigation--years-upcoming,\n        .react-datepicker__month-option:hover\n          .react-datepicker__navigation--years-upcoming,\n        .react-datepicker__month-year-option:hover\n          .react-datepicker__navigation--years-upcoming {\n          border-bottom-color: #b3b3b3;\n        }\n        .react-datepicker__year-option:hover\n          .react-datepicker__navigation--years-previous,\n        .react-datepicker__month-option:hover\n          .react-datepicker__navigation--years-previous,\n        .react-datepicker__month-year-option:hover\n          .react-datepicker__navigation--years-previous {\n          border-top-color: #b3b3b3;\n        }\n        .react-datepicker__year-option--selected,\n        .react-datepicker__month-option--selected,\n        .react-datepicker__month-year-option--selected {\n          position: absolute;\n          left: 15px;\n        }\n\n        .react-datepicker__close-icon {\n          cursor: pointer;\n          background-color: transparent;\n          border: 0;\n          outline: 0;\n          padding: 0 6px 0 0;\n          position: absolute;\n          top: 0;\n          right: 0;\n          height: 100%;\n          display: table-cell;\n          vertical-align: middle;\n        }\n        .react-datepicker__close-icon::after {\n          cursor: pointer;\n          background-color: #216ba5;\n          color: #fff;\n          border-radius: 50%;\n          height: 16px;\n          width: 16px;\n          padding: 2px;\n          font-size: 12px;\n          line-height: 1;\n          text-align: center;\n          display: table-cell;\n          vertical-align: middle;\n          content: '×';\n        }\n\n        .react-datepicker__today-button {\n          background: #f0f0f0;\n          border-top: 1px solid #aeaeae;\n          cursor: pointer;\n          text-align: center;\n          font-weight: bold;\n          padding: 5px 0;\n          clear: left;\n        }\n\n        "," {\n          position: fixed;\n          background-color: rgba(0, 0, 0, 0.8);\n          bottom: 0;\n          right: 0;\n          left: 0;\n          top: 0;\n          justify-content: center;\n          align-items: var(",", center);\n          display: flex;\n          z-index: 2147483647;\n          padding-top: var(",", 0px);\n        }\n        .react-datepicker__portal .react-datepicker__day-name,\n        .react-datepicker__portal .react-datepicker__day,\n        .react-datepicker__portal .react-datepicker__time-name {\n          width: 3rem;\n          line-height: 3rem;\n        }\n        @media (max-width: 400px), (max-height: 550px) {\n          .react-datepicker__portal .react-datepicker__day-name,\n          .react-datepicker__portal .react-datepicker__day,\n          .react-datepicker__portal .react-datepicker__time-name {\n            width: 2rem;\n            line-height: 2rem;\n          }\n        }\n        .react-datepicker__portal .react-datepicker__current-month,\n        .react-datepicker__portal .react-datepicker-time__header {\n          font-size: 1.44rem;\n        }\n      "],t=["\n        .react-datepicker__aria-live {\n          display: none;\n        }\n        .react-datepicker__year-read-view--down-arrow,\n        .react-datepicker__month-read-view--down-arrow,\n        .react-datepicker__month-year-read-view--down-arrow,\n        .react-datepicker__navigation-icon::before {\n          border-color: #ccc;\n          border-style: solid;\n          border-width: 3px 3px 0 0;\n          content: '';\n          display: block;\n          height: 9px;\n          position: absolute;\n          top: 6px;\n          width: 9px;\n        }\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle,\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle {\n          margin-left: -4px;\n          position: absolute;\n          width: 0;\n        }\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle::before,\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle::before,\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle::after,\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle::after {\n          box-sizing: content-box;\n          position: absolute;\n          border: 8px solid transparent;\n          height: 0;\n          width: 1px;\n          content: '';\n          z-index: -1;\n          border-width: 8px;\n          left: -8px;\n        }\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle::before,\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle::before {\n          border-bottom-color: #aeaeae;\n        }\n\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle {\n          top: 0;\n          margin-top: -8px;\n        }\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle::before,\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle::after {\n          border-top: none;\n          border-bottom-color: #f0f0f0;\n        }\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle::after {\n          top: 0;\n        }\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle::before {\n          top: -1px;\n          border-bottom-color: #aeaeae;\n        }\n\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle {\n          bottom: 0;\n          margin-bottom: -8px;\n        }\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle::before,\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle::after {\n          border-bottom: none;\n          border-top-color: #fff;\n        }\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle::after {\n          bottom: 0;\n        }\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle::before {\n          bottom: -1px;\n          border-top-color: #aeaeae;\n        }\n\n        .react-datepicker-wrapper {\n          display: inline-block;\n          padding: 0;\n          border: 0;\n          width: 100%;\n          height: 100%;\n        }\n\n        .react-datepicker {\n          font-family: 'Helvetica Neue', helvetica, arial, sans-serif;\n          font-size: 0.8rem;\n          background-color: #fff;\n          color: #000;\n          border: 1px solid #aeaeae;\n          border-radius: 0.3rem;\n          display: inline-block;\n          position: relative;\n          width: max-content;\n        }\n\n        .react-datepicker--time-only .react-datepicker__triangle {\n          left: 35px;\n        }\n        .react-datepicker--time-only .react-datepicker__time-container {\n          border-left: 0;\n        }\n        .react-datepicker--time-only .react-datepicker__time,\n        .react-datepicker--time-only .react-datepicker__time-box {\n          border-bottom-left-radius: 0.3rem;\n          border-bottom-right-radius: 0.3rem;\n        }\n\n        .react-datepicker__triangle {\n          position: absolute;\n          left: 50px;\n        }\n\n        .react-datepicker-popper {\n          z-index: 2;\n        }\n        .react-datepicker-popper[data-placement^='bottom'] {\n          padding-top: 10px;\n        }\n        .react-datepicker-popper[data-placement='bottom-end']\n          .react-datepicker__triangle,\n        .react-datepicker-popper[data-placement='top-end']\n          .react-datepicker__triangle {\n          left: auto;\n          right: 50px;\n        }\n        .react-datepicker-popper[data-placement^='top'] {\n          padding-bottom: 10px;\n        }\n        .react-datepicker-popper[data-placement^='right'] {\n          padding-left: 8px;\n        }\n        .react-datepicker-popper[data-placement^='right']\n          .react-datepicker__triangle {\n          left: auto;\n          right: 42px;\n        }\n        .react-datepicker-popper[data-placement^='left'] {\n          padding-right: 8px;\n        }\n        .react-datepicker-popper[data-placement^='left']\n          .react-datepicker__triangle {\n          left: 42px;\n          right: auto;\n        }\n\n        .react-datepicker__header {\n          text-align: center;\n          background-color: #f0f0f0;\n          border-bottom: 1px solid #aeaeae;\n          border-top-left-radius: 0.3rem;\n          padding: 8px 0;\n          position: relative;\n        }\n        .react-datepicker__header--time {\n          padding-bottom: 8px;\n          padding-left: 5px;\n          padding-right: 5px;\n        }\n        .react-datepicker__header--time:not(.react-datepicker__header--time--only) {\n          border-top-left-radius: 0;\n        }\n        .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n          border-top-right-radius: 0.3rem;\n        }\n\n        .react-datepicker__year-dropdown-container--select,\n        .react-datepicker__month-dropdown-container--select,\n        .react-datepicker__month-year-dropdown-container--select,\n        .react-datepicker__year-dropdown-container--scroll,\n        .react-datepicker__month-dropdown-container--scroll,\n        .react-datepicker__month-year-dropdown-container--scroll {\n          display: inline-block;\n          margin: 0 2px;\n        }\n\n        @media (min-width: 478px) {\n          .react-datepicker__time-container\n            .react-datepicker__time\n            .react-datepicker__time-box {\n            width: 85px;\n            overflow-x: hidden;\n            margin: 0 auto;\n            text-align: center;\n            border-bottom-right-radius: 0.3rem;\n          }\n          .react-datepicker__time-container\n            .react-datepicker__time\n            .react-datepicker__time-box\n            ul.react-datepicker__time-list {\n            list-style: none;\n            margin: 0;\n            height: calc(195px + (1.7rem / 2));\n            overflow-y: scroll;\n            padding-right: 0;\n            padding-left: 0;\n            width: 100%;\n            box-sizing: content-box;\n          }\n          .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {\n            right: 85px;\n          }\n        }\n        @media (max-width: 478px) {\n          .react-datepicker {\n            display: flex;\n            flex-direction: column;\n          }\n          div.react-datepicker__time-container {\n            float: none;\n            border-top: 1px solid #aeaeae;\n            width: auto;\n            border-left: none;\n          }\n          div.react-datepicker__time-box {\n            width: auto;\n            overflow-x: auto;\n            margin: 0 0;\n            text-align: center;\n            border-bottom-right-radius: inherit;\n          }\n          .react-datepicker__time-container\n            .react-datepicker__time\n            .react-datepicker__time-box\n            ul.react-datepicker__time-list {\n            list-style: none;\n            margin: 0;\n            height: min(calc(195px + (1.7rem / 2)), 40svh) !important;\n            overflow-y: scroll;\n            padding-right: 0;\n            padding-left: 0;\n            width: 100%;\n            box-sizing: content-box;\n          }\n        }\n\n        .react-datepicker__header__dropdown {\n          display: flex;\n          flex-wrap: wrap;\n          margin-inline: 32px;\n        }\n        .react-datepicker__month-dropdown-container--select,\n        .react-datepicker__year-dropdown-container--select {\n          flex: auto;\n          border: 1px solid #dedede;\n          border-radius: 0.25em;\n          padding: 0.25em 0.5em;\n          font-size: 1rem;\n          line-height: 1.1;\n          background-color: #fff;\n          background-image: linear-gradient(to top, #f9f9f9, #fff 33%);\n          display: grid;\n          grid-template-areas: 'select';\n          align-items: center;\n        }\n        .react-datepicker__month-dropdown-container--select::after,\n        .react-datepicker__year-dropdown-container--select::after {\n          content: '';\n          width: 0.6em;\n          height: 0.375em;\n          background-color: #aaa;\n          clip-path: polygon(100% 0%, 0 0%, 50% 100%);\n          grid-area: select;\n          justify-self: end;\n        }\n        .react-datepicker__header__dropdown--select\n          .react-datepicker__month-dropdown-container--select\n          .react-datepicker__month-select,\n        .react-datepicker__header__dropdown--select\n          .react-datepicker__year-dropdown-container--select\n          .react-datepicker__year-select {\n          // A reset of styles, including removing the default dropdown arrow\n          appearance: none !important;\n          // Additional resets for further consistency\n          background-color: transparent;\n          border: none;\n          padding: 0;\n          padding-inline-end: 1em;\n          margin: 0;\n          width: 100%;\n          font-family: inherit;\n          font-size: inherit;\n          cursor: inherit;\n          line-height: inherit;\n          outline: none;\n          grid-area: select;\n          color: black;\n        }\n\n        .react-datepicker__current-month,\n        .react-datepicker-time__header,\n        .react-datepicker-year-header {\n          margin-top: 0;\n          color: #000;\n          font-weight: bold;\n          font-size: 0.944rem;\n        }\n\n        .react-datepicker-time__header {\n          text-overflow: ellipsis;\n          white-space: nowrap;\n          overflow: hidden;\n        }\n\n        .react-datepicker__navigation {\n          align-items: center;\n          background: none;\n          display: flex;\n          justify-content: center;\n          text-align: center;\n          cursor: pointer;\n          position: absolute;\n          top: 2px;\n          padding: 0;\n          border: none;\n          z-index: 1;\n          height: 32px;\n          width: 32px;\n          text-indent: -999em;\n          overflow: hidden;\n        }\n        .react-datepicker__navigation--previous {\n          left: 2px;\n        }\n        .react-datepicker__navigation--next {\n          right: 2px;\n        }\n        .react-datepicker__navigation--years {\n          position: relative;\n          top: 0;\n          display: block;\n          margin-left: auto;\n          margin-right: auto;\n        }\n        .react-datepicker__navigation--years-previous {\n          top: 4px;\n        }\n        .react-datepicker__navigation--years-upcoming {\n          top: -4px;\n        }\n        .react-datepicker__navigation:hover *::before {\n          border-color: #a6a6a6;\n        }\n\n        .react-datepicker__navigation-icon {\n          position: relative;\n          top: -1px;\n          font-size: 20px;\n          width: 0;\n        }\n        .react-datepicker__navigation-icon--next {\n          left: -2px;\n        }\n        .react-datepicker__navigation-icon--next::before {\n          transform: rotate(45deg);\n          left: -7px;\n        }\n        .react-datepicker__navigation-icon--previous {\n          right: -2px;\n        }\n        .react-datepicker__navigation-icon--previous::before {\n          transform: rotate(225deg);\n          right: -7px;\n        }\n\n        .react-datepicker__month-container {\n          float: left;\n        }\n\n        .react-datepicker__year {\n          margin: 0.4rem;\n          text-align: center;\n        }\n        .react-datepicker__year-wrapper {\n          display: flex;\n          flex-wrap: wrap;\n          max-width: 180px;\n        }\n        .react-datepicker__year .react-datepicker__year-text {\n          display: inline-block;\n          width: 4rem;\n          margin: 2px;\n        }\n\n        .react-datepicker__month {\n          margin: 0.4rem;\n          text-align: center;\n        }\n        .react-datepicker__month .react-datepicker__month-text,\n        .react-datepicker__month .react-datepicker__quarter-text {\n          display: inline-block;\n          width: 4rem;\n          margin: 2px;\n        }\n\n        .react-datepicker__input-time-container {\n          clear: both;\n          width: 100%;\n          float: left;\n          margin: 5px 0 10px 15px;\n          text-align: left;\n        }\n        .react-datepicker__input-time-container\n          .react-datepicker-time__caption {\n          display: inline-block;\n        }\n        .react-datepicker__input-time-container\n          .react-datepicker-time__input-container {\n          display: inline-block;\n        }\n        .react-datepicker__input-time-container\n          .react-datepicker-time__input-container\n          .react-datepicker-time__input {\n          display: inline-block;\n          margin-left: 10px;\n        }\n        .react-datepicker__input-time-container\n          .react-datepicker-time__input-container\n          .react-datepicker-time__input\n          input {\n          width: auto;\n        }\n        .react-datepicker__input-time-container\n          .react-datepicker-time__input-container\n          .react-datepicker-time__input\n          input[type='time']::-webkit-inner-spin-button,\n        .react-datepicker__input-time-container\n          .react-datepicker-time__input-container\n          .react-datepicker-time__input\n          input[type='time']::-webkit-outer-spin-button {\n          -webkit-appearance: none;\n          margin: 0;\n        }\n        .react-datepicker__input-time-container\n          .react-datepicker-time__input-container\n          .react-datepicker-time__input\n          input[type='time'] {\n          -moz-appearance: textfield;\n        }\n        .react-datepicker__input-time-container\n          .react-datepicker-time__input-container\n          .react-datepicker-time__delimiter {\n          margin-left: 5px;\n          display: inline-block;\n        }\n\n        .react-datepicker__time-container {\n          float: right;\n          border-left: 1px solid #aeaeae;\n          width: 85px;\n        }\n        .react-datepicker__time-container--with-today-button {\n          display: inline;\n          border: 1px solid #aeaeae;\n          border-radius: 0.3rem;\n          position: absolute;\n          right: -72px;\n          top: 0;\n        }\n        .react-datepicker__time-container .react-datepicker__time {\n          position: relative;\n          background: white;\n          border-bottom-right-radius: 0.3rem;\n        }\n        .react-datepicker__time-container\n          .react-datepicker__time\n          .react-datepicker__time-box\n          ul.react-datepicker__time-list\n          li.react-datepicker__time-list-item {\n          height: 30px;\n          padding: 5px 10px;\n          white-space: nowrap;\n          line-height: 30px;\n          font-size: 0.8rem;\n        }\n        .react-datepicker__time-container\n          .react-datepicker__time\n          .react-datepicker__time-box\n          ul.react-datepicker__time-list\n          li.react-datepicker__time-list-item:hover {\n          cursor: pointer;\n          background-color: #f0f0f0;\n        }\n        .react-datepicker__time-container\n          .react-datepicker__time\n          .react-datepicker__time-box\n          ul.react-datepicker__time-list\n          li.react-datepicker__time-list-item--selected {\n          background-color: #216ba5;\n          color: white;\n          font-weight: bold;\n        }\n        .react-datepicker__time-container\n          .react-datepicker__time\n          .react-datepicker__time-box\n          ul.react-datepicker__time-list\n          li.react-datepicker__time-list-item--selected:hover {\n          background-color: #216ba5;\n        }\n        .react-datepicker__time-container\n          .react-datepicker__time\n          .react-datepicker__time-box\n          ul.react-datepicker__time-list\n          li.react-datepicker__time-list-item--disabled {\n          color: #ccc;\n        }\n        .react-datepicker__time-container\n          .react-datepicker__time\n          .react-datepicker__time-box\n          ul.react-datepicker__time-list\n          li.react-datepicker__time-list-item--disabled:hover {\n          cursor: default;\n          background-color: transparent;\n        }\n\n        .react-datepicker__week-number {\n          color: #ccc;\n          display: inline-block;\n          width: 1.7rem;\n          line-height: 1.7rem;\n          text-align: center;\n          margin: 0.166rem;\n        }\n        .react-datepicker__week-number.react-datepicker__week-number--clickable {\n          cursor: pointer;\n        }\n        .react-datepicker__week-number.react-datepicker__week-number--clickable:hover {\n          border-radius: 0.3rem;\n          background-color: #f0f0f0;\n        }\n\n        .react-datepicker__day-names,\n        .react-datepicker__week {\n          white-space: nowrap;\n        }\n\n        .react-datepicker__day-names {\n          margin-bottom: -8px;\n        }\n\n        .react-datepicker__day-name,\n        .react-datepicker__day,\n        .react-datepicker__time-name {\n          color: #000;\n          display: inline-block;\n          width: 1.7rem;\n          line-height: 1.7rem;\n          text-align: center;\n          margin: 0.166rem;\n        }\n\n        .react-datepicker__month--selected,\n        .react-datepicker__month--in-selecting-range,\n        .react-datepicker__month--in-range,\n        .react-datepicker__quarter--selected,\n        .react-datepicker__quarter--in-selecting-range,\n        .react-datepicker__quarter--in-range {\n          border-radius: 0.3rem;\n          background-color: #216ba5;\n          color: #fff;\n        }\n        .react-datepicker__month--selected:hover,\n        .react-datepicker__month--in-selecting-range:hover,\n        .react-datepicker__month--in-range:hover,\n        .react-datepicker__quarter--selected:hover,\n        .react-datepicker__quarter--in-selecting-range:hover,\n        .react-datepicker__quarter--in-range:hover {\n          background-color: #1d5d90;\n        }\n        .react-datepicker__month--disabled,\n        .react-datepicker__quarter--disabled {\n          color: #ccc;\n          pointer-events: none;\n        }\n        .react-datepicker__month--disabled:hover,\n        .react-datepicker__quarter--disabled:hover {\n          cursor: default;\n          background-color: transparent;\n        }\n\n        .react-datepicker__day {\n          cursor: default;\n        }\n\n        .react-datepicker__month-text,\n        .react-datepicker__quarter-text,\n        .react-datepicker__year-text {\n          cursor: pointer;\n        }\n        .react-datepicker__day:hover,\n        .react-datepicker__month-text:hover,\n        .react-datepicker__quarter-text:hover,\n        .react-datepicker__year-text:hover {\n          border-radius: 0.3rem;\n          background-color: #f0f0f0;\n        }\n        .react-datepicker__day--today,\n        .react-datepicker__month-text--today,\n        .react-datepicker__quarter-text--today,\n        .react-datepicker__year-text--today {\n          font-weight: bold;\n        }\n        .react-datepicker__day--highlighted,\n        .react-datepicker__month-text--highlighted,\n        .react-datepicker__quarter-text--highlighted,\n        .react-datepicker__year-text--highlighted {\n          border-radius: 0.3rem;\n          background-color: #3dcc4a;\n          color: #fff;\n        }\n        .react-datepicker__day--highlighted:hover,\n        .react-datepicker__month-text--highlighted:hover,\n        .react-datepicker__quarter-text--highlighted:hover,\n        .react-datepicker__year-text--highlighted:hover {\n          background-color: #32be3f;\n        }\n        .react-datepicker__day--highlighted-custom-1,\n        .react-datepicker__month-text--highlighted-custom-1,\n        .react-datepicker__quarter-text--highlighted-custom-1,\n        .react-datepicker__year-text--highlighted-custom-1 {\n          color: magenta;\n        }\n        .react-datepicker__day--highlighted-custom-2,\n        .react-datepicker__month-text--highlighted-custom-2,\n        .react-datepicker__quarter-text--highlighted-custom-2,\n        .react-datepicker__year-text--highlighted-custom-2 {\n          color: green;\n        }\n        .react-datepicker__day--selected,\n        .react-datepicker__day--in-selecting-range,\n        .react-datepicker__day--in-range,\n        .react-datepicker__month-text--selected,\n        .react-datepicker__month-text--in-selecting-range,\n        .react-datepicker__month-text--in-range,\n        .react-datepicker__quarter-text--selected,\n        .react-datepicker__quarter-text--in-selecting-range,\n        .react-datepicker__quarter-text--in-range,\n        .react-datepicker__year-text--selected,\n        .react-datepicker__year-text--in-selecting-range,\n        .react-datepicker__year-text--in-range {\n          border-radius: 0.3rem;\n          background-color: #216ba5;\n          color: #fff;\n          font-weight: bold;\n        }\n        .react-datepicker__day--selected:hover,\n        .react-datepicker__day--in-selecting-range:hover,\n        .react-datepicker__day--in-range:hover,\n        .react-datepicker__month-text--selected:hover,\n        .react-datepicker__month-text--in-selecting-range:hover,\n        .react-datepicker__month-text--in-range:hover,\n        .react-datepicker__quarter-text--selected:hover,\n        .react-datepicker__quarter-text--in-selecting-range:hover,\n        .react-datepicker__quarter-text--in-range:hover,\n        .react-datepicker__year-text--selected:hover,\n        .react-datepicker__year-text--in-selecting-range:hover,\n        .react-datepicker__year-text--in-range:hover {\n          background-color: #1d5d90;\n        }\n\n        .react-datepicker__day--keyboard-selected:hover,\n        .react-datepicker__month-text--keyboard-selected:hover,\n        .react-datepicker__quarter-text--keyboard-selected:hover,\n        .react-datepicker__year-text--keyboard-selected:hover {\n          background-color: #1d5d90;\n        }\n        .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),\n        .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),\n        .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),\n        .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {\n          background-color: rgba(33, 107, 165, 0.5);\n        }\n        .react-datepicker__month--selecting-range\n          .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),\n        .react-datepicker__month--selecting-range\n          .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),\n        .react-datepicker__month--selecting-range\n          .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),\n        .react-datepicker__month--selecting-range\n          .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {\n          background-color: #f0f0f0;\n          color: #000;\n        }\n        .react-datepicker__day--disabled,\n        .react-datepicker__month-text--disabled,\n        .react-datepicker__quarter-text--disabled,\n        .react-datepicker__year-text--disabled {\n          cursor: default;\n          color: #ccc;\n        }\n        .react-datepicker__day--disabled:hover,\n        .react-datepicker__month-text--disabled:hover,\n        .react-datepicker__quarter-text--disabled:hover,\n        .react-datepicker__year-text--disabled:hover {\n          background-color: transparent;\n        }\n\n        .react-datepicker__month-text.react-datepicker__month--selected:hover,\n        .react-datepicker__month-text.react-datepicker__month--in-range:hover,\n        .react-datepicker__month-text.react-datepicker__quarter--selected:hover,\n        .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,\n        .react-datepicker__quarter-text.react-datepicker__month--selected:hover,\n        .react-datepicker__quarter-text.react-datepicker__month--in-range:hover,\n        .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,\n        .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {\n          background-color: #216ba5;\n        }\n        .react-datepicker__month-text:hover,\n        .react-datepicker__quarter-text:hover {\n          background-color: #f0f0f0;\n        }\n\n        .react-datepicker__input-container {\n          position: relative;\n          display: inline-block;\n          width: 100%;\n          height: 100%;\n        }\n\n        .react-datepicker__year-read-view,\n        .react-datepicker__month-read-view,\n        .react-datepicker__month-year-read-view {\n          border: 1px solid transparent;\n          border-radius: 0.3rem;\n          position: relative;\n        }\n        .react-datepicker__year-read-view:hover,\n        .react-datepicker__month-read-view:hover,\n        .react-datepicker__month-year-read-view:hover {\n          cursor: pointer;\n        }\n        .react-datepicker__year-read-view:hover\n          .react-datepicker__year-read-view--down-arrow,\n        .react-datepicker__year-read-view:hover\n          .react-datepicker__month-read-view--down-arrow,\n        .react-datepicker__month-read-view:hover\n          .react-datepicker__year-read-view--down-arrow,\n        .react-datepicker__month-read-view:hover\n          .react-datepicker__month-read-view--down-arrow,\n        .react-datepicker__month-year-read-view:hover\n          .react-datepicker__year-read-view--down-arrow,\n        .react-datepicker__month-year-read-view:hover\n          .react-datepicker__month-read-view--down-arrow {\n          border-top-color: #b3b3b3;\n        }\n        .react-datepicker__year-read-view--down-arrow,\n        .react-datepicker__month-read-view--down-arrow,\n        .react-datepicker__month-year-read-view--down-arrow {\n          transform: rotate(135deg);\n          right: -16px;\n          top: 0;\n        }\n\n        .react-datepicker__year-dropdown,\n        .react-datepicker__month-dropdown,\n        .react-datepicker__month-year-dropdown {\n          background-color: #f0f0f0;\n          position: absolute;\n          width: 50%;\n          left: 25%;\n          top: 30px;\n          z-index: 1;\n          text-align: center;\n          border-radius: 0.3rem;\n          border: 1px solid #aeaeae;\n        }\n\n        .react-datepicker__year-dropdown--scrollable,\n        .react-datepicker__month-dropdown--scrollable,\n        .react-datepicker__month-year-dropdown--scrollable {\n          height: 150px;\n          overflow-y: scroll;\n        }\n\n        .react-datepicker__year-option,\n        .react-datepicker__month-option,\n        .react-datepicker__month-year-option {\n          line-height: 20px;\n          width: 100%;\n          display: block;\n          margin-left: auto;\n          margin-right: auto;\n        }\n        .react-datepicker__year-option:first-of-type::before {\n          content: '\\\\2303';\n          position: absolute;\n          font-size: 30px;\n          top: 12px;\n          left: 40%;\n          margin: auto;\n        }\n        .react-datepicker__year-option:last-of-type::after {\n          content: '\\\\2303';\n          position: absolute;\n          font-size: 30px;\n          bottom: 12px;\n          left: 40%;\n          margin: auto;\n          transform: scaleY(-1);\n        }\n        .react-datepicker__year-option:first-of-type,\n        .react-datepicker__month-option:first-of-type,\n        .react-datepicker__month-year-option:first-of-type {\n          border-top-left-radius: 0.3rem;\n          border-top-right-radius: 0.3rem;\n        }\n        .react-datepicker__year-option:last-of-type,\n        .react-datepicker__month-option:last-of-type,\n        .react-datepicker__month-year-option:last-of-type {\n          -webkit-user-select: none;\n          -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n          border-bottom-left-radius: 0.3rem;\n          border-bottom-right-radius: 0.3rem;\n        }\n        .react-datepicker__year-option:hover,\n        .react-datepicker__month-option:hover,\n        .react-datepicker__month-year-option:hover {\n          background-color: #ccc;\n        }\n        .react-datepicker__year-option:hover\n          .react-datepicker__navigation--years-upcoming,\n        .react-datepicker__month-option:hover\n          .react-datepicker__navigation--years-upcoming,\n        .react-datepicker__month-year-option:hover\n          .react-datepicker__navigation--years-upcoming {\n          border-bottom-color: #b3b3b3;\n        }\n        .react-datepicker__year-option:hover\n          .react-datepicker__navigation--years-previous,\n        .react-datepicker__month-option:hover\n          .react-datepicker__navigation--years-previous,\n        .react-datepicker__month-year-option:hover\n          .react-datepicker__navigation--years-previous {\n          border-top-color: #b3b3b3;\n        }\n        .react-datepicker__year-option--selected,\n        .react-datepicker__month-option--selected,\n        .react-datepicker__month-year-option--selected {\n          position: absolute;\n          left: 15px;\n        }\n\n        .react-datepicker__close-icon {\n          cursor: pointer;\n          background-color: transparent;\n          border: 0;\n          outline: 0;\n          padding: 0 6px 0 0;\n          position: absolute;\n          top: 0;\n          right: 0;\n          height: 100%;\n          display: table-cell;\n          vertical-align: middle;\n        }\n        .react-datepicker__close-icon::after {\n          cursor: pointer;\n          background-color: #216ba5;\n          color: #fff;\n          border-radius: 50%;\n          height: 16px;\n          width: 16px;\n          padding: 2px;\n          font-size: 12px;\n          line-height: 1;\n          text-align: center;\n          display: table-cell;\n          vertical-align: middle;\n          content: '×';\n        }\n\n        .react-datepicker__today-button {\n          background: #f0f0f0;\n          border-top: 1px solid #aeaeae;\n          cursor: pointer;\n          text-align: center;\n          font-weight: bold;\n          padding: 5px 0;\n          clear: left;\n        }\n\n        "," {\n          position: fixed;\n          background-color: rgba(0, 0, 0, 0.8);\n          bottom: 0;\n          right: 0;\n          left: 0;\n          top: 0;\n          justify-content: center;\n          align-items: var(",", center);\n          display: flex;\n          z-index: 2147483647;\n          padding-top: var(",", 0px);\n        }\n        .react-datepicker__portal .react-datepicker__day-name,\n        .react-datepicker__portal .react-datepicker__day,\n        .react-datepicker__portal .react-datepicker__time-name {\n          width: 3rem;\n          line-height: 3rem;\n        }\n        @media (max-width: 400px), (max-height: 550px) {\n          .react-datepicker__portal .react-datepicker__day-name,\n          .react-datepicker__portal .react-datepicker__day,\n          .react-datepicker__portal .react-datepicker__time-name {\n            width: 2rem;\n            line-height: 2rem;\n          }\n        }\n        .react-datepicker__portal .react-datepicker__current-month,\n        .react-datepicker__portal .react-datepicker-time__header {\n          font-size: 1.44rem;\n        }\n      "],Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,r=e),p,l,_)});var e,t}var s=n(1211),m=n(462),h=n(7199),g=n(6867),u=n(9479),f=n(4711),b=function(){return b=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},b.apply(this,arguments)},x=n(171),v=n(9198),y=n.n(v),w=n(3466),q=function(){return q=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},q.apply(this,arguments)},z=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,a,i=n.call(e),c=[];try{for(;(void 0===t||t-- >0)&&!(r=i.next()).done;)c.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(a)throw a.error}}return c},O=function(e){return e.split(":").map(Number)},E=function(e){var t;if(e){if("string"==typeof e){var n=(0,m.D)(e);return"Invalid Date"===n.toString()?void 0:n}if("object"==typeof e&&void 0!==e.number&&e.unit){var r=new Date,a=e.number,i=e.unit;return(0,h.I)(r,((t={})[i]=a,t))}}},S=function(e){return e.stopPropagation()};const L=(0,i.memo)((function(e){var t,n,r,d,h,v=e.element,w=e.responsiveStyles,L=e.fieldLabel,M=e.elementProps,R=void 0===M?{}:M,C=e.required,Z=void 0!==C&&C,I=e.disabled,P=void 0!==I&&I,D=e.repeatIndex,T=e.editMode,H=e.onComplete,B=void 0===H?function(){}:H,F=e.onEnter,A=void 0===F?function(){}:F,N=e.setRef,V=void 0===N?function(){}:N,Y=e.value,K=void 0===Y?"":Y,W=e.inlineError,X=e.children,G=v.servar.metadata,J=(0,i.useRef)(void 0),Q=z((0,i.useState)(null),2),U=Q[0],$=Q[1],ee=v.properties.translate||{},te=(0,i.useRef)(null),ne=(0,i.useRef)(!1),re=function(e){var t=void 0===e?{}:e,n=t.monthNames,r=t.shortDayNames,a=(0,i.useMemo)((function(){try{return f._&&f._.localize?n&&12!==n.length?(console.warn("Could not load translation: Month translation must contain exactly 12 months"),f._):r&&7!==r.length?(console.warn("Could not load translation: Weekday translation must contain exactly 7 days"),f._):b(b({},f._),{localize:b(b({},f._.localize),{month:function(e,t){var r,a;if(void 0===t&&(t={}),!n)return null===(r=f._.localize)||void 0===r?void 0:r.month(e,t);var i=t.width;return i&&"wide"!==i?null===(a=f._.localize)||void 0===a?void 0:a.month(e,t):n[e]},day:function(e,t){var n,a;if(void 0===t&&(t={}),!r)return null===(n=f._.localize)||void 0===n?void 0:n.day(e,t);var i=t.width;return i&&"short"!==i?null===(a=f._.localize)||void 0===a?void 0:a.day(e,t):r[e]}})}):void console.warn("Could not load translation: Base locale could not be loaded")}catch(e){return void console.error("Could not load translation:",e)}}),[n,r]);return a}({monthNames:ee.months,shortDayNames:ee.weekdays}),ae=z((0,i.useState)(0),2),ie=ae[0],ce=ae[1],oe=(0,u.tq)(),de=(null===(t=(0,u.Kv)())||void 0===t?void 0:t.self)!==(null===(n=(0,u.Kv)())||void 0===n?void 0:n.top);(0,i.useEffect)((function(){J.current}),[J.current]),(0,i.useEffect)((function(){var e=(0,u.me)(),t=function(){"hidden"===e.visibilityState&&(ne.current=!0)};return e.addEventListener("visibilitychange",t),function(){return e.removeEventListener("visibilitychange",t)}}),[]),(0,i.useEffect)((function(){var e=te.current;if(e){var t=function(){var e,t;!ne.current||P||oe||(ne.current=!1,null===(t=null===(e=J.current)||void 0===e?void 0:e.setOpen)||void 0===t||t.call(e,!0))};return e.addEventListener("focusin",t),function(){return e.removeEventListener("focusin",t)}}}),[P,oe]),(0,i.useEffect)((function(){var e=null;K&&("Invalid Date"===(e=(0,m.D)(K)).toString()?e=null:G.choose_time||e.setHours(0,0,0)),$(e)}),[K]);var pe=function(e,t){void 0===t&&(t=!1),$(e=null!=e?e:null),t&&B((0,x.i)(e,G))},_e=(0,g.Z)({element:v,error:W,breakpoint:w.getMobileBreakpoint()}),le=_e.borderStyles,ke=_e.customBorder,se=z((0,i.useState)(!1),2),me=se[0],he=se[1],ge=G.display_format?"dd/MM/yyyy":"MM/dd/yyyy",ue="24hr"===G.time_format?"HH:mm":"hh:mm aa";return G.choose_time&&(ge="".concat(ge," ").concat(ue)),(0,a.BX)("div",q({ref:te,css:q({maxWidth:"100%",width:"100%",height:"100%",position:"relative",pointerEvents:T?"none":"auto"},w.getTarget("fc"))},R,{onPointerDown:function(e){de&&oe&&ce(e.clientY)}},{children:[X,L,(0,a.BX)("div",q({css:q(q(q({position:"relative",width:"100%"},w.getTarget("sub-fc")),P?w.getTarget("disabled"):{}),{"&:hover":(0,u.wL)(P?{}:q(q({},w.getTarget("hover")),le.hover)),"&&":me?q(q({},w.getTarget("active")),le.active):{},"&>div:not([class])":{height:"100%"}})},{children:[ke,(0,a.tZ)(k,{}),(0,a.tZ)(y(),{id:v.servar.key,selected:U,autoComplete:"new-password",locale:re,timeCaption:ee.time_label,preventOpenOnFocus:oe,onCalendarOpen:function(){var e,t;(0,u.me)().addEventListener("touchstart",S,!0),de&&oe&&(null===(e=(0,u.me)().querySelector(p))||void 0===e||e.style.setProperty(_,"".concat(ie,"px")),null===(t=(0,u.me)().querySelector(p))||void 0===t||t.style.setProperty(l,"flex-start"))},onCalendarClose:function(){(0,u.me)().removeEventListener("touchstart",S,!0),he(!1),pe(U,!0)},onSelect:function(e){return pe(e)},onChange:function(e){return pe(e)},onFocus:function(e){oe&&(e.target.readOnly=!0),e.target.select(),he(!0)},onBlur:function(){return he(!1)},onKeyDown:function(e){"Enter"===e.key&&A(e)},required:Z,readOnly:P,filterDate:function(e){var t;return!(G.no_weekends&&[0,6].includes(e.getDay())||(null!==(t=G.disabled_dates)&&void 0!==t?t:[]).includes("".concat(e.getMonth()+1,"-").concat(e.getDate())))},filterTime:function(e){var t=e.getHours(),n=e.getMinutes();if(G.min_time){var r=z(O(G.min_time),2),a=r[0],i=r[1];if(a>t||a===t&&i>n)return!1}if(G.max_time){var c=z(O(G.max_time),2),o=c[0],d=c[1];if(o<t||o===t&&d<n)return!1}return!0},showTimeSelect:null!==(r=G.choose_time)&&void 0!==r&&r,timeIntervals:G.time_interval||30,dateFormat:ge,timeFormat:ue,maxDate:T?void 0:null!==(d=E(G.max_date))&&void 0!==d?d:G.no_future?new Date:void 0,minDate:T?void 0:null!==(h=E(G.min_date))&&void 0!==h?h:G.no_past?new Date:void 0,showMonthDropdown:!0,showYearDropdown:!0,forceShowMonthNavigation:!1,dropdownMode:"select",withPortal:oe,portalId:oe?"feathery-portal":void 0,"aria-label":v.properties.aria_label,css:q(q(q({height:"100%",width:"100%",border:"none",margin:0,background:"transparent"},s.ET),w.getTarget("field")),me||K||!v.properties.placeholder?{}:{color:"transparent !important"}),ref:function(e){J.current=e,V(e)},customInput:(0,a.tZ)(j,{dateMask:ge})}),(0,a.tZ)(c.Z,{value:K,element:v,responsiveStyles:w,inputFocused:me,repeatIndex:D}),(0,a.tZ)(o.Z,{containerRef:te,id:v.id,text:v.properties.tooltipText,responsiveStyles:w,repeat:v.repeat})]}))]}))}));var M={dd:{mask:w.LV.MaskedRange,from:1,to:31,maxLength:2},MM:{mask:w.LV.MaskedRange,from:1,to:12,maxLength:2},yyyy:{mask:w.LV.MaskedRange,from:1,to:9999,maxLength:4},HH:{mask:w.LV.MaskedRange,from:0,to:23,maxLength:2},hh:{mask:w.LV.MaskedRange,from:1,to:12,maxLength:2},mm:{mask:w.LV.MaskedRange,from:0,to:59,maxLength:2},aa:{mask:w.LV.MaskedEnum,enum:["AM","PM"]}},j=i.forwardRef((function(e,t){var n=e.dateMask,r=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["dateMask"]);return(0,a.tZ)(w.oc,q({},r,{ref:t,mask:n,blocks:M}))}))}}]);
+"use strict";(this.webpackChunkFeathery=this.webpackChunkFeathery||[]).push([[576],{1587:(e,t,n)=>{n.d(t,{Z:()=>k});var r=n(5944),a=n(7294),i=n(8776),c=n(5096),o=n(2988),d=n(4665),p=n(7449),_=n(9479),l=function(){return l=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},l.apply(this,arguments)};function k(e){var t=e.id,n=e.text,k=e.responsiveStyles,s=e.absolute,m=void 0===s||s,h=e.containerRef,g=e.repeat,u=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,a,i=n.call(e),c=[];try{for(;(void 0===t||t-- >0)&&!(r=i.next()).done;)c.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(a)throw a.error}}return c}((0,a.useState)(!1),2),f=u[0],b=u[1],x=(0,a.useRef)(null);if(!(n=(0,d.xf)(n,g)))return null;var v=(0,_.tq)();return(0,r.BX)(r.HY,{children:[(0,r.tZ)("div",l({ref:x,onMouseEnter:v?void 0:function(){return b(!0)},onMouseLeave:v?void 0:function(){return b(!1)},onFocus:function(){return b(!0)},onBlur:function(){return b(!1)},onClick:function(){return b((function(e){return!e}))},css:m?{position:"absolute",insetInlineEnd:"10px",top:0,bottom:0,zIndex:o.rM,margin:"auto",cursor:"pointer",height:"100%",display:"flex"}:{position:"relative",marginInlineStart:"8px",display:"flex",alignItems:"center"}},{children:(0,r.tZ)(c.by,{cssStyles:k.getTarget("tooltipIcon")})})),(0,r.tZ)(p.Z,l({show:f,targetRef:x,containerRef:h,placement:"left",onHide:function(){return b(!1)},offset:8},{children:(0,r.tZ)(i.u,l({id:"tooltip-".concat(t),css:{zIndex:o.rM+1,padding:".4rem 0",transition:"opacity .10s linear",".tooltip-inner":{maxWidth:"200px",padding:".25rem .5rem",color:"#fff",textAlign:"center",backgroundColor:"#000",borderRadius:".25rem",fontSize:"smaller"}}},{children:n}))}))]})}},7449:(e,t,n)=>{n.d(t,{Z:()=>d});var r=n(5944),a=n(7294),i=n(3935),c=n(9479),o=function(){return o=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},o.apply(this,arguments)};const d=function(e){var t=e.show,n=e.targetRef,d=e.children,l=e.onHide,k=e.placement,s=void 0===k?"bottom-start":k,m=e.offset,h=void 0===m?0:m,g=e.zIndex,u=void 0===g?1e3:g,f=e.containerRef,b=(0,a.useRef)(null),x=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,a,i=n.call(e),c=[];try{for(;(void 0===t||t-- >0)&&!(r=i.next()).done;)c.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(a)throw a.error}}return c}((0,a.useState)(null),2),v=x[0],y=x[1],w=(0,a.useCallback)((function(){return(null==f?void 0:f.current)||(0,c.me)().body}),[f]),q=(0,a.useCallback)((function(){var e;if(t&&n.current&&b.current){var r=(0,c.Kv)(),a=w();if(a){var i=n.current.getBoundingClientRect(),o=b.current.getBoundingClientRect(),d=a.getBoundingClientRect(),l=_(s,i,o,h),k=l.top,m=l.left,g=k+o.height,u=m+o.width,f=k>=0&&g<=r.innerHeight,x=m>=0&&u<=r.innerWidth;if(!f||!x){var v=p(s,!f,!x);v!==s&&(k=(e=_(v,i,o,h)).top,m=e.left)}var q=a===(0,c.me)().body,z=q?k+r.scrollY:k-d.top,O=q?m+r.scrollX:m-d.left;y((function(e){return e&&e.top===z&&e.left===O?e:{top:z,left:O}}))}}}),[t,s,h,w,n]),z=(0,a.useCallback)((function(){var e=!1;return function(){e||(e=!0,requestAnimationFrame((function(){q(),e=!1})))}}),[q])();if((0,a.useLayoutEffect)((function(){t&&q()}),[t,q]),(0,a.useEffect)((function(){if(t){var e=(0,c.Kv)(),r=w();if(r){e.addEventListener("resize",z),e.addEventListener("scroll",z,!0),r!==(0,c.me)().body&&r.addEventListener("scroll",z);var a=new ResizeObserver((function(){return z()}));return n.current&&a.observe(n.current),r!==(0,c.me)().body&&a.observe(r),function(){e.removeEventListener("resize",z),e.removeEventListener("scroll",z,!0),r!==(0,c.me)().body&&r.removeEventListener("scroll",z),a.disconnect()}}}}),[t,z,w,n]),(0,a.useEffect)((function(){if(t){var e=function(e){"Escape"===e.key&&(y(null),null==l||l())},r=function(e){var t=e.target;b.current&&!b.current.contains(t)&&n.current&&!n.current.contains(t)&&(y(null),null==l||l())},a=(0,c.me)();return a.addEventListener("mousedown",r),a.addEventListener("keydown",e),function(){a.removeEventListener("mousedown",r),a.removeEventListener("keydown",e)}}}),[t,l,n]),!t)return null;var O=w();return O?(0,i.createPortal)((0,r.tZ)("div",o({ref:b,style:o(o({position:"absolute"},v||{top:-9999,left:-9999}),{zIndex:u})},{children:d})),O):(0,r.tZ)(r.HY,{children:d})};var p=function(e,t,n){if(t){if(e.includes("top"))return e.replace("top","bottom");if(e.includes("bottom"))return e.replace("bottom","top")}if(n){if(e.includes("left"))return e.replace("left","right");if(e.includes("right"))return e.replace("right","left")}return e},_=function(e,t,n,r){switch(void 0===r&&(r=0),e){case"top":return{top:t.top-n.height-r,left:t.left+(t.width-n.width)/2};case"top-start":return{top:t.top-n.height-r,left:t.left};case"top-end":return{top:t.top-n.height-r,left:t.right-n.width};case"left":return{top:t.top+(t.height-n.height)/2,left:t.left-n.width-r};case"left-start":return{top:t.top,left:t.left-n.width-r};case"left-end":return{top:t.bottom-n.height,left:t.left-n.width-r};case"bottom":default:return{top:t.bottom+r,left:t.left+(t.width-n.width)/2};case"bottom-start":return{top:t.bottom+r,left:t.left};case"bottom-end":return{top:t.bottom+r,left:t.right-n.width};case"right":return{top:t.top+(t.height-n.height)/2,left:t.right+r};case"right-start":return{top:t.top,left:t.right+r};case"right-end":return{top:t.bottom-n.height,left:t.right+r}}}},9069:(e,t,n)=>{n.d(t,{Z:()=>i});var r=n(5944),a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},a.apply(this,arguments)};function i(e){var t,n,i,c=e.value,o=e.element,d=e.responsiveStyles,p=e.type,_=void 0===p?"input":p,l=e.inputFocused,k=void 0!==l&&l,s=e.repeatIndex,m=void 0===s?null:s,h=o.properties,g=null!==(i=(null!==(n=h.repeat_placeholder)&&void 0!==n?n:[])[null!=m?m:0])&&void 0!==i?i:h.placeholder||"",u=a(a({},d.getTarget("placeholderFocus")),d.getTarget("placeholderActive"));return(0,r.tZ)("span",a({css:a(a(a(a({position:"absolute",pointerEvents:"none",insetInlineStart:"0.75rem",transition:"0.2s ease all",top:"input"===_?"50%":"0.6rem"},d.getTarget("placeholder")),c?d.getTarget("placeholderFocus"):{}),k?u:{}),(t={},t["".concat(_,":focus ~ &")]=u,t))},{children:g}))}},8776:(e,t,n)=>{n.d(t,{u:()=>c});var r=n(5944),a=n(2988),i=function(){return i=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},i.apply(this,arguments)},c=function(e){var t=e.children,n=e.css,c=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["children","css"]);return(0,r.tZ)("div",i({css:i({zIndex:a.rM+1,padding:".4rem 0",transition:"opacity .10s linear",".tooltip-inner":{maxWidth:"200px",padding:".25rem .5rem",color:"#fff",textAlign:"center",backgroundColor:"#000",borderRadius:".25rem",fontSize:"smaller"}},n)},c,{children:(0,r.tZ)("div",i({className:"tooltip-inner"},{children:t}))}))}},9629:(e,t,n)=>{n.r(t),n.d(t,{CustomMaskedInput:()=>j,default:()=>L});var r,a=n(5944),i=n(7294),c=n(9069),o=n(1587),d=n(917),p=".react-datepicker__portal",_="--datepicker-pad-top",l="--datepicker-align";function k(){return(0,a.tZ)(d.xB,{styles:(0,d.iv)(r||(e=["\n        .react-datepicker__aria-live {\n          display: none;\n        }\n        .react-datepicker__year-read-view--down-arrow,\n        .react-datepicker__month-read-view--down-arrow,\n        .react-datepicker__month-year-read-view--down-arrow,\n        .react-datepicker__navigation-icon::before {\n          border-color: #ccc;\n          border-style: solid;\n          border-width: 3px 3px 0 0;\n          content: '';\n          display: block;\n          height: 9px;\n          position: absolute;\n          top: 6px;\n          width: 9px;\n        }\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle,\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle {\n          margin-left: -4px;\n          position: absolute;\n          width: 0;\n        }\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle::before,\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle::before,\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle::after,\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle::after {\n          box-sizing: content-box;\n          position: absolute;\n          border: 8px solid transparent;\n          height: 0;\n          width: 1px;\n          content: '';\n          z-index: -1;\n          border-width: 8px;\n          left: -8px;\n        }\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle::before,\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle::before {\n          border-bottom-color: #aeaeae;\n        }\n\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle {\n          top: 0;\n          margin-top: -8px;\n        }\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle::before,\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle::after {\n          border-top: none;\n          border-bottom-color: #f0f0f0;\n        }\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle::after {\n          top: 0;\n        }\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle::before {\n          top: -1px;\n          border-bottom-color: #aeaeae;\n        }\n\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle {\n          bottom: 0;\n          margin-bottom: -8px;\n        }\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle::before,\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle::after {\n          border-bottom: none;\n          border-top-color: #fff;\n        }\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle::after {\n          bottom: 0;\n        }\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle::before {\n          bottom: -1px;\n          border-top-color: #aeaeae;\n        }\n\n        .react-datepicker-wrapper {\n          display: inline-block;\n          padding: 0;\n          border: 0;\n          width: 100%;\n          height: 100%;\n        }\n\n        .react-datepicker {\n          font-family: 'Helvetica Neue', helvetica, arial, sans-serif;\n          font-size: 0.8rem;\n          background-color: #fff;\n          color: #000;\n          border: 1px solid #aeaeae;\n          border-radius: 0.3rem;\n          display: inline-block;\n          position: relative;\n          width: max-content;\n        }\n\n        .react-datepicker--time-only .react-datepicker__triangle {\n          left: 35px;\n        }\n        .react-datepicker--time-only .react-datepicker__time-container {\n          border-left: 0;\n        }\n        .react-datepicker--time-only .react-datepicker__time,\n        .react-datepicker--time-only .react-datepicker__time-box {\n          border-bottom-left-radius: 0.3rem;\n          border-bottom-right-radius: 0.3rem;\n        }\n\n        .react-datepicker__triangle {\n          position: absolute;\n          left: 50px;\n        }\n\n        .react-datepicker-popper {\n          z-index: 2;\n        }\n        .react-datepicker-popper[data-placement^='bottom'] {\n          padding-top: 10px;\n        }\n        .react-datepicker-popper[data-placement='bottom-end']\n          .react-datepicker__triangle,\n        .react-datepicker-popper[data-placement='top-end']\n          .react-datepicker__triangle {\n          left: auto;\n          right: 50px;\n        }\n        .react-datepicker-popper[data-placement^='top'] {\n          padding-bottom: 10px;\n        }\n        .react-datepicker-popper[data-placement^='right'] {\n          padding-left: 8px;\n        }\n        .react-datepicker-popper[data-placement^='right']\n          .react-datepicker__triangle {\n          left: auto;\n          right: 42px;\n        }\n        .react-datepicker-popper[data-placement^='left'] {\n          padding-right: 8px;\n        }\n        .react-datepicker-popper[data-placement^='left']\n          .react-datepicker__triangle {\n          left: 42px;\n          right: auto;\n        }\n\n        .react-datepicker__header {\n          text-align: center;\n          background-color: #f0f0f0;\n          border-bottom: 1px solid #aeaeae;\n          border-top-left-radius: 0.3rem;\n          padding: 8px 0;\n          position: relative;\n        }\n        .react-datepicker__header--time {\n          padding-bottom: 8px;\n          padding-left: 5px;\n          padding-right: 5px;\n        }\n        .react-datepicker__header--time:not(.react-datepicker__header--time--only) {\n          border-top-left-radius: 0;\n        }\n        .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n          border-top-right-radius: 0.3rem;\n        }\n\n        .react-datepicker__year-dropdown-container--select,\n        .react-datepicker__month-dropdown-container--select,\n        .react-datepicker__month-year-dropdown-container--select,\n        .react-datepicker__year-dropdown-container--scroll,\n        .react-datepicker__month-dropdown-container--scroll,\n        .react-datepicker__month-year-dropdown-container--scroll {\n          display: inline-block;\n          margin: 0 2px;\n        }\n\n        @media (min-width: 478px) {\n          .react-datepicker__time-container\n            .react-datepicker__time\n            .react-datepicker__time-box {\n            width: 85px;\n            overflow-x: hidden;\n            margin: 0 auto;\n            text-align: center;\n            border-bottom-right-radius: 0.3rem;\n          }\n          .react-datepicker__time-container\n            .react-datepicker__time\n            .react-datepicker__time-box\n            ul.react-datepicker__time-list {\n            list-style: none;\n            margin: 0;\n            height: calc(195px + (1.7rem / 2));\n            overflow-y: scroll;\n            padding-right: 0;\n            padding-left: 0;\n            width: 100%;\n            box-sizing: content-box;\n          }\n          .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {\n            right: 85px;\n          }\n        }\n        @media (max-width: 478px) {\n          .react-datepicker {\n            display: flex;\n            flex-direction: column;\n          }\n          div.react-datepicker__time-container {\n            float: none;\n            border-top: 1px solid #aeaeae;\n            width: auto;\n            border-left: none;\n          }\n          div.react-datepicker__time-box {\n            width: auto;\n            overflow-x: auto;\n            margin: 0 0;\n            text-align: center;\n            border-bottom-right-radius: inherit;\n          }\n          .react-datepicker__time-container\n            .react-datepicker__time\n            .react-datepicker__time-box\n            ul.react-datepicker__time-list {\n            list-style: none;\n            margin: 0;\n            height: min(calc(195px + (1.7rem / 2)), 40svh) !important;\n            overflow-y: scroll;\n            padding-right: 0;\n            padding-left: 0;\n            width: 100%;\n            box-sizing: content-box;\n          }\n        }\n\n        .react-datepicker__header__dropdown {\n          display: flex;\n          flex-wrap: wrap;\n          margin-inline: 32px;\n        }\n        .react-datepicker__month-dropdown-container--select,\n        .react-datepicker__year-dropdown-container--select {\n          flex: auto;\n          border: 1px solid #dedede;\n          border-radius: 0.25em;\n          padding: 0.25em 0.5em;\n          font-size: 1rem;\n          line-height: 1.1;\n          background-color: #fff;\n          background-image: linear-gradient(to top, #f9f9f9, #fff 33%);\n          display: grid;\n          grid-template-areas: 'select';\n          align-items: center;\n        }\n        .react-datepicker__month-dropdown-container--select::after,\n        .react-datepicker__year-dropdown-container--select::after {\n          content: '';\n          width: 0.6em;\n          height: 0.375em;\n          background-color: #aaa;\n          clip-path: polygon(100% 0%, 0 0%, 50% 100%);\n          grid-area: select;\n          justify-self: end;\n        }\n        .react-datepicker__header__dropdown--select\n          .react-datepicker__month-dropdown-container--select\n          .react-datepicker__month-select,\n        .react-datepicker__header__dropdown--select\n          .react-datepicker__year-dropdown-container--select\n          .react-datepicker__year-select {\n          // A reset of styles, including removing the default dropdown arrow\n          appearance: none !important;\n          // Additional resets for further consistency\n          background-color: transparent;\n          border: none;\n          padding: 0;\n          padding-inline-end: 1em;\n          margin: 0;\n          width: 100%;\n          font-family: inherit;\n          font-size: inherit;\n          cursor: inherit;\n          line-height: inherit;\n          outline: none;\n          grid-area: select;\n          color: black;\n        }\n\n        .react-datepicker__current-month,\n        .react-datepicker-time__header,\n        .react-datepicker-year-header {\n          margin-top: 0;\n          color: #000;\n          font-weight: bold;\n          font-size: 0.944rem;\n        }\n\n        .react-datepicker-time__header {\n          text-overflow: ellipsis;\n          white-space: nowrap;\n          overflow: hidden;\n        }\n\n        .react-datepicker__navigation {\n          align-items: center;\n          background: none;\n          display: flex;\n          justify-content: center;\n          text-align: center;\n          cursor: pointer;\n          position: absolute;\n          top: 2px;\n          padding: 0;\n          border: none;\n          z-index: 1;\n          height: 32px;\n          width: 32px;\n          text-indent: -999em;\n          overflow: hidden;\n        }\n        .react-datepicker__navigation--previous {\n          left: 2px;\n        }\n        .react-datepicker__navigation--next {\n          right: 2px;\n        }\n        .react-datepicker__navigation--years {\n          position: relative;\n          top: 0;\n          display: block;\n          margin-left: auto;\n          margin-right: auto;\n        }\n        .react-datepicker__navigation--years-previous {\n          top: 4px;\n        }\n        .react-datepicker__navigation--years-upcoming {\n          top: -4px;\n        }\n        .react-datepicker__navigation:hover *::before {\n          border-color: #a6a6a6;\n        }\n\n        .react-datepicker__navigation-icon {\n          position: relative;\n          top: -1px;\n          font-size: 20px;\n          width: 0;\n        }\n        .react-datepicker__navigation-icon--next {\n          left: -2px;\n        }\n        .react-datepicker__navigation-icon--next::before {\n          transform: rotate(45deg);\n          left: -7px;\n        }\n        .react-datepicker__navigation-icon--previous {\n          right: -2px;\n        }\n        .react-datepicker__navigation-icon--previous::before {\n          transform: rotate(225deg);\n          right: -7px;\n        }\n\n        .react-datepicker__month-container {\n          float: left;\n        }\n\n        .react-datepicker__year {\n          margin: 0.4rem;\n          text-align: center;\n        }\n        .react-datepicker__year-wrapper {\n          display: flex;\n          flex-wrap: wrap;\n          max-width: 180px;\n        }\n        .react-datepicker__year .react-datepicker__year-text {\n          display: inline-block;\n          width: 4rem;\n          margin: 2px;\n        }\n\n        .react-datepicker__month {\n          margin: 0.4rem;\n          text-align: center;\n        }\n        .react-datepicker__month .react-datepicker__month-text,\n        .react-datepicker__month .react-datepicker__quarter-text {\n          display: inline-block;\n          width: 4rem;\n          margin: 2px;\n        }\n\n        .react-datepicker__input-time-container {\n          clear: both;\n          width: 100%;\n          float: left;\n          margin: 5px 0 10px 15px;\n          text-align: left;\n        }\n        .react-datepicker__input-time-container\n          .react-datepicker-time__caption {\n          display: inline-block;\n        }\n        .react-datepicker__input-time-container\n          .react-datepicker-time__input-container {\n          display: inline-block;\n        }\n        .react-datepicker__input-time-container\n          .react-datepicker-time__input-container\n          .react-datepicker-time__input {\n          display: inline-block;\n          margin-left: 10px;\n        }\n        .react-datepicker__input-time-container\n          .react-datepicker-time__input-container\n          .react-datepicker-time__input\n          input {\n          width: auto;\n        }\n        .react-datepicker__input-time-container\n          .react-datepicker-time__input-container\n          .react-datepicker-time__input\n          input[type='time']::-webkit-inner-spin-button,\n        .react-datepicker__input-time-container\n          .react-datepicker-time__input-container\n          .react-datepicker-time__input\n          input[type='time']::-webkit-outer-spin-button {\n          -webkit-appearance: none;\n          margin: 0;\n        }\n        .react-datepicker__input-time-container\n          .react-datepicker-time__input-container\n          .react-datepicker-time__input\n          input[type='time'] {\n          -moz-appearance: textfield;\n        }\n        .react-datepicker__input-time-container\n          .react-datepicker-time__input-container\n          .react-datepicker-time__delimiter {\n          margin-left: 5px;\n          display: inline-block;\n        }\n\n        .react-datepicker__time-container {\n          float: right;\n          border-left: 1px solid #aeaeae;\n          width: 85px;\n        }\n        .react-datepicker__time-container--with-today-button {\n          display: inline;\n          border: 1px solid #aeaeae;\n          border-radius: 0.3rem;\n          position: absolute;\n          right: -72px;\n          top: 0;\n        }\n        .react-datepicker__time-container .react-datepicker__time {\n          position: relative;\n          background: white;\n          border-bottom-right-radius: 0.3rem;\n        }\n        .react-datepicker__time-container\n          .react-datepicker__time\n          .react-datepicker__time-box\n          ul.react-datepicker__time-list\n          li.react-datepicker__time-list-item {\n          height: 30px;\n          padding: 5px 10px;\n          white-space: nowrap;\n          line-height: 30px;\n          font-size: 0.8rem;\n        }\n        .react-datepicker__time-container\n          .react-datepicker__time\n          .react-datepicker__time-box\n          ul.react-datepicker__time-list\n          li.react-datepicker__time-list-item:hover {\n          cursor: pointer;\n          background-color: #f0f0f0;\n        }\n        .react-datepicker__time-container\n          .react-datepicker__time\n          .react-datepicker__time-box\n          ul.react-datepicker__time-list\n          li.react-datepicker__time-list-item--selected {\n          background-color: #216ba5;\n          color: white;\n          font-weight: bold;\n        }\n        .react-datepicker__time-container\n          .react-datepicker__time\n          .react-datepicker__time-box\n          ul.react-datepicker__time-list\n          li.react-datepicker__time-list-item--selected:hover {\n          background-color: #216ba5;\n        }\n        .react-datepicker__time-container\n          .react-datepicker__time\n          .react-datepicker__time-box\n          ul.react-datepicker__time-list\n          li.react-datepicker__time-list-item--disabled {\n          color: #ccc;\n        }\n        .react-datepicker__time-container\n          .react-datepicker__time\n          .react-datepicker__time-box\n          ul.react-datepicker__time-list\n          li.react-datepicker__time-list-item--disabled:hover {\n          cursor: default;\n          background-color: transparent;\n        }\n\n        .react-datepicker__week-number {\n          color: #ccc;\n          display: inline-block;\n          width: 1.7rem;\n          line-height: 1.7rem;\n          text-align: center;\n          margin: 0.166rem;\n        }\n        .react-datepicker__week-number.react-datepicker__week-number--clickable {\n          cursor: pointer;\n        }\n        .react-datepicker__week-number.react-datepicker__week-number--clickable:hover {\n          border-radius: 0.3rem;\n          background-color: #f0f0f0;\n        }\n\n        .react-datepicker__day-names,\n        .react-datepicker__week {\n          white-space: nowrap;\n        }\n\n        .react-datepicker__day-names {\n          margin-bottom: -8px;\n        }\n\n        .react-datepicker__day-name,\n        .react-datepicker__day,\n        .react-datepicker__time-name {\n          color: #000;\n          display: inline-block;\n          width: 1.7rem;\n          line-height: 1.7rem;\n          text-align: center;\n          margin: 0.166rem;\n        }\n\n        .react-datepicker__month--selected,\n        .react-datepicker__month--in-selecting-range,\n        .react-datepicker__month--in-range,\n        .react-datepicker__quarter--selected,\n        .react-datepicker__quarter--in-selecting-range,\n        .react-datepicker__quarter--in-range {\n          border-radius: 0.3rem;\n          background-color: #216ba5;\n          color: #fff;\n        }\n        .react-datepicker__month--selected:hover,\n        .react-datepicker__month--in-selecting-range:hover,\n        .react-datepicker__month--in-range:hover,\n        .react-datepicker__quarter--selected:hover,\n        .react-datepicker__quarter--in-selecting-range:hover,\n        .react-datepicker__quarter--in-range:hover {\n          background-color: #1d5d90;\n        }\n        .react-datepicker__month--disabled,\n        .react-datepicker__quarter--disabled {\n          color: #ccc;\n          pointer-events: none;\n        }\n        .react-datepicker__month--disabled:hover,\n        .react-datepicker__quarter--disabled:hover {\n          cursor: default;\n          background-color: transparent;\n        }\n\n        .react-datepicker__day {\n          cursor: default;\n        }\n\n        .react-datepicker__month-text,\n        .react-datepicker__quarter-text,\n        .react-datepicker__year-text {\n          cursor: pointer;\n        }\n        .react-datepicker__day:hover,\n        .react-datepicker__month-text:hover,\n        .react-datepicker__quarter-text:hover,\n        .react-datepicker__year-text:hover {\n          border-radius: 0.3rem;\n          background-color: #f0f0f0;\n        }\n        .react-datepicker__day--today,\n        .react-datepicker__month-text--today,\n        .react-datepicker__quarter-text--today,\n        .react-datepicker__year-text--today {\n          font-weight: bold;\n        }\n        .react-datepicker__day--highlighted,\n        .react-datepicker__month-text--highlighted,\n        .react-datepicker__quarter-text--highlighted,\n        .react-datepicker__year-text--highlighted {\n          border-radius: 0.3rem;\n          background-color: #3dcc4a;\n          color: #fff;\n        }\n        .react-datepicker__day--highlighted:hover,\n        .react-datepicker__month-text--highlighted:hover,\n        .react-datepicker__quarter-text--highlighted:hover,\n        .react-datepicker__year-text--highlighted:hover {\n          background-color: #32be3f;\n        }\n        .react-datepicker__day--highlighted-custom-1,\n        .react-datepicker__month-text--highlighted-custom-1,\n        .react-datepicker__quarter-text--highlighted-custom-1,\n        .react-datepicker__year-text--highlighted-custom-1 {\n          color: magenta;\n        }\n        .react-datepicker__day--highlighted-custom-2,\n        .react-datepicker__month-text--highlighted-custom-2,\n        .react-datepicker__quarter-text--highlighted-custom-2,\n        .react-datepicker__year-text--highlighted-custom-2 {\n          color: green;\n        }\n        .react-datepicker__day--selected,\n        .react-datepicker__day--in-selecting-range,\n        .react-datepicker__day--in-range,\n        .react-datepicker__month-text--selected,\n        .react-datepicker__month-text--in-selecting-range,\n        .react-datepicker__month-text--in-range,\n        .react-datepicker__quarter-text--selected,\n        .react-datepicker__quarter-text--in-selecting-range,\n        .react-datepicker__quarter-text--in-range,\n        .react-datepicker__year-text--selected,\n        .react-datepicker__year-text--in-selecting-range,\n        .react-datepicker__year-text--in-range {\n          border-radius: 0.3rem;\n          background-color: #216ba5;\n          color: #fff;\n          font-weight: bold;\n        }\n        .react-datepicker__day--selected:hover,\n        .react-datepicker__day--in-selecting-range:hover,\n        .react-datepicker__day--in-range:hover,\n        .react-datepicker__month-text--selected:hover,\n        .react-datepicker__month-text--in-selecting-range:hover,\n        .react-datepicker__month-text--in-range:hover,\n        .react-datepicker__quarter-text--selected:hover,\n        .react-datepicker__quarter-text--in-selecting-range:hover,\n        .react-datepicker__quarter-text--in-range:hover,\n        .react-datepicker__year-text--selected:hover,\n        .react-datepicker__year-text--in-selecting-range:hover,\n        .react-datepicker__year-text--in-range:hover {\n          background-color: #1d5d90;\n        }\n\n        .react-datepicker__day--keyboard-selected:hover,\n        .react-datepicker__month-text--keyboard-selected:hover,\n        .react-datepicker__quarter-text--keyboard-selected:hover,\n        .react-datepicker__year-text--keyboard-selected:hover {\n          background-color: #1d5d90;\n        }\n        .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),\n        .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),\n        .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),\n        .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {\n          background-color: rgba(33, 107, 165, 0.5);\n        }\n        .react-datepicker__month--selecting-range\n          .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),\n        .react-datepicker__month--selecting-range\n          .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),\n        .react-datepicker__month--selecting-range\n          .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),\n        .react-datepicker__month--selecting-range\n          .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {\n          background-color: #f0f0f0;\n          color: #000;\n        }\n        .react-datepicker__day--disabled,\n        .react-datepicker__month-text--disabled,\n        .react-datepicker__quarter-text--disabled,\n        .react-datepicker__year-text--disabled {\n          cursor: default;\n          color: #ccc;\n        }\n        .react-datepicker__day--disabled:hover,\n        .react-datepicker__month-text--disabled:hover,\n        .react-datepicker__quarter-text--disabled:hover,\n        .react-datepicker__year-text--disabled:hover {\n          background-color: transparent;\n        }\n\n        .react-datepicker__month-text.react-datepicker__month--selected:hover,\n        .react-datepicker__month-text.react-datepicker__month--in-range:hover,\n        .react-datepicker__month-text.react-datepicker__quarter--selected:hover,\n        .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,\n        .react-datepicker__quarter-text.react-datepicker__month--selected:hover,\n        .react-datepicker__quarter-text.react-datepicker__month--in-range:hover,\n        .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,\n        .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {\n          background-color: #216ba5;\n        }\n        .react-datepicker__month-text:hover,\n        .react-datepicker__quarter-text:hover {\n          background-color: #f0f0f0;\n        }\n\n        .react-datepicker__input-container {\n          position: relative;\n          display: inline-block;\n          width: 100%;\n          height: 100%;\n        }\n\n        .react-datepicker__year-read-view,\n        .react-datepicker__month-read-view,\n        .react-datepicker__month-year-read-view {\n          border: 1px solid transparent;\n          border-radius: 0.3rem;\n          position: relative;\n        }\n        .react-datepicker__year-read-view:hover,\n        .react-datepicker__month-read-view:hover,\n        .react-datepicker__month-year-read-view:hover {\n          cursor: pointer;\n        }\n        .react-datepicker__year-read-view:hover\n          .react-datepicker__year-read-view--down-arrow,\n        .react-datepicker__year-read-view:hover\n          .react-datepicker__month-read-view--down-arrow,\n        .react-datepicker__month-read-view:hover\n          .react-datepicker__year-read-view--down-arrow,\n        .react-datepicker__month-read-view:hover\n          .react-datepicker__month-read-view--down-arrow,\n        .react-datepicker__month-year-read-view:hover\n          .react-datepicker__year-read-view--down-arrow,\n        .react-datepicker__month-year-read-view:hover\n          .react-datepicker__month-read-view--down-arrow {\n          border-top-color: #b3b3b3;\n        }\n        .react-datepicker__year-read-view--down-arrow,\n        .react-datepicker__month-read-view--down-arrow,\n        .react-datepicker__month-year-read-view--down-arrow {\n          transform: rotate(135deg);\n          right: -16px;\n          top: 0;\n        }\n\n        .react-datepicker__year-dropdown,\n        .react-datepicker__month-dropdown,\n        .react-datepicker__month-year-dropdown {\n          background-color: #f0f0f0;\n          position: absolute;\n          width: 50%;\n          left: 25%;\n          top: 30px;\n          z-index: 1;\n          text-align: center;\n          border-radius: 0.3rem;\n          border: 1px solid #aeaeae;\n        }\n\n        .react-datepicker__year-dropdown--scrollable,\n        .react-datepicker__month-dropdown--scrollable,\n        .react-datepicker__month-year-dropdown--scrollable {\n          height: 150px;\n          overflow-y: scroll;\n        }\n\n        .react-datepicker__year-option,\n        .react-datepicker__month-option,\n        .react-datepicker__month-year-option {\n          line-height: 20px;\n          width: 100%;\n          display: block;\n          margin-left: auto;\n          margin-right: auto;\n        }\n        .react-datepicker__year-option:first-of-type::before {\n          content: '\\2303';\n          position: absolute;\n          font-size: 30px;\n          top: 12px;\n          left: 40%;\n          margin: auto;\n        }\n        .react-datepicker__year-option:last-of-type::after {\n          content: '\\2303';\n          position: absolute;\n          font-size: 30px;\n          bottom: 12px;\n          left: 40%;\n          margin: auto;\n          transform: scaleY(-1);\n        }\n        .react-datepicker__year-option:first-of-type,\n        .react-datepicker__month-option:first-of-type,\n        .react-datepicker__month-year-option:first-of-type {\n          border-top-left-radius: 0.3rem;\n          border-top-right-radius: 0.3rem;\n        }\n        .react-datepicker__year-option:last-of-type,\n        .react-datepicker__month-option:last-of-type,\n        .react-datepicker__month-year-option:last-of-type {\n          -webkit-user-select: none;\n          -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n          border-bottom-left-radius: 0.3rem;\n          border-bottom-right-radius: 0.3rem;\n        }\n        .react-datepicker__year-option:hover,\n        .react-datepicker__month-option:hover,\n        .react-datepicker__month-year-option:hover {\n          background-color: #ccc;\n        }\n        .react-datepicker__year-option:hover\n          .react-datepicker__navigation--years-upcoming,\n        .react-datepicker__month-option:hover\n          .react-datepicker__navigation--years-upcoming,\n        .react-datepicker__month-year-option:hover\n          .react-datepicker__navigation--years-upcoming {\n          border-bottom-color: #b3b3b3;\n        }\n        .react-datepicker__year-option:hover\n          .react-datepicker__navigation--years-previous,\n        .react-datepicker__month-option:hover\n          .react-datepicker__navigation--years-previous,\n        .react-datepicker__month-year-option:hover\n          .react-datepicker__navigation--years-previous {\n          border-top-color: #b3b3b3;\n        }\n        .react-datepicker__year-option--selected,\n        .react-datepicker__month-option--selected,\n        .react-datepicker__month-year-option--selected {\n          position: absolute;\n          left: 15px;\n        }\n\n        .react-datepicker__close-icon {\n          cursor: pointer;\n          background-color: transparent;\n          border: 0;\n          outline: 0;\n          padding: 0 6px 0 0;\n          position: absolute;\n          top: 0;\n          right: 0;\n          height: 100%;\n          display: table-cell;\n          vertical-align: middle;\n        }\n        .react-datepicker__close-icon::after {\n          cursor: pointer;\n          background-color: #216ba5;\n          color: #fff;\n          border-radius: 50%;\n          height: 16px;\n          width: 16px;\n          padding: 2px;\n          font-size: 12px;\n          line-height: 1;\n          text-align: center;\n          display: table-cell;\n          vertical-align: middle;\n          content: '×';\n        }\n\n        .react-datepicker__today-button {\n          background: #f0f0f0;\n          border-top: 1px solid #aeaeae;\n          cursor: pointer;\n          text-align: center;\n          font-weight: bold;\n          padding: 5px 0;\n          clear: left;\n        }\n\n        "," {\n          position: fixed;\n          background-color: rgba(0, 0, 0, 0.8);\n          bottom: 0;\n          right: 0;\n          left: 0;\n          top: 0;\n          justify-content: center;\n          align-items: var(",", center);\n          display: flex;\n          z-index: 2147483647;\n          padding-top: var(",", 0px);\n        }\n        .react-datepicker__portal .react-datepicker__day-name,\n        .react-datepicker__portal .react-datepicker__day,\n        .react-datepicker__portal .react-datepicker__time-name {\n          width: 3rem;\n          line-height: 3rem;\n        }\n        @media (max-width: 400px), (max-height: 550px) {\n          .react-datepicker__portal .react-datepicker__day-name,\n          .react-datepicker__portal .react-datepicker__day,\n          .react-datepicker__portal .react-datepicker__time-name {\n            width: 2rem;\n            line-height: 2rem;\n          }\n        }\n        .react-datepicker__portal .react-datepicker__current-month,\n        .react-datepicker__portal .react-datepicker-time__header {\n          font-size: 1.44rem;\n        }\n      "],t=["\n        .react-datepicker__aria-live {\n          display: none;\n        }\n        .react-datepicker__year-read-view--down-arrow,\n        .react-datepicker__month-read-view--down-arrow,\n        .react-datepicker__month-year-read-view--down-arrow,\n        .react-datepicker__navigation-icon::before {\n          border-color: #ccc;\n          border-style: solid;\n          border-width: 3px 3px 0 0;\n          content: '';\n          display: block;\n          height: 9px;\n          position: absolute;\n          top: 6px;\n          width: 9px;\n        }\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle,\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle {\n          margin-left: -4px;\n          position: absolute;\n          width: 0;\n        }\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle::before,\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle::before,\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle::after,\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle::after {\n          box-sizing: content-box;\n          position: absolute;\n          border: 8px solid transparent;\n          height: 0;\n          width: 1px;\n          content: '';\n          z-index: -1;\n          border-width: 8px;\n          left: -8px;\n        }\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle::before,\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle::before {\n          border-bottom-color: #aeaeae;\n        }\n\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle {\n          top: 0;\n          margin-top: -8px;\n        }\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle::before,\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle::after {\n          border-top: none;\n          border-bottom-color: #f0f0f0;\n        }\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle::after {\n          top: 0;\n        }\n        .react-datepicker-popper[data-placement^='bottom']\n          .react-datepicker__triangle::before {\n          top: -1px;\n          border-bottom-color: #aeaeae;\n        }\n\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle {\n          bottom: 0;\n          margin-bottom: -8px;\n        }\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle::before,\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle::after {\n          border-bottom: none;\n          border-top-color: #fff;\n        }\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle::after {\n          bottom: 0;\n        }\n        .react-datepicker-popper[data-placement^='top']\n          .react-datepicker__triangle::before {\n          bottom: -1px;\n          border-top-color: #aeaeae;\n        }\n\n        .react-datepicker-wrapper {\n          display: inline-block;\n          padding: 0;\n          border: 0;\n          width: 100%;\n          height: 100%;\n        }\n\n        .react-datepicker {\n          font-family: 'Helvetica Neue', helvetica, arial, sans-serif;\n          font-size: 0.8rem;\n          background-color: #fff;\n          color: #000;\n          border: 1px solid #aeaeae;\n          border-radius: 0.3rem;\n          display: inline-block;\n          position: relative;\n          width: max-content;\n        }\n\n        .react-datepicker--time-only .react-datepicker__triangle {\n          left: 35px;\n        }\n        .react-datepicker--time-only .react-datepicker__time-container {\n          border-left: 0;\n        }\n        .react-datepicker--time-only .react-datepicker__time,\n        .react-datepicker--time-only .react-datepicker__time-box {\n          border-bottom-left-radius: 0.3rem;\n          border-bottom-right-radius: 0.3rem;\n        }\n\n        .react-datepicker__triangle {\n          position: absolute;\n          left: 50px;\n        }\n\n        .react-datepicker-popper {\n          z-index: 2;\n        }\n        .react-datepicker-popper[data-placement^='bottom'] {\n          padding-top: 10px;\n        }\n        .react-datepicker-popper[data-placement='bottom-end']\n          .react-datepicker__triangle,\n        .react-datepicker-popper[data-placement='top-end']\n          .react-datepicker__triangle {\n          left: auto;\n          right: 50px;\n        }\n        .react-datepicker-popper[data-placement^='top'] {\n          padding-bottom: 10px;\n        }\n        .react-datepicker-popper[data-placement^='right'] {\n          padding-left: 8px;\n        }\n        .react-datepicker-popper[data-placement^='right']\n          .react-datepicker__triangle {\n          left: auto;\n          right: 42px;\n        }\n        .react-datepicker-popper[data-placement^='left'] {\n          padding-right: 8px;\n        }\n        .react-datepicker-popper[data-placement^='left']\n          .react-datepicker__triangle {\n          left: 42px;\n          right: auto;\n        }\n\n        .react-datepicker__header {\n          text-align: center;\n          background-color: #f0f0f0;\n          border-bottom: 1px solid #aeaeae;\n          border-top-left-radius: 0.3rem;\n          padding: 8px 0;\n          position: relative;\n        }\n        .react-datepicker__header--time {\n          padding-bottom: 8px;\n          padding-left: 5px;\n          padding-right: 5px;\n        }\n        .react-datepicker__header--time:not(.react-datepicker__header--time--only) {\n          border-top-left-radius: 0;\n        }\n        .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n          border-top-right-radius: 0.3rem;\n        }\n\n        .react-datepicker__year-dropdown-container--select,\n        .react-datepicker__month-dropdown-container--select,\n        .react-datepicker__month-year-dropdown-container--select,\n        .react-datepicker__year-dropdown-container--scroll,\n        .react-datepicker__month-dropdown-container--scroll,\n        .react-datepicker__month-year-dropdown-container--scroll {\n          display: inline-block;\n          margin: 0 2px;\n        }\n\n        @media (min-width: 478px) {\n          .react-datepicker__time-container\n            .react-datepicker__time\n            .react-datepicker__time-box {\n            width: 85px;\n            overflow-x: hidden;\n            margin: 0 auto;\n            text-align: center;\n            border-bottom-right-radius: 0.3rem;\n          }\n          .react-datepicker__time-container\n            .react-datepicker__time\n            .react-datepicker__time-box\n            ul.react-datepicker__time-list {\n            list-style: none;\n            margin: 0;\n            height: calc(195px + (1.7rem / 2));\n            overflow-y: scroll;\n            padding-right: 0;\n            padding-left: 0;\n            width: 100%;\n            box-sizing: content-box;\n          }\n          .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {\n            right: 85px;\n          }\n        }\n        @media (max-width: 478px) {\n          .react-datepicker {\n            display: flex;\n            flex-direction: column;\n          }\n          div.react-datepicker__time-container {\n            float: none;\n            border-top: 1px solid #aeaeae;\n            width: auto;\n            border-left: none;\n          }\n          div.react-datepicker__time-box {\n            width: auto;\n            overflow-x: auto;\n            margin: 0 0;\n            text-align: center;\n            border-bottom-right-radius: inherit;\n          }\n          .react-datepicker__time-container\n            .react-datepicker__time\n            .react-datepicker__time-box\n            ul.react-datepicker__time-list {\n            list-style: none;\n            margin: 0;\n            height: min(calc(195px + (1.7rem / 2)), 40svh) !important;\n            overflow-y: scroll;\n            padding-right: 0;\n            padding-left: 0;\n            width: 100%;\n            box-sizing: content-box;\n          }\n        }\n\n        .react-datepicker__header__dropdown {\n          display: flex;\n          flex-wrap: wrap;\n          margin-inline: 32px;\n        }\n        .react-datepicker__month-dropdown-container--select,\n        .react-datepicker__year-dropdown-container--select {\n          flex: auto;\n          border: 1px solid #dedede;\n          border-radius: 0.25em;\n          padding: 0.25em 0.5em;\n          font-size: 1rem;\n          line-height: 1.1;\n          background-color: #fff;\n          background-image: linear-gradient(to top, #f9f9f9, #fff 33%);\n          display: grid;\n          grid-template-areas: 'select';\n          align-items: center;\n        }\n        .react-datepicker__month-dropdown-container--select::after,\n        .react-datepicker__year-dropdown-container--select::after {\n          content: '';\n          width: 0.6em;\n          height: 0.375em;\n          background-color: #aaa;\n          clip-path: polygon(100% 0%, 0 0%, 50% 100%);\n          grid-area: select;\n          justify-self: end;\n        }\n        .react-datepicker__header__dropdown--select\n          .react-datepicker__month-dropdown-container--select\n          .react-datepicker__month-select,\n        .react-datepicker__header__dropdown--select\n          .react-datepicker__year-dropdown-container--select\n          .react-datepicker__year-select {\n          // A reset of styles, including removing the default dropdown arrow\n          appearance: none !important;\n          // Additional resets for further consistency\n          background-color: transparent;\n          border: none;\n          padding: 0;\n          padding-inline-end: 1em;\n          margin: 0;\n          width: 100%;\n          font-family: inherit;\n          font-size: inherit;\n          cursor: inherit;\n          line-height: inherit;\n          outline: none;\n          grid-area: select;\n          color: black;\n        }\n\n        .react-datepicker__current-month,\n        .react-datepicker-time__header,\n        .react-datepicker-year-header {\n          margin-top: 0;\n          color: #000;\n          font-weight: bold;\n          font-size: 0.944rem;\n        }\n\n        .react-datepicker-time__header {\n          text-overflow: ellipsis;\n          white-space: nowrap;\n          overflow: hidden;\n        }\n\n        .react-datepicker__navigation {\n          align-items: center;\n          background: none;\n          display: flex;\n          justify-content: center;\n          text-align: center;\n          cursor: pointer;\n          position: absolute;\n          top: 2px;\n          padding: 0;\n          border: none;\n          z-index: 1;\n          height: 32px;\n          width: 32px;\n          text-indent: -999em;\n          overflow: hidden;\n        }\n        .react-datepicker__navigation--previous {\n          left: 2px;\n        }\n        .react-datepicker__navigation--next {\n          right: 2px;\n        }\n        .react-datepicker__navigation--years {\n          position: relative;\n          top: 0;\n          display: block;\n          margin-left: auto;\n          margin-right: auto;\n        }\n        .react-datepicker__navigation--years-previous {\n          top: 4px;\n        }\n        .react-datepicker__navigation--years-upcoming {\n          top: -4px;\n        }\n        .react-datepicker__navigation:hover *::before {\n          border-color: #a6a6a6;\n        }\n\n        .react-datepicker__navigation-icon {\n          position: relative;\n          top: -1px;\n          font-size: 20px;\n          width: 0;\n        }\n        .react-datepicker__navigation-icon--next {\n          left: -2px;\n        }\n        .react-datepicker__navigation-icon--next::before {\n          transform: rotate(45deg);\n          left: -7px;\n        }\n        .react-datepicker__navigation-icon--previous {\n          right: -2px;\n        }\n        .react-datepicker__navigation-icon--previous::before {\n          transform: rotate(225deg);\n          right: -7px;\n        }\n\n        .react-datepicker__month-container {\n          float: left;\n        }\n\n        .react-datepicker__year {\n          margin: 0.4rem;\n          text-align: center;\n        }\n        .react-datepicker__year-wrapper {\n          display: flex;\n          flex-wrap: wrap;\n          max-width: 180px;\n        }\n        .react-datepicker__year .react-datepicker__year-text {\n          display: inline-block;\n          width: 4rem;\n          margin: 2px;\n        }\n\n        .react-datepicker__month {\n          margin: 0.4rem;\n          text-align: center;\n        }\n        .react-datepicker__month .react-datepicker__month-text,\n        .react-datepicker__month .react-datepicker__quarter-text {\n          display: inline-block;\n          width: 4rem;\n          margin: 2px;\n        }\n\n        .react-datepicker__input-time-container {\n          clear: both;\n          width: 100%;\n          float: left;\n          margin: 5px 0 10px 15px;\n          text-align: left;\n        }\n        .react-datepicker__input-time-container\n          .react-datepicker-time__caption {\n          display: inline-block;\n        }\n        .react-datepicker__input-time-container\n          .react-datepicker-time__input-container {\n          display: inline-block;\n        }\n        .react-datepicker__input-time-container\n          .react-datepicker-time__input-container\n          .react-datepicker-time__input {\n          display: inline-block;\n          margin-left: 10px;\n        }\n        .react-datepicker__input-time-container\n          .react-datepicker-time__input-container\n          .react-datepicker-time__input\n          input {\n          width: auto;\n        }\n        .react-datepicker__input-time-container\n          .react-datepicker-time__input-container\n          .react-datepicker-time__input\n          input[type='time']::-webkit-inner-spin-button,\n        .react-datepicker__input-time-container\n          .react-datepicker-time__input-container\n          .react-datepicker-time__input\n          input[type='time']::-webkit-outer-spin-button {\n          -webkit-appearance: none;\n          margin: 0;\n        }\n        .react-datepicker__input-time-container\n          .react-datepicker-time__input-container\n          .react-datepicker-time__input\n          input[type='time'] {\n          -moz-appearance: textfield;\n        }\n        .react-datepicker__input-time-container\n          .react-datepicker-time__input-container\n          .react-datepicker-time__delimiter {\n          margin-left: 5px;\n          display: inline-block;\n        }\n\n        .react-datepicker__time-container {\n          float: right;\n          border-left: 1px solid #aeaeae;\n          width: 85px;\n        }\n        .react-datepicker__time-container--with-today-button {\n          display: inline;\n          border: 1px solid #aeaeae;\n          border-radius: 0.3rem;\n          position: absolute;\n          right: -72px;\n          top: 0;\n        }\n        .react-datepicker__time-container .react-datepicker__time {\n          position: relative;\n          background: white;\n          border-bottom-right-radius: 0.3rem;\n        }\n        .react-datepicker__time-container\n          .react-datepicker__time\n          .react-datepicker__time-box\n          ul.react-datepicker__time-list\n          li.react-datepicker__time-list-item {\n          height: 30px;\n          padding: 5px 10px;\n          white-space: nowrap;\n          line-height: 30px;\n          font-size: 0.8rem;\n        }\n        .react-datepicker__time-container\n          .react-datepicker__time\n          .react-datepicker__time-box\n          ul.react-datepicker__time-list\n          li.react-datepicker__time-list-item:hover {\n          cursor: pointer;\n          background-color: #f0f0f0;\n        }\n        .react-datepicker__time-container\n          .react-datepicker__time\n          .react-datepicker__time-box\n          ul.react-datepicker__time-list\n          li.react-datepicker__time-list-item--selected {\n          background-color: #216ba5;\n          color: white;\n          font-weight: bold;\n        }\n        .react-datepicker__time-container\n          .react-datepicker__time\n          .react-datepicker__time-box\n          ul.react-datepicker__time-list\n          li.react-datepicker__time-list-item--selected:hover {\n          background-color: #216ba5;\n        }\n        .react-datepicker__time-container\n          .react-datepicker__time\n          .react-datepicker__time-box\n          ul.react-datepicker__time-list\n          li.react-datepicker__time-list-item--disabled {\n          color: #ccc;\n        }\n        .react-datepicker__time-container\n          .react-datepicker__time\n          .react-datepicker__time-box\n          ul.react-datepicker__time-list\n          li.react-datepicker__time-list-item--disabled:hover {\n          cursor: default;\n          background-color: transparent;\n        }\n\n        .react-datepicker__week-number {\n          color: #ccc;\n          display: inline-block;\n          width: 1.7rem;\n          line-height: 1.7rem;\n          text-align: center;\n          margin: 0.166rem;\n        }\n        .react-datepicker__week-number.react-datepicker__week-number--clickable {\n          cursor: pointer;\n        }\n        .react-datepicker__week-number.react-datepicker__week-number--clickable:hover {\n          border-radius: 0.3rem;\n          background-color: #f0f0f0;\n        }\n\n        .react-datepicker__day-names,\n        .react-datepicker__week {\n          white-space: nowrap;\n        }\n\n        .react-datepicker__day-names {\n          margin-bottom: -8px;\n        }\n\n        .react-datepicker__day-name,\n        .react-datepicker__day,\n        .react-datepicker__time-name {\n          color: #000;\n          display: inline-block;\n          width: 1.7rem;\n          line-height: 1.7rem;\n          text-align: center;\n          margin: 0.166rem;\n        }\n\n        .react-datepicker__month--selected,\n        .react-datepicker__month--in-selecting-range,\n        .react-datepicker__month--in-range,\n        .react-datepicker__quarter--selected,\n        .react-datepicker__quarter--in-selecting-range,\n        .react-datepicker__quarter--in-range {\n          border-radius: 0.3rem;\n          background-color: #216ba5;\n          color: #fff;\n        }\n        .react-datepicker__month--selected:hover,\n        .react-datepicker__month--in-selecting-range:hover,\n        .react-datepicker__month--in-range:hover,\n        .react-datepicker__quarter--selected:hover,\n        .react-datepicker__quarter--in-selecting-range:hover,\n        .react-datepicker__quarter--in-range:hover {\n          background-color: #1d5d90;\n        }\n        .react-datepicker__month--disabled,\n        .react-datepicker__quarter--disabled {\n          color: #ccc;\n          pointer-events: none;\n        }\n        .react-datepicker__month--disabled:hover,\n        .react-datepicker__quarter--disabled:hover {\n          cursor: default;\n          background-color: transparent;\n        }\n\n        .react-datepicker__day {\n          cursor: default;\n        }\n\n        .react-datepicker__month-text,\n        .react-datepicker__quarter-text,\n        .react-datepicker__year-text {\n          cursor: pointer;\n        }\n        .react-datepicker__day:hover,\n        .react-datepicker__month-text:hover,\n        .react-datepicker__quarter-text:hover,\n        .react-datepicker__year-text:hover {\n          border-radius: 0.3rem;\n          background-color: #f0f0f0;\n        }\n        .react-datepicker__day--today,\n        .react-datepicker__month-text--today,\n        .react-datepicker__quarter-text--today,\n        .react-datepicker__year-text--today {\n          font-weight: bold;\n        }\n        .react-datepicker__day--highlighted,\n        .react-datepicker__month-text--highlighted,\n        .react-datepicker__quarter-text--highlighted,\n        .react-datepicker__year-text--highlighted {\n          border-radius: 0.3rem;\n          background-color: #3dcc4a;\n          color: #fff;\n        }\n        .react-datepicker__day--highlighted:hover,\n        .react-datepicker__month-text--highlighted:hover,\n        .react-datepicker__quarter-text--highlighted:hover,\n        .react-datepicker__year-text--highlighted:hover {\n          background-color: #32be3f;\n        }\n        .react-datepicker__day--highlighted-custom-1,\n        .react-datepicker__month-text--highlighted-custom-1,\n        .react-datepicker__quarter-text--highlighted-custom-1,\n        .react-datepicker__year-text--highlighted-custom-1 {\n          color: magenta;\n        }\n        .react-datepicker__day--highlighted-custom-2,\n        .react-datepicker__month-text--highlighted-custom-2,\n        .react-datepicker__quarter-text--highlighted-custom-2,\n        .react-datepicker__year-text--highlighted-custom-2 {\n          color: green;\n        }\n        .react-datepicker__day--selected,\n        .react-datepicker__day--in-selecting-range,\n        .react-datepicker__day--in-range,\n        .react-datepicker__month-text--selected,\n        .react-datepicker__month-text--in-selecting-range,\n        .react-datepicker__month-text--in-range,\n        .react-datepicker__quarter-text--selected,\n        .react-datepicker__quarter-text--in-selecting-range,\n        .react-datepicker__quarter-text--in-range,\n        .react-datepicker__year-text--selected,\n        .react-datepicker__year-text--in-selecting-range,\n        .react-datepicker__year-text--in-range {\n          border-radius: 0.3rem;\n          background-color: #216ba5;\n          color: #fff;\n          font-weight: bold;\n        }\n        .react-datepicker__day--selected:hover,\n        .react-datepicker__day--in-selecting-range:hover,\n        .react-datepicker__day--in-range:hover,\n        .react-datepicker__month-text--selected:hover,\n        .react-datepicker__month-text--in-selecting-range:hover,\n        .react-datepicker__month-text--in-range:hover,\n        .react-datepicker__quarter-text--selected:hover,\n        .react-datepicker__quarter-text--in-selecting-range:hover,\n        .react-datepicker__quarter-text--in-range:hover,\n        .react-datepicker__year-text--selected:hover,\n        .react-datepicker__year-text--in-selecting-range:hover,\n        .react-datepicker__year-text--in-range:hover {\n          background-color: #1d5d90;\n        }\n\n        .react-datepicker__day--keyboard-selected:hover,\n        .react-datepicker__month-text--keyboard-selected:hover,\n        .react-datepicker__quarter-text--keyboard-selected:hover,\n        .react-datepicker__year-text--keyboard-selected:hover {\n          background-color: #1d5d90;\n        }\n        .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),\n        .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),\n        .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),\n        .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {\n          background-color: rgba(33, 107, 165, 0.5);\n        }\n        .react-datepicker__month--selecting-range\n          .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),\n        .react-datepicker__month--selecting-range\n          .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),\n        .react-datepicker__month--selecting-range\n          .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),\n        .react-datepicker__month--selecting-range\n          .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {\n          background-color: #f0f0f0;\n          color: #000;\n        }\n        .react-datepicker__day--disabled,\n        .react-datepicker__month-text--disabled,\n        .react-datepicker__quarter-text--disabled,\n        .react-datepicker__year-text--disabled {\n          cursor: default;\n          color: #ccc;\n        }\n        .react-datepicker__day--disabled:hover,\n        .react-datepicker__month-text--disabled:hover,\n        .react-datepicker__quarter-text--disabled:hover,\n        .react-datepicker__year-text--disabled:hover {\n          background-color: transparent;\n        }\n\n        .react-datepicker__month-text.react-datepicker__month--selected:hover,\n        .react-datepicker__month-text.react-datepicker__month--in-range:hover,\n        .react-datepicker__month-text.react-datepicker__quarter--selected:hover,\n        .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,\n        .react-datepicker__quarter-text.react-datepicker__month--selected:hover,\n        .react-datepicker__quarter-text.react-datepicker__month--in-range:hover,\n        .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,\n        .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {\n          background-color: #216ba5;\n        }\n        .react-datepicker__month-text:hover,\n        .react-datepicker__quarter-text:hover {\n          background-color: #f0f0f0;\n        }\n\n        .react-datepicker__input-container {\n          position: relative;\n          display: inline-block;\n          width: 100%;\n          height: 100%;\n        }\n\n        .react-datepicker__year-read-view,\n        .react-datepicker__month-read-view,\n        .react-datepicker__month-year-read-view {\n          border: 1px solid transparent;\n          border-radius: 0.3rem;\n          position: relative;\n        }\n        .react-datepicker__year-read-view:hover,\n        .react-datepicker__month-read-view:hover,\n        .react-datepicker__month-year-read-view:hover {\n          cursor: pointer;\n        }\n        .react-datepicker__year-read-view:hover\n          .react-datepicker__year-read-view--down-arrow,\n        .react-datepicker__year-read-view:hover\n          .react-datepicker__month-read-view--down-arrow,\n        .react-datepicker__month-read-view:hover\n          .react-datepicker__year-read-view--down-arrow,\n        .react-datepicker__month-read-view:hover\n          .react-datepicker__month-read-view--down-arrow,\n        .react-datepicker__month-year-read-view:hover\n          .react-datepicker__year-read-view--down-arrow,\n        .react-datepicker__month-year-read-view:hover\n          .react-datepicker__month-read-view--down-arrow {\n          border-top-color: #b3b3b3;\n        }\n        .react-datepicker__year-read-view--down-arrow,\n        .react-datepicker__month-read-view--down-arrow,\n        .react-datepicker__month-year-read-view--down-arrow {\n          transform: rotate(135deg);\n          right: -16px;\n          top: 0;\n        }\n\n        .react-datepicker__year-dropdown,\n        .react-datepicker__month-dropdown,\n        .react-datepicker__month-year-dropdown {\n          background-color: #f0f0f0;\n          position: absolute;\n          width: 50%;\n          left: 25%;\n          top: 30px;\n          z-index: 1;\n          text-align: center;\n          border-radius: 0.3rem;\n          border: 1px solid #aeaeae;\n        }\n\n        .react-datepicker__year-dropdown--scrollable,\n        .react-datepicker__month-dropdown--scrollable,\n        .react-datepicker__month-year-dropdown--scrollable {\n          height: 150px;\n          overflow-y: scroll;\n        }\n\n        .react-datepicker__year-option,\n        .react-datepicker__month-option,\n        .react-datepicker__month-year-option {\n          line-height: 20px;\n          width: 100%;\n          display: block;\n          margin-left: auto;\n          margin-right: auto;\n        }\n        .react-datepicker__year-option:first-of-type::before {\n          content: '\\\\2303';\n          position: absolute;\n          font-size: 30px;\n          top: 12px;\n          left: 40%;\n          margin: auto;\n        }\n        .react-datepicker__year-option:last-of-type::after {\n          content: '\\\\2303';\n          position: absolute;\n          font-size: 30px;\n          bottom: 12px;\n          left: 40%;\n          margin: auto;\n          transform: scaleY(-1);\n        }\n        .react-datepicker__year-option:first-of-type,\n        .react-datepicker__month-option:first-of-type,\n        .react-datepicker__month-year-option:first-of-type {\n          border-top-left-radius: 0.3rem;\n          border-top-right-radius: 0.3rem;\n        }\n        .react-datepicker__year-option:last-of-type,\n        .react-datepicker__month-option:last-of-type,\n        .react-datepicker__month-year-option:last-of-type {\n          -webkit-user-select: none;\n          -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n          border-bottom-left-radius: 0.3rem;\n          border-bottom-right-radius: 0.3rem;\n        }\n        .react-datepicker__year-option:hover,\n        .react-datepicker__month-option:hover,\n        .react-datepicker__month-year-option:hover {\n          background-color: #ccc;\n        }\n        .react-datepicker__year-option:hover\n          .react-datepicker__navigation--years-upcoming,\n        .react-datepicker__month-option:hover\n          .react-datepicker__navigation--years-upcoming,\n        .react-datepicker__month-year-option:hover\n          .react-datepicker__navigation--years-upcoming {\n          border-bottom-color: #b3b3b3;\n        }\n        .react-datepicker__year-option:hover\n          .react-datepicker__navigation--years-previous,\n        .react-datepicker__month-option:hover\n          .react-datepicker__navigation--years-previous,\n        .react-datepicker__month-year-option:hover\n          .react-datepicker__navigation--years-previous {\n          border-top-color: #b3b3b3;\n        }\n        .react-datepicker__year-option--selected,\n        .react-datepicker__month-option--selected,\n        .react-datepicker__month-year-option--selected {\n          position: absolute;\n          left: 15px;\n        }\n\n        .react-datepicker__close-icon {\n          cursor: pointer;\n          background-color: transparent;\n          border: 0;\n          outline: 0;\n          padding: 0 6px 0 0;\n          position: absolute;\n          top: 0;\n          right: 0;\n          height: 100%;\n          display: table-cell;\n          vertical-align: middle;\n        }\n        .react-datepicker__close-icon::after {\n          cursor: pointer;\n          background-color: #216ba5;\n          color: #fff;\n          border-radius: 50%;\n          height: 16px;\n          width: 16px;\n          padding: 2px;\n          font-size: 12px;\n          line-height: 1;\n          text-align: center;\n          display: table-cell;\n          vertical-align: middle;\n          content: '×';\n        }\n\n        .react-datepicker__today-button {\n          background: #f0f0f0;\n          border-top: 1px solid #aeaeae;\n          cursor: pointer;\n          text-align: center;\n          font-weight: bold;\n          padding: 5px 0;\n          clear: left;\n        }\n\n        "," {\n          position: fixed;\n          background-color: rgba(0, 0, 0, 0.8);\n          bottom: 0;\n          right: 0;\n          left: 0;\n          top: 0;\n          justify-content: center;\n          align-items: var(",", center);\n          display: flex;\n          z-index: 2147483647;\n          padding-top: var(",", 0px);\n        }\n        .react-datepicker__portal .react-datepicker__day-name,\n        .react-datepicker__portal .react-datepicker__day,\n        .react-datepicker__portal .react-datepicker__time-name {\n          width: 3rem;\n          line-height: 3rem;\n        }\n        @media (max-width: 400px), (max-height: 550px) {\n          .react-datepicker__portal .react-datepicker__day-name,\n          .react-datepicker__portal .react-datepicker__day,\n          .react-datepicker__portal .react-datepicker__time-name {\n            width: 2rem;\n            line-height: 2rem;\n          }\n        }\n        .react-datepicker__portal .react-datepicker__current-month,\n        .react-datepicker__portal .react-datepicker-time__header {\n          font-size: 1.44rem;\n        }\n      "],Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,r=e),p,l,_)});var e,t}var s=n(1211),m=n(462),h=n(7199),g=n(6867),u=n(9479),f=n(4711),b=function(){return b=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},b.apply(this,arguments)},x=n(171),v=n(9198),y=n.n(v),w=n(3466),q=function(){return q=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},q.apply(this,arguments)},z=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,a,i=n.call(e),c=[];try{for(;(void 0===t||t-- >0)&&!(r=i.next()).done;)c.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(a)throw a.error}}return c},O=function(e){return e.split(":").map(Number)},E=function(e){var t;if(e){if("string"==typeof e){var n=(0,m.D)(e);return"Invalid Date"===n.toString()?void 0:n}if("object"==typeof e&&void 0!==e.number&&e.unit){var r=new Date,a=e.number,i=e.unit;return(0,h.I)(r,((t={})[i]=a,t))}}},S=function(e){return e.stopPropagation()};const L=(0,i.memo)((function(e){var t,n,r,d,h,v=e.element,w=e.responsiveStyles,L=e.fieldLabel,M=e.elementProps,R=void 0===M?{}:M,C=e.required,Z=void 0!==C&&C,I=e.disabled,P=void 0!==I&&I,D=e.repeatIndex,T=e.editMode,H=e.onComplete,B=void 0===H?function(){}:H,F=e.onEnter,A=void 0===F?function(){}:F,N=e.setRef,V=void 0===N?function(){}:N,Y=e.value,K=void 0===Y?"":Y,W=e.inlineError,X=e.children,G=v.servar.metadata,J=(0,i.useRef)(void 0),Q=z((0,i.useState)(null),2),U=Q[0],$=Q[1],ee=v.properties.translate||{},te=(0,i.useRef)(null),ne=(0,i.useRef)(!1),re=function(e){var t=void 0===e?{}:e,n=t.monthNames,r=t.shortDayNames,a=(0,i.useMemo)((function(){try{return f._&&f._.localize?n&&12!==n.length?(console.warn("Could not load translation: Month translation must contain exactly 12 months"),f._):r&&7!==r.length?(console.warn("Could not load translation: Weekday translation must contain exactly 7 days"),f._):b(b({},f._),{localize:b(b({},f._.localize),{month:function(e,t){var r,a;if(void 0===t&&(t={}),!n)return null===(r=f._.localize)||void 0===r?void 0:r.month(e,t);var i=t.width;return i&&"wide"!==i?null===(a=f._.localize)||void 0===a?void 0:a.month(e,t):n[e]},day:function(e,t){var n,a;if(void 0===t&&(t={}),!r)return null===(n=f._.localize)||void 0===n?void 0:n.day(e,t);var i=t.width;return i&&"short"!==i?null===(a=f._.localize)||void 0===a?void 0:a.day(e,t):r[e]}})}):void console.warn("Could not load translation: Base locale could not be loaded")}catch(e){return void console.error("Could not load translation:",e)}}),[n,r]);return a}({monthNames:ee.months,shortDayNames:ee.weekdays}),ae=z((0,i.useState)(0),2),ie=ae[0],ce=ae[1],oe=(0,u.tq)(),de=(null===(t=(0,u.Kv)())||void 0===t?void 0:t.self)!==(null===(n=(0,u.Kv)())||void 0===n?void 0:n.top);(0,i.useEffect)((function(){J.current}),[J.current]),(0,i.useEffect)((function(){var e=(0,u.me)(),t=function(){"hidden"===e.visibilityState&&(ne.current=!0)};return e.addEventListener("visibilitychange",t),function(){return e.removeEventListener("visibilitychange",t)}}),[]),(0,i.useEffect)((function(){var e=te.current;if(e){var t=function(){var e,t;!ne.current||P||oe||(ne.current=!1,null===(t=null===(e=J.current)||void 0===e?void 0:e.setOpen)||void 0===t||t.call(e,!0))};return e.addEventListener("focusin",t),function(){return e.removeEventListener("focusin",t)}}}),[P,oe]),(0,i.useEffect)((function(){var e=null;K&&("Invalid Date"===(e=(0,m.D)(K)).toString()?e=null:G.choose_time||e.setHours(0,0,0)),$(e)}),[K]);var pe=function(e,t){void 0===t&&(t=!1),$(e=null!=e?e:null),t&&B((0,x.i)(e,G))},_e=(0,g.Z)({element:v,error:W,breakpoint:w.getMobileBreakpoint()}),le=_e.borderStyles,ke=_e.customBorder,se=z((0,i.useState)(!1),2),me=se[0],he=se[1],ge=G.display_format?"dd/MM/yyyy":"MM/dd/yyyy",ue="24hr"===G.time_format?"HH:mm":"hh:mm aa";return G.choose_time&&(ge="".concat(ge," ").concat(ue)),(0,a.BX)("div",q({ref:te,css:q({maxWidth:"100%",width:"100%",height:"100%",position:"relative",pointerEvents:T?"none":"auto"},w.getTarget("fc"))},R,{onPointerDown:function(e){de&&oe&&ce(e.clientY)}},{children:[X,L,(0,a.BX)("div",q({css:q(q(q({position:"relative",width:"100%"},w.getTarget("sub-fc")),P?w.getTarget("disabled"):{}),{"&:hover":(0,u.wL)(P?{}:q(q({},w.getTarget("hover")),le.hover)),"&&":me?q(q({},w.getTarget("active")),le.active):{},"&>div:not([class])":{height:"100%"}})},{children:[ke,(0,a.tZ)(k,{}),(0,a.tZ)(y(),{id:v.servar.key,selected:U,autoComplete:"new-password",locale:re,timeCaption:ee.time_label,preventOpenOnFocus:oe,onCalendarOpen:function(){var e,t;(0,u.me)().addEventListener("touchstart",S,!0),de&&oe&&(null===(e=(0,u.me)().querySelector(p))||void 0===e||e.style.setProperty(_,"".concat(ie,"px")),null===(t=(0,u.me)().querySelector(p))||void 0===t||t.style.setProperty(l,"flex-start"))},onCalendarClose:function(){(0,u.me)().removeEventListener("touchstart",S,!0),he(!1),pe(U,!0)},onSelect:function(e){return pe(e)},onChange:function(e){return pe(e)},onFocus:function(e){oe&&(e.target.readOnly=!0),e.target.select(),he(!0)},onBlur:function(){return he(!1)},onKeyDown:function(e){"Enter"===e.key&&A(e)},required:Z,readOnly:P,filterDate:function(e){var t;return!(G.no_weekends&&[0,6].includes(e.getDay())||(null!==(t=G.disabled_dates)&&void 0!==t?t:[]).includes("".concat(e.getMonth()+1,"-").concat(e.getDate())))},filterTime:function(e){var t=e.getHours(),n=e.getMinutes();if(G.min_time){var r=z(O(G.min_time),2),a=r[0],i=r[1];if(a>t||a===t&&i>n)return!1}if(G.max_time){var c=z(O(G.max_time),2),o=c[0],d=c[1];if(o<t||o===t&&d<n)return!1}return!0},showTimeSelect:null!==(r=G.choose_time)&&void 0!==r&&r,timeIntervals:G.time_interval||30,dateFormat:ge,timeFormat:ue,maxDate:T?void 0:null!==(d=E(G.max_date))&&void 0!==d?d:G.no_future?new Date:void 0,minDate:T?void 0:null!==(h=E(G.min_date))&&void 0!==h?h:G.no_past?new Date:void 0,showMonthDropdown:!0,showYearDropdown:!0,forceShowMonthNavigation:!1,dropdownMode:"select",withPortal:oe,portalId:oe?"feathery-portal":void 0,"aria-label":v.properties.aria_label,css:q(q(q({height:"100%",width:"100%",border:"none",margin:0,background:"transparent"},s.ET),w.getTarget("field")),me||K||!v.properties.placeholder?{}:{color:"transparent !important"}),ref:function(e){J.current=e,V(e)},customInput:(0,a.tZ)(j,{dateMask:ge})}),(0,a.tZ)(c.Z,{value:K,element:v,responsiveStyles:w,inputFocused:me,repeatIndex:D}),(0,a.tZ)(o.Z,{containerRef:te,id:v.id,text:v.properties.tooltipText,responsiveStyles:w,repeat:v.repeat})]}))]}))}));var M={dd:{mask:w.LV.MaskedRange,from:1,to:31,maxLength:2},MM:{mask:w.LV.MaskedRange,from:1,to:12,maxLength:2},yyyy:{mask:w.LV.MaskedRange,from:1,to:9999,maxLength:4},HH:{mask:w.LV.MaskedRange,from:0,to:23,maxLength:2},hh:{mask:w.LV.MaskedRange,from:1,to:12,maxLength:2},mm:{mask:w.LV.MaskedRange,from:0,to:59,maxLength:2},aa:{mask:w.LV.MaskedEnum,enum:["AM","PM"]}},j=i.forwardRef((function(e,t){var n=e.dateMask,r=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["dateMask"]);return(0,a.tZ)(w.oc,q({},r,{ref:t,mask:n,blocks:M}))}))}}]);

package/umd/{FileUploadField.ea0067dd62b0454b7c2e.js → FileUploadField.7a5028fb6035d09b3e81.js}

@@ -1 +1 @@
-"use strict";(this.webpackChunkFeathery=this.webpackChunkFeathery||[]).push([[710],{5289:(t,e,n)=>{n.r(e),n.d(e,{default:()=>y});var r=n(5944),i=n(7294),o=n(2943),a=n(1407),l=n(5467),u=n(1211),c=n(2988),s=n(9479),f=function(){return f=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var i in e=arguments[n])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t},f.apply(this,arguments)},d=function(t,e,n,r){return new(n||(n=Promise))((function(i,o){function a(t){try{u(r.next(t))}catch(t){o(t)}}function l(t){try{u(r.throw(t))}catch(t){o(t)}}function u(t){var e;t.done?i(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(a,l)}u((r=r.apply(t,e||[])).next())}))},p=function(t,e){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(o){return function(l){return function(o){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,r&&(i=2&o[0]?r.return:o[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,o[1])).done)return i;switch(r=0,i&&(o=[2&o[0],i.value]),o[0]){case 0:case 1:i=o;break;case 4:return a.label++,{value:o[1],done:!1};case 5:a.label++,r=o[1],o=[0];continue;case 7:o=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==o[0]&&2!==o[0])){a=0;continue}if(3===o[0]&&(!i||o[1]>i[0]&&o[1]<i[3])){a.label=o[1];break}if(6===o[0]&&a.label<i[1]){a.label=i[1],i=o;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(o);break}i[2]&&a.ops.pop(),a.trys.pop();continue}o=e.call(t,a)}catch(t){o=[6,t],r=0}finally{n=i=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,l])}}},h=function(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var r,i,o=n.call(t),a=[];try{for(;(void 0===e||e-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(t){i={error:t}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},v=function(t,e,n){if(n||2===arguments.length)for(var r,i=0,o=e.length;i<o;i++)!r&&i in e||(r||(r=Array.prototype.slice.call(e,0,i)),r[i]=e[i]);return t.concat(r||Array.prototype.slice.call(e))};const y=function(t){var e=this,n=t.element,y=t.responsiveStyles,g=t.required,m=void 0!==g&&g,b=t.disabled,w=void 0!==b&&b,x=t.editMode,C=t.onChange,k=void 0===C?function(){}:C,S=t.initialFiles,E=void 0===S?[]:S,Z=t.elementProps,_=void 0===Z?{}:Z,j=t.children,A=n.servar,B=""!==A.name,D=A.metadata.multiple,F=(0,i.useRef)(null),P=h((0,i.useState)([]),2),T=P[0],z=P[1],I=h((0,i.useState)(-1),2),M=I[0],H=I[1],L=h((0,i.useState)(new Set),2),O=L[0],R=L[1];(0,i.useEffect)((function(){(0,a.yD)(T)&&(0,a.yD)(E)||z((0,a.zZ)(E).filter(Boolean))}),[E]),(0,i.useEffect)((function(){R(new Set)}),[T.length]);var V=(0,o.hP)(T),W=T.length>0,X=D||!W,q=n.styles.hide_file_preview,G=v([],h(A.metadata.file_types),!1);A.metadata.custom_file_types&&G.push.apply(G,v([],h(A.metadata.custom_file_types.map((function(t){return".".concat(t)}))),!1));var J=A.max_length?1024*A.max_length:10485760,K=function(t){return d(e,void 0,void 0,(function(){var e,n,r,i,o,a,l,u;return p(this,(function(c){if(w)return[2];e=Array.from(t),D||(e=[e[0]]);try{if(e.some((function(t){return!t||!(t instanceof File)||t.size<=0})))throw new Error("Some files are invalid");!function(t){if(0!==G.length){var e=G.flatMap((function(t){return t.split(",").map((function(t){return t.trim()}))})),n=t.filter((function(t){return!e.some((function(e){return function(t,e){var n;if(e.endsWith("/*")){var r=e.split("/")[0];return t.type.startsWith(r+"/")}if(e.includes("/"))return t.type===e;var i="."+(null===(n=t.name.split(".").pop())||void 0===n?void 0:n.toLowerCase());return e.toLowerCase()===i}(t,e)}))}));if(n.length>0)throw new Error("Invalid file type. Allowed types: ".concat(G.join(", ")))}}(e),function(t){if(t.some((function(t){return t.size>J}))){var e="";if(J<1024)e="".concat(J," bytes");else if(J<=1048576){var n=Math.floor(J/1024);e="".concat(n," kb")}else{var r=Math.floor(J/1048576);e="".concat(r," mb")}throw new Error("File exceeds max size of ".concat(e))}}(e),n=q?0:T.length,e.length+n>20&&e.splice(20-n),r=e.map((function(t){return Promise.resolve(t)})),i=void 0,q?(i=r,o=0):(i=v(v([],h(T),!1),h(r),!1),o=n),z(i),k(i,o),null===(a=F.current)||void 0===a||a.setCustomValidity(""),F.current&&(F.current.value="")}catch(t){null===(l=F.current)||void 0===l||l.setCustomValidity(t.message),null===(u=F.current)||void 0===u||u.reportValidity()}return[2]}))}))},N=f(f({},u.lH),y.getTarget("img")),Q=n.properties.icon?(0,r.tZ)("img",{src:n.properties.icon,style:f(f({},N),{maxWidth:"100%",height:"auto"}),alt:""}):(0,r.tZ)(l.HC,{width:N.width&&"px"!==N.width?N.width:void 0,style:{maxHeight:"100%"}});return(0,r.BX)("div",f({css:f({display:"flex",flexWrap:"wrap",position:"relative",pointerEvents:x?"none":"auto",width:"100%",height:"100%"},y.getTarget("fc"))},_,{onDragOver:function(t){t.preventDefault(),t.stopPropagation()},onDrop:w?void 0:function(t){t.preventDefault(),t.stopPropagation();var e=t.dataTransfer.files;X&&K(e)}},{children:[j,!q&&V.map((function(t,n){var i=t.filename,o=t.thumbnail;return n<T.length?(0,r.BX)("div",f({css:f(f({position:"relative",width:"100%",maxHeight:"100%",overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center",boxSizing:"border-box"},o?{}:{paddingLeft:"20px",paddingRight:"20px"}),y.getTarget("field")),onMouseEnter:function(){return H(n)},onMouseLeave:function(){return H(-1)}},{children:[M===n&&(0,r.tZ)("div",f({css:{position:"absolute",margin:"auto",left:0,right:0,top:0,bottom:0,width:"48px",height:"48px",borderRadius:"8px",backgroundColor:"#3E414D80",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center"},onClick:function(){return d(e,void 0,void 0,(function(){var t;return p(this,(function(e){switch(e.label){case 0:return t=s.Sv,[4,T[n]];case 1:return[2,t.apply(void 0,[e.sent()])]}}))}))}},{children:(0,r.tZ)(l._8,{})})),o&&!O.has(n)?(0,r.tZ)("img",{src:o,onError:function(){return R((function(t){return new Set(t).add(n)}))},style:{width:"100%",height:"100%",objectFit:"contain"},alt:i||""}):(0,r.tZ)("span",f({style:{height:"100%",width:"100%",wordBreak:"break-all",display:"flex",justifyContent:"center",alignItems:"center",textAlign:"center"}},{children:i||"File"})),(0,r.tZ)("div",f({css:{position:"absolute",top:"4px",right:"4px",color:"white",background:"#AAA",height:"16px",width:"16px",borderRadius:"50%",pointerEvents:w?"none":"auto",cursor:"pointer",display:"flex",justifyContent:"center",alignItems:"center",transition:"0.2s ease all","&:hover":{backgroundColor:"#BBB"}},role:"button","aria-label":"Clear file",onClick:function(t){var e;t.stopPropagation(),null===(e=F.current)||void 0===e||e.setCustomValidity(""),function(t){return function(){var e=(0,a.iZ)(T,t);z(e),k(e,-1)}}(n)()}},{children:(0,r.tZ)(l.Tw,{fill:"white",width:12,height:12})}))]}),n):null})),(X||q)&&(0,r.BX)("div",f({onClick:function(){var t;(X||q)&&(w||null===(t=F.current)||void 0===t||t.click())},css:f({position:"relative",pointerEvents:w?"none":"auto",cursor:"pointer",maxHeight:"100%",display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",overflow:"hidden",boxSizing:"border-box",width:"100%"},y.getTarget("ac"))},{children:[Q,B&&(0,r.tZ)("div",f({css:y.getTarget("add")},{children:A.name}))]})),(0,r.tZ)("input",{id:A.key,name:A.key,ref:F,type:"file",onChange:function(t){var e=t.target.files;e&&X&&K(e)},required:m&&!W,accept:G.join(",")||void 0,disabled:w,"aria-label":n.properties.aria_label,multiple:D,onFocus:s.ms,style:{position:"absolute",pointerEvents:"none",opacity:0,top:0,left:0,width:"100%",height:"100%",zIndex:c.rM-2}})]}))}}}]);
+"use strict";(this.webpackChunkFeathery=this.webpackChunkFeathery||[]).push([[710],{5289:(t,e,n)=>{n.r(e),n.d(e,{default:()=>y});var r=n(5944),i=n(7294),o=n(2943),a=n(1407),l=n(5096),u=n(1211),c=n(2988),s=n(9479),f=function(){return f=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var i in e=arguments[n])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t},f.apply(this,arguments)},d=function(t,e,n,r){return new(n||(n=Promise))((function(i,o){function a(t){try{u(r.next(t))}catch(t){o(t)}}function l(t){try{u(r.throw(t))}catch(t){o(t)}}function u(t){var e;t.done?i(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(a,l)}u((r=r.apply(t,e||[])).next())}))},p=function(t,e){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(o){return function(l){return function(o){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,r&&(i=2&o[0]?r.return:o[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,o[1])).done)return i;switch(r=0,i&&(o=[2&o[0],i.value]),o[0]){case 0:case 1:i=o;break;case 4:return a.label++,{value:o[1],done:!1};case 5:a.label++,r=o[1],o=[0];continue;case 7:o=a.ops.pop(),a.trys.pop();continue;default:if(!((i=(i=a.trys).length>0&&i[i.length-1])||6!==o[0]&&2!==o[0])){a=0;continue}if(3===o[0]&&(!i||o[1]>i[0]&&o[1]<i[3])){a.label=o[1];break}if(6===o[0]&&a.label<i[1]){a.label=i[1],i=o;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(o);break}i[2]&&a.ops.pop(),a.trys.pop();continue}o=e.call(t,a)}catch(t){o=[6,t],r=0}finally{n=i=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,l])}}},h=function(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var r,i,o=n.call(t),a=[];try{for(;(void 0===e||e-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(t){i={error:t}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},v=function(t,e,n){if(n||2===arguments.length)for(var r,i=0,o=e.length;i<o;i++)!r&&i in e||(r||(r=Array.prototype.slice.call(e,0,i)),r[i]=e[i]);return t.concat(r||Array.prototype.slice.call(e))};const y=function(t){var e=this,n=t.element,y=t.responsiveStyles,g=t.required,m=void 0!==g&&g,b=t.disabled,w=void 0!==b&&b,x=t.editMode,C=t.onChange,k=void 0===C?function(){}:C,S=t.initialFiles,E=void 0===S?[]:S,Z=t.elementProps,_=void 0===Z?{}:Z,j=t.children,A=n.servar,B=""!==A.name,D=A.metadata.multiple,F=(0,i.useRef)(null),P=h((0,i.useState)([]),2),T=P[0],z=P[1],I=h((0,i.useState)(-1),2),M=I[0],H=I[1],L=h((0,i.useState)(new Set),2),O=L[0],R=L[1];(0,i.useEffect)((function(){(0,a.yD)(T)&&(0,a.yD)(E)||z((0,a.zZ)(E).filter(Boolean))}),[E]),(0,i.useEffect)((function(){R(new Set)}),[T.length]);var V=(0,o.hP)(T),W=T.length>0,X=D||!W,q=n.styles.hide_file_preview,G=v([],h(A.metadata.file_types),!1);A.metadata.custom_file_types&&G.push.apply(G,v([],h(A.metadata.custom_file_types.map((function(t){return".".concat(t)}))),!1));var J=A.max_length?1024*A.max_length:10485760,K=function(t){return d(e,void 0,void 0,(function(){var e,n,r,i,o,a,l,u;return p(this,(function(c){if(w)return[2];e=Array.from(t),D||(e=[e[0]]);try{if(e.some((function(t){return!t||!(t instanceof File)||t.size<=0})))throw new Error("Some files are invalid");!function(t){if(0!==G.length){var e=G.flatMap((function(t){return t.split(",").map((function(t){return t.trim()}))})),n=t.filter((function(t){return!e.some((function(e){return function(t,e){var n;if(e.endsWith("/*")){var r=e.split("/")[0];return t.type.startsWith(r+"/")}if(e.includes("/"))return t.type===e;var i="."+(null===(n=t.name.split(".").pop())||void 0===n?void 0:n.toLowerCase());return e.toLowerCase()===i}(t,e)}))}));if(n.length>0)throw new Error("Invalid file type. Allowed types: ".concat(G.join(", ")))}}(e),function(t){if(t.some((function(t){return t.size>J}))){var e="";if(J<1024)e="".concat(J," bytes");else if(J<=1048576){var n=Math.floor(J/1024);e="".concat(n," kb")}else{var r=Math.floor(J/1048576);e="".concat(r," mb")}throw new Error("File exceeds max size of ".concat(e))}}(e),n=q?0:T.length,e.length+n>20&&e.splice(20-n),r=e.map((function(t){return Promise.resolve(t)})),i=void 0,q?(i=r,o=0):(i=v(v([],h(T),!1),h(r),!1),o=n),z(i),k(i,o),null===(a=F.current)||void 0===a||a.setCustomValidity(""),F.current&&(F.current.value="")}catch(t){null===(l=F.current)||void 0===l||l.setCustomValidity(t.message),null===(u=F.current)||void 0===u||u.reportValidity()}return[2]}))}))},N=f(f({},u.lH),y.getTarget("img")),Q=n.properties.icon?(0,r.tZ)("img",{src:n.properties.icon,style:f(f({},N),{maxWidth:"100%",height:"auto"}),alt:""}):(0,r.tZ)(l.HC,{width:N.width&&"px"!==N.width?N.width:void 0,style:{maxHeight:"100%"}});return(0,r.BX)("div",f({css:f({display:"flex",flexWrap:"wrap",position:"relative",pointerEvents:x?"none":"auto",width:"100%",height:"100%"},y.getTarget("fc"))},_,{onDragOver:function(t){t.preventDefault(),t.stopPropagation()},onDrop:w?void 0:function(t){t.preventDefault(),t.stopPropagation();var e=t.dataTransfer.files;X&&K(e)}},{children:[j,!q&&V.map((function(t,n){var i=t.filename,o=t.thumbnail;return n<T.length?(0,r.BX)("div",f({css:f(f({position:"relative",width:"100%",maxHeight:"100%",overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center",boxSizing:"border-box"},o?{}:{paddingLeft:"20px",paddingRight:"20px"}),y.getTarget("field")),onMouseEnter:function(){return H(n)},onMouseLeave:function(){return H(-1)}},{children:[M===n&&(0,r.tZ)("div",f({css:{position:"absolute",margin:"auto",left:0,right:0,top:0,bottom:0,width:"48px",height:"48px",borderRadius:"8px",backgroundColor:"#3E414D80",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center"},onClick:function(){return d(e,void 0,void 0,(function(){var t;return p(this,(function(e){switch(e.label){case 0:return t=s.Sv,[4,T[n]];case 1:return[2,t.apply(void 0,[e.sent()])]}}))}))}},{children:(0,r.tZ)(l._8,{})})),o&&!O.has(n)?(0,r.tZ)("img",{src:o,onError:function(){return R((function(t){return new Set(t).add(n)}))},style:{width:"100%",height:"100%",objectFit:"contain"},alt:i||""}):(0,r.tZ)("span",f({style:{height:"100%",width:"100%",wordBreak:"break-all",display:"flex",justifyContent:"center",alignItems:"center",textAlign:"center"}},{children:i||"File"})),(0,r.tZ)("div",f({css:{position:"absolute",top:"4px",right:"4px",color:"white",background:"#AAA",height:"16px",width:"16px",borderRadius:"50%",pointerEvents:w?"none":"auto",cursor:"pointer",display:"flex",justifyContent:"center",alignItems:"center",transition:"0.2s ease all","&:hover":{backgroundColor:"#BBB"}},role:"button","aria-label":"Clear file",onClick:function(t){var e;t.stopPropagation(),null===(e=F.current)||void 0===e||e.setCustomValidity(""),function(t){return function(){var e=(0,a.iZ)(T,t);z(e),k(e,-1)}}(n)()}},{children:(0,r.tZ)(l.Tw,{fill:"white",width:12,height:12})}))]}),n):null})),(X||q)&&(0,r.BX)("div",f({onClick:function(){var t;(X||q)&&(w||null===(t=F.current)||void 0===t||t.click())},css:f({position:"relative",pointerEvents:w?"none":"auto",cursor:"pointer",maxHeight:"100%",display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",overflow:"hidden",boxSizing:"border-box",width:"100%"},y.getTarget("ac"))},{children:[Q,B&&(0,r.tZ)("div",f({css:y.getTarget("add")},{children:A.name}))]})),(0,r.tZ)("input",{id:A.key,name:A.key,ref:F,type:"file",onChange:function(t){var e=t.target.files;e&&X&&K(e)},required:m&&!W,accept:G.join(",")||void 0,disabled:w,"aria-label":n.properties.aria_label,multiple:D,onFocus:s.ms,style:{position:"absolute",pointerEvents:"none",opacity:0,top:0,left:0,width:"100%",height:"100%",zIndex:c.rM-2}})]}))}}}]);

package/umd/{PasswordField.1358356d6fbc6880f12a.js → PasswordField.7585ef588333cb4181f7.js}

@@ -1 +1 @@
-"use strict";(this.webpackChunkFeathery=this.webpackChunkFeathery||[]).push([[423],{1587:(e,t,r)=>{r.d(t,{Z:()=>d});var n=r(5944),o=r(7294),i=r(8776),l=r(5467),a=r(2988),c=r(4665),u=r(7449),s=r(9479),f=function(){return f=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},f.apply(this,arguments)};function d(e){var t=e.id,r=e.text,d=e.responsiveStyles,p=e.absolute,h=void 0===p||p,v=e.containerRef,g=e.repeat,m=function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,i=r.call(e),l=[];try{for(;(void 0===t||t-- >0)&&!(n=i.next()).done;)l.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=i.return)&&r.call(i)}finally{if(o)throw o.error}}return l}((0,o.useState)(!1),2),y=m[0],b=m[1],w=(0,o.useRef)(null);if(!(r=(0,c.xf)(r,g)))return null;var x=(0,s.tq)();return(0,n.BX)(n.HY,{children:[(0,n.tZ)("div",f({ref:w,onMouseEnter:x?void 0:function(){return b(!0)},onMouseLeave:x?void 0:function(){return b(!1)},onFocus:function(){return b(!0)},onBlur:function(){return b(!1)},onClick:function(){return b((function(e){return!e}))},css:h?{position:"absolute",insetInlineEnd:"10px",top:0,bottom:0,zIndex:a.rM,margin:"auto",cursor:"pointer",height:"100%",display:"flex"}:{position:"relative",marginInlineStart:"8px",display:"flex",alignItems:"center"}},{children:(0,n.tZ)(l.by,{cssStyles:d.getTarget("tooltipIcon")})})),(0,n.tZ)(u.Z,f({show:y,targetRef:w,containerRef:v,placement:"left",onHide:function(){return b(!1)},offset:8},{children:(0,n.tZ)(i.u,f({id:"tooltip-".concat(t),css:{zIndex:a.rM+1,padding:".4rem 0",transition:"opacity .10s linear",".tooltip-inner":{maxWidth:"200px",padding:".25rem .5rem",color:"#fff",textAlign:"center",backgroundColor:"#000",borderRadius:".25rem",fontSize:"smaller"}}},{children:r}))}))]})}},7449:(e,t,r)=>{r.d(t,{Z:()=>c});var n=r(5944),o=r(7294),i=r(3935),l=r(9479),a=function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};const c=function(e){var t=e.show,r=e.targetRef,c=e.children,f=e.onHide,d=e.placement,p=void 0===d?"bottom-start":d,h=e.offset,v=void 0===h?0:h,g=e.zIndex,m=void 0===g?1e3:g,y=e.containerRef,b=(0,o.useRef)(null),w=function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,i=r.call(e),l=[];try{for(;(void 0===t||t-- >0)&&!(n=i.next()).done;)l.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=i.return)&&r.call(i)}finally{if(o)throw o.error}}return l}((0,o.useState)(null),2),x=w[0],O=w[1],E=(0,o.useCallback)((function(){return(null==y?void 0:y.current)||(0,l.me)().body}),[y]),S=(0,o.useCallback)((function(){var e;if(t&&r.current&&b.current){var n=(0,l.Kv)(),o=E();if(o){var i=r.current.getBoundingClientRect(),a=b.current.getBoundingClientRect(),c=o.getBoundingClientRect(),f=s(p,i,a,v),d=f.top,h=f.left,g=d+a.height,m=h+a.width,y=d>=0&&g<=n.innerHeight,w=h>=0&&m<=n.innerWidth;if(!y||!w){var x=u(p,!y,!w);x!==p&&(d=(e=s(x,i,a,v)).top,h=e.left)}var S=o===(0,l.me)().body,Z=S?d+n.scrollY:d-c.top,k=S?h+n.scrollX:h-c.left;O((function(e){return e&&e.top===Z&&e.left===k?e:{top:Z,left:k}}))}}}),[t,p,v,E,r]),Z=(0,o.useCallback)((function(){var e=!1;return function(){e||(e=!0,requestAnimationFrame((function(){S(),e=!1})))}}),[S])();if((0,o.useLayoutEffect)((function(){t&&S()}),[t,S]),(0,o.useEffect)((function(){if(t){var e=(0,l.Kv)(),n=E();if(n){e.addEventListener("resize",Z),e.addEventListener("scroll",Z,!0),n!==(0,l.me)().body&&n.addEventListener("scroll",Z);var o=new ResizeObserver((function(){return Z()}));return r.current&&o.observe(r.current),n!==(0,l.me)().body&&o.observe(n),function(){e.removeEventListener("resize",Z),e.removeEventListener("scroll",Z,!0),n!==(0,l.me)().body&&n.removeEventListener("scroll",Z),o.disconnect()}}}}),[t,Z,E,r]),(0,o.useEffect)((function(){if(t){var e=function(e){"Escape"===e.key&&(O(null),null==f||f())},n=function(e){var t=e.target;b.current&&!b.current.contains(t)&&r.current&&!r.current.contains(t)&&(O(null),null==f||f())},o=(0,l.me)();return o.addEventListener("mousedown",n),o.addEventListener("keydown",e),function(){o.removeEventListener("mousedown",n),o.removeEventListener("keydown",e)}}}),[t,f,r]),!t)return null;var k=E();return k?(0,i.createPortal)((0,n.tZ)("div",a({ref:b,style:a(a({position:"absolute"},x||{top:-9999,left:-9999}),{zIndex:m})},{children:c})),k):(0,n.tZ)(n.HY,{children:c})};var u=function(e,t,r){if(t){if(e.includes("top"))return e.replace("top","bottom");if(e.includes("bottom"))return e.replace("bottom","top")}if(r){if(e.includes("left"))return e.replace("left","right");if(e.includes("right"))return e.replace("right","left")}return e},s=function(e,t,r,n){switch(void 0===n&&(n=0),e){case"top":return{top:t.top-r.height-n,left:t.left+(t.width-r.width)/2};case"top-start":return{top:t.top-r.height-n,left:t.left};case"top-end":return{top:t.top-r.height-n,left:t.right-r.width};case"left":return{top:t.top+(t.height-r.height)/2,left:t.left-r.width-n};case"left-start":return{top:t.top,left:t.left-r.width-n};case"left-end":return{top:t.bottom-r.height,left:t.left-r.width-n};case"bottom":default:return{top:t.bottom+n,left:t.left+(t.width-r.width)/2};case"bottom-start":return{top:t.bottom+n,left:t.left};case"bottom-end":return{top:t.bottom+n,left:t.right-r.width};case"right":return{top:t.top+(t.height-r.height)/2,left:t.right+n};case"right-start":return{top:t.top,left:t.right+n};case"right-end":return{top:t.bottom-r.height,left:t.right+n}}}},9069:(e,t,r)=>{r.d(t,{Z:()=>i});var n=r(5944),o=function(){return o=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},o.apply(this,arguments)};function i(e){var t,r,i,l=e.value,a=e.element,c=e.responsiveStyles,u=e.type,s=void 0===u?"input":u,f=e.inputFocused,d=void 0!==f&&f,p=e.repeatIndex,h=void 0===p?null:p,v=a.properties,g=null!==(i=(null!==(r=v.repeat_placeholder)&&void 0!==r?r:[])[null!=h?h:0])&&void 0!==i?i:v.placeholder||"",m=o(o({},c.getTarget("placeholderFocus")),c.getTarget("placeholderActive"));return(0,n.tZ)("span",o({css:o(o(o(o({position:"absolute",pointerEvents:"none",insetInlineStart:"0.75rem",transition:"0.2s ease all",top:"input"===s?"50%":"0.6rem"},c.getTarget("placeholder")),l?c.getTarget("placeholderFocus"):{}),d?m:{}),(t={},t["".concat(s,":focus ~ &")]=m,t))},{children:g}))}},8776:(e,t,r)=>{r.d(t,{u:()=>l});var n=r(5944),o=r(2988),i=function(){return i=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},i.apply(this,arguments)},l=function(e){var t=e.children,r=e.css,l=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(e,["children","css"]);return(0,n.tZ)("div",i({css:i({zIndex:o.rM+1,padding:".4rem 0",transition:"opacity .10s linear",".tooltip-inner":{maxWidth:"200px",padding:".25rem .5rem",color:"#fff",textAlign:"center",backgroundColor:"#000",borderRadius:".25rem",fontSize:"smaller"}},r)},l,{children:(0,n.tZ)("div",i({className:"tooltip-inner"},{children:t}))}))}},6820:(e,t,r)=>{r.r(t),r.d(t,{default:()=>p});var n=r(5944),o=r(7294),i=r(9069),l=r(1587),a=r(1211),c=r(6867),u=r(2988),s=r(9479),f=r(5467),d=function(){return d=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},d.apply(this,arguments)};const p=(0,o.memo)((function(e){var t,r=e.element,p=e.responsiveStyles,h=e.fieldLabel,v=e.elementProps,g=void 0===v?{}:v,m=e.required,y=void 0!==m&&m,b=e.disabled,w=void 0!==b&&b,x=e.repeatIndex,O=void 0===x?null:x,E=e.editMode,S=e.onChange,Z=void 0===S?function(){}:S,k=e.onEnter,I=void 0===k?function(){}:k,L=e.setRef,C=void 0===L?function(){}:L,R=e.rawValue,j=void 0===R?"":R,T=e.inlineError,z=e.children,P=(0,c.Z)({element:r,error:T,breakpoint:p.getMobileBreakpoint()}),B=P.borderStyles,F=P.customBorder,M=P.borderId,X=function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,i=r.call(e),l=[];try{for(;(void 0===t||t-- >0)&&!(n=i.next()).done;)l.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=i.return)&&r.call(i)}finally{if(o)throw o.error}}return l}((0,o.useState)(!1),2),_=X[0],H=X[1],q=(0,o.useRef)(null),A=r.servar,W=r.properties.tooltipText?30:8;return(0,n.BX)("div",d({ref:q,css:d({maxWidth:"100%",width:"100%",height:"100%",position:"relative",pointerEvents:E?"none":"auto"},p.getTarget("fc"))},g,{children:[z,h,(0,n.BX)("div",d({css:d(d(d({position:"relative",width:"100%",whiteSpace:"nowrap",overflowX:"clip"},p.getTarget("sub-fc")),w?p.getTarget("disabled"):{}),{"&:hover":(0,s.wL)(w?{}:d(d({},p.getTarget("hover")),B.hover))})},{children:[(0,n.tZ)("input",{id:A.key,name:A.key,css:{".feathery &":d(d(d({position:"relative",zIndex:u.rM,height:"100%",width:"100%",border:"none",margin:0,backgroundColor:"transparent"},a.ET),p.getTarget("field")),(t={},t["&:focus ~ #".concat(M)]=Object.values(B.active)[0],t["&:not(:focus)"]=j||!r.properties.placeholder?{}:{color:"transparent !important"},t))},"aria-label":r.properties.aria_label,maxLength:A.max_length,minLength:A.min_length,required:y,onChange:function(e){A.max_length&&e.target.value.length>A.max_length||Z(e)},onKeyDown:function(e){"Enter"===e.key&&I(e)},placeholder:"",disabled:w,value:j,ref:C,autoComplete:"off",type:_?"text":"password",onFocus:s.ms}),j&&(0,n.tZ)("div",d({css:{position:"absolute",cursor:"pointer",insetInlineEnd:"".concat(W,"px"),top:"calc(50% - 12px)",zIndex:u.rM},onClick:function(){return H((function(e){return!e}))},"aria-label":"Toggle password visibility"},{children:_?(0,n.tZ)(f.uL,{}):(0,n.tZ)(f.FX,{})})),F,(0,n.tZ)(i.Z,{value:j,element:r,responsiveStyles:p,repeatIndex:O}),(0,n.tZ)(l.Z,{containerRef:q,id:r.id,text:r.properties.tooltipText,responsiveStyles:p,repeat:r.repeat})]}))]}))}))}}]);
+"use strict";(this.webpackChunkFeathery=this.webpackChunkFeathery||[]).push([[423],{1587:(e,t,r)=>{r.d(t,{Z:()=>d});var n=r(5944),o=r(7294),i=r(8776),l=r(5096),a=r(2988),c=r(4665),u=r(7449),s=r(9479),f=function(){return f=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},f.apply(this,arguments)};function d(e){var t=e.id,r=e.text,d=e.responsiveStyles,p=e.absolute,h=void 0===p||p,v=e.containerRef,g=e.repeat,m=function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,i=r.call(e),l=[];try{for(;(void 0===t||t-- >0)&&!(n=i.next()).done;)l.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=i.return)&&r.call(i)}finally{if(o)throw o.error}}return l}((0,o.useState)(!1),2),y=m[0],b=m[1],w=(0,o.useRef)(null);if(!(r=(0,c.xf)(r,g)))return null;var x=(0,s.tq)();return(0,n.BX)(n.HY,{children:[(0,n.tZ)("div",f({ref:w,onMouseEnter:x?void 0:function(){return b(!0)},onMouseLeave:x?void 0:function(){return b(!1)},onFocus:function(){return b(!0)},onBlur:function(){return b(!1)},onClick:function(){return b((function(e){return!e}))},css:h?{position:"absolute",insetInlineEnd:"10px",top:0,bottom:0,zIndex:a.rM,margin:"auto",cursor:"pointer",height:"100%",display:"flex"}:{position:"relative",marginInlineStart:"8px",display:"flex",alignItems:"center"}},{children:(0,n.tZ)(l.by,{cssStyles:d.getTarget("tooltipIcon")})})),(0,n.tZ)(u.Z,f({show:y,targetRef:w,containerRef:v,placement:"left",onHide:function(){return b(!1)},offset:8},{children:(0,n.tZ)(i.u,f({id:"tooltip-".concat(t),css:{zIndex:a.rM+1,padding:".4rem 0",transition:"opacity .10s linear",".tooltip-inner":{maxWidth:"200px",padding:".25rem .5rem",color:"#fff",textAlign:"center",backgroundColor:"#000",borderRadius:".25rem",fontSize:"smaller"}}},{children:r}))}))]})}},7449:(e,t,r)=>{r.d(t,{Z:()=>c});var n=r(5944),o=r(7294),i=r(3935),l=r(9479),a=function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};const c=function(e){var t=e.show,r=e.targetRef,c=e.children,f=e.onHide,d=e.placement,p=void 0===d?"bottom-start":d,h=e.offset,v=void 0===h?0:h,g=e.zIndex,m=void 0===g?1e3:g,y=e.containerRef,b=(0,o.useRef)(null),w=function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,i=r.call(e),l=[];try{for(;(void 0===t||t-- >0)&&!(n=i.next()).done;)l.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=i.return)&&r.call(i)}finally{if(o)throw o.error}}return l}((0,o.useState)(null),2),x=w[0],O=w[1],E=(0,o.useCallback)((function(){return(null==y?void 0:y.current)||(0,l.me)().body}),[y]),S=(0,o.useCallback)((function(){var e;if(t&&r.current&&b.current){var n=(0,l.Kv)(),o=E();if(o){var i=r.current.getBoundingClientRect(),a=b.current.getBoundingClientRect(),c=o.getBoundingClientRect(),f=s(p,i,a,v),d=f.top,h=f.left,g=d+a.height,m=h+a.width,y=d>=0&&g<=n.innerHeight,w=h>=0&&m<=n.innerWidth;if(!y||!w){var x=u(p,!y,!w);x!==p&&(d=(e=s(x,i,a,v)).top,h=e.left)}var S=o===(0,l.me)().body,Z=S?d+n.scrollY:d-c.top,k=S?h+n.scrollX:h-c.left;O((function(e){return e&&e.top===Z&&e.left===k?e:{top:Z,left:k}}))}}}),[t,p,v,E,r]),Z=(0,o.useCallback)((function(){var e=!1;return function(){e||(e=!0,requestAnimationFrame((function(){S(),e=!1})))}}),[S])();if((0,o.useLayoutEffect)((function(){t&&S()}),[t,S]),(0,o.useEffect)((function(){if(t){var e=(0,l.Kv)(),n=E();if(n){e.addEventListener("resize",Z),e.addEventListener("scroll",Z,!0),n!==(0,l.me)().body&&n.addEventListener("scroll",Z);var o=new ResizeObserver((function(){return Z()}));return r.current&&o.observe(r.current),n!==(0,l.me)().body&&o.observe(n),function(){e.removeEventListener("resize",Z),e.removeEventListener("scroll",Z,!0),n!==(0,l.me)().body&&n.removeEventListener("scroll",Z),o.disconnect()}}}}),[t,Z,E,r]),(0,o.useEffect)((function(){if(t){var e=function(e){"Escape"===e.key&&(O(null),null==f||f())},n=function(e){var t=e.target;b.current&&!b.current.contains(t)&&r.current&&!r.current.contains(t)&&(O(null),null==f||f())},o=(0,l.me)();return o.addEventListener("mousedown",n),o.addEventListener("keydown",e),function(){o.removeEventListener("mousedown",n),o.removeEventListener("keydown",e)}}}),[t,f,r]),!t)return null;var k=E();return k?(0,i.createPortal)((0,n.tZ)("div",a({ref:b,style:a(a({position:"absolute"},x||{top:-9999,left:-9999}),{zIndex:m})},{children:c})),k):(0,n.tZ)(n.HY,{children:c})};var u=function(e,t,r){if(t){if(e.includes("top"))return e.replace("top","bottom");if(e.includes("bottom"))return e.replace("bottom","top")}if(r){if(e.includes("left"))return e.replace("left","right");if(e.includes("right"))return e.replace("right","left")}return e},s=function(e,t,r,n){switch(void 0===n&&(n=0),e){case"top":return{top:t.top-r.height-n,left:t.left+(t.width-r.width)/2};case"top-start":return{top:t.top-r.height-n,left:t.left};case"top-end":return{top:t.top-r.height-n,left:t.right-r.width};case"left":return{top:t.top+(t.height-r.height)/2,left:t.left-r.width-n};case"left-start":return{top:t.top,left:t.left-r.width-n};case"left-end":return{top:t.bottom-r.height,left:t.left-r.width-n};case"bottom":default:return{top:t.bottom+n,left:t.left+(t.width-r.width)/2};case"bottom-start":return{top:t.bottom+n,left:t.left};case"bottom-end":return{top:t.bottom+n,left:t.right-r.width};case"right":return{top:t.top+(t.height-r.height)/2,left:t.right+n};case"right-start":return{top:t.top,left:t.right+n};case"right-end":return{top:t.bottom-r.height,left:t.right+n}}}},9069:(e,t,r)=>{r.d(t,{Z:()=>i});var n=r(5944),o=function(){return o=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},o.apply(this,arguments)};function i(e){var t,r,i,l=e.value,a=e.element,c=e.responsiveStyles,u=e.type,s=void 0===u?"input":u,f=e.inputFocused,d=void 0!==f&&f,p=e.repeatIndex,h=void 0===p?null:p,v=a.properties,g=null!==(i=(null!==(r=v.repeat_placeholder)&&void 0!==r?r:[])[null!=h?h:0])&&void 0!==i?i:v.placeholder||"",m=o(o({},c.getTarget("placeholderFocus")),c.getTarget("placeholderActive"));return(0,n.tZ)("span",o({css:o(o(o(o({position:"absolute",pointerEvents:"none",insetInlineStart:"0.75rem",transition:"0.2s ease all",top:"input"===s?"50%":"0.6rem"},c.getTarget("placeholder")),l?c.getTarget("placeholderFocus"):{}),d?m:{}),(t={},t["".concat(s,":focus ~ &")]=m,t))},{children:g}))}},8776:(e,t,r)=>{r.d(t,{u:()=>l});var n=r(5944),o=r(2988),i=function(){return i=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},i.apply(this,arguments)},l=function(e){var t=e.children,r=e.css,l=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(e,["children","css"]);return(0,n.tZ)("div",i({css:i({zIndex:o.rM+1,padding:".4rem 0",transition:"opacity .10s linear",".tooltip-inner":{maxWidth:"200px",padding:".25rem .5rem",color:"#fff",textAlign:"center",backgroundColor:"#000",borderRadius:".25rem",fontSize:"smaller"}},r)},l,{children:(0,n.tZ)("div",i({className:"tooltip-inner"},{children:t}))}))}},6820:(e,t,r)=>{r.r(t),r.d(t,{default:()=>p});var n=r(5944),o=r(7294),i=r(9069),l=r(1587),a=r(1211),c=r(6867),u=r(2988),s=r(9479),f=r(5096),d=function(){return d=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},d.apply(this,arguments)};const p=(0,o.memo)((function(e){var t,r=e.element,p=e.responsiveStyles,h=e.fieldLabel,v=e.elementProps,g=void 0===v?{}:v,m=e.required,y=void 0!==m&&m,b=e.disabled,w=void 0!==b&&b,x=e.repeatIndex,O=void 0===x?null:x,E=e.editMode,S=e.onChange,Z=void 0===S?function(){}:S,k=e.onEnter,I=void 0===k?function(){}:k,L=e.setRef,C=void 0===L?function(){}:L,R=e.rawValue,j=void 0===R?"":R,T=e.inlineError,z=e.children,P=(0,c.Z)({element:r,error:T,breakpoint:p.getMobileBreakpoint()}),B=P.borderStyles,F=P.customBorder,M=P.borderId,X=function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,i=r.call(e),l=[];try{for(;(void 0===t||t-- >0)&&!(n=i.next()).done;)l.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=i.return)&&r.call(i)}finally{if(o)throw o.error}}return l}((0,o.useState)(!1),2),_=X[0],H=X[1],q=(0,o.useRef)(null),A=r.servar,W=r.properties.tooltipText?30:8;return(0,n.BX)("div",d({ref:q,css:d({maxWidth:"100%",width:"100%",height:"100%",position:"relative",pointerEvents:E?"none":"auto"},p.getTarget("fc"))},g,{children:[z,h,(0,n.BX)("div",d({css:d(d(d({position:"relative",width:"100%",whiteSpace:"nowrap",overflowX:"clip"},p.getTarget("sub-fc")),w?p.getTarget("disabled"):{}),{"&:hover":(0,s.wL)(w?{}:d(d({},p.getTarget("hover")),B.hover))})},{children:[(0,n.tZ)("input",{id:A.key,name:A.key,css:{".feathery &":d(d(d({position:"relative",zIndex:u.rM,height:"100%",width:"100%",border:"none",margin:0,backgroundColor:"transparent"},a.ET),p.getTarget("field")),(t={},t["&:focus ~ #".concat(M)]=Object.values(B.active)[0],t["&:not(:focus)"]=j||!r.properties.placeholder?{}:{color:"transparent !important"},t))},"aria-label":r.properties.aria_label,maxLength:A.max_length,minLength:A.min_length,required:y,onChange:function(e){A.max_length&&e.target.value.length>A.max_length||Z(e)},onKeyDown:function(e){"Enter"===e.key&&I(e)},placeholder:"",disabled:w,value:j,ref:C,autoComplete:"off",type:_?"text":"password",onFocus:s.ms}),j&&(0,n.tZ)("div",d({css:{position:"absolute",cursor:"pointer",insetInlineEnd:"".concat(W,"px"),top:"calc(50% - 12px)",zIndex:u.rM},onClick:function(){return H((function(e){return!e}))},"aria-label":"Toggle password visibility"},{children:_?(0,n.tZ)(f.uL,{}):(0,n.tZ)(f.FX,{})})),F,(0,n.tZ)(i.Z,{value:j,element:r,responsiveStyles:p,repeatIndex:O}),(0,n.tZ)(l.Z,{containerRef:q,id:r.id,text:r.properties.tooltipText,responsiveStyles:p,repeat:r.repeat})]}))]}))}))}}]);