@scalar/api-client 0.5.5 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/dist/components/ApiClient/AddressBar.vue.d.ts +0 -2
  2. package/dist/components/ApiClient/AddressBar.vue.d.ts.map +1 -1
  3. package/dist/components/ApiClient/ApiClient.vue.d.ts +11 -3
  4. package/dist/components/ApiClient/ApiClient.vue.d.ts.map +1 -1
  5. package/dist/components/ApiClient/Request/Request.vue.d.ts.map +1 -1
  6. package/dist/components/ApiClient/Request/RequestAuth.vue.d.ts.map +1 -1
  7. package/dist/components/ApiClient/Request/RequestBody.vue.d.ts.map +1 -1
  8. package/dist/components/ApiClient/Request/RequestHeaders.vue.d.ts.map +1 -1
  9. package/dist/components/ApiClient/Request/RequestQuery.vue.d.ts.map +1 -1
  10. package/dist/components/ApiClient/Request/RequestVariables.vue.d.ts.map +1 -1
  11. package/dist/components/ApiClient/RequestHistory.vue.d.ts.map +1 -1
  12. package/dist/components/ApiClient/RequestHistoryItem.vue.d.ts.map +1 -1
  13. package/dist/components/ApiClient/Response/Response.vue.d.ts.map +1 -1
  14. package/dist/components/ApiClient/Response/ResponseBody.vue.d.ts +8 -0
  15. package/dist/components/ApiClient/Response/ResponseBody.vue.d.ts.map +1 -1
  16. package/dist/components/ApiClient/Response/ResponseHeaders.vue.d.ts.map +1 -1
  17. package/dist/components/ApiClient/Response/ResponseMetaInformation.vue.d.ts.map +1 -1
  18. package/dist/components/CollapsibleSection/CollapsibleSection.vue.d.ts.map +1 -1
  19. package/dist/components/Grid/Grid.vue.d.ts.map +1 -1
  20. package/dist/components/Grid/SimpleGrid.vue.d.ts.map +1 -1
  21. package/dist/components/HelpfulLink.vue.d.ts.map +1 -1
  22. package/dist/components/SimpleTable/SimpleCell.vue.d.ts +8 -8
  23. package/dist/components/SimpleTable/SimpleCell.vue.d.ts.map +1 -1
  24. package/dist/components/SimpleTable/SimpleHeader.vue.d.ts.map +1 -1
  25. package/dist/components/SimpleTable/SimpleRow.vue.d.ts.map +1 -1
  26. package/dist/components/SimpleTable/SimpleTable.vue.d.ts.map +1 -1
  27. package/dist/helpers/sendRequest.d.ts.map +1 -1
  28. package/dist/index.js +655 -482
  29. package/dist/types.d.ts +1 -0
  30. package/dist/types.d.ts.map +1 -1
  31. package/package.json +46 -45
  32. package/dist/components/FlowModal.vue.d.ts +0 -62
  33. package/dist/components/FlowModal.vue.d.ts.map +0 -1
