@scalar/api-client 0.6.0 → 0.7.1

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 (14) hide show
  1. package/dist/components/ApiClient/AddressBar.vue.d.ts +0 -2
  2. package/dist/components/ApiClient/AddressBar.vue.d.ts.map +1 -1
  3. package/dist/components/ApiClient/ApiClient.vue.d.ts +18 -5
  4. package/dist/components/ApiClient/ApiClient.vue.d.ts.map +1 -1
  5. package/dist/components/ApiClient/Response/ResponseBody.vue.d.ts +8 -0
  6. package/dist/components/ApiClient/Response/ResponseBody.vue.d.ts.map +1 -1
  7. package/dist/components/SimpleTable/SimpleCell.vue.d.ts +8 -8
  8. package/dist/helpers/sendRequest.d.ts.map +1 -1
  9. package/dist/index.js +450 -258
  10. package/dist/types.d.ts +1 -0
  11. package/dist/types.d.ts.map +1 -1
  12. package/package.json +7 -4
  13. package/dist/components/FlowModal.vue.d.ts +0 -62
  14. package/dist/components/FlowModal.vue.d.ts.map +0 -1
package/dist/index.js CHANGED
@@ -3,14 +3,14 @@
3
3
  try {
4
4
  if (typeof document != "undefined") {
5
5
  var elementStyle = document.createElement("style");
6
- elementStyle.appendChild(document.createTextNode(".cm-scroller,\n.custom-scroll {\n overflow-y: scroll;\n scrollbar-color: transparent transparent;\n scrollbar-width: thin;\n -webkit-overflow-scrolling: touch;\n}\n.custom-scroll-self-contain-overflow {\n overscroll-behavior: contain;\n}\n.custom-scroll-extra-padding-right {\n padding-right: 12px !important;\n}\n@supports (-moz-appearance: none) {\n .cm-scroller,\n .custom-scroll {\n padding-right: 12px;\n }\n .custom-scroll-extra-padding-right {\n padding-right: 24px !important;\n }\n}\n.cm-scroller:hover,\n.custom-scroll:hover {\n scrollbar-color: var(--theme-scrollbar-color) transparent;\n}\n.cm-scroller:hover::-webkit-scrollbar-thumb,\n.custom-scroll:hover::-webkit-scrollbar-thumb {\n background: var(--theme-scrollbar-color);\n background-clip: content-box;\n border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb:active,\n.custom-scroll::-webkit-scrollbar-thumb:active {\n background: var(--theme-scrollbar-color-active);\n background-clip: content-box;\n border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-corner,\n.custom-scroll::-webkit-scrollbar-corner {\n background: transparent;\n}\n.cm-scroller::-webkit-scrollbar,\n.custom-scroll::-webkit-scrollbar {\n height: 12px;\n width: 12px;\n}\n.cm-scroller::-webkit-scrollbar-track,\n.custom-scroll::-webkit-scrollbar-track {\n background: transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb,\n.custom-scroll::-webkit-scrollbar-thumb {\n border-radius: 20px;\n background: transparent;\n background-clip: content-box;\n border: 3px solid transparent;\n}\n@media (pointer: coarse) {\n .cm-scroller,\n .custom-scroll {\n padding-right: 12px;\n }\n .custom-scroll-extra-padding-right {\n padding-right: 24px !important;\n }\n}\n:root {\n --app-header-height: 50px;\n --theme-border-width: 1px;\n --theme-radius: 3px;\n --theme-radius-lg: 6px;\n --theme-radius-xl: 8px;\n\n --theme-header-height: 50px;\n --theme-sidebar-width: 250px;\n --theme-toc-width: 250px;\n\n /* TYPOGRAPHY ------------------------------------ */\n --theme-font: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,\n 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n --theme-font-code: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Mono',\n 'Droid Sans Mono', 'Source Code Pro', monospace;\n\n /** Font sizes for rendered text content (editor styles or static content) */\n --theme-heading-1: 40px; /* Editor Page heading */\n --theme-page-description: 24px;\n --theme-heading-2: 24px; /* Editor section headings */\n --theme-heading-3: 20px;\n --theme-heading-4: 16px;\n --theme-heading-5: 16px;\n --theme-heading-6: 16px;\n\n --theme-paragraph: 16px;\n --theme-small: 14px;\n --theme-mini: 13px;\n --theme-micro: 12px;\n --theme-bold: 600;\n --theme-semibold: 500;\n --theme-regular: 400;\n\n /* Font sizes for interactive applications (not rendered text content) */\n --theme-font-size-1: 24px;\n --theme-font-size-2: 16px;\n --theme-font-size-3: 14px;\n --theme-font-size-4: 13px;\n --theme-font-size-5: 12px;\n\n --theme-line-height-1: 32px;\n --theme-line-height-2: 24px;\n --theme-line-height-3: 20px;\n --theme-line-height-4: 18px;\n --theme-line-height-5: 16px;\n\n --theme-font-medium: 500;\n --theme-font-bold: 700;\n\n /* let's clean these up please :) */\n --scalar-api-reference-theme-header-height: 0;\n --scalar-api-reference-theme-sidebar-width: 250px;\n --scalar-api-reference-theme-toc-width: 250px;\n --scalar-api-reference-app-header-height: 100px;\n --scalar-api-reference-col-width-1: 250px;\n --scalar-api-reference-col-width-2: calc(50% - 150px);\n --scalar-api-reference-col-width-3: calc(50% - 150px);\n --scalar-api-reference-document-height: 100vh;\n --scalar-api-reference-full-height: 100%;\n}\n\n@media (max-width: 460px) {\n :root {\n --theme-font-size-1: 22px;\n --theme-font-size-2: 14px;\n --theme-font-size-3: 12px;\n }\n}\n\n@media (max-width: 720px) {\n :root {\n --theme-heading-1: 24px;\n --theme-page-description: 20px;\n }\n}\n.light-mode {\n color-scheme: light;\n --theme-color-1: #2a2f45;\n --theme-color-2: #757575;\n --theme-color-3: #8e8e8e;\n --theme-color-disabled: #b4b1b1;\n --theme-color-ghost: #a7a7a7;\n --theme-color-accent: #0099ff;\n --theme-background-1: #fff;\n --theme-background-2: #f6f6f6;\n --theme-background-3: #e7e7e7;\n --theme-background-4: rgba(0, 0, 0, 0.06);\n --theme-background-accent: #8ab4f81f;\n\n --theme-border-color: rgba(0, 0, 0, 0.1);\n --theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --theme-lifted-brightness: 1;\n --theme-backdrop-brightness: 1;\n\n --theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n --theme-button-1: rgb(49 53 56);\n --theme-button-1-color: #fff;\n --theme-button-1-hover: rgb(28 31 33);\n\n --theme-error-color: #ae262f;\n --theme-warning-color: #d89c6a;\n --theme-success-color: #26ae42;\n\n /* REST API Client Colors */\n --theme-post-color: #00a67d;\n --theme-post-background: #00a67d1a;\n --theme-delete-color: #ef0006;\n --theme-delete-background: #ef00061a;\n --theme-patch-color: #b2b062;\n --theme-patch-background: #ffe6001a;\n --theme-get-color: #0082d0;\n --theme-get-background: #0082d01a;\n --theme-put-color: #f3830e;\n --theme-put-background: #f3830e1a;\n\n /* Misc Scalar Branding */\n --scalar-brand: #faf6e9;\n}\n.dark-mode {\n color-scheme: dark;\n --theme-color-1: rgba(255, 255, 255, 0.9);\n --theme-color-2: rgba(255, 255, 255, 0.62);\n --theme-color-3: rgba(255, 255, 255, 0.44);\n --theme-color-disabled: rgba(255, 255, 255, 0.34);\n --theme-color-ghost: rgba(255, 255, 255, 0.26);\n --theme-color-accent: #8ab4f8;\n --theme-background-1: #1a1a1a;\n --theme-background-2: #252525;\n --theme-background-3: #323232;\n --theme-background-4: rgba(255, 255, 255, 0.06);\n --theme-background-accent: #8ab4f81f;\n\n --theme-border-color: rgba(255, 255, 255, 0.1);\n --theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --theme-lifted-brightness: 1.45;\n --theme-backdrop-brightness: 0.5;\n\n --theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --theme-button-1: #f6f6f6;\n --theme-button-1-color: #000;\n --theme-button-1-hover: #e7e7e7;\n\n --theme-error-color: #ff0011;\n --theme-success-color: #26ae42;\n\n /* REST API Client Colors */\n --theme-post-color: #7ee787;\n --theme-post-background: #7ee78714;\n --theme-delete-color: #e77e7e;\n --theme-delete-background: #e77e7e24;\n --theme-patch-color: #b2b062;\n --theme-patch-background: #b2b06229;\n --theme-get-color: #79c0ff;\n --theme-get-background: #79c0ff21;\n --theme-put-color: #e9950c;\n --theme-put-background: #e9950c21;\n\n /* Misc Scalar Branding */\n --scalar-brand: #8b7256;\n}\n\n.modal-layout[data-v-3f4ab567] {\n position: fixed;\n width: 100vw;\n height: 100vh;\n top: 0;\n left: 0;\n z-index: 1001;\n background: rgba(0, 0, 0, 0.44);\n padding: 20px;\n opacity: 0;\n animation: modal-fade-3f4ab567 0.2s forwards;\n}\n.modal-body[data-v-3f4ab567] {\n padding: 24px 12px 18px 24px;\n max-height: calc(100vh - 240px);\n background: var(--theme-background-1);\n border-radius: var(--theme-radius-lg);\n font-family: var(--theme-font);\n}\n.modal[data-v-3f4ab567] {\n margin: 80px auto 0;\n position: relative;\n background: var(--theme-background-2);\n border-radius: var(--theme-radius-lg);\n color: var(--theme-color-1);\n width: 100%;\n text-align: left;\n line-height: 1.4;\n opacity: 0;\n transform: scale(0.98);\n animation: modal-pop-3f4ab567 0.15s 0.15s forwards;\n display: flex;\n flex-direction: column;\n}\n.modal-content-large[data-v-3f4ab567] {\n max-width: 800px;\n}\n.modal-content-normal[data-v-3f4ab567] {\n max-width: 640px;\n}\n.modal-content-small[data-v-3f4ab567] {\n max-width: 480px;\n}\n@keyframes modal-fade-3f4ab567 {\nfrom {\n opacity: 0;\n}\nto {\n opacity: 1;\n}\n}\n@keyframes modal-pop-3f4ab567 {\n0% {\n opacity: 0;\n}\n100% {\n opacity: 1;\n transform: scale(1);\n}\n}\n.modal-header[data-v-3f4ab567] {\n padding: 12px 24px;\n color: var(--theme-color-1);\n font-size: var(--theme-font-size-4);\n text-align: left;\n font-weight: 600;\n border-radius: var(--theme-radius-lg) var(--theme-radius-lg) 0 0;\n}\n\n.navtable-mock {\n background-repeat: repeat;\n width: 100%;\n background-image: linear-gradient(\n 0deg,\n var(--theme-border-color) 1px,\n --theme-background-1 1px\n );\n background-size: 31px 31px;\n background-position: center 1px;\n flex: 1;\n position: relative;\n}\n.navtable-mock .navtable-item {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n background: transparent;\n border-top: none;\n}\n.radio {\n height: 16px;\n width: 16px;\n background: transparent;\n border: var(--border);\n flex-shrink: 0;\n margin-right: 6px;\n margin-left: 4px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n outline: none;\n}\n.radio:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n cursor: pointer;\n}\n.navtable-item__active .radio:after {\n content: '';\n width: 5px;\n height: 8px;\n border: solid white;\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(-0.5px, -1px, 0);\n}\n.radio.post {\n background: var(--theme-post-color);\n}\n.radio.delete {\n background: var(--theme-delete-color);\n}\n.radio.patch {\n background: var(--theme-patch-color);\n}\n.radio.get {\n background: var(--theme-get-color);\n}\n.radio.put {\n background: var(--theme-put-color);\n}\n\n.scalar-api-client__address-bar {\n width: 100%;\n padding: 12px 12px 10px 12px;\n display: flex;\n align-items: center;\n position: relative;\n background: var(--theme-background-1);\n}\n.scalar-api-client__url-form {\n display: flex;\n width: 100%;\n align-items: stretch;\n border-radius: var(--theme-radius-lg);\n}\n.scalar-api-client__field {\n border: 1px solid var(--theme-border-color);\n border-right: 0;\n border-radius: var(--theme-radius-lg) 0 0 var(--theme-radius-lg);\n display: flex;\n align-items: stretch;\n width: 100%;\n}\n.scalar-api-client__address-bar-data {\n width: 100%;\n}\n.scalar-api-client__address-bar-data-meta {\n display: flex;\n margin-top: 5px;\n}\n.scalar-api-client__request-type {\n display: flex;\n align-items: center;\n background: var(--theme-background-2);\n color: var(--theme-color-disabled);\n appearance: none;\n -webkit-appearance: none;\n padding: 0 12px;\n border-right: 1px solid var(--theme-border-color);\n border-radius: var(--theme-radius-lg) 0 0 var(--theme-radius-lg);\n position: relative;\n}\n.scalar-api-client__request-type span {\n font-family: var(--theme-font-code);\n font-size: 500;\n font-size: 12px;\n text-transform: uppercase;\n}\n.scalar-api-client__request-type svg {\n margin-left: 6px;\n width: 8px;\n}\n.scalar-api-client__request-type i {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n margin-right: 6px;\n text-align: center;\n line-height: 18px;\n font-style: normal;\n flex-shrink: 0;\n display: inline-block;\n color: var(--theme-color-disabled);\n background: var(--scalar-api-client-color);\n}\n.meta-request-break {\n margin: 0 5px;\n}\n.scalar-api-client__history {\n appearance: none;\n -webkit-appearance: none;\n background: transparent;\n color: var(--theme-color-2);\n display: flex;\n align-items: center;\n border-radius: var(--theme-radius-lg);\n height: 100%;\n}\n.scalar-api-client__send-request-button[type='submit'] {\n font-size: var(--theme-mini);\n letter-spacing: 0.25px;\n line-height: 30px;\n font-weight: var(--theme-semibold);\n color: white;\n border: none;\n white-space: nowrap;\n padding: 0 10px;\n text-transform: uppercase;\n cursor: pointer;\n outline: none;\n border-radius: 0 var(--theme-radius-lg) var(--theme-radius-lg) 0;\n background: var(--scalar-api-client-color);\n /** #087f5b */\n display: flex;\n align-items: center;\n}\n.scalar-api-client__send-request-button svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.scalar-api-client__send-request-button--loading {\n font-size: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 127px;\n}\n.scalar-api-client__send-request-button--loading svg {\n display: none;\n}\n.scalar-api-client__send-request-button--loading:before {\n content: '';\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-top: 1px solid white;\n animation: urlloader 0.45s linear infinite;\n background: transparent;\n width: 14px;\n height: 14px;\n margin-left: 0;\n margin-right: 9px;\n border-radius: 50%;\n}\n.scalar-api-client__send-request-button--loading:after {\n content: 'Loading';\n font-size: 12px;\n}\n@keyframes urlloader {\n0% {\n transform: rotate(0deg);\n}\nto {\n transform: rotate(1turn);\n}\n}\n.scalar-api-client__history-toggle {\n padding: 0 9px;\n line-height: 30px;\n color: var(--theme-color-disabled);\n font-size: var(--theme-mini);\n letter-spacing: 0.125px;\n font-weight: var(--theme-semibold);\n text-transform: uppercase;\n height: 100%;\n display: flex;\n align-items: center;\n cursor: pointer;\n white-space: nowrap;\n border: 1px solid var(--theme-border-color);\n margin-left: 12px;\n border-radius: var(--theme-radius-lg);\n}\n.scalar-api-client__history-toggle:hover {\n background: var(--theme-background-2);\n}\n.scalar-api-client__history-toggle svg {\n height: 13px;\n width: 13px;\n margin-right: 6px;\n color: var(--theme-color-disabled);\n}\n.scalar-api-client__address-bar-close {\n fill: var(--theme-color-disabled);\n margin-left: 12px;\n height: 24px;\n}\n.scalar-api-client__address-bar-close:hover {\n cursor: pointer;\n fill: var(--theme-color-1);\n}\n.scalar-api-client__address-bar__content {\n width: 640px;\n height: 100%;\n background: var(--theme-background-1);\n position: fixed;\n top: 0;\n right: 0;\n z-index: 1000;\n transform: translate3d(640px, 0, 0);\n opacity: 0;\n transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),\n opacity 0.01s ease-in-out 0.5s;\n pointer-events: none;\n}\n.scalar-api-client__address-bar-content-item {\n height: 100vh;\n max-height: 100vh;\n overflow: auto;\n}\n.scalar-api-client__address-bar__on {\n z-index: 100000;\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__content {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n pointer-events: all;\n transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__close {\n opacity: 1;\n pointer-events: all;\n cursor: pointer;\n}\n.scalar-api-client__address-bar .navtable-item__active {\n background: var(--theme-background-2);\n cursor: default;\n}\n.scalar-api-client__address-bar .navtable-item__active .radio:before {\n display: none;\n}\n.navigation-back {\n stroke: var(--theme-color-2);\n cursor: pointer;\n}\n.navigation-back:hover {\n stroke: var(--theme-color-1);\n}\n.scalar-api-client__address-bar__close {\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n /* background: rgba(0,0,0,.55);\n */\n pointer-events: none;\n opacity: 0;\n transition: all 0.1s ease-in-out;\n z-index: 1000;\n}\n.navtable-item-request span {\n padding: 8px 9px 8px 0;\n border: none;\n outline: none;\n font-size: 12px;\n color: var(--theme-color-1);\n width: 100%;\n display: block;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.navtable-item-request span em {\n text-transform: uppercase;\n font-style: normal;\n font-family: var(--theme-font-code);\n font-size: 11px;\n margin-right: 6px;\n font-weight: var(--theme-bold);\n color: var(--theme-color-disabled);\n}\n.navtable-item-time {\n font-size: 12px;\n color: var(--theme-color-1);\n text-transform: capitalize;\n padding: 0 9px;\n}\n@media screen and (max-width: 720px) {\n.scalar-api-client__history-toggle span,\n .scalar-api-client__send-request-button span {\n display: none;\n}\n.scalar-api-client__history-toggle svg,\n .scalar-api-client__send-request-button svg {\n margin-right: 0;\n}\n.scalar-api-client__history-toggle,\n .scalar-api-client__send-request-button {\n height: 31.5px;\n width: 31.5px;\n}\n}\n\n.scalar-api-client__item {\n border-radius: var(--theme-radius-lg);\n margin-bottom: 6px;\n background: var(--theme-background-2);\n box-shadow: var(--shadow1);\n position: relative;\n}\n.scalar-api-client__item button {\n background-color: transparent;\n text-align: left;\n}\n.scalar-api-client__item:hover {\n cursor: pointer;\n}\n.scalar-api-client__item--open {\n background: var(--theme-background-2);\n}\n.scalar-api-client__item--open:focus-within {\n box-shadow: var(--shadow1);\n}\n.scalar-api-client__item--open .scalar-api-client__item__content {\n display: flex;\n}\n.scalar-api-client__item--open:hover {\n cursor: default;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle__icon {\n transform: rotate(90deg);\n}\n.scalar-api-client__toggle {\n padding: 6px 12px;\n min-height: 37px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n position: relative;\n width: 100%;\n}\n.scalar-api-client__item .scalar-api-client__item__title {\n color: var(--theme-color-1);\n font-size: var(--theme-small);\n font-weight: var(--theme-bold);\n user-select: none;\n flex: 1;\n}\n.scalar-api-client__item .scalar-api-client__item__title:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: block;\n}\n.scalar-api-client__item .scalar-api-client__toggle__icon {\n width: 10px;\n margin-right: 6px;\n color: var(--theme-color-1);\n}\n.scalar-api-client__item__options {\n position: relative;\n}\n.scalar-api-client__item__options span {\n background: var(--theme-background-3);\n padding: 2px 6px;\n border-radius: 3px;\n font-size: 12px;\n pointer-events: none;\n color: var(--theme-color-2);\n border: 1px solid var(--theme-border-color);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.scalar-api-client__item__options span svg {\n width: 9px;\n height: 9px;\n margin-left: 3px;\n}\n.scalar-api-client__item__options select {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: pointer;\n}\n\n.table {\n border: 1px solid var(--theme-border-color);\n background: transparent;\n border-radius: var(--theme-radius-lg);\n width: 100%;\n}\n.table-row {\n border-bottom: 1px solid var(--theme-border-color);\n display: flex;\n position: relative;\n}\n.table-row__add {\n border-radius: 0 0 var(--theme-radius-lg) var(--theme-radius-lg);\n border-bottom: none;\n}\n.table-row.required-parameter .table-row-item:nth-of-type(2):after {\n content: 'Required';\n position: absolute;\n top: 4px;\n right: 0;\n padding: 5px 9px 5px 6px;\n font-weight: var(--theme-semibold);\n font-size: 12px;\n background: var(--theme-background-2);\n box-shadow: -2px 0 4px var(--theme-background-2);\n}\n.table-row.required-parameter\n .table-row-item:nth-of-type(2):focus-within:after {\n display: none;\n}\n.table-row:last-of-type {\n border-bottom: none;\n}\n.table-row__active {\n border-radius: 0 0 var(--theme-radius-lg) var(--theme-radius-lg);\n}\n.table-row-drag {\n width: 20px;\n flex-shrink: 0;\n border-right: 1px solid var(--theme-border-color);\n align-items: center;\n justify-content: center;\n display: none;\n}\n.table-row-drag svg {\n width: 6px;\n fill: var(--theme-color-disabled);\n}\n.table-row-drag .table-row-drag-add {\n width: 8px;\n}\n.table-row-item {\n width: 100%;\n border-right: 1px solid var(--theme-border-color);\n position: relative;\n}\n.table-row-item-menu {\n position: absolute;\n right: 12px;\n background: var(--theme-background-3);\n border: 1px solid var(--theme-border-color);\n width: 24px;\n height: 24px;\n top: 50%;\n transform: translate3d(0, -50%, 0);\n border-radius: var(--theme-radius-lg);\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n cursor: pointer;\n}\n.table-row-item input:focus + .table-row-item-menu,\n.table-row-item:hover .table-row-item-menu {\n opacity: 1;\n}\n.table-row-item-menu svg {\n height: 12px;\n width: initial;\n fill: var(--theme-color-disabled);\n}\n.table-row-item input {\n border: none;\n appearance: none;\n outline: none;\n padding: 9px;\n width: 100%;\n color: var(--theme-color-1);\n font-size: 12px;\n}\n.table-row-item input[disabled] {\n background: transparent;\n font-family: var(--theme-font-code);\n}\n.table-row-item input:focus {\n background: var(--theme-background-2);\n}\n.table-row-item label {\n background: transparent;\n text-transform: uppercase;\n display: block;\n padding: 9px;\n font-weight: var(--theme-bold);\n color: var(--theme-color-disabled);\n font-size: 12px;\n}\n.table-row-meta {\n overflow: hidden;\n flex-shrink: 0;\n transition: all 0.15s ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n user-select: none;\n}\n.table-row-meta-check {\n width: 18px;\n height: 18px;\n border-radius: var(--theme-radius-lg);\n background: rgba(47, 177, 228, 0.1);\n}\n.table-row-meta svg {\n width: 13px;\n height: 13px;\n margin: 0 1px;\n color: var(--theme-color-disabled);\n cursor: pointer;\n}\n.table-row-meta svg:hover {\n color: var(--theme-color-2);\n}\n.meta-check {\n display: flex;\n position: relative;\n cursor: pointer;\n align-items: center;\n font-size: 12px;\n border-radius: var(--theme-radius-lg);\n user-select: none;\n margin: 0 1px;\n transition: all 0.15s ease-in-out;\n}\n.meta-check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.meta-checkmark {\n height: 15px;\n width: 15px;\n background: var(--theme-background-1);\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.meta-check .meta-checkmark:after {\n content: '';\n display: none;\n width: 5px;\n height: 8px;\n border: solid var(--theme-color-1);\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.meta-check input:checked ~ .meta-checkmark:after {\n display: block;\n}\n\n.navtable {\n width: 100%;\n}\n.navtable-follow {\n background-color: black;\n color: white;\n font-size: 9px;\n padding: 6px;\n display: -webkit-box;\n max-width: 250px;\n -webkit-line-clamp: 12;\n border-radius: 3px;\n -webkit-box-orient: vertical;\n overflow: hidden;\n line-height: 1.24;\n transform: translate3d(10px, 0, 0);\n}\n.navtable-follow:after {\n content: '';\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 6px;\n background-color: black;\n}\n.navtable-follow * {\n font-family: var(--theme-font-code) !important;\n}\n.navtable-table {\n position: relative;\n display: flex;\n flex-direction: column;\n min-height: 381px;\n}\n.navtable-item {\n display: flex;\n position: relative;\n color: var(--theme-color-1);\n border-top: 1px solid var(--theme-border-color);\n font-weight: var(--theme-semibold);\n}\n.navtable-item > div {\n word-wrap: break-word;\n}\n.navtable-item > div:not(:first-child) {\n border-left: 1px solid var(--theme-border-color);\n}\n.navtable-item-action {\n color: var(--theme-color-2);\n font-size: 12px;\n font-weight: var(--theme-bold);\n background: var(--scalar-api-client-bg3);\n border: none;\n border-radius: 30px;\n appearance: none;\n max-height: 25px;\n margin-left: 12px;\n margin-right: 6px;\n padding: 4px 8px;\n outline: none;\n cursor: pointer;\n opacity: 0;\n transition: opacity 0.15s ease-in-out;\n white-space: nowrap;\n position: relative;\n}\n.navtable-item-action:hover {\n color: var(--theme-color-1);\n background: var(--scalar-api-client-gradient);\n box-shadow: 0 0 0 1px var(--theme-border-color);\n}\n.navtable-item-action:focus {\n background: var(--theme-background-2);\n}\n.navtable-item:hover,\n.navtable-item:focus-within .navtable-item-action {\n opacity: 1;\n}\n.navtable-item-add {\n display: flex;\n align-items: center;\n padding: 9px;\n font-weight: var(--theme-bold);\n outline: none;\n border: none;\n appearance: none;\n background: transparent;\n color: var(--theme-color-1);\n}\n.navtable-item-add:hover {\n background: var(--theme-background-2);\n cursor: pointer;\n}\n.navtable-item-25 {\n width: 25%;\n font-size: 12px;\n display: flex;\n align-items: center;\n}\n.navtable-item-33 {\n width: 33.33333%;\n display: flex;\n font-size: 12px;\n align-items: center;\n}\n.navtable-item-66 {\n width: 66.6666%;\n display: flex;\n font-size: 12px;\n align-items: center;\n}\n.navtable-item-75 {\n width: 75%;\n display: flex;\n align-items: center;\n}\n.navtable-item-75:focus-within {\n background: var(--theme-background-2);\n}\n.navtable-item-40 {\n width: 40%;\n display: flex;\n align-items: center;\n}\n.navtable-item-20 {\n width: 20%;\n display: flex;\n align-items: center;\n}\n.navtable-item-50 {\n width: 50%;\n display: flex;\n align-items: center;\n}\n.navtable-item-50:focus-within {\n background: var(--theme-background-2);\n}\n.navtable-item p {\n padding: 9px;\n}\n.navtable-item input {\n padding: 12px 6px;\n border: none;\n outline: none;\n appearance: none;\n font-size: 12px;\n color: var(--theme-color-1);\n background: transparent;\n width: 100%;\n}\n.navtable-item input:focus {\n background: var(--theme-background-2);\n}\n.navtable-item-select {\n position: relative;\n}\n.navtable-item-select select {\n background: transparent;\n outline: none;\n border: none;\n font-size: 12px;\n appearance: none;\n width: 100%;\n padding: 12px 6px;\n top: 0;\n position: relative;\n cursor: pointer;\n color: var(--theme-color-2);\n}\n.navtable-item-select svg {\n position: absolute;\n right: 6px;\n color: var(--theme-color-ghost);\n width: 6px;\n top: 12px;\n pointer-events: none;\n}\n.navtable-item .option {\n padding: 12px 6px;\n font-size: 12px;\n color: var(--theme-color-1);\n width: 100%;\n}\n.navtable-item label {\n color: var(--theme-color-disabled);\n font-size: 12px;\n font-weight: var(--theme-bold);\n text-transform: uppercase;\n padding: 9px;\n display: block;\n width: 100%;\n}\n.navtable-item-response {\n padding: 0 9px;\n}\n.navtable-item-response span {\n font-size: 12px;\n display: flex;\n align-items: center;\n margin-right: 6px;\n min-width: 50px;\n}\n.scalar-api-client__status--1xx:before,\n.scalar-api-client__status--2xx:before,\n.scalar-api-client__status--3xx:before,\n.scalar-api-client__status--4xx:before,\n.scalar-api-client__status--5xx:before,\n.scalar-api-client__status--6xx:before {\n content: '';\n width: 12px;\n height: 12px;\n border-radius: 50%;\n margin-right: 4px;\n background: var(--theme-background-2);\n}\n.scalar-api-client__status--2xx:before {\n background: green;\n}\n.scalar-api-client__status--3xx:before {\n background: orange;\n}\n.scalar-api-client__status--4xx:before {\n background: red;\n}\n.navtable-item-response span:empty {\n display: none;\n}\n.simpletable.navtable {\n padding: 0;\n}\n.simpletable.navtable .navtable-item-66,\n.simpletable.navtable .navtable-item-33 {\n display: block;\n}\n.simpletable.navtable .navtable-table {\n height: fit-content;\n}\n\n.scalar-api-client__main__left {\n width: 50%;\n border-right: 1px solid var(--theme-border-color);\n padding: 0 0 12px 12px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__left {\n width: 100%;\n border-right: none;\n}\n}\n.scalar-api-client__item__content {\n flex-flow: wrap;\n padding: 0 12px 12px;\n border-radius: 3px;\n color: var(--theme-color-disabled);\n font-size: 12px;\n margin-top: -3px;\n justify-content: space-between;\n}\n.scalar-api-client__item__content .cm-s-default {\n border: 1px solid var(--theme-border-color);\n border-radius: var(--theme-radius-lg);\n}\n.scalar-api-client__item__content .scalar-api-client__item__content--code {\n width: 100%;\n max-height: calc(100vh - 200px);\n overflow: auto;\n}\n.scalar-api-client__item__content .cm-scroller {\n border: 1px solid var(--theme-border-color);\n border-radius: 3px;\n}\n.scalar-api-client__item__content .cm-editor {\n outline: none !important;\n}\n.scalar-api-client__item__content .cm-editor .cm-gutters {\n background: transparent;\n}\n.scalar-api-client__item__content .cm-scroll {\n background: transparent;\n}\n.scalar-api-client__item__content .cm-editor * {\n font-size: 11px;\n}\n.scalar-api-client__item__content .cm-editor .cm-line {\n color: var(--theme-color-1);\n}\n.scalar-api-client__item__content-button {\n width: 100%;\n appearance: none;\n border: none;\n outline: none;\n font-size: 12px;\n background: var(--scalar-api-client-color) !important;\n text-align: center;\n font-weight: var(--theme-bold);\n padding: 12px;\n text-transform: uppercase;\n border-radius: var(--theme-radius-lg);\n color: white;\n cursor: pointer;\n}\n.scalar-api-client__item__content__split {\n justify-content: space-between;\n}\n.scalar-collapsible-section-flex {\n width: 100%;\n}\n.input {\n background: var(--theme-background-2);\n border: 1px solid var(--theme-border-color);\n border-radius: 3px;\n position: relative;\n width: 100%;\n text-align: left;\n margin-bottom: 6px;\n}\n.input__half {\n width: calc(50% - 3px);\n}\n.input:focus-within {\n background: var(--theme-background-3);\n}\n.input label,\n.input input {\n padding: 12px;\n border: 0;\n outline: none;\n font-size: 12px;\n color: var(--theme-color-1);\n width: 100%;\n background: transparent;\n appearance: none;\n -webkit-appearance: none;\n left: 0;\n}\n.input label {\n position: absolute;\n color: var(--theme-color-2);\n}\n.input input {\n opacity: 0;\n position: relative;\n z-index: 99;\n padding: 18px 12px 6px 12px;\n}\n.input input:not(:placeholder-shown),\n.input:focus-within input {\n opacity: 1;\n}\n.input input:not(:placeholder-shown) + label,\n.input:focus-within label {\n font-size: 10px;\n top: -6px;\n color: var(--theme-color-1);\n}\n.input input:not(:placeholder-shown) + label {\n color: var(--theme-color-2);\n}\n.select {\n background: --theme-background-1;\n border-radius: var(--theme-radius-lg);\n font-size: 12px;\n border: 1px solid var(--theme-border-color);\n width: 100%;\n position: relative;\n margin-bottom: 6px;\n}\n.select:focus-within {\n background: var(--theme-background-3);\n}\n.select:hover {\n background: var(--theme-background-3);\n}\n.select svg {\n position: absolute;\n right: 12px;\n pointer-events: none;\n color: var(--theme-color-2);\n width: 6px;\n top: 10px;\n}\n.select label {\n display: block;\n font-size: 10px;\n color: var(--theme-color-2);\n position: absolute;\n left: 12px;\n top: 6px;\n}\n.select select {\n background: transparent;\n outline: none;\n border: none;\n -webkit-appearance: none;\n font-size: 12px;\n color: var(--theme-color-1);\n appearance: none;\n width: 100%;\n padding: 18px 12px 6px 12px;\n top: 0;\n position: relative;\n cursor: pointer;\n}\n.check {\n display: flex;\n position: relative;\n cursor: pointer;\n align-items: center;\n font-size: 12px;\n border: 1px solid var(--theme-border-color);\n border-radius: 3px;\n padding: 10px 12px;\n user-select: none;\n width: 100%;\n}\n.check p {\n color: var(--theme-color-2);\n}\n.check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.checkmark {\n height: 15px;\n width: 15px;\n background: var(--theme-background-3);\n margin-right: 10px;\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.check input:checked ~ p {\n color: var(--theme-color-1);\n}\n.check .checkmark:after {\n content: '';\n display: none;\n width: 5px;\n height: 8px;\n border: solid var(--theme-color-disabled);\n border-width: 0 2px 2px 0;\n transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.check input:checked ~ .checkmark:after {\n display: block;\n}\n.scalar-api-client__main__scroll-container {\n height: calc(100vh - 320px);\n}\n.scalar-api-client__request-name {\n outline: none;\n border: none;\n appearance: none;\n -webkit-appearance: none;\n color: var(--theme-color-disabled);\n border-radius: var(--theme-radius-lg);\n font-size: var(--theme-mini);\n font-weight: var(--theme-bold);\n width: 100%;\n background: transparent;\n}\n\na[data-v-7a2c7da8] {\n text-decoration: underline;\n text-decoration-color: var(--theme-border-color);\n text-underline-offset: 2px;\n cursor: help;\n}\n\n.simple-cell[data-v-8d5b42b4] {\n border-right: 1px solid var(--theme-border-color);\n position: relative;\n padding: 0.75em;\n color: var(--theme-color-1);\n white-space: nowrap;\n}\n.simple-cell[data-v-8d5b42b4]:last-of-type {\n border-right: none;\n}\n.simple-cell.wrap[data-v-8d5b42b4] {\n white-space: normal;\n}\n.simple-cell.strong[data-v-8d5b42b4] {\n font-weight: var(--theme-semibold);\n}\n\n.simple-header[data-v-e94ec977] {\n color: var(--theme-color-disabled);\n font-weight: var(--theme-bold);\n text-transform: uppercase;\n}\n\n.simple-row[data-v-959f27bd] {\n border-top: 1px solid var(--theme-border-color);\n}\n.simple-row[data-v-959f27bd]:last-of-type {\n border-bottom: 1px solid var(--theme-border-color);\n}\n\n.simple-table[data-v-3b6be9e1] {\n display: table;\n width: 100%;\n margin: 1em 0;\n}\n\n.scalar-api-client__main__right {\n width: 50%;\n padding: 0 0 12px 12px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__right {\n width: 100%;\n border-right: none;\n}\n}\n.scalar-api-client__main__right :deep(.scalar-copilot__header-button) {\n position: absolute;\n top: 6px;\n right: 12px;\n}\n\n.scalar-api-client {\n background: var(--theme-background-1);\n position: relative;\n height: 100%;\n overflow: hidden !important;\n display: flex;\n flex-direction: column;\n font-family: var(--theme-font);\n}\n@media screen and (max-width: 1000px) {\n.scalar-api-client {\n width: 100%;\n}\n}\n.scalar-api-client pre {\n font-family: var(--theme-font-code);\n}\n.scalar-api-client--post {\n --scalar-api-client-color: var(--theme-post-color);\n --scalar-api-client-background: var(--theme-post-background);\n}\n.scalar-api-client--delete {\n --scalar-api-client-color: var(--theme-delete-color);\n --scalar-api-client-background: var(--theme-delete-background);\n}\n.scalar-api-client--patch {\n --scalar-api-client-color: var(--theme-patch-color);\n --scalar-api-client-background: var(--theme-patch-background);\n}\n.scalar-api-client--get {\n --scalar-api-client-color: var(--theme-get-color);\n --scalar-api-client-background: var(--theme-get-background);\n}\n.scalar-api-client--put {\n --scalar-api-client-color: var(--theme-put-color);\n --scalar-api-client-background: var(--theme-put-background);\n}\n.scalar-api-client__mobile-navigation {\n padding: 12px 12px 0 12px;\n display: flex;\n font-size: var(--theme-small);\n color: var(--theme-color-2);\n font-weight: var(--theme-bold);\n}\n.scalar-api-client__mobile-navigation__toggle {\n appearance: none;\n margin-right: 9px;\n cursor: pointer;\n}\n.scalar-api-client__mobile-navigation--active {\n color: var(--theme-color-1);\n}\n.scalar-api-client__mobile-navigation--active:hover {\n cursor: pointer;\n}\n.scalar-api-client__main {\n display: flex;\n height: 100%;\n min-height: 0;\n background: var(--theme-background-1);\n border-top: 1px solid var(--theme-border-color);\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main {\n display: block;\n}\n}\n\n/** TODO: Consider to make a Column component */\n.scalar-api-client__main__content {\n padding: 12px;\n background: var(--theme-background-1);\n top: 0;\n position: sticky;\n z-index: 100;\n}\n.scalar-api-client__main__content label {\n font-size: var(--theme-small);\n color: var(--theme-color-1);\n font-weight: var(--theme-bold);\n display: flex;\n align-items: center;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__content {\n padding: 0 0 12px 0;\n}\n.scalar-api-client__main__content label {\n display: none;\n}\n}\n.meta {\n display: flex;\n font-size: var(--theme-font-size-2);\n font-weight: var(--theme-font-size-2);\n color: var(--scalar-api-client-color2);\n}\n.meta-item svg {\n fill: var(--theme-color-ghost);\n height: 14px;\n width: 14px;\n margin-right: 6px;\n}\n.meta-item {\n display: flex;\n align-items: center;\n margin-right: 12px;\n white-space: nowrap;\n font-weight: var(--theme-bold);\n font-size: 12px;\n color: var(--theme-color-disabled);\n padding: 3px 0;\n}\n.meta-item__input {\n padding: 3px 0;\n background: transparent;\n width: 100%;\n margin-right: 0;\n}\n.types {\n margin: auto;\n width: 580px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-flow: wrap;\n}\n.types-heading {\n width: 100%;\n text-align: center;\n}\n.types-heading b {\n font-size: 42px;\n}\n.types-heading p {\n margin-bottom: 20px;\n margin-top: 12px;\n font-size: 24px;\n}\n.scalar-api-client__empty-state {\n border: 1px dashed var(--theme-border-color);\n width: 100%;\n text-align: center;\n font-size: var(--theme-small);\n padding: 20px;\n}"));
6
+ elementStyle.appendChild(document.createTextNode("@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900');@import url('https://fonts.googleapis.com/css?family=JetBrains%20Mono');.light-mode {\n color-scheme: light;\n --default-theme-color-1: #24293c;\n --default-theme-color-2: #4a5166;\n --default-theme-color-3: #888c9a;\n --default-theme-color-accent: #0099ff;\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-accent: #5369d20f;\n --default-theme-border-color: rgba(0, 0, 0, 0.1);\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, var(--theme-border-color) 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-error-color: #ae262f;\n --default-theme-warning-color: #d89c6a;\n --default-theme-success-color: #26ae42;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: rgba(255, 255, 255, 0.9);\n --default-theme-color-2: rgba(255, 255, 255, 0.62);\n --default-theme-color-3: rgba(255, 255, 255, 0.44);\n --default-theme-color-disabled: rgba(255, 255, 255, 0.34);\n --default-theme-color-ghost: rgba(255, 255, 255, 0.26);\n --default-theme-color-accent: #8ab4f8;\n --default-theme-background-1: #1a1a1a;\n --default-theme-background-2: #252525;\n --default-theme-background-3: #323232;\n --default-theme-background-4: rgba(255, 255, 255, 0.06);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-error-color: #ff0011;\n --default-theme-success-color: #26ae42;\n\n /* REST API Client */\n --default-theme-code-languages-background-supersede: transparent;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--theme-background-2);\n --default-sidebar-item-hover-background: var(--theme-background-3);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-background-3);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-3);\n --default-sidebar-search-border: var(--theme-background-3);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--theme-background-2);\n --default-sidebar-item-hover-background: var(--theme-background-3);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-background-2);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-3);\n --default-sidebar-search-border: var(--theme-background-3);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n\n/* Document header */\n.light-mode .t-doc__header {\n --default-header-background-1: #000;\n --default-header-border-color: #000;\n --default-header-color-1: #fff;\n --default-header-color-2: rgba(255, 255, 255, 0.66);\n --default-header-background-toggle: var(--theme-color-3);\n --default-header-call-to-action-color: var(--theme-color-accent);\n}\n\n.dark-mode .t-doc__header {\n --default-header-background-1: var(--theme-background-3);\n --default-header-border-color: var(--header-background-1);\n --default-header-color-1: var(--theme-color-1);\n --default-header-color-2: var(--theme-color-2);\n --default-header-background-toggle: var(--theme-color-3);\n --default-header-call-to-action-color: var(--theme-color-accent);\n}\n.light-mode {\n color-scheme: light;\n --default-theme-color-1: #2a2f45;\n --default-theme-color-2: #757575;\n --default-theme-color-3: #8e8e8e;\n --default-theme-color-disabled: #b4b1b1;\n --default-theme-color-ghost: #a7a7a7;\n --default-theme-color-accent: #0099ff;\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-4: rgba(0, 0, 0, 0.06);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(0, 0, 0, 0.1);\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-error-color: #ae262f;\n --default-theme-warning-color: #d89c6a;\n --default-theme-success-color: #26ae42;\n\n /* REST API Client Colors */\n --default-theme-post-color: #00a67d;\n --default-theme-post-background: #00a67d1a;\n --default-theme-delete-color: #ef0006;\n --default-theme-delete-background: #ef00061a;\n --default-theme-patch-color: #b2b062;\n --default-theme-patch-background: #ffe6001a;\n --default-theme-get-color: #0082d0;\n --default-theme-get-background: #0082d01a;\n --default-theme-put-color: #f3830e;\n --default-theme-put-background: #f3830e1a;\n\n /* Misc Scalar Branding */\n --default-scalar-brand: #faf6e9;\n}\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: rgba(255, 255, 255, 0.9);\n --default-theme-color-2: rgba(255, 255, 255, 0.62);\n --default-theme-color-3: rgba(255, 255, 255, 0.44);\n --default-theme-color-disabled: rgba(255, 255, 255, 0.34);\n --default-theme-color-ghost: rgba(255, 255, 255, 0.26);\n --default-theme-color-accent: #8ab4f8;\n --default-theme-background-1: #1a1a1a;\n --default-theme-background-2: #252525;\n --default-theme-background-3: #323232;\n --default-theme-background-4: rgba(255, 255, 255, 0.06);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-error-color: #ff0011;\n --default-theme-success-color: #26ae42;\n\n /* REST API Client Colors */\n --default-theme-post-color: #7ee787;\n --default-theme-post-background: #7ee78714;\n --default-theme-delete-color: #e77e7e;\n --default-theme-delete-background: #e77e7e24;\n --default-theme-patch-color: #b2b062;\n --default-theme-patch-background: #b2b06229;\n --default-theme-get-color: #79c0ff;\n --default-theme-get-background: #79c0ff21;\n --default-theme-put-color: #e9950c;\n --default-theme-put-background: #e9950c21;\n\n /* Misc Scalar Branding */\n --default-scalar-brand: #8b7256;\n}\n.light-mode {\n color-scheme: light;\n --default-theme-color-1: #000000;\n --default-theme-color-2: #000000;\n --default-theme-color-3: #000000;\n --default-theme-color-accent: #645b0f;\n --default-theme-background-1: #ccc9b3;\n --default-theme-background-2: #c2bfaa;\n --default-theme-background-3: #b8b5a1;\n --default-theme-background-accent: #000000;\n\n --default-theme-border-color: rgba(0, 0, 0, 0.2);\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, var(--theme-border-color) 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-error-color: #ae262f;\n --default-theme-warning-color: #d89c6a;\n --default-theme-success-color: #26ae42;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: #fffef3;\n --default-theme-color-2: #fffef3;\n --default-theme-color-3: #fffef3;\n --default-theme-color-accent: #c3b531;\n --default-theme-background-1: #313332;\n --default-theme-background-2: #393b3a;\n --default-theme-background-3: #414342;\n --default-theme-background-accent: #fffef3;\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 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-error-color: #ff0011;\n --default-theme-success-color: #26ae42;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--sidebar-background-1);\n --default-sidebar-search-background: transparent;\n --default-sidebar-search-border: var(--sidebar-search-background);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--sidebar-background-1);\n --default-sidebar-search-background: var(--theme-background-2);\n --default-sidebar-search-border: var(--sidebar-search-background);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n.light-mode {\n color-scheme: light;\n --default-theme-color-1: #24293c;\n --default-theme-color-2: #4a5166;\n --default-theme-color-3: #888c9a;\n --default-theme-color-accent: #5369d2;\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-accent: #5369d20f;\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n\n --default-theme-border-color: #d8e0e8;\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, var(--theme-border-color) 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-error-color: #ae262f;\n --default-theme-warning-color: #d89c6a;\n --default-theme-success-color: #26ae42;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: #f2f2f4;\n --default-theme-color-2: #acaeb6;\n --default-theme-color-3: #858893;\n --default-theme-color-accent: #5579df;\n --default-theme-background-1: #262a3f;\n --default-theme-background-2: #383c4f;\n --default-theme-background-3: #4a4d5f;\n --default-theme-background-accent: #5579df1f;\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-error-color: #ff0011;\n --default-theme-success-color: #26ae42;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-2);\n --default-sidebar-search-border: var(--theme-border-color);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-2);\n --default-sidebar-search-border: var(--theme-border-color);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n.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-error-color: #ae262f;\n --default-theme-warning-color: #d89c6a;\n --default-theme-success-color: #26ae42;\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: #007acc1f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-error-color: #ff0011;\n --default-theme-success-color: #26ae42;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-2);\n --default-sidebar-search-border: var(--sidebar-search-background);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-2);\n --default-sidebar-search-border: var(--sidebar-search-background);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n\n\n:root {\n --default-app-header-height: 50px;\n --default-theme-border-width: 1px;\n --default-theme-radius: 3px;\n --default-theme-radius-lg: 6px;\n --default-theme-radius-xl: 8px;\n\n --default-theme-header-height: 50px;\n --default-theme-sidebar-width: 250px;\n --default-theme-toc-width: 250px;\n\n /* TYPOGRAPHY ------------------------------------ */\n --default-theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',\n Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n --default-theme-font-code: 'JetBrains Mono';\n\n /** Font sizes for rendered text content (editor styles or static content) */\n --default-theme-heading-1: 40px; /* Editor Page heading */\n --default-theme-page-description: 24px;\n --default-theme-heading-2: 24px; /* Editor section headings */\n --default-theme-heading-3: 20px;\n --default-theme-heading-4: 16px;\n --default-theme-heading-5: 16px;\n --default-theme-heading-6: 16px;\n\n --default-theme-paragraph: 16px;\n --default-theme-small: 14px;\n --default-theme-mini: 13px;\n --default-theme-micro: 12px;\n --default-theme-bold: 600;\n --default-theme-semibold: 500;\n --default-theme-regular: 400;\n\n /* Font sizes for interactive applications (not rendered text content) */\n --default-theme-font-size-1: 24px;\n --default-theme-font-size-2: 16px;\n --default-theme-font-size-3: 14px;\n --default-theme-font-size-4: 13px;\n --default-theme-font-size-5: 12px;\n\n --default-theme-line-height-1: 32px;\n --default-theme-line-height-2: 24px;\n --default-theme-line-height-3: 20px;\n --default-theme-line-height-4: 18px;\n --default-theme-line-height-5: 16px;\n\n --default-theme-font-medium: 500;\n --default-theme-font-bold: 700;\n\n /* let's clean these up please :) */\n --default-scalar-api-reference-theme-header-height: 0;\n --default-scalar-api-reference-theme-sidebar-width: 250px;\n --default-scalar-api-reference-theme-toc-width: 250px;\n --default-scalar-api-reference-app-header-height: 100px;\n --default-scalar-api-reference-col-width-1: 250px;\n --default-scalar-api-reference-col-width-2: calc(50% - 125px);\n --default-scalar-api-reference-col-width-3: calc(50% - 125px);\n --default-scalar-api-reference-document-height: 100vh;\n --default-scalar-api-reference-full-height: 100%;\n}\n@media (max-width: 460px) {\n :root {\n --default-theme-font-size-1: 22px;\n --default-theme-font-size-2: 14px;\n --default-theme-font-size-3: 12px;\n }\n}\n@media (max-width: 720px) {\n :root {\n --default-theme-heading-1: 24px;\n --default-theme-page-description: 20px;\n }\n}\n.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-dfd5c435] {\n position: fixed;\n width: 100vw;\n height: 100vh;\n top: 0;\n left: 0;\n z-index: 1001;\n background: rgba(0, 0, 0, 0.44);\n padding: 20px;\n opacity: 0;\n animation: modal-fade-dfd5c435 0.2s forwards;\n}\n.modal-body[data-v-dfd5c435] {\n padding: 24px 12px 18px 24px;\n max-height: calc(100vh - 240px);\n background: var(--theme-background-1, var(--default-theme-background-1));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n font-family: var(--theme-font, var(--default-theme-font));\n}\n.modal[data-v-dfd5c435] {\n margin: 80px auto 0;\n position: relative;\n background: var(--theme-background-2, var(--default-theme-background-2));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n text-align: left;\n line-height: 1.4;\n opacity: 0;\n transform: scale(0.98);\n animation: modal-pop-dfd5c435 0.15s 0.15s forwards;\n display: flex;\n flex-direction: column;\n}\n.modal-content-large[data-v-dfd5c435] {\n max-width: 800px;\n}\n.modal-content-normal[data-v-dfd5c435] {\n max-width: 640px;\n}\n.modal-content-small[data-v-dfd5c435] {\n max-width: 480px;\n}\n@keyframes modal-fade-dfd5c435 {\nfrom {\n opacity: 0;\n}\nto {\n opacity: 1;\n}\n}\n@keyframes modal-pop-dfd5c435 {\n0% {\n opacity: 0;\n}\n100% {\n opacity: 1;\n transform: scale(1);\n}\n}\n.modal-header[data-v-dfd5c435] {\n padding: 12px 24px;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-font-size-4, var(--default-theme-font-size-4));\n text-align: left;\n font-weight: 600;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg)) 0 0;\n}\n\n.navtable-mock {\n background-repeat: repeat;\n width: 100%;\n background-image: linear-gradient(\n 0deg,\n var(--theme-border-color, var(--default-theme-border-color)) 1px,\n --theme-background-1 1px\n );\n background-size: 31px 31px;\n background-position: center 1px;\n flex: 1;\n position: relative;\n}\n.navtable-mock .navtable-item {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n background: transparent;\n border-top: none;\n}\n.radio {\n height: 16px;\n width: 16px;\n background: transparent;\n border: var(--border, var(--default-border));\n flex-shrink: 0;\n margin-right: 6px;\n margin-left: 4px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n outline: none;\n}\n.radio:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n cursor: pointer;\n}\n.navtable-item__active .radio:after {\n content: '';\n width: 5px;\n height: 8px;\n border: solid white;\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(-0.5px, -1px, 0);\n}\n.radio.post {\n background: var(--theme-post-color, var(--default-theme-post-color));\n}\n.radio.delete {\n background: var(--theme-delete-color, var(--default-theme-delete-color));\n}\n.radio.patch {\n background: var(--theme-patch-color, var(--default-theme-patch-color));\n}\n.radio.get {\n background: var(--theme-get-color, var(--default-theme-get-color));\n}\n.radio.put {\n background: var(--theme-put-color, var(--default-theme-put-color));\n}\n\n.loader {\n position: absolute;\n z-index: 3;\n height: 2px;\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n animation: loading 5s cubic-bezier(0, 0.5, 0.25, 1);\n}\n@keyframes loading {\n0% {\n width: 0;\n}\n100% {\n width: 100%;\n}\n}\n.scalar-api-client__address-bar {\n width: 100%;\n padding: 12px 12px 10px 12px;\n display: flex;\n align-items: center;\n position: relative;\n background: var(--theme-background-1, var(--default-theme-background-1));\n}\n.scalar-api-client__url-form {\n display: flex;\n width: 100%;\n align-items: stretch;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__field {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-right: 0;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg)) 0 0\n var(--theme-radius-lg, var(--default-theme-radius-lg));\n display: flex;\n align-items: stretch;\n width: 100%;\n}\n.scalar-api-client__address-bar-data {\n width: 100%;\n}\n.scalar-api-client__address-bar-data-meta {\n display: flex;\n margin-top: 5px;\n}\n.scalar-api-client__request-type {\n display: flex;\n align-items: center;\n background: var(--theme-background-2, var(--default-theme-background-2));\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n appearance: none;\n -webkit-appearance: none;\n padding: 0 12px;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg)) 0 0\n var(--theme-radius-lg, var(--default-theme-radius-lg));\n position: relative;\n}\n.scalar-api-client__request-type span {\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n font-size: 500;\n font-size: var(--theme-micro, var(--default-theme-micro));\n text-transform: uppercase;\n}\n.scalar-api-client__request-type svg {\n margin-left: 6px;\n width: 8px;\n}\n.scalar-api-client__request-type i {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n margin-right: 6px;\n text-align: center;\n line-height: 18px;\n font-style: normal;\n flex-shrink: 0;\n display: inline-block;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n}\n.meta-request-break {\n margin: 0 5px;\n}\n.scalar-api-client__history {\n appearance: none;\n -webkit-appearance: none;\n background: transparent;\n color: var(--theme-color-2, var(--default-theme-color-2));\n display: flex;\n align-items: center;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n height: 100%;\n}\n.scalar-api-client__send-request-button[type='submit'] {\n font-size: var(--theme-mini, var(--default-theme-mini));\n letter-spacing: 0.25px;\n line-height: 30px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: white;\n border: none;\n white-space: nowrap;\n padding: 0 10px;\n text-transform: uppercase;\n cursor: pointer;\n outline: none;\n border-radius: 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg)) 0;\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n /** #087f5b */\n display: flex;\n align-items: center;\n}\n.scalar-api-client__send-request-button svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.scalar-api-client__history-toggle {\n padding: 0 9px;\n line-height: 30px;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n font-size: var(--theme-mini, var(--default-theme-mini));\n letter-spacing: 0.125px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n text-transform: uppercase;\n height: 100%;\n display: flex;\n align-items: center;\n cursor: pointer;\n white-space: nowrap;\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n margin-left: 12px;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__history-toggle:hover {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__history-toggle svg {\n height: 13px;\n width: 13px;\n margin-right: 6px;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.scalar-api-client__address-bar-close {\n fill: var(--theme-color-disabled, var(--default-theme-color-disabled));\n margin-left: 12px;\n height: 24px;\n}\n.scalar-api-client__address-bar-close:hover {\n cursor: pointer;\n fill: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__content {\n width: 640px;\n height: 100%;\n background: var(--theme-background-1, var(--default-theme-background-1));\n position: fixed;\n top: 0;\n right: 0;\n z-index: 1000;\n transform: translate3d(640px, 0, 0);\n opacity: 0;\n transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),\n opacity 0.01s ease-in-out 0.5s;\n pointer-events: none;\n}\n.scalar-api-client__address-bar-content-item {\n height: 100vh;\n max-height: 100vh;\n overflow: auto;\n}\n.scalar-api-client__address-bar__on {\n z-index: 100000;\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__content {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n pointer-events: all;\n transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__close {\n opacity: 1;\n pointer-events: all;\n cursor: pointer;\n}\n.scalar-api-client__address-bar .navtable-item__active {\n background: var(--theme-background-2, var(--default-theme-background-2));\n cursor: default;\n}\n.scalar-api-client__address-bar .navtable-item__active .radio:before {\n display: none;\n}\n.navigation-back {\n stroke: var(--theme-color-2, var(--default-theme-color-2));\n cursor: pointer;\n}\n.navigation-back:hover {\n stroke: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__close {\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n /* background: rgba(0,0,0,.55);\n */\n pointer-events: none;\n opacity: 0;\n transition: all 0.1s ease-in-out;\n z-index: 1000;\n}\n.navtable-item-request span {\n padding: 8px 9px 8px 0;\n border: none;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n display: block;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.navtable-item-request span em {\n text-transform: uppercase;\n font-style: normal;\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n font-size: var(--theme-micro, var(--default-theme-micro));\n margin-right: 6px;\n font-weight: var(--theme-bold, var(--default-theme-bold));\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.navtable-item-time {\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n text-transform: capitalize;\n padding: 0 9px;\n}\n@media screen and (max-width: 720px) {\n.scalar-api-client__history-toggle span,\n .scalar-api-client__send-request-button span {\n display: none;\n}\n.scalar-api-client__history-toggle svg,\n .scalar-api-client__send-request-button svg {\n margin-right: 0;\n}\n.scalar-api-client__history-toggle,\n .scalar-api-client__send-request-button {\n height: 31.5px;\n width: 31.5px;\n}\n}\n\n.scalar-api-client__item {\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n margin-bottom: 6px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n box-shadow: var(--shadow1, var(--default-shadow1));\n position: relative;\n}\n.scalar-api-client__item button {\n background-color: transparent;\n text-align: left;\n}\n.scalar-api-client__item:hover {\n cursor: pointer;\n}\n.scalar-api-client__item--open {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__item--open:focus-within {\n box-shadow: var(--shadow1, var(--default-shadow1));\n}\n.scalar-api-client__item--open .scalar-api-client__item__content {\n display: flex;\n}\n.scalar-api-client__item--open:hover {\n cursor: default;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle__icon {\n transform: rotate(90deg);\n}\n.scalar-api-client__toggle {\n padding: 6px 12px;\n min-height: 37px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n position: relative;\n width: 100%;\n appearance: none;\n outline: 0;\n border: none;\n}\n.scalar-api-client__item .scalar-api-client__item__title {\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-small, var(--default-theme-small));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n user-select: none;\n flex: 1;\n}\n.scalar-api-client__item .scalar-api-client__item__title:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: block;\n}\n.scalar-api-client__item .scalar-api-client__toggle__icon {\n width: 10px;\n margin-right: 6px;\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__options {\n position: relative;\n}\n.scalar-api-client__item__options span {\n background: var(--theme-background-3, var(--default-theme-background-3));\n padding: 2px 6px;\n border-radius: 3px;\n font-size: var(--theme-micro, var(--default-theme-micro));\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.scalar-api-client__item__options span svg {\n width: 9px;\n height: 9px;\n margin-left: 3px;\n}\n.scalar-api-client__item__options select {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: pointer;\n}\n\n.table {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n background: transparent;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n width: 100%;\n}\n.table-row {\n border-bottom: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n display: flex;\n position: relative;\n}\n.table-row__add {\n border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg));\n border-bottom: none;\n}\n.table-row.required-parameter .table-row-item:nth-of-type(2):after {\n content: 'Required';\n position: absolute;\n top: 4px;\n right: 0;\n padding: 5px 9px 5px 6px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: var(--theme-background-2, var(--default-theme-background-2));\n box-shadow: -2px 0 4px\n var(--theme-background-2, var(--default-theme-background-2));\n}\n.table-row.required-parameter\n .table-row-item:nth-of-type(2):focus-within:after {\n display: none;\n}\n.table-row:last-of-type {\n border-bottom: none;\n}\n.table-row__active {\n border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.table-row-drag {\n width: 20px;\n flex-shrink: 0;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n align-items: center;\n justify-content: center;\n display: none;\n}\n.table-row-drag svg {\n width: 6px;\n fill: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.table-row-drag .table-row-drag-add {\n width: 8px;\n}\n.table-row-item {\n width: 100%;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n}\n.table-row-item-menu {\n position: absolute;\n right: 12px;\n background: var(--theme-background-3, var(--default-theme-background-3));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n width: 24px;\n height: 24px;\n top: 50%;\n transform: translate3d(0, -50%, 0);\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n cursor: pointer;\n}\n.table-row-item input:focus + .table-row-item-menu,\n.table-row-item:hover .table-row-item-menu {\n opacity: 1;\n}\n.table-row-item-menu svg {\n height: 12px;\n width: initial;\n fill: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.table-row-item input {\n border: none;\n appearance: none;\n outline: none;\n padding: 9px;\n width: 100%;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.table-row-item input[disabled] {\n background: transparent;\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n}\n.table-row-item input:focus {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.table-row-item label {\n background: transparent;\n text-transform: uppercase;\n display: block;\n padding: 9px;\n font-weight: var(--theme-bold, var(--default-theme-bold));\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.table-row-meta {\n overflow: hidden;\n flex-shrink: 0;\n transition: all 0.15s ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n user-select: none;\n}\n.table-row-meta-check {\n width: 18px;\n height: 18px;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n background: rgba(47, 177, 228, 0.1);\n}\n.table-row-meta svg {\n width: 13px;\n height: 13px;\n margin: 0 1px;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n cursor: pointer;\n}\n.table-row-meta svg:hover {\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.meta-check {\n display: flex;\n position: relative;\n cursor: pointer;\n align-items: center;\n font-size: var(--theme-micro, var(--default-theme-micro));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n user-select: none;\n margin: 0 1px;\n transition: all 0.15s ease-in-out;\n}\n.meta-check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.meta-checkmark {\n height: 15px;\n width: 15px;\n background: var(--theme-background-1, var(--default-theme-background-1));\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.meta-check .meta-checkmark:after {\n content: '';\n display: none;\n width: 5px;\n height: 8px;\n border: solid var(--theme-color-1, var(--default-theme-color-1));\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.meta-check input:checked ~ .meta-checkmark:after {\n display: block;\n}\n\n.navtable {\n width: 100%;\n}\n.navtable-follow {\n background-color: black;\n color: white;\n font-size: 9px;\n padding: 6px;\n display: -webkit-box;\n max-width: 250px;\n -webkit-line-clamp: 12;\n border-radius: 3px;\n -webkit-box-orient: vertical;\n overflow: hidden;\n line-height: 1.24;\n transform: translate3d(10px, 0, 0);\n}\n.navtable-follow:after {\n content: '';\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 6px;\n background-color: black;\n}\n.navtable-follow * {\n font-family: var(\n --theme-font-code,\n var(--default-theme-font-code)\n ) !important;\n}\n.navtable-table {\n position: relative;\n display: flex;\n flex-direction: column;\n min-height: 381px;\n}\n.navtable-item {\n display: flex;\n position: relative;\n color: var(--theme-color-1, var(--default-theme-color-1));\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.navtable-item > div {\n word-wrap: break-word;\n}\n.navtable-item > div:not(:first-child) {\n border-left: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action {\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n background: var(\n --scalar-api-client-bg3,\n var(--default-scalar-api-client-bg3)\n );\n border: none;\n border-radius: 30px;\n appearance: none;\n max-height: 25px;\n margin-left: 12px;\n margin-right: 6px;\n padding: 4px 8px;\n outline: none;\n cursor: pointer;\n opacity: 0;\n transition: opacity 0.15s ease-in-out;\n white-space: nowrap;\n position: relative;\n}\n.navtable-item-action:hover {\n color: var(--theme-color-1, var(--default-theme-color-1));\n background: var(\n --scalar-api-client-gradient,\n var(--default-scalar-api-client-gradient)\n );\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action:focus {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item:hover,\n.navtable-item:focus-within .navtable-item-action {\n opacity: 1;\n}\n.navtable-item-add {\n display: flex;\n align-items: center;\n padding: 9px;\n font-weight: var(--theme-bold, var(--default-theme-bold));\n outline: none;\n border: none;\n appearance: none;\n background: transparent;\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.navtable-item-add:hover {\n background: var(--theme-background-2, var(--default-theme-background-2));\n cursor: pointer;\n}\n.navtable-item-25 {\n width: 25%;\n font-size: var(--theme-micro, var(--default-theme-micro));\n display: flex;\n align-items: center;\n}\n.navtable-item-33 {\n width: 33.33333%;\n display: flex;\n font-size: var(--theme-micro, var(--default-theme-micro));\n align-items: center;\n}\n.navtable-item-66 {\n width: 66.6666%;\n display: flex;\n font-size: var(--theme-micro, var(--default-theme-micro));\n align-items: center;\n}\n.navtable-item-75 {\n width: 75%;\n display: flex;\n align-items: center;\n}\n.navtable-item-75:focus-within {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-40 {\n width: 40%;\n display: flex;\n align-items: center;\n}\n.navtable-item-20 {\n width: 20%;\n display: flex;\n align-items: center;\n}\n.navtable-item-50 {\n width: 50%;\n display: flex;\n align-items: center;\n}\n.navtable-item-50:focus-within {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item p {\n padding: 9px;\n}\n.navtable-item input {\n padding: 12px 6px;\n border: none;\n outline: none;\n appearance: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n background: transparent;\n width: 100%;\n}\n.navtable-item input:focus {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-select {\n position: relative;\n}\n.navtable-item-select select {\n background: transparent;\n outline: none;\n border: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n appearance: none;\n width: 100%;\n padding: 12px 6px;\n top: 0;\n position: relative;\n cursor: pointer;\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.navtable-item-select svg {\n position: absolute;\n right: 6px;\n color: var(--theme-color-ghost, var(--default-theme-color-ghost));\n width: 6px;\n top: 12px;\n pointer-events: none;\n}\n.navtable-item .option {\n padding: 12px 6px;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n}\n.navtable-item label {\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n text-transform: uppercase;\n padding: 9px;\n display: block;\n width: 100%;\n}\n.navtable-item-response {\n padding: 0 9px;\n}\n.navtable-item-response span {\n font-size: var(--theme-micro, var(--default-theme-micro));\n display: flex;\n align-items: center;\n margin-right: 6px;\n min-width: 50px;\n}\n.scalar-api-client__status--1xx:before,\n.scalar-api-client__status--2xx:before,\n.scalar-api-client__status--3xx:before,\n.scalar-api-client__status--4xx:before,\n.scalar-api-client__status--5xx:before,\n.scalar-api-client__status--6xx:before {\n content: '';\n width: 12px;\n height: 12px;\n border-radius: 50%;\n margin-right: 4px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__status--2xx:before {\n background: green;\n}\n.scalar-api-client__status--3xx:before {\n background: orange;\n}\n.scalar-api-client__status--4xx:before {\n background: red;\n}\n.navtable-item-response span:empty {\n display: none;\n}\n.simpletable.navtable {\n padding: 0;\n}\n.simpletable.navtable .navtable-item-66,\n.simpletable.navtable .navtable-item-33 {\n display: block;\n}\n.simpletable.navtable .navtable-table {\n height: fit-content;\n}\n\n.scalar-api-client__main__left {\n width: 50%;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n padding: 0 0 12px 12px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__left {\n width: 100%;\n border-right: none;\n}\n}\n.scalar-api-client__item__content {\n flex-flow: wrap;\n padding: 0 12px 12px;\n border-radius: 3px;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n font-size: var(--theme-micro, var(--default-theme-micro));\n margin-top: -3px;\n justify-content: space-between;\n}\n.scalar-api-client__item__content .cm-s-default {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__item__content .scalar-api-client__item__content--code {\n width: 100%;\n max-height: calc(100vh - 200px);\n overflow: auto;\n}\n.scalar-api-client__item__content .cm-scroller {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: 3px;\n}\n.scalar-api-client__item__content .cm-editor {\n outline: none !important;\n}\n.scalar-api-client__item__content .cm-editor .cm-gutters {\n background: transparent;\n}\n.scalar-api-client__item__content .cm-scroll {\n background: transparent;\n}\n.scalar-api-client__item__content .cm-editor * {\n font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.scalar-api-client__item__content .cm-editor .cm-line {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__content-button {\n width: 100%;\n appearance: none;\n border: none;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n ) !important;\n text-align: center;\n font-weight: var(--theme-bold, var(--default-theme-bold));\n padding: 12px;\n text-transform: uppercase;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n color: white;\n cursor: pointer;\n}\n.scalar-api-client__item__content__split {\n justify-content: space-between;\n}\n.scalar-collapsible-section-flex {\n width: 100%;\n}\n.input {\n background: var(--theme-background-2, var(--default-theme-background-2));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: 3px;\n position: relative;\n width: 100%;\n text-align: left;\n margin-bottom: 6px;\n}\n.input__half {\n width: calc(50% - 3px);\n}\n.input:focus-within {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.input label,\n.input input {\n padding: 12px;\n border: 0;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n background: transparent;\n appearance: none;\n -webkit-appearance: none;\n left: 0;\n}\n.input label {\n position: absolute;\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.input input {\n opacity: 0;\n position: relative;\n z-index: 99;\n padding: 18px 12px 6px 12px;\n}\n.input input:not(:placeholder-shown),\n.input:focus-within input {\n opacity: 1;\n}\n.input input:not(:placeholder-shown) + label,\n.input:focus-within label {\n font-size: 10px;\n top: -6px;\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.input input:not(:placeholder-shown) + label {\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.select {\n background: --theme-background-1;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n font-size: var(--theme-micro, var(--default-theme-micro));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n width: 100%;\n position: relative;\n margin-bottom: 6px;\n}\n.select:focus-within {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select svg {\n position: absolute;\n right: 12px;\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n width: 6px;\n top: 10px;\n}\n.select label {\n display: block;\n font-size: 10px;\n color: var(--theme-color-2, var(--default-theme-color-2));\n position: absolute;\n left: 12px;\n top: 6px;\n}\n.select select {\n background: transparent;\n outline: none;\n border: none;\n -webkit-appearance: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n appearance: none;\n width: 100%;\n padding: 18px 12px 6px 12px;\n top: 0;\n position: relative;\n cursor: pointer;\n}\n.check {\n display: flex;\n position: relative;\n cursor: pointer;\n align-items: center;\n font-size: var(--theme-micro, var(--default-theme-micro));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: 3px;\n padding: 10px 12px;\n user-select: none;\n width: 100%;\n}\n.check p {\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.checkmark {\n height: 15px;\n width: 15px;\n background: var(--theme-background-3, var(--default-theme-background-3));\n margin-right: 10px;\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.check input:checked ~ p {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.check .checkmark:after {\n content: '';\n display: none;\n width: 5px;\n height: 8px;\n border: solid var(--theme-color-disabled, var(--default-theme-color-disabled));\n border-width: 0 2px 2px 0;\n transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.check input:checked ~ .checkmark:after {\n display: block;\n}\n.scalar-api-client__main__scroll-container {\n height: calc(100vh - 320px);\n}\n.scalar-api-client__request-name {\n outline: none;\n border: none;\n appearance: none;\n -webkit-appearance: none;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n font-size: var(--theme-small, var(--default-theme-small));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n width: 100%;\n padding: 0;\n background: transparent;\n}\n\na[data-v-4e87b5c7] {\n text-decoration: underline;\n text-decoration-color: var(\n --theme-border-color,\n var(--default-theme-border-color)\n );\n text-underline-offset: 2px;\n cursor: help;\n}\n\n.simple-cell[data-v-c2b6632c] {\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n padding: 0.75em;\n color: var(--theme-color-1, var(--default-theme-color-1));\n white-space: nowrap;\n}\n.simple-cell[data-v-c2b6632c]:last-of-type {\n border-right: none;\n}\n.simple-cell.wrap[data-v-c2b6632c] {\n white-space: normal;\n}\n.simple-cell.strong[data-v-c2b6632c] {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\n.simple-header[data-v-ed796dc3] {\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n text-transform: uppercase;\n}\n\n.simple-row[data-v-39ca3a5f] {\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.simple-row[data-v-39ca3a5f]:last-of-type {\n border-bottom: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n\n.simple-table[data-v-3b6be9e1] {\n display: table;\n width: 100%;\n margin: 1em 0;\n}\n\n.scalar-api-client__main__right {\n width: 50%;\n padding: 0 0 12px 12px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__right {\n width: 100%;\n border-right: none;\n}\n}\n.scalar-api-client__main__right :deep(.scalar-copilot__header-button) {\n position: absolute;\n top: 6px;\n right: 12px;\n}\n\n.scalar-api-client,\n#headlessui-portal-root {\n background: var(--theme-background-1, var(--default-theme-background-1));\n position: relative;\n height: 100%;\n overflow: hidden !important;\n display: flex;\n flex-direction: column;\n font-family: var(--theme-font, var(--default-theme-font));\n}\n@media screen and (max-width: 1000px) {\n.scalar-api-client {\n width: 100%;\n}\n}\n.scalar-api-client pre {\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n}\n.scalar-api-client--post {\n --default-scalar-api-client-color: var(\n --theme-post-color,\n var(--default-theme-post-color)\n );\n --default-scalar-api-client-background: var(\n --theme-post-background,\n var(--default-theme-post-background)\n );\n}\n.scalar-api-client--delete {\n --default-scalar-api-client-color: var(\n --theme-delete-color,\n var(--default-theme-delete-color)\n );\n --default-scalar-api-client-background: var(\n --theme-delete-background,\n var(--default-theme-delete-background)\n );\n}\n.scalar-api-client--patch {\n --default-scalar-api-client-color: var(\n --theme-patch-color,\n var(--default-theme-patch-color)\n );\n --default-scalar-api-client-background: var(\n --theme-patch-background,\n var(--default-theme-patch-background)\n );\n}\n.scalar-api-client--get {\n --default-scalar-api-client-color: var(\n --theme-get-color,\n var(--default-theme-get-color)\n );\n --default-scalar-api-client-background: var(\n --theme-get-background,\n var(--default-theme-get-background)\n );\n}\n.scalar-api-client--put {\n --default-scalar-api-client-color: var(\n --theme-put-color,\n var(--default-theme-put-color)\n );\n --default-scalar-api-client-background: var(\n --theme-put-background,\n var(--default-theme-put-background)\n );\n}\n.scalar-api-client__mobile-navigation {\n padding: 12px 12px 0 12px;\n display: flex;\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n}\n.scalar-api-client__mobile-navigation__toggle {\n appearance: none;\n border: none;\n outline: none;\n background: transparent;\n font-size: var(--theme-font-size-3);\n color: var(--theme-color-2);\n font-weight: var(--theme-bold);\n padding: 0;\n margin-right: 9px;\n cursor: pointer;\n}\n.scalar-api-client__mobile-navigation--active {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__mobile-navigation--active:hover {\n cursor: pointer;\n}\n.scalar-api-client__main {\n display: flex;\n height: 100%;\n min-height: 0;\n background: var(--theme-background-1, var(--default-theme-background-1));\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main {\n display: block;\n}\n}\n\n/** TODO: Consider to make a Column component */\n.scalar-api-client__main__content {\n padding: 12px;\n background: var(--theme-background-1, var(--default-theme-background-1));\n top: 0;\n position: sticky;\n z-index: 100;\n}\n.scalar-api-client__main__content label {\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n display: flex;\n align-items: center;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__content {\n padding: 0 0 12px 0;\n}\n.scalar-api-client__main__content label {\n display: none;\n}\n}\n.meta {\n display: flex;\n margin-top: 3px;\n font-size: var(--theme-font-size-2, var(--default-theme-font-size-2));\n font-weight: var(--theme-font-size-2, var(--default-theme-font-size-2));\n color: var(\n --scalar-api-client-color2,\n var(--default-scalar-api-client-color2)\n );\n}\n.meta-item svg {\n fill: var(--theme-color-ghost, var(--default-theme-color-ghost));\n height: 14px;\n width: 14px;\n margin-right: 6px;\n}\n.meta-item {\n display: flex;\n align-items: center;\n margin-right: 12px;\n white-space: nowrap;\n font-weight: var(--theme-bold, var(--default-theme-bold));\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.meta-item__input {\n background: transparent;\n width: 100%;\n margin-right: 0;\n}\n.types {\n margin: auto;\n width: 580px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-flow: wrap;\n}\n.types-heading {\n width: 100%;\n text-align: center;\n}\n.types-heading b {\n font-size: 42px;\n}\n.types-heading p {\n margin-bottom: 20px;\n margin-top: 12px;\n font-size: 24px;\n}\n.scalar-api-client__empty-state {\n border: 1px dashed\n var(--theme-border-color, var(--default-theme-border-color));\n width: 100%;\n text-align: center;\n font-size: var(--theme-small, var(--default-theme-small));\n padding: 20px;\n}"));
7
7
  document.head.appendChild(elementStyle);
8
8
  }
9
9
  } catch (e) {
10
10
  console.error("vite-plugin-css-injected-by-js", e);
11
11
  }
