npm - josenanodev-react-components-library - Versions diffs - 1.2.0 → 1.3.1 - Mend

josenanodev-react-components-library 1.2.0 → 1.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (34) hide show

package/dist/esm/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- import e,{useState as n,Fragment as l,useEffect as a,useRef as t,useReducer as o,useLayoutEffect as r}from"react";import{BsX as i,BsCheckLg as c,BsPencil as d,BsArrowLeftCircle as u,BsArrowRightCircle as s}from"react-icons/bs";import{IoMenu as _}from"react-icons/io5";import{AiFillMinusCircle as m,AiFillPlusCircle as p}from"react-icons/ai";import{GoDotFill as b}from"react-icons/go";function S(e,n){void 0===n&&(n={});var l=n.insertAt;if(e&&"undefined"!=typeof document){var a=document.head\|\|document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===l&&a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e))}}var g="BubbleMenu-module_menu-container__xrNNC",y="BubbleMenu-module_menu-button__I5R0w";S(".BubbleMenu-module_menu-container__xrNNC {\n position: fixed;\n z-index: 100;\n top: 0px;\n padding-top: 80px;\n box-sizing: border-box;\n width: 100vw;\n height: 100vh;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=visible] {\n animation: BubbleMenu-module_show-background__Qz4-v 300ms ease-in-out forwards;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=visible] ul li {\n opacity: 1;\n transform: translateX(0px);\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=hidden] {\n animation: BubbleMenu-module_hide-background__ESkim 300ms ease-in-out forwards;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=hidden] ul li {\n opacity: 0;\n transform: translateX(-110px);\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=idle] {\n width: 0vw;\n background-color: transparent;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=idle] ul li {\n opacity: 0;\n transform: translateX(-110px);\n}\n.BubbleMenu-module_menu-container__xrNNC ul {\n list-style: none;\n padding-inline-start: 5px;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li {\n transition: all 300ms ease-in-out;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li button {\n border-width: 3px;\n border-style: solid;\n border-color: #959595;\n box-shadow: 3px 3px 4px 1px rgba(90, 90, 90, 0.3);\n color: #959595;\n background-color: rgba(255, 255, 255, 0.9);\n -webkit-tap-highlight-color: transparent;\n user-select: none;\n cursor: pointer;\n transition: all 100ms ease-in-out;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100px;\n height: 100px;\n margin: 15px 0px;\n border-radius: 50px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li button svg {\n min-width: 40px;\n min-height: 40px;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li button:active {\n transform: translate(1px, 1px);\n box-shadow: 1px 1px 2px rgba(90, 90, 90, 0.3);\n}\n\n.BubbleMenu-module_menu-button__I5R0w {\n position: fixed;\n z-index: 101;\n top: 30px;\n left: 10px;\n width: 50px;\n height: 50px;\n background-color: rgba(255, 255, 255, 0.7);\n border-radius: 25px;\n border-width: 3px;\n border-style: solid;\n border-color: #959595;\n box-shadow: 3px 3px 4px 1px rgba(90, 90, 90, 0.3);\n color: #959595;\n background-color: rgba(255, 255, 255, 0.9);\n -webkit-tap-highlight-color: transparent;\n user-select: none;\n cursor: pointer;\n transition: all 100ms ease-in-out;\n}\n.BubbleMenu-module_menu-button__I5R0w svg {\n position: absolute;\n top: 2px;\n left: 0;\n width: 100%;\n height: 34px;\n color: #0d280b;\n}\n.BubbleMenu-module_menu-button__I5R0w svg path {\n transition: all 0.3s ease-in-out;\n}\n.BubbleMenu-module_menu-button__I5R0w p {\n position: absolute;\n top: 30px;\n left: 0;\n width: 100%;\n margin: 0;\n text-align: center;\n color: #0d280b;\n font-size: 10px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n.BubbleMenu-module_menu-button__I5R0w:active {\n transform: translate(1px, 1px);\n box-shadow: 1px 1px 2px rgba(90, 90, 90, 0.3);\n}\n\n@keyframes BubbleMenu-module_show-background__Qz4-v {\n 0% {\n background-color: transparent;\n width: 0vw;\n }\n 1% {\n background-color: transparent;\n width: 100vw;\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.3);\n width: 100vw;\n }\n}\n@keyframes BubbleMenu-module_hide-background__ESkim {\n 0% {\n background-color: rgba(0, 0, 0, 0.3);\n width: 100vw;\n }\n 99% {\n background-color: transparent;\n width: 100vw;\n }\n 100% {\n background-color: transparent;\n width: 0vw;\n }\n}");const h={en:{menu:"menu",close:"close"},es:{menu:"menú",close:"cerrar"}},f=({options:a,language:t="en"})=>{const[o,r]=n(null);return e.createElement(l,null,e.createElement("button",{className:y,onClick:()=>r(!o)},o?e.createElement(i,null):e.createElement(_,null),e.createElement("p",null,o?h[t].close:h[t].menu)),e.createElement("section",{className:g,"data-status":!0===o?"visible":!1===o?"hidden":"idle",onClick:()=>r(!1)},e.createElement("ul",null,a.filter((e=>e.visible)).map(((n,l)=>e.createElement("li",{key:n.text,style:{transitionDelay:100l+"ms"}},e.createElement("button",{onClick:()=>setTimeout(n.optionCallback,300+100a.length)},n.icon,n.text)))))))};var C="CalendarDatePicker-module_calendar-date-picker__-G7aY",x="CalendarDatePicker-module_today-button__YgI7t",v="CalendarDatePicker-module_month-and-year__LHJ8I",w="CalendarDatePicker-module_month-input__sFUHA",k="CalendarDatePicker-module_week-days__j2XJ-";S('@property --angle {\n sintax: "<angle>";\n inherits: false;\n initial-value: 270deg;\n}\n@property --color-default {\n sintax: "<color>";\n inherits: false;\n initial-value: white;\n}\n@property --color-selected {\n sintax: "<color>";\n inherits: false;\n initial-value: #e3f3e3;\n}\n@property --percentage-default {\n sintax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --percentage-selected {\n sintax: "<percentage>";\n inherits: false;\n initial-value: 0%;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY {\n position: relative;\n font-family: Arial, Helvetica, sans-serif;\n width: 390px;\n color: #959595;\n font-weight: 600;\n font-style: normal;\n line-height: normal;\n -webkit-tap-highlight-color: transparent;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t {\n position: absolute;\n top: 0px;\n right: 5px;\n border: solid 2px #787878;\n border-radius: 6px;\n padding: 4px 8px;\n font-size: 18px;\n background-color: white;\n color: #787878;\n transition: all 0.1s ease-in-out;\n cursor: pointer;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t:hover {\n background-color: #f3f3f3;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t:active {\n background-color: #cfcfcf;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n text-align: center;\n font-size: 22px;\n padding: 10px 0px;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA {\n width: fit-content;\n background-color: transparent;\n border: transparent;\n text-align: right;\n font-size: 24px;\n margin-right: 10px;\n color: #959595;\n cursor: pointer;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA:focus {\n outline: transparent;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA option {\n background-color: white;\n color: #959595;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA option:disabled {\n color: #cfcfcf;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_week-days__j2XJ- {\n display: flex;\n align-items: center;\n border-bottom: 1px solid #ebebeb;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_week-days__j2XJ- p {\n width: 14.2857142857%;\n margin: 0px;\n text-align: center;\n}');var E="InputBoxWithConfirmation-module_div-wrapper__DdQ1-",N="InputBoxWithConfirmation-module_focused__C6kd0",D="InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN",z="InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y";function G(e,n,l=[]){a((()=>{function a(a){e.current&&!e.current.contains(a.target)&&l.every((e=>e.current!==a.target))&&n()}return document.addEventListener("mousedown",a),()=>{document.removeEventListener("mousedown",a)}}),[e,n,l])}S(".InputBoxWithConfirmation-module_div-wrapper__DdQ1- {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border: solid 1px rgb(184, 184, 184);\n background-color: rgb(250, 250, 250);\n border-radius: 8px;\n transition: border 0.3s;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1-.InputBoxWithConfirmation-module_focused__C6kd0 {\n border-color: #218dec;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN {\n box-sizing: border-box;\n padding: 10px 2ch;\n min-width: 10ch;\n text-align: center;\n border: none;\n background-color: transparent;\n font-size: 16px;\n font-weight: 600;\n color: dimgray;\n transition: all 0.2s;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN::-webkit-inner-spin-button {\n display: none;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN:focus {\n outline: none;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y {\n position: absolute;\n right: 0px;\n background-color: transparent;\n color: rgb(158, 158, 158);\n width: 32px;\n height: 32px;\n border-radius: 16px;\n font-size: 16px;\n border: none;\n cursor: pointer;\n transition: all 0.2s;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y:focus {\n outline: none;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y:hover {\n background-color: rgb(241, 241, 241);\n color: var(--primary-color);\n}");const W=({onConfirmAction:o,inputType:r="text",minimumValue:i="",maximumValue:u="",maxLength:s,placeholder:_="",divWrapperCustomStyle:m,inputBoxCustomStyle:p,defaultValue:b,overrideCurrentValue:S,showConfirmationButton:g,disabled:y})=>{const h=t(null),f=t(null),[C,x]=n(void 0!==b?String(b):""),[v,w]=n(void 0!==b?String(b):""),[k,W]=n(!1),I=()=>{if(!v)return C;if("number"===r){let e=Number(v);return""!==i&&e<Number(i)?e=Number(i):""!==u&&e>Number(u)&&(e=Number(u)),String(e)}return v},O=()=>{const e=I();w(e),e&&(o(e),x(e))};return G(f,(()=>{k&&(g?w(C):O(),W(!1))})),a((()=>{void 0!==S?(w(String(S)),x(String(S))):null===S&&(w(""),x(""))}),[S]),e.createElement("div",{ref:f,style:m,className:`${E} ${k?N:""}`},e.createElement("input",{ref:h,disabled:y,className:D,type:r,style:Object.assign({width:`${((null==v?void 0:v.length)?v.length:0)+7}ch`},p),min:i,max:u,maxLength:s,placeholder:_,value:k?v:C,onChange:e=>{let n=e.target.value;s&&n.length>s&&(n=n.slice(0,s)),w(n)},onFocus:e=>{x(e.target.value),w(e.target.value),W(!0)},onKeyDown:e=>{"Enter"===e.key\|\|"NumpadEnter"===e.key\|\|"Tab"===e.key?(O(),W(!1),h.current&&h.current.blur()):"Escape"!==e.key&&"Esc"!==e.key\|\|(w(C),W(!1),h.current&&h.current.blur())}}),!y&&g&&e.createElement(l,null,k?e.createElement("button",{className:z,onClick:()=>{O(),W(!1)}},e.createElement(c,null)):e.createElement("button",{className:z,onClick:()=>{h.current&&h.current.focus()}},e.createElement(d,null))))};var I={"calendar-scrollable-section":"CalendarScrollableSection-module_calendar-scrollable-section__uzWbW","days-grid":"CalendarScrollableSection-module_days-grid__lN--o","days-row":"CalendarScrollableSection-module_days-row__wqsnT","day-cell":"CalendarScrollableSection-module_day-cell__CvovF",day:"CalendarScrollableSection-module_day__dS5iz",background:"CalendarScrollableSection-module_background__EwVgU","first-half":"CalendarScrollableSection-module_first-half__p9Eie","second-half":"CalendarScrollableSection-module_second-half__fyESG",today:"CalendarScrollableSection-module_today__zqpHy","in-month":"CalendarScrollableSection-module_in-month__vbbx-","not-in-month":"CalendarScrollableSection-module_not-in-month__-3eLq",selected:"CalendarScrollableSection-module_selected__y4L6S","check-in":"CalendarScrollableSection-module_check-in__Nl1mo","check-out":"CalendarScrollableSection-module_check-out__ShFpZ","not-selectable":"CalendarScrollableSection-module_not-selectable__mba-l","out-of-selection":"CalendarScrollableSection-module_out-of-selection__Upoeg","cross-line":"CalendarScrollableSection-module_cross-line__lsB3g",crossed:"CalendarScrollableSection-module_crossed__trZeE"};function O(e){return 0===e.getDay()?6:e.getDay()-1}function F(e){const n=e=>Number(e)<10?"-0":"-";return e.getFullYear().toString().concat(n(e.getMonth()+1),(e.getMonth()+1).toString().concat(n(e.getDate()),e.getDate().toString()))}function M(e){const n=(l=e,new Date(l.getFullYear(),l.getMonth()+1,0).getDate());var l;const a=e.getFullYear(),t=e.getMonth(),o=n-(7-O(new Date(a,t,1)));return Math.ceil(o/7)+1}S('@property --angle {\n sintax: "<angle>";\n inherits: false;\n initial-value: 270deg;\n}\n@property --color-default {\n sintax: "<color>";\n inherits: false;\n initial-value: white;\n}\n@property --color-selected {\n sintax: "<color>";\n inherits: false;\n initial-value: #e3f3e3;\n}\n@property --percentage-default {\n sintax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --percentage-selected {\n sintax: "<percentage>";\n inherits: false;\n initial-value: 0%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW {\n width: 100%;\n aspect-ratio: 1/1;\n overflow-y: scroll;\n -ms-overflow-style: none;\n scrollbar-width: none;\n border-bottom: 1px solid #ebebeb;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW::-webkit-scrollbar {\n display: none;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o {\n width: 100%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 14.2857142857%;\n aspect-ratio: 1/1;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz {\n position: relative;\n --angle: 270deg;\n --color-default: #f3f3f3;\n --color-selected: #b7d4b6;\n --percentage-default: 100%;\n --percentage-selected: 0%;\n display: flex;\n align-items: center;\n justify-content: center;\n width: calc(100% - 8px);\n height: calc(100% - 8px);\n margin: 0px;\n border-radius: 1000px;\n overflow: hidden;\n user-select: none;\n transition: all 0.5s ease-in-out;\n cursor: pointer;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz p {\n z-index: 2;\n margin: 0px;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz .CalendarScrollableSection-module_background__EwVgU {\n z-index: 1;\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n transform: rotate(var(--angle));\n transition: all 0.5s ease-in-out;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz .CalendarScrollableSection-module_background__EwVgU .CalendarScrollableSection-module_first-half__p9Eie {\n width: var(--percentage-default);\n height: 100%;\n background-color: var(--color-default);\n transition: all 0.3s ease-in-out;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz .CalendarScrollableSection-module_background__EwVgU .CalendarScrollableSection-module_second-half__fyESG {\n width: var(--percentage-selected);\n height: 100%;\n background-color: var(--color-selected);\n transition: all 0.3s ease-in-out;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_today__zqpHy {\n outline: solid 2px #787878;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_in-month__vbbx- {\n color: var(--medium-gray, #787878);\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_not-in-month__-3eLq {\n opacity: 0.35;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_selected__y4L6S {\n --percentage-default: 0%;\n --percentage-selected: 100%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_check-in__Nl1mo {\n --angle: 405deg;\n --color-default: #f3f3f3;\n --percentage-default: 50%;\n --percentage-selected: 50%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_check-out__ShFpZ {\n --angle: 225deg;\n --color-default: #f3f3f3;\n --percentage-default: 50%;\n --percentage-selected: 50%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_not-selectable__mba-l {\n cursor: not-allowed;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_out-of-selection__Upoeg {\n opacity: 0.1;\n cursor: not-allowed;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_cross-line__lsB3g {\n z-index: 2;\n position: absolute;\n width: 120%;\n height: 3px;\n background-color: #bbb;\n transform: rotate(-45deg);\n display: none;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF.CalendarScrollableSection-module_crossed__trZeE .CalendarScrollableSection-module_cross-line__lsB3g {\n display: block;\n}');const Y=(e,n)=>{const l=(n,l)=>{const a=new Date(n,l,1),t=new Date(e.minimumDate.getFullYear(),e.minimumDate.getMonth(),1),o=new Date(e.maximumDate.getFullYear(),e.maximumDate.getMonth()+1,0),r=a.valueOf()<t.valueOf(),i=a.valueOf()>o.valueOf();return!r&&!i},a={setMonth:()=>l(e.year,n.value)?Object.assign(Object.assign({},e),{month:n.value}):Object.assign({},e),setYear:()=>l(n.value,e.month)?Object.assign(Object.assign({},e),{year:n.value}):Object.assign({},e),setMinimumDate:()=>Object.assign(Object.assign({},e),{minimumDate:new Date(n.value)}),setMaximumdate:()=>Object.assign(Object.assign({},e),{maximumDate:new Date(n.value)}),changeByMonthOffset:()=>{const a=new Date(e.year,e.month+n.value,1);return l(e.year,e.month+n.value)?Object.assign(Object.assign({},e),{year:a.getFullYear(),month:a.getMonth()}):Object.assign({},e)}}[n.type]();return a\|\|Object.assign({},e)},B=({dates:n,month:l,year:r,mode:i,onSelectedDatesChange:c,onFocusedMonth:d,customDates:u=[],minimumDate:s=new Date(1970,0,1),maximumDate:_=new Date((new Date).getFullYear()+100,1,1)})=>{const[m,p]=o(Y,{month:l,year:r,minimumDate:s,maximumDate:_}),b=t(null),S=e=>!u.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&!n.selectable)),g=e=>{let n=I["day-cell"];return u.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.crossed))&&(n+=` ${I.crossed}`),n},y=e=>{let l=I.day;F(e)===F(new Date)&&(l+=` ${I.today}`),e.getMonth()===m.month?l+=` ${I["in-month"]}`:l+=` ${I["not-in-month"]}`;const a=n.some((n=>n.valueOf()===e.valueOf())),t=("range"===i\|\|"booking"===i)&&2===n.length&&n[0].valueOf()<e.valueOf()&&e.valueOf()<n[1].valueOf();if((a\|\|t)&&(l+=` ${I.selected}`),"booking"===i){2===n.length&&e.valueOf()===n[0].valueOf()&&(l+=` ${I["check-in"]}`);2===n.length&&e.valueOf()===n[1].valueOf()&&(l+=` ${I["check-out"]}`)}S(e)?l+=` ${I.selectable}`:l+=` ${I["not-selectable"]}`;return(e.valueOf()<s.valueOf()\|\|e.valueOf()>_.valueOf())&&(l+=` ${I["out-of-selection"]}`),l},h=e=>{const n=u.find((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))));return n?{backgroundColor:n.color}:void 0};return a((()=>{b.current&&(b.current.scrollTop=b.current.scrollHeight/52)}),[]),a((()=>{d(m.month,m.year)}),[m.year,m.month,d]),e.createElement("section",{ref:b,className:I["calendar-scrollable-section"],onScroll:e=>{const n=e.target,l=n.scrollHeight/5,a=1.25l,t=2.75l;n.scrollTop<a&&p({type:"changeByMonthOffset",value:-1}),n.scrollTop>t&&p({type:"changeByMonthOffset",value:1})}},Array(5).fill(0).map(((l,a)=>{const t=a-2,o=new Date(m.year,m.month+t,1),r=0===new Date(m.year,m.month+t+1,0).getDay();let d=M(o);r\|\|(d-=1);const p=O(o);return e.createElement("div",{className:I["days-grid"],key:`grid:${F(o)}}`},Array(d).fill(0).map(((l,a)=>e.createElement("div",{className:I["days-row"],key:`grid:${F(o)}-row:${a}`},Array(7).fill(0).map(((l,o)=>{const r=m.month+t,d=7a+o+1-p,b=new Date(m.year,r,d);return e.createElement("div",{className:g(b),key:F(b),onClick:()=>(e=>{if(u.forEach((n=>{n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.clickSideEffect&&n.clickSideEffect(e)})),!S(e))return;if(e.valueOf()<s.valueOf()\|\|e.valueOf()>_.valueOf())return;let l=[...n];"single"===i&&(l=[e]),"multiple"===i&&(l=n.some((n=>n.valueOf()===e.valueOf()))?n.filter((n=>n.valueOf()!==e.valueOf())):[...n,e]),"range"===i&&(l=0===n.length?[e]:1===n.length?n[0].valueOf()<e.valueOf()?[...n,e]:[e,n[0]]:[]),"booking"===i&&(l=0===n.length?[e]:n[0].valueOf()===e.valueOf()?[]:1===n.length?n[0].valueOf()<e.valueOf()?[...n,e]:[e,n[0]]:[]),c(l)})(b)},e.createElement("div",{className:I["cross-line"]}),e.createElement("div",{className:y(b)},e.createElement("div",{className:I.background},e.createElement("div",{className:I["first-half"],style:h(b)}),e.createElement("div",{className:I["second-half"],style:h(b)})),e.createElement("p",null,b.getDate())))}))))))})))},j={en:{january:"january",february:"february",march:"march",april:"april",may:"may",june:"june",july:"july",august:"august",september:"september",october:"october",november:"november",december:"december",monday:"monday",tuesday:"tuesday",wednesday:"wednesday",thursday:"thursday",friday:"friday",saturday:"saturday",sunday:"sunday",today:"today"},es:{january:"enero",february:"febrero",march:"marzo",april:"abril",may:"mayo",june:"junio",july:"julio",august:"agosto",september:"septiembre",october:"octubre",november:"noviembre",december:"diciembre",monday:"lunes",tuesday:"martes",wednesday:"miércoles",thursday:"jueves",friday:"viernes",saturday:"sábado",sunday:"domingo",today:"hoy"}},T=(e,n)=>{switch(e){case 0:return j[n].january;case 1:return j[n].february;case 2:return j[n].march;case 3:return j[n].april;case 4:return j[n].may;case 5:return j[n].june;case 6:return j[n].july;case 7:return j[n].august;case 8:return j[n].september;case 9:return j[n].october;case 10:return j[n].november;case 11:return j[n].december;default:return""}},L=({mode:l,onSelectedDatesChange:a=(()=>{}),language:t="en",customDates:o=[],minimumDate:r=new Date(1970,0,1),maximumDate:i=new Date((new Date).getFullYear()+100,1,1),customStyle:c})=>{const[d,u]=n([]),[s,_]=n((new Date).getFullYear()),[m,p]=n((new Date).getMonth()),[b,S]=n(Math.random()),g=e=>{const n=new Date(r.getFullYear(),r.getMonth(),1),l=new Date(i.getFullYear(),i.getMonth()+1,0),a=e.valueOf()>=n.valueOf(),t=e.valueOf()<=l.valueOf();return a&&t};return e.createElement("div",{className:C,style:c},e.createElement("button",{className:x,onClick:()=>{const e=new Date;g(e)&&(p(e.getMonth()),_(e.getFullYear()),S(Math.random()))}},j[t].today.slice(0,1).toUpperCase()+j[t].today.slice(1)),e.createElement("section",{className:v},e.createElement("select",{style:{fontFamily:null==c?void 0:c.fontFamily},className:w,value:m,onChange:e=>{const n=Number(e.target.value);p(n),S(Math.random())}},Array(12).fill(0).map(((n,l)=>{const a=new Date(s,l,1),o=!g(a);return e.createElement("option",{key:T(l,t),value:l,disabled:o},T(l,t))}))),e.createElement(W,{inputType:"number",divWrapperCustomStyle:{width:"4ch",border:"none",backgroundColor:"transparent",fontFamily:null==c?void 0:c.fontFamily},inputBoxCustomStyle:{padding:0,fontFamily:null==c?void 0:c.fontFamily,fontSize:24},maxLength:4,defaultValue:s.toString(),overrideCurrentValue:s.toString(),minimumValue:r.getFullYear().toString(),maximumValue:i.getFullYear().toString(),onConfirmAction:e=>{let n=Number(e);const l=new Date(n,m,1);g(l)?(_(n),S(Math.random())):l.valueOf()<r.valueOf()?(_(r.getFullYear()),p(r.getMonth()),S(Math.random())):l.valueOf()>i.valueOf()&&(_(i.getFullYear()),p(i.getMonth()),S(Math.random()))}})),e.createElement("section",{className:k},e.createElement("p",null,j[t].monday.slice(0,1).toUpperCase()),e.createElement("p",null,j[t].tuesday.slice(0,1).toUpperCase()),e.createElement("p",null,j[t].wednesday.slice(0,1).toUpperCase()),e.createElement("p",null,j[t].thursday.slice(0,1).toUpperCase()),e.createElement("p",null,j[t].friday.slice(0,1).toUpperCase()),e.createElement("p",null,j[t].saturday.slice(0,1).toUpperCase()),e.createElement("p",null,j[t].sunday.slice(0,1).toUpperCase())),e.createElement(B,{key:b,dates:d,year:s,month:m,mode:l,onSelectedDatesChange:e=>{a(e),u(e)},onFocusedMonth:(e,n)=>{p(e),_(n)},customDates:o,minimumDate:r,maximumDate:i}))};var A="IntegerControl-module_integer-control__-tzTl",q="IntegerControl-module_default__FJoED";S(".IntegerControl-module_integer-control__-tzTl {\n display: flex;\n align-items: center;\n -webkit-tap-highlight-color: transparent;\n}\n.IntegerControl-module_integer-control__-tzTl button {\n border: none;\n background: none;\n padding: 0;\n margin: 0;\n}\n.IntegerControl-module_integer-control__-tzTl button svg {\n height: 44px;\n width: 44px;\n fill: #c9c9c9;\n transition: fill 100ms ease-in-out;\n cursor: pointer;\n}\n.IntegerControl-module_integer-control__-tzTl button svg:active {\n fill: #787878;\n}\n.IntegerControl-module_integer-control__-tzTl input {\n border: none;\n background: none;\n padding: 0;\n color: #414141;\n text-align: center;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n min-width: 50px;\n transition: color 300ms ease-in-out;\n}\n.IntegerControl-module_integer-control__-tzTl input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.IntegerControl-module_integer-control__-tzTl input:focus {\n outline: transparent;\n}\n.IntegerControl-module_integer-control__-tzTl.IntegerControl-module_default__FJoED input {\n color: #787878;\n}");const P=({onChange:l=(()=>{}),defaultValue:a=0,minimumValue:t,maximumValue:o,customStyle:r})=>{const[i,c]=n(a),d=e=>{let n=e;(t\|\|0===t)&&e<t?n=t:(o\|\|0===o)&&e>o&&(n=o),c(n),l(n)};return e.createElement("div",{className:`${A} ${i===a?q:""}`,style:r},e.createElement("button",{onClick:()=>d(i-1)},e.createElement(m,null)),e.createElement("input",{onChange:e=>d(Number(e.target.value)),value:i,type:"number",min:String(t),max:String(o),style:{width:i.toString().length+1+"ch"}}),e.createElement("button",{onClick:()=>d(i+1)},e.createElement(p,null)))};var Z="LabeledInput-module_labeled-input__xzE4h",$="LabeledInput-module_focused__id3UI",R="LabeledInput-module_error__8RLxl",U="LabeledInput-module_error-message__5-9lv";S(".LabeledInput-module_labeled-input__xzE4h {\n position: relative;\n border-radius: 8px;\n border: 2px solid #959595;\n padding: 0px 28px;\n background: #fff;\n box-sizing: border-box;\n transition: all 200ms ease-in-out;\n cursor: pointer;\n}\n.LabeledInput-module_labeled-input__xzE4h label {\n z-index: 1;\n position: absolute;\n color: #959595;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 20px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n top: calc(50% - 10px);\n left: 28px;\n padding: 0;\n transition: all 200ms ease-in-out;\n user-select: none;\n}\n.LabeledInput-module_labeled-input__xzE4h label.LabeledInput-module_focused__id3UI {\n top: 2px;\n left: 10px;\n font-weight: 600;\n font-size: 12px;\n padding: 0px 5px;\n}\n.LabeledInput-module_labeled-input__xzE4h input {\n z-index: 2;\n position: absolute;\n top: calc(50% - 12px);\n height: 24px;\n width: calc(100% - 56px);\n border: none;\n outline: transparent;\n background: transparent;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 20px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n color: #959595;\n padding: 0;\n cursor: pointer;\n}\n.LabeledInput-module_labeled-input__xzE4h input:focus {\n outline: transparent;\n cursor: text;\n}\n.LabeledInput-module_labeled-input__xzE4h.LabeledInput-module_error__8RLxl {\n border-color: #f34d1b;\n}\n.LabeledInput-module_labeled-input__xzE4h.LabeledInput-module_error__8RLxl label {\n color: #e17959;\n}\n.LabeledInput-module_labeled-input__xzE4h .LabeledInput-module_error-message__5-9lv {\n position: absolute;\n margin: 0;\n top: calc(100% + 5px);\n left: 5px;\n color: #f34d1b;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 0;\n transition: all 200ms ease-in-out;\n}");const H=({label:l,defaultValue:a,onChange:o=(()=>{}),width:r="328px",height:i="66px",backgroundColor:c="white",textAlign:d="left",highlightError:u=!1,errorMessage:s,inputProps:_})=>{const m=t(null),[p,b]=n(!!a);return e.createElement("div",{className:Z+(u?` ${R}`:""),onClick:()=>{m.current&&m.current.focus()},style:{width:r,height:i,backgroundColor:c}},e.createElement("label",{className:p?$:""},l),e.createElement("input",Object.assign({ref:m},_,{onFocus:()=>b(!0),onBlur:e=>{e.target.value\|\|b(!1)},defaultValue:a,onChange:e=>o(e.target.value),style:{textAlign:d}})),u&&s&&e.createElement("p",{className:U},s))};var V="ScreenSteps-module_screen-steps__AX-nZ",X="ScreenSteps-module_steps__AuZhk",J="ScreenSteps-module_step__2kFuY",Q="ScreenSteps-module_completed__WcgIV",K="ScreenSteps-module_current__WatnQ",ee="ScreenSteps-module_outer-text__akI1y",ne="ScreenSteps-module_frame__3J2mc",le="ScreenSteps-module_steps-content__-Yj-E",ae="ScreenSteps-module_step-component__Lu3G5";S(".ScreenSteps-module_screen-steps__AX-nZ {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk .ScreenSteps-module_step__2kFuY {\n width: 62px;\n height: 62px;\n border-radius: 31px;\n background-color: #959595;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0.2;\n color: #000000;\n text-align: center;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 15px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n cursor: pointer;\n transition: all 300ms ease-in-out;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk .ScreenSteps-module_step__2kFuY.ScreenSteps-module_completed__WcgIV {\n opacity: 0.4;\n background-color: #705a00;\n color: #000000;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk .ScreenSteps-module_step__2kFuY.ScreenSteps-module_current__WatnQ {\n opacity: 0.4;\n background-color: #705a00;\n color: #000000;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_outer-text__akI1y {\n color: #787878;\n text-align: center;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 20px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n margin: 0;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc {\n height: calc(100% - 82px);\n width: 100%;\n overflow: hidden;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc .ScreenSteps-module_steps-content__-Yj-E {\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n transition: all 300ms ease-in-out;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc .ScreenSteps-module_steps-content__-Yj-E .ScreenSteps-module_step-component__Lu3G5 {\n height: 100%;\n}");const te=({steps:l,defaultStep:t=0,onStepChange:o=(()=>{}),overrideStep:r})=>{const[i,c]=n(t),d=e=>{let n=J;e<i&&(n+=` ${Q}`);return e===i&&(n+=` ${K}`),n};return a((()=>{void 0!==r&&r<l.length&&r>=0&&c(r)}),[r]),e.createElement("section",{className:V},e.createElement("nav",{className:X},l.map(((n,l)=>e.createElement("div",{key:n.innerText,className:d(l),onClick:()=>{c(l),o(l)}},n.innerText)))),e.createElement("p",{className:ee},l[i].outterText),e.createElement("div",{className:ne},e.createElement("div",{className:le,style:(()=>{const e=100/l.length;return{width:100l.length+"%",transform:`translateX(-${ei}%)`}})()},l.map((n=>e.createElement("div",{key:n.innerText,className:ae,style:{width:100/l.length+"%"}},n.component))))))};var oe="ScrollSnapGallery-module_scroll-snap-gallery__CR-GS",re="ScrollSnapGallery-module_frame__267TC",ie="ScrollSnapGallery-module_arrow-controls__yw2Zl",ce="ScrollSnapGallery-module_arrow__1ueyq",de="ScrollSnapGallery-module_position-indicator__3Y7Mh",ue="ScrollSnapGallery-module_indicator-icon__YrYF2",se="ScrollSnapGallery-module_current__ckZrA",_e="ScrollSnapGallery-module_medium-shrunken__DuED2",me="ScrollSnapGallery-module_full-shrunken__VSbF7",pe="ScrollSnapGallery-module_hidden__c0w-O";S(".ScrollSnapGallery-module_scroll-snap-gallery__CR-GS {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_frame__267TC {\n display: flex;\n align-items: center;\n scroll-snap-type: x mandatory;\n scroll-snap-stop: always;\n scroll-behavior: smooth;\n overflow-x: auto;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: none;\n scrollbar-width: none;\n user-select: none;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_frame__267TC::-webkit-scrollbar {\n display: none;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_frame__267TC img {\n scroll-snap-align: center;\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 10px;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_arrow__1ueyq {\n width: 24px;\n height: 24px;\n fill: #959595;\n transition: all 100ms ease-in-out;\n z-index: 2;\n cursor: pointer;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_arrow__1ueyq:active {\n fill: #0d280b;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh {\n display: flex;\n justify-content: center;\n align-items: center;\n transition: all 0.3s ease-in-out;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2 {\n fill: #959595;\n transition: all 0.3s ease-in-out;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2.ScrollSnapGallery-module_current__ckZrA {\n fill: #0d280b;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2.ScrollSnapGallery-module_medium-shrunken__DuED2 {\n transform: scale(0.75);\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2.ScrollSnapGallery-module_full-shrunken__VSbF7 {\n transform: scale(0.5);\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2.ScrollSnapGallery-module_hidden__c0w-O {\n transform: scale(0);\n}");const be=({urls:l=[],width:t="400px",height:o="300px",IndicatorIcon:r=b,positionIndicatorSize:i=Math.min(l.length,6),iconSize:c=16,showArrows:d=!1,frameStyle:_={}})=>{const[m,p]=n(0),[S,g]=n(0),[y,h]=n(i-1),[f,C]=n(0),x=e=>{let n=ue;m===e&&(n+=` ${se}`);const a=0!==S&&e===S,t=y!==l.length-1&&e===y;(a\|\|t)&&(n+=` ${me}`);const o=0!==S&&e===S+1,r=y!==l.length-1&&e===y-1;return(o\|\|r)&&(n+=` ${_e}`),(e<S\|\|e>y)&&(n+=` ${pe}`),n};return a((()=>{C(Sc)}),[S]),e.createElement("section",{className:oe},e.createElement("div",{className:re,style:Object.assign(Object.assign({},_),{width:t,height:o}),onScroll:e=>{const{scrollLeft:n,clientWidth:a}=e.target,t=a,o=Math.round(n/t);if(p(o),o<=S){const e=Math.max(o-1,0),n=e+i-1;g(e),h(n)}else if(o>=y){const e=Math.min(o+1,l.length-1),n=e-i+1;h(e),g(n)}}},l.map(((n,l)=>e.createElement("img",{key:n+l,src:n,alt:"gallery item"})))),e.createElement("div",{className:ie},d&&e.createElement(u,{className:ce,onClick:()=>{const e=document.querySelector(`.${re}`);e.scrollLeft-=e.clientWidth}}),e.createElement("div",{className:de,style:{transform:`translateX(calc(50% - ${f}px - ${ci/2}px))`}},l.map(((n,l)=>e.createElement(r,{key:n+l,className:x(l),style:{width:c,height:c}})))),d&&e.createElement(s,{className:ce,onClick:()=>{const e=document.querySelector(`.${re}`);e.scrollLeft+=e.clientWidth}})))};function Se(e,l){const[o,r]=n(!1),i=t(null);return a((()=>(i.current&&i.current.disconnect(),i.current=new IntersectionObserver((([e])=>{r(e.isIntersecting)}),l),e.current&&i.current.observe(e.current),()=>{i.current&&i.current.disconnect()})),[e,l]),o}function ge(e){const[l,o]=n(0),[r,i]=n(0),c=t(new ResizeObserver((e=>{const{width:n,height:l}=e[0].contentRect;o(n),i(l)})));return a((()=>{null!==e.current&&c.current.observe(e.current);const n=c.current,l=e.current;return()=>{null!==l&&n.unobserve(l)}}),[e,c]),[l,r]}function ye(){const[e,l]=n([0,0]);return r((()=>{function e(){l([window.innerWidth,window.innerHeight])}return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)}),[]),e}export{f as BubbleMenu,L as CalendarDatePicker,W as InputBoxWithConfirmation,P as IntegerControl,H as LabeledInput,te as ScreenSteps,be as ScrollSnapGallery,Se as useIntersectionObserver,G as useOutsideClick,ge as useResizeObserver,ye as useWindowsSize};
1	+ import e,{useState as n,Fragment as l,useEffect as t,useRef as a,useReducer as o,useLayoutEffect as r}from"react";import{BsX as i,BsCheckLg as d,BsPencil as c,BsChevronLeft as s,BsChevronRight as u,BsArrowLeftCircle as _,BsArrowRightCircle as m}from"react-icons/bs";import{IoMenu as p}from"react-icons/io5";import{AiFillMinusCircle as b,AiFillPlusCircle as g}from"react-icons/ai";import h from"react-dom";import{GoDotFill as f}from"react-icons/go";function y(e,n){void 0===n&&(n={});var l=n.insertAt;if(e&&"undefined"!=typeof document){var t=document.head\|\|document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===l&&t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}var S="BubbleMenu-module_menu-container__xrNNC",x="BubbleMenu-module_menu-button__I5R0w";y(".BubbleMenu-module_menu-container__xrNNC {\n position: fixed;\n z-index: 100;\n top: 0px;\n padding-top: 80px;\n box-sizing: border-box;\n width: 100vw;\n height: 100vh;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=visible] {\n animation: BubbleMenu-module_show-background__Qz4-v 300ms ease-in-out forwards;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=visible] ul li {\n opacity: 1;\n transform: translateX(0px);\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=hidden] {\n animation: BubbleMenu-module_hide-background__ESkim 300ms ease-in-out forwards;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=hidden] ul li {\n opacity: 0;\n transform: translateX(-110px);\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=idle] {\n width: 0vw;\n background-color: transparent;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=idle] ul li {\n opacity: 0;\n transform: translateX(-110px);\n}\n.BubbleMenu-module_menu-container__xrNNC ul {\n list-style: none;\n padding-inline-start: 5px;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li {\n transition: all 300ms ease-in-out;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li button {\n border-width: 3px;\n border-style: solid;\n border-color: #959595;\n box-shadow: 3px 3px 4px 1px rgba(90, 90, 90, 0.3);\n color: #959595;\n background-color: rgba(255, 255, 255, 0.9);\n -webkit-tap-highlight-color: transparent;\n user-select: none;\n cursor: pointer;\n transition: all 100ms ease-in-out;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100px;\n height: 100px;\n margin: 15px 0px;\n border-radius: 50px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li button svg {\n min-width: 40px;\n min-height: 40px;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li button:active {\n transform: translate(1px, 1px);\n box-shadow: 1px 1px 2px rgba(90, 90, 90, 0.3);\n}\n\n.BubbleMenu-module_menu-button__I5R0w {\n position: fixed;\n z-index: 101;\n top: 30px;\n left: 10px;\n width: 50px;\n height: 50px;\n background-color: rgba(255, 255, 255, 0.7);\n border-radius: 25px;\n border-width: 3px;\n border-style: solid;\n border-color: #959595;\n box-shadow: 3px 3px 4px 1px rgba(90, 90, 90, 0.3);\n color: #959595;\n background-color: rgba(255, 255, 255, 0.9);\n -webkit-tap-highlight-color: transparent;\n user-select: none;\n cursor: pointer;\n transition: all 100ms ease-in-out;\n}\n.BubbleMenu-module_menu-button__I5R0w svg {\n position: absolute;\n top: 2px;\n left: 0;\n width: 100%;\n height: 34px;\n color: #0d280b;\n}\n.BubbleMenu-module_menu-button__I5R0w svg path {\n transition: all 0.3s ease-in-out;\n}\n.BubbleMenu-module_menu-button__I5R0w p {\n position: absolute;\n top: 30px;\n left: 0;\n width: 100%;\n margin: 0;\n text-align: center;\n color: #0d280b;\n font-size: 10px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n.BubbleMenu-module_menu-button__I5R0w:active {\n transform: translate(1px, 1px);\n box-shadow: 1px 1px 2px rgba(90, 90, 90, 0.3);\n}\n\n@keyframes BubbleMenu-module_show-background__Qz4-v {\n 0% {\n background-color: transparent;\n width: 0vw;\n }\n 1% {\n background-color: transparent;\n width: 100vw;\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.3);\n width: 100vw;\n }\n}\n@keyframes BubbleMenu-module_hide-background__ESkim {\n 0% {\n background-color: rgba(0, 0, 0, 0.3);\n width: 100vw;\n }\n 99% {\n background-color: transparent;\n width: 100vw;\n }\n 100% {\n background-color: transparent;\n width: 0vw;\n }\n}");const v={en:{menu:"menu",close:"close"},es:{menu:"menú",close:"cerrar"}},w=({options:t,language:a="en"})=>{const[o,r]=n(null);return e.createElement(l,null,e.createElement("button",{className:x,onClick:()=>r(!o)},o?e.createElement(i,null):e.createElement(p,null),e.createElement("p",null,o?v[a].close:v[a].menu)),e.createElement("section",{className:S,"data-status":!0===o?"visible":!1===o?"hidden":"idle",onClick:()=>r(!1)},e.createElement("ul",null,t.filter((e=>e.visible)).map(((n,l)=>e.createElement("li",{key:n.text,style:{transitionDelay:100l+"ms"}},e.createElement("button",{onClick:()=>setTimeout(n.optionCallback,300+100t.length)},n.icon,n.text)))))))};var C="CalendarDatePicker-module_calendar-date-picker__-G7aY",k="CalendarDatePicker-module_today-button__YgI7t",M="CalendarDatePicker-module_month-and-year__LHJ8I",E="CalendarDatePicker-module_month-input__sFUHA",D="CalendarDatePicker-module_week-days__j2XJ-";y('@property --angle {\n sintax: "<angle>";\n inherits: false;\n initial-value: 270deg;\n}\n@property --color-default {\n sintax: "<color>";\n inherits: false;\n initial-value: white;\n}\n@property --color-selected {\n sintax: "<color>";\n inherits: false;\n initial-value: #e3f3e3;\n}\n@property --percentage-default {\n sintax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --percentage-selected {\n sintax: "<percentage>";\n inherits: false;\n initial-value: 0%;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY {\n position: relative;\n font-family: Arial, Helvetica, sans-serif;\n width: 390px;\n color: #959595;\n font-weight: 600;\n font-style: normal;\n line-height: normal;\n -webkit-tap-highlight-color: transparent;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t {\n position: absolute;\n top: 0px;\n right: 5px;\n border: solid 2px #787878;\n border-radius: 6px;\n padding: 4px 8px;\n font-size: 18px;\n background-color: white;\n color: #787878;\n transition: all 0.1s ease-in-out;\n cursor: pointer;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t:hover {\n background-color: #f3f3f3;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t:active {\n background-color: #cfcfcf;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n text-align: center;\n font-size: 22px;\n padding: 10px 0px;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA {\n width: fit-content;\n background-color: transparent;\n border: transparent;\n text-align: right;\n font-size: 24px;\n margin-right: 10px;\n color: #959595;\n cursor: pointer;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA:focus {\n outline: transparent;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA option {\n background-color: white;\n color: #959595;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA option:disabled {\n color: #cfcfcf;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_week-days__j2XJ- {\n display: flex;\n align-items: center;\n border-bottom: 1px solid #ebebeb;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_week-days__j2XJ- p {\n width: 14.2857142857%;\n margin: 0px;\n text-align: center;\n}');var N="InputBoxWithConfirmation-module_div-wrapper__DdQ1-",z="InputBoxWithConfirmation-module_focused__C6kd0",I="InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN",W="InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y";function T(e,n,l=[]){t((()=>{function t(t){e.current&&!e.current.contains(t.target)&&l.every((e=>e.current!==t.target))&&n()}return document.addEventListener("mousedown",t),()=>{document.removeEventListener("mousedown",t)}}),[e,n,l])}y(".InputBoxWithConfirmation-module_div-wrapper__DdQ1- {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border: solid 1px rgb(184, 184, 184);\n background-color: rgb(250, 250, 250);\n border-radius: 8px;\n transition: border 0.3s;\n cursor: text;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1-.InputBoxWithConfirmation-module_focused__C6kd0 {\n border-color: #218dec;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN {\n box-sizing: border-box;\n padding: 10px 2ch;\n min-width: 10ch;\n text-align: center;\n border: none;\n background-color: transparent;\n font-size: 16px;\n font-weight: 600;\n color: dimgray;\n transition: all 0.2s;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN::-webkit-inner-spin-button {\n display: none;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN:focus {\n outline: none;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y {\n position: absolute;\n right: 0px;\n background-color: transparent;\n color: rgb(158, 158, 158);\n width: 32px;\n height: 32px;\n border-radius: 16px;\n font-size: 16px;\n border: none;\n cursor: pointer;\n transition: all 0.2s;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y:focus {\n outline: none;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y:hover {\n background-color: rgb(241, 241, 241);\n color: var(--primary-color);\n}");const F=({onConfirmAction:o,inputType:r="text",minimumValue:i="",maximumValue:s="",maxLength:u,placeholder:_="",divWrapperCustomStyle:m,inputBoxCustomStyle:p,defaultValue:b,overrideCurrentValue:g,showConfirmationButton:h,disabled:f})=>{const y=a(null),S=a(null),[x,v]=n(void 0!==b?String(b):""),[w,C]=n(void 0!==b?String(b):""),[k,M]=n(!1),E=()=>{if(!w&&"0"!==w&&""!==w)return x;if("number"===r){let e=Number(w);return""!==i&&e<Number(i)?e=Number(i):""!==s&&e>Number(s)&&(e=Number(s)),String(e)}return w},D=()=>{const e=E();C(e),e&&(o(e),v(e))};return T(S,(()=>{k&&(h?C(x):D(),M(!1))})),t((()=>{void 0!==g?(C(String(g)),v(String(g))):null===g&&(C(""),v(""))}),[g]),e.createElement("div",{ref:S,style:m,className:`${N} ${k?z:""}`,onClick:()=>{y.current&&y.current.focus()}},e.createElement("input",{ref:y,disabled:f,className:I,type:r,style:Object.assign({width:`${((null==w?void 0:w.length)?w.length:0)+7}ch`},p),min:i,max:s,maxLength:u,placeholder:_,value:k?w:x,onClick:e=>{e.stopPropagation()},onChange:e=>{let n=e.target.value;u&&n.length>u&&(n=n.slice(0,u)),C(n)},onFocus:e=>{v(e.target.value),C(e.target.value),M(!0)},onKeyDown:e=>{"Enter"===e.key\|\|"NumpadEnter"===e.key\|\|"Tab"===e.key?(D(),M(!1),y.current&&y.current.blur()):"Escape"!==e.key&&"Esc"!==e.key\|\|(C(x),M(!1),y.current&&y.current.blur())}}),!f&&h&&e.createElement(l,null,k?e.createElement("button",{title:"Confirm",type:"button",className:W,onClick:()=>{D(),M(!1)}},e.createElement(d,null)):e.createElement("button",{title:"Edit",type:"button",className:W,onClick:()=>{y.current&&y.current.focus()}},e.createElement(c,null))))};var L={"calendar-scrollable-section":"CalendarScrollableSection-module_calendar-scrollable-section__uzWbW","days-grid":"CalendarScrollableSection-module_days-grid__lN--o","days-row":"CalendarScrollableSection-module_days-row__wqsnT","day-cell":"CalendarScrollableSection-module_day-cell__CvovF",day:"CalendarScrollableSection-module_day__dS5iz",background:"CalendarScrollableSection-module_background__EwVgU","first-half":"CalendarScrollableSection-module_first-half__p9Eie","second-half":"CalendarScrollableSection-module_second-half__fyESG",today:"CalendarScrollableSection-module_today__zqpHy","in-month":"CalendarScrollableSection-module_in-month__vbbx-","not-in-month":"CalendarScrollableSection-module_not-in-month__-3eLq",selected:"CalendarScrollableSection-module_selected__y4L6S","check-in":"CalendarScrollableSection-module_check-in__Nl1mo","check-out":"CalendarScrollableSection-module_check-out__ShFpZ","not-selectable":"CalendarScrollableSection-module_not-selectable__mba-l","out-of-selection":"CalendarScrollableSection-module_out-of-selection__Upoeg","cross-line":"CalendarScrollableSection-module_cross-line__lsB3g",crossed:"CalendarScrollableSection-module_crossed__trZeE"};function G(e){return 0===e.getDay()?6:e.getDay()-1}function O(e){const n=e=>Number(e)<10?"-0":"-";return e.getFullYear().toString().concat(n(e.getMonth()+1),(e.getMonth()+1).toString().concat(n(e.getDate()),e.getDate().toString()))}y('@property --angle {\n sintax: "<angle>";\n inherits: false;\n initial-value: 270deg;\n}\n@property --color-default {\n sintax: "<color>";\n inherits: false;\n initial-value: white;\n}\n@property --color-selected {\n sintax: "<color>";\n inherits: false;\n initial-value: #e3f3e3;\n}\n@property --percentage-default {\n sintax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --percentage-selected {\n sintax: "<percentage>";\n inherits: false;\n initial-value: 0%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW {\n width: 100%;\n aspect-ratio: 1/1;\n overflow-y: scroll;\n -ms-overflow-style: none;\n scrollbar-width: none;\n border-bottom: 1px solid #ebebeb;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW::-webkit-scrollbar {\n display: none;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o {\n width: 100%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 14.2857142857%;\n aspect-ratio: 1/1;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz {\n position: relative;\n --angle: 270deg;\n --color-default: #f3f3f3;\n --color-selected: #b7d4b6;\n --percentage-default: 100%;\n --percentage-selected: 0%;\n display: flex;\n align-items: center;\n justify-content: center;\n width: calc(100% - 8px);\n height: calc(100% - 8px);\n margin: 0px;\n border-radius: 1000px;\n overflow: hidden;\n user-select: none;\n transition: all 0.5s ease-in-out;\n cursor: pointer;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz p {\n z-index: 2;\n margin: 0px;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz .CalendarScrollableSection-module_background__EwVgU {\n z-index: 1;\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n transform: rotate(var(--angle));\n transition: all 0.5s ease-in-out;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz .CalendarScrollableSection-module_background__EwVgU .CalendarScrollableSection-module_first-half__p9Eie {\n width: var(--percentage-default);\n height: 100%;\n background-color: var(--color-default);\n transition: all 0.3s ease-in-out;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz .CalendarScrollableSection-module_background__EwVgU .CalendarScrollableSection-module_second-half__fyESG {\n width: var(--percentage-selected);\n height: 100%;\n background-color: var(--color-selected);\n transition: all 0.3s ease-in-out;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_today__zqpHy {\n outline: solid 2px #787878;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_in-month__vbbx- {\n color: var(--medium-gray, #787878);\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_not-in-month__-3eLq {\n opacity: 0.35;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_selected__y4L6S {\n --percentage-default: 0%;\n --percentage-selected: 100%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_check-in__Nl1mo {\n --angle: 405deg;\n --color-default: #f3f3f3;\n --percentage-default: 50%;\n --percentage-selected: 50%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_check-out__ShFpZ {\n --angle: 225deg;\n --color-default: #f3f3f3;\n --percentage-default: 50%;\n --percentage-selected: 50%;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_not-selectable__mba-l {\n cursor: not-allowed;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_day__dS5iz.CalendarScrollableSection-module_out-of-selection__Upoeg {\n opacity: 0.1;\n cursor: not-allowed;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF .CalendarScrollableSection-module_cross-line__lsB3g {\n z-index: 2;\n position: absolute;\n width: 120%;\n height: 3px;\n background-color: #bbb;\n transform: rotate(-45deg);\n display: none;\n}\n.CalendarScrollableSection-module_calendar-scrollable-section__uzWbW .CalendarScrollableSection-module_days-grid__lN--o .CalendarScrollableSection-module_days-row__wqsnT .CalendarScrollableSection-module_day-cell__CvovF.CalendarScrollableSection-module_crossed__trZeE .CalendarScrollableSection-module_cross-line__lsB3g {\n display: block;\n}');const R=["enero","febrero","marzo","abril","mayo","junio","julio","agosto","septiembre","octubre","noviembre","diciembre"],j=["january","february","march","april","may","june","july","august","september","october","november","december"];function Y(e,n){return`${("es_ES"===n?R:j)[e.getMonth()]} ${e.getFullYear()}`}function B(e){const n=(l=e,new Date(l.getFullYear(),l.getMonth()+1,0).getDate());var l;const t=e.getFullYear(),a=e.getMonth(),o=n-(7-G(new Date(t,a,1)));return Math.ceil(o/7)+1}const A=(e,n)=>{const l=(n,l)=>{const t=new Date(n,l,1),a=new Date(e.minimumDate.getFullYear(),e.minimumDate.getMonth(),1),o=new Date(e.maximumDate.getFullYear(),e.maximumDate.getMonth()+1,0),r=t.valueOf()<a.valueOf(),i=t.valueOf()>o.valueOf();return!r&&!i},t={setMonth:()=>l(e.year,n.value)?Object.assign(Object.assign({},e),{month:n.value}):Object.assign({},e),setYear:()=>l(n.value,e.month)?Object.assign(Object.assign({},e),{year:n.value}):Object.assign({},e),setMinimumDate:()=>Object.assign(Object.assign({},e),{minimumDate:new Date(n.value)}),setMaximumdate:()=>Object.assign(Object.assign({},e),{maximumDate:new Date(n.value)}),changeByMonthOffset:()=>{const t=new Date(e.year,e.month+n.value,1);return l(e.year,e.month+n.value)?Object.assign(Object.assign({},e),{year:t.getFullYear(),month:t.getMonth()}):Object.assign({},e)}}[n.type]();return t\|\|Object.assign({},e)},H=({dates:n,month:l,year:r,mode:i,onSelectedDatesChange:d,onFocusedMonth:c,customDates:s=[],minimumDate:u=new Date(1970,0,1),maximumDate:_=new Date((new Date).getFullYear()+100,1,1)})=>{const[m,p]=o(A,{month:l,year:r,minimumDate:u,maximumDate:_}),b=a(null),g=e=>!s.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&!n.selectable)),h=e=>{let n=L["day-cell"];return s.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.crossed))&&(n+=` ${L.crossed}`),n},f=e=>{let l=L.day;O(e)===O(new Date)&&(l+=` ${L.today}`),e.getMonth()===m.month?l+=` ${L["in-month"]}`:l+=` ${L["not-in-month"]}`;const t=n.some((n=>n.valueOf()===e.valueOf())),a=("range"===i\|\|"booking"===i)&&2===n.length&&n[0].valueOf()<e.valueOf()&&e.valueOf()<n[1].valueOf();if((t\|\|a)&&(l+=` ${L.selected}`),"booking"===i){2===n.length&&e.valueOf()===n[0].valueOf()&&(l+=` ${L["check-in"]}`);2===n.length&&e.valueOf()===n[1].valueOf()&&(l+=` ${L["check-out"]}`)}g(e)?l+=` ${L.selectable}`:l+=` ${L["not-selectable"]}`;return(e.valueOf()<u.valueOf()\|\|e.valueOf()>_.valueOf())&&(l+=` ${L["out-of-selection"]}`),l},y=e=>{const n=s.find((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))));return n?{backgroundColor:n.color}:void 0};return t((()=>{b.current&&(b.current.scrollTop=b.current.scrollHeight/52)}),[]),t((()=>{c(m.month,m.year)}),[m.year,m.month,c]),e.createElement("section",{ref:b,className:L["calendar-scrollable-section"],onScroll:e=>{const n=e.target,l=n.scrollHeight/5,t=1.25l,a=2.75l;n.scrollTop<t&&p({type:"changeByMonthOffset",value:-1}),n.scrollTop>a&&p({type:"changeByMonthOffset",value:1})}},Array(5).fill(0).map(((l,t)=>{const a=t-2,o=new Date(m.year,m.month+a,1),r=0===new Date(m.year,m.month+a+1,0).getDay();let c=B(o);r\|\|(c-=1);const p=G(o);return e.createElement("div",{className:L["days-grid"],key:`grid:${O(o)}}`},Array(c).fill(0).map(((l,t)=>e.createElement("div",{className:L["days-row"],key:`grid:${O(o)}-row:${t}`},Array(7).fill(0).map(((l,o)=>{const r=m.month+a,c=7t+o+1-p,b=new Date(m.year,r,c);return e.createElement("div",{className:h(b),key:O(b),onClick:()=>(e=>{if(s.forEach((n=>{n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.clickSideEffect&&n.clickSideEffect(e)})),!g(e))return;if(e.valueOf()<u.valueOf()\|\|e.valueOf()>_.valueOf())return;let l=[...n];"single"===i&&(l=[e]),"multiple"===i&&(l=n.some((n=>n.valueOf()===e.valueOf()))?n.filter((n=>n.valueOf()!==e.valueOf())):[...n,e]),"range"===i&&(l=0===n.length?[e]:1===n.length?n[0].valueOf()<e.valueOf()?[...n,e]:[e,n[0]]:[]),"booking"===i&&(l=0===n.length?[e]:n[0].valueOf()===e.valueOf()?[]:1===n.length?n[0].valueOf()<e.valueOf()?[...n,e]:[e,n[0]]:[]),d(l)})(b)},e.createElement("div",{className:L["cross-line"]}),e.createElement("div",{className:f(b)},e.createElement("div",{className:L.background},e.createElement("div",{className:L["first-half"],style:y(b)}),e.createElement("div",{className:L["second-half"],style:y(b)})),e.createElement("p",null,b.getDate())))}))))))})))},P={en:{january:"january",february:"february",march:"march",april:"april",may:"may",june:"june",july:"july",august:"august",september:"september",october:"october",november:"november",december:"december",monday:"monday",tuesday:"tuesday",wednesday:"wednesday",thursday:"thursday",friday:"friday",saturday:"saturday",sunday:"sunday",today:"today"},es:{january:"enero",february:"febrero",march:"marzo",april:"abril",may:"mayo",june:"junio",july:"julio",august:"agosto",september:"septiembre",october:"octubre",november:"noviembre",december:"diciembre",monday:"lunes",tuesday:"martes",wednesday:"miércoles",thursday:"jueves",friday:"viernes",saturday:"sábado",sunday:"domingo",today:"hoy"}},J=(e,n)=>{switch(e){case 0:return P[n].january;case 1:return P[n].february;case 2:return P[n].march;case 3:return P[n].april;case 4:return P[n].may;case 5:return P[n].june;case 6:return P[n].july;case 7:return P[n].august;case 8:return P[n].september;case 9:return P[n].october;case 10:return P[n].november;case 11:return P[n].december;default:return""}},$=({mode:l,onSelectedDatesChange:t=(()=>{}),language:a="en",customDates:o=[],minimumDate:r=new Date(1970,0,1),maximumDate:i=new Date((new Date).getFullYear()+100,1,1),customStyle:d})=>{const[c,s]=n([]),[u,_]=n((new Date).getFullYear()),[m,p]=n((new Date).getMonth()),[b,g]=n(Math.random()),h=e=>{const n=new Date(r.getFullYear(),r.getMonth(),1),l=new Date(i.getFullYear(),i.getMonth()+1,0),t=e.valueOf()>=n.valueOf(),a=e.valueOf()<=l.valueOf();return t&&a};return e.createElement("div",{className:C,style:d},e.createElement("button",{className:k,onClick:()=>{const e=new Date;h(e)&&(p(e.getMonth()),_(e.getFullYear()),g(Math.random()))}},P[a].today.slice(0,1).toUpperCase()+P[a].today.slice(1)),e.createElement("section",{className:M},e.createElement("select",{style:{fontFamily:null==d?void 0:d.fontFamily},className:E,value:m,onChange:e=>{const n=Number(e.target.value);p(n),g(Math.random())}},Array(12).fill(0).map(((n,l)=>{const t=new Date(u,l,1),o=!h(t);return e.createElement("option",{key:J(l,a),value:l,disabled:o},J(l,a))}))),e.createElement(F,{inputType:"number",divWrapperCustomStyle:{width:"4ch",border:"none",backgroundColor:"transparent",fontFamily:null==d?void 0:d.fontFamily},inputBoxCustomStyle:{padding:0,fontFamily:null==d?void 0:d.fontFamily,fontSize:24},maxLength:4,defaultValue:u.toString(),overrideCurrentValue:u.toString(),minimumValue:r.getFullYear().toString(),maximumValue:i.getFullYear().toString(),onConfirmAction:e=>{let n=Number(e);const l=new Date(n,m,1);h(l)?(_(n),g(Math.random())):l.valueOf()<r.valueOf()?(_(r.getFullYear()),p(r.getMonth()),g(Math.random())):l.valueOf()>i.valueOf()&&(_(i.getFullYear()),p(i.getMonth()),g(Math.random()))}})),e.createElement("section",{className:D},e.createElement("p",null,P[a].monday.slice(0,1).toUpperCase()),e.createElement("p",null,P[a].tuesday.slice(0,1).toUpperCase()),e.createElement("p",null,P[a].wednesday.slice(0,1).toUpperCase()),e.createElement("p",null,P[a].thursday.slice(0,1).toUpperCase()),e.createElement("p",null,P[a].friday.slice(0,1).toUpperCase()),e.createElement("p",null,P[a].saturday.slice(0,1).toUpperCase()),e.createElement("p",null,P[a].sunday.slice(0,1).toUpperCase())),e.createElement(H,{key:b,dates:c,year:u,month:m,mode:l,onSelectedDatesChange:e=>{t(e),s(e)},onFocusedMonth:(e,n)=>{p(e),_(n)},customDates:o,minimumDate:r,maximumDate:i}))};var Z="IntegerControl-module_integer-control__-tzTl",X="IntegerControl-module_default__FJoED";y(".IntegerControl-module_integer-control__-tzTl {\n display: flex;\n align-items: center;\n -webkit-tap-highlight-color: transparent;\n}\n.IntegerControl-module_integer-control__-tzTl button {\n border: none;\n background: none;\n padding: 0;\n margin: 0;\n}\n.IntegerControl-module_integer-control__-tzTl button svg {\n height: 44px;\n width: 44px;\n fill: #c9c9c9;\n transition: fill 100ms ease-in-out;\n cursor: pointer;\n}\n.IntegerControl-module_integer-control__-tzTl button svg:active {\n fill: #787878;\n}\n.IntegerControl-module_integer-control__-tzTl input {\n border: none;\n background: none;\n padding: 0;\n color: #414141;\n text-align: center;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n min-width: 50px;\n transition: color 300ms ease-in-out;\n}\n.IntegerControl-module_integer-control__-tzTl input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.IntegerControl-module_integer-control__-tzTl input:focus {\n outline: transparent;\n}\n.IntegerControl-module_integer-control__-tzTl.IntegerControl-module_default__FJoED input {\n color: #787878;\n}");const q=({onChange:l=(()=>{}),defaultValue:t=0,minimumValue:a,maximumValue:o,customStyle:r})=>{const[i,d]=n(t),c=e=>{let n=e;(a\|\|0===a)&&e<a?n=a:(o\|\|0===o)&&e>o&&(n=o),d(n),l(n)};return e.createElement("div",{className:`${Z} ${i===t?X:""}`,style:r},e.createElement("button",{onClick:()=>c(i-1)},e.createElement(b,null)),e.createElement("input",{onChange:e=>c(Number(e.target.value)),value:i,type:"number",min:String(a),max:String(o),style:{width:i.toString().length+1+"ch"}}),e.createElement("button",{onClick:()=>c(i+1)},e.createElement(g,null)))};var V="LabeledInput-module_labeled-input__xzE4h",U="LabeledInput-module_focused__id3UI",Q="LabeledInput-module_error__8RLxl",K="LabeledInput-module_error-message__5-9lv";y(".LabeledInput-module_labeled-input__xzE4h {\n position: relative;\n border-radius: 8px;\n border: 2px solid #959595;\n padding: 0px 28px;\n background: #fff;\n box-sizing: border-box;\n transition: all 200ms ease-in-out;\n cursor: pointer;\n}\n.LabeledInput-module_labeled-input__xzE4h label {\n z-index: 1;\n position: absolute;\n color: #959595;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 20px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n top: calc(50% - 10px);\n left: 28px;\n padding: 0;\n transition: all 200ms ease-in-out;\n user-select: none;\n}\n.LabeledInput-module_labeled-input__xzE4h label.LabeledInput-module_focused__id3UI {\n top: 2px;\n left: 10px;\n font-weight: 600;\n font-size: 12px;\n padding: 0px 5px;\n}\n.LabeledInput-module_labeled-input__xzE4h input {\n z-index: 2;\n position: absolute;\n top: calc(50% - 12px);\n height: 24px;\n width: calc(100% - 56px);\n border: none;\n outline: transparent;\n background: transparent;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 20px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n color: #959595;\n padding: 0;\n cursor: pointer;\n}\n.LabeledInput-module_labeled-input__xzE4h input:focus {\n outline: transparent;\n cursor: text;\n}\n.LabeledInput-module_labeled-input__xzE4h.LabeledInput-module_error__8RLxl {\n border-color: #f34d1b;\n}\n.LabeledInput-module_labeled-input__xzE4h.LabeledInput-module_error__8RLxl label {\n color: #e17959;\n}\n.LabeledInput-module_labeled-input__xzE4h .LabeledInput-module_error-message__5-9lv {\n position: absolute;\n margin: 0;\n top: calc(100% + 5px);\n left: 5px;\n color: #f34d1b;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 0;\n transition: all 200ms ease-in-out;\n}");const ee=({label:l,defaultValue:t,onChange:o=(()=>{}),width:r="328px",height:i="66px",backgroundColor:d="white",textAlign:c="left",highlightError:s=!1,errorMessage:u,inputProps:_})=>{const m=a(null),[p,b]=n(!!t);return e.createElement("div",{className:V+(s?` ${Q}`:""),onClick:()=>{m.current&&m.current.focus()},style:{width:r,height:i,backgroundColor:d}},e.createElement("label",{className:p?U:""},l),e.createElement("input",Object.assign({ref:m},_,{onFocus:()=>b(!0),onBlur:e=>{e.target.value\|\|b(!1)},defaultValue:t,onChange:e=>o(e.target.value),style:{textAlign:c}})),s&&u&&e.createElement("p",{className:K},u))};var ne={"blured-background":"Modal-module_blured-background__Vw4vW","modal-appear":"Modal-module_modal-appear__XBiM-","modal-disappear":"Modal-module_modal-disappear__Ik1hU"};y(".Modal-module_blured-background__Vw4vW {\n position: fixed;\n width: 100vw;\n height: 100vh;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n top: 0;\n left: 0;\n z-index: 1010;\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n animation-duration: 450ms;\n animation-fill-mode: forwards;\n}\n.Modal-module_blured-background__Vw4vW[data-is-visible=true] {\n animation-name: Modal-module_modal-appear__XBiM-;\n}\n.Modal-module_blured-background__Vw4vW[data-is-visible=false] {\n animation-name: Modal-module_modal-disappear__Ik1hU;\n}\n\n@keyframes Modal-module_modal-appear__XBiM- {\n 0% {\n opacity: 0;\n -webkit-backdrop-filter: blur(0px);\n backdrop-filter: blur(0px);\n }\n 100% {\n opacity: 1;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n }\n}\n@keyframes Modal-module_modal-disappear__Ik1hU {\n 0% {\n opacity: 1;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n }\n 100% {\n opacity: 0;\n -webkit-backdrop-filter: blur(0px);\n backdrop-filter: blur(0px);\n }\n}");const le=({children:l,visibility:a,forced:o=!1,onOpen:r,onClose:i})=>{const[d,c]=n(a),[s,u]=n(a);return t((()=>{a?(c(!0),r&&r()):a\|\|(c(!1),i&&i())}),[a,r,i]),t((()=>{d?u(!0):d\|\|setTimeout((()=>{u(!1)}),500)}),[d]),s?h.createPortal(e.createElement("div",{className:ne["blured-background"],"data-is-visible":d,onClick:()=>{o\|\|(c(!1),i&&i())}},e.createElement("div",null,e.createElement("div",{className:ne.modal,"data-closed":!a,onClick:e=>{e.stopPropagation()}},l))),document.getElementById("root")\|\|document.body):e.createElement(e.Fragment,null)},te=864e5;function ae(e,n,l,t){null!==n.current&&(n.current.scrollLeft=(Date.parse(e.toString())-(Date.parse((new Date).toString())-lte))/tet)}function oe(n,l,t){let a=Date.parse((new Date).toString())-nte,o=Date.parse((new Date).toString())+lte,r=[],i=[];for(let n=0;nte+a<o;n++){let l=new Date(ten+a),o=l;o.setDate(1),o.setHours(12,0,0,0);let d=Y(l,t);i.includes(d)\|\|(i.push(d),r.push(e.createElement("option",{key:O(o),value:O(o)},d)))}return r}var re={multicalendar:"Multicalendar-module_multicalendar__koIJg","div-upper-left-component":"Multicalendar-module_div-upper-left-component__BL2vu",controls:"Multicalendar-module_controls__Ryigr","div-dates-navigation":"Multicalendar-module_div-dates-navigation__N4Dna","div-aditional-controls-components":"Multicalendar-module_div-aditional-controls-components__ElQQF","vertical-axis":"Multicalendar-module_vertical-axis__otLXf","div-list-element-column":"Multicalendar-module_div-list-element-column__MSfNT","horizontal-axis":"Multicalendar-module_horizontal-axis__cn4Nh","div-weeks-buttons":"Multicalendar-module_div-weeks-buttons__37T5W","past-week-button":"Multicalendar-module_past-week-button__X8k5t","next-week-button":"Multicalendar-module_next-week-button__l1DCS","div-dates-row":"Multicalendar-module_div-dates-row__5CKuX","div-main-container":"Multicalendar-module_div-main-container__wMIlM","main-container":"Multicalendar-module_main-container__DZjT2"};y('.Multicalendar-module_multicalendar__koIJg {\n display: grid;\n color: black;\n width: 100%;\n height: 100%;\n grid-template-areas: "fil con" "fil hor" "ver gri";\n text-align: center;\n transition: 0.5s;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_div-upper-left-component__BL2vu {\n grid-area: fil;\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 2;\n background-color: white;\n border-bottom: 1px solid rgb(235, 235, 235);\n border-right: 1px solid rgb(235, 235, 235);\n box-sizing: border-box;\n display: flex;\n flex-flow: column;\n justify-content: center;\n align-items: center;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_controls__Ryigr {\n grid-area: con;\n height: 100%;\n padding: 2px;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap-reverse;\n box-sizing: border-box;\n border-bottom: var(--border-tenues);\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_controls__Ryigr .Multicalendar-module_div-dates-navigation__N4Dna {\n display: flex;\n align-items: center;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_controls__Ryigr .Multicalendar-module_div-dates-navigation__N4Dna button {\n cursor: pointer;\n margin: 0px;\n position: relative;\n text-align: center;\n text-decoration: none;\n border: 1px solid rgb(216, 216, 216);\n padding: 4px 8px;\n box-sizing: border-box;\n color: black;\n font-size: 14px;\n touch-action: manipulation;\n border-radius: 6px;\n background: rgb(255, 255, 255);\n font-weight: normal;\n height: calc(100% - 16px);\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_controls__Ryigr .Multicalendar-module_div-aditional-controls-components__ElQQF {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n flex-grow: 1;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_div-upper-left-component__BL2vu {\n grid-area: fil;\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 2;\n background-color: white;\n border-bottom: 1px solid rgb(235, 235, 235);\n border-right: 1px solid rgb(235, 235, 235);\n box-sizing: border-box;\n display: flex;\n flex-flow: column;\n justify-content: flex-end;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_vertical-axis__otLXf {\n grid-area: ver;\n position: relative;\n width: 100%;\n height: 100%;\n box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 16px 5px;\n z-index: 1;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_vertical-axis__otLXf .Multicalendar-module_div-list-element-column__MSfNT {\n height: 100%;\n overflow-y: scroll;\n box-sizing: border-box;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh {\n grid-area: hor;\n position: relative;\n max-width: 100%;\n height: 90px;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W {\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 74px;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_past-week-button__X8k5t,\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_next-week-button__l1DCS {\n z-index: 2;\n position: absolute;\n background-color: transparent;\n border: none;\n height: 100%;\n width: 32px;\n font-size: 1em;\n color: var(--primary-color);\n border-radius: 6px;\n cursor: pointer;\n transition: all 0.3s;\n height: 75%;\n background: rgb(255, 255, 255);\n box-shadow: 0px 0px 8px 8px white;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_past-week-button__X8k5t:hover,\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_next-week-button__l1DCS:hover {\n background: rgb(247, 247, 247);\n box-shadow: 0px 0px 8px 8px rgb(247, 247, 247);\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_past-week-button__X8k5t:active,\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_next-week-button__l1DCS:active {\n background: rgb(167, 167, 167);\n box-shadow: 0px 0px 8px 8px rgb(167, 167, 167);\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_past-week-button__X8k5t {\n left: 5px;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_next-week-button__l1DCS {\n right: 5px;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-dates-row__5CKuX {\n position: absolute;\n bottom: 0;\n width: 100%;\n overflow-x: scroll;\n border-bottom: 1px solid rgb(235, 235, 235);\n box-sizing: border-box;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_div-main-container__wMIlM {\n grid-area: gri;\n height: 100%;\n position: relative;\n width: 100%;\n overflow: hidden;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_main-container__DZjT2 {\n position: relative;\n min-width: 100%;\n height: 100%;\n overflow-x: scroll;\n}');var ie="DatesRow-module_dates-row__roAc0",de="DatesRow-module_date-cell__xzHPT",ce="DatesRow-module_div-date-cell__M2v60",se="DatesRow-module_month-start__5FSLx";y(".DatesRow-module_dates-row__roAc0 {\n box-sizing: border-box;\n display: flex;\n flex-flow: row;\n overflow-y: hidden;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT {\n position: relative;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_div-date-cell__M2v60 {\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 48px;\n display: flex;\n flex-flow: column;\n justify-content: center;\n align-items: center;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_div-date-cell__M2v60[data-is-today=true] {\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 48px;\n display: flex;\n flex-flow: column;\n justify-content: center;\n align-items: center;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_div-date-cell__M2v60[data-is-today=true] div {\n border-radius: 4px;\n background: var(--primary-color, dimgray);\n color: rgb(255, 255, 255);\n font-size: 14px;\n line-height: 18px;\n font-weight: 800;\n width: 40px;\n height: 40px;\n padding: 1px 0;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_div-date-cell__M2v60 p {\n margin: 0;\n font-size: 14px;\n line-height: 18px;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_month-start__5FSLx {\n position: absolute;\n top: 0;\n height: 100%;\n box-sizing: border-box;\n border-left: 1px solid rgb(235, 235, 235);\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_month-start__5FSLx p {\n margin: 0;\n font-size: 16px;\n line-height: 20px;\n font-weight: 600;\n white-space: nowrap;\n padding-left: 8px;\n padding-top: 8px;\n}");const ue=({visibleDates:n,width:l,height:t,cellsWidth:a,cellsHeight:o,offset:r,language:i})=>{const d={en_EN:{sunday:"Sunday",monday:"Monday",tuesday:"Tuesday",wednesday:"Wednesday",thursday:"Thursday",friday:"Friday",saturday:"Saturday",january:"January",february:"February",march:"March",april:"April",may:"May",june:"June",july:"July",august:"August",september:"September",october:"October",november:"November",december:"December"},es_ES:{sunday:"Domingo",monday:"Lunes",tuesday:"Martes",wednesday:"Miércoles",thursday:"Jueves",friday:"Viernes",saturday:"Sábado",january:"Enero",february:"Febrero",march:"Marzo",april:"Abril",may:"Mayo",june:"Junio",july:"Julio",august:"Agosto",september:"Septiembre",october:"Octubre",november:"Noviembre",december:"Diciembre"}},c=[d[i].sunday.slice(0,2),d[i].monday.slice(0,2),d[i].tuesday.slice(0,2),d[i].wednesday.slice(0,2),d[i].thursday.slice(0,2),d[i].friday.slice(0,2),d[i].saturday.slice(0,2)],s=[d[i].january,d[i].february,d[i].march,d[i].april,d[i].may,d[i].june,d[i].july,d[i].august,d[i].september,d[i].october,d[i].november,d[i].december];return e.createElement("div",{className:ie,style:{width:l,height:t,paddingLeft:ra}},n.length>0&&n.map((n=>e.createElement("div",{key:n.toString(),className:de,style:{width:a,height:o}},e.createElement("div",{className:ce,"data-is-today":n.getDate()===(new Date).getDate()&&n.getMonth()===(new Date).getMonth()&&n.getFullYear()===(new Date).getFullYear()},e.createElement("div",null,e.createElement("p",null,c[n.getDay()]),e.createElement("p",null,n.getDate()))),1===n.getDate()&&e.createElement("div",{className:se},e.createElement("p",null,s[n.getMonth()]," ",n.getFullYear()))))))};var _e="ListElementsColumn-module_list-element-column__46wTg";y(".ListElementsColumn-module_list-element-column__46wTg {\n box-sizing: border-box;\n}");var me="ListElement-module_list-element__t9ZwR";y(".ListElement-module_list-element__t9ZwR {\n position: relative;\n border-bottom: 1px solid rgb(235, 235, 235);\n box-sizing: border-box;\n background-color: white;\n cursor: pointer;\n overflow: hidden;\n}\n.ListElement-module_list-element__t9ZwR:hover {\n background-color: rgb(240, 240, 240);\n}");var pe=e.memo((({listElementId:n,ReactListElementChildren:l,height:t})=>e.createElement("div",{className:me,style:{height:t}},e.createElement(l,{listElementId:n}))));const be=({ReactListElementChildren:n,listHeight:l,yOffset:t,elementsHeight:a,idsArray:o})=>e.createElement("div",{className:_e,style:{height:l,paddingTop:ta}},o.map((l=>e.createElement(pe,{key:l,height:a,listElementId:l,ReactListElementChildren:n}))));var ge="DatesGrid-module_dates-grid__GvBcr",he="DatesGrid-module_div-cells-row-height__eRcXw";y(".DatesGrid-module_dates-grid__GvBcr {\n box-sizing: border-box;\n}\n.DatesGrid-module_dates-grid__GvBcr .DatesGrid-module_div-cells-row-height__eRcXw {\n box-sizing: border-box;\n}");var fe="CellsRow-module_cells-row__TJvv8";y(".CellsRow-module_cells-row__TJvv8 {\n display: flex;\n flex-flow: row;\n}");var ye="Cell-module_cell__FNVcp";y(".Cell-module_cell__FNVcp {\n position: relative;\n border: 1px solid rgb(200, 200, 200);\n border-radius: 6px;\n}");var Se=e.memo((({date:n,listElementId:l,width:t,heigth:a,ReactCellChildren:o})=>e.createElement("div",{className:ye,style:{width:t,height:a}},e.createElement(o,{date:n,listElementId:l}))));const xe=({listElementId:n,visibleDatesArray:l,width:t,height:a,cellsWidth:o,cellsHeight:r,ReactCellChildren:i})=>e.createElement("div",{className:fe,style:{width:t,height:a}},l.length>0&&l.map((l=>e.createElement(Se,{key:n+l.toString(),date:O(l),listElementId:n,width:o,heigth:r,ReactCellChildren:i})))),ve=({gridWidth:n,gridHeight:l,xOffset:t,yOffset:a,cellsWidth:o,cellsHeight:r,visibleListElementsIdsArray:i,visibleDates:d,ReactCellChildren:c})=>{const s=n-d.lengtho,u=to>s?s:to;return e.createElement("div",{className:ge,style:{width:n}},e.createElement("div",{className:he,style:{height:l,paddingTop:ar,paddingLeft:u}},i.map((n=>e.createElement(xe,{key:n,listElementId:n,visibleDatesArray:d,width:d.lengtho,height:r,cellsWidth:o,cellsHeight:r,ReactCellChildren:c})))))};var we="DropdownMonthNavigation-module_dropdown-month-navigation__M-YCF";y(".DropdownMonthNavigation-module_dropdown-month-navigation__M-YCF {\n position: relative;\n display: flex;\n width: 200px;\n margin: 0px 10px;\n border: 1px solid rgb(216, 216, 216);\n color: black;\n background-color: white;\n border-radius: 6px;\n white-space: nowrap;\n font-size: 14px;\n line-height: 18px;\n height: 28px;\n}");const Ce=({visibleMonth:n,visibleYear:l,onChangeAction:t,options:a})=>e.createElement("select",{title:"Select a month",className:we,value:O(new Date(l,n,1,12,0,0,0)),onChange:e=>t(e.target.value)},a);function ke(){const[e,l]=n([0,0]);return r((()=>{function e(){l([window.innerWidth,window.innerHeight])}return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)}),[]),e}const Me=e=>sessionStorage.getItem(`MulticalendarScrollTopPosition-${e}`),Ee=e=>sessionStorage.getItem(`MulticalendarScrollLeftPosition-${e}`),De={en_EN:{Today:"Today"},es_ES:{Today:"Hoy"}},Ne=({multicalendarId:l,ReactCellChildren:o,ReactListElementChildren:r,listElementsIdsArray:i,language:d="en_EN",pastDatesVisible:c=!0,cellsWidth:_=120,cellsHeight:m=80,verticalAxisWidth:p=280,pastDaysInitialQuantity:b=365,futureDaysInitialQuantity:g=365,chunkRenderX:h=0,chunkRenderY:f=0,dynamicDaysQuantity:y=!1,authomaticScrollOnDraggingOverEdges:S=!1,waitTimeForCalls:x=500,callsOnInitialView:v,callsOnScrollingStops:w,aditionalControlsComponents:C,upperLeftComponent:k,autoSavePosition:M,onScrollTopChanges:E,onScrollLeftChanges:D})=>{var N,z;const I=1+h,W=a(null),T=a(null),F=a(null),L=a(null),G=a(null),[O,R]=n(!1),[j,Y]=ke(),[B,A]=n(Math.ceil(g)),[H,P]=n(c?Math.ceil(b):0),[J,$]=n(0),[Z,X]=n(0),[q,V]=n(1),[U,Q]=n(0),[K,ee]=n([]),[ne,le]=n([]),[ie,de]=n(!1),[ce,se]=n({x:Ee(l)?Number(Ee(l)):c?Math.ceil(b)_:0,y:Me(l)?Number(Me(l)):0}),[_e,me]=n(ce.x),[pe,ge]=n(ce.y),[he,fe]=n({x:ce.x,y:ce.y}),[ye,Se]=n(!1),[xe,we]=n(new Date),[Ne,ze]=n(void 0),[Ie,We]=n(void 0),[Te,Fe]=n(void 0),[Le,Ge]=n(!1),[Oe,Re]=n((null===(N=L.current)\|\|void 0===N?void 0:N.clientHeight)?L.current.clientHeight:0),[je,Ye]=n((null===(z=G.current)\|\|void 0===z?void 0:z.clientHeight)?G.current.clientHeight:0),[Be,Ae]=n(!1);return t((()=>{se({x:c?Math.ceil(b)_:0,y:0})}),[c,b,_]),t((()=>{F.current&&!1===ye&&(F.current.scrollTop=ce.y,F.current.scrollLeft=ce.x,Se(!0))}),[ce.y,ce.x,ye]),t((()=>(D&&D(_e),E&&E(pe),()=>{M&&(pe!==ce.y&&((e,n)=>{sessionStorage.setItem(`MulticalendarScrollTopPosition-${e}`,n)})(l,String(pe)),_e!==ce.x&&((e,n)=>{sessionStorage.setItem(`MulticalendarScrollLeftPosition-${e}`,n)})(l,String(_e)))})),[M,pe,_e,ce.y,ce.x]),t((()=>{P(c?Math.ceil(b):0)}),[c,b]),t((()=>{!O&&ne.length>0&&K.length>0&&v&&(R(!0),v(ne,K))}),[O,ne,K,v]),t((()=>{var e,n;const l=(null===(e=L.current)\|\|void 0===e?void 0:e.clientHeight)?L.current.clientHeight:0,t=(null===(n=G.current)\|\|void 0===n?void 0:n.clientHeight)?G.current.clientHeight:0;Re(l),Ye(t),de(!0),$(Math.ceil((j-p)/_)+1),X(Math.ceil((Y-l-t)/m)+1),null!==F.current&&(me(F.current.scrollLeft),fe({x:F.current.scrollLeft,y:F.current.scrollTop}),V(Math.floor(F.current.scrollLeft/_)-h))}),[j,Y,p,m,_,h]),t((()=>{if(he.x===ce.x&&he.y===ce.y\|\|Math.abs(he.y-pe)/m>f\|\|ie){he.x===ce.x&&he.y===ce.y\|\|null!==F.current&&fe({x:F.current.scrollLeft,y:F.current.scrollTop});let e=function(e,n,l){let t=Math.floor(e/n)-l;return t<0&&(t=0),t}(pe,m,f);Q(e),le(function(e,n,l,t){let a=[];for(let o=0;o<e+2n;o++)t[o+l]&&o+l>=0&&(a[o]=t[o+l]);return a}(Z,f,e,i)),ie&&de(!1)}}),[ie,pe,m,f,ce.x,ce.y,Z,he.x,he.y,i]),t((()=>{if(he.x===ce.x&&he.y===ce.y\|\|_e<_\|\|Math.abs(he.x-_e)/_>h\|\|ie){ee([]),he.x===ce.x&&he.y===ce.y\|\|null!==F.current&&fe({x:F.current.scrollLeft,y:F.current.scrollTop}),V(function(e,n,l){return Math.floor(e/n)-l}(_e,_,h));const e=function(e,n,l,t){let a=new Date(Date.parse((new Date).toString())+te(Math.floor(e/n)-l-t));return a.setHours(12,0,0,0),Date.parse(a.toString())}(_e,_,H,I);we(function(e,n){return new Date(e+nte)}(e,I)),ie&&de(!1),ee(function(e,n,l){let t=[];for(let a=0;a<e+2n;a++)t[a]=new Date(l+te(a+1));return t}(J,h,e))}}),[ie,J,_e,h,_,I,H,he.x,he.y,ce.x,ce.y]),t((()=>{Ge(!0),clearTimeout(Ne),ze(void 0)}),[_e,pe]),t((()=>{if(void 0===Ne){let e=setTimeout((()=>Ge(!1)),x);ze(e)}}),[_e,pe,Ne,x]),t((()=>{!Le&&w&&w(ne,K)}),[Le,ne,K]),t((()=>{S\|\|(void 0!==Ie&&We(void 0),void 0!==Te&&Fe(void 0))}),[S,Ie,Te]),t((()=>(document.body.addEventListener("mousedown",(()=>{Ae(!0)})),document.body.addEventListener("mouseup",(()=>{Ae(!1)})),()=>{document.body.removeEventListener("mousedown",(()=>{Ae(!0)})),document.body.removeEventListener("mouseup",(()=>{Ae(!1)}))})),[S]),e.createElement("div",{key:l,id:l,"data-testid":l,className:re.multicalendar,style:{gridTemplateColumns:`${p}px`,gridTemplateRows:`auto auto calc(100% - ${Oe+je}px`}},e.createElement("div",{ref:L,className:re.controls},e.createElement("div",{className:re["div-dates-navigation"]},e.createElement(Ce,{visibleYear:xe.getFullYear(),visibleMonth:xe.getMonth(),onChangeAction:e=>{ae(new Date(Number(Date.parse(function(e){if(!/^\d{4}-\d{2}-\d{2}$/.test(e))throw new Error("Invalid SQL date format");let n=e.split("-");return new Date(Number(n[0]),Number(n[1])-1,Number(n[2]))}(e).toString()))),F,H,_)},options:oe(H,B,d)}),e.createElement("button",{type:"button",className:re["today-button"],onClick:()=>ae(new Date,F,H,_)},De[d].Today)),C&&e.createElement("div",{className:re["div-aditional-controls-components"]},C)),e.createElement("div",{className:re["div-upper-left-component"]},k),e.createElement("div",{className:re["vertical-axis"]},e.createElement("div",{ref:T,className:re["div-list-element-column"],onScroll:e=>{null!==F.current&&(F.current.scrollTop=e.target.scrollTop)}},e.createElement(be,{listHeight:mi.length,yOffset:U,elementsHeight:m,idsArray:ne,ReactListElementChildren:r}))),e.createElement("div",{ref:G,className:re["horizontal-axis"]},e.createElement("div",{className:re["div-weeks-buttons"]},e.createElement("button",{type:"button",title:"Past Week",className:re["past-week-button"],onClick:()=>{null!==W.current&&W.current.scroll({left:W.current.scrollLeft-7_})}},e.createElement(s,null)),e.createElement("button",{type:"button",title:"Next Week",onClick:()=>{null!==W.current&&W.current.scroll({left:W.current.scrollLeft+7_})},className:re["next-week-button"]},e.createElement(u,null))),e.createElement("div",{ref:W,className:re["div-dates-row"],onScroll:e=>{null!==F.current&&(F.current.scrollLeft=e.target.scrollLeft)}},e.createElement(ue,{visibleDates:K,width:(H+B)_,height:74,cellsWidth:_,cellsHeight:74,offset:q,language:d}))),e.createElement("div",{className:re["div-main-container"]},e.createElement("div",{ref:F,className:re["main-container"],onScroll:e=>{if(null!==W.current){const n=e.target.scrollLeft;W.current.scrollLeft=n,me(n)}if(null!==T.current){const n=e.target.scrollTop;T.current.scrollTop=n,ge(n)}var n,l,t,a,o,r;y&&e.target.scrollLeft+e.target.offsetWidth>(H+B)_-_&&A(B+1),c&&y&&e.target.scrollLeft<_&&(P(H+1),e.target.scrollLeft=3_),n=Be,l=Ie,t=Te,a=.8_,o=.8m,r=e.target,n&&(l&&(l<a&&(r.scrollLeft-=a-l),l>r.offsetWidth-a&&(r.scrollLeft+=l+a-r.offsetWidth)),t&&(t<o&&(r.scrollTop-=o-t),t>r.offsetHeight-o&&(r.scrollTop+=t+o-r.offsetHeight)))},onMouseMove:e=>{if(null!==F.current&&Be){let r=e.clientX-F.current.getBoundingClientRect().left,i=e.clientY-F.current.getBoundingClientRect().top;We(r),Fe(i),n=r,l=i,t=.8_,a=.8m,o=F,Be&&null!==o.current&&(n<t&&(o.current.scrollLeft-=10),n>o.current.offsetWidth-t&&(o.current.scrollLeft+=10),l<a&&(o.current.scrollTop-=10),l>o.current.offsetHeight-a&&(o.current.scrollTop+=10))}var n,l,t,a,o}},e.createElement(ve,{gridWidth:(H+B)_,gridHeight:mi.length,xOffset:q,yOffset:U,cellsWidth:_,cellsHeight:m,visibleListElementsIdsArray:ne,visibleDates:K,ReactCellChildren:o}))))};var ze="ScreenSteps-module_screen-steps__AX-nZ",Ie="ScreenSteps-module_steps__AuZhk",We="ScreenSteps-module_step__2kFuY",Te="ScreenSteps-module_completed__WcgIV",Fe="ScreenSteps-module_current__WatnQ",Le="ScreenSteps-module_outer-text__akI1y",Ge="ScreenSteps-module_frame__3J2mc",Oe="ScreenSteps-module_steps-content__-Yj-E",Re="ScreenSteps-module_step-component__Lu3G5";y(".ScreenSteps-module_screen-steps__AX-nZ {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk .ScreenSteps-module_step__2kFuY {\n width: 62px;\n height: 62px;\n border-radius: 31px;\n background-color: #959595;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0.2;\n color: #000000;\n text-align: center;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 15px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n cursor: pointer;\n transition: all 300ms ease-in-out;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk .ScreenSteps-module_step__2kFuY.ScreenSteps-module_completed__WcgIV {\n opacity: 0.4;\n background-color: #705a00;\n color: #000000;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk .ScreenSteps-module_step__2kFuY.ScreenSteps-module_current__WatnQ {\n opacity: 0.4;\n background-color: #705a00;\n color: #000000;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_outer-text__akI1y {\n color: #787878;\n text-align: center;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 20px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n margin: 0;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc {\n height: calc(100% - 82px);\n width: 100%;\n overflow: hidden;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc .ScreenSteps-module_steps-content__-Yj-E {\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n transition: all 300ms ease-in-out;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc .ScreenSteps-module_steps-content__-Yj-E .ScreenSteps-module_step-component__Lu3G5 {\n height: 100%;\n}");const je=({steps:l,defaultStep:a=0,onStepChange:o=(()=>{}),overrideStep:r})=>{const[i,d]=n(a),c=e=>{let n=We;e<i&&(n+=` ${Te}`);return e===i&&(n+=` ${Fe}`),n};return t((()=>{void 0!==r&&r<l.length&&r>=0&&d(r)}),[r]),e.createElement("section",{className:ze},e.createElement("nav",{className:Ie},l.map(((n,l)=>e.createElement("div",{key:n.innerText,className:c(l),onClick:()=>{d(l),o(l)}},n.innerText)))),e.createElement("p",{className:Le},l[i].outterText),e.createElement("div",{className:Ge},e.createElement("div",{className:Oe,style:(()=>{const e=100/l.length;return{width:100l.length+"%",transform:`translateX(-${ei}%)`}})()},l.map((n=>e.createElement("div",{key:n.innerText,className:Re,style:{width:100/l.length+"%"}},n.component))))))};var Ye="ScrollSnapGallery-module_scroll-snap-gallery__CR-GS",Be="ScrollSnapGallery-module_frame__267TC",Ae="ScrollSnapGallery-module_arrow-controls__yw2Zl",He="ScrollSnapGallery-module_arrow__1ueyq",Pe="ScrollSnapGallery-module_position-indicator__3Y7Mh",Je="ScrollSnapGallery-module_indicator-icon__YrYF2",$e="ScrollSnapGallery-module_current__ckZrA",Ze="ScrollSnapGallery-module_medium-shrunken__DuED2",Xe="ScrollSnapGallery-module_full-shrunken__VSbF7",qe="ScrollSnapGallery-module_hidden__c0w-O";y(".ScrollSnapGallery-module_scroll-snap-gallery__CR-GS {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_frame__267TC {\n display: flex;\n align-items: center;\n scroll-snap-type: x mandatory;\n scroll-snap-stop: always;\n scroll-behavior: smooth;\n overflow-x: auto;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: none;\n scrollbar-width: none;\n user-select: none;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_frame__267TC::-webkit-scrollbar {\n display: none;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_frame__267TC img {\n scroll-snap-align: center;\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 10px;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_arrow__1ueyq {\n width: 24px;\n height: 24px;\n fill: #959595;\n transition: all 100ms ease-in-out;\n z-index: 2;\n cursor: pointer;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_arrow__1ueyq:active {\n fill: #0d280b;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh {\n display: flex;\n justify-content: center;\n align-items: center;\n transition: all 0.3s ease-in-out;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2 {\n fill: #959595;\n transition: all 0.3s ease-in-out;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2.ScrollSnapGallery-module_current__ckZrA {\n fill: #0d280b;\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2.ScrollSnapGallery-module_medium-shrunken__DuED2 {\n transform: scale(0.75);\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2.ScrollSnapGallery-module_full-shrunken__VSbF7 {\n transform: scale(0.5);\n}\n.ScrollSnapGallery-module_scroll-snap-gallery__CR-GS .ScrollSnapGallery-module_arrow-controls__yw2Zl .ScrollSnapGallery-module_position-indicator__3Y7Mh .ScrollSnapGallery-module_indicator-icon__YrYF2.ScrollSnapGallery-module_hidden__c0w-O {\n transform: scale(0);\n}");const Ve=({urls:l=[],width:a="400px",height:o="300px",IndicatorIcon:r=f,positionIndicatorSize:i=Math.min(l.length,6),iconSize:d=16,showArrows:c=!1,frameStyle:s={}})=>{const[u,p]=n(0),[b,g]=n(0),[h,y]=n(i-1),[S,x]=n(0),v=e=>{let n=Je;u===e&&(n+=` ${$e}`);const t=0!==b&&e===b,a=h!==l.length-1&&e===h;(t\|\|a)&&(n+=` ${Xe}`);const o=0!==b&&e===b+1,r=h!==l.length-1&&e===h-1;return(o\|\|r)&&(n+=` ${Ze}`),(e<b\|\|e>h)&&(n+=` ${qe}`),n};return t((()=>{x(bd)}),[b]),e.createElement("section",{className:Ye},e.createElement("div",{className:Be,style:Object.assign(Object.assign({},s),{width:a,height:o}),onScroll:e=>{const{scrollLeft:n,clientWidth:t}=e.target,a=t,o=Math.round(n/a);if(p(o),o<=b){const e=Math.max(o-1,0),n=e+i-1;g(e),y(n)}else if(o>=h){const e=Math.min(o+1,l.length-1),n=e-i+1;y(e),g(n)}}},l.map(((n,l)=>e.createElement("img",{key:n+l,src:n,alt:"gallery item"})))),e.createElement("div",{className:Ae},c&&e.createElement(_,{className:He,onClick:()=>{const e=document.querySelector(`.${Be}`);e.scrollLeft-=e.clientWidth}}),e.createElement("div",{className:Pe,style:{transform:`translateX(calc(50% - ${S}px - ${di/2}px))`}},l.map(((n,l)=>e.createElement(r,{key:n+l,className:v(l),style:{width:d,height:d}})))),c&&e.createElement(m,{className:He,onClick:()=>{const e=document.querySelector(`.${Be}`);e.scrollLeft+=e.clientWidth}})))};var Ue={"stacked-cards":"StackedCards-module_stacked-cards__8IiBF",card:"StackedCards-module_card__4cF-v",content:"StackedCards-module_content__6WDlF"};y(".StackedCards-module_stacked-cards__8IiBF {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v {\n position: absolute;\n width: 80%;\n height: 80%;\n background-color: #fff;\n border-radius: 10px;\n border: 2px solid #ccc;\n transition: all 0.4s ease-out;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v .StackedCards-module_content__6WDlF {\n opacity: 1;\n transition: opacity 0.6s ease-out;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v[data-is-selectable=true] {\n cursor: pointer;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v[data-is-selectable=true][data-should-card-rise=true]:hover {\n transform: translateY(-20px);\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v[data-is-selectable=true] .StackedCards-module_content__6WDlF {\n opacity: 0;\n}");const Qe=({cards:l,initialCard:t,stackingOrientation:a=60})=>{const o=a%360,[r,i]=n(t),d=e=>{const n=l.length,t={};let i=0,d=0,c=0;const s=Math.PI/180a,u=20Math.cos(s)/n,_=20Math.sin(s)/n;return e===r?(i=0,d=0,c=n+1):e<r?(i=u(e+1),d=_(e+1),c=n-e):(i=ue,d=_*e,c=n-e),t.zIndex=c,o>=0&&o<=90?(t.right=`${i}%`,t.bottom=`${d}%`):o>90&&o<=180?(t.left=-i+"%",t.bottom=`${d}%`):o>180&&o<=270?(t.left=-i+"%",t.top=-d+"%"):o>270&&o<=360&&(t.right=`${i}%`,t.top=-d+"%"),t};return e.createElement("div",{className:Ue["stacked-cards"]},l.map(((n,l)=>e.createElement("div",{className:Ue.card,key:l,"data-is-selectable":l!==r,"data-should-card-rise":o>=0&&o<=180,style:d(l),onClick:()=>{r!==l&&i(l)}},e.createElement("div",{className:Ue.title},n.title),e.createElement("div",{className:Ue.content},n.content)))))};function Ke(e,l){const[o,r]=n(!1),i=a(null);return t((()=>(i.current&&i.current.disconnect(),i.current=new IntersectionObserver((([e])=>{r(e.isIntersecting)}),l),e.current&&i.current.observe(e.current),()=>{i.current&&i.current.disconnect()})),[e,l]),o}function en(e){const[l,o]=n(0),[r,i]=n(0),d=a(new ResizeObserver((e=>{const{width:n,height:l}=e[0].contentRect;o(n),i(l)})));return t((()=>{null!==e.current&&d.current.observe(e.current);const n=d.current,l=e.current;return()=>{null!==l&&n.unobserve(l)}}),[e,d]),[l,r]}export{w as BubbleMenu,$ as CalendarDatePicker,F as InputBoxWithConfirmation,q as IntegerControl,ee as LabeledInput,le as Modal,Ne as Multicalendar,je as ScreenSteps,Ve as ScrollSnapGallery,Qe as StackedCards,Ke as useIntersectionObserver,T as useOutsideClick,en as useResizeObserver,ke as useWindowsSize};

