josenanodev-react-components-library 1.0.5 → 1.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -21
- package/README.md +4 -4
- package/dist/cjs/index.js +1 -1
- package/dist/esm/index.js +1 -1
- package/package.json +113 -123
package/LICENSE
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
MIT License
|
|
2
|
-
|
|
3
|
-
Copyright (c) 2023 Jose Carlos Cárdenas Martínez
|
|
4
|
-
|
|
5
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
-
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
-
in the Software without restriction, including without limitation the rights
|
|
8
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
-
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
-
furnished to do so, subject to the following conditions:
|
|
11
|
-
|
|
12
|
-
The above copyright notice and this permission notice shall be included in all
|
|
13
|
-
copies or substantial portions of the Software.
|
|
14
|
-
|
|
15
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
-
SOFTWARE.
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2023 Jose Carlos Cárdenas Martínez
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
# Libreria de componentes React Josenanodev
|
|
2
|
-
A library of React components.
|
|
3
|
-
## Installation
|
|
4
|
-
Run the following command:
|
|
1
|
+
# Libreria de componentes React Josenanodev
|
|
2
|
+
A library of React components.
|
|
3
|
+
## Installation
|
|
4
|
+
Run the following command:
|
|
5
5
|
`npm install josenanodev-react-components-library`
|
package/dist/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react"),n=require("react-icons/bs"),l=require("react-icons/io5"),a=require("react-icons/ai"),t=require("react-icons/go");function o(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 r="BubbleMenu-module_menu-container__xrNNC",i="BubbleMenu-module_menu-button__I5R0w";o(".BubbleMenu-module_menu-container__xrNNC {\n position: fixed;\n top: 0px;\n padding-top: 80px;\n box-sizing: border-box;\n width: 100vw;\n height: 100vh;\n transition: background-color 300ms ease-in-out;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=visible] {\n background-color: rgba(0, 0, 0, 0.3);\n z-index: 1;\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 background-color: transparent;\n z-index: -1;\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 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: 2;\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}");const c={en:{menu:"menu",close:"close"},es:{menu:"menú",close:"cerrar"}};var d="CalendarDatePicker-module_calendar-date-picker__-G7aY",s="CalendarDatePicker-module_title__gUwdA",u="CalendarDatePicker-module_today-button__YgI7t",_="CalendarDatePicker-module_month-and-year__LHJ8I",m="CalendarDatePicker-module_month-input__sFUHA",p="CalendarDatePicker-module_week-days__j2XJ-";o('@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 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}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_title__gUwdA {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n font-size: 16px;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_title__gUwdA svg {\n margin: 0px 5px;\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 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: 18px;\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 S="InputBoxWithConfirmation-module_div-wrapper__DdQ1-",b="InputBoxWithConfirmation-module_focused__C6kd0",g="InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN",f="InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y";o(".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 y=({onConfirmAction:l,inputType:a="text",minimumValue:t="",maximumValue:o="",maxLength:r,placeholder:i="",divWrapperCustomStyle:c,inputBoxCustomStyle:d,defaultValue:s,overrideCurrentValue:u,showConfirmationButton:_,disabled:m})=>{const p=e.useRef(null),y=e.useRef(null),[h,C]=e.useState(void 0!==s?String(s):""),[x,v]=e.useState(void 0!==s?String(s):""),[w,k]=e.useState(!1),E=()=>{if(!x)return h;if("number"===a){let e=Number(x);return""!==t&&e<Number(t)?e=Number(t):""!==o&&e>Number(o)&&(e=Number(o)),String(e)}return x},D=()=>{v(E()),E()&&(l(E()),C(E()))};return function(n,l,a=[]){e.useEffect((()=>{function e(e){n.current&&!n.current.contains(e.target)&&a.every((n=>n.current!==e.target))&&l()}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[n,l,a])}(y,(()=>{w&&(_?v(h):D(),k(!1))})),e.useEffect((()=>{void 0!==u?(v(String(u)),C(String(u))):null===u&&(v(""),C(""))}),[u]),e.createElement("div",{ref:y,style:c,className:`${S} ${w?b:""}`},e.createElement("input",{ref:p,disabled:m,className:g,type:a,style:Object.assign({width:`${((null==x?void 0:x.length)?x.length:0)+7}ch`},d),min:t,max:o,maxLength:r,placeholder:i,value:w?x:h,onChange:e=>{let n=e.target.value;r&&n.length>r&&(n=n.slice(0,r)),v(n)},onFocus:e=>{C(e.target.value),v(e.target.value),k(!0)},onKeyDown:e=>{"Enter"===e.key||"Tab"===e.key?(D(),k(!1),p.current&&p.current.blur()):"Escape"===e.key&&(v(h),k(!1),p.current&&p.current.blur())}}),!m&&_&&e.createElement(e.Fragment,null,w?e.createElement("button",{className:f,onClick:()=>{D(),k(!1)}},e.createElement(n.BsCheckLg,null)):e.createElement("button",{className:f,onClick:()=>{p.current&&p.current.focus()}},e.createElement(n.BsPencil,null))))};var h={"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 C(e){return 0===e.getDay()?6:e.getDay()-1}function x(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-C(new Date(a,t,1)));return Math.ceil(o/7)+1}function v(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 w(n,l){const[a,t]=e.useState(!1),o=e.useRef(null);return e.useEffect((()=>(o.current&&o.current.disconnect(),o.current=new IntersectionObserver((([e])=>{t(e.isIntersecting)}),l),n.current&&o.current.observe(n.current),()=>{o.current&&o.current.disconnect()})),[n,l]),a}o('@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 k=(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)},E=({dates:n,month:l,year:a,mode:t,onSelectedDatesChange:o,onFocusedMonth:r,customDates:i=[],minimumDate:c=new Date(1970,0,1),maximumDate:d=new Date((new Date).getFullYear()+100,1,1)})=>{const[s,u]=e.useReducer(k,{month:l,year:a,minimumDate:c,maximumDate:d}),_=e.useRef(null),m=e.useRef(null),p=e.useRef(null),S=e.useRef(null),b=e.useRef(null),g=w(m,{rootMargin:"0px",threshold:1}),f=w(p,{rootMargin:"0px",threshold:1}),y=w(S,{rootMargin:"0px",threshold:1}),E=w(b,{rootMargin:"0px",threshold:1}),D=e=>!i.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&!n.selectable)),N=e=>{let n=h["day-cell"];return i.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.crossed))&&(n+=` ${h.crossed}`),n},G=e=>{let l=h.day;v(e)===v(new Date)&&(l+=` ${h.today}`),e.getMonth()===s.month?l+=` ${h["in-month"]}`:l+=` ${h["not-in-month"]}`;const a=n.some((n=>n.valueOf()===e.valueOf())),o=("range"===t||"booking"===t)&&2===n.length&&n[0].valueOf()<e.valueOf()&&e.valueOf()<n[1].valueOf();if((a||o)&&(l+=` ${h.selected}`),"booking"===t){2===n.length&&e.valueOf()===n[0].valueOf()&&(l+=` ${h["check-in"]}`);2===n.length&&e.valueOf()===n[1].valueOf()&&(l+=` ${h["check-out"]}`)}D(e)?l+=` ${h.selectable}`:l+=` ${h["not-selectable"]}`;return(e.valueOf()<c.valueOf()||e.valueOf()>d.valueOf())&&(l+=` ${h["out-of-selection"]}`),l},z=e=>{const n=i.find((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))));return n?{backgroundColor:n.color}:void 0};return e.useEffect((()=>{_.current&&(_.current.scrollTop=416)}),[]),e.useEffect((()=>{r(s.month,s.year)}),[s.year,s.month,r]),e.useEffect((()=>{(f||g)&&u({type:"changeByMonthOffset",value:-1})}),[g,f]),e.useEffect((()=>{(y||E)&&u({type:"changeByMonthOffset",value:1})}),[y,E]),e.createElement("section",{ref:_,className:h["calendar-scrollable-section"]},Array(5).fill(0).map(((l,a)=>{const r=a-2,u=new Date(s.year,s.month+r,1),_=0===new Date(s.year,s.month+r+1,0).getDay();let g=x(u);_||(g-=1);const f=C(u);return e.createElement("div",{ref:[m,p,null,S,b][a],className:h["days-grid"],key:`grid:${v(u)}}`},Array(g).fill(0).map(((l,a)=>e.createElement("div",{className:h["days-row"],key:`grid:${v(u)}-row:${a}`},Array(7).fill(0).map(((l,u)=>{const _=s.month+r,m=7*a+u+1-f,p=new Date(s.year,_,m);return e.createElement("div",{className:N(p),key:v(p),onClick:()=>(e=>{if(i.forEach((n=>{n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.clickSideEffect&&n.clickSideEffect(e)})),!D(e))return;if(e.valueOf()<c.valueOf()||e.valueOf()>d.valueOf())return;let l=[...n];"single"===t&&(l=[e]),"multiple"===t&&(l=n.some((n=>n.valueOf()===e.valueOf()))?n.filter((n=>n.valueOf()!==e.valueOf())):[...n,e]),"range"===t&&(l=0===n.length?[e]:1===n.length?n[0].valueOf()<e.valueOf()?[...n,e]:[e,n[0]]:[]),"booking"===t&&(l=0===n.length?[e]:n[0].valueOf()===e.valueOf()?[]:1===n.length?n[0].valueOf()<e.valueOf()?[...n,e]:[e,n[0]]:[]),o(l)})(p)},e.createElement("div",{className:h["cross-line"]}),e.createElement("div",{className:G(p)},e.createElement("div",{className:h.background},e.createElement("div",{className:h["first-half"],style:z(p)}),e.createElement("div",{className:h["second-half"],style:z(p)})),e.createElement("p",null,p.getDate())))}))))))})))},D={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"}},N=(e,n)=>{switch(e){case 0:return D[n].january;case 1:return D[n].february;case 2:return D[n].march;case 3:return D[n].april;case 4:return D[n].may;case 5:return D[n].june;case 6:return D[n].july;case 7:return D[n].august;case 8:return D[n].september;case 9:return D[n].october;case 10:return D[n].november;case 11:return D[n].december;default:return""}};var G="IntegerControl-module_integer-control__-tzTl",z="IntegerControl-module_default__FJoED";o(".IntegerControl-module_integer-control__-tzTl {\n display: flex;\n align-items: center;\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: 84px;\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}");var I="LabeledInput-module_labeled-input__xzE4h",W="LabeledInput-module_focused__id3UI",O="LabeledInput-module_error__8RLxl",F="LabeledInput-module_error-message__5-9lv";o(".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}");var M="ScreenSteps-module_screen-steps__AX-nZ",Y="ScreenSteps-module_steps__AuZhk",B="ScreenSteps-module_step__2kFuY",j="ScreenSteps-module_completed__WcgIV",A="ScreenSteps-module_current__WatnQ",T="ScreenSteps-module_outer-text__akI1y",L="ScreenSteps-module_frame__3J2mc",P="ScreenSteps-module_steps-content__-Yj-E",q="ScreenSteps-module_step-component__Lu3G5";o(".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}");var R="ScrollSnapGallery-module_scroll-snap-gallery__CR-GS",Z="ScrollSnapGallery-module_frame__267TC",$="ScrollSnapGallery-module_arrow-controls__yw2Zl",U="ScrollSnapGallery-module_arrow__1ueyq",V="ScrollSnapGallery-module_position-indicator__3Y7Mh",H="ScrollSnapGallery-module_indicator-icon__YrYF2",X="ScrollSnapGallery-module_current__ckZrA",J="ScrollSnapGallery-module_medium-shrunken__DuED2",Q="ScrollSnapGallery-module_full-shrunken__VSbF7",K="ScrollSnapGallery-module_hidden__c0w-O";o(".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}");exports.BubbleMenu=({options:a,language:t="en"})=>{const[o,d]=e.useState(!1);return e.createElement(e.Fragment,null,e.createElement("button",{className:i,onClick:()=>d(!o)},o?e.createElement(n.BsX,null):e.createElement(l.IoMenu,null),e.createElement("p",null,o?c[t].close:c[t].menu)),e.createElement("section",{className:r,"data-status":o?"visible":"hidden",onClick:()=>d(!1)},e.createElement("ul",null,a.filter((e=>e.visible)).map(((n,l)=>e.createElement("li",{key:n.text,style:{transitionDelay:100*l+"ms"}},e.createElement("button",{onClick:()=>setTimeout(n.optionCallback,300+100*a.length)},n.icon,n.text)))))))},exports.CalendarDatePicker=({mode:l,onSelectedDatesChange:a=(()=>{}),language:t="en",customDates:o=[],title:r,minimumDate:i=new Date(1970,0,1),maximumDate:c=new Date((new Date).getFullYear()+100,1,1),customStyle:S})=>{const[b,g]=e.useState([]),[f,h]=e.useState((new Date).getFullYear()),[C,x]=e.useState((new Date).getMonth()),[v,w]=e.useState(Math.random()),k=e=>{const n=new Date(i.getFullYear(),i.getMonth(),1),l=new Date(c.getFullYear(),c.getMonth()+1,0),a=e.valueOf()>=n.valueOf(),t=e.valueOf()<=l.valueOf();return a&&t};return e.createElement("div",{className:d,style:S},e.createElement("section",{className:s},e.createElement(n.BsFillCalendar3WeekFill,null),r,e.createElement("button",{className:u,onClick:()=>{const e=new Date;k(e)&&(x(e.getMonth()),h(e.getFullYear()),w(Math.random()))}},D[t].today.slice(0,1).toUpperCase()+D[t].today.slice(1))),e.createElement("section",{className:_},e.createElement("select",{style:{fontFamily:null==S?void 0:S.fontFamily},className:m,value:C,onChange:e=>{const n=Number(e.target.value);x(n),w(Math.random())}},Array(12).fill(0).map(((n,l)=>{const a=new Date(f,l,1),o=!k(a);return e.createElement("option",{key:N(l,t),value:l,disabled:o},N(l,t))}))),e.createElement(y,{inputType:"number",divWrapperCustomStyle:{width:"4ch",border:"none",backgroundColor:"transparent",fontFamily:null==S?void 0:S.fontFamily},inputBoxCustomStyle:{padding:0,fontFamily:null==S?void 0:S.fontFamily},maxLength:4,defaultValue:f.toString(),overrideCurrentValue:f.toString(),minimumValue:i.getFullYear().toString(),maximumValue:c.getFullYear().toString(),onConfirmAction:e=>{let n=Number(e);const l=new Date(n,C,1);k(l)?(h(n),w(Math.random())):l.valueOf()<i.valueOf()?(h(i.getFullYear()),x(i.getMonth()),w(Math.random())):l.valueOf()>c.valueOf()&&(h(c.getFullYear()),x(c.getMonth()),w(Math.random()))}})),e.createElement("section",{className:p},e.createElement("p",null,D[t].monday.slice(0,1).toUpperCase()),e.createElement("p",null,D[t].tuesday.slice(0,1).toUpperCase()),e.createElement("p",null,D[t].wednesday.slice(0,1).toUpperCase()),e.createElement("p",null,D[t].thursday.slice(0,1).toUpperCase()),e.createElement("p",null,D[t].friday.slice(0,1).toUpperCase()),e.createElement("p",null,D[t].saturday.slice(0,1).toUpperCase()),e.createElement("p",null,D[t].sunday.slice(0,1).toUpperCase())),e.createElement(E,{key:v,dates:b,year:f,month:C,mode:l,onSelectedDatesChange:e=>{a(e),g(e)},onFocusedMonth:(e,n)=>{x(e),h(n)},customDates:o,minimumDate:i,maximumDate:c}))},exports.InputBoxWithConfirmation=y,exports.IntegerControl=({onChange:n=(()=>{}),defaultValue:l=0,minimumValue:t,maximumValue:o,customStyle:r})=>{const[i,c]=e.useState(l);return e.createElement("div",{className:`${G} ${i===l?z:""}`,style:r},e.createElement("button",{onClick:()=>{c(i-1),n(i-1)}},e.createElement(a.AiFillMinusCircle,null)),e.createElement("input",{onChange:e=>{const l=Number(e.target.value);c(l),n(l)},value:i,type:"number",defaultValue:String(l),min:String(t),max:String(o),style:{width:i.toString().length+1+"ch"}}),e.createElement("button",{onClick:()=>{c(i+1),n(i+1)}},e.createElement(a.AiFillPlusCircle,null)))},exports.LabeledInput=({label:n,defaultValue:l,onChange:a=(()=>{}),width:t="328px",height:o="66px",backgroundColor:r="white",textAlign:i="left",highlightError:c=!1,errorMessage:d,inputProps:s})=>{const u=e.useRef(null),[_,m]=e.useState(!!l);return e.createElement("div",{className:I+(c?` ${O}`:""),onClick:()=>{u.current&&u.current.focus()},style:{width:t,height:o,backgroundColor:r}},e.createElement("label",{className:_?W:""},n),e.createElement("input",Object.assign({ref:u},s,{onFocus:()=>m(!0),onBlur:e=>{e.target.value||m(!1)},defaultValue:l,onChange:e=>a(e.target.value),style:{textAlign:i}})),c&&d&&e.createElement("p",{className:F},d))},exports.ScreenSteps=({steps:n,defaultStep:l=0,onStepChange:a=(()=>{}),overrideStep:t})=>{const[o,r]=e.useState(l),i=e=>{let n=B;e<o&&(n+=` ${j}`);return e===o&&(n+=` ${A}`),n};return e.useEffect((()=>{void 0!==t&&t<n.length&&t>=0&&r(t)}),[t]),e.createElement("section",{className:M},e.createElement("nav",{className:Y},n.map(((n,l)=>e.createElement("div",{key:n.innerText,className:i(l),onClick:()=>{r(l),a(l)}},n.innerText)))),e.createElement("p",{className:T},n[o].outterText),e.createElement("div",{className:L},e.createElement("div",{className:P,style:(()=>{const e=100/n.length;return{width:100*n.length+"%",transform:`translateX(-${e*o}%)`}})()},n.map((l=>e.createElement("div",{key:l.innerText,className:q,style:{width:100/n.length+"%"}},l.component))))))},exports.ScrollSnapGallery=({urls:l=[],width:a="400px",height:o="300px",IndicatorIcon:r=t.GoDotFill,positionIndicatorSize:i=Math.min(l.length,6),iconSize:c=16,showArrows:d=!1,frameStyle:s={}})=>{const[u,_]=e.useState(0),[m,p]=e.useState(0),[S,b]=e.useState(i-1),[g,f]=e.useState(0),y=e=>{let n=H;u===e&&(n+=` ${X}`);const a=0!==m&&e===m,t=S!==l.length-1&&e===S;(a||t)&&(n+=` ${Q}`);const o=0!==m&&e===m+1,r=S!==l.length-1&&e===S-1;return(o||r)&&(n+=` ${J}`),(e<m||e>S)&&(n+=` ${K}`),n};return e.useEffect((()=>{f(m*c)}),[m]),e.createElement("section",{className:R},e.createElement("div",{className:Z,style:Object.assign(Object.assign({},s),{width:a,height:o}),onScroll:e=>{const{scrollLeft:n,clientWidth:a}=e.target,t=a,o=Math.round(n/t);if(_(o),o<=m){const e=Math.max(o-1,0),n=e+i-1;p(e),b(n)}else if(o>=S){const e=Math.min(o+1,l.length-1),n=e-i+1;b(e),p(n)}}},l.map(((n,l)=>e.createElement("img",{key:n+l,src:n,alt:"gallery item"})))),e.createElement("div",{className:$},d&&e.createElement(n.BsArrowLeftCircle,{className:U,onClick:()=>{const e=document.querySelector(`.${Z}`);e.scrollLeft-=e.clientWidth}}),e.createElement("div",{className:V,style:{transform:`translateX(calc(50% - ${g}px - ${c*i/2}px))`}},l.map(((n,l)=>e.createElement(r,{key:n+l,className:y(l),style:{width:c,height:c}})))),d&&e.createElement(n.BsArrowRightCircle,{className:U,onClick:()=>{const e=document.querySelector(`.${Z}`);e.scrollLeft+=e.clientWidth}})))};
|
|
1
|
+
"use strict";var e=require("react"),n=require("react-icons/bs"),l=require("react-icons/io5"),a=require("react-icons/ai"),t=require("react-icons/go");function o(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 r="BubbleMenu-module_menu-container__xrNNC",i="BubbleMenu-module_menu-button__I5R0w";o(".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 c={en:{menu:"menu",close:"close"},es:{menu:"menú",close:"cerrar"}};var d="CalendarDatePicker-module_calendar-date-picker__-G7aY",u="CalendarDatePicker-module_title__gUwdA",s="CalendarDatePicker-module_today-button__YgI7t",_="CalendarDatePicker-module_month-and-year__LHJ8I",m="CalendarDatePicker-module_month-input__sFUHA",p="CalendarDatePicker-module_week-days__j2XJ-";o('@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 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_title__gUwdA {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n font-size: 16px;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_title__gUwdA svg {\n margin: 0px 5px;\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 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: 18px;\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 b="InputBoxWithConfirmation-module_div-wrapper__DdQ1-",S="InputBoxWithConfirmation-module_focused__C6kd0",g="InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN",y="InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y";o(".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 f=({onConfirmAction:l,inputType:a="text",minimumValue:t="",maximumValue:o="",maxLength:r,placeholder:i="",divWrapperCustomStyle:c,inputBoxCustomStyle:d,defaultValue:u,overrideCurrentValue:s,showConfirmationButton:_,disabled:m})=>{const p=e.useRef(null),f=e.useRef(null),[h,C]=e.useState(void 0!==u?String(u):""),[x,v]=e.useState(void 0!==u?String(u):""),[w,k]=e.useState(!1),E=()=>{if(!x)return h;if("number"===a){let e=Number(x);return""!==t&&e<Number(t)?e=Number(t):""!==o&&e>Number(o)&&(e=Number(o)),String(e)}return x},D=()=>{const e=E();v(e),e&&(l(e),C(e))};return function(n,l,a=[]){e.useEffect((()=>{function e(e){n.current&&!n.current.contains(e.target)&&a.every((n=>n.current!==e.target))&&l()}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[n,l,a])}(f,(()=>{w&&(_?v(h):D(),k(!1))})),e.useEffect((()=>{void 0!==s?(v(String(s)),C(String(s))):null===s&&(v(""),C(""))}),[s]),e.createElement("div",{ref:f,style:c,className:`${b} ${w?S:""}`},e.createElement("input",{ref:p,disabled:m,className:g,type:a,style:Object.assign({width:`${((null==x?void 0:x.length)?x.length:0)+7}ch`},d),min:t,max:o,maxLength:r,placeholder:i,value:w?x:h,onChange:e=>{let n=e.target.value;r&&n.length>r&&(n=n.slice(0,r)),v(n)},onFocus:e=>{C(e.target.value),v(e.target.value),k(!0)},onBlur:()=>{_?v(h):D(),k(!1)},onKeyDown:e=>{"Enter"===e.key||"NumpadEnter"===e.key||"Tab"===e.key?(D(),k(!1),p.current&&p.current.blur()):"Escape"!==e.key&&"Esc"!==e.key||(v(h),k(!1),p.current&&p.current.blur())}}),!m&&_&&e.createElement(e.Fragment,null,w?e.createElement("button",{className:y,onClick:()=>{D(),k(!1)}},e.createElement(n.BsCheckLg,null)):e.createElement("button",{className:y,onClick:()=>{p.current&&p.current.focus()}},e.createElement(n.BsPencil,null))))};var h={"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 C(e){return 0===e.getDay()?6:e.getDay()-1}function x(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-C(new Date(a,t,1)));return Math.ceil(o/7)+1}function v(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()))}o('@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 w=(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)},k=({dates:n,month:l,year:a,mode:t,onSelectedDatesChange:o,onFocusedMonth:r,customDates:i=[],minimumDate:c=new Date(1970,0,1),maximumDate:d=new Date((new Date).getFullYear()+100,1,1)})=>{const[u,s]=e.useReducer(w,{month:l,year:a,minimumDate:c,maximumDate:d}),_=e.useRef(null),m=e=>!i.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&!n.selectable)),p=e=>{let n=h["day-cell"];return i.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.crossed))&&(n+=` ${h.crossed}`),n},b=e=>{let l=h.day;v(e)===v(new Date)&&(l+=` ${h.today}`),e.getMonth()===u.month?l+=` ${h["in-month"]}`:l+=` ${h["not-in-month"]}`;const a=n.some((n=>n.valueOf()===e.valueOf())),o=("range"===t||"booking"===t)&&2===n.length&&n[0].valueOf()<e.valueOf()&&e.valueOf()<n[1].valueOf();if((a||o)&&(l+=` ${h.selected}`),"booking"===t){2===n.length&&e.valueOf()===n[0].valueOf()&&(l+=` ${h["check-in"]}`);2===n.length&&e.valueOf()===n[1].valueOf()&&(l+=` ${h["check-out"]}`)}m(e)?l+=` ${h.selectable}`:l+=` ${h["not-selectable"]}`;return(e.valueOf()<c.valueOf()||e.valueOf()>d.valueOf())&&(l+=` ${h["out-of-selection"]}`),l},S=e=>{const n=i.find((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))));return n?{backgroundColor:n.color}:void 0};return e.useEffect((()=>{_.current&&(_.current.scrollTop=_.current.scrollHeight/5*2)}),[]),e.useEffect((()=>{r(u.month,u.year)}),[u.year,u.month,r]),e.createElement("section",{ref:_,className:h["calendar-scrollable-section"],onScroll:e=>{const n=e.target,l=n.scrollHeight/5,a=1.25*l,t=2.75*l;n.scrollTop<a&&s({type:"changeByMonthOffset",value:-1}),n.scrollTop>t&&s({type:"changeByMonthOffset",value:1})}},Array(5).fill(0).map(((l,a)=>{const r=a-2,s=new Date(u.year,u.month+r,1),_=0===new Date(u.year,u.month+r+1,0).getDay();let g=x(s);_||(g-=1);const y=C(s);return e.createElement("div",{className:h["days-grid"],key:`grid:${v(s)}}`},Array(g).fill(0).map(((l,a)=>e.createElement("div",{className:h["days-row"],key:`grid:${v(s)}-row:${a}`},Array(7).fill(0).map(((l,s)=>{const _=u.month+r,g=7*a+s+1-y,f=new Date(u.year,_,g);return e.createElement("div",{className:p(f),key:v(f),onClick:()=>(e=>{if(i.forEach((n=>{n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.clickSideEffect&&n.clickSideEffect(e)})),!m(e))return;if(e.valueOf()<c.valueOf()||e.valueOf()>d.valueOf())return;let l=[...n];"single"===t&&(l=[e]),"multiple"===t&&(l=n.some((n=>n.valueOf()===e.valueOf()))?n.filter((n=>n.valueOf()!==e.valueOf())):[...n,e]),"range"===t&&(l=0===n.length?[e]:1===n.length?n[0].valueOf()<e.valueOf()?[...n,e]:[e,n[0]]:[]),"booking"===t&&(l=0===n.length?[e]:n[0].valueOf()===e.valueOf()?[]:1===n.length?n[0].valueOf()<e.valueOf()?[...n,e]:[e,n[0]]:[]),o(l)})(f)},e.createElement("div",{className:h["cross-line"]}),e.createElement("div",{className:b(f)},e.createElement("div",{className:h.background},e.createElement("div",{className:h["first-half"],style:S(f)}),e.createElement("div",{className:h["second-half"],style:S(f)})),e.createElement("p",null,f.getDate())))}))))))})))},E={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"}},D=(e,n)=>{switch(e){case 0:return E[n].january;case 1:return E[n].february;case 2:return E[n].march;case 3:return E[n].april;case 4:return E[n].may;case 5:return E[n].june;case 6:return E[n].july;case 7:return E[n].august;case 8:return E[n].september;case 9:return E[n].october;case 10:return E[n].november;case 11:return E[n].december;default:return""}};var N="IntegerControl-module_integer-control__-tzTl",G="IntegerControl-module_default__FJoED";o(".IntegerControl-module_integer-control__-tzTl {\n display: flex;\n align-items: center;\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: 84px;\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}");var z="LabeledInput-module_labeled-input__xzE4h",W="LabeledInput-module_focused__id3UI",I="LabeledInput-module_error__8RLxl",F="LabeledInput-module_error-message__5-9lv";o(".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}");var O="ScreenSteps-module_screen-steps__AX-nZ",M="ScreenSteps-module_steps__AuZhk",Y="ScreenSteps-module_step__2kFuY",B="ScreenSteps-module_completed__WcgIV",j="ScreenSteps-module_current__WatnQ",A="ScreenSteps-module_outer-text__akI1y",T="ScreenSteps-module_frame__3J2mc",L="ScreenSteps-module_steps-content__-Yj-E",P="ScreenSteps-module_step-component__Lu3G5";o(".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}");var q="ScrollSnapGallery-module_scroll-snap-gallery__CR-GS",Z="ScrollSnapGallery-module_frame__267TC",$="ScrollSnapGallery-module_arrow-controls__yw2Zl",R="ScrollSnapGallery-module_arrow__1ueyq",U="ScrollSnapGallery-module_position-indicator__3Y7Mh",H="ScrollSnapGallery-module_indicator-icon__YrYF2",V="ScrollSnapGallery-module_current__ckZrA",X="ScrollSnapGallery-module_medium-shrunken__DuED2",J="ScrollSnapGallery-module_full-shrunken__VSbF7",Q="ScrollSnapGallery-module_hidden__c0w-O";o(".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}");exports.BubbleMenu=({options:a,language:t="en"})=>{const[o,d]=e.useState(null);return e.createElement(e.Fragment,null,e.createElement("button",{className:i,onClick:()=>d(!o)},o?e.createElement(n.BsX,null):e.createElement(l.IoMenu,null),e.createElement("p",null,o?c[t].close:c[t].menu)),e.createElement("section",{className:r,"data-status":!0===o?"visible":!1===o?"hidden":"idle",onClick:()=>d(!1)},e.createElement("ul",null,a.filter((e=>e.visible)).map(((n,l)=>e.createElement("li",{key:n.text,style:{transitionDelay:100*l+"ms"}},e.createElement("button",{onClick:()=>setTimeout(n.optionCallback,300+100*a.length)},n.icon,n.text)))))))},exports.CalendarDatePicker=({mode:l,onSelectedDatesChange:a=(()=>{}),language:t="en",customDates:o=[],title:r,minimumDate:i=new Date(1970,0,1),maximumDate:c=new Date((new Date).getFullYear()+100,1,1),customStyle:b})=>{const[S,g]=e.useState([]),[y,h]=e.useState((new Date).getFullYear()),[C,x]=e.useState((new Date).getMonth()),[v,w]=e.useState(Math.random()),N=e=>{const n=new Date(i.getFullYear(),i.getMonth(),1),l=new Date(c.getFullYear(),c.getMonth()+1,0),a=e.valueOf()>=n.valueOf(),t=e.valueOf()<=l.valueOf();return a&&t};return e.createElement("div",{className:d,style:b},e.createElement("section",{className:u},e.createElement(n.BsFillCalendar3WeekFill,null),r,e.createElement("button",{className:s,onClick:()=>{const e=new Date;N(e)&&(x(e.getMonth()),h(e.getFullYear()),w(Math.random()))}},E[t].today.slice(0,1).toUpperCase()+E[t].today.slice(1))),e.createElement("section",{className:_},e.createElement("select",{style:{fontFamily:null==b?void 0:b.fontFamily},className:m,value:C,onChange:e=>{const n=Number(e.target.value);x(n),w(Math.random())}},Array(12).fill(0).map(((n,l)=>{const a=new Date(y,l,1),o=!N(a);return e.createElement("option",{key:D(l,t),value:l,disabled:o},D(l,t))}))),e.createElement(f,{inputType:"number",divWrapperCustomStyle:{width:"4ch",border:"none",backgroundColor:"transparent",fontFamily:null==b?void 0:b.fontFamily},inputBoxCustomStyle:{padding:0,fontFamily:null==b?void 0:b.fontFamily},maxLength:4,defaultValue:y.toString(),overrideCurrentValue:y.toString(),minimumValue:i.getFullYear().toString(),maximumValue:c.getFullYear().toString(),onConfirmAction:e=>{let n=Number(e);const l=new Date(n,C,1);N(l)?(h(n),w(Math.random())):l.valueOf()<i.valueOf()?(h(i.getFullYear()),x(i.getMonth()),w(Math.random())):l.valueOf()>c.valueOf()&&(h(c.getFullYear()),x(c.getMonth()),w(Math.random()))}})),e.createElement("section",{className:p},e.createElement("p",null,E[t].monday.slice(0,1).toUpperCase()),e.createElement("p",null,E[t].tuesday.slice(0,1).toUpperCase()),e.createElement("p",null,E[t].wednesday.slice(0,1).toUpperCase()),e.createElement("p",null,E[t].thursday.slice(0,1).toUpperCase()),e.createElement("p",null,E[t].friday.slice(0,1).toUpperCase()),e.createElement("p",null,E[t].saturday.slice(0,1).toUpperCase()),e.createElement("p",null,E[t].sunday.slice(0,1).toUpperCase())),e.createElement(k,{key:v,dates:S,year:y,month:C,mode:l,onSelectedDatesChange:e=>{a(e),g(e)},onFocusedMonth:(e,n)=>{x(e),h(n)},customDates:o,minimumDate:i,maximumDate:c}))},exports.InputBoxWithConfirmation=f,exports.IntegerControl=({onChange:n=(()=>{}),defaultValue:l=0,minimumValue:t,maximumValue:o,customStyle:r})=>{const[i,c]=e.useState(l);return e.createElement("div",{className:`${N} ${i===l?G:""}`,style:r},e.createElement("button",{onClick:()=>{c(i-1),n(i-1)}},e.createElement(a.AiFillMinusCircle,null)),e.createElement("input",{onChange:e=>{const l=Number(e.target.value);c(l),n(l)},value:i,type:"number",defaultValue:String(l),min:String(t),max:String(o),style:{width:i.toString().length+1+"ch"}}),e.createElement("button",{onClick:()=>{c(i+1),n(i+1)}},e.createElement(a.AiFillPlusCircle,null)))},exports.LabeledInput=({label:n,defaultValue:l,onChange:a=(()=>{}),width:t="328px",height:o="66px",backgroundColor:r="white",textAlign:i="left",highlightError:c=!1,errorMessage:d,inputProps:u})=>{const s=e.useRef(null),[_,m]=e.useState(!!l);return e.createElement("div",{className:z+(c?` ${I}`:""),onClick:()=>{s.current&&s.current.focus()},style:{width:t,height:o,backgroundColor:r}},e.createElement("label",{className:_?W:""},n),e.createElement("input",Object.assign({ref:s},u,{onFocus:()=>m(!0),onBlur:e=>{e.target.value||m(!1)},defaultValue:l,onChange:e=>a(e.target.value),style:{textAlign:i}})),c&&d&&e.createElement("p",{className:F},d))},exports.ScreenSteps=({steps:n,defaultStep:l=0,onStepChange:a=(()=>{}),overrideStep:t})=>{const[o,r]=e.useState(l),i=e=>{let n=Y;e<o&&(n+=` ${B}`);return e===o&&(n+=` ${j}`),n};return e.useEffect((()=>{void 0!==t&&t<n.length&&t>=0&&r(t)}),[t]),e.createElement("section",{className:O},e.createElement("nav",{className:M},n.map(((n,l)=>e.createElement("div",{key:n.innerText,className:i(l),onClick:()=>{r(l),a(l)}},n.innerText)))),e.createElement("p",{className:A},n[o].outterText),e.createElement("div",{className:T},e.createElement("div",{className:L,style:(()=>{const e=100/n.length;return{width:100*n.length+"%",transform:`translateX(-${e*o}%)`}})()},n.map((l=>e.createElement("div",{key:l.innerText,className:P,style:{width:100/n.length+"%"}},l.component))))))},exports.ScrollSnapGallery=({urls:l=[],width:a="400px",height:o="300px",IndicatorIcon:r=t.GoDotFill,positionIndicatorSize:i=Math.min(l.length,6),iconSize:c=16,showArrows:d=!1,frameStyle:u={}})=>{const[s,_]=e.useState(0),[m,p]=e.useState(0),[b,S]=e.useState(i-1),[g,y]=e.useState(0),f=e=>{let n=H;s===e&&(n+=` ${V}`);const a=0!==m&&e===m,t=b!==l.length-1&&e===b;(a||t)&&(n+=` ${J}`);const o=0!==m&&e===m+1,r=b!==l.length-1&&e===b-1;return(o||r)&&(n+=` ${X}`),(e<m||e>b)&&(n+=` ${Q}`),n};return e.useEffect((()=>{y(m*c)}),[m]),e.createElement("section",{className:q},e.createElement("div",{className:Z,style:Object.assign(Object.assign({},u),{width:a,height:o}),onScroll:e=>{const{scrollLeft:n,clientWidth:a}=e.target,t=a,o=Math.round(n/t);if(_(o),o<=m){const e=Math.max(o-1,0),n=e+i-1;p(e),S(n)}else if(o>=b){const e=Math.min(o+1,l.length-1),n=e-i+1;S(e),p(n)}}},l.map(((n,l)=>e.createElement("img",{key:n+l,src:n,alt:"gallery item"})))),e.createElement("div",{className:$},d&&e.createElement(n.BsArrowLeftCircle,{className:R,onClick:()=>{const e=document.querySelector(`.${Z}`);e.scrollLeft-=e.clientWidth}}),e.createElement("div",{className:U,style:{transform:`translateX(calc(50% - ${g}px - ${c*i/2}px))`}},l.map(((n,l)=>e.createElement(r,{key:n+l,className:f(l),style:{width:c,height:c}})))),d&&e.createElement(n.BsArrowRightCircle,{className:R,onClick:()=>{const e=document.querySelector(`.${Z}`);e.scrollLeft+=e.clientWidth}})))};
|
package/dist/esm/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{useState as n,Fragment as l,useEffect as a,useRef as t,useReducer as o}from"react";import{BsX as r,BsCheckLg as i,BsPencil as c,BsFillCalendar3WeekFill as d,BsArrowLeftCircle as s,BsArrowRightCircle as u}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 top: 0px;\n padding-top: 80px;\n box-sizing: border-box;\n width: 100vw;\n height: 100vh;\n transition: background-color 300ms ease-in-out;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=visible] {\n background-color: rgba(0, 0, 0, 0.3);\n z-index: 1;\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 background-color: transparent;\n z-index: -1;\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 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: 2;\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}");const h={en:{menu:"menu",close:"close"},es:{menu:"menú",close:"cerrar"}},f=({options:a,language:t="en"})=>{const[o,i]=n(!1);return e.createElement(l,null,e.createElement("button",{className:y,onClick:()=>i(!o)},o?e.createElement(r,null):e.createElement(_,null),e.createElement("p",null,o?h[t].close:h[t].menu)),e.createElement("section",{className:g,"data-status":o?"visible":"hidden",onClick:()=>i(!1)},e.createElement("ul",null,a.filter((e=>e.visible)).map(((n,l)=>e.createElement("li",{key:n.text,style:{transitionDelay:100*l+"ms"}},e.createElement("button",{onClick:()=>setTimeout(n.optionCallback,300+100*a.length)},n.icon,n.text)))))))};var C="CalendarDatePicker-module_calendar-date-picker__-G7aY",x="CalendarDatePicker-module_title__gUwdA",v="CalendarDatePicker-module_today-button__YgI7t",w="CalendarDatePicker-module_month-and-year__LHJ8I",k="CalendarDatePicker-module_month-input__sFUHA",D="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 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}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_title__gUwdA {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n font-size: 16px;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_title__gUwdA svg {\n margin: 0px 5px;\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 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: 18px;\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",z="InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN",G="InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y";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:d="",maximumValue:s="",maxLength:u,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,D]=n(!1),W=()=>{if(!v)return C;if("number"===r){let e=Number(v);return""!==d&&e<Number(d)?e=Number(d):""!==s&&e>Number(s)&&(e=Number(s)),String(e)}return v},I=()=>{w(W()),W()&&(o(W()),x(W()))};return function(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])}(f,(()=>{k&&(g?w(C):I(),D(!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:z,type:r,style:Object.assign({width:`${((null==v?void 0:v.length)?v.length:0)+7}ch`},p),min:d,max:s,maxLength:u,placeholder:_,value:k?v:C,onChange:e=>{let n=e.target.value;u&&n.length>u&&(n=n.slice(0,u)),w(n)},onFocus:e=>{x(e.target.value),w(e.target.value),D(!0)},onKeyDown:e=>{"Enter"===e.key||"Tab"===e.key?(I(),D(!1),h.current&&h.current.blur()):"Escape"===e.key&&(w(C),D(!1),h.current&&h.current.blur())}}),!y&&g&&e.createElement(l,null,k?e.createElement("button",{className:G,onClick:()=>{I(),D(!1)}},e.createElement(i,null)):e.createElement("button",{className:G,onClick:()=>{h.current&&h.current.focus()}},e.createElement(c,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 Y(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}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,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}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 j=(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:s=[],minimumDate:u=new Date(1970,0,1),maximumDate:_=new Date((new Date).getFullYear()+100,1,1)})=>{const[m,p]=o(j,{month:l,year:r,minimumDate:u,maximumDate:_}),b=t(null),S=t(null),g=t(null),y=t(null),h=t(null),f=M(S,{rootMargin:"0px",threshold:1}),C=M(g,{rootMargin:"0px",threshold:1}),x=M(y,{rootMargin:"0px",threshold:1}),v=M(h,{rootMargin:"0px",threshold:1}),w=e=>!s.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&!n.selectable)),k=e=>{let n=I["day-cell"];return s.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.crossed))&&(n+=` ${I.crossed}`),n},D=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"]}`)}w(e)?l+=` ${I.selectable}`:l+=` ${I["not-selectable"]}`;return(e.valueOf()<u.valueOf()||e.valueOf()>_.valueOf())&&(l+=` ${I["out-of-selection"]}`),l},E=e=>{const n=s.find((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))));return n?{backgroundColor:n.color}:void 0};return a((()=>{b.current&&(b.current.scrollTop=416)}),[]),a((()=>{d(m.month,m.year)}),[m.year,m.month,d]),a((()=>{(C||f)&&p({type:"changeByMonthOffset",value:-1})}),[f,C]),a((()=>{(x||v)&&p({type:"changeByMonthOffset",value:1})}),[x,v]),e.createElement("section",{ref:b,className:I["calendar-scrollable-section"]},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=Y(o);r||(d-=1);const p=O(o);return e.createElement("div",{ref:[S,g,null,y,h][a],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=7*a+o+1-p,b=new Date(m.year,r,d);return e.createElement("div",{className:k(b),key:F(b),onClick:()=>(e=>{if(s.forEach((n=>{n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.clickSideEffect&&n.clickSideEffect(e)})),!w(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]]:[]),c(l)})(b)},e.createElement("div",{className:I["cross-line"]}),e.createElement("div",{className:D(b)},e.createElement("div",{className:I.background},e.createElement("div",{className:I["first-half"],style:E(b)}),e.createElement("div",{className:I["second-half"],style:E(b)})),e.createElement("p",null,b.getDate())))}))))))})))},T={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"}},A=(e,n)=>{switch(e){case 0:return T[n].january;case 1:return T[n].february;case 2:return T[n].march;case 3:return T[n].april;case 4:return T[n].may;case 5:return T[n].june;case 6:return T[n].july;case 7:return T[n].august;case 8:return T[n].september;case 9:return T[n].october;case 10:return T[n].november;case 11:return T[n].december;default:return""}},L=({mode:l,onSelectedDatesChange:a=(()=>{}),language:t="en",customDates:o=[],title:r,minimumDate:i=new Date(1970,0,1),maximumDate:c=new Date((new Date).getFullYear()+100,1,1),customStyle:s})=>{const[u,_]=n([]),[m,p]=n((new Date).getFullYear()),[b,S]=n((new Date).getMonth()),[g,y]=n(Math.random()),h=e=>{const n=new Date(i.getFullYear(),i.getMonth(),1),l=new Date(c.getFullYear(),c.getMonth()+1,0),a=e.valueOf()>=n.valueOf(),t=e.valueOf()<=l.valueOf();return a&&t};return e.createElement("div",{className:C,style:s},e.createElement("section",{className:x},e.createElement(d,null),r,e.createElement("button",{className:v,onClick:()=>{const e=new Date;h(e)&&(S(e.getMonth()),p(e.getFullYear()),y(Math.random()))}},T[t].today.slice(0,1).toUpperCase()+T[t].today.slice(1))),e.createElement("section",{className:w},e.createElement("select",{style:{fontFamily:null==s?void 0:s.fontFamily},className:k,value:b,onChange:e=>{const n=Number(e.target.value);S(n),y(Math.random())}},Array(12).fill(0).map(((n,l)=>{const a=new Date(m,l,1),o=!h(a);return e.createElement("option",{key:A(l,t),value:l,disabled:o},A(l,t))}))),e.createElement(W,{inputType:"number",divWrapperCustomStyle:{width:"4ch",border:"none",backgroundColor:"transparent",fontFamily:null==s?void 0:s.fontFamily},inputBoxCustomStyle:{padding:0,fontFamily:null==s?void 0:s.fontFamily},maxLength:4,defaultValue:m.toString(),overrideCurrentValue:m.toString(),minimumValue:i.getFullYear().toString(),maximumValue:c.getFullYear().toString(),onConfirmAction:e=>{let n=Number(e);const l=new Date(n,b,1);h(l)?(p(n),y(Math.random())):l.valueOf()<i.valueOf()?(p(i.getFullYear()),S(i.getMonth()),y(Math.random())):l.valueOf()>c.valueOf()&&(p(c.getFullYear()),S(c.getMonth()),y(Math.random()))}})),e.createElement("section",{className:D},e.createElement("p",null,T[t].monday.slice(0,1).toUpperCase()),e.createElement("p",null,T[t].tuesday.slice(0,1).toUpperCase()),e.createElement("p",null,T[t].wednesday.slice(0,1).toUpperCase()),e.createElement("p",null,T[t].thursday.slice(0,1).toUpperCase()),e.createElement("p",null,T[t].friday.slice(0,1).toUpperCase()),e.createElement("p",null,T[t].saturday.slice(0,1).toUpperCase()),e.createElement("p",null,T[t].sunday.slice(0,1).toUpperCase())),e.createElement(B,{key:g,dates:u,year:m,month:b,mode:l,onSelectedDatesChange:e=>{a(e),_(e)},onFocusedMonth:(e,n)=>{S(e),p(n)},customDates:o,minimumDate:i,maximumDate:c}))};var P="IntegerControl-module_integer-control__-tzTl",q="IntegerControl-module_default__FJoED";S(".IntegerControl-module_integer-control__-tzTl {\n display: flex;\n align-items: center;\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: 84px;\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 Z=({onChange:l=(()=>{}),defaultValue:a=0,minimumValue:t,maximumValue:o,customStyle:r})=>{const[i,c]=n(a);return e.createElement("div",{className:`${P} ${i===a?q:""}`,style:r},e.createElement("button",{onClick:()=>{c(i-1),l(i-1)}},e.createElement(m,null)),e.createElement("input",{onChange:e=>{const n=Number(e.target.value);c(n),l(n)},value:i,type:"number",defaultValue:String(a),min:String(t),max:String(o),style:{width:i.toString().length+1+"ch"}}),e.createElement("button",{onClick:()=>{c(i+1),l(i+1)}},e.createElement(p,null)))};var $="LabeledInput-module_labeled-input__xzE4h",U="LabeledInput-module_focused__id3UI",R="LabeledInput-module_error__8RLxl",V="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:s=!1,errorMessage:u,inputProps:_})=>{const m=t(null),[p,b]=n(!!a);return e.createElement("div",{className:$+(s?` ${R}`:""),onClick:()=>{m.current&&m.current.focus()},style:{width:r,height:i,backgroundColor:c}},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:a,onChange:e=>o(e.target.value),style:{textAlign:d}})),s&&u&&e.createElement("p",{className:V},u))};var X="ScreenSteps-module_screen-steps__AX-nZ",J="ScreenSteps-module_steps__AuZhk",Q="ScreenSteps-module_step__2kFuY",K="ScreenSteps-module_completed__WcgIV",ee="ScreenSteps-module_current__WatnQ",ne="ScreenSteps-module_outer-text__akI1y",le="ScreenSteps-module_frame__3J2mc",ae="ScreenSteps-module_steps-content__-Yj-E",te="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 oe=({steps:l,defaultStep:t=0,onStepChange:o=(()=>{}),overrideStep:r})=>{const[i,c]=n(t),d=e=>{let n=Q;e<i&&(n+=` ${K}`);return e===i&&(n+=` ${ee}`),n};return a((()=>{void 0!==r&&r<l.length&&r>=0&&c(r)}),[r]),e.createElement("section",{className:X},e.createElement("nav",{className:J},l.map(((n,l)=>e.createElement("div",{key:n.innerText,className:d(l),onClick:()=>{c(l),o(l)}},n.innerText)))),e.createElement("p",{className:ne},l[i].outterText),e.createElement("div",{className:le},e.createElement("div",{className:ae,style:(()=>{const e=100/l.length;return{width:100*l.length+"%",transform:`translateX(-${e*i}%)`}})()},l.map((n=>e.createElement("div",{key:n.innerText,className:te,style:{width:100/l.length+"%"}},n.component))))))};var re="ScrollSnapGallery-module_scroll-snap-gallery__CR-GS",ie="ScrollSnapGallery-module_frame__267TC",ce="ScrollSnapGallery-module_arrow-controls__yw2Zl",de="ScrollSnapGallery-module_arrow__1ueyq",se="ScrollSnapGallery-module_position-indicator__3Y7Mh",ue="ScrollSnapGallery-module_indicator-icon__YrYF2",_e="ScrollSnapGallery-module_current__ckZrA",me="ScrollSnapGallery-module_medium-shrunken__DuED2",pe="ScrollSnapGallery-module_full-shrunken__VSbF7",be="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 Se=({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+=` ${_e}`);const a=0!==S&&e===S,t=y!==l.length-1&&e===y;(a||t)&&(n+=` ${pe}`);const o=0!==S&&e===S+1,r=y!==l.length-1&&e===y-1;return(o||r)&&(n+=` ${me}`),(e<S||e>y)&&(n+=` ${be}`),n};return a((()=>{C(S*c)}),[S]),e.createElement("section",{className:re},e.createElement("div",{className:ie,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:ce},d&&e.createElement(s,{className:de,onClick:()=>{const e=document.querySelector(`.${ie}`);e.scrollLeft-=e.clientWidth}}),e.createElement("div",{className:se,style:{transform:`translateX(calc(50% - ${f}px - ${c*i/2}px))`}},l.map(((n,l)=>e.createElement(r,{key:n+l,className:x(l),style:{width:c,height:c}})))),d&&e.createElement(u,{className:de,onClick:()=>{const e=document.querySelector(`.${ie}`);e.scrollLeft+=e.clientWidth}})))};export{f as BubbleMenu,L as CalendarDatePicker,W as InputBoxWithConfirmation,Z as IntegerControl,H as LabeledInput,oe as ScreenSteps,Se as ScrollSnapGallery};
|
|
1
|
+
import e,{useState as n,Fragment as l,useEffect as a,useRef as t,useReducer as o}from"react";import{BsX as r,BsCheckLg as i,BsPencil as c,BsFillCalendar3WeekFill 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,i]=n(null);return e.createElement(l,null,e.createElement("button",{className:y,onClick:()=>i(!o)},o?e.createElement(r,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:()=>i(!1)},e.createElement("ul",null,a.filter((e=>e.visible)).map(((n,l)=>e.createElement("li",{key:n.text,style:{transitionDelay:100*l+"ms"}},e.createElement("button",{onClick:()=>setTimeout(n.optionCallback,300+100*a.length)},n.icon,n.text)))))))};var C="CalendarDatePicker-module_calendar-date-picker__-G7aY",x="CalendarDatePicker-module_title__gUwdA",v="CalendarDatePicker-module_today-button__YgI7t",w="CalendarDatePicker-module_month-and-year__LHJ8I",k="CalendarDatePicker-module_month-input__sFUHA",E="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 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_title__gUwdA {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n font-size: 16px;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_title__gUwdA svg {\n margin: 0px 5px;\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 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: 18px;\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-",D="InputBoxWithConfirmation-module_focused__C6kd0",z="InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN",G="InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y";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:d="",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,E]=n(!1),W=()=>{if(!v)return C;if("number"===r){let e=Number(v);return""!==d&&e<Number(d)?e=Number(d):""!==u&&e>Number(u)&&(e=Number(u)),String(e)}return v},I=()=>{const e=W();w(e),e&&(o(e),x(e))};return function(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])}(f,(()=>{k&&(g?w(C):I(),E(!1))})),a((()=>{void 0!==S?(w(String(S)),x(String(S))):null===S&&(w(""),x(""))}),[S]),e.createElement("div",{ref:f,style:m,className:`${N} ${k?D:""}`},e.createElement("input",{ref:h,disabled:y,className:z,type:r,style:Object.assign({width:`${((null==v?void 0:v.length)?v.length:0)+7}ch`},p),min:d,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),E(!0)},onBlur:()=>{g?w(C):I(),E(!1)},onKeyDown:e=>{"Enter"===e.key||"NumpadEnter"===e.key||"Tab"===e.key?(I(),E(!1),h.current&&h.current.blur()):"Escape"!==e.key&&"Esc"!==e.key||(w(C),E(!1),h.current&&h.current.blur())}}),!y&&g&&e.createElement(l,null,k?e.createElement("button",{className:G,onClick:()=>{I(),E(!1)}},e.createElement(i,null)):e.createElement("button",{className:G,onClick:()=>{h.current&&h.current.focus()}},e.createElement(c,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 Y(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}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()))}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 M=(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(M,{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/5*2)}),[]),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.25*l,t=2.75*l;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=Y(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=7*a+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""}},A=({mode:l,onSelectedDatesChange:a=(()=>{}),language:t="en",customDates:o=[],title:r,minimumDate:i=new Date(1970,0,1),maximumDate:c=new Date((new Date).getFullYear()+100,1,1),customStyle:u})=>{const[s,_]=n([]),[m,p]=n((new Date).getFullYear()),[b,S]=n((new Date).getMonth()),[g,y]=n(Math.random()),h=e=>{const n=new Date(i.getFullYear(),i.getMonth(),1),l=new Date(c.getFullYear(),c.getMonth()+1,0),a=e.valueOf()>=n.valueOf(),t=e.valueOf()<=l.valueOf();return a&&t};return e.createElement("div",{className:C,style:u},e.createElement("section",{className:x},e.createElement(d,null),r,e.createElement("button",{className:v,onClick:()=>{const e=new Date;h(e)&&(S(e.getMonth()),p(e.getFullYear()),y(Math.random()))}},j[t].today.slice(0,1).toUpperCase()+j[t].today.slice(1))),e.createElement("section",{className:w},e.createElement("select",{style:{fontFamily:null==u?void 0:u.fontFamily},className:k,value:b,onChange:e=>{const n=Number(e.target.value);S(n),y(Math.random())}},Array(12).fill(0).map(((n,l)=>{const a=new Date(m,l,1),o=!h(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==u?void 0:u.fontFamily},inputBoxCustomStyle:{padding:0,fontFamily:null==u?void 0:u.fontFamily},maxLength:4,defaultValue:m.toString(),overrideCurrentValue:m.toString(),minimumValue:i.getFullYear().toString(),maximumValue:c.getFullYear().toString(),onConfirmAction:e=>{let n=Number(e);const l=new Date(n,b,1);h(l)?(p(n),y(Math.random())):l.valueOf()<i.valueOf()?(p(i.getFullYear()),S(i.getMonth()),y(Math.random())):l.valueOf()>c.valueOf()&&(p(c.getFullYear()),S(c.getMonth()),y(Math.random()))}})),e.createElement("section",{className:E},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:g,dates:s,year:m,month:b,mode:l,onSelectedDatesChange:e=>{a(e),_(e)},onFocusedMonth:(e,n)=>{S(e),p(n)},customDates:o,minimumDate:i,maximumDate:c}))};var L="IntegerControl-module_integer-control__-tzTl",P="IntegerControl-module_default__FJoED";S(".IntegerControl-module_integer-control__-tzTl {\n display: flex;\n align-items: center;\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: 84px;\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:a=0,minimumValue:t,maximumValue:o,customStyle:r})=>{const[i,c]=n(a);return e.createElement("div",{className:`${L} ${i===a?P:""}`,style:r},e.createElement("button",{onClick:()=>{c(i-1),l(i-1)}},e.createElement(m,null)),e.createElement("input",{onChange:e=>{const n=Number(e.target.value);c(n),l(n)},value:i,type:"number",defaultValue:String(a),min:String(t),max:String(o),style:{width:i.toString().length+1+"ch"}}),e.createElement("button",{onClick:()=>{c(i+1),l(i+1)}},e.createElement(p,null)))};var Z="LabeledInput-module_labeled-input__xzE4h",$="LabeledInput-module_focused__id3UI",U="LabeledInput-module_error__8RLxl",R="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?` ${U}`:""),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:R},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:100*l.length+"%",transform:`translateX(-${e*i}%)`}})()},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(S*c)}),[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 - ${c*i/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}})))};export{f as BubbleMenu,A as CalendarDatePicker,W as InputBoxWithConfirmation,q as IntegerControl,H as LabeledInput,te as ScreenSteps,be as ScrollSnapGallery};
|
package/package.json
CHANGED
|
@@ -1,123 +1,113 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "josenanodev-react-components-library",
|
|
3
|
-
"version": "1.0.
|
|
4
|
-
"author": {
|
|
5
|
-
"name": "Jose Carlos Cardenas Martinez"
|
|
6
|
-
},
|
|
7
|
-
"description": "Libreria de componentes React personales",
|
|
8
|
-
"license": "MIT",
|
|
9
|
-
"main": "dist/cjs/index.js",
|
|
10
|
-
"module": "dist/esm/index.js",
|
|
11
|
-
"files": [
|
|
12
|
-
"dist"
|
|
13
|
-
],
|
|
14
|
-
"types": "dist/index.d.ts",
|
|
15
|
-
"repository": {
|
|
16
|
-
"type": "git",
|
|
17
|
-
"url": "git+https://github.com/Josenanodev/josenanodev-react-components-library.git"
|
|
18
|
-
},
|
|
19
|
-
"devDependencies": {
|
|
20
|
-
"@babel/core": "^7.22.9",
|
|
21
|
-
"@babel/preset-typescript": "^7.22.5",
|
|
22
|
-
"@babel/runtime": "^7.22.6",
|
|
23
|
-
"@rollup/plugin-commonjs": "^25.0.3",
|
|
24
|
-
"@rollup/plugin-node-resolve": "^15.1.0",
|
|
25
|
-
"@rollup/plugin-terser": "^0.4.3",
|
|
26
|
-
"@rollup/plugin-typescript": "^11.1.2",
|
|
27
|
-
"@storybook/addon-essentials": "^7.
|
|
28
|
-
"@storybook/addon-interactions": "^7.
|
|
29
|
-
"@storybook/addon-links": "^7.
|
|
30
|
-
"@storybook/addon-mdx-gfm": "^7.
|
|
31
|
-
"@storybook/addon-styling": "^1.3.5",
|
|
32
|
-
"@storybook/blocks": "^7.
|
|
33
|
-
"@storybook/react": "^7.
|
|
34
|
-
"@storybook/react-webpack5": "^7.
|
|
35
|
-
"@storybook/testing-library": "^0.2.0",
|
|
36
|
-
"@testing-library/jest-dom": "^5.17.0",
|
|
37
|
-
"@testing-library/react": "^14.0.0",
|
|
38
|
-
"@testing-library/user-event": "^14.4.3",
|
|
39
|
-
"@types/jest": "^29.5.3",
|
|
40
|
-
"@types/lodash": "^4.14.
|
|
41
|
-
"@types/node": "^20.4.
|
|
42
|
-
"@types/react": "^18.2.
|
|
43
|
-
"@types/react-dom": "^18.2.7",
|
|
44
|
-
"@types/react-test-renderer": "^18.0.0",
|
|
45
|
-
"babel-cli": "^6.26.0",
|
|
46
|
-
"babel-loader": "^9.1.3",
|
|
47
|
-
"chromatic": "^6.
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"prop-types": "^15.8.1",
|
|
51
|
-
"
|
|
52
|
-
"react": "^18.2.0",
|
|
53
|
-
"react-
|
|
54
|
-
"react-
|
|
55
|
-
"
|
|
56
|
-
"rollup": "^3.
|
|
57
|
-
"rollup-plugin-
|
|
58
|
-
"rollup-plugin-
|
|
59
|
-
"
|
|
60
|
-
"
|
|
61
|
-
"
|
|
62
|
-
"
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
"react": "^18.2.0",
|
|
67
|
-
"react-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
"
|
|
72
|
-
"
|
|
73
|
-
"
|
|
74
|
-
"
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
"
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
"
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
"
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
"
|
|
101
|
-
"
|
|
102
|
-
|
|
103
|
-
},
|
|
104
|
-
"
|
|
105
|
-
"
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
"bugs": {
|
|
115
|
-
"url": "https://github.com/Josenanodev/josenanodev-react-components-library/issues"
|
|
116
|
-
},
|
|
117
|
-
"readme": "ERROR: No README data found!",
|
|
118
|
-
"homepage": "https://github.com/Josenanodev/josenanodev-react-components-library#readme",
|
|
119
|
-
"_id": "josenanodev-react-components-library@0.0.13",
|
|
120
|
-
"dependencies": {
|
|
121
|
-
"xlsx-js-style": "^1.2.0"
|
|
122
|
-
}
|
|
123
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "josenanodev-react-components-library",
|
|
3
|
+
"version": "1.0.7",
|
|
4
|
+
"author": {
|
|
5
|
+
"name": "Jose Carlos Cardenas Martinez"
|
|
6
|
+
},
|
|
7
|
+
"description": "Libreria de componentes React personales",
|
|
8
|
+
"license": "MIT",
|
|
9
|
+
"main": "dist/cjs/index.js",
|
|
10
|
+
"module": "dist/esm/index.js",
|
|
11
|
+
"files": [
|
|
12
|
+
"dist"
|
|
13
|
+
],
|
|
14
|
+
"types": "dist/index.d.ts",
|
|
15
|
+
"repository": {
|
|
16
|
+
"type": "git",
|
|
17
|
+
"url": "git+https://github.com/Josenanodev/josenanodev-react-components-library.git"
|
|
18
|
+
},
|
|
19
|
+
"devDependencies": {
|
|
20
|
+
"@babel/core": "^7.22.9",
|
|
21
|
+
"@babel/preset-typescript": "^7.22.5",
|
|
22
|
+
"@babel/runtime": "^7.22.6",
|
|
23
|
+
"@rollup/plugin-commonjs": "^25.0.3",
|
|
24
|
+
"@rollup/plugin-node-resolve": "^15.1.0",
|
|
25
|
+
"@rollup/plugin-terser": "^0.4.3",
|
|
26
|
+
"@rollup/plugin-typescript": "^11.1.2",
|
|
27
|
+
"@storybook/addon-essentials": "^7.2.0",
|
|
28
|
+
"@storybook/addon-interactions": "^7.2.0",
|
|
29
|
+
"@storybook/addon-links": "^7.2.0",
|
|
30
|
+
"@storybook/addon-mdx-gfm": "^7.2.0",
|
|
31
|
+
"@storybook/addon-styling": "^1.3.5",
|
|
32
|
+
"@storybook/blocks": "^7.2.0",
|
|
33
|
+
"@storybook/react": "^7.2.0",
|
|
34
|
+
"@storybook/react-webpack5": "^7.2.0",
|
|
35
|
+
"@storybook/testing-library": "^0.2.0",
|
|
36
|
+
"@testing-library/jest-dom": "^5.17.0",
|
|
37
|
+
"@testing-library/react": "^14.0.0",
|
|
38
|
+
"@testing-library/user-event": "^14.4.3",
|
|
39
|
+
"@types/jest": "^29.5.3",
|
|
40
|
+
"@types/lodash": "^4.14.196",
|
|
41
|
+
"@types/node": "^20.4.5",
|
|
42
|
+
"@types/react": "^18.2.18",
|
|
43
|
+
"@types/react-dom": "^18.2.7",
|
|
44
|
+
"@types/react-test-renderer": "^18.0.0",
|
|
45
|
+
"babel-cli": "^6.26.0",
|
|
46
|
+
"babel-loader": "^9.1.3",
|
|
47
|
+
"chromatic": "^6.20.0",
|
|
48
|
+
"eslint-plugin-storybook": "^0.6.13",
|
|
49
|
+
"postcss": "^8.4.27",
|
|
50
|
+
"prop-types": "^15.8.1",
|
|
51
|
+
"react": "^18.2.0",
|
|
52
|
+
"react-dom": "^18.2.0",
|
|
53
|
+
"react-icons": "^4.10.1",
|
|
54
|
+
"react-scripts": "5.0.1",
|
|
55
|
+
"rollup": "^3.27.0",
|
|
56
|
+
"rollup-plugin-dts": "^5.3.1",
|
|
57
|
+
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
58
|
+
"rollup-plugin-postcss": "^4.0.2",
|
|
59
|
+
"sass": "^1.64.2",
|
|
60
|
+
"storybook": "^7.2.0",
|
|
61
|
+
"tslib": "^2.6.1",
|
|
62
|
+
"typescript": "^5.1.6"
|
|
63
|
+
},
|
|
64
|
+
"peerDependencies": {
|
|
65
|
+
"react": "^18.2.0",
|
|
66
|
+
"react-dom": "^18.2.0",
|
|
67
|
+
"react-icons": "^4.7.1"
|
|
68
|
+
},
|
|
69
|
+
"scripts": {
|
|
70
|
+
"rollup-build-lib": "rollup -c",
|
|
71
|
+
"test": "jest --coverage",
|
|
72
|
+
"tsc": "tsc",
|
|
73
|
+
"storybook": "storybook dev -p 6006",
|
|
74
|
+
"build-storybook": "storybook build"
|
|
75
|
+
},
|
|
76
|
+
"eslintConfig": {
|
|
77
|
+
"extends": [
|
|
78
|
+
"react-app",
|
|
79
|
+
"react-app/jest"
|
|
80
|
+
]
|
|
81
|
+
},
|
|
82
|
+
"browserslist": {
|
|
83
|
+
"production": [
|
|
84
|
+
">0.2%",
|
|
85
|
+
"not dead",
|
|
86
|
+
"not op_mini all"
|
|
87
|
+
],
|
|
88
|
+
"development": [
|
|
89
|
+
"last 1 chrome version",
|
|
90
|
+
"last 1 firefox version",
|
|
91
|
+
"last 1 safari version"
|
|
92
|
+
]
|
|
93
|
+
},
|
|
94
|
+
"jest": {
|
|
95
|
+
"verbose": true,
|
|
96
|
+
"setupFilesAfterEnv": [
|
|
97
|
+
"<rootDir>/src/setupTests.ts"
|
|
98
|
+
],
|
|
99
|
+
"moduleNameMapper": {
|
|
100
|
+
"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/__mocks__/fileMock.js",
|
|
101
|
+
"\\.(css|less)$": "<rootDir>/__mocks__/styleMock.js"
|
|
102
|
+
}
|
|
103
|
+
},
|
|
104
|
+
"bugs": {
|
|
105
|
+
"url": "https://github.com/Josenanodev/josenanodev-react-components-library/issues"
|
|
106
|
+
},
|
|
107
|
+
"readme": "ERROR: No README data found!",
|
|
108
|
+
"homepage": "https://github.com/Josenanodev/josenanodev-react-components-library#readme",
|
|
109
|
+
"_id": "josenanodev-react-components-library@0.0.13",
|
|
110
|
+
"dependencies": {
|
|
111
|
+
"xlsx-js-style": "^1.2.0"
|
|
112
|
+
}
|
|
113
|
+
}
|