josenanodev-react-components-library 1.10.3 → 1.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/README.md +212 -4
  2. package/dist/cjs/index.js +1 -1
  3. package/dist/cjs/types/components/AlertModal/AlertModal.d.ts +14 -0
  4. package/dist/cjs/types/components/AlertModal/index.d.ts +1 -0
  5. package/dist/cjs/types/components/BubbleMenu/BubbleMenu.d.ts +6 -0
  6. package/dist/cjs/types/components/CalendarDatePicker/CalendarDatePicker.d.ts +13 -0
  7. package/dist/cjs/types/components/InputBoxWithConfirmation/InputBoxWithConfirmation.d.ts +12 -0
  8. package/dist/cjs/types/components/IntegerControl/IntegerControl.d.ts +5 -0
  9. package/dist/cjs/types/components/LabeledInput/LabeledInput.d.ts +11 -0
  10. package/dist/cjs/types/components/Modal/Modal.d.ts +6 -0
  11. package/dist/cjs/types/components/Multicalendar/types.d.ts +27 -1
  12. package/dist/cjs/types/components/ScreenSteps/ScreenSteps.d.ts +8 -0
  13. package/dist/cjs/types/components/ScrollSnapGallery/ScrollSnapGallery.d.ts +11 -0
  14. package/dist/cjs/types/components/StackedCards/StackedCards.d.ts +9 -0
  15. package/dist/cjs/types/components/index.d.ts +1 -0
  16. package/dist/cjs/types/index.d.ts +1 -0
  17. package/dist/esm/index.js +1 -1
  18. package/dist/esm/types/components/AlertModal/AlertModal.d.ts +14 -0
  19. package/dist/esm/types/components/AlertModal/index.d.ts +1 -0
  20. package/dist/esm/types/components/BubbleMenu/BubbleMenu.d.ts +6 -0
  21. package/dist/esm/types/components/CalendarDatePicker/CalendarDatePicker.d.ts +13 -0
  22. package/dist/esm/types/components/InputBoxWithConfirmation/InputBoxWithConfirmation.d.ts +12 -0
  23. package/dist/esm/types/components/IntegerControl/IntegerControl.d.ts +5 -0
  24. package/dist/esm/types/components/LabeledInput/LabeledInput.d.ts +11 -0
  25. package/dist/esm/types/components/Modal/Modal.d.ts +6 -0
  26. package/dist/esm/types/components/Multicalendar/types.d.ts +27 -1
  27. package/dist/esm/types/components/ScreenSteps/ScreenSteps.d.ts +8 -0
  28. package/dist/esm/types/components/ScrollSnapGallery/ScrollSnapGallery.d.ts +11 -0
  29. package/dist/esm/types/components/StackedCards/StackedCards.d.ts +9 -0
  30. package/dist/esm/types/components/index.d.ts +1 -0
  31. package/dist/esm/types/index.d.ts +1 -0
  32. package/dist/index.d.ts +141 -2
  33. package/package.json +34 -38
  34. package/dist/cjs/types/stories/CalendarDatePickerMask.d.ts +0 -4
  35. package/dist/esm/types/stories/CalendarDatePickerMask.d.ts +0 -4