12
12
  })();
13
- import { cloneVNode, h as h$2, Fragment, inject, provide, ref, onMounted, watchEffect, computed, defineComponent, onUnmounted, watch, Teleport, reactive, unref, shallowRef, nextTick, getCurrentScope, onScopeDispose, getCurrentInstance, readonly, openBlock, createBlock, withCtx, createElementVNode, createVNode, normalizeClass, normalizeStyle, createTextVNode, toDisplayString, createCommentVNode, renderSlot, createElementBlock, renderList, createStaticVNode, withDirectives, withModifiers, vShow, vModelSelect, vModelText, vModelCheckbox, withKeys } from "vue";
13
+ import { cloneVNode, h as h$2, Fragment, inject, provide, ref, onMounted, watchEffect, computed, defineComponent, onUnmounted, watch, Teleport, reactive, unref, shallowRef, nextTick, openBlock, createBlock, resolveDynamicComponent, withCtx, createTextVNode, toDisplayString, createCommentVNode, getCurrentScope, onScopeDispose, getCurrentInstance, readonly, createElementVNode, createVNode, normalizeClass, normalizeStyle, renderSlot, createElementBlock, renderList, createStaticVNode, withDirectives, withModifiers, vShow, vModelSelect, vModelText, vModelCheckbox, withKeys } from "vue";
14
14
  import { CodeMirror } from "@scalar/use-codemirror";