package/dist/index.js CHANGED
@@ -3,14 +3,14 @@
3
3
  try {
4
4
  if (typeof document != "undefined") {
5
5
  var elementStyle = document.createElement("style");
6
- elementStyle.appendChild(document.createTextNode(".cm-scroller,\n.custom-scroll {\n overflow-y: scroll;\n scrollbar-color: transparent transparent;\n scrollbar-width: thin;\n -webkit-overflow-scrolling: touch;\n}\n.custom-scroll-self-contain-overflow {\n overscroll-behavior: contain;\n}\n.custom-scroll-extra-padding-right {\n padding-right: 12px !important;\n}\n@supports (-moz-appearance: none) {\n .cm-scroller,\n .custom-scroll {\n padding-right: 12px;\n }\n .custom-scroll-extra-padding-right {\n padding-right: 24px !important;\n }\n}\n.cm-scroller:hover,\n.custom-scroll:hover {\n scrollbar-color: var(--theme-scrollbar-color) transparent;\n}\n.cm-scroller:hover::-webkit-scrollbar-thumb,\n.custom-scroll:hover::-webkit-scrollbar-thumb {\n background: var(--theme-scrollbar-color);\n background-clip: content-box;\n border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb:active,\n.custom-scroll::-webkit-scrollbar-thumb:active {\n background: var(--theme-scrollbar-color-active);\n background-clip: content-box;\n border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-corner,\n.custom-scroll::-webkit-scrollbar-corner {\n background: transparent;\n}\n.cm-scroller::-webkit-scrollbar,\n.custom-scroll::-webkit-scrollbar {\n height: 12px;\n width: 12px;\n}\n.cm-scroller::-webkit-scrollbar-track,\n.custom-scroll::-webkit-scrollbar-track {\n background: transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb,\n.custom-scroll::-webkit-scrollbar-thumb {\n border-radius: 20px;\n background: transparent;\n background-clip: content-box;\n border: 3px solid transparent;\n}\n@media (pointer: coarse) {\n .cm-scroller,\n .custom-scroll {\n padding-right: 12px;\n }\n .custom-scroll-extra-padding-right {\n padding-right: 24px !important;\n }\n}\n:root {\n --app-header-height: 50px;\n --theme-border-width: 1px;\n --theme-radius: 3px;\n --theme-radius-lg: 6px;\n --theme-radius-xl: 8px;\n\n --theme-header-height: 50px;\n --theme-sidebar-width: 250px;\n --theme-toc-width: 250px;\n\n /* TYPOGRAPHY ------------------------------------ */\n --theme-font: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,\n 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n --theme-font-code: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Mono',\n 'Droid Sans Mono', 'Source Code Pro', monospace;\n\n /** Font sizes for rendered text content (editor styles or static content) */\n --theme-heading-1: 40px; /* Editor Page heading */\n --theme-page-description: 24px;\n --theme-heading-2: 24px; /* Editor section headings */\n --theme-heading-3: 20px;\n --theme-heading-4: 16px;\n --theme-heading-5: 16px;\n --theme-heading-6: 16px;\n\n --theme-paragraph: 16px;\n --theme-small: 14px;\n --theme-mini: 13px;\n --theme-micro: 12px;\n --theme-bold: 600;\n --theme-semibold: 500;\n --theme-regular: 400;\n\n /* Font sizes for interactive applications (not rendered text content) */\n --theme-font-size-1: 24px;\n --theme-font-size-2: 16px;\n --theme-font-size-3: 14px;\n --theme-font-size-4: 13px;\n --theme-font-size-5: 12px;\n\n --theme-line-height-1: 32px;\n --theme-line-height-2: 24px;\n --theme-line-height-3: 20px;\n --theme-line-height-4: 18px;\n --theme-line-height-5: 16px;\n\n --theme-font-medium: 500;\n --theme-font-bold: 700;\n\n /* let's clean these up please :) */\n --scalar-api-reference-theme-header-height: 0;\n --scalar-api-reference-theme-sidebar-width: 250px;\n --scalar-api-reference-theme-toc-width: 250px;\n --scalar-api-reference-app-header-height: 100px;\n --scalar-api-reference-col-width-1: 250px;\n --scalar-api-reference-col-width-2: calc(50% - 150px);\n --scalar-api-reference-col-width-3: calc(50% - 150px);\n --scalar-api-reference-document-height: 100vh;\n --scalar-api-reference-full-height: 100%;\n}\n\n@media (max-width: 460px) {\n :root {\n --theme-font-size-1: 22px;\n --theme-font-size-2: 14px;\n --theme-font-size-3: 12px;\n }\n}\n\n@media (max-width: 720px) {\n :root {\n --theme-heading-1: 24px;\n --theme-page-description: 20px;\n }\n}\n.light-mode {\n color-scheme: light;\n --theme-color-1: #2a2f45;\n --theme-color-2: #757575;\n --theme-color-3: #8e8e8e;\n --theme-color-disabled: #b4b1b1;\n --theme-color-ghost: #a7a7a7;\n --theme-color-accent: #0099ff;\n --theme-background-1: #fff;\n --theme-background-2: #f6f6f6;\n --theme-background-3: #e7e7e7;\n --theme-background-4: rgba(0, 0, 0, 0.06);\n --theme-background-accent: #8ab4f81f;\n\n --theme-border-color: rgba(0, 0, 0, 0.1);\n --theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --theme-lifted-brightness: 1;\n --theme-backdrop-brightness: 1;\n\n --theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n --theme-button-1: rgb(49 53 56);\n --theme-button-1-color: #fff;\n --theme-button-1-hover: rgb(28 31 33);\n\n --theme-error-color: #ae262f;\n --theme-warning-color: #d89c6a;\n --theme-success-color: #26ae42;\n\n /* REST API Client Colors */\n --theme-post-color: #00a67d;\n --theme-post-background: #00a67d1a;\n --theme-delete-color: #ef0006;\n --theme-delete-background: #ef00061a;\n --theme-patch-color: #b2b062;\n --theme-patch-background: #ffe6001a;\n --theme-get-color: #0082d0;\n --theme-get-background: #0082d01a;\n --theme-put-color: #f3830e;\n --theme-put-background: #f3830e1a;\n\n /* Misc Scalar Branding */\n --scalar-brand: #faf6e9;\n}\n.dark-mode {\n color-scheme: dark;\n --theme-color-1: rgba(255, 255, 255, 0.9);\n --theme-color-2: rgba(255, 255, 255, 0.62);\n --theme-color-3: rgba(255, 255, 255, 0.44);\n --theme-color-disabled: rgba(255, 255, 255, 0.34);\n --theme-color-ghost: rgba(255, 255, 255, 0.26);\n --theme-color-accent: #8ab4f8;\n --theme-background-1: #1a1a1a;\n --theme-background-2: #252525;\n --theme-background-3: #323232;\n --theme-background-4: rgba(255, 255, 255, 0.06);\n --theme-background-accent: #8ab4f81f;\n\n --theme-border-color: rgba(255, 255, 255, 0.1);\n --theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --theme-lifted-brightness: 1.45;\n --theme-backdrop-brightness: 0.5;\n\n --theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --theme-button-1: #f6f6f6;\n --theme-button-1-color: #000;\n --theme-button-1-hover: #e7e7e7;\n\n --theme-error-color: #ff0011;\n --theme-success-color: #26ae42;\n\n /* REST API Client Colors */\n --theme-post-color: #7ee787;\n --theme-post-background: #7ee78714;\n --theme-delete-color: #e77e7e;\n --theme-delete-background: #e77e7e24;\n --theme-patch-color: #b2b062;\n --theme-patch-background: #b2b06229;\n --theme-get-color: #79c0ff;\n --theme-get-background: #79c0ff21;\n --theme-put-color: #e9950c;\n --theme-put-background: #e9950c21;\n\n /* Misc Scalar Branding */\n --scalar-brand: #8b7256;\n}\n\n.modal-layout[data-v-3f4ab567] {\n position: fixed;\n width: 100vw;\n height: 100vh;\n top: 0;\n left: 0;\n z-index: 1001;\n background: rgba(0, 0, 0, 0.44);\n padding: 20px;\n opacity: 0;\n animation: modal-fade-3f4ab567 0.2s forwards;\n}\n.modal-body[data-v-3f4ab567] {\n padding: 24px 12px 18px 24px;\n max-height: calc(100vh - 240px);\n background: var(--theme-background-1);\n border-radius: var(--theme-radius-lg);\n font-family: var(--theme-font);\n}\n.modal[data-v-3f4ab567] {\n margin: 80px auto 0;\n position: relative;\n background: var(--theme-background-2);\n border-radius: var(--theme-radius-lg);\n color: var(--theme-color-1);\n width: 100%;\n text-align: left;\n line-height: 1.4;\n opacity: 0;\n transform: scale(0.98);\n animation: modal-pop-3f4ab567 0.15s 0.15s forwards;\n display: flex;\n flex-direction: column;\n}\n.modal-content-large[data-v-3f4ab567] {\n max-width: 800px;\n}\n.modal-content-normal[data-v-3f4ab567] {\n max-width: 640px;\n}\n.modal-content-small[data-v-3f4ab567] {\n max-width: 480px;\n}\n@keyframes modal-fade-3f4ab567 {\nfrom {\n opacity: 0;\n}\nto {\n opacity: 1;\n}\n}\n@keyframes modal-pop-3f4ab567 {\n0% {\n opacity: 0;\n}\n100% {\n opacity: 1;\n transform: scale(1);\n}\n}\n.modal-header[data-v-3f4ab567] {\n padding: 12px 24px;\n color: var(--theme-color-1);\n font-size: var(--theme-font-size-4);\n text-align: left;\n font-weight: 600;\n border-radius: var(--theme-radius-lg) var(--theme-radius-lg) 0 0;\n}\n\n.navtable-mock {\n background-repeat: repeat;\n width: 100%;\n background-image: linear-gradient(\n 0deg,\n var(--theme-border-color) 1px,\n --theme-background-1 1px\n );\n background-size: 31px 31px;\n background-position: center 1px;\n flex: 1;\n position: relative;\n}\n.navtable-mock .navtable-item {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n background: transparent;\n border-top: none;\n}\n.radio {\n height: 16px;\n width: 16px;\n background: transparent;\n border: var(--border);\n flex-shrink: 0;\n margin-right: 6px;\n margin-left: 4px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n outline: none;\n}\n.radio:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n cursor: pointer;\n}\n.navtable-item__active .radio:after {\n content: '';\n width: 5px;\n height: 8px;\n border: solid white;\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(-0.5px, -1px, 0);\n}\n.radio.post {\n background: var(--theme-post-color);\n}\n.radio.delete {\n background: var(--theme-delete-color);\n}\n.radio.patch {\n background: var(--theme-patch-color);\n}\n.radio.get {\n background: var(--theme-get-color);\n}\n.radio.put {\n background: var(--theme-put-color);\n}\n\n.scalar-api-client__address-bar {\n width: 100%;\n padding: 12px 12px 10px 12px;\n display: flex;\n align-items: center;\n position: relative;\n background: var(--theme-background-1);\n}\n.scalar-api-client__url-form {\n display: flex;\n width: 100%;\n align-items: stretch;\n border-radius: var(--theme-radius-lg);\n}\n.scalar-api-client__field {\n border: 1px solid var(--theme-border-color);\n border-right: 0;\n border-radius: var(--theme-radius-lg) 0 0 var(--theme-radius-lg);\n display: flex;\n align-items: stretch;\n width: 100%;\n}\n.scalar-api-client__address-bar-data {\n width: 100%;\n}\n.scalar-api-client__address-bar-data-meta {\n display: flex;\n margin-top: 5px;\n}\n.scalar-api-client__request-type {\n display: flex;\n align-items: center;\n background: var(--theme-background-2);\n color: var(--theme-color-disabled);\n appearance: none;\n -webkit-appearance: none;\n padding: 0 12px;\n border-right: 1px solid var(--theme-border-color);\n border-radius: var(--theme-radius-lg) 0 0 var(--theme-radius-lg);\n position: relative;\n}\n.scalar-api-client__request-type span {\n font-family: var(--theme-font-code);\n font-size: 500;\n font-size: 12px;\n text-transform: uppercase;\n}\n.scalar-api-client__request-type svg {\n margin-left: 6px;\n width: 8px;\n}\n.scalar-api-client__request-type i {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n margin-right: 6px;\n text-align: center;\n line-height: 18px;\n font-style: normal;\n flex-shrink: 0;\n display: inline-block;\n color: var(--theme-color-disabled);\n background: var(--scalar-api-client-color);\n}\n.meta-request-break {\n margin: 0 5px;\n}\n.scalar-api-client__history {\n appearance: none;\n -webkit-appearance: none;\n background: transparent;\n color: var(--theme-color-2);\n display: flex;\n align-items: center;\n border-radius: var(--theme-radius-lg);\n height: 100%;\n}\n.scalar-api-client__send-request-button[type='submit'] {\n font-size: var(--theme-mini);\n letter-spacing: 0.25px;\n line-height: 30px;\n font-weight: var(--theme-semibold);\n color: white;\n border: none;\n white-space: nowrap;\n padding: 0 10px;\n text-transform: uppercase;\n cursor: pointer;\n outline: none;\n border-radius: 0 var(--theme-radius-lg) var(--theme-radius-lg) 0;\n background: var(--scalar-api-client-color);\n /** #087f5b */\n display: flex;\n align-items: center;\n}\n.scalar-api-client__send-request-button svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.scalar-api-client__send-request-button--loading {\n font-size: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 127px;\n}\n.scalar-api-client__send-request-button--loading svg {\n display: none;\n}\n.scalar-api-client__send-request-button--loading:before {\n content: '';\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-top: 1px solid white;\n animation: urlloader 0.45s linear infinite;\n background: transparent;\n width: 14px;\n height: 14px;\n margin-left: 0;\n margin-right: 9px;\n border-radius: 50%;\n}\n.scalar-api-client__send-request-button--loading:after {\n content: 'Loading';\n font-size: 12px;\n}\n@keyframes urlloader {\n0% {\n transform: rotate(0deg);\n}\nto {\n transform: rotate(1turn);\n}\n}\n.scalar-api-client__history-toggle {\n padding: 0 9px;\n line-height: 30px;\n color: var(--theme-color-disabled);\n font-size: var(--theme-mini);\n letter-spacing: 0.125px;\n font-weight: var(--theme-semibold);\n text-transform: uppercase;\n height: 100%;\n display: flex;\n align-items: center;\n cursor: pointer;\n white-space: nowrap;\n border: 1px solid var(--theme-border-color);\n margin-left: 12px;\n border-radius: var(--theme-radius-lg);\n}\n.scalar-api-client__history-toggle:hover {\n background: var(--theme-background-2);\n}\n.scalar-api-client__history-toggle svg {\n height: 13px;\n width: 13px;\n margin-right: 6px;\n color: var(--theme-color-disabled);\n}\n.scalar-api-client__address-bar-close {\n fill: var(--theme-color-disabled);\n margin-left: 12px;\n height: 24px;\n}\n.scalar-api-client__address-bar-close:hover {\n cursor: pointer;\n fill: var(--theme-color-1);\n}\n.scalar-api-client__address-bar__content {\n width: 640px;\n height: 100%;\n background: var(--theme-background-1);\n position: fixed;\n top: 0;\n right: 0;\n z-index: 1000;\n transform: translate3d(640px, 0, 0);\n opacity: 0;\n transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),\n opacity 0.01s ease-in-out 0.5s;\n pointer-events: none;\n}\n.scalar-api-client__address-bar-content-item {\n height: 100vh;\n max-height: 100vh;\n overflow: auto;\n}\n.scalar-api-client__address-bar__on {\n z-index: 100000;\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__content {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n pointer-events: all;\n transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__close {\n opacity: 1;\n pointer-events: all;\n cursor: pointer;\n}\n.scalar-api-client__address-bar .navtable-item__active {\n background: var(--theme-background-2);\n cursor: default;\n}\n.scalar-api-client__address-bar .navtable-item__active .radio:before {\n display: none;\n}\n.navigation-back {\n stroke: var(--theme-color-2);\n cursor: pointer;\n}\n.navigation-back:hover {\n stroke: var(--theme-color-1);\n}\n.scalar-api-client__address-bar__close {\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n /* background: rgba(0,0,0,.55);\n */\n pointer-events: none;\n opacity: 0;\n transition: all 0.1s ease-in-out;\n z-index: 1000;\n}\n.navtable-item-request span {\n padding: 8px 9px 8px 0;\n border: none;\n outline: none;\n font-size: 12px;\n color: var(--theme-color-1);\n width: 100%;\n display: block;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.navtable-item-request span em {\n text-transform: uppercase;\n font-style: normal;\n font-family: var(--theme-font-code);\n font-size: 11px;\n margin-right: 6px;\n font-weight: var(--theme-bold);\n color: var(--theme-color-disabled);\n}\n.navtable-item-time {\n font-size: 12px;\n color: var(--theme-color-1);\n text-transform: capitalize;\n padding: 0 9px;\n}\n@media screen and (max-width: 720px) {\n.scalar-api-client__history-toggle span,\n .scalar-api-client__send-request-button span {\n display: none;\n}\n.scalar-api-client__history-toggle svg,\n .scalar-api-client__send-request-button svg {\n margin-right: 0;\n}\n.scalar-api-client__history-toggle,\n .scalar-api-client__send-request-button {\n height: 31.5px;\n width: 31.5px;\n}\n}\n\n.scalar-api-client__item {\n border-radius: var(--theme-radius-lg);\n margin-bottom: 6px;\n background: var(--theme-background-2);\n box-shadow: var(--shadow1);\n position: relative;\n}\n.scalar-api-client__item button {\n background-color: transparent;\n text-align: left;\n}\n.scalar-api-client__item:hover {\n cursor: pointer;\n}\n.scalar-api-client__item--open {\n background: var(--theme-background-2);\n}\n.scalar-api-client__item--open:focus-within {\n box-shadow: var(--shadow1);\n}\n.scalar-api-client__item--open .scalar-api-client__item__content {\n display: flex;\n}\n.scalar-api-client__item--open:hover {\n cursor: default;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle__icon {\n transform: rotate(90deg);\n}\n.scalar-api-client__toggle {\n padding: 6px 12px;\n min-height: 37px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n position: relative;\n width: 100%;\n}\n.scalar-api-client__item .scalar-api-client__item__title {\n color: var(--theme-color-1);\n font-size: var(--theme-small);\n font-weight: var(--theme-bold);\n user-select: none;\n flex: 1;\n}\n.scalar-api-client__item .scalar-api-client__item__title:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: block;\n}\n.scalar-api-client__item .scalar-api-client__toggle__icon {\n width: 10px;\n margin-right: 6px;\n color: var(--theme-color-1);\n}\n.scalar-api-client__item__options {\n position: relative;\n}\n.scalar-api-client__item__options span {\n background: var(--theme-background-3);\n padding: 2px 6px;\n border-radius: 3px;\n font-size: 12px;\n pointer-events: none;\n color: var(--theme-color-2);\n border: 1px solid var(--theme-border-color);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.scalar-api-client__item__options span svg {\n width: 9px;\n height: 9px;\n margin-left: 3px;\n}\n.scalar-api-client__item__options select {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: pointer;\n}\n\n.table {\n border: 1px solid var(--theme-border-color);\n background: transparent;\n border-radius: var(--theme-radius-lg);\n width: 100%;\n}\n.table-row {\n border-bottom: 1px solid var(--theme-border-color);\n display: flex;\n position: relative;\n}\n.table-row__add {\n border-radius: 0 0 var(--theme-radius-lg) var(--theme-radius-lg);\n border-bottom: none;\n}\n.table-row.required-parameter .table-row-item:nth-of-type(2):after {\n content: 'Required';\n position: absolute;\n top: 4px;\n right: 0;\n padding: 5px 9px 5px 6px;\n font-weight: var(--theme-semibold);\n font-size: 12px;\n background: var(--theme-background-2);\n box-shadow: -2px 0 4px var(--theme-background-2);\n}\n.table-row.required-parameter\n .table-row-item:nth-of-type(2):focus-within:after {\n display: none;\n}\n.table-row:last-of-type {\n border-bottom: none;\n}\n.table-row__active {\n border-radius: 0 0 var(--theme-radius-lg) var(--theme-radius-lg);\n}\n.table-row-drag {\n width: 20px;\n flex-shrink: 0;\n border-right: 1px solid var(--theme-border-color);\n align-items: center;\n justify-content: center;\n display: none;\n}\n.table-row-drag svg {\n width: 6px;\n fill: var(--theme-color-disabled);\n}\n.table-row-drag .table-row-drag-add {\n width: 8px;\n}\n.table-row-item {\n width: 100%;\n border-right: 1px solid var(--theme-border-color);\n position: relative;\n}\n.table-row-item-menu {\n position: absolute;\n right: 12px;\n background: var(--theme-background-3);\n border: 1px solid var(--theme-border-color);\n width: 24px;\n height: 24px;\n top: 50%;\n transform: translate3d(0, -50%, 0);\n border-radius: var(--theme-radius-lg);\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n cursor: pointer;\n}\n.table-row-item input:focus + .table-row-item-menu,\n.table-row-item:hover .table-row-item-menu {\n opacity: 1;\n}\n.table-row-item-menu svg {\n height: 12px;\n width: initial;\n fill: var(--theme-color-disabled);\n}\n.table-row-item input {\n border: none;\n appearance: none;\n outline: none;\n padding: 9px;\n width: 100%;\n color: var(--theme-color-1);\n font-size: 12px;\n}\n.table-row-item input[disabled] {\n background: transparent;\n font-family: var(--theme-font-code);\n}\n.table-row-item input:focus {\n background: var(--theme-background-2);\n}\n.table-row-item label {\n background: transparent;\n text-transform: uppercase;\n display: block;\n padding: 9px;\n font-weight: var(--theme-bold);\n color: var(--theme-color-disabled);\n font-size: 12px;\n}\n.table-row-meta {\n overflow: hidden;\n flex-shrink: 0;\n transition: all 0.15s ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n user-select: none;\n}\n.table-row-meta-check {\n width: 18px;\n height: 18px;\n border-radius: var(--theme-radius-lg);\n background: rgba(47, 177, 228, 0.1);\n}\n.table-row-meta svg {\n width: 13px;\n height: 13px;\n margin: 0 1px;\n color: var(--theme-color-disabled);\n cursor: pointer;\n}\n.table-row-meta svg:hover {\n color: var(--theme-color-2);\n}\n.meta-check {\n display: flex;\n position: relative;\n cursor: pointer;\n align-items: center;\n font-size: 12px;\n border-radius: var(--theme-radius-lg);\n user-select: none;\n margin: 0 1px;\n transition: all 0.15s ease-in-out;\n}\n.meta-check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.meta-checkmark {\n height: 15px;\n width: 15px;\n background: var(--theme-background-1);\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.meta-check .meta-checkmark:after {\n content: '';\n display: none;\n width: 5px;\n height: 8px;\n border: solid var(--theme-color-1);\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.meta-check input:checked ~ .meta-checkmark:after {\n display: block;\n}\n\n.navtable {\n width: 100%;\n}\n.navtable-follow {\n background-color: black;\n color: white;\n font-size: 9px;\n padding: 6px;\n display: -webkit-box;\n max-width: 250px;\n -webkit-line-clamp: 12;\n border-radius: 3px;\n -webkit-box-orient: vertical;\n overflow: hidden;\n line-height: 1.24;\n transform: translate3d(10px, 0, 0);\n}\n.navtable-follow:after {\n content: '';\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 6px;\n background-color: black;\n}\n.navtable-follow * {\n font-family: var(--theme-font-code) !important;\n}\n.navtable-table {\n position: relative;\n display: flex;\n flex-direction: column;\n min-height: 381px;\n}\n.navtable-item {\n display: flex;\n position: relative;\n color: var(--theme-color-1);\n border-top: 1px solid var(--theme-border-color);\n font-weight: var(--theme-semibold);\n}\n.navtable-item > div {\n word-wrap: break-word;\n}\n.navtable-item > div:not(:first-child) {\n border-left: 1px solid var(--theme-border-color);\n}\n.navtable-item-action {\n color: var(--theme-color-2);\n font-size: 12px;\n font-weight: var(--theme-bold);\n background: var(--scalar-api-client-bg3);\n border: none;\n border-radius: 30px;\n appearance: none;\n max-height: 25px;\n margin-left: 12px;\n margin-right: 6px;\n padding: 4px 8px;\n outline: none;\n cursor: pointer;\n opacity: 0;\n transition: opacity 0.15s ease-in-out;\n white-space: nowrap;\n position: relative;\n}\n.navtable-item-action:hover {\n color: var(--theme-color-1);\n background: var(--scalar-api-client-gradient);\n box-shadow: 0 0 0 1px var(--theme-border-color);\n}\n.navtable-item-action:focus {\n background: var(--theme-background-2);\n}\n.navtable-item:hover,\n.navtable-item:focus-within .navtable-item-action {\n opacity: 1;\n}\n.navtable-item-add {\n display: flex;\n align-items: center;\n padding: 9px;\n font-weight: var(--theme-bold);\n outline: none;\n border: none;\n appearance: none;\n background: transparent;\n color: var(--theme-color-1);\n}\n.navtable-item-add:hover {\n background: var(--theme-background-2);\n cursor: pointer;\n}\n.navtable-item-25 {\n width: 25%;\n font-size: 12px;\n display: flex;\n align-items: center;\n}\n.navtable-item-33 {\n width: 33.33333%;\n display: flex;\n font-size: 12px;\n align-items: center;\n}\n.navtable-item-66 {\n width: 66.6666%;\n display: flex;\n font-size: 12px;\n align-items: center;\n}\n.navtable-item-75 {\n width: 75%;\n display: flex;\n align-items: center;\n}\n.navtable-item-75:focus-within {\n background: var(--theme-background-2);\n}\n.navtable-item-40 {\n width: 40%;\n display: flex;\n align-items: center;\n}\n.navtable-item-20 {\n width: 20%;\n display: flex;\n align-items: center;\n}\n.navtable-item-50 {\n width: 50%;\n display: flex;\n align-items: center;\n}\n.navtable-item-50:focus-within {\n background: var(--theme-background-2);\n}\n.navtable-item p {\n padding: 9px;\n}\n.navtable-item input {\n padding: 12px 6px;\n border: none;\n outline: none;\n appearance: none;\n font-size: 12px;\n color: var(--theme-color-1);\n background: transparent;\n width: 100%;\n}\n.navtable-item input:focus {\n background: var(--theme-background-2);\n}\n.navtable-item-select {\n position: relative;\n}\n.navtable-item-select select {\n background: transparent;\n outline: none;\n border: none;\n font-size: 12px;\n appearance: none;\n width: 100%;\n padding: 12px 6px;\n top: 0;\n position: relative;\n cursor: pointer;\n color: var(--theme-color-2);\n}\n.navtable-item-select svg {\n position: absolute;\n right: 6px;\n color: var(--theme-color-ghost);\n width: 6px;\n top: 12px;\n pointer-events: none;\n}\n.navtable-item .option {\n padding: 12px 6px;\n font-size: 12px;\n color: var(--theme-color-1);\n width: 100%;\n}\n.navtable-item label {\n color: var(--theme-color-disabled);\n font-size: 12px;\n font-weight: var(--theme-bold);\n text-transform: uppercase;\n padding: 9px;\n display: block;\n width: 100%;\n}\n.navtable-item-response {\n padding: 0 9px;\n}\n.navtable-item-response span {\n font-size: 12px;\n display: flex;\n align-items: center;\n margin-right: 6px;\n min-width: 50px;\n}\n.scalar-api-client__status--1xx:before,\n.scalar-api-client__status--2xx:before,\n.scalar-api-client__status--3xx:before,\n.scalar-api-client__status--4xx:before,\n.scalar-api-client__status--5xx:before,\n.scalar-api-client__status--6xx:before {\n content: '';\n width: 12px;\n height: 12px;\n border-radius: 50%;\n margin-right: 4px;\n background: var(--theme-background-2);\n}\n.scalar-api-client__status--2xx:before {\n background: green;\n}\n.scalar-api-client__status--3xx:before {\n background: orange;\n}\n.scalar-api-client__status--4xx:before {\n background: red;\n}\n.navtable-item-response span:empty {\n display: none;\n}\n.simpletable.navtable {\n padding: 0;\n}\n.simpletable.navtable .navtable-item-66,\n.simpletable.navtable .navtable-item-33 {\n display: block;\n}\n.simpletable.navtable .navtable-table {\n height: fit-content;\n}\n\n.scalar-api-client__main__left {\n width: 50%;\n border-right: 1px solid var(--theme-border-color);\n padding: 0 0 12px 12px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__left {\n width: 100%;\n border-right: none;\n}\n}\n.scalar-api-client__item__content {\n flex-flow: wrap;\n padding: 0 12px 12px;\n border-radius: 3px;\n color: var(--theme-color-disabled);\n font-size: 12px;\n margin-top: -3px;\n justify-content: space-between;\n}\n.scalar-api-client__item__content .cm-s-default {\n border: 1px solid var(--theme-border-color);\n border-radius: var(--theme-radius-lg);\n}\n.scalar-api-client__item__content .scalar-api-client__item__content--code {\n width: 100%;\n max-height: calc(100vh - 200px);\n overflow: auto;\n}\n.scalar-api-client__item__content .cm-scroller {\n border: 1px solid var(--theme-border-color);\n border-radius: 3px;\n}\n.scalar-api-client__item__content .cm-editor {\n outline: none !important;\n}\n.scalar-api-client__item__content .cm-editor .cm-gutters {\n background: transparent;\n}\n.scalar-api-client__item__content .cm-scroll {\n background: transparent;\n}\n.scalar-api-client__item__content .cm-editor * {\n font-size: 11px;\n}\n.scalar-api-client__item__content .cm-editor .cm-line {\n color: var(--theme-color-1);\n}\n.scalar-api-client__item__content-button {\n width: 100%;\n appearance: none;\n border: none;\n outline: none;\n font-size: 12px;\n background: var(--scalar-api-client-color) !important;\n text-align: center;\n font-weight: var(--theme-bold);\n padding: 12px;\n text-transform: uppercase;\n border-radius: var(--theme-radius-lg);\n color: white;\n cursor: pointer;\n}\n.scalar-api-client__item__content__split {\n justify-content: space-between;\n}\n.scalar-collapsible-section-flex {\n width: 100%;\n}\n.input {\n background: var(--theme-background-2);\n border: 1px solid var(--theme-border-color);\n border-radius: 3px;\n position: relative;\n width: 100%;\n text-align: left;\n margin-bottom: 6px;\n}\n.input__half {\n width: calc(50% - 3px);\n}\n.input:focus-within {\n background: var(--theme-background-3);\n}\n.input label,\n.input input {\n padding: 12px;\n border: 0;\n outline: none;\n font-size: 12px;\n color: var(--theme-color-1);\n width: 100%;\n background: transparent;\n appearance: none;\n -webkit-appearance: none;\n left: 0;\n}\n.input label {\n position: absolute;\n color: var(--theme-color-2);\n}\n.input input {\n opacity: 0;\n position: relative;\n z-index: 99;\n padding: 18px 12px 6px 12px;\n}\n.input input:not(:placeholder-shown),\n.input:focus-within input {\n opacity: 1;\n}\n.input input:not(:placeholder-shown) + label,\n.input:focus-within label {\n font-size: 10px;\n top: -6px;\n color: var(--theme-color-1);\n}\n.input input:not(:placeholder-shown) + label {\n color: var(--theme-color-2);\n}\n.select {\n background: --theme-background-1;\n border-radius: var(--theme-radius-lg);\n font-size: 12px;\n border: 1px solid var(--theme-border-color);\n width: 100%;\n position: relative;\n margin-bottom: 6px;\n}\n.select:focus-within {\n background: var(--theme-background-3);\n}\n.select:hover {\n background: var(--theme-background-3);\n}\n.select svg {\n position: absolute;\n right: 12px;\n pointer-events: none;\n color: var(--theme-color-2);\n width: 6px;\n top: 10px;\n}\n.select label {\n display: block;\n font-size: 10px;\n color: var(--theme-color-2);\n position: absolute;\n left: 12px;\n top: 6px;\n}\n.select select {\n background: transparent;\n outline: none;\n border: none;\n -webkit-appearance: none;\n font-size: 12px;\n color: var(--theme-color-1);\n appearance: none;\n width: 100%;\n padding: 18px 12px 6px 12px;\n top: 0;\n position: relative;\n cursor: pointer;\n}\n.check {\n display: flex;\n position: relative;\n cursor: pointer;\n align-items: center;\n font-size: 12px;\n border: 1px solid var(--theme-border-color);\n border-radius: 3px;\n padding: 10px 12px;\n user-select: none;\n width: 100%;\n}\n.check p {\n color: var(--theme-color-2);\n}\n.check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.checkmark {\n height: 15px;\n width: 15px;\n background: var(--theme-background-3);\n margin-right: 10px;\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.check input:checked ~ p {\n color: var(--theme-color-1);\n}\n.check .checkmark:after {\n content: '';\n display: none;\n width: 5px;\n height: 8px;\n border: solid var(--theme-color-disabled);\n border-width: 0 2px 2px 0;\n transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.check input:checked ~ .checkmark:after {\n display: block;\n}\n.scalar-api-client__main__scroll-container {\n height: calc(100vh - 320px);\n}\n.scalar-api-client__request-name {\n outline: none;\n border: none;\n appearance: none;\n -webkit-appearance: none;\n color: var(--theme-color-disabled);\n border-radius: var(--theme-radius-lg);\n font-size: var(--theme-mini);\n font-weight: var(--theme-bold);\n width: 100%;\n background: transparent;\n}\n\na[data-v-7a2c7da8] {\n text-decoration: underline;\n text-decoration-color: var(--theme-border-color);\n text-underline-offset: 2px;\n cursor: help;\n}\n\n.simple-cell[data-v-8d5b42b4] {\n border-right: 1px solid var(--theme-border-color);\n position: relative;\n padding: 0.75em;\n color: var(--theme-color-1);\n white-space: nowrap;\n}\n.simple-cell[data-v-8d5b42b4]:last-of-type {\n border-right: none;\n}\n.simple-cell.wrap[data-v-8d5b42b4] {\n white-space: normal;\n}\n.simple-cell.strong[data-v-8d5b42b4] {\n font-weight: var(--theme-semibold);\n}\n\n.simple-header[data-v-e94ec977] {\n color: var(--theme-color-disabled);\n font-weight: var(--theme-bold);\n text-transform: uppercase;\n}\n\n.simple-row[data-v-959f27bd] {\n border-top: 1px solid var(--theme-border-color);\n}\n.simple-row[data-v-959f27bd]:last-of-type {\n border-bottom: 1px solid var(--theme-border-color);\n}\n\n.simple-table[data-v-3b6be9e1] {\n display: table;\n width: 100%;\n margin: 1em 0;\n}\n\n.scalar-api-client__main__right {\n width: 50%;\n padding: 0 0 12px 12px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__right {\n width: 100%;\n border-right: none;\n}\n}\n.scalar-api-client__main__right :deep(.scalar-copilot__header-button) {\n position: absolute;\n top: 6px;\n right: 12px;\n}\n\n.scalar-api-client {\n background: var(--theme-background-1);\n position: relative;\n height: 100%;\n overflow: hidden !important;\n display: flex;\n flex-direction: column;\n font-family: var(--theme-font);\n}\n@media screen and (max-width: 1000px) {\n.scalar-api-client {\n width: 100%;\n}\n}\n.scalar-api-client pre {\n font-family: var(--theme-font-code);\n}\n.scalar-api-client--post {\n --scalar-api-client-color: var(--theme-post-color);\n --scalar-api-client-background: var(--theme-post-background);\n}\n.scalar-api-client--delete {\n --scalar-api-client-color: var(--theme-delete-color);\n --scalar-api-client-background: var(--theme-delete-background);\n}\n.scalar-api-client--patch {\n --scalar-api-client-color: var(--theme-patch-color);\n --scalar-api-client-background: var(--theme-patch-background);\n}\n.scalar-api-client--get {\n --scalar-api-client-color: var(--theme-get-color);\n --scalar-api-client-background: var(--theme-get-background);\n}\n.scalar-api-client--put {\n --scalar-api-client-color: var(--theme-put-color);\n --scalar-api-client-background: var(--theme-put-background);\n}\n.scalar-api-client__mobile-navigation {\n padding: 12px 12px 0 12px;\n display: flex;\n font-size: var(--theme-small);\n color: var(--theme-color-2);\n font-weight: var(--theme-bold);\n}\n.scalar-api-client__mobile-navigation__toggle {\n appearance: none;\n margin-right: 9px;\n cursor: pointer;\n}\n.scalar-api-client__mobile-navigation--active {\n color: var(--theme-color-1);\n}\n.scalar-api-client__mobile-navigation--active:hover {\n cursor: pointer;\n}\n.scalar-api-client__main {\n display: flex;\n height: 100%;\n min-height: 0;\n background: var(--theme-background-1);\n border-top: 1px solid var(--theme-border-color);\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main {\n display: block;\n}\n}\n\n/** TODO: Consider to make a Column component */\n.scalar-api-client__main__content {\n padding: 12px;\n background: var(--theme-background-1);\n top: 0;\n position: sticky;\n z-index: 100;\n}\n.scalar-api-client__main__content label {\n font-size: var(--theme-small);\n color: var(--theme-color-1);\n font-weight: var(--theme-bold);\n display: flex;\n align-items: center;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__content {\n padding: 0 0 12px 0;\n}\n.scalar-api-client__main__content label {\n display: none;\n}\n}\n.meta {\n display: flex;\n font-size: var(--theme-font-size-2);\n font-weight: var(--theme-font-size-2);\n color: var(--scalar-api-client-color2);\n}\n.meta-item svg {\n fill: var(--theme-color-ghost);\n height: 14px;\n width: 14px;\n margin-right: 6px;\n}\n.meta-item {\n display: flex;\n align-items: center;\n margin-right: 12px;\n white-space: nowrap;\n font-weight: var(--theme-bold);\n font-size: 12px;\n color: var(--theme-color-disabled);\n padding: 3px 0;\n}\n.meta-item__input {\n padding: 3px 0;\n background: transparent;\n width: 100%;\n margin-right: 0;\n}\n.types {\n margin: auto;\n width: 580px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-flow: wrap;\n}\n.types-heading {\n width: 100%;\n text-align: center;\n}\n.types-heading b {\n font-size: 42px;\n}\n.types-heading p {\n margin-bottom: 20px;\n margin-top: 12px;\n font-size: 24px;\n}\n.scalar-api-client__empty-state {\n border: 1px dashed var(--theme-border-color);\n width: 100%;\n text-align: center;\n font-size: var(--theme-small);\n padding: 20px;\n}"));
6
+ elementStyle.appendChild(document.createTextNode("@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900');@import url('https://fonts.googleapis.com/css?family=JetBrains%20Mono');.cm-scroller,\n.custom-scroll {\n overflow-y: scroll;\n scrollbar-color: transparent transparent;\n scrollbar-width: thin;\n -webkit-overflow-scrolling: touch;\n}\n.custom-scroll-self-contain-overflow {\n overscroll-behavior: contain;\n}\n.custom-scroll-extra-padding-right {\n padding-right: 12px !important;\n}\n@supports (-moz-appearance: none) {\n .cm-scroller,\n .custom-scroll {\n padding-right: 12px;\n }\n .custom-scroll-extra-padding-right {\n padding-right: 24px !important;\n }\n}\n.cm-scroller:hover,\n.custom-scroll:hover {\n scrollbar-color: var(\n --theme-scrollbar-color,\n var(--default-theme-scrollbar-color)\n )\n transparent;\n}\n.cm-scroller:hover::-webkit-scrollbar-thumb,\n.custom-scroll:hover::-webkit-scrollbar-thumb {\n background: var(\n --theme-scrollbar-color,\n var(--default-theme-scrollbar-color)\n );\n background-clip: content-box;\n border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb:active,\n.custom-scroll::-webkit-scrollbar-thumb:active {\n background: var(\n --theme-scrollbar-color-active,\n var(--default-theme-scrollbar-color-active)\n );\n background-clip: content-box;\n border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-corner,\n.custom-scroll::-webkit-scrollbar-corner {\n background: transparent;\n}\n.cm-scroller::-webkit-scrollbar,\n.custom-scroll::-webkit-scrollbar {\n height: 12px;\n width: 12px;\n}\n.cm-scroller::-webkit-scrollbar-track,\n.custom-scroll::-webkit-scrollbar-track {\n background: transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb,\n.custom-scroll::-webkit-scrollbar-thumb {\n border-radius: 20px;\n background: transparent;\n background-clip: content-box;\n border: 3px solid transparent;\n}\n@media (pointer: coarse) {\n .cm-scroller,\n .custom-scroll {\n padding-right: 12px;\n }\n .custom-scroll-extra-padding-right {\n padding-right: 24px !important;\n }\n}\n\n\n:root {\n --default-app-header-height: 50px;\n --default-theme-border-width: 1px;\n --default-theme-radius: 3px;\n --default-theme-radius-lg: 6px;\n --default-theme-radius-xl: 8px;\n\n --default-theme-header-height: 50px;\n --default-theme-sidebar-width: 250px;\n --default-theme-toc-width: 250px;\n\n /* TYPOGRAPHY ------------------------------------ */\n --default-theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',\n Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n --default-theme-font-code: 'JetBrains Mono';\n\n /** Font sizes for rendered text content (editor styles or static content) */\n --default-theme-heading-1: 40px; /* Editor Page heading */\n --default-theme-page-description: 24px;\n --default-theme-heading-2: 24px; /* Editor section headings */\n --default-theme-heading-3: 20px;\n --default-theme-heading-4: 16px;\n --default-theme-heading-5: 16px;\n --default-theme-heading-6: 16px;\n\n --default-theme-paragraph: 16px;\n --default-theme-small: 14px;\n --default-theme-mini: 13px;\n --default-theme-micro: 12px;\n --default-theme-bold: 600;\n --default-theme-semibold: 500;\n --default-theme-regular: 400;\n\n /* Font sizes for interactive applications (not rendered text content) */\n --default-theme-font-size-1: 24px;\n --default-theme-font-size-2: 16px;\n --default-theme-font-size-3: 14px;\n --default-theme-font-size-4: 13px;\n --default-theme-font-size-5: 12px;\n\n --default-theme-line-height-1: 32px;\n --default-theme-line-height-2: 24px;\n --default-theme-line-height-3: 20px;\n --default-theme-line-height-4: 18px;\n --default-theme-line-height-5: 16px;\n\n --default-theme-font-medium: 500;\n --default-theme-font-bold: 700;\n\n /* let's clean these up please :) */\n --default-scalar-api-reference-theme-header-height: 0;\n --default-scalar-api-reference-theme-sidebar-width: 250px;\n --default-scalar-api-reference-theme-toc-width: 250px;\n --default-scalar-api-reference-app-header-height: 100px;\n --default-scalar-api-reference-col-width-1: 250px;\n --default-scalar-api-reference-col-width-2: calc(50% - 125px);\n --default-scalar-api-reference-col-width-3: calc(50% - 125px);\n --default-scalar-api-reference-document-height: 100vh;\n --default-scalar-api-reference-full-height: 100%;\n}\n@media (max-width: 460px) {\n :root {\n --default-theme-font-size-1: 22px;\n --default-theme-font-size-2: 14px;\n --default-theme-font-size-3: 12px;\n }\n}\n@media (max-width: 720px) {\n :root {\n --default-theme-heading-1: 24px;\n --default-theme-page-description: 20px;\n }\n}\n.light-mode {\n color-scheme: light;\n --default-theme-color-1: #2a2f45;\n --default-theme-color-2: #757575;\n --default-theme-color-3: #8e8e8e;\n --default-theme-color-disabled: #b4b1b1;\n --default-theme-color-ghost: #a7a7a7;\n --default-theme-color-accent: #0099ff;\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-4: rgba(0, 0, 0, 0.06);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(0, 0, 0, 0.1);\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-error-color: #ae262f;\n --default-theme-warning-color: #d89c6a;\n --default-theme-success-color: #26ae42;\n\n /* REST API Client Colors */\n --default-theme-post-color: #00a67d;\n --default-theme-post-background: #00a67d1a;\n --default-theme-delete-color: #ef0006;\n --default-theme-delete-background: #ef00061a;\n --default-theme-patch-color: #b2b062;\n --default-theme-patch-background: #ffe6001a;\n --default-theme-get-color: #0082d0;\n --default-theme-get-background: #0082d01a;\n --default-theme-put-color: #f3830e;\n --default-theme-put-background: #f3830e1a;\n\n /* Misc Scalar Branding */\n --default-scalar-brand: #faf6e9;\n}\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: rgba(255, 255, 255, 0.9);\n --default-theme-color-2: rgba(255, 255, 255, 0.62);\n --default-theme-color-3: rgba(255, 255, 255, 0.44);\n --default-theme-color-disabled: rgba(255, 255, 255, 0.34);\n --default-theme-color-ghost: rgba(255, 255, 255, 0.26);\n --default-theme-color-accent: #8ab4f8;\n --default-theme-background-1: #1a1a1a;\n --default-theme-background-2: #252525;\n --default-theme-background-3: #323232;\n --default-theme-background-4: rgba(255, 255, 255, 0.06);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-error-color: #ff0011;\n --default-theme-success-color: #26ae42;\n\n /* REST API Client Colors */\n --default-theme-post-color: #7ee787;\n --default-theme-post-background: #7ee78714;\n --default-theme-delete-color: #e77e7e;\n --default-theme-delete-background: #e77e7e24;\n --default-theme-patch-color: #b2b062;\n --default-theme-patch-background: #b2b06229;\n --default-theme-get-color: #79c0ff;\n --default-theme-get-background: #79c0ff21;\n --default-theme-put-color: #e9950c;\n --default-theme-put-background: #e9950c21;\n\n /* Misc Scalar Branding */\n --default-scalar-brand: #8b7256;\n}\n\n.modal-layout[data-v-dfd5c435] {\n position: fixed;\n width: 100vw;\n height: 100vh;\n top: 0;\n left: 0;\n z-index: 1001;\n background: rgba(0, 0, 0, 0.44);\n padding: 20px;\n opacity: 0;\n animation: modal-fade-dfd5c435 0.2s forwards;\n}\n.modal-body[data-v-dfd5c435] {\n padding: 24px 12px 18px 24px;\n max-height: calc(100vh - 240px);\n background: var(--theme-background-1, var(--default-theme-background-1));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n font-family: var(--theme-font, var(--default-theme-font));\n}\n.modal[data-v-dfd5c435] {\n margin: 80px auto 0;\n position: relative;\n background: var(--theme-background-2, var(--default-theme-background-2));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n text-align: left;\n line-height: 1.4;\n opacity: 0;\n transform: scale(0.98);\n animation: modal-pop-dfd5c435 0.15s 0.15s forwards;\n display: flex;\n flex-direction: column;\n}\n.modal-content-large[data-v-dfd5c435] {\n max-width: 800px;\n}\n.modal-content-normal[data-v-dfd5c435] {\n max-width: 640px;\n}\n.modal-content-small[data-v-dfd5c435] {\n max-width: 480px;\n}\n@keyframes modal-fade-dfd5c435 {\nfrom {\n opacity: 0;\n}\nto {\n opacity: 1;\n}\n}\n@keyframes modal-pop-dfd5c435 {\n0% {\n opacity: 0;\n}\n100% {\n opacity: 1;\n transform: scale(1);\n}\n}\n.modal-header[data-v-dfd5c435] {\n padding: 12px 24px;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-font-size-4, var(--default-theme-font-size-4));\n text-align: left;\n font-weight: 600;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg)) 0 0;\n}\n\n.navtable-mock {\n background-repeat: repeat;\n width: 100%;\n background-image: linear-gradient(\n 0deg,\n var(--theme-border-color, var(--default-theme-border-color)) 1px,\n --theme-background-1 1px\n );\n background-size: 31px 31px;\n background-position: center 1px;\n flex: 1;\n position: relative;\n}\n.navtable-mock .navtable-item {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n background: transparent;\n border-top: none;\n}\n.radio {\n height: 16px;\n width: 16px;\n background: transparent;\n border: var(--border, var(--default-border));\n flex-shrink: 0;\n margin-right: 6px;\n margin-left: 4px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n outline: none;\n}\n.radio:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n cursor: pointer;\n}\n.navtable-item__active .radio:after {\n content: '';\n width: 5px;\n height: 8px;\n border: solid white;\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(-0.5px, -1px, 0);\n}\n.radio.post {\n background: var(--theme-post-color, var(--default-theme-post-color));\n}\n.radio.delete {\n background: var(--theme-delete-color, var(--default-theme-delete-color));\n}\n.radio.patch {\n background: var(--theme-patch-color, var(--default-theme-patch-color));\n}\n.radio.get {\n background: var(--theme-get-color, var(--default-theme-get-color));\n}\n.radio.put {\n background: var(--theme-put-color, var(--default-theme-put-color));\n}\n\n.loader {\n position: absolute;\n z-index: 3;\n height: 2px;\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n animation: loading 5s cubic-bezier(0, 0.5, 0.25, 1);\n}\n@keyframes loading {\n0% {\n width: 0;\n}\n100% {\n width: 100%;\n}\n}\n.scalar-api-client__address-bar {\n width: 100%;\n padding: 12px 12px 10px 12px;\n display: flex;\n align-items: center;\n position: relative;\n background: var(--theme-background-1, var(--default-theme-background-1));\n}\n.scalar-api-client__url-form {\n display: flex;\n width: 100%;\n align-items: stretch;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__field {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-right: 0;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg)) 0 0\n var(--theme-radius-lg, var(--default-theme-radius-lg));\n display: flex;\n align-items: stretch;\n width: 100%;\n}\n.scalar-api-client__address-bar-data {\n width: 100%;\n}\n.scalar-api-client__address-bar-data-meta {\n display: flex;\n margin-top: 5px;\n}\n.scalar-api-client__request-type {\n display: flex;\n align-items: center;\n background: var(--theme-background-2, var(--default-theme-background-2));\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n appearance: none;\n -webkit-appearance: none;\n padding: 0 12px;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg)) 0 0\n var(--theme-radius-lg, var(--default-theme-radius-lg));\n position: relative;\n}\n.scalar-api-client__request-type span {\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n font-size: 500;\n font-size: var(--theme-micro, var(--default-theme-micro));\n text-transform: uppercase;\n}\n.scalar-api-client__request-type svg {\n margin-left: 6px;\n width: 8px;\n}\n.scalar-api-client__request-type i {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n margin-right: 6px;\n text-align: center;\n line-height: 18px;\n font-style: normal;\n flex-shrink: 0;\n display: inline-block;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n}\n.meta-request-break {\n margin: 0 5px;\n}\n.scalar-api-client__history {\n appearance: none;\n -webkit-appearance: none;\n background: transparent;\n color: var(--theme-color-2, var(--default-theme-color-2));\n display: flex;\n align-items: center;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n height: 100%;\n}\n.scalar-api-client__send-request-button[type='submit'] {\n font-size: var(--theme-mini, var(--default-theme-mini));\n letter-spacing: 0.25px;\n line-height: 30px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: white;\n border: none;\n white-space: nowrap;\n padding: 0 10px;\n text-transform: uppercase;\n cursor: pointer;\n outline: none;\n border-radius: 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg)) 0;\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n /** #087f5b */\n display: flex;\n align-items: center;\n}\n.scalar-api-client__send-request-button svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.scalar-api-client__history-toggle {\n padding: 0 9px;\n line-height: 30px;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n font-size: var(--theme-mini, var(--default-theme-mini));\n letter-spacing: 0.125px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n text-transform: uppercase;\n height: 100%;\n display: flex;\n align-items: center;\n cursor: pointer;\n white-space: nowrap;\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n margin-left: 12px;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__history-toggle:hover {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__history-toggle svg {\n height: 13px;\n width: 13px;\n margin-right: 6px;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.scalar-api-client__address-bar-close {\n fill: var(--theme-color-disabled, var(--default-theme-color-disabled));\n margin-left: 12px;\n height: 24px;\n}\n.scalar-api-client__address-bar-close:hover {\n cursor: pointer;\n fill: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__content {\n width: 640px;\n height: 100%;\n background: var(--theme-background-1, var(--default-theme-background-1));\n position: fixed;\n top: 0;\n right: 0;\n z-index: 1000;\n transform: translate3d(640px, 0, 0);\n opacity: 0;\n transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),\n opacity 0.01s ease-in-out 0.5s;\n pointer-events: none;\n}\n.scalar-api-client__address-bar-content-item {\n height: 100vh;\n max-height: 100vh;\n overflow: auto;\n}\n.scalar-api-client__address-bar__on {\n z-index: 100000;\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__content {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n pointer-events: all;\n transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__close {\n opacity: 1;\n pointer-events: all;\n cursor: pointer;\n}\n.scalar-api-client__address-bar .navtable-item__active {\n background: var(--theme-background-2, var(--default-theme-background-2));\n cursor: default;\n}\n.scalar-api-client__address-bar .navtable-item__active .radio:before {\n display: none;\n}\n.navigation-back {\n stroke: var(--theme-color-2, var(--default-theme-color-2));\n cursor: pointer;\n}\n.navigation-back:hover {\n stroke: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__close {\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n /* background: rgba(0,0,0,.55);\n */\n pointer-events: none;\n opacity: 0;\n transition: all 0.1s ease-in-out;\n z-index: 1000;\n}\n.navtable-item-request span {\n padding: 8px 9px 8px 0;\n border: none;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n display: block;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.navtable-item-request span em {\n text-transform: uppercase;\n font-style: normal;\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n font-size: var(--theme-micro, var(--default-theme-micro));\n margin-right: 6px;\n font-weight: var(--theme-bold, var(--default-theme-bold));\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.navtable-item-time {\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n text-transform: capitalize;\n padding: 0 9px;\n}\n@media screen and (max-width: 720px) {\n.scalar-api-client__history-toggle span,\n .scalar-api-client__send-request-button span {\n display: none;\n}\n.scalar-api-client__history-toggle svg,\n .scalar-api-client__send-request-button svg {\n margin-right: 0;\n}\n.scalar-api-client__history-toggle,\n .scalar-api-client__send-request-button {\n height: 31.5px;\n width: 31.5px;\n}\n}\n\n.scalar-api-client__item {\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n margin-bottom: 6px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n box-shadow: var(--shadow1, var(--default-shadow1));\n position: relative;\n}\n.scalar-api-client__item button {\n background-color: transparent;\n text-align: left;\n}\n.scalar-api-client__item:hover {\n cursor: pointer;\n}\n.scalar-api-client__item--open {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__item--open:focus-within {\n box-shadow: var(--shadow1, var(--default-shadow1));\n}\n.scalar-api-client__item--open .scalar-api-client__item__content {\n display: flex;\n}\n.scalar-api-client__item--open:hover {\n cursor: default;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle__icon {\n transform: rotate(90deg);\n}\n.scalar-api-client__toggle {\n padding: 6px 12px;\n min-height: 37px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n position: relative;\n width: 100%;\n appearance: none;\n outline: 0;\n border: none;\n}\n.scalar-api-client__item .scalar-api-client__item__title {\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-small, var(--default-theme-small));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n user-select: none;\n flex: 1;\n}\n.scalar-api-client__item .scalar-api-client__item__title:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: block;\n}\n.scalar-api-client__item .scalar-api-client__toggle__icon {\n width: 10px;\n margin-right: 6px;\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__options {\n position: relative;\n}\n.scalar-api-client__item__options span {\n background: var(--theme-background-3, var(--default-theme-background-3));\n padding: 2px 6px;\n border-radius: 3px;\n font-size: var(--theme-micro, var(--default-theme-micro));\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.scalar-api-client__item__options span svg {\n width: 9px;\n height: 9px;\n margin-left: 3px;\n}\n.scalar-api-client__item__options select {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: pointer;\n}\n\n.table {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n background: transparent;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n width: 100%;\n}\n.table-row {\n border-bottom: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n display: flex;\n position: relative;\n}\n.table-row__add {\n border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg));\n border-bottom: none;\n}\n.table-row.required-parameter .table-row-item:nth-of-type(2):after {\n content: 'Required';\n position: absolute;\n top: 4px;\n right: 0;\n padding: 5px 9px 5px 6px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: var(--theme-background-2, var(--default-theme-background-2));\n box-shadow: -2px 0 4px\n var(--theme-background-2, var(--default-theme-background-2));\n}\n.table-row.required-parameter\n .table-row-item:nth-of-type(2):focus-within:after {\n display: none;\n}\n.table-row:last-of-type {\n border-bottom: none;\n}\n.table-row__active {\n border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.table-row-drag {\n width: 20px;\n flex-shrink: 0;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n align-items: center;\n justify-content: center;\n display: none;\n}\n.table-row-drag svg {\n width: 6px;\n fill: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.table-row-drag .table-row-drag-add {\n width: 8px;\n}\n.table-row-item {\n width: 100%;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n}\n.table-row-item-menu {\n position: absolute;\n right: 12px;\n background: var(--theme-background-3, var(--default-theme-background-3));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n width: 24px;\n height: 24px;\n top: 50%;\n transform: translate3d(0, -50%, 0);\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n cursor: pointer;\n}\n.table-row-item input:focus + .table-row-item-menu,\n.table-row-item:hover .table-row-item-menu {\n opacity: 1;\n}\n.table-row-item-menu svg {\n height: 12px;\n width: initial;\n fill: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.table-row-item input {\n border: none;\n appearance: none;\n outline: none;\n padding: 9px;\n width: 100%;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.table-row-item input[disabled] {\n background: transparent;\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n}\n.table-row-item input:focus {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.table-row-item label {\n background: transparent;\n text-transform: uppercase;\n display: block;\n padding: 9px;\n font-weight: var(--theme-bold, var(--default-theme-bold));\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.table-row-meta {\n overflow: hidden;\n flex-shrink: 0;\n transition: all 0.15s ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n user-select: none;\n}\n.table-row-meta-check {\n width: 18px;\n height: 18px;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n background: rgba(47, 177, 228, 0.1);\n}\n.table-row-meta svg {\n width: 13px;\n height: 13px;\n margin: 0 1px;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n cursor: pointer;\n}\n.table-row-meta svg:hover {\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.meta-check {\n display: flex;\n position: relative;\n cursor: pointer;\n align-items: center;\n font-size: var(--theme-micro, var(--default-theme-micro));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n user-select: none;\n margin: 0 1px;\n transition: all 0.15s ease-in-out;\n}\n.meta-check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.meta-checkmark {\n height: 15px;\n width: 15px;\n background: var(--theme-background-1, var(--default-theme-background-1));\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.meta-check .meta-checkmark:after {\n content: '';\n display: none;\n width: 5px;\n height: 8px;\n border: solid var(--theme-color-1, var(--default-theme-color-1));\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.meta-check input:checked ~ .meta-checkmark:after {\n display: block;\n}\n\n.navtable {\n width: 100%;\n}\n.navtable-follow {\n background-color: black;\n color: white;\n font-size: 9px;\n padding: 6px;\n display: -webkit-box;\n max-width: 250px;\n -webkit-line-clamp: 12;\n border-radius: 3px;\n -webkit-box-orient: vertical;\n overflow: hidden;\n line-height: 1.24;\n transform: translate3d(10px, 0, 0);\n}\n.navtable-follow:after {\n content: '';\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 6px;\n background-color: black;\n}\n.navtable-follow * {\n font-family: var(\n --theme-font-code,\n var(--default-theme-font-code)\n ) !important;\n}\n.navtable-table {\n position: relative;\n display: flex;\n flex-direction: column;\n min-height: 381px;\n}\n.navtable-item {\n display: flex;\n position: relative;\n color: var(--theme-color-1, var(--default-theme-color-1));\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.navtable-item > div {\n word-wrap: break-word;\n}\n.navtable-item > div:not(:first-child) {\n border-left: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action {\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n background: var(\n --scalar-api-client-bg3,\n var(--default-scalar-api-client-bg3)\n );\n border: none;\n border-radius: 30px;\n appearance: none;\n max-height: 25px;\n margin-left: 12px;\n margin-right: 6px;\n padding: 4px 8px;\n outline: none;\n cursor: pointer;\n opacity: 0;\n transition: opacity 0.15s ease-in-out;\n white-space: nowrap;\n position: relative;\n}\n.navtable-item-action:hover {\n color: var(--theme-color-1, var(--default-theme-color-1));\n background: var(\n --scalar-api-client-gradient,\n var(--default-scalar-api-client-gradient)\n );\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action:focus {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item:hover,\n.navtable-item:focus-within .navtable-item-action {\n opacity: 1;\n}\n.navtable-item-add {\n display: flex;\n align-items: center;\n padding: 9px;\n font-weight: var(--theme-bold, var(--default-theme-bold));\n outline: none;\n border: none;\n appearance: none;\n background: transparent;\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.navtable-item-add:hover {\n background: var(--theme-background-2, var(--default-theme-background-2));\n cursor: pointer;\n}\n.navtable-item-25 {\n width: 25%;\n font-size: var(--theme-micro, var(--default-theme-micro));\n display: flex;\n align-items: center;\n}\n.navtable-item-33 {\n width: 33.33333%;\n display: flex;\n font-size: var(--theme-micro, var(--default-theme-micro));\n align-items: center;\n}\n.navtable-item-66 {\n width: 66.6666%;\n display: flex;\n font-size: var(--theme-micro, var(--default-theme-micro));\n align-items: center;\n}\n.navtable-item-75 {\n width: 75%;\n display: flex;\n align-items: center;\n}\n.navtable-item-75:focus-within {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-40 {\n width: 40%;\n display: flex;\n align-items: center;\n}\n.navtable-item-20 {\n width: 20%;\n display: flex;\n align-items: center;\n}\n.navtable-item-50 {\n width: 50%;\n display: flex;\n align-items: center;\n}\n.navtable-item-50:focus-within {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item p {\n padding: 9px;\n}\n.navtable-item input {\n padding: 12px 6px;\n border: none;\n outline: none;\n appearance: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n background: transparent;\n width: 100%;\n}\n.navtable-item input:focus {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-select {\n position: relative;\n}\n.navtable-item-select select {\n background: transparent;\n outline: none;\n border: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n appearance: none;\n width: 100%;\n padding: 12px 6px;\n top: 0;\n position: relative;\n cursor: pointer;\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.navtable-item-select svg {\n position: absolute;\n right: 6px;\n color: var(--theme-color-ghost, var(--default-theme-color-ghost));\n width: 6px;\n top: 12px;\n pointer-events: none;\n}\n.navtable-item .option {\n padding: 12px 6px;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n}\n.navtable-item label {\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n text-transform: uppercase;\n padding: 9px;\n display: block;\n width: 100%;\n}\n.navtable-item-response {\n padding: 0 9px;\n}\n.navtable-item-response span {\n font-size: var(--theme-micro, var(--default-theme-micro));\n display: flex;\n align-items: center;\n margin-right: 6px;\n min-width: 50px;\n}\n.scalar-api-client__status--1xx:before,\n.scalar-api-client__status--2xx:before,\n.scalar-api-client__status--3xx:before,\n.scalar-api-client__status--4xx:before,\n.scalar-api-client__status--5xx:before,\n.scalar-api-client__status--6xx:before {\n content: '';\n width: 12px;\n height: 12px;\n border-radius: 50%;\n margin-right: 4px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__status--2xx:before {\n background: green;\n}\n.scalar-api-client__status--3xx:before {\n background: orange;\n}\n.scalar-api-client__status--4xx:before {\n background: red;\n}\n.navtable-item-response span:empty {\n display: none;\n}\n.simpletable.navtable {\n padding: 0;\n}\n.simpletable.navtable .navtable-item-66,\n.simpletable.navtable .navtable-item-33 {\n display: block;\n}\n.simpletable.navtable .navtable-table {\n height: fit-content;\n}\n\n.scalar-api-client__main__left {\n width: 50%;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n padding: 0 0 12px 12px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__left {\n width: 100%;\n border-right: none;\n}\n}\n.scalar-api-client__item__content {\n flex-flow: wrap;\n padding: 0 12px 12px;\n border-radius: 3px;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n font-size: var(--theme-micro, var(--default-theme-micro));\n margin-top: -3px;\n justify-content: space-between;\n}\n.scalar-api-client__item__content .cm-s-default {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__item__content .scalar-api-client__item__content--code {\n width: 100%;\n max-height: calc(100vh - 200px);\n overflow: auto;\n}\n.scalar-api-client__item__content .cm-scroller {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: 3px;\n}\n.scalar-api-client__item__content .cm-editor {\n outline: none !important;\n}\n.scalar-api-client__item__content .cm-editor .cm-gutters {\n background: transparent;\n}\n.scalar-api-client__item__content .cm-scroll {\n background: transparent;\n}\n.scalar-api-client__item__content .cm-editor * {\n font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.scalar-api-client__item__content .cm-editor .cm-line {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__content-button {\n width: 100%;\n appearance: none;\n border: none;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n ) !important;\n text-align: center;\n font-weight: var(--theme-bold, var(--default-theme-bold));\n padding: 12px;\n text-transform: uppercase;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n color: white;\n cursor: pointer;\n}\n.scalar-api-client__item__content__split {\n justify-content: space-between;\n}\n.scalar-collapsible-section-flex {\n width: 100%;\n}\n.input {\n background: var(--theme-background-2, var(--default-theme-background-2));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: 3px;\n position: relative;\n width: 100%;\n text-align: left;\n margin-bottom: 6px;\n}\n.input__half {\n width: calc(50% - 3px);\n}\n.input:focus-within {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.input label,\n.input input {\n padding: 12px;\n border: 0;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n background: transparent;\n appearance: none;\n -webkit-appearance: none;\n left: 0;\n}\n.input label {\n position: absolute;\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.input input {\n opacity: 0;\n position: relative;\n z-index: 99;\n padding: 18px 12px 6px 12px;\n}\n.input input:not(:placeholder-shown),\n.input:focus-within input {\n opacity: 1;\n}\n.input input:not(:placeholder-shown) + label,\n.input:focus-within label {\n font-size: 10px;\n top: -6px;\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.input input:not(:placeholder-shown) + label {\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.select {\n background: --theme-background-1;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n font-size: var(--theme-micro, var(--default-theme-micro));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n width: 100%;\n position: relative;\n margin-bottom: 6px;\n}\n.select:focus-within {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select svg {\n position: absolute;\n right: 12px;\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n width: 6px;\n top: 10px;\n}\n.select label {\n display: block;\n font-size: 10px;\n color: var(--theme-color-2, var(--default-theme-color-2));\n position: absolute;\n left: 12px;\n top: 6px;\n}\n.select select {\n background: transparent;\n outline: none;\n border: none;\n -webkit-appearance: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n appearance: none;\n width: 100%;\n padding: 18px 12px 6px 12px;\n top: 0;\n position: relative;\n cursor: pointer;\n}\n.check {\n display: flex;\n position: relative;\n cursor: pointer;\n align-items: center;\n font-size: var(--theme-micro, var(--default-theme-micro));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: 3px;\n padding: 10px 12px;\n user-select: none;\n width: 100%;\n}\n.check p {\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.checkmark {\n height: 15px;\n width: 15px;\n background: var(--theme-background-3, var(--default-theme-background-3));\n margin-right: 10px;\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.check input:checked ~ p {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.check .checkmark:after {\n content: '';\n display: none;\n width: 5px;\n height: 8px;\n border: solid var(--theme-color-disabled, var(--default-theme-color-disabled));\n border-width: 0 2px 2px 0;\n transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.check input:checked ~ .checkmark:after {\n display: block;\n}\n.scalar-api-client__main__scroll-container {\n height: calc(100vh - 320px);\n}\n.scalar-api-client__request-name {\n outline: none;\n border: none;\n appearance: none;\n -webkit-appearance: none;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n font-size: var(--theme-small, var(--default-theme-small));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n width: 100%;\n padding: 0;\n background: transparent;\n}\n\na[data-v-4e87b5c7] {\n text-decoration: underline;\n text-decoration-color: var(\n --theme-border-color,\n var(--default-theme-border-color)\n );\n text-underline-offset: 2px;\n cursor: help;\n}\n\n.simple-cell[data-v-c2b6632c] {\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n padding: 0.75em;\n color: var(--theme-color-1, var(--default-theme-color-1));\n white-space: nowrap;\n}\n.simple-cell[data-v-c2b6632c]:last-of-type {\n border-right: none;\n}\n.simple-cell.wrap[data-v-c2b6632c] {\n white-space: normal;\n}\n.simple-cell.strong[data-v-c2b6632c] {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\n.simple-header[data-v-ed796dc3] {\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n text-transform: uppercase;\n}\n\n.simple-row[data-v-39ca3a5f] {\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.simple-row[data-v-39ca3a5f]:last-of-type {\n border-bottom: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n\n.simple-table[data-v-3b6be9e1] {\n display: table;\n width: 100%;\n margin: 1em 0;\n}\n\n.scalar-api-client__main__right {\n width: 50%;\n padding: 0 0 12px 12px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__right {\n width: 100%;\n border-right: none;\n}\n}\n.scalar-api-client__main__right :deep(.scalar-copilot__header-button) {\n position: absolute;\n top: 6px;\n right: 12px;\n}\n\n.scalar-api-client,\n#headlessui-portal-root {\n background: var(--theme-background-1, var(--default-theme-background-1));\n position: relative;\n height: 100%;\n overflow: hidden !important;\n display: flex;\n flex-direction: column;\n font-family: var(--theme-font, var(--default-theme-font));\n}\n@media screen and (max-width: 1000px) {\n.scalar-api-client {\n width: 100%;\n}\n}\n.scalar-api-client pre {\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n}\n.scalar-api-client--post {\n --default-scalar-api-client-color: var(\n --theme-post-color,\n var(--default-theme-post-color)\n );\n --default-scalar-api-client-background: var(\n --theme-post-background,\n var(--default-theme-post-background)\n );\n}\n.scalar-api-client--delete {\n --default-scalar-api-client-color: var(\n --theme-delete-color,\n var(--default-theme-delete-color)\n );\n --default-scalar-api-client-background: var(\n --theme-delete-background,\n var(--default-theme-delete-background)\n );\n}\n.scalar-api-client--patch {\n --default-scalar-api-client-color: var(\n --theme-patch-color,\n var(--default-theme-patch-color)\n );\n --default-scalar-api-client-background: var(\n --theme-patch-background,\n var(--default-theme-patch-background)\n );\n}\n.scalar-api-client--get {\n --default-scalar-api-client-color: var(\n --theme-get-color,\n var(--default-theme-get-color)\n );\n --default-scalar-api-client-background: var(\n --theme-get-background,\n var(--default-theme-get-background)\n );\n}\n.scalar-api-client--put {\n --default-scalar-api-client-color: var(\n --theme-put-color,\n var(--default-theme-put-color)\n );\n --default-scalar-api-client-background: var(\n --theme-put-background,\n var(--default-theme-put-background)\n );\n}\n.scalar-api-client__mobile-navigation {\n padding: 12px 12px 0 12px;\n display: flex;\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n}\n.scalar-api-client__mobile-navigation__toggle {\n appearance: none;\n border: none;\n outline: none;\n background: transparent;\n font-size: var(--theme-font-size-3);\n color: var(--theme-color-2);\n font-weight: var(--theme-bold);\n padding: 0;\n margin-right: 9px;\n cursor: pointer;\n}\n.scalar-api-client__mobile-navigation--active {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__mobile-navigation--active:hover {\n cursor: pointer;\n}\n.scalar-api-client__main {\n display: flex;\n height: 100%;\n min-height: 0;\n background: var(--theme-background-1, var(--default-theme-background-1));\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main {\n display: block;\n}\n}\n\n/** TODO: Consider to make a Column component */\n.scalar-api-client__main__content {\n padding: 12px;\n background: var(--theme-background-1, var(--default-theme-background-1));\n top: 0;\n position: sticky;\n z-index: 100;\n}\n.scalar-api-client__main__content label {\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n display: flex;\n align-items: center;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__content {\n padding: 0 0 12px 0;\n}\n.scalar-api-client__main__content label {\n display: none;\n}\n}\n.meta {\n display: flex;\n margin-top: 3px;\n font-size: var(--theme-font-size-2, var(--default-theme-font-size-2));\n font-weight: var(--theme-font-size-2, var(--default-theme-font-size-2));\n color: var(\n --scalar-api-client-color2,\n var(--default-scalar-api-client-color2)\n );\n}\n.meta-item svg {\n fill: var(--theme-color-ghost, var(--default-theme-color-ghost));\n height: 14px;\n width: 14px;\n margin-right: 6px;\n}\n.meta-item {\n display: flex;\n align-items: center;\n margin-right: 12px;\n white-space: nowrap;\n font-weight: var(--theme-bold, var(--default-theme-bold));\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.meta-item__input {\n background: transparent;\n width: 100%;\n margin-right: 0;\n}\n.types {\n margin: auto;\n width: 580px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-flow: wrap;\n}\n.types-heading {\n width: 100%;\n text-align: center;\n}\n.types-heading b {\n font-size: 42px;\n}\n.types-heading p {\n margin-bottom: 20px;\n margin-top: 12px;\n font-size: 24px;\n}\n.scalar-api-client__empty-state {\n border: 1px dashed\n var(--theme-border-color, var(--default-theme-border-color));\n width: 100%;\n text-align: center;\n font-size: var(--theme-small, var(--default-theme-small));\n padding: 20px;\n}"));
7
7
  document.head.appendChild(elementStyle);
8
8
  }
9
9
  } catch (e) {
10
10
  console.error("vite-plugin-css-injected-by-js", e);
11
11
  }