package/dist/esm/types/components/Modal/Modal.d.ts CHANGED Viewed

@@ -1,5 +1,11 @@
 import React from "react";
-import "./Modal.css";
-import { ModalPropsType } from "./types";
-declare const Modal: ({ children, visibility, forced, onOpen, onClose, transitionTime, }: ModalPropsType) => React.JSX.Element;
+type ModalProps = {
+    children: JSX.Element;
+    visibility: boolean;
+    forced?: boolean;
+    onOpen?: Function;
+    onClose?: Function;
+    transitionTime?: number;
+};
+declare const Modal: ({ children, visibility, forced, onOpen, onClose }: ModalProps) => React.JSX.Element;
 export default Modal;

package/dist/esm/types/components/Multicalendar/Multicalendar.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 import React from "react";
-import "./Multicalendar.css";
-import { MulticalendarPropsType } from "./types";
-declare const Multicalendar: ({ multicalendarId, ReactCellChildren, ReactListElementChildren, listElementsIdsArray, language, pastDatesVisible, cellsWidth, cellsHeight, verticalAxisWidth, pastDaysInitialQuantity, futureDaysInitialQuantity, chunkRenderX, chunkRenderY, dynamicDaysQuantity, authomaticScrollOnDraggingOverEdges, waitTimeForCalls, callsOnInitialView, callsOnScrollingStops, aditionalControlsComponents, upperLeftComponent, autoSavePosition, onScrollTopChanges, onScrollLeftChanges, }: MulticalendarPropsType) => React.JSX.Element;
+import { MulticalendarProps } from "./types";
+declare const Multicalendar: ({ multicalendarId, ReactCellChildren, ReactListElementChildren, listElementsIdsArray, language, pastDatesVisible, cellsWidth, cellsHeight, verticalAxisWidth, pastDaysInitialQuantity, futureDaysInitialQuantity, chunkRenderX, chunkRenderY, dynamicDaysQuantity, authomaticScrollOnDraggingOverEdges, waitTimeForCalls, callsOnInitialView, callsOnScrollingStops, aditionalControlsComponents, upperLeftComponent, autoSavePosition, onScrollTopChanges, onScrollLeftChanges, }: MulticalendarProps) => React.JSX.Element;
 export default Multicalendar;

