@haiilo/catalyst 14.0.0 → 14.0.2

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 (46) hide show
  1. package/dist/catalyst/catalyst.esm.js +1 -1
  2. package/dist/catalyst/catalyst.esm.js.map +1 -1
  3. package/dist/catalyst/loader.esm.js.map +1 -1
  4. package/dist/catalyst/{p-4f7d069a.entry.js → p-1717f55e.entry.js} +4 -4
  5. package/dist/catalyst/{p-4f7d069a.entry.js.map → p-1717f55e.entry.js.map} +1 -1
  6. package/dist/catalyst/p-CFGROHMy.js +3 -0
  7. package/dist/catalyst/p-CFGROHMy.js.map +1 -0
  8. package/dist/catalyst/p-DQuL1Twl.js +2 -0
  9. package/dist/catalyst/p-DQuL1Twl.js.map +1 -0
  10. package/dist/cjs/app-globals-V2Kpy_OQ.js +8 -0
  11. package/dist/cjs/app-globals-V2Kpy_OQ.js.map +1 -0
  12. package/dist/cjs/cat-alert_30.cjs.entry.js +5 -5
  13. package/dist/cjs/catalyst.cjs.js +3 -2
  14. package/dist/cjs/catalyst.cjs.js.map +1 -1
  15. package/dist/cjs/index-B8-TCsLD.js +1748 -0
  16. package/dist/cjs/index-B8-TCsLD.js.map +1 -0
  17. package/dist/cjs/loader.cjs.js +3 -2
  18. package/dist/cjs/loader.cjs.js.map +1 -1
  19. package/dist/collection/components/cat-input/cat-input.css +1 -0
  20. package/dist/collection/components/cat-select/cat-select.css +1 -0
  21. package/dist/collection/components/cat-tag/cat-tag.css +1 -0
  22. package/dist/collection/components/cat-textarea/cat-textarea.css +1 -0
  23. package/dist/components/cat-input2.js +1 -1
  24. package/dist/components/cat-input2.js.map +1 -1
  25. package/dist/components/cat-select2.js +1 -1
  26. package/dist/components/cat-select2.js.map +1 -1
  27. package/dist/components/cat-tag.js +1 -1
  28. package/dist/components/cat-tag.js.map +1 -1
  29. package/dist/components/cat-textarea.js +1 -1
  30. package/dist/components/cat-textarea.js.map +1 -1
  31. package/dist/esm/app-globals-DQuL1Twl.js +6 -0
  32. package/dist/esm/app-globals-DQuL1Twl.js.map +1 -0
  33. package/dist/esm/cat-alert_30.entry.js +5 -5
  34. package/dist/esm/catalyst.js +3 -2
  35. package/dist/esm/catalyst.js.map +1 -1
  36. package/dist/esm/index-CFGROHMy.js +1721 -0
  37. package/dist/esm/index-CFGROHMy.js.map +1 -0
  38. package/dist/esm/loader.js +3 -2
  39. package/dist/esm/loader.js.map +1 -1
  40. package/package.json +2 -2
  41. package/dist/catalyst/p--__C9zxv.js +0 -3
  42. package/dist/catalyst/p--__C9zxv.js.map +0 -1
  43. package/dist/cjs/index-Cl5qCbJO.js +0 -1755
  44. package/dist/cjs/index-Cl5qCbJO.js.map +0 -1
  45. package/dist/esm/index--__C9zxv.js +0 -1727
  46. package/dist/esm/index--__C9zxv.js.map +0 -1
