@scalar/api-client 0.7.25 → 0.7.27

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 (21) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/README.md +4 -4
  3. package/dist/components/ApiClient/AddressBar.vue.d.ts.map +1 -1
  4. package/dist/components/ApiClient/Request/Request.vue.d.ts.map +1 -1
  5. package/dist/components/ApiClient/Request/RequestCookies.vue.d.ts +11 -0
  6. package/dist/components/ApiClient/Request/RequestCookies.vue.d.ts.map +1 -0
  7. package/dist/components/ApiClient/RequestHistoryItem.vue.d.ts.map +1 -1
  8. package/dist/helpers/prepareClientRequestConfig.d.ts +1 -0
  9. package/dist/helpers/prepareClientRequestConfig.d.ts.map +1 -1
  10. package/dist/helpers/sendRequest.d.ts.map +1 -1
  11. package/dist/index.d.ts +1 -1
  12. package/dist/index.d.ts.map +1 -1
  13. package/dist/index.js +206 -120
  14. package/dist/stores/index.d.ts +1 -1
  15. package/dist/stores/index.d.ts.map +1 -1
  16. package/dist/stores/{apiClientRequestStore.d.ts → requestStore.d.ts} +7 -2
  17. package/dist/stores/requestStore.d.ts.map +1 -0
  18. package/dist/types.d.ts +4 -1
  19. package/dist/types.d.ts.map +1 -1
  20. package/package.json +5 -4
  21. package/dist/stores/apiClientRequestStore.d.ts.map +0 -1