package/dist/esm/types/components/Multicalendar/subcomponents/composites/CellsRow/CellsRow.d.ts CHANGED Viewed

@@ -1,5 +1,13 @@
 import React from "react";
-import "./CellsRow.css";
-import { CellsRowsPropsType } from "./types";
-declare const CellsRow: ({ listElementId, visibleDatesArray, width, height, cellsWidth, cellsHeight, ReactCellChildren, }: CellsRowsPropsType) => React.JSX.Element;
+import { ReactCellChildren } from "../../../types";
+type CellsRowsProps = {
+    listElementId: string | number;
+    visibleDatesArray: Date[];
+    width: number;
+    height: number;
+    cellsWidth: number;
+    cellsHeight: number;
+    ReactCellChildren: ReactCellChildren;
+};
+declare const CellsRow: ({ listElementId, visibleDatesArray, width, height, cellsWidth, cellsHeight, ReactCellChildren, }: CellsRowsProps) => React.JSX.Element;
 export default CellsRow;

package/dist/esm/types/components/Multicalendar/subcomponents/composites/DatesGrid/DatesGrid.d.ts CHANGED Viewed

@@ -1,5 +1,15 @@
 import React from "react";
-import "./DatesGrid.css";
-import { DatesGridPropTypes } from "./types";
-declare const DatesGrid: ({ gridWidth, gridHeight, xOffset, yOffset, cellsWidth, cellsHeight, visibleListElementsIdsArray, visibleDates, ReactCellChildren, }: DatesGridPropTypes) => React.JSX.Element;
+import { ReactCellChildren } from "../../../types";
+type DatesGridProps = {
+    gridWidth: number;
+    gridHeight: number;
+    xOffset: number;
+    yOffset: number;
+    cellsWidth: number;
+    cellsHeight: number;
+    visibleListElementsIdsArray: string[] | number[];
+    visibleDates: Date[];
+    ReactCellChildren: ReactCellChildren;
+};
+declare const DatesGrid: ({ gridWidth, gridHeight, xOffset, yOffset, cellsWidth, cellsHeight, visibleListElementsIdsArray, visibleDates, ReactCellChildren, }: DatesGridProps) => React.JSX.Element;
 export default DatesGrid;