15
15
  function u$3(r2, n2, ...a2) {
16
16
  if (r2 in n2) {
@@ -1147,8 +1147,42 @@ let j = Symbol("TabsSSRContext"), xe = defineComponent({ name: "TabGroup", emits
1147
1147
  return !m2.value && a2.unmount && !a2.static ? h$2(f$1, { as: "span", ...P2 }) : H$1({ ourProps: P2, theirProps: E2, slot: r2, attrs: v2, slots: i2, features: N$2.Static | N$2.RenderStrategy, visible: m2.value, name: "TabPanel" });
1148
1148
  };
1149
1149
  } });
1150
+ const alternateTheme = ".light-mode {\n color-scheme: light;\n --default-theme-color-1: #24293c;\n --default-theme-color-2: #4a5166;\n --default-theme-color-3: #888c9a;\n --default-theme-color-accent: #0099ff;\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-accent: #5369d20f;\n --default-theme-border-color: rgba(0, 0, 0, 0.1);\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, var(--theme-border-color) 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-error-color: #ae262f;\n --default-theme-warning-color: #d89c6a;\n --default-theme-success-color: #26ae42;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: rgba(255, 255, 255, 0.9);\n --default-theme-color-2: rgba(255, 255, 255, 0.62);\n --default-theme-color-3: rgba(255, 255, 255, 0.44);\n --default-theme-color-disabled: rgba(255, 255, 255, 0.34);\n --default-theme-color-ghost: rgba(255, 255, 255, 0.26);\n --default-theme-color-accent: #8ab4f8;\n --default-theme-background-1: #1a1a1a;\n --default-theme-background-2: #252525;\n --default-theme-background-3: #323232;\n --default-theme-background-4: rgba(255, 255, 255, 0.06);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-error-color: #ff0011;\n --default-theme-success-color: #26ae42;\n\n /* REST API Client */\n --default-theme-code-languages-background-supersede: transparent;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--theme-background-2);\n --default-sidebar-item-hover-background: var(--theme-background-3);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-background-3);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-3);\n --default-sidebar-search-border: var(--theme-background-3);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--theme-background-2);\n --default-sidebar-item-hover-background: var(--theme-background-3);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-background-2);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-3);\n --default-sidebar-search-border: var(--theme-background-3);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n\n/* Document header */\n.light-mode .t-doc__header {\n --default-header-background-1: #000;\n --default-header-border-color: #000;\n --default-header-color-1: #fff;\n --default-header-color-2: rgba(255, 255, 255, 0.66);\n --default-header-background-toggle: var(--theme-color-3);\n --default-header-call-to-action-color: var(--theme-color-accent);\n}\n\n.dark-mode .t-doc__header {\n --default-header-background-1: var(--theme-background-3);\n --default-header-border-color: var(--header-background-1);\n --default-header-color-1: var(--theme-color-1);\n --default-header-color-2: var(--theme-color-2);\n --default-header-background-toggle: var(--theme-color-3);\n --default-header-call-to-action-color: var(--theme-color-accent);\n}\n";
1151
+ const defaultTheme = ".light-mode {\n color-scheme: light;\n --default-theme-color-1: #2a2f45;\n --default-theme-color-2: #757575;\n --default-theme-color-3: #8e8e8e;\n --default-theme-color-disabled: #b4b1b1;\n --default-theme-color-ghost: #a7a7a7;\n --default-theme-color-accent: #0099ff;\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-4: rgba(0, 0, 0, 0.06);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(0, 0, 0, 0.1);\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-error-color: #ae262f;\n --default-theme-warning-color: #d89c6a;\n --default-theme-success-color: #26ae42;\n\n /* REST API Client Colors */\n --default-theme-post-color: #00a67d;\n --default-theme-post-background: #00a67d1a;\n --default-theme-delete-color: #ef0006;\n --default-theme-delete-background: #ef00061a;\n --default-theme-patch-color: #b2b062;\n --default-theme-patch-background: #ffe6001a;\n --default-theme-get-color: #0082d0;\n --default-theme-get-background: #0082d01a;\n --default-theme-put-color: #f3830e;\n --default-theme-put-background: #f3830e1a;\n\n /* Misc Scalar Branding */\n --default-scalar-brand: #faf6e9;\n}\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: rgba(255, 255, 255, 0.9);\n --default-theme-color-2: rgba(255, 255, 255, 0.62);\n --default-theme-color-3: rgba(255, 255, 255, 0.44);\n --default-theme-color-disabled: rgba(255, 255, 255, 0.34);\n --default-theme-color-ghost: rgba(255, 255, 255, 0.26);\n --default-theme-color-accent: #8ab4f8;\n --default-theme-background-1: #1a1a1a;\n --default-theme-background-2: #252525;\n --default-theme-background-3: #323232;\n --default-theme-background-4: rgba(255, 255, 255, 0.06);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-error-color: #ff0011;\n --default-theme-success-color: #26ae42;\n\n /* REST API Client Colors */\n --default-theme-post-color: #7ee787;\n --default-theme-post-background: #7ee78714;\n --default-theme-delete-color: #e77e7e;\n --default-theme-delete-background: #e77e7e24;\n --default-theme-patch-color: #b2b062;\n --default-theme-patch-background: #b2b06229;\n --default-theme-get-color: #79c0ff;\n --default-theme-get-background: #79c0ff21;\n --default-theme-put-color: #e9950c;\n --default-theme-put-background: #e9950c21;\n\n /* Misc Scalar Branding */\n --default-scalar-brand: #8b7256;\n}\n";
1152
+ const moonTheme = ".light-mode {\n color-scheme: light;\n --default-theme-color-1: #000000;\n --default-theme-color-2: #000000;\n --default-theme-color-3: #000000;\n --default-theme-color-accent: #645b0f;\n --default-theme-background-1: #ccc9b3;\n --default-theme-background-2: #c2bfaa;\n --default-theme-background-3: #b8b5a1;\n --default-theme-background-accent: #000000;\n\n --default-theme-border-color: rgba(0, 0, 0, 0.2);\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, var(--theme-border-color) 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-error-color: #ae262f;\n --default-theme-warning-color: #d89c6a;\n --default-theme-success-color: #26ae42;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: #fffef3;\n --default-theme-color-2: #fffef3;\n --default-theme-color-3: #fffef3;\n --default-theme-color-accent: #c3b531;\n --default-theme-background-1: #313332;\n --default-theme-background-2: #393b3a;\n --default-theme-background-3: #414342;\n --default-theme-background-accent: #fffef3;\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 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-error-color: #ff0011;\n --default-theme-success-color: #26ae42;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--sidebar-background-1);\n --default-sidebar-search-background: transparent;\n --default-sidebar-search-border: var(--sidebar-search-background);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--sidebar-background-1);\n --default-sidebar-search-background: var(--theme-background-2);\n --default-sidebar-search-border: var(--sidebar-search-background);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n";
1153
+ const purpleTheme = ".light-mode {\n color-scheme: light;\n --default-theme-color-1: #24293c;\n --default-theme-color-2: #4a5166;\n --default-theme-color-3: #888c9a;\n --default-theme-color-accent: #5369d2;\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-accent: #5369d20f;\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n\n --default-theme-border-color: #d8e0e8;\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, var(--theme-border-color) 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-error-color: #ae262f;\n --default-theme-warning-color: #d89c6a;\n --default-theme-success-color: #26ae42;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: #f2f2f4;\n --default-theme-color-2: #acaeb6;\n --default-theme-color-3: #858893;\n --default-theme-color-accent: #5579df;\n --default-theme-background-1: #262a3f;\n --default-theme-background-2: #383c4f;\n --default-theme-background-3: #4a4d5f;\n --default-theme-background-accent: #5579df1f;\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-error-color: #ff0011;\n --default-theme-success-color: #26ae42;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-2);\n --default-sidebar-search-border: var(--theme-border-color);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-2);\n --default-sidebar-search-border: var(--theme-border-color);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n";
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-error-color: #ae262f;\n --default-theme-warning-color: #d89c6a;\n --default-theme-success-color: #26ae42;\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: #007acc1f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-error-color: #ff0011;\n --default-theme-success-color: #26ae42;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-2);\n --default-sidebar-search-border: var(--sidebar-search-background);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--theme-background-1);\n --default-sidebar-item-hover-background: var(--theme-background-2);\n --default-sidebar-item-active-background: var(--theme-background-accent);\n --default-sidebar-border-color: var(--theme-border-color);\n --default-sidebar-color-1: var(--theme-color-1);\n --default-sidebar-color-2: var(--theme-color-2);\n --default-sidebar-color-active: var(--theme-color-accent);\n --default-sidebar-search-background: var(--theme-background-2);\n --default-sidebar-search-border: var(--sidebar-search-background);\n --default-sidebar-search--color: var(--theme-color-3);\n}\n";
1155
+ const base = "";
1150
1156
  const scrollbar = "";