package/dist/index.js CHANGED
@@ -3,7 +3,7 @@
3
3
  try {
4
4
  if (typeof document != "undefined") {
5
5
  var elementStyle = document.createElement("style");
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');\n\n:root {\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@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.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.modal-layout[data-v-30a935b0] {\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-30a935b0 0.2s forwards;\n}\n.modal-body[data-v-30a935b0] {\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-30a935b0] {\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-30a935b0 0.15s 0.15s forwards;\n display: flex;\n flex-direction: column;\n}\n.modal-content-history[data-v-30a935b0] {\n background: var(--theme-background-1, var(--default-theme-background-1));\n}\n.modal-content-history[data-v-30a935b0],\n.modal-content-large[data-v-30a935b0] {\n max-width: 800px;\n}\n.modal-content-normal[data-v-30a935b0] {\n max-width: 640px;\n}\n.modal-content-small[data-v-30a935b0] {\n max-width: 480px;\n}\n@keyframes modal-fade-30a935b0 {\nfrom {\n opacity: 0;\n}\nto {\n opacity: 1;\n}\n}\n@keyframes modal-pop-30a935b0 {\n0% {\n opacity: 0;\n}\n100% {\n opacity: 1;\n transform: scale(1);\n}\n}\n.modal-header[data-v-30a935b0] {\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 margin: 0;\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.modal-content-history .modal-header[data-v-30a935b0] {\n padding-bottom: 0;\n padding-top: 24px;\n}\n.modal-content-history .modal-body[data-v-30a935b0] {\n padding-top: 12px;\n}\n.modal-content-search[data-v-30a935b0] {\n max-width: 540px;\n}\n.modal-content-search .modal-body[data-v-30a935b0] {\n padding: 0;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n max-height: 440px;\n}\n\n.navtable-mock {\n background-repeat: repeat;\n width: 100%;\n background-size: 31px 31px;\n background-position: center 1px;\n flex: 1;\n position: relative;\n z-index: 0;\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n background: repeating-linear-gradient(\n var(--default-theme-background-1),\n var(--default-theme-background-1) 34.8px,\n var(--default-theme-border-color) 34.8px,\n var(--default-theme-border-color) 35.8px\n );\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 box-shadow: none;\n}\n.radio {\n height: 10px;\n width: 10px;\n background: transparent;\n border: var(--border, var(--default-border));\n flex-shrink: 0;\n margin-right: 6px;\n margin-left: 0;\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:before {\n content: '';\n display: block;\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1)) !important;\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n}\n.navtable-item__active + .navtable-item {\n /* box-shadow: none; */\n}\n.radio.post {\n background: var(--theme-color-green, var(--default-theme-color-green));\n}\n.radio.delete {\n background: var(--theme-color-red, var(--default-theme-color-red));\n}\n.radio.patch {\n background: var(--theme-color-yellow, var(--default-theme-color-yellow));\n}\n.radio.get {\n background: var(--theme-color-blue, var(--default-theme-color-blue));\n}\n.radio.put {\n background: var(--theme-color-orange, var(--default-theme-color-orange));\n}\n.navtable-item-request span {\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-semibold, var(--default-theme-semibold));\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n\n.request-method-select[data-v-bd1dfcca] {\n position: relative;\n display: flex;\n}\n.request-method-select select[data-v-bd1dfcca] {\n border: none;\n outline: none;\n cursor: pointer;\n background: var(--theme-background-3, var(--default-theme-background-3));\n box-shadow: -2px 0 0 0\n var(--theme-background-3, var(--default-theme-background-3));\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n appearance: none;\n}\n.request-method-select select[disabled][data-v-bd1dfcca] {\n pointer-events: none;\n}\n.request-method[data-v-bd1dfcca] {\n display: flex;\n align-items: center;\n color: var(--theme-color-3, var(--default-theme-color-3));\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 position: relative;\n}\n.request-method span[data-v-bd1dfcca] {\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 display: flex;\n align-items: center;\n}\n.request-method:not(.request-method--disabled) span[data-v-bd1dfcca]:after {\n content: '';\n width: 7px;\n height: 7px;\n transform: rotate(45deg) translate3d(-2px, -2px, 0);\n display: block;\n margin-left: 6px;\n box-shadow: 1px 1px 0 currentColor;\n}\n.request-method i[data-v-bd1dfcca] {\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\n.loader[data-v-65f9c663] {\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-65f9c663 5s cubic-bezier(0, 0.5, 0.25, 1);\n}\n@keyframes loading-65f9c663 {\n0% {\n width: 0;\n}\n100% {\n width: 100%;\n}\n}\n.scalar-api-client__address-bar[data-v-65f9c663] {\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[data-v-65f9c663] {\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[data-v-65f9c663] {\n border-right: 0;\n background: var(--theme-background-2, var(--default-theme-background-2));\n border-radius: var(--theme-radius, var(--default-theme-radius)) 0 0\n var(--theme-radius, var(--default-theme-radius));\n display: flex;\n align-items: stretch;\n width: 100%;\n overflow: hidden;\n min-height: 31px;\n}\n.scalar-api-client__address-bar-data[data-v-65f9c663] {\n width: 100%;\n}\n.scalar-api-client__address-bar-data-meta[data-v-65f9c663] {\n display: flex;\n margin-top: 5px;\n}\n.scalar-api-client__request-type[data-v-65f9c663] {\n display: flex;\n align-items: center;\n color: var(--theme-color-3, var(--default-theme-color-3));\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 position: relative;\n}\n.scalar-api-client__request-type span[data-v-65f9c663] {\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n font-size: var(--theme-micro, var(--default-theme-micro));\n text-transform: uppercase;\n}\n.scalar-api-client__request-type svg[data-v-65f9c663] {\n margin-left: 6px;\n width: 8px;\n}\n.scalar-api-client__request-type i[data-v-65f9c663] {\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-3, var(--default-theme-color-3));\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n}\n.meta-request-break[data-v-65f9c663] {\n margin: 0 5px;\n}\n.scalar-api-client__history[data-v-65f9c663] {\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, var(--default-theme-radius));\n height: 100%;\n}\n.scalar-api-client__send-request-button[type='submit'][data-v-65f9c663] {\n font-size: var(--theme-micro, var(--default-theme-micro));\n letter-spacing: 0.25px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: white;\n border: none;\n white-space: nowrap;\n padding: 0 12px;\n text-transform: uppercase;\n cursor: pointer;\n outline: none;\n font-family: (--theme-font, var(--default-theme-font));\n border-radius: 0 var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius)) 0;\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n position: relative;\n /** #087f5b */\n display: flex;\n align-items: center;\n overflow: hidden;\n flex-shrink: 0;\n}\n.scalar-api-client__send-request-button[data-v-65f9c663]:before {\n content: '';\n position: absolute;\n top: -5%;\n left: -5%;\n width: 110%;\n height: 110%;\n pointer-events: none;\n cursor: pointer;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));\n}\n.scalar-api-client__send-request-button[data-v-65f9c663]:hover:before {\n background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));\n}\n.scalar-api-client__send-request-button svg[data-v-65f9c663] {\n width: 12px;\n height: 12px;\n flex-shrink: 0;\n margin-right: 6px;\n position: relative;\n}\n.scalar-api-client__send-request-button span[data-v-65f9c663] {\n position: relative;\n}\n@media screen and (max-width: 720px) {\n.scalar-api-client__history-toggle span[data-v-65f9c663],\n .scalar-api-client__send-request-button span[data-v-65f9c663] {\n display: none;\n}\n.scalar-api-client__history-toggle svg[data-v-65f9c663],\n .scalar-api-client__send-request-button svg[data-v-65f9c663] {\n margin-right: 0;\n}\n}\n.scalar-api-client__send-request-button[disabled][data-v-65f9c663] {\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n background: var(--theme-background-3, var(--default-theme-background-3));\n border: 1px solid var(--default-theme-border-color);\n}\n.scalar-api-client__history-toggle[data-v-65f9c663] {\n padding: 0 12px;\n line-height: 30px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-size: var(--theme-micro, var(--default-theme-micro));\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 box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n margin-left: 12px;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n user-select: none;\n}\n.scalar-api-client__history-toggle[data-v-65f9c663]:hover {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__history-toggle svg[data-v-65f9c663] {\n height: 13px;\n width: 13px;\n margin-right: 6px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.scalar-api-client__address-bar-close[data-v-65f9c663] {\n fill: var(--theme-color-3, var(--default-theme-color-3));\n margin-left: 12px;\n height: 24px;\n}\n.scalar-api-client__address-bar-close[data-v-65f9c663]:hover {\n cursor: pointer;\n fill: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__content[data-v-65f9c663] {\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[data-v-65f9c663] {\n height: 100vh;\n max-height: 100vh;\n overflow: auto;\n}\n.scalar-api-client__address-bar__on[data-v-65f9c663] {\n z-index: 100000;\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__content[data-v-65f9c663] {\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[data-v-65f9c663] {\n opacity: 1;\n pointer-events: all;\n cursor: pointer;\n}\n.scalar-api-client__address-bar .navtable-item__active[data-v-65f9c663] {\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[data-v-65f9c663]:before {\n display: none;\n}\n.navigation-back[data-v-65f9c663] {\n stroke: var(--theme-color-2, var(--default-theme-color-2));\n cursor: pointer;\n}\n.navigation-back[data-v-65f9c663]:hover {\n stroke: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__close[data-v-65f9c663] {\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-time[data-v-65f9c663] {\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\n.scalar-api-client__item {\n border-radius: var(--theme-radius, var(--default-theme-radius));\n margin-bottom: 6px;\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__toggle:after {\n content: '';\n position: absolute;\n bottom: -6.5px;\n width: 100%;\n height: 6px;\n left: 0;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle:after {\n display: none;\n}\n.scalar-api-client__item:hover,\n.scalar-api-client__item--open {\n background: var(--theme-background-2, var(--default-theme-background-2));\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;\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 font-family: (--theme-font, var(--default-theme-font));\n cursor: pointer;\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-semibold, var(--default-theme-semibold));\n font-family: (--theme-font, var(--default-theme-font));\n user-select: none;\n flex: 1;\n position: relative;\n z-index: 1;\n}\n.scalar-api-client__item .scalar-api-client__toggle__icon {\n width: 10px;\n margin-right: 6px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n z-index: 1;\n position: relative;\n}\n.scalar-api-client__toggle:hover .scalar-api-client__toggle__icon {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__options {\n position: relative;\n z-index: 1;\n}\n.scalar-api-client__item__options span {\n background: transparent;\n padding: 2px 0;\n border-radius: 3px;\n font-size: var(--theme-small, var(--default-theme-small));\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.scalar-api-client__item__options:hover span {\n color: var(--theme-color-1, var(--default-theme-color-1));\n border-color: currentColor;\n}\n.scalar-api-client__item__options span svg {\n width: 15px;\n height: 15px;\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.scalar-api-client__item__content .scalar-api-client__codemirror__wrapper {\n padding-top: 0;\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, var(--default-theme-radius));\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-3, var(--default-theme-color-3));\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: 6px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n width: 24px;\n height: 24px;\n top: 50%;\n transform: translate3d(0, -50%, 0);\n border-radius: 50%;\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-3, var(--default-theme-color-3));\n}\n.table-row-item-menu:hover svg {\n fill: var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row-item input {\n border: none;\n appearance: none;\n outline: none;\n padding: 9px;\n width: 100%;\n min-height: 100%;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: transparent;\n font-family: var(--theme-font, var(--default-theme-font));\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 box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row-item label {\n background: transparent;\n text-transform: uppercase;\n display: block;\n padding: 9px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: var(--theme-color-2, var(--default-theme-color-2));\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: 51px;\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-3, var(--default-theme-color-3));\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: 17px;\n width: 17px;\n background: var(--theme-background-3, var(--default-theme-background-3));\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.meta-checkmark:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.meta-check:focus-within .meta-checkmark {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\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.meta-check input:checked ~ .meta-checkmark:hover {\n background: transparent;\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: 389px;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-radios {\n z-index: 1;\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item {\n display: flex;\n position: relative;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-micro, var(--default-theme-micro));\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:first-of-type {\n border-top: none;\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 padding: 9px;\n}\n.navtable-item-20 {\n width: 20%;\n display: flex;\n align-items: center;\n padding: 9px;\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-3, var(--default-theme-color-3));\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n text-transform: uppercase;\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: 9px;\n min-width: 40px;\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: 10px;\n height: 10px;\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: var(--theme-color-green, var(--default-theme-color-green));\n}\n.scalar-api-client__status--3xx:before {\n background: var(--theme-color-orange, var(--default-theme-color-orange));\n}\n.scalar-api-client__status--4xx:before {\n background: var(--theme-color-red, var(--default-theme-color-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.meta-delete {\n position: absolute;\n right: -9px;\n background: var(\n --theme-background-3,\n var(--default-theme-background-3)\n ) !important;\n height: 20px;\n width: 20px;\n border: none;\n outline: none;\n border-radius: 50%;\n opacity: 0;\n padding: 5px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n}\n.meta-delete svg {\n width: 11px;\n height: 11px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.meta-delete:hover svg {\n color: var(--theme-color-red, var(--default-theme-color-red));\n}\n.meta-delete:focus svg {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.meta-delete:focus {\n border-color: var(--theme-color-1, var(--default-theme-color-1));\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row:hover .meta-delete {\n opacity: 1;\n}\n@media (pointer: coarse) {\n.table-row:hover .meta-delete {\n opacity: 1;\n}\n}\n.meta-add {\n border: none;\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 appearance: none;\n padding: 9px;\n width: 100%;\n appearance: none;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-family: var(--theme-font, var(--default-theme-font));\n color: var(--theme-color-3, var(--default-theme-color-3));\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.meta-add svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.meta-add:hover,\n.meta-add:focus {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n\n.scalar-api-client-add {\n color: var(--theme-color-2, var(--default-theme-color-2));\n padding: 6px;\n width: fit-content;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n cursor: pointer;\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n margin: 0 6px;\n border: none;\n font-family: var(--theme-font);\n appearance: none;\n display: flex;\n align-items: center;\n}\n.scalar-api-client-add svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.scalar-api-client-add:hover {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client-add:focus-within {\n background: var(--theme-background-3, var(--default-theme-background-3));\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 6px 12px 18px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__left {\n width: 100%;\n border-right: none;\n padding: 0 0 12px 12px;\n}\n}\n.scalar-api-client__item__content {\n flex-flow: wrap;\n padding: 3px 9px 9px 9px;\n border-radius: 3px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-size: var(--theme-micro, var(--default-theme-micro));\n margin-top: -3px;\n justify-content: space-between;\n overflow: auto;\n}\n.scalar-api-client__item__content .scalar-api-client__codemirror__wrapper {\n min-height: 63px;\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 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-semibold, var(--default-theme-semibold));\n font-family: var(--theme-font, var(--default-theme-font));\n padding: 6px;\n width: fit-content;\n margin: 3px 3px 3px auto;\n text-transform: uppercase;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n color: white;\n cursor: pointer;\n text-align: center !important;\n position: relative;\n}\n.scalar-api-client__item__content-button span {\n position: relative;\n}\n.scalar-api-client__item__content-button:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n cursor: pointer;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));\n}\n.scalar-api-client__item__content-button:hover:before {\n background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));\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: transparent;\n position: relative;\n width: 100%;\n text-align: left;\n display: flex;\n box-shadow: 0 1px 0\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.input:focus-within {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1)) !important;\n z-index: 10;\n}\n.input:first-of-type {\n border-radius: var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius)) 0 0;\n}\n.input:first-child:last-child {\n border-radius: var(--theme-radius, var(--default-theme-radius));\n}\n.input:last-child {\n box-shadow: none;\n border-radius: 0 0 var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius));\n}\n.input__half:first-of-type {\n border-radius: var(--theme-radius, var(--default-theme-radius)) 0 0 0;\n}\n.input__half:nth-of-type(2) {\n border-radius: 0 var(--theme-radius, var(--default-theme-radius)) 0 0;\n}\n.authentication-form {\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius, var(--default-theme-radius));\n width: 100%;\n display: flex;\n flex-flow: wrap;\n}\n.input__half {\n width: 50%;\n}\n.input__half + .input__half {\n border-left: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.input__half:focus-within {\n border-color: transparent;\n}\n.input label,\n.input input {\n padding: 9px;\n border: 0;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-2, var(--default-theme-color-2));\n width: 100%;\n background: transparent;\n appearance: none;\n -webkit-appearance: none;\n left: 0;\n}\n.input label {\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: fit-content;\n padding-right: 0;\n white-space: nowrap;\n cursor: text;\n}\n.input input {\n position: relative;\n z-index: 99;\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: 9px;\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: 9px;\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: 14px 9px 4px 9px;\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 padding: 6px 9px;\n border-radius: 0 0 var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius));\n user-select: none;\n width: 100%;\n outline: none;\n}\n.check:focus-within {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.checkmark:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.check:focus-within {\n border-color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.check p {\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.checkmark {\n height: 17px;\n width: 17px;\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-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.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-3, var(--default-theme-color-3));\n font-size: var(--theme-small, var(--default-theme-small));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: var(--theme-color-3, var(--default-theme-color-3));\n width: 100%;\n padding: 0;\n background: transparent;\n font-family: var(--theme-font, var(--default-theme-font));\n}\n.scalar-api-client__request-name::-webkit-input-placeholder {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.scalar-api-client__request-name:-ms-input-placeholder {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.scalar-api-client__request-name::placeholder {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\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-b99d5e90] {\n all: unset;\n display: table-cell;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n padding: 9px !important;\n color: var(--theme-color-1, var(--default-theme-color-1));\n white-space: nowrap;\n}\n.simple-cell a[data-v-b99d5e90] {\n color: var(--theme-color-1, var(--default-theme-color-1)) !important;\n}\n.simple-cell[data-v-b99d5e90]:last-of-type {\n border-right: none;\n}\n.simple-cell.wrap[data-v-b99d5e90] {\n white-space: normal;\n}\n.simple-cell.strong[data-v-b99d5e90] {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\n.simple-header[data-v-6bd3700b] {\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n text-transform: uppercase;\n}\n\n.simple-row[data-v-e7e681a1] {\n all: unset;\n display: table-row;\n box-shadow: 0 -1px var(--theme-border-color, var(--default-theme-border-color));\n}\n.simple-row[data-v-e7e681a1]:first-of-type {\n box-shadow: none;\n}\n\n.simple-table[data-v-8f53a32f] {\n all: unset;\n display: table;\n width: 100%;\n border-spacing: 0;\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius, var(--default-theme-radius));\n}\n\n.scalar-api-client__main__right {\n width: 50%;\n padding: 0 6px 12px 18px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__right {\n width: 100%;\n border-right: none;\n padding: 0 0 12px 12px;\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 /** Make sure box-sizing is set properly. */\n box-sizing: border-box;\n*,\n *:before,\n *:after {\n box-sizing: inherit;\n}\n}\n.scalar-api-client {\n flex: 1;\n max-height: 100vh;\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-color-green,\n var(--default-theme-color-green)\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-color-red,\n var(--default-theme-color-red)\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-color-yellow,\n var(--default-theme-color-yellow)\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-color-blue,\n var(--default-theme-color-blue)\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-color-orange,\n var(--default-theme-color-orange)\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-2);\n color: var(--theme-color-2);\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-family: var(--theme-font, var(--default-theme-font));\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 flex-direction: column;\n}\n}\n\n/** TODO: Consider to make a Column component */\n.scalar-api-client__main__content {\n padding: 12px 6px;\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-semibold, var(--default-theme-semibold));\n display: flex;\n align-items: center;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__content {\n padding: 3px 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-semibold, var(--default-theme-semibold));\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-3, var(--default-theme-color-3));\n min-height: 17px;\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 border-radius: var(--theme-radius, var(--default-theme-radius));\n font-size: var(--theme-small, var(--default-theme-small));\n min-height: 58px;\n display: flex;\n align-items: center;\n justify-content: center;\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');\n\n:root {\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@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.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.modal-layout[data-v-046a46e5] {\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-046a46e5 0.2s forwards;\n}\n.modal-body[data-v-046a46e5] {\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 position: relative;\n}\n.modal[data-v-046a46e5] {\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-046a46e5 0.15s 0.15s forwards;\n display: flex;\n flex-direction: column;\n}\n.modal[data-v-046a46e5]:before {\n content: '';\n display: block;\n width: 100%;\n height: 100%;\n position: absolute;\n z-index: 0;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.dark-mode .modal[data-v-046a46e5]:before {\n background: #1a1a1a;\n}\n.light-mode .modal[data-v-046a46e5]:before {\n background: #fff;\n}\n.modal-content-history[data-v-046a46e5] {\n background: var(--theme-background-1, var(--default-theme-background-1));\n}\n.modal-content-history[data-v-046a46e5],\n.modal-content-large[data-v-046a46e5] {\n max-width: 800px;\n}\n.modal-content-normal[data-v-046a46e5] {\n max-width: 640px;\n}\n.modal-content-small[data-v-046a46e5] {\n max-width: 480px;\n}\n@keyframes modal-fade-046a46e5 {\nfrom {\n opacity: 0;\n}\nto {\n opacity: 1;\n}\n}\n@keyframes modal-pop-046a46e5 {\n0% {\n opacity: 0;\n}\n100% {\n opacity: 1;\n transform: scale(1);\n}\n}\n.modal-header[data-v-046a46e5] {\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 margin: 0;\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.modal-content-history .modal-header[data-v-046a46e5] {\n padding-bottom: 0;\n padding-top: 24px;\n}\n.modal-content-history .modal-body[data-v-046a46e5] {\n padding-top: 12px;\n}\n.modal-content-search[data-v-046a46e5] {\n max-width: 540px;\n}\n.modal-content-search .modal-body[data-v-046a46e5] {\n padding: 0;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n max-height: 440px;\n}\n\n.navtable-mock {\n background-repeat: repeat;\n width: 100%;\n background-size: 31px 31px;\n background-position: center 1px;\n flex: 1;\n position: relative;\n z-index: 0;\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n background: repeating-linear-gradient(\n var(--theme-background-1, var(--default-theme-background-1)),\n var(--theme-background-1, var(--default-theme-background-1)) 34.8px,\n var(--theme-border-color, var(--default-theme-border-color)) 34.8px,\n var(--theme-border-color, var(--default-theme-border-color)) 35.8px\n );\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 box-shadow: none;\n}\n.radio {\n height: 10px;\n max-width: 10px;\n width: 10px;\n max-height: 10px;\n background: transparent;\n border: var(--border, var(--default-border));\n flex-shrink: 0;\n margin-right: 6px;\n margin-left: 0;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n outline: none;\n padding: 0;\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:before {\n content: '';\n display: block;\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1)) !important;\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n}\n.navtable-item__active + .navtable-item {\n /* box-shadow: none; */\n}\n.radio.post {\n background: var(--theme-color-green, var(--default-theme-color-green));\n}\n.radio.delete {\n background: var(--theme-color-red, var(--default-theme-color-red));\n}\n.radio.patch {\n background: var(--theme-color-yellow, var(--default-theme-color-yellow));\n}\n.radio.get {\n background: var(--theme-color-blue, var(--default-theme-color-blue));\n}\n.radio.put {\n background: var(--theme-color-orange, var(--default-theme-color-orange));\n}\n.navtable-item-request span {\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-semibold, var(--default-theme-semibold));\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n\n.request-method-select[data-v-bd1dfcca] {\n position: relative;\n display: flex;\n}\n.request-method-select select[data-v-bd1dfcca] {\n border: none;\n outline: none;\n cursor: pointer;\n background: var(--theme-background-3, var(--default-theme-background-3));\n box-shadow: -2px 0 0 0\n var(--theme-background-3, var(--default-theme-background-3));\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n appearance: none;\n}\n.request-method-select select[disabled][data-v-bd1dfcca] {\n pointer-events: none;\n}\n.request-method[data-v-bd1dfcca] {\n display: flex;\n align-items: center;\n color: var(--theme-color-3, var(--default-theme-color-3));\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 position: relative;\n}\n.request-method span[data-v-bd1dfcca] {\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 display: flex;\n align-items: center;\n}\n.request-method:not(.request-method--disabled) span[data-v-bd1dfcca]:after {\n content: '';\n width: 7px;\n height: 7px;\n transform: rotate(45deg) translate3d(-2px, -2px, 0);\n display: block;\n margin-left: 6px;\n box-shadow: 1px 1px 0 currentColor;\n}\n.request-method i[data-v-bd1dfcca] {\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\n.loader[data-v-73d331d3] {\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-73d331d3 5s cubic-bezier(0, 0.5, 0.25, 1);\n}\n@keyframes loading-73d331d3 {\n0% {\n width: 0;\n}\n100% {\n width: 100%;\n}\n}\n.scalar-api-client__address-bar[data-v-73d331d3] {\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[data-v-73d331d3] {\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[data-v-73d331d3] {\n border-right: 0;\n background: var(--theme-background-2, var(--default-theme-background-2));\n border-radius: var(--theme-radius, var(--default-theme-radius)) 0 0\n var(--theme-radius, var(--default-theme-radius));\n display: flex;\n align-items: stretch;\n width: 100%;\n overflow: hidden;\n min-height: 31px;\n}\n.scalar-api-client__address-bar-data[data-v-73d331d3] {\n width: 100%;\n}\n.scalar-api-client__address-bar-data-meta[data-v-73d331d3] {\n display: flex;\n margin-top: 5px;\n}\n.scalar-api-client__url-input[data-v-73d331d3] {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__request-type[data-v-73d331d3] {\n display: flex;\n align-items: center;\n color: var(--theme-color-3, var(--default-theme-color-3));\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 position: relative;\n}\n.scalar-api-client__request-type span[data-v-73d331d3] {\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n font-size: var(--theme-micro, var(--default-theme-micro));\n text-transform: uppercase;\n}\n.scalar-api-client__request-type svg[data-v-73d331d3] {\n margin-left: 6px;\n width: 8px;\n}\n.scalar-api-client__request-type i[data-v-73d331d3] {\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-3, var(--default-theme-color-3));\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n}\n.meta-request-break[data-v-73d331d3] {\n margin: 0 5px;\n}\n.scalar-api-client__history[data-v-73d331d3] {\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, var(--default-theme-radius));\n height: 100%;\n}\n.scalar-api-client__send-request-button[type='submit'][data-v-73d331d3] {\n font-size: var(--theme-micro, var(--default-theme-micro));\n letter-spacing: 0.25px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: white;\n border: none;\n white-space: nowrap;\n padding: 0 12px;\n text-transform: uppercase;\n cursor: pointer;\n outline: none;\n font-family: (--theme-font, var(--default-theme-font));\n border-radius: 0 var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius)) 0;\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n position: relative;\n /** #087f5b */\n display: flex;\n align-items: center;\n overflow: hidden;\n flex-shrink: 0;\n}\n.scalar-api-client__send-request-button[data-v-73d331d3]:before {\n content: '';\n position: absolute;\n top: -5%;\n left: -5%;\n width: 110%;\n height: 110%;\n pointer-events: none;\n cursor: pointer;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));\n}\n.scalar-api-client__send-request-button[data-v-73d331d3]:hover:before {\n background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));\n}\n.scalar-api-client__send-request-button svg[data-v-73d331d3] {\n width: 12px;\n height: 12px;\n flex-shrink: 0;\n margin-right: 6px;\n position: relative;\n}\n.scalar-api-client__send-request-button span[data-v-73d331d3] {\n position: relative;\n}\n@media screen and (max-width: 720px) {\n.scalar-api-client__history-toggle span[data-v-73d331d3],\n .scalar-api-client__send-request-button span[data-v-73d331d3] {\n display: none;\n}\n.scalar-api-client__history-toggle svg[data-v-73d331d3],\n .scalar-api-client__send-request-button svg[data-v-73d331d3] {\n margin-right: 0;\n}\n}\n.scalar-api-client__send-request-button[disabled][data-v-73d331d3] {\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n background: var(--theme-background-3, var(--default-theme-background-3));\n border: 1px solid var(--default-theme-border-color);\n}\n.scalar-api-client__history-toggle[data-v-73d331d3] {\n padding: 0 12px;\n line-height: 30px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-size: var(--theme-micro, var(--default-theme-micro));\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 box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n margin-left: 12px;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n user-select: none;\n}\n.scalar-api-client__history-toggle[data-v-73d331d3]:hover {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__history-toggle svg[data-v-73d331d3] {\n height: 13px;\n width: 13px;\n margin-right: 6px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.scalar-api-client__address-bar-close[data-v-73d331d3] {\n fill: var(--theme-color-3, var(--default-theme-color-3));\n margin-left: 12px;\n height: 24px;\n}\n.scalar-api-client__address-bar-close[data-v-73d331d3]:hover {\n cursor: pointer;\n fill: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__content[data-v-73d331d3] {\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[data-v-73d331d3] {\n height: 100vh;\n max-height: 100vh;\n overflow: auto;\n}\n.scalar-api-client__address-bar__on[data-v-73d331d3] {\n z-index: 100000;\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__content[data-v-73d331d3] {\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[data-v-73d331d3] {\n opacity: 1;\n pointer-events: all;\n cursor: pointer;\n}\n.scalar-api-client__address-bar .navtable-item__active[data-v-73d331d3] {\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[data-v-73d331d3]:before {\n display: none;\n}\n.navigation-back[data-v-73d331d3] {\n stroke: var(--theme-color-2, var(--default-theme-color-2));\n cursor: pointer;\n}\n.navigation-back[data-v-73d331d3]:hover {\n stroke: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__close[data-v-73d331d3] {\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-time[data-v-73d331d3] {\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\n.scalar-api-client__item {\n border-radius: var(--theme-radius, var(--default-theme-radius));\n margin-bottom: 6px;\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__toggle:after {\n content: '';\n position: absolute;\n bottom: -6.5px;\n width: 100%;\n height: 6px;\n left: 0;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle:after {\n display: none;\n}\n.scalar-api-client__item:hover,\n.scalar-api-client__item--open {\n background: var(--theme-background-2, var(--default-theme-background-2));\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;\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 font-family: (--theme-font, var(--default-theme-font));\n cursor: pointer;\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-semibold, var(--default-theme-semibold));\n font-family: (--theme-font, var(--default-theme-font));\n user-select: none;\n flex: 1;\n position: relative;\n z-index: 1;\n}\n.scalar-api-client__item .scalar-api-client__toggle__icon {\n width: 10px;\n margin-right: 6px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n z-index: 1;\n position: relative;\n}\n.scalar-api-client__toggle:hover .scalar-api-client__toggle__icon {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__options {\n position: relative;\n z-index: 1;\n}\n.scalar-api-client__item__options span {\n background: transparent;\n padding: 2px 0;\n border-radius: 3px;\n font-size: var(--theme-small, var(--default-theme-small));\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.scalar-api-client__item__options:hover span {\n color: var(--theme-color-1, var(--default-theme-color-1));\n border-color: currentColor;\n}\n.scalar-api-client__item__options span svg {\n width: 15px;\n height: 15px;\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.scalar-api-client__item__content .scalar-api-client__codemirror__wrapper {\n padding-top: 0;\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, var(--default-theme-radius));\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-3, var(--default-theme-color-3));\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: 6px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n width: 24px;\n height: 24px;\n top: 50%;\n transform: translate3d(0, -50%, 0);\n border-radius: 50%;\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-3, var(--default-theme-color-3));\n}\n.table-row-item-menu:hover svg {\n fill: var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row-item input {\n border: none;\n appearance: none;\n outline: none;\n padding: 9px;\n width: 100%;\n min-height: 100%;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: transparent;\n font-family: var(--theme-font, var(--default-theme-font));\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 box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row-item label {\n background: transparent;\n text-transform: uppercase;\n display: block;\n padding: 9px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: var(--theme-color-2, var(--default-theme-color-2));\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: 51px;\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-3, var(--default-theme-color-3));\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: 17px;\n width: 17px;\n background: var(--theme-background-3, var(--default-theme-background-3));\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.meta-checkmark:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.meta-check:focus-within .meta-checkmark {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\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.meta-check input:checked ~ .meta-checkmark:hover {\n background: transparent;\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: 389px;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-radios {\n z-index: 1;\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item {\n display: flex;\n position: relative;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-micro, var(--default-theme-micro));\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:first-of-type {\n border-top: none;\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 padding: 9px;\n}\n.navtable-item-20 {\n width: 20%;\n display: flex;\n align-items: center;\n padding: 9px;\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-3, var(--default-theme-color-3));\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n text-transform: uppercase;\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: 9px;\n min-width: 40px;\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: 10px;\n height: 10px;\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: var(--theme-color-green, var(--default-theme-color-green));\n}\n.scalar-api-client__status--3xx:before {\n background: var(--theme-color-orange, var(--default-theme-color-orange));\n}\n.scalar-api-client__status--4xx:before {\n background: var(--theme-color-red, var(--default-theme-color-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.meta-delete {\n position: absolute;\n right: -9px;\n background: var(\n --theme-background-3,\n var(--default-theme-background-3)\n ) !important;\n height: 20px;\n width: 20px;\n border: none;\n outline: none;\n border-radius: 50%;\n opacity: 0;\n padding: 5px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n}\n.meta-delete svg {\n width: 11px;\n height: 11px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.meta-delete:hover svg {\n color: var(--theme-color-red, var(--default-theme-color-red));\n}\n.meta-delete:focus svg {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.meta-delete:focus {\n border-color: var(--theme-color-1, var(--default-theme-color-1));\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row:hover .meta-delete {\n opacity: 1;\n}\n@media (pointer: coarse) {\n.table-row:hover .meta-delete {\n opacity: 1;\n}\n}\n.meta-add {\n border: none;\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 appearance: none;\n padding: 9px;\n width: 100%;\n appearance: none;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-family: var(--theme-font, var(--default-theme-font));\n color: var(--theme-color-3, var(--default-theme-color-3));\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.meta-add svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.meta-add:hover,\n.meta-add:focus {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n\n.scalar-api-client-add {\n color: var(--theme-color-2, var(--default-theme-color-2));\n padding: 6px;\n width: fit-content;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n cursor: pointer;\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n margin: 0 6px;\n border: none;\n font-family: var(--theme-font);\n appearance: none;\n display: flex;\n align-items: center;\n}\n.scalar-api-client-add svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.scalar-api-client-add:hover {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client-add:focus-within {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n\n.scalar-api-client-add {\n color: var(--theme-color-2, var(--default-theme-color-2));\n padding: 6px;\n width: fit-content;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n cursor: pointer;\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n margin: 0 6px;\n border: none;\n font-family: var(--theme-font);\n appearance: none;\n display: flex;\n align-items: center;\n}\n.scalar-api-client-add svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.scalar-api-client-add:hover {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client-add:focus-within {\n background: var(--theme-background-3, var(--default-theme-background-3));\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 6px 12px 18px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__left {\n width: 100%;\n border-right: none;\n padding: 0 0 12px 12px;\n}\n}\n.scalar-api-client__item__content {\n flex-flow: wrap;\n padding: 3px 9px 9px 9px;\n border-radius: 3px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-size: var(--theme-micro, var(--default-theme-micro));\n margin-top: -3px;\n justify-content: space-between;\n overflow: auto;\n}\n.scalar-api-client__item__content .scalar-api-client__codemirror__wrapper {\n width: 100%;\n min-height: 63px;\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 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-semibold, var(--default-theme-semibold));\n font-family: var(--theme-font, var(--default-theme-font));\n padding: 6px;\n width: fit-content;\n margin: 3px 3px 3px auto;\n text-transform: uppercase;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n color: white;\n cursor: pointer;\n text-align: center !important;\n position: relative;\n}\n.scalar-api-client__item__content-button span {\n position: relative;\n}\n.scalar-api-client__item__content-button:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n cursor: pointer;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));\n}\n.scalar-api-client__item__content-button:hover:before {\n background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));\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: transparent;\n position: relative;\n width: 100%;\n text-align: left;\n display: flex;\n box-shadow: 0 1px 0\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.input:focus-within {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1)) !important;\n z-index: 10;\n}\n.input:first-of-type {\n border-radius: var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius)) 0 0;\n}\n.input:first-child:last-child {\n border-radius: var(--theme-radius, var(--default-theme-radius));\n}\n.input:last-child {\n box-shadow: none;\n border-radius: 0 0 var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius));\n}\n.input__half:first-of-type {\n border-radius: var(--theme-radius, var(--default-theme-radius)) 0 0 0;\n}\n.input__half:nth-of-type(2) {\n border-radius: 0 var(--theme-radius, var(--default-theme-radius)) 0 0;\n}\n.authentication-form {\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius, var(--default-theme-radius));\n width: 100%;\n display: flex;\n flex-flow: wrap;\n}\n.input__half {\n width: 50%;\n}\n.input__half + .input__half {\n border-left: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.input__half:focus-within {\n border-color: transparent;\n}\n.input label,\n.input input {\n padding: 9px;\n border: 0;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-2, var(--default-theme-color-2));\n width: 100%;\n background: transparent;\n appearance: none;\n -webkit-appearance: none;\n left: 0;\n}\n.input label {\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: fit-content;\n padding-right: 0;\n white-space: nowrap;\n cursor: text;\n}\n.input input {\n position: relative;\n z-index: 99;\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: 9px;\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: 9px;\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: 14px 9px 4px 9px;\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 padding: 6px 9px;\n border-radius: 0 0 var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius));\n user-select: none;\n width: 100%;\n outline: none;\n}\n.check:focus-within {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.checkmark:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.check:focus-within {\n border-color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.check p {\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.checkmark {\n height: 17px;\n width: 17px;\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-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.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-3, var(--default-theme-color-3));\n font-size: var(--theme-small, var(--default-theme-small));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: var(--theme-color-3, var(--default-theme-color-3));\n width: 100%;\n padding: 0;\n background: transparent;\n font-family: var(--theme-font, var(--default-theme-font));\n}\n.scalar-api-client__request-name::-webkit-input-placeholder {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.scalar-api-client__request-name:-ms-input-placeholder {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.scalar-api-client__request-name::placeholder {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\na[data-v-ffc7287f] {\n color: var(--theme-color-3, var(--default-theme-color-3));\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-b99d5e90] {\n all: unset;\n display: table-cell;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n padding: 9px !important;\n color: var(--theme-color-1, var(--default-theme-color-1));\n white-space: nowrap;\n}\n.simple-cell a[data-v-b99d5e90] {\n color: var(--theme-color-1, var(--default-theme-color-1)) !important;\n}\n.simple-cell[data-v-b99d5e90]:last-of-type {\n border-right: none;\n}\n.simple-cell.wrap[data-v-b99d5e90] {\n white-space: normal;\n}\n.simple-cell.strong[data-v-b99d5e90] {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\n.simple-header[data-v-6bd3700b] {\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n text-transform: uppercase;\n}\n\n.simple-row[data-v-e7e681a1] {\n all: unset;\n display: table-row;\n box-shadow: 0 -1px var(--theme-border-color, var(--default-theme-border-color));\n}\n.simple-row[data-v-e7e681a1]:first-of-type {\n box-shadow: none;\n}\n\n.simple-table[data-v-8f53a32f] {\n all: unset;\n display: table;\n width: 100%;\n border-spacing: 0;\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius, var(--default-theme-radius));\n}\n\n.scalar-api-client__main__right {\n width: 50%;\n padding: 0 6px 12px 18px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__right {\n width: 100%;\n border-right: none;\n padding: 0 0 12px 12px;\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 /** Make sure box-sizing is set properly. */\n box-sizing: border-box;\n*,\n *:before,\n *:after {\n box-sizing: inherit;\n}\n}\n.scalar-api-client {\n flex: 1;\n max-height: 100vh;\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-color-green,\n var(--default-theme-color-green)\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-color-red,\n var(--default-theme-color-red)\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-color-yellow,\n var(--default-theme-color-yellow)\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-color-blue,\n var(--default-theme-color-blue)\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-color-orange,\n var(--default-theme-color-orange)\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-2);\n color: var(--theme-color-2);\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-family: var(--theme-font, var(--default-theme-font));\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 flex-direction: column;\n}\n}\n\n/** TODO: Consider to make a Column component */\n.scalar-api-client__main__content {\n padding: 12px 6px;\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-semibold, var(--default-theme-semibold));\n display: flex;\n align-items: center;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__content {\n padding: 3px 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-semibold, var(--default-theme-semibold));\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-3, var(--default-theme-color-3));\n min-height: 17px;\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 border-radius: var(--theme-radius, var(--default-theme-radius));\n font-size: var(--theme-small, var(--default-theme-small));\n min-height: 58px;\n display: flex;\n align-items: center;\n justify-content: center;\n}"));
7
7
  document.head.appendChild(elementStyle);
8
8
  }
9
9
  } catch (e) {
@@ -1154,7 +1154,7 @@ const purpleTheme = ".light-mode {\n color-scheme: light;\n --default-theme-co
1154
1154
  const solarizedTheme = ".light-mode {\n color-scheme: light;\n --default-theme-color-1: #584c27;\n --default-theme-color-2: #616161;\n --default-theme-color-3: #a89f84;\n --default-theme-color-accent: #b58900;\n --default-theme-background-1: #fdf6e3;\n --default-theme-background-2: #eee8d5;\n --default-theme-background-3: #ddd6c1;\n --default-theme-background-accent: #b589001f;\n\n --default-theme-border-color: #ded8c8;\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-color-red: #b91c1c;\n --default-theme-color-orange: #a16207;\n --default-theme-color-green: #047857;\n --default-theme-color-blue: #1d4ed8;\n --default-theme-color-orange: #c2410c;\n --default-theme-color-purple: #6d28d9;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: #fff;\n --default-theme-color-2: #cccccc;\n --default-theme-color-3: #6d8890;\n --default-theme-color-accent: #007acc;\n --default-theme-background-1: #00212b;\n --default-theme-background-2: #012b36;\n --default-theme-background-3: #004052;\n --default-theme-background-accent: #015a6f;\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-color-green: #00b648;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #ffc90d;\n --default-theme-color-blue: #4eb3ec;\n --default-theme-color-orange: #ff8d4d;\n --default-theme-color-purple: #b191f9;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--default-theme-background-1);\n --default-sidebar-item-hover-color: currentColor;\n --default-sidebar-item-hover-background: var(--default-theme-background-2);\n --default-sidebar-item-active-background: var(\n --default-theme-background-accent\n );\n --default-sidebar-border-color: var(--default-theme-border-color);\n --default-sidebar-color-1: var(--default-theme-color-1);\n --default-sidebar-color-2: var(--default-theme-color-2);\n --default-sidebar-color-active: var(--default-theme-color-accent);\n --default-sidebar-search-background: var(--default-theme-background-2);\n --default-sidebar-search-border-color: var(--sidebar-search-background);\n --default-sidebar-search--color: var(--default-theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--default-theme-background-1);\n --default-sidebar-item-hover-color: currentColor;\n --default-sidebar-item-hover-background: var(--default-theme-background-2);\n --default-sidebar-item-active-background: var(\n --default-theme-background-accent\n );\n --default-sidebar-border-color: var(--default-theme-border-color);\n --default-sidebar-color-1: var(--default-theme-color-1);\n --default-sidebar-color-2: var(--default-theme-color-2);\n --default-sidebar-color-active: var(--default-sidebar-color-1);\n --default-sidebar-search-background: var(--default-theme-background-2);\n --default-sidebar-search-border-color: var(--sidebar-search-background);\n --default-sidebar-search--color: var(--default-theme-color-3);\n}\n";
1155
1155
  const base = "";
1156
1156
  const scrollbar = "";
1157
- const _sfc_main$o = /* @__PURE__ */ defineComponent({
1157
+ const _sfc_main$p = /* @__PURE__ */ defineComponent({
1158
1158
  __name: "ThemeStyles",
1159
1159
  props: {
1160
1160
  id: {}
@@ -1407,7 +1407,7 @@ const setActiveRequest = (request) => {
1407
1407
  Object.assign(activeRequest, request);
1408
1408
  };
1409
1409
  const readOnly = ref(true);
1410
- const useApiClientRequestStore = () => ({
1410
+ const useRequestStore = () => ({
1411
1411
  authState,
1412
1412
  readOnly,
1413
1413
  activeRequest,
@@ -1419,8 +1419,8 @@ const useApiClientRequestStore = () => ({
1419
1419
  addRequestToHistory,
1420
1420
  setActiveRequest
1421
1421
  });
1422
- const _hoisted_1$l = { class: "modal-layout" };
1423
- const _sfc_main$n = /* @__PURE__ */ defineComponent({
1422
+ const _hoisted_1$m = { class: "modal-layout" };
1423
+ const _sfc_main$o = /* @__PURE__ */ defineComponent({
1424
1424
  __name: "FlowModal",
1425
1425
  props: {
1426
1426
  state: {},
@@ -1436,7 +1436,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
1436
1436
  onClose: _cache[0] || (_cache[0] = ($event) => _ctx.state.hide())
1437
1437
  }, {
1438
1438
  default: withCtx(() => [
1439
- createElementVNode("div", _hoisted_1$l, [
1439
+ createElementVNode("div", _hoisted_1$m, [
1440
1440
  createVNode(unref(Ge), {
1441
1441
  class: normalizeClass(["modal", {
1442
1442
  "modal-content-large": _ctx.variant === "large",
@@ -1475,7 +1475,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
1475
1475
  };
1476
1476
  }
1477
1477
  });
1478
- const FlowModal_vue_vue_type_style_index_0_scoped_30a935b0_lang = "";
1478
+ const FlowModal_vue_vue_type_style_index_0_scoped_046a46e5_lang = "";
1479
1479
  const _export_sfc = (sfc, props) => {
1480
1480
  const target = sfc.__vccOpts || sfc;
1481
1481
  for (const [key, val] of props) {
@@ -1483,7 +1483,7 @@ const _export_sfc = (sfc, props) => {
1483
1483
  }
1484
1484
  return target;
1485
1485
  };
1486
- const FlowModal = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-30a935b0"]]);
1486
+ const FlowModal = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-046a46e5"]]);
1487
1487
  const useModal = () => reactive({
1488
1488
  open: false,
1489
1489
  show() {
@@ -4864,14 +4864,6 @@ const normalizeUrl = (url) => {
4864
4864
  }
4865
4865
  return normalizedUrl;
4866
4866
  };
4867
- const isJson = (value) => {
4868
- try {
4869
- JSON.parse(value);
4870
- } catch {
4871
- return false;
4872
- }
4873
- return true;
4874
- };
4875
4867
  const prepareClientRequestConfig = (configuration) => {
4876
4868
  const { authState: authState2, request } = configuration;
4877
4869
  if (authState2.type === "basic" && authState2.basic.active) {
@@ -4893,7 +4885,7 @@ const prepareClientRequestConfig = (configuration) => {
4893
4885
  }
4894
4886
  ];
4895
4887
  }
4896
- if (request.body && isJson(request.body)) {
4888
+ if (request.body && isJsonString(request.body)) {
4897
4889
  request.headers = [
4898
4890
  ...request.headers ?? [],
4899
4891
  {
@@ -6937,52 +6929,81 @@ async function sendRequest(request, proxyUrl) {
6937
6929
  );
6938
6930
  const url = normalizeUrl(request.url);
6939
6931
  const path = normalizePath(request.path);
6940
- const urlWithPath = concatenateUrlAndPath(url, path);
6932
+ const [urlWithPath, ...urlQueryString] = concatenateUrlAndPath(
6933
+ url,
6934
+ path
6935
+ ).split("?");
6941
6936
  const renderedUrl = replaceVariables(
6942
6937
  urlWithPath,
6943
6938
  mapFromArray(request.parameters ?? [], "name", "value")
6944
6939
  );
6940
+ const queryStringsFromUrl = [];
6941
+ urlQueryString.forEach((queryString2) => {
6942
+ new URLSearchParams(queryString2 ?? "").forEach((value, name) => {
6943
+ queryStringsFromUrl.push({
6944
+ name,
6945
+ value
6946
+ });
6947
+ });
6948
+ });
6945
6949
  const queryString = new URLSearchParams(
6946
- mapFromArray(request.query ?? [], "name", "value")
6950
+ // TODO: No type-casting
6951
+ mapFromArray(
6952
+ [...request.query ?? [], ...queryStringsFromUrl],
6953
+ "name",
6954
+ "value"
6955
+ )
6947
6956
  ).toString();
6948
6957
  const completeUrl = `${renderedUrl}${queryString ? "?" + queryString : ""}`;
6949
6958
  const auth = {
6950
6959
  type: "none"
6951
6960
  };
6952
6961
  const startTime = Date.now();
6953
- const requestOptions = {
6962
+ if (request.cookies) {
6963
+ const cookies2 = mapFromArray(request.cookies, "name", "value");
6964
+ headers.Cookie = Object.keys(cookies2).map((key) => `${key}=${cookies2[key]}`).join("; ");
6965
+ }
6966
+ const requestConfig = {
6954
6967
  method,
6955
6968
  url: completeUrl,
6956
6969
  auth,
6957
6970
  headers,
6958
6971
  data: request.body
6959
6972
  };
6960
- const config = proxyUrl ? {
6973
+ const axiosRequestConfig = proxyUrl ? {
6961
6974
  method: "POST",
6962
6975
  url: proxyUrl,
6963
- data: requestOptions
6976
+ data: requestConfig
6964
6977
  } : {
6965
- method: requestOptions.method,
6966
- url: requestOptions.url,
6967
- headers: requestOptions.headers,
6968
- data: requestOptions.data
6978
+ method: requestConfig.method,
6979
+ url: requestConfig.url,
6980
+ headers: requestConfig.headers,
6981
+ data: requestConfig.data
6969
6982
  };
6970
- console.info(`${requestOptions.method} ${requestOptions.url}`);
6971
- const response = (
6972
- // @ts-ignore
6973
- await axios$1(config).then((res) => {
6983
+ if (proxyUrl) {
6984
+ console.info(`${requestConfig.method} ${proxyUrl} → ${requestConfig.url}`);
6985
+ } else {
6986
+ console.info(`${requestConfig.method} ${requestConfig.url}`);
6987
+ }
6988
+ const response = await axios$1(axiosRequestConfig).then((result) => {
6989
+ if (proxyUrl) {
6974
6990
  return {
6975
- ...proxyUrl ? res.data : res,
6976
- ...!proxyUrl && { statusCode: res.status },
6991
+ ...result.data,
6977
6992
  error: false
6978
6993
  };
6979
- }).catch((err) => {
6980
- return {
6981
- error: true,
6982
- ...err == null ? void 0 : err.response
6983
- };
6984
- })
6985
- );
6994
+ }
6995
+ return {
6996
+ ...result,
6997
+ statusCode: result.status,
6998
+ data: JSON.stringify(result.data),
6999
+ error: false
7000
+ };
7001
+ }).catch((error) => {
7002
+ return {
7003
+ error: true,
7004
+ ...error == null ? void 0 : error.response
7005
+ };
7006
+ });
6986
7007
  return response.error ? null : {
6987
7008
  sentTime: Date.now(),
6988
7009
  request: {
@@ -7189,10 +7210,10 @@ function prettyMilliseconds(milliseconds, options = {}) {
7189
7210
  }
7190
7211
  return options.colonNotation ? result.join("") : result.join(" ");
7191
7212
  }
7192
- const _hoisted_1$k = { class: "navtable-item-40 navtable-item-request" };
7193
- const _hoisted_2$e = { class: "navtable-item-40 navtable-item-response" };
7213
+ const _hoisted_1$l = { class: "navtable-item-40 navtable-item-request" };
7214
+ const _hoisted_2$f = { class: "navtable-item-40 navtable-item-response" };
7194
7215
  const _hoisted_3$a = { class: "navtable-item-20 navtable-item-time" };
7195
- const _sfc_main$m = /* @__PURE__ */ defineComponent({
7216
+ const _sfc_main$n = /* @__PURE__ */ defineComponent({
7196
7217
  __name: "RequestHistoryItem",
7197
7218
  props: {
7198
7219
  history: {}
@@ -7200,7 +7221,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
7200
7221
  setup(__props) {
7201
7222
  TimeAgo.addLocale(en);
7202
7223
  const timeAgo = new TimeAgo("en-US");
7203
- const { requestHistory: requestHistory2, activeRequestId: activeRequestId2, setActiveResponse: setActiveResponse2 } = useApiClientRequestStore();
7224
+ const { requestHistory: requestHistory2, activeRequestId: activeRequestId2, setActiveResponse: setActiveResponse2 } = useRequestStore();
7204
7225
  const getContentLength = (response) => {
7205
7226
  var _a;
7206
7227
  if ((_a = response == null ? void 0 : response.headers) == null ? void 0 : _a["X-API-Client-Content-Length"]) {
@@ -7215,7 +7236,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
7215
7236
  class: normalizeClass(["navtable-item", { "navtable-item__active": unref(activeRequestId2) === _ctx.history }]),
7216
7237
  onClick: _cache[0] || (_cache[0] = ($event) => unref(setActiveResponse2)(_ctx.history))
7217
7238
  }, [
7218
- createElementVNode("div", _hoisted_1$k, [
7239
+ createElementVNode("div", _hoisted_1$l, [
7219
7240
  createElementVNode("button", {
7220
7241
  class: normalizeClass(["radio", unref(requestHistory2)[_ctx.history].request.type.toLowerCase()]),
7221
7242
  type: "button"
@@ -7225,7 +7246,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
7225
7246
  createTextVNode(" " + toDisplayString(unref(requestHistory2)[_ctx.history].request.url), 1)
7226
7247
  ])
7227
7248
  ]),
7228
- createElementVNode("div", _hoisted_2$e, [
7249
+ createElementVNode("div", _hoisted_2$f, [
7229
7250
  createElementVNode("span", null, toDisplayString(unref(prettyMilliseconds)(unref(requestHistory2)[_ctx.history].response.duration)), 1),
7230
7251
  createElementVNode("span", {
7231
7252
  class: normalizeClass(`scalar-api-client__status--${String(
@@ -7241,25 +7262,25 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
7241
7262
  };
7242
7263
  }
7243
7264
  });
7244
- const _hoisted_1$j = { class: "navigation-content-item" };
7245
- const _hoisted_2$d = { class: "navtable" };
7265
+ const _hoisted_1$k = { class: "navigation-content-item" };
7266
+ const _hoisted_2$e = { class: "navtable" };
7246
7267
  const _hoisted_3$9 = { class: "navtable-table" };
7247
7268
  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);
7248
7269
  const _hoisted_5$6 = { class: "navtable-radios" };
7249
7270
  const _hoisted_6$5 = /* @__PURE__ */ createStaticVNode('<div class="navtable-mock"><div class="navtable-item"><div class="navtable-item-40"></div><div class="navtable-item-40"></div><div class="navtable-item-20"></div></div></div>', 1);
7250
- const _sfc_main$l = /* @__PURE__ */ defineComponent({
7271
+ const _sfc_main$m = /* @__PURE__ */ defineComponent({
7251
7272
  __name: "RequestHistory",
7252
7273
  emits: ["toggle"],
7253
7274
  setup(__props) {
7254
- const { requestHistoryOrder: requestHistoryOrder2 } = useApiClientRequestStore();
7275
+ const { requestHistoryOrder: requestHistoryOrder2 } = useRequestStore();
7255
7276
  return (_ctx, _cache) => {
7256
- return openBlock(), createElementBlock("div", _hoisted_1$j, [
7257
- createElementVNode("div", _hoisted_2$d, [
7277
+ return openBlock(), createElementBlock("div", _hoisted_1$k, [
7278
+ createElementVNode("div", _hoisted_2$e, [
7258
7279
  createElementVNode("div", _hoisted_3$9, [
7259
7280
  _hoisted_4$7,
7260
7281
  createElementVNode("div", _hoisted_5$6, [
7261
7282
  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(requestHistoryOrder2), (history) => {
7262
- return openBlock(), createBlock(_sfc_main$m, {
7283
+ return openBlock(), createBlock(_sfc_main$n, {
7263
7284
  key: history,
7264
7285
  history
7265
7286
  }, null, 8, ["history"]);
@@ -7273,10 +7294,10 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
7273
7294
  }
7274
7295
  });
7275
7296
  const RequestHistory_vue_vue_type_style_index_0_lang = "";
7276
- const _hoisted_1$i = { class: "request-method-select" };
7277
- const _hoisted_2$c = ["disabled", "value"];
7297
+ const _hoisted_1$j = { class: "request-method-select" };
7298
+ const _hoisted_2$d = ["disabled", "value"];
7278
7299
  const _hoisted_3$8 = ["value"];
7279
- const _sfc_main$k = /* @__PURE__ */ defineComponent({
7300
+ const _sfc_main$l = /* @__PURE__ */ defineComponent({
7280
7301
  __name: "RequestMethodSelect",
7281
7302
  props: {
7282
7303
  requestMethod: {},
@@ -7296,7 +7317,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
7296
7317
  // 'TRACE',
7297
7318
  ];
7298
7319
  return (_ctx, _cache) => {
7299
- return openBlock(), createElementBlock("div", _hoisted_1$i, [
7320
+ return openBlock(), createElementBlock("div", _hoisted_1$j, [
7300
7321
  createElementVNode("span", {
7301
7322
  class: normalizeClass(["request-method", { "request-method--disabled": _ctx.readOnly }])
7302
7323
  }, [
@@ -7316,19 +7337,19 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
7316
7337
  value: validRequestMethod.toLocaleLowerCase()
7317
7338
  }, toDisplayString(validRequestMethod), 9, _hoisted_3$8);
7318
7339
  }), 64))
7319
- ], 40, _hoisted_2$c)
7340
+ ], 40, _hoisted_2$d)
7320
7341
  ]);
7321
7342
  };
7322
7343
  }
7323
7344
  });
7324
7345
  const RequestMethodSelect_vue_vue_type_style_index_0_scoped_bd1dfcca_lang = "";
7325
- const RequestMethodSelect = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-bd1dfcca"]]);
7326
- const _withScopeId = (n2) => (pushScopeId("data-v-65f9c663"), n2 = n2(), popScopeId(), n2);
7327
- const _hoisted_1$h = {
7346
+ const RequestMethodSelect = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-bd1dfcca"]]);
7347
+ const _withScopeId = (n2) => (pushScopeId("data-v-73d331d3"), n2 = n2(), popScopeId(), n2);
7348
+ const _hoisted_1$i = {
7328
7349
  key: 0,
7329
7350
  class: "loader"
7330
7351
  };
7331
- const _hoisted_2$b = { class: "scalar-api-client__url-form" };
7352
+ const _hoisted_2$c = { class: "scalar-api-client__url-form" };
7332
7353
  const _hoisted_3$7 = { class: "scalar-api-client__field" };
7333
7354
  const _hoisted_4$6 = ["disabled"];
7334
7355
  const _hoisted_5$5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("svg", {
@@ -7382,7 +7403,7 @@ const _hoisted_10$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createE
7382
7403
  })
7383
7404
  ])
7384
7405
  ], -1));
7385
- const _sfc_main$j = /* @__PURE__ */ defineComponent({
7406
+ const _sfc_main$k = /* @__PURE__ */ defineComponent({
7386
7407
  __name: "AddressBar",
7387
7408
  props: {
7388
7409
  proxyUrl: {}
@@ -7402,7 +7423,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
7402
7423
  readOnly: readOnly2,
7403
7424
  setActiveRequest: setActiveRequest2,
7404
7425
  authState: authState2
7405
- } = useApiClientRequestStore();
7426
+ } = useRequestStore();
7406
7427
  const historyModal = useModal();
7407
7428
  const url = computed(() => activeRequest2.url);
7408
7429
  const requestType = computed(() => activeRequest2.type);
@@ -7451,11 +7472,11 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
7451
7472
  };
7452
7473
  return (_ctx, _cache) => {
7453
7474
  return openBlock(), createElementBlock(Fragment, null, [
7454
- loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$h)) : createCommentVNode("", true),
7475
+ loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$i)) : createCommentVNode("", true),
7455
7476
  createElementVNode("div", {
7456
7477
  class: normalizeClass(["scalar-api-client__address-bar", { "scalar-api-client__address-bar__on": showHistory.value }])
7457
7478
  }, [
7458
- createElementVNode("div", _hoisted_2$b, [
7479
+ createElementVNode("div", _hoisted_2$c, [
7459
7480
  createElementVNode("div", _hoisted_3$7, [
7460
7481
  createVNode(RequestMethodSelect, {
7461
7482
  readOnly: unref(readOnly2),
@@ -7490,7 +7511,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
7490
7511
  variant: "history"
7491
7512
  }, {
7492
7513
  default: withCtx(() => [
7493
- createVNode(_sfc_main$l, {
7514
+ createVNode(_sfc_main$m, {
7494
7515
  showHistory: showHistory.value,
7495
7516
  onToggle: _cache[1] || (_cache[1] = ($event) => showHistory.value = !showHistory.value)
7496
7517
  }, null, 8, ["showHistory"])
@@ -7512,9 +7533,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
7512
7533
  };
7513
7534
  }
7514
7535
  });
7515
- const AddressBar_vue_vue_type_style_index_0_scoped_65f9c663_lang = "";
7516
- const AdressBar = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-65f9c663"]]);
7517
- const _hoisted_1$g = /* @__PURE__ */ createElementVNode("svg", {
7536
+ const AddressBar_vue_vue_type_style_index_0_scoped_73d331d3_lang = "";
7537
+ const AdressBar = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-73d331d3"]]);
7538
+ const _hoisted_1$h = /* @__PURE__ */ createElementVNode("svg", {
7518
7539
  class: "scalar-api-client__toggle__icon",
7519
7540
  height: "10",
7520
7541
  viewBox: "0 0 5 10",
@@ -7527,13 +7548,13 @@ const _hoisted_1$g = /* @__PURE__ */ createElementVNode("svg", {
7527
7548
  "fill-rule": "nonzero"
7528
7549
  })
7529
7550
  ], -1);
7530
- const _hoisted_2$a = { class: "scalar-api-client__item__title" };
7551
+ const _hoisted_2$b = { class: "scalar-api-client__item__title" };
7531
7552
  const _hoisted_3$6 = {
7532
7553
  key: 0,
7533
7554
  class: "scalar-api-client__item__options"
7534
7555
  };
7535
7556
  const _hoisted_4$5 = { class: "scalar-api-client__item__content" };
7536
- const _sfc_main$i = /* @__PURE__ */ defineComponent({
7557
+ const _sfc_main$j = /* @__PURE__ */ defineComponent({
7537
7558
  __name: "CollapsibleSection",
7538
7559
  props: {
7539
7560
  title: {}
@@ -7547,8 +7568,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
7547
7568
  }, [
7548
7569
  createVNode(unref(X), { class: "scalar-api-client__toggle" }, {
7549
7570
  default: withCtx(() => [
7550
- _hoisted_1$g,
7551
- createElementVNode("span", _hoisted_2$a, toDisplayString(_ctx.title), 1),
7571
+ _hoisted_1$h,
7572
+ createElementVNode("span", _hoisted_2$b, toDisplayString(_ctx.title), 1),
7552
7573
  _ctx.$slots.options && open ? (openBlock(), createElementBlock("div", _hoisted_3$6, [
7553
7574
  renderSlot(_ctx.$slots, "options")
7554
7575
  ])) : createCommentVNode("", true)
@@ -7571,7 +7592,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
7571
7592
  }
7572
7593
  });
7573
7594
  const CollapsibleSection_vue_vue_type_style_index_0_lang = "";
7574
- const _hoisted_1$f = /* @__PURE__ */ createElementVNode("svg", {
7595
+ const _hoisted_1$g = /* @__PURE__ */ createElementVNode("svg", {
7575
7596
  fill: "none",
7576
7597
  height: "100%",
7577
7598
  stroke: "currentColor",
@@ -7583,7 +7604,7 @@ const _hoisted_1$f = /* @__PURE__ */ createElementVNode("svg", {
7583
7604
  xmlns: "http://www.w3.org/2000/svg"
7584
7605
  })
7585
7606
  ], -1);
7586
- const _hoisted_2$9 = ["disabled", "value"];
7607
+ const _hoisted_2$a = ["disabled", "value"];
7587
7608
  const _hoisted_3$5 = {
7588
7609
  key: 0,
7589
7610
  class: "scalar-api-client__empty-state"
@@ -7631,10 +7652,10 @@ const _hoisted_35 = /* @__PURE__ */ createElementVNode("label", { for: "Username
7631
7652
  const _hoisted_36 = { class: "check" };
7632
7653
  const _hoisted_37 = /* @__PURE__ */ createElementVNode("span", { class: "checkmark" }, null, -1);
7633
7654
  const _hoisted_38 = /* @__PURE__ */ createElementVNode("p", null, "Enabled", -1);
7634
- const _sfc_main$h = /* @__PURE__ */ defineComponent({
7655
+ const _sfc_main$i = /* @__PURE__ */ defineComponent({
7635
7656
  __name: "RequestAuth",
7636
7657
  setup(__props) {
7637
- const store = useApiClientRequestStore();
7658
+ const store = useRequestStore();
7638
7659
  const { authState: authState2 } = store;
7639
7660
  const authTypeFriendlyString = {
7640
7661
  basic: "Basic Auth",
@@ -7667,12 +7688,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
7667
7688
  }
7668
7689
  ];
7669
7690
  return (_ctx, _cache) => {
7670
- return openBlock(), createBlock(unref(_sfc_main$i), { title: "Authentication" }, {
7691
+ return openBlock(), createBlock(unref(_sfc_main$j), { title: "Authentication" }, {
7671
7692
  options: withCtx(() => [
7672
7693
  createElementVNode("div", null, [
7673
7694
  createElementVNode("span", null, [
7674
7695
  createTextVNode(toDisplayString(authTypeFriendlyString[unref(authState2).type]) + " ", 1),
7675
- _hoisted_1$f
7696
+ _hoisted_1$g
7676
7697
  ]),
7677
7698
  withDirectives(createElementVNode("select", {
7678
7699
  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(authState2).type = $event),
@@ -7684,7 +7705,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
7684
7705
  key: option.type,
7685
7706
  disabled: option.disabled,
7686
7707
  value: option.type
7687
- }, toDisplayString(option.text), 9, _hoisted_2$9);
7708
+ }, toDisplayString(option.text), 9, _hoisted_2$a);
7688
7709
  }), 64))
7689
7710
  ], 512), [
7690
7711
  [vModelSelect, unref(authState2).type]
@@ -7891,8 +7912,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
7891
7912
  };
7892
7913
  }
7893
7914
  });
7894
- const _hoisted_1$e = { class: "table" };
7895
- const _hoisted_2$8 = { class: "table-row" };
7915
+ const _hoisted_1$f = { class: "table" };
7916
+ const _hoisted_2$9 = { class: "table-row" };
7896
7917
  const _hoisted_3$4 = /* @__PURE__ */ createElementVNode("div", { class: "table-row-item" }, [
7897
7918
  /* @__PURE__ */ createElementVNode("label", null, "Key")
7898
7919
  ], -1);
@@ -7972,7 +7993,7 @@ const _hoisted_20 = /* @__PURE__ */ createElementVNode("svg", {
7972
7993
  xmlns: "http://www.w3.org/2000/svg"
7973
7994
  })
7974
7995
  ], -1);
7975
- const _sfc_main$g = /* @__PURE__ */ defineComponent({
7996
+ const _sfc_main$h = /* @__PURE__ */ defineComponent({
7976
7997
  __name: "Grid",
7977
7998
  props: {
7978
7999
  items: {},
@@ -7982,8 +8003,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
7982
8003
  setup(__props) {
7983
8004
  const showDescription = ref(false);
7984
8005
  return (_ctx, _cache) => {
7985
- return openBlock(), createElementBlock("div", _hoisted_1$e, [
7986
- createElementVNode("div", _hoisted_2$8, [
8006
+ return openBlock(), createElementBlock("div", _hoisted_1$f, [
8007
+ createElementVNode("div", _hoisted_2$9, [
7987
8008
  _hoisted_3$4,
7988
8009
  _hoisted_4$3,
7989
8010
  withDirectives(createElementVNode("div", _hoisted_5$3, _hoisted_7$2, 512), [
@@ -8043,20 +8064,20 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
8043
8064
  });
8044
8065
  const Grid_vue_vue_type_style_index_0_lang = "";
8045
8066
  const Grid_vue_vue_type_style_index_1_lang = "";
8046
- const _hoisted_1$d = { class: "navtable simpletable" };
8047
- const _hoisted_2$7 = { class: "navtable-table" };
8067
+ const _hoisted_1$e = { class: "navtable simpletable" };
8068
+ const _hoisted_2$8 = { class: "navtable-table" };
8048
8069
  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);
8049
8070
  const _hoisted_4$2 = { class: "navtable-item-33" };
8050
8071
  const _hoisted_5$2 = { class: "navtable-item-66" };
8051
- const _sfc_main$f = /* @__PURE__ */ defineComponent({
8072
+ const _sfc_main$g = /* @__PURE__ */ defineComponent({
8052
8073
  __name: "SimpleGrid",
8053
8074
  props: {
8054
8075
  items: {}
8055
8076
  },
8056
8077
  setup(__props) {
8057
8078
  return (_ctx, _cache) => {
8058
- return openBlock(), createElementBlock("div", _hoisted_1$d, [
8059
- createElementVNode("div", _hoisted_2$7, [
8079
+ return openBlock(), createElementBlock("div", _hoisted_1$e, [
8080
+ createElementVNode("div", _hoisted_2$8, [
8060
8081
  _hoisted_3$3,
8061
8082
  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
8062
8083
  return openBlock(), createElementBlock("div", {
@@ -8076,15 +8097,15 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
8076
8097
  };
8077
8098
  }
8078
8099
  });
8079
- const _hoisted_1$c = { key: 0 };
8080
- const _sfc_main$e = /* @__PURE__ */ defineComponent({
8100
+ const _hoisted_1$d = { key: 0 };
8101
+ const _sfc_main$f = /* @__PURE__ */ defineComponent({
8081
8102
  __name: "RequestBody",
8082
8103
  props: {
8083
8104
  body: {},
8084
8105
  formData: {}
8085
8106
  },
8086
8107
  setup(__props) {
8087
- const { activeRequest: activeRequest2, setActiveRequest: setActiveRequest2 } = useApiClientRequestStore();
8108
+ const { activeRequest: activeRequest2, setActiveRequest: setActiveRequest2 } = useRequestStore();
8088
8109
  const updateActiveRequest = (value) => {
8089
8110
  if (activeRequest2.body !== value) {
8090
8111
  setActiveRequest2({
@@ -8094,9 +8115,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
8094
8115
  }
8095
8116
  };
8096
8117
  return (_ctx, _cache) => {
8097
- return openBlock(), createBlock(unref(_sfc_main$i), { title: "Body" }, {
8118
+ return openBlock(), createBlock(unref(_sfc_main$j), { title: "Body" }, {
8098
8119
  default: withCtx(() => [
8099
- _ctx.body && _ctx.body.length === 0 && _ctx.formData && _ctx.formData.length === 0 ? (openBlock(), createElementBlock("span", _hoisted_1$c, "No Body")) : _ctx.formData && _ctx.formData.length > 0 ? (openBlock(), createBlock(unref(_sfc_main$g), {
8120
+ _ctx.body && _ctx.body.length === 0 && _ctx.formData && _ctx.formData.length === 0 ? (openBlock(), createElementBlock("span", _hoisted_1$d, "No Body")) : _ctx.formData && _ctx.formData.length > 0 ? (openBlock(), createBlock(unref(_sfc_main$h), {
8100
8121
  key: 1,
8101
8122
  items: _ctx.formData
8102
8123
  }, null, 8, ["items"])) : (openBlock(), createBlock(unref(CodeMirror), {
@@ -8112,6 +8133,68 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
8112
8133
  };
8113
8134
  }
8114
8135
  });
8136
+ const _hoisted_1$c = {
8137
+ key: 0,
8138
+ class: "scalar-api-client__empty-state"
8139
+ };
8140
+ const _hoisted_2$7 = /* @__PURE__ */ createElementVNode("svg", {
8141
+ class: "flow-icon",
8142
+ "data-v-aa4fbd2d": "",
8143
+ height: "100%",
8144
+ viewBox: "0 0 48 48",
8145
+ xmlns: "http://www.w3.org/2000/svg"
8146
+ }, [
8147
+ /* @__PURE__ */ createElementVNode("path", {
8148
+ d: "M24 1.714v44.572M1.714 24h44.572",
8149
+ fill: "none",
8150
+ stroke: "currentColor",
8151
+ "stroke-linecap": "round",
8152
+ "stroke-linejoin": "round",
8153
+ "stroke-width": "3.429",
8154
+ xmlns: "http://www.w3.org/2000/svg"
8155
+ })
8156
+ ], -1);
8157
+ const _sfc_main$e = /* @__PURE__ */ defineComponent({
8158
+ __name: "RequestCookies",
8159
+ props: {
8160
+ cookies: {}
8161
+ },
8162
+ setup(__props) {
8163
+ const { activeRequest: activeRequest2 } = useRequestStore();
8164
+ function handleDeleteIndex(index) {
8165
+ var _a;
8166
+ (_a = activeRequest2.cookies) == null ? void 0 : _a.splice(index, 1);
8167
+ }
8168
+ function addAnotherHandler() {
8169
+ var _a;
8170
+ (_a = activeRequest2.cookies) == null ? void 0 : _a.push({ name: "", value: "" });
8171
+ }
8172
+ return (_ctx, _cache) => {
8173
+ return openBlock(), createBlock(unref(_sfc_main$j), { title: "Cookies" }, {
8174
+ default: withCtx(() => [
8175
+ !_ctx.cookies || _ctx.cookies.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
8176
+ createElementVNode("button", {
8177
+ class: "scalar-api-client-add",
8178
+ type: "button",
8179
+ onClick: addAnotherHandler
8180
+ }, [
8181
+ _hoisted_2$7,
8182
+ createTextVNode(" Cookies ")
8183
+ ])
8184
+ ])) : (openBlock(), createBlock(unref(_sfc_main$h), {
8185
+ key: 1,
8186
+ addLabel: "Cookie",
8187
+ items: _ctx.cookies,
8188
+ onAddAnother: addAnotherHandler,
8189
+ onDeleteIndex: handleDeleteIndex
8190
+ }, null, 8, ["items"]))
8191
+ ]),
8192
+ _: 1
8193
+ });
8194
+ };
8195
+ }
8196
+ });
8197
+ const RequestCookies_vue_vue_type_style_index_0_lang = "";
8115
8198
  const _hoisted_1$b = {
8116
8199
  key: 0,
8117
8200
  class: "scalar-api-client__empty-state"
@@ -8139,7 +8222,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
8139
8222
  headers: {}
8140
8223
  },
8141
8224
  setup(__props) {
8142
- const { activeRequest: activeRequest2 } = useApiClientRequestStore();
8225
+ const { activeRequest: activeRequest2 } = useRequestStore();
8143
8226
  function handleDeleteIndex(index) {
8144
8227
  var _a;
8145
8228
  (_a = activeRequest2.headers) == null ? void 0 : _a.splice(index, 1);
@@ -8149,7 +8232,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
8149
8232
  (_a = activeRequest2.headers) == null ? void 0 : _a.push({ name: "", value: "" });
8150
8233
  }
8151
8234
  return (_ctx, _cache) => {
8152
- return openBlock(), createBlock(unref(_sfc_main$i), { title: "Headers" }, {
8235
+ return openBlock(), createBlock(unref(_sfc_main$j), { title: "Headers" }, {
8153
8236
  default: withCtx(() => [
8154
8237
  !_ctx.headers || _ctx.headers.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
8155
8238
  createElementVNode("button", {
@@ -8160,7 +8243,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
8160
8243
  _hoisted_2$6,
8161
8244
  createTextVNode(" Headers ")
8162
8245
  ])
8163
- ])) : (openBlock(), createBlock(unref(_sfc_main$g), {
8246
+ ])) : (openBlock(), createBlock(unref(_sfc_main$h), {
8164
8247
  key: 1,
8165
8248
  addLabel: "Header",
8166
8249
  items: _ctx.headers,
@@ -8201,7 +8284,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
8201
8284
  queries: {}
8202
8285
  },
8203
8286
  setup(__props) {
8204
- const { activeRequest: activeRequest2 } = useApiClientRequestStore();
8287
+ const { activeRequest: activeRequest2 } = useRequestStore();
8205
8288
  function handleDeleteIndex(index) {
8206
8289
  var _a;
8207
8290
  (_a = activeRequest2.query) == null ? void 0 : _a.splice(index, 1);
@@ -8211,7 +8294,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
8211
8294
  (_a = activeRequest2.query) == null ? void 0 : _a.push({ name: "", value: "" });
8212
8295
  }
8213
8296
  return (_ctx, _cache) => {
8214
- return openBlock(), createBlock(unref(_sfc_main$i), { title: "Query Parameters" }, {
8297
+ return openBlock(), createBlock(unref(_sfc_main$j), { title: "Query Parameters" }, {
8215
8298
  default: withCtx(() => [
8216
8299
  !_ctx.queries || _ctx.queries.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
8217
8300
  createElementVNode("button", {
@@ -8222,7 +8305,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
8222
8305
  _hoisted_2$5,
8223
8306
  createTextVNode(" Query Parameter ")
8224
8307
  ])
8225
- ])) : (openBlock(), createBlock(unref(_sfc_main$g), {
8308
+ ])) : (openBlock(), createBlock(unref(_sfc_main$h), {
8226
8309
  key: 1,
8227
8310
  addLabel: "Query Parameter",
8228
8311
  items: _ctx.queries,
@@ -8262,7 +8345,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
8262
8345
  variables: {}
8263
8346
  },
8264
8347
  setup(__props) {
8265
- const { activeRequest: activeRequest2 } = useApiClientRequestStore();
8348
+ const { activeRequest: activeRequest2 } = useRequestStore();
8266
8349
  function handleDeleteIndex(index) {
8267
8350
  var _a;
8268
8351
  (_a = activeRequest2.parameters) == null ? void 0 : _a.splice(index, 1);
@@ -8272,7 +8355,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
8272
8355
  (_a = activeRequest2.parameters) == null ? void 0 : _a.push({ name: "", value: "" });
8273
8356
  }
8274
8357
  return (_ctx, _cache) => {
8275
- return openBlock(), createBlock(unref(_sfc_main$i), { title: "Variables" }, {
8358
+ return openBlock(), createBlock(unref(_sfc_main$j), { title: "Variables" }, {
8276
8359
  default: withCtx(() => [
8277
8360
  !_ctx.variables || _ctx.variables.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
8278
8361
  createElementVNode("button", {
@@ -8283,7 +8366,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
8283
8366
  _hoisted_2$4,
8284
8367
  createTextVNode(" Variable ")
8285
8368
  ])
8286
- ])) : (openBlock(), createBlock(unref(_sfc_main$g), {
8369
+ ])) : (openBlock(), createBlock(unref(_sfc_main$h), {
8287
8370
  key: 1,
8288
8371
  addLabel: "Variable",
8289
8372
  items: _ctx.variables,
@@ -8306,7 +8389,7 @@ const _hoisted_7$1 = /* @__PURE__ */ createElementVNode("div", { class: "scalar-
8306
8389
  const _sfc_main$a = /* @__PURE__ */ defineComponent({
8307
8390
  __name: "Request",
8308
8391
  setup(__props) {
8309
- const { activeRequest: activeRequest2, readOnly: readOnly2 } = useApiClientRequestStore();
8392
+ const { activeRequest: activeRequest2, readOnly: readOnly2 } = useRequestStore();
8310
8393
  return (_ctx, _cache) => {
8311
8394
  return openBlock(), createElementBlock("div", _hoisted_1$8, [
8312
8395
  createElementVNode("div", _hoisted_2$3, [
@@ -8326,17 +8409,20 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
8326
8409
  ])
8327
8410
  ]),
8328
8411
  createElementVNode("div", null, [
8329
- createVNode(_sfc_main$h),
8330
8412
  createVNode(_sfc_main$b, {
8331
8413
  variables: unref(activeRequest2).parameters
8332
8414
  }, null, 8, ["variables"]),
8333
- createVNode(_sfc_main$c, {
8334
- queries: unref(activeRequest2).query
8335
- }, null, 8, ["queries"]),
8415
+ createVNode(_sfc_main$i),
8416
+ createVNode(_sfc_main$e, {
8417
+ cookies: unref(activeRequest2).cookies
8418
+ }, null, 8, ["cookies"]),
8336
8419
  createVNode(_sfc_main$d, {
8337
8420
  headers: unref(activeRequest2).headers
8338
8421
  }, null, 8, ["headers"]),
8339
- createVNode(_sfc_main$e, {
8422
+ createVNode(_sfc_main$c, {
8423
+ queries: unref(activeRequest2).query
8424
+ }, null, 8, ["queries"]),
8425
+ createVNode(_sfc_main$f, {
8340
8426
  body: unref(activeRequest2).body,
8341
8427
  formData: unref(activeRequest2).formData,
8342
8428
  requestBody: unref(activeRequest2).body
@@ -8491,7 +8577,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
8491
8577
  return null;
8492
8578
  });
8493
8579
  return (_ctx, _cache) => {
8494
- return openBlock(), createBlock(unref(_sfc_main$i), { title: "Body" }, {
8580
+ return openBlock(), createBlock(unref(_sfc_main$j), { title: "Body" }, {
8495
8581
  default: withCtx(() => [
8496
8582
  _ctx.active ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
8497
8583
  codeMirrorLanguages.value ? (openBlock(), createBlock(unref(CodeMirror), {
@@ -8531,8 +8617,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
8531
8617
  };
8532
8618
  }
8533
8619
  });
8534
- const HelpfulLink_vue_vue_type_style_index_0_scoped_4e87b5c7_lang = "";
8535
- const HelpfulLink = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-4e87b5c7"]]);
8620
+ const HelpfulLink_vue_vue_type_style_index_0_scoped_ffc7287f_lang = "";
8621
+ const HelpfulLink = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-ffc7287f"]]);
8536
8622
  const _sfc_main$7 = /* @__PURE__ */ defineComponent({
8537
8623
  __name: "SimpleCell",
8538
8624
  props: {
@@ -8618,7 +8704,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
8618
8704
  }).join("-");
8619
8705
  };
8620
8706
  return (_ctx, _cache) => {
8621
- return openBlock(), createBlock(unref(_sfc_main$i), { title: "Headers" }, {
8707
+ return openBlock(), createBlock(unref(_sfc_main$j), { title: "Headers" }, {
8622
8708
  default: withCtx(() => [
8623
8709
  _ctx.headers.length > 0 ? (openBlock(), createBlock(unref(SimpleTable), { key: 0 }, {
8624
8710
  default: withCtx(() => [
@@ -8751,7 +8837,7 @@ const _hoisted_9 = /* @__PURE__ */ createElementVNode("div", { class: "scalar-ap
8751
8837
  const _sfc_main$1 = /* @__PURE__ */ defineComponent({
8752
8838
  __name: "Response",
8753
8839
  setup(__props) {
8754
- const { activeResponse: activeResponse2, activeRequestId: activeRequestId2 } = useApiClientRequestStore();
8840
+ const { activeResponse: activeResponse2, activeRequestId: activeRequestId2 } = useRequestStore();
8755
8841
  const responseHeaders = computed(() => {
8756
8842
  var _a;
8757
8843
  const headers = (_a = activeResponse2.value) == null ? void 0 : _a.headers;
@@ -8798,9 +8884,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
8798
8884
  headers: responseHeaders.value
8799
8885
  }, null, 8, ["active", "data", "headers"]),
8800
8886
  createVNode(_sfc_main$3, { headers: responseHeaders.value }, null, 8, ["headers"]),
8801
- createVNode(unref(_sfc_main$i), { title: "Cookies" }, {
8887
+ createVNode(unref(_sfc_main$j), { title: "Cookies" }, {
8802
8888
  default: withCtx(() => [
8803
- withDirectives(createVNode(unref(_sfc_main$f), { items: responseCookies.value }, null, 8, ["items"]), [
8889
+ withDirectives(createVNode(unref(_sfc_main$g), { items: responseCookies.value }, null, 8, ["items"]), [
8804
8890
  [vShow, responseCookies.value.length > 0]
8805
8891
  ]),
8806
8892
  responseCookies.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_8, "No Cookies")) : createCommentVNode("", true)
@@ -8825,7 +8911,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
8825
8911
  emits: ["escapeKeyPress"],
8826
8912
  setup(__props, { emit }) {
8827
8913
  const props = __props;
8828
- const { activeRequest: activeRequest2, readOnly: stateReadOnly } = useApiClientRequestStore();
8914
+ const { activeRequest: activeRequest2, readOnly: stateReadOnly } = useRequestStore();
8829
8915
  const isSmallScreen = useMediaQuery("(max-width: 820px)");
8830
8916
  const selectedTab = ref(0);
8831
8917
  const Tabs = {
@@ -8848,7 +8934,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
8848
8934
  });
8849
8935
  return (_ctx, _cache) => {
8850
8936
  return openBlock(), createElementBlock(Fragment, null, [
8851
- createVNode(unref(_sfc_main$o), { id: _ctx.theme }, null, 8, ["id"]),
8937
+ createVNode(unref(_sfc_main$p), { id: _ctx.theme }, null, 8, ["id"]),
8852
8938
  createElementVNode("div", {
8853
8939
  class: normalizeClass(["scalar-api-client", `scalar-api-client--${unref(activeRequest2).type.toLowerCase() || "get"}`]),
8854
8940
  onKeydown: _cache[1] || (_cache[1] = withKeys(($event) => emit("escapeKeyPress"), ["esc"]))
@@ -8934,7 +9020,7 @@ export {
8934
9020
  prepareClientRequestConfig,
8935
9021
  replaceVariables,
8936
9022
  sendRequest,
8937
- useApiClientRequestStore,
8938
9023
  useApiClientStore,
9024
+ useRequestStore,
8939
9025
  validRequestMethods
8940
9026
  };