package/dist/esm/types/components/Multicalendar/subcomponents/composites/ListElementsColumn/ListElementsColumn.d.ts CHANGED Viewed

@@ -1,5 +1,11 @@
 import React from "react";
-import "./ListElementsColumn.css";
-import { ListElementsColumnPropsType } from "./types";
-declare const ListElementsColumn: ({ ReactListElementChildren, listHeight, yOffset, elementsHeight, idsArray, }: ListElementsColumnPropsType) => React.JSX.Element;
+import { ReactListElementChildren } from "../../../types";
+type ListElementsColumnProps = {
+    ReactListElementChildren: ReactListElementChildren;
+    listHeight: number | string;
+    yOffset: number;
+    elementsHeight: number;
+    idsArray: string[] | number[];
+};
+declare const ListElementsColumn: ({ ReactListElementChildren, listHeight, yOffset, elementsHeight, idsArray, }: ListElementsColumnProps) => React.JSX.Element;
 export default ListElementsColumn;

package/dist/esm/types/components/Multicalendar/subcomponents/individuals/Cell/Cell.d.ts CHANGED Viewed

@@ -1,5 +1,12 @@
 import React from "react";
-import "./Cell.css";
-import { CellPropsType } from "./types";
-declare const _default: React.MemoExoticComponent<({ date, listElementId, width, heigth, ReactCellChildren }: CellPropsType) => React.JSX.Element>;
+import { ReactCellChildren } from "../../../types";
+type CellProps = {
+    date: string;
+    /**Date in SQL format, i.e. 1993-03-29 */
+    listElementId: string | number;
+    width: number;
+    heigth: number;
+    ReactCellChildren: ReactCellChildren;
+};
+declare const _default: React.MemoExoticComponent<({ date, listElementId, width, heigth, ReactCellChildren }: CellProps) => React.JSX.Element>;
 export default _default;