package/dist/esm/index--__C9zxv.js DELETED
@@ -1,1727 +0,0 @@
1
- const NAMESPACE = 'catalyst';
2
- const BUILD = /* catalyst */ { hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, state: true, updatable: true};
3
-
4
- const globalScripts = () => {};
5
- const globalStyles = "@charset \"UTF-8\";\n/* Document\n * ========================================================================== */\n/**\n * 1. Add border box sizing in all browsers (opinionated).\n * 2. Backgrounds do not repeat by default (opinionated).\n */\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n background-repeat: no-repeat; /* 2 */\n}\n\n/**\n * 1. Add text decoration inheritance in all browsers (opinionated).\n * 2. Add vertical alignment inheritance in all browsers (opinionated).\n */\n::before,\n::after {\n text-decoration: inherit; /* 1 */\n vertical-align: inherit; /* 2 */\n}\n\n/**\n * 1. Use the default cursor in all browsers (opinionated).\n * 2. Change the line height in all browsers (opinionated).\n * 3. Breaks words to prevent overflow in all browsers (opinionated).\n * 4. Use a 4-space tab width in all browsers (opinionated).\n * 5. Remove the grey highlight on links in iOS (opinionated).\n * 6. Prevent adjustments of font size after orientation changes in iOS.\n */\n:where(:root) {\n cursor: default; /* 1 */\n line-height: 1.5; /* 2 */\n overflow-wrap: break-word; /* 3 */\n -moz-tab-size: 4; /* 4 */\n tab-size: 4; /* 4 */\n -webkit-tap-highlight-color: transparent; /* 5 */\n -webkit-text-size-adjust: 100%; /* 6 */\n}\n\n/* Sections\n * ========================================================================== */\n/**\n * Remove the margin in all browsers (opinionated).\n */\n:where(body) {\n margin: 0;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Edge, Firefox, and Safari.\n */\n:where(h1) {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n * ========================================================================== */\n/**\n * Remove the margin on nested lists in Chrome, Edge, and Safari.\n */\n:where(dl, ol, ul) :where(dl, ol, ul) {\n margin: 0;\n}\n\n/**\n * 1. Correct the inheritance of border color in Firefox.\n * 2. Add the correct box sizing in Firefox.\n */\n:where(hr) {\n color: inherit; /* 1 */\n height: 0; /* 2 */\n}\n\n/**\n * Remove the list style on navigation lists in all browsers (opinionated).\n */\n:where(nav) :where(ol, ul) {\n list-style-type: none;\n padding: 0;\n}\n\n/**\n * Prevent VoiceOver from ignoring list semantics in Safari (opinionated).\n */\n:where(nav li)::before {\n content: \"​\";\n float: left;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n * 3. Prevent overflow of the container in all browsers (opinionated).\n */\n:where(pre) {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n overflow: auto; /* 3 */\n}\n\n/* Text-level semantics\n * ========================================================================== */\n/**\n * Add the correct text decoration in Safari.\n */\n:where(abbr[title]) {\n text-decoration: underline;\n text-decoration: underline dotted;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n:where(b, strong) {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n:where(code, kbd, samp) {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n:where(small) {\n font-size: 80%;\n}\n\n/* Embedded content\n * ========================================================================== */\n/*\n * Change the alignment on media elements in all browsers (opinionated).\n */\n:where(audio, canvas, iframe, img, svg, video) {\n vertical-align: middle;\n}\n\n/**\n * Remove the border on iframes in all browsers (opinionated).\n */\n:where(iframe) {\n border-style: none;\n}\n\n/**\n * Change the fill color to match the text color in all browsers (opinionated).\n */\n:where(svg:not([fill])) {\n fill: currentColor;\n}\n\n/* Tabular data\n * ========================================================================== */\n/**\n * 1. Collapse border spacing in all browsers (opinionated).\n * 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n * 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\n */\n:where(table) {\n border-collapse: collapse; /* 1 */\n border-color: inherit; /* 2 */\n text-indent: 0; /* 3 */\n}\n\n/* Forms\n * ========================================================================== */\n/**\n * Remove the margin on controls in Safari.\n */\n:where(button, input, select) {\n margin: 0;\n}\n\n/**\n * Correct the inability to style buttons in iOS and Safari.\n */\n:where(button, [type=button i], [type=reset i], [type=submit i]) {\n -webkit-appearance: button;\n}\n\n/**\n * Change the inconsistent appearance in all browsers (opinionated).\n */\n:where(fieldset) {\n border: 1px solid #a0a0a0;\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Edge, and Firefox.\n */\n:where(progress) {\n vertical-align: baseline;\n}\n\n/**\n * 1. Remove the margin in Firefox and Safari.\n * 3. Change the resize direction in all browsers (opinionated).\n */\n:where(textarea) {\n margin: 0; /* 1 */\n resize: vertical; /* 3 */\n}\n\n/**\n * 1. Correct the odd appearance in Chrome, Edge, and Safari.\n * 2. Correct the outline style in Safari.\n */\n:where([type=search i]) {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Safari.\n */\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54;\n}\n\n/**\n * Remove the inner padding in Chrome, Edge, and Safari on macOS.\n */\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style upload buttons in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n * ========================================================================== */\n/*\n * Add the correct styles in Safari.\n */\n:where(dialog) {\n background-color: white;\n border: solid;\n color: black;\n height: -moz-fit-content;\n height: fit-content;\n left: 0;\n margin: auto;\n padding: 1em;\n position: absolute;\n right: 0;\n width: -moz-fit-content;\n width: fit-content;\n}\n\n:where(dialog:not([open])) {\n display: none;\n}\n\n/*\n * Add the correct display in Safari.\n */\n:where(details > summary:first-of-type) {\n display: list-item;\n}\n\n/* Accessibility\n * ========================================================================== */\n/**\n * Change the cursor on busy elements in all browsers (opinionated).\n */\n:where([aria-busy=true i]) {\n cursor: progress;\n}\n\n/*\n * Change the cursor on control elements in all browsers (opinionated).\n */\n:where([aria-controls]) {\n cursor: pointer;\n}\n\n/*\n * Change the cursor on disabled, not-editable, or otherwise\n * inoperable elements in all browsers (opinionated).\n */\n:where([aria-disabled=true i], [disabled]) {\n cursor: not-allowed;\n}\n\n/*\n * Change the display on visually hidden accessible elements\n * in all browsers (opinionated).\n */\n:where([aria-hidden=false i][hidden]) {\n display: initial;\n}\n\n:where([aria-hidden=false i][hidden]:not(:focus)) {\n clip: rect(0, 0, 0, 0);\n position: absolute;\n}\n\n/*!\n * Toastify js 1.12.0\n * https://github.com/apvarun/toastify-js\n * @license MIT licensed\n *\n * Copyright (C) 2018 Varun A P\n */\n.toastify {\n padding: 12px 20px;\n color: #ffffff;\n display: inline-block;\n box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);\n background: -webkit-linear-gradient(315deg, #73a5ff, #5477f5);\n background: linear-gradient(135deg, #73a5ff, #5477f5);\n position: fixed;\n opacity: 0;\n transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);\n border-radius: 2px;\n cursor: pointer;\n text-decoration: none;\n max-width: calc(50% - 20px);\n z-index: 2147483647;\n}\n\n.toastify.on {\n opacity: 1;\n}\n\n.toast-close {\n background: transparent;\n border: 0;\n color: white;\n cursor: pointer;\n font-family: inherit;\n font-size: 1em;\n opacity: 0.4;\n padding: 0 5px;\n}\n\n.toastify-right {\n right: 15px;\n}\n\n.toastify-left {\n left: 15px;\n}\n\n.toastify-top {\n top: -150px;\n}\n\n.toastify-bottom {\n bottom: -150px;\n}\n\n.toastify-rounded {\n border-radius: 25px;\n}\n\n.toastify-avatar {\n width: 1.5em;\n height: 1.5em;\n margin: -7px 5px;\n border-radius: 2px;\n}\n\n.toastify-center {\n margin-left: auto;\n margin-right: auto;\n left: 0;\n right: 0;\n max-width: fit-content;\n max-width: -moz-fit-content;\n}\n\n@media only screen and (max-width: 360px) {\n .toastify-right, .toastify-left {\n margin-left: auto;\n margin-right: auto;\n left: 0;\n right: 0;\n max-width: fit-content;\n }\n}\n.flatpickr-calendar {\n background: transparent;\n opacity: 0;\n display: none;\n text-align: center;\n visibility: hidden;\n padding: 0;\n -webkit-animation: none;\n animation: none;\n direction: ltr;\n border: 0;\n font-size: 14px;\n line-height: 24px;\n border-radius: 5px;\n position: absolute;\n width: 307.875px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n background: #fff;\n -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);\n box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);\n}\n\n.flatpickr-calendar.open,\n.flatpickr-calendar.inline {\n opacity: 1;\n max-height: 640px;\n visibility: visible;\n}\n\n.flatpickr-calendar.open {\n display: inline-block;\n z-index: 99999;\n}\n\n.flatpickr-calendar.animate.open {\n -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);\n animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);\n}\n\n.flatpickr-calendar.inline {\n display: block;\n position: relative;\n top: 2px;\n}\n\n.flatpickr-calendar.static {\n position: absolute;\n top: calc(100% + 2px);\n}\n\n.flatpickr-calendar.static.open {\n z-index: 999;\n display: block;\n}\n\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {\n -webkit-box-shadow: none !important;\n box-shadow: none !important;\n}\n\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {\n -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\n box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\n}\n\n.flatpickr-calendar .hasWeeks .dayContainer,\n.flatpickr-calendar .hasTime .dayContainer {\n border-bottom: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.flatpickr-calendar .hasWeeks .dayContainer {\n border-left: 0;\n}\n\n.flatpickr-calendar.hasTime .flatpickr-time {\n height: 40px;\n border-top: 1px solid #e6e6e6;\n}\n\n.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {\n height: auto;\n}\n\n.flatpickr-calendar:before,\n.flatpickr-calendar:after {\n position: absolute;\n display: block;\n pointer-events: none;\n border: solid transparent;\n content: \"\";\n height: 0;\n width: 0;\n left: 22px;\n}\n\n.flatpickr-calendar.rightMost:before,\n.flatpickr-calendar.arrowRight:before,\n.flatpickr-calendar.rightMost:after,\n.flatpickr-calendar.arrowRight:after {\n left: auto;\n right: 22px;\n}\n\n.flatpickr-calendar.arrowCenter:before,\n.flatpickr-calendar.arrowCenter:after {\n left: 50%;\n right: 50%;\n}\n\n.flatpickr-calendar:before {\n border-width: 5px;\n margin: 0 -5px;\n}\n\n.flatpickr-calendar:after {\n border-width: 4px;\n margin: 0 -4px;\n}\n\n.flatpickr-calendar.arrowTop:before,\n.flatpickr-calendar.arrowTop:after {\n bottom: 100%;\n}\n\n.flatpickr-calendar.arrowTop:before {\n border-bottom-color: #e6e6e6;\n}\n\n.flatpickr-calendar.arrowTop:after {\n border-bottom-color: #fff;\n}\n\n.flatpickr-calendar.arrowBottom:before,\n.flatpickr-calendar.arrowBottom:after {\n top: 100%;\n}\n\n.flatpickr-calendar.arrowBottom:before {\n border-top-color: #e6e6e6;\n}\n\n.flatpickr-calendar.arrowBottom:after {\n border-top-color: #fff;\n}\n\n.flatpickr-calendar:focus {\n outline: 0;\n}\n\n.flatpickr-wrapper {\n position: relative;\n display: inline-block;\n}\n\n.flatpickr-months {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n}\n\n.flatpickr-months .flatpickr-month {\n background: transparent;\n color: rgba(0, 0, 0, 0.9);\n fill: rgba(0, 0, 0, 0.9);\n height: 34px;\n line-height: 1;\n text-align: center;\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n overflow: hidden;\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1;\n}\n\n.flatpickr-months .flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n text-decoration: none;\n cursor: pointer;\n position: absolute;\n top: 0;\n height: 34px;\n padding: 10px;\n z-index: 3;\n color: rgba(0, 0, 0, 0.9);\n fill: rgba(0, 0, 0, 0.9);\n}\n\n.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,\n.flatpickr-months .flatpickr-next-month.flatpickr-disabled {\n display: none;\n}\n\n.flatpickr-months .flatpickr-prev-month i,\n.flatpickr-months .flatpickr-next-month i {\n position: relative;\n}\n\n.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {\n /*\n /*rtl:begin:ignore*/\n /*\n */\n left: 0;\n /*\n /*rtl:end:ignore*/\n /*\n */\n}\n\n/*\n /*rtl:begin:ignore*/\n/*\n /*rtl:end:ignore*/\n.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,\n.flatpickr-months .flatpickr-next-month.flatpickr-next-month {\n /*\n /*rtl:begin:ignore*/\n /*\n */\n right: 0;\n /*\n /*rtl:end:ignore*/\n /*\n */\n}\n\n/*\n /*rtl:begin:ignore*/\n/*\n /*rtl:end:ignore*/\n.flatpickr-months .flatpickr-prev-month:hover,\n.flatpickr-months .flatpickr-next-month:hover {\n color: #959ea9;\n}\n\n.flatpickr-months .flatpickr-prev-month:hover svg,\n.flatpickr-months .flatpickr-next-month:hover svg {\n fill: #f64747;\n}\n\n.flatpickr-months .flatpickr-prev-month svg,\n.flatpickr-months .flatpickr-next-month svg {\n width: 14px;\n height: 14px;\n}\n\n.flatpickr-months .flatpickr-prev-month svg path,\n.flatpickr-months .flatpickr-next-month svg path {\n -webkit-transition: fill 0.1s;\n transition: fill 0.1s;\n fill: inherit;\n}\n\n.numInputWrapper {\n position: relative;\n height: auto;\n}\n\n.numInputWrapper input,\n.numInputWrapper span {\n display: inline-block;\n}\n\n.numInputWrapper input {\n width: 100%;\n}\n\n.numInputWrapper input::-ms-clear {\n display: none;\n}\n\n.numInputWrapper input::-webkit-outer-spin-button,\n.numInputWrapper input::-webkit-inner-spin-button {\n margin: 0;\n -webkit-appearance: none;\n}\n\n.numInputWrapper span {\n position: absolute;\n right: 0;\n width: 14px;\n padding: 0 4px 0 2px;\n height: 50%;\n line-height: 50%;\n opacity: 0;\n cursor: pointer;\n border: 1px solid rgba(57, 57, 57, 0.15);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.numInputWrapper span:hover {\n background: rgba(0, 0, 0, 0.1);\n}\n\n.numInputWrapper span:active {\n background: rgba(0, 0, 0, 0.2);\n}\n\n.numInputWrapper span:after {\n display: block;\n content: \"\";\n position: absolute;\n}\n\n.numInputWrapper span.arrowUp {\n top: 0;\n border-bottom: 0;\n}\n\n.numInputWrapper span.arrowUp:after {\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-bottom: 4px solid rgba(57, 57, 57, 0.6);\n top: 26%;\n}\n\n.numInputWrapper span.arrowDown {\n top: 50%;\n}\n\n.numInputWrapper span.arrowDown:after {\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-top: 4px solid rgba(57, 57, 57, 0.6);\n top: 40%;\n}\n\n.numInputWrapper span svg {\n width: inherit;\n height: auto;\n}\n\n.numInputWrapper span svg path {\n fill: rgba(0, 0, 0, 0.5);\n}\n\n.numInputWrapper:hover {\n background: rgba(0, 0, 0, 0.05);\n}\n\n.numInputWrapper:hover span {\n opacity: 1;\n}\n\n.flatpickr-current-month {\n font-size: 135%;\n line-height: inherit;\n font-weight: 300;\n color: inherit;\n position: absolute;\n width: 75%;\n left: 12.5%;\n padding: 7.48px 0 0 0;\n line-height: 1;\n height: 34px;\n display: inline-block;\n text-align: center;\n -webkit-transform: translate3d(0px, 0px, 0px);\n transform: translate3d(0px, 0px, 0px);\n}\n\n.flatpickr-current-month span.cur-month {\n font-family: inherit;\n font-weight: 700;\n color: inherit;\n display: inline-block;\n margin-left: 0.5ch;\n padding: 0;\n}\n\n.flatpickr-current-month span.cur-month:hover {\n background: rgba(0, 0, 0, 0.05);\n}\n\n.flatpickr-current-month .numInputWrapper {\n width: 6ch;\n width: 7ch\\0 ;\n display: inline-block;\n}\n\n.flatpickr-current-month .numInputWrapper span.arrowUp:after {\n border-bottom-color: rgba(0, 0, 0, 0.9);\n}\n\n.flatpickr-current-month .numInputWrapper span.arrowDown:after {\n border-top-color: rgba(0, 0, 0, 0.9);\n}\n\n.flatpickr-current-month input.cur-year {\n background: transparent;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: inherit;\n cursor: text;\n padding: 0 0 0 0.5ch;\n margin: 0;\n display: inline-block;\n font-size: inherit;\n font-family: inherit;\n font-weight: 300;\n line-height: inherit;\n height: auto;\n border: 0;\n border-radius: 0;\n vertical-align: initial;\n -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield;\n}\n\n.flatpickr-current-month input.cur-year:focus {\n outline: 0;\n}\n\n.flatpickr-current-month input.cur-year[disabled],\n.flatpickr-current-month input.cur-year[disabled]:hover {\n font-size: 100%;\n color: rgba(0, 0, 0, 0.5);\n background: transparent;\n pointer-events: none;\n}\n\n.flatpickr-current-month .flatpickr-monthDropdown-months {\n appearance: menulist;\n background: transparent;\n border: none;\n border-radius: 0;\n box-sizing: border-box;\n color: inherit;\n cursor: pointer;\n font-size: inherit;\n font-family: inherit;\n font-weight: 300;\n height: auto;\n line-height: inherit;\n margin: -1px 0 0 0;\n outline: none;\n padding: 0 0 0 0.5ch;\n position: relative;\n vertical-align: initial;\n -webkit-box-sizing: border-box;\n -webkit-appearance: menulist;\n -moz-appearance: menulist;\n width: auto;\n}\n\n.flatpickr-current-month .flatpickr-monthDropdown-months:focus,\n.flatpickr-current-month .flatpickr-monthDropdown-months:active {\n outline: none;\n}\n\n.flatpickr-current-month .flatpickr-monthDropdown-months:hover {\n background: rgba(0, 0, 0, 0.05);\n}\n\n.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {\n background-color: transparent;\n outline: none;\n padding: 0;\n}\n\n.flatpickr-weekdays {\n background: transparent;\n text-align: center;\n overflow: hidden;\n width: 100%;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n height: 28px;\n}\n\n.flatpickr-weekdays .flatpickr-weekdaycontainer {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1;\n}\n\nspan.flatpickr-weekday {\n cursor: default;\n font-size: 90%;\n background: transparent;\n color: rgba(0, 0, 0, 0.54);\n line-height: 1;\n margin: 0;\n text-align: center;\n display: block;\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1;\n font-weight: bolder;\n}\n\n.dayContainer,\n.flatpickr-weeks {\n padding: 1px 0 0 0;\n}\n\n.flatpickr-days {\n position: relative;\n overflow: hidden;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: start;\n -webkit-align-items: flex-start;\n -ms-flex-align: start;\n align-items: flex-start;\n width: 307.875px;\n}\n\n.flatpickr-days:focus {\n outline: 0;\n}\n\n.dayContainer {\n padding: 0;\n outline: 0;\n text-align: left;\n width: 307.875px;\n min-width: 307.875px;\n max-width: 307.875px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: inline-block;\n display: -ms-flexbox;\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-flex-wrap: wrap;\n flex-wrap: wrap;\n -ms-flex-wrap: wrap;\n -ms-flex-pack: justify;\n -webkit-justify-content: space-around;\n justify-content: space-around;\n -webkit-transform: translate3d(0px, 0px, 0px);\n transform: translate3d(0px, 0px, 0px);\n opacity: 1;\n}\n\n.dayContainer + .dayContainer {\n -webkit-box-shadow: -1px 0 0 #e6e6e6;\n box-shadow: -1px 0 0 #e6e6e6;\n}\n\n.flatpickr-day {\n background: none;\n border: 1px solid transparent;\n border-radius: 150px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: #393939;\n cursor: pointer;\n font-weight: 400;\n width: 14.2857143%;\n -webkit-flex-basis: 14.2857143%;\n -ms-flex-preferred-size: 14.2857143%;\n flex-basis: 14.2857143%;\n max-width: 39px;\n height: 39px;\n line-height: 39px;\n margin: 0;\n display: inline-block;\n position: relative;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n -ms-flex-pack: center;\n justify-content: center;\n text-align: center;\n}\n\n.flatpickr-day.inRange,\n.flatpickr-day.prevMonthDay.inRange,\n.flatpickr-day.nextMonthDay.inRange,\n.flatpickr-day.today.inRange,\n.flatpickr-day.prevMonthDay.today.inRange,\n.flatpickr-day.nextMonthDay.today.inRange,\n.flatpickr-day:hover,\n.flatpickr-day.prevMonthDay:hover,\n.flatpickr-day.nextMonthDay:hover,\n.flatpickr-day:focus,\n.flatpickr-day.prevMonthDay:focus,\n.flatpickr-day.nextMonthDay:focus {\n cursor: pointer;\n outline: 0;\n background: #e6e6e6;\n border-color: #e6e6e6;\n}\n\n.flatpickr-day.today {\n border-color: #959ea9;\n}\n\n.flatpickr-day.today:hover,\n.flatpickr-day.today:focus {\n border-color: #959ea9;\n background: #959ea9;\n color: #fff;\n}\n\n.flatpickr-day.selected,\n.flatpickr-day.startRange,\n.flatpickr-day.endRange,\n.flatpickr-day.selected.inRange,\n.flatpickr-day.startRange.inRange,\n.flatpickr-day.endRange.inRange,\n.flatpickr-day.selected:focus,\n.flatpickr-day.startRange:focus,\n.flatpickr-day.endRange:focus,\n.flatpickr-day.selected:hover,\n.flatpickr-day.startRange:hover,\n.flatpickr-day.endRange:hover,\n.flatpickr-day.selected.prevMonthDay,\n.flatpickr-day.startRange.prevMonthDay,\n.flatpickr-day.endRange.prevMonthDay,\n.flatpickr-day.selected.nextMonthDay,\n.flatpickr-day.startRange.nextMonthDay,\n.flatpickr-day.endRange.nextMonthDay {\n background: #569ff7;\n -webkit-box-shadow: none;\n box-shadow: none;\n color: #fff;\n border-color: #569ff7;\n}\n\n.flatpickr-day.selected.startRange,\n.flatpickr-day.startRange.startRange,\n.flatpickr-day.endRange.startRange {\n border-radius: 50px 0 0 50px;\n}\n\n.flatpickr-day.selected.endRange,\n.flatpickr-day.startRange.endRange,\n.flatpickr-day.endRange.endRange {\n border-radius: 0 50px 50px 0;\n}\n\n.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),\n.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),\n.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {\n -webkit-box-shadow: -10px 0 0 #569ff7;\n box-shadow: -10px 0 0 #569ff7;\n}\n\n.flatpickr-day.selected.startRange.endRange,\n.flatpickr-day.startRange.startRange.endRange,\n.flatpickr-day.endRange.startRange.endRange {\n border-radius: 50px;\n}\n\n.flatpickr-day.inRange {\n border-radius: 0;\n -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\n box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\n}\n\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover,\n.flatpickr-day.prevMonthDay,\n.flatpickr-day.nextMonthDay,\n.flatpickr-day.notAllowed,\n.flatpickr-day.notAllowed.prevMonthDay,\n.flatpickr-day.notAllowed.nextMonthDay {\n color: rgba(57, 57, 57, 0.3);\n background: transparent;\n border-color: transparent;\n cursor: default;\n}\n\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover {\n cursor: not-allowed;\n color: rgba(57, 57, 57, 0.1);\n}\n\n.flatpickr-day.week.selected {\n border-radius: 0;\n -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;\n box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;\n}\n\n.flatpickr-day.hidden {\n visibility: hidden;\n}\n\n.rangeMode .flatpickr-day {\n margin-top: 1px;\n}\n\n.flatpickr-weekwrapper {\n float: left;\n}\n\n.flatpickr-weekwrapper .flatpickr-weeks {\n padding: 0 12px;\n -webkit-box-shadow: 1px 0 0 #e6e6e6;\n box-shadow: 1px 0 0 #e6e6e6;\n}\n\n.flatpickr-weekwrapper .flatpickr-weekday {\n float: none;\n width: 100%;\n line-height: 28px;\n}\n\n.flatpickr-weekwrapper span.flatpickr-day,\n.flatpickr-weekwrapper span.flatpickr-day:hover {\n display: block;\n width: 100%;\n max-width: none;\n color: rgba(57, 57, 57, 0.3);\n background: transparent;\n cursor: default;\n border: none;\n}\n\n.flatpickr-innerContainer {\n display: block;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.flatpickr-rContainer {\n display: inline-block;\n padding: 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.flatpickr-time {\n text-align: center;\n outline: 0;\n display: block;\n height: 0;\n line-height: 40px;\n max-height: 40px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n overflow: hidden;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n}\n\n.flatpickr-time:after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.flatpickr-time .numInputWrapper {\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1;\n width: 40%;\n height: 40px;\n float: left;\n}\n\n.flatpickr-time .numInputWrapper span.arrowUp:after {\n border-bottom-color: #393939;\n}\n\n.flatpickr-time .numInputWrapper span.arrowDown:after {\n border-top-color: #393939;\n}\n\n.flatpickr-time.hasSeconds .numInputWrapper {\n width: 26%;\n}\n\n.flatpickr-time.time24hr .numInputWrapper {\n width: 49%;\n}\n\n.flatpickr-time input {\n background: transparent;\n -webkit-box-shadow: none;\n box-shadow: none;\n border: 0;\n border-radius: 0;\n text-align: center;\n margin: 0;\n padding: 0;\n height: inherit;\n line-height: inherit;\n color: #393939;\n font-size: 14px;\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield;\n}\n\n.flatpickr-time input.flatpickr-hour {\n font-weight: bold;\n}\n\n.flatpickr-time input.flatpickr-minute,\n.flatpickr-time input.flatpickr-second {\n font-weight: 400;\n}\n\n.flatpickr-time input:focus {\n outline: 0;\n border: 0;\n}\n\n.flatpickr-time .flatpickr-time-separator,\n.flatpickr-time .flatpickr-am-pm {\n height: inherit;\n float: left;\n line-height: inherit;\n color: #393939;\n font-weight: bold;\n width: 2%;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-align-self: center;\n -ms-flex-item-align: center;\n align-self: center;\n}\n\n.flatpickr-time .flatpickr-am-pm {\n outline: 0;\n width: 18%;\n cursor: pointer;\n text-align: center;\n font-weight: 400;\n}\n\n.flatpickr-time input:hover,\n.flatpickr-time .flatpickr-am-pm:hover,\n.flatpickr-time input:focus,\n.flatpickr-time .flatpickr-am-pm:focus {\n background: #eee;\n}\n\n.flatpickr-input[readonly] {\n cursor: pointer;\n}\n\n@-webkit-keyframes fpFadeInDown {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0);\n }\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n@keyframes fpFadeInDown {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0);\n }\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n/**\n * Auto-generated file. Do not edit directly.\n */\n/* stylelint-disable value-keyword-case */\n/* stylelint-enable value-keyword-case */\n/* stylelint-disable selector-class-pattern */\n.flatpickr-calendar {\n font-size: 0.875rem;\n line-height: 1.125rem;\n font-weight: var(--cat-font-weight-body, 400);\n box-shadow: 0 4px 6px -2px rgba(27, 31, 38, 0.03), 0 12px 16px -4px rgba(27, 31, 38, 0.08);\n border-radius: var(--cat-border-radius-m, 0.25rem);\n border: 1px solid rgb(var(--cat-border-color, 235, 236, 240));\n background: white;\n padding: 1rem;\n}\n.flatpickr-calendar:not(.inline).animate {\n transform: translateY(-1rem);\n opacity: 0;\n transition: transform 125ms cubic-bezier(0.3, 0, 0.8, 0.15), opacity 125ms cubic-bezier(0.3, 0, 0.8, 0.15);\n}\n.flatpickr-calendar::before, .flatpickr-calendar::after {\n display: none;\n}\n.flatpickr-calendar.inline, .flatpickr-calendar.open {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: auto !important;\n}\n.flatpickr-calendar.inline {\n border: unset;\n padding: 0;\n}\n.flatpickr-calendar.open {\n z-index: calc(var(--cat-z-index, 1000) + 100);\n margin-top: 0.75rem;\n margin-left: -0.75rem;\n}\n.flatpickr-calendar.open.animate {\n opacity: 1;\n transform: translateY(0);\n transition: transform 500ms cubic-bezier(0.05, 0.7, 0.1, 1), opacity 500ms cubic-bezier(0.05, 0.7, 0.1, 1);\n}\n\n.flatpickr-months {\n gap: 0.25rem;\n}\n\n.flatpickr-months .flatpickr-month {\n height: auto;\n}\n\n.flatpickr-current-month {\n font-size: 1.125rem;\n line-height: 1.5rem;\n font-weight: var(--cat-font-weight-head, 600);\n font-feature-settings: \"pnum\";\n height: 100%;\n padding: 0;\n display: flex;\n position: static;\n width: auto;\n gap: 0.25rem;\n}\n.flatpickr-current-month .flatpickr-monthDropdown-months {\n padding: 0 0.25rem;\n flex: 1;\n margin: unset;\n font-weight: inherit;\n border-radius: var(--cat-border-radius-m, 0.25rem);\n}\n.flatpickr-current-month .flatpickr-monthDropdown-months:hover, .flatpickr-current-month .flatpickr-monthDropdown-months:focus-within {\n background-color: rgba(var(--cat-primary-bg, 0, 129, 148), 0.05);\n}\n.flatpickr-current-month input.cur-year {\n padding: 0;\n font-weight: inherit;\n line-height: 2.25rem;\n}\n.flatpickr-current-month .numInputWrapper {\n width: 7ch;\n}\n\n.flatpickr-months .flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month {\n position: static;\n width: 2.25rem;\n height: 2.25rem;\n padding: 0;\n align-items: center;\n display: flex;\n justify-content: center;\n color: rgb(var(--cat-font-color-muted, 81, 92, 108));\n}\n.flatpickr-months .flatpickr-prev-month:hover,\n.flatpickr-months .flatpickr-next-month:hover {\n color: rgb(var(--cat-font-color-base, 0, 0, 0));\n}\n\n.flatpickr-weekdays {\n height: 2rem;\n}\n.flatpickr-weekdays .flatpickr-weekday {\n color: rgb(var(--cat-font-color-muted, 81, 92, 108));\n font-size: 0.75rem;\n line-height: 1rem;\n font-weight: 700;\n}\n\n.flatpickr-weekwrapper .flatpickr-weekday {\n height: 2rem;\n}\n.flatpickr-weekwrapper .flatpickr-weeks {\n box-shadow: none;\n width: 2rem;\n padding: 0;\n margin-right: 0.5rem;\n background: #f2f4f7;\n border-radius: var(--cat-border-radius-m, 0.25rem);\n}\n.flatpickr-weekwrapper span.flatpickr-day,\n.flatpickr-weekwrapper span.flatpickr-day:hover {\n font-size: 0.75rem;\n line-height: 1rem;\n font-weight: 700;\n color: rgb(var(--cat-font-color-muted, 81, 92, 108));\n text-align: center;\n line-height: 2.25rem;\n}\n\n.flatpickr-days {\n width: 15.75rem !important;\n}\n\n.dayContainer {\n width: 15.75rem;\n min-width: 15.75rem;\n max-width: 15.75rem;\n}\n\n.flatpickr-day {\n color: rgb(var(--cat-font-color-base, 0, 0, 0));\n height: 2.25rem;\n line-height: 2.25rem;\n border: 0;\n border-radius: var(--cat-border-radius-m, 0.25rem);\n}\n.flatpickr-day:hover {\n background-color: #f2f4f7;\n font-weight: 700;\n}\n.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {\n color: rgb(var(--cat-font-color-muted, 81, 92, 108));\n font-weight: inherit;\n background-color: inherit !important;\n}\n.flatpickr-day.today {\n color: rgb(var(--cat-primary-text, 0, 129, 148));\n box-shadow: inset 0 0 0 2px rgb(var(--cat-primary-text, 0, 129, 148));\n}\n.flatpickr-day.today:hover, .flatpickr-day.today:focus {\n background-color: #f2f4f7;\n color: rgb(var(--cat-primary-text, 0, 129, 148));\n}\n.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {\n color: rgba(var(--cat-font-color-muted, 81, 92, 108), 0.5);\n}\n.flatpickr-day.selected, .flatpickr-day.selected:hover, .flatpickr-day.selected:focus, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange, .flatpickr-day.startRange:hover, .flatpickr-day.startRange:focus, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange, .flatpickr-day.endRange:hover, .flatpickr-day.endRange:focus, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay {\n font-weight: 700;\n background-color: rgb(var(--cat-primary-bg, 0, 129, 148)) !important;\n color: rgb(var(--cat-primary-fill, 255, 255, 255)) !important;\n}\n.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {\n background-color: rgba(var(--cat-primary-bg, 0, 129, 148), 0.1);\n}\n.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {\n border-top-left-radius: var(--cat-border-radius-m, 0.25rem);\n border-bottom-left-radius: var(--cat-border-radius-m, 0.25rem);\n}\n.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {\n border-top-right-radius: var(--cat-border-radius-m, 0.25rem);\n border-bottom-right-radius: var(--cat-border-radius-m, 0.25rem);\n}\n\n.numInputWrapper {\n padding: 0 1rem 0 0.5rem;\n border-radius: var(--cat-border-radius-m, 0.25rem);\n}\n.numInputWrapper:hover, .numInputWrapper:focus-within {\n background-color: rgba(var(--cat-primary-bg, 0, 129, 148), 0.05);\n}\n.numInputWrapper span {\n border: none;\n background: transparent;\n width: 1rem;\n padding: 0;\n color: rgb(var(--cat-font-color-muted, 81, 92, 108));\n}\n.numInputWrapper span.arrowUp::after {\n content: \"↑\";\n align-items: flex-end;\n}\n.numInputWrapper span.arrowDown::after {\n content: \"↓\";\n align-items: flex-start;\n}\n.numInputWrapper span::after {\n font-size: 0.75rem;\n line-height: 1rem;\n font-weight: 700;\n position: static;\n border: 0 !important;\n font-size: 10px;\n display: flex;\n height: 100%;\n justify-content: center;\n}\n.numInputWrapper span:hover {\n color: rgb(var(--cat-font-color-base, 0, 0, 0));\n background: transparent;\n}\n\n.flatpickr-calendar.hasTime .flatpickr-time {\n border: 1px solid rgb(var(--cat-border-color, 235, 236, 240));\n border-radius: var(--cat-border-radius-m, 0.25rem);\n min-width: 12rem;\n height: auto;\n}\n.flatpickr-calendar.hasTime .flatpickr-time .numInputWrapper {\n height: 2rem;\n padding: 0;\n margin: 0.25rem;\n display: flex;\n}\n\n.flatpickr-calendar.hasTime.noCalendar {\n padding: 0;\n}\n.flatpickr-calendar.hasTime.noCalendar .flatpickr-time {\n border: none;\n}\n\n.flatpickr-time .flatpickr-time-separator,\n.flatpickr-time .flatpickr-am-pm {\n margin: 0 0.25rem;\n font-size: 1.125rem;\n line-height: 1.5rem;\n font-weight: 400;\n font-feature-settings: \"pnum\";\n color: rgb(var(--cat-font-color-base, 0, 0, 0));\n line-height: 2.25rem;\n}\n\n.flatpickr-time .flatpickr-am-pm {\n width: 25%;\n padding: 0 0.5rem;\n}\n.flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time .flatpickr-am-pm:focus {\n border-radius: var(--cat-border-radius-m, 0.25rem);\n background-color: rgba(var(--cat-primary-bg, 0, 129, 148), 0.05);\n}\n\n.flatpickr-time {\n max-height: unset;\n}\n.flatpickr-time input {\n background: transparent !important;\n color: rgb(var(--cat-font-color-base, 0, 0, 0));\n font-size: 0.9375rem;\n line-height: 2.25rem;\n font-family: inherit;\n}\n.flatpickr-time input.flatpickr-hour {\n font-weight: inherit;\n}\n\n.flatpickr-day.inRange:not(.today),\n.flatpickr-day.week.selected {\n box-shadow: none;\n}\n\n.flatpickr-day.inRange:nth-child(7n+1),\n.flatpickr-day.week.selected:nth-child(7n+1) {\n border-top-left-radius: var(--cat-border-radius-m, 0.25rem);\n border-bottom-left-radius: var(--cat-border-radius-m, 0.25rem);\n}\n.flatpickr-day.inRange:nth-child(7n+7),\n.flatpickr-day.week.selected:nth-child(7n+7) {\n border-top-right-radius: var(--cat-border-radius-m, 0.25rem);\n border-bottom-right-radius: var(--cat-border-radius-m, 0.25rem);\n}\n\n.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),\n.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),\n.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {\n box-shadow: none;\n}\n\n.flatpickr-day.selected.startRange.endRange,\n.flatpickr-day.startRange.startRange.endRange,\n.flatpickr-day.endRange.startRange.endRange {\n border-radius: var(--cat-border-radius-m, 0.25rem);\n}\n\n/**\n * Auto-generated file. Do not edit directly.\n */\n/* stylelint-disable value-keyword-case */\n/* stylelint-enable value-keyword-case */\n/**\n * Auto-generated file. Do not edit directly.\n */\n/* stylelint-disable value-keyword-case */\n/* stylelint-enable value-keyword-case */\nhtml,\nbody {\n background-color: rgb(var(--cat-bg, 242, 244, 247));\n}\n\nbody {\n font-size: 0.9375rem;\n line-height: 1.25rem;\n font-weight: var(--cat-font-weight-body, 400);\n font-family: var(--cat-font-family-base, \"Lato\"), system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, var(--cat-font-family-emoji, \"\"), \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n color: rgb(var(--cat-font-color-base, 0, 0, 0));\n}\n\n/**\n * Auto-generated file. Do not edit directly.\n */\n/* stylelint-disable value-keyword-case */\n/* stylelint-enable value-keyword-case */\n/**\n * Dialog makes assumptions about the DOM structure of the dialog content.\n * The following selectors are used to style the dialog content based on its\n * position in the DOM hierarchy.\n *\n * .cat-backdrop\n * |- .cat-dialog\n * |- .cat-dialog-header\n * |- .cat-dialog-header-content\n * |- .cat-dialog-content\n * |- .cat-dialog-actions\n**/\n.cat-backdrop {\n background-color: RGB(var(--cat-bg-backdrop, 27, 31, 38), var(--cat-opacity-backdrop, 0.4));\n}\n\n.cat-dialog {\n display: flex;\n flex-direction: column;\n background-color: white;\n border-radius: var(--cat-border-radius-l, 0.5rem);\n box-shadow: 0 32px 64px -12px rgba(27, 31, 38, 0.14);\n container: dialog/inline-size;\n}\n\n.cat-dialog-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 1.5rem;\n}\n\n.cat-dialog-header-content {\n flex: 1 1 auto;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n word-wrap: break-word;\n word-break: break-word;\n}\n\n.cat-dialog-content {\n overflow: auto;\n padding: 0 1.5rem;\n}\n.cat-dialog-content > *:last-child {\n margin-bottom: 0;\n}\n\n.cat-dialog-actions {\n display: flex;\n padding: 1.5rem;\n gap: 0.5rem;\n flex-wrap: wrap;\n}\n@container dialog (max-width: 360px) {\n .cat-dialog-actions cat-button {\n width: 100%;\n }\n}\n\n.cat-dialog-pull.cat-dialog-header, .cat-dialog-pull.cat-dialog-actions {\n margin: -1.5rem;\n}\n.cat-dialog-content .cat-dialog-pull {\n margin-left: -1.5rem;\n margin-right: -1.5rem;\n}\n\n.cat-dialog-pull-h {\n margin-left: -1.5rem;\n margin-right: -1.5rem;\n}\n\n.cat-dialog-pull-v {\n margin-top: -1.5rem;\n margin-bottom: -1.5rem;\n}\n\n.cat-dialog-pull-r {\n margin-right: -1.5rem;\n}\n\n.cat-dialog-pull-l {\n margin-left: -1.5rem;\n}\n\n.cat-dialog-pull-t {\n margin-top: -1.5rem;\n}\n\n.cat-dialog-pull-b {\n margin-bottom: -1.5rem;\n}\n\n/**\n * Auto-generated file. Do not edit directly.\n */\n/* stylelint-disable value-keyword-case */\n/* stylelint-enable value-keyword-case */\n.cat-form .cat-form-element,\n.cat-form :is(cat-checkbox,\ncat-datepicker,\ncat-inline,\ncat-input,\ncat-radio-group,\ncat-select,\ncat-textarea,\ncat-toggle,\ncat-date,\ncat-time):not(:last-child) {\n margin-bottom: calc(1rem * var(--cat-form-spacer, 1));\n}\n.cat-form cat-radio:not(:last-child) {\n margin-bottom: 0.75rem;\n}\n\n.cat-label {\n font-size: 0.9375rem;\n line-height: 1.25rem;\n font-weight: var(--cat-font-weight-body, 400);\n display: block;\n margin-bottom: 0.5rem;\n}\n\n/**\n * Auto-generated file. Do not edit directly.\n */\n/* stylelint-disable value-keyword-case */\n/* stylelint-enable value-keyword-case */\nnav hr,\nnav .cat-hr {\n margin: 0.25rem -0.25rem;\n}\nnav .cat-nav-head,\nnav .cat-nav-text {\n padding: 0.5625rem 0.75rem;\n}\nnav .cat-nav-head > :last-child,\nnav .cat-nav-text > :last-child {\n margin-bottom: 0 !important;\n}\nnav .cat-nav-head {\n font-size: 0.9375rem;\n line-height: 1.25rem;\n font-weight: var(--cat-font-weight-head, 600);\n font-feature-settings: \"pnum\";\n}\n\n/**\n * Auto-generated file. Do not edit directly.\n */\n/* stylelint-disable value-keyword-case */\n/* stylelint-enable value-keyword-case */\n.cat-toastify {\n display: flex;\n border-radius: var(--cat-border-radius-l, 0.5rem);\n background: white;\n padding: 1.25rem;\n color: rgb(var(--cat-font-color-base, 0, 0, 0));\n width: 400px;\n max-width: 400px;\n cursor: unset;\n box-shadow: 0 4px 6px -2px rgba(27, 31, 38, 0.03), 0 12px 16px -4px rgba(27, 31, 38, 0.08);\n overflow: hidden;\n}\n.cat-toastify.cat-toastify-dark {\n --cat-font-color-base: 255, 255, 255;\n --cat-primary-text: 147, 180, 242;\n --cat-primary-text-hover: 147, 180, 242;\n --cat-primary-text-active: 147, 180, 242;\n --cat-secondary-text: 255, 255, 255;\n --cat-secondary-text-hover: 255, 255, 255;\n --cat-secondary-text-active: 255, 255, 255;\n background: #1b1f26;\n}\n.cat-toastify:not(.cat-toastify-dark) {\n box-shadow: inset 0 0 0 1px rgb(var(--cat-border-color, 235, 236, 240)), 0 4px 6px -2px rgba(27, 31, 38, 0.03), 0 12px 16px -4px rgba(27, 31, 38, 0.08);\n}\n@media screen and (max-width: 539px) {\n .cat-toastify {\n transform: translate(0.5rem, -1rem) !important;\n width: calc(100% - 1rem);\n max-width: calc(100% - 1rem);\n margin-left: 0;\n margin-right: 0;\n left: 0;\n right: 0;\n }\n}\n\n.cat-toastify-wrapper {\n display: flex;\n gap: 1.75rem;\n align-items: flex-start;\n flex: 1 1 auto;\n}\n\n.cat-toastify-icon {\n padding: 0.25rem;\n margin: -0.375rem;\n margin-right: -1.375rem;\n}\n\n.cat-toastify-content {\n flex: 1 1 auto;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n gap: 0.875rem 1rem;\n}\n\n.cat-toastify-inner {\n flex: 1 1 auto;\n}\n\n/**\n * Auto-generated file. Do not edit directly.\n */\n/* stylelint-disable value-keyword-case */\n/* stylelint-enable value-keyword-case */\n:where(h1, h2, h3, h4, h5, h6, p, ol, ul, dl, blockquote, figure, pre, hr) {\n margin: 0;\n}\n\n:where(h1),\n.cat-h1 {\n font-size: 1.75rem;\n line-height: 2rem;\n font-weight: var(--cat-font-weight-head, 600);\n font-feature-settings: \"pnum\";\n}\n\n:where(h2),\n.cat-h2 {\n font-size: 1.5rem;\n line-height: 1.75rem;\n font-weight: var(--cat-font-weight-head, 600);\n font-feature-settings: \"pnum\";\n}\n\n:where(h3),\n.cat-h3 {\n font-size: 1.25rem;\n line-height: 1.5rem;\n font-weight: var(--cat-font-weight-head, 600);\n font-feature-settings: \"pnum\";\n}\n\n:where(h4),\n.cat-h4 {\n font-size: 1.125rem;\n line-height: 1.5rem;\n font-weight: var(--cat-font-weight-head, 600);\n font-feature-settings: \"pnum\";\n}\n\n:where(h5),\n.cat-h5 {\n font-size: 0.9375rem;\n line-height: 1.25rem;\n font-weight: var(--cat-font-weight-head, 600);\n font-feature-settings: \"pnum\";\n}\n\n:where(h6),\n.cat-h6 {\n font-size: 0.875rem;\n line-height: 1rem;\n font-weight: var(--cat-font-weight-head, 600);\n font-feature-settings: \"pnum\";\n}\n\n.cat-text-xl {\n font-size: 1.25rem;\n line-height: 1.5rem;\n font-weight: var(--cat-font-weight-body, 400);\n}\n\n.cat-text-l {\n font-size: 1.125rem;\n line-height: 1.5rem;\n font-weight: var(--cat-font-weight-body, 400);\n}\n\n.cat-text-m {\n font-size: 0.9375rem;\n line-height: 1.25rem;\n font-weight: var(--cat-font-weight-body, 400);\n}\n\n.cat-text-s {\n font-size: 0.875rem;\n line-height: 1.125rem;\n font-weight: var(--cat-font-weight-body, 400);\n}\n\n.cat-text-xs {\n font-size: 0.75rem;\n line-height: 1rem;\n font-weight: var(--cat-font-weight-body, 400);\n}\n\n.cat-mono-xl {\n font-family: var(--cat-font-family-mono, \"\"), SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n font-size: 1.125rem;\n line-height: 1.5rem;\n color: rgb(var(--cat-font-color-mono));\n font-weight: var(--cat-font-weight-mono, 400);\n}\n\n.cat-mono-l {\n font-family: var(--cat-font-family-mono, \"\"), SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n font-size: 0.9375rem;\n line-height: 1.25rem;\n color: rgb(var(--cat-font-color-mono));\n font-weight: var(--cat-font-weight-mono, 400);\n}\n\n.cat-mono-m {\n font-family: var(--cat-font-family-mono, \"\"), SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n font-size: 0.875rem;\n line-height: 1.125rem;\n color: rgb(var(--cat-font-color-mono));\n font-weight: var(--cat-font-weight-mono, 400);\n}\n\n.cat-mono-s {\n font-family: var(--cat-font-family-mono, \"\"), SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n font-size: 0.75rem;\n line-height: 1rem;\n color: rgb(var(--cat-font-color-mono));\n font-weight: var(--cat-font-weight-mono, 400);\n}\n\n.cat-mono-xs {\n font-family: var(--cat-font-family-mono, \"\"), SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n font-size: 0.625rem;\n line-height: 0.875rem;\n color: rgb(var(--cat-font-color-mono));\n font-weight: var(--cat-font-weight-mono, 400);\n}\n\nhr,\n.cat-hr {\n display: block;\n border: 0;\n height: 1px;\n background-color: rgb(var(--cat-border-color, 235, 236, 240));\n overflow: hidden;\n flex-shrink: 0;\n}\n\na {\n color: rgb(var(--cat-primary-text, 0, 129, 148));\n text-decoration: var(--cat-link-decoration, none);\n transition: color 125ms linear;\n}\na:hover {\n color: rgb(var(--cat-primary-text-hover, 1, 115, 132));\n text-decoration: var(--cat-link-decoration-hover, underline);\n}\na:active {\n color: rgb(var(--cat-primary-text-active, 2, 99, 113));\n}\na:focus-visible {\n outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));\n}\n\na[tabindex=\"-1\"]:focus {\n outline: none;\n}\n\nb,\nstrong,\n.cat-strong {\n font-weight: 700;\n}\n\nmark,\n.cat-mark {\n padding: 0.125rem 0.25rem;\n background-color: rgba(var(--cat-primary-bg, 0, 129, 148), 0.2);\n}\n\nsmall,\n.cat-small {\n font-size: 0.875em;\n}\n\n.cat-underline {\n text-decoration: underline;\n}\n\n.cat-line-through {\n text-decoration: line-through;\n}\n\nol,\nul {\n padding-left: 2rem;\n}\n\nnav ol,\nnav ul,\nol.cat-plain,\nul.cat-plain {\n list-style: none;\n padding: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd:not(:last-child) {\n margin-bottom: 0.5rem;\n margin-left: 0;\n}\n\n.cat-lead {\n font-size: 1.25rem;\n line-height: 1.5rem;\n font-weight: 300;\n}\n\nblockquote {\n padding: 0.75rem 0 0.75rem calc(1.5rem - 2px);\n border-left: 2px solid #697687;\n color: rgb(var(--cat-font-color-quote, 81, 92, 108));\n font-size: 1.125rem;\n line-height: 1.5rem;\n font-style: italic;\n}\nblockquote > :last-child {\n margin-bottom: 0 !important;\n}\nblockquote.cat-text-center {\n padding-left: 2rem;\n padding-right: 2rem;\n border-left: none;\n}\nblockquote.cat-text-right {\n padding-left: 0;\n padding-right: calc(2rem - 4px);\n border-left: none;\n border-right: 2px solid #697687;\n}\n\nfigcaption {\n font-size: 0.875rem;\n line-height: 1.125rem;\n}\n\ncode,\nsamp,\nkbd,\npre {\n font-family: var(--cat-font-family-mono, \"\"), SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n font-size: 0.875rem;\n line-height: 1.125rem;\n color: rgb(var(--cat-font-color-mono));\n font-weight: var(--cat-font-weight-mono, 400);\n}\n\npre {\n overflow: auto;\n}\npre code {\n margin: 0;\n padding: 0;\n color: inherit;\n background: none;\n box-shadow: none;\n border-radius: 0;\n word-wrap: normal;\n word-break: normal;\n}\n\nkbd,\ncode {\n margin: 0 0.125rem;\n color: rgb(var(--cat-font-color-muted, 81, 92, 108));\n background: white;\n box-shadow: 0 0 0 2px rgb(var(--cat-border-color, 235, 236, 240));\n border-radius: var(--cat-border-radius-s, 0.125rem);\n}\n\nkbd {\n font-size: 0.75rem;\n display: inline-block;\n min-width: 1.5rem;\n line-height: 1.25rem;\n padding: 0 0.375rem;\n text-align: center;\n vertical-align: top;\n white-space: nowrap;\n}\n\ncode {\n word-wrap: break-word;\n word-break: break-word;\n padding: 0.0625rem 0.25rem;\n}\n\n.cat-article {\n word-wrap: break-word;\n word-break: break-word;\n}\n.cat-article :where(h1, h2, h3),\n.cat-article :is(.cat-h1, .cat-h2, .cat-h3) {\n color: rgb(var(--cat-font-color-head));\n font-family: var(--cat-font-family-head), system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, var(--cat-font-family-emoji, \"\"), \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n margin-bottom: calc(1rem * var(--cat-article-spacer, 1));\n}\n.cat-article :where(h1, h2, h3):has(+ h1, + h2, + h3, + h4, + h5, + h6, + .cat-h1, + .cat-h2, + .cat-h3, + .cat-h4, + .cat-h5, + .cat-h6),\n.cat-article :is(.cat-h1, .cat-h2, .cat-h3):has(+ h1, + h2, + h3, + h4, + h5, + h6, + .cat-h1, + .cat-h2, + .cat-h3, + .cat-h4, + .cat-h5, + .cat-h6) {\n margin-bottom: calc(0.5rem * var(--cat-article-spacer, 1));\n}\n.cat-article :where(h4, h5, h6),\n.cat-article :is(.cat-h4, .cat-h5, .cat-h6) {\n color: rgb(var(--cat-font-color-head));\n font-family: var(--cat-font-family-head), system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, var(--cat-font-family-emoji, \"\"), \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n margin-bottom: calc(0.5rem * var(--cat-article-spacer, 1));\n}\n.cat-article :where(p, ol, ul, dl, blockquote, figure, pre, table, cat-alert, cat-card):not(:last-child) {\n margin-bottom: calc(2rem * var(--cat-article-spacer, 1));\n}\n.cat-article ol ol,\n.cat-article ol ul,\n.cat-article ol dl,\n.cat-article ul ol,\n.cat-article ul ul,\n.cat-article ul dl,\n.cat-article dl ol,\n.cat-article dl ul,\n.cat-article dl dl {\n margin-bottom: 0;\n}\n.cat-article hr,\n.cat-article .cat-hr {\n margin: calc(2rem * var(--cat-article-spacer, 1)) 0;\n}\n\n/**\n * Auto-generated file. Do not edit directly.\n */\n/* stylelint-disable value-keyword-case */\n/* stylelint-enable value-keyword-case */\n.cat-table th {\n font-weight: 600;\n border-bottom: 2px solid rgb(var(--cat-border-color, 235, 236, 240));\n text-align: left;\n vertical-align: bottom;\n}\n.cat-table tr {\n border-bottom: 1px solid rgb(var(--cat-border-color, 235, 236, 240));\n}\n.cat-table tr > * {\n padding: 1rem 0.25rem;\n}\n.cat-table tr td {\n vertical-align: top;\n}\n\n/**\n * Auto-generated file. Do not edit directly.\n */\n/* stylelint-disable value-keyword-case */\n/* stylelint-enable value-keyword-case */\n.cat-radius-l {\n border-radius: var(--cat-border-radius-l, 0.5rem);\n}\n\n.cat-radius-m {\n border-radius: var(--cat-border-radius-m, 0.25rem);\n}\n\n.cat-radius-s {\n border-radius: var(--cat-border-radius-s, 0.125rem);\n}\n\n.cat-radius-0 {\n border-radius: 0;\n}\n\n.cat-radius-full {\n border-radius: 100rem;\n}\n\n.cat-border-light {\n border: 1px solid rgb(var(--cat-border-color-light, 242, 244, 247));\n}\n\n.cat-border {\n border: 1px solid rgb(var(--cat-border-color, 235, 236, 240));\n}\n\n.cat-border-top {\n border-top: 1px solid rgb(var(--cat-border-color, 235, 236, 240));\n}\n.cat-border-top-light {\n border-top: 1px solid rgb(var(--cat-border-color-light, 242, 244, 247));\n}\n.cat-border-top-dark {\n border-top: 1px solid rgb(var(--cat-border-color-dark, 215, 219, 224));\n}\n\n.cat-border-right {\n border-right: 1px solid rgb(var(--cat-border-color, 235, 236, 240));\n}\n.cat-border-right-light {\n border-right: 1px solid rgb(var(--cat-border-color-light, 242, 244, 247));\n}\n.cat-border-right-dark {\n border-right: 1px solid rgb(var(--cat-border-color-dark, 215, 219, 224));\n}\n\n.cat-border-bottom {\n border-bottom: 1px solid rgb(var(--cat-border-color, 235, 236, 240));\n}\n.cat-border-bottom-light {\n border-bottom: 1px solid rgb(var(--cat-border-color-light, 242, 244, 247));\n}\n.cat-border-bottom-dark {\n border-bottom: 1px solid rgb(var(--cat-border-color-dark, 215, 219, 224));\n}\n\n.cat-border-left {\n border-left: 1px solid rgb(var(--cat-border-color, 235, 236, 240));\n}\n.cat-border-left-light {\n border-left: 1px solid rgb(var(--cat-border-color-light, 242, 244, 247));\n}\n.cat-border-left-dark {\n border-left: 1px solid rgb(var(--cat-border-color-dark, 215, 219, 224));\n}\n\n.cat-border-dark {\n border: 1px solid rgb(var(--cat-border-color-dark, 215, 219, 224));\n}\n\n.cat-border-none {\n border: none !important;\n}\n\n/**\n * Auto-generated file. Do not edit directly.\n */\n/* stylelint-disable value-keyword-case */\n/* stylelint-enable value-keyword-case */\n.cat-bg-primary {\n background-color: rgb(var(--cat-primary-bg, 0, 129, 148)) !important;\n color: rgb(var(--cat-primary-fill, 255, 255, 255)) !important;\n --cat-primary-text: var(--cat-primary-fill, 255, 255, 255);\n --cat-primary-text-hover: var(--cat-primary-fill-hover, 255, 255, 255);\n --cat-primary-text-active: var(--cat-primary-fill-active, 255, 255, 255);\n --cat-link-decoration: underline;\n}\n\n.cat-bg-primary-hover {\n transition: background-color 125ms, color 125ms;\n}\n.cat-bg-primary-hover:hover {\n background-color: rgb(var(--cat-primary-bg-hover, 1, 115, 132)) !important;\n color: rgb(var(--cat-primary-fill-hover, 255, 255, 255)) !important;\n --cat-primary-text: var(--cat-primary-fill, 255, 255, 255);\n --cat-primary-text-hover: var(--cat-primary-fill-hover, 255, 255, 255);\n --cat-primary-text-active: var(--cat-primary-fill-active, 255, 255, 255);\n --cat-link-decoration: underline;\n}\n\n.cat-text-primary,\n.cat-link-primary {\n color: rgb(var(--cat-primary-text, 0, 129, 148)) !important;\n}\n\nbutton.cat-text-primary,\nbutton.cat-link-primary {\n margin: 0;\n padding: 0;\n font: inherit;\n border: none;\n background: none;\n cursor: pointer;\n}\n\nbutton.cat-link-primary:hover:not(:disabled) {\n text-decoration: var(--cat-link-decoration-hover, underline);\n}\nbutton.cat-link-primary:focus-visible {\n outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));\n outline-offset: 1px;\n}\n\n.cat-link-primary,\n.cat-text-primary-hover {\n transition: color 125ms;\n}\n.cat-link-primary:hover,\n.cat-text-primary-hover:hover {\n color: rgb(var(--cat-primary-text-hover, 1, 115, 132)) !important;\n}\n.cat-link-primary:active,\n.cat-text-primary-hover:active {\n color: rgb(var(--cat-primary-text-active, 2, 99, 113)) !important;\n}\n\n.cat-bg-primaryInverted {\n background-color: #93b4f2 !important;\n color: black !important;\n --cat-primary-text: 0, 0, 0;\n --cat-primary-text-hover: 0, 0, 0;\n --cat-primary-text-active: 0, 0, 0;\n --cat-link-decoration: underline;\n}\n\n.cat-bg-primaryInverted-hover {\n transition: background-color 125ms, color 125ms;\n}\n.cat-bg-primaryInverted-hover:hover {\n background-color: #93b4f2 !important;\n color: black !important;\n --cat-primary-text: 0, 0, 0;\n --cat-primary-text-hover: 0, 0, 0;\n --cat-primary-text-active: 0, 0, 0;\n --cat-link-decoration: underline;\n}\n\n.cat-text-primaryInverted,\n.cat-link-primaryInverted {\n color: #93b4f2 !important;\n}\n\nbutton.cat-text-primaryInverted,\nbutton.cat-link-primaryInverted {\n margin: 0;\n padding: 0;\n font: inherit;\n border: none;\n background: none;\n cursor: pointer;\n}\n\nbutton.cat-link-primaryInverted:hover:not(:disabled) {\n text-decoration: var(--cat-link-decoration-hover, underline);\n}\nbutton.cat-link-primaryInverted:focus-visible {\n outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));\n outline-offset: 1px;\n}\n\n.cat-link-primaryInverted,\n.cat-text-primaryInverted-hover {\n transition: color 125ms;\n}\n.cat-link-primaryInverted:hover,\n.cat-text-primaryInverted-hover:hover {\n color: #93b4f2 !important;\n}\n.cat-link-primaryInverted:active,\n.cat-text-primaryInverted-hover:active {\n color: #93b4f2 !important;\n}\n\n.cat-bg-secondary {\n background-color: rgb(var(--cat-secondary-bg, 105, 118, 135)) !important;\n color: rgb(var(--cat-secondary-fill, 255, 255, 255)) !important;\n --cat-primary-text: var(--cat-secondary-fill, 255, 255, 255);\n --cat-primary-text-hover: var(--cat-secondary-fill-hover, 255, 255, 255);\n --cat-primary-text-active: var(--cat-secondary-fill-active, 255, 255, 255);\n --cat-link-decoration: underline;\n}\n\n.cat-bg-secondary-hover {\n transition: background-color 125ms, color 125ms;\n}\n.cat-bg-secondary-hover:hover {\n background-color: rgb(var(--cat-secondary-bg-hover, 105, 118, 135)) !important;\n color: rgb(var(--cat-secondary-fill-hover, 255, 255, 255)) !important;\n --cat-primary-text: var(--cat-secondary-fill, 255, 255, 255);\n --cat-primary-text-hover: var(--cat-secondary-fill-hover, 255, 255, 255);\n --cat-primary-text-active: var(--cat-secondary-fill-active, 255, 255, 255);\n --cat-link-decoration: underline;\n}\n\n.cat-text-secondary,\n.cat-link-secondary {\n color: rgb(var(--cat-secondary-text, 0, 0, 0)) !important;\n}\n\nbutton.cat-text-secondary,\nbutton.cat-link-secondary {\n margin: 0;\n padding: 0;\n font: inherit;\n border: none;\n background: none;\n cursor: pointer;\n}\n\nbutton.cat-link-secondary:hover:not(:disabled) {\n text-decoration: var(--cat-link-decoration-hover, underline);\n}\nbutton.cat-link-secondary:focus-visible {\n outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));\n outline-offset: 1px;\n}\n\n.cat-link-secondary,\n.cat-text-secondary-hover {\n transition: color 125ms;\n}\n.cat-link-secondary:hover,\n.cat-text-secondary-hover:hover {\n color: rgb(var(--cat-secondary-text-hover, 0, 0, 0)) !important;\n}\n.cat-link-secondary:active,\n.cat-text-secondary-hover:active {\n color: rgb(var(--cat-secondary-text-active, 0, 0, 0)) !important;\n}\n\n.cat-bg-secondaryInverted {\n background-color: #697687 !important;\n color: black !important;\n --cat-primary-text: 0, 0, 0;\n --cat-primary-text-hover: 0, 0, 0;\n --cat-primary-text-active: 0, 0, 0;\n --cat-link-decoration: underline;\n}\n\n.cat-bg-secondaryInverted-hover {\n transition: background-color 125ms, color 125ms;\n}\n.cat-bg-secondaryInverted-hover:hover {\n background-color: #697687 !important;\n color: black !important;\n --cat-primary-text: 0, 0, 0;\n --cat-primary-text-hover: 0, 0, 0;\n --cat-primary-text-active: 0, 0, 0;\n --cat-link-decoration: underline;\n}\n\n.cat-text-secondaryInverted,\n.cat-link-secondaryInverted {\n color: white !important;\n}\n\nbutton.cat-text-secondaryInverted,\nbutton.cat-link-secondaryInverted {\n margin: 0;\n padding: 0;\n font: inherit;\n border: none;\n background: none;\n cursor: pointer;\n}\n\nbutton.cat-link-secondaryInverted:hover:not(:disabled) {\n text-decoration: var(--cat-link-decoration-hover, underline);\n}\nbutton.cat-link-secondaryInverted:focus-visible {\n outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));\n outline-offset: 1px;\n}\n\n.cat-link-secondaryInverted,\n.cat-text-secondaryInverted-hover {\n transition: color 125ms;\n}\n.cat-link-secondaryInverted:hover,\n.cat-text-secondaryInverted-hover:hover {\n color: white !important;\n}\n.cat-link-secondaryInverted:active,\n.cat-text-secondaryInverted-hover:active {\n color: white !important;\n}\n\n.cat-bg-info {\n background-color: rgb(var(--cat-info-bg, 0, 115, 230)) !important;\n color: rgb(var(--cat-info-fill, 255, 255, 255)) !important;\n --cat-primary-text: var(--cat-info-fill, 255, 255, 255);\n --cat-primary-text-hover: var(--cat-info-fill-hover, 255, 255, 255);\n --cat-primary-text-active: var(--cat-info-fill-active, 255, 255, 255);\n --cat-link-decoration: underline;\n}\n\n.cat-bg-info-hover {\n transition: background-color 125ms, color 125ms;\n}\n.cat-bg-info-hover:hover {\n background-color: rgb(var(--cat-info-bg-hover, 0, 107, 227)) !important;\n color: rgb(var(--cat-info-fill-hover, 255, 255, 255)) !important;\n --cat-primary-text: var(--cat-info-fill, 255, 255, 255);\n --cat-primary-text-hover: var(--cat-info-fill-hover, 255, 255, 255);\n --cat-primary-text-active: var(--cat-info-fill-active, 255, 255, 255);\n --cat-link-decoration: underline;\n}\n\n.cat-text-info,\n.cat-link-info {\n color: rgb(var(--cat-info-text, 0, 115, 230)) !important;\n}\n\nbutton.cat-text-info,\nbutton.cat-link-info {\n margin: 0;\n padding: 0;\n font: inherit;\n border: none;\n background: none;\n cursor: pointer;\n}\n\nbutton.cat-link-info:hover:not(:disabled) {\n text-decoration: var(--cat-link-decoration-hover, underline);\n}\nbutton.cat-link-info:focus-visible {\n outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));\n outline-offset: 1px;\n}\n\n.cat-link-info,\n.cat-text-info-hover {\n transition: color 125ms;\n}\n.cat-link-info:hover,\n.cat-text-info-hover:hover {\n color: rgb(var(--cat-info-text-hover, 0, 107, 227)) !important;\n}\n.cat-link-info:active,\n.cat-text-info-hover:active {\n color: rgb(var(--cat-info-text-active, 0, 96, 223)) !important;\n}\n\n.cat-bg-success {\n background-color: rgb(var(--cat-success-bg, 0, 132, 88)) !important;\n color: rgb(var(--cat-success-fill, 255, 255, 255)) !important;\n --cat-primary-text: var(--cat-success-fill, 255, 255, 255);\n --cat-primary-text-hover: var(--cat-success-fill-hover, 255, 255, 255);\n --cat-primary-text-active: var(--cat-success-fill-active, 255, 255, 255);\n --cat-link-decoration: underline;\n}\n\n.cat-bg-success-hover {\n transition: background-color 125ms, color 125ms;\n}\n.cat-bg-success-hover:hover {\n background-color: rgb(var(--cat-success-bg-hover, 0, 117, 78)) !important;\n color: rgb(var(--cat-success-fill-hover, 255, 255, 255)) !important;\n --cat-primary-text: var(--cat-success-fill, 255, 255, 255);\n --cat-primary-text-hover: var(--cat-success-fill-hover, 255, 255, 255);\n --cat-primary-text-active: var(--cat-success-fill-active, 255, 255, 255);\n --cat-link-decoration: underline;\n}\n\n.cat-text-success,\n.cat-link-success {\n color: rgb(var(--cat-success-text, 0, 132, 88)) !important;\n}\n\nbutton.cat-text-success,\nbutton.cat-link-success {\n margin: 0;\n padding: 0;\n font: inherit;\n border: none;\n background: none;\n cursor: pointer;\n}\n\nbutton.cat-link-success:hover:not(:disabled) {\n text-decoration: var(--cat-link-decoration-hover, underline);\n}\nbutton.cat-link-success:focus-visible {\n outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));\n outline-offset: 1px;\n}\n\n.cat-link-success,\n.cat-text-success-hover {\n transition: color 125ms;\n}\n.cat-link-success:hover,\n.cat-text-success-hover:hover {\n color: rgb(var(--cat-success-text-hover, 0, 117, 78)) !important;\n}\n.cat-link-success:active,\n.cat-text-success-hover:active {\n color: rgb(var(--cat-success-text-active, 0, 105, 70)) !important;\n}\n\n.cat-bg-warning {\n background-color: rgb(var(--cat-warning-bg, 255, 206, 128)) !important;\n color: rgb(var(--cat-warning-fill, 0, 0, 0)) !important;\n --cat-primary-text: var(--cat-warning-fill, 0, 0, 0);\n --cat-primary-text-hover: var(--cat-warning-fill-hover, 0, 0, 0);\n --cat-primary-text-active: var(--cat-warning-fill-active, 0, 0, 0);\n --cat-link-decoration: underline;\n}\n\n.cat-bg-warning-hover {\n transition: background-color 125ms, color 125ms;\n}\n.cat-bg-warning-hover:hover {\n background-color: rgb(var(--cat-warning-bg-hover, 255, 214, 148)) !important;\n color: rgb(var(--cat-warning-fill-hover, 0, 0, 0)) !important;\n --cat-primary-text: var(--cat-warning-fill, 0, 0, 0);\n --cat-primary-text-hover: var(--cat-warning-fill-hover, 0, 0, 0);\n --cat-primary-text-active: var(--cat-warning-fill-active, 0, 0, 0);\n --cat-link-decoration: underline;\n}\n\n.cat-text-warning,\n.cat-link-warning {\n color: rgb(var(--cat-warning-text, 159, 97, 0)) !important;\n}\n\nbutton.cat-text-warning,\nbutton.cat-link-warning {\n margin: 0;\n padding: 0;\n font: inherit;\n border: none;\n background: none;\n cursor: pointer;\n}\n\nbutton.cat-link-warning:hover:not(:disabled) {\n text-decoration: var(--cat-link-decoration-hover, underline);\n}\nbutton.cat-link-warning:focus-visible {\n outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));\n outline-offset: 1px;\n}\n\n.cat-link-warning,\n.cat-text-warning-hover {\n transition: color 125ms;\n}\n.cat-link-warning:hover,\n.cat-text-warning-hover:hover {\n color: rgb(var(--cat-warning-text-hover, 159, 97, 0)) !important;\n}\n.cat-link-warning:active,\n.cat-text-warning-hover:active {\n color: rgb(var(--cat-warning-text-active, 159, 97, 0)) !important;\n}\n\n.cat-bg-danger {\n background-color: rgb(var(--cat-danger-bg, 217, 52, 13)) !important;\n color: rgb(var(--cat-danger-fill, 255, 255, 255)) !important;\n --cat-primary-text: var(--cat-danger-fill, 255, 255, 255);\n --cat-primary-text-hover: var(--cat-danger-fill-hover, 255, 255, 255);\n --cat-primary-text-active: var(--cat-danger-fill-active, 255, 255, 255);\n --cat-link-decoration: underline;\n}\n\n.cat-bg-danger-hover {\n transition: background-color 125ms, color 125ms;\n}\n.cat-bg-danger-hover:hover {\n background-color: rgb(var(--cat-danger-bg-hover, 194, 46, 11)) !important;\n color: rgb(var(--cat-danger-fill-hover, 255, 255, 255)) !important;\n --cat-primary-text: var(--cat-danger-fill, 255, 255, 255);\n --cat-primary-text-hover: var(--cat-danger-fill-hover, 255, 255, 255);\n --cat-primary-text-active: var(--cat-danger-fill-active, 255, 255, 255);\n --cat-link-decoration: underline;\n}\n\n.cat-text-danger,\n.cat-link-danger {\n color: rgb(var(--cat-danger-text, 217, 52, 13)) !important;\n}\n\nbutton.cat-text-danger,\nbutton.cat-link-danger {\n margin: 0;\n padding: 0;\n font: inherit;\n border: none;\n background: none;\n cursor: pointer;\n}\n\nbutton.cat-link-danger:hover:not(:disabled) {\n text-decoration: var(--cat-link-decoration-hover, underline);\n}\nbutton.cat-link-danger:focus-visible {\n outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));\n outline-offset: 1px;\n}\n\n.cat-link-danger,\n.cat-text-danger-hover {\n transition: color 125ms;\n}\n.cat-link-danger:hover,\n.cat-text-danger-hover:hover {\n color: rgb(var(--cat-danger-text-hover, 194, 46, 11)) !important;\n}\n.cat-link-danger:active,\n.cat-text-danger-hover:active {\n color: rgb(var(--cat-danger-text-active, 174, 42, 10)) !important;\n}\n\n.cat-active {\n color: rgb(var(--cat-primary-text, 0, 129, 148)) !important;\n}\n\n.cat-text-active {\n color: rgb(var(--cat-primary-text, 0, 129, 148)) !important;\n}\n\n.cat-muted {\n color: rgb(var(--cat-font-color-muted, 81, 92, 108)) !important;\n}\n\n.cat-text-muted {\n color: rgb(var(--cat-font-color-muted, 81, 92, 108)) !important;\n}\n\n.cat-bg-muted {\n background-color: #f2f4f7 !important;\n}\n\n.cat-text-reset {\n color: inherit !important;\n}\n\n.cat-link-reset {\n color: inherit !important;\n text-decoration: inherit !important;\n}\n\n/**\n * Auto-generated file. Do not edit directly.\n */\n/* stylelint-disable value-keyword-case */\n/* stylelint-enable value-keyword-case */\n.cat-none {\n display: none !important;\n}\n\n.cat-inline {\n display: inline !important;\n}\n\n.cat-inline-block {\n display: inline-block !important;\n}\n\n.cat-block {\n display: block !important;\n}\n\n.cat-grid {\n display: grid !important;\n}\n\n.cat-flex {\n display: flex !important;\n}\n\n.cat-inline-flex {\n display: inline-flex !important;\n}\n\n@media screen and (min-width: 540px) {\n .cat-none\\:xs {\n display: none !important;\n }\n .cat-inline\\:xs {\n display: inline !important;\n }\n .cat-inline-block\\:xs {\n display: inline-block !important;\n }\n .cat-block\\:xs {\n display: block !important;\n }\n .cat-grid\\:xs {\n display: grid !important;\n }\n .cat-flex\\:xs {\n display: flex !important;\n }\n .cat-inline-flex\\:xs {\n display: inline-flex !important;\n }\n}\n@media screen and (min-width: 768px) {\n .cat-none\\:s {\n display: none !important;\n }\n .cat-inline\\:s {\n display: inline !important;\n }\n .cat-inline-block\\:s {\n display: inline-block !important;\n }\n .cat-block\\:s {\n display: block !important;\n }\n .cat-grid\\:s {\n display: grid !important;\n }\n .cat-flex\\:s {\n display: flex !important;\n }\n .cat-inline-flex\\:s {\n display: inline-flex !important;\n }\n}\n@media screen and (min-width: 992px) {\n .cat-none\\:m {\n display: none !important;\n }\n .cat-inline\\:m {\n display: inline !important;\n }\n .cat-inline-block\\:m {\n display: inline-block !important;\n }\n .cat-block\\:m {\n display: block !important;\n }\n .cat-grid\\:m {\n display: grid !important;\n }\n .cat-flex\\:m {\n display: flex !important;\n }\n .cat-inline-flex\\:m {\n display: inline-flex !important;\n }\n}\n@media screen and (min-width: 1200px) {\n .cat-none\\:l {\n display: none !important;\n }\n .cat-inline\\:l {\n display: inline !important;\n }\n .cat-inline-block\\:l {\n display: inline-block !important;\n }\n .cat-block\\:l {\n display: block !important;\n }\n .cat-grid\\:l {\n display: grid !important;\n }\n .cat-flex\\:l {\n display: flex !important;\n }\n .cat-inline-flex\\:l {\n display: inline-flex !important;\n }\n}\n@media screen and (min-width: 1400px) {\n .cat-none\\:xl {\n display: none !important;\n }\n .cat-inline\\:xl {\n display: inline !important;\n }\n .cat-inline-block\\:xl {\n display: inline-block !important;\n }\n .cat-block\\:xl {\n display: block !important;\n }\n .cat-grid\\:xl {\n display: grid !important;\n }\n .cat-flex\\:xl {\n display: flex !important;\n }\n .cat-inline-flex\\:xl {\n display: inline-flex !important;\n }\n}\n/**\n * Auto-generated file. Do not edit directly.\n */\n/* stylelint-disable value-keyword-case */\n/* stylelint-enable value-keyword-case */\n.cat-elevation-transition {\n transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n}\n\n.cat-elevation-none {\n box-shadow: none !important;\n}\n\n.cat-elevation-0 {\n box-shadow: none;\n}\n\n.cat-elevation-hover-0:hover, .cat-elevation-hover-0:focus, .cat-elevation-hover-0:focus-within {\n box-shadow: none;\n}\n\n.cat-elevation-1 {\n box-shadow: 0 1px 2px rgba(27, 31, 38, 0.05);\n}\n\n.cat-elevation-hover-1:hover, .cat-elevation-hover-1:focus, .cat-elevation-hover-1:focus-within {\n box-shadow: 0 1px 2px rgba(27, 31, 38, 0.05);\n}\n\n.cat-elevation-2 {\n box-shadow: 0 1px 2px rgba(27, 31, 38, 0.06), 0 1px 3px rgba(27, 31, 38, 0.1);\n}\n\n.cat-elevation-hover-2:hover, .cat-elevation-hover-2:focus, .cat-elevation-hover-2:focus-within {\n box-shadow: 0 1px 2px rgba(27, 31, 38, 0.06), 0 1px 3px rgba(27, 31, 38, 0.1);\n}\n\n.cat-elevation-3 {\n box-shadow: 0 2px 4px -2px rgba(27, 31, 38, 0.06), 0 4px 8px -2px rgba(27, 31, 38, 0.1);\n}\n\n.cat-elevation-hover-3:hover, .cat-elevation-hover-3:focus, .cat-elevation-hover-3:focus-within {\n box-shadow: 0 2px 4px -2px rgba(27, 31, 38, 0.06), 0 4px 8px -2px rgba(27, 31, 38, 0.1);\n}\n\n.cat-elevation-4 {\n box-shadow: 0 4px 6px -2px rgba(27, 31, 38, 0.03), 0 12px 16px -4px rgba(27, 31, 38, 0.08);\n}\n\n.cat-elevation-hover-4:hover, .cat-elevation-hover-4:focus, .cat-elevation-hover-4:focus-within {\n box-shadow: 0 4px 6px -2px rgba(27, 31, 38, 0.03), 0 12px 16px -4px rgba(27, 31, 38, 0.08);\n}\n\n.cat-elevation-5 {\n box-shadow: 0 8px 8px -4px rgba(27, 31, 38, 0.03), 0 20px 24px -4px rgba(27, 31, 38, 0.08);\n}\n\n.cat-elevation-hover-5:hover, .cat-elevation-hover-5:focus, .cat-elevation-hover-5:focus-within {\n box-shadow: 0 8px 8px -4px rgba(27, 31, 38, 0.03), 0 20px 24px -4px rgba(27, 31, 38, 0.08);\n}\n\n.cat-elevation-6 {\n box-shadow: 0 24px 48px -12px rgba(27, 31, 38, 0.18);\n}\n\n.cat-elevation-hover-6:hover, .cat-elevation-hover-6:focus, .cat-elevation-hover-6:focus-within {\n box-shadow: 0 24px 48px -12px rgba(27, 31, 38, 0.18);\n}\n\n.cat-elevation-7 {\n box-shadow: 0 32px 64px -12px rgba(27, 31, 38, 0.14);\n}\n\n.cat-elevation-hover-7:hover, .cat-elevation-hover-7:focus, .cat-elevation-hover-7:focus-within {\n box-shadow: 0 32px 64px -12px rgba(27, 31, 38, 0.14);\n}\n\n/**\n * Auto-generated file. Do not edit directly.\n */\n/* stylelint-disable value-keyword-case */\n/* stylelint-enable value-keyword-case */\n.cat-flex-row {\n display: flex;\n flex-direction: row;\n}\n\n.cat-flex-row-rev {\n display: flex;\n flex-direction: row-reverse;\n}\n\n.cat-flex-col {\n display: flex;\n flex-direction: column;\n}\n\n.cat-flex-col-rev {\n display: flex;\n flex-direction: column-reverse;\n}\n\n.cat-flex-1 {\n flex: 1 1 0%;\n}\n\n.cat-flex-auto {\n flex: 1 1 auto;\n}\n\n.cat-flex-init {\n flex: 0 1 auto;\n}\n\n.cat-flex-none {\n flex: none;\n}\n\n.cat-flex-wrap {\n flex-wrap: wrap;\n}\n\n.cat-flex-nowrap {\n flex-wrap: nowrap;\n}\n\n.cat-gap-xl {\n gap: 2rem;\n}\n\n.cat-gap-x-xl {\n column-gap: 2rem;\n}\n\n.cat-gap-y-xl {\n row-gap: 2rem;\n}\n\n.cat-gap-l {\n gap: 1.5rem;\n}\n\n.cat-gap-x-l {\n column-gap: 1.5rem;\n}\n\n.cat-gap-y-l {\n row-gap: 1.5rem;\n}\n\n.cat-gap-m {\n gap: 1rem;\n}\n\n.cat-gap-x-m {\n column-gap: 1rem;\n}\n\n.cat-gap-y-m {\n row-gap: 1rem;\n}\n\n.cat-gap-s {\n gap: 0.5rem;\n}\n\n.cat-gap-x-s {\n column-gap: 0.5rem;\n}\n\n.cat-gap-y-s {\n row-gap: 0.5rem;\n}\n\n.cat-gap-xs {\n gap: 0.25rem;\n}\n\n.cat-gap-x-xs {\n column-gap: 0.25rem;\n}\n\n.cat-gap-y-xs {\n row-gap: 0.25rem;\n}\n\n.cat-justify-start {\n justify-content: flex-start;\n}\n\n.cat-justify-end {\n justify-content: flex-end;\n}\n\n.cat-justify-center {\n justify-content: center;\n}\n\n.cat-justify-between {\n justify-content: space-between;\n}\n\n.cat-justify-items-start {\n justify-items: flex-start;\n}\n\n.cat-justify-items-end {\n justify-items: flex-end;\n}\n\n.cat-justify-items-center {\n justify-items: center;\n}\n\n.cat-justify-items-stretch {\n justify-items: stretch;\n}\n\n.cat-content-start {\n align-content: flex-start;\n}\n\n.cat-content-end {\n align-content: flex-end;\n}\n\n.cat-content-center {\n align-content: center;\n}\n\n.cat-content-between {\n align-content: space-between;\n}\n\n.cat-items-start {\n align-items: flex-start;\n}\n\n.cat-items-end {\n align-items: flex-end;\n}\n\n.cat-items-center {\n align-items: center;\n}\n\n.cat-items-stretch {\n align-items: stretch;\n}\n\n.cat-grid-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n\n.cat-grid-col-1 {\n grid-column: span 1 / span 1;\n}\n\n.cat-grid-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.cat-grid-col-2 {\n grid-column: span 2 / span 2;\n}\n\n.cat-grid-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.cat-grid-col-3 {\n grid-column: span 3 / span 3;\n}\n\n.cat-grid-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.cat-grid-col-4 {\n grid-column: span 4 / span 4;\n}\n\n.cat-grid-5 {\n grid-template-columns: repeat(5, minmax(0, 1fr));\n}\n\n.cat-grid-col-5 {\n grid-column: span 5 / span 5;\n}\n\n.cat-grid-6 {\n grid-template-columns: repeat(6, minmax(0, 1fr));\n}\n\n.cat-grid-col-6 {\n grid-column: span 6 / span 6;\n}\n\n.cat-grid-7 {\n grid-template-columns: repeat(7, minmax(0, 1fr));\n}\n\n.cat-grid-col-7 {\n grid-column: span 7 / span 7;\n}\n\n.cat-grid-8 {\n grid-template-columns: repeat(8, minmax(0, 1fr));\n}\n\n.cat-grid-col-8 {\n grid-column: span 8 / span 8;\n}\n\n.cat-grid-9 {\n grid-template-columns: repeat(9, minmax(0, 1fr));\n}\n\n.cat-grid-col-9 {\n grid-column: span 9 / span 9;\n}\n\n.cat-grid-10 {\n grid-template-columns: repeat(10, minmax(0, 1fr));\n}\n\n.cat-grid-col-10 {\n grid-column: span 10 / span 10;\n}\n\n.cat-grid-11 {\n grid-template-columns: repeat(11, minmax(0, 1fr));\n}\n\n.cat-grid-col-11 {\n grid-column: span 11 / span 11;\n}\n\n.cat-grid-12 {\n grid-template-columns: repeat(12, minmax(0, 1fr));\n}\n\n.cat-grid-col-12 {\n grid-column: span 12 / span 12;\n}\n\n.cat-grid-row-1 {\n grid-row: span 1 / span 1;\n}\n\n.cat-grid-row-2 {\n grid-row: span 2 / span 2;\n}\n\n.cat-grid-row-3 {\n grid-row: span 3 / span 3;\n}\n\n.cat-grid-row-4 {\n grid-row: span 4 / span 4;\n}\n\n.cat-grid-row-5 {\n grid-row: span 5 / span 5;\n}\n\n.cat-grid-row-6 {\n grid-row: span 6 / span 6;\n}\n\n.cat-grid-auto {\n --grid-min: 100%;\n grid-template-columns: repeat(auto-fill,minmax(min(var(--grid-min),100%),1fr));\n}\n\n/**\n * Auto-generated file. Do not edit directly.\n */\n/* stylelint-disable value-keyword-case */\n/* stylelint-enable value-keyword-case */\n.cat-m-auto {\n margin: auto !important;\n}\n\n.cat-mv-auto {\n margin-top: auto !important;\n margin-bottom: auto !important;\n}\n\n.cat-mh-auto {\n margin-left: auto !important;\n margin-right: auto !important;\n}\n\n.cat-mt-auto {\n margin-top: auto !important;\n}\n\n.cat-mb-auto {\n margin-bottom: auto !important;\n}\n\n.cat-ml-auto {\n margin-left: auto !important;\n}\n\n.cat-mr-auto {\n margin-right: auto !important;\n}\n\n.cat-m-0 {\n margin: 0 !important;\n}\n\n.cat-mv-0 {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n}\n\n.cat-mh-0 {\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\n.cat-mt-0 {\n margin-top: 0 !important;\n}\n\n.cat-mb-0 {\n margin-bottom: 0 !important;\n}\n\n.cat-ml-0 {\n margin-left: 0 !important;\n}\n\n.cat-mr-0 {\n margin-right: 0 !important;\n}\n\n.cat-p-0 {\n padding: 0 !important;\n}\n\n.cat-pv-0 {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n}\n\n.cat-ph-0 {\n padding-left: 0 !important;\n padding-right: 0 !important;\n}\n\n.cat-pt-0 {\n padding-top: 0 !important;\n}\n\n.cat-pb-0 {\n padding-bottom: 0 !important;\n}\n\n.cat-pl-0 {\n padding-left: 0 !important;\n}\n\n.cat-pr-0 {\n padding-right: 0 !important;\n}\n\n.cat-m-xl {\n margin: 2rem !important;\n}\n\n.cat-mv-xl {\n margin-top: 2rem !important;\n margin-bottom: 2rem !important;\n}\n\n.cat-mh-xl {\n margin-left: 2rem !important;\n margin-right: 2rem !important;\n}\n\n.cat-mt-xl {\n margin-top: 2rem !important;\n}\n\n.cat-mb-xl {\n margin-bottom: 2rem !important;\n}\n\n.cat-ml-xl {\n margin-left: 2rem !important;\n}\n\n.cat-mr-xl {\n margin-right: 2rem !important;\n}\n\n.cat-p-xl {\n padding: 2rem !important;\n}\n\n.cat-pv-xl {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important;\n}\n\n.cat-ph-xl {\n padding-left: 2rem !important;\n padding-right: 2rem !important;\n}\n\n.cat-pt-xl {\n padding-top: 2rem !important;\n}\n\n.cat-pb-xl {\n padding-bottom: 2rem !important;\n}\n\n.cat-pl-xl {\n padding-left: 2rem !important;\n}\n\n.cat-pr-xl {\n padding-right: 2rem !important;\n}\n\n.cat-m-l {\n margin: 1.5rem !important;\n}\n\n.cat-mv-l {\n margin-top: 1.5rem !important;\n margin-bottom: 1.5rem !important;\n}\n\n.cat-mh-l {\n margin-left: 1.5rem !important;\n margin-right: 1.5rem !important;\n}\n\n.cat-mt-l {\n margin-top: 1.5rem !important;\n}\n\n.cat-mb-l {\n margin-bottom: 1.5rem !important;\n}\n\n.cat-ml-l {\n margin-left: 1.5rem !important;\n}\n\n.cat-mr-l {\n margin-right: 1.5rem !important;\n}\n\n.cat-p-l {\n padding: 1.5rem !important;\n}\n\n.cat-pv-l {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important;\n}\n\n.cat-ph-l {\n padding-left: 1.5rem !important;\n padding-right: 1.5rem !important;\n}\n\n.cat-pt-l {\n padding-top: 1.5rem !important;\n}\n\n.cat-pb-l {\n padding-bottom: 1.5rem !important;\n}\n\n.cat-pl-l {\n padding-left: 1.5rem !important;\n}\n\n.cat-pr-l {\n padding-right: 1.5rem !important;\n}\n\n.cat-m-m {\n margin: 1rem !important;\n}\n\n.cat-mv-m {\n margin-top: 1rem !important;\n margin-bottom: 1rem !important;\n}\n\n.cat-mh-m {\n margin-left: 1rem !important;\n margin-right: 1rem !important;\n}\n\n.cat-mt-m {\n margin-top: 1rem !important;\n}\n\n.cat-mb-m {\n margin-bottom: 1rem !important;\n}\n\n.cat-ml-m {\n margin-left: 1rem !important;\n}\n\n.cat-mr-m {\n margin-right: 1rem !important;\n}\n\n.cat-p-m {\n padding: 1rem !important;\n}\n\n.cat-pv-m {\n padding-top: 1rem !important;\n padding-bottom: 1rem !important;\n}\n\n.cat-ph-m {\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n}\n\n.cat-pt-m {\n padding-top: 1rem !important;\n}\n\n.cat-pb-m {\n padding-bottom: 1rem !important;\n}\n\n.cat-pl-m {\n padding-left: 1rem !important;\n}\n\n.cat-pr-m {\n padding-right: 1rem !important;\n}\n\n.cat-m-s {\n margin: 0.5rem !important;\n}\n\n.cat-mv-s {\n margin-top: 0.5rem !important;\n margin-bottom: 0.5rem !important;\n}\n\n.cat-mh-s {\n margin-left: 0.5rem !important;\n margin-right: 0.5rem !important;\n}\n\n.cat-mt-s {\n margin-top: 0.5rem !important;\n}\n\n.cat-mb-s {\n margin-bottom: 0.5rem !important;\n}\n\n.cat-ml-s {\n margin-left: 0.5rem !important;\n}\n\n.cat-mr-s {\n margin-right: 0.5rem !important;\n}\n\n.cat-p-s {\n padding: 0.5rem !important;\n}\n\n.cat-pv-s {\n padding-top: 0.5rem !important;\n padding-bottom: 0.5rem !important;\n}\n\n.cat-ph-s {\n padding-left: 0.5rem !important;\n padding-right: 0.5rem !important;\n}\n\n.cat-pt-s {\n padding-top: 0.5rem !important;\n}\n\n.cat-pb-s {\n padding-bottom: 0.5rem !important;\n}\n\n.cat-pl-s {\n padding-left: 0.5rem !important;\n}\n\n.cat-pr-s {\n padding-right: 0.5rem !important;\n}\n\n.cat-m-xs {\n margin: 0.25rem !important;\n}\n\n.cat-mv-xs {\n margin-top: 0.25rem !important;\n margin-bottom: 0.25rem !important;\n}\n\n.cat-mh-xs {\n margin-left: 0.25rem !important;\n margin-right: 0.25rem !important;\n}\n\n.cat-mt-xs {\n margin-top: 0.25rem !important;\n}\n\n.cat-mb-xs {\n margin-bottom: 0.25rem !important;\n}\n\n.cat-ml-xs {\n margin-left: 0.25rem !important;\n}\n\n.cat-mr-xs {\n margin-right: 0.25rem !important;\n}\n\n.cat-p-xs {\n padding: 0.25rem !important;\n}\n\n.cat-pv-xs {\n padding-top: 0.25rem !important;\n padding-bottom: 0.25rem !important;\n}\n\n.cat-ph-xs {\n padding-left: 0.25rem !important;\n padding-right: 0.25rem !important;\n}\n\n.cat-pt-xs {\n padding-top: 0.25rem !important;\n}\n\n.cat-pb-xs {\n padding-bottom: 0.25rem !important;\n}\n\n.cat-pl-xs {\n padding-left: 0.25rem !important;\n}\n\n.cat-pr-xs {\n padding-right: 0.25rem !important;\n}\n\n/**\n * Auto-generated file. Do not edit directly.\n */\n/* stylelint-disable value-keyword-case */\n/* stylelint-enable value-keyword-case */\n.cat-line-height-1 {\n line-height: 1 !important;\n}\n\n.cat-text-left {\n text-align: left !important;\n}\n\n.cat-text-center {\n text-align: center !important;\n}\n\n.cat-text-right {\n text-align: right !important;\n}\n\n.cat-ellipsis {\n /* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n /* stylelint-enable value-no-vendor-prefix, property-no-vendor-prefix */\n}\n\n.cat-ellipsis-1 {\n /* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n /* stylelint-enable value-no-vendor-prefix, property-no-vendor-prefix */\n}\n\n.cat-ellipsis-2 {\n /* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n /* stylelint-enable value-no-vendor-prefix, property-no-vendor-prefix */\n}\n\n.cat-ellipsis-3 {\n /* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n /* stylelint-enable value-no-vendor-prefix, property-no-vendor-prefix */\n}\n\n.cat-ellipsis-4 {\n /* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */\n display: -webkit-box;\n -webkit-line-clamp: 4;\n -webkit-box-orient: vertical;\n overflow: hidden;\n /* stylelint-enable value-no-vendor-prefix, property-no-vendor-prefix */\n}\n\n.cat-ellipsis-5 {\n /* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */\n display: -webkit-box;\n -webkit-line-clamp: 5;\n -webkit-box-orient: vertical;\n overflow: hidden;\n /* stylelint-enable value-no-vendor-prefix, property-no-vendor-prefix */\n}\n\n.cat-select {\n /* stylelint-disable property-no-vendor-prefix */\n -webkit-user-select: auto;\n -ms-user-select: auto;\n user-select: auto;\n /* stylelint-enable property-no-vendor-prefix */\n}\n\n.cat-no-select {\n /* stylelint-disable property-no-vendor-prefix */\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n /* stylelint-enable property-no-vendor-prefix */\n}\n\n.cat-break-word {\n word-wrap: break-word;\n word-break: break-word;\n}\n\n.cat-visually-hidden {\n position: absolute !important;\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n margin: -1px !important;\n overflow: hidden !important;\n clip: rect(0, 0, 0, 0) !important;\n white-space: nowrap !important;\n border: 0 !important;\n}\n\n.cat-visually-hidden-focusable:not(:focus):not(:focus-within) {\n position: absolute !important;\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n margin: -1px !important;\n overflow: hidden !important;\n clip: rect(0, 0, 0, 0) !important;\n white-space: nowrap !important;\n border: 0 !important;\n}\n\n*:not(:hover):not(:focus):not(:focus-within) > .cat-visually-hidden-hoverable {\n position: absolute !important;\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n margin: -1px !important;\n overflow: hidden !important;\n clip: rect(0, 0, 0, 0) !important;\n white-space: nowrap !important;\n border: 0 !important;\n}\n\n.cat-ratio {\n position: relative;\n aspect-ratio: var(--cat-aspect-ratio);\n}\n.cat-ratio > * {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.cat-ratio-1x1 {\n --cat-aspect-ratio: 1;\n}\n\n.cat-ratio-3x1 {\n --cat-aspect-ratio: 3;\n}\n\n.cat-ratio-6x1 {\n --cat-aspect-ratio: 6;\n}\n\n.cat-ratio-4x3 {\n --cat-aspect-ratio: 1.3333333333;\n}\n\n.cat-ratio-16x9 {\n --cat-aspect-ratio: 1.7777777778;\n}\n\n.cat-ratio-21x9 {\n --cat-aspect-ratio: 2.3333333333;\n}\n\n@font-face {\n font-family: Lato;\n src: url(\"assets/fonts/Lato-Light.woff2\") format(\"woff2\"), url(\"assets/fonts/Lato-Light.woff\") format(\"woff\");\n font-style: normal;\n font-weight: 300;\n text-rendering: optimizeLegibility;\n font-display: fallback;\n}\n@font-face {\n font-family: Lato;\n src: url(\"assets/fonts/Lato-LightItalic.woff2\") format(\"woff2\"), url(\"assets/fonts/Lato-LightItalic.woff\") format(\"woff\");\n font-style: italic;\n font-weight: 300;\n text-rendering: optimizeLegibility;\n font-display: fallback;\n}\n@font-face {\n font-family: Lato;\n src: url(\"assets/fonts/Lato-Regular.woff2\") format(\"woff2\"), url(\"assets/fonts/Lato-Regular.woff\") format(\"woff\");\n font-style: normal;\n font-weight: 400;\n text-rendering: optimizeLegibility;\n font-display: fallback;\n}\n@font-face {\n font-family: Lato;\n src: url(\"assets/fonts/Lato-Italic.woff2\") format(\"woff2\"), url(\"assets/fonts/Lato-Italic.woff\") format(\"woff\");\n font-style: italic;\n font-weight: 400;\n text-rendering: optimizeLegibility;\n font-display: fallback;\n}\n@font-face {\n font-family: Lato;\n src: url(\"assets/fonts/Lato-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Lato-Medium.woff\") format(\"woff\");\n font-style: normal;\n font-weight: 500;\n text-rendering: optimizeLegibility;\n font-display: fallback;\n}\n@font-face {\n font-family: Lato;\n src: url(\"assets/fonts/Lato-MediumItalic.woff2\") format(\"woff2\"), url(\"assets/fonts/Lato-MediumItalic.woff\") format(\"woff\");\n font-style: italic;\n font-weight: 500;\n text-rendering: optimizeLegibility;\n font-display: fallback;\n}\n@font-face {\n font-family: Lato;\n src: url(\"assets/fonts/Lato-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Lato-Semibold.woff\") format(\"woff\");\n font-style: normal;\n font-weight: 600;\n text-rendering: optimizeLegibility;\n font-display: fallback;\n}\n@font-face {\n font-family: Lato;\n src: url(\"assets/fonts/Lato-SemiboldItalic.woff2\") format(\"woff2\"), url(\"assets/fonts/Lato-SemiboldItalic.woff\") format(\"woff\");\n font-style: italic;\n font-weight: 600;\n text-rendering: optimizeLegibility;\n font-display: fallback;\n}\n@font-face {\n font-family: Lato;\n src: url(\"assets/fonts/Lato-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Lato-Bold.woff\") format(\"woff\");\n font-style: normal;\n font-weight: 700;\n text-rendering: optimizeLegibility;\n font-display: fallback;\n}\n@font-face {\n font-family: Lato;\n src: url(\"assets/fonts/Lato-BoldItalic.woff2\") format(\"woff2\"), url(\"assets/fonts/Lato-BoldItalic.woff\") format(\"woff\");\n font-style: italic;\n font-weight: 700;\n text-rendering: optimizeLegibility;\n font-display: fallback;\n}\n@font-face {\n font-family: \"Source Sans 3\";\n src: url(\"assets/fonts/SourceSans3VF-Upright.ttf.woff2\") format(\"woff2\"), url(\"assets/fonts/SourceSans3VF-Upright.ttf.woff\") format(\"woff\");\n font-weight: 200 900;\n font-style: normal;\n font-display: fallback;\n}";
6
-
7
- /*
8
- Stencil Client Platform v4.38.3 | MIT Licensed | https://stenciljs.com
9
- */
10
- var __defProp = Object.defineProperty;
11
- var __export = (target, all) => {
12
- for (var name in all)
13
- __defProp(target, name, { get: all[name], enumerable: true });
14
- };
15
-
16
- // src/utils/constants.ts
17
- var SVG_NS = "http://www.w3.org/2000/svg";
18
- var HTML_NS = "http://www.w3.org/1999/xhtml";
19
- var reWireGetterSetter = (instance, hostRef) => {
20
- var _a;
21
- const cmpMeta = hostRef.$cmpMeta$;
22
- const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
23
- members.map(([memberName, [memberFlags]]) => {
24
- if ((memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */)) {
25
- const ogValue = instance[memberName];
26
- const ogDescriptor = getPropertyDescriptor(Object.getPrototypeOf(instance), memberName) || Object.getOwnPropertyDescriptor(instance, memberName);
27
- if (ogDescriptor) {
28
- Object.defineProperty(instance, memberName, {
29
- get() {
30
- return ogDescriptor.get.call(this);
31
- },
32
- set(newValue) {
33
- ogDescriptor.set.call(this, newValue);
34
- },
35
- configurable: true,
36
- enumerable: true
37
- });
38
- }
39
- instance[memberName] = hostRef.$instanceValues$.has(memberName) ? hostRef.$instanceValues$.get(memberName) : ogValue;
40
- }
41
- });
42
- };
43
- function getPropertyDescriptor(obj, memberName) {
44
- while (obj) {
45
- const desc = Object.getOwnPropertyDescriptor(obj, memberName);
46
- if (desc == null ? void 0 : desc.get) return desc;
47
- obj = Object.getPrototypeOf(obj);
48
- }
49
- return void 0;
50
- }
51
-
52
- // src/client/client-host-ref.ts
53
- var getHostRef = (ref) => {
54
- if (ref.__stencil__getHostRef) {
55
- return ref.__stencil__getHostRef();
56
- }
57
- return void 0;
58
- };
59
- var registerInstance = (lazyInstance, hostRef) => {
60
- if (!hostRef) return;
61
- lazyInstance.__stencil__getHostRef = () => hostRef;
62
- hostRef.$lazyInstance$ = lazyInstance;
63
- if (hostRef.$cmpMeta$.$flags$ & 512 /* hasModernPropertyDecls */ && (BUILD.state)) {
64
- reWireGetterSetter(lazyInstance, hostRef);
65
- }
66
- };
67
- var registerHost = (hostElement, cmpMeta) => {
68
- const hostRef = {
69
- $flags$: 0,
70
- $hostElement$: hostElement,
71
- $cmpMeta$: cmpMeta,
72
- $instanceValues$: /* @__PURE__ */ new Map(),
73
- $serializerValues$: /* @__PURE__ */ new Map()
74
- };
75
- {
76
- hostRef.$onInstancePromise$ = new Promise((r) => hostRef.$onInstanceResolve$ = r);
77
- }
78
- {
79
- hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
80
- hostElement["s-p"] = [];
81
- hostElement["s-rc"] = [];
82
- }
83
- {
84
- hostRef.$fetchedCbList$ = [];
85
- }
86
- const ref = hostRef;
87
- hostElement.__stencil__getHostRef = () => ref;
88
- return ref;
89
- };
90
- var isMemberInElement = (elm, memberName) => memberName in elm;
91
- var consoleError = (e, el) => (0, console.error)(e, el);
92
-
93
- // src/client/client-load-module.ts
94
- var cmpModules = /* @__PURE__ */ new Map();
95
- var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
96
- const exportName = cmpMeta.$tagName$.replace(/-/g, "_");
97
- const bundleId = cmpMeta.$lazyBundleId$;
98
- if (!bundleId) {
99
- return void 0;
100
- }
101
- const module = cmpModules.get(bundleId) ;
102
- if (module) {
103
- return module[exportName];
104
- }
105
-
106
- if (!hmrVersionId || !BUILD.hotModuleReplacement) {
107
- const processMod = importedModule => {
108
- cmpModules.set(bundleId, importedModule);
109
- return importedModule[exportName];
110
- }
111
- switch(bundleId) {
112
-
113
- case 'cat-alert_30':
114
- return import(
115
- /* webpackMode: "lazy" */
116
- './cat-alert_30.entry.js').then(processMod, consoleError);
117
- }
118
- }
119
- return import(
120
- /* @vite-ignore */
121
- /* webpackInclude: /\.entry\.js$/ */
122
- /* webpackExclude: /\.system\.entry\.js$/ */
123
- /* webpackMode: "lazy" */
124
- `./${bundleId}.entry.js${""}`
125
- ).then(
126
- (importedModule) => {
127
- {
128
- cmpModules.set(bundleId, importedModule);
129
- }
130
- return importedModule[exportName];
131
- },
132
- (e) => {
133
- consoleError(e, hostRef.$hostElement$);
134
- }
135
- );
136
- };
137
-
138
- // src/client/client-style.ts
139
- var styles = /* @__PURE__ */ new Map();
140
- var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
141
- var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
142
- var XLINK_NS = "http://www.w3.org/1999/xlink";
143
- var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
144
- "formAssociatedCallback",
145
- "formResetCallback",
146
- "formDisabledCallback",
147
- "formStateRestoreCallback"
148
- ];
149
- var win = typeof window !== "undefined" ? window : {};
150
- var plt = {
151
- $flags$: 0,
152
- $resourcesUrl$: "",
153
- jmp: (h2) => h2(),
154
- raf: (h2) => requestAnimationFrame(h2),
155
- ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),
156
- rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
157
- ce: (eventName, opts) => new CustomEvent(eventName, opts)
158
- };
159
- var supportsListenerOptions = /* @__PURE__ */ (() => {
160
- var _a;
161
- let supportsListenerOptions2 = false;
162
- try {
163
- (_a = win.document) == null ? void 0 : _a.addEventListener(
164
- "e",
165
- null,
166
- Object.defineProperty({}, "passive", {
167
- get() {
168
- supportsListenerOptions2 = true;
169
- }
170
- })
171
- );
172
- } catch (e) {
173
- }
174
- return supportsListenerOptions2;
175
- })();
176
- var promiseResolve = (v) => Promise.resolve(v);
177
- var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
178
- try {
179
- new CSSStyleSheet();
180
- return typeof new CSSStyleSheet().replaceSync === "function";
181
- } catch (e) {
182
- }
183
- return false;
184
- })() ;
185
- var supportsMutableAdoptedStyleSheets = supportsConstructableStylesheets ? /* @__PURE__ */ (() => !!win.document && Object.getOwnPropertyDescriptor(win.document.adoptedStyleSheets, "length").writable)() : false;
186
- var queuePending = false;
187
- var queueDomReads = [];
188
- var queueDomWrites = [];
189
- var queueTask = (queue, write) => (cb) => {
190
- queue.push(cb);
191
- if (!queuePending) {
192
- queuePending = true;
193
- if (write && plt.$flags$ & 4 /* queueSync */) {
194
- nextTick(flush);
195
- } else {
196
- plt.raf(flush);
197
- }
198
- }
199
- };
200
- var consume = (queue) => {
201
- for (let i2 = 0; i2 < queue.length; i2++) {
202
- try {
203
- queue[i2](performance.now());
204
- } catch (e) {
205
- consoleError(e);
206
- }
207
- }
208
- queue.length = 0;
209
- };
210
- var flush = () => {
211
- consume(queueDomReads);
212
- {
213
- consume(queueDomWrites);
214
- if (queuePending = queueDomReads.length > 0) {
215
- plt.raf(flush);
216
- }
217
- }
218
- };
219
- var nextTick = (cb) => promiseResolve().then(cb);
220
- var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
221
- var isComplexType = (o) => {
222
- o = typeof o;
223
- return o === "object" || o === "function";
224
- };
225
-
226
- // src/utils/query-nonce-meta-tag-content.ts
227
- function queryNonceMetaTagContent(doc) {
228
- var _a, _b, _c;
229
- return (_c = (_b = (_a = doc.head) == null ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : _b.getAttribute("content")) != null ? _c : void 0;
230
- }
231
-
232
- // src/utils/regular-expression.ts
233
- var escapeRegExpSpecialCharacters = (text) => {
234
- return text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
235
- };
236
-
237
- // src/utils/result.ts
238
- var result_exports = {};
239
- __export(result_exports, {
240
- err: () => err,
241
- map: () => map,
242
- ok: () => ok,
243
- unwrap: () => unwrap,
244
- unwrapErr: () => unwrapErr
245
- });
246
- var ok = (value) => ({
247
- isOk: true,
248
- isErr: false,
249
- value
250
- });
251
- var err = (value) => ({
252
- isOk: false,
253
- isErr: true,
254
- value
255
- });
256
- function map(result, fn) {
257
- if (result.isOk) {
258
- const val = fn(result.value);
259
- if (val instanceof Promise) {
260
- return val.then((newVal) => ok(newVal));
261
- } else {
262
- return ok(val);
263
- }
264
- }
265
- if (result.isErr) {
266
- const value = result.value;
267
- return err(value);
268
- }
269
- throw "should never get here";
270
- }
271
- var unwrap = (result) => {
272
- if (result.isOk) {
273
- return result.value;
274
- } else {
275
- throw result.value;
276
- }
277
- };
278
- var unwrapErr = (result) => {
279
- if (result.isErr) {
280
- return result.value;
281
- } else {
282
- throw result.value;
283
- }
284
- };
285
-
286
- // src/utils/style.ts
287
- function createStyleSheetIfNeededAndSupported(styles2) {
288
- if (!supportsConstructableStylesheets) return void 0;
289
- const sheet = new CSSStyleSheet();
290
- sheet.replaceSync(styles2);
291
- return sheet;
292
- }
293
-
294
- // src/utils/shadow-root.ts
295
- var globalStyleSheet;
296
- function createShadowRoot(cmpMeta) {
297
- var _a;
298
- const shadowRoot = this.attachShadow({
299
- mode: "open",
300
- delegatesFocus: !!(cmpMeta.$flags$ & 16 /* shadowDelegatesFocus */)
301
- }) ;
302
- if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported(globalStyles)) != null ? _a : null;
303
- if (globalStyleSheet) {
304
- if (supportsMutableAdoptedStyleSheets) {
305
- shadowRoot.adoptedStyleSheets.push(globalStyleSheet);
306
- } else {
307
- shadowRoot.adoptedStyleSheets = [...shadowRoot.adoptedStyleSheets, globalStyleSheet];
308
- }
309
- }
310
- }
311
- var createTime = (fnName, tagName = "") => {
312
- {
313
- return () => {
314
- return;
315
- };
316
- }
317
- };
318
- var uniqueTime = (key, measureText) => {
319
- {
320
- return () => {
321
- return;
322
- };
323
- }
324
- };
325
- var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
326
- var registerStyle = (scopeId2, cssText, allowCS) => {
327
- let style = styles.get(scopeId2);
328
- if (supportsConstructableStylesheets && allowCS) {
329
- style = style || new CSSStyleSheet();
330
- if (typeof style === "string") {
331
- style = cssText;
332
- } else {
333
- style.replaceSync(cssText);
334
- }
335
- } else {
336
- style = cssText;
337
- }
338
- styles.set(scopeId2, style);
339
- };
340
- var addStyle = (styleContainerNode, cmpMeta, mode) => {
341
- var _a;
342
- const scopeId2 = getScopeId(cmpMeta);
343
- const style = styles.get(scopeId2);
344
- if (!win.document) {
345
- return scopeId2;
346
- }
347
- styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
348
- if (style) {
349
- if (typeof style === "string") {
350
- styleContainerNode = styleContainerNode.head || styleContainerNode;
351
- let appliedStyles = rootAppliedStyles.get(styleContainerNode);
352
- let styleElm;
353
- if (!appliedStyles) {
354
- rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
355
- }
356
- if (!appliedStyles.has(scopeId2)) {
357
- {
358
- styleElm = win.document.createElement("style");
359
- styleElm.innerHTML = style;
360
- const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
361
- if (nonce != null) {
362
- styleElm.setAttribute("nonce", nonce);
363
- }
364
- if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
365
- if (styleContainerNode.nodeName === "HEAD") {
366
- const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
367
- const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
368
- styleContainerNode.insertBefore(
369
- styleElm,
370
- (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
371
- );
372
- } else if ("host" in styleContainerNode) {
373
- if (supportsConstructableStylesheets) {
374
- const stylesheet = new CSSStyleSheet();
375
- stylesheet.replaceSync(style);
376
- if (supportsMutableAdoptedStyleSheets) {
377
- styleContainerNode.adoptedStyleSheets.unshift(stylesheet);
378
- } else {
379
- styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
380
- }
381
- } else {
382
- const existingStyleContainer = styleContainerNode.querySelector("style");
383
- if (existingStyleContainer) {
384
- existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
385
- } else {
386
- styleContainerNode.prepend(styleElm);
387
- }
388
- }
389
- } else {
390
- styleContainerNode.append(styleElm);
391
- }
392
- }
393
- if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
394
- styleContainerNode.insertBefore(styleElm, null);
395
- }
396
- }
397
- if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
398
- styleElm.innerHTML += SLOT_FB_CSS;
399
- }
400
- if (appliedStyles) {
401
- appliedStyles.add(scopeId2);
402
- }
403
- }
404
- } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
405
- if (supportsMutableAdoptedStyleSheets) {
406
- styleContainerNode.adoptedStyleSheets.push(style);
407
- } else {
408
- styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
409
- }
410
- }
411
- }
412
- return scopeId2;
413
- };
414
- var attachStyles = (hostRef) => {
415
- const cmpMeta = hostRef.$cmpMeta$;
416
- const elm = hostRef.$hostElement$;
417
- const flags = cmpMeta.$flags$;
418
- const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
419
- const scopeId2 = addStyle(
420
- elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
421
- cmpMeta);
422
- if (flags & 10 /* needsScopedEncapsulation */) {
423
- elm["s-sc"] = scopeId2;
424
- elm.classList.add(scopeId2 + "-h");
425
- }
426
- endAttachStyles();
427
- };
428
- var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
429
- var h = (nodeName, vnodeData, ...children) => {
430
- let child = null;
431
- let key = null;
432
- let simple = false;
433
- let lastSimple = false;
434
- const vNodeChildren = [];
435
- const walk = (c) => {
436
- for (let i2 = 0; i2 < c.length; i2++) {
437
- child = c[i2];
438
- if (Array.isArray(child)) {
439
- walk(child);
440
- } else if (child != null && typeof child !== "boolean") {
441
- if (simple = typeof nodeName !== "function" && !isComplexType(child)) {
442
- child = String(child);
443
- }
444
- if (simple && lastSimple) {
445
- vNodeChildren[vNodeChildren.length - 1].$text$ += child;
446
- } else {
447
- vNodeChildren.push(simple ? newVNode(null, child) : child);
448
- }
449
- lastSimple = simple;
450
- }
451
- }
452
- };
453
- walk(children);
454
- if (vnodeData) {
455
- if (vnodeData.key) {
456
- key = vnodeData.key;
457
- }
458
- {
459
- const classData = vnodeData.className || vnodeData.class;
460
- if (classData) {
461
- vnodeData.class = typeof classData !== "object" ? classData : Object.keys(classData).filter((k) => classData[k]).join(" ");
462
- }
463
- }
464
- }
465
- if (typeof nodeName === "function") {
466
- return nodeName(
467
- vnodeData === null ? {} : vnodeData,
468
- vNodeChildren,
469
- vdomFnUtils
470
- );
471
- }
472
- const vnode = newVNode(nodeName, null);
473
- vnode.$attrs$ = vnodeData;
474
- if (vNodeChildren.length > 0) {
475
- vnode.$children$ = vNodeChildren;
476
- }
477
- {
478
- vnode.$key$ = key;
479
- }
480
- return vnode;
481
- };
482
- var newVNode = (tag, text) => {
483
- const vnode = {
484
- $flags$: 0,
485
- $tag$: tag,
486
- $text$: text,
487
- $elm$: null,
488
- $children$: null
489
- };
490
- {
491
- vnode.$attrs$ = null;
492
- }
493
- {
494
- vnode.$key$ = null;
495
- }
496
- return vnode;
497
- };
498
- var Host = {};
499
- var isHost = (node) => node && node.$tag$ === Host;
500
- var vdomFnUtils = {
501
- forEach: (children, cb) => children.map(convertToPublic).forEach(cb),
502
- map: (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate)
503
- };
504
- var convertToPublic = (node) => ({
505
- vattrs: node.$attrs$,
506
- vchildren: node.$children$,
507
- vkey: node.$key$,
508
- vname: node.$name$,
509
- vtag: node.$tag$,
510
- vtext: node.$text$
511
- });
512
- var convertToPrivate = (node) => {
513
- if (typeof node.vtag === "function") {
514
- const vnodeData = { ...node.vattrs };
515
- if (node.vkey) {
516
- vnodeData.key = node.vkey;
517
- }
518
- if (node.vname) {
519
- vnodeData.name = node.vname;
520
- }
521
- return h(node.vtag, vnodeData, ...node.vchildren || []);
522
- }
523
- const vnode = newVNode(node.vtag, node.vtext);
524
- vnode.$attrs$ = node.vattrs;
525
- vnode.$children$ = node.vchildren;
526
- vnode.$key$ = node.vkey;
527
- vnode.$name$ = node.vname;
528
- return vnode;
529
- };
530
- var createSupportsRuleRe = (selector) => {
531
- const safeSelector2 = escapeRegExpSpecialCharacters(selector);
532
- return new RegExp(
533
- // First capture group: match any context before the selector that's not inside @supports selector()
534
- // Using negative lookahead to avoid matching inside @supports selector(...) condition
535
- `(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${safeSelector2}))(${safeSelector2}\\b)`,
536
- "g"
537
- );
538
- };
539
- createSupportsRuleRe("::slotted");
540
- createSupportsRuleRe(":host");
541
- createSupportsRuleRe(":host-context");
542
- var parsePropertyValue = (propValue, propType, isFormAssociated) => {
543
- if (propValue != null && !isComplexType(propValue)) {
544
- if (propType & 4 /* Boolean */) {
545
- if (isFormAssociated && typeof propValue === "string") {
546
- return propValue === "" || !!propValue;
547
- } else {
548
- return propValue === "false" ? false : propValue === "" || !!propValue;
549
- }
550
- }
551
- if (propType & 2 /* Number */) {
552
- return typeof propValue === "string" ? parseFloat(propValue) : typeof propValue === "number" ? propValue : NaN;
553
- }
554
- if (propType & 1 /* String */) {
555
- return String(propValue);
556
- }
557
- return propValue;
558
- }
559
- return propValue;
560
- };
561
- var getElement = (ref) => {
562
- var _a;
563
- return (_a = getHostRef(ref)) == null ? void 0 : _a.$hostElement$ ;
564
- };
565
-
566
- // src/runtime/event-emitter.ts
567
- var createEvent = (ref, name, flags) => {
568
- const elm = getElement(ref);
569
- return {
570
- emit: (detail) => {
571
- return emitEvent(elm, name, {
572
- bubbles: true,
573
- composed: true,
574
- cancelable: true,
575
- detail
576
- });
577
- }
578
- };
579
- };
580
- var emitEvent = (elm, name, opts) => {
581
- const ev = plt.ce(name, opts);
582
- elm.dispatchEvent(ev);
583
- return ev;
584
- };
585
- var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
586
- if (oldValue === newValue) {
587
- return;
588
- }
589
- let isProp = isMemberInElement(elm, memberName);
590
- let ln = memberName.toLowerCase();
591
- if (memberName === "class") {
592
- const classList = elm.classList;
593
- const oldClasses = parseClassList(oldValue);
594
- let newClasses = parseClassList(newValue);
595
- {
596
- classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
597
- classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
598
- }
599
- } else if (memberName === "style") {
600
- {
601
- for (const prop in oldValue) {
602
- if (!newValue || newValue[prop] == null) {
603
- if (prop.includes("-")) {
604
- elm.style.removeProperty(prop);
605
- } else {
606
- elm.style[prop] = "";
607
- }
608
- }
609
- }
610
- }
611
- for (const prop in newValue) {
612
- if (!oldValue || newValue[prop] !== oldValue[prop]) {
613
- if (prop.includes("-")) {
614
- elm.style.setProperty(prop, newValue[prop]);
615
- } else {
616
- elm.style[prop] = newValue[prop];
617
- }
618
- }
619
- }
620
- } else if (memberName === "key") ; else if (memberName === "ref") {
621
- if (newValue) {
622
- newValue(elm);
623
- }
624
- } else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
625
- if (memberName[2] === "-") {
626
- memberName = memberName.slice(3);
627
- } else if (isMemberInElement(win, ln)) {
628
- memberName = ln.slice(2);
629
- } else {
630
- memberName = ln[2] + memberName.slice(3);
631
- }
632
- if (oldValue || newValue) {
633
- const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
634
- memberName = memberName.replace(CAPTURE_EVENT_REGEX, "");
635
- if (oldValue) {
636
- plt.rel(elm, memberName, oldValue, capture);
637
- }
638
- if (newValue) {
639
- plt.ael(elm, memberName, newValue, capture);
640
- }
641
- }
642
- } else {
643
- const isComplex = isComplexType(newValue);
644
- if ((isProp || isComplex && newValue !== null) && !isSvg) {
645
- try {
646
- if (!elm.tagName.includes("-")) {
647
- const n = newValue == null ? "" : newValue;
648
- if (memberName === "list") {
649
- isProp = false;
650
- } else if (oldValue == null || elm[memberName] != n) {
651
- if (typeof elm.__lookupSetter__(memberName) === "function") {
652
- elm[memberName] = n;
653
- } else {
654
- elm.setAttribute(memberName, n);
655
- }
656
- }
657
- } else if (elm[memberName] !== newValue) {
658
- elm[memberName] = newValue;
659
- }
660
- } catch (e) {
661
- }
662
- }
663
- let xlink = false;
664
- {
665
- if (ln !== (ln = ln.replace(/^xlink\:?/, ""))) {
666
- memberName = ln;
667
- xlink = true;
668
- }
669
- }
670
- if (newValue == null || newValue === false) {
671
- if (newValue !== false || elm.getAttribute(memberName) === "") {
672
- if (xlink) {
673
- elm.removeAttributeNS(XLINK_NS, memberName);
674
- } else {
675
- elm.removeAttribute(memberName);
676
- }
677
- }
678
- } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex && elm.nodeType === 1 /* ElementNode */) {
679
- newValue = newValue === true ? "" : newValue;
680
- if (xlink) {
681
- elm.setAttributeNS(XLINK_NS, memberName, newValue);
682
- } else {
683
- elm.setAttribute(memberName, newValue);
684
- }
685
- }
686
- }
687
- };
688
- var parseClassListRegex = /\s/;
689
- var parseClassList = (value) => {
690
- if (typeof value === "object" && value && "baseVal" in value) {
691
- value = value.baseVal;
692
- }
693
- if (!value || typeof value !== "string") {
694
- return [];
695
- }
696
- return value.split(parseClassListRegex);
697
- };
698
- var CAPTURE_EVENT_SUFFIX = "Capture";
699
- var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
700
-
701
- // src/runtime/vdom/update-element.ts
702
- var updateElement = (oldVnode, newVnode, isSvgMode2, isInitialRender) => {
703
- const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
704
- const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || {};
705
- const newVnodeAttrs = newVnode.$attrs$ || {};
706
- {
707
- for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
708
- if (!(memberName in newVnodeAttrs)) {
709
- setAccessor(
710
- elm,
711
- memberName,
712
- oldVnodeAttrs[memberName],
713
- void 0,
714
- isSvgMode2,
715
- newVnode.$flags$);
716
- }
717
- }
718
- }
719
- for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {
720
- setAccessor(
721
- elm,
722
- memberName,
723
- oldVnodeAttrs[memberName],
724
- newVnodeAttrs[memberName],
725
- isSvgMode2,
726
- newVnode.$flags$);
727
- }
728
- };
729
- function sortedAttrNames(attrNames) {
730
- return attrNames.includes("ref") ? (
731
- // we need to sort these to ensure that `'ref'` is the last attr
732
- [...attrNames.filter((attr) => attr !== "ref"), "ref"]
733
- ) : (
734
- // no need to sort, return the original array
735
- attrNames
736
- );
737
- }
738
- var hostTagName;
739
- var isSvgMode = false;
740
- var createElm = (oldParentVNode, newParentVNode, childIndex) => {
741
- const newVNode2 = newParentVNode.$children$[childIndex];
742
- let i2 = 0;
743
- let elm;
744
- let childNode;
745
- if (newVNode2.$text$ !== null) {
746
- elm = newVNode2.$elm$ = win.document.createTextNode(newVNode2.$text$);
747
- } else {
748
- if (!isSvgMode) {
749
- isSvgMode = newVNode2.$tag$ === "svg";
750
- }
751
- if (!win.document) {
752
- throw new Error(
753
- "You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component."
754
- );
755
- }
756
- elm = newVNode2.$elm$ = win.document.createElementNS(
757
- isSvgMode ? SVG_NS : HTML_NS,
758
- newVNode2.$tag$
759
- ) ;
760
- if (isSvgMode && newVNode2.$tag$ === "foreignObject") {
761
- isSvgMode = false;
762
- }
763
- {
764
- updateElement(null, newVNode2, isSvgMode);
765
- }
766
- if (newVNode2.$children$) {
767
- for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
768
- childNode = createElm(oldParentVNode, newVNode2, i2);
769
- if (childNode) {
770
- elm.appendChild(childNode);
771
- }
772
- }
773
- }
774
- {
775
- if (newVNode2.$tag$ === "svg") {
776
- isSvgMode = false;
777
- } else if (elm.tagName === "foreignObject") {
778
- isSvgMode = true;
779
- }
780
- }
781
- }
782
- elm["s-hn"] = hostTagName;
783
- return elm;
784
- };
785
- var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
786
- let containerElm = parentElm;
787
- let childNode;
788
- if (containerElm.shadowRoot && containerElm.tagName === hostTagName) {
789
- containerElm = containerElm.shadowRoot;
790
- }
791
- for (; startIdx <= endIdx; ++startIdx) {
792
- if (vnodes[startIdx]) {
793
- childNode = createElm(null, parentVNode, startIdx);
794
- if (childNode) {
795
- vnodes[startIdx].$elm$ = childNode;
796
- insertBefore(containerElm, childNode, before);
797
- }
798
- }
799
- }
800
- };
801
- var removeVnodes = (vnodes, startIdx, endIdx) => {
802
- for (let index = startIdx; index <= endIdx; ++index) {
803
- const vnode = vnodes[index];
804
- if (vnode) {
805
- const elm = vnode.$elm$;
806
- nullifyVNodeRefs(vnode);
807
- if (elm) {
808
- elm.remove();
809
- }
810
- }
811
- }
812
- };
813
- var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = false) => {
814
- let oldStartIdx = 0;
815
- let newStartIdx = 0;
816
- let idxInOld = 0;
817
- let i2 = 0;
818
- let oldEndIdx = oldCh.length - 1;
819
- let oldStartVnode = oldCh[0];
820
- let oldEndVnode = oldCh[oldEndIdx];
821
- let newEndIdx = newCh.length - 1;
822
- let newStartVnode = newCh[0];
823
- let newEndVnode = newCh[newEndIdx];
824
- let node;
825
- let elmToMove;
826
- while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
827
- if (oldStartVnode == null) {
828
- oldStartVnode = oldCh[++oldStartIdx];
829
- } else if (oldEndVnode == null) {
830
- oldEndVnode = oldCh[--oldEndIdx];
831
- } else if (newStartVnode == null) {
832
- newStartVnode = newCh[++newStartIdx];
833
- } else if (newEndVnode == null) {
834
- newEndVnode = newCh[--newEndIdx];
835
- } else if (isSameVnode(oldStartVnode, newStartVnode, isInitialRender)) {
836
- patch(oldStartVnode, newStartVnode, isInitialRender);
837
- oldStartVnode = oldCh[++oldStartIdx];
838
- newStartVnode = newCh[++newStartIdx];
839
- } else if (isSameVnode(oldEndVnode, newEndVnode, isInitialRender)) {
840
- patch(oldEndVnode, newEndVnode, isInitialRender);
841
- oldEndVnode = oldCh[--oldEndIdx];
842
- newEndVnode = newCh[--newEndIdx];
843
- } else if (isSameVnode(oldStartVnode, newEndVnode, isInitialRender)) {
844
- patch(oldStartVnode, newEndVnode, isInitialRender);
845
- insertBefore(parentElm, oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
846
- oldStartVnode = oldCh[++oldStartIdx];
847
- newEndVnode = newCh[--newEndIdx];
848
- } else if (isSameVnode(oldEndVnode, newStartVnode, isInitialRender)) {
849
- patch(oldEndVnode, newStartVnode, isInitialRender);
850
- insertBefore(parentElm, oldEndVnode.$elm$, oldStartVnode.$elm$);
851
- oldEndVnode = oldCh[--oldEndIdx];
852
- newStartVnode = newCh[++newStartIdx];
853
- } else {
854
- idxInOld = -1;
855
- {
856
- for (i2 = oldStartIdx; i2 <= oldEndIdx; ++i2) {
857
- if (oldCh[i2] && oldCh[i2].$key$ !== null && oldCh[i2].$key$ === newStartVnode.$key$) {
858
- idxInOld = i2;
859
- break;
860
- }
861
- }
862
- }
863
- if (idxInOld >= 0) {
864
- elmToMove = oldCh[idxInOld];
865
- if (elmToMove.$tag$ !== newStartVnode.$tag$) {
866
- node = createElm(oldCh && oldCh[newStartIdx], newVNode2, idxInOld);
867
- } else {
868
- patch(elmToMove, newStartVnode, isInitialRender);
869
- oldCh[idxInOld] = void 0;
870
- node = elmToMove.$elm$;
871
- }
872
- newStartVnode = newCh[++newStartIdx];
873
- } else {
874
- node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx);
875
- newStartVnode = newCh[++newStartIdx];
876
- }
877
- if (node) {
878
- {
879
- insertBefore(oldStartVnode.$elm$.parentNode, node, oldStartVnode.$elm$);
880
- }
881
- }
882
- }
883
- }
884
- if (oldStartIdx > oldEndIdx) {
885
- addVnodes(
886
- parentElm,
887
- newCh[newEndIdx + 1] == null ? null : newCh[newEndIdx + 1].$elm$,
888
- newVNode2,
889
- newCh,
890
- newStartIdx,
891
- newEndIdx
892
- );
893
- } else if (newStartIdx > newEndIdx) {
894
- removeVnodes(oldCh, oldStartIdx, oldEndIdx);
895
- }
896
- };
897
- var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
898
- if (leftVNode.$tag$ === rightVNode.$tag$) {
899
- if (!isInitialRender) {
900
- return leftVNode.$key$ === rightVNode.$key$;
901
- }
902
- if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
903
- leftVNode.$key$ = rightVNode.$key$;
904
- }
905
- return true;
906
- }
907
- return false;
908
- };
909
- var patch = (oldVNode, newVNode2, isInitialRender = false) => {
910
- const elm = newVNode2.$elm$ = oldVNode.$elm$;
911
- const oldChildren = oldVNode.$children$;
912
- const newChildren = newVNode2.$children$;
913
- const tag = newVNode2.$tag$;
914
- const text = newVNode2.$text$;
915
- if (text === null) {
916
- {
917
- isSvgMode = tag === "svg" ? true : tag === "foreignObject" ? false : isSvgMode;
918
- }
919
- {
920
- updateElement(oldVNode, newVNode2, isSvgMode);
921
- }
922
- if (oldChildren !== null && newChildren !== null) {
923
- updateChildren(elm, oldChildren, newVNode2, newChildren, isInitialRender);
924
- } else if (newChildren !== null) {
925
- if (oldVNode.$text$ !== null) {
926
- elm.textContent = "";
927
- }
928
- addVnodes(elm, null, newVNode2, newChildren, 0, newChildren.length - 1);
929
- } else if (
930
- // don't do this on initial render as it can cause non-hydrated content to be removed
931
- !isInitialRender && BUILD.updatable && oldChildren !== null
932
- ) {
933
- removeVnodes(oldChildren, 0, oldChildren.length - 1);
934
- } else ;
935
- if (isSvgMode && tag === "svg") {
936
- isSvgMode = false;
937
- }
938
- } else if (oldVNode.$text$ !== text) {
939
- elm.data = text;
940
- }
941
- };
942
- var nullifyVNodeRefs = (vNode) => {
943
- {
944
- vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);
945
- vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
946
- }
947
- };
948
- var insertBefore = (parent, newNode, reference) => {
949
- {
950
- return parent == null ? void 0 : parent.insertBefore(newNode, reference);
951
- }
952
- };
953
- var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
954
- const hostElm = hostRef.$hostElement$;
955
- const cmpMeta = hostRef.$cmpMeta$;
956
- const oldVNode = hostRef.$vnode$ || newVNode(null, null);
957
- const isHostElement = isHost(renderFnResults);
958
- const rootVnode = isHostElement ? renderFnResults : h(null, null, renderFnResults);
959
- hostTagName = hostElm.tagName;
960
- if (cmpMeta.$attrsToReflect$) {
961
- rootVnode.$attrs$ = rootVnode.$attrs$ || {};
962
- cmpMeta.$attrsToReflect$.forEach(([propName, attribute]) => {
963
- {
964
- rootVnode.$attrs$[attribute] = hostElm[propName];
965
- }
966
- });
967
- }
968
- if (isInitialLoad && rootVnode.$attrs$) {
969
- for (const key of Object.keys(rootVnode.$attrs$)) {
970
- if (hostElm.hasAttribute(key) && !["key", "ref", "style", "class"].includes(key)) {
971
- rootVnode.$attrs$[key] = hostElm[key];
972
- }
973
- }
974
- }
975
- rootVnode.$tag$ = null;
976
- rootVnode.$flags$ |= 4 /* isHost */;
977
- hostRef.$vnode$ = rootVnode;
978
- rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
979
- patch(oldVNode, rootVnode, isInitialLoad);
980
- };
981
-
982
- // src/runtime/update-component.ts
983
- var attachToAncestor = (hostRef, ancestorComponent) => {
984
- if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
985
- const index = ancestorComponent["s-p"].push(
986
- new Promise(
987
- (r) => hostRef.$onRenderResolve$ = () => {
988
- ancestorComponent["s-p"].splice(index - 1, 1);
989
- r();
990
- }
991
- )
992
- );
993
- }
994
- };
995
- var scheduleUpdate = (hostRef, isInitialLoad) => {
996
- {
997
- hostRef.$flags$ |= 16 /* isQueuedForUpdate */;
998
- }
999
- if (hostRef.$flags$ & 4 /* isWaitingForChildren */) {
1000
- hostRef.$flags$ |= 512 /* needsRerender */;
1001
- return;
1002
- }
1003
- attachToAncestor(hostRef, hostRef.$ancestorComponent$);
1004
- const dispatch = () => dispatchHooks(hostRef, isInitialLoad);
1005
- if (isInitialLoad) {
1006
- queueMicrotask(() => {
1007
- dispatch();
1008
- });
1009
- return;
1010
- }
1011
- return writeTask(dispatch) ;
1012
- };
1013
- var dispatchHooks = (hostRef, isInitialLoad) => {
1014
- const elm = hostRef.$hostElement$;
1015
- const endSchedule = createTime("scheduleUpdate", hostRef.$cmpMeta$.$tagName$);
1016
- const instance = hostRef.$lazyInstance$ ;
1017
- if (!instance) {
1018
- throw new Error(
1019
- `Can't render component <${elm.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`
1020
- );
1021
- }
1022
- let maybePromise;
1023
- if (isInitialLoad) {
1024
- {
1025
- {
1026
- hostRef.$flags$ |= 256 /* isListenReady */;
1027
- if (hostRef.$queuedListeners$) {
1028
- hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event, elm));
1029
- hostRef.$queuedListeners$ = void 0;
1030
- }
1031
- }
1032
- if (hostRef.$fetchedCbList$.length) {
1033
- hostRef.$fetchedCbList$.forEach((cb) => cb(elm));
1034
- }
1035
- }
1036
- maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
1037
- } else {
1038
- maybePromise = safeCall(instance, "componentWillUpdate", void 0, elm);
1039
- }
1040
- maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender", void 0, elm));
1041
- endSchedule();
1042
- return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
1043
- };
1044
- var enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn).catch((err2) => {
1045
- console.error(err2);
1046
- fn();
1047
- }) : fn();
1048
- var isPromisey = (maybePromise) => maybePromise instanceof Promise || maybePromise && maybePromise.then && typeof maybePromise.then === "function";
1049
- var updateComponent = async (hostRef, instance, isInitialLoad) => {
1050
- var _a;
1051
- const elm = hostRef.$hostElement$;
1052
- const endUpdate = createTime("update", hostRef.$cmpMeta$.$tagName$);
1053
- const rc = elm["s-rc"];
1054
- if (isInitialLoad) {
1055
- attachStyles(hostRef);
1056
- }
1057
- const endRender = createTime("render", hostRef.$cmpMeta$.$tagName$);
1058
- {
1059
- callRender(hostRef, instance, elm, isInitialLoad);
1060
- }
1061
- if (rc) {
1062
- rc.map((cb) => cb());
1063
- elm["s-rc"] = void 0;
1064
- }
1065
- endRender();
1066
- endUpdate();
1067
- {
1068
- const childrenPromises = (_a = elm["s-p"]) != null ? _a : [];
1069
- const postUpdate = () => postUpdateComponent(hostRef);
1070
- if (childrenPromises.length === 0) {
1071
- postUpdate();
1072
- } else {
1073
- Promise.all(childrenPromises).then(postUpdate);
1074
- hostRef.$flags$ |= 4 /* isWaitingForChildren */;
1075
- childrenPromises.length = 0;
1076
- }
1077
- }
1078
- };
1079
- var callRender = (hostRef, instance, elm, isInitialLoad) => {
1080
- try {
1081
- instance = instance.render() ;
1082
- {
1083
- hostRef.$flags$ &= -17 /* isQueuedForUpdate */;
1084
- }
1085
- {
1086
- hostRef.$flags$ |= 2 /* hasRendered */;
1087
- }
1088
- {
1089
- {
1090
- {
1091
- renderVdom(hostRef, instance, isInitialLoad);
1092
- }
1093
- }
1094
- }
1095
- } catch (e) {
1096
- consoleError(e, hostRef.$hostElement$);
1097
- }
1098
- return null;
1099
- };
1100
- var postUpdateComponent = (hostRef) => {
1101
- const tagName = hostRef.$cmpMeta$.$tagName$;
1102
- const elm = hostRef.$hostElement$;
1103
- const endPostUpdate = createTime("postUpdate", tagName);
1104
- const instance = hostRef.$lazyInstance$ ;
1105
- const ancestorComponent = hostRef.$ancestorComponent$;
1106
- safeCall(instance, "componentDidRender", void 0, elm);
1107
- if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
1108
- hostRef.$flags$ |= 64 /* hasLoadedComponent */;
1109
- {
1110
- addHydratedFlag(elm);
1111
- }
1112
- safeCall(instance, "componentDidLoad", void 0, elm);
1113
- endPostUpdate();
1114
- {
1115
- hostRef.$onReadyResolve$(elm);
1116
- if (!ancestorComponent) {
1117
- appDidLoad();
1118
- }
1119
- }
1120
- } else {
1121
- safeCall(instance, "componentDidUpdate", void 0, elm);
1122
- endPostUpdate();
1123
- }
1124
- {
1125
- hostRef.$onInstanceResolve$(elm);
1126
- }
1127
- {
1128
- if (hostRef.$onRenderResolve$) {
1129
- hostRef.$onRenderResolve$();
1130
- hostRef.$onRenderResolve$ = void 0;
1131
- }
1132
- if (hostRef.$flags$ & 512 /* needsRerender */) {
1133
- nextTick(() => scheduleUpdate(hostRef, false));
1134
- }
1135
- hostRef.$flags$ &= -517;
1136
- }
1137
- };
1138
- var appDidLoad = (who) => {
1139
- nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
1140
- };
1141
- var safeCall = (instance, method, arg, elm) => {
1142
- if (instance && instance[method]) {
1143
- try {
1144
- return instance[method](arg);
1145
- } catch (e) {
1146
- consoleError(e, elm);
1147
- }
1148
- }
1149
- return void 0;
1150
- };
1151
- var addHydratedFlag = (elm) => {
1152
- var _a;
1153
- return elm.classList.add((_a = BUILD.hydratedSelectorName) != null ? _a : "hydrated") ;
1154
- };
1155
-
1156
- // src/runtime/set-value.ts
1157
- var getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
1158
- var setValue = (ref, propName, newVal, cmpMeta) => {
1159
- const hostRef = getHostRef(ref);
1160
- if (!hostRef) {
1161
- return;
1162
- }
1163
- if (!hostRef) {
1164
- throw new Error(
1165
- `Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`
1166
- );
1167
- }
1168
- const elm = hostRef.$hostElement$ ;
1169
- const oldVal = hostRef.$instanceValues$.get(propName);
1170
- const flags = hostRef.$flags$;
1171
- const instance = hostRef.$lazyInstance$ ;
1172
- newVal = parsePropertyValue(
1173
- newVal,
1174
- cmpMeta.$members$[propName][0],
1175
- !!(cmpMeta.$flags$ & 64 /* formAssociated */)
1176
- );
1177
- const areBothNaN = Number.isNaN(oldVal) && Number.isNaN(newVal);
1178
- const didValueChange = newVal !== oldVal && !areBothNaN;
1179
- if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
1180
- hostRef.$instanceValues$.set(propName, newVal);
1181
- if (instance) {
1182
- if (cmpMeta.$watchers$ && flags & 128 /* isWatchReady */) {
1183
- const watchMethods = cmpMeta.$watchers$[propName];
1184
- if (watchMethods) {
1185
- watchMethods.map((watchMethodName) => {
1186
- try {
1187
- instance[watchMethodName](newVal, oldVal, propName);
1188
- } catch (e) {
1189
- consoleError(e, elm);
1190
- }
1191
- });
1192
- }
1193
- }
1194
- if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
1195
- if (instance.componentShouldUpdate) {
1196
- if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
1197
- return;
1198
- }
1199
- }
1200
- scheduleUpdate(hostRef, false);
1201
- }
1202
- }
1203
- }
1204
- };
1205
-
1206
- // src/runtime/proxy-component.ts
1207
- var proxyComponent = (Cstr, cmpMeta, flags) => {
1208
- var _a, _b;
1209
- const prototype = Cstr.prototype;
1210
- if (cmpMeta.$flags$ & 64 /* formAssociated */ && flags & 1 /* isElementConstructor */) {
1211
- FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS.forEach((cbName) => {
1212
- Object.defineProperty(prototype, cbName, {
1213
- value(...args) {
1214
- var _a2;
1215
- const hostRef = getHostRef(this);
1216
- const instance = hostRef == null ? void 0 : hostRef.$lazyInstance$ ;
1217
- if (!instance) {
1218
- (_a2 = hostRef == null ? void 0 : hostRef.$onReadyPromise$) == null ? void 0 : _a2.then((asyncInstance) => {
1219
- const cb = asyncInstance[cbName];
1220
- typeof cb === "function" && cb.call(asyncInstance, ...args);
1221
- });
1222
- } else {
1223
- const cb = instance[cbName] ;
1224
- typeof cb === "function" && cb.call(instance, ...args);
1225
- }
1226
- }
1227
- });
1228
- });
1229
- }
1230
- if (cmpMeta.$members$ || BUILD.propChangeCallback) {
1231
- {
1232
- if (Cstr.watchers && !cmpMeta.$watchers$) {
1233
- cmpMeta.$watchers$ = Cstr.watchers;
1234
- }
1235
- if (Cstr.deserializers && !cmpMeta.$deserializers$) {
1236
- cmpMeta.$deserializers$ = Cstr.deserializers;
1237
- }
1238
- if (Cstr.serializers && !cmpMeta.$serializers$) {
1239
- cmpMeta.$serializers$ = Cstr.serializers;
1240
- }
1241
- }
1242
- const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
1243
- members.map(([memberName, [memberFlags]]) => {
1244
- if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
1245
- const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
1246
- if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
1247
- if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
1248
- if (flags & 1 /* isElementConstructor */ || !origGetter) {
1249
- Object.defineProperty(prototype, memberName, {
1250
- get() {
1251
- {
1252
- if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
1253
- return getValue(this, memberName);
1254
- }
1255
- const ref = getHostRef(this);
1256
- const instance = ref ? ref.$lazyInstance$ : prototype;
1257
- if (!instance) return;
1258
- return instance[memberName];
1259
- }
1260
- },
1261
- configurable: true,
1262
- enumerable: true
1263
- });
1264
- }
1265
- Object.defineProperty(prototype, memberName, {
1266
- set(newValue) {
1267
- const ref = getHostRef(this);
1268
- if (!ref) {
1269
- return;
1270
- }
1271
- if (origSetter) {
1272
- const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
1273
- if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
1274
- newValue = ref.$instanceValues$.get(memberName);
1275
- }
1276
- origSetter.apply(this, [
1277
- parsePropertyValue(
1278
- newValue,
1279
- memberFlags,
1280
- !!(cmpMeta.$flags$ & 64 /* formAssociated */)
1281
- )
1282
- ]);
1283
- newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
1284
- setValue(this, memberName, newValue, cmpMeta);
1285
- return;
1286
- }
1287
- {
1288
- if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
1289
- setValue(this, memberName, newValue, cmpMeta);
1290
- if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
1291
- ref.$fetchedCbList$.push(() => {
1292
- if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
1293
- ref.$lazyInstance$[memberName] = newValue;
1294
- }
1295
- });
1296
- }
1297
- return;
1298
- }
1299
- const setterSetVal = () => {
1300
- const currentValue = ref.$lazyInstance$[memberName];
1301
- if (!ref.$instanceValues$.get(memberName) && currentValue) {
1302
- ref.$instanceValues$.set(memberName, currentValue);
1303
- }
1304
- ref.$lazyInstance$[memberName] = parsePropertyValue(
1305
- newValue,
1306
- memberFlags,
1307
- !!(cmpMeta.$flags$ & 64 /* formAssociated */)
1308
- );
1309
- setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
1310
- };
1311
- if (ref.$lazyInstance$) {
1312
- setterSetVal();
1313
- } else {
1314
- ref.$fetchedCbList$.push(() => {
1315
- setterSetVal();
1316
- });
1317
- }
1318
- }
1319
- }
1320
- });
1321
- } else if (flags & 1 /* isElementConstructor */ && memberFlags & 64 /* Method */) {
1322
- Object.defineProperty(prototype, memberName, {
1323
- value(...args) {
1324
- var _a2;
1325
- const ref = getHostRef(this);
1326
- return (_a2 = ref == null ? void 0 : ref.$onInstancePromise$) == null ? void 0 : _a2.then(() => {
1327
- var _a3;
1328
- return (_a3 = ref.$lazyInstance$) == null ? void 0 : _a3[memberName](...args);
1329
- });
1330
- }
1331
- });
1332
- }
1333
- });
1334
- if ((flags & 1 /* isElementConstructor */)) {
1335
- const attrNameToPropName = /* @__PURE__ */ new Map();
1336
- prototype.attributeChangedCallback = function(attrName, oldValue, newValue) {
1337
- plt.jmp(() => {
1338
- var _a2;
1339
- const propName = attrNameToPropName.get(attrName);
1340
- const hostRef = getHostRef(this);
1341
- if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
1342
- newValue = this[propName];
1343
- delete this[propName];
1344
- }
1345
- if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
1346
- this[propName] == newValue) {
1347
- return;
1348
- } else if (propName == null) {
1349
- const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
1350
- if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
1351
- const instance = hostRef.$lazyInstance$ ;
1352
- const entry = (_a2 = cmpMeta.$watchers$) == null ? void 0 : _a2[attrName];
1353
- entry == null ? void 0 : entry.forEach((callbackName) => {
1354
- if (instance[callbackName] != null) {
1355
- instance[callbackName].call(instance, newValue, oldValue, attrName);
1356
- }
1357
- });
1358
- }
1359
- return;
1360
- }
1361
- const propFlags = members.find(([m]) => m === propName);
1362
- if (propFlags && propFlags[1][0] & 4 /* Boolean */) {
1363
- newValue = newValue === null || newValue === "false" ? false : true;
1364
- }
1365
- const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
1366
- if (newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
1367
- this[propName] = newValue;
1368
- }
1369
- });
1370
- };
1371
- Cstr.observedAttributes = Array.from(
1372
- /* @__PURE__ */ new Set([
1373
- ...Object.keys((_b = cmpMeta.$watchers$) != null ? _b : {}),
1374
- ...members.filter(([_, m]) => m[0] & 31 /* HasAttribute */).map(([propName, m]) => {
1375
- var _a2;
1376
- const attrName = m[1] || propName;
1377
- attrNameToPropName.set(attrName, propName);
1378
- if (m[0] & 512 /* ReflectAttr */) {
1379
- (_a2 = cmpMeta.$attrsToReflect$) == null ? void 0 : _a2.push([propName, attrName]);
1380
- }
1381
- return attrName;
1382
- })
1383
- ])
1384
- );
1385
- }
1386
- }
1387
- return Cstr;
1388
- };
1389
-
1390
- // src/runtime/initialize-component.ts
1391
- var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
1392
- let Cstr;
1393
- if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
1394
- hostRef.$flags$ |= 32 /* hasInitializedComponent */;
1395
- const bundleId = cmpMeta.$lazyBundleId$;
1396
- if (bundleId) {
1397
- const CstrImport = loadModule(cmpMeta, hostRef);
1398
- if (CstrImport && "then" in CstrImport) {
1399
- const endLoad = uniqueTime();
1400
- Cstr = await CstrImport;
1401
- endLoad();
1402
- } else {
1403
- Cstr = CstrImport;
1404
- }
1405
- if (!Cstr) {
1406
- throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
1407
- }
1408
- if (!Cstr.isProxied) {
1409
- {
1410
- cmpMeta.$watchers$ = Cstr.watchers;
1411
- cmpMeta.$serializers$ = Cstr.serializers;
1412
- cmpMeta.$deserializers$ = Cstr.deserializers;
1413
- }
1414
- proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
1415
- Cstr.isProxied = true;
1416
- }
1417
- const endNewInstance = createTime("createInstance", cmpMeta.$tagName$);
1418
- {
1419
- hostRef.$flags$ |= 8 /* isConstructingInstance */;
1420
- }
1421
- try {
1422
- new Cstr(hostRef);
1423
- } catch (e) {
1424
- consoleError(e, elm);
1425
- }
1426
- {
1427
- hostRef.$flags$ &= -9 /* isConstructingInstance */;
1428
- }
1429
- {
1430
- hostRef.$flags$ |= 128 /* isWatchReady */;
1431
- }
1432
- endNewInstance();
1433
- fireConnectedCallback(hostRef.$lazyInstance$, elm);
1434
- } else {
1435
- Cstr = elm.constructor;
1436
- const cmpTag = elm.localName;
1437
- customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
1438
- }
1439
- if (Cstr && Cstr.style) {
1440
- let style;
1441
- if (typeof Cstr.style === "string") {
1442
- style = Cstr.style;
1443
- }
1444
- const scopeId2 = getScopeId(cmpMeta);
1445
- if (!styles.has(scopeId2)) {
1446
- const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
1447
- registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
1448
- endRegisterStyles();
1449
- }
1450
- }
1451
- }
1452
- const ancestorComponent = hostRef.$ancestorComponent$;
1453
- const schedule = () => scheduleUpdate(hostRef, true);
1454
- if (ancestorComponent && ancestorComponent["s-rc"]) {
1455
- ancestorComponent["s-rc"].push(schedule);
1456
- } else {
1457
- schedule();
1458
- }
1459
- };
1460
- var fireConnectedCallback = (instance, elm) => {
1461
- {
1462
- safeCall(instance, "connectedCallback", void 0, elm);
1463
- }
1464
- };
1465
-
1466
- // src/runtime/connected-callback.ts
1467
- var connectedCallback = (elm) => {
1468
- if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
1469
- const hostRef = getHostRef(elm);
1470
- if (!hostRef) {
1471
- return;
1472
- }
1473
- const cmpMeta = hostRef.$cmpMeta$;
1474
- const endConnected = createTime("connectedCallback", cmpMeta.$tagName$);
1475
- if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
1476
- hostRef.$flags$ |= 1 /* hasConnected */;
1477
- {
1478
- let ancestorComponent = elm;
1479
- while (ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host) {
1480
- if (ancestorComponent["s-p"]) {
1481
- attachToAncestor(hostRef, hostRef.$ancestorComponent$ = ancestorComponent);
1482
- break;
1483
- }
1484
- }
1485
- }
1486
- if (cmpMeta.$members$) {
1487
- Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
1488
- if (memberFlags & 31 /* Prop */ && memberName in elm && elm[memberName] !== Object.prototype[memberName]) {
1489
- const value = elm[memberName];
1490
- delete elm[memberName];
1491
- elm[memberName] = value;
1492
- }
1493
- });
1494
- }
1495
- {
1496
- initializeComponent(elm, hostRef, cmpMeta);
1497
- }
1498
- } else {
1499
- addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
1500
- if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
1501
- fireConnectedCallback(hostRef.$lazyInstance$, elm);
1502
- } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
1503
- hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$, elm));
1504
- }
1505
- }
1506
- endConnected();
1507
- }
1508
- };
1509
- var disconnectInstance = (instance, elm) => {
1510
- {
1511
- safeCall(instance, "disconnectedCallback", void 0, elm || instance);
1512
- }
1513
- };
1514
- var disconnectedCallback = async (elm) => {
1515
- if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
1516
- const hostRef = getHostRef(elm);
1517
- {
1518
- if (hostRef == null ? void 0 : hostRef.$rmListeners$) {
1519
- hostRef.$rmListeners$.map((rmListener) => rmListener());
1520
- hostRef.$rmListeners$ = void 0;
1521
- }
1522
- }
1523
- if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
1524
- disconnectInstance(hostRef.$lazyInstance$, elm);
1525
- } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
1526
- hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$, elm));
1527
- }
1528
- }
1529
- if (rootAppliedStyles.has(elm)) {
1530
- rootAppliedStyles.delete(elm);
1531
- }
1532
- if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
1533
- rootAppliedStyles.delete(elm.shadowRoot);
1534
- }
1535
- };
1536
-
1537
- // src/runtime/bootstrap-lazy.ts
1538
- var bootstrapLazy = (lazyBundles, options = {}) => {
1539
- var _a;
1540
- if (!win.document) {
1541
- console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");
1542
- return;
1543
- }
1544
- const endBootstrap = createTime();
1545
- const cmpTags = [];
1546
- const exclude = options.exclude || [];
1547
- const customElements2 = win.customElements;
1548
- const head = win.document.head;
1549
- const metaCharset = /* @__PURE__ */ head.querySelector("meta[charset]");
1550
- const dataStyles = /* @__PURE__ */ win.document.createElement("style");
1551
- const deferredConnectedCallbacks = [];
1552
- let appLoadFallback;
1553
- let isBootstrapping = true;
1554
- Object.assign(plt, options);
1555
- plt.$resourcesUrl$ = new URL(options.resourcesUrl || "./", win.document.baseURI).href;
1556
- let hasSlotRelocation = false;
1557
- lazyBundles.map((lazyBundle) => {
1558
- lazyBundle[1].map((compactMeta) => {
1559
- var _a2, _b, _c;
1560
- const cmpMeta = {
1561
- $flags$: compactMeta[0],
1562
- $tagName$: compactMeta[1],
1563
- $members$: compactMeta[2],
1564
- $listeners$: compactMeta[3]
1565
- };
1566
- if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
1567
- hasSlotRelocation = true;
1568
- }
1569
- {
1570
- cmpMeta.$members$ = compactMeta[2];
1571
- }
1572
- {
1573
- cmpMeta.$listeners$ = compactMeta[3];
1574
- }
1575
- {
1576
- cmpMeta.$attrsToReflect$ = [];
1577
- }
1578
- {
1579
- cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
1580
- cmpMeta.$serializers$ = (_b = compactMeta[5]) != null ? _b : {};
1581
- cmpMeta.$deserializers$ = (_c = compactMeta[6]) != null ? _c : {};
1582
- }
1583
- const tagName = options.transformTagName ? options.transformTagName(cmpMeta.$tagName$) : cmpMeta.$tagName$;
1584
- const HostElement = class extends HTMLElement {
1585
- // StencilLazyHost
1586
- constructor(self) {
1587
- super(self);
1588
- this.hasRegisteredEventListeners = false;
1589
- self = this;
1590
- registerHost(self, cmpMeta);
1591
- if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
1592
- {
1593
- if (!self.shadowRoot) {
1594
- createShadowRoot.call(self, cmpMeta);
1595
- } else {
1596
- if (self.shadowRoot.mode !== "open") {
1597
- throw new Error(
1598
- `Unable to re-use existing shadow root for ${cmpMeta.$tagName$}! Mode is set to ${self.shadowRoot.mode} but Stencil only supports open shadow roots.`
1599
- );
1600
- }
1601
- }
1602
- }
1603
- }
1604
- }
1605
- connectedCallback() {
1606
- const hostRef = getHostRef(this);
1607
- if (!hostRef) {
1608
- return;
1609
- }
1610
- if (!this.hasRegisteredEventListeners) {
1611
- this.hasRegisteredEventListeners = true;
1612
- addHostEventListeners(this, hostRef, cmpMeta.$listeners$);
1613
- }
1614
- if (appLoadFallback) {
1615
- clearTimeout(appLoadFallback);
1616
- appLoadFallback = null;
1617
- }
1618
- if (isBootstrapping) {
1619
- deferredConnectedCallbacks.push(this);
1620
- } else {
1621
- plt.jmp(() => connectedCallback(this));
1622
- }
1623
- }
1624
- disconnectedCallback() {
1625
- plt.jmp(() => disconnectedCallback(this));
1626
- plt.raf(() => {
1627
- var _a3;
1628
- const hostRef = getHostRef(this);
1629
- if (!hostRef) {
1630
- return;
1631
- }
1632
- const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
1633
- if (i2 > -1) {
1634
- deferredConnectedCallbacks.splice(i2, 1);
1635
- }
1636
- if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
1637
- delete hostRef.$vnode$.$elm$;
1638
- }
1639
- });
1640
- }
1641
- componentOnReady() {
1642
- var _a3;
1643
- return (_a3 = getHostRef(this)) == null ? void 0 : _a3.$onReadyPromise$;
1644
- }
1645
- };
1646
- if (cmpMeta.$flags$ & 64 /* formAssociated */) {
1647
- HostElement.formAssociated = true;
1648
- }
1649
- cmpMeta.$lazyBundleId$ = lazyBundle[0];
1650
- if (!exclude.includes(tagName) && !customElements2.get(tagName)) {
1651
- cmpTags.push(tagName);
1652
- customElements2.define(
1653
- tagName,
1654
- proxyComponent(HostElement, cmpMeta, 1 /* isElementConstructor */)
1655
- );
1656
- }
1657
- });
1658
- });
1659
- if (cmpTags.length > 0) {
1660
- if (hasSlotRelocation) {
1661
- dataStyles.textContent += SLOT_FB_CSS;
1662
- }
1663
- {
1664
- dataStyles.textContent += cmpTags.sort() + HYDRATED_CSS;
1665
- }
1666
- if (dataStyles.innerHTML.length) {
1667
- dataStyles.setAttribute("data-styles", "");
1668
- const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
1669
- if (nonce != null) {
1670
- dataStyles.setAttribute("nonce", nonce);
1671
- }
1672
- head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);
1673
- }
1674
- }
1675
- isBootstrapping = false;
1676
- if (deferredConnectedCallbacks.length) {
1677
- deferredConnectedCallbacks.map((host) => host.connectedCallback());
1678
- } else {
1679
- {
1680
- plt.jmp(() => appLoadFallback = setTimeout(appDidLoad, 30));
1681
- }
1682
- }
1683
- endBootstrap();
1684
- };
1685
- var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
1686
- if (listeners && win.document) {
1687
- listeners.map(([flags, name, method]) => {
1688
- const target = getHostListenerTarget(win.document, elm, flags) ;
1689
- const handler = hostListenerProxy(hostRef, method);
1690
- const opts = hostListenerOpts(flags);
1691
- plt.ael(target, name, handler, opts);
1692
- (hostRef.$rmListeners$ = hostRef.$rmListeners$ || []).push(() => plt.rel(target, name, handler, opts));
1693
- });
1694
- }
1695
- };
1696
- var hostListenerProxy = (hostRef, methodName) => (ev) => {
1697
- var _a;
1698
- try {
1699
- {
1700
- if (hostRef.$flags$ & 256 /* isListenReady */) {
1701
- (_a = hostRef.$lazyInstance$) == null ? void 0 : _a[methodName](ev);
1702
- } else {
1703
- (hostRef.$queuedListeners$ = hostRef.$queuedListeners$ || []).push([methodName, ev]);
1704
- }
1705
- }
1706
- } catch (e) {
1707
- consoleError(e, hostRef.$hostElement$);
1708
- }
1709
- };
1710
- var getHostListenerTarget = (doc, elm, flags) => {
1711
- if (flags & 8 /* TargetWindow */) {
1712
- return win;
1713
- }
1714
- return elm;
1715
- };
1716
- var hostListenerOpts = (flags) => supportsListenerOptions ? {
1717
- passive: (flags & 1 /* Passive */) !== 0,
1718
- capture: (flags & 2 /* Capture */) !== 0
1719
- } : (flags & 2 /* Capture */) !== 0;
1720
-
1721
- // src/runtime/nonce.ts
1722
- var setNonce = (nonce) => plt.$nonce$ = nonce;
1723
-
1724
- export { Host as H, getElement as a, bootstrapLazy as b, createEvent as c, globalScripts as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
1725
- //# sourceMappingURL=index--__C9zxv.js.map
1726
-
1727
- //# sourceMappingURL=index--__C9zxv.js.map