package/README.md CHANGED
@@ -1,5 +1,213 @@
1
- # Libreria de componentes React Josenanodev
2
- A library of React components.
1
+ # Josenanodev React Components Library
2
+
3
+ [![npm version](https://img.shields.io/npm/v/josenanodev-react-components-library.svg)](https://www.npmjs.com/package/josenanodev-react-components-library)
4
+ [![license](https://img.shields.io/npm/l/josenanodev-react-components-library.svg)](./LICENSE)
5
+ [![types](https://img.shields.io/badge/types-TypeScript-blue.svg)](./dist/index.d.ts)
6
+
7
+ Reusable React components and hooks for product interfaces, booking flows, property-management tools, and compact utility UI.
8
+
9
+ The package ships TypeScript declarations and bundled component styles. Most components use CSS Modules internally, so consumers can import and render the components without manually importing a global stylesheet.
10
+
11
+ ## Why This Library Exists
12
+
13
+ This library collects UI patterns I have needed repeatedly while building operational web tools: availability calendars, editable form controls, modal flows, image galleries, and compact navigation. The components favor practical application screens over marketing pages: predictable behavior, typed props, encapsulated styles, and Storybook examples that document real usage.
14
+
15
+ ## Quality Signals
16
+
17
+ - TypeScript-first component APIs with generated declaration files.
18
+ - Storybook documentation for every exported component.
19
+ - CSS Modules for component-scoped styling.
20
+ - Rollup builds for CommonJS, ES modules, and bundled declarations.
21
+ - npm Trusted Publisher/provenance-ready release workflow.
22
+ - Moderate-or-higher npm audit currently clean.
23
+
3
24
  ## Installation
4
- Run the following command:
5
- `npm install josenanodev-react-components-library`
25
+
26
+ ```bash
27
+ npm install josenanodev-react-components-library
28
+ ```
29
+
30
+ Peer dependencies:
31
+
32
+ ```bash
33
+ npm install react react-dom react-icons
34
+ ```
35
+
36
+ ## Quick Start
37
+
38
+ ```tsx
39
+ import { BsSearch } from "react-icons/bs";
40
+ import {
41
+ BubbleMenu,
42
+ CalendarDatePicker,
43
+ IntegerControl,
44
+ LabeledInput,
45
+ } from "josenanodev-react-components-library";
46
+
47
+ export function BookingForm() {
48
+ return (
49
+ <section>
50
+ <LabeledInput
51
+ label="Guest name"
52
+ onChange={(value) => console.log(value)}
53
+ />
54
+
55
+ <IntegerControl
56
+ defaultValue={2}
57
+ minimumValue={1}
58
+ maximumValue={8}
59
+ onChange={(value) => console.log(value)}
60
+ />
61
+
62
+ <CalendarDatePicker
63
+ mode="range"
64
+ onSelectedDatesChange={(dates) => console.log(dates)}
65
+ />
66
+ </section>
67
+ );
68
+ }
69
+ ```
70
+
71
+ ## Design System Theme
72
+
73
+ The library ships a shared CSS token layer from `src/index.css`, imported by the package entry point. Components use `--trc-*` custom properties for their basic theme: typography, surfaces, borders, radii, shadows, transitions, and semantic colors.
74
+
75
+ Override tokens globally, or scope them to any wrapper with `data-trc-theme`:
76
+
77
+ ```css
78
+ :root {
79
+ --trc-color-primary: #ec6321;
80
+ --trc-color-secondary: #46ba0d;
81
+ --trc-color-focus: #19448d;
82
+ --trc-color-text: #333333;
83
+ --trc-color-text-muted: #787878;
84
+ --trc-color-surface: #ffffff;
85
+ --trc-color-border: #d8d8d8;
86
+ --trc-radius-md: 8px;
87
+ --trc-shadow-modal: 0px 0px 16px rgba(0, 0, 0, 0.15);
88
+ }
89
+ ```
90
+
91
+ Legacy variables such as `--primary-color`, `--secondary-color`, `--light-gray`, and `--medium-gray` remain as aliases for compatibility.
92
+
93
+ ## Components
94
+
95
+ All public components are documented in Storybook with usage guidance, prop descriptions, and live examples.
96
+
97
+ ### AlertModal
98
+
99
+ Status and confirmation modal for success, error, warning, info, and question flows.
100
+
101
+ ```tsx
102
+ <AlertModal
103
+ overrideOpenState={isOpen}
104
+ type="success"
105
+ title="Saved"
106
+ message="Your changes were saved."
107
+ onConfirm={() => setIsOpen(false)}
108
+ onCancel={() => setIsOpen(false)}
109
+ />
110
+ ```
111
+
112
+ ### BubbleMenu
113
+
114
+ Floating action menu for compact navigation or quick actions.
115
+
116
+ ```tsx
117
+ <BubbleMenu
118
+ language="en"
119
+ options={[
120
+ {
121
+ icon: <BsSearch />,
122
+ text: "Search",
123
+ visible: true,
124
+ optionCallback: openSearch,
125
+ },
126
+ ]}
127
+ />
128
+ ```
129
+
130
+ ### CalendarDatePicker
131
+
132
+ Date selector with `single`, `multiple`, `range`, and `booking` modes.
133
+
134
+ Use `customDates` to mark unavailable days, apply colors, prevent selection, cross out dates, or attach custom click behavior.
135
+
136
+ ### InputBoxWithConfirmation
137
+
138
+ Inline editable input that separates draft state from confirmed state. It is useful for editable settings and compact numeric/text inputs.
139
+
140
+ ### IntegerControl
141
+
142
+ Numeric stepper with optional min/max clamping.
143
+
144
+ ### LabeledInput
145
+
146
+ Floating-label input with optional error state and formatting helpers:
147
+
148
+ - `credit-card-number`
149
+ - `expiration-date`
150
+ - `cvv`
151
+ - `phone`
152
+
153
+ ### Modal
154
+
155
+ Controlled portal overlay. Use `forced` when the user must close the modal through explicit UI rather than the backdrop.
156
+
157
+ ### Multicalendar
158
+
159
+ Virtualized date-by-resource grid for availability and booking tools.
160
+
161
+ Important props:
162
+
163
+ - `multicalendarId`: stable id used by the DOM and sessionStorage position cache.
164
+ - `ReactCellChildren`: component rendered in each date/resource cell.
165
+ - `ReactListElementChildren`: component rendered in the resource axis.
166
+ - `listElementsIdsArray`: row ids displayed by the grid.
167
+ - `callsOnInitialView`: receives initially visible ids and dates.
168
+ - `callsOnScrollingStops`: receives visible ids and dates after scrolling settles.
169
+
170
+ ### ScreenSteps
171
+
172
+ Animated stepper for multi-step workflows.
173
+
174
+ ### ScrollSnapGallery
175
+
176
+ Image gallery using native CSS scroll snap. Supports indicator icons, arrows, and optional auto-advance.
177
+
178
+ ### StackedCards
179
+
180
+ Interactive card stack with configurable card size and stack orientation.
181
+
182
+ ## Hooks
183
+
184
+ The package also exports utility hooks:
185
+
186
+ - `useIntersectionObserver(ref, options)`: returns whether the element is intersecting.
187
+ - `useOutsideClick(ref, callback, excludedRefs?)`: calls a callback when the user clicks outside a ref.
188
+ - `useResizeObserver(ref)`: returns `[width, height]` for the observed element.
189
+ - `useWindowsSize()`: returns `[windowWidth, windowHeight]`.
190
+
191
+ ## Development
192
+
193
+ ```bash
194
+ npm install
195
+ npm run storybook
196
+ ```
197
+
198
+ Build and verify locally:
199
+
200
+ ```bash
201
+ npm run tsc
202
+ npm run rollup-build-lib
203
+ npm run build-storybook
204
+ npm audit --audit-level=moderate
205
+ ```
206
+
207
+ ## Publishing Notes
208
+
209
+ The package is configured for npm publishing from GitHub Actions with npm Trusted Publisher/provenance support. Keep the npm package Trusted Publisher connection aligned with the workflow file used for publishing.
210
+
211
+ ## License
212
+
213
+ MIT
package/dist/cjs/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";var e=require("react"),n=require("react-icons/bs"),t=require("react-icons/io5"),l=require("react-icons/ai"),a=require("react-dom"),o=require("react-icons/go");function r(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&l.firstChild?l.insertBefore(a,l.firstChild):l.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}var i="BubbleMenu-module_menu-container__xrNNC",c="BubbleMenu-module_menu-button__I5R0w";r(".BubbleMenu-module_menu-container__xrNNC {\n position: fixed;\n z-index: -1;\n top: 0px;\n padding-top: 80px;\n box-sizing: border-box;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=visible] {\n z-index: 100;\n width: 100vw;\n height: 100vh;\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(5px);\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 height: 0vh;\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: 0px;\n margin: 0;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li {\n width: -moz-fit-content;\n width: fit-content;\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 -webkit-user-select: none;\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 -webkit-user-select: none;\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 min-width: 0vw;\n }\n 1% {\n background-color: transparent;\n min-width: 100vw;\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.3);\n min-width: 100vw;\n }\n}\n@keyframes BubbleMenu-module_hide-background__ESkim {\n 0% {\n background-color: rgba(0, 0, 0, 0.3);\n min-width: 100vw;\n }\n 99% {\n background-color: transparent;\n min-width: 100vw;\n }\n 100% {\n background-color: transparent;\n min-width: 0vw;\n }\n}");const d={en:{menu:"menu",close:"close"},es:{menu:"menú",close:"cerrar"}};var s="CalendarDatePicker-module_calendar-date-picker__-G7aY",u="CalendarDatePicker-module_today-button__YgI7t",_="CalendarDatePicker-module_month-and-year__LHJ8I",m="CalendarDatePicker-module_month-input__sFUHA",p="CalendarDatePicker-module_week-days__j2XJ-";r('@property --angle {\n sintax: "<angle>";\n inherits: false;\n initial-value: 270deg;\n}\n@property --color-default {\n sintax: "<color>";\n inherits: false;\n initial-value: white;\n}\n@property --color-selected {\n sintax: "<color>";\n inherits: false;\n initial-value: #e3f3e3;\n}\n@property --percentage-default {\n sintax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --percentage-selected {\n sintax: "<percentage>";\n inherits: false;\n initial-value: 0%;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY {\n position: relative;\n font-family: Arial, Helvetica, sans-serif;\n width: 390px;\n color: #959595;\n font-weight: 600;\n font-style: normal;\n line-height: normal;\n -webkit-tap-highlight-color: transparent;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t {\n position: absolute;\n top: 0px;\n right: 5px;\n border: solid 2px #787878;\n border-radius: 6px;\n padding: 4px 8px;\n font-size: 18px;\n background-color: white;\n color: #787878;\n transition: all 0.1s ease-in-out;\n cursor: pointer;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t:hover {\n background-color: #f3f3f3;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t:active {\n background-color: #cfcfcf;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n text-align: center;\n font-size: 22px;\n padding: 10px 0px;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA {\n width: fit-content;\n background-color: transparent;\n border: transparent;\n text-align: right;\n font-size: 24px;\n margin-right: 10px;\n color: #959595;\n cursor: pointer;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA:focus {\n outline: transparent;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA option {\n background-color: white;\n color: #959595;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA option:disabled {\n color: #cfcfcf;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_week-days__j2XJ- {\n display: flex;\n align-items: center;\n border-bottom: 1px solid #ebebeb;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_week-days__j2XJ- p {\n width: 14.2857142857%;\n margin: 0px;\n text-align: center;\n}');var b="InputBoxWithConfirmation-module_div-wrapper__DdQ1-",g="InputBoxWithConfirmation-module_focused__C6kd0",h="InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN",f="InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y";function S(n,t,l=[]){e.useEffect((()=>{function e(e){n.current&&!n.current.contains(e.target)&&l.every((n=>n.current!==e.target))&&t()}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[n,t,l])}r(".InputBoxWithConfirmation-module_div-wrapper__DdQ1- {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border: solid 1px rgb(184, 184, 184);\n background-color: rgb(250, 250, 250);\n border-radius: 8px;\n transition: border 0.3s;\n cursor: text;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1-.InputBoxWithConfirmation-module_focused__C6kd0 {\n border-color: #218dec;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN {\n box-sizing: border-box;\n padding: 10px 2ch;\n min-width: 10ch;\n text-align: center;\n border: none;\n background-color: transparent;\n font-size: 16px;\n font-weight: 600;\n color: dimgray;\n transition: all 0.2s;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN::-webkit-inner-spin-button {\n display: none;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN:focus {\n outline: none;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y {\n position: absolute;\n right: 0px;\n background-color: transparent;\n color: rgb(158, 158, 158);\n width: 32px;\n height: 32px;\n border-radius: 16px;\n font-size: 16px;\n border: none;\n cursor: pointer;\n transition: all 0.2s;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y:focus {\n outline: none;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1- .InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y:hover {\n background-color: rgb(241, 241, 241);\n color: var(--primary-color);\n}");const y=({onConfirmAction:t,inputType:l="text",minimumValue:a="",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),[x,v]=e.useState(void 0!==s?String(s):""),[w,C]=e.useState(void 0!==s?String(s):""),[k,E]=e.useState(!1),M=()=>{if(!w&&"0"!==w&&""!==w)return x;if("number"===l){let e=Number(w);return""!==a&&e<Number(a)?e=Number(a):""!==o&&e>Number(o)&&(e=Number(o)),String(e)}return w},D=()=>{const e=M();C(e),e&&(t(e),v(e))};return S(y,(()=>{k&&(_?C(x):D(),E(!1))})),e.useEffect((()=>{void 0!==u?(C(String(u)),v(String(u))):null===u&&(C(""),v(""))}),[u]),e.createElement("div",{ref:y,style:c,className:`${b} ${k?g:""}`,onClick:()=>{p.current&&p.current.focus()}},e.createElement("input",{ref:p,disabled:m,className:h,type:l,style:Object.assign({width:`${((null==w?void 0:w.length)?w.length:0)+7}ch`},d),min:a,max:o,maxLength:r,placeholder:i,value:k?w:x,onClick:e=>{e.stopPropagation()},onChange:e=>{let n=e.target.value;r&&n.length>r&&(n=n.slice(0,r)),C(n)},onFocus:e=>{v(e.target.value),C(e.target.value),E(!0)},onKeyDown:e=>{"Enter"===e.key||"NumpadEnter"===e.key||"Tab"===e.key?(D(),E(!1),p.current&&p.current.blur()):"Escape"!==e.key&&"Esc"!==e.key||(C(x),E(!1),p.current&&p.current.blur())}}),!m&&_&&e.createElement(e.Fragment,null,k?e.createElement("button",{title:"Confirm",type:"button",className:f,onClick:()=>{D(),E(!1)}},e.createElement(n.BsCheckLg,null)):e.createElement("button",{title:"Edit",type:"button",className:f,onClick:()=>{p.current&&p.current.focus()}},e.createElement(n.BsPencil,null))))};var x={"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 v(e){return 0===e.getDay()?6:e.getDay()-1}function w(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()))}r('@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 C=["enero","febrero","marzo","abril","mayo","junio","julio","agosto","septiembre","octubre","noviembre","diciembre"],k=["january","february","march","april","may","june","july","august","september","october","november","december"];function E(e,n){return`${("es_ES"===n?C:k)[e.getMonth()]} ${e.getFullYear()}`}function M(e){const n=(t=e,new Date(t.getFullYear(),t.getMonth()+1,0).getDate());var t;const l=e.getFullYear(),a=e.getMonth(),o=n-(7-v(new Date(l,a,1)));return Math.ceil(o/7)+1}const D=(e,n)=>{const t=(n,t)=>{const l=new Date(n,t,1),a=new Date(e.minimumDate.getFullYear(),e.minimumDate.getMonth(),1),o=new Date(e.maximumDate.getFullYear(),e.maximumDate.getMonth()+1,0),r=l.valueOf()<a.valueOf(),i=l.valueOf()>o.valueOf();return!r&&!i},l={setMonth:()=>t(e.year,n.value)?Object.assign(Object.assign({},e),{month:n.value}):Object.assign({},e),setYear:()=>t(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 l=new Date(e.year,e.month+n.value,1);return t(e.year,e.month+n.value)?Object.assign(Object.assign({},e),{year:l.getFullYear(),month:l.getMonth()}):Object.assign({},e)}}[n.type]();return l||Object.assign({},e)},N=({dates:n,month:t,year:l,mode:a,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(D,{month:t,year:l,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=x["day-cell"];return i.some((n=>n.dates.some((n=>n.valueOf()===e.valueOf()))&&n.crossed))&&(n+=` ${x.crossed}`),n},b=e=>{let t=x.day;w(e)===w(new Date)&&(t+=` ${x.today}`),e.getMonth()===s.month?t+=` ${x["in-month"]}`:t+=` ${x["not-in-month"]}`;const l=n.some((n=>n.valueOf()===e.valueOf())),o=("range"===a||"booking"===a)&&2===n.length&&n[0].valueOf()<e.valueOf()&&e.valueOf()<n[1].valueOf();if((l||o)&&(t+=` ${x.selected}`),"booking"===a){2===n.length&&e.valueOf()===n[0].valueOf()&&(t+=` ${x["check-in"]}`);2===n.length&&e.valueOf()===n[1].valueOf()&&(t+=` ${x["check-out"]}`)}m(e)?t+=` ${x.selectable}`:t+=` ${x["not-selectable"]}`;return(e.valueOf()<c.valueOf()||e.valueOf()>d.valueOf())&&(t+=` ${x["out-of-selection"]}`),t},g=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(s.month,s.year)}),[s.year,s.month,r]),e.createElement("section",{ref:_,className:x["calendar-scrollable-section"],onScroll:e=>{const n=e.target,t=n.scrollHeight/5,l=1.25*t,a=2.75*t;n.scrollTop<l&&u({type:"changeByMonthOffset",value:-1}),n.scrollTop>a&&u({type:"changeByMonthOffset",value:1})}},Array(5).fill(0).map(((t,l)=>{const r=l-2,u=new Date(s.year,s.month+r,1),_=0===new Date(s.year,s.month+r+1,0).getDay();let h=M(u);_||(h-=1);const f=v(u);return e.createElement("div",{className:x["days-grid"],key:`grid:${w(u)}}`},Array(h).fill(0).map(((t,l)=>e.createElement("div",{className:x["days-row"],key:`grid:${w(u)}-row:${l}`},Array(7).fill(0).map(((t,u)=>{const _=s.month+r,h=7*l+u+1-f,S=new Date(s.year,_,h);return e.createElement("div",{className:p(S),key:w(S),onClick:()=>(e=>{if(i.forEach((n=>{n.dates.some((n=>n.valueOf()===e.valueOf()))&&(n.clickSideEffect&&n.clickSideEffect(e),n.clearSelectionIfClicked)&&o([])})),!m(e))return;if(e.valueOf()<c.valueOf()||e.valueOf()>d.valueOf())return;let t=[...n];"single"===a&&(t=[e]),"multiple"===a&&(t=n.some((n=>n.valueOf()===e.valueOf()))?n.filter((n=>n.valueOf()!==e.valueOf())):[...n,e]),"range"===a&&(t=0===n.length?[e]:1===n.length?n[0].valueOf()<e.valueOf()?[...n,e]:[e,n[0]]:[]),"booking"===a&&(t=0===n.length?[e]:n[0].valueOf()===e.valueOf()?[]:1===n.length?n[0].valueOf()<e.valueOf()?[...n,e]:[e,n[0]]:[]),o(t)})(S)},e.createElement("div",{className:x["cross-line"]}),e.createElement("div",{className:b(S)},e.createElement("div",{className:x.background},e.createElement("div",{className:x["first-half"],style:g(S)}),e.createElement("div",{className:x["second-half"],style:g(S)})),e.createElement("p",null,S.getDate())))}))))))})))},z={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"}},I=(e,n)=>{switch(e){case 0:return z[n].january;case 1:return z[n].february;case 2:return z[n].march;case 3:return z[n].april;case 4:return z[n].may;case 5:return z[n].june;case 6:return z[n].july;case 7:return z[n].august;case 8:return z[n].september;case 9:return z[n].october;case 10:return z[n].november;case 11:return z[n].december;default:return""}};var W="IntegerControl-module_integer-control__-tzTl",F="IntegerControl-module_default__FJoED";r(".IntegerControl-module_integer-control__-tzTl {\n display: flex;\n align-items: center;\n -webkit-tap-highlight-color: transparent;\n}\n.IntegerControl-module_integer-control__-tzTl button {\n border: none;\n background: none;\n padding: 0;\n margin: 0;\n}\n.IntegerControl-module_integer-control__-tzTl button svg {\n height: 44px;\n width: 44px;\n fill: #c9c9c9;\n transition: fill 100ms ease-in-out;\n cursor: pointer;\n}\n.IntegerControl-module_integer-control__-tzTl button svg:active {\n fill: #787878;\n}\n.IntegerControl-module_integer-control__-tzTl input {\n border: none;\n background: none;\n padding: 0;\n color: #414141;\n text-align: center;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n min-width: 50px;\n transition: color 300ms ease-in-out;\n}\n.IntegerControl-module_integer-control__-tzTl input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.IntegerControl-module_integer-control__-tzTl input:focus {\n outline: transparent;\n}\n.IntegerControl-module_integer-control__-tzTl.IntegerControl-module_default__FJoED input {\n color: #787878;\n}");var T="LabeledInput-module_labeled-input__xzE4h",O="LabeledInput-module_error-message__5-9lv";r(".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: 50%;\n left: 28px;\n padding: 0;\n height: 2px;\n display: flex;\n align-items: center;\n transition: all 250ms ease-in-out;\n -webkit-user-select: none;\n user-select: none;\n}\n.LabeledInput-module_labeled-input__xzE4h label[data-is-shrinked=true] {\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[data-has-error=true] {\n border-color: #f34d1b;\n}\n.LabeledInput-module_labeled-input__xzE4h[data-has-error=true] 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 G={"blured-background":"Modal-module_blured-background__Vw4vW","modal-appear":"Modal-module_modal-appear__XBiM-","modal-disappear":"Modal-module_modal-disappear__Ik1hU"};r(".Modal-module_blured-background__Vw4vW {\n position: fixed;\n width: 100vw;\n height: 100vh;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n top: 0;\n left: 0;\n z-index: 1010;\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n animation-duration: 450ms;\n animation-fill-mode: forwards;\n}\n.Modal-module_blured-background__Vw4vW[data-is-visible=true] {\n animation-name: Modal-module_modal-appear__XBiM-;\n}\n.Modal-module_blured-background__Vw4vW[data-is-visible=false] {\n animation-name: Modal-module_modal-disappear__Ik1hU;\n}\n\n@keyframes Modal-module_modal-appear__XBiM- {\n 0% {\n opacity: 0;\n -webkit-backdrop-filter: blur(0px);\n backdrop-filter: blur(0px);\n }\n 100% {\n opacity: 1;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n }\n}\n@keyframes Modal-module_modal-disappear__Ik1hU {\n 0% {\n opacity: 1;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n }\n 100% {\n opacity: 0;\n -webkit-backdrop-filter: blur(0px);\n backdrop-filter: blur(0px);\n }\n}");const L=864e5;function R(e,n,t,l){null!==n.current&&(n.current.scrollLeft=(Date.parse(e.toString())-(Date.parse((new Date).toString())-t*L))/L*l)}function B(n,t,l){let a=Date.parse((new Date).toString())-n*L,o=Date.parse((new Date).toString())+t*L,r=[],i=[];for(let n=0;n*L+a<o;n++){let t=new Date(L*n+a),o=t;o.setDate(1),o.setHours(12,0,0,0);let c=E(t,l);i.includes(c)||(i.push(c),r.push(e.createElement("option",{key:w(o),value:w(o)},c)))}return r}var j={multicalendar:"Multicalendar-module_multicalendar__koIJg","div-upper-left-component":"Multicalendar-module_div-upper-left-component__BL2vu",controls:"Multicalendar-module_controls__Ryigr","div-dates-navigation":"Multicalendar-module_div-dates-navigation__N4Dna","div-aditional-controls-components":"Multicalendar-module_div-aditional-controls-components__ElQQF","vertical-axis":"Multicalendar-module_vertical-axis__otLXf","div-list-element-column":"Multicalendar-module_div-list-element-column__MSfNT","horizontal-axis":"Multicalendar-module_horizontal-axis__cn4Nh","div-weeks-buttons":"Multicalendar-module_div-weeks-buttons__37T5W","past-week-button":"Multicalendar-module_past-week-button__X8k5t","next-week-button":"Multicalendar-module_next-week-button__l1DCS","div-dates-row":"Multicalendar-module_div-dates-row__5CKuX","div-main-container":"Multicalendar-module_div-main-container__wMIlM","main-container":"Multicalendar-module_main-container__DZjT2"};r('.Multicalendar-module_multicalendar__koIJg {\n display: grid;\n color: black;\n width: 100%;\n height: 100%;\n grid-template-areas: "fil con" "fil hor" "ver gri";\n text-align: center;\n transition: 0.5s;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_div-upper-left-component__BL2vu {\n grid-area: fil;\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 2;\n background-color: white;\n border-bottom: 1px solid rgb(235, 235, 235);\n border-right: 1px solid rgb(235, 235, 235);\n box-sizing: border-box;\n display: flex;\n flex-flow: column;\n justify-content: center;\n align-items: center;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_controls__Ryigr {\n grid-area: con;\n height: 100%;\n padding: 2px;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap-reverse;\n box-sizing: border-box;\n border-bottom: var(--border-tenues);\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_controls__Ryigr .Multicalendar-module_div-dates-navigation__N4Dna {\n display: flex;\n align-items: center;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_controls__Ryigr .Multicalendar-module_div-dates-navigation__N4Dna button {\n cursor: pointer;\n margin: 0px;\n position: relative;\n text-align: center;\n text-decoration: none;\n border: 1px solid rgb(216, 216, 216);\n padding: 4px 8px;\n box-sizing: border-box;\n color: black;\n font-size: 14px;\n touch-action: manipulation;\n border-radius: 6px;\n background: rgb(255, 255, 255);\n font-weight: normal;\n height: calc(100% - 16px);\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_controls__Ryigr .Multicalendar-module_div-aditional-controls-components__ElQQF {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n flex-grow: 1;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_div-upper-left-component__BL2vu {\n grid-area: fil;\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 2;\n background-color: white;\n border-bottom: 1px solid rgb(235, 235, 235);\n border-right: 1px solid rgb(235, 235, 235);\n box-sizing: border-box;\n display: flex;\n flex-flow: column;\n justify-content: flex-end;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_vertical-axis__otLXf {\n grid-area: ver;\n position: relative;\n width: 100%;\n height: 100%;\n box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 16px 5px;\n z-index: 1;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_vertical-axis__otLXf .Multicalendar-module_div-list-element-column__MSfNT {\n height: 100%;\n overflow-y: scroll;\n box-sizing: border-box;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh {\n grid-area: hor;\n position: relative;\n max-width: 100%;\n height: 90px;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W {\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 74px;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_past-week-button__X8k5t,\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_next-week-button__l1DCS {\n z-index: 2;\n position: absolute;\n background-color: transparent;\n border: none;\n height: 100%;\n width: 32px;\n font-size: 1em;\n color: var(--primary-color);\n border-radius: 6px;\n cursor: pointer;\n transition: all 0.3s;\n height: 75%;\n background: rgb(255, 255, 255);\n box-shadow: 0px 0px 8px 8px white;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_past-week-button__X8k5t:hover,\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_next-week-button__l1DCS:hover {\n background: rgb(247, 247, 247);\n box-shadow: 0px 0px 8px 8px rgb(247, 247, 247);\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_past-week-button__X8k5t:active,\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_next-week-button__l1DCS:active {\n background: rgb(167, 167, 167);\n box-shadow: 0px 0px 8px 8px rgb(167, 167, 167);\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_past-week-button__X8k5t {\n left: 5px;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_next-week-button__l1DCS {\n right: 5px;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-dates-row__5CKuX {\n position: absolute;\n bottom: 0;\n width: 100%;\n overflow-x: scroll;\n border-bottom: 1px solid rgb(235, 235, 235);\n box-sizing: border-box;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_div-main-container__wMIlM {\n grid-area: gri;\n height: 100%;\n position: relative;\n width: 100%;\n overflow: hidden;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_main-container__DZjT2 {\n position: relative;\n min-width: 100%;\n height: 100%;\n overflow-x: scroll;\n}');var Y="DatesRow-module_dates-row__roAc0",A="DatesRow-module_date-cell__xzHPT",H="DatesRow-module_div-date-cell__M2v60",P="DatesRow-module_month-start__5FSLx";r(".DatesRow-module_dates-row__roAc0 {\n box-sizing: border-box;\n display: flex;\n flex-flow: row;\n overflow-y: hidden;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT {\n position: relative;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_div-date-cell__M2v60 {\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 48px;\n display: flex;\n flex-flow: column;\n justify-content: center;\n align-items: center;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_div-date-cell__M2v60[data-is-today=true] {\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 48px;\n display: flex;\n flex-flow: column;\n justify-content: center;\n align-items: center;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_div-date-cell__M2v60[data-is-today=true] div {\n border-radius: 4px;\n background: var(--primary-color, dimgray);\n color: rgb(255, 255, 255);\n font-size: 14px;\n line-height: 18px;\n font-weight: 800;\n width: 40px;\n height: 40px;\n padding: 1px 0;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_div-date-cell__M2v60 p {\n margin: 0;\n font-size: 14px;\n line-height: 18px;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_month-start__5FSLx {\n position: absolute;\n top: 0;\n height: 100%;\n box-sizing: border-box;\n border-left: 1px solid rgb(235, 235, 235);\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_month-start__5FSLx p {\n margin: 0;\n font-size: 16px;\n line-height: 20px;\n font-weight: 600;\n white-space: nowrap;\n padding-left: 8px;\n padding-top: 8px;\n}");const J=({visibleDates:n,width:t,height:l,cellsWidth:a,cellsHeight:o,offset:r,language:i})=>{const c={en_EN:{sunday:"Sunday",monday:"Monday",tuesday:"Tuesday",wednesday:"Wednesday",thursday:"Thursday",friday:"Friday",saturday:"Saturday",january:"January",february:"February",march:"March",april:"April",may:"May",june:"June",july:"July",august:"August",september:"September",october:"October",november:"November",december:"December"},es_ES:{sunday:"Domingo",monday:"Lunes",tuesday:"Martes",wednesday:"Miércoles",thursday:"Jueves",friday:"Viernes",saturday:"Sábado",january:"Enero",february:"Febrero",march:"Marzo",april:"Abril",may:"Mayo",june:"Junio",july:"Julio",august:"Agosto",september:"Septiembre",october:"Octubre",november:"Noviembre",december:"Diciembre"}},d=[c[i].sunday.slice(0,2),c[i].monday.slice(0,2),c[i].tuesday.slice(0,2),c[i].wednesday.slice(0,2),c[i].thursday.slice(0,2),c[i].friday.slice(0,2),c[i].saturday.slice(0,2)],s=[c[i].january,c[i].february,c[i].march,c[i].april,c[i].may,c[i].june,c[i].july,c[i].august,c[i].september,c[i].october,c[i].november,c[i].december];return e.createElement("div",{className:Y,style:{width:t,height:l,paddingLeft:r*a}},n.length>0&&n.map((n=>e.createElement("div",{key:n.toString(),className:A,style:{width:a,height:o}},e.createElement("div",{className:H,"data-is-today":n.getDate()===(new Date).getDate()&&n.getMonth()===(new Date).getMonth()&&n.getFullYear()===(new Date).getFullYear()},e.createElement("div",null,e.createElement("p",null,d[n.getDay()]),e.createElement("p",null,n.getDate()))),1===n.getDate()&&e.createElement("div",{className:P},e.createElement("p",null,s[n.getMonth()]," ",n.getFullYear()))))))};var $="ListElementsColumn-module_list-element-column__46wTg";r(".ListElementsColumn-module_list-element-column__46wTg {\n box-sizing: border-box;\n}");var X="ListElement-module_list-element__t9ZwR";r(".ListElement-module_list-element__t9ZwR {\n position: relative;\n border-bottom: 1px solid rgb(235, 235, 235);\n box-sizing: border-box;\n background-color: white;\n cursor: pointer;\n overflow: hidden;\n}\n.ListElement-module_list-element__t9ZwR:hover {\n background-color: rgb(240, 240, 240);\n}");var Z=e.memo((({listElementId:n,ReactListElementChildren:t,height:l})=>e.createElement("div",{className:X,style:{height:l}},e.createElement(t,{listElementId:n}))));const q=({ReactListElementChildren:n,listHeight:t,yOffset:l,elementsHeight:a,idsArray:o})=>e.createElement("div",{className:$,style:{height:t,paddingTop:l*a}},o.map((t=>e.createElement(Z,{key:t,height:a,listElementId:t,ReactListElementChildren:n}))));var V="DatesGrid-module_dates-grid__GvBcr",U="DatesGrid-module_div-cells-row-height__eRcXw";r(".DatesGrid-module_dates-grid__GvBcr {\n box-sizing: border-box;\n}\n.DatesGrid-module_dates-grid__GvBcr .DatesGrid-module_div-cells-row-height__eRcXw {\n box-sizing: border-box;\n}");var Q="CellsRow-module_cells-row__TJvv8";r(".CellsRow-module_cells-row__TJvv8 {\n display: flex;\n flex-flow: row;\n}");var K="Cell-module_cell__FNVcp";r(".Cell-module_cell__FNVcp {\n position: relative;\n border: 1px solid rgb(200, 200, 200);\n border-radius: 6px;\n}");var ee=e.memo((({date:n,listElementId:t,width:l,heigth:a,ReactCellChildren:o})=>e.createElement("div",{className:K,style:{width:l,height:a}},e.createElement(o,{date:n,listElementId:t}))));const ne=({listElementId:n,visibleDatesArray:t,width:l,height:a,cellsWidth:o,cellsHeight:r,ReactCellChildren:i})=>e.createElement("div",{className:Q,style:{width:l,height:a}},t.length>0&&t.map((t=>e.createElement(ee,{key:n+t.toString(),date:w(t),listElementId:n,width:o,heigth:r,ReactCellChildren:i})))),te=({gridWidth:n,gridHeight:t,xOffset:l,yOffset:a,cellsWidth:o,cellsHeight:r,visibleListElementsIdsArray:i,visibleDates:c,ReactCellChildren:d})=>{const s=n-c.length*o,u=l*o>s?s:l*o;return e.createElement("div",{className:V,style:{width:n}},e.createElement("div",{className:U,style:{height:t,paddingTop:a*r,paddingLeft:u}},i.map((n=>e.createElement(ne,{key:n,listElementId:n,visibleDatesArray:c,width:c.length*o,height:r,cellsWidth:o,cellsHeight:r,ReactCellChildren:d})))))};var le="DropdownMonthNavigation-module_dropdown-month-navigation__M-YCF";r(".DropdownMonthNavigation-module_dropdown-month-navigation__M-YCF {\n position: relative;\n display: flex;\n width: 200px;\n margin: 0px 10px;\n border: 1px solid rgb(216, 216, 216);\n color: black;\n background-color: white;\n border-radius: 6px;\n white-space: nowrap;\n font-size: 14px;\n line-height: 18px;\n height: 28px;\n}");const ae=({visibleMonth:n,visibleYear:t,onChangeAction:l,options:a})=>e.createElement("select",{title:"Select a month",className:le,value:w(new Date(t,n,1,12,0,0,0)),onChange:e=>l(e.target.value)},a);function oe(){const[n,t]=e.useState([0,0]);return e.useLayoutEffect((()=>{function e(){t([window.innerWidth,window.innerHeight])}return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)}),[]),n}const re=e=>sessionStorage.getItem(`MulticalendarScrollTopPosition-${e}`),ie=e=>sessionStorage.getItem(`MulticalendarScrollLeftPosition-${e}`),ce={en_EN:{Today:"Today"},es_ES:{Today:"Hoy"}};var de="ScreenSteps-module_screen-steps__AX-nZ",se="ScreenSteps-module_steps__AuZhk",ue="ScreenSteps-module_step__2kFuY",_e="ScreenSteps-module_outer-text__akI1y",me="ScreenSteps-module_frame__3J2mc",pe="ScreenSteps-module_steps-content__-Yj-E",be="ScreenSteps-module_step-component__Lu3G5";function ge(n){const[t,l]=e.useState(0),[a,o]=e.useState(0),r=e.useRef(new ResizeObserver((e=>{const{width:n,height:t}=e[0].contentRect;l(n),o(t)})));return e.useEffect((()=>{null!==n.current&&r.current.observe(n.current);const e=r.current,t=n.current;return()=>{null!==t&&e.unobserve(t)}}),[n,r]),[t,a]}r(".ScreenSteps-module_screen-steps__AX-nZ {\n width: 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: hsla(0, 0%, 58%, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n color: rgba(65, 65, 65, 0.4);\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[data-is-complete=true] {\n background-color: rgba(112, 90, 0, 0.4);\n color: rgba(65, 65, 65, 0.4);\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk .ScreenSteps-module_step__2kFuY[data-is-current=true] {\n background-color: rgba(112, 90, 0, 0.6);\n color: rgb(65, 65, 65);\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 width: 100%;\n overflow: hidden;\n transition: height 300ms ease-in-out;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc .ScreenSteps-module_steps-content__-Yj-E {\n display: flex;\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_step-component__Lu3G5 {\n max-height: 0px;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc .ScreenSteps-module_step-component__Lu3G5[data-is-current=true] {\n max-height: max-content;\n}");var he="ScrollSnapGallery-module_scroll-snap-gallery__CR-GS",fe="ScrollSnapGallery-module_frame__267TC",Se="ScrollSnapGallery-module_arrow-controls__yw2Zl",ye="ScrollSnapGallery-module_arrow__1ueyq",xe="ScrollSnapGallery-module_position-indicator__3Y7Mh",ve="ScrollSnapGallery-module_indicator-icon__YrYF2",we="ScrollSnapGallery-module_current__ckZrA",Ce="ScrollSnapGallery-module_medium-shrunken__DuED2",ke="ScrollSnapGallery-module_full-shrunken__VSbF7",Ee="ScrollSnapGallery-module_hidden__c0w-O";r(".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 -webkit-user-select: 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 min-width: 100%;\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}");var Me="StackedCards-module_stacked-cards__8IiBF",De="StackedCards-module_card__4cF-v",Ne="StackedCards-module_title__GYDch",ze="StackedCards-module_content__6WDlF";r(".StackedCards-module_stacked-cards__8IiBF {\n position: relative;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v {\n position: absolute;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 80%;\n height: 80%;\n background-color: #fff;\n border-radius: 10px;\n border: 2px solid #e2e2e2;\n transition: all 0.4s ease-out;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v .StackedCards-module_title__GYDch {\n width: 100%;\n overflow: hidden;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v .StackedCards-module_content__6WDlF {\n flex-grow: 1;\n width: 100%;\n overflow: auto;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v .StackedCards-module_content__6WDlF::-webkit-scrollbar {\n display: none;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v[data-is-selectable=true] {\n cursor: pointer;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v[data-is-selectable=true][data-should-card-rise=true]:hover {\n transform: translateY(-20px);\n}");const Ie=360;exports.BubbleMenu=({options:l,language:a="en"})=>{const[o,r]=e.useState(null);return e.createElement(e.Fragment,null,e.createElement("button",{type:"button",title:"menu",className:c,onClick:()=>r(!o)},o?e.createElement(n.BsX,null):e.createElement(t.IoMenu,null),e.createElement("p",null,o?d[a].close:d[a].menu)),e.createElement("section",{className:i,"data-status":!0===o?"visible":!1===o?"hidden":"idle",onClick:()=>r(!1)},e.createElement("ul",null,l.filter((e=>e.visible)).map(((n,t)=>e.createElement("li",{key:n.text,style:{transitionDelay:100*t+"ms"}},e.createElement("button",{onClick:()=>setTimeout(n.optionCallback,300+100*l.length)},n.icon,n.text)))))))},exports.CalendarDatePicker=({mode:n,onSelectedDatesChange:t=()=>{},language:l="en",customDates:a=[],minimumDate:o=new Date(1970,0,1),maximumDate:r=new Date((new Date).getFullYear()+100,1,1),customStyle:i})=>{const[c,d]=e.useState([]),[b,g]=e.useState((new Date).getFullYear()),[h,f]=e.useState((new Date).getMonth()),[S,x]=e.useState(Math.random()),v=e=>{const n=new Date(o.getFullYear(),o.getMonth(),1),t=new Date(r.getFullYear(),r.getMonth()+1,0),l=e.valueOf()>=n.valueOf(),a=e.valueOf()<=t.valueOf();return l&&a};return e.createElement("div",{className:s,style:i},e.createElement("button",{className:u,onClick:()=>{const e=new Date;v(e)&&(f(e.getMonth()),g(e.getFullYear()),x(Math.random()))}},z[l].today.slice(0,1).toUpperCase()+z[l].today.slice(1)),e.createElement("section",{className:_},e.createElement("select",{style:{fontFamily:null==i?void 0:i.fontFamily},className:m,value:h,onChange:e=>{const n=Number(e.target.value);f(n),x(Math.random())}},Array(12).fill(0).map(((n,t)=>{const a=new Date(b,t,1),o=!v(a);return e.createElement("option",{key:I(t,l),value:t,disabled:o},I(t,l))}))),e.createElement(y,{inputType:"number",divWrapperCustomStyle:{width:"4ch",border:"none",backgroundColor:"transparent",fontFamily:null==i?void 0:i.fontFamily},inputBoxCustomStyle:{padding:0,fontFamily:null==i?void 0:i.fontFamily,fontSize:24},maxLength:4,defaultValue:b.toString(),overrideCurrentValue:b.toString(),minimumValue:o.getFullYear().toString(),maximumValue:r.getFullYear().toString(),onConfirmAction:e=>{let n=Number(e);const t=new Date(n,h,1);v(t)?(g(n),x(Math.random())):t.valueOf()<o.valueOf()?(g(o.getFullYear()),f(o.getMonth()),x(Math.random())):t.valueOf()>r.valueOf()&&(g(r.getFullYear()),f(r.getMonth()),x(Math.random()))}})),e.createElement("section",{className:p},e.createElement("p",null,z[l].monday.slice(0,1).toUpperCase()),e.createElement("p",null,z[l].tuesday.slice(0,1).toUpperCase()),e.createElement("p",null,z[l].wednesday.slice(0,1).toUpperCase()),e.createElement("p",null,z[l].thursday.slice(0,1).toUpperCase()),e.createElement("p",null,z[l].friday.slice(0,1).toUpperCase()),e.createElement("p",null,z[l].saturday.slice(0,1).toUpperCase()),e.createElement("p",null,z[l].sunday.slice(0,1).toUpperCase())),e.createElement(N,{key:S,dates:c,year:b,month:h,mode:n,onSelectedDatesChange:e=>{t(e),d(e)},onFocusedMonth:(e,n)=>{f(e),g(n)},customDates:a,minimumDate:o,maximumDate:r}))},exports.InputBoxWithConfirmation=y,exports.IntegerControl=({onChange:n=()=>{},defaultValue:t=0,minimumValue:a,maximumValue:o,customStyle:r})=>{const[i,c]=e.useState(t),d=e=>{let t=e;(a||0===a)&&e<a?t=a:(o||0===o)&&e>o&&(t=o),c(t),n(t)};return e.createElement("div",{className:`${W} ${i===t?F:""}`,style:r},e.createElement("button",{onClick:()=>d(i-1)},e.createElement(l.AiFillMinusCircle,null)),e.createElement("input",{onChange:e=>d(Number(e.target.value)),value:i,type:"number",min:String(a),max:String(o),style:{width:i.toString().length+1+"ch"}}),e.createElement("button",{onClick:()=>d(i+1)},e.createElement(l.AiFillPlusCircle,null)))},exports.LabeledInput=({label:n,defaultValue:t,onChange:l=()=>{},width:a="328px",height:o="66px",backgroundColor:r="white",textAlign:i="left",highlightError:c=!1,errorMessage:d,inputProps:s,specialType:u})=>{const _=e.useRef(null),[m,p]=e.useState(!1);return e.useEffect((()=>{t&&p(!0)}),[t]),e.createElement("div",{className:T,"data-has-error":c,onClick:()=>{_.current&&_.current.focus()},style:{width:a,height:o,backgroundColor:r}},e.createElement("label",{"data-is-shrinked":m,style:{backgroundColor:r}},n),e.createElement("input",Object.assign({ref:_},s,{onFocus:()=>p(!0),onBlur:e=>{e.target.value||p(!1)},defaultValue:t,onChange:e=>{let n=e.target.value;switch(u){case"credit-card-number":n=(e=>{var n;const t=e.replace(/\D/g,"").slice(0,16);let l=t.match(/.{1,4}/g);return 15===t.length&&(l=[t.slice(0,5),t.slice(5,11),t.slice(11,16)]),null!==(n=null==l?void 0:l.join(" "))&&void 0!==n?n:""})(n);break;case"expiration-date":n=(e=>{var n;const t=e.replace(/\D/g,"").slice(0,4).match(/.{1,2}/g);return null!==(n=null==t?void 0:t.join(" / "))&&void 0!==n?n:""})(n);break;case"cvv":n=(e=>e.replace(/\D/g,"").slice(0,4))(n);break;case"phone":n=(e=>(e.startsWith("+")?"+":"")+e.replace(/\D/g,"").slice(0,15))(n)}e.target.value=n,l(n)},style:{textAlign:i}})),c&&d&&e.createElement("p",{className:O},d))},exports.Modal=({children:n,overrideOpenState:t=!1,forced:l=!1,onOpen:o,onClose:r})=>{const[i,c]=e.useState(t),[d,s]=e.useState(t);return e.useEffect((()=>{t?(c(!0),o&&o()):t||(c(!1),r&&r())}),[t,o,r]),e.useEffect((()=>{i?s(!0):i||setTimeout((()=>{s(!1)}),500)}),[i]),d?a.createPortal(e.createElement("div",{className:G["blured-background"],"data-is-visible":i,onClick:()=>{l||(c(!1),r&&r())}},e.createElement("div",null,e.createElement("div",{className:G.modal,"data-closed":!t,onClick:e=>{e.stopPropagation()}},n))),document.getElementById("root")||document.body):e.createElement(e.Fragment,null)},exports.Multicalendar=({multicalendarId:t,ReactCellChildren:l,ReactListElementChildren:a,listElementsIdsArray:o,language:r="en_EN",pastDatesVisible:i=!0,cellsWidth:c=120,cellsHeight:d=80,verticalAxisWidth:s=280,pastDaysInitialQuantity:u=365,futureDaysInitialQuantity:_=365,chunkRenderX:m=0,chunkRenderY:p=0,dynamicDaysQuantity:b=!1,authomaticScrollOnDraggingOverEdges:g=!1,waitTimeForCalls:h=500,callsOnInitialView:f,callsOnScrollingStops:S,aditionalControlsComponents:y,upperLeftComponent:x,autoSavePosition:v,onScrollTopChanges:w,onScrollLeftChanges:C})=>{var k,E;const M=1+m,D=e.useRef(null),N=e.useRef(null),z=e.useRef(null),I=e.useRef(null),W=e.useRef(null),[F,T]=e.useState(!1),[O,G]=oe(),[Y,A]=e.useState(Math.ceil(_)),[H,P]=e.useState(i?Math.ceil(u):0),[$,X]=e.useState(0),[Z,V]=e.useState(0),[U,Q]=e.useState(1),[K,ee]=e.useState(0),[ne,le]=e.useState([]),[de,se]=e.useState([]),[ue,_e]=e.useState(!1),[me,pe]=e.useState({x:ie(t)?Number(ie(t)):i?Math.ceil(u)*c:0,y:re(t)?Number(re(t)):0}),[be,ge]=e.useState(me.x),[he,fe]=e.useState(me.y),[Se,ye]=e.useState({x:me.x,y:me.y}),[xe,ve]=e.useState(!1),[we,Ce]=e.useState(new Date),[ke,Ee]=e.useState(void 0),[Me,De]=e.useState(void 0),[Ne,ze]=e.useState(void 0),[Ie,We]=e.useState(!1),[Fe,Te]=e.useState((null===(k=I.current)||void 0===k?void 0:k.clientHeight)?I.current.clientHeight:0),[Oe,Ge]=e.useState((null===(E=W.current)||void 0===E?void 0:E.clientHeight)?W.current.clientHeight:0),[Le,Re]=e.useState(!1);return e.useEffect((()=>{pe({x:i?Math.ceil(u)*c:0,y:0})}),[i,u,c]),e.useEffect((()=>{z.current&&!1===xe&&(z.current.scrollTop=me.y,z.current.scrollLeft=me.x,ve(!0))}),[me.y,me.x,xe]),e.useEffect((()=>(C&&C(be),w&&w(he),()=>{v&&(he!==me.y&&((e,n)=>{sessionStorage.setItem(`MulticalendarScrollTopPosition-${e}`,n)})(t,String(he)),be!==me.x&&((e,n)=>{sessionStorage.setItem(`MulticalendarScrollLeftPosition-${e}`,n)})(t,String(be)))})),[v,he,be,me.y,me.x]),e.useEffect((()=>{P(i?Math.ceil(u):0)}),[i,u]),e.useEffect((()=>{!F&&de.length>0&&ne.length>0&&f&&(T(!0),f(de,ne))}),[F,de,ne,f]),e.useEffect((()=>{var e,n;const t=(null===(e=I.current)||void 0===e?void 0:e.clientHeight)?I.current.clientHeight:0,l=(null===(n=W.current)||void 0===n?void 0:n.clientHeight)?W.current.clientHeight:0;Te(t),Ge(l),_e(!0),X(Math.ceil((O-s)/c)+1),V(Math.ceil((G-t-l)/d)+1),null!==z.current&&(ge(z.current.scrollLeft),ye({x:z.current.scrollLeft,y:z.current.scrollTop}),Q(Math.floor(z.current.scrollLeft/c)-m))}),[O,G,s,d,c,m]),e.useEffect((()=>{if(Se.x===me.x&&Se.y===me.y||Math.abs(Se.y-he)/d>p||ue){Se.x===me.x&&Se.y===me.y||null!==z.current&&ye({x:z.current.scrollLeft,y:z.current.scrollTop});let e=function(e,n,t){let l=Math.floor(e/n)-t;return l<0&&(l=0),l}(he,d,p);ee(e),se(function(e,n,t,l){let a=[];for(let o=0;o<e+2*n;o++)l[o+t]&&o+t>=0&&(a[o]=l[o+t]);return a}(Z,p,e,o)),ue&&_e(!1)}}),[ue,he,d,p,me.x,me.y,Z,Se.x,Se.y,o]),e.useEffect((()=>{if(Se.x===me.x&&Se.y===me.y||be<c||Math.abs(Se.x-be)/c>m||ue){le([]),Se.x===me.x&&Se.y===me.y||null!==z.current&&ye({x:z.current.scrollLeft,y:z.current.scrollTop}),Q(function(e,n,t){return Math.floor(e/n)-t}(be,c,m));const e=function(e,n,t,l){let a=new Date(Date.parse((new Date).toString())+L*(Math.floor(e/n)-t-l));return a.setHours(12,0,0,0),Date.parse(a.toString())}(be,c,H,M);Ce(function(e,n){return new Date(e+n*L)}(e,M)),ue&&_e(!1),le(function(e,n,t){let l=[];for(let a=0;a<e+2*n;a++)l[a]=new Date(t+L*(a+1));return l}($,m,e))}}),[ue,$,be,m,c,M,H,Se.x,Se.y,me.x,me.y]),e.useEffect((()=>{We(!0),clearTimeout(ke),Ee(void 0)}),[be,he]),e.useEffect((()=>{if(void 0===ke){let e=setTimeout((()=>We(!1)),h);Ee(e)}}),[be,he,ke,h]),e.useEffect((()=>{!Ie&&S&&S(de,ne)}),[Ie,de,ne]),e.useEffect((()=>{g||(void 0!==Me&&De(void 0),void 0!==Ne&&ze(void 0))}),[g,Me,Ne]),e.useEffect((()=>(document.body.addEventListener("mousedown",(()=>{Re(!0)})),document.body.addEventListener("mouseup",(()=>{Re(!1)})),()=>{document.body.removeEventListener("mousedown",(()=>{Re(!0)})),document.body.removeEventListener("mouseup",(()=>{Re(!1)}))})),[g]),e.createElement("div",{key:t,id:t,"data-testid":t,className:j.multicalendar,style:{gridTemplateColumns:`${s}px`,gridTemplateRows:`auto auto calc(100% - ${Fe+Oe}px`}},e.createElement("div",{ref:I,className:j.controls},e.createElement("div",{className:j["div-dates-navigation"]},e.createElement(ae,{visibleYear:we.getFullYear(),visibleMonth:we.getMonth(),onChangeAction:e=>{R(new Date(Number(Date.parse(function(e){if(!/^\d{4}-\d{2}-\d{2}$/.test(e))throw new Error("Invalid SQL date format");let n=e.split("-");return new Date(Number(n[0]),Number(n[1])-1,Number(n[2]))}(e).toString()))),z,H,c)},options:B(H,Y,r)}),e.createElement("button",{type:"button",className:j["today-button"],onClick:()=>R(new Date,z,H,c)},ce[r].Today)),y&&e.createElement("div",{className:j["div-aditional-controls-components"]},y)),e.createElement("div",{className:j["div-upper-left-component"]},x),e.createElement("div",{className:j["vertical-axis"]},e.createElement("div",{ref:N,className:j["div-list-element-column"],onScroll:e=>{null!==z.current&&(z.current.scrollTop=e.target.scrollTop)}},e.createElement(q,{listHeight:d*o.length,yOffset:K,elementsHeight:d,idsArray:de,ReactListElementChildren:a}))),e.createElement("div",{ref:W,className:j["horizontal-axis"]},e.createElement("div",{className:j["div-weeks-buttons"]},e.createElement("button",{type:"button",title:"Past Week",className:j["past-week-button"],onClick:()=>{null!==D.current&&D.current.scroll({left:D.current.scrollLeft-7*c})}},e.createElement(n.BsChevronLeft,null)),e.createElement("button",{type:"button",title:"Next Week",onClick:()=>{null!==D.current&&D.current.scroll({left:D.current.scrollLeft+7*c})},className:j["next-week-button"]},e.createElement(n.BsChevronRight,null))),e.createElement("div",{ref:D,className:j["div-dates-row"],onScroll:e=>{null!==z.current&&(z.current.scrollLeft=e.target.scrollLeft)}},e.createElement(J,{visibleDates:ne,width:(H+Y)*c,height:74,cellsWidth:c,cellsHeight:74,offset:U,language:r}))),e.createElement("div",{className:j["div-main-container"]},e.createElement("div",{ref:z,className:j["main-container"],onScroll:e=>{if(null!==D.current){const n=e.target.scrollLeft;D.current.scrollLeft=n,ge(n)}if(null!==N.current){const n=e.target.scrollTop;N.current.scrollTop=n,fe(n)}var n,t,l,a,o,r;b&&e.target.scrollLeft+e.target.offsetWidth>(H+Y)*c-c&&A(Y+1),i&&b&&e.target.scrollLeft<c&&(P(H+1),e.target.scrollLeft=3*c),n=Le,t=Me,l=Ne,a=.8*c,o=.8*d,r=e.target,n&&(t&&(t<a&&(r.scrollLeft-=a-t),t>r.offsetWidth-a&&(r.scrollLeft+=t+a-r.offsetWidth)),l&&(l<o&&(r.scrollTop-=o-l),l>r.offsetHeight-o&&(r.scrollTop+=l+o-r.offsetHeight)))},onMouseMove:e=>{if(null!==z.current&&Le){let r=e.clientX-z.current.getBoundingClientRect().left,i=e.clientY-z.current.getBoundingClientRect().top;De(r),ze(i),n=r,t=i,l=.8*c,a=.8*d,o=z,Le&&null!==o.current&&(n<l&&(o.current.scrollLeft-=10),n>o.current.offsetWidth-l&&(o.current.scrollLeft+=10),t<a&&(o.current.scrollTop-=10),t>o.current.offsetHeight-a&&(o.current.scrollTop+=10))}var n,t,l,a,o}},e.createElement(te,{gridWidth:(H+Y)*c,gridHeight:d*o.length,xOffset:U,yOffset:K,cellsWidth:c,cellsHeight:d,visibleListElementsIdsArray:de,visibleDates:ne,ReactCellChildren:l}))))},exports.ScreenSteps=({steps:n,defaultStep:t=0,onStepChange:l=()=>{},canNavigate:a,overrideStep:o})=>{const r=e.useRef(null),[i,c]=e.useState(t),[d,s]=ge(r);e.useEffect((()=>{void 0!==o&&o<n.length&&o>=0&&o!==i&&c(o)}),[o]);return e.createElement("section",{className:de},e.createElement("nav",{className:se},n.map(((n,t)=>e.createElement("div",{key:n.innerText,className:ue,"data-is-completed":t<i,"data-is-current":t===i,"data-can-navigate":a,onClick:()=>{a&&(c(t),l(t))}},n.innerText)))),e.createElement("p",{className:_e},n[i].outterText),e.createElement("div",{className:me,style:{height:s||"100%"}},e.createElement("div",{ref:r,className:pe,style:(()=>{const e=100/n.length;return{width:100*n.length+"%",transform:`translateX(-${e*i}%)`}})()},n.map(((t,l)=>e.createElement("div",{key:t.innerText,className:be,"data-is-current":l===i,style:{width:100/n.length+"%"}},t.component))))))},exports.ScrollSnapGallery=({urls:t=[],alts:l,width:a="400px",height:r="300px",IndicatorIcon:i=o.GoDotFill,positionIndicatorSize:c=Math.min(t.length,6),iconSize:d=16,showArrows:s=!1,frameStyle:u={},onSlideChange:_=()=>{},autoChange:m=!1})=>{const p=e.useRef(null),[b,g]=e.useState(0),[h,f]=e.useState(0),[S,y]=e.useState(c-1),[x,v]=e.useState(0),[w,C]=e.useState(0),k=e=>{let n=ve;b===e&&(n+=` ${we}`);const l=0!==h&&e===h,a=S!==t.length-1&&e===S;(l||a)&&(n+=` ${ke}`);const o=0!==h&&e===h+1,r=S!==t.length-1&&e===S-1;return(o||r)&&(n+=` ${Ce}`),(e<h||e>S)&&(n+=` ${Ee}`),n};return e.useEffect((()=>{v(h*d)}),[h]),e.useEffect((()=>{_(b)}),[b]),e.useEffect((()=>{if(m){const e=setInterval((()=>{C((e=>e+1))}),3e3);return()=>clearInterval(e)}}),[m]),e.useEffect((()=>{if(m){const e=p.current;e&&e.scrollLeft===e.scrollWidth-e.clientWidth?e.scrollLeft=0:e&&(e.scrollLeft+=e.clientWidth)}}),[m,w]),e.createElement("section",{className:he},e.createElement("div",{ref:p,className:fe,style:Object.assign(Object.assign({},u),{width:a,height:r}),onScroll:e=>{const{scrollLeft:n,clientWidth:l}=e.target,a=l,o=Math.round(n/a);if(g(o),o<=h){const e=Math.max(o-1,0),n=e+c-1;f(e),y(n)}else if(o>=S){const e=Math.min(o+1,t.length-1),n=e-c+1;y(e),f(n)}}},t.map(((n,t)=>e.createElement("img",{key:n+t,src:n,alt:l?l[t]:"gallery picture"})))),e.createElement("div",{className:Se},s&&e.createElement(n.BsArrowLeftCircle,{className:ye,onClick:()=>{const e=p.current;e&&(e.scrollLeft-=e.clientWidth)}}),e.createElement("div",{className:xe,style:{transform:`translateX(calc(50% - ${x}px - ${d*c/2}px))`}},t.map(((n,t)=>e.createElement(i,{key:n+t,className:k(t),style:{width:d,height:d}})))),s&&e.createElement(n.BsArrowRightCircle,{className:ye,onClick:()=>{const e=p.current;e&&(e.scrollLeft+=e.clientWidth)}})))},exports.StackedCards=({cards:n,initialCard:t,onCardChangeByUser:l,overrideSelectedCard:a,stackingOrientation:o=60,cardWidth:r=300,cardHeight:i=350})=>{const[c,d]=e.useState(t),s=o>0?o%Ie:Ie+o%Ie,u=Math.PI/180*o,_=e=>({horizontalOffset:80*Math.cos(u)/n.length*e,verticalOffset:80*Math.sin(u)/n.length*e}),m=e=>{const t={};let l=0,a=0,o=0;const r=_(e<c?e+1:e);e===c?o=n.length+1:(l=r.horizontalOffset,a=r.verticalOffset,o=n.length-e),t.zIndex=o;const i=e=>{t.right=e.right,t.bottom=e.bottom,t.left=e.left,t.top=e.top},d=s>90&&s<=180,u=s>180&&s<=270,m=s>270&&s<=Ie;return s>=0&&s<=90?i({right:`${l}px`,bottom:`${a}px`,left:"",top:""}):d?i({right:"",bottom:`${a}px`,left:-l+"px",top:""}):u?i({right:"",bottom:"",left:-l+"px",top:-a+"px"}):m&&i({right:`${l}px`,bottom:"",left:"",top:-a+"px"}),t};return e.useEffect((()=>{void 0!==a&&a>=0&&a<n.length&&d(a)}),[a]),e.createElement("div",{className:Me,style:(()=>{const e=_(n.length-1).horizontalOffset+4,t=_(n.length-1).verticalOffset+4;return{width:r+Math.abs(e),height:i+Math.abs(t)}})()},n.map(((n,t)=>e.createElement("div",{className:De,key:t,"data-is-selectable":t!==c,"data-should-card-rise":s>=0&&s<=180,style:Object.assign({height:i,width:r},m(t)),onClick:()=>{c!==t&&(d(t),l&&l(t))}},e.createElement("div",{className:Ne},n.title),e.createElement("div",{className:ze},n.content)))))},exports.useIntersectionObserver=function(n,t){const[l,a]=e.useState(!1),o=e.useRef(null);return e.useEffect((()=>(o.current&&o.current.disconnect(),o.current=new IntersectionObserver((([e])=>{a(e.isIntersecting)}),t),n.current&&o.current.observe(n.current),()=>{o.current&&o.current.disconnect()})),[n,t]),l},exports.useOutsideClick=S,exports.useResizeObserver=ge,exports.useWindowsSize=oe;
1
+ "use strict";var e=require("react"),t=require("react-dom"),n=require("react-icons/bs"),r=require("react-icons/io5"),l=require("react-icons/pi"),a=require("react-icons/go"),o=require("react-icons/ai");function i(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===n&&r.firstChild?r.insertBefore(l,r.firstChild):r.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}i(':root,\n[data-trc-theme] {\n --trc-font-family: Arial, Helvetica, sans-serif;\n --trc-font-family-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",\n "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",\n sans-serif;\n --trc-font-family-mono: source-code-pro, Menlo, Monaco, Consolas, "Courier New",\n monospace;\n\n --trc-color-primary: #ec6321;\n --trc-color-primary-soft: rgba(236, 99, 33, 0.35);\n --trc-color-primary-muted: rgba(236, 99, 33, 0.55);\n --trc-color-primary-contrast: #ffffff;\n --trc-color-secondary: #46ba0d;\n --trc-color-secondary-soft: #b7d4b6;\n --trc-color-focus: #19448d;\n --trc-color-danger: #f34d1b;\n --trc-color-danger-soft: #e17959;\n --trc-color-success: #2f8a17;\n --trc-color-warning: #b86f00;\n --trc-color-info: #19448d;\n\n --trc-color-text: #333333;\n --trc-color-text-muted: #787878;\n --trc-color-text-subtle: #959595;\n --trc-color-text-disabled: #c9c9c9;\n --trc-color-disabled-soft: rgba(149, 149, 149, 0.2);\n --trc-color-surface: #ffffff;\n --trc-color-surface-raised: rgba(255, 255, 255, 0.92);\n --trc-color-surface-muted: #fafafa;\n --trc-color-surface-hover: #f1f1f1;\n --trc-color-surface-active: #cfcfcf;\n --trc-color-border: #d8d8d8;\n --trc-color-border-subtle: #ebebeb;\n --trc-color-overlay: rgba(0, 0, 0, 0.3);\n\n --trc-radius-xs: 4px;\n --trc-radius-sm: 6px;\n --trc-radius-md: 8px;\n --trc-radius-lg: 10px;\n --trc-radius-pill: 999px;\n\n --trc-space-1: 4px;\n --trc-space-2: 8px;\n --trc-space-3: 12px;\n --trc-space-4: 16px;\n --trc-space-5: 20px;\n\n --trc-font-size-xs: 12px;\n --trc-font-size-sm: 14px;\n --trc-font-size-md: 16px;\n --trc-font-size-lg: 20px;\n --trc-font-size-xl: 24px;\n --trc-font-size-2xl: 32px;\n --trc-font-weight-regular: 400;\n --trc-font-weight-medium: 500;\n --trc-font-weight-semibold: 600;\n --trc-font-weight-bold: 700;\n --trc-line-height-tight: normal;\n\n --trc-border-width: 1px;\n --trc-control-border-width: 2px;\n --trc-shadow-sm: 1px 1px 2px rgba(90, 90, 90, 0.3);\n --trc-shadow-md: 3px 3px 4px 1px rgba(90, 90, 90, 0.3);\n --trc-shadow-md-inverse: -3px 3px 4px rgba(90, 90, 90, 0.3);\n --trc-shadow-lg: 0px 14px 36px 2px rgba(0, 0, 0, 0.15);\n --trc-shadow-modal: 0px 0px 16px rgba(0, 0, 0, 0.15);\n --trc-transition-fast: 100ms ease-in-out;\n --trc-transition-base: 200ms ease-in-out;\n --trc-transition-slow: 300ms ease-in-out;\n\n --primary-color: var(--trc-color-primary);\n --secondary-color: var(--trc-color-secondary);\n --green-palette-one: #7bce51;\n --green-palette-two: #52ac25;\n --green-palette-three: #3a8117;\n --green-palette-four: #27580f;\n --green-palette-five: #1b3a0c;\n --light-gray: var(--trc-color-text-subtle);\n --medium-gray: var(--trc-color-text-muted);\n --border-tenues: var(--trc-border-width) solid var(--trc-color-border-subtle);\n}\n\nbody {\n margin: 0;\n font-family: var(--trc-font-family-system);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n color: var(--trc-color-text);\n}\n\nbody p {\n line-height: var(--trc-line-height-tight);\n margin: 0;\n}\n\ncode {\n font-family: var(--trc-font-family-mono);\n}\n\ninput[type="checkbox"] {\n /* Add if not using autoprefixer */\n -webkit-appearance: none;\n /* Remove most all native input styles */\n appearance: none;\n /* For iOS < 15 */\n background-color: var(--trc-color-surface);\n /* Not removed via appearance */\n margin: 0;\n\n font: inherit;\n color: var(--trc-color-text-muted);\n min-width: 1.15em;\n width: 1.15em;\n height: 1.15em;\n border: 0.15em solid var(--trc-color-text-muted);\n border-radius: 0.15em;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n}\n\ninput[type="checkbox"]::before {\n content: "";\n width: 0.65em;\n height: 0.65em;\n clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\n transform: scale(0);\n transform-origin: bottom left;\n transition: 120ms transform ease-in-out;\n box-shadow: inset 1em 1em var(--primary-color);\n /* Windows High Contrast Mode */\n background-color: CanvasText;\n}\n\ninput[type="checkbox"]:checked::before {\n transform: scale(1);\n}\n\ninput[type="checkbox"]:focus {\n outline: max(2px, 0.08em) solid var(--trc-color-text-subtle);\n outline-offset: max(2px, 0.08em);\n}\n\ninput[type="checkbox"]:disabled {\n color: var(--trc-color-text-disabled);\n cursor: not-allowed;\n}\n');var c={"alert-modal":"AlertModal-module_alert-modal__rFDed","icon-section":"AlertModal-module_icon-section__FXzNc",title:"AlertModal-module_title__s8YQA",message:"AlertModal-module_message__WHJfH","button-section":"AlertModal-module_button-section__AoprQ","confirm-button":"AlertModal-module_confirm-button__JwESy"};i(".AlertModal-module_alert-modal__rFDed {\n background-color: var(--trc-color-surface, white);\n box-shadow: var(--trc-shadow-modal, 0px 0px 16px rgba(0, 0, 0, 0.15));\n padding: var(--trc-space-4, 16px);\n border-radius: var(--trc-radius-md, 8px);\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--trc-space-4, 16px);\n}\n.AlertModal-module_alert-modal__rFDed .AlertModal-module_icon-section__FXzNc svg {\n opacity: 0.8;\n}\n.AlertModal-module_alert-modal__rFDed .AlertModal-module_title__s8YQA {\n font-family: var(--trc-font-family, Arial, Helvetica, sans-serif);\n font-size: var(--trc-font-size-2xl, 32px);\n font-weight: var(--trc-font-weight-semibold, 600);\n color: var(--trc-color-text, #333333);\n margin: 0;\n}\n.AlertModal-module_alert-modal__rFDed .AlertModal-module_message__WHJfH {\n font-family: var(--trc-font-family, Arial, Helvetica, sans-serif);\n font-size: var(--trc-font-size-md, 16px);\n color: var(--trc-color-text, #333333);\n margin: 0;\n}\n.AlertModal-module_alert-modal__rFDed .AlertModal-module_button-section__AoprQ {\n display: flex;\n gap: var(--trc-space-4, 16px);\n}\n.AlertModal-module_alert-modal__rFDed button {\n min-width: 90px;\n border-width: 3px;\n border-style: solid;\n border-color: var(--trc-color-text-subtle, #959595);\n box-shadow: var(--trc-shadow-md-inverse, -3px 3px 4px rgba(90, 90, 90, 0.3));\n color: var(--trc-color-text-subtle, #959595);\n background-color: var(--trc-color-surface, white);\n border-radius: var(--trc-radius-md, 8px);\n padding: var(--trc-space-2, 8px) var(--trc-space-4, 16px);\n box-sizing: border-box;\n text-align: center;\n font-family: var(--trc-font-family, Arial, Helvetica, sans-serif);\n font-size: var(--trc-font-size-md, 16px);\n font-style: normal;\n font-weight: var(--trc-font-weight-semibold, 600);\n line-height: var(--trc-line-height-tight, normal);\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 8px;\n -webkit-tap-highlight-color: transparent;\n -webkit-user-select: none;\n user-select: none;\n}\n.AlertModal-module_alert-modal__rFDed button.AlertModal-module_confirm-button__JwESy {\n border-color: var(--trc-color-focus, #19448d);\n background-color: var(--trc-color-focus, #19448d);\n color: var(--trc-color-primary-contrast, white);\n}\n.AlertModal-module_alert-modal__rFDed button {\n cursor: pointer;\n transition: all var(--trc-transition-fast, 100ms ease-in-out);\n}\n.AlertModal-module_alert-modal__rFDed button:active {\n transform: translate(-1px, 1px);\n box-shadow: var(--trc-shadow-sm, -1px 1px 2px rgba(90, 90, 90, 0.3));\n}");var d={"blured-background":"Modal-module_blured-background__Vw4vW"};i(".Modal-module_blured-background__Vw4vW {\n position: fixed;\n width: 100vw;\n height: 100vh;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n top: 0;\n left: 0;\n z-index: 1010;\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n animation-duration: 450ms;\n animation-fill-mode: forwards;\n}\n.Modal-module_blured-background__Vw4vW[data-is-visible=true] {\n animation-name: Modal-module_modal-appear__XBiM-;\n}\n.Modal-module_blured-background__Vw4vW[data-is-visible=false] {\n animation-name: Modal-module_modal-disappear__Ik1hU;\n}\n\n@keyframes Modal-module_modal-appear__XBiM- {\n 0% {\n opacity: 0;\n -webkit-backdrop-filter: blur(0px);\n backdrop-filter: blur(0px);\n }\n 100% {\n opacity: 1;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n }\n}\n@keyframes Modal-module_modal-disappear__Ik1hU {\n 0% {\n opacity: 1;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n }\n 100% {\n opacity: 0;\n -webkit-backdrop-filter: blur(0px);\n backdrop-filter: blur(0px);\n }\n}");const s=({children:n,overrideOpenState:r=!1,forced:l=!1,onOpen:a,onClose:o})=>{const[i,c]=e.useState(r),[s,u]=e.useState(r);return e.useEffect((()=>{r?(c(!0),a&&a()):r||(c(!1),o&&o())}),[r,a,o]),e.useEffect((()=>{i?u(!0):i||setTimeout((()=>{u(!1)}),500)}),[i]),s?t.createPortal(e.createElement("div",{className:d["blured-background"],"data-is-visible":i,onClick:()=>{l||(c(!1),o&&o())}},e.createElement("div",null,e.createElement("div",{className:d.modal,"data-closed":!r,onClick:e=>{e.stopPropagation()}},n))),document.getElementById("root")||document.body):e.createElement(e.Fragment,null)};var u="BubbleMenu-module_menu-container__xrNNC",m="BubbleMenu-module_menu-button__I5R0w";i(".BubbleMenu-module_menu-container__xrNNC {\n position: fixed;\n z-index: -1;\n top: 0px;\n padding-top: 80px;\n box-sizing: border-box;\n}\n.BubbleMenu-module_menu-container__xrNNC[data-status=visible] {\n z-index: 100;\n width: 100vw;\n height: 100vh;\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(5px);\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 height: 0vh;\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: 0px;\n margin: 0;\n}\n.BubbleMenu-module_menu-container__xrNNC ul li {\n width: -moz-fit-content;\n width: fit-content;\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: var(--trc-color-text-subtle, #959595);\n box-shadow: var(--trc-shadow-md, 3px 3px 4px 1px rgba(90, 90, 90, 0.3));\n color: var(--trc-color-text-subtle, #959595);\n background-color: var(--trc-color-surface-raised, rgba(255, 255, 255, 0.9));\n -webkit-tap-highlight-color: transparent;\n -webkit-user-select: none;\n user-select: none;\n cursor: pointer;\n transition: all var(--trc-transition-fast, 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: var(--trc-radius-pill, 50px);\n font-family: var(--trc-font-family, Arial, Helvetica, sans-serif);\n font-size: var(--trc-font-size-sm, 14px);\n font-style: normal;\n font-weight: var(--trc-font-weight-medium, 500);\n line-height: var(--trc-line-height-tight, 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: var(--trc-shadow-sm, 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: var(--trc-color-surface-raised, rgba(255, 255, 255, 0.7));\n border-radius: var(--trc-radius-pill, 25px);\n border-width: 3px;\n border-style: solid;\n border-color: var(--trc-color-text-subtle, #959595);\n box-shadow: var(--trc-shadow-md, 3px 3px 4px 1px rgba(90, 90, 90, 0.3));\n color: var(--trc-color-text-subtle, #959595);\n background-color: var(--trc-color-surface-raised, rgba(255, 255, 255, 0.9));\n -webkit-tap-highlight-color: transparent;\n -webkit-user-select: none;\n user-select: none;\n cursor: pointer;\n transition: all var(--trc-transition-fast, 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: var(--trc-color-text, #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: var(--trc-color-text, #0d280b);\n font-family: var(--trc-font-family, Arial, Helvetica, sans-serif);\n font-size: 10px;\n font-style: normal;\n font-weight: var(--trc-font-weight-semibold, 600);\n line-height: var(--trc-line-height-tight, normal);\n}\n.BubbleMenu-module_menu-button__I5R0w:active {\n transform: translate(1px, 1px);\n box-shadow: var(--trc-shadow-sm, 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 min-width: 0vw;\n }\n 1% {\n background-color: transparent;\n min-width: 100vw;\n }\n 100% {\n background-color: var(--trc-color-overlay, rgba(0, 0, 0, 0.3));\n min-width: 100vw;\n }\n}\n@keyframes BubbleMenu-module_hide-background__ESkim {\n 0% {\n background-color: var(--trc-color-overlay, rgba(0, 0, 0, 0.3));\n min-width: 100vw;\n }\n 99% {\n background-color: transparent;\n min-width: 100vw;\n }\n 100% {\n background-color: transparent;\n min-width: 0vw;\n }\n}");const _={en:{menu:"menu",close:"close"},es:{menu:"menú",close:"cerrar"}};var p="CalendarDatePicker-module_calendar-date-picker__-G7aY",b="CalendarDatePicker-module_today-button__YgI7t",f="CalendarDatePicker-module_month-and-year__LHJ8I",g="CalendarDatePicker-module_month-input__sFUHA",h="CalendarDatePicker-module_week-days__j2XJ-";i('@property --angle {\n sintax: "<angle>";\n inherits: false;\n initial-value: 270deg;\n}\n@property --color-default {\n sintax: "<color>";\n inherits: false;\n initial-value: white;\n}\n@property --color-selected {\n sintax: "<color>";\n inherits: false;\n initial-value: #e3f3e3;\n}\n@property --percentage-default {\n sintax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --percentage-selected {\n sintax: "<percentage>";\n inherits: false;\n initial-value: 0%;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY {\n position: relative;\n font-family: var(--trc-font-family, Arial, Helvetica, sans-serif);\n width: 390px;\n color: var(--trc-color-text-subtle, #959595);\n font-weight: var(--trc-font-weight-semibold, 600);\n font-style: normal;\n line-height: normal;\n -webkit-tap-highlight-color: transparent;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t {\n position: absolute;\n top: 0px;\n right: 5px;\n border: solid var(--trc-control-border-width, 2px) var(--trc-color-text-muted, #787878);\n border-radius: var(--trc-radius-sm, 6px);\n padding: 4px 8px;\n font-size: 18px;\n background-color: var(--trc-color-surface, white);\n color: var(--trc-color-text-muted, #787878);\n transition: all var(--trc-transition-fast, 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: var(--trc-color-surface-hover, #f3f3f3);\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_today-button__YgI7t:active {\n background-color: var(--trc-color-surface-active, #cfcfcf);\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n text-align: center;\n font-size: 22px;\n padding: 10px 0px;\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA {\n width: fit-content;\n background-color: transparent;\n border: transparent;\n text-align: right;\n font-size: 24px;\n margin-right: 10px;\n color: var(--trc-color-text-subtle, #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: var(--trc-color-surface, white);\n color: var(--trc-color-text-subtle, #959595);\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_month-and-year__LHJ8I .CalendarDatePicker-module_month-input__sFUHA option:disabled {\n color: var(--trc-color-text-disabled, #cfcfcf);\n}\n.CalendarDatePicker-module_calendar-date-picker__-G7aY .CalendarDatePicker-module_week-days__j2XJ- {\n display: flex;\n align-items: center;\n border-bottom: var(--trc-border-width, 1px) solid var(--trc-color-border-subtle, #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 v="InputBoxWithConfirmation-module_div-wrapper__DdQ1-",y="InputBoxWithConfirmation-module_focused__C6kd0",x="InputBoxWithConfirmation-module_input-box-with-confirmation__W4NkN",S="InputBoxWithConfirmation-module_button-for-input-box-with-confirmation__qUi-Y";function w(t,n,r=[]){e.useEffect((()=>{function e(e){t.current&&!t.current.contains(e.target)&&r.every((t=>t.current!==e.target))&&n()}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[t,n,r])}i(".InputBoxWithConfirmation-module_div-wrapper__DdQ1- {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border: solid var(--trc-border-width, 1px) var(--trc-color-border, rgb(184, 184, 184));\n background-color: var(--trc-color-surface-muted, rgb(250, 250, 250));\n border-radius: var(--trc-radius-md, 8px);\n transition: border 0.3s;\n cursor: text;\n}\n.InputBoxWithConfirmation-module_div-wrapper__DdQ1-.InputBoxWithConfirmation-module_focused__C6kd0 {\n border-color: var(--trc-color-focus, #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-family: var(--trc-font-family, Arial, Helvetica, sans-serif);\n font-size: var(--trc-font-size-md, 16px);\n font-weight: var(--trc-font-weight-semibold, 600);\n color: var(--trc-color-text-muted, 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: var(--trc-color-text-subtle, rgb(158, 158, 158));\n width: 32px;\n height: 32px;\n border-radius: var(--trc-radius-pill, 16px);\n font-size: var(--trc-font-size-md, 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: var(--trc-color-surface-hover, rgb(241, 241, 241));\n color: var(--trc-color-primary, var(--primary-color));\n}");const C=({onConfirmAction:t,inputType:r="text",minimumValue:l="",maximumValue:a="",maxLength:o,placeholder:i="",divWrapperCustomStyle:c,inputBoxCustomStyle:d,defaultValue:s,overrideCurrentValue:u,showConfirmationButton:m,disabled:_})=>{const p=e.useRef(null),b=e.useRef(null),[f,g]=e.useState(void 0!==s?String(s):""),[h,C]=e.useState(void 0!==s?String(s):""),[k,E]=e.useState(!1),M=()=>{if(!h&&"0"!==h&&""!==h)return f;if("number"===r){let e=Number(h);return""!==l&&e<Number(l)?e=Number(l):""!==a&&e>Number(a)&&(e=Number(a)),String(e)}return h},D=()=>{const e=M();C(e),e&&(t(e),g(e))};return w(b,(()=>{k&&(m?C(f):D(),E(!1))})),e.useEffect((()=>{void 0!==u?(C(String(u)),g(String(u))):null===u&&(C(""),g(""))}),[u]),e.createElement("div",{ref:b,style:c,className:`${v} ${k?y:""}`,onClick:()=>{p.current&&p.current.focus()}},e.createElement("input",{ref:p,disabled:_,className:x,type:r,style:Object.assign({width:`${((null==h?void 0:h.length)?h.length:0)+7}ch`},d),min:l,max:a,maxLength:o,placeholder:i,value:k?h:f,onClick:e=>{e.stopPropagation()},onChange:e=>{let t=e.target.value;o&&t.length>o&&(t=t.slice(0,o)),C(t)},onFocus:e=>{g(e.target.value),C(e.target.value),E(!0)},onKeyDown:e=>{"Enter"===e.key||"NumpadEnter"===e.key||"Tab"===e.key?(D(),E(!1),p.current&&p.current.blur()):"Escape"!==e.key&&"Esc"!==e.key||(C(f),E(!1),p.current&&p.current.blur())}}),!_&&m&&e.createElement(e.Fragment,null,k?e.createElement("button",{title:"Confirm",type:"button",className:S,onClick:()=>{D(),E(!1)}},e.createElement(n.BsCheckLg,null)):e.createElement("button",{title:"Edit",type:"button",className:S,onClick:()=>{p.current&&p.current.focus()}},e.createElement(n.BsPencil,null))))};var k={"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 E(e){return 0===e.getDay()?6:e.getDay()-1}function M(e){const t=e=>Number(e)<10?"-0":"-";return e.getFullYear().toString().concat(t(e.getMonth()+1),(e.getMonth()+1).toString().concat(t(e.getDate()),e.getDate().toString()))}i('@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: var(--trc-border-width, 1px) solid var(--trc-color-border-subtle, #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: var(--trc-color-surface-hover, #f3f3f3);\n --color-selected: var(--trc-color-secondary-soft, #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 var(--trc-control-border-width, 2px) var(--trc-color-text-muted, #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(--trc-color-text-muted, 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: var(--trc-color-surface-hover, #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: var(--trc-color-surface-hover, #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: var(--trc-color-text-subtle, #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 D=["enero","febrero","marzo","abril","mayo","junio","julio","agosto","septiembre","octubre","noviembre","diciembre"],z=["january","february","march","april","may","june","july","august","september","october","november","december"];function N(e,t){return`${("es_ES"===t?D:z)[e.getMonth()]} ${e.getFullYear()}`}function I(e){const t=(n=e,new Date(n.getFullYear(),n.getMonth()+1,0).getDate());var n;const r=e.getFullYear(),l=e.getMonth(),a=t-(7-E(new Date(r,l,1)));return Math.ceil(a/7)+1}const F=(e,t)=>{const n=(t,n)=>{const r=new Date(t,n,1),l=new Date(e.minimumDate.getFullYear(),e.minimumDate.getMonth(),1),a=new Date(e.maximumDate.getFullYear(),e.maximumDate.getMonth()+1,0),o=r.valueOf()<l.valueOf(),i=r.valueOf()>a.valueOf();return!o&&!i},r={setMonth:()=>n(e.year,t.value)?Object.assign(Object.assign({},e),{month:t.value}):Object.assign({},e),setYear:()=>n(t.value,e.month)?Object.assign(Object.assign({},e),{year:t.value}):Object.assign({},e),setMinimumDate:()=>Object.assign(Object.assign({},e),{minimumDate:new Date(t.value)}),setMaximumdate:()=>Object.assign(Object.assign({},e),{maximumDate:new Date(t.value)}),changeByMonthOffset:()=>{const r=new Date(e.year,e.month+t.value,1);return n(e.year,e.month+t.value)?Object.assign(Object.assign({},e),{year:r.getFullYear(),month:r.getMonth()}):Object.assign({},e)}}[t.type]();return r||Object.assign({},e)},W=({dates:t,month:n,year:r,mode:l,onSelectedDatesChange:a,onFocusedMonth:o,customDates:i=[],minimumDate:c=new Date(1970,0,1),maximumDate:d=new Date((new Date).getFullYear()+100,1,1)})=>{const[s,u]=e.useReducer(F,{month:n,year:r,minimumDate:c,maximumDate:d}),m=e.useRef(null),_=e=>!i.some((t=>t.dates.some((t=>t.valueOf()===e.valueOf()))&&!t.selectable)),p=e=>{let t=k["day-cell"];return i.some((t=>t.dates.some((t=>t.valueOf()===e.valueOf()))&&t.crossed))&&(t+=` ${k.crossed}`),t},b=e=>{let n=k.day;M(e)===M(new Date)&&(n+=` ${k.today}`),e.getMonth()===s.month?n+=` ${k["in-month"]}`:n+=` ${k["not-in-month"]}`;const r=t.some((t=>t.valueOf()===e.valueOf())),a=("range"===l||"booking"===l)&&2===t.length&&t[0].valueOf()<e.valueOf()&&e.valueOf()<t[1].valueOf();if((r||a)&&(n+=` ${k.selected}`),"booking"===l){2===t.length&&e.valueOf()===t[0].valueOf()&&(n+=` ${k["check-in"]}`);2===t.length&&e.valueOf()===t[1].valueOf()&&(n+=` ${k["check-out"]}`)}_(e)?n+=` ${k.selectable}`:n+=` ${k["not-selectable"]}`;return(e.valueOf()<c.valueOf()||e.valueOf()>d.valueOf())&&(n+=` ${k["out-of-selection"]}`),n},f=e=>{const t=i.find((t=>t.dates.some((t=>t.valueOf()===e.valueOf()))));return t?{backgroundColor:t.color}:void 0};return e.useEffect((()=>{m.current&&(m.current.scrollTop=m.current.scrollHeight/5*2)}),[]),e.useEffect((()=>{o(s.month,s.year)}),[s.year,s.month,o]),e.createElement("section",{ref:m,className:k["calendar-scrollable-section"],onScroll:e=>{const t=e.target,n=t.scrollHeight/5,r=1.25*n,l=2.75*n;t.scrollTop<r&&u({type:"changeByMonthOffset",value:-1}),t.scrollTop>l&&u({type:"changeByMonthOffset",value:1})}},Array(5).fill(0).map(((n,r)=>{const o=r-2,u=new Date(s.year,s.month+o,1),m=0===new Date(s.year,s.month+o+1,0).getDay();let g=I(u);m||(g-=1);const h=E(u);return e.createElement("div",{className:k["days-grid"],key:`grid:${M(u)}}`},Array(g).fill(0).map(((n,r)=>e.createElement("div",{className:k["days-row"],key:`grid:${M(u)}-row:${r}`},Array(7).fill(0).map(((n,u)=>{const m=s.month+o,g=7*r+u+1-h,v=new Date(s.year,m,g);return e.createElement("div",{className:p(v),key:M(v),onClick:()=>(e=>{if(i.forEach((t=>{t.dates.some((t=>t.valueOf()===e.valueOf()))&&(t.clickSideEffect&&t.clickSideEffect(e),t.clearSelectionIfClicked)&&a([])})),!_(e))return;if(e.valueOf()<c.valueOf()||e.valueOf()>d.valueOf())return;let n=[...t];"single"===l&&(n=[e]),"multiple"===l&&(n=t.some((t=>t.valueOf()===e.valueOf()))?t.filter((t=>t.valueOf()!==e.valueOf())):[...t,e]),"range"===l&&(n=0===t.length?[e]:1===t.length?t[0].valueOf()<e.valueOf()?[...t,e]:[e,t[0]]:[]),"booking"===l&&(n=0===t.length?[e]:t[0].valueOf()===e.valueOf()?[]:1===t.length?t[0].valueOf()<e.valueOf()?[...t,e]:[e,t[0]]:[]),a(n)})(v)},e.createElement("div",{className:k["cross-line"]}),e.createElement("div",{className:b(v)},e.createElement("div",{className:k.background},e.createElement("div",{className:k["first-half"],style:f(v)}),e.createElement("div",{className:k["second-half"],style:f(v)})),e.createElement("p",null,v.getDate())))}))))))})))},O={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,t)=>{switch(e){case 0:return O[t].january;case 1:return O[t].february;case 2:return O[t].march;case 3:return O[t].april;case 4:return O[t].may;case 5:return O[t].june;case 6:return O[t].july;case 7:return O[t].august;case 8:return O[t].september;case 9:return O[t].october;case 10:return O[t].november;case 11:return O[t].december;default:return""}};var A="IntegerControl-module_integer-control__-tzTl",G="IntegerControl-module_default__FJoED";i(".IntegerControl-module_integer-control__-tzTl {\n display: flex;\n align-items: center;\n -webkit-tap-highlight-color: transparent;\n}\n.IntegerControl-module_integer-control__-tzTl button {\n border: none;\n background: none;\n padding: 0;\n margin: 0;\n}\n.IntegerControl-module_integer-control__-tzTl button svg {\n height: 44px;\n width: 44px;\n fill: var(--trc-color-text-disabled, #c9c9c9);\n transition: fill var(--trc-transition-fast, 100ms ease-in-out);\n cursor: pointer;\n}\n.IntegerControl-module_integer-control__-tzTl button svg:active {\n fill: var(--trc-color-text-muted, #787878);\n}\n.IntegerControl-module_integer-control__-tzTl input {\n border: none;\n background: none;\n padding: 0;\n color: var(--trc-color-text, #414141);\n text-align: center;\n font-family: var(--trc-font-family, Arial, Helvetica, sans-serif);\n font-size: var(--trc-font-size-2xl, 32px);\n font-style: normal;\n font-weight: var(--trc-font-weight-semibold, 600);\n line-height: var(--trc-line-height-tight, normal);\n min-width: 50px;\n transition: color 300ms ease-in-out;\n}\n.IntegerControl-module_integer-control__-tzTl input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.IntegerControl-module_integer-control__-tzTl input:focus {\n outline: transparent;\n}\n.IntegerControl-module_integer-control__-tzTl.IntegerControl-module_default__FJoED input {\n color: var(--trc-color-text-muted, #787878);\n}");var L="LabeledInput-module_labeled-input__xzE4h",R="LabeledInput-module_error-message__5-9lv";i(".LabeledInput-module_labeled-input__xzE4h {\n position: relative;\n border-radius: var(--trc-radius-md, 8px);\n border: var(--trc-control-border-width, 2px) solid var(--trc-color-text-subtle, #959595);\n padding: 0px 28px;\n background: var(--trc-color-surface, #fff);\n box-sizing: border-box;\n transition: all var(--trc-transition-base, 200ms ease-in-out);\n cursor: pointer;\n}\n.LabeledInput-module_labeled-input__xzE4h label {\n z-index: 1;\n position: absolute;\n color: var(--trc-color-text-subtle, #959595);\n font-family: var(--trc-font-family, Arial, Helvetica, sans-serif);\n font-size: var(--trc-font-size-lg, 20px);\n font-style: normal;\n font-weight: var(--trc-font-weight-regular, 400);\n line-height: var(--trc-line-height-tight, normal);\n top: 50%;\n left: 28px;\n padding: 0;\n height: 2px;\n display: flex;\n align-items: center;\n transition: all 250ms ease-in-out;\n -webkit-user-select: none;\n user-select: none;\n}\n.LabeledInput-module_labeled-input__xzE4h label[data-is-shrinked=true] {\n top: -2px;\n left: 10px;\n font-weight: var(--trc-font-weight-semibold, 600);\n font-size: var(--trc-font-size-xs, 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: var(--trc-font-family, Arial, Helvetica, sans-serif);\n font-size: var(--trc-font-size-lg, 20px);\n font-style: normal;\n font-weight: var(--trc-font-weight-regular, 400);\n line-height: var(--trc-line-height-tight, normal);\n color: var(--trc-color-text-subtle, #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[data-has-error=true] {\n border-color: var(--trc-color-danger, #f34d1b);\n}\n.LabeledInput-module_labeled-input__xzE4h[data-has-error=true] label {\n color: var(--trc-color-danger-soft, #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: var(--trc-color-danger, #f34d1b);\n font-family: var(--trc-font-family, Arial, Helvetica, sans-serif);\n font-size: var(--trc-font-size-xs, 12px);\n font-style: normal;\n font-weight: var(--trc-font-weight-regular, 400);\n line-height: var(--trc-line-height-tight, normal);\n padding: 0;\n transition: all var(--trc-transition-base, 200ms ease-in-out);\n}");const B=864e5;function j(e,t,n,r){null!==t.current&&(t.current.scrollLeft=(Date.parse(e.toString())-(Date.parse((new Date).toString())-n*B))/B*r)}function Y(t,n,r){let l=Date.parse((new Date).toString())-t*B,a=Date.parse((new Date).toString())+n*B,o=[],i=[];for(let t=0;t*B+l<a;t++){let n=new Date(B*t+l),a=n;a.setDate(1),a.setHours(12,0,0,0);let c=N(n,r);i.includes(c)||(i.push(c),o.push(e.createElement("option",{key:M(a),value:M(a)},c)))}return o}var H={multicalendar:"Multicalendar-module_multicalendar__koIJg","div-upper-left-component":"Multicalendar-module_div-upper-left-component__BL2vu",controls:"Multicalendar-module_controls__Ryigr","div-dates-navigation":"Multicalendar-module_div-dates-navigation__N4Dna","div-aditional-controls-components":"Multicalendar-module_div-aditional-controls-components__ElQQF","vertical-axis":"Multicalendar-module_vertical-axis__otLXf","div-list-element-column":"Multicalendar-module_div-list-element-column__MSfNT","horizontal-axis":"Multicalendar-module_horizontal-axis__cn4Nh","div-weeks-buttons":"Multicalendar-module_div-weeks-buttons__37T5W","past-week-button":"Multicalendar-module_past-week-button__X8k5t","next-week-button":"Multicalendar-module_next-week-button__l1DCS","div-dates-row":"Multicalendar-module_div-dates-row__5CKuX","div-main-container":"Multicalendar-module_div-main-container__wMIlM","main-container":"Multicalendar-module_main-container__DZjT2"};i('.Multicalendar-module_multicalendar__koIJg {\n display: grid;\n color: var(--trc-color-text, black);\n font-family: var(--trc-font-family, Arial, Helvetica, sans-serif);\n width: 100%;\n height: 100%;\n grid-template-areas: "fil con" "fil hor" "ver gri";\n text-align: center;\n transition: 0.5s;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_div-upper-left-component__BL2vu {\n grid-area: fil;\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 2;\n background-color: var(--trc-color-surface, white);\n border-bottom: var(--trc-border-width, 1px) solid var(--trc-color-border-subtle, rgb(235, 235, 235));\n border-right: var(--trc-border-width, 1px) solid var(--trc-color-border-subtle, rgb(235, 235, 235));\n box-sizing: border-box;\n display: flex;\n flex-flow: column;\n justify-content: center;\n align-items: center;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_controls__Ryigr {\n grid-area: con;\n height: 100%;\n padding: 2px;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap-reverse;\n box-sizing: border-box;\n border-bottom: var(--border-tenues);\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_controls__Ryigr .Multicalendar-module_div-dates-navigation__N4Dna {\n display: flex;\n align-items: center;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_controls__Ryigr .Multicalendar-module_div-dates-navigation__N4Dna button {\n cursor: pointer;\n margin: 0px;\n position: relative;\n text-align: center;\n text-decoration: none;\n border: var(--trc-border-width, 1px) solid var(--trc-color-border, rgb(216, 216, 216));\n padding: 4px 8px;\n box-sizing: border-box;\n color: var(--trc-color-text, black);\n font-size: var(--trc-font-size-sm, 14px);\n touch-action: manipulation;\n border-radius: var(--trc-radius-sm, 6px);\n background: var(--trc-color-surface, rgb(255, 255, 255));\n font-weight: var(--trc-font-weight-regular, normal);\n height: calc(100% - 16px);\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_controls__Ryigr .Multicalendar-module_div-aditional-controls-components__ElQQF {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n flex-grow: 1;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_div-upper-left-component__BL2vu {\n grid-area: fil;\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 2;\n background-color: var(--trc-color-surface, white);\n border-bottom: var(--trc-border-width, 1px) solid var(--trc-color-border-subtle, rgb(235, 235, 235));\n border-right: var(--trc-border-width, 1px) solid var(--trc-color-border-subtle, rgb(235, 235, 235));\n box-sizing: border-box;\n display: flex;\n flex-flow: column;\n justify-content: flex-end;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_vertical-axis__otLXf {\n grid-area: ver;\n position: relative;\n width: 100%;\n height: 100%;\n box-shadow: var(--trc-shadow-modal, rgba(0, 0, 0, 0.15) 0px 0px 16px 5px);\n z-index: 1;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_vertical-axis__otLXf .Multicalendar-module_div-list-element-column__MSfNT {\n height: 100%;\n overflow-y: scroll;\n box-sizing: border-box;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh {\n grid-area: hor;\n position: relative;\n max-width: 100%;\n height: 90px;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W {\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 74px;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_past-week-button__X8k5t,\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_next-week-button__l1DCS {\n z-index: 2;\n position: absolute;\n background-color: transparent;\n border: none;\n height: 100%;\n width: 32px;\n font-size: 1em;\n color: var(--trc-color-primary, var(--primary-color));\n border-radius: var(--trc-radius-sm, 6px);\n cursor: pointer;\n transition: all 0.3s;\n height: 75%;\n background: var(--trc-color-surface, rgb(255, 255, 255));\n box-shadow: 0px 0px 8px 8px var(--trc-color-surface, white);\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_past-week-button__X8k5t:hover,\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_next-week-button__l1DCS:hover {\n background: var(--trc-color-surface-hover, rgb(247, 247, 247));\n box-shadow: 0px 0px 8px 8px var(--trc-color-surface-hover, rgb(247, 247, 247));\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_past-week-button__X8k5t:active,\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_next-week-button__l1DCS:active {\n background: var(--trc-color-surface-active, rgb(167, 167, 167));\n box-shadow: 0px 0px 8px 8px var(--trc-color-surface-active, rgb(167, 167, 167));\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_past-week-button__X8k5t {\n left: 5px;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-weeks-buttons__37T5W .Multicalendar-module_next-week-button__l1DCS {\n right: 5px;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_horizontal-axis__cn4Nh .Multicalendar-module_div-dates-row__5CKuX {\n position: absolute;\n bottom: 0;\n width: 100%;\n overflow-x: scroll;\n border-bottom: var(--trc-border-width, 1px) solid var(--trc-color-border-subtle, rgb(235, 235, 235));\n box-sizing: border-box;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_div-main-container__wMIlM {\n grid-area: gri;\n height: 100%;\n position: relative;\n width: 100%;\n overflow: hidden;\n}\n.Multicalendar-module_multicalendar__koIJg .Multicalendar-module_main-container__DZjT2 {\n position: relative;\n min-width: 100%;\n height: 100%;\n overflow-x: scroll;\n}');var P="DatesRow-module_dates-row__roAc0",J="DatesRow-module_date-cell__xzHPT",X="DatesRow-module_div-date-cell__M2v60",$="DatesRow-module_month-start__5FSLx";i(".DatesRow-module_dates-row__roAc0 {\n box-sizing: border-box;\n display: flex;\n flex-flow: row;\n overflow-y: hidden;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT {\n position: relative;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_div-date-cell__M2v60 {\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 48px;\n display: flex;\n flex-flow: column;\n justify-content: center;\n align-items: center;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_div-date-cell__M2v60[data-is-today=true] {\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 48px;\n display: flex;\n flex-flow: column;\n justify-content: center;\n align-items: center;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_div-date-cell__M2v60[data-is-today=true] div {\n border-radius: var(--trc-radius-xs, 4px);\n background: var(--trc-color-primary, var(--primary-color, dimgray));\n color: var(--trc-color-primary-contrast, rgb(255, 255, 255));\n font-size: var(--trc-font-size-sm, 14px);\n line-height: 18px;\n font-weight: 800;\n width: 40px;\n height: 40px;\n padding: 1px 0;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_div-date-cell__M2v60 p {\n margin: 0;\n font-size: var(--trc-font-size-sm, 14px);\n line-height: 18px;\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_month-start__5FSLx {\n position: absolute;\n top: 0;\n height: 100%;\n box-sizing: border-box;\n border-left: var(--trc-border-width, 1px) solid var(--trc-color-border-subtle, rgb(235, 235, 235));\n}\n.DatesRow-module_dates-row__roAc0 .DatesRow-module_date-cell__xzHPT .DatesRow-module_month-start__5FSLx p {\n margin: 0;\n font-size: var(--trc-font-size-md, 16px);\n line-height: 20px;\n font-weight: var(--trc-font-weight-semibold, 600);\n white-space: nowrap;\n padding-left: 8px;\n padding-top: 8px;\n}");const q=({visibleDates:t,width:n,height:r,cellsWidth:l,cellsHeight:a,offset:o,language:i})=>{const c={en_EN:{sunday:"Sunday",monday:"Monday",tuesday:"Tuesday",wednesday:"Wednesday",thursday:"Thursday",friday:"Friday",saturday:"Saturday",january:"January",february:"February",march:"March",april:"April",may:"May",june:"June",july:"July",august:"August",september:"September",october:"October",november:"November",december:"December"},es_ES:{sunday:"Domingo",monday:"Lunes",tuesday:"Martes",wednesday:"Miércoles",thursday:"Jueves",friday:"Viernes",saturday:"Sábado",january:"Enero",february:"Febrero",march:"Marzo",april:"Abril",may:"Mayo",june:"Junio",july:"Julio",august:"Agosto",september:"Septiembre",october:"Octubre",november:"Noviembre",december:"Diciembre"}},d=[c[i].sunday.slice(0,2),c[i].monday.slice(0,2),c[i].tuesday.slice(0,2),c[i].wednesday.slice(0,2),c[i].thursday.slice(0,2),c[i].friday.slice(0,2),c[i].saturday.slice(0,2)],s=[c[i].january,c[i].february,c[i].march,c[i].april,c[i].may,c[i].june,c[i].july,c[i].august,c[i].september,c[i].october,c[i].november,c[i].december];return e.createElement("div",{className:P,style:{width:n,height:r,paddingLeft:o*l}},t.length>0&&t.map((t=>e.createElement("div",{key:t.toString(),className:J,style:{width:l,height:a}},e.createElement("div",{className:X,"data-is-today":t.getDate()===(new Date).getDate()&&t.getMonth()===(new Date).getMonth()&&t.getFullYear()===(new Date).getFullYear()},e.createElement("div",null,e.createElement("p",null,d[t.getDay()]),e.createElement("p",null,t.getDate()))),1===t.getDate()&&e.createElement("div",{className:$},e.createElement("p",null,s[t.getMonth()]," ",t.getFullYear()))))))};var Z="ListElementsColumn-module_list-element-column__46wTg";i(".ListElementsColumn-module_list-element-column__46wTg {\n box-sizing: border-box;\n}");var U="ListElement-module_list-element__t9ZwR";i(".ListElement-module_list-element__t9ZwR {\n position: relative;\n border-bottom: var(--trc-border-width, 1px) solid var(--trc-color-border-subtle, rgb(235, 235, 235));\n box-sizing: border-box;\n background-color: var(--trc-color-surface, white);\n cursor: pointer;\n overflow: hidden;\n}\n.ListElement-module_list-element__t9ZwR:hover {\n background-color: var(--trc-color-surface-hover, rgb(240, 240, 240));\n}");var V=e.memo((({listElementId:t,ReactListElementChildren:n,height:r})=>e.createElement("div",{className:U,style:{height:r}},e.createElement(n,{listElementId:t}))));const Q=({ReactListElementChildren:t,listHeight:n,yOffset:r,elementsHeight:l,idsArray:a})=>e.createElement("div",{className:Z,style:{height:n,paddingTop:r*l}},a.map((n=>e.createElement(V,{key:n,height:l,listElementId:n,ReactListElementChildren:t}))));var K="DatesGrid-module_dates-grid__GvBcr",ee="DatesGrid-module_div-cells-row-height__eRcXw";i(".DatesGrid-module_dates-grid__GvBcr {\n box-sizing: border-box;\n}\n.DatesGrid-module_dates-grid__GvBcr .DatesGrid-module_div-cells-row-height__eRcXw {\n box-sizing: border-box;\n}");var te="CellsRow-module_cells-row__TJvv8";i(".CellsRow-module_cells-row__TJvv8 {\n display: flex;\n flex-flow: row;\n}");var ne="Cell-module_cell__FNVcp";i(".Cell-module_cell__FNVcp {\n position: relative;\n border: var(--trc-border-width, 1px) solid var(--trc-color-border, rgb(200, 200, 200));\n border-radius: var(--trc-radius-sm, 6px);\n}");var re=e.memo((({date:t,listElementId:n,width:r,heigth:l,ReactCellChildren:a})=>e.createElement("div",{className:ne,style:{width:r,height:l}},e.createElement(a,{date:t,listElementId:n}))));const le=({listElementId:t,visibleDatesArray:n,width:r,height:l,cellsWidth:a,cellsHeight:o,ReactCellChildren:i})=>e.createElement("div",{className:te,style:{width:r,height:l}},n.length>0&&n.map((n=>e.createElement(re,{key:t+n.toString(),date:M(n),listElementId:t,width:a,heigth:o,ReactCellChildren:i})))),ae=({gridWidth:t,gridHeight:n,xOffset:r,yOffset:l,cellsWidth:a,cellsHeight:o,visibleListElementsIdsArray:i,visibleDates:c,ReactCellChildren:d})=>{const s=t-c.length*a,u=r*a>s?s:r*a;return e.createElement("div",{className:K,style:{width:t}},e.createElement("div",{className:ee,style:{height:n,paddingTop:l*o,paddingLeft:u}},i.map((t=>e.createElement(le,{key:t,listElementId:t,visibleDatesArray:c,width:c.length*a,height:o,cellsWidth:a,cellsHeight:o,ReactCellChildren:d})))))};var oe="DropdownMonthNavigation-module_dropdown-month-navigation__M-YCF";i(".DropdownMonthNavigation-module_dropdown-month-navigation__M-YCF {\n position: relative;\n display: flex;\n width: 200px;\n margin: 0px 10px;\n border: var(--trc-border-width, 1px) solid var(--trc-color-border, rgb(216, 216, 216));\n color: var(--trc-color-text, black);\n background-color: var(--trc-color-surface, white);\n border-radius: var(--trc-radius-sm, 6px);\n white-space: nowrap;\n font-size: var(--trc-font-size-sm, 14px);\n line-height: 18px;\n height: 28px;\n}");const ie=({visibleMonth:t,visibleYear:n,onChangeAction:r,options:l})=>e.createElement("select",{title:"Select a month",className:oe,value:M(new Date(n,t,1,12,0,0,0)),onChange:e=>r(e.target.value)},l);function ce(){const[t,n]=e.useState([0,0]);return e.useLayoutEffect((()=>{function e(){n([window.innerWidth,window.innerHeight])}return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)}),[]),t}const de=e=>sessionStorage.getItem(`MulticalendarScrollTopPosition-${e}`),se=e=>sessionStorage.getItem(`MulticalendarScrollLeftPosition-${e}`),ue={en_EN:{Today:"Today"},es_ES:{Today:"Hoy"}};var me="ScreenSteps-module_screen-steps__AX-nZ",_e="ScreenSteps-module_steps__AuZhk",pe="ScreenSteps-module_step__2kFuY",be="ScreenSteps-module_outer-text__akI1y",fe="ScreenSteps-module_frame__3J2mc",ge="ScreenSteps-module_steps-content__-Yj-E",he="ScreenSteps-module_step-component__Lu3G5";function ve(t){const[n,r]=e.useState(0),[l,a]=e.useState(0),o=e.useRef(new ResizeObserver((e=>{const{width:t,height:n}=e[0].contentRect;r(t),a(n)})));return e.useEffect((()=>{null!==t.current&&o.current.observe(t.current);const e=o.current,n=t.current;return()=>{null!==n&&e.unobserve(n)}}),[t,o]),[n,l]}i(".ScreenSteps-module_screen-steps__AX-nZ {\n width: 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: var(--trc-radius-pill, 31px);\n background-color: var(--trc-color-disabled-soft, hsla(0, 0%, 58%, 0.2));\n display: flex;\n align-items: center;\n justify-content: center;\n color: rgba(65, 65, 65, 0.4);\n text-align: center;\n font-family: var(--trc-font-family, Arial, Helvetica, sans-serif);\n font-size: 15px;\n font-style: normal;\n font-weight: var(--trc-font-weight-semibold, 600);\n line-height: var(--trc-line-height-tight, 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[data-is-complete=true] {\n background-color: var(--trc-color-primary-soft, rgba(112, 90, 0, 0.4));\n color: rgba(65, 65, 65, 0.4);\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_steps__AuZhk .ScreenSteps-module_step__2kFuY[data-is-current=true] {\n background-color: var(--trc-color-primary-muted, rgba(112, 90, 0, 0.6));\n color: var(--trc-color-text, #414141);\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_outer-text__akI1y {\n color: var(--trc-color-text-muted, #787878);\n text-align: center;\n font-family: var(--trc-font-family, Arial, Helvetica, sans-serif);\n font-size: var(--trc-font-size-lg, 20px);\n font-style: normal;\n font-weight: var(--trc-font-weight-regular, 400);\n line-height: var(--trc-line-height-tight, normal);\n margin: 0;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc {\n width: 100%;\n overflow: hidden;\n transition: height 300ms ease-in-out;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc .ScreenSteps-module_steps-content__-Yj-E {\n display: flex;\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_step-component__Lu3G5 {\n max-height: 0px;\n}\n.ScreenSteps-module_screen-steps__AX-nZ .ScreenSteps-module_frame__3J2mc .ScreenSteps-module_step-component__Lu3G5[data-is-current=true] {\n max-height: max-content;\n}");var ye="ScrollSnapGallery-module_scroll-snap-gallery__CR-GS",xe="ScrollSnapGallery-module_frame__267TC",Se="ScrollSnapGallery-module_arrow-controls__yw2Zl",we="ScrollSnapGallery-module_arrow__1ueyq",Ce="ScrollSnapGallery-module_position-indicator__3Y7Mh",ke="ScrollSnapGallery-module_indicator-icon__YrYF2",Ee="ScrollSnapGallery-module_current__ckZrA",Me="ScrollSnapGallery-module_medium-shrunken__DuED2",De="ScrollSnapGallery-module_full-shrunken__VSbF7",ze="ScrollSnapGallery-module_hidden__c0w-O";i(".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 -webkit-user-select: 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 min-width: 100%;\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: var(--trc-color-text-subtle, #959595);\n transition: all var(--trc-transition-fast, 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: var(--trc-color-text, #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: var(--trc-color-text-subtle, #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: var(--trc-color-text, #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}");var Ne="StackedCards-module_stacked-cards__8IiBF",Ie="StackedCards-module_card__4cF-v",Fe="StackedCards-module_title__GYDch",We="StackedCards-module_content__6WDlF";i(".StackedCards-module_stacked-cards__8IiBF {\n position: relative;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v {\n position: absolute;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 80%;\n height: 80%;\n background-color: var(--trc-color-surface, #fff);\n border-radius: var(--trc-radius-lg, 10px);\n border: var(--trc-control-border-width, 2px) solid var(--trc-color-border-subtle, #e2e2e2);\n transition: all 0.4s ease-out;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v .StackedCards-module_title__GYDch {\n width: 100%;\n overflow: hidden;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v .StackedCards-module_content__6WDlF {\n flex-grow: 1;\n width: 100%;\n overflow: auto;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v .StackedCards-module_content__6WDlF::-webkit-scrollbar {\n display: none;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v[data-is-selectable=true] {\n cursor: pointer;\n}\n.StackedCards-module_stacked-cards__8IiBF .StackedCards-module_card__4cF-v[data-is-selectable=true][data-should-card-rise=true]:hover {\n transform: translateY(-20px);\n}");const Oe=360;exports.AlertModal=({type:t,title:o,message:i,customChildren:d,confirmText:u="OK",cancelText:m="Cancel",confirmButton:_=!0,cancelButton:p=!0,overrideOpenState:b=!1,forced:f=!1,iconSize:g=64,iconColor:h,onConfirm:v=()=>{},onCancel:y=()=>{}})=>{const[x,S]=e.useState(b);return e.useEffect((()=>{b!==x&&S(b)}),[b]),e.createElement(s,{overrideOpenState:x,forced:f,onClose:()=>S(!1)},e.createElement("div",{className:c["alert-modal"]},e.createElement("section",{className:c["icon-section"]},"success"===t&&e.createElement(n.BsCheckCircle,{size:g,color:null!=h?h:"var(--trc-color-success)"}),"error"===t&&e.createElement(n.BsXCircle,{size:g,color:null!=h?h:"var(--trc-color-danger)"}),"warning"===t&&e.createElement(r.IoWarningOutline,{size:g,color:null!=h?h:"var(--trc-color-warning)"}),"info"===t&&e.createElement(l.PiWarningCircle,{size:g,color:null!=h?h:"var(--trc-color-info)"}),"question"===t&&e.createElement(a.GoQuestion,{size:g,color:null!=h?h:"var(--trc-color-text-subtle)"})),o&&e.createElement("h1",{className:c.title},o),i&&e.createElement("p",{className:c.message},i),d,e.createElement("section",{className:c["button-section"]},p&&e.createElement("button",{className:c["cancel-button"],onClick:()=>{S(!1),y()}},m),_&&e.createElement("button",{className:c["confirm-button"],onClick:()=>{S(!1),v()}},u))))},exports.BubbleMenu=({options:t,language:l="en"})=>{const[a,o]=e.useState(null);return e.createElement(e.Fragment,null,e.createElement("button",{type:"button",title:"menu",className:m,onClick:()=>o(!a)},a?e.createElement(n.BsX,null):e.createElement(r.IoMenu,null),e.createElement("p",null,a?_[l].close:_[l].menu)),e.createElement("section",{className:u,"data-status":!0===a?"visible":!1===a?"hidden":"idle",onClick:()=>o(!1)},e.createElement("ul",null,t.filter((e=>e.visible)).map(((n,r)=>e.createElement("li",{key:n.text,style:{transitionDelay:100*r+"ms"}},e.createElement("button",{onClick:()=>setTimeout(n.optionCallback,300+100*t.length)},n.icon,n.text)))))))},exports.CalendarDatePicker=({mode:t,onSelectedDatesChange:n=()=>{},language:r="en",customDates:l=[],minimumDate:a=new Date(1970,0,1),maximumDate:o=new Date((new Date).getFullYear()+100,1,1),customStyle:i})=>{const[c,d]=e.useState([]),[s,u]=e.useState((new Date).getFullYear()),[m,_]=e.useState((new Date).getMonth()),[v,y]=e.useState(Math.random()),x=e=>{const t=new Date(a.getFullYear(),a.getMonth(),1),n=new Date(o.getFullYear(),o.getMonth()+1,0),r=e.valueOf()>=t.valueOf(),l=e.valueOf()<=n.valueOf();return r&&l};return e.createElement("div",{className:p,style:i},e.createElement("button",{className:b,onClick:()=>{const e=new Date;x(e)&&(_(e.getMonth()),u(e.getFullYear()),y(Math.random()))}},O[r].today.slice(0,1).toUpperCase()+O[r].today.slice(1)),e.createElement("section",{className:f},e.createElement("select",{style:{fontFamily:null==i?void 0:i.fontFamily},className:g,value:m,onChange:e=>{const t=Number(e.target.value);_(t),y(Math.random())}},Array(12).fill(0).map(((t,n)=>{const l=new Date(s,n,1),a=!x(l);return e.createElement("option",{key:T(n,r),value:n,disabled:a},T(n,r))}))),e.createElement(C,{inputType:"number",divWrapperCustomStyle:{width:"4ch",border:"none",backgroundColor:"transparent",fontFamily:null==i?void 0:i.fontFamily},inputBoxCustomStyle:{padding:0,fontFamily:null==i?void 0:i.fontFamily,fontSize:24},maxLength:4,defaultValue:s.toString(),overrideCurrentValue:s.toString(),minimumValue:a.getFullYear().toString(),maximumValue:o.getFullYear().toString(),onConfirmAction:e=>{let t=Number(e);const n=new Date(t,m,1);x(n)?(u(t),y(Math.random())):n.valueOf()<a.valueOf()?(u(a.getFullYear()),_(a.getMonth()),y(Math.random())):n.valueOf()>o.valueOf()&&(u(o.getFullYear()),_(o.getMonth()),y(Math.random()))}})),e.createElement("section",{className:h},e.createElement("p",null,O[r].monday.slice(0,1).toUpperCase()),e.createElement("p",null,O[r].tuesday.slice(0,1).toUpperCase()),e.createElement("p",null,O[r].wednesday.slice(0,1).toUpperCase()),e.createElement("p",null,O[r].thursday.slice(0,1).toUpperCase()),e.createElement("p",null,O[r].friday.slice(0,1).toUpperCase()),e.createElement("p",null,O[r].saturday.slice(0,1).toUpperCase()),e.createElement("p",null,O[r].sunday.slice(0,1).toUpperCase())),e.createElement(W,{key:v,dates:c,year:s,month:m,mode:t,onSelectedDatesChange:e=>{n(e),d(e)},onFocusedMonth:(e,t)=>{_(e),u(t)},customDates:l,minimumDate:a,maximumDate:o}))},exports.InputBoxWithConfirmation=C,exports.IntegerControl=({onChange:t=()=>{},defaultValue:n=0,minimumValue:r,maximumValue:l,customStyle:a})=>{const[i,c]=e.useState(n),d=e=>{let n=e;(r||0===r)&&e<r?n=r:(l||0===l)&&e>l&&(n=l),c(n),t(n)};return e.createElement("div",{className:`${A} ${i===n?G:""}`,style:a},e.createElement("button",{onClick:()=>d(i-1)},e.createElement(o.AiFillMinusCircle,null)),e.createElement("input",{onChange:e=>d(Number(e.target.value)),value:i,type:"number",min:String(r),max:String(l),style:{width:i.toString().length+1+"ch"}}),e.createElement("button",{onClick:()=>d(i+1)},e.createElement(o.AiFillPlusCircle,null)))},exports.LabeledInput=({label:t,defaultValue:n,onChange:r=()=>{},width:l="328px",height:a="66px",backgroundColor:o="var(--trc-color-surface, white)",textAlign:i="left",highlightError:c=!1,errorMessage:d,inputProps:s,specialType:u})=>{const m=e.useRef(null),[_,p]=e.useState(!1);return e.useEffect((()=>{n&&p(!0)}),[n]),e.createElement("div",{className:L,"data-has-error":c,onClick:()=>{m.current&&m.current.focus()},style:{width:l,height:a,backgroundColor:o}},e.createElement("label",{"data-is-shrinked":_,style:{backgroundColor:o}},t),e.createElement("input",Object.assign({ref:m},s,{onFocus:()=>p(!0),onBlur:e=>{e.target.value||p(!1)},defaultValue:n,onChange:e=>{let t=e.target.value;switch(u){case"credit-card-number":t=(e=>{var t;const n=e.replace(/\D/g,"").slice(0,16);let r=n.match(/.{1,4}/g);return 15===n.length&&(r=[n.slice(0,5),n.slice(5,11),n.slice(11,16)]),null!==(t=null==r?void 0:r.join(" "))&&void 0!==t?t:""})(t);break;case"expiration-date":t=(e=>{var t;const n=e.replace(/\D/g,"").slice(0,4).match(/.{1,2}/g);return null!==(t=null==n?void 0:n.join(" / "))&&void 0!==t?t:""})(t);break;case"cvv":t=(e=>e.replace(/\D/g,"").slice(0,4))(t);break;case"phone":t=(e=>(e.startsWith("+")?"+":"")+e.replace(/\D/g,"").slice(0,15))(t)}e.target.value=t,r(t)},style:{textAlign:i}})),c&&d&&e.createElement("p",{className:R},d))},exports.Modal=s,exports.Multicalendar=({multicalendarId:t,ReactCellChildren:r,ReactListElementChildren:l,listElementsIdsArray:a,language:o="en_EN",pastDatesVisible:i=!0,cellsWidth:c=120,cellsHeight:d=80,verticalAxisWidth:s=280,pastDaysInitialQuantity:u=365,futureDaysInitialQuantity:m=365,chunkRenderX:_=0,chunkRenderY:p=0,dynamicDaysQuantity:b=!1,authomaticScrollOnDraggingOverEdges:f=!1,waitTimeForCalls:g=500,callsOnInitialView:h,callsOnScrollingStops:v,aditionalControlsComponents:y,upperLeftComponent:x,autoSavePosition:S,onScrollTopChanges:w,onScrollLeftChanges:C})=>{var k,E;const M=1+_,D=e.useRef(null),z=e.useRef(null),N=e.useRef(null),I=e.useRef(null),F=e.useRef(null),[W,O]=e.useState(!1),[T,A]=ce(),[G,L]=e.useState(Math.ceil(m)),[R,P]=e.useState(i?Math.ceil(u):0),[J,X]=e.useState(0),[$,Z]=e.useState(0),[U,V]=e.useState(1),[K,ee]=e.useState(0),[te,ne]=e.useState([]),[re,le]=e.useState([]),[oe,me]=e.useState(!1),[_e,pe]=e.useState({x:se(t)?Number(se(t)):i?Math.ceil(u)*c:0,y:de(t)?Number(de(t)):0}),[be,fe]=e.useState(_e.x),[ge,he]=e.useState(_e.y),[ve,ye]=e.useState({x:_e.x,y:_e.y}),[xe,Se]=e.useState(!1),[we,Ce]=e.useState(new Date),[ke,Ee]=e.useState(void 0),[Me,De]=e.useState(void 0),[ze,Ne]=e.useState(void 0),[Ie,Fe]=e.useState(!1),[We,Oe]=e.useState((null===(k=I.current)||void 0===k?void 0:k.clientHeight)?I.current.clientHeight:0),[Te,Ae]=e.useState((null===(E=F.current)||void 0===E?void 0:E.clientHeight)?F.current.clientHeight:0),[Ge,Le]=e.useState(!1);return e.useEffect((()=>{pe({x:i?Math.ceil(u)*c:0,y:0})}),[i,u,c]),e.useEffect((()=>{N.current&&!1===xe&&(N.current.scrollTop=_e.y,N.current.scrollLeft=_e.x,Se(!0))}),[_e.y,_e.x,xe]),e.useEffect((()=>(C&&C(be),w&&w(ge),()=>{S&&(ge!==_e.y&&((e,t)=>{sessionStorage.setItem(`MulticalendarScrollTopPosition-${e}`,t)})(t,String(ge)),be!==_e.x&&((e,t)=>{sessionStorage.setItem(`MulticalendarScrollLeftPosition-${e}`,t)})(t,String(be)))})),[S,ge,be,_e.y,_e.x]),e.useEffect((()=>{P(i?Math.ceil(u):0)}),[i,u]),e.useEffect((()=>{!W&&re.length>0&&te.length>0&&h&&(O(!0),h(re,te))}),[W,re,te,h]),e.useEffect((()=>{var e,t;const n=(null===(e=I.current)||void 0===e?void 0:e.clientHeight)?I.current.clientHeight:0,r=(null===(t=F.current)||void 0===t?void 0:t.clientHeight)?F.current.clientHeight:0;Oe(n),Ae(r),me(!0),X(Math.ceil((T-s)/c)+1),Z(Math.ceil((A-n-r)/d)+1),null!==N.current&&(fe(N.current.scrollLeft),ye({x:N.current.scrollLeft,y:N.current.scrollTop}),V(Math.floor(N.current.scrollLeft/c)-_))}),[T,A,s,d,c,_]),e.useEffect((()=>{if(ve.x===_e.x&&ve.y===_e.y||Math.abs(ve.y-ge)/d>p||oe){ve.x===_e.x&&ve.y===_e.y||null!==N.current&&ye({x:N.current.scrollLeft,y:N.current.scrollTop});let e=function(e,t,n){let r=Math.floor(e/t)-n;return r<0&&(r=0),r}(ge,d,p);ee(e),le(function(e,t,n,r){let l=[];for(let a=0;a<e+2*t;a++)r[a+n]&&a+n>=0&&(l[a]=r[a+n]);return l}($,p,e,a)),oe&&me(!1)}}),[oe,ge,d,p,_e.x,_e.y,$,ve.x,ve.y,a]),e.useEffect((()=>{if(ve.x===_e.x&&ve.y===_e.y||be<c||Math.abs(ve.x-be)/c>_||oe){ne([]),ve.x===_e.x&&ve.y===_e.y||null!==N.current&&ye({x:N.current.scrollLeft,y:N.current.scrollTop}),V(function(e,t,n){return Math.floor(e/t)-n}(be,c,_));const e=function(e,t,n,r){let l=new Date(Date.parse((new Date).toString())+B*(Math.floor(e/t)-n-r));return l.setHours(12,0,0,0),Date.parse(l.toString())}(be,c,R,M);Ce(function(e,t){return new Date(e+t*B)}(e,M)),oe&&me(!1),ne(function(e,t,n){let r=[];for(let l=0;l<e+2*t;l++)r[l]=new Date(n+B*(l+1));return r}(J,_,e))}}),[oe,J,be,_,c,M,R,ve.x,ve.y,_e.x,_e.y]),e.useEffect((()=>{Fe(!0),clearTimeout(ke),Ee(void 0)}),[be,ge]),e.useEffect((()=>{if(void 0===ke){let e=setTimeout((()=>Fe(!1)),g);Ee(e)}}),[be,ge,ke,g]),e.useEffect((()=>{!Ie&&v&&v(re,te)}),[Ie,re,te]),e.useEffect((()=>{f||(void 0!==Me&&De(void 0),void 0!==ze&&Ne(void 0))}),[f,Me,ze]),e.useEffect((()=>(document.body.addEventListener("mousedown",(()=>{Le(!0)})),document.body.addEventListener("mouseup",(()=>{Le(!1)})),()=>{document.body.removeEventListener("mousedown",(()=>{Le(!0)})),document.body.removeEventListener("mouseup",(()=>{Le(!1)}))})),[f]),e.createElement("div",{key:t,id:t,"data-testid":t,className:H.multicalendar,style:{gridTemplateColumns:`${s}px`,gridTemplateRows:`auto auto calc(100% - ${We+Te}px`}},e.createElement("div",{ref:I,className:H.controls},e.createElement("div",{className:H["div-dates-navigation"]},e.createElement(ie,{visibleYear:we.getFullYear(),visibleMonth:we.getMonth(),onChangeAction:e=>{j(new Date(Number(Date.parse(function(e){if(!/^\d{4}-\d{2}-\d{2}$/.test(e))throw new Error("Invalid SQL date format");let t=e.split("-");return new Date(Number(t[0]),Number(t[1])-1,Number(t[2]))}(e).toString()))),N,R,c)},options:Y(R,G,o)}),e.createElement("button",{type:"button",className:H["today-button"],onClick:()=>j(new Date,N,R,c)},ue[o].Today)),y&&e.createElement("div",{className:H["div-aditional-controls-components"]},y)),e.createElement("div",{className:H["div-upper-left-component"]},x),e.createElement("div",{className:H["vertical-axis"]},e.createElement("div",{ref:z,className:H["div-list-element-column"],onScroll:e=>{null!==N.current&&(N.current.scrollTop=e.target.scrollTop)}},e.createElement(Q,{listHeight:d*a.length,yOffset:K,elementsHeight:d,idsArray:re,ReactListElementChildren:l}))),e.createElement("div",{ref:F,className:H["horizontal-axis"]},e.createElement("div",{className:H["div-weeks-buttons"]},e.createElement("button",{type:"button",title:"Past Week",className:H["past-week-button"],onClick:()=>{null!==D.current&&D.current.scroll({left:D.current.scrollLeft-7*c})}},e.createElement(n.BsChevronLeft,null)),e.createElement("button",{type:"button",title:"Next Week",onClick:()=>{null!==D.current&&D.current.scroll({left:D.current.scrollLeft+7*c})},className:H["next-week-button"]},e.createElement(n.BsChevronRight,null))),e.createElement("div",{ref:D,className:H["div-dates-row"],onScroll:e=>{null!==N.current&&(N.current.scrollLeft=e.target.scrollLeft)}},e.createElement(q,{visibleDates:te,width:(R+G)*c,height:74,cellsWidth:c,cellsHeight:74,offset:U,language:o}))),e.createElement("div",{className:H["div-main-container"]},e.createElement("div",{ref:N,className:H["main-container"],onScroll:e=>{if(null!==D.current){const t=e.target.scrollLeft;D.current.scrollLeft=t,fe(t)}if(null!==z.current){const t=e.target.scrollTop;z.current.scrollTop=t,he(t)}var t,n,r,l,a,o;b&&e.target.scrollLeft+e.target.offsetWidth>(R+G)*c-c&&L(G+1),i&&b&&e.target.scrollLeft<c&&(P(R+1),e.target.scrollLeft=3*c),t=Ge,n=Me,r=ze,l=.8*c,a=.8*d,o=e.target,t&&(n&&(n<l&&(o.scrollLeft-=l-n),n>o.offsetWidth-l&&(o.scrollLeft+=n+l-o.offsetWidth)),r&&(r<a&&(o.scrollTop-=a-r),r>o.offsetHeight-a&&(o.scrollTop+=r+a-o.offsetHeight)))},onMouseMove:e=>{if(null!==N.current&&Ge){let o=e.clientX-N.current.getBoundingClientRect().left,i=e.clientY-N.current.getBoundingClientRect().top;De(o),Ne(i),t=o,n=i,r=.8*c,l=.8*d,a=N,Ge&&null!==a.current&&(t<r&&(a.current.scrollLeft-=10),t>a.current.offsetWidth-r&&(a.current.scrollLeft+=10),n<l&&(a.current.scrollTop-=10),n>a.current.offsetHeight-l&&(a.current.scrollTop+=10))}var t,n,r,l,a}},e.createElement(ae,{gridWidth:(R+G)*c,gridHeight:d*a.length,xOffset:U,yOffset:K,cellsWidth:c,cellsHeight:d,visibleListElementsIdsArray:re,visibleDates:te,ReactCellChildren:r}))))},exports.ScreenSteps=({steps:t,defaultStep:n=0,onStepChange:r=()=>{},canNavigate:l,overrideStep:a})=>{const o=e.useRef(null),[i,c]=e.useState(n),[d,s]=ve(o);e.useEffect((()=>{void 0!==a&&a<t.length&&a>=0&&a!==i&&c(a)}),[a]);return e.createElement("section",{className:me},e.createElement("nav",{className:_e},t.map(((t,n)=>e.createElement("div",{key:t.innerText,className:pe,"data-is-completed":n<i,"data-is-current":n===i,"data-can-navigate":l,onClick:()=>{l&&(c(n),r(n))}},t.innerText)))),e.createElement("p",{className:be},t[i].outterText),e.createElement("div",{className:fe,style:{height:s||"100%"}},e.createElement("div",{ref:o,className:ge,style:(()=>{const e=100/t.length;return{width:100*t.length+"%",transform:`translateX(-${e*i}%)`}})()},t.map(((n,r)=>e.createElement("div",{key:n.innerText,className:he,"data-is-current":r===i,style:{width:100/t.length+"%"}},n.component))))))},exports.ScrollSnapGallery=({urls:t=[],alts:r,width:l="400px",height:o="300px",IndicatorIcon:i=a.GoDotFill,positionIndicatorSize:c=Math.min(t.length,6),iconSize:d=16,showArrows:s=!1,frameStyle:u={},onSlideChange:m=()=>{},autoChange:_=!1})=>{const p=e.useRef(null),[b,f]=e.useState(0),[g,h]=e.useState(0),[v,y]=e.useState(c-1),[x,S]=e.useState(0),[w,C]=e.useState(0),k=e=>{let n=ke;b===e&&(n+=` ${Ee}`);const r=0!==g&&e===g,l=v!==t.length-1&&e===v;(r||l)&&(n+=` ${De}`);const a=0!==g&&e===g+1,o=v!==t.length-1&&e===v-1;return(a||o)&&(n+=` ${Me}`),(e<g||e>v)&&(n+=` ${ze}`),n};return e.useEffect((()=>{S(g*d)}),[g]),e.useEffect((()=>{m(b)}),[b]),e.useEffect((()=>{if(_){const e=setInterval((()=>{C((e=>e+1))}),3e3);return()=>clearInterval(e)}}),[_]),e.useEffect((()=>{if(_){const e=p.current;e&&e.scrollLeft===e.scrollWidth-e.clientWidth?e.scrollLeft=0:e&&(e.scrollLeft+=e.clientWidth)}}),[_,w]),e.createElement("section",{className:ye},e.createElement("div",{ref:p,className:xe,style:Object.assign(Object.assign({},u),{width:l,height:o}),onScroll:e=>{const{scrollLeft:n,clientWidth:r}=e.target,l=r,a=Math.round(n/l);if(f(a),a<=g){const e=Math.max(a-1,0),t=e+c-1;h(e),y(t)}else if(a>=v){const e=Math.min(a+1,t.length-1),n=e-c+1;y(e),h(n)}}},t.map(((t,n)=>e.createElement("img",{key:t+n,src:t,alt:r?r[n]:"gallery picture"})))),e.createElement("div",{className:Se},s&&e.createElement(n.BsArrowLeftCircle,{className:we,onClick:()=>{const e=p.current;e&&(e.scrollLeft-=e.clientWidth)}}),e.createElement("div",{className:Ce,style:{transform:`translateX(calc(50% - ${x}px - ${d*c/2}px))`}},t.map(((t,n)=>e.createElement(i,{key:t+n,className:k(n),style:{width:d,height:d}})))),s&&e.createElement(n.BsArrowRightCircle,{className:we,onClick:()=>{const e=p.current;e&&(e.scrollLeft+=e.clientWidth)}})))},exports.StackedCards=({cards:t,initialCard:n,onCardChangeByUser:r,overrideSelectedCard:l,stackingOrientation:a=60,cardWidth:o=300,cardHeight:i=350})=>{const[c,d]=e.useState(n),s=a>0?a%Oe:Oe+a%Oe,u=Math.PI/180*a,m=e=>({horizontalOffset:80*Math.cos(u)/t.length*e,verticalOffset:80*Math.sin(u)/t.length*e}),_=e=>{const n={};let r=0,l=0,a=0;const o=m(e<c?e+1:e);e===c?a=t.length+1:(r=o.horizontalOffset,l=o.verticalOffset,a=t.length-e),n.zIndex=a;const i=e=>{n.right=e.right,n.bottom=e.bottom,n.left=e.left,n.top=e.top},d=s>90&&s<=180,u=s>180&&s<=270,_=s>270&&s<=Oe;return s>=0&&s<=90?i({right:`${r}px`,bottom:`${l}px`,left:"",top:""}):d?i({right:"",bottom:`${l}px`,left:-r+"px",top:""}):u?i({right:"",bottom:"",left:-r+"px",top:-l+"px"}):_&&i({right:`${r}px`,bottom:"",left:"",top:-l+"px"}),n};return e.useEffect((()=>{void 0!==l&&l>=0&&l<t.length&&d(l)}),[l]),e.createElement("div",{className:Ne,style:(()=>{const e=m(t.length-1).horizontalOffset+4,n=m(t.length-1).verticalOffset+4;return{width:o+Math.abs(e),height:i+Math.abs(n)}})()},t.map(((t,n)=>e.createElement("div",{className:Ie,key:n,"data-is-selectable":n!==c,"data-should-card-rise":s>=0&&s<=180,style:Object.assign({height:i,width:o},_(n)),onClick:()=>{c!==n&&(d(n),r&&r(n))}},e.createElement("div",{className:Fe},t.title),e.createElement("div",{className:We},t.content)))))},exports.useIntersectionObserver=function(t,n){const[r,l]=e.useState(!1),a=e.useRef(null);return e.useEffect((()=>(a.current&&a.current.disconnect(),a.current=new IntersectionObserver((([e])=>{l(e.isIntersecting)}),n),t.current&&a.current.observe(t.current),()=>{a.current&&a.current.disconnect()})),[t,n]),r},exports.useOutsideClick=w,exports.useResizeObserver=ve,exports.useWindowsSize=ce;