package/dist/esm/types/components/Multicalendar/subcomponents/individuals/DatesRow/DatesRow.d.ts CHANGED Viewed

@@ -1,5 +1,12 @@
 import React from "react";
-import "./DatesRow.css";
-import { DatesRowPropsType } from "./types";
-declare const DatesRow: ({ visibleDates, width, height, cellsWidth, cellsHeight, offset, language, }: DatesRowPropsType) => React.JSX.Element;
+type DatesRowProps = {
+    visibleDates: Date[];
+    width: number;
+    height: number;
+    cellsWidth: number;
+    cellsHeight: number;
+    offset: number;
+    language: "es_ES" | "en_EN";
+};
+declare const DatesRow: ({ visibleDates, width, height, cellsWidth, cellsHeight, offset, language, }: DatesRowProps) => React.JSX.Element;
 export default DatesRow;

package/dist/esm/types/components/Multicalendar/subcomponents/individuals/DropdownMonthNavigation/DropdownMonthNavigation.d.ts CHANGED Viewed

@@ -1,5 +1,9 @@
 import React from "react";
-import "./DropdownMonthNavigation.css";
-import { DropdownMonthNavigationPropsType } from "./types";
-declare const DropdownMonthNavigation: ({ visibleMonth, visibleYear, onChangeAction, options, }: DropdownMonthNavigationPropsType) => React.JSX.Element;
+type DropdownMonthNavigationProps = {
+    visibleMonth: number;
+    visibleYear: number;
+    onChangeAction: Function;
+    options: JSX.Element[];
+};
+declare const DropdownMonthNavigation: ({ visibleMonth, visibleYear, onChangeAction, options, }: DropdownMonthNavigationProps) => React.JSX.Element;
 export default DropdownMonthNavigation;

