@scalar/api-client 0.6.0 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (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 +11 -3
  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 +349 -195
  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,7 +3,7 @@
3
3
  try {
4
4
  if (typeof document != "undefined") {
5
5
  var elementStyle = document.createElement("style");
6
- elementStyle.appendChild(document.createTextNode(".cm-scroller,\n.custom-scroll {\n overflow-y: scroll;\n scrollbar-color: transparent transparent;\n scrollbar-width: thin;\n -webkit-overflow-scrolling: touch;\n}\n.custom-scroll-self-contain-overflow {\n overscroll-behavior: contain;\n}\n.custom-scroll-extra-padding-right {\n padding-right: 12px !important;\n}\n@supports (-moz-appearance: none) {\n .cm-scroller,\n .custom-scroll {\n padding-right: 12px;\n }\n .custom-scroll-extra-padding-right {\n padding-right: 24px !important;\n }\n}\n.cm-scroller:hover,\n.custom-scroll:hover {\n scrollbar-color: var(--theme-scrollbar-color) transparent;\n}\n.cm-scroller:hover::-webkit-scrollbar-thumb,\n.custom-scroll:hover::-webkit-scrollbar-thumb {\n background: var(--theme-scrollbar-color);\n background-clip: content-box;\n border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb:active,\n.custom-scroll::-webkit-scrollbar-thumb:active {\n background: var(--theme-scrollbar-color-active);\n background-clip: content-box;\n border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-corner,\n.custom-scroll::-webkit-scrollbar-corner {\n background: transparent;\n}\n.cm-scroller::-webkit-scrollbar,\n.custom-scroll::-webkit-scrollbar {\n height: 12px;\n width: 12px;\n}\n.cm-scroller::-webkit-scrollbar-track,\n.custom-scroll::-webkit-scrollbar-track {\n background: transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb,\n.custom-scroll::-webkit-scrollbar-thumb {\n border-radius: 20px;\n background: transparent;\n background-clip: content-box;\n border: 3px solid transparent;\n}\n@media (pointer: coarse) {\n .cm-scroller,\n .custom-scroll {\n padding-right: 12px;\n }\n .custom-scroll-extra-padding-right {\n padding-right: 24px !important;\n }\n}\n:root {\n --app-header-height: 50px;\n --theme-border-width: 1px;\n --theme-radius: 3px;\n --theme-radius-lg: 6px;\n --theme-radius-xl: 8px;\n\n --theme-header-height: 50px;\n --theme-sidebar-width: 250px;\n --theme-toc-width: 250px;\n\n /* TYPOGRAPHY ------------------------------------ */\n --theme-font: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,\n 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n --theme-font-code: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Mono',\n 'Droid Sans Mono', 'Source Code Pro', monospace;\n\n /** Font sizes for rendered text content (editor styles or static content) */\n --theme-heading-1: 40px; /* Editor Page heading */\n --theme-page-description: 24px;\n --theme-heading-2: 24px; /* Editor section headings */\n --theme-heading-3: 20px;\n --theme-heading-4: 16px;\n --theme-heading-5: 16px;\n --theme-heading-6: 16px;\n\n --theme-paragraph: 16px;\n --theme-small: 14px;\n --theme-mini: 13px;\n --theme-micro: 12px;\n --theme-bold: 600;\n --theme-semibold: 500;\n --theme-regular: 400;\n\n /* Font sizes for interactive applications (not rendered text content) */\n --theme-font-size-1: 24px;\n --theme-font-size-2: 16px;\n --theme-font-size-3: 14px;\n --theme-font-size-4: 13px;\n --theme-font-size-5: 12px;\n\n --theme-line-height-1: 32px;\n --theme-line-height-2: 24px;\n --theme-line-height-3: 20px;\n --theme-line-height-4: 18px;\n --theme-line-height-5: 16px;\n\n --theme-font-medium: 500;\n --theme-font-bold: 700;\n\n /* let's clean these up please :) */\n --scalar-api-reference-theme-header-height: 0;\n --scalar-api-reference-theme-sidebar-width: 250px;\n --scalar-api-reference-theme-toc-width: 250px;\n --scalar-api-reference-app-header-height: 100px;\n --scalar-api-reference-col-width-1: 250px;\n --scalar-api-reference-col-width-2: calc(50% - 150px);\n --scalar-api-reference-col-width-3: calc(50% - 150px);\n --scalar-api-reference-document-height: 100vh;\n --scalar-api-reference-full-height: 100%;\n}\n\n@media (max-width: 460px) {\n :root {\n --theme-font-size-1: 22px;\n --theme-font-size-2: 14px;\n --theme-font-size-3: 12px;\n }\n}\n\n@media (max-width: 720px) {\n :root {\n --theme-heading-1: 24px;\n --theme-page-description: 20px;\n }\n}\n.light-mode {\n color-scheme: light;\n --theme-color-1: #2a2f45;\n --theme-color-2: #757575;\n --theme-color-3: #8e8e8e;\n --theme-color-disabled: #b4b1b1;\n --theme-color-ghost: #a7a7a7;\n --theme-color-accent: #0099ff;\n --theme-background-1: #fff;\n --theme-background-2: #f6f6f6;\n --theme-background-3: #e7e7e7;\n --theme-background-4: rgba(0, 0, 0, 0.06);\n --theme-background-accent: #8ab4f81f;\n\n --theme-border-color: rgba(0, 0, 0, 0.1);\n --theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --theme-lifted-brightness: 1;\n --theme-backdrop-brightness: 1;\n\n --theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n --theme-button-1: rgb(49 53 56);\n --theme-button-1-color: #fff;\n --theme-button-1-hover: rgb(28 31 33);\n\n --theme-error-color: #ae262f;\n --theme-warning-color: #d89c6a;\n --theme-success-color: #26ae42;\n\n /* REST API Client Colors */\n --theme-post-color: #00a67d;\n --theme-post-background: #00a67d1a;\n --theme-delete-color: #ef0006;\n --theme-delete-background: #ef00061a;\n --theme-patch-color: #b2b062;\n --theme-patch-background: #ffe6001a;\n --theme-get-color: #0082d0;\n --theme-get-background: #0082d01a;\n --theme-put-color: #f3830e;\n --theme-put-background: #f3830e1a;\n\n /* Misc Scalar Branding */\n --scalar-brand: #faf6e9;\n}\n.dark-mode {\n color-scheme: dark;\n --theme-color-1: rgba(255, 255, 255, 0.9);\n --theme-color-2: rgba(255, 255, 255, 0.62);\n --theme-color-3: rgba(255, 255, 255, 0.44);\n --theme-color-disabled: rgba(255, 255, 255, 0.34);\n --theme-color-ghost: rgba(255, 255, 255, 0.26);\n --theme-color-accent: #8ab4f8;\n --theme-background-1: #1a1a1a;\n --theme-background-2: #252525;\n --theme-background-3: #323232;\n --theme-background-4: rgba(255, 255, 255, 0.06);\n --theme-background-accent: #8ab4f81f;\n\n --theme-border-color: rgba(255, 255, 255, 0.1);\n --theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --theme-lifted-brightness: 1.45;\n --theme-backdrop-brightness: 0.5;\n\n --theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --theme-button-1: #f6f6f6;\n --theme-button-1-color: #000;\n --theme-button-1-hover: #e7e7e7;\n\n --theme-error-color: #ff0011;\n --theme-success-color: #26ae42;\n\n /* REST API Client Colors */\n --theme-post-color: #7ee787;\n --theme-post-background: #7ee78714;\n --theme-delete-color: #e77e7e;\n --theme-delete-background: #e77e7e24;\n --theme-patch-color: #b2b062;\n --theme-patch-background: #b2b06229;\n --theme-get-color: #79c0ff;\n --theme-get-background: #79c0ff21;\n --theme-put-color: #e9950c;\n --theme-put-background: #e9950c21;\n\n /* Misc Scalar Branding */\n --scalar-brand: #8b7256;\n}\n\n.modal-layout[data-v-3f4ab567] {\n position: fixed;\n width: 100vw;\n height: 100vh;\n top: 0;\n left: 0;\n z-index: 1001;\n background: rgba(0, 0, 0, 0.44);\n padding: 20px;\n opacity: 0;\n animation: modal-fade-3f4ab567 0.2s forwards;\n}\n.modal-body[data-v-3f4ab567] {\n padding: 24px 12px 18px 24px;\n max-height: calc(100vh - 240px);\n background: var(--theme-background-1);\n border-radius: var(--theme-radius-lg);\n font-family: var(--theme-font);\n}\n.modal[data-v-3f4ab567] {\n margin: 80px auto 0;\n position: relative;\n background: var(--theme-background-2);\n border-radius: var(--theme-radius-lg);\n color: var(--theme-color-1);\n width: 100%;\n text-align: left;\n line-height: 1.4;\n opacity: 0;\n transform: scale(0.98);\n animation: modal-pop-3f4ab567 0.15s 0.15s forwards;\n display: flex;\n flex-direction: column;\n}\n.modal-content-large[data-v-3f4ab567] {\n max-width: 800px;\n}\n.modal-content-normal[data-v-3f4ab567] {\n max-width: 640px;\n}\n.modal-content-small[data-v-3f4ab567] {\n max-width: 480px;\n}\n@keyframes modal-fade-3f4ab567 {\nfrom {\n opacity: 0;\n}\nto {\n opacity: 1;\n}\n}\n@keyframes modal-pop-3f4ab567 {\n0% {\n opacity: 0;\n}\n100% {\n opacity: 1;\n transform: scale(1);\n}\n}\n.modal-header[data-v-3f4ab567] {\n padding: 12px 24px;\n color: var(--theme-color-1);\n font-size: var(--theme-font-size-4);\n text-align: left;\n font-weight: 600;\n border-radius: var(--theme-radius-lg) var(--theme-radius-lg) 0 0;\n}\n\n.navtable-mock {\n background-repeat: repeat;\n width: 100%;\n background-image: linear-gradient(\n 0deg,\n var(--theme-border-color) 1px,\n --theme-background-1 1px\n );\n background-size: 31px 31px;\n background-position: center 1px;\n flex: 1;\n position: relative;\n}\n.navtable-mock .navtable-item {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n background: transparent;\n border-top: none;\n}\n.radio {\n height: 16px;\n width: 16px;\n background: transparent;\n border: var(--border);\n flex-shrink: 0;\n margin-right: 6px;\n margin-left: 4px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n outline: none;\n}\n.radio:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n cursor: pointer;\n}\n.navtable-item__active .radio:after {\n content: '';\n width: 5px;\n height: 8px;\n border: solid white;\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(-0.5px, -1px, 0);\n}\n.radio.post {\n background: var(--theme-post-color);\n}\n.radio.delete {\n background: var(--theme-delete-color);\n}\n.radio.patch {\n background: var(--theme-patch-color);\n}\n.radio.get {\n background: var(--theme-get-color);\n}\n.radio.put {\n background: var(--theme-put-color);\n}\n\n.scalar-api-client__address-bar {\n width: 100%;\n padding: 12px 12px 10px 12px;\n display: flex;\n align-items: center;\n position: relative;\n background: var(--theme-background-1);\n}\n.scalar-api-client__url-form {\n display: flex;\n width: 100%;\n align-items: stretch;\n border-radius: var(--theme-radius-lg);\n}\n.scalar-api-client__field {\n border: 1px solid var(--theme-border-color);\n border-right: 0;\n border-radius: var(--theme-radius-lg) 0 0 var(--theme-radius-lg);\n display: flex;\n align-items: stretch;\n width: 100%;\n}\n.scalar-api-client__address-bar-data {\n width: 100%;\n}\n.scalar-api-client__address-bar-data-meta {\n display: flex;\n margin-top: 5px;\n}\n.scalar-api-client__request-type {\n display: flex;\n align-items: center;\n background: var(--theme-background-2);\n color: var(--theme-color-disabled);\n appearance: none;\n -webkit-appearance: none;\n padding: 0 12px;\n border-right: 1px solid var(--theme-border-color);\n border-radius: var(--theme-radius-lg) 0 0 var(--theme-radius-lg);\n position: relative;\n}\n.scalar-api-client__request-type span {\n font-family: var(--theme-font-code);\n font-size: 500;\n font-size: 12px;\n text-transform: uppercase;\n}\n.scalar-api-client__request-type svg {\n margin-left: 6px;\n width: 8px;\n}\n.scalar-api-client__request-type i {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n margin-right: 6px;\n text-align: center;\n line-height: 18px;\n font-style: normal;\n flex-shrink: 0;\n display: inline-block;\n color: var(--theme-color-disabled);\n background: var(--scalar-api-client-color);\n}\n.meta-request-break {\n margin: 0 5px;\n}\n.scalar-api-client__history {\n appearance: none;\n -webkit-appearance: none;\n background: transparent;\n color: var(--theme-color-2);\n display: flex;\n align-items: center;\n border-radius: var(--theme-radius-lg);\n height: 100%;\n}\n.scalar-api-client__send-request-button[type='submit'] {\n font-size: var(--theme-mini);\n letter-spacing: 0.25px;\n line-height: 30px;\n font-weight: var(--theme-semibold);\n color: white;\n border: none;\n white-space: nowrap;\n padding: 0 10px;\n text-transform: uppercase;\n cursor: pointer;\n outline: none;\n border-radius: 0 var(--theme-radius-lg) var(--theme-radius-lg) 0;\n background: var(--scalar-api-client-color);\n /** #087f5b */\n display: flex;\n align-items: center;\n}\n.scalar-api-client__send-request-button svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.scalar-api-client__send-request-button--loading {\n font-size: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 127px;\n}\n.scalar-api-client__send-request-button--loading svg {\n display: none;\n}\n.scalar-api-client__send-request-button--loading:before {\n content: '';\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-top: 1px solid white;\n animation: urlloader 0.45s linear infinite;\n background: transparent;\n width: 14px;\n height: 14px;\n margin-left: 0;\n margin-right: 9px;\n border-radius: 50%;\n}\n.scalar-api-client__send-request-button--loading:after {\n content: 'Loading';\n font-size: 12px;\n}\n@keyframes urlloader {\n0% {\n transform: rotate(0deg);\n}\nto {\n transform: rotate(1turn);\n}\n}\n.scalar-api-client__history-toggle {\n padding: 0 9px;\n line-height: 30px;\n color: var(--theme-color-disabled);\n font-size: var(--theme-mini);\n letter-spacing: 0.125px;\n font-weight: var(--theme-semibold);\n text-transform: uppercase;\n height: 100%;\n display: flex;\n align-items: center;\n cursor: pointer;\n white-space: nowrap;\n border: 1px solid var(--theme-border-color);\n margin-left: 12px;\n border-radius: var(--theme-radius-lg);\n}\n.scalar-api-client__history-toggle:hover {\n background: var(--theme-background-2);\n}\n.scalar-api-client__history-toggle svg {\n height: 13px;\n width: 13px;\n margin-right: 6px;\n color: var(--theme-color-disabled);\n}\n.scalar-api-client__address-bar-close {\n fill: var(--theme-color-disabled);\n margin-left: 12px;\n height: 24px;\n}\n.scalar-api-client__address-bar-close:hover {\n cursor: pointer;\n fill: var(--theme-color-1);\n}\n.scalar-api-client__address-bar__content {\n width: 640px;\n height: 100%;\n background: var(--theme-background-1);\n position: fixed;\n top: 0;\n right: 0;\n z-index: 1000;\n transform: translate3d(640px, 0, 0);\n opacity: 0;\n transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),\n opacity 0.01s ease-in-out 0.5s;\n pointer-events: none;\n}\n.scalar-api-client__address-bar-content-item {\n height: 100vh;\n max-height: 100vh;\n overflow: auto;\n}\n.scalar-api-client__address-bar__on {\n z-index: 100000;\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__content {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n pointer-events: all;\n transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__close {\n opacity: 1;\n pointer-events: all;\n cursor: pointer;\n}\n.scalar-api-client__address-bar .navtable-item__active {\n background: var(--theme-background-2);\n cursor: default;\n}\n.scalar-api-client__address-bar .navtable-item__active .radio:before {\n display: none;\n}\n.navigation-back {\n stroke: var(--theme-color-2);\n cursor: pointer;\n}\n.navigation-back:hover {\n stroke: var(--theme-color-1);\n}\n.scalar-api-client__address-bar__close {\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n /* background: rgba(0,0,0,.55);\n */\n pointer-events: none;\n opacity: 0;\n transition: all 0.1s ease-in-out;\n z-index: 1000;\n}\n.navtable-item-request span {\n padding: 8px 9px 8px 0;\n border: none;\n outline: none;\n font-size: 12px;\n color: var(--theme-color-1);\n width: 100%;\n display: block;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.navtable-item-request span em {\n text-transform: uppercase;\n font-style: normal;\n font-family: var(--theme-font-code);\n font-size: 11px;\n margin-right: 6px;\n font-weight: var(--theme-bold);\n color: var(--theme-color-disabled);\n}\n.navtable-item-time {\n font-size: 12px;\n color: var(--theme-color-1);\n text-transform: capitalize;\n padding: 0 9px;\n}\n@media screen and (max-width: 720px) {\n.scalar-api-client__history-toggle span,\n .scalar-api-client__send-request-button span {\n display: none;\n}\n.scalar-api-client__history-toggle svg,\n .scalar-api-client__send-request-button svg {\n margin-right: 0;\n}\n.scalar-api-client__history-toggle,\n .scalar-api-client__send-request-button {\n height: 31.5px;\n width: 31.5px;\n}\n}\n\n.scalar-api-client__item {\n border-radius: var(--theme-radius-lg);\n margin-bottom: 6px;\n background: var(--theme-background-2);\n box-shadow: var(--shadow1);\n position: relative;\n}\n.scalar-api-client__item button {\n background-color: transparent;\n text-align: left;\n}\n.scalar-api-client__item:hover {\n cursor: pointer;\n}\n.scalar-api-client__item--open {\n background: var(--theme-background-2);\n}\n.scalar-api-client__item--open:focus-within {\n box-shadow: var(--shadow1);\n}\n.scalar-api-client__item--open .scalar-api-client__item__content {\n display: flex;\n}\n.scalar-api-client__item--open:hover {\n cursor: default;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle__icon {\n transform: rotate(90deg);\n}\n.scalar-api-client__toggle {\n padding: 6px 12px;\n min-height: 37px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n position: relative;\n width: 100%;\n}\n.scalar-api-client__item .scalar-api-client__item__title {\n color: var(--theme-color-1);\n font-size: var(--theme-small);\n font-weight: var(--theme-bold);\n user-select: none;\n flex: 1;\n}\n.scalar-api-client__item .scalar-api-client__item__title:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: block;\n}\n.scalar-api-client__item .scalar-api-client__toggle__icon {\n width: 10px;\n margin-right: 6px;\n color: var(--theme-color-1);\n}\n.scalar-api-client__item__options {\n position: relative;\n}\n.scalar-api-client__item__options span {\n background: var(--theme-background-3);\n padding: 2px 6px;\n border-radius: 3px;\n font-size: 12px;\n pointer-events: none;\n color: var(--theme-color-2);\n border: 1px solid var(--theme-border-color);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.scalar-api-client__item__options span svg {\n width: 9px;\n height: 9px;\n margin-left: 3px;\n}\n.scalar-api-client__item__options select {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: pointer;\n}\n\n.table {\n border: 1px solid var(--theme-border-color);\n background: transparent;\n border-radius: var(--theme-radius-lg);\n width: 100%;\n}\n.table-row {\n border-bottom: 1px solid var(--theme-border-color);\n display: flex;\n position: relative;\n}\n.table-row__add {\n border-radius: 0 0 var(--theme-radius-lg) var(--theme-radius-lg);\n border-bottom: none;\n}\n.table-row.required-parameter .table-row-item:nth-of-type(2):after {\n content: 'Required';\n position: absolute;\n top: 4px;\n right: 0;\n padding: 5px 9px 5px 6px;\n font-weight: var(--theme-semibold);\n font-size: 12px;\n background: var(--theme-background-2);\n box-shadow: -2px 0 4px var(--theme-background-2);\n}\n.table-row.required-parameter\n .table-row-item:nth-of-type(2):focus-within:after {\n display: none;\n}\n.table-row:last-of-type {\n border-bottom: none;\n}\n.table-row__active {\n border-radius: 0 0 var(--theme-radius-lg) var(--theme-radius-lg);\n}\n.table-row-drag {\n width: 20px;\n flex-shrink: 0;\n border-right: 1px solid var(--theme-border-color);\n align-items: center;\n justify-content: center;\n display: none;\n}\n.table-row-drag svg {\n width: 6px;\n fill: var(--theme-color-disabled);\n}\n.table-row-drag .table-row-drag-add {\n width: 8px;\n}\n.table-row-item {\n width: 100%;\n border-right: 1px solid var(--theme-border-color);\n position: relative;\n}\n.table-row-item-menu {\n position: absolute;\n right: 12px;\n background: var(--theme-background-3);\n border: 1px solid var(--theme-border-color);\n width: 24px;\n height: 24px;\n top: 50%;\n transform: translate3d(0, -50%, 0);\n border-radius: var(--theme-radius-lg);\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n cursor: pointer;\n}\n.table-row-item input:focus + .table-row-item-menu,\n.table-row-item:hover .table-row-item-menu {\n opacity: 1;\n}\n.table-row-item-menu svg {\n height: 12px;\n width: initial;\n fill: var(--theme-color-disabled);\n}\n.table-row-item input {\n border: none;\n appearance: none;\n outline: none;\n padding: 9px;\n width: 100%;\n color: var(--theme-color-1);\n font-size: 12px;\n}\n.table-row-item input[disabled] {\n background: transparent;\n font-family: var(--theme-font-code);\n}\n.table-row-item input:focus {\n background: var(--theme-background-2);\n}\n.table-row-item label {\n background: transparent;\n text-transform: uppercase;\n display: block;\n padding: 9px;\n font-weight: var(--theme-bold);\n color: var(--theme-color-disabled);\n font-size: 12px;\n}\n.table-row-meta {\n overflow: hidden;\n flex-shrink: 0;\n transition: all 0.15s ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n user-select: none;\n}\n.table-row-meta-check {\n width: 18px;\n height: 18px;\n border-radius: var(--theme-radius-lg);\n background: rgba(47, 177, 228, 0.1);\n}\n.table-row-meta svg {\n width: 13px;\n height: 13px;\n margin: 0 1px;\n color: var(--theme-color-disabled);\n cursor: pointer;\n}\n.table-row-meta svg:hover {\n color: var(--theme-color-2);\n}\n.meta-check {\n display: flex;\n position: relative;\n cursor: pointer;\n align-items: center;\n font-size: 12px;\n border-radius: var(--theme-radius-lg);\n user-select: none;\n margin: 0 1px;\n transition: all 0.15s ease-in-out;\n}\n.meta-check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.meta-checkmark {\n height: 15px;\n width: 15px;\n background: var(--theme-background-1);\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.meta-check .meta-checkmark:after {\n content: '';\n display: none;\n width: 5px;\n height: 8px;\n border: solid var(--theme-color-1);\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.meta-check input:checked ~ .meta-checkmark:after {\n display: block;\n}\n\n.navtable {\n width: 100%;\n}\n.navtable-follow {\n background-color: black;\n color: white;\n font-size: 9px;\n padding: 6px;\n display: -webkit-box;\n max-width: 250px;\n -webkit-line-clamp: 12;\n border-radius: 3px;\n -webkit-box-orient: vertical;\n overflow: hidden;\n line-height: 1.24;\n transform: translate3d(10px, 0, 0);\n}\n.navtable-follow:after {\n content: '';\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 6px;\n background-color: black;\n}\n.navtable-follow * {\n font-family: var(--theme-font-code) !important;\n}\n.navtable-table {\n position: relative;\n display: flex;\n flex-direction: column;\n min-height: 381px;\n}\n.navtable-item {\n display: flex;\n position: relative;\n color: var(--theme-color-1);\n border-top: 1px solid var(--theme-border-color);\n font-weight: var(--theme-semibold);\n}\n.navtable-item > div {\n word-wrap: break-word;\n}\n.navtable-item > div:not(:first-child) {\n border-left: 1px solid var(--theme-border-color);\n}\n.navtable-item-action {\n color: var(--theme-color-2);\n font-size: 12px;\n font-weight: var(--theme-bold);\n background: var(--scalar-api-client-bg3);\n border: none;\n border-radius: 30px;\n appearance: none;\n max-height: 25px;\n margin-left: 12px;\n margin-right: 6px;\n padding: 4px 8px;\n outline: none;\n cursor: pointer;\n opacity: 0;\n transition: opacity 0.15s ease-in-out;\n white-space: nowrap;\n position: relative;\n}\n.navtable-item-action:hover {\n color: var(--theme-color-1);\n background: var(--scalar-api-client-gradient);\n box-shadow: 0 0 0 1px var(--theme-border-color);\n}\n.navtable-item-action:focus {\n background: var(--theme-background-2);\n}\n.navtable-item:hover,\n.navtable-item:focus-within .navtable-item-action {\n opacity: 1;\n}\n.navtable-item-add {\n display: flex;\n align-items: center;\n padding: 9px;\n font-weight: var(--theme-bold);\n outline: none;\n border: none;\n appearance: none;\n background: transparent;\n color: var(--theme-color-1);\n}\n.navtable-item-add:hover {\n background: var(--theme-background-2);\n cursor: pointer;\n}\n.navtable-item-25 {\n width: 25%;\n font-size: 12px;\n display: flex;\n align-items: center;\n}\n.navtable-item-33 {\n width: 33.33333%;\n display: flex;\n font-size: 12px;\n align-items: center;\n}\n.navtable-item-66 {\n width: 66.6666%;\n display: flex;\n font-size: 12px;\n align-items: center;\n}\n.navtable-item-75 {\n width: 75%;\n display: flex;\n align-items: center;\n}\n.navtable-item-75:focus-within {\n background: var(--theme-background-2);\n}\n.navtable-item-40 {\n width: 40%;\n display: flex;\n align-items: center;\n}\n.navtable-item-20 {\n width: 20%;\n display: flex;\n align-items: center;\n}\n.navtable-item-50 {\n width: 50%;\n display: flex;\n align-items: center;\n}\n.navtable-item-50:focus-within {\n background: var(--theme-background-2);\n}\n.navtable-item p {\n padding: 9px;\n}\n.navtable-item input {\n padding: 12px 6px;\n border: none;\n outline: none;\n appearance: none;\n font-size: 12px;\n color: var(--theme-color-1);\n background: transparent;\n width: 100%;\n}\n.navtable-item input:focus {\n background: var(--theme-background-2);\n}\n.navtable-item-select {\n position: relative;\n}\n.navtable-item-select select {\n background: transparent;\n outline: none;\n border: none;\n font-size: 12px;\n appearance: none;\n width: 100%;\n padding: 12px 6px;\n top: 0;\n position: relative;\n cursor: pointer;\n color: var(--theme-color-2);\n}\n.navtable-item-select svg {\n position: absolute;\n right: 6px;\n color: var(--theme-color-ghost);\n width: 6px;\n top: 12px;\n pointer-events: none;\n}\n.navtable-item .option {\n padding: 12px 6px;\n font-size: 12px;\n color: var(--theme-color-1);\n width: 100%;\n}\n.navtable-item label {\n color: var(--theme-color-disabled);\n font-size: 12px;\n font-weight: var(--theme-bold);\n text-transform: uppercase;\n padding: 9px;\n display: block;\n width: 100%;\n}\n.navtable-item-response {\n padding: 0 9px;\n}\n.navtable-item-response span {\n font-size: 12px;\n display: flex;\n align-items: center;\n margin-right: 6px;\n min-width: 50px;\n}\n.scalar-api-client__status--1xx:before,\n.scalar-api-client__status--2xx:before,\n.scalar-api-client__status--3xx:before,\n.scalar-api-client__status--4xx:before,\n.scalar-api-client__status--5xx:before,\n.scalar-api-client__status--6xx:before {\n content: '';\n width: 12px;\n height: 12px;\n border-radius: 50%;\n margin-right: 4px;\n background: var(--theme-background-2);\n}\n.scalar-api-client__status--2xx:before {\n background: green;\n}\n.scalar-api-client__status--3xx:before {\n background: orange;\n}\n.scalar-api-client__status--4xx:before {\n background: red;\n}\n.navtable-item-response span:empty {\n display: none;\n}\n.simpletable.navtable {\n padding: 0;\n}\n.simpletable.navtable .navtable-item-66,\n.simpletable.navtable .navtable-item-33 {\n display: block;\n}\n.simpletable.navtable .navtable-table {\n height: fit-content;\n}\n\n.scalar-api-client__main__left {\n width: 50%;\n border-right: 1px solid var(--theme-border-color);\n padding: 0 0 12px 12px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__left {\n width: 100%;\n border-right: none;\n}\n}\n.scalar-api-client__item__content {\n flex-flow: wrap;\n padding: 0 12px 12px;\n border-radius: 3px;\n color: var(--theme-color-disabled);\n font-size: 12px;\n margin-top: -3px;\n justify-content: space-between;\n}\n.scalar-api-client__item__content .cm-s-default {\n border: 1px solid var(--theme-border-color);\n border-radius: var(--theme-radius-lg);\n}\n.scalar-api-client__item__content .scalar-api-client__item__content--code {\n width: 100%;\n max-height: calc(100vh - 200px);\n overflow: auto;\n}\n.scalar-api-client__item__content .cm-scroller {\n border: 1px solid var(--theme-border-color);\n border-radius: 3px;\n}\n.scalar-api-client__item__content .cm-editor {\n outline: none !important;\n}\n.scalar-api-client__item__content .cm-editor .cm-gutters {\n background: transparent;\n}\n.scalar-api-client__item__content .cm-scroll {\n background: transparent;\n}\n.scalar-api-client__item__content .cm-editor * {\n font-size: 11px;\n}\n.scalar-api-client__item__content .cm-editor .cm-line {\n color: var(--theme-color-1);\n}\n.scalar-api-client__item__content-button {\n width: 100%;\n appearance: none;\n border: none;\n outline: none;\n font-size: 12px;\n background: var(--scalar-api-client-color) !important;\n text-align: center;\n font-weight: var(--theme-bold);\n padding: 12px;\n text-transform: uppercase;\n border-radius: var(--theme-radius-lg);\n color: white;\n cursor: pointer;\n}\n.scalar-api-client__item__content__split {\n justify-content: space-between;\n}\n.scalar-collapsible-section-flex {\n width: 100%;\n}\n.input {\n background: var(--theme-background-2);\n border: 1px solid var(--theme-border-color);\n border-radius: 3px;\n position: relative;\n width: 100%;\n text-align: left;\n margin-bottom: 6px;\n}\n.input__half {\n width: calc(50% - 3px);\n}\n.input:focus-within {\n background: var(--theme-background-3);\n}\n.input label,\n.input input {\n padding: 12px;\n border: 0;\n outline: none;\n font-size: 12px;\n color: var(--theme-color-1);\n width: 100%;\n background: transparent;\n appearance: none;\n -webkit-appearance: none;\n left: 0;\n}\n.input label {\n position: absolute;\n color: var(--theme-color-2);\n}\n.input input {\n opacity: 0;\n position: relative;\n z-index: 99;\n padding: 18px 12px 6px 12px;\n}\n.input input:not(:placeholder-shown),\n.input:focus-within input {\n opacity: 1;\n}\n.input input:not(:placeholder-shown) + label,\n.input:focus-within label {\n font-size: 10px;\n top: -6px;\n color: var(--theme-color-1);\n}\n.input input:not(:placeholder-shown) + label {\n color: var(--theme-color-2);\n}\n.select {\n background: --theme-background-1;\n border-radius: var(--theme-radius-lg);\n font-size: 12px;\n border: 1px solid var(--theme-border-color);\n width: 100%;\n position: relative;\n margin-bottom: 6px;\n}\n.select:focus-within {\n background: var(--theme-background-3);\n}\n.select:hover {\n background: var(--theme-background-3);\n}\n.select svg {\n position: absolute;\n right: 12px;\n pointer-events: none;\n color: var(--theme-color-2);\n width: 6px;\n top: 10px;\n}\n.select label {\n display: block;\n font-size: 10px;\n color: var(--theme-color-2);\n position: absolute;\n left: 12px;\n top: 6px;\n}\n.select select {\n background: transparent;\n outline: none;\n border: none;\n -webkit-appearance: none;\n font-size: 12px;\n color: var(--theme-color-1);\n appearance: none;\n width: 100%;\n padding: 18px 12px 6px 12px;\n top: 0;\n position: relative;\n cursor: pointer;\n}\n.check {\n display: flex;\n position: relative;\n cursor: pointer;\n align-items: center;\n font-size: 12px;\n border: 1px solid var(--theme-border-color);\n border-radius: 3px;\n padding: 10px 12px;\n user-select: none;\n width: 100%;\n}\n.check p {\n color: var(--theme-color-2);\n}\n.check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.checkmark {\n height: 15px;\n width: 15px;\n background: var(--theme-background-3);\n margin-right: 10px;\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.check input:checked ~ p {\n color: var(--theme-color-1);\n}\n.check .checkmark:after {\n content: '';\n display: none;\n width: 5px;\n height: 8px;\n border: solid var(--theme-color-disabled);\n border-width: 0 2px 2px 0;\n transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.check input:checked ~ .checkmark:after {\n display: block;\n}\n.scalar-api-client__main__scroll-container {\n height: calc(100vh - 320px);\n}\n.scalar-api-client__request-name {\n outline: none;\n border: none;\n appearance: none;\n -webkit-appearance: none;\n color: var(--theme-color-disabled);\n border-radius: var(--theme-radius-lg);\n font-size: var(--theme-mini);\n font-weight: var(--theme-bold);\n width: 100%;\n background: transparent;\n}\n\na[data-v-7a2c7da8] {\n text-decoration: underline;\n text-decoration-color: var(--theme-border-color);\n text-underline-offset: 2px;\n cursor: help;\n}\n\n.simple-cell[data-v-8d5b42b4] {\n border-right: 1px solid var(--theme-border-color);\n position: relative;\n padding: 0.75em;\n color: var(--theme-color-1);\n white-space: nowrap;\n}\n.simple-cell[data-v-8d5b42b4]:last-of-type {\n border-right: none;\n}\n.simple-cell.wrap[data-v-8d5b42b4] {\n white-space: normal;\n}\n.simple-cell.strong[data-v-8d5b42b4] {\n font-weight: var(--theme-semibold);\n}\n\n.simple-header[data-v-e94ec977] {\n color: var(--theme-color-disabled);\n font-weight: var(--theme-bold);\n text-transform: uppercase;\n}\n\n.simple-row[data-v-959f27bd] {\n border-top: 1px solid var(--theme-border-color);\n}\n.simple-row[data-v-959f27bd]:last-of-type {\n border-bottom: 1px solid var(--theme-border-color);\n}\n\n.simple-table[data-v-3b6be9e1] {\n display: table;\n width: 100%;\n margin: 1em 0;\n}\n\n.scalar-api-client__main__right {\n width: 50%;\n padding: 0 0 12px 12px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__right {\n width: 100%;\n border-right: none;\n}\n}\n.scalar-api-client__main__right :deep(.scalar-copilot__header-button) {\n position: absolute;\n top: 6px;\n right: 12px;\n}\n\n.scalar-api-client {\n background: var(--theme-background-1);\n position: relative;\n height: 100%;\n overflow: hidden !important;\n display: flex;\n flex-direction: column;\n font-family: var(--theme-font);\n}\n@media screen and (max-width: 1000px) {\n.scalar-api-client {\n width: 100%;\n}\n}\n.scalar-api-client pre {\n font-family: var(--theme-font-code);\n}\n.scalar-api-client--post {\n --scalar-api-client-color: var(--theme-post-color);\n --scalar-api-client-background: var(--theme-post-background);\n}\n.scalar-api-client--delete {\n --scalar-api-client-color: var(--theme-delete-color);\n --scalar-api-client-background: var(--theme-delete-background);\n}\n.scalar-api-client--patch {\n --scalar-api-client-color: var(--theme-patch-color);\n --scalar-api-client-background: var(--theme-patch-background);\n}\n.scalar-api-client--get {\n --scalar-api-client-color: var(--theme-get-color);\n --scalar-api-client-background: var(--theme-get-background);\n}\n.scalar-api-client--put {\n --scalar-api-client-color: var(--theme-put-color);\n --scalar-api-client-background: var(--theme-put-background);\n}\n.scalar-api-client__mobile-navigation {\n padding: 12px 12px 0 12px;\n display: flex;\n font-size: var(--theme-small);\n color: var(--theme-color-2);\n font-weight: var(--theme-bold);\n}\n.scalar-api-client__mobile-navigation__toggle {\n appearance: none;\n margin-right: 9px;\n cursor: pointer;\n}\n.scalar-api-client__mobile-navigation--active {\n color: var(--theme-color-1);\n}\n.scalar-api-client__mobile-navigation--active:hover {\n cursor: pointer;\n}\n.scalar-api-client__main {\n display: flex;\n height: 100%;\n min-height: 0;\n background: var(--theme-background-1);\n border-top: 1px solid var(--theme-border-color);\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main {\n display: block;\n}\n}\n\n/** TODO: Consider to make a Column component */\n.scalar-api-client__main__content {\n padding: 12px;\n background: var(--theme-background-1);\n top: 0;\n position: sticky;\n z-index: 100;\n}\n.scalar-api-client__main__content label {\n font-size: var(--theme-small);\n color: var(--theme-color-1);\n font-weight: var(--theme-bold);\n display: flex;\n align-items: center;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__content {\n padding: 0 0 12px 0;\n}\n.scalar-api-client__main__content label {\n display: none;\n}\n}\n.meta {\n display: flex;\n font-size: var(--theme-font-size-2);\n font-weight: var(--theme-font-size-2);\n color: var(--scalar-api-client-color2);\n}\n.meta-item svg {\n fill: var(--theme-color-ghost);\n height: 14px;\n width: 14px;\n margin-right: 6px;\n}\n.meta-item {\n display: flex;\n align-items: center;\n margin-right: 12px;\n white-space: nowrap;\n font-weight: var(--theme-bold);\n font-size: 12px;\n color: var(--theme-color-disabled);\n padding: 3px 0;\n}\n.meta-item__input {\n padding: 3px 0;\n background: transparent;\n width: 100%;\n margin-right: 0;\n}\n.types {\n margin: auto;\n width: 580px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-flow: wrap;\n}\n.types-heading {\n width: 100%;\n text-align: center;\n}\n.types-heading b {\n font-size: 42px;\n}\n.types-heading p {\n margin-bottom: 20px;\n margin-top: 12px;\n font-size: 24px;\n}\n.scalar-api-client__empty-state {\n border: 1px dashed var(--theme-border-color);\n width: 100%;\n text-align: center;\n font-size: var(--theme-small);\n padding: 20px;\n}"));
6
+ elementStyle.appendChild(document.createTextNode("@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900');@import url('https://fonts.googleapis.com/css?family=JetBrains%20Mono');.cm-scroller,\n.custom-scroll {\n overflow-y: scroll;\n scrollbar-color: transparent transparent;\n scrollbar-width: thin;\n -webkit-overflow-scrolling: touch;\n}\n.custom-scroll-self-contain-overflow {\n overscroll-behavior: contain;\n}\n.custom-scroll-extra-padding-right {\n padding-right: 12px !important;\n}\n@supports (-moz-appearance: none) {\n .cm-scroller,\n .custom-scroll {\n padding-right: 12px;\n }\n .custom-scroll-extra-padding-right {\n padding-right: 24px !important;\n }\n}\n.cm-scroller:hover,\n.custom-scroll:hover {\n scrollbar-color: var(\n --theme-scrollbar-color,\n var(--default-theme-scrollbar-color)\n )\n transparent;\n}\n.cm-scroller:hover::-webkit-scrollbar-thumb,\n.custom-scroll:hover::-webkit-scrollbar-thumb {\n background: var(\n --theme-scrollbar-color,\n var(--default-theme-scrollbar-color)\n );\n background-clip: content-box;\n border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb:active,\n.custom-scroll::-webkit-scrollbar-thumb:active {\n background: var(\n --theme-scrollbar-color-active,\n var(--default-theme-scrollbar-color-active)\n );\n background-clip: content-box;\n border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-corner,\n.custom-scroll::-webkit-scrollbar-corner {\n background: transparent;\n}\n.cm-scroller::-webkit-scrollbar,\n.custom-scroll::-webkit-scrollbar {\n height: 12px;\n width: 12px;\n}\n.cm-scroller::-webkit-scrollbar-track,\n.custom-scroll::-webkit-scrollbar-track {\n background: transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb,\n.custom-scroll::-webkit-scrollbar-thumb {\n border-radius: 20px;\n background: transparent;\n background-clip: content-box;\n border: 3px solid transparent;\n}\n@media (pointer: coarse) {\n .cm-scroller,\n .custom-scroll {\n padding-right: 12px;\n }\n .custom-scroll-extra-padding-right {\n padding-right: 24px !important;\n }\n}\n\n\n:root {\n --default-app-header-height: 50px;\n --default-theme-border-width: 1px;\n --default-theme-radius: 3px;\n --default-theme-radius-lg: 6px;\n --default-theme-radius-xl: 8px;\n\n --default-theme-header-height: 50px;\n --default-theme-sidebar-width: 250px;\n --default-theme-toc-width: 250px;\n\n /* TYPOGRAPHY ------------------------------------ */\n --default-theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',\n Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n --default-theme-font-code: 'JetBrains Mono';\n\n /** Font sizes for rendered text content (editor styles or static content) */\n --default-theme-heading-1: 40px; /* Editor Page heading */\n --default-theme-page-description: 24px;\n --default-theme-heading-2: 24px; /* Editor section headings */\n --default-theme-heading-3: 20px;\n --default-theme-heading-4: 16px;\n --default-theme-heading-5: 16px;\n --default-theme-heading-6: 16px;\n\n --default-theme-paragraph: 16px;\n --default-theme-small: 14px;\n --default-theme-mini: 13px;\n --default-theme-micro: 12px;\n --default-theme-bold: 600;\n --default-theme-semibold: 500;\n --default-theme-regular: 400;\n\n /* Font sizes for interactive applications (not rendered text content) */\n --default-theme-font-size-1: 24px;\n --default-theme-font-size-2: 16px;\n --default-theme-font-size-3: 14px;\n --default-theme-font-size-4: 13px;\n --default-theme-font-size-5: 12px;\n\n --default-theme-line-height-1: 32px;\n --default-theme-line-height-2: 24px;\n --default-theme-line-height-3: 20px;\n --default-theme-line-height-4: 18px;\n --default-theme-line-height-5: 16px;\n\n --default-theme-font-medium: 500;\n --default-theme-font-bold: 700;\n\n /* let's clean these up please :) */\n --default-scalar-api-reference-theme-header-height: 0;\n --default-scalar-api-reference-theme-sidebar-width: 250px;\n --default-scalar-api-reference-theme-toc-width: 250px;\n --default-scalar-api-reference-app-header-height: 100px;\n --default-scalar-api-reference-col-width-1: 250px;\n --default-scalar-api-reference-col-width-2: calc(50% - 125px);\n --default-scalar-api-reference-col-width-3: calc(50% - 125px);\n --default-scalar-api-reference-document-height: 100vh;\n --default-scalar-api-reference-full-height: 100%;\n}\n@media (max-width: 460px) {\n :root {\n --default-theme-font-size-1: 22px;\n --default-theme-font-size-2: 14px;\n --default-theme-font-size-3: 12px;\n }\n}\n@media (max-width: 720px) {\n :root {\n --default-theme-heading-1: 24px;\n --default-theme-page-description: 20px;\n }\n}\n.light-mode {\n color-scheme: light;\n --default-theme-color-1: #2a2f45;\n --default-theme-color-2: #757575;\n --default-theme-color-3: #8e8e8e;\n --default-theme-color-disabled: #b4b1b1;\n --default-theme-color-ghost: #a7a7a7;\n --default-theme-color-accent: #0099ff;\n --default-theme-background-1: #fff;\n --default-theme-background-2: #f6f6f6;\n --default-theme-background-3: #e7e7e7;\n --default-theme-background-4: rgba(0, 0, 0, 0.06);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(0, 0, 0, 0.1);\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-error-color: #ae262f;\n --default-theme-warning-color: #d89c6a;\n --default-theme-success-color: #26ae42;\n\n /* REST API Client Colors */\n --default-theme-post-color: #00a67d;\n --default-theme-post-background: #00a67d1a;\n --default-theme-delete-color: #ef0006;\n --default-theme-delete-background: #ef00061a;\n --default-theme-patch-color: #b2b062;\n --default-theme-patch-background: #ffe6001a;\n --default-theme-get-color: #0082d0;\n --default-theme-get-background: #0082d01a;\n --default-theme-put-color: #f3830e;\n --default-theme-put-background: #f3830e1a;\n\n /* Misc Scalar Branding */\n --default-scalar-brand: #faf6e9;\n}\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: rgba(255, 255, 255, 0.9);\n --default-theme-color-2: rgba(255, 255, 255, 0.62);\n --default-theme-color-3: rgba(255, 255, 255, 0.44);\n --default-theme-color-disabled: rgba(255, 255, 255, 0.34);\n --default-theme-color-ghost: rgba(255, 255, 255, 0.26);\n --default-theme-color-accent: #8ab4f8;\n --default-theme-background-1: #1a1a1a;\n --default-theme-background-2: #252525;\n --default-theme-background-3: #323232;\n --default-theme-background-4: rgba(255, 255, 255, 0.06);\n --default-theme-background-accent: #8ab4f81f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-error-color: #ff0011;\n --default-theme-success-color: #26ae42;\n\n /* REST API Client Colors */\n --default-theme-post-color: #7ee787;\n --default-theme-post-background: #7ee78714;\n --default-theme-delete-color: #e77e7e;\n --default-theme-delete-background: #e77e7e24;\n --default-theme-patch-color: #b2b062;\n --default-theme-patch-background: #b2b06229;\n --default-theme-get-color: #79c0ff;\n --default-theme-get-background: #79c0ff21;\n --default-theme-put-color: #e9950c;\n --default-theme-put-background: #e9950c21;\n\n /* Misc Scalar Branding */\n --default-scalar-brand: #8b7256;\n}\n\n.modal-layout[data-v-dfd5c435] {\n position: fixed;\n width: 100vw;\n height: 100vh;\n top: 0;\n left: 0;\n z-index: 1001;\n background: rgba(0, 0, 0, 0.44);\n padding: 20px;\n opacity: 0;\n animation: modal-fade-dfd5c435 0.2s forwards;\n}\n.modal-body[data-v-dfd5c435] {\n padding: 24px 12px 18px 24px;\n max-height: calc(100vh - 240px);\n background: var(--theme-background-1, var(--default-theme-background-1));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n font-family: var(--theme-font, var(--default-theme-font));\n}\n.modal[data-v-dfd5c435] {\n margin: 80px auto 0;\n position: relative;\n background: var(--theme-background-2, var(--default-theme-background-2));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n text-align: left;\n line-height: 1.4;\n opacity: 0;\n transform: scale(0.98);\n animation: modal-pop-dfd5c435 0.15s 0.15s forwards;\n display: flex;\n flex-direction: column;\n}\n.modal-content-large[data-v-dfd5c435] {\n max-width: 800px;\n}\n.modal-content-normal[data-v-dfd5c435] {\n max-width: 640px;\n}\n.modal-content-small[data-v-dfd5c435] {\n max-width: 480px;\n}\n@keyframes modal-fade-dfd5c435 {\nfrom {\n opacity: 0;\n}\nto {\n opacity: 1;\n}\n}\n@keyframes modal-pop-dfd5c435 {\n0% {\n opacity: 0;\n}\n100% {\n opacity: 1;\n transform: scale(1);\n}\n}\n.modal-header[data-v-dfd5c435] {\n padding: 12px 24px;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-font-size-4, var(--default-theme-font-size-4));\n text-align: left;\n font-weight: 600;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg)) 0 0;\n}\n\n.navtable-mock {\n background-repeat: repeat;\n width: 100%;\n background-image: linear-gradient(\n 0deg,\n var(--theme-border-color, var(--default-theme-border-color)) 1px,\n --theme-background-1 1px\n );\n background-size: 31px 31px;\n background-position: center 1px;\n flex: 1;\n position: relative;\n}\n.navtable-mock .navtable-item {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n background: transparent;\n border-top: none;\n}\n.radio {\n height: 16px;\n width: 16px;\n background: transparent;\n border: var(--border, var(--default-border));\n flex-shrink: 0;\n margin-right: 6px;\n margin-left: 4px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n outline: none;\n}\n.radio:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n cursor: pointer;\n}\n.navtable-item__active .radio:after {\n content: '';\n width: 5px;\n height: 8px;\n border: solid white;\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(-0.5px, -1px, 0);\n}\n.radio.post {\n background: var(--theme-post-color, var(--default-theme-post-color));\n}\n.radio.delete {\n background: var(--theme-delete-color, var(--default-theme-delete-color));\n}\n.radio.patch {\n background: var(--theme-patch-color, var(--default-theme-patch-color));\n}\n.radio.get {\n background: var(--theme-get-color, var(--default-theme-get-color));\n}\n.radio.put {\n background: var(--theme-put-color, var(--default-theme-put-color));\n}\n\n.loader {\n position: absolute;\n z-index: 3;\n height: 2px;\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n animation: loading 5s cubic-bezier(0, 0.5, 0.25, 1);\n}\n@keyframes loading {\n0% {\n width: 0;\n}\n100% {\n width: 100%;\n}\n}\n.scalar-api-client__address-bar {\n width: 100%;\n padding: 12px 12px 10px 12px;\n display: flex;\n align-items: center;\n position: relative;\n background: var(--theme-background-1, var(--default-theme-background-1));\n}\n.scalar-api-client__url-form {\n display: flex;\n width: 100%;\n align-items: stretch;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__field {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-right: 0;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg)) 0 0\n var(--theme-radius-lg, var(--default-theme-radius-lg));\n display: flex;\n align-items: stretch;\n width: 100%;\n}\n.scalar-api-client__address-bar-data {\n width: 100%;\n}\n.scalar-api-client__address-bar-data-meta {\n display: flex;\n margin-top: 5px;\n}\n.scalar-api-client__request-type {\n display: flex;\n align-items: center;\n background: var(--theme-background-2, var(--default-theme-background-2));\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n appearance: none;\n -webkit-appearance: none;\n padding: 0 12px;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg)) 0 0\n var(--theme-radius-lg, var(--default-theme-radius-lg));\n position: relative;\n}\n.scalar-api-client__request-type span {\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n font-size: 500;\n font-size: var(--theme-micro, var(--default-theme-micro));\n text-transform: uppercase;\n}\n.scalar-api-client__request-type svg {\n margin-left: 6px;\n width: 8px;\n}\n.scalar-api-client__request-type i {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n margin-right: 6px;\n text-align: center;\n line-height: 18px;\n font-style: normal;\n flex-shrink: 0;\n display: inline-block;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n}\n.meta-request-break {\n margin: 0 5px;\n}\n.scalar-api-client__history {\n appearance: none;\n -webkit-appearance: none;\n background: transparent;\n color: var(--theme-color-2, var(--default-theme-color-2));\n display: flex;\n align-items: center;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n height: 100%;\n}\n.scalar-api-client__send-request-button[type='submit'] {\n font-size: var(--theme-mini, var(--default-theme-mini));\n letter-spacing: 0.25px;\n line-height: 30px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: white;\n border: none;\n white-space: nowrap;\n padding: 0 10px;\n text-transform: uppercase;\n cursor: pointer;\n outline: none;\n border-radius: 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg)) 0;\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n /** #087f5b */\n display: flex;\n align-items: center;\n}\n.scalar-api-client__send-request-button svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.scalar-api-client__history-toggle {\n padding: 0 9px;\n line-height: 30px;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n font-size: var(--theme-mini, var(--default-theme-mini));\n letter-spacing: 0.125px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n text-transform: uppercase;\n height: 100%;\n display: flex;\n align-items: center;\n cursor: pointer;\n white-space: nowrap;\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n margin-left: 12px;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__history-toggle:hover {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__history-toggle svg {\n height: 13px;\n width: 13px;\n margin-right: 6px;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.scalar-api-client__address-bar-close {\n fill: var(--theme-color-disabled, var(--default-theme-color-disabled));\n margin-left: 12px;\n height: 24px;\n}\n.scalar-api-client__address-bar-close:hover {\n cursor: pointer;\n fill: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__content {\n width: 640px;\n height: 100%;\n background: var(--theme-background-1, var(--default-theme-background-1));\n position: fixed;\n top: 0;\n right: 0;\n z-index: 1000;\n transform: translate3d(640px, 0, 0);\n opacity: 0;\n transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),\n opacity 0.01s ease-in-out 0.5s;\n pointer-events: none;\n}\n.scalar-api-client__address-bar-content-item {\n height: 100vh;\n max-height: 100vh;\n overflow: auto;\n}\n.scalar-api-client__address-bar__on {\n z-index: 100000;\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__content {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n pointer-events: all;\n transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__close {\n opacity: 1;\n pointer-events: all;\n cursor: pointer;\n}\n.scalar-api-client__address-bar .navtable-item__active {\n background: var(--theme-background-2, var(--default-theme-background-2));\n cursor: default;\n}\n.scalar-api-client__address-bar .navtable-item__active .radio:before {\n display: none;\n}\n.navigation-back {\n stroke: var(--theme-color-2, var(--default-theme-color-2));\n cursor: pointer;\n}\n.navigation-back:hover {\n stroke: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__close {\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n /* background: rgba(0,0,0,.55);\n */\n pointer-events: none;\n opacity: 0;\n transition: all 0.1s ease-in-out;\n z-index: 1000;\n}\n.navtable-item-request span {\n padding: 8px 9px 8px 0;\n border: none;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n display: block;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.navtable-item-request span em {\n text-transform: uppercase;\n font-style: normal;\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n font-size: var(--theme-micro, var(--default-theme-micro));\n margin-right: 6px;\n font-weight: var(--theme-bold, var(--default-theme-bold));\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.navtable-item-time {\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n text-transform: capitalize;\n padding: 0 9px;\n}\n@media screen and (max-width: 720px) {\n.scalar-api-client__history-toggle span,\n .scalar-api-client__send-request-button span {\n display: none;\n}\n.scalar-api-client__history-toggle svg,\n .scalar-api-client__send-request-button svg {\n margin-right: 0;\n}\n.scalar-api-client__history-toggle,\n .scalar-api-client__send-request-button {\n height: 31.5px;\n width: 31.5px;\n}\n}\n\n.scalar-api-client__item {\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n margin-bottom: 6px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n box-shadow: var(--shadow1, var(--default-shadow1));\n position: relative;\n}\n.scalar-api-client__item button {\n background-color: transparent;\n text-align: left;\n}\n.scalar-api-client__item:hover {\n cursor: pointer;\n}\n.scalar-api-client__item--open {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__item--open:focus-within {\n box-shadow: var(--shadow1, var(--default-shadow1));\n}\n.scalar-api-client__item--open .scalar-api-client__item__content {\n display: flex;\n}\n.scalar-api-client__item--open:hover {\n cursor: default;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle__icon {\n transform: rotate(90deg);\n}\n.scalar-api-client__toggle {\n padding: 6px 12px;\n min-height: 37px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n position: relative;\n width: 100%;\n appearance: none;\n outline: 0;\n border: none;\n}\n.scalar-api-client__item .scalar-api-client__item__title {\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-small, var(--default-theme-small));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n user-select: none;\n flex: 1;\n}\n.scalar-api-client__item .scalar-api-client__item__title:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: block;\n}\n.scalar-api-client__item .scalar-api-client__toggle__icon {\n width: 10px;\n margin-right: 6px;\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__options {\n position: relative;\n}\n.scalar-api-client__item__options span {\n background: var(--theme-background-3, var(--default-theme-background-3));\n padding: 2px 6px;\n border-radius: 3px;\n font-size: var(--theme-micro, var(--default-theme-micro));\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.scalar-api-client__item__options span svg {\n width: 9px;\n height: 9px;\n margin-left: 3px;\n}\n.scalar-api-client__item__options select {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: pointer;\n}\n\n.table {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n background: transparent;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n width: 100%;\n}\n.table-row {\n border-bottom: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n display: flex;\n position: relative;\n}\n.table-row__add {\n border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg));\n border-bottom: none;\n}\n.table-row.required-parameter .table-row-item:nth-of-type(2):after {\n content: 'Required';\n position: absolute;\n top: 4px;\n right: 0;\n padding: 5px 9px 5px 6px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: var(--theme-background-2, var(--default-theme-background-2));\n box-shadow: -2px 0 4px\n var(--theme-background-2, var(--default-theme-background-2));\n}\n.table-row.required-parameter\n .table-row-item:nth-of-type(2):focus-within:after {\n display: none;\n}\n.table-row:last-of-type {\n border-bottom: none;\n}\n.table-row__active {\n border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.table-row-drag {\n width: 20px;\n flex-shrink: 0;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n align-items: center;\n justify-content: center;\n display: none;\n}\n.table-row-drag svg {\n width: 6px;\n fill: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.table-row-drag .table-row-drag-add {\n width: 8px;\n}\n.table-row-item {\n width: 100%;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n}\n.table-row-item-menu {\n position: absolute;\n right: 12px;\n background: var(--theme-background-3, var(--default-theme-background-3));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n width: 24px;\n height: 24px;\n top: 50%;\n transform: translate3d(0, -50%, 0);\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n cursor: pointer;\n}\n.table-row-item input:focus + .table-row-item-menu,\n.table-row-item:hover .table-row-item-menu {\n opacity: 1;\n}\n.table-row-item-menu svg {\n height: 12px;\n width: initial;\n fill: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.table-row-item input {\n border: none;\n appearance: none;\n outline: none;\n padding: 9px;\n width: 100%;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.table-row-item input[disabled] {\n background: transparent;\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n}\n.table-row-item input:focus {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.table-row-item label {\n background: transparent;\n text-transform: uppercase;\n display: block;\n padding: 9px;\n font-weight: var(--theme-bold, var(--default-theme-bold));\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.table-row-meta {\n overflow: hidden;\n flex-shrink: 0;\n transition: all 0.15s ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n user-select: none;\n}\n.table-row-meta-check {\n width: 18px;\n height: 18px;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n background: rgba(47, 177, 228, 0.1);\n}\n.table-row-meta svg {\n width: 13px;\n height: 13px;\n margin: 0 1px;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n cursor: pointer;\n}\n.table-row-meta svg:hover {\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.meta-check {\n display: flex;\n position: relative;\n cursor: pointer;\n align-items: center;\n font-size: var(--theme-micro, var(--default-theme-micro));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n user-select: none;\n margin: 0 1px;\n transition: all 0.15s ease-in-out;\n}\n.meta-check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.meta-checkmark {\n height: 15px;\n width: 15px;\n background: var(--theme-background-1, var(--default-theme-background-1));\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.meta-check .meta-checkmark:after {\n content: '';\n display: none;\n width: 5px;\n height: 8px;\n border: solid var(--theme-color-1, var(--default-theme-color-1));\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.meta-check input:checked ~ .meta-checkmark:after {\n display: block;\n}\n\n.navtable {\n width: 100%;\n}\n.navtable-follow {\n background-color: black;\n color: white;\n font-size: 9px;\n padding: 6px;\n display: -webkit-box;\n max-width: 250px;\n -webkit-line-clamp: 12;\n border-radius: 3px;\n -webkit-box-orient: vertical;\n overflow: hidden;\n line-height: 1.24;\n transform: translate3d(10px, 0, 0);\n}\n.navtable-follow:after {\n content: '';\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 6px;\n background-color: black;\n}\n.navtable-follow * {\n font-family: var(\n --theme-font-code,\n var(--default-theme-font-code)\n ) !important;\n}\n.navtable-table {\n position: relative;\n display: flex;\n flex-direction: column;\n min-height: 381px;\n}\n.navtable-item {\n display: flex;\n position: relative;\n color: var(--theme-color-1, var(--default-theme-color-1));\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.navtable-item > div {\n word-wrap: break-word;\n}\n.navtable-item > div:not(:first-child) {\n border-left: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action {\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n background: var(\n --scalar-api-client-bg3,\n var(--default-scalar-api-client-bg3)\n );\n border: none;\n border-radius: 30px;\n appearance: none;\n max-height: 25px;\n margin-left: 12px;\n margin-right: 6px;\n padding: 4px 8px;\n outline: none;\n cursor: pointer;\n opacity: 0;\n transition: opacity 0.15s ease-in-out;\n white-space: nowrap;\n position: relative;\n}\n.navtable-item-action:hover {\n color: var(--theme-color-1, var(--default-theme-color-1));\n background: var(\n --scalar-api-client-gradient,\n var(--default-scalar-api-client-gradient)\n );\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action:focus {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item:hover,\n.navtable-item:focus-within .navtable-item-action {\n opacity: 1;\n}\n.navtable-item-add {\n display: flex;\n align-items: center;\n padding: 9px;\n font-weight: var(--theme-bold, var(--default-theme-bold));\n outline: none;\n border: none;\n appearance: none;\n background: transparent;\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.navtable-item-add:hover {\n background: var(--theme-background-2, var(--default-theme-background-2));\n cursor: pointer;\n}\n.navtable-item-25 {\n width: 25%;\n font-size: var(--theme-micro, var(--default-theme-micro));\n display: flex;\n align-items: center;\n}\n.navtable-item-33 {\n width: 33.33333%;\n display: flex;\n font-size: var(--theme-micro, var(--default-theme-micro));\n align-items: center;\n}\n.navtable-item-66 {\n width: 66.6666%;\n display: flex;\n font-size: var(--theme-micro, var(--default-theme-micro));\n align-items: center;\n}\n.navtable-item-75 {\n width: 75%;\n display: flex;\n align-items: center;\n}\n.navtable-item-75:focus-within {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-40 {\n width: 40%;\n display: flex;\n align-items: center;\n}\n.navtable-item-20 {\n width: 20%;\n display: flex;\n align-items: center;\n}\n.navtable-item-50 {\n width: 50%;\n display: flex;\n align-items: center;\n}\n.navtable-item-50:focus-within {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item p {\n padding: 9px;\n}\n.navtable-item input {\n padding: 12px 6px;\n border: none;\n outline: none;\n appearance: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n background: transparent;\n width: 100%;\n}\n.navtable-item input:focus {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-select {\n position: relative;\n}\n.navtable-item-select select {\n background: transparent;\n outline: none;\n border: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n appearance: none;\n width: 100%;\n padding: 12px 6px;\n top: 0;\n position: relative;\n cursor: pointer;\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.navtable-item-select svg {\n position: absolute;\n right: 6px;\n color: var(--theme-color-ghost, var(--default-theme-color-ghost));\n width: 6px;\n top: 12px;\n pointer-events: none;\n}\n.navtable-item .option {\n padding: 12px 6px;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n}\n.navtable-item label {\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n text-transform: uppercase;\n padding: 9px;\n display: block;\n width: 100%;\n}\n.navtable-item-response {\n padding: 0 9px;\n}\n.navtable-item-response span {\n font-size: var(--theme-micro, var(--default-theme-micro));\n display: flex;\n align-items: center;\n margin-right: 6px;\n min-width: 50px;\n}\n.scalar-api-client__status--1xx:before,\n.scalar-api-client__status--2xx:before,\n.scalar-api-client__status--3xx:before,\n.scalar-api-client__status--4xx:before,\n.scalar-api-client__status--5xx:before,\n.scalar-api-client__status--6xx:before {\n content: '';\n width: 12px;\n height: 12px;\n border-radius: 50%;\n margin-right: 4px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__status--2xx:before {\n background: green;\n}\n.scalar-api-client__status--3xx:before {\n background: orange;\n}\n.scalar-api-client__status--4xx:before {\n background: red;\n}\n.navtable-item-response span:empty {\n display: none;\n}\n.simpletable.navtable {\n padding: 0;\n}\n.simpletable.navtable .navtable-item-66,\n.simpletable.navtable .navtable-item-33 {\n display: block;\n}\n.simpletable.navtable .navtable-table {\n height: fit-content;\n}\n\n.scalar-api-client__main__left {\n width: 50%;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n padding: 0 0 12px 12px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__left {\n width: 100%;\n border-right: none;\n}\n}\n.scalar-api-client__item__content {\n flex-flow: wrap;\n padding: 0 12px 12px;\n border-radius: 3px;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n font-size: var(--theme-micro, var(--default-theme-micro));\n margin-top: -3px;\n justify-content: space-between;\n}\n.scalar-api-client__item__content .cm-s-default {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__item__content .scalar-api-client__item__content--code {\n width: 100%;\n max-height: calc(100vh - 200px);\n overflow: auto;\n}\n.scalar-api-client__item__content .cm-scroller {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: 3px;\n}\n.scalar-api-client__item__content .cm-editor {\n outline: none !important;\n}\n.scalar-api-client__item__content .cm-editor .cm-gutters {\n background: transparent;\n}\n.scalar-api-client__item__content .cm-scroll {\n background: transparent;\n}\n.scalar-api-client__item__content .cm-editor * {\n font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.scalar-api-client__item__content .cm-editor .cm-line {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__content-button {\n width: 100%;\n appearance: none;\n border: none;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n ) !important;\n text-align: center;\n font-weight: var(--theme-bold, var(--default-theme-bold));\n padding: 12px;\n text-transform: uppercase;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n color: white;\n cursor: pointer;\n}\n.scalar-api-client__item__content__split {\n justify-content: space-between;\n}\n.scalar-collapsible-section-flex {\n width: 100%;\n}\n.input {\n background: var(--theme-background-2, var(--default-theme-background-2));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: 3px;\n position: relative;\n width: 100%;\n text-align: left;\n margin-bottom: 6px;\n}\n.input__half {\n width: calc(50% - 3px);\n}\n.input:focus-within {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.input label,\n.input input {\n padding: 12px;\n border: 0;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n background: transparent;\n appearance: none;\n -webkit-appearance: none;\n left: 0;\n}\n.input label {\n position: absolute;\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.input input {\n opacity: 0;\n position: relative;\n z-index: 99;\n padding: 18px 12px 6px 12px;\n}\n.input input:not(:placeholder-shown),\n.input:focus-within input {\n opacity: 1;\n}\n.input input:not(:placeholder-shown) + label,\n.input:focus-within label {\n font-size: 10px;\n top: -6px;\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.input input:not(:placeholder-shown) + label {\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.select {\n background: --theme-background-1;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n font-size: var(--theme-micro, var(--default-theme-micro));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n width: 100%;\n position: relative;\n margin-bottom: 6px;\n}\n.select:focus-within {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select svg {\n position: absolute;\n right: 12px;\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n width: 6px;\n top: 10px;\n}\n.select label {\n display: block;\n font-size: 10px;\n color: var(--theme-color-2, var(--default-theme-color-2));\n position: absolute;\n left: 12px;\n top: 6px;\n}\n.select select {\n background: transparent;\n outline: none;\n border: none;\n -webkit-appearance: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n appearance: none;\n width: 100%;\n padding: 18px 12px 6px 12px;\n top: 0;\n position: relative;\n cursor: pointer;\n}\n.check {\n display: flex;\n position: relative;\n cursor: pointer;\n align-items: center;\n font-size: var(--theme-micro, var(--default-theme-micro));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: 3px;\n padding: 10px 12px;\n user-select: none;\n width: 100%;\n}\n.check p {\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.checkmark {\n height: 15px;\n width: 15px;\n background: var(--theme-background-3, var(--default-theme-background-3));\n margin-right: 10px;\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.check input:checked ~ p {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.check .checkmark:after {\n content: '';\n display: none;\n width: 5px;\n height: 8px;\n border: solid var(--theme-color-disabled, var(--default-theme-color-disabled));\n border-width: 0 2px 2px 0;\n transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.check input:checked ~ .checkmark:after {\n display: block;\n}\n.scalar-api-client__main__scroll-container {\n height: calc(100vh - 320px);\n}\n.scalar-api-client__request-name {\n outline: none;\n border: none;\n appearance: none;\n -webkit-appearance: none;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n font-size: var(--theme-small, var(--default-theme-small));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n width: 100%;\n padding: 0;\n background: transparent;\n}\n\na[data-v-4e87b5c7] {\n text-decoration: underline;\n text-decoration-color: var(\n --theme-border-color,\n var(--default-theme-border-color)\n );\n text-underline-offset: 2px;\n cursor: help;\n}\n\n.simple-cell[data-v-c2b6632c] {\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n padding: 0.75em;\n color: var(--theme-color-1, var(--default-theme-color-1));\n white-space: nowrap;\n}\n.simple-cell[data-v-c2b6632c]:last-of-type {\n border-right: none;\n}\n.simple-cell.wrap[data-v-c2b6632c] {\n white-space: normal;\n}\n.simple-cell.strong[data-v-c2b6632c] {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\n.simple-header[data-v-ed796dc3] {\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n text-transform: uppercase;\n}\n\n.simple-row[data-v-39ca3a5f] {\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.simple-row[data-v-39ca3a5f]:last-of-type {\n border-bottom: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n\n.simple-table[data-v-3b6be9e1] {\n display: table;\n width: 100%;\n margin: 1em 0;\n}\n\n.scalar-api-client__main__right {\n width: 50%;\n padding: 0 0 12px 12px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__right {\n width: 100%;\n border-right: none;\n}\n}\n.scalar-api-client__main__right :deep(.scalar-copilot__header-button) {\n position: absolute;\n top: 6px;\n right: 12px;\n}\n\n.scalar-api-client,\n#headlessui-portal-root {\n background: var(--theme-background-1, var(--default-theme-background-1));\n position: relative;\n height: 100%;\n overflow: hidden !important;\n display: flex;\n flex-direction: column;\n font-family: var(--theme-font, var(--default-theme-font));\n}\n@media screen and (max-width: 1000px) {\n.scalar-api-client {\n width: 100%;\n}\n}\n.scalar-api-client pre {\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n}\n.scalar-api-client--post {\n --default-scalar-api-client-color: var(\n --theme-post-color,\n var(--default-theme-post-color)\n );\n --default-scalar-api-client-background: var(\n --theme-post-background,\n var(--default-theme-post-background)\n );\n}\n.scalar-api-client--delete {\n --default-scalar-api-client-color: var(\n --theme-delete-color,\n var(--default-theme-delete-color)\n );\n --default-scalar-api-client-background: var(\n --theme-delete-background,\n var(--default-theme-delete-background)\n );\n}\n.scalar-api-client--patch {\n --default-scalar-api-client-color: var(\n --theme-patch-color,\n var(--default-theme-patch-color)\n );\n --default-scalar-api-client-background: var(\n --theme-patch-background,\n var(--default-theme-patch-background)\n );\n}\n.scalar-api-client--get {\n --default-scalar-api-client-color: var(\n --theme-get-color,\n var(--default-theme-get-color)\n );\n --default-scalar-api-client-background: var(\n --theme-get-background,\n var(--default-theme-get-background)\n );\n}\n.scalar-api-client--put {\n --default-scalar-api-client-color: var(\n --theme-put-color,\n var(--default-theme-put-color)\n );\n --default-scalar-api-client-background: var(\n --theme-put-background,\n var(--default-theme-put-background)\n );\n}\n.scalar-api-client__mobile-navigation {\n padding: 12px 12px 0 12px;\n display: flex;\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n}\n.scalar-api-client__mobile-navigation__toggle {\n appearance: none;\n border: none;\n outline: none;\n background: transparent;\n font-size: var(--theme-font-size-3);\n color: var(--theme-color-2);\n font-weight: var(--theme-bold);\n padding: 0;\n margin-right: 9px;\n cursor: pointer;\n}\n.scalar-api-client__mobile-navigation--active {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__mobile-navigation--active:hover {\n cursor: pointer;\n}\n.scalar-api-client__main {\n display: flex;\n height: 100%;\n min-height: 0;\n background: var(--theme-background-1, var(--default-theme-background-1));\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main {\n display: block;\n}\n}\n\n/** TODO: Consider to make a Column component */\n.scalar-api-client__main__content {\n padding: 12px;\n background: var(--theme-background-1, var(--default-theme-background-1));\n top: 0;\n position: sticky;\n z-index: 100;\n}\n.scalar-api-client__main__content label {\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n display: flex;\n align-items: center;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__content {\n padding: 0 0 12px 0;\n}\n.scalar-api-client__main__content label {\n display: none;\n}\n}\n.meta {\n display: flex;\n margin-top: 3px;\n font-size: var(--theme-font-size-2, var(--default-theme-font-size-2));\n font-weight: var(--theme-font-size-2, var(--default-theme-font-size-2));\n color: var(\n --scalar-api-client-color2,\n var(--default-scalar-api-client-color2)\n );\n}\n.meta-item svg {\n fill: var(--theme-color-ghost, var(--default-theme-color-ghost));\n height: 14px;\n width: 14px;\n margin-right: 6px;\n}\n.meta-item {\n display: flex;\n align-items: center;\n margin-right: 12px;\n white-space: nowrap;\n font-weight: var(--theme-bold, var(--default-theme-bold));\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n}\n.meta-item__input {\n background: transparent;\n width: 100%;\n margin-right: 0;\n}\n.types {\n margin: auto;\n width: 580px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-flow: wrap;\n}\n.types-heading {\n width: 100%;\n text-align: center;\n}\n.types-heading b {\n font-size: 42px;\n}\n.types-heading p {\n margin-bottom: 20px;\n margin-top: 12px;\n font-size: 24px;\n}\n.scalar-api-client__empty-state {\n border: 1px dashed\n var(--theme-border-color, var(--default-theme-border-color));\n width: 100%;\n text-align: center;\n font-size: var(--theme-small, var(--default-theme-small));\n padding: 20px;\n}"));
7
7
  document.head.appendChild(elementStyle);
8
8
  }
9
9
  } catch (e) {
@@ -1378,6 +1378,78 @@ const useApiClientRequestStore = () => ({
1378
1378
  addRequestToHistory,
1379
1379
  setActiveRequest
1380
1380
  });
1381
+ const _hoisted_1$k = { class: "modal-layout" };
1382
+ const _sfc_main$m = /* @__PURE__ */ defineComponent({
1383
+ __name: "FlowModal",
1384
+ props: {
1385
+ state: {},
1386
+ title: {},
1387
+ bodyClass: {},
1388
+ maxWidth: {},
1389
+ variant: { default: "normal" }
1390
+ },
1391
+ setup(__props) {
1392
+ return (_ctx, _cache) => {
1393
+ return openBlock(), createBlock(unref(Ue), {
1394
+ open: _ctx.state.open,
1395
+ onClose: _cache[0] || (_cache[0] = ($event) => _ctx.state.hide())
1396
+ }, {
1397
+ default: withCtx(() => [
1398
+ createElementVNode("div", _hoisted_1$k, [
1399
+ createVNode(unref(Ge), {
1400
+ class: normalizeClass(["modal", {
1401
+ "modal-content-large": _ctx.variant === "large",
1402
+ "modal-content-normal": _ctx.variant === "normal",
1403
+ "modal-content-small": _ctx.variant === "small"
1404
+ }]),
1405
+ style: normalizeStyle({ maxWidth: _ctx.maxWidth })
1406
+ }, {
1407
+ default: withCtx(() => [
1408
+ _ctx.title ? (openBlock(), createBlock(unref(Ve), {
1409
+ key: 0,
1410
+ class: "modal-header"
1411
+ }, {
1412
+ default: withCtx(() => [
1413
+ createTextVNode(toDisplayString(_ctx.title), 1)
1414
+ ]),
1415
+ _: 1
1416
+ })) : createCommentVNode("", true),
1417
+ createVNode(unref(We), {
1418
+ class: normalizeClass(["modal-body custom-scroll", [_ctx.bodyClass]])
1419
+ }, {
1420
+ default: withCtx(() => [
1421
+ renderSlot(_ctx.$slots, "default", {}, void 0, true)
1422
+ ]),
1423
+ _: 3
1424
+ }, 8, ["class"])
1425
+ ]),
1426
+ _: 3
1427
+ }, 8, ["class", "style"])
1428
+ ])
1429
+ ]),
1430
+ _: 3
1431
+ }, 8, ["open"]);
1432
+ };
1433
+ }
1434
+ });
1435
+ const FlowModal_vue_vue_type_style_index_0_scoped_dfd5c435_lang = "";
1436
+ const _export_sfc = (sfc, props) => {
1437
+ const target = sfc.__vccOpts || sfc;
1438
+ for (const [key, val] of props) {
1439
+ target[key] = val;
1440
+ }
1441
+ return target;
1442
+ };
1443
+ const FlowModal = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-dfd5c435"]]);
1444
+ const useModal = () => reactive({
1445
+ open: false,
1446
+ show() {
1447
+ this.open = true;
1448
+ },
1449
+ hide() {
1450
+ this.open = false;
1451
+ }
1452
+ });
1381
1453
  var defaultLocale$1 = "en";
1382
1454
  var localesData$1 = {};
1383
1455
  var lowercaseLocaleLookup = {};
@@ -1898,7 +1970,7 @@ var RelativeTimeFormat = /* @__PURE__ */ function() {
1898
1970
  }
1899
1971
  _createClass$2(RelativeTimeFormat2, [{
1900
1972
  key: "format",
1901
- value: function format3() {
1973
+ value: function format4() {
1902
1974
  var _parseFormatArgs = parseFormatArgs(arguments), _parseFormatArgs2 = _slicedToArray$1(_parseFormatArgs, 2), number = _parseFormatArgs2[0], unit = _parseFormatArgs2[1];
1903
1975
  return this.getRule(number, unit).replace("{0}", this.formatNumber(Math.abs(number)));
1904
1976
  }
@@ -3289,7 +3361,7 @@ var TimeAgo = /* @__PURE__ */ function() {
3289
3361
  }
3290
3362
  _createClass(TimeAgo2, [{
3291
3363
  key: "format",
3292
- value: function format3(input, style, options) {
3364
+ value: function format4(input, style, options) {
3293
3365
  if (!options) {
3294
3366
  if (style && !isStyle(style)) {
3295
3367
  options = style;
@@ -4659,8 +4731,8 @@ const defaults = {
4659
4731
  transitional: transitionalDefaults,
4660
4732
  adapter: platform.isNode ? "http" : "xhr",
4661
4733
  transformRequest: [function transformRequest(data, headers) {
4662
- const contentType = headers.getContentType() || "";
4663
- const hasJSONContentType = contentType.indexOf("application/json") > -1;
4734
+ const contentType2 = headers.getContentType() || "";
4735
+ const hasJSONContentType = contentType2.indexOf("application/json") > -1;
4664
4736
  const isObjectPayload = utils.isObject(data);
4665
4737
  if (isObjectPayload && utils.isHTMLForm(data)) {
4666
4738
  data = new FormData(data);
@@ -4684,10 +4756,10 @@ const defaults = {
4684
4756
  }
4685
4757
  let isFileList2;
4686
4758
  if (isObjectPayload) {
4687
- if (contentType.indexOf("application/x-www-form-urlencoded") > -1) {
4759
+ if (contentType2.indexOf("application/x-www-form-urlencoded") > -1) {
4688
4760
  return toURLEncodedForm(data, this.formSerializer).toString();
4689
4761
  }
4690
- if ((isFileList2 = utils.isFileList(data)) || contentType.indexOf("multipart/form-data") > -1) {
4762
+ if ((isFileList2 = utils.isFileList(data)) || contentType2.indexOf("multipart/form-data") > -1) {
4691
4763
  const _FormData = this.env && this.env.FormData;
4692
4764
  return toFormData(
4693
4765
  isFileList2 ? { "files[]": data } : data,
@@ -4933,7 +5005,7 @@ class AxiosHeaders {
4933
5005
  }
4934
5006
  return deleted;
4935
5007
  }
4936
- normalize(format3) {
5008
+ normalize(format4) {
4937
5009
  const self2 = this;
4938
5010
  const headers = {};
4939
5011
  utils.forEach(this, (value, header) => {
@@ -4943,7 +5015,7 @@ class AxiosHeaders {
4943
5015
  delete self2[header];
4944
5016
  return;
4945
5017
  }
4946
- const normalized = format3 ? formatHeader(header) : String(header).trim();
5018
+ const normalized = format4 ? formatHeader(header) : String(header).trim();
4947
5019
  if (normalized !== header) {
4948
5020
  delete self2[header];
4949
5021
  }
@@ -6010,29 +6082,31 @@ const replaceVariables = (url, variables) => {
6010
6082
  return acc.replace(`{${key}}`, value.toString());
6011
6083
  }, url);
6012
6084
  };
6013
- const defaultHeaders = {
6014
- "User-Agent": "Scalar API Client"
6015
- };
6016
6085
  async function sendRequest(request, proxyUrl) {
6017
6086
  const method = normalizeRequestMethod(request.type);
6018
- const headers = {
6019
- ...defaultHeaders,
6020
- ...mapFromArray(request.headers ?? [], "name", "value")
6021
- };
6087
+ const headers = mapFromArray(
6088
+ request.headers ?? [],
6089
+ "name",
6090
+ "value"
6091
+ );
6022
6092
  const url = normalizeUrl(request.url);
6023
6093
  const path = normalizePath(request.path);
6024
6094
  const urlWithPath = concatenateUrlAndPath(url, path);
6025
- const renderedURL = replaceVariables(
6095
+ const renderedUrl = replaceVariables(
6026
6096
  urlWithPath,
6027
6097
  mapFromArray(request.parameters ?? [], "name", "value")
6028
6098
  );
6099
+ const queryString = new URLSearchParams(
6100
+ mapFromArray(request.query ?? [], "name", "value")
6101
+ ).toString();
6102
+ const completeUrl = `${renderedUrl}${queryString ? "?" + queryString : ""}`;
6029
6103
  const auth = {
6030
6104
  type: "none"
6031
6105
  };
6032
6106
  const startTime = Date.now();
6033
6107
  const requestOptions = {
6034
6108
  method,
6035
- url: renderedURL,
6109
+ url: completeUrl,
6036
6110
  auth,
6037
6111
  headers,
6038
6112
  data: request.body
@@ -6077,78 +6151,6 @@ async function sendRequest(request, proxyUrl) {
6077
6151
  responseId: nanoid()
6078
6152
  };
6079
6153
  }
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
6154
  const BYTE_UNITS = [
6153
6155
  "B",
6154
6156
  "kB",
@@ -6341,7 +6343,7 @@ function prettyMilliseconds(milliseconds, options = {}) {
6341
6343
  return options.colonNotation ? result.join("") : result.join(" ");
6342
6344
  }
6343
6345
  const _hoisted_1$j = { class: "navtable-item-40 navtable-item-request" };
6344
- const _hoisted_2$9 = { class: "navtable-item-40 navtable-item-response" };
6346
+ const _hoisted_2$a = { class: "navtable-item-40 navtable-item-response" };
6345
6347
  const _hoisted_3$9 = { class: "navtable-item-20 navtable-item-time" };
6346
6348
  const _sfc_main$l = /* @__PURE__ */ defineComponent({
6347
6349
  __name: "RequestHistoryItem",
@@ -6376,7 +6378,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
6376
6378
  createTextVNode(" " + toDisplayString(unref(requestHistory2)[_ctx.history].request.url), 1)
6377
6379
  ])
6378
6380
  ]),
6379
- createElementVNode("div", _hoisted_2$9, [
6381
+ createElementVNode("div", _hoisted_2$a, [
6380
6382
  createElementVNode("span", null, toDisplayString(unref(prettyMilliseconds)(unref(requestHistory2)[_ctx.history].response.duration)), 1),
6381
6383
  createElementVNode("span", {
6382
6384
  class: normalizeClass(`scalar-api-client__status--${String(
@@ -6393,7 +6395,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
6393
6395
  }
6394
6396
  });
6395
6397
  const _hoisted_1$i = { class: "navigation-content-item" };
6396
- const _hoisted_2$8 = { class: "navtable" };
6398
+ const _hoisted_2$9 = { class: "navtable" };
6397
6399
  const _hoisted_3$8 = { class: "navtable-table" };
6398
6400
  const _hoisted_4$7 = /* @__PURE__ */ createStaticVNode('<div class="navtable-item navtable-item__top"><div class="navtable-item-40"><label for="">Request</label></div><div class="navtable-item-40"><label for="">Response</label></div><div class="navtable-item-20"><label for="">TIME</label></div></div>', 1);
6399
6401
  const _hoisted_5$6 = { class: "navtable-radios" };
@@ -6405,7 +6407,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
6405
6407
  const { requestHistoryOrder: requestHistoryOrder2 } = useApiClientRequestStore();
6406
6408
  return (_ctx, _cache) => {
6407
6409
  return openBlock(), createElementBlock("div", _hoisted_1$i, [
6408
- createElementVNode("div", _hoisted_2$8, [
6410
+ createElementVNode("div", _hoisted_2$9, [
6409
6411
  createElementVNode("div", _hoisted_3$8, [
6410
6412
  _hoisted_4$7,
6411
6413
  createElementVNode("div", _hoisted_5$6, [
@@ -6424,10 +6426,14 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
6424
6426
  }
6425
6427
  });
6426
6428
  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", {
6429
+ const _hoisted_1$h = {
6430
+ key: 0,
6431
+ class: "loader"
6432
+ };
6433
+ const _hoisted_2$8 = { class: "scalar-api-client__url-form" };
6434
+ const _hoisted_3$7 = { class: "scalar-api-client__field" };
6435
+ const _hoisted_4$6 = { class: "scalar-api-client__request-type" };
6436
+ const _hoisted_5$5 = /* @__PURE__ */ createElementVNode("svg", {
6431
6437
  fill: "none",
6432
6438
  height: "48",
6433
6439
  viewBox: "0 0 14 14",
@@ -6444,17 +6450,17 @@ const _hoisted_4$6 = /* @__PURE__ */ createElementVNode("svg", {
6444
6450
  })
6445
6451
  ])
6446
6452
  ], -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
6453
+ const _hoisted_6$4 = /* @__PURE__ */ createElementVNode("span", null, "Send Request", -1);
6454
+ const _hoisted_7$4 = [
6455
+ _hoisted_5$5,
6456
+ _hoisted_6$4
6451
6457
  ];
6452
- const _hoisted_7$4 = { class: "scalar-api-client__address-bar__content" };
6453
- const _hoisted_8$3 = {
6458
+ const _hoisted_8$3 = { class: "scalar-api-client__address-bar__content" };
6459
+ const _hoisted_9$3 = {
6454
6460
  key: 0,
6455
6461
  class: "scalar-api-client__history"
6456
6462
  };
6457
- const _hoisted_9$3 = /* @__PURE__ */ createElementVNode("svg", {
6463
+ const _hoisted_10$2 = /* @__PURE__ */ createElementVNode("svg", {
6458
6464
  fill: "none",
6459
6465
  height: "48",
6460
6466
  viewBox: "0 0 14 14",
@@ -6498,7 +6504,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
6498
6504
  readOnly: readOnly2,
6499
6505
  setActiveRequest: setActiveRequest2
6500
6506
  } = useApiClientRequestStore();
6501
- const historyModal = useModalState();
6507
+ const historyModal = useModal();
6502
6508
  const url = computed(() => activeRequest2.url);
6503
6509
  const requestType = computed(() => activeRequest2.type);
6504
6510
  const requestPath = computed(() => activeRequest2.path);
@@ -6541,64 +6547,65 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
6541
6547
  setActiveRequest2({ ...activeRequest2, url: value });
6542
6548
  };
6543
6549
  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, [
6550
+ return openBlock(), createElementBlock(Fragment, null, [
6551
+ loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$h)) : createCommentVNode("", true),
6552
+ createElementVNode("div", {
6553
+ class: normalizeClass(["scalar-api-client__address-bar", { "scalar-api-client__address-bar__on": showHistory.value }])
6554
+ }, [
6555
+ createElementVNode("div", _hoisted_2$8, [
6549
6556
  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)
6557
+ createElementVNode("div", _hoisted_4$6, [
6558
+ createElementVNode("i", {
6559
+ class: normalizeClass(requestType.value.toLowerCase())
6560
+ }, null, 2),
6561
+ createElementVNode("span", null, toDisplayString(requestType.value), 1)
6562
+ ]),
6563
+ createVNode(unref(CodeMirror), {
6564
+ class: "scalar-api-client__url-input",
6565
+ content: formattedUrl.value,
6566
+ disableEnter: "",
6567
+ readOnly: unref(readOnly2),
6568
+ withoutTheme: "",
6569
+ withVariables: "",
6570
+ onChange
6571
+ }, null, 8, ["content", "readOnly"])
6554
6572
  ]),
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"])
6573
+ createElementVNode("button", {
6574
+ class: "scalar-api-client__send-request-button",
6575
+ type: "submit",
6576
+ onClick: send
6577
+ }, _hoisted_7$4)
6564
6578
  ]),
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
6579
  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);
6580
+ class: "scalar-api-client__address-bar__close",
6581
+ onClick: _cache[0] || (_cache[0] = ($event) => showHistory.value = false)
6582
+ }),
6583
+ createElementVNode("div", _hoisted_8$3, [
6584
+ createVNode(unref(FlowModal), {
6585
+ state: unref(historyModal),
6586
+ title: "Request History",
6587
+ variant: "large"
6588
+ }, {
6589
+ default: withCtx(() => [
6590
+ createVNode(_sfc_main$k, {
6591
+ showHistory: showHistory.value,
6592
+ onToggle: _cache[1] || (_cache[1] = ($event) => showHistory.value = !showHistory.value)
6593
+ }, null, 8, ["showHistory"])
6594
+ ]),
6595
+ _: 1
6596
+ }, 8, ["state"])
6597
+ ]),
6598
+ unref(requestHistoryOrder2).length ? (openBlock(), createElementBlock("div", _hoisted_9$3, [
6599
+ createElementVNode("div", {
6600
+ class: "scalar-api-client__history-toggle",
6601
+ onClick: _cache[2] || (_cache[2] = ($event) => unref(historyModal).show())
6602
+ }, [
6603
+ _hoisted_10$2,
6604
+ createElementVNode("span", null, toDisplayString(lastRequestTimestamp.value), 1)
6605
+ ])
6606
+ ])) : createCommentVNode("", true)
6607
+ ], 2)
6608
+ ], 64);
6602
6609
  };
6603
6610
  }
6604
6611
  });
@@ -6616,7 +6623,7 @@ const _hoisted_1$g = /* @__PURE__ */ createElementVNode("svg", {
6616
6623
  "fill-rule": "nonzero"
6617
6624
  })
6618
6625
  ], -1);
6619
- const _hoisted_2$6 = { class: "scalar-api-client__item__title" };
6626
+ const _hoisted_2$7 = { class: "scalar-api-client__item__title" };
6620
6627
  const _hoisted_3$6 = {
6621
6628
  key: 0,
6622
6629
  class: "scalar-api-client__item__options"
@@ -6637,7 +6644,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
6637
6644
  createVNode(unref(X), { class: "scalar-api-client__toggle" }, {
6638
6645
  default: withCtx(() => [
6639
6646
  _hoisted_1$g,
6640
- createElementVNode("span", _hoisted_2$6, toDisplayString(_ctx.title), 1),
6647
+ createElementVNode("span", _hoisted_2$7, toDisplayString(_ctx.title), 1),
6641
6648
  _ctx.$slots.options && open ? (openBlock(), createElementBlock("div", _hoisted_3$6, [
6642
6649
  renderSlot(_ctx.$slots, "options")
6643
6650
  ])) : createCommentVNode("", true)
@@ -6672,7 +6679,7 @@ const _hoisted_1$f = /* @__PURE__ */ createElementVNode("svg", {
6672
6679
  "fill-rule": "nonzero"
6673
6680
  })
6674
6681
  ], -1);
6675
- const _hoisted_2$5 = ["value"];
6682
+ const _hoisted_2$6 = ["value"];
6676
6683
  const _hoisted_3$5 = {
6677
6684
  key: 0,
6678
6685
  class: "scalar-api-client__empty-state"
@@ -6763,7 +6770,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
6763
6770
  return createElementVNode("option", {
6764
6771
  key: option.type,
6765
6772
  value: option.type
6766
- }, toDisplayString(option.text), 9, _hoisted_2$5);
6773
+ }, toDisplayString(option.text), 9, _hoisted_2$6);
6767
6774
  }), 64))
6768
6775
  ], 512), [
6769
6776
  [vShow, show.value],
@@ -6961,7 +6968,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
6961
6968
  }
6962
6969
  });
6963
6970
  const _hoisted_1$e = { class: "table" };
6964
- const _hoisted_2$4 = { class: "table-row" };
6971
+ const _hoisted_2$5 = { class: "table-row" };
6965
6972
  const _hoisted_3$4 = /* @__PURE__ */ createElementVNode("div", { class: "table-row-item" }, [
6966
6973
  /* @__PURE__ */ createElementVNode("label", null, "Key")
6967
6974
  ], -1);
@@ -7021,7 +7028,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
7021
7028
  const showDescription = ref(false);
7022
7029
  return (_ctx, _cache) => {
7023
7030
  return openBlock(), createElementBlock("div", _hoisted_1$e, [
7024
- createElementVNode("div", _hoisted_2$4, [
7031
+ createElementVNode("div", _hoisted_2$5, [
7025
7032
  _hoisted_3$4,
7026
7033
  _hoisted_4$3,
7027
7034
  withDirectives(createElementVNode("div", _hoisted_5$3, _hoisted_7$2, 512), [
@@ -7065,7 +7072,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
7065
7072
  const Grid_vue_vue_type_style_index_0_lang = "";
7066
7073
  const Grid_vue_vue_type_style_index_1_lang = "";
7067
7074
  const _hoisted_1$d = { class: "navtable simpletable" };
7068
- const _hoisted_2$3 = { class: "navtable-table" };
7075
+ const _hoisted_2$4 = { class: "navtable-table" };
7069
7076
  const _hoisted_3$3 = /* @__PURE__ */ createStaticVNode('<div class="navtable-item navtable-item__top"><div class="navtable-item-33"><label for="">Name</label></div><div class="navtable-item-66"><label for="">Value</label></div></div>', 1);
7070
7077
  const _hoisted_4$2 = { class: "navtable-item-33" };
7071
7078
  const _hoisted_5$2 = { class: "navtable-item-66" };
@@ -7077,7 +7084,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
7077
7084
  setup(__props) {
7078
7085
  return (_ctx, _cache) => {
7079
7086
  return openBlock(), createElementBlock("div", _hoisted_1$d, [
7080
- createElementVNode("div", _hoisted_2$3, [
7087
+ createElementVNode("div", _hoisted_2$4, [
7081
7088
  _hoisted_3$3,
7082
7089
  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
7083
7090
  return openBlock(), createElementBlock("div", {
@@ -7203,7 +7210,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
7203
7210
  }
7204
7211
  });
7205
7212
  const _hoisted_1$8 = { class: "scalar-api-client__main__left custom-scroll" };
7206
- const _hoisted_2$2 = { class: "scalar-api-client__main__content" };
7213
+ const _hoisted_2$3 = { class: "scalar-api-client__main__content" };
7207
7214
  const _hoisted_3$2 = /* @__PURE__ */ createElementVNode("label", null, "Request", -1);
7208
7215
  const _hoisted_4$1 = { class: "meta" };
7209
7216
  const _hoisted_5$1 = { class: "meta-item meta-item__input" };
@@ -7215,7 +7222,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
7215
7222
  const { activeRequest: activeRequest2, readOnly: readOnly2 } = useApiClientRequestStore();
7216
7223
  return (_ctx, _cache) => {
7217
7224
  return openBlock(), createElementBlock("div", _hoisted_1$8, [
7218
- createElementVNode("div", _hoisted_2$2, [
7225
+ createElementVNode("div", _hoisted_2$3, [
7219
7226
  _hoisted_3$2,
7220
7227
  createElementVNode("div", _hoisted_4$1, [
7221
7228
  createElementVNode("div", _hoisted_5$1, [
@@ -7254,26 +7261,165 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
7254
7261
  }
7255
7262
  });
7256
7263
  const Request_vue_vue_type_style_index_0_lang = "";
7264
+ var contentType = {};
7265
+ /*!
7266
+ * content-type
7267
+ * Copyright(c) 2015 Douglas Christopher Wilson
7268
+ * MIT Licensed
7269
+ */
7270
+ var PARAM_REGEXP = /; *([!#$%&'*+.^_`|~0-9A-Za-z-]+) *= *("(?:[\u000b\u0020\u0021\u0023-\u005b\u005d-\u007e\u0080-\u00ff]|\\[\u000b\u0020-\u00ff])*"|[!#$%&'*+.^_`|~0-9A-Za-z-]+) */g;
7271
+ var TEXT_REGEXP = /^[\u000b\u0020-\u007e\u0080-\u00ff]+$/;
7272
+ var TOKEN_REGEXP = /^[!#$%&'*+.^_`|~0-9A-Za-z-]+$/;
7273
+ var QESC_REGEXP = /\\([\u000b\u0020-\u00ff])/g;
7274
+ var QUOTE_REGEXP = /([\\"])/g;
7275
+ var TYPE_REGEXP = /^[!#$%&'*+.^_`|~0-9A-Za-z-]+\/[!#$%&'*+.^_`|~0-9A-Za-z-]+$/;
7276
+ contentType.format = format3;
7277
+ contentType.parse = parse;
7278
+ function format3(obj) {
7279
+ if (!obj || typeof obj !== "object") {
7280
+ throw new TypeError("argument obj is required");
7281
+ }
7282
+ var parameters = obj.parameters;
7283
+ var type = obj.type;
7284
+ if (!type || !TYPE_REGEXP.test(type)) {
7285
+ throw new TypeError("invalid type");
7286
+ }
7287
+ var string = type;
7288
+ if (parameters && typeof parameters === "object") {
7289
+ var param;
7290
+ var params = Object.keys(parameters).sort();
7291
+ for (var i2 = 0; i2 < params.length; i2++) {
7292
+ param = params[i2];
7293
+ if (!TOKEN_REGEXP.test(param)) {
7294
+ throw new TypeError("invalid parameter name");
7295
+ }
7296
+ string += "; " + param + "=" + qstring(parameters[param]);
7297
+ }
7298
+ }
7299
+ return string;
7300
+ }
7301
+ function parse(string) {
7302
+ if (!string) {
7303
+ throw new TypeError("argument string is required");
7304
+ }
7305
+ var header = typeof string === "object" ? getcontenttype(string) : string;
7306
+ if (typeof header !== "string") {
7307
+ throw new TypeError("argument string is required to be a string");
7308
+ }
7309
+ var index = header.indexOf(";");
7310
+ var type = index !== -1 ? header.slice(0, index).trim() : header.trim();
7311
+ if (!TYPE_REGEXP.test(type)) {
7312
+ throw new TypeError("invalid media type");
7313
+ }
7314
+ var obj = new ContentType(type.toLowerCase());
7315
+ if (index !== -1) {
7316
+ var key;
7317
+ var match;
7318
+ var value;
7319
+ PARAM_REGEXP.lastIndex = index;
7320
+ while (match = PARAM_REGEXP.exec(header)) {
7321
+ if (match.index !== index) {
7322
+ throw new TypeError("invalid parameter format");
7323
+ }
7324
+ index += match[0].length;
7325
+ key = match[1].toLowerCase();
7326
+ value = match[2];
7327
+ if (value.charCodeAt(0) === 34) {
7328
+ value = value.slice(1, -1);
7329
+ if (value.indexOf("\\") !== -1) {
7330
+ value = value.replace(QESC_REGEXP, "$1");
7331
+ }
7332
+ }
7333
+ obj.parameters[key] = value;
7334
+ }
7335
+ if (index !== header.length) {
7336
+ throw new TypeError("invalid parameter format");
7337
+ }
7338
+ }
7339
+ return obj;
7340
+ }
7341
+ function getcontenttype(obj) {
7342
+ var header;
7343
+ if (typeof obj.getHeader === "function") {
7344
+ header = obj.getHeader("content-type");
7345
+ } else if (typeof obj.headers === "object") {
7346
+ header = obj.headers && obj.headers["content-type"];
7347
+ }
7348
+ if (typeof header !== "string") {
7349
+ throw new TypeError("content-type header is missing from object");
7350
+ }
7351
+ return header;
7352
+ }
7353
+ function qstring(val) {
7354
+ var str = String(val);
7355
+ if (TOKEN_REGEXP.test(str)) {
7356
+ return str;
7357
+ }
7358
+ if (str.length > 0 && !TEXT_REGEXP.test(str)) {
7359
+ throw new TypeError("invalid parameter value");
7360
+ }
7361
+ return '"' + str.replace(QUOTE_REGEXP, "\\$1") + '"';
7362
+ }
7363
+ function ContentType(type) {
7364
+ this.parameters = /* @__PURE__ */ Object.create(null);
7365
+ this.type = type;
7366
+ }
7257
7367
  const _hoisted_1$7 = {
7258
7368
  key: 1,
7259
7369
  class: "scalar-api-client__empty-state"
7260
7370
  };
7371
+ const _hoisted_2$2 = {
7372
+ key: 1,
7373
+ class: "scalar-api-client__empty-state"
7374
+ };
7261
7375
  const _sfc_main$9 = /* @__PURE__ */ defineComponent({
7262
7376
  __name: "ResponseBody",
7263
7377
  props: {
7264
7378
  active: { type: Boolean, default: false },
7265
- data: { default: null }
7379
+ data: { default: null },
7380
+ headers: {}
7266
7381
  },
7267
7382
  setup(__props) {
7383
+ const props = __props;
7384
+ const mediaType = computed(() => {
7385
+ const contentTypeHeader = props.headers.find(
7386
+ (header) => header.name.toLowerCase() === "content-type"
7387
+ );
7388
+ if (!contentTypeHeader) {
7389
+ return null;
7390
+ }
7391
+ try {
7392
+ return contentType.parse(contentTypeHeader.value).type;
7393
+ } catch {
7394
+ return null;
7395
+ }
7396
+ });
7397
+ const codeMirrorLanguages = computed(() => {
7398
+ if (mediaType.value === "application/json") {
7399
+ return ["json"];
7400
+ }
7401
+ if (mediaType.value === "text/html") {
7402
+ return ["html"];
7403
+ }
7404
+ return null;
7405
+ });
7268
7406
  return (_ctx, _cache) => {
7269
7407
  return openBlock(), createBlock(unref(_sfc_main$i), { title: "Body" }, {
7270
7408
  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 "))
7409
+ _ctx.active ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
7410
+ codeMirrorLanguages.value ? (openBlock(), createBlock(unref(CodeMirror), {
7411
+ key: 0,
7412
+ content: _ctx.data,
7413
+ languages: codeMirrorLanguages.value,
7414
+ readOnly: ""
7415
+ }, null, 8, ["content", "languages"])) : (openBlock(), createElementBlock("div", _hoisted_1$7, [
7416
+ mediaType.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
7417
+ createTextVNode(" No Preview Available (" + toDisplayString(mediaType.value) + ") ", 1)
7418
+ ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
7419
+ createTextVNode(" Can’t render a preview. The Content-Type header is missing or unknown. ")
7420
+ ], 64))
7421
+ ]))
7422
+ ], 64)) : (openBlock(), createElementBlock("div", _hoisted_2$2, " No Response "))
7277
7423
  ]),
7278
7424
  _: 1
7279
7425
  });
@@ -8074,8 +8220,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
8074
8220
  };
8075
8221
  }
8076
8222
  });
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"]]);
8223
+ const HelpfulLink_vue_vue_type_style_index_0_scoped_4e87b5c7_lang = "";
8224
+ const HelpfulLink = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-4e87b5c7"]]);
8079
8225
  const _sfc_main$7 = /* @__PURE__ */ defineComponent({
8080
8226
  __name: "SimpleCell",
8081
8227
  props: {
@@ -8101,8 +8247,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
8101
8247
  };
8102
8248
  }
8103
8249
  });
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"]]);
8250
+ const SimpleCell_vue_vue_type_style_index_0_scoped_c2b6632c_lang = "";
8251
+ const SimpleCell = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-c2b6632c"]]);
8106
8252
  const _sfc_main$6 = /* @__PURE__ */ defineComponent({
8107
8253
  __name: "SimpleHeader",
8108
8254
  setup(__props) {
@@ -8119,9 +8265,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
8119
8265
  };
8120
8266
  }
8121
8267
  });
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 = "";
8268
+ const SimpleHeader_vue_vue_type_style_index_0_scoped_ed796dc3_lang = "";
8269
+ const SimpleHeader = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-ed796dc3"]]);
8270
+ const SimpleRow_vue_vue_type_style_index_0_scoped_39ca3a5f_lang = "";
8125
8271
  const _sfc_main$5 = {};
8126
8272
  const _hoisted_1$5 = { class: "simple-row" };
8127
8273
  function _sfc_render$1(_ctx, _cache) {
@@ -8129,7 +8275,7 @@ function _sfc_render$1(_ctx, _cache) {
8129
8275
  renderSlot(_ctx.$slots, "default", {}, void 0, true)
8130
8276
  ]);
8131
8277
  }
8132
- const SimpleRow = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$1], ["__scopeId", "data-v-959f27bd"]]);
8278
+ const SimpleRow = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$1], ["__scopeId", "data-v-39ca3a5f"]]);
8133
8279
  const SimpleTable_vue_vue_type_style_index_0_scoped_3b6be9e1_lang = "";
8134
8280
  const _sfc_main$4 = {};
8135
8281
  const _hoisted_1$4 = { class: "simple-table" };
@@ -8343,8 +8489,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
8343
8489
  createElementVNode("div", null, [
8344
8490
  createVNode(_sfc_main$9, {
8345
8491
  active: !!unref(activeResponse2),
8346
- data: responseData.value
8347
- }, null, 8, ["active", "data"]),
8492
+ data: responseData.value,
8493
+ headers: responseHeaders.value
8494
+ }, null, 8, ["active", "data", "headers"]),
8348
8495
  createVNode(_sfc_main$3, { headers: responseHeaders.value }, null, 8, ["headers"]),
8349
8496
  createVNode(unref(_sfc_main$i), { title: "Cookies" }, {
8350
8497
  default: withCtx(() => [
@@ -8366,11 +8513,13 @@ const _hoisted_1 = { class: "scalar-api-client__main" };
8366
8513
  const _sfc_main = /* @__PURE__ */ defineComponent({
8367
8514
  __name: "ApiClient",
8368
8515
  props: {
8369
- proxyUrl: {}
8516
+ proxyUrl: {},
8517
+ readOnly: { type: Boolean, default: false }
8370
8518
  },
8371
8519
  emits: ["escapeKeyPress"],
8372
8520
  setup(__props, { emit }) {
8373
- const { activeRequest: activeRequest2 } = useApiClientRequestStore();
8521
+ const props = __props;
8522
+ const { activeRequest: activeRequest2, readOnly: stateReadOnly } = useApiClientRequestStore();
8374
8523
  const isSmallScreen = useMediaQuery("(max-width: 820px)");
8375
8524
  const selectedTab = ref(0);
8376
8525
  const Tabs = {
@@ -8380,6 +8529,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
8380
8529
  function changeTab(index) {
8381
8530
  selectedTab.value = index;
8382
8531
  }
8532
+ watch(
8533
+ () => props.readOnly,
8534
+ () => {
8535
+ stateReadOnly.value = props.readOnly;
8536
+ },
8537
+ { immediate: true }
8538
+ );
8383
8539
  useKeyboardEvent({
8384
8540
  keyList: ["escape"],
8385
8541
  handler: () => emit("escapeKeyPress")
@@ -8407,22 +8563,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
8407
8563
  default: withCtx(() => [
8408
8564
  createVNode(unref(ye), { class: "scalar-api-client__mobile-navigation__toggle" }, {
8409
8565
  default: withCtx(({ selected }) => [
8410
- createElementVNode("button", {
8566
+ createElementVNode("span", {
8411
8567
  class: normalizeClass({
8412
8568
  "scalar-api-client__mobile-navigation--active": selected
8413
- }),
8414
- type: "button"
8569
+ })
8415
8570
  }, " Request ", 2)
8416
8571
  ]),
8417
8572
  _: 1
8418
8573
  }),
8419
8574
  createVNode(unref(ye), { class: "scalar-api-client__mobile-navigation__toggle" }, {
8420
8575
  default: withCtx(({ selected }) => [
8421
- createElementVNode("button", {
8576
+ createElementVNode("span", {
8422
8577
  class: normalizeClass({
8423
8578
  "scalar-api-client__mobile-navigation--active": selected
8424
- }),
8425
- type: "button"
8579
+ })
8426
8580
  }, " Response ", 2)
8427
8581
  ]),
8428
8582
  _: 1