1151
- const theme = "";
1157
+ const _sfc_main$n = /* @__PURE__ */ defineComponent({
1158
+ __name: "ThemeStyles",
1159
+ props: {
1160
+ id: {}
1161
+ },
1162
+ setup(__props) {
1163
+ return (_ctx, _cache) => {
1164
+ return _ctx.id !== "none" ? (openBlock(), createBlock(resolveDynamicComponent("style"), { key: 0 }, {
1165
+ default: withCtx(() => [
1166
+ createTextVNode(toDisplayString(unref(getThemeById)(_ctx.id)), 1)
1167
+ ]),
1168
+ _: 1
1169
+ })) : createCommentVNode("", true);
1170
+ };
1171
+ }
1172
+ });
1173
+ const presets = {
1174
+ alternate: alternateTheme,
1175
+ default: defaultTheme,
1176
+ moon: moonTheme,
1177
+ purple: purpleTheme,
1178
+ solarized: solarizedTheme
1179
+ };
1180
+ const getThemeById = (themeId = "default") => {
1181
+ if (themeId === "none") {
1182
+ return "";
1183
+ }
1184
+ return presets[themeId] ?? defaultTheme;
1185
+ };
1152
1186
  function useKeyboardEvent({
1153
1187
  element,
1154
1188
  keyList,
@@ -1378,6 +1412,78 @@ const useApiClientRequestStore = () => ({
1378
1412
  addRequestToHistory,
1379
1413
  setActiveRequest
1380
1414
  });
1415
+ const _hoisted_1$k = { class: "modal-layout" };
1416
+ const _sfc_main$m = /* @__PURE__ */ defineComponent({
1417
+ __name: "FlowModal",
1418
+ props: {
1419
+ state: {},
1420
+ title: {},
1421
+ bodyClass: {},
1422
+ maxWidth: {},
1423
+ variant: { default: "normal" }
1424
+ },
1425
+ setup(__props) {
1426
+ return (_ctx, _cache) => {
1427
+ return openBlock(), createBlock(unref(Ue), {
1428
+ open: _ctx.state.open,
1429
+ onClose: _cache[0] || (_cache[0] = ($event) => _ctx.state.hide())
1430
+ }, {
1431
+ default: withCtx(() => [
1432
+ createElementVNode("div", _hoisted_1$k, [
1433
+ createVNode(unref(Ge), {
1434
+ class: normalizeClass(["modal", {
1435
+ "modal-content-large": _ctx.variant === "large",
1436
+ "modal-content-normal": _ctx.variant === "normal",
1437
+ "modal-content-small": _ctx.variant === "small"
1438
+ }]),
1439
+ style: normalizeStyle({ maxWidth: _ctx.maxWidth })
1440
+ }, {
1441
+ default: withCtx(() => [
1442
+ _ctx.title ? (openBlock(), createBlock(unref(Ve), {
1443
+ key: 0,
1444
+ class: "modal-header"
1445
+ }, {
1446
+ default: withCtx(() => [
1447
+ createTextVNode(toDisplayString(_ctx.title), 1)
1448
+ ]),
1449
+ _: 1
1450
+ })) : createCommentVNode("", true),
1451
+ createVNode(unref(We), {
1452
+ class: normalizeClass(["modal-body custom-scroll", [_ctx.bodyClass]])
1453
+ }, {
1454
+ default: withCtx(() => [
1455
+ renderSlot(_ctx.$slots, "default", {}, void 0, true)
1456
+ ]),
1457
+ _: 3
1458
+ }, 8, ["class"])
1459
+ ]),
1460
+ _: 3
1461
+ }, 8, ["class", "style"])
1462
+ ])
1463
+ ]),
1464
+ _: 3
1465
+ }, 8, ["open"]);
1466
+ };
1467
+ }
1468
+ });
1469
+ const FlowModal_vue_vue_type_style_index_0_scoped_dfd5c435_lang = "";
1470
+ const _export_sfc = (sfc, props) => {
1471
+ const target = sfc.__vccOpts || sfc;
1472
+ for (const [key, val] of props) {
1473
+ target[key] = val;
1474
+ }
1475
+ return target;
1476
+ };
1477
+ const FlowModal = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-dfd5c435"]]);
1478
+ const useModal = () => reactive({
1479
+ open: false,
1480
+ show() {
1481
+ this.open = true;
1482
+ },
1483
+ hide() {
1484
+ this.open = false;
1485
+ }
1486
+ });
1381
1487
  var defaultLocale$1 = "en";
1382
1488
  var localesData$1 = {};
1383
1489
  var lowercaseLocaleLookup = {};
@@ -1898,7 +2004,7 @@ var RelativeTimeFormat = /* @__PURE__ */ function() {
1898
2004
  }
1899
2005
  _createClass$2(RelativeTimeFormat2, [{
1900
2006
  key: "format",
1901
- value: function format3() {
2007
+ value: function format4() {
1902
2008
  var _parseFormatArgs = parseFormatArgs(arguments), _parseFormatArgs2 = _slicedToArray$1(_parseFormatArgs, 2), number = _parseFormatArgs2[0], unit = _parseFormatArgs2[1];
1903
2009
  return this.getRule(number, unit).replace("{0}", this.formatNumber(Math.abs(number)));
1904
2010
  }
@@ -3289,7 +3395,7 @@ var TimeAgo = /* @__PURE__ */ function() {
3289
3395
  }
3290
3396
  _createClass(TimeAgo2, [{
3291
3397
  key: "format",
3292
- value: function format3(input, style, options) {
3398
+ value: function format4(input, style, options) {
3293
3399
  if (!options) {
3294
3400
  if (style && !isStyle(style)) {
3295
3401
  options = style;
@@ -4659,8 +4765,8 @@ const defaults = {
4659
4765
  transitional: transitionalDefaults,
4660
4766
  adapter: platform.isNode ? "http" : "xhr",
4661
4767
  transformRequest: [function transformRequest(data, headers) {
4662
- const contentType = headers.getContentType() || "";
4663
- const hasJSONContentType = contentType.indexOf("application/json") > -1;
4768
+ const contentType2 = headers.getContentType() || "";
4769
+ const hasJSONContentType = contentType2.indexOf("application/json") > -1;
4664
4770
  const isObjectPayload = utils.isObject(data);
4665
4771
  if (isObjectPayload && utils.isHTMLForm(data)) {
4666
4772
  data = new FormData(data);
@@ -4684,10 +4790,10 @@ const defaults = {
4684
4790
  }
4685
4791
  let isFileList2;
4686
4792
  if (isObjectPayload) {
4687
- if (contentType.indexOf("application/x-www-form-urlencoded") > -1) {
4793
+ if (contentType2.indexOf("application/x-www-form-urlencoded") > -1) {
4688
4794
  return toURLEncodedForm(data, this.formSerializer).toString();
4689
4795
  }
4690
- if ((isFileList2 = utils.isFileList(data)) || contentType.indexOf("multipart/form-data") > -1) {
4796
+ if ((isFileList2 = utils.isFileList(data)) || contentType2.indexOf("multipart/form-data") > -1) {
4691
4797
  const _FormData = this.env && this.env.FormData;
4692
4798
  return toFormData(
4693
4799
  isFileList2 ? { "files[]": data } : data,
@@ -4933,7 +5039,7 @@ class AxiosHeaders {
4933
5039
  }
4934
5040
  return deleted;
4935
5041
  }
4936
- normalize(format3) {
5042
+ normalize(format4) {
4937
5043
  const self2 = this;
4938
5044
  const headers = {};
4939
5045
  utils.forEach(this, (value, header) => {
@@ -4943,7 +5049,7 @@ class AxiosHeaders {
4943
5049
  delete self2[header];
4944
5050
  return;
4945
5051
  }
4946
- const normalized = format3 ? formatHeader(header) : String(header).trim();
5052
+ const normalized = format4 ? formatHeader(header) : String(header).trim();
4947
5053
  if (normalized !== header) {
4948
5054
  delete self2[header];
4949
5055
  }
@@ -6010,29 +6116,31 @@ const replaceVariables = (url, variables) => {
6010
6116
  return acc.replace(`{${key}}`, value.toString());
6011
6117
  }, url);
6012
6118
  };
6013
- const defaultHeaders = {
6014
- "User-Agent": "Scalar API Client"
6015
- };
6016
6119
  async function sendRequest(request, proxyUrl) {
6017
6120
  const method = normalizeRequestMethod(request.type);
6018
- const headers = {
6019
- ...defaultHeaders,
6020
- ...mapFromArray(request.headers ?? [], "name", "value")
6021
- };
6121
+ const headers = mapFromArray(
6122
+ request.headers ?? [],
6123
+ "name",
6124
+ "value"
6125
+ );
6022
6126
  const url = normalizeUrl(request.url);
6023
6127
  const path = normalizePath(request.path);
6024
6128
  const urlWithPath = concatenateUrlAndPath(url, path);
6025
- const renderedURL = replaceVariables(
6129
+ const renderedUrl = replaceVariables(
6026
6130
  urlWithPath,
6027
6131
  mapFromArray(request.parameters ?? [], "name", "value")
6028
6132
  );
6133
+ const queryString = new URLSearchParams(
6134
+ mapFromArray(request.query ?? [], "name", "value")
6135
+ ).toString();
6136
+ const completeUrl = `${renderedUrl}${queryString ? "?" + queryString : ""}`;
6029
6137
  const auth = {
6030
6138
  type: "none"
6031
6139
  };
6032
6140
  const startTime = Date.now();
6033
6141
  const requestOptions = {
6034
6142
  method,
6035
- url: renderedURL,
6143
+ url: completeUrl,
6036
6144
  auth,
6037
6145
  headers,
6038
6146
  data: request.body
@@ -6077,78 +6185,6 @@ async function sendRequest(request, proxyUrl) {
6077
6185
  responseId: nanoid()
6078
6186
  };
6079
6187
  }
6080
- const _hoisted_1$k = { class: "modal-layout" };
6081
- const useModalState = () => reactive({
6082
- open: false,
6083
- show() {
6084
- this.open = true;
6085
- },
6086
- hide() {
6087
- this.open = false;
6088
- }
6089
- });
6090
- const _sfc_main$m = /* @__PURE__ */ defineComponent({
6091
- __name: "FlowModal",
6092
- props: {
6093
- state: {},
6094
- title: {},
6095
- bodyClass: {},
6096
- maxWidth: {},
6097
- variant: { default: "normal" }
6098
- },
6099
- setup(__props) {
6100
- return (_ctx, _cache) => {
6101
- return openBlock(), createBlock(unref(Ue), {
6102
- open: _ctx.state.open,
6103
- onClose: _cache[0] || (_cache[0] = ($event) => _ctx.state.hide())
6104
- }, {
6105
- default: withCtx(() => [
6106
- createElementVNode("div", _hoisted_1$k, [
6107
- createVNode(unref(Ge), {
6108
- class: normalizeClass(["modal", {
6109
- "modal-content-large": _ctx.variant === "large",
6110
- "modal-content-normal": _ctx.variant === "normal",
6111
- "modal-content-small": _ctx.variant === "small"
6112
- }]),
6113
- style: normalizeStyle({ maxWidth: _ctx.maxWidth })
6114
- }, {
6115
- default: withCtx(() => [
6116
- _ctx.title ? (openBlock(), createBlock(unref(Ve), {
6117
- key: 0,
6118
- class: "modal-header"
6119
- }, {
6120
- default: withCtx(() => [
6121
- createTextVNode(toDisplayString(_ctx.title), 1)
6122
- ]),
6123
- _: 1
6124
- })) : createCommentVNode("", true),
6125
- createVNode(unref(We), {
6126
- class: normalizeClass(["modal-body custom-scroll", [_ctx.bodyClass]])
6127
- }, {
6128
- default: withCtx(() => [
6129
- renderSlot(_ctx.$slots, "default", {}, void 0, true)
6130
- ]),
6131
- _: 3
6132
- }, 8, ["class"])
6133
- ]),
6134
- _: 3
6135
- }, 8, ["class", "style"])
6136
- ])
6137
- ]),
6138
- _: 3
6139
- }, 8, ["open"]);
6140
- };
6141
- }
6142
- });
6143
- const FlowModal_vue_vue_type_style_index_0_scoped_3f4ab567_lang = "";
6144
- const _export_sfc = (sfc, props) => {
6145
- const target = sfc.__vccOpts || sfc;
6146
- for (const [key, val] of props) {
6147
- target[key] = val;
6148
- }
6149
- return target;
6150
- };
6151
- const FlowModal = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-3f4ab567"]]);
6152
6188
  const BYTE_UNITS = [
6153
6189
  "B",
6154
6190
  "kB",
@@ -6341,7 +6377,7 @@ function prettyMilliseconds(milliseconds, options = {}) {
6341
6377
  return options.colonNotation ? result.join("") : result.join(" ");
6342
6378
  }
6343
6379
  const _hoisted_1$j = { class: "navtable-item-40 navtable-item-request" };
6344
- const _hoisted_2$9 = { class: "navtable-item-40 navtable-item-response" };
6380
+ const _hoisted_2$a = { class: "navtable-item-40 navtable-item-response" };
6345
6381
  const _hoisted_3$9 = { class: "navtable-item-20 navtable-item-time" };
6346
6382
  const _sfc_main$l = /* @__PURE__ */ defineComponent({
6347
6383
  __name: "RequestHistoryItem",
@@ -6376,7 +6412,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
6376
6412
  createTextVNode(" " + toDisplayString(unref(requestHistory2)[_ctx.history].request.url), 1)
6377
6413
  ])
6378
6414
  ]),
6379
- createElementVNode("div", _hoisted_2$9, [
6415
+ createElementVNode("div", _hoisted_2$a, [
6380
6416
  createElementVNode("span", null, toDisplayString(unref(prettyMilliseconds)(unref(requestHistory2)[_ctx.history].response.duration)), 1),
6381
6417
  createElementVNode("span", {
6382
6418
  class: normalizeClass(`scalar-api-client__status--${String(
@@ -6393,7 +6429,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
6393
6429
  }
6394
6430
  });
6395
6431
  const _hoisted_1$i = { class: "navigation-content-item" };
6396
- const _hoisted_2$8 = { class: "navtable" };
6432
+ const _hoisted_2$9 = { class: "navtable" };
6397
6433
  const _hoisted_3$8 = { class: "navtable-table" };
6398
6434
  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);
6399
6435
  const _hoisted_5$6 = { class: "navtable-radios" };
@@ -6405,7 +6441,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
6405
6441
  const { requestHistoryOrder: requestHistoryOrder2 } = useApiClientRequestStore();
6406
6442
  return (_ctx, _cache) => {
6407
6443
  return openBlock(), createElementBlock("div", _hoisted_1$i, [
6408
- createElementVNode("div", _hoisted_2$8, [
6444
+ createElementVNode("div", _hoisted_2$9, [
6409
6445
  createElementVNode("div", _hoisted_3$8, [
6410
6446
  _hoisted_4$7,
6411
6447
  createElementVNode("div", _hoisted_5$6, [
@@ -6424,10 +6460,14 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
6424
6460
  }
6425
6461
  });
6426
6462
  const RequestHistory_vue_vue_type_style_index_0_lang = "";
6427
- const _hoisted_1$h = { class: "scalar-api-client__url-form" };
6428
- const _hoisted_2$7 = { class: "scalar-api-client__field" };
6429
- const _hoisted_3$7 = { class: "scalar-api-client__request-type" };
6430
- const _hoisted_4$6 = /* @__PURE__ */ createElementVNode("svg", {
6463
+ const _hoisted_1$h = {
6464
+ key: 0,
6465
+ class: "loader"
6466
+ };
6467
+ const _hoisted_2$8 = { class: "scalar-api-client__url-form" };
6468
+ const _hoisted_3$7 = { class: "scalar-api-client__field" };
6469
+ const _hoisted_4$6 = { class: "scalar-api-client__request-type" };
6470
+ const _hoisted_5$5 = /* @__PURE__ */ createElementVNode("svg", {
6431
6471
  fill: "none",
6432
6472
  height: "48",
6433
6473
  viewBox: "0 0 14 14",
@@ -6444,17 +6484,17 @@ const _hoisted_4$6 = /* @__PURE__ */ createElementVNode("svg", {
6444
6484
  })
6445
6485
  ])
6446
6486
  ], -1);
6447
- const _hoisted_5$5 = /* @__PURE__ */ createElementVNode("span", null, "Send Request", -1);
6448
- const _hoisted_6$4 = [
6449
- _hoisted_4$6,
6450
- _hoisted_5$5
6487
+ const _hoisted_6$4 = /* @__PURE__ */ createElementVNode("span", null, "Send Request", -1);
6488
+ const _hoisted_7$4 = [
6489
+ _hoisted_5$5,
6490
+ _hoisted_6$4
6451
6491
  ];
6452
- const _hoisted_7$4 = { class: "scalar-api-client__address-bar__content" };
6453
- const _hoisted_8$3 = {
6492
+ const _hoisted_8$3 = { class: "scalar-api-client__address-bar__content" };
6493
+ const _hoisted_9$3 = {
6454
6494
  key: 0,
6455
6495
  class: "scalar-api-client__history"
6456
6496
  };
6457
- const _hoisted_9$3 = /* @__PURE__ */ createElementVNode("svg", {
6497
+ const _hoisted_10$2 = /* @__PURE__ */ createElementVNode("svg", {
6458
6498
  fill: "none",
6459
6499
  height: "48",
6460
6500
  viewBox: "0 0 14 14",
@@ -6498,7 +6538,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
6498
6538
  readOnly: readOnly2,
6499
6539
  setActiveRequest: setActiveRequest2
6500
6540
  } = useApiClientRequestStore();
6501
- const historyModal = useModalState();
6541
+ const historyModal = useModal();
6502
6542
  const url = computed(() => activeRequest2.url);
6503
6543
  const requestType = computed(() => activeRequest2.type);
6504
6544
  const requestPath = computed(() => activeRequest2.path);
@@ -6541,64 +6581,65 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
6541
6581
  setActiveRequest2({ ...activeRequest2, url: value });
6542
6582
  };
6543
6583
  return (_ctx, _cache) => {
6544
- return openBlock(), createElementBlock("div", {
6545
- class: normalizeClass(["scalar-api-client__address-bar", { "scalar-api-client__address-bar__on": showHistory.value }])
6546
- }, [
6547
- createElementVNode("div", _hoisted_1$h, [
6548
- createElementVNode("div", _hoisted_2$7, [
6584
+ return openBlock(), createElementBlock(Fragment, null, [
6585
+ loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$h)) : createCommentVNode("", true),
6586
+ createElementVNode("div", {
6587
+ class: normalizeClass(["scalar-api-client__address-bar", { "scalar-api-client__address-bar__on": showHistory.value }])
6588
+ }, [
6589
+ createElementVNode("div", _hoisted_2$8, [
6549
6590
  createElementVNode("div", _hoisted_3$7, [
6550
- createElementVNode("i", {
6551
- class: normalizeClass(requestType.value.toLowerCase())
6552
- }, null, 2),
6553
- createElementVNode("span", null, toDisplayString(requestType.value), 1)
6591
+ createElementVNode("div", _hoisted_4$6, [
6592
+ createElementVNode("i", {
6593
+ class: normalizeClass(requestType.value.toLowerCase())
6594
+ }, null, 2),
6595
+ createElementVNode("span", null, toDisplayString(requestType.value), 1)
6596
+ ]),
6597
+ createVNode(unref(CodeMirror), {
6598
+ class: "scalar-api-client__url-input",
6599
+ content: formattedUrl.value,
6600
+ disableEnter: "",
6601
+ readOnly: unref(readOnly2),
6602
+ withoutTheme: "",
6603
+ withVariables: "",
6604
+ onChange
6605
+ }, null, 8, ["content", "readOnly"])
6554
6606
  ]),
6555
- createVNode(unref(CodeMirror), {
6556
- class: "scalar-api-client__url-input",
6557
- content: formattedUrl.value,
6558
- disableEnter: true,
6559
- readOnly: unref(readOnly2),
6560
- withVariables: true,
6561
- withoutTheme: true,
6562
- onChange
6563
- }, null, 8, ["content", "readOnly"])
6607
+ createElementVNode("button", {
6608
+ class: "scalar-api-client__send-request-button",
6609
+ type: "submit",
6610
+ onClick: send
6611
+ }, _hoisted_7$4)
6564
6612
  ]),
6565
- createElementVNode("button", {
6566
- class: normalizeClass(["scalar-api-client__send-request-button", [
6567
- { "scalar-api-client__send-request-button--loading": loading.value }
6568
- ]]),
6569
- type: "submit",
6570
- onClick: send
6571
- }, _hoisted_6$4, 2)
6572
- ]),
6573
- createElementVNode("div", {
6574
- class: "scalar-api-client__address-bar__close",
6575
- onClick: _cache[0] || (_cache[0] = ($event) => showHistory.value = false)
6576
- }),
6577
- createElementVNode("div", _hoisted_7$4, [
6578
- createVNode(FlowModal, {
6579
- state: unref(historyModal),
6580
- title: "Request History",
6581
- variant: "large"
6582
- }, {
6583
- default: withCtx(() => [
6584
- createVNode(_sfc_main$k, {
6585
- showHistory: showHistory.value,
6586
- onToggle: _cache[1] || (_cache[1] = ($event) => showHistory.value = !showHistory.value)
6587
- }, null, 8, ["showHistory"])
6588
- ]),
6589
- _: 1
6590
- }, 8, ["state"])
6591
- ]),
6592
- unref(requestHistoryOrder2).length ? (openBlock(), createElementBlock("div", _hoisted_8$3, [
6593
6613
  createElementVNode("div", {
6594
- class: "scalar-api-client__history-toggle",
6595
- onClick: _cache[2] || (_cache[2] = ($event) => unref(historyModal).show())
6596
- }, [
6597
- _hoisted_9$3,
6598
- createElementVNode("span", null, toDisplayString(lastRequestTimestamp.value), 1)
6599
- ])
6600
- ])) : createCommentVNode("", true)
6601
- ], 2);
6614
+ class: "scalar-api-client__address-bar__close",
6615
+ onClick: _cache[0] || (_cache[0] = ($event) => showHistory.value = false)
6616
+ }),
6617
+ createElementVNode("div", _hoisted_8$3, [
6618
+ createVNode(unref(FlowModal), {
6619
+ state: unref(historyModal),
6620
+ title: "Request History",
6621
+ variant: "large"
6622
+ }, {
6623
+ default: withCtx(() => [
6624
+ createVNode(_sfc_main$k, {
6625
+ showHistory: showHistory.value,
6626
+ onToggle: _cache[1] || (_cache[1] = ($event) => showHistory.value = !showHistory.value)
6627
+ }, null, 8, ["showHistory"])
6628
+ ]),
6629
+ _: 1
6630
+ }, 8, ["state"])
6631
+ ]),
6632
+ unref(requestHistoryOrder2).length ? (openBlock(), createElementBlock("div", _hoisted_9$3, [
6633
+ createElementVNode("div", {
6634
+ class: "scalar-api-client__history-toggle",
6635
+ onClick: _cache[2] || (_cache[2] = ($event) => unref(historyModal).show())
6636
+ }, [
6637
+ _hoisted_10$2,
6638
+ createElementVNode("span", null, toDisplayString(lastRequestTimestamp.value), 1)
6639
+ ])
6640
+ ])) : createCommentVNode("", true)
6641
+ ], 2)
6642
+ ], 64);
6602
6643
  };
6603
6644
  }
6604
6645
  });
@@ -6616,7 +6657,7 @@ const _hoisted_1$g = /* @__PURE__ */ createElementVNode("svg", {
6616
6657
  "fill-rule": "nonzero"
6617
6658
  })
6618
6659
  ], -1);
6619
- const _hoisted_2$6 = { class: "scalar-api-client__item__title" };
6660
+ const _hoisted_2$7 = { class: "scalar-api-client__item__title" };
6620
6661
  const _hoisted_3$6 = {
6621
6662
  key: 0,
6622
6663
  class: "scalar-api-client__item__options"
@@ -6637,7 +6678,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
6637
6678
  createVNode(unref(X), { class: "scalar-api-client__toggle" }, {
6638
6679
  default: withCtx(() => [
6639
6680
  _hoisted_1$g,
6640
- createElementVNode("span", _hoisted_2$6, toDisplayString(_ctx.title), 1),
6681
+ createElementVNode("span", _hoisted_2$7, toDisplayString(_ctx.title), 1),
6641
6682
  _ctx.$slots.options && open ? (openBlock(), createElementBlock("div", _hoisted_3$6, [
6642
6683
  renderSlot(_ctx.$slots, "options")
6643
6684
  ])) : createCommentVNode("", true)
@@ -6672,7 +6713,7 @@ const _hoisted_1$f = /* @__PURE__ */ createElementVNode("svg", {
6672
6713
  "fill-rule": "nonzero"
6673
6714
  })
6674
6715
  ], -1);
6675
- const _hoisted_2$5 = ["value"];
6716
+ const _hoisted_2$6 = ["value"];
6676
6717
  const _hoisted_3$5 = {
6677
6718
  key: 0,
6678
6719
  class: "scalar-api-client__empty-state"
@@ -6763,7 +6804,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
6763
6804
  return createElementVNode("option", {
6764
6805
  key: option.type,
6765
6806
  value: option.type
6766
- }, toDisplayString(option.text), 9, _hoisted_2$5);
6807
+ }, toDisplayString(option.text), 9, _hoisted_2$6);
6767
6808
  }), 64))
6768
6809
  ], 512), [
6769
6810
  [vShow, show.value],
@@ -6961,7 +7002,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
6961
7002
  }
6962
7003
  });
6963
7004
  const _hoisted_1$e = { class: "table" };
6964
- const _hoisted_2$4 = { class: "table-row" };
7005
+ const _hoisted_2$5 = { class: "table-row" };
6965
7006
  const _hoisted_3$4 = /* @__PURE__ */ createElementVNode("div", { class: "table-row-item" }, [
6966
7007
  /* @__PURE__ */ createElementVNode("label", null, "Key")
6967
7008
  ], -1);
@@ -7021,7 +7062,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
7021
7062
  const showDescription = ref(false);
7022
7063
  return (_ctx, _cache) => {
7023
7064
  return openBlock(), createElementBlock("div", _hoisted_1$e, [
7024
- createElementVNode("div", _hoisted_2$4, [
7065
+ createElementVNode("div", _hoisted_2$5, [
7025
7066
  _hoisted_3$4,
7026
7067
  _hoisted_4$3,
7027
7068
  withDirectives(createElementVNode("div", _hoisted_5$3, _hoisted_7$2, 512), [
@@ -7065,7 +7106,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
7065
7106
  const Grid_vue_vue_type_style_index_0_lang = "";
7066
7107
  const Grid_vue_vue_type_style_index_1_lang = "";
7067
7108
  const _hoisted_1$d = { class: "navtable simpletable" };
7068
- const _hoisted_2$3 = { class: "navtable-table" };
7109
+ const _hoisted_2$4 = { class: "navtable-table" };
7069
7110
  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);
7070
7111
  const _hoisted_4$2 = { class: "navtable-item-33" };
7071
7112
  const _hoisted_5$2 = { class: "navtable-item-66" };
@@ -7077,7 +7118,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
7077
7118
  setup(__props) {
7078
7119
  return (_ctx, _cache) => {
7079
7120
  return openBlock(), createElementBlock("div", _hoisted_1$d, [
7080
- createElementVNode("div", _hoisted_2$3, [
7121
+ createElementVNode("div", _hoisted_2$4, [
7081
7122
  _hoisted_3$3,
7082
7123
  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
7083
7124
  return openBlock(), createElementBlock("div", {
@@ -7203,7 +7244,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
7203
7244
  }
7204
7245
  });
7205
7246
  const _hoisted_1$8 = { class: "scalar-api-client__main__left custom-scroll" };
7206
- const _hoisted_2$2 = { class: "scalar-api-client__main__content" };
7247
+ const _hoisted_2$3 = { class: "scalar-api-client__main__content" };
7207
7248
  const _hoisted_3$2 = /* @__PURE__ */ createElementVNode("label", null, "Request", -1);
7208
7249
  const _hoisted_4$1 = { class: "meta" };
7209
7250
  const _hoisted_5$1 = { class: "meta-item meta-item__input" };
@@ -7215,7 +7256,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
7215
7256
  const { activeRequest: activeRequest2, readOnly: readOnly2 } = useApiClientRequestStore();
7216
7257
  return (_ctx, _cache) => {
7217
7258
  return openBlock(), createElementBlock("div", _hoisted_1$8, [
7218
- createElementVNode("div", _hoisted_2$2, [
7259
+ createElementVNode("div", _hoisted_2$3, [
7219
7260
  _hoisted_3$2,
7220
7261
  createElementVNode("div", _hoisted_4$1, [
7221
7262
  createElementVNode("div", _hoisted_5$1, [
@@ -7254,26 +7295,165 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
7254
7295
  }
7255
7296
  });
7256
7297
  const Request_vue_vue_type_style_index_0_lang = "";
7298
+ var contentType = {};
7299
+ /*!
7300
+ * content-type
7301
+ * Copyright(c) 2015 Douglas Christopher Wilson
7302
+ * MIT Licensed
7303
+ */
7304
+ var PARAM_REGEXP = /; *([!#$%&'*+.^_`|~0-9A-Za-z-]+) *= *("(?:[\u000b\u0020\u0021\u0023-\u005b\u005d-\u007e\u0080-\u00ff]|\\[\u000b\u0020-\u00ff])*"|[!#$%&'*+.^_`|~0-9A-Za-z-]+) */g;
7305
+ var TEXT_REGEXP = /^[\u000b\u0020-\u007e\u0080-\u00ff]+$/;
7306
+ var TOKEN_REGEXP = /^[!#$%&'*+.^_`|~0-9A-Za-z-]+$/;
7307
+ var QESC_REGEXP = /\\([\u000b\u0020-\u00ff])/g;
7308
+ var QUOTE_REGEXP = /([\\"])/g;
7309
+ var TYPE_REGEXP = /^[!#$%&'*+.^_`|~0-9A-Za-z-]+\/[!#$%&'*+.^_`|~0-9A-Za-z-]+$/;
7310
+ contentType.format = format3;
7311
+ contentType.parse = parse;
7312
+ function format3(obj) {
7313
+ if (!obj || typeof obj !== "object") {
7314
+ throw new TypeError("argument obj is required");
7315
+ }
7316
+ var parameters = obj.parameters;
7317
+ var type = obj.type;
7318
+ if (!type || !TYPE_REGEXP.test(type)) {
7319
+ throw new TypeError("invalid type");
7320
+ }
7321
+ var string = type;
7322
+ if (parameters && typeof parameters === "object") {
7323
+ var param;
7324
+ var params = Object.keys(parameters).sort();
7325
+ for (var i2 = 0; i2 < params.length; i2++) {
7326
+ param = params[i2];
7327
+ if (!TOKEN_REGEXP.test(param)) {
7328
+ throw new TypeError("invalid parameter name");
7329
+ }
7330
+ string += "; " + param + "=" + qstring(parameters[param]);
7331
+ }
7332
+ }
7333
+ return string;
7334
+ }
7335
+ function parse(string) {
7336
+ if (!string) {
7337
+ throw new TypeError("argument string is required");
7338
+ }
7339
+ var header = typeof string === "object" ? getcontenttype(string) : string;
7340
+ if (typeof header !== "string") {
7341
+ throw new TypeError("argument string is required to be a string");
7342
+ }
7343
+ var index = header.indexOf(";");
7344
+ var type = index !== -1 ? header.slice(0, index).trim() : header.trim();
7345
+ if (!TYPE_REGEXP.test(type)) {
7346
+ throw new TypeError("invalid media type");
7347
+ }
7348
+ var obj = new ContentType(type.toLowerCase());
7349
+ if (index !== -1) {
7350
+ var key;
7351
+ var match;
7352
+ var value;
7353
+ PARAM_REGEXP.lastIndex = index;
7354
+ while (match = PARAM_REGEXP.exec(header)) {
7355
+ if (match.index !== index) {
7356
+ throw new TypeError("invalid parameter format");
7357
+ }
7358
+ index += match[0].length;
7359
+ key = match[1].toLowerCase();
7360
+ value = match[2];
7361
+ if (value.charCodeAt(0) === 34) {
7362
+ value = value.slice(1, -1);
7363
+ if (value.indexOf("\\") !== -1) {
7364
+ value = value.replace(QESC_REGEXP, "$1");
7365
+ }
7366
+ }
7367
+ obj.parameters[key] = value;
7368
+ }
7369
+ if (index !== header.length) {
7370
+ throw new TypeError("invalid parameter format");
7371
+ }
7372
+ }
7373
+ return obj;
7374
+ }
7375
+ function getcontenttype(obj) {
7376
+ var header;
7377
+ if (typeof obj.getHeader === "function") {
7378
+ header = obj.getHeader("content-type");
7379
+ } else if (typeof obj.headers === "object") {
7380
+ header = obj.headers && obj.headers["content-type"];
7381
+ }
7382
+ if (typeof header !== "string") {
7383
+ throw new TypeError("content-type header is missing from object");
7384
+ }
7385
+ return header;
7386
+ }
7387
+ function qstring(val) {
7388
+ var str = String(val);
7389
+ if (TOKEN_REGEXP.test(str)) {
7390
+ return str;
7391
+ }
7392
+ if (str.length > 0 && !TEXT_REGEXP.test(str)) {
7393
+ throw new TypeError("invalid parameter value");
7394
+ }
7395
+ return '"' + str.replace(QUOTE_REGEXP, "\\$1") + '"';
7396
+ }
7397
+ function ContentType(type) {
7398
+ this.parameters = /* @__PURE__ */ Object.create(null);
7399
+ this.type = type;
7400
+ }
7257
7401
  const _hoisted_1$7 = {
7258
7402
  key: 1,
7259
7403
  class: "scalar-api-client__empty-state"
7260
7404
  };
7405
+ const _hoisted_2$2 = {
7406
+ key: 1,
7407
+ class: "scalar-api-client__empty-state"
7408
+ };
7261
7409
  const _sfc_main$9 = /* @__PURE__ */ defineComponent({
7262
7410
  __name: "ResponseBody",
7263
7411
  props: {
7264
7412
  active: { type: Boolean, default: false },
7265
- data: { default: null }
7413
+ data: { default: null },
7414
+ headers: {}
7266
7415
  },
7267
7416
  setup(__props) {
7417
+ const props = __props;
7418
+ const mediaType = computed(() => {
7419
+ const contentTypeHeader = props.headers.find(
7420
+ (header) => header.name.toLowerCase() === "content-type"
7421
+ );
7422
+ if (!contentTypeHeader) {
7423
+ return null;
7424
+ }
7425
+ try {
7426
+ return contentType.parse(contentTypeHeader.value).type;
7427
+ } catch {
7428
+ return null;
7429
+ }
7430
+ });
7431
+ const codeMirrorLanguages = computed(() => {
7432
+ if (mediaType.value === "application/json") {
7433
+ return ["json"];
7434
+ }
7435
+ if (mediaType.value === "text/html") {
7436
+ return ["html"];
7437
+ }
7438
+ return null;
7439
+ });
7268
7440
  return (_ctx, _cache) => {
7269
7441
  return openBlock(), createBlock(unref(_sfc_main$i), { title: "Body" }, {
7270
7442
  default: withCtx(() => [
7271
- _ctx.active ? (openBlock(), createBlock(unref(CodeMirror), {
7272
- key: 0,
7273
- content: _ctx.data,
7274
- languages: ["json"],
7275
- readOnly: ""
7276
- }, null, 8, ["content"])) : (openBlock(), createElementBlock("div", _hoisted_1$7, " No Response "))
7443
+ _ctx.active ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
7444
+ codeMirrorLanguages.value ? (openBlock(), createBlock(unref(CodeMirror), {
7445
+ key: 0,
7446
+ content: _ctx.data,
7447
+ languages: codeMirrorLanguages.value,
7448
+ readOnly: ""
7449
+ }, null, 8, ["content", "languages"])) : (openBlock(), createElementBlock("div", _hoisted_1$7, [
7450
+ mediaType.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
7451
+ createTextVNode(" No Preview Available (" + toDisplayString(mediaType.value) + ") ", 1)
7452
+ ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
7453
+ createTextVNode(" Can’t render a preview. The Content-Type header is missing or unknown. ")
7454
+ ], 64))
7455
+ ]))
7456
+ ], 64)) : (openBlock(), createElementBlock("div", _hoisted_2$2, " No Response "))
7277
7457
  ]),
7278
7458
  _: 1
7279
7459
  });
@@ -8074,8 +8254,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
8074
8254
  };
8075
8255
  }
8076
8256
  });
8077
- const HelpfulLink_vue_vue_type_style_index_0_scoped_7a2c7da8_lang = "";
8078
- const HelpfulLink = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-7a2c7da8"]]);
8257
+ const HelpfulLink_vue_vue_type_style_index_0_scoped_4e87b5c7_lang = "";
8258
+ const HelpfulLink = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-4e87b5c7"]]);
8079
8259
  const _sfc_main$7 = /* @__PURE__ */ defineComponent({
8080
8260
  __name: "SimpleCell",
8081
8261
  props: {
@@ -8101,8 +8281,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
8101
8281
  };
8102
8282
  }
8103
8283
  });
8104
- const SimpleCell_vue_vue_type_style_index_0_scoped_8d5b42b4_lang = "";
8105
- const SimpleCell = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-8d5b42b4"]]);
8284
+ const SimpleCell_vue_vue_type_style_index_0_scoped_c2b6632c_lang = "";
8285
+ const SimpleCell = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-c2b6632c"]]);
8106
8286
  const _sfc_main$6 = /* @__PURE__ */ defineComponent({
8107
8287
  __name: "SimpleHeader",
8108
8288
  setup(__props) {
@@ -8119,9 +8299,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
8119
8299
  };
8120
8300
  }
8121
8301
  });
8122
- const SimpleHeader_vue_vue_type_style_index_0_scoped_e94ec977_lang = "";
8123
- const SimpleHeader = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-e94ec977"]]);
8124
- const SimpleRow_vue_vue_type_style_index_0_scoped_959f27bd_lang = "";
8302
+ const SimpleHeader_vue_vue_type_style_index_0_scoped_ed796dc3_lang = "";
8303
+ const SimpleHeader = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-ed796dc3"]]);
8304
+ const SimpleRow_vue_vue_type_style_index_0_scoped_39ca3a5f_lang = "";
8125
8305
  const _sfc_main$5 = {};
8126
8306
  const _hoisted_1$5 = { class: "simple-row" };
8127
8307
  function _sfc_render$1(_ctx, _cache) {
@@ -8129,7 +8309,7 @@ function _sfc_render$1(_ctx, _cache) {
8129
8309
  renderSlot(_ctx.$slots, "default", {}, void 0, true)
8130
8310
  ]);
8131
8311
  }
8132
- const SimpleRow = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$1], ["__scopeId", "data-v-959f27bd"]]);
8312
+ const SimpleRow = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$1], ["__scopeId", "data-v-39ca3a5f"]]);
8133
8313
  const SimpleTable_vue_vue_type_style_index_0_scoped_3b6be9e1_lang = "";
8134
8314
  const _sfc_main$4 = {};
8135
8315
  const _hoisted_1$4 = { class: "simple-table" };
@@ -8343,8 +8523,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
8343
8523
  createElementVNode("div", null, [
8344
8524
  createVNode(_sfc_main$9, {
8345
8525
  active: !!unref(activeResponse2),
8346
- data: responseData.value
8347
- }, null, 8, ["active", "data"]),
8526
+ data: responseData.value,
8527
+ headers: responseHeaders.value
8528
+ }, null, 8, ["active", "data", "headers"]),
8348
8529
  createVNode(_sfc_main$3, { headers: responseHeaders.value }, null, 8, ["headers"]),
8349
8530
  createVNode(unref(_sfc_main$i), { title: "Cookies" }, {
8350
8531
  default: withCtx(() => [
@@ -8366,11 +8547,14 @@ const _hoisted_1 = { class: "scalar-api-client__main" };
8366
8547
  const _sfc_main = /* @__PURE__ */ defineComponent({
8367
8548
  __name: "ApiClient",
8368
8549
  props: {
8369
- proxyUrl: {}
8550
+ proxyUrl: {},
8551
+ readOnly: { type: Boolean, default: false },
8552
+ theme: {}
8370
8553
  },
8371
8554
  emits: ["escapeKeyPress"],
8372
8555
  setup(__props, { emit }) {
8373
- const { activeRequest: activeRequest2 } = useApiClientRequestStore();
8556
+ const props = __props;
8557
+ const { activeRequest: activeRequest2, readOnly: stateReadOnly } = useApiClientRequestStore();
8374
8558
  const isSmallScreen = useMediaQuery("(max-width: 820px)");
8375
8559
  const selectedTab = ref(0);
8376
8560
  const Tabs = {
@@ -8380,78 +8564,86 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
8380
8564
  function changeTab(index) {
8381
8565
  selectedTab.value = index;
8382
8566
  }
8567
+ watch(
8568
+ () => props.readOnly,
8569
+ () => {
8570
+ stateReadOnly.value = props.readOnly;
8571
+ },
8572
+ { immediate: true }
8573
+ );
8383
8574
  useKeyboardEvent({
8384
8575
  keyList: ["escape"],
8385
8576
  handler: () => emit("escapeKeyPress")
8386
8577
  });
8387
8578
  return (_ctx, _cache) => {
8388
- return openBlock(), createElementBlock("div", {
8389
- class: normalizeClass(["scalar-api-client", `scalar-api-client--${unref(activeRequest2).type.toLowerCase() || "get"}`]),
8390
- onKeydown: _cache[1] || (_cache[1] = withKeys(($event) => emit("escapeKeyPress"), ["esc"]))
8391
- }, [
8392
- createVNode(_sfc_main$j, {
8393
- proxyUrl: _ctx.proxyUrl,
8394
- onOnSend: _cache[0] || (_cache[0] = ($event) => changeTab(Tabs.Response))
8395
- }, null, 8, ["proxyUrl"]),
8396
- createElementVNode("div", _hoisted_1, [
8397
- !unref(isSmallScreen) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
8398
- createVNode(unref(_sfc_main$a)),
8399
- createVNode(unref(_sfc_main$1))
8400
- ], 64)) : (openBlock(), createBlock(unref(xe), {
8401
- key: 1,
8402
- selectedIndex: selectedTab.value,
8403
- onChange: changeTab
8404
- }, {
8405
- default: withCtx(() => [
8406
- createVNode(unref(Ie), { class: "scalar-api-client__mobile-navigation" }, {
8407
- default: withCtx(() => [
8408
- createVNode(unref(ye), { class: "scalar-api-client__mobile-navigation__toggle" }, {
8409
- default: withCtx(({ selected }) => [
8410
- createElementVNode("button", {
8411
- class: normalizeClass({
8412
- "scalar-api-client__mobile-navigation--active": selected
8413
- }),
8414
- type: "button"
8415
- }, " Request ", 2)
8416
- ]),
8417
- _: 1
8418
- }),
8419
- createVNode(unref(ye), { class: "scalar-api-client__mobile-navigation__toggle" }, {
8420
- default: withCtx(({ selected }) => [
8421
- createElementVNode("button", {
8422
- class: normalizeClass({
8423
- "scalar-api-client__mobile-navigation--active": selected
8424
- }),
8425
- type: "button"
8426
- }, " Response ", 2)
8427
- ]),
8428
- _: 1
8429
- })
8430
- ]),
8431
- _: 1
8432
- }),
8433
- createVNode(unref(Se), null, {
8434
- default: withCtx(() => [
8435
- createVNode(unref(ge), null, {
8436
- default: withCtx(() => [
8437
- createVNode(unref(_sfc_main$a))
8438
- ]),
8439
- _: 1
8440
- }),
8441
- createVNode(unref(ge), null, {
8442
- default: withCtx(() => [
8443
- createVNode(unref(_sfc_main$1))
8444
- ]),
8445
- _: 1
8446
- })
8447
- ]),
8448
- _: 1
8449
- })
8450
- ]),
8451
- _: 1
8452
- }, 8, ["selectedIndex"]))
8453
- ])
8454
- ], 34);
8579
+ return openBlock(), createElementBlock(Fragment, null, [
8580
+ createVNode(unref(_sfc_main$n), { id: _ctx.theme }, null, 8, ["id"]),
8581
+ createElementVNode("div", {
8582
+ class: normalizeClass(["scalar-api-client", `scalar-api-client--${unref(activeRequest2).type.toLowerCase() || "get"}`]),
8583
+ onKeydown: _cache[1] || (_cache[1] = withKeys(($event) => emit("escapeKeyPress"), ["esc"]))
8584
+ }, [
8585
+ createVNode(_sfc_main$j, {
8586
+ proxyUrl: _ctx.proxyUrl,
8587
+ onOnSend: _cache[0] || (_cache[0] = ($event) => changeTab(Tabs.Response))
8588
+ }, null, 8, ["proxyUrl"]),
8589
+ createElementVNode("div", _hoisted_1, [
8590
+ !unref(isSmallScreen) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
8591
+ createVNode(unref(_sfc_main$a)),
8592
+ createVNode(unref(_sfc_main$1))
8593
+ ], 64)) : (openBlock(), createBlock(unref(xe), {
8594
+ key: 1,
8595
+ selectedIndex: selectedTab.value,
8596
+ onChange: changeTab
8597
+ }, {
8598
+ default: withCtx(() => [
8599
+ createVNode(unref(Ie), { class: "scalar-api-client__mobile-navigation" }, {
8600
+ default: withCtx(() => [
8601
+ createVNode(unref(ye), { class: "scalar-api-client__mobile-navigation__toggle" }, {
8602
+ default: withCtx(({ selected }) => [
8603
+ createElementVNode("span", {
8604
+ class: normalizeClass({
8605
+ "scalar-api-client__mobile-navigation--active": selected
8606
+ })
8607
+ }, " Request ", 2)
8608
+ ]),
8609
+ _: 1
8610
+ }),
8611
+ createVNode(unref(ye), { class: "scalar-api-client__mobile-navigation__toggle" }, {
8612
+ default: withCtx(({ selected }) => [
8613
+ createElementVNode("span", {
8614
+ class: normalizeClass({
8615
+ "scalar-api-client__mobile-navigation--active": selected
8616
+ })
8617
+ }, " Response ", 2)
8618
+ ]),
8619
+ _: 1
8620
+ })
8621
+ ]),
8622
+ _: 1
8623
+ }),
8624
+ createVNode(unref(Se), null, {
8625
+ default: withCtx(() => [
8626
+ createVNode(unref(ge), null, {
8627
+ default: withCtx(() => [
8628
+ createVNode(unref(_sfc_main$a))
8629
+ ]),
8630
+ _: 1
8631
+ }),
8632
+ createVNode(unref(ge), null, {
8633
+ default: withCtx(() => [
8634
+ createVNode(unref(_sfc_main$1))
8635
+ ]),
8636
+ _: 1
8637
+ })
8638
+ ]),
8639
+ _: 1
8640
+ })
8641
+ ]),
8642
+ _: 1
8643
+ }, 8, ["selectedIndex"]))
8644
+ ])
8645
+ ], 34)
8646
+ ], 64);
8455
8647
  };
8456
8648
  }
8457
8649
  });