package/dist/esm/types/components/Multicalendar/subcomponents/individuals/ListElement/ListElement.d.ts CHANGED Viewed

@@ -1,5 +1,9 @@
 import React from "react";
-import "./ListElement.css";
-import { ListElementPropsType } from "./types";
-declare const _default: React.MemoExoticComponent<({ listElementId, ReactListElementChildren, height, }: ListElementPropsType) => React.JSX.Element>;
+import { ReactListElementChildren } from "../../../types";
+type ListElementProps = {
+    listElementId: string | number;
+    ReactListElementChildren: ReactListElementChildren;
+    height: number;
+};
+declare const _default: React.MemoExoticComponent<({ listElementId, ReactListElementChildren, height, }: ListElementProps) => React.JSX.Element>;
 export default _default;

package/dist/esm/types/components/Multicalendar/types.d.ts ADDED Viewed

@@ -0,0 +1,45 @@
+/// <reference types="react" />
+export interface MulticalendarProps {
+    multicalendarId: string;
+    ReactCellChildren: ReactCellChildren;
+    ReactListElementChildren: ReactListElementChildren;
+    listElementsIdsArray: string[] | number[];
+    language?: "es_ES" | "en_EN";
+    pastDatesVisible?: boolean;
+    cellsWidth?: number;
+    cellsHeight?: number;
+    verticalAxisWidth?: number;
+    horizontalAxisHeight?: number;
+    pastDaysInitialQuantity?: number;
+    futureDaysInitialQuantity?: number;
+    chunkRenderX?: number;
+    chunkRenderY?: number;
+    authomaticScrollOnDraggingOverEdges?: boolean;
+    dynamicDaysQuantity?: boolean;
+    waitTimeForCalls?: number;
+    callsOnInitialView?: (visibleIds: string[] | number[], visibleDates: Date[]) => void;
+    callsOnScrollingStops?: (visibleIds: string[] | number[], visibleDates: Date[]) => void;
+    aditionalControlsComponents?: JSX.Element | JSX.Element[];
+    upperLeftComponent?: JSX.Element;
+    autoSavePosition?: boolean;
+    onScrollTopChanges?: (scrollTop: number) => void;
+    onScrollLeftChanges?: (scrollLeft: number) => void;
+}
+export interface RenderCoordinates {
+    x: number;
+    y: number;
+}
+export type ReactCellChildren = React.ElementType<CellChildrenProps>;
+export type ReactListElementChildren = React.ElementType<ListElementChildrenProps>;
+export type CellChildrenProps = {
+    [key: string]: any;
+} & {
+    /**Date in SQL format, i.e. 1993-03-29 */
+    date: string;
+    listElementId: string | number;
+};
+export type ListElementChildrenProps = {
+    [key: string]: any;
+} & {
+    listElementId: string | number;
+};