12
12
  })();
13
- import { cloneVNode, h as h$2, Fragment, inject, provide, ref, onMounted, watchEffect, computed, defineComponent, onUnmounted, watch, Teleport, reactive, unref, shallowRef, nextTick, getCurrentScope, onScopeDispose, toRef as toRef$1, readonly, customRef, getCurrentInstance, openBlock, createBlock, withCtx, createElementVNode, createVNode, normalizeClass, normalizeStyle, createTextVNode, toDisplayString, createCommentVNode, renderSlot, createElementBlock, renderList, createStaticVNode, withDirectives, withModifiers, vShow, vModelSelect, vModelText, vModelCheckbox, withKeys } from "vue";
13
+ import { cloneVNode, h as h$2, Fragment, inject, provide, ref, onMounted, watchEffect, computed, defineComponent, onUnmounted, watch, Teleport, reactive, unref, shallowRef, nextTick, getCurrentScope, onScopeDispose, getCurrentInstance, readonly, openBlock, createBlock, withCtx, createElementVNode, createVNode, normalizeClass, normalizeStyle, createTextVNode, toDisplayString, createCommentVNode, renderSlot, createElementBlock, renderList, createStaticVNode, withDirectives, withModifiers, vShow, vModelSelect, vModelText, vModelCheckbox, withKeys } from "vue";
14
14
  import { CodeMirror } from "@scalar/use-codemirror";