package/dist/esm/types/components/StackedCards/StackedCards.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import React from "react";
+type StackedCardsProps = {
+    cards: {
+        title: JSX.Element;
+        content: JSX.Element;
+    }[];
+    initialCard: number;
+    stackingOrientation?: number;
+};
+declare const StackedCards: ({ cards, initialCard, stackingOrientation, }: StackedCardsProps) => React.JSX.Element;
+export default StackedCards;

package/dist/esm/types/components/StackedCards/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { default } from "./StackedCards";

package/dist/esm/types/components/index.d.ts CHANGED Viewed

@@ -3,5 +3,8 @@ export { default as CalendarDatePicker } from "./CalendarDatePicker";
 export { default as InputBoxWithConfirmation } from "./InputBoxWithConfirmation";
 export { default as IntegerControl } from "./IntegerControl";
 export { default as LabeledInput } from "./LabeledInput";
+export { default as Modal } from "./Modal";
+export { default as Multicalendar } from "./Multicalendar";
 export { default as ScreenSteps } from "./ScreenSteps";
 export { default as ScrollSnapGallery } from "./ScrollSnapGallery";
+export { default as StackedCards } from "./StackedCards";

package/dist/esm/types/mocks/ReactComponentMocksForTesting/CellChildrenMock.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
 import React from "react";