15
15
  function u$3(r2, n2, ...a2) {
16
16
  if (r2 in n2) {
@@ -23,22 +23,22 @@ function u$3(r2, n2, ...a2) {
23
23
  var N$2 = ((o2) => (o2[o2.None = 0] = "None", o2[o2.RenderStrategy = 1] = "RenderStrategy", o2[o2.Static = 2] = "Static", o2))(N$2 || {}), S$2 = ((e2) => (e2[e2.Unmount = 0] = "Unmount", e2[e2.Hidden = 1] = "Hidden", e2))(S$2 || {});
24
24
  function H$1({ visible: r2 = true, features: t2 = 0, ourProps: e2, theirProps: o2, ...i2 }) {
25
25
  var a2;
26
- let n2 = j$2(o2, e2), l2 = Object.assign(i2, { props: n2 });
26
+ let n2 = j$1(o2, e2), l2 = Object.assign(i2, { props: n2 });
27
27
  if (r2 || t2 & 2 && n2.static)
28
- return y$1(l2);
28
+ return y$2(l2);
29
29
  if (t2 & 1) {
30
30
  let d2 = (a2 = n2.unmount) == null || a2 ? 0 : 1;
31
31
  return u$3(d2, { [0]() {
32
32
  return null;
33
33
  }, [1]() {
34
- return y$1({ ...i2, props: { ...n2, hidden: true, style: { display: "none" } } });
34
+ return y$2({ ...i2, props: { ...n2, hidden: true, style: { display: "none" } } });
35
35
  } });
36
36
  }
37
- return y$1(l2);
37
+ return y$2(l2);
38
38
  }
39
- function y$1({ props: r2, attrs: t2, slots: e2, slot: o2, name: i2 }) {
39
+ function y$2({ props: r2, attrs: t2, slots: e2, slot: o2, name: i2 }) {
40
40
  var m2, h2;
41
- let { as: n2, ...l2 } = T$1(r2, ["unmount", "static"]), a2 = (m2 = e2.default) == null ? void 0 : m2.call(e2, o2), d2 = {};
41
+ let { as: n2, ...l2 } = T$2(r2, ["unmount", "static"]), a2 = (m2 = e2.default) == null ? void 0 : m2.call(e2, o2), d2 = {};
42
42
  if (o2) {
43
43
  let u2 = false, c2 = [];
44
44
  for (let [p2, f2] of Object.entries(o2))
@@ -49,11 +49,11 @@ function y$1({ props: r2, attrs: t2, slots: e2, slot: o2, name: i2 }) {
49
49
  if (a2 = b$2(a2 != null ? a2 : []), Object.keys(l2).length > 0 || Object.keys(t2).length > 0) {
50
50
  let [u2, ...c2] = a2 != null ? a2 : [];
51
51
  if (!v$1(u2) || c2.length > 0)
52
- throw new Error(['Passing props on "template"!', "", `The current component <${i2} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(l2).concat(Object.keys(t2)).map((s2) => s2.trim()).filter((s2, g2, R) => R.indexOf(s2) === g2).sort((s2, g2) => s2.localeCompare(g2)).map((s2) => ` - ${s2}`).join(`
52
+ throw new Error(['Passing props on "template"!', "", `The current component <${i2} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(l2).concat(Object.keys(t2)).map((s2) => s2.trim()).filter((s2, g, R) => R.indexOf(s2) === g).sort((s2, g) => s2.localeCompare(g)).map((s2) => ` - ${s2}`).join(`
53
53
  `), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".', "Render a single element as the child so that we can forward the props onto that element."].map((s2) => ` - ${s2}`).join(`
54
54
  `)].join(`
55
55
  `));
56
- let p2 = j$2((h2 = u2.props) != null ? h2 : {}, l2), f2 = cloneVNode(u2, p2);
56
+ let p2 = j$1((h2 = u2.props) != null ? h2 : {}, l2), f2 = cloneVNode(u2, p2);
57
57
  for (let s2 in p2)
58
58
  s2.startsWith("on") && (f2.props || (f2.props = {}), f2.props[s2] = p2[s2]);
59
59
  return f2;
@@ -65,7 +65,7 @@ function y$1({ props: r2, attrs: t2, slots: e2, slot: o2, name: i2 }) {
65
65
  function b$2(r2) {
66
66
  return r2.flatMap((t2) => t2.type === Fragment ? b$2(t2.children) : [t2]);
67
67
  }
68
- function j$2(...r2) {
68
+ function j$1(...r2) {
69
69
  if (r2.length === 0)
70
70
  return {};
71
71
  if (r2.length === 1)
@@ -87,7 +87,7 @@ function j$2(...r2) {
87
87
  } });
88
88
  return t2;
89
89
  }
90
- function T$1(r2, t2 = []) {
90
+ function T$2(r2, t2 = []) {
91
91
  let e2 = Object.assign({}, r2);
92
92
  for (let o2 of t2)
93
93
  o2 in e2 && delete e2[o2];
@@ -103,20 +103,20 @@ function n$3() {
103
103
  function t$4() {
104
104
  return n$3();
105
105
  }
106
- var o$1 = ((r2) => (r2.Space = " ", r2.Enter = "Enter", r2.Escape = "Escape", r2.Backspace = "Backspace", r2.Delete = "Delete", r2.ArrowLeft = "ArrowLeft", r2.ArrowUp = "ArrowUp", r2.ArrowRight = "ArrowRight", r2.ArrowDown = "ArrowDown", r2.Home = "Home", r2.End = "End", r2.PageUp = "PageUp", r2.PageDown = "PageDown", r2.Tab = "Tab", r2))(o$1 || {});
107
- function o(n2) {
106
+ var o$2 = ((r2) => (r2.Space = " ", r2.Enter = "Enter", r2.Escape = "Escape", r2.Backspace = "Backspace", r2.Delete = "Delete", r2.ArrowLeft = "ArrowLeft", r2.ArrowUp = "ArrowUp", r2.ArrowRight = "ArrowRight", r2.ArrowDown = "ArrowDown", r2.Home = "Home", r2.End = "End", r2.PageUp = "PageUp", r2.PageDown = "PageDown", r2.Tab = "Tab", r2))(o$2 || {});
107
+ function o$1(n2) {
108
108
  var l2;
109
109
  return n2 == null || n2.value == null ? null : (l2 = n2.value.$el) != null ? l2 : n2.value;
110
110
  }
111
111
  let n$2 = Symbol("Context");
112
112
  var l$1 = ((e2) => (e2[e2.Open = 1] = "Open", e2[e2.Closed = 2] = "Closed", e2[e2.Closing = 4] = "Closing", e2[e2.Opening = 8] = "Opening", e2))(l$1 || {});
113
- function p$4() {
113
+ function p$3() {
114
114
  return inject(n$2, null);
115
115
  }
116
116
  function c$3(o2) {
117
117
  provide(n$2, o2);
118
118
  }
119
- function r$1(t2, e2) {
119
+ function r(t2, e2) {
120
120
  if (t2)
121
121
  return t2;
122
122
  let n2 = e2 != null ? e2 : "button";
@@ -124,12 +124,12 @@ function r$1(t2, e2) {
124
124
  return "button";
125
125
  }
126
126
  function b$1(t2, e2) {
127
- let n2 = ref(r$1(t2.value.type, t2.value.as));
127
+ let n2 = ref(r(t2.value.type, t2.value.as));
128
128
  return onMounted(() => {
129
- n2.value = r$1(t2.value.type, t2.value.as);
129
+ n2.value = r(t2.value.type, t2.value.as);
130
130
  }), watchEffect(() => {
131
- var o$12;
132
- n2.value || o(e2) && o(e2) instanceof HTMLButtonElement && !((o$12 = o(e2)) != null && o$12.hasAttribute("type")) && (n2.value = "button");
131
+ var o2;
132
+ n2.value || o$1(e2) && o$1(e2) instanceof HTMLButtonElement && !((o2 = o$1(e2)) != null && o2.hasAttribute("type")) && (n2.value = "button");
133
133
  }), n2;
134
134
  }
135
135
  var i$1 = Object.defineProperty;
@@ -166,19 +166,19 @@ function m$2(r2) {
166
166
  if (r2 instanceof Node)
167
167
  return r2.ownerDocument;
168
168
  if (r2 != null && r2.hasOwnProperty("value")) {
169
- let n2 = o(r2);
169
+ let n2 = o$1(r2);
170
170
  if (n2)
171
171
  return n2.ownerDocument;
172
172
  }
173
173
  return document;
174
174
  }
175
175
  let c$1 = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e2) => `${e2}:not([tabindex='-1'])`).join(",");
176
- var N$1 = ((n2) => (n2[n2.First = 1] = "First", n2[n2.Previous = 2] = "Previous", n2[n2.Next = 4] = "Next", n2[n2.Last = 8] = "Last", n2[n2.WrapAround = 16] = "WrapAround", n2[n2.NoScroll = 32] = "NoScroll", n2))(N$1 || {}), T = ((o2) => (o2[o2.Error = 0] = "Error", o2[o2.Overflow = 1] = "Overflow", o2[o2.Success = 2] = "Success", o2[o2.Underflow = 3] = "Underflow", o2))(T || {}), F$2 = ((t2) => (t2[t2.Previous = -1] = "Previous", t2[t2.Next = 1] = "Next", t2))(F$2 || {});
176
+ var N$1 = ((n2) => (n2[n2.First = 1] = "First", n2[n2.Previous = 2] = "Previous", n2[n2.Next = 4] = "Next", n2[n2.Last = 8] = "Last", n2[n2.WrapAround = 16] = "WrapAround", n2[n2.NoScroll = 32] = "NoScroll", n2))(N$1 || {}), T$1 = ((o2) => (o2[o2.Error = 0] = "Error", o2[o2.Overflow = 1] = "Overflow", o2[o2.Success = 2] = "Success", o2[o2.Underflow = 3] = "Underflow", o2))(T$1 || {}), F$1 = ((t2) => (t2[t2.Previous = -1] = "Previous", t2[t2.Next = 1] = "Next", t2))(F$1 || {});
177
177
  function E$4(e2 = document.body) {
178
178
  return e2 == null ? [] : Array.from(e2.querySelectorAll(c$1)).sort((r2, t2) => Math.sign((r2.tabIndex || Number.MAX_SAFE_INTEGER) - (t2.tabIndex || Number.MAX_SAFE_INTEGER)));
179
179
  }
180
180
  var h$1 = ((t2) => (t2[t2.Strict = 0] = "Strict", t2[t2.Loose = 1] = "Loose", t2))(h$1 || {});
181
- function w$1(e2, r2 = 0) {
181
+ function w$2(e2, r2 = 0) {
182
182
  var t2;
183
183
  return e2 === ((t2 = m$2(e2)) == null ? void 0 : t2.body) ? false : u$3(r2, { [0]() {
184
184
  return e2.matches(c$1);
@@ -192,7 +192,7 @@ function w$1(e2, r2 = 0) {
192
192
  return false;
193
193
  } });
194
194
  }
195
- var y = ((t2) => (t2[t2.Keyboard = 0] = "Keyboard", t2[t2.Mouse = 1] = "Mouse", t2))(y || {});
195
+ var y$1 = ((t2) => (t2[t2.Keyboard = 0] = "Keyboard", t2[t2.Mouse = 1] = "Mouse", t2))(y$1 || {});
196
196
  typeof window != "undefined" && typeof document != "undefined" && (document.addEventListener("keydown", (e2) => {
197
197
  e2.metaKey || e2.altKey || e2.ctrlKey || (document.documentElement.dataset.headlessuiFocusVisible = "");
198
198
  }, true), document.addEventListener("click", (e2) => {
@@ -206,7 +206,7 @@ function I(e2) {
206
206
  var r2, t2;
207
207
  return (t2 = (r2 = e2 == null ? void 0 : e2.matches) == null ? void 0 : r2.call(e2, H)) != null ? t2 : false;
208
208
  }
209
- function O(e2, r2 = (t2) => t2) {
209
+ function O$1(e2, r2 = (t2) => t2) {
210
210
  return e2.slice().sort((t2, l2) => {
211
211
  let o2 = r2(t2), i2 = r2(l2);
212
212
  if (o2 === null || i2 === null)
@@ -217,7 +217,7 @@ function O(e2, r2 = (t2) => t2) {
217
217
  }
218
218
  function P$1(e2, r2, { sorted: t2 = true, relativeTo: l2 = null, skipElements: o2 = [] } = {}) {
219
219
  var m2;
220
- let i2 = (m2 = Array.isArray(e2) ? e2.length > 0 ? e2[0].ownerDocument : document : e2 == null ? void 0 : e2.ownerDocument) != null ? m2 : document, n2 = Array.isArray(e2) ? t2 ? O(e2) : e2 : E$4(e2);
220
+ let i2 = (m2 = Array.isArray(e2) ? e2.length > 0 ? e2[0].ownerDocument : document : e2 == null ? void 0 : e2.ownerDocument) != null ? m2 : document, n2 = Array.isArray(e2) ? t2 ? O$1(e2) : e2 : E$4(e2);
221
221
  o2.length > 0 && n2.length > 1 && (n2 = n2.filter((s2) => !o2.includes(s2))), l2 = l2 != null ? l2 : i2.activeElement;
222
222
  let x2 = (() => {
223
223
  if (r2 & 5)
@@ -257,37 +257,40 @@ function u$2(e2, t2, n2) {
257
257
  document.addEventListener(e2, t2, n2), o2(() => document.removeEventListener(e2, t2, n2));
258
258
  });
259
259
  }
260
- function w(e2, n2, t2) {
260
+ function w$1(e2, n2, t2) {
261
261
  c$2.isServer || watchEffect((o2) => {
262
262
  window.addEventListener(e2, n2, t2), o2(() => window.removeEventListener(e2, n2, t2));
263
263
  });
264
264
  }
265
- function F$1(f2, m2, l2 = computed(() => true)) {
266
- function i2(e2, u2) {
267
- if (!l2.value || e2.defaultPrevented)
265
+ function y(f2, c2, i2 = computed(() => true)) {
266
+ function a2(e2, r2) {
267
+ if (!i2.value || e2.defaultPrevented)
268
268
  return;
269
- let n2 = u2(e2);
270
- if (n2 === null || !n2.getRootNode().contains(n2))
269
+ let t2 = r2(e2);
270
+ if (t2 === null || !t2.getRootNode().contains(t2))
271
271
  return;
272
- let c2 = function o2(t2) {
273
- return typeof t2 == "function" ? o2(t2()) : Array.isArray(t2) || t2 instanceof Set ? t2 : [t2];
272
+ let m2 = function o2(n2) {
273
+ return typeof n2 == "function" ? o2(n2()) : Array.isArray(n2) || n2 instanceof Set ? n2 : [n2];
274
274
  }(f2);
275
- for (let o$12 of c2) {
276
- if (o$12 === null)
275
+ for (let o2 of m2) {
276
+ if (o2 === null)
277
277
  continue;
278
- let t2 = o$12 instanceof HTMLElement ? o$12 : o(o$12);
279
- if (t2 != null && t2.contains(n2) || e2.composed && e2.composedPath().includes(t2))
278
+ let n2 = o2 instanceof HTMLElement ? o2 : o$1(o2);
279
+ if (n2 != null && n2.contains(t2) || e2.composed && e2.composedPath().includes(n2))
280
280
  return;
281
281
  }
282
- return !w$1(n2, h$1.Loose) && n2.tabIndex !== -1 && e2.preventDefault(), m2(e2, n2);
282
+ return !w$2(t2, h$1.Loose) && t2.tabIndex !== -1 && e2.preventDefault(), c2(e2, t2);
283
283
  }
284
- let r2 = ref(null);
285
- u$2("mousedown", (e2) => {
286
- var u2, n2;
287
- l2.value && (r2.value = ((n2 = (u2 = e2.composedPath) == null ? void 0 : u2.call(e2)) == null ? void 0 : n2[0]) || e2.target);
284
+ let u2 = ref(null);
285
+ u$2("pointerdown", (e2) => {
286
+ var r2, t2;
287
+ i2.value && (u2.value = ((t2 = (r2 = e2.composedPath) == null ? void 0 : r2.call(e2)) == null ? void 0 : t2[0]) || e2.target);
288
+ }, true), u$2("mousedown", (e2) => {
289
+ var r2, t2;
290
+ i2.value && (u2.value = ((t2 = (r2 = e2.composedPath) == null ? void 0 : r2.call(e2)) == null ? void 0 : t2[0]) || e2.target);
288
291
  }, true), u$2("click", (e2) => {
289
- r2.value && (i2(e2, () => r2.value), r2.value = null);
290
- }, true), w("blur", (e2) => i2(e2, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), true);
292
+ u2.value && (a2(e2, () => u2.value), u2.value = null);
293
+ }, true), u$2("touchend", (e2) => a2(e2, () => e2.target instanceof HTMLElement ? e2.target : null), true), w$1("blur", (e2) => a2(e2, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), true);
291
294
  }
292
295
  var a$2 = ((e2) => (e2[e2.None = 1] = "None", e2[e2.Focusable = 2] = "Focusable", e2[e2.Hidden = 4] = "Hidden", e2))(a$2 || {});
293
296
  let f$1 = defineComponent({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(r2, { slots: t2, attrs: d2 }) {
@@ -299,9 +302,14 @@ let f$1 = defineComponent({ name: "Hidden", props: { as: { type: [Object, String
299
302
  function t$3() {
300
303
  return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
301
304
  }
302
- function r() {
303
- let n2 = [], s2 = { addEventListener(e2, t2, i2, a2) {
304
- return e2.addEventListener(t2, i2, a2), s2.add(() => e2.removeEventListener(t2, i2, a2));
305
+ function t$2(e2) {
306
+ typeof queueMicrotask == "function" ? queueMicrotask(e2) : Promise.resolve().then(e2).catch((o2) => setTimeout(() => {
307
+ throw o2;
308
+ }));
309
+ }
310
+ function o() {
311
+ let a2 = [], s2 = { addEventListener(e2, t2, r2, i2) {
312
+ return e2.addEventListener(t2, r2, i2), s2.add(() => e2.removeEventListener(t2, r2, i2));
305
313
  }, requestAnimationFrame(...e2) {
306
314
  let t2 = requestAnimationFrame(...e2);
307
315
  s2.add(() => cancelAnimationFrame(t2));
@@ -312,23 +320,30 @@ function r() {
312
320
  }, setTimeout(...e2) {
313
321
  let t2 = setTimeout(...e2);
314
322
  s2.add(() => clearTimeout(t2));
315
- }, style(e2, t2, i2) {
316
- let a2 = e2.style.getPropertyValue(t2);
317
- return Object.assign(e2.style, { [t2]: i2 }), this.add(() => {
318
- Object.assign(e2.style, { [t2]: a2 });
323
+ }, microTask(...e2) {
324
+ let t2 = { current: true };
325
+ return t$2(() => {
326
+ t2.current && e2[0]();
327
+ }), s2.add(() => {
328
+ t2.current = false;
329
+ });
330
+ }, style(e2, t2, r2) {
331
+ let i2 = e2.style.getPropertyValue(t2);
332
+ return Object.assign(e2.style, { [t2]: r2 }), this.add(() => {
333
+ Object.assign(e2.style, { [t2]: i2 });
319
334
  });
320
335
  }, group(e2) {
321
- let t2 = r();
336
+ let t2 = o();
322
337
  return e2(t2), this.add(() => t2.dispose());
323
338
  }, add(e2) {
324
- return n2.push(e2), () => {
325
- let t2 = n2.indexOf(e2);
339
+ return a2.push(e2), () => {
340
+ let t2 = a2.indexOf(e2);
326
341
  if (t2 >= 0)
327
- for (let i2 of n2.splice(t2, 1))
328
- i2();
342
+ for (let r2 of a2.splice(t2, 1))
343
+ r2();
329
344
  };
330
345
  }, dispose() {
331
- for (let e2 of n2.splice(0))
346
+ for (let e2 of a2.splice(0))
332
347
  e2();
333
348
  } };
334
349
  return s2;
@@ -336,7 +351,7 @@ function r() {
336
351
  var d$2 = ((r2) => (r2[r2.Forwards = 0] = "Forwards", r2[r2.Backwards = 1] = "Backwards", r2))(d$2 || {});
337
352
  function n() {
338
353
  let o2 = ref(0);
339
- return w("keydown", (e2) => {
354
+ return w$1("keydown", (e2) => {
340
355
  e2.key === "Tab" && (o2.value = e2.shiftKey ? 1 : 0);
341
356
  }), o2;
342
357
  }
@@ -345,43 +360,38 @@ function E$3(n2, e2, o2, r2) {
345
360
  n2 = n2 != null ? n2 : window, n2.addEventListener(e2, o2, r2), t2(() => n2.removeEventListener(e2, o2, r2));
346
361
  });
347
362
  }
348
- function t$2(e2) {
349
- typeof queueMicrotask == "function" ? queueMicrotask(e2) : Promise.resolve().then(e2).catch((o2) => setTimeout(() => {
350
- throw o2;
351
- }));
352
- }
353
363
  function t$1(n2) {
354
364
  function e2() {
355
365
  document.readyState !== "loading" && (n2(), document.removeEventListener("DOMContentLoaded", e2));
356
366
  }
357
367
  typeof window != "undefined" && typeof document != "undefined" && (document.addEventListener("DOMContentLoaded", e2), e2());
358
368
  }
359
- function B$1(e2) {
369
+ function B(e2) {
360
370
  if (!e2)
361
371
  return /* @__PURE__ */ new Set();
362
372
  if (typeof e2 == "function")
363
373
  return new Set(e2());
364
374
  let t2 = /* @__PURE__ */ new Set();
365
375
  for (let l2 of e2.value) {
366
- let o$12 = o(l2);
367
- o$12 instanceof HTMLElement && t2.add(o$12);
376
+ let o2 = o$1(l2);
377
+ o2 instanceof HTMLElement && t2.add(o2);
368
378
  }
369
379
  return t2;
370
380
  }
371
381
  var A = ((n2) => (n2[n2.None = 1] = "None", n2[n2.InitialFocus = 2] = "InitialFocus", n2[n2.TabLock = 4] = "TabLock", n2[n2.FocusLock = 8] = "FocusLock", n2[n2.RestoreFocus = 16] = "RestoreFocus", n2[n2.All = 30] = "All", n2))(A || {});
372
- let ce = Object.assign(defineComponent({ name: "FocusTrap", props: { as: { type: [Object, String], default: "div" }, initialFocus: { type: Object, default: null }, features: { type: Number, default: 30 }, containers: { type: [Object, Function], default: ref(/* @__PURE__ */ new Set()) } }, inheritAttrs: false, setup(e2, { attrs: t2, slots: l2, expose: o$12 }) {
382
+ let ce = Object.assign(defineComponent({ name: "FocusTrap", props: { as: { type: [Object, String], default: "div" }, initialFocus: { type: Object, default: null }, features: { type: Number, default: 30 }, containers: { type: [Object, Function], default: ref(/* @__PURE__ */ new Set()) } }, inheritAttrs: false, setup(e2, { attrs: t2, slots: l2, expose: o2 }) {
373
383
  let r2 = ref(null);
374
- o$12({ el: r2, $el: r2 });
384
+ o2({ el: r2, $el: r2 });
375
385
  let i2 = computed(() => m$2(r2)), n$12 = ref(false);
376
386
  onMounted(() => n$12.value = true), onUnmounted(() => n$12.value = false), z({ ownerDocument: i2 }, computed(() => n$12.value && Boolean(e2.features & 16)));
377
387
  let m2 = J({ ownerDocument: i2, container: r2, initialFocus: computed(() => e2.initialFocus) }, computed(() => n$12.value && Boolean(e2.features & 2)));
378
- Q$1({ ownerDocument: i2, container: r2, containers: e2.containers, previousActiveElement: m2 }, computed(() => n$12.value && Boolean(e2.features & 8)));
388
+ Q({ ownerDocument: i2, container: r2, containers: e2.containers, previousActiveElement: m2 }, computed(() => n$12.value && Boolean(e2.features & 8)));
379
389
  let c2 = n();
380
390
  function u2(a2) {
381
- let d2 = o(r2);
391
+ let d2 = o$1(r2);
382
392
  if (!d2)
383
393
  return;
384
- ((g2) => g2())(() => {
394
+ ((g) => g())(() => {
385
395
  u$3(c2.value, { [d$2.Forwards]: () => {
386
396
  P$1(d2, N$1.First, { skipElements: [a2.relatedTarget] });
387
397
  }, [d$2.Backwards]: () => {
@@ -398,13 +408,13 @@ let ce = Object.assign(defineComponent({ name: "FocusTrap", props: { as: { type:
398
408
  function M2(a2) {
399
409
  if (!n$12.value)
400
410
  return;
401
- let d2 = B$1(e2.containers);
402
- o(r2) instanceof HTMLElement && d2.add(o(r2));
411
+ let d2 = B(e2.containers);
412
+ o$1(r2) instanceof HTMLElement && d2.add(o$1(r2));
403
413
  let E2 = a2.relatedTarget;
404
- E2 instanceof HTMLElement && E2.dataset.headlessuiFocusGuard !== "true" && (N(d2, E2) || (s2.value ? P$1(o(r2), u$3(c2.value, { [d$2.Forwards]: () => N$1.Next, [d$2.Backwards]: () => N$1.Previous }) | N$1.WrapAround, { relativeTo: a2.target }) : a2.target instanceof HTMLElement && S$1(a2.target)));
414
+ E2 instanceof HTMLElement && E2.dataset.headlessuiFocusGuard !== "true" && (N(d2, E2) || (s2.value ? P$1(o$1(r2), u$3(c2.value, { [d$2.Forwards]: () => N$1.Next, [d$2.Backwards]: () => N$1.Previous }) | N$1.WrapAround, { relativeTo: a2.target }) : a2.target instanceof HTMLElement && S$1(a2.target)));
405
415
  }
406
416
  return () => {
407
- let a2 = {}, d2 = { ref: r2, onKeydown: H2, onFocusout: M2 }, { features: E2, initialFocus: g2, containers: X2, ...O2 } = e2;
417
+ let a2 = {}, d2 = { ref: r2, onKeydown: H2, onFocusout: M2 }, { features: E2, initialFocus: g, containers: X2, ...O2 } = e2;
408
418
  return h$2(Fragment, [Boolean(E2 & 4) && h$2(f$1, { as: "button", type: "button", "data-headlessui-focus-guard": true, onFocus: u2, features: a$2.Focusable }), H$1({ ourProps: d2, theirProps: { ...t2, ...O2 }, slot: a2, attrs: t2, slots: l2, name: "FocusTrap" }), Boolean(E2 & 4) && h$2(f$1, { as: "button", type: "button", "data-headlessui-focus-guard": true, onFocus: u2, features: a$2.Focusable })]);
409
419
  };
410
420
  } }), { features: A }), L = [];
@@ -414,7 +424,7 @@ t$1(() => {
414
424
  }
415
425
  window.addEventListener("click", e2, { capture: true }), window.addEventListener("mousedown", e2, { capture: true }), window.addEventListener("focus", e2, { capture: true }), document.body.addEventListener("click", e2, { capture: true }), document.body.addEventListener("mousedown", e2, { capture: true }), document.body.addEventListener("focus", e2, { capture: true });
416
426
  });
417
- function x$1(e2) {
427
+ function x(e2) {
418
428
  let t2 = ref(L.slice());
419
429
  return watch([e2], ([l2], [o2]) => {
420
430
  o2 === true && l2 === false ? t$2(() => {
@@ -426,7 +436,7 @@ function x$1(e2) {
426
436
  };
427
437
  }
428
438
  function z({ ownerDocument: e2 }, t2) {
429
- let l2 = x$1(t2);
439
+ let l2 = x(t2);
430
440
  onMounted(() => {
431
441
  watchEffect(() => {
432
442
  var o2, r2;
@@ -436,18 +446,18 @@ function z({ ownerDocument: e2 }, t2) {
436
446
  t2.value && S$1(l2());
437
447
  });
438
448
  }
439
- function J({ ownerDocument: e2, container: t2, initialFocus: l2 }, o$12) {
449
+ function J({ ownerDocument: e2, container: t2, initialFocus: l2 }, o2) {
440
450
  let r2 = ref(null), i2 = ref(false);
441
451
  return onMounted(() => i2.value = true), onUnmounted(() => i2.value = false), onMounted(() => {
442
- watch([t2, l2, o$12], (n2, m2) => {
443
- if (n2.every((u2, s2) => (m2 == null ? void 0 : m2[s2]) === u2) || !o$12.value)
452
+ watch([t2, l2, o2], (n2, m2) => {
453
+ if (n2.every((u2, s2) => (m2 == null ? void 0 : m2[s2]) === u2) || !o2.value)
444
454
  return;
445
- let c2 = o(t2);
455
+ let c2 = o$1(t2);
446
456
  c2 && t$2(() => {
447
457
  var H2, M2;
448
458
  if (!i2.value)
449
459
  return;
450
- let u2 = o(l2), s2 = (H2 = e2.value) == null ? void 0 : H2.activeElement;
460
+ let u2 = o$1(l2), s2 = (H2 = e2.value) == null ? void 0 : H2.activeElement;
451
461
  if (u2) {
452
462
  if (u2 === s2) {
453
463
  r2.value = s2;
@@ -457,23 +467,23 @@ function J({ ownerDocument: e2, container: t2, initialFocus: l2 }, o$12) {
457
467
  r2.value = s2;
458
468
  return;
459
469
  }
460
- u2 ? S$1(u2) : P$1(c2, N$1.First | N$1.NoScroll) === T.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), r2.value = (M2 = e2.value) == null ? void 0 : M2.activeElement;
470
+ u2 ? S$1(u2) : P$1(c2, N$1.First | N$1.NoScroll) === T$1.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), r2.value = (M2 = e2.value) == null ? void 0 : M2.activeElement;
461
471
  });
462
472
  }, { immediate: true, flush: "post" });
463
473
  }), r2;
464
474
  }
465
- function Q$1({ ownerDocument: e2, container: t2, containers: l2, previousActiveElement: o$12 }, r2) {
475
+ function Q({ ownerDocument: e2, container: t2, containers: l2, previousActiveElement: o2 }, r2) {
466
476
  var i2;
467
477
  E$3((i2 = e2.value) == null ? void 0 : i2.defaultView, "focus", (n2) => {
468
478
  if (!r2.value)
469
479
  return;
470
- let m2 = B$1(l2);
471
- o(t2) instanceof HTMLElement && m2.add(o(t2));
472
- let c2 = o$12.value;
480
+ let m2 = B(l2);
481
+ o$1(t2) instanceof HTMLElement && m2.add(o$1(t2));
482
+ let c2 = o2.value;
473
483
  if (!c2)
474
484
  return;
475
485
  let u2 = n2.target;
476
- u2 && u2 instanceof HTMLElement ? N(m2, u2) ? (o$12.value = u2, S$1(u2)) : (n2.preventDefault(), n2.stopPropagation(), S$1(c2)) : S$1(o$12.value);
486
+ u2 && u2 instanceof HTMLElement ? N(m2, u2) ? (o2.value = u2, S$1(u2)) : (n2.preventDefault(), n2.stopPropagation(), S$1(c2)) : S$1(o2.value);
477
487
  }, true);
478
488
  }
479
489
  function N(e2, t2) {
@@ -484,14 +494,14 @@ function N(e2, t2) {
484
494
  }
485
495
  let i = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map();
486
496
  function E$2(d2, f2 = ref(true)) {
487
- watchEffect((o$12) => {
497
+ watchEffect((o2) => {
488
498
  var a2;
489
499
  if (!f2.value)
490
500
  return;
491
- let e2 = o(d2);
501
+ let e2 = o$1(d2);
492
502
  if (!e2)
493
503
  return;
494
- o$12(function() {
504
+ o2(function() {
495
505
  var u2;
496
506
  if (!e2)
497
507
  return;
@@ -528,24 +538,24 @@ function E$1(t2) {
528
538
  let r2 = e2.createElement("div");
529
539
  return r2.setAttribute("id", "headlessui-portal-root"), e2.body.appendChild(r2);
530
540
  }
531
- let U$1 = defineComponent({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(t2, { slots: e2, attrs: u2 }) {
532
- let r2 = ref(null), i2 = computed(() => m$2(r2)), l2 = u$1(), n2 = inject(h, null), o$12 = ref(l2 === true || n2 == null ? E$1(r2.value) : n2.resolveTarget());
541
+ let U$2 = defineComponent({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(t2, { slots: e2, attrs: u2 }) {
542
+ let r2 = ref(null), i2 = computed(() => m$2(r2)), l2 = u$1(), n2 = inject(h, null), o2 = ref(l2 === true || n2 == null ? E$1(r2.value) : n2.resolveTarget());
533
543
  watchEffect(() => {
534
- l2 || n2 != null && (o$12.value = n2.resolveTarget());
544
+ l2 || n2 != null && (o2.value = n2.resolveTarget());
535
545
  });
536
546
  let d2 = inject(f, null);
537
547
  return onMounted(() => {
538
- let a2 = o(r2);
548
+ let a2 = o$1(r2);
539
549
  a2 && d2 && onUnmounted(d2.register(a2));
540
550
  }), onUnmounted(() => {
541
551
  var v2, P2;
542
552
  let a2 = (v2 = i2.value) == null ? void 0 : v2.getElementById("headlessui-portal-root");
543
- a2 && o$12.value === a2 && o$12.value.children.length <= 0 && ((P2 = o$12.value.parentElement) == null || P2.removeChild(o$12.value));
553
+ a2 && o2.value === a2 && o2.value.children.length <= 0 && ((P2 = o2.value.parentElement) == null || P2.removeChild(o2.value));
544
554
  }), () => {
545
- if (o$12.value === null)
555
+ if (o2.value === null)
546
556
  return null;
547
557
  let a2 = { ref: r2, "data-headlessui-portal": "" };
548
- return h$2(Teleport, { to: o$12.value }, H$1({ ourProps: a2, theirProps: t2, slot: {}, attrs: u2, slots: e2, name: "Portal" }));
558
+ return h$2(Teleport, { to: o2.value }, H$1({ ourProps: a2, theirProps: t2, slot: {}, attrs: u2, slots: e2, name: "Portal" }));
549
559
  };
550
560
  } }), f = Symbol("PortalParentContext");
551
561
  function V$1() {
@@ -575,7 +585,7 @@ let h = Symbol("PortalGroupContext"), _ = defineComponent({ name: "PortalGroup",
575
585
  };
576
586
  } });
577
587
  let u = Symbol("StackContext");
578
- var p$3 = ((e2) => (e2[e2.Add = 0] = "Add", e2[e2.Remove = 1] = "Remove", e2))(p$3 || {});
588
+ var p$2 = ((e2) => (e2[e2.Add = 0] = "Add", e2[e2.Remove = 1] = "Remove", e2))(p$2 || {});
579
589
  function v() {
580
590
  return inject(u, () => {
581
591
  });
@@ -593,9 +603,9 @@ function S({ type: o2, enabled: r2, element: e2, onUpdate: i2 }) {
593
603
  r2.value && t2(1, o2, e2);
594
604
  }), provide(u, t2);
595
605
  }
596
- let p$2 = Symbol("DescriptionContext");
606
+ let p$1 = Symbol("DescriptionContext");
597
607
  function b() {
598
- let t2 = inject(p$2, null);
608
+ let t2 = inject(p$1, null);
599
609
  if (t2 === null)
600
610
  throw new Error("Missing parent");
601
611
  return t2;
@@ -608,12 +618,12 @@ function M$1({ slot: t2 = ref({}), name: i2 = "Description", props: o2 = {} } =
608
618
  r2 !== -1 && e2.value.splice(r2, 1);
609
619
  };
610
620
  }
611
- return provide(p$2, { register: s2, slot: t2, name: i2, props: o2 }), computed(() => e2.value.length > 0 ? e2.value.join(" ") : void 0);
621
+ return provide(p$1, { register: s2, slot: t2, name: i2, props: o2 }), computed(() => e2.value.length > 0 ? e2.value.join(" ") : void 0);
612
622
  }
613
623
  let E = defineComponent({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: () => `headlessui-description-${t$4()}` } }, setup(t2, { attrs: i2, slots: o2 }) {
614
624
  let e2 = b();
615
625
  return onMounted(() => onUnmounted(e2.register(t2.id))), () => {
616
- let { name: s2 = "Description", slot: n2 = ref({}), props: r2 = {} } = e2, { id: d2, ...l2 } = t2, c2 = { ...Object.entries(r2).reduce((f2, [a2, g2]) => Object.assign(f2, { [a2]: unref(g2) }), {}), id: d2 };
626
+ let { name: s2 = "Description", slot: n2 = ref({}), props: r2 = {} } = e2, { id: d2, ...l2 } = t2, c2 = { ...Object.entries(r2).reduce((f2, [a2, g]) => Object.assign(f2, { [a2]: unref(g) }), {}), id: d2 };
617
627
  return H$1({ ourProps: c2, theirProps: l2, slot: n2.value, attrs: i2, slots: o2, name: s2 });
618
628
  };
619
629
  } });
@@ -645,32 +655,36 @@ function c() {
645
655
  n2.style(t2, "paddingRight", `${r2}px`);
646
656
  } };
647
657
  }
648
- function p$1() {
658
+ function w() {
649
659
  if (!t$3())
650
660
  return {};
651
- let o2;
661
+ let r2;
652
662
  return { before() {
653
- o2 = window.pageYOffset;
654
- }, after({ doc: r2, d: l2, meta: s2 }) {
663
+ r2 = window.pageYOffset;
664
+ }, after({ doc: n2, d: o$12, meta: s2 }) {
655
665
  function i2(e2) {
656
666
  return s2.containers.flatMap((t2) => t2()).some((t2) => t2.contains(e2));
657
667
  }
658
- l2.style(r2.body, "marginTop", `-${o2}px`), window.scrollTo(0, 0);
659
- let n2 = null;
660
- l2.addEventListener(r2, "click", (e2) => {
668
+ if (window.getComputedStyle(n2.documentElement).scrollBehavior !== "auto") {
669
+ let e2 = o();
670
+ e2.style(n2.documentElement, "scroll-behavior", "auto"), o$12.add(() => o$12.microTask(() => e2.dispose()));
671
+ }
672
+ o$12.style(n2.body, "marginTop", `-${r2}px`), window.scrollTo(0, 0);
673
+ let l2 = null;
674
+ o$12.addEventListener(n2, "click", (e2) => {
661
675
  if (e2.target instanceof HTMLElement)
662
676
  try {
663
677
  let t2 = e2.target.closest("a");
664
678
  if (!t2)
665
679
  return;
666
- let { hash: c2 } = new URL(t2.href), a2 = r2.querySelector(c2);
667
- a2 && !i2(a2) && (n2 = a2);
680
+ let { hash: c2 } = new URL(t2.href), a2 = n2.querySelector(c2);
681
+ a2 && !i2(a2) && (l2 = a2);
668
682
  } catch {
669
683
  }
670
- }, true), l2.addEventListener(r2, "touchmove", (e2) => {
684
+ }, true), o$12.addEventListener(n2, "touchmove", (e2) => {
671
685
  e2.target instanceof HTMLElement && !i2(e2.target) && e2.preventDefault();
672
- }, { passive: false }), l2.add(() => {
673
- window.scrollTo(0, window.pageYOffset + o2), n2 && n2.isConnected && (n2.scrollIntoView({ block: "nearest" }), n2 = null);
686
+ }, { passive: false }), o$12.add(() => {
687
+ window.scrollTo(0, window.pageYOffset + r2), l2 && l2.isConnected && (l2.scrollIntoView({ block: "nearest" }), l2 = null);
674
688
  });
675
689
  } };
676
690
  }
@@ -686,14 +700,14 @@ function m(e2) {
686
700
  return n2;
687
701
  }
688
702
  let a = a$1(() => /* @__PURE__ */ new Map(), { PUSH(e2, n2) {
689
- var o2;
690
- let t2 = (o2 = this.get(e2)) != null ? o2 : { doc: e2, count: 0, d: r(), meta: /* @__PURE__ */ new Set() };
703
+ var o$12;
704
+ let t2 = (o$12 = this.get(e2)) != null ? o$12 : { doc: e2, count: 0, d: o(), meta: /* @__PURE__ */ new Set() };
691
705
  return t2.count++, t2.meta.add(n2), this.set(e2, t2), this;
692
706
  }, POP(e2, n2) {
693
707
  let t2 = this.get(e2);
694
708
  return t2 && (t2.count--, t2.meta.delete(n2)), this;
695
709
  }, SCROLL_PREVENT({ doc: e2, d: n2, meta: t2 }) {
696
- let o2 = { doc: e2, d: n2, meta: m(t2) }, c$12 = [p$1(), c(), l()];
710
+ let o2 = { doc: e2, d: n2, meta: m(t2) }, c$12 = [w(), c(), l()];
697
711
  c$12.forEach(({ before: r2 }) => r2 == null ? void 0 : r2(o2)), c$12.forEach(({ after: r2 }) => r2 == null ? void 0 : r2(o2));
698
712
  }, SCROLL_ALLOW({ d: e2 }) {
699
713
  e2.dispose();
@@ -724,24 +738,24 @@ function d$1(t2, a$12, n2) {
724
738
  });
725
739
  }, { immediate: true }), l2;
726
740
  }
727
- function p({ defaultContainers: r2 = [], portals: t2 } = {}) {
728
- let o$12 = ref(null), l2 = m$2(o$12);
741
+ function p({ defaultContainers: t2 = [], portals: o2, mainTreeNodeRef: s2 } = {}) {
742
+ let i2 = ref(null), r2 = m$2(i2);
729
743
  function u2() {
730
- var i2;
744
+ var l2;
731
745
  let n2 = [];
732
- for (let e2 of r2)
746
+ for (let e2 of t2)
733
747
  e2 !== null && (e2 instanceof HTMLElement ? n2.push(e2) : "value" in e2 && e2.value instanceof HTMLElement && n2.push(e2.value));
734
- if (t2 != null && t2.value)
735
- for (let e2 of t2.value)
748
+ if (o2 != null && o2.value)
749
+ for (let e2 of o2.value)
736
750
  n2.push(e2);
737
- for (let e2 of (i2 = l2 == null ? void 0 : l2.querySelectorAll("html > *, body > *")) != null ? i2 : [])
738
- e2 !== document.body && e2 !== document.head && e2 instanceof HTMLElement && e2.id !== "headlessui-portal-root" && (e2.contains(o(o$12)) || n2.some((f2) => e2.contains(f2)) || n2.push(e2));
751
+ for (let e2 of (l2 = r2 == null ? void 0 : r2.querySelectorAll("html > *, body > *")) != null ? l2 : [])
752
+ e2 !== document.body && e2 !== document.head && e2 instanceof HTMLElement && e2.id !== "headlessui-portal-root" && (e2.contains(o$1(i2)) || n2.some((c2) => e2.contains(c2)) || n2.push(e2));
739
753
  return n2;
740
754
  }
741
755
  return { resolveContainers: u2, contains(n2) {
742
- return u2().some((i2) => i2.contains(n2));
743
- }, mainTreeNodeRef: o$12, MainTreeNode() {
744
- return h$2(f$1, { features: a$2.Hidden, ref: o$12 });
756
+ return u2().some((l2) => l2.contains(n2));
757
+ }, mainTreeNodeRef: i2, MainTreeNode() {
758
+ return s2 != null ? null : h$2(f$1, { features: a$2.Hidden, ref: i2 });
745
759
  } };
746
760
  }
747
761
  var Oe = ((t2) => (t2[t2.Open = 0] = "Open", t2[t2.Closed = 1] = "Closed", t2))(Oe || {});
@@ -754,46 +768,46 @@ function C(o2) {
754
768
  }
755
769
  return n2;
756
770
  }
757
- let M = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Ue = defineComponent({ name: "Dialog", inheritAttrs: false, props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, open: { type: [Boolean, String], default: M }, initialFocus: { type: Object, default: null }, id: { type: String, default: () => `headlessui-dialog-${t$4()}` } }, emits: { close: (o2) => true }, setup(o$2, { emit: n2, attrs: t2, slots: u2, expose: i2 }) {
771
+ let M = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Ue = defineComponent({ name: "Dialog", inheritAttrs: false, props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, open: { type: [Boolean, String], default: M }, initialFocus: { type: Object, default: null }, id: { type: String, default: () => `headlessui-dialog-${t$4()}` } }, emits: { close: (o2) => true }, setup(o2, { emit: n2, attrs: t2, slots: u2, expose: i2 }) {
758
772
  var N2;
759
773
  let r2 = ref(false);
760
774
  onMounted(() => {
761
775
  r2.value = true;
762
776
  });
763
- let s2 = ref(0), p$12 = p$4(), m2 = computed(() => o$2.open === M && p$12 !== null ? (p$12.value & l$1.Open) === l$1.Open : o$2.open), v2 = ref(null), T2 = computed(() => m$2(v2));
764
- if (i2({ el: v2, $el: v2 }), !(o$2.open !== M || p$12 !== null))
777
+ let s2 = ref(0), p$12 = p$3(), m2 = computed(() => o2.open === M && p$12 !== null ? (p$12.value & l$1.Open) === l$1.Open : o2.open), v2 = ref(null), T2 = computed(() => m$2(v2));
778
+ if (i2({ el: v2, $el: v2 }), !(o2.open !== M || p$12 !== null))
765
779
  throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
766
780
  if (typeof m2.value != "boolean")
767
- throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${m2.value === M ? void 0 : o$2.open}`);
781
+ throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${m2.value === M ? void 0 : o2.open}`);
768
782
  let c2 = computed(() => r2.value && m2.value ? 0 : 1), R = computed(() => c2.value === 0), E2 = computed(() => s2.value > 1), $2 = inject(F, null) !== null, [G, V2] = V$1(), { resolveContainers: x2, mainTreeNodeRef: j2, MainTreeNode: W } = p({ portals: G, defaultContainers: [computed(() => {
769
783
  var e2;
770
- return (e2 = y2.panelRef.value) != null ? e2 : v2.value;
784
+ return (e2 = y$12.panelRef.value) != null ? e2 : v2.value;
771
785
  })] }), J2 = computed(() => E2.value ? "parent" : "leaf"), H2 = computed(() => p$12 !== null ? (p$12.value & l$1.Closing) === l$1.Closing : false), Q2 = computed(() => $2 || H2.value ? false : R.value), X2 = computed(() => {
772
786
  var e2, l2, f2;
773
- return (f2 = Array.from((l2 = (e2 = T2.value) == null ? void 0 : e2.querySelectorAll("body > *")) != null ? l2 : []).find((d2) => d2.id === "headlessui-portal-root" ? false : d2.contains(o(j2)) && d2 instanceof HTMLElement)) != null ? f2 : null;
787
+ return (f2 = Array.from((l2 = (e2 = T2.value) == null ? void 0 : e2.querySelectorAll("body > *")) != null ? l2 : []).find((d2) => d2.id === "headlessui-portal-root" ? false : d2.contains(o$1(j2)) && d2 instanceof HTMLElement)) != null ? f2 : null;
774
788
  });
775
789
  E$2(X2, Q2);
776
790
  let Z = computed(() => E2.value ? true : R.value), ee = computed(() => {
777
791
  var e2, l2, f2;
778
- return (f2 = Array.from((l2 = (e2 = T2.value) == null ? void 0 : e2.querySelectorAll("[data-headlessui-portal]")) != null ? l2 : []).find((d2) => d2.contains(o(j2)) && d2 instanceof HTMLElement)) != null ? f2 : null;
792
+ return (f2 = Array.from((l2 = (e2 = T2.value) == null ? void 0 : e2.querySelectorAll("[data-headlessui-portal]")) != null ? l2 : []).find((d2) => d2.contains(o$1(j2)) && d2 instanceof HTMLElement)) != null ? f2 : null;
779
793
  });
780
794
  E$2(ee, Z), S({ type: "Dialog", enabled: computed(() => c2.value === 0), element: v2, onUpdate: (e2, l2) => {
781
795
  if (l2 === "Dialog")
782
- return u$3(e2, { [p$3.Add]: () => s2.value += 1, [p$3.Remove]: () => s2.value -= 1 });
796
+ return u$3(e2, { [p$2.Add]: () => s2.value += 1, [p$2.Remove]: () => s2.value -= 1 });
783
797
  } });
784
- let te2 = M$1({ name: "DialogDescription", slot: computed(() => ({ open: m2.value })) }), k2 = ref(null), y2 = { titleId: k2, panelRef: ref(null), dialogState: c2, setTitleId(e2) {
798
+ let te2 = M$1({ name: "DialogDescription", slot: computed(() => ({ open: m2.value })) }), k2 = ref(null), y$12 = { titleId: k2, panelRef: ref(null), dialogState: c2, setTitleId(e2) {
785
799
  k2.value !== e2 && (k2.value = e2);
786
800
  }, close() {
787
801
  n2("close", false);
788
802
  } };
789
- provide(F, y2);
803
+ provide(F, y$12);
790
804
  let le2 = computed(() => !(!R.value || E2.value));
791
- F$1(x2, (e2, l2) => {
792
- y2.close(), nextTick(() => l2 == null ? void 0 : l2.focus());
805
+ y(x2, (e2, l2) => {
806
+ y$12.close(), nextTick(() => l2 == null ? void 0 : l2.focus());
793
807
  }, le2);
794
808
  let oe = computed(() => !(E2.value || c2.value !== 0));
795
809
  E$3((N2 = T2.value) == null ? void 0 : N2.defaultView, "keydown", (e2) => {
796
- oe.value && (e2.defaultPrevented || e2.key === o$1.Escape && (e2.preventDefault(), e2.stopPropagation(), y2.close()));
810
+ oe.value && (e2.defaultPrevented || e2.key === o$2.Escape && (e2.preventDefault(), e2.stopPropagation(), y$12.close()));
797
811
  });
798
812
  let re = computed(() => !(H2.value || c2.value !== 0 || $2));
799
813
  return d$1(T2, re, (e2) => {
@@ -802,19 +816,19 @@ let M = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Ue = defineComponent({ name: "Di
802
816
  }), watchEffect((e2) => {
803
817
  if (c2.value !== 0)
804
818
  return;
805
- let l2 = o(v2);
819
+ let l2 = o$1(v2);
806
820
  if (!l2)
807
821
  return;
808
822
  let f2 = new ResizeObserver((d2) => {
809
823
  for (let A2 of d2) {
810
824
  let D = A2.target.getBoundingClientRect();
811
- D.x === 0 && D.y === 0 && D.width === 0 && D.height === 0 && y2.close();
825
+ D.x === 0 && D.y === 0 && D.width === 0 && D.height === 0 && y$12.close();
812
826
  }
813
827
  });
814
828
  f2.observe(l2), e2(() => f2.disconnect());
815
829
  }), () => {
816
- let { id: e2, open: l2, initialFocus: f2, ...d2 } = o$2, A2 = { ...t2, ref: v2, id: e2, role: "dialog", "aria-modal": c2.value === 0 ? true : void 0, "aria-labelledby": k2.value, "aria-describedby": te2.value }, D = { open: c2.value === 0 };
817
- return h$2(P, { force: true }, () => [h$2(U$1, () => h$2(_, { target: v2.value }, () => h$2(P, { force: false }, () => h$2(ce, { initialFocus: f2, containers: x2, features: R.value ? u$3(J2.value, { parent: ce.features.RestoreFocus, leaf: ce.features.All & ~ce.features.FocusLock }) : ce.features.None }, () => h$2(V2, {}, () => H$1({ ourProps: A2, theirProps: { ...d2, ...t2 }, slot: D, attrs: t2, slots: u2, visible: c2.value === 0, features: N$2.RenderStrategy | N$2.Static, name: "Dialog" })))))), h$2(W)]);
830
+ let { id: e2, open: l2, initialFocus: f2, ...d2 } = o2, A2 = { ...t2, ref: v2, id: e2, role: "dialog", "aria-modal": c2.value === 0 ? true : void 0, "aria-labelledby": k2.value, "aria-describedby": te2.value }, D = { open: c2.value === 0 };
831
+ return h$2(P, { force: true }, () => [h$2(U$2, () => h$2(_, { target: v2.value }, () => h$2(P, { force: false }, () => h$2(ce, { initialFocus: f2, containers: x2, features: R.value ? u$3(J2.value, { parent: ce.features.RestoreFocus, leaf: ce.features.All & ~ce.features.FocusLock }) : ce.features.None }, () => h$2(V2, {}, () => H$1({ ourProps: A2, theirProps: { ...d2, ...t2 }, slot: D, attrs: t2, slots: u2, visible: c2.value === 0, features: N$2.RenderStrategy | N$2.Static, name: "Dialog" })))))), h$2(W)]);
818
832
  };
819
833
  } });
820
834
  defineComponent({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-overlay-${t$4()}` } }, setup(o2, { attrs: n2, slots: t2 }) {
@@ -834,7 +848,7 @@ defineComponent({ name: "DialogBackdrop", props: { as: { type: [Object, String],
834
848
  throw new Error("A <DialogBackdrop /> component is being used, but a <DialogPanel /> component is missing.");
835
849
  }), () => {
836
850
  let { id: s2, ...p2 } = o2, m2 = { id: s2, ref: r2, "aria-hidden": true };
837
- return h$2(P, { force: true }, () => h$2(U$1, () => H$1({ ourProps: m2, theirProps: { ...n2, ...p2 }, slot: { open: i2.dialogState.value === 0 }, attrs: n2, slots: t2, name: "DialogBackdrop" })));
851
+ return h$2(P, { force: true }, () => h$2(U$2, () => H$1({ ourProps: m2, theirProps: { ...n2, ...p2 }, slot: { open: i2.dialogState.value === 0 }, attrs: n2, slots: t2, name: "DialogBackdrop" })));
838
852
  };
839
853
  } });
840
854
  let Ge = defineComponent({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-panel-${t$4()}` } }, setup(o2, { attrs: n2, slots: t2, expose: u2 }) {
@@ -856,90 +870,92 @@ let Ge = defineComponent({ name: "DialogPanel", props: { as: { type: [Object, St
856
870
  return H$1({ ourProps: { id: i2 }, theirProps: r2, slot: { open: u2.dialogState.value === 0 }, attrs: n2, slots: t2, name: "DialogTitle" });
857
871
  };
858
872
  } }), We = E;
859
- var j$1 = ((o2) => (o2[o2.Open = 0] = "Open", o2[o2.Closed = 1] = "Closed", o2))(j$1 || {});
860
- let x = Symbol("DisclosureContext");
861
- function g(t2) {
862
- let r2 = inject(x, null);
873
+ var $$1 = ((o2) => (o2[o2.Open = 0] = "Open", o2[o2.Closed = 1] = "Closed", o2))($$1 || {});
874
+ let T = Symbol("DisclosureContext");
875
+ function O(t2) {
876
+ let r2 = inject(T, null);
863
877
  if (r2 === null) {
864
878
  let o2 = new Error(`<${t2} /> is missing a parent <Disclosure /> component.`);
865
- throw Error.captureStackTrace && Error.captureStackTrace(o2, g), o2;
879
+ throw Error.captureStackTrace && Error.captureStackTrace(o2, O), o2;
866
880
  }
867
881
  return r2;
868
882
  }
869
- let B = Symbol("DisclosurePanelContext");
870
- function $$1() {
871
- return inject(B, null);
883
+ let k$1 = Symbol("DisclosurePanelContext");
884
+ function U$1() {
885
+ return inject(k$1, null);
872
886
  }
873
- let Q = defineComponent({ name: "Disclosure", props: { as: { type: [Object, String], default: "template" }, defaultOpen: { type: [Boolean], default: false } }, setup(t2, { slots: r2, attrs: o$12 }) {
874
- let u2 = ref(t2.defaultOpen ? 0 : 1), e2 = ref(null), i2 = ref(null), s2 = { buttonId: ref(null), panelId: ref(null), disclosureState: u2, panel: e2, button: i2, toggleDisclosure() {
875
- u2.value = u$3(u2.value, { [0]: 1, [1]: 0 });
887
+ let V = defineComponent({ name: "Disclosure", props: { as: { type: [Object, String], default: "template" }, defaultOpen: { type: [Boolean], default: false } }, setup(t2, { slots: r2, attrs: o2 }) {
888
+ let s2 = ref(t2.defaultOpen ? 0 : 1), e2 = ref(null), i2 = ref(null), n2 = { buttonId: ref(`headlessui-disclosure-button-${t$4()}`), panelId: ref(`headlessui-disclosure-panel-${t$4()}`), disclosureState: s2, panel: e2, button: i2, toggleDisclosure() {
889
+ s2.value = u$3(s2.value, { [0]: 1, [1]: 0 });
876
890
  }, closeDisclosure() {
877
- u2.value !== 1 && (u2.value = 1);
891
+ s2.value !== 1 && (s2.value = 1);
878
892
  }, close(l2) {
879
- s2.closeDisclosure();
880
- let a2 = (() => l2 ? l2 instanceof HTMLElement ? l2 : l2.value instanceof HTMLElement ? o(l2) : o(s2.button) : o(s2.button))();
893
+ n2.closeDisclosure();
894
+ let a2 = (() => l2 ? l2 instanceof HTMLElement ? l2 : l2.value instanceof HTMLElement ? o$1(l2) : o$1(n2.button) : o$1(n2.button))();
881
895
  a2 == null || a2.focus();
882
896
  } };
883
- return provide(x, s2), c$3(computed(() => u$3(u2.value, { [0]: l$1.Open, [1]: l$1.Closed }))), () => {
884
- let { defaultOpen: l2, ...a2 } = t2, c2 = { open: u2.value === 0, close: s2.close };
885
- return H$1({ theirProps: a2, ourProps: {}, slot: c2, slots: r2, attrs: o$12, name: "Disclosure" });
897
+ return provide(T, n2), c$3(computed(() => u$3(s2.value, { [0]: l$1.Open, [1]: l$1.Closed }))), () => {
898
+ let { defaultOpen: l2, ...a2 } = t2, c2 = { open: s2.value === 0, close: n2.close };
899
+ return H$1({ theirProps: a2, ourProps: {}, slot: c2, slots: r2, attrs: o2, name: "Disclosure" });
886
900
  };
887
- } }), V = defineComponent({ name: "DisclosureButton", props: { as: { type: [Object, String], default: "button" }, disabled: { type: [Boolean], default: false }, id: { type: String, default: () => `headlessui-disclosure-button-${t$4()}` } }, setup(t2, { attrs: r2, slots: o$2, expose: u2 }) {
888
- let e2 = g("DisclosureButton");
901
+ } }), X = defineComponent({ name: "DisclosureButton", props: { as: { type: [Object, String], default: "button" }, disabled: { type: [Boolean], default: false }, id: { type: String, default: null } }, setup(t2, { attrs: r2, slots: o2, expose: s2 }) {
902
+ let e2 = O("DisclosureButton"), i2 = U$1(), n2 = computed(() => i2 === null ? false : i2.value === e2.panelId.value);
889
903
  onMounted(() => {
890
- e2.buttonId.value = t2.id;
904
+ n2.value || t2.id !== null && (e2.buttonId.value = t2.id);
891
905
  }), onUnmounted(() => {
892
- e2.buttonId.value = null;
906
+ n2.value || (e2.buttonId.value = null);
893
907
  });
894
- let i2 = $$1(), s2 = computed(() => i2 === null ? false : i2.value === e2.panelId.value), l2 = ref(null);
895
- u2({ el: l2, $el: l2 }), s2.value || watchEffect(() => {
908
+ let l2 = ref(null);
909
+ s2({ el: l2, $el: l2 }), n2.value || watchEffect(() => {
896
910
  e2.button.value = l2.value;
897
911
  });
898
912
  let a2 = b$1(computed(() => ({ as: t2.as, type: r2.type })), l2);
899
913
  function c2() {
900
- var n2;
901
- t2.disabled || (s2.value ? (e2.toggleDisclosure(), (n2 = o(e2.button)) == null || n2.focus()) : e2.toggleDisclosure());
914
+ var u2;
915
+ t2.disabled || (n2.value ? (e2.toggleDisclosure(), (u2 = o$1(e2.button)) == null || u2.focus()) : e2.toggleDisclosure());
902
916
  }
903
- function D(n2) {
917
+ function D(u2) {
904
918
  var S2;
905
919
  if (!t2.disabled)
906
- if (s2.value)
907
- switch (n2.key) {
908
- case o$1.Space:
909
- case o$1.Enter:
910
- n2.preventDefault(), n2.stopPropagation(), e2.toggleDisclosure(), (S2 = o(e2.button)) == null || S2.focus();
920
+ if (n2.value)
921
+ switch (u2.key) {
922
+ case o$2.Space:
923
+ case o$2.Enter:
924
+ u2.preventDefault(), u2.stopPropagation(), e2.toggleDisclosure(), (S2 = o$1(e2.button)) == null || S2.focus();
911
925
  break;
912
926
  }
913
927
  else
914
- switch (n2.key) {
915
- case o$1.Space:
916
- case o$1.Enter:
917
- n2.preventDefault(), n2.stopPropagation(), e2.toggleDisclosure();
928
+ switch (u2.key) {
929
+ case o$2.Space:
930
+ case o$2.Enter:
931
+ u2.preventDefault(), u2.stopPropagation(), e2.toggleDisclosure();
918
932
  break;
919
933
  }
920
934
  }
921
- function T2(n2) {
922
- switch (n2.key) {
923
- case o$1.Space:
924
- n2.preventDefault();
935
+ function v2(u2) {
936
+ switch (u2.key) {
937
+ case o$2.Space:
938
+ u2.preventDefault();
925
939
  break;
926
940
  }
927
941
  }
928
942
  return () => {
929
- let n2 = { open: e2.disclosureState.value === 0 }, { id: S2, ...k2 } = t2, K = s2.value ? { ref: l2, type: a2.value, onClick: c2, onKeydown: D } : { id: S2, ref: l2, type: a2.value, "aria-expanded": t2.disabled ? void 0 : e2.disclosureState.value === 0, "aria-controls": o(e2.panel) ? e2.panelId.value : void 0, disabled: t2.disabled ? true : void 0, onClick: c2, onKeydown: D, onKeyup: T2 };
930
- return H$1({ ourProps: K, theirProps: k2, slot: n2, attrs: r2, slots: o$2, name: "DisclosureButton" });
943
+ var C2;
944
+ let u2 = { open: e2.disclosureState.value === 0 }, { id: S2, ...K } = t2, M2 = n2.value ? { ref: l2, type: a2.value, onClick: c2, onKeydown: D } : { id: (C2 = e2.buttonId.value) != null ? C2 : S2, ref: l2, type: a2.value, "aria-expanded": e2.disclosureState.value === 0, "aria-controls": e2.disclosureState.value === 0 || o$1(e2.panel) ? e2.panelId.value : void 0, disabled: t2.disabled ? true : void 0, onClick: c2, onKeydown: D, onKeyup: v2 };
945
+ return H$1({ ourProps: M2, theirProps: K, slot: u2, attrs: r2, slots: o2, name: "DisclosureButton" });
931
946
  };
932
- } }), X = defineComponent({ name: "DisclosurePanel", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, id: { type: String, default: () => `headlessui-disclosure-panel-${t$4()}` } }, setup(t2, { attrs: r2, slots: o2, expose: u2 }) {
933
- let e2 = g("DisclosurePanel");
947
+ } }), Y = defineComponent({ name: "DisclosurePanel", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, id: { type: String, default: null } }, setup(t2, { attrs: r2, slots: o2, expose: s2 }) {
948
+ let e2 = O("DisclosurePanel");
934
949
  onMounted(() => {
935
- e2.panelId.value = t2.id;
950
+ t2.id !== null && (e2.panelId.value = t2.id);
936
951
  }), onUnmounted(() => {
937
952
  e2.panelId.value = null;
938
- }), u2({ el: e2.panel, $el: e2.panel }), provide(B, e2.panelId);
939
- let i2 = p$4(), s2 = computed(() => i2 !== null ? (i2.value & l$1.Open) === l$1.Open : e2.disclosureState.value === 0);
953
+ }), s2({ el: e2.panel, $el: e2.panel }), provide(k$1, e2.panelId);
954
+ let i2 = p$3(), n2 = computed(() => i2 !== null ? (i2.value & l$1.Open) === l$1.Open : e2.disclosureState.value === 0);
940
955
  return () => {
941
- let l2 = { open: e2.disclosureState.value === 0, close: e2.close }, { id: a2, ...c2 } = t2, D = { id: a2, ref: e2.panel };
942
- return H$1({ ourProps: D, theirProps: c2, slot: l2, attrs: r2, slots: o2, features: N$2.RenderStrategy | N$2.Static, visible: s2.value, name: "DisclosurePanel" });
956
+ var v2;
957
+ let l2 = { open: e2.disclosureState.value === 0, close: e2.close }, { id: a2, ...c2 } = t2, D = { id: (v2 = e2.panelId.value) != null ? v2 : a2, ref: e2.panel };
958
+ return H$1({ ourProps: D, theirProps: c2, slot: l2, attrs: r2, slots: o2, features: N$2.RenderStrategy | N$2.Static, visible: n2.value, name: "DisclosurePanel" });
943
959
  };
944
960
  } });
945
961
  let d = defineComponent({ props: { onFocus: { type: Function, required: true } }, setup(t2) {
@@ -973,17 +989,17 @@ function k(a2) {
973
989
  return v2;
974
990
  }
975
991
  let j = Symbol("TabsSSRContext"), xe = defineComponent({ name: "TabGroup", emits: { change: (a2) => true }, props: { as: { type: [Object, String], default: "template" }, selectedIndex: { type: [Number], default: null }, defaultIndex: { type: [Number], default: 0 }, vertical: { type: [Boolean], default: false }, manual: { type: [Boolean], default: false } }, inheritAttrs: false, setup(a2, { slots: v2, attrs: i2, emit: s2 }) {
976
- var h2;
977
- let l2 = ref((h2 = a2.selectedIndex) != null ? h2 : a2.defaultIndex), n2 = ref([]), o$12 = ref([]), T2 = computed(() => a2.selectedIndex !== null), b2 = computed(() => T2.value ? a2.selectedIndex : l2.value);
992
+ var P2;
993
+ let l2 = ref((P2 = a2.selectedIndex) != null ? P2 : a2.defaultIndex), n2 = ref([]), o2 = ref([]), h2 = computed(() => a2.selectedIndex !== null), b2 = computed(() => h2.value ? a2.selectedIndex : l2.value);
978
994
  function m2(t2) {
979
995
  var S2;
980
- let e2 = O(r2.tabs.value, o), u2 = O(r2.panels.value, o), f2 = e2.filter((p2) => {
981
- var E2;
982
- return !((E2 = o(p2)) != null && E2.hasAttribute("disabled"));
996
+ let e2 = O$1(r2.tabs.value, o$1), u2 = O$1(r2.panels.value, o$1), f2 = e2.filter((p2) => {
997
+ var g;
998
+ return !((g = o$1(p2)) != null && g.hasAttribute("disabled"));
983
999
  });
984
1000
  if (t2 < 0 || t2 > e2.length - 1) {
985
- let p2 = u$3(l2.value === null ? 0 : Math.sign(t2 - l2.value), { [-1]: () => 1, [0]: () => u$3(Math.sign(t2), { [-1]: () => 0, [0]: () => 0, [1]: () => 1 }), [1]: () => 0 });
986
- l2.value = u$3(p2, { [0]: () => e2.indexOf(f2[0]), [1]: () => e2.indexOf(f2[f2.length - 1]) }), r2.tabs.value = e2, r2.panels.value = u2;
1001
+ let p2 = u$3(l2.value === null ? 0 : Math.sign(t2 - l2.value), { [-1]: () => 1, [0]: () => u$3(Math.sign(t2), { [-1]: () => 0, [0]: () => 0, [1]: () => 1 }), [1]: () => 0 }), g = u$3(p2, { [0]: () => e2.indexOf(f2[0]), [1]: () => e2.indexOf(f2[f2.length - 1]) });
1002
+ g !== -1 && (l2.value = g), r2.tabs.value = e2, r2.panels.value = u2;
987
1003
  } else {
988
1004
  let p2 = e2.slice(0, t2), G = [...e2.slice(t2), ...p2].find((W) => f2.includes(W));
989
1005
  if (!G)
@@ -995,51 +1011,51 @@ let j = Symbol("TabsSSRContext"), xe = defineComponent({ name: "TabGroup", emits
995
1011
  let r2 = { selectedIndex: computed(() => {
996
1012
  var t2, e2;
997
1013
  return (e2 = (t2 = l2.value) != null ? t2 : a2.defaultIndex) != null ? e2 : null;
998
- }), orientation: computed(() => a2.vertical ? "vertical" : "horizontal"), activation: computed(() => a2.manual ? "manual" : "auto"), tabs: n2, panels: o$12, setSelectedIndex(t2) {
999
- b2.value !== t2 && s2("change", t2), T2.value || m2(t2);
1014
+ }), orientation: computed(() => a2.vertical ? "vertical" : "horizontal"), activation: computed(() => a2.manual ? "manual" : "auto"), tabs: n2, panels: o2, setSelectedIndex(t2) {
1015
+ b2.value !== t2 && s2("change", t2), h2.value || m2(t2);
1000
1016
  }, registerTab(t2) {
1001
1017
  var f2;
1002
1018
  if (n2.value.includes(t2))
1003
1019
  return;
1004
1020
  let e2 = n2.value[l2.value];
1005
- n2.value.push(t2), n2.value = O(n2.value, o);
1021
+ n2.value.push(t2), n2.value = O$1(n2.value, o$1);
1006
1022
  let u2 = (f2 = n2.value.indexOf(e2)) != null ? f2 : l2.value;
1007
1023
  u2 !== -1 && (l2.value = u2);
1008
1024
  }, unregisterTab(t2) {
1009
1025
  let e2 = n2.value.indexOf(t2);
1010
1026
  e2 !== -1 && n2.value.splice(e2, 1);
1011
1027
  }, registerPanel(t2) {
1012
- o$12.value.includes(t2) || (o$12.value.push(t2), o$12.value = O(o$12.value, o));
1028
+ o2.value.includes(t2) || (o2.value.push(t2), o2.value = O$1(o2.value, o$1));
1013
1029
  }, unregisterPanel(t2) {
1014
- let e2 = o$12.value.indexOf(t2);
1015
- e2 !== -1 && o$12.value.splice(e2, 1);
1030
+ let e2 = o2.value.indexOf(t2);
1031
+ e2 !== -1 && o2.value.splice(e2, 1);
1016
1032
  } };
1017
1033
  provide(U, r2);
1018
- let R = ref({ tabs: [], panels: [] }), y2 = ref(false);
1034
+ let w2 = ref({ tabs: [], panels: [] }), y2 = ref(false);
1019
1035
  onMounted(() => {
1020
1036
  y2.value = true;
1021
- }), provide(j, computed(() => y2.value ? null : R.value));
1022
- let w2 = computed(() => a2.selectedIndex);
1037
+ }), provide(j, computed(() => y2.value ? null : w2.value));
1038
+ let E2 = computed(() => a2.selectedIndex);
1023
1039
  return onMounted(() => {
1024
- watch([w2], () => {
1040
+ watch([E2], () => {
1025
1041
  var t2;
1026
1042
  return m2((t2 = a2.selectedIndex) != null ? t2 : a2.defaultIndex);
1027
1043
  }, { immediate: true });
1028
1044
  }), watchEffect(() => {
1029
- if (!T2.value || b2.value == null || r2.tabs.value.length <= 0)
1045
+ if (!h2.value || b2.value == null || r2.tabs.value.length <= 0)
1030
1046
  return;
1031
- let t2 = O(r2.tabs.value, o);
1032
- t2.some((u2, f2) => o(r2.tabs.value[f2]) !== o(u2)) && r2.setSelectedIndex(t2.findIndex((u2) => o(u2) === o(r2.tabs.value[b2.value])));
1047
+ let t2 = O$1(r2.tabs.value, o$1);
1048
+ t2.some((u2, f2) => o$1(r2.tabs.value[f2]) !== o$1(u2)) && r2.setSelectedIndex(t2.findIndex((u2) => o$1(u2) === o$1(r2.tabs.value[b2.value])));
1033
1049
  }), () => {
1034
1050
  let t2 = { selectedIndex: l2.value };
1035
1051
  return h$2(Fragment, [n2.value.length <= 0 && h$2(d, { onFocus: () => {
1036
1052
  for (let e2 of n2.value) {
1037
- let u2 = o(e2);
1053
+ let u2 = o$1(e2);
1038
1054
  if ((u2 == null ? void 0 : u2.tabIndex) === 0)
1039
1055
  return u2.focus(), true;
1040
1056
  }
1041
1057
  return false;
1042
- } }), H$1({ theirProps: { ...i2, ...T$1(a2, ["selectedIndex", "defaultIndex", "manual", "vertical", "onChange"]) }, ourProps: {}, slot: t2, slots: v2, attrs: i2, name: "TabGroup" })]);
1058
+ } }), H$1({ theirProps: { ...i2, ...T$2(a2, ["selectedIndex", "defaultIndex", "manual", "vertical", "onChange"]) }, ourProps: {}, slot: t2, slots: v2, attrs: i2, name: "TabGroup" })]);
1043
1059
  };
1044
1060
  } }), Ie = defineComponent({ name: "TabList", props: { as: { type: [Object, String], default: "div" } }, setup(a2, { attrs: v2, slots: i2 }) {
1045
1061
  let s2 = k("TabList");
@@ -1050,60 +1066,60 @@ let j = Symbol("TabsSSRContext"), xe = defineComponent({ name: "TabGroup", emits
1050
1066
  } }), ye = defineComponent({ name: "Tab", props: { as: { type: [Object, String], default: "button" }, disabled: { type: [Boolean], default: false }, id: { type: String, default: () => `headlessui-tabs-tab-${t$4()}` } }, setup(a2, { attrs: v2, slots: i2, expose: s2 }) {
1051
1067
  let l2 = k("Tab"), n2 = ref(null);
1052
1068
  s2({ el: n2, $el: n2 }), onMounted(() => l2.registerTab(n2)), onUnmounted(() => l2.unregisterTab(n2));
1053
- let o$2 = inject(j), T$12 = computed(() => {
1054
- if (o$2.value) {
1055
- let e2 = o$2.value.tabs.indexOf(a2.id);
1056
- return e2 === -1 ? o$2.value.tabs.push(a2.id) - 1 : e2;
1069
+ let o2 = inject(j), h2 = computed(() => {
1070
+ if (o2.value) {
1071
+ let e2 = o2.value.tabs.indexOf(a2.id);
1072
+ return e2 === -1 ? o2.value.tabs.push(a2.id) - 1 : e2;
1057
1073
  }
1058
1074
  return -1;
1059
1075
  }), b2 = computed(() => {
1060
1076
  let e2 = l2.tabs.value.indexOf(n2);
1061
- return e2 === -1 ? T$12.value : e2;
1077
+ return e2 === -1 ? h2.value : e2;
1062
1078
  }), m2 = computed(() => b2.value === l2.selectedIndex.value);
1063
1079
  function r2(e2) {
1064
1080
  var f2;
1065
1081
  let u2 = e2();
1066
- if (u2 === T.Success && l2.activation.value === "auto") {
1067
- let S2 = (f2 = m$2(n2)) == null ? void 0 : f2.activeElement, p2 = l2.tabs.value.findIndex((E2) => o(E2) === S2);
1082
+ if (u2 === T$1.Success && l2.activation.value === "auto") {
1083
+ let S2 = (f2 = m$2(n2)) == null ? void 0 : f2.activeElement, p2 = l2.tabs.value.findIndex((g) => o$1(g) === S2);
1068
1084
  p2 !== -1 && l2.setSelectedIndex(p2);
1069
1085
  }
1070
1086
  return u2;
1071
1087
  }
1072
- function R(e2) {
1073
- let u2 = l2.tabs.value.map((S2) => o(S2)).filter(Boolean);
1074
- if (e2.key === o$1.Space || e2.key === o$1.Enter) {
1088
+ function w2(e2) {
1089
+ let u2 = l2.tabs.value.map((S2) => o$1(S2)).filter(Boolean);
1090
+ if (e2.key === o$2.Space || e2.key === o$2.Enter) {
1075
1091
  e2.preventDefault(), e2.stopPropagation(), l2.setSelectedIndex(b2.value);
1076
1092
  return;
1077
1093
  }
1078
1094
  switch (e2.key) {
1079
- case o$1.Home:
1080
- case o$1.PageUp:
1095
+ case o$2.Home:
1096
+ case o$2.PageUp:
1081
1097
  return e2.preventDefault(), e2.stopPropagation(), r2(() => P$1(u2, N$1.First));
1082
- case o$1.End:
1083
- case o$1.PageDown:
1098
+ case o$2.End:
1099
+ case o$2.PageDown:
1084
1100
  return e2.preventDefault(), e2.stopPropagation(), r2(() => P$1(u2, N$1.Last));
1085
1101
  }
1086
1102
  if (r2(() => u$3(l2.orientation.value, { vertical() {
1087
- return e2.key === o$1.ArrowUp ? P$1(u2, N$1.Previous | N$1.WrapAround) : e2.key === o$1.ArrowDown ? P$1(u2, N$1.Next | N$1.WrapAround) : T.Error;
1103
+ return e2.key === o$2.ArrowUp ? P$1(u2, N$1.Previous | N$1.WrapAround) : e2.key === o$2.ArrowDown ? P$1(u2, N$1.Next | N$1.WrapAround) : T$1.Error;
1088
1104
  }, horizontal() {
1089
- return e2.key === o$1.ArrowLeft ? P$1(u2, N$1.Previous | N$1.WrapAround) : e2.key === o$1.ArrowRight ? P$1(u2, N$1.Next | N$1.WrapAround) : T.Error;
1090
- } })) === T.Success)
1105
+ return e2.key === o$2.ArrowLeft ? P$1(u2, N$1.Previous | N$1.WrapAround) : e2.key === o$2.ArrowRight ? P$1(u2, N$1.Next | N$1.WrapAround) : T$1.Error;
1106
+ } })) === T$1.Success)
1091
1107
  return e2.preventDefault();
1092
1108
  }
1093
1109
  let y2 = ref(false);
1094
- function w2() {
1110
+ function E2() {
1095
1111
  var e2;
1096
- y2.value || (y2.value = true, !a2.disabled && ((e2 = o(n2)) == null || e2.focus(), l2.setSelectedIndex(b2.value), t$2(() => {
1112
+ y2.value || (y2.value = true, !a2.disabled && ((e2 = o$1(n2)) == null || e2.focus({ preventScroll: true }), l2.setSelectedIndex(b2.value), t$2(() => {
1097
1113
  y2.value = false;
1098
1114
  })));
1099
1115
  }
1100
- function h2(e2) {
1116
+ function P2(e2) {
1101
1117
  e2.preventDefault();
1102
1118
  }
1103
1119
  let t2 = b$1(computed(() => ({ as: a2.as, type: v2.type })), n2);
1104
1120
  return () => {
1105
1121
  var p2;
1106
- let e2 = { selected: m2.value }, { id: u2, ...f2 } = a2, S2 = { ref: n2, onKeydown: R, onMousedown: h2, onClick: w2, id: u2, role: "tab", type: t2.value, "aria-controls": (p2 = o(l2.panels.value[b2.value])) == null ? void 0 : p2.id, "aria-selected": m2.value, tabIndex: m2.value ? 0 : -1, disabled: a2.disabled ? true : void 0 };
1122
+ let e2 = { selected: m2.value }, { id: u2, ...f2 } = a2, S2 = { ref: n2, onKeydown: w2, onMousedown: P2, onClick: E2, id: u2, role: "tab", type: t2.value, "aria-controls": (p2 = o$1(l2.panels.value[b2.value])) == null ? void 0 : p2.id, "aria-selected": m2.value, tabIndex: m2.value ? 0 : -1, disabled: a2.disabled ? true : void 0 };
1107
1123
  return H$1({ ourProps: S2, theirProps: f2, slot: e2, attrs: v2, slots: i2, name: "Tab" });
1108
1124
  };
1109
1125
  } }), Se = defineComponent({ name: "TabPanels", props: { as: { type: [Object, String], default: "div" } }, setup(a2, { slots: v2, attrs: i2 }) {
@@ -1115,20 +1131,20 @@ let j = Symbol("TabsSSRContext"), xe = defineComponent({ name: "TabGroup", emits
1115
1131
  } }), ge = defineComponent({ name: "TabPanel", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, id: { type: String, default: () => `headlessui-tabs-panel-${t$4()}` }, tabIndex: { type: Number, default: 0 } }, setup(a2, { attrs: v2, slots: i2, expose: s2 }) {
1116
1132
  let l2 = k("TabPanel"), n2 = ref(null);
1117
1133
  s2({ el: n2, $el: n2 }), onMounted(() => l2.registerPanel(n2)), onUnmounted(() => l2.unregisterPanel(n2));
1118
- let o$12 = inject(j), T2 = computed(() => {
1119
- if (o$12.value) {
1120
- let r2 = o$12.value.panels.indexOf(a2.id);
1121
- return r2 === -1 ? o$12.value.panels.push(a2.id) - 1 : r2;
1134
+ let o2 = inject(j), h2 = computed(() => {
1135
+ if (o2.value) {
1136
+ let r2 = o2.value.panels.indexOf(a2.id);
1137
+ return r2 === -1 ? o2.value.panels.push(a2.id) - 1 : r2;
1122
1138
  }
1123
1139
  return -1;
1124
1140
  }), b2 = computed(() => {
1125
1141
  let r2 = l2.panels.value.indexOf(n2);
1126
- return r2 === -1 ? T2.value : r2;
1142
+ return r2 === -1 ? h2.value : r2;
1127
1143
  }), m2 = computed(() => b2.value === l2.selectedIndex.value);
1128
1144
  return () => {
1129
1145
  var t2;
1130
- let r2 = { selected: m2.value }, { id: R, tabIndex: y2, ...w2 } = a2, h2 = { ref: n2, id: R, role: "tabpanel", "aria-labelledby": (t2 = o(l2.tabs.value[b2.value])) == null ? void 0 : t2.id, tabIndex: m2.value ? y2 : -1 };
1131
- return !m2.value && a2.unmount && !a2.static ? h$2(f$1, { as: "span", ...h2 }) : H$1({ ourProps: h2, theirProps: w2, slot: r2, attrs: v2, slots: i2, features: N$2.Static | N$2.RenderStrategy, visible: m2.value, name: "TabPanel" });
1146
+ let r2 = { selected: m2.value }, { id: w2, tabIndex: y2, ...E2 } = a2, P2 = { ref: n2, id: w2, role: "tabpanel", "aria-labelledby": (t2 = o$1(l2.tabs.value[b2.value])) == null ? void 0 : t2.id, tabIndex: m2.value ? y2 : -1 };
1147
+ return !m2.value && a2.unmount && !a2.static ? h$2(f$1, { as: "span", ...P2 }) : H$1({ ourProps: P2, theirProps: E2, slot: r2, attrs: v2, slots: i2, features: N$2.Static | N$2.RenderStrategy, visible: m2.value, name: "TabPanel" });
1132
1148
  };
1133
1149
  } });
1134
1150
  const scrollbar = "";
@@ -1195,15 +1211,10 @@ function tryOnScopeDispose(fn) {
1195
1211
  }
1196
1212
  return false;
1197
1213
  }
1198
- const isClient = typeof window !== "undefined";
1199
- const noop$1 = () => {
1200
- };
1201
- function toRef(...args) {
1202
- if (args.length !== 1)
1203
- return toRef$1(...args);
1204
- const r2 = args[0];
1205
- return typeof r2 === "function" ? readonly(customRef(() => ({ get: r2, set: noop$1 }))) : ref(r2);
1214
+ function toValue(r2) {
1215
+ return typeof r2 === "function" ? r2() : unref(r2);
1206
1216
  }
1217
+ const isClient = typeof window !== "undefined" && typeof document !== "undefined";
1207
1218
  const defaultWindow = isClient ? window : void 0;
1208
1219
  function useMounted() {
1209
1220
  const isMounted = ref(false);
@@ -1226,29 +1237,33 @@ function useMediaQuery(query, options = {}) {
1226
1237
  const isSupported = useSupported(() => window2 && "matchMedia" in window2 && typeof window2.matchMedia === "function");
1227
1238
  let mediaQuery;
1228
1239
  const matches = ref(false);
1240
+ const handler = (event) => {
1241
+ matches.value = event.matches;
1242
+ };
1229
1243
  const cleanup = () => {
1230
1244
  if (!mediaQuery)
1231
1245
  return;
1232
1246
  if ("removeEventListener" in mediaQuery)
1233
- mediaQuery.removeEventListener("change", update);
1247
+ mediaQuery.removeEventListener("change", handler);
1234
1248
  else
1235
- mediaQuery.removeListener(update);
1249
+ mediaQuery.removeListener(handler);
1236
1250
  };
1237
- const update = () => {
1251
+ const stopWatch = watchEffect(() => {
1238
1252
  if (!isSupported.value)
1239
1253
  return;
1240
1254
  cleanup();
1241
- mediaQuery = window2.matchMedia(toRef(query).value);
1242
- matches.value = !!(mediaQuery == null ? void 0 : mediaQuery.matches);
1243
- if (!mediaQuery)
1244
- return;
1255
+ mediaQuery = window2.matchMedia(toValue(query));
1245
1256
  if ("addEventListener" in mediaQuery)
1246
- mediaQuery.addEventListener("change", update);
1257
+ mediaQuery.addEventListener("change", handler);
1247
1258
  else
1248
- mediaQuery.addListener(update);
1249
- };
1250
- watchEffect(update);
1251
- tryOnScopeDispose(() => cleanup());
1259
+ mediaQuery.addListener(handler);
1260
+ matches.value = mediaQuery.matches;
1261
+ });
1262
+ tryOnScopeDispose(() => {
1263
+ stopWatch();
1264
+ cleanup();
1265
+ mediaQuery = void 0;
1266
+ });
1252
1267
  return matches;
1253
1268
  }
1254
1269
  function defaultState() {
@@ -1363,6 +1378,78 @@ const useApiClientRequestStore = () => ({
1363
1378
  addRequestToHistory,
1364
1379
  setActiveRequest
1365
1380
  });
1381
+ const _hoisted_1$k = { class: "modal-layout" };
1382
+ const _sfc_main$m = /* @__PURE__ */ defineComponent({
1383
+ __name: "FlowModal",
1384
+ props: {
1385
+ state: {},
1386
+ title: {},
1387
+ bodyClass: {},
1388
+ maxWidth: {},
1389
+ variant: { default: "normal" }
1390
+ },
1391
+ setup(__props) {
1392
+ return (_ctx, _cache) => {
1393
+ return openBlock(), createBlock(unref(Ue), {
1394
+ open: _ctx.state.open,
1395
+ onClose: _cache[0] || (_cache[0] = ($event) => _ctx.state.hide())
1396
+ }, {
1397
+ default: withCtx(() => [
1398
+ createElementVNode("div", _hoisted_1$k, [
1399
+ createVNode(unref(Ge), {
1400
+ class: normalizeClass(["modal", {
1401
+ "modal-content-large": _ctx.variant === "large",
1402
+ "modal-content-normal": _ctx.variant === "normal",
1403
+ "modal-content-small": _ctx.variant === "small"
1404
+ }]),
1405
+ style: normalizeStyle({ maxWidth: _ctx.maxWidth })
1406
+ }, {
1407
+ default: withCtx(() => [
1408
+ _ctx.title ? (openBlock(), createBlock(unref(Ve), {
1409
+ key: 0,
1410
+ class: "modal-header"
1411
+ }, {
1412
+ default: withCtx(() => [
1413
+ createTextVNode(toDisplayString(_ctx.title), 1)
1414
+ ]),
1415
+ _: 1
1416
+ })) : createCommentVNode("", true),
1417
+ createVNode(unref(We), {
1418
+ class: normalizeClass(["modal-body custom-scroll", [_ctx.bodyClass]])
1419
+ }, {
1420
+ default: withCtx(() => [
1421
+ renderSlot(_ctx.$slots, "default", {}, void 0, true)
1422
+ ]),
1423
+ _: 3
1424
+ }, 8, ["class"])
1425
+ ]),
1426
+ _: 3
1427
+ }, 8, ["class", "style"])
1428
+ ])
1429
+ ]),
1430
+ _: 3
1431
+ }, 8, ["open"]);
1432
+ };
1433
+ }
1434
+ });
1435
+ const FlowModal_vue_vue_type_style_index_0_scoped_dfd5c435_lang = "";
1436
+ const _export_sfc = (sfc, props) => {
1437
+ const target = sfc.__vccOpts || sfc;
1438
+ for (const [key, val] of props) {
1439
+ target[key] = val;
1440
+ }
1441
+ return target;
1442
+ };
1443
+ const FlowModal = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-dfd5c435"]]);
1444
+ const useModal = () => reactive({
1445
+ open: false,
1446
+ show() {
1447
+ this.open = true;
1448
+ },
1449
+ hide() {
1450
+ this.open = false;
1451
+ }
1452
+ });
1366
1453
  var defaultLocale$1 = "en";
1367
1454
  var localesData$1 = {};
1368
1455
  var lowercaseLocaleLookup = {};
@@ -1883,7 +1970,7 @@ var RelativeTimeFormat = /* @__PURE__ */ function() {
1883
1970
  }
1884
1971
  _createClass$2(RelativeTimeFormat2, [{
1885
1972
  key: "format",
1886
- value: function format3() {
1973
+ value: function format4() {
1887
1974
  var _parseFormatArgs = parseFormatArgs(arguments), _parseFormatArgs2 = _slicedToArray$1(_parseFormatArgs, 2), number = _parseFormatArgs2[0], unit = _parseFormatArgs2[1];
1888
1975
  return this.getRule(number, unit).replace("{0}", this.formatNumber(Math.abs(number)));
1889
1976
  }
@@ -3274,7 +3361,7 @@ var TimeAgo = /* @__PURE__ */ function() {
3274
3361
  }
3275
3362
  _createClass(TimeAgo2, [{
3276
3363
  key: "format",
3277
- value: function format3(input, style, options) {
3364
+ value: function format4(input, style, options) {
3278
3365
  if (!options) {
3279
3366
  if (style && !isStyle(style)) {
3280
3367
  options = style;
@@ -4100,8 +4187,9 @@ const reduceDescriptors = (obj, reducer) => {
4100
4187
  const descriptors2 = Object.getOwnPropertyDescriptors(obj);
4101
4188
  const reducedDescriptors = {};
4102
4189
  forEach(descriptors2, (descriptor, name) => {
4103
- if (reducer(descriptor, name, obj) !== false) {
4104
- reducedDescriptors[name] = descriptor;
4190
+ let ret;
4191
+ if ((ret = reducer(descriptor, name, obj)) !== false) {
4192
+ reducedDescriptors[name] = ret || descriptor;
4105
4193
  }
4106
4194
  });
4107
4195
  Object.defineProperties(obj, reducedDescriptors);
@@ -4626,9 +4714,6 @@ function formDataToJSON(formData) {
4626
4714
  }
4627
4715
  return null;
4628
4716
  }
4629
- const DEFAULT_CONTENT_TYPE = {
4630
- "Content-Type": void 0
4631
- };
4632
4717
  function stringifySafely(rawValue, parser, encoder) {
4633
4718
  if (utils.isString(rawValue)) {
4634
4719
  try {
@@ -4644,10 +4729,10 @@ function stringifySafely(rawValue, parser, encoder) {
4644
4729
  }
4645
4730
  const defaults = {
4646
4731
  transitional: transitionalDefaults,
4647
- adapter: ["xhr", "http"],
4732
+ adapter: platform.isNode ? "http" : "xhr",
4648
4733
  transformRequest: [function transformRequest(data, headers) {
4649
- const contentType = headers.getContentType() || "";
4650
- const hasJSONContentType = contentType.indexOf("application/json") > -1;
4734
+ const contentType2 = headers.getContentType() || "";
4735
+ const hasJSONContentType = contentType2.indexOf("application/json") > -1;
4651
4736
  const isObjectPayload = utils.isObject(data);
4652
4737
  if (isObjectPayload && utils.isHTMLForm(data)) {
4653
4738
  data = new FormData(data);
@@ -4671,10 +4756,10 @@ const defaults = {
4671
4756
  }
4672
4757
  let isFileList2;
4673
4758
  if (isObjectPayload) {
4674
- if (contentType.indexOf("application/x-www-form-urlencoded") > -1) {
4759
+ if (contentType2.indexOf("application/x-www-form-urlencoded") > -1) {
4675
4760
  return toURLEncodedForm(data, this.formSerializer).toString();
4676
4761
  }
4677
- if ((isFileList2 = utils.isFileList(data)) || contentType.indexOf("multipart/form-data") > -1) {
4762
+ if ((isFileList2 = utils.isFileList(data)) || contentType2.indexOf("multipart/form-data") > -1) {
4678
4763
  const _FormData = this.env && this.env.FormData;
4679
4764
  return toFormData(
4680
4765
  isFileList2 ? { "files[]": data } : data,
@@ -4727,16 +4812,14 @@ const defaults = {
4727
4812
  },
4728
4813
  headers: {
4729
4814
  common: {
4730
- "Accept": "application/json, text/plain, */*"
4815
+ "Accept": "application/json, text/plain, */*",
4816
+ "Content-Type": void 0
4731
4817
  }
4732
4818
  }
4733
4819
  };
4734
- utils.forEach(["delete", "get", "head"], function forEachMethodNoData(method) {
4820
+ utils.forEach(["delete", "get", "head", "post", "put", "patch"], (method) => {
4735
4821
  defaults.headers[method] = {};
4736
4822
  });
4737
- utils.forEach(["post", "put", "patch"], function forEachMethodWithData(method) {
4738
- defaults.headers[method] = utils.merge(DEFAULT_CONTENT_TYPE);
4739
- });
4740
4823
  const defaults$1 = defaults;
4741
4824
  const ignoreDuplicateOf = utils.toObjectSet([
4742
4825
  "age",
@@ -4922,7 +5005,7 @@ class AxiosHeaders {
4922
5005
  }
4923
5006
  return deleted;
4924
5007
  }
4925
- normalize(format3) {
5008
+ normalize(format4) {
4926
5009
  const self2 = this;
4927
5010
  const headers = {};
4928
5011
  utils.forEach(this, (value, header) => {
@@ -4932,7 +5015,7 @@ class AxiosHeaders {
4932
5015
  delete self2[header];
4933
5016
  return;
4934
5017
  }
4935
- const normalized = format3 ? formatHeader(header) : String(header).trim();
5018
+ const normalized = format4 ? formatHeader(header) : String(header).trim();
4936
5019
  if (normalized !== header) {
4937
5020
  delete self2[header];
4938
5021
  }
@@ -4986,7 +5069,15 @@ class AxiosHeaders {
4986
5069
  }
4987
5070
  }
4988
5071
  AxiosHeaders.accessor(["Content-Type", "Content-Length", "Accept", "Accept-Encoding", "User-Agent", "Authorization"]);
4989
- utils.freezeMethods(AxiosHeaders.prototype);
5072
+ utils.reduceDescriptors(AxiosHeaders.prototype, ({ value }, key) => {
5073
+ let mapped = key[0].toUpperCase() + key.slice(1);
5074
+ return {
5075
+ get: () => value,
5076
+ set(headerValue) {
5077
+ this[mapped] = headerValue;
5078
+ }
5079
+ };
5080
+ });
4990
5081
  utils.freezeMethods(AxiosHeaders);
4991
5082
  const AxiosHeaders$1 = AxiosHeaders;
4992
5083
  function transformData(fns, response) {
@@ -5482,7 +5573,7 @@ function mergeConfig(config1, config2) {
5482
5573
  });
5483
5574
  return config;
5484
5575
  }
5485
- const VERSION = "1.4.0";
5576
+ const VERSION = "1.5.0";
5486
5577
  const validators$1 = {};
5487
5578
  ["object", "boolean", "number", "function", "string", "symbol"].forEach((type, i2) => {
5488
5579
  validators$1[type] = function validator2(thing) {
@@ -5585,12 +5676,11 @@ class Axios {
5585
5676
  }
5586
5677
  }
5587
5678
  config.method = (config.method || this.defaults.method || "get").toLowerCase();
5588
- let contextHeaders;
5589
- contextHeaders = headers && utils.merge(
5679
+ let contextHeaders = headers && utils.merge(
5590
5680
  headers.common,
5591
5681
  headers[config.method]
5592
5682
  );
5593
- contextHeaders && utils.forEach(
5683
+ headers && utils.forEach(
5594
5684
  ["delete", "get", "head", "post", "put", "patch", "common"],
5595
5685
  (method) => {
5596
5686
  delete headers[method];
@@ -5655,7 +5745,7 @@ class Axios {
5655
5745
  return buildURL(fullPath, config.params, config.paramsSerializer);
5656
5746
  }
5657
5747
  }
5658
- utils.forEach(["delete", "get", "head", "options"], function forEachMethodNoData2(method) {
5748
+ utils.forEach(["delete", "get", "head", "options"], function forEachMethodNoData(method) {
5659
5749
  Axios.prototype[method] = function(url, config) {
5660
5750
  return this.request(mergeConfig(config || {}, {
5661
5751
  method,
@@ -5664,7 +5754,7 @@ utils.forEach(["delete", "get", "head", "options"], function forEachMethodNoData
5664
5754
  }));
5665
5755
  };
5666
5756
  });
5667
- utils.forEach(["post", "put", "patch"], function forEachMethodWithData2(method) {
5757
+ utils.forEach(["post", "put", "patch"], function forEachMethodWithData(method) {
5668
5758
  function generateHTTPMethod(isForm) {
5669
5759
  return function httpMethod(url, data, config) {
5670
5760
  return this.request(mergeConfig(config || {}, {
@@ -5873,6 +5963,7 @@ axios.isAxiosError = isAxiosError;
5873
5963
  axios.mergeConfig = mergeConfig;
5874
5964
  axios.AxiosHeaders = AxiosHeaders$1;
5875
5965
  axios.formToJSON = (thing) => formDataToJSON(utils.isHTMLForm(thing) ? new FormData(thing) : thing);
5966
+ axios.getAdapter = adapters.getAdapter;
5876
5967
  axios.HttpStatusCode = HttpStatusCode$1;
5877
5968
  axios.default = axios;
5878
5969
  const axios$1 = axios;
@@ -5991,29 +6082,31 @@ const replaceVariables = (url, variables) => {
5991
6082
  return acc.replace(`{${key}}`, value.toString());
5992
6083
  }, url);
5993
6084
  };
5994
- const defaultHeaders = {
5995
- "User-Agent": "Scalar API Client"
5996
- };
5997
6085
  async function sendRequest(request, proxyUrl) {
5998
6086
  const method = normalizeRequestMethod(request.type);
5999
- const headers = {
6000
- ...defaultHeaders,
6001
- ...mapFromArray(request.headers ?? [], "name", "value")
6002
- };
6087
+ const headers = mapFromArray(
6088
+ request.headers ?? [],
6089
+ "name",
6090
+ "value"
6091
+ );
6003
6092
  const url = normalizeUrl(request.url);
6004
6093
  const path = normalizePath(request.path);
6005
6094
  const urlWithPath = concatenateUrlAndPath(url, path);
6006
- const renderedURL = replaceVariables(
6095
+ const renderedUrl = replaceVariables(
6007
6096
  urlWithPath,
6008
6097
  mapFromArray(request.parameters ?? [], "name", "value")
6009
6098
  );
6099
+ const queryString = new URLSearchParams(
6100
+ mapFromArray(request.query ?? [], "name", "value")
6101
+ ).toString();
6102
+ const completeUrl = `${renderedUrl}${queryString ? "?" + queryString : ""}`;
6010
6103
  const auth = {
6011
6104
  type: "none"
6012
6105
  };
6013
6106
  const startTime = Date.now();
6014
6107
  const requestOptions = {
6015
6108
  method,
6016
- url: renderedURL,
6109
+ url: completeUrl,
6017
6110
  auth,
6018
6111
  headers,
6019
6112
  data: request.body
@@ -6058,78 +6151,6 @@ async function sendRequest(request, proxyUrl) {
6058
6151
  responseId: nanoid()
6059
6152
  };
6060
6153
  }
6061
- const _hoisted_1$k = { class: "modal-layout" };
6062
- const useModalState = () => reactive({
6063
- open: false,
6064
- show() {
6065
- this.open = true;
6066
- },
6067
- hide() {
6068
- this.open = false;
6069
- }
6070
- });
6071
- const _sfc_main$m = /* @__PURE__ */ defineComponent({
6072
- __name: "FlowModal",
6073
- props: {
6074
- state: {},
6075
- title: {},
6076
- bodyClass: {},
6077
- maxWidth: {},
6078
- variant: { default: "normal" }
6079
- },
6080
- setup(__props) {
6081
- return (_ctx, _cache) => {
6082
- return openBlock(), createBlock(unref(Ue), {
6083
- open: _ctx.state.open,
6084
- onClose: _cache[0] || (_cache[0] = ($event) => _ctx.state.hide())
6085
- }, {
6086
- default: withCtx(() => [
6087
- createElementVNode("div", _hoisted_1$k, [
6088
- createVNode(unref(Ge), {
6089
- class: normalizeClass(["modal", {
6090
- "modal-content-large": _ctx.variant === "large",
6091
- "modal-content-normal": _ctx.variant === "normal",
6092
- "modal-content-small": _ctx.variant === "small"
6093
- }]),
6094
- style: normalizeStyle({ maxWidth: _ctx.maxWidth })
6095
- }, {
6096
- default: withCtx(() => [
6097
- _ctx.title ? (openBlock(), createBlock(unref(Ve), {
6098
- key: 0,
6099
- class: "modal-header"
6100
- }, {
6101
- default: withCtx(() => [
6102
- createTextVNode(toDisplayString(_ctx.title), 1)
6103
- ]),
6104
- _: 1
6105
- })) : createCommentVNode("", true),
6106
- createVNode(unref(We), {
6107
- class: normalizeClass(["modal-body custom-scroll", [_ctx.bodyClass]])
6108
- }, {
6109
- default: withCtx(() => [
6110
- renderSlot(_ctx.$slots, "default", {}, void 0, true)
6111
- ]),
6112
- _: 3
6113
- }, 8, ["class"])
6114
- ]),
6115
- _: 3
6116
- }, 8, ["class", "style"])
6117
- ])
6118
- ]),
6119
- _: 3
6120
- }, 8, ["open"]);
6121
- };
6122
- }
6123
- });
6124
- const FlowModal_vue_vue_type_style_index_0_scoped_3f4ab567_lang = "";
6125
- const _export_sfc = (sfc, props) => {
6126
- const target = sfc.__vccOpts || sfc;
6127
- for (const [key, val] of props) {
6128
- target[key] = val;
6129
- }
6130
- return target;
6131
- };
6132
- const FlowModal = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-3f4ab567"]]);
6133
6154
  const BYTE_UNITS = [
6134
6155
  "B",
6135
6156
  "kB",
@@ -6143,7 +6164,7 @@ const BYTE_UNITS = [
6143
6164
  ];
6144
6165
  const BIBYTE_UNITS = [
6145
6166
  "B",
6146
- "kiB",
6167
+ "KiB",
6147
6168
  "MiB",
6148
6169
  "GiB",
6149
6170
  "TiB",
@@ -6322,7 +6343,7 @@ function prettyMilliseconds(milliseconds, options = {}) {
6322
6343
  return options.colonNotation ? result.join("") : result.join(" ");
6323
6344
  }
6324
6345
  const _hoisted_1$j = { class: "navtable-item-40 navtable-item-request" };
6325
- const _hoisted_2$9 = { class: "navtable-item-40 navtable-item-response" };
6346
+ const _hoisted_2$a = { class: "navtable-item-40 navtable-item-response" };
6326
6347
  const _hoisted_3$9 = { class: "navtable-item-20 navtable-item-time" };
6327
6348
  const _sfc_main$l = /* @__PURE__ */ defineComponent({
6328
6349
  __name: "RequestHistoryItem",
@@ -6357,7 +6378,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
6357
6378
  createTextVNode(" " + toDisplayString(unref(requestHistory2)[_ctx.history].request.url), 1)
6358
6379
  ])
6359
6380
  ]),
6360
- createElementVNode("div", _hoisted_2$9, [
6381
+ createElementVNode("div", _hoisted_2$a, [
6361
6382
  createElementVNode("span", null, toDisplayString(unref(prettyMilliseconds)(unref(requestHistory2)[_ctx.history].response.duration)), 1),
6362
6383
  createElementVNode("span", {
6363
6384
  class: normalizeClass(`scalar-api-client__status--${String(
@@ -6374,7 +6395,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
6374
6395
  }
6375
6396
  });
6376
6397
  const _hoisted_1$i = { class: "navigation-content-item" };
6377
- const _hoisted_2$8 = { class: "navtable" };
6398
+ const _hoisted_2$9 = { class: "navtable" };
6378
6399
  const _hoisted_3$8 = { class: "navtable-table" };
6379
6400
  const _hoisted_4$7 = /* @__PURE__ */ createStaticVNode('<div class="navtable-item navtable-item__top"><div class="navtable-item-40"><label for="">Request</label></div><div class="navtable-item-40"><label for="">Response</label></div><div class="navtable-item-20"><label for="">TIME</label></div></div>', 1);
6380
6401
  const _hoisted_5$6 = { class: "navtable-radios" };
@@ -6386,7 +6407,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
6386
6407
  const { requestHistoryOrder: requestHistoryOrder2 } = useApiClientRequestStore();
6387
6408
  return (_ctx, _cache) => {
6388
6409
  return openBlock(), createElementBlock("div", _hoisted_1$i, [
6389
- createElementVNode("div", _hoisted_2$8, [
6410
+ createElementVNode("div", _hoisted_2$9, [
6390
6411
  createElementVNode("div", _hoisted_3$8, [
6391
6412
  _hoisted_4$7,
6392
6413
  createElementVNode("div", _hoisted_5$6, [
@@ -6405,10 +6426,14 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
6405
6426
  }
6406
6427
  });
6407
6428
  const RequestHistory_vue_vue_type_style_index_0_lang = "";
6408
- const _hoisted_1$h = { class: "scalar-api-client__url-form" };
6409
- const _hoisted_2$7 = { class: "scalar-api-client__field" };
6410
- const _hoisted_3$7 = { class: "scalar-api-client__request-type" };
6411
- const _hoisted_4$6 = /* @__PURE__ */ createElementVNode("svg", {
6429
+ const _hoisted_1$h = {
6430
+ key: 0,
6431
+ class: "loader"
6432
+ };
6433
+ const _hoisted_2$8 = { class: "scalar-api-client__url-form" };
6434
+ const _hoisted_3$7 = { class: "scalar-api-client__field" };
6435
+ const _hoisted_4$6 = { class: "scalar-api-client__request-type" };
6436
+ const _hoisted_5$5 = /* @__PURE__ */ createElementVNode("svg", {
6412
6437
  fill: "none",
6413
6438
  height: "48",
6414
6439
  viewBox: "0 0 14 14",
@@ -6425,17 +6450,17 @@ const _hoisted_4$6 = /* @__PURE__ */ createElementVNode("svg", {
6425
6450
  })
6426
6451
  ])
6427
6452
  ], -1);
6428
- const _hoisted_5$5 = /* @__PURE__ */ createElementVNode("span", null, "Send Request", -1);
6429
- const _hoisted_6$4 = [
6430
- _hoisted_4$6,
6431
- _hoisted_5$5
6453
+ const _hoisted_6$4 = /* @__PURE__ */ createElementVNode("span", null, "Send Request", -1);
6454
+ const _hoisted_7$4 = [
6455
+ _hoisted_5$5,
6456
+ _hoisted_6$4
6432
6457
  ];
6433
- const _hoisted_7$4 = { class: "scalar-api-client__address-bar__content" };
6434
- const _hoisted_8$3 = {
6458
+ const _hoisted_8$3 = { class: "scalar-api-client__address-bar__content" };
6459
+ const _hoisted_9$3 = {
6435
6460
  key: 0,
6436
6461
  class: "scalar-api-client__history"
6437
6462
  };
6438
- const _hoisted_9$3 = /* @__PURE__ */ createElementVNode("svg", {
6463
+ const _hoisted_10$2 = /* @__PURE__ */ createElementVNode("svg", {
6439
6464
  fill: "none",
6440
6465
  height: "48",
6441
6466
  viewBox: "0 0 14 14",
@@ -6479,7 +6504,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
6479
6504
  readOnly: readOnly2,
6480
6505
  setActiveRequest: setActiveRequest2
6481
6506
  } = useApiClientRequestStore();
6482
- const historyModal = useModalState();
6507
+ const historyModal = useModal();
6483
6508
  const url = computed(() => activeRequest2.url);
6484
6509
  const requestType = computed(() => activeRequest2.type);
6485
6510
  const requestPath = computed(() => activeRequest2.path);
@@ -6522,64 +6547,65 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
6522
6547
  setActiveRequest2({ ...activeRequest2, url: value });
6523
6548
  };
6524
6549
  return (_ctx, _cache) => {
6525
- return openBlock(), createElementBlock("div", {
6526
- class: normalizeClass(["scalar-api-client__address-bar", { "scalar-api-client__address-bar__on": showHistory.value }])
6527
- }, [
6528
- createElementVNode("div", _hoisted_1$h, [
6529
- createElementVNode("div", _hoisted_2$7, [
6550
+ return openBlock(), createElementBlock(Fragment, null, [
6551
+ loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$h)) : createCommentVNode("", true),
6552
+ createElementVNode("div", {
6553
+ class: normalizeClass(["scalar-api-client__address-bar", { "scalar-api-client__address-bar__on": showHistory.value }])
6554
+ }, [
6555
+ createElementVNode("div", _hoisted_2$8, [
6530
6556
  createElementVNode("div", _hoisted_3$7, [
6531
- createElementVNode("i", {
6532
- class: normalizeClass(requestType.value.toLowerCase())
6533
- }, null, 2),
6534
- createElementVNode("span", null, toDisplayString(requestType.value), 1)
6557
+ createElementVNode("div", _hoisted_4$6, [
6558
+ createElementVNode("i", {
6559
+ class: normalizeClass(requestType.value.toLowerCase())
6560
+ }, null, 2),
6561
+ createElementVNode("span", null, toDisplayString(requestType.value), 1)
6562
+ ]),
6563
+ createVNode(unref(CodeMirror), {
6564
+ class: "scalar-api-client__url-input",
6565
+ content: formattedUrl.value,
6566
+ disableEnter: "",
6567
+ readOnly: unref(readOnly2),
6568
+ withoutTheme: "",
6569
+ withVariables: "",
6570
+ onChange
6571
+ }, null, 8, ["content", "readOnly"])
6535
6572
  ]),
6536
- createVNode(unref(CodeMirror), {
6537
- class: "scalar-api-client__url-input",
6538
- content: formattedUrl.value,
6539
- disableEnter: true,
6540
- readOnly: unref(readOnly2),
6541
- withVariables: true,
6542
- withoutTheme: true,
6543
- onChange
6544
- }, null, 8, ["content", "readOnly"])
6573
+ createElementVNode("button", {
6574
+ class: "scalar-api-client__send-request-button",
6575
+ type: "submit",
6576
+ onClick: send
6577
+ }, _hoisted_7$4)
6545
6578
  ]),
6546
- createElementVNode("button", {
6547
- class: normalizeClass(["scalar-api-client__send-request-button", [
6548
- { "scalar-api-client__send-request-button--loading": loading.value }
6549
- ]]),
6550
- type: "submit",
6551
- onClick: send
6552
- }, _hoisted_6$4, 2)
6553
- ]),
6554
- createElementVNode("div", {
6555
- class: "scalar-api-client__address-bar__close",
6556
- onClick: _cache[0] || (_cache[0] = ($event) => showHistory.value = false)
6557
- }),
6558
- createElementVNode("div", _hoisted_7$4, [
6559
- createVNode(FlowModal, {
6560
- state: unref(historyModal),
6561
- title: "Request History",
6562
- variant: "large"
6563
- }, {
6564
- default: withCtx(() => [
6565
- createVNode(_sfc_main$k, {
6566
- showHistory: showHistory.value,
6567
- onToggle: _cache[1] || (_cache[1] = ($event) => showHistory.value = !showHistory.value)
6568
- }, null, 8, ["showHistory"])
6569
- ]),
6570
- _: 1
6571
- }, 8, ["state"])
6572
- ]),
6573
- unref(requestHistoryOrder2).length ? (openBlock(), createElementBlock("div", _hoisted_8$3, [
6574
6579
  createElementVNode("div", {
6575
- class: "scalar-api-client__history-toggle",
6576
- onClick: _cache[2] || (_cache[2] = ($event) => unref(historyModal).show())
6577
- }, [
6578
- _hoisted_9$3,
6579
- createElementVNode("span", null, toDisplayString(lastRequestTimestamp.value), 1)
6580
- ])
6581
- ])) : createCommentVNode("", true)
6582
- ], 2);
6580
+ class: "scalar-api-client__address-bar__close",
6581
+ onClick: _cache[0] || (_cache[0] = ($event) => showHistory.value = false)
6582
+ }),
6583
+ createElementVNode("div", _hoisted_8$3, [
6584
+ createVNode(unref(FlowModal), {
6585
+ state: unref(historyModal),
6586
+ title: "Request History",
6587
+ variant: "large"
6588
+ }, {
6589
+ default: withCtx(() => [
6590
+ createVNode(_sfc_main$k, {
6591
+ showHistory: showHistory.value,
6592
+ onToggle: _cache[1] || (_cache[1] = ($event) => showHistory.value = !showHistory.value)
6593
+ }, null, 8, ["showHistory"])
6594
+ ]),
6595
+ _: 1
6596
+ }, 8, ["state"])
6597
+ ]),
6598
+ unref(requestHistoryOrder2).length ? (openBlock(), createElementBlock("div", _hoisted_9$3, [
6599
+ createElementVNode("div", {
6600
+ class: "scalar-api-client__history-toggle",
6601
+ onClick: _cache[2] || (_cache[2] = ($event) => unref(historyModal).show())
6602
+ }, [
6603
+ _hoisted_10$2,
6604
+ createElementVNode("span", null, toDisplayString(lastRequestTimestamp.value), 1)
6605
+ ])
6606
+ ])) : createCommentVNode("", true)
6607
+ ], 2)
6608
+ ], 64);
6583
6609
  };
6584
6610
  }
6585
6611
  });
@@ -6597,7 +6623,7 @@ const _hoisted_1$g = /* @__PURE__ */ createElementVNode("svg", {
6597
6623
  "fill-rule": "nonzero"
6598
6624
  })
6599
6625
  ], -1);
6600
- const _hoisted_2$6 = { class: "scalar-api-client__item__title" };
6626
+ const _hoisted_2$7 = { class: "scalar-api-client__item__title" };
6601
6627
  const _hoisted_3$6 = {
6602
6628
  key: 0,
6603
6629
  class: "scalar-api-client__item__options"
@@ -6610,22 +6636,22 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
6610
6636
  },
6611
6637
  setup(__props) {
6612
6638
  return (_ctx, _cache) => {
6613
- return openBlock(), createBlock(unref(Q), { defaultOpen: true }, {
6639
+ return openBlock(), createBlock(unref(V), { defaultOpen: true }, {
6614
6640
  default: withCtx(({ open }) => [
6615
6641
  createElementVNode("div", {
6616
6642
  class: normalizeClass(["scalar-api-client__item", { "scalar-api-client__item--open": open }])
6617
6643
  }, [
6618
- createVNode(unref(V), { class: "scalar-api-client__toggle" }, {
6644
+ createVNode(unref(X), { class: "scalar-api-client__toggle" }, {
6619
6645
  default: withCtx(() => [
6620
6646
  _hoisted_1$g,
6621
- createElementVNode("span", _hoisted_2$6, toDisplayString(_ctx.title), 1),
6647
+ createElementVNode("span", _hoisted_2$7, toDisplayString(_ctx.title), 1),
6622
6648
  _ctx.$slots.options && open ? (openBlock(), createElementBlock("div", _hoisted_3$6, [
6623
6649
  renderSlot(_ctx.$slots, "options")
6624
6650
  ])) : createCommentVNode("", true)
6625
6651
  ]),
6626
6652
  _: 2
6627
6653
  }, 1024),
6628
- createVNode(unref(X), null, {
6654
+ createVNode(unref(Y), null, {
6629
6655
  default: withCtx(() => [
6630
6656
  createElementVNode("div", _hoisted_4$5, [
6631
6657
  renderSlot(_ctx.$slots, "default")
@@ -6653,7 +6679,7 @@ const _hoisted_1$f = /* @__PURE__ */ createElementVNode("svg", {
6653
6679
  "fill-rule": "nonzero"
6654
6680
  })
6655
6681
  ], -1);
6656
- const _hoisted_2$5 = ["value"];
6682
+ const _hoisted_2$6 = ["value"];
6657
6683
  const _hoisted_3$5 = {
6658
6684
  key: 0,
6659
6685
  class: "scalar-api-client__empty-state"
@@ -6744,7 +6770,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
6744
6770
  return createElementVNode("option", {
6745
6771
  key: option.type,
6746
6772
  value: option.type
6747
- }, toDisplayString(option.text), 9, _hoisted_2$5);
6773
+ }, toDisplayString(option.text), 9, _hoisted_2$6);
6748
6774
  }), 64))
6749
6775
  ], 512), [
6750
6776
  [vShow, show.value],
@@ -6942,7 +6968,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
6942
6968
  }
6943
6969
  });
6944
6970
  const _hoisted_1$e = { class: "table" };
6945
- const _hoisted_2$4 = { class: "table-row" };
6971
+ const _hoisted_2$5 = { class: "table-row" };
6946
6972
  const _hoisted_3$4 = /* @__PURE__ */ createElementVNode("div", { class: "table-row-item" }, [
6947
6973
  /* @__PURE__ */ createElementVNode("label", null, "Key")
6948
6974
  ], -1);
@@ -7002,7 +7028,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
7002
7028
  const showDescription = ref(false);
7003
7029
  return (_ctx, _cache) => {
7004
7030
  return openBlock(), createElementBlock("div", _hoisted_1$e, [
7005
- createElementVNode("div", _hoisted_2$4, [
7031
+ createElementVNode("div", _hoisted_2$5, [
7006
7032
  _hoisted_3$4,
7007
7033
  _hoisted_4$3,
7008
7034
  withDirectives(createElementVNode("div", _hoisted_5$3, _hoisted_7$2, 512), [
@@ -7046,7 +7072,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
7046
7072
  const Grid_vue_vue_type_style_index_0_lang = "";
7047
7073
  const Grid_vue_vue_type_style_index_1_lang = "";
7048
7074
  const _hoisted_1$d = { class: "navtable simpletable" };
7049
- const _hoisted_2$3 = { class: "navtable-table" };
7075
+ const _hoisted_2$4 = { class: "navtable-table" };
7050
7076
  const _hoisted_3$3 = /* @__PURE__ */ createStaticVNode('<div class="navtable-item navtable-item__top"><div class="navtable-item-33"><label for="">Name</label></div><div class="navtable-item-66"><label for="">Value</label></div></div>', 1);
7051
7077
  const _hoisted_4$2 = { class: "navtable-item-33" };
7052
7078
  const _hoisted_5$2 = { class: "navtable-item-66" };
@@ -7058,7 +7084,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
7058
7084
  setup(__props) {
7059
7085
  return (_ctx, _cache) => {
7060
7086
  return openBlock(), createElementBlock("div", _hoisted_1$d, [
7061
- createElementVNode("div", _hoisted_2$3, [
7087
+ createElementVNode("div", _hoisted_2$4, [
7062
7088
  _hoisted_3$3,
7063
7089
  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
7064
7090
  return openBlock(), createElementBlock("div", {
@@ -7184,7 +7210,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
7184
7210
  }
7185
7211
  });
7186
7212
  const _hoisted_1$8 = { class: "scalar-api-client__main__left custom-scroll" };
7187
- const _hoisted_2$2 = { class: "scalar-api-client__main__content" };
7213
+ const _hoisted_2$3 = { class: "scalar-api-client__main__content" };
7188
7214
  const _hoisted_3$2 = /* @__PURE__ */ createElementVNode("label", null, "Request", -1);
7189
7215
  const _hoisted_4$1 = { class: "meta" };
7190
7216
  const _hoisted_5$1 = { class: "meta-item meta-item__input" };
@@ -7196,7 +7222,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
7196
7222
  const { activeRequest: activeRequest2, readOnly: readOnly2 } = useApiClientRequestStore();
7197
7223
  return (_ctx, _cache) => {
7198
7224
  return openBlock(), createElementBlock("div", _hoisted_1$8, [
7199
- createElementVNode("div", _hoisted_2$2, [
7225
+ createElementVNode("div", _hoisted_2$3, [
7200
7226
  _hoisted_3$2,
7201
7227
  createElementVNode("div", _hoisted_4$1, [
7202
7228
  createElementVNode("div", _hoisted_5$1, [
@@ -7235,26 +7261,165 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
7235
7261
  }
7236
7262
  });
7237
7263
  const Request_vue_vue_type_style_index_0_lang = "";
7264
+ var contentType = {};
7265
+ /*!
7266
+ * content-type
7267
+ * Copyright(c) 2015 Douglas Christopher Wilson
7268
+ * MIT Licensed
7269
+ */
7270
+ var PARAM_REGEXP = /; *([!#$%&'*+.^_`|~0-9A-Za-z-]+) *= *("(?:[\u000b\u0020\u0021\u0023-\u005b\u005d-\u007e\u0080-\u00ff]|\\[\u000b\u0020-\u00ff])*"|[!#$%&'*+.^_`|~0-9A-Za-z-]+) */g;
7271
+ var TEXT_REGEXP = /^[\u000b\u0020-\u007e\u0080-\u00ff]+$/;
7272
+ var TOKEN_REGEXP = /^[!#$%&'*+.^_`|~0-9A-Za-z-]+$/;
7273
+ var QESC_REGEXP = /\\([\u000b\u0020-\u00ff])/g;
7274
+ var QUOTE_REGEXP = /([\\"])/g;
7275
+ var TYPE_REGEXP = /^[!#$%&'*+.^_`|~0-9A-Za-z-]+\/[!#$%&'*+.^_`|~0-9A-Za-z-]+$/;
7276
+ contentType.format = format3;
7277
+ contentType.parse = parse;
7278
+ function format3(obj) {
7279
+ if (!obj || typeof obj !== "object") {
7280
+ throw new TypeError("argument obj is required");
7281
+ }
7282
+ var parameters = obj.parameters;
7283
+ var type = obj.type;
7284
+ if (!type || !TYPE_REGEXP.test(type)) {
7285
+ throw new TypeError("invalid type");
7286
+ }
7287
+ var string = type;
7288
+ if (parameters && typeof parameters === "object") {
7289
+ var param;
7290
+ var params = Object.keys(parameters).sort();
7291
+ for (var i2 = 0; i2 < params.length; i2++) {
7292
+ param = params[i2];
7293
+ if (!TOKEN_REGEXP.test(param)) {
7294
+ throw new TypeError("invalid parameter name");
7295
+ }
7296
+ string += "; " + param + "=" + qstring(parameters[param]);
7297
+ }
7298
+ }
7299
+ return string;
7300
+ }
7301
+ function parse(string) {
7302
+ if (!string) {
7303
+ throw new TypeError("argument string is required");
7304
+ }
7305
+ var header = typeof string === "object" ? getcontenttype(string) : string;
7306
+ if (typeof header !== "string") {
7307
+ throw new TypeError("argument string is required to be a string");
7308
+ }
7309
+ var index = header.indexOf(";");
7310
+ var type = index !== -1 ? header.slice(0, index).trim() : header.trim();
7311
+ if (!TYPE_REGEXP.test(type)) {
7312
+ throw new TypeError("invalid media type");
7313
+ }
7314
+ var obj = new ContentType(type.toLowerCase());
7315
+ if (index !== -1) {
7316
+ var key;
7317
+ var match;
7318
+ var value;
7319
+ PARAM_REGEXP.lastIndex = index;
7320
+ while (match = PARAM_REGEXP.exec(header)) {
7321
+ if (match.index !== index) {
7322
+ throw new TypeError("invalid parameter format");
7323
+ }
7324
+ index += match[0].length;
7325
+ key = match[1].toLowerCase();
7326
+ value = match[2];
7327
+ if (value.charCodeAt(0) === 34) {
7328
+ value = value.slice(1, -1);
7329
+ if (value.indexOf("\\") !== -1) {
7330
+ value = value.replace(QESC_REGEXP, "$1");
7331
+ }
7332
+ }
7333
+ obj.parameters[key] = value;
7334
+ }
7335
+ if (index !== header.length) {
7336
+ throw new TypeError("invalid parameter format");
7337
+ }
7338
+ }
7339
+ return obj;
7340
+ }
7341
+ function getcontenttype(obj) {
7342
+ var header;
7343
+ if (typeof obj.getHeader === "function") {
7344
+ header = obj.getHeader("content-type");
7345
+ } else if (typeof obj.headers === "object") {
7346
+ header = obj.headers && obj.headers["content-type"];
7347
+ }
7348
+ if (typeof header !== "string") {
7349
+ throw new TypeError("content-type header is missing from object");
7350
+ }
7351
+ return header;
7352
+ }
7353
+ function qstring(val) {
7354
+ var str = String(val);
7355
+ if (TOKEN_REGEXP.test(str)) {
7356
+ return str;
7357
+ }
7358
+ if (str.length > 0 && !TEXT_REGEXP.test(str)) {
7359
+ throw new TypeError("invalid parameter value");
7360
+ }
7361
+ return '"' + str.replace(QUOTE_REGEXP, "\\$1") + '"';
7362
+ }
7363
+ function ContentType(type) {
7364
+ this.parameters = /* @__PURE__ */ Object.create(null);
7365
+ this.type = type;
7366
+ }
7238
7367
  const _hoisted_1$7 = {
7239
7368
  key: 1,
7240
7369
  class: "scalar-api-client__empty-state"
7241
7370
  };
7371
+ const _hoisted_2$2 = {
7372
+ key: 1,
7373
+ class: "scalar-api-client__empty-state"
7374
+ };
7242
7375
  const _sfc_main$9 = /* @__PURE__ */ defineComponent({
7243
7376
  __name: "ResponseBody",
7244
7377
  props: {
7245
7378
  active: { type: Boolean, default: false },
7246
- data: { default: null }
7379
+ data: { default: null },
7380
+ headers: {}
7247
7381
  },
7248
7382
  setup(__props) {
7383
+ const props = __props;
7384
+ const mediaType = computed(() => {
7385
+ const contentTypeHeader = props.headers.find(
7386
+ (header) => header.name.toLowerCase() === "content-type"
7387
+ );
7388
+ if (!contentTypeHeader) {
7389
+ return null;
7390
+ }
7391
+ try {
7392
+ return contentType.parse(contentTypeHeader.value).type;
7393
+ } catch {
7394
+ return null;
7395
+ }
7396
+ });
7397
+ const codeMirrorLanguages = computed(() => {
7398
+ if (mediaType.value === "application/json") {
7399
+ return ["json"];
7400
+ }
7401
+ if (mediaType.value === "text/html") {
7402
+ return ["html"];
7403
+ }
7404
+ return null;
7405
+ });
7249
7406
  return (_ctx, _cache) => {
7250
7407
  return openBlock(), createBlock(unref(_sfc_main$i), { title: "Body" }, {
7251
7408
  default: withCtx(() => [
7252
- _ctx.active ? (openBlock(), createBlock(unref(CodeMirror), {
7253
- key: 0,
7254
- content: _ctx.data,
7255
- languages: ["json"],
7256
- readOnly: ""
7257
- }, null, 8, ["content"])) : (openBlock(), createElementBlock("div", _hoisted_1$7, " No Response "))
7409
+ _ctx.active ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
7410
+ codeMirrorLanguages.value ? (openBlock(), createBlock(unref(CodeMirror), {
7411
+ key: 0,
7412
+ content: _ctx.data,
7413
+ languages: codeMirrorLanguages.value,
7414
+ readOnly: ""
7415
+ }, null, 8, ["content", "languages"])) : (openBlock(), createElementBlock("div", _hoisted_1$7, [
7416
+ mediaType.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
7417
+ createTextVNode(" No Preview Available (" + toDisplayString(mediaType.value) + ") ", 1)
7418
+ ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
7419
+ createTextVNode(" Can’t render a preview. The Content-Type header is missing or unknown. ")
7420
+ ], 64))
7421
+ ]))
7422
+ ], 64)) : (openBlock(), createElementBlock("div", _hoisted_2$2, " No Response "))
7258
7423
  ]),
7259
7424
  _: 1
7260
7425
  });
@@ -8055,8 +8220,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
8055
8220
  };
8056
8221
  }
8057
8222
  });
8058
- const HelpfulLink_vue_vue_type_style_index_0_scoped_7a2c7da8_lang = "";
8059
- const HelpfulLink = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-7a2c7da8"]]);
8223
+ const HelpfulLink_vue_vue_type_style_index_0_scoped_4e87b5c7_lang = "";
8224
+ const HelpfulLink = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-4e87b5c7"]]);
8060
8225
  const _sfc_main$7 = /* @__PURE__ */ defineComponent({
8061
8226
  __name: "SimpleCell",
8062
8227
  props: {
@@ -8082,8 +8247,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
8082
8247
  };
8083
8248
  }
8084
8249
  });
8085
- const SimpleCell_vue_vue_type_style_index_0_scoped_8d5b42b4_lang = "";
8086
- const SimpleCell = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-8d5b42b4"]]);
8250
+ const SimpleCell_vue_vue_type_style_index_0_scoped_c2b6632c_lang = "";
8251
+ const SimpleCell = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-c2b6632c"]]);
8087
8252
  const _sfc_main$6 = /* @__PURE__ */ defineComponent({
8088
8253
  __name: "SimpleHeader",
8089
8254
  setup(__props) {
@@ -8100,9 +8265,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
8100
8265
  };
8101
8266
  }
8102
8267
  });
8103
- const SimpleHeader_vue_vue_type_style_index_0_scoped_e94ec977_lang = "";
8104
- const SimpleHeader = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-e94ec977"]]);
8105
- const SimpleRow_vue_vue_type_style_index_0_scoped_959f27bd_lang = "";
8268
+ const SimpleHeader_vue_vue_type_style_index_0_scoped_ed796dc3_lang = "";
8269
+ const SimpleHeader = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-ed796dc3"]]);
8270
+ const SimpleRow_vue_vue_type_style_index_0_scoped_39ca3a5f_lang = "";
8106
8271
  const _sfc_main$5 = {};
8107
8272
  const _hoisted_1$5 = { class: "simple-row" };
8108
8273
  function _sfc_render$1(_ctx, _cache) {
@@ -8110,7 +8275,7 @@ function _sfc_render$1(_ctx, _cache) {
8110
8275
  renderSlot(_ctx.$slots, "default", {}, void 0, true)
8111
8276
  ]);
8112
8277
  }
8113
- const SimpleRow = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$1], ["__scopeId", "data-v-959f27bd"]]);
8278
+ const SimpleRow = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$1], ["__scopeId", "data-v-39ca3a5f"]]);
8114
8279
  const SimpleTable_vue_vue_type_style_index_0_scoped_3b6be9e1_lang = "";
8115
8280
  const _sfc_main$4 = {};
8116
8281
  const _hoisted_1$4 = { class: "simple-table" };
@@ -8324,8 +8489,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
8324
8489
  createElementVNode("div", null, [
8325
8490
  createVNode(_sfc_main$9, {
8326
8491
  active: !!unref(activeResponse2),
8327
- data: responseData.value
8328
- }, null, 8, ["active", "data"]),
8492
+ data: responseData.value,
8493
+ headers: responseHeaders.value
8494
+ }, null, 8, ["active", "data", "headers"]),
8329
8495
  createVNode(_sfc_main$3, { headers: responseHeaders.value }, null, 8, ["headers"]),
8330
8496
  createVNode(unref(_sfc_main$i), { title: "Cookies" }, {
8331
8497
  default: withCtx(() => [
@@ -8347,11 +8513,13 @@ const _hoisted_1 = { class: "scalar-api-client__main" };
8347
8513
  const _sfc_main = /* @__PURE__ */ defineComponent({
8348
8514
  __name: "ApiClient",
8349
8515
  props: {
8350
- proxyUrl: {}
8516
+ proxyUrl: {},
8517
+ readOnly: { type: Boolean, default: false }
8351
8518
  },
8352
8519
  emits: ["escapeKeyPress"],
8353
8520
  setup(__props, { emit }) {
8354
- const { activeRequest: activeRequest2 } = useApiClientRequestStore();
8521
+ const props = __props;
8522
+ const { activeRequest: activeRequest2, readOnly: stateReadOnly } = useApiClientRequestStore();
8355
8523
  const isSmallScreen = useMediaQuery("(max-width: 820px)");
8356
8524
  const selectedTab = ref(0);
8357
8525
  const Tabs = {
@@ -8361,6 +8529,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
8361
8529
  function changeTab(index) {
8362
8530
  selectedTab.value = index;
8363
8531
  }
8532
+ watch(
8533
+ () => props.readOnly,
8534
+ () => {
8535
+ stateReadOnly.value = props.readOnly;
8536
+ },
8537
+ { immediate: true }
8538
+ );
8364
8539
  useKeyboardEvent({
8365
8540
  keyList: ["escape"],
8366
8541
  handler: () => emit("escapeKeyPress")
@@ -8388,22 +8563,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
8388
8563
  default: withCtx(() => [
8389
8564
  createVNode(unref(ye), { class: "scalar-api-client__mobile-navigation__toggle" }, {
8390
8565
  default: withCtx(({ selected }) => [
8391
- createElementVNode("button", {
8566
+ createElementVNode("span", {
8392
8567
  class: normalizeClass({
8393
8568
  "scalar-api-client__mobile-navigation--active": selected
8394
- }),
8395
- type: "button"
8569
+ })
8396
8570
  }, " Request ", 2)
8397
8571
  ]),
8398
8572
  _: 1
8399
8573
  }),
8400
8574
  createVNode(unref(ye), { class: "scalar-api-client__mobile-navigation__toggle" }, {
8401
8575
  default: withCtx(({ selected }) => [
8402
- createElementVNode("button", {
8576
+ createElementVNode("span", {
8403
8577
  class: normalizeClass({
8404
8578
  "scalar-api-client__mobile-navigation--active": selected
8405
- }),
8406
- type: "button"
8579
+ })
8407
8580
  }, " Response ", 2)
8408
8581
  ]),
8409
8582
  _: 1