-import { CellChildrenPropsType } from "../../components/Multicalendar/types";
 declare const CellChildrenMock: ({ date, listElementId }: CellChildrenPropsType) => React.JSX.Element;
 export default CellChildrenMock;

package/dist/esm/types/mocks/ReactComponentMocksForTesting/ListElementChildrenMock.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
 import React from "react";
-import { ListElementChildrenPropsType } from "../../components/Multicalendar/types";
 declare const ListElementChildrenMock: ({ listElementId }: ListElementChildrenPropsType) => React.JSX.Element;
 export default ListElementChildrenMock;

package/dist/index.d.ts CHANGED Viewed

@@ -69,6 +69,59 @@ type LabeledInputProps = {
 };
 declare const LabeledInput: ({ label, defaultValue, onChange, width, height, backgroundColor, textAlign, highlightError, errorMessage, inputProps, }: LabeledInputProps) => React$1.JSX.Element;
+type ModalProps = {
+    children: JSX.Element;
+    visibility: boolean;
+    forced?: boolean;
+    onOpen?: Function;
+    onClose?: Function;
+    transitionTime?: number;
+};
+declare const Modal: ({ children, visibility, forced, onOpen, onClose }: ModalProps) => React$1.JSX.Element;
+interface MulticalendarProps {
+    multicalendarId: string;
+    ReactCellChildren: ReactCellChildren;
+    ReactListElementChildren: ReactListElementChildren;
+    listElementsIdsArray: string[] | number[];
+    language?: "es_ES" | "en_EN";
+    pastDatesVisible?: boolean;
+    cellsWidth?: number;
+    cellsHeight?: number;
+    verticalAxisWidth?: number;
+    horizontalAxisHeight?: number;
+    pastDaysInitialQuantity?: number;
+    futureDaysInitialQuantity?: number;
+    chunkRenderX?: number;
+    chunkRenderY?: number;
+    authomaticScrollOnDraggingOverEdges?: boolean;
+    dynamicDaysQuantity?: boolean;
+    waitTimeForCalls?: number;
+    callsOnInitialView?: (visibleIds: string[] | number[], visibleDates: Date[]) => void;
+    callsOnScrollingStops?: (visibleIds: string[] | number[], visibleDates: Date[]) => void;
+    aditionalControlsComponents?: JSX.Element | JSX.Element[];
+    upperLeftComponent?: JSX.Element;
+    autoSavePosition?: boolean;
+    onScrollTopChanges?: (scrollTop: number) => void;
+    onScrollLeftChanges?: (scrollLeft: number) => void;
+}
+type ReactCellChildren = React.ElementType<CellChildrenProps>;
+type ReactListElementChildren = React.ElementType<ListElementChildrenProps>;
+type CellChildrenProps = {
+    [key: string]: any;
+} & {
+    /**Date in SQL format, i.e. 1993-03-29 */
+    date: string;
+    listElementId: string | number;
+};
+type ListElementChildrenProps = {
+    [key: string]: any;
+} & {
+    listElementId: string | number;
+};
+declare const Multicalendar: ({ multicalendarId, ReactCellChildren, ReactListElementChildren, listElementsIdsArray, language, pastDatesVisible, cellsWidth, cellsHeight, verticalAxisWidth, pastDaysInitialQuantity, futureDaysInitialQuantity, chunkRenderX, chunkRenderY, dynamicDaysQuantity, authomaticScrollOnDraggingOverEdges, waitTimeForCalls, callsOnInitialView, callsOnScrollingStops, aditionalControlsComponents, upperLeftComponent, autoSavePosition, onScrollTopChanges, onScrollLeftChanges, }: MulticalendarProps) => React$1.JSX.Element;
 type Step = {
     component: React$1.ReactNode;
     innerText: string;
@@ -94,6 +147,16 @@ type ScrollSnapGalleryProps = {
 };
 declare const ScrollSnapGallery: ({ urls, width, height, IndicatorIcon, positionIndicatorSize, iconSize, showArrows, frameStyle, }: ScrollSnapGalleryProps) => React$1.JSX.Element;
+type StackedCardsProps = {
+    cards: {
+        title: JSX.Element;
+        content: JSX.Element;
+    }[];
+    initialCard: number;
+    stackingOrientation?: number;
+};
+declare const StackedCards: ({ cards, initialCard, stackingOrientation, }: StackedCardsProps) => React$1.JSX.Element;
 /**
  * Hook to observe an element's intersection
  * @param ref ref to the element to observe
@@ -125,4 +188,4 @@ declare function useResizeObserver(elementRef: React$1.MutableRefObject<HTMLElem
  */
 declare function useWindowSize(): [number, number];
-export { BubbleMenu, CalendarDatePicker, InputBoxWithConfirmation, IntegerControl, LabeledInput, ScreenSteps, ScrollSnapGallery, useIntersectionObserver, useOutsideClick, useResizeObserver, useWindowSize as useWindowsSize };
+export { BubbleMenu, CalendarDatePicker, InputBoxWithConfirmation, IntegerControl, LabeledInput, Modal, Multicalendar, ScreenSteps, ScrollSnapGallery, StackedCards, useIntersectionObserver, useOutsideClick, useResizeObserver, useWindowSize as useWindowsSize };