@scalar/api-client 0.7.22 → 0.7.23

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 (7) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/components/ApiClient/Request/RequestAuth.vue.d.ts.map +1 -1
  3. package/dist/index.js +113 -94
  4. package/dist/stores/apiClientRequestStore.d.ts.map +1 -1
  5. package/dist/stores/apiClientStore.d.ts +3 -3
  6. package/dist/stores/apiClientStore.d.ts.map +1 -1
  7. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @scalar/api-client
2
2
 
3
+ ## 0.7.23
4
+
5
+ ### Patch Changes
6
+
7
+ - 64f8a018: fix: make inputs consistent
8
+ - ce04794a: fix: issue where browser froze with JSON being passed into codemirror body
9
+ - Updated dependencies [64f8a018]
10
+ - Updated dependencies [7c3091c6]
11
+ - @scalar/use-codemirror@0.7.10
12
+
3
13
  ## 0.7.22
4
14
 
5
15
  ### Patch Changes
package/dist/components/ApiClient/Request/RequestAuth.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RequestAuth.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ApiClient/Request/RequestAuth.vue.ts"],"names":[],"mappings":";AAqqBA,wBAAkD"}
1
+ {"version":3,"file":"RequestAuth.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ApiClient/Request/RequestAuth.vue.ts"],"names":[],"mappings":";AAyrBA,wBAAkD"}
package/dist/index.js CHANGED
@@ -3,7 +3,7 @@
3
3
  try {
4
4
  if (typeof document != "undefined") {
5
5
  var elementStyle = document.createElement("style");
6
- elementStyle.appendChild(document.createTextNode("@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900');@import url('https://fonts.googleapis.com/css?family=JetBrains%20Mono');\n\n:root {\n --default-theme-border-width: 1px;\n --default-theme-radius: 3px;\n --default-theme-radius-lg: 6px;\n --default-theme-radius-xl: 8px;\n\n --default-theme-header-height: 50px;\n --default-theme-sidebar-width: 250px;\n --default-theme-toc-width: 250px;\n\n /* TYPOGRAPHY ------------------------------------ */\n --default-theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',\n Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n --default-theme-font-code: 'JetBrains Mono';\n\n /** Font sizes for rendered text content (editor styles or static content) */\n --default-theme-heading-1: 40px; /* Editor Page heading */\n --default-theme-page-description: 24px;\n --default-theme-heading-2: 24px; /* Editor section headings */\n --default-theme-heading-3: 20px;\n --default-theme-heading-4: 16px;\n --default-theme-heading-5: 16px;\n --default-theme-heading-6: 16px;\n\n --default-theme-paragraph: 16px;\n --default-theme-small: 14px;\n --default-theme-mini: 13px;\n --default-theme-micro: 12px;\n --default-theme-bold: 600;\n --default-theme-semibold: 500;\n --default-theme-regular: 400;\n\n /* Font sizes for interactive applications (not rendered text content) */\n --default-theme-font-size-1: 24px;\n --default-theme-font-size-2: 16px;\n --default-theme-font-size-3: 14px;\n --default-theme-font-size-4: 13px;\n --default-theme-font-size-5: 12px;\n\n --default-theme-line-height-1: 32px;\n --default-theme-line-height-2: 24px;\n --default-theme-line-height-3: 20px;\n --default-theme-line-height-4: 18px;\n --default-theme-line-height-5: 16px;\n\n --default-theme-font-medium: 500;\n --default-theme-font-bold: 700;\n}\n@media (max-width: 460px) {\n :root {\n --default-theme-font-size-1: 22px;\n --default-theme-font-size-2: 14px;\n --default-theme-font-size-3: 12px;\n }\n}\n@media (max-width: 720px) {\n :root {\n --default-theme-heading-1: 24px;\n --default-theme-page-description: 20px;\n }\n}\n.cm-scroller,\n.custom-scroll {\n overflow-y: scroll;\n scrollbar-color: transparent transparent;\n scrollbar-width: thin;\n -webkit-overflow-scrolling: touch;\n}\n.custom-scroll-self-contain-overflow {\n overscroll-behavior: contain;\n}\n.custom-scroll-extra-padding-right {\n padding-right: 12px !important;\n}\n@supports (-moz-appearance: none) {\n .cm-scroller,\n .custom-scroll {\n padding-right: 12px;\n }\n .custom-scroll-extra-padding-right {\n padding-right: 24px !important;\n }\n}\n.cm-scroller:hover,\n.custom-scroll:hover {\n scrollbar-color: var(\n --theme-scrollbar-color,\n var(--default-theme-scrollbar-color)\n )\n transparent;\n}\n.cm-scroller:hover::-webkit-scrollbar-thumb,\n.custom-scroll:hover::-webkit-scrollbar-thumb {\n background: var(\n --theme-scrollbar-color,\n var(--default-theme-scrollbar-color)\n );\n background-clip: content-box;\n border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb:active,\n.custom-scroll::-webkit-scrollbar-thumb:active {\n background: var(\n --theme-scrollbar-color-active,\n var(--default-theme-scrollbar-color-active)\n );\n background-clip: content-box;\n border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-corner,\n.custom-scroll::-webkit-scrollbar-corner {\n background: transparent;\n}\n.cm-scroller::-webkit-scrollbar,\n.custom-scroll::-webkit-scrollbar {\n height: 12px;\n width: 12px;\n}\n.cm-scroller::-webkit-scrollbar-track,\n.custom-scroll::-webkit-scrollbar-track {\n background: transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb,\n.custom-scroll::-webkit-scrollbar-thumb {\n border-radius: 20px;\n background: transparent;\n background-clip: content-box;\n border: 3px solid transparent;\n}\n@media (pointer: coarse) {\n .cm-scroller,\n .custom-scroll {\n padding-right: 12px;\n }\n .custom-scroll-extra-padding-right {\n padding-right: 24px !important;\n }\n}\n\n.modal-layout[data-v-30a935b0] {\n position: fixed;\n width: 100vw;\n height: 100vh;\n top: 0;\n left: 0;\n z-index: 1001;\n background: rgba(0, 0, 0, 0.44);\n padding: 20px;\n opacity: 0;\n animation: modal-fade-30a935b0 0.2s forwards;\n}\n.modal-body[data-v-30a935b0] {\n padding: 24px 12px 18px 24px;\n max-height: calc(100vh - 240px);\n background: var(--theme-background-1, var(--default-theme-background-1));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n font-family: var(--theme-font, var(--default-theme-font));\n}\n.modal[data-v-30a935b0] {\n margin: 80px auto 0;\n position: relative;\n background: var(--theme-background-2, var(--default-theme-background-2));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n text-align: left;\n line-height: 1.4;\n opacity: 0;\n transform: scale(0.98);\n animation: modal-pop-30a935b0 0.15s 0.15s forwards;\n display: flex;\n flex-direction: column;\n}\n.modal-content-history[data-v-30a935b0] {\n background: var(--theme-background-1, var(--default-theme-background-1));\n}\n.modal-content-history[data-v-30a935b0],\n.modal-content-large[data-v-30a935b0] {\n max-width: 800px;\n}\n.modal-content-normal[data-v-30a935b0] {\n max-width: 640px;\n}\n.modal-content-small[data-v-30a935b0] {\n max-width: 480px;\n}\n@keyframes modal-fade-30a935b0 {\nfrom {\n opacity: 0;\n}\nto {\n opacity: 1;\n}\n}\n@keyframes modal-pop-30a935b0 {\n0% {\n opacity: 0;\n}\n100% {\n opacity: 1;\n transform: scale(1);\n}\n}\n.modal-header[data-v-30a935b0] {\n padding: 12px 24px;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-font-size-4, var(--default-theme-font-size-4));\n text-align: left;\n font-weight: 600;\n margin: 0;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg)) 0 0;\n}\n.modal-content-history .modal-header[data-v-30a935b0] {\n padding-bottom: 0;\n padding-top: 24px;\n}\n.modal-content-history .modal-body[data-v-30a935b0] {\n padding-top: 12px;\n}\n.modal-content-search[data-v-30a935b0] {\n max-width: 540px;\n}\n.modal-content-search .modal-body[data-v-30a935b0] {\n padding: 0;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n max-height: 440px;\n}\n\n.navtable-mock {\n background-repeat: repeat;\n width: 100%;\n background-size: 31px 31px;\n background-position: center 1px;\n flex: 1;\n position: relative;\n z-index: 0;\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n background: repeating-linear-gradient(\n var(--default-theme-background-1),\n var(--default-theme-background-1) 34.8px,\n var(--default-theme-border-color) 34.8px,\n var(--default-theme-border-color) 35.8px\n );\n}\n.navtable-mock .navtable-item {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n background: transparent;\n box-shadow: none;\n}\n.radio {\n height: 10px;\n width: 10px;\n background: transparent;\n border: var(--border, var(--default-border));\n flex-shrink: 0;\n margin-right: 6px;\n margin-left: 0;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n outline: none;\n}\n.radio:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n cursor: pointer;\n}\n.navtable-item__active:before {\n content: '';\n display: block;\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1)) !important;\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n}\n.navtable-item__active + .navtable-item {\n /* box-shadow: none; */\n}\n.radio.post {\n background: var(--theme-color-green, var(--default-theme-color-green));\n}\n.radio.delete {\n background: var(--theme-color-red, var(--default-theme-color-red));\n}\n.radio.patch {\n background: var(--theme-color-yellow, var(--default-theme-color-yellow));\n}\n.radio.get {\n background: var(--theme-color-blue, var(--default-theme-color-blue));\n}\n.radio.put {\n background: var(--theme-color-orange, var(--default-theme-color-orange));\n}\n.navtable-item-request span {\n border: none;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n display: block;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.navtable-item-request span em {\n text-transform: uppercase;\n font-style: normal;\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n font-size: var(--theme-micro, var(--default-theme-micro));\n margin-right: 6px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n\n.request-method-select[data-v-bd1dfcca] {\n position: relative;\n display: flex;\n}\n.request-method-select select[data-v-bd1dfcca] {\n border: none;\n outline: none;\n cursor: pointer;\n background: var(--theme-background-3, var(--default-theme-background-3));\n box-shadow: -2px 0 0 0\n var(--theme-background-3, var(--default-theme-background-3));\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n appearance: none;\n}\n.request-method-select select[disabled][data-v-bd1dfcca] {\n pointer-events: none;\n}\n.request-method[data-v-bd1dfcca] {\n display: flex;\n align-items: center;\n color: var(--theme-color-3, var(--default-theme-color-3));\n appearance: none;\n -webkit-appearance: none;\n padding: 0 12px;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n}\n.request-method span[data-v-bd1dfcca] {\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n font-size: 500;\n font-size: var(--theme-micro, var(--default-theme-micro));\n text-transform: uppercase;\n display: flex;\n align-items: center;\n}\n.request-method:not(.request-method--disabled) span[data-v-bd1dfcca]:after {\n content: '';\n width: 7px;\n height: 7px;\n transform: rotate(45deg) translate3d(-2px, -2px, 0);\n display: block;\n margin-left: 6px;\n box-shadow: 1px 1px 0 currentColor;\n}\n.request-method i[data-v-bd1dfcca] {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n margin-right: 6px;\n text-align: center;\n line-height: 18px;\n font-style: normal;\n flex-shrink: 0;\n display: inline-block;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n}\n\n.loader[data-v-65f9c663] {\n position: absolute;\n z-index: 3;\n height: 2px;\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n animation: loading-65f9c663 5s cubic-bezier(0, 0.5, 0.25, 1);\n}\n@keyframes loading-65f9c663 {\n0% {\n width: 0;\n}\n100% {\n width: 100%;\n}\n}\n.scalar-api-client__address-bar[data-v-65f9c663] {\n width: 100%;\n padding: 12px 12px 10px 12px;\n display: flex;\n align-items: center;\n position: relative;\n background: var(--theme-background-1, var(--default-theme-background-1));\n}\n.scalar-api-client__url-form[data-v-65f9c663] {\n display: flex;\n width: 100%;\n align-items: stretch;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__field[data-v-65f9c663] {\n border-right: 0;\n background: var(--theme-background-2, var(--default-theme-background-2));\n border-radius: var(--theme-radius, var(--default-theme-radius)) 0 0\n var(--theme-radius, var(--default-theme-radius));\n display: flex;\n align-items: stretch;\n width: 100%;\n overflow: hidden;\n min-height: 31px;\n}\n.scalar-api-client__address-bar-data[data-v-65f9c663] {\n width: 100%;\n}\n.scalar-api-client__address-bar-data-meta[data-v-65f9c663] {\n display: flex;\n margin-top: 5px;\n}\n.scalar-api-client__request-type[data-v-65f9c663] {\n display: flex;\n align-items: center;\n color: var(--theme-color-3, var(--default-theme-color-3));\n appearance: none;\n -webkit-appearance: none;\n padding: 0 12px;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n}\n.scalar-api-client__request-type span[data-v-65f9c663] {\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n font-size: var(--theme-micro, var(--default-theme-micro));\n text-transform: uppercase;\n}\n.scalar-api-client__request-type svg[data-v-65f9c663] {\n margin-left: 6px;\n width: 8px;\n}\n.scalar-api-client__request-type i[data-v-65f9c663] {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n margin-right: 6px;\n text-align: center;\n line-height: 18px;\n font-style: normal;\n flex-shrink: 0;\n display: inline-block;\n color: var(--theme-color-3, var(--default-theme-color-3));\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n}\n.meta-request-break[data-v-65f9c663] {\n margin: 0 5px;\n}\n.scalar-api-client__history[data-v-65f9c663] {\n appearance: none;\n -webkit-appearance: none;\n background: transparent;\n color: var(--theme-color-2, var(--default-theme-color-2));\n display: flex;\n align-items: center;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n height: 100%;\n}\n.scalar-api-client__send-request-button[type='submit'][data-v-65f9c663] {\n font-size: var(--theme-micro, var(--default-theme-micro));\n letter-spacing: 0.25px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: white;\n border: none;\n white-space: nowrap;\n padding: 0 12px;\n text-transform: uppercase;\n cursor: pointer;\n outline: none;\n font-family: (--theme-font, var(--default-theme-font));\n border-radius: 0 var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius)) 0;\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n position: relative;\n /** #087f5b */\n display: flex;\n align-items: center;\n overflow: hidden;\n flex-shrink: 0;\n}\n.scalar-api-client__send-request-button[data-v-65f9c663]:before {\n content: '';\n position: absolute;\n top: -5%;\n left: -5%;\n width: 110%;\n height: 110%;\n pointer-events: none;\n cursor: pointer;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));\n}\n.scalar-api-client__send-request-button[data-v-65f9c663]:hover:before {\n background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));\n}\n.scalar-api-client__send-request-button svg[data-v-65f9c663] {\n width: 12px;\n height: 12px;\n flex-shrink: 0;\n margin-right: 6px;\n position: relative;\n}\n.scalar-api-client__send-request-button span[data-v-65f9c663] {\n position: relative;\n}\n@media screen and (max-width: 720px) {\n.scalar-api-client__history-toggle span[data-v-65f9c663],\n .scalar-api-client__send-request-button span[data-v-65f9c663] {\n display: none;\n}\n.scalar-api-client__history-toggle svg[data-v-65f9c663],\n .scalar-api-client__send-request-button svg[data-v-65f9c663] {\n margin-right: 0;\n}\n}\n.scalar-api-client__send-request-button[disabled][data-v-65f9c663] {\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n background: var(--theme-background-3, var(--default-theme-background-3));\n border: 1px solid var(--default-theme-border-color);\n}\n.scalar-api-client__history-toggle[data-v-65f9c663] {\n padding: 0 12px;\n line-height: 30px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-size: var(--theme-micro, var(--default-theme-micro));\n letter-spacing: 0.125px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n text-transform: uppercase;\n height: 100%;\n display: flex;\n align-items: center;\n cursor: pointer;\n white-space: nowrap;\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n margin-left: 12px;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n user-select: none;\n}\n.scalar-api-client__history-toggle[data-v-65f9c663]:hover {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__history-toggle svg[data-v-65f9c663] {\n height: 13px;\n width: 13px;\n margin-right: 6px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.scalar-api-client__address-bar-close[data-v-65f9c663] {\n fill: var(--theme-color-3, var(--default-theme-color-3));\n margin-left: 12px;\n height: 24px;\n}\n.scalar-api-client__address-bar-close[data-v-65f9c663]:hover {\n cursor: pointer;\n fill: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__content[data-v-65f9c663] {\n width: 640px;\n height: 100%;\n background: var(--theme-background-1, var(--default-theme-background-1));\n position: fixed;\n top: 0;\n right: 0;\n z-index: 1000;\n transform: translate3d(640px, 0, 0);\n opacity: 0;\n transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),\n opacity 0.01s ease-in-out 0.5s;\n pointer-events: none;\n}\n.scalar-api-client__address-bar-content-item[data-v-65f9c663] {\n height: 100vh;\n max-height: 100vh;\n overflow: auto;\n}\n.scalar-api-client__address-bar__on[data-v-65f9c663] {\n z-index: 100000;\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__content[data-v-65f9c663] {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n pointer-events: all;\n transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__close[data-v-65f9c663] {\n opacity: 1;\n pointer-events: all;\n cursor: pointer;\n}\n.scalar-api-client__address-bar .navtable-item__active[data-v-65f9c663] {\n background: var(--theme-background-2, var(--default-theme-background-2));\n cursor: default;\n}\n.scalar-api-client__address-bar .navtable-item__active .radio[data-v-65f9c663]:before {\n display: none;\n}\n.navigation-back[data-v-65f9c663] {\n stroke: var(--theme-color-2, var(--default-theme-color-2));\n cursor: pointer;\n}\n.navigation-back[data-v-65f9c663]:hover {\n stroke: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__close[data-v-65f9c663] {\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n /* background: rgba(0,0,0,.55);\n */\n pointer-events: none;\n opacity: 0;\n transition: all 0.1s ease-in-out;\n z-index: 1000;\n}\n.navtable-item-time[data-v-65f9c663] {\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n text-transform: capitalize;\n padding: 0 9px;\n}\n\n.scalar-api-client__item {\n border-radius: var(--theme-radius, var(--default-theme-radius));\n margin-bottom: 6px;\n position: relative;\n}\n.scalar-api-client__item button {\n background-color: transparent;\n text-align: left;\n}\n.scalar-api-client__item:hover {\n cursor: pointer;\n}\n.scalar-api-client__toggle:after {\n content: '';\n position: absolute;\n bottom: -6.5px;\n width: 100%;\n height: 6px;\n left: 0;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle:after {\n display: none;\n}\n.scalar-api-client__item:hover,\n.scalar-api-client__item--open {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__item--open .scalar-api-client__item__content {\n display: flex;\n}\n.scalar-api-client__item--open:hover {\n cursor: default;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle__icon {\n transform: rotate(90deg);\n}\n.scalar-api-client__toggle {\n padding: 6px;\n min-height: 37px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n position: relative;\n width: 100%;\n appearance: none;\n outline: 0;\n border: none;\n font-family: (--theme-font, var(--default-theme-font));\n cursor: pointer;\n}\n.scalar-api-client__item .scalar-api-client__item__title {\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-small, var(--default-theme-small));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-family: (--theme-font, var(--default-theme-font));\n user-select: none;\n flex: 1;\n position: relative;\n z-index: 1;\n}\n.scalar-api-client__item .scalar-api-client__toggle__icon {\n width: 10px;\n margin-right: 6px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n z-index: 1;\n position: relative;\n}\n.scalar-api-client__toggle:hover .scalar-api-client__toggle__icon {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__options {\n position: relative;\n z-index: 1;\n}\n.scalar-api-client__item__options span {\n background: transparent;\n padding: 2px 0;\n border-radius: 3px;\n font-size: var(--theme-small, var(--default-theme-small));\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.scalar-api-client__item__options:hover span {\n color: var(--theme-color-1, var(--default-theme-color-1));\n border-color: currentColor;\n}\n.scalar-api-client__item__options span svg {\n width: 15px;\n height: 15px;\n margin-left: 3px;\n}\n.scalar-api-client__item__options select {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: pointer;\n}\n.scalar-api-client__item__content .scalar-api-client__codemirror__wrapper {\n padding-top: 0;\n}\n\n.table {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n background: transparent;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n width: 100%;\n}\n.table-row {\n border-bottom: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n display: flex;\n position: relative;\n}\n.table-row__add {\n border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg));\n border-bottom: none;\n}\n.table-row.required-parameter .table-row-item:nth-of-type(2):after {\n content: 'Required';\n position: absolute;\n top: 4px;\n right: 0;\n padding: 5px 9px 5px 6px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: var(--theme-background-2, var(--default-theme-background-2));\n box-shadow: -2px 0 4px\n var(--theme-background-2, var(--default-theme-background-2));\n}\n.table-row.required-parameter\n .table-row-item:nth-of-type(2):focus-within:after {\n display: none;\n}\n.table-row:last-of-type {\n border-bottom: none;\n}\n.table-row__active {\n border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.table-row-drag {\n width: 20px;\n flex-shrink: 0;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n align-items: center;\n justify-content: center;\n display: none;\n}\n.table-row-drag svg {\n width: 6px;\n fill: var(--theme-color-3, var(--default-theme-color-3));\n}\n.table-row-drag .table-row-drag-add {\n width: 8px;\n}\n.table-row-item {\n width: 100%;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n}\n.table-row-item-menu {\n position: absolute;\n right: 6px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n width: 24px;\n height: 24px;\n top: 50%;\n transform: translate3d(0, -50%, 0);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n cursor: pointer;\n}\n.table-row-item input:focus + .table-row-item-menu,\n.table-row-item:hover .table-row-item-menu {\n opacity: 1;\n}\n.table-row-item-menu svg {\n height: 12px;\n width: initial;\n fill: var(--theme-color-3, var(--default-theme-color-3));\n}\n.table-row-item-menu:hover svg {\n fill: var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row-item input {\n border: none;\n appearance: none;\n outline: none;\n padding: 9px;\n width: 100%;\n min-height: 100%;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: transparent;\n font-family: var(--theme-font, var(--default-theme-font));\n}\n.table-row-item input[disabled] {\n background: transparent;\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n}\n.table-row-item input:focus {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row-item label {\n background: transparent;\n text-transform: uppercase;\n display: block;\n padding: 9px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.table-row-meta {\n overflow: hidden;\n flex-shrink: 0;\n transition: all 0.15s ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 51px;\n user-select: none;\n}\n.table-row-meta-check {\n width: 18px;\n height: 18px;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n background: rgba(47, 177, 228, 0.1);\n}\n.table-row-meta svg {\n width: 13px;\n height: 13px;\n margin: 0 1px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n cursor: pointer;\n}\n.table-row-meta svg:hover {\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.meta-check {\n display: flex;\n position: relative;\n cursor: pointer;\n align-items: center;\n font-size: var(--theme-micro, var(--default-theme-micro));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n user-select: none;\n margin: 0 1px;\n transition: all 0.15s ease-in-out;\n}\n.meta-check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.meta-checkmark {\n height: 17px;\n width: 17px;\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.meta-checkmark:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.meta-check:focus-within .meta-checkmark {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.meta-check .meta-checkmark:after {\n content: '';\n display: none;\n width: 5px;\n height: 8px;\n border: solid var(--theme-color-1, var(--default-theme-color-1));\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.meta-check input:checked ~ .meta-checkmark:after {\n display: block;\n}\n.meta-check input:checked ~ .meta-checkmark:hover {\n background: transparent;\n}\n\n.navtable {\n width: 100%;\n}\n.navtable-follow {\n background-color: black;\n color: white;\n font-size: 9px;\n padding: 6px;\n display: -webkit-box;\n max-width: 250px;\n -webkit-line-clamp: 12;\n border-radius: 3px;\n -webkit-box-orient: vertical;\n overflow: hidden;\n line-height: 1.24;\n transform: translate3d(10px, 0, 0);\n}\n.navtable-follow:after {\n content: '';\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 6px;\n background-color: black;\n}\n.navtable-follow * {\n font-family: var(\n --theme-font-code,\n var(--default-theme-font-code)\n ) !important;\n}\n.navtable-table {\n position: relative;\n display: flex;\n flex-direction: column;\n min-height: 389px;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-radios {\n z-index: 1;\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item {\n display: flex;\n position: relative;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-micro, var(--default-theme-micro));\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.navtable-item:first-of-type {\n border-top: none;\n}\n.navtable-item > div {\n word-wrap: break-word;\n}\n.navtable-item > div:not(:first-child) {\n border-left: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action {\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n background: var(\n --scalar-api-client-bg3,\n var(--default-scalar-api-client-bg3)\n );\n border: none;\n border-radius: 30px;\n appearance: none;\n max-height: 25px;\n margin-left: 12px;\n margin-right: 6px;\n padding: 4px 8px;\n outline: none;\n cursor: pointer;\n opacity: 0;\n transition: opacity 0.15s ease-in-out;\n white-space: nowrap;\n position: relative;\n}\n.navtable-item-action:hover {\n color: var(--theme-color-1, var(--default-theme-color-1));\n background: var(\n --scalar-api-client-gradient,\n var(--default-scalar-api-client-gradient)\n );\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action:focus {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item:hover,\n.navtable-item:focus-within .navtable-item-action {\n opacity: 1;\n}\n.navtable-item-add {\n display: flex;\n align-items: center;\n padding: 9px;\n font-weight: var(--theme-bold, var(--default-theme-bold));\n outline: none;\n border: none;\n appearance: none;\n background: transparent;\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.navtable-item-add:hover {\n background: var(--theme-background-2, var(--default-theme-background-2));\n cursor: pointer;\n}\n.navtable-item-25 {\n width: 25%;\n font-size: var(--theme-micro, var(--default-theme-micro));\n display: flex;\n align-items: center;\n}\n.navtable-item-33 {\n width: 33.33333%;\n display: flex;\n font-size: var(--theme-micro, var(--default-theme-micro));\n align-items: center;\n}\n.navtable-item-66 {\n width: 66.6666%;\n display: flex;\n font-size: var(--theme-micro, var(--default-theme-micro));\n align-items: center;\n}\n.navtable-item-75 {\n width: 75%;\n display: flex;\n align-items: center;\n}\n.navtable-item-75:focus-within {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-40 {\n width: 40%;\n display: flex;\n align-items: center;\n padding: 9px;\n}\n.navtable-item-20 {\n width: 20%;\n display: flex;\n align-items: center;\n padding: 9px;\n}\n.navtable-item-50 {\n width: 50%;\n display: flex;\n align-items: center;\n}\n.navtable-item-50:focus-within {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item p {\n padding: 9px;\n}\n.navtable-item input {\n padding: 12px 6px;\n border: none;\n outline: none;\n appearance: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n background: transparent;\n width: 100%;\n}\n.navtable-item input:focus {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-select {\n position: relative;\n}\n.navtable-item-select select {\n background: transparent;\n outline: none;\n border: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n appearance: none;\n width: 100%;\n padding: 12px 6px;\n top: 0;\n position: relative;\n cursor: pointer;\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.navtable-item-select svg {\n position: absolute;\n right: 6px;\n color: var(--theme-color-ghost, var(--default-theme-color-ghost));\n width: 6px;\n top: 12px;\n pointer-events: none;\n}\n.navtable-item .option {\n padding: 12px 6px;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n}\n.navtable-item label {\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n text-transform: uppercase;\n display: block;\n width: 100%;\n}\n.navtable-item-response {\n padding: 0 9px;\n}\n.navtable-item-response span {\n font-size: var(--theme-micro, var(--default-theme-micro));\n display: flex;\n align-items: center;\n margin-right: 9px;\n min-width: 40px;\n}\n.scalar-api-client__status--1xx:before,\n.scalar-api-client__status--2xx:before,\n.scalar-api-client__status--3xx:before,\n.scalar-api-client__status--4xx:before,\n.scalar-api-client__status--5xx:before,\n.scalar-api-client__status--6xx:before {\n content: '';\n width: 10px;\n height: 10px;\n border-radius: 50%;\n margin-right: 4px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__status--2xx:before {\n background: var(--theme-color-green, var(--default-theme-color-green));\n}\n.scalar-api-client__status--3xx:before {\n background: var(--theme-color-orange, var(--default-theme-color-orange));\n}\n.scalar-api-client__status--4xx:before {\n background: var(--theme-color-red, var(--default-theme-color-red));\n}\n.navtable-item-response span:empty {\n display: none;\n}\n.simpletable.navtable {\n padding: 0;\n}\n.simpletable.navtable .navtable-item-66,\n.simpletable.navtable .navtable-item-33 {\n display: block;\n}\n.simpletable.navtable .navtable-table {\n height: fit-content;\n}\n.meta-delete {\n position: absolute;\n right: -9px;\n background: var(\n --theme-background-2,\n var(--default-theme-background-2)\n ) !important;\n height: 20px;\n width: 20px;\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n box-shadow: var(--default-theme-shadow-1);\n outline: none;\n border-radius: 50%;\n opacity: 0;\n padding: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.meta-delete svg {\n width: 11px;\n height: 11px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.meta-delete:hover svg {\n color: var(--theme-color-red, var(--default-theme-color-red));\n}\n.meta-delete:focus svg {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.meta-delete:focus {\n border-color: var(--theme-color-1, var(--default-theme-color-1));\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row:hover .meta-delete {\n opacity: 1;\n}\n@media (pointer: coarse) {\n.table-row:hover .meta-delete {\n opacity: 1;\n}\n}\n.meta-add {\n border: none;\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n appearance: none;\n padding: 9px;\n width: 100%;\n appearance: none;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-family: var(--theme-font, var(--default-theme-font));\n color: var(--theme-color-3, var(--default-theme-color-3));\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.meta-add svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.meta-add:hover,\n.meta-add:focus {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n\n.scalar-api-client-add {\n color: var(--theme-color-2, var(--default-theme-color-2));\n padding: 6px;\n width: fit-content;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n cursor: pointer;\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n margin: 0 6px;\n font-family: var(--theme-font);\n appearance: none;\n display: flex;\n align-items: center;\n}\n.scalar-api-client-add svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.scalar-api-client-add:hover {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n\n.scalar-api-client__main__left {\n width: 50%;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n padding: 0 6px 12px 18px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__left {\n width: 100%;\n border-right: none;\n padding: 0 0 12px 12px;\n}\n}\n.scalar-api-client__item__content {\n flex-flow: wrap;\n padding: 3px 6px 6px 6px;\n border-radius: 3px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-size: var(--theme-micro, var(--default-theme-micro));\n margin-top: -3px;\n justify-content: space-between;\n}\n.scalar-api-client__item__content .scalar-api-client__codemirror__wrapper {\n min-height: 63px;\n}\n.scalar-api-client__item__content .cm-s-default {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__item__content .scalar-api-client__item__content--code {\n width: 100%;\n max-height: calc(100vh - 200px);\n overflow: auto;\n}\n.scalar-api-client__item__content .cm-scroller {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: 3px;\n}\n.scalar-api-client__item__content .cm-editor {\n outline: none !important;\n}\n.scalar-api-client__item__content .cm-editor .cm-gutters {\n background: transparent;\n}\n.scalar-api-client__item__content .cm-scroll {\n background: transparent;\n}\n.scalar-api-client__item__content .cm-editor * {\n font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.scalar-api-client__item__content .cm-editor .cm-line {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__content-button {\n 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-semibold, var(--default-theme-semibold));\n font-family: var(--theme-font, var(--default-theme-font));\n padding: 12px;\n text-transform: uppercase;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n color: white;\n cursor: pointer;\n text-align: center !important;\n}\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: var(--theme-radius, var(--default-theme-radius));\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 border-color: var(--theme-color-1, var(--default-theme-color-1));\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 min-height: 38px;\n width: 100%;\n}\n.checkmark:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.check:focus-within {\n border-color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.check p {\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.checkmark {\n height: 17px;\n width: 17px;\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n margin-right: 10px;\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.check input:checked ~ p {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.check .checkmark:after {\n content: '';\n display: none;\n width: 5px;\n height: 8px;\n border: solid var(--theme-color-1, var(--default-theme-color-1));\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.check input:checked ~ .checkmark:after {\n display: block;\n}\n.scalar-api-client__main__scroll-container {\n height: calc(100vh - 320px);\n}\n.scalar-api-client__request-name {\n outline: none;\n border: none;\n appearance: none;\n -webkit-appearance: none;\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-size: var(--theme-small, var(--default-theme-small));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: var(--theme-color-3, var(--default-theme-color-3));\n width: 100%;\n padding: 0;\n background: transparent;\n font-family: var(--theme-font, var(--default-theme-font));\n}\n.scalar-api-client__request-name::-webkit-input-placeholder {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.scalar-api-client__request-name:-ms-input-placeholder {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.scalar-api-client__request-name::placeholder {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\na[data-v-4e87b5c7] {\n text-decoration: underline;\n text-decoration-color: var(\n --theme-border-color,\n var(--default-theme-border-color)\n );\n text-underline-offset: 2px;\n cursor: help;\n}\n\n.simple-cell[data-v-d6ae9922] {\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n padding: 9px;\n color: var(--theme-color-1, var(--default-theme-color-1));\n white-space: nowrap;\n}\n.simple-cell a[data-v-d6ae9922] {\n color: var(--theme-color-1, var(--default-theme-color-1)) !important;\n}\n.simple-cell[data-v-d6ae9922]:last-of-type {\n border-right: none;\n}\n.simple-cell.wrap[data-v-d6ae9922] {\n white-space: normal;\n}\n.simple-cell.strong[data-v-d6ae9922] {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\n.simple-header[data-v-6bd3700b] {\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n text-transform: uppercase;\n}\n\n.simple-row[data-v-3606d30f] {\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.simple-row[data-v-3606d30f]:first-of-type {\n border-top: none;\n}\n\n.simple-table[data-v-75092985] {\n display: table;\n width: 100%;\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius, var(--default-theme-radius));\n}\n\n.scalar-api-client__main__right {\n width: 50%;\n padding: 0 6px 12px 18px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__right {\n width: 100%;\n border-right: none;\n padding: 0 0 12px 12px;\n}\n}\n.scalar-api-client__main__right :deep(.scalar-copilot__header-button) {\n position: absolute;\n top: 6px;\n right: 12px;\n}\n\n.scalar-api-client,\n#headlessui-portal-root {\n background: var(--theme-background-1, var(--default-theme-background-1));\n position: relative;\n height: 100%;\n overflow: hidden !important;\n display: flex;\n flex-direction: column;\n font-family: var(--theme-font, var(--default-theme-font));\n\n /** Make sure box-sizing is set properly. */\n box-sizing: border-box;\n*,\n *:before,\n *:after {\n box-sizing: inherit;\n}\n}\n.scalar-api-client {\n flex: 1;\n max-height: 100vh;\n}\n@media screen and (max-width: 1000px) {\n.scalar-api-client {\n width: 100%;\n}\n}\n.scalar-api-client pre {\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n}\n.scalar-api-client--post {\n --default-scalar-api-client-color: var(\n --theme-color-green,\n var(--default-theme-color-green)\n );\n --default-scalar-api-client-background: var(\n --theme-post-background,\n var(--default-theme-post-background)\n );\n}\n.scalar-api-client--delete {\n --default-scalar-api-client-color: var(\n --theme-color-red,\n var(--default-theme-color-red)\n );\n --default-scalar-api-client-background: var(\n --theme-delete-background,\n var(--default-theme-delete-background)\n );\n}\n.scalar-api-client--patch {\n --default-scalar-api-client-color: var(\n --theme-color-yellow,\n var(--default-theme-color-yellow)\n );\n --default-scalar-api-client-background: var(\n --theme-patch-background,\n var(--default-theme-patch-background)\n );\n}\n.scalar-api-client--get {\n --default-scalar-api-client-color: var(\n --theme-color-blue,\n var(--default-theme-color-blue)\n );\n --default-scalar-api-client-background: var(\n --theme-get-background,\n var(--default-theme-get-background)\n );\n}\n.scalar-api-client--put {\n --default-scalar-api-client-color: var(\n --theme-color-orange,\n var(--default-theme-color-orange)\n );\n --default-scalar-api-client-background: var(\n --theme-put-background,\n var(--default-theme-put-background)\n );\n}\n.scalar-api-client__mobile-navigation {\n padding: 12px 12px 0 12px;\n display: flex;\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n}\n.scalar-api-client__mobile-navigation__toggle {\n appearance: none;\n border: none;\n outline: none;\n background: transparent;\n font-size: var(--theme-font-size-2);\n color: var(--theme-color-2);\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-family: var(--theme-font, var(--default-theme-font));\n padding: 0;\n margin-right: 9px;\n cursor: pointer;\n}\n.scalar-api-client__mobile-navigation--active {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__mobile-navigation--active:hover {\n cursor: pointer;\n}\n.scalar-api-client__main {\n display: flex;\n height: 100%;\n min-height: 0;\n background: var(--theme-background-1, var(--default-theme-background-1));\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main {\n flex-direction: column;\n}\n}\n\n/** TODO: Consider to make a Column component */\n.scalar-api-client__main__content {\n padding: 12px 6px;\n background: var(--theme-background-1, var(--default-theme-background-1));\n top: 0;\n position: sticky;\n z-index: 100;\n}\n.scalar-api-client__main__content label {\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n display: flex;\n align-items: center;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__content {\n padding: 3px 0 12px 0;\n}\n.scalar-api-client__main__content label {\n display: none;\n}\n}\n.meta {\n display: flex;\n margin-top: 3px;\n font-size: var(--theme-font-size-2, var(--default-theme-font-size-2));\n font-weight: var(--theme-font-size-2, var(--default-theme-font-size-2));\n color: var(\n --scalar-api-client-color2,\n var(--default-scalar-api-client-color2)\n );\n}\n.meta-item svg {\n fill: var(--theme-color-ghost, var(--default-theme-color-ghost));\n height: 14px;\n width: 14px;\n margin-right: 6px;\n}\n.meta-item {\n display: flex;\n align-items: center;\n margin-right: 12px;\n white-space: nowrap;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-3, var(--default-theme-color-3));\n min-height: 17px;\n}\n.meta-item__input {\n background: transparent;\n width: 100%;\n margin-right: 0;\n}\n.types {\n margin: auto;\n width: 580px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-flow: wrap;\n}\n.types-heading {\n width: 100%;\n text-align: center;\n}\n.types-heading b {\n font-size: 42px;\n}\n.types-heading p {\n margin-bottom: 20px;\n margin-top: 12px;\n font-size: 24px;\n}\n.scalar-api-client__empty-state {\n border: 1px dashed\n var(--theme-border-color, var(--default-theme-border-color));\n width: 100%;\n text-align: center;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n font-size: var(--theme-small, var(--default-theme-small));\n min-height: 58px;\n display: flex;\n align-items: center;\n justify-content: center;\n}"));
6
+ elementStyle.appendChild(document.createTextNode("@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900');@import url('https://fonts.googleapis.com/css?family=JetBrains%20Mono');\n\n:root {\n --default-theme-border-width: 1px;\n --default-theme-radius: 3px;\n --default-theme-radius-lg: 6px;\n --default-theme-radius-xl: 8px;\n\n --default-theme-header-height: 50px;\n --default-theme-sidebar-width: 250px;\n --default-theme-toc-width: 250px;\n\n /* TYPOGRAPHY ------------------------------------ */\n --default-theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',\n Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n --default-theme-font-code: 'JetBrains Mono';\n\n /** Font sizes for rendered text content (editor styles or static content) */\n --default-theme-heading-1: 40px; /* Editor Page heading */\n --default-theme-page-description: 24px;\n --default-theme-heading-2: 24px; /* Editor section headings */\n --default-theme-heading-3: 20px;\n --default-theme-heading-4: 16px;\n --default-theme-heading-5: 16px;\n --default-theme-heading-6: 16px;\n\n --default-theme-paragraph: 16px;\n --default-theme-small: 14px;\n --default-theme-mini: 13px;\n --default-theme-micro: 12px;\n --default-theme-bold: 600;\n --default-theme-semibold: 500;\n --default-theme-regular: 400;\n\n /* Font sizes for interactive applications (not rendered text content) */\n --default-theme-font-size-1: 24px;\n --default-theme-font-size-2: 16px;\n --default-theme-font-size-3: 14px;\n --default-theme-font-size-4: 13px;\n --default-theme-font-size-5: 12px;\n\n --default-theme-line-height-1: 32px;\n --default-theme-line-height-2: 24px;\n --default-theme-line-height-3: 20px;\n --default-theme-line-height-4: 18px;\n --default-theme-line-height-5: 16px;\n\n --default-theme-font-medium: 500;\n --default-theme-font-bold: 700;\n}\n@media (max-width: 460px) {\n :root {\n --default-theme-font-size-1: 22px;\n --default-theme-font-size-2: 14px;\n --default-theme-font-size-3: 12px;\n }\n}\n@media (max-width: 720px) {\n :root {\n --default-theme-heading-1: 24px;\n --default-theme-page-description: 20px;\n }\n}\n.cm-scroller,\n.custom-scroll {\n overflow-y: scroll;\n scrollbar-color: transparent transparent;\n scrollbar-width: thin;\n -webkit-overflow-scrolling: touch;\n}\n.custom-scroll-self-contain-overflow {\n overscroll-behavior: contain;\n}\n.custom-scroll-extra-padding-right {\n padding-right: 12px !important;\n}\n@supports (-moz-appearance: none) {\n .cm-scroller,\n .custom-scroll {\n padding-right: 12px;\n }\n .custom-scroll-extra-padding-right {\n padding-right: 24px !important;\n }\n}\n.cm-scroller:hover,\n.custom-scroll:hover {\n scrollbar-color: var(\n --theme-scrollbar-color,\n var(--default-theme-scrollbar-color)\n )\n transparent;\n}\n.cm-scroller:hover::-webkit-scrollbar-thumb,\n.custom-scroll:hover::-webkit-scrollbar-thumb {\n background: var(\n --theme-scrollbar-color,\n var(--default-theme-scrollbar-color)\n );\n background-clip: content-box;\n border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb:active,\n.custom-scroll::-webkit-scrollbar-thumb:active {\n background: var(\n --theme-scrollbar-color-active,\n var(--default-theme-scrollbar-color-active)\n );\n background-clip: content-box;\n border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-corner,\n.custom-scroll::-webkit-scrollbar-corner {\n background: transparent;\n}\n.cm-scroller::-webkit-scrollbar,\n.custom-scroll::-webkit-scrollbar {\n height: 12px;\n width: 12px;\n}\n.cm-scroller::-webkit-scrollbar-track,\n.custom-scroll::-webkit-scrollbar-track {\n background: transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb,\n.custom-scroll::-webkit-scrollbar-thumb {\n border-radius: 20px;\n background: transparent;\n background-clip: content-box;\n border: 3px solid transparent;\n}\n@media (pointer: coarse) {\n .cm-scroller,\n .custom-scroll {\n padding-right: 12px;\n }\n .custom-scroll-extra-padding-right {\n padding-right: 24px !important;\n }\n}\n\n.modal-layout[data-v-30a935b0] {\n position: fixed;\n width: 100vw;\n height: 100vh;\n top: 0;\n left: 0;\n z-index: 1001;\n background: rgba(0, 0, 0, 0.44);\n padding: 20px;\n opacity: 0;\n animation: modal-fade-30a935b0 0.2s forwards;\n}\n.modal-body[data-v-30a935b0] {\n padding: 24px 12px 18px 24px;\n max-height: calc(100vh - 240px);\n background: var(--theme-background-1, var(--default-theme-background-1));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n font-family: var(--theme-font, var(--default-theme-font));\n}\n.modal[data-v-30a935b0] {\n margin: 80px auto 0;\n position: relative;\n background: var(--theme-background-2, var(--default-theme-background-2));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n text-align: left;\n line-height: 1.4;\n opacity: 0;\n transform: scale(0.98);\n animation: modal-pop-30a935b0 0.15s 0.15s forwards;\n display: flex;\n flex-direction: column;\n}\n.modal-content-history[data-v-30a935b0] {\n background: var(--theme-background-1, var(--default-theme-background-1));\n}\n.modal-content-history[data-v-30a935b0],\n.modal-content-large[data-v-30a935b0] {\n max-width: 800px;\n}\n.modal-content-normal[data-v-30a935b0] {\n max-width: 640px;\n}\n.modal-content-small[data-v-30a935b0] {\n max-width: 480px;\n}\n@keyframes modal-fade-30a935b0 {\nfrom {\n opacity: 0;\n}\nto {\n opacity: 1;\n}\n}\n@keyframes modal-pop-30a935b0 {\n0% {\n opacity: 0;\n}\n100% {\n opacity: 1;\n transform: scale(1);\n}\n}\n.modal-header[data-v-30a935b0] {\n padding: 12px 24px;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-font-size-4, var(--default-theme-font-size-4));\n text-align: left;\n font-weight: 600;\n margin: 0;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg)) 0 0;\n}\n.modal-content-history .modal-header[data-v-30a935b0] {\n padding-bottom: 0;\n padding-top: 24px;\n}\n.modal-content-history .modal-body[data-v-30a935b0] {\n padding-top: 12px;\n}\n.modal-content-search[data-v-30a935b0] {\n max-width: 540px;\n}\n.modal-content-search .modal-body[data-v-30a935b0] {\n padding: 0;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n max-height: 440px;\n}\n\n.navtable-mock {\n background-repeat: repeat;\n width: 100%;\n background-size: 31px 31px;\n background-position: center 1px;\n flex: 1;\n position: relative;\n z-index: 0;\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n background: repeating-linear-gradient(\n var(--default-theme-background-1),\n var(--default-theme-background-1) 34.8px,\n var(--default-theme-border-color) 34.8px,\n var(--default-theme-border-color) 35.8px\n );\n}\n.navtable-mock .navtable-item {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n background: transparent;\n box-shadow: none;\n}\n.radio {\n height: 10px;\n width: 10px;\n background: transparent;\n border: var(--border, var(--default-border));\n flex-shrink: 0;\n margin-right: 6px;\n margin-left: 0;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n outline: none;\n}\n.radio:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n cursor: pointer;\n}\n.navtable-item__active:before {\n content: '';\n display: block;\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1)) !important;\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n}\n.navtable-item__active + .navtable-item {\n /* box-shadow: none; */\n}\n.radio.post {\n background: var(--theme-color-green, var(--default-theme-color-green));\n}\n.radio.delete {\n background: var(--theme-color-red, var(--default-theme-color-red));\n}\n.radio.patch {\n background: var(--theme-color-yellow, var(--default-theme-color-yellow));\n}\n.radio.get {\n background: var(--theme-color-blue, var(--default-theme-color-blue));\n}\n.radio.put {\n background: var(--theme-color-orange, var(--default-theme-color-orange));\n}\n.navtable-item-request span {\n border: none;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n display: block;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.navtable-item-request span em {\n text-transform: uppercase;\n font-style: normal;\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n font-size: var(--theme-micro, var(--default-theme-micro));\n margin-right: 6px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n\n.request-method-select[data-v-bd1dfcca] {\n position: relative;\n display: flex;\n}\n.request-method-select select[data-v-bd1dfcca] {\n border: none;\n outline: none;\n cursor: pointer;\n background: var(--theme-background-3, var(--default-theme-background-3));\n box-shadow: -2px 0 0 0\n var(--theme-background-3, var(--default-theme-background-3));\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n appearance: none;\n}\n.request-method-select select[disabled][data-v-bd1dfcca] {\n pointer-events: none;\n}\n.request-method[data-v-bd1dfcca] {\n display: flex;\n align-items: center;\n color: var(--theme-color-3, var(--default-theme-color-3));\n appearance: none;\n -webkit-appearance: none;\n padding: 0 12px;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n}\n.request-method span[data-v-bd1dfcca] {\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n font-size: 500;\n font-size: var(--theme-micro, var(--default-theme-micro));\n text-transform: uppercase;\n display: flex;\n align-items: center;\n}\n.request-method:not(.request-method--disabled) span[data-v-bd1dfcca]:after {\n content: '';\n width: 7px;\n height: 7px;\n transform: rotate(45deg) translate3d(-2px, -2px, 0);\n display: block;\n margin-left: 6px;\n box-shadow: 1px 1px 0 currentColor;\n}\n.request-method i[data-v-bd1dfcca] {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n margin-right: 6px;\n text-align: center;\n line-height: 18px;\n font-style: normal;\n flex-shrink: 0;\n display: inline-block;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n}\n\n.loader[data-v-65f9c663] {\n position: absolute;\n z-index: 3;\n height: 2px;\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n animation: loading-65f9c663 5s cubic-bezier(0, 0.5, 0.25, 1);\n}\n@keyframes loading-65f9c663 {\n0% {\n width: 0;\n}\n100% {\n width: 100%;\n}\n}\n.scalar-api-client__address-bar[data-v-65f9c663] {\n width: 100%;\n padding: 12px 12px 10px 12px;\n display: flex;\n align-items: center;\n position: relative;\n background: var(--theme-background-1, var(--default-theme-background-1));\n}\n.scalar-api-client__url-form[data-v-65f9c663] {\n display: flex;\n width: 100%;\n align-items: stretch;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__field[data-v-65f9c663] {\n border-right: 0;\n background: var(--theme-background-2, var(--default-theme-background-2));\n border-radius: var(--theme-radius, var(--default-theme-radius)) 0 0\n var(--theme-radius, var(--default-theme-radius));\n display: flex;\n align-items: stretch;\n width: 100%;\n overflow: hidden;\n min-height: 31px;\n}\n.scalar-api-client__address-bar-data[data-v-65f9c663] {\n width: 100%;\n}\n.scalar-api-client__address-bar-data-meta[data-v-65f9c663] {\n display: flex;\n margin-top: 5px;\n}\n.scalar-api-client__request-type[data-v-65f9c663] {\n display: flex;\n align-items: center;\n color: var(--theme-color-3, var(--default-theme-color-3));\n appearance: none;\n -webkit-appearance: none;\n padding: 0 12px;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n}\n.scalar-api-client__request-type span[data-v-65f9c663] {\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n font-size: var(--theme-micro, var(--default-theme-micro));\n text-transform: uppercase;\n}\n.scalar-api-client__request-type svg[data-v-65f9c663] {\n margin-left: 6px;\n width: 8px;\n}\n.scalar-api-client__request-type i[data-v-65f9c663] {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n margin-right: 6px;\n text-align: center;\n line-height: 18px;\n font-style: normal;\n flex-shrink: 0;\n display: inline-block;\n color: var(--theme-color-3, var(--default-theme-color-3));\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n}\n.meta-request-break[data-v-65f9c663] {\n margin: 0 5px;\n}\n.scalar-api-client__history[data-v-65f9c663] {\n appearance: none;\n -webkit-appearance: none;\n background: transparent;\n color: var(--theme-color-2, var(--default-theme-color-2));\n display: flex;\n align-items: center;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n height: 100%;\n}\n.scalar-api-client__send-request-button[type='submit'][data-v-65f9c663] {\n font-size: var(--theme-micro, var(--default-theme-micro));\n letter-spacing: 0.25px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: white;\n border: none;\n white-space: nowrap;\n padding: 0 12px;\n text-transform: uppercase;\n cursor: pointer;\n outline: none;\n font-family: (--theme-font, var(--default-theme-font));\n border-radius: 0 var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius)) 0;\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n position: relative;\n /** #087f5b */\n display: flex;\n align-items: center;\n overflow: hidden;\n flex-shrink: 0;\n}\n.scalar-api-client__send-request-button[data-v-65f9c663]:before {\n content: '';\n position: absolute;\n top: -5%;\n left: -5%;\n width: 110%;\n height: 110%;\n pointer-events: none;\n cursor: pointer;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));\n}\n.scalar-api-client__send-request-button[data-v-65f9c663]:hover:before {\n background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));\n}\n.scalar-api-client__send-request-button svg[data-v-65f9c663] {\n width: 12px;\n height: 12px;\n flex-shrink: 0;\n margin-right: 6px;\n position: relative;\n}\n.scalar-api-client__send-request-button span[data-v-65f9c663] {\n position: relative;\n}\n@media screen and (max-width: 720px) {\n.scalar-api-client__history-toggle span[data-v-65f9c663],\n .scalar-api-client__send-request-button span[data-v-65f9c663] {\n display: none;\n}\n.scalar-api-client__history-toggle svg[data-v-65f9c663],\n .scalar-api-client__send-request-button svg[data-v-65f9c663] {\n margin-right: 0;\n}\n}\n.scalar-api-client__send-request-button[disabled][data-v-65f9c663] {\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n background: var(--theme-background-3, var(--default-theme-background-3));\n border: 1px solid var(--default-theme-border-color);\n}\n.scalar-api-client__history-toggle[data-v-65f9c663] {\n padding: 0 12px;\n line-height: 30px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-size: var(--theme-micro, var(--default-theme-micro));\n letter-spacing: 0.125px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n text-transform: uppercase;\n height: 100%;\n display: flex;\n align-items: center;\n cursor: pointer;\n white-space: nowrap;\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n margin-left: 12px;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n user-select: none;\n}\n.scalar-api-client__history-toggle[data-v-65f9c663]:hover {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__history-toggle svg[data-v-65f9c663] {\n height: 13px;\n width: 13px;\n margin-right: 6px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.scalar-api-client__address-bar-close[data-v-65f9c663] {\n fill: var(--theme-color-3, var(--default-theme-color-3));\n margin-left: 12px;\n height: 24px;\n}\n.scalar-api-client__address-bar-close[data-v-65f9c663]:hover {\n cursor: pointer;\n fill: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__content[data-v-65f9c663] {\n width: 640px;\n height: 100%;\n background: var(--theme-background-1, var(--default-theme-background-1));\n position: fixed;\n top: 0;\n right: 0;\n z-index: 1000;\n transform: translate3d(640px, 0, 0);\n opacity: 0;\n transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),\n opacity 0.01s ease-in-out 0.5s;\n pointer-events: none;\n}\n.scalar-api-client__address-bar-content-item[data-v-65f9c663] {\n height: 100vh;\n max-height: 100vh;\n overflow: auto;\n}\n.scalar-api-client__address-bar__on[data-v-65f9c663] {\n z-index: 100000;\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__content[data-v-65f9c663] {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n pointer-events: all;\n transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__close[data-v-65f9c663] {\n opacity: 1;\n pointer-events: all;\n cursor: pointer;\n}\n.scalar-api-client__address-bar .navtable-item__active[data-v-65f9c663] {\n background: var(--theme-background-2, var(--default-theme-background-2));\n cursor: default;\n}\n.scalar-api-client__address-bar .navtable-item__active .radio[data-v-65f9c663]:before {\n display: none;\n}\n.navigation-back[data-v-65f9c663] {\n stroke: var(--theme-color-2, var(--default-theme-color-2));\n cursor: pointer;\n}\n.navigation-back[data-v-65f9c663]:hover {\n stroke: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__close[data-v-65f9c663] {\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n /* background: rgba(0,0,0,.55);\n */\n pointer-events: none;\n opacity: 0;\n transition: all 0.1s ease-in-out;\n z-index: 1000;\n}\n.navtable-item-time[data-v-65f9c663] {\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n text-transform: capitalize;\n padding: 0 9px;\n}\n\n.scalar-api-client__item {\n border-radius: var(--theme-radius, var(--default-theme-radius));\n margin-bottom: 6px;\n position: relative;\n}\n.scalar-api-client__item button {\n background-color: transparent;\n text-align: left;\n}\n.scalar-api-client__item:hover {\n cursor: pointer;\n}\n.scalar-api-client__toggle:after {\n content: '';\n position: absolute;\n bottom: -6.5px;\n width: 100%;\n height: 6px;\n left: 0;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle:after {\n display: none;\n}\n.scalar-api-client__item:hover,\n.scalar-api-client__item--open {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__item--open .scalar-api-client__item__content {\n display: flex;\n}\n.scalar-api-client__item--open:hover {\n cursor: default;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle__icon {\n transform: rotate(90deg);\n}\n.scalar-api-client__toggle {\n padding: 6px;\n min-height: 37px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n position: relative;\n width: 100%;\n appearance: none;\n outline: 0;\n border: none;\n font-family: (--theme-font, var(--default-theme-font));\n cursor: pointer;\n}\n.scalar-api-client__item .scalar-api-client__item__title {\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-small, var(--default-theme-small));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-family: (--theme-font, var(--default-theme-font));\n user-select: none;\n flex: 1;\n position: relative;\n z-index: 1;\n}\n.scalar-api-client__item .scalar-api-client__toggle__icon {\n width: 10px;\n margin-right: 6px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n z-index: 1;\n position: relative;\n}\n.scalar-api-client__toggle:hover .scalar-api-client__toggle__icon {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__options {\n position: relative;\n z-index: 1;\n}\n.scalar-api-client__item__options span {\n background: transparent;\n padding: 2px 0;\n border-radius: 3px;\n font-size: var(--theme-small, var(--default-theme-small));\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.scalar-api-client__item__options:hover span {\n color: var(--theme-color-1, var(--default-theme-color-1));\n border-color: currentColor;\n}\n.scalar-api-client__item__options span svg {\n width: 15px;\n height: 15px;\n margin-left: 3px;\n}\n.scalar-api-client__item__options select {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: pointer;\n}\n.scalar-api-client__item__content .scalar-api-client__codemirror__wrapper {\n padding-top: 0;\n}\n\n.table {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n background: transparent;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n width: 100%;\n}\n.table-row {\n border-bottom: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n display: flex;\n position: relative;\n}\n.table-row__add {\n border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg));\n border-bottom: none;\n}\n.table-row.required-parameter .table-row-item:nth-of-type(2):after {\n content: 'Required';\n position: absolute;\n top: 4px;\n right: 0;\n padding: 5px 9px 5px 6px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: var(--theme-background-2, var(--default-theme-background-2));\n box-shadow: -2px 0 4px\n var(--theme-background-2, var(--default-theme-background-2));\n}\n.table-row.required-parameter\n .table-row-item:nth-of-type(2):focus-within:after {\n display: none;\n}\n.table-row:last-of-type {\n border-bottom: none;\n}\n.table-row__active {\n border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.table-row-drag {\n width: 20px;\n flex-shrink: 0;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n align-items: center;\n justify-content: center;\n display: none;\n}\n.table-row-drag svg {\n width: 6px;\n fill: var(--theme-color-3, var(--default-theme-color-3));\n}\n.table-row-drag .table-row-drag-add {\n width: 8px;\n}\n.table-row-item {\n width: 100%;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n}\n.table-row-item-menu {\n position: absolute;\n right: 6px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n width: 24px;\n height: 24px;\n top: 50%;\n transform: translate3d(0, -50%, 0);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n cursor: pointer;\n}\n.table-row-item input:focus + .table-row-item-menu,\n.table-row-item:hover .table-row-item-menu {\n opacity: 1;\n}\n.table-row-item-menu svg {\n height: 12px;\n width: initial;\n fill: var(--theme-color-3, var(--default-theme-color-3));\n}\n.table-row-item-menu:hover svg {\n fill: var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row-item input {\n border: none;\n appearance: none;\n outline: none;\n padding: 9px;\n width: 100%;\n min-height: 100%;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: transparent;\n font-family: var(--theme-font, var(--default-theme-font));\n}\n.table-row-item input[disabled] {\n background: transparent;\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n}\n.table-row-item input:focus {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row-item label {\n background: transparent;\n text-transform: uppercase;\n display: block;\n padding: 9px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.table-row-meta {\n overflow: hidden;\n flex-shrink: 0;\n transition: all 0.15s ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 51px;\n user-select: none;\n}\n.table-row-meta-check {\n width: 18px;\n height: 18px;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n background: rgba(47, 177, 228, 0.1);\n}\n.table-row-meta svg {\n width: 13px;\n height: 13px;\n margin: 0 1px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n cursor: pointer;\n}\n.table-row-meta svg:hover {\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.meta-check {\n display: flex;\n position: relative;\n cursor: pointer;\n align-items: center;\n font-size: var(--theme-micro, var(--default-theme-micro));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n user-select: none;\n margin: 0 1px;\n transition: all 0.15s ease-in-out;\n}\n.meta-check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.meta-checkmark {\n height: 17px;\n width: 17px;\n background: var(--theme-background-3, var(--default-theme-background-3));\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.meta-checkmark:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.meta-check:focus-within .meta-checkmark {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.meta-check .meta-checkmark:after {\n content: '';\n display: none;\n width: 5px;\n height: 8px;\n border: solid var(--theme-color-1, var(--default-theme-color-1));\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.meta-check input:checked ~ .meta-checkmark:after {\n display: block;\n}\n.meta-check input:checked ~ .meta-checkmark:hover {\n background: transparent;\n}\n\n.navtable {\n width: 100%;\n}\n.navtable-follow {\n background-color: black;\n color: white;\n font-size: 9px;\n padding: 6px;\n display: -webkit-box;\n max-width: 250px;\n -webkit-line-clamp: 12;\n border-radius: 3px;\n -webkit-box-orient: vertical;\n overflow: hidden;\n line-height: 1.24;\n transform: translate3d(10px, 0, 0);\n}\n.navtable-follow:after {\n content: '';\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 6px;\n background-color: black;\n}\n.navtable-follow * {\n font-family: var(\n --theme-font-code,\n var(--default-theme-font-code)\n ) !important;\n}\n.navtable-table {\n position: relative;\n display: flex;\n flex-direction: column;\n min-height: 389px;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-radios {\n z-index: 1;\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item {\n display: flex;\n position: relative;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-micro, var(--default-theme-micro));\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.navtable-item:first-of-type {\n border-top: none;\n}\n.navtable-item > div {\n word-wrap: break-word;\n}\n.navtable-item > div:not(:first-child) {\n border-left: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action {\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n background: var(\n --scalar-api-client-bg3,\n var(--default-scalar-api-client-bg3)\n );\n border: none;\n border-radius: 30px;\n appearance: none;\n max-height: 25px;\n margin-left: 12px;\n margin-right: 6px;\n padding: 4px 8px;\n outline: none;\n cursor: pointer;\n opacity: 0;\n transition: opacity 0.15s ease-in-out;\n white-space: nowrap;\n position: relative;\n}\n.navtable-item-action:hover {\n color: var(--theme-color-1, var(--default-theme-color-1));\n background: var(\n --scalar-api-client-gradient,\n var(--default-scalar-api-client-gradient)\n );\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action:focus {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item:hover,\n.navtable-item:focus-within .navtable-item-action {\n opacity: 1;\n}\n.navtable-item-add {\n display: flex;\n align-items: center;\n padding: 9px;\n font-weight: var(--theme-bold, var(--default-theme-bold));\n outline: none;\n border: none;\n appearance: none;\n background: transparent;\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.navtable-item-add:hover {\n background: var(--theme-background-2, var(--default-theme-background-2));\n cursor: pointer;\n}\n.navtable-item-25 {\n width: 25%;\n font-size: var(--theme-micro, var(--default-theme-micro));\n display: flex;\n align-items: center;\n}\n.navtable-item-33 {\n width: 33.33333%;\n display: flex;\n font-size: var(--theme-micro, var(--default-theme-micro));\n align-items: center;\n}\n.navtable-item-66 {\n width: 66.6666%;\n display: flex;\n font-size: var(--theme-micro, var(--default-theme-micro));\n align-items: center;\n}\n.navtable-item-75 {\n width: 75%;\n display: flex;\n align-items: center;\n}\n.navtable-item-75:focus-within {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-40 {\n width: 40%;\n display: flex;\n align-items: center;\n padding: 9px;\n}\n.navtable-item-20 {\n width: 20%;\n display: flex;\n align-items: center;\n padding: 9px;\n}\n.navtable-item-50 {\n width: 50%;\n display: flex;\n align-items: center;\n}\n.navtable-item-50:focus-within {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item p {\n padding: 9px;\n}\n.navtable-item input {\n padding: 12px 6px;\n border: none;\n outline: none;\n appearance: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n background: transparent;\n width: 100%;\n}\n.navtable-item input:focus {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-select {\n position: relative;\n}\n.navtable-item-select select {\n background: transparent;\n outline: none;\n border: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n appearance: none;\n width: 100%;\n padding: 12px 6px;\n top: 0;\n position: relative;\n cursor: pointer;\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.navtable-item-select svg {\n position: absolute;\n right: 6px;\n color: var(--theme-color-ghost, var(--default-theme-color-ghost));\n width: 6px;\n top: 12px;\n pointer-events: none;\n}\n.navtable-item .option {\n padding: 12px 6px;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n}\n.navtable-item label {\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n text-transform: uppercase;\n display: block;\n width: 100%;\n}\n.navtable-item-response {\n padding: 0 9px;\n}\n.navtable-item-response span {\n font-size: var(--theme-micro, var(--default-theme-micro));\n display: flex;\n align-items: center;\n margin-right: 9px;\n min-width: 40px;\n}\n.scalar-api-client__status--1xx:before,\n.scalar-api-client__status--2xx:before,\n.scalar-api-client__status--3xx:before,\n.scalar-api-client__status--4xx:before,\n.scalar-api-client__status--5xx:before,\n.scalar-api-client__status--6xx:before {\n content: '';\n width: 10px;\n height: 10px;\n border-radius: 50%;\n margin-right: 4px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__status--2xx:before {\n background: var(--theme-color-green, var(--default-theme-color-green));\n}\n.scalar-api-client__status--3xx:before {\n background: var(--theme-color-orange, var(--default-theme-color-orange));\n}\n.scalar-api-client__status--4xx:before {\n background: var(--theme-color-red, var(--default-theme-color-red));\n}\n.navtable-item-response span:empty {\n display: none;\n}\n.simpletable.navtable {\n padding: 0;\n}\n.simpletable.navtable .navtable-item-66,\n.simpletable.navtable .navtable-item-33 {\n display: block;\n}\n.simpletable.navtable .navtable-table {\n height: fit-content;\n}\n.meta-delete {\n position: absolute;\n right: -9px;\n background: var(\n --theme-background-3,\n var(--default-theme-background-3)\n ) !important;\n height: 20px;\n width: 20px;\n border: none;\n outline: none;\n border-radius: 50%;\n opacity: 0;\n padding: 5px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n}\n.meta-delete svg {\n width: 11px;\n height: 11px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.meta-delete:hover svg {\n color: var(--theme-color-red, var(--default-theme-color-red));\n}\n.meta-delete:focus svg {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.meta-delete:focus {\n border-color: var(--theme-color-1, var(--default-theme-color-1));\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row:hover .meta-delete {\n opacity: 1;\n}\n@media (pointer: coarse) {\n.table-row:hover .meta-delete {\n opacity: 1;\n}\n}\n.meta-add {\n border: none;\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n appearance: none;\n padding: 9px;\n width: 100%;\n appearance: none;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-family: var(--theme-font, var(--default-theme-font));\n color: var(--theme-color-3, var(--default-theme-color-3));\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.meta-add svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.meta-add:hover,\n.meta-add:focus {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n\n.scalar-api-client-add {\n color: var(--theme-color-2, var(--default-theme-color-2));\n padding: 6px;\n width: fit-content;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n cursor: pointer;\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n margin: 0 6px;\n border: none;\n font-family: var(--theme-font);\n appearance: none;\n display: flex;\n align-items: center;\n}\n.scalar-api-client-add svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.scalar-api-client-add:hover {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client-add:focus-within {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n\n.scalar-api-client__main__left {\n width: 50%;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n padding: 0 6px 12px 18px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__left {\n width: 100%;\n border-right: none;\n padding: 0 0 12px 12px;\n}\n}\n.scalar-api-client__item__content {\n flex-flow: wrap;\n padding: 3px 9px 9px 9px;\n border-radius: 3px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-size: var(--theme-micro, var(--default-theme-micro));\n margin-top: -3px;\n justify-content: space-between;\n}\n.scalar-api-client__item__content .scalar-api-client__codemirror__wrapper {\n min-height: 63px;\n}\n.scalar-api-client__item__content .cm-s-default {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__item__content .scalar-api-client__item__content--code {\n width: 100%;\n max-height: calc(100vh - 200px);\n overflow: auto;\n}\n.scalar-api-client__item__content .cm-scroller {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: 3px;\n}\n.scalar-api-client__item__content .cm-editor {\n outline: none !important;\n}\n.scalar-api-client__item__content .cm-editor .cm-gutters {\n background: transparent;\n}\n.scalar-api-client__item__content .cm-scroll {\n background: transparent;\n}\n.scalar-api-client__item__content .cm-editor * {\n font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.scalar-api-client__item__content .cm-editor .cm-line {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__content-button {\n appearance: none;\n border: none;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n ) !important;\n text-align: center;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-family: var(--theme-font, var(--default-theme-font));\n padding: 6px;\n width: fit-content;\n margin: 3px 3px 3px auto;\n text-transform: uppercase;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n color: white;\n cursor: pointer;\n text-align: center !important;\n position: relative;\n}\n.scalar-api-client__item__content-button span {\n position: relative;\n}\n.scalar-api-client__item__content-button:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n cursor: pointer;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));\n}\n.scalar-api-client__item__content-button:hover:before {\n background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));\n}\n.scalar-api-client__item__content__split {\n justify-content: space-between;\n}\n.scalar-collapsible-section-flex {\n width: 100%;\n}\n.input {\n background: transparent;\n position: relative;\n width: 100%;\n text-align: left;\n display: flex;\n box-shadow: 0 1px 0\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.input:focus-within {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1)) !important;\n z-index: 10;\n}\n.input:first-of-type {\n border-radius: var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius)) 0 0;\n}\n.input:first-child:last-child {\n border-radius: var(--theme-radius, var(--default-theme-radius));\n}\n.input:last-child {\n box-shadow: none;\n border-radius: 0 0 var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius));\n}\n.input__half:first-of-type {\n border-radius: var(--theme-radius, var(--default-theme-radius)) 0 0 0;\n}\n.input__half:nth-of-type(2) {\n border-radius: 0 var(--theme-radius, var(--default-theme-radius)) 0 0;\n}\n.authentication-form {\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius, var(--default-theme-radius));\n width: 100%;\n display: flex;\n flex-flow: wrap;\n}\n.input__half {\n width: 50%;\n}\n.input__half + .input__half {\n border-left: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.input__half:focus-within {\n border-color: transparent;\n}\n.input label,\n.input input {\n padding: 9px;\n border: 0;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-2, var(--default-theme-color-2));\n width: 100%;\n background: transparent;\n appearance: none;\n -webkit-appearance: none;\n left: 0;\n}\n.input label {\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: fit-content;\n padding-right: 0;\n white-space: nowrap;\n cursor: text;\n}\n.input input {\n position: relative;\n z-index: 99;\n}\n.input input:not(:placeholder-shown) + label {\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.select {\n background: --theme-background-1;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n font-size: var(--theme-micro, var(--default-theme-micro));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n width: 100%;\n position: relative;\n margin-bottom: 6px;\n}\n.select:focus-within {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select svg {\n position: absolute;\n right: 9px;\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n width: 6px;\n top: 10px;\n}\n.select label {\n display: block;\n font-size: 10px;\n color: var(--theme-color-2, var(--default-theme-color-2));\n position: absolute;\n left: 9px;\n top: 6px;\n}\n.select select {\n background: transparent;\n outline: none;\n border: none;\n -webkit-appearance: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n appearance: none;\n width: 100%;\n padding: 14px 9px 4px 9px;\n top: 0;\n position: relative;\n cursor: pointer;\n}\n.check {\n display: flex;\n position: relative;\n cursor: pointer;\n align-items: center;\n font-size: var(--theme-micro, var(--default-theme-micro));\n padding: 6px 9px;\n border-radius: 0 0 var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius));\n user-select: none;\n width: 100%;\n outline: none;\n}\n.check:focus-within {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.checkmark:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.check:focus-within {\n border-color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.check p {\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.checkmark {\n height: 17px;\n width: 17px;\n background: var(--theme-background-3, var(--default-theme-background-3));\n margin-right: 10px;\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.check input:checked ~ p {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.check .checkmark:after {\n content: '';\n display: none;\n width: 5px;\n height: 8px;\n border: solid var(--theme-color-1, var(--default-theme-color-1));\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.check input:checked ~ .checkmark:after {\n display: block;\n}\n.scalar-api-client__main__scroll-container {\n height: calc(100vh - 320px);\n}\n.scalar-api-client__request-name {\n outline: none;\n border: none;\n appearance: none;\n -webkit-appearance: none;\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-size: var(--theme-small, var(--default-theme-small));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: var(--theme-color-3, var(--default-theme-color-3));\n width: 100%;\n padding: 0;\n background: transparent;\n font-family: var(--theme-font, var(--default-theme-font));\n}\n.scalar-api-client__request-name::-webkit-input-placeholder {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.scalar-api-client__request-name:-ms-input-placeholder {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.scalar-api-client__request-name::placeholder {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\na[data-v-4e87b5c7] {\n text-decoration: underline;\n text-decoration-color: var(\n --theme-border-color,\n var(--default-theme-border-color)\n );\n text-underline-offset: 2px;\n cursor: help;\n}\n\n.simple-cell[data-v-d6ae9922] {\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n padding: 9px;\n color: var(--theme-color-1, var(--default-theme-color-1));\n white-space: nowrap;\n}\n.simple-cell a[data-v-d6ae9922] {\n color: var(--theme-color-1, var(--default-theme-color-1)) !important;\n}\n.simple-cell[data-v-d6ae9922]:last-of-type {\n border-right: none;\n}\n.simple-cell.wrap[data-v-d6ae9922] {\n white-space: normal;\n}\n.simple-cell.strong[data-v-d6ae9922] {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\n.simple-header[data-v-6bd3700b] {\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n text-transform: uppercase;\n}\n\n.simple-row[data-v-a885ce53] {\n box-shadow: 0 -1px var(--theme-border-color, var(--default-theme-border-color));\n}\n.simple-row[data-v-a885ce53]:first-of-type {\n box-shadow: none;\n}\n\n.simple-table[data-v-7617f015] {\n display: table;\n width: 100%;\n border-spacing: 0;\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius, var(--default-theme-radius));\n}\n\n.scalar-api-client__main__right {\n width: 50%;\n padding: 0 6px 12px 18px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__right {\n width: 100%;\n border-right: none;\n padding: 0 0 12px 12px;\n}\n}\n.scalar-api-client__main__right :deep(.scalar-copilot__header-button) {\n position: absolute;\n top: 6px;\n right: 12px;\n}\n\n.scalar-api-client,\n#headlessui-portal-root {\n background: var(--theme-background-1, var(--default-theme-background-1));\n position: relative;\n height: 100%;\n overflow: hidden !important;\n display: flex;\n flex-direction: column;\n font-family: var(--theme-font, var(--default-theme-font));\n\n /** Make sure box-sizing is set properly. */\n box-sizing: border-box;\n*,\n *:before,\n *:after {\n box-sizing: inherit;\n}\n}\n.scalar-api-client {\n flex: 1;\n max-height: 100vh;\n}\n@media screen and (max-width: 1000px) {\n.scalar-api-client {\n width: 100%;\n}\n}\n.scalar-api-client pre {\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n}\n.scalar-api-client--post {\n --default-scalar-api-client-color: var(\n --theme-color-green,\n var(--default-theme-color-green)\n );\n --default-scalar-api-client-background: var(\n --theme-post-background,\n var(--default-theme-post-background)\n );\n}\n.scalar-api-client--delete {\n --default-scalar-api-client-color: var(\n --theme-color-red,\n var(--default-theme-color-red)\n );\n --default-scalar-api-client-background: var(\n --theme-delete-background,\n var(--default-theme-delete-background)\n );\n}\n.scalar-api-client--patch {\n --default-scalar-api-client-color: var(\n --theme-color-yellow,\n var(--default-theme-color-yellow)\n );\n --default-scalar-api-client-background: var(\n --theme-patch-background,\n var(--default-theme-patch-background)\n );\n}\n.scalar-api-client--get {\n --default-scalar-api-client-color: var(\n --theme-color-blue,\n var(--default-theme-color-blue)\n );\n --default-scalar-api-client-background: var(\n --theme-get-background,\n var(--default-theme-get-background)\n );\n}\n.scalar-api-client--put {\n --default-scalar-api-client-color: var(\n --theme-color-orange,\n var(--default-theme-color-orange)\n );\n --default-scalar-api-client-background: var(\n --theme-put-background,\n var(--default-theme-put-background)\n );\n}\n.scalar-api-client__mobile-navigation {\n padding: 12px 12px 0 12px;\n display: flex;\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n}\n.scalar-api-client__mobile-navigation__toggle {\n appearance: none;\n border: none;\n outline: none;\n background: transparent;\n font-size: var(--theme-font-size-2);\n color: var(--theme-color-2);\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-family: var(--theme-font, var(--default-theme-font));\n padding: 0;\n margin-right: 9px;\n cursor: pointer;\n}\n.scalar-api-client__mobile-navigation--active {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__mobile-navigation--active:hover {\n cursor: pointer;\n}\n.scalar-api-client__main {\n display: flex;\n height: 100%;\n min-height: 0;\n background: var(--theme-background-1, var(--default-theme-background-1));\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main {\n flex-direction: column;\n}\n}\n\n/** TODO: Consider to make a Column component */\n.scalar-api-client__main__content {\n padding: 12px 6px;\n background: var(--theme-background-1, var(--default-theme-background-1));\n top: 0;\n position: sticky;\n z-index: 100;\n}\n.scalar-api-client__main__content label {\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n display: flex;\n align-items: center;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__content {\n padding: 3px 0 12px 0;\n}\n.scalar-api-client__main__content label {\n display: none;\n}\n}\n.meta {\n display: flex;\n margin-top: 3px;\n font-size: var(--theme-font-size-2, var(--default-theme-font-size-2));\n font-weight: var(--theme-font-size-2, var(--default-theme-font-size-2));\n color: var(\n --scalar-api-client-color2,\n var(--default-scalar-api-client-color2)\n );\n}\n.meta-item svg {\n fill: var(--theme-color-ghost, var(--default-theme-color-ghost));\n height: 14px;\n width: 14px;\n margin-right: 6px;\n}\n.meta-item {\n display: flex;\n align-items: center;\n margin-right: 12px;\n white-space: nowrap;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-3, var(--default-theme-color-3));\n min-height: 17px;\n}\n.meta-item__input {\n background: transparent;\n width: 100%;\n margin-right: 0;\n}\n.types {\n margin: auto;\n width: 580px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-flow: wrap;\n}\n.types-heading {\n width: 100%;\n text-align: center;\n}\n.types-heading b {\n font-size: 42px;\n}\n.types-heading p {\n margin-bottom: 20px;\n margin-top: 12px;\n font-size: 24px;\n}\n.scalar-api-client__empty-state {\n border: 1px dashed\n var(--theme-border-color, var(--default-theme-border-color));\n width: 100%;\n text-align: center;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n font-size: var(--theme-small, var(--default-theme-small));\n min-height: 58px;\n display: flex;\n align-items: center;\n justify-content: center;\n}"));
7
7
  document.head.appendChild(elementStyle);
8
8
  }
9
9
  } catch (e) {
@@ -1306,7 +1306,7 @@ function defaultState() {
1306
1306
  activeApiClientEndpointId: "",
1307
1307
  activeItem: {},
1308
1308
  snippetType: "javascript",
1309
- activeSidebar: "",
1309
+ activeBreadcrumb: "",
1310
1310
  sidebarIdVisibility: {}
1311
1311
  };
1312
1312
  }
@@ -1330,8 +1330,8 @@ function setActiveApiClientEndpointId(id) {
1330
1330
  function setSnippetType(type) {
1331
1331
  state.snippetType = type;
1332
1332
  }
1333
- function setActiveSidebar(item) {
1334
- state.activeSidebar = item;
1333
+ function setBreadcrumb(item) {
1334
+ state.activeBreadcrumb = item;
1335
1335
  }
1336
1336
  function setSidebarIdVisibility(id, visible) {
1337
1337
  state.sidebarIdVisibility[id] = visible;
@@ -1341,7 +1341,7 @@ const useApiClientStore = () => ({
1341
1341
  toggleApiClient,
1342
1342
  setActiveApiClientEndpointId,
1343
1343
  setSnippetType,
1344
- setActiveSidebar,
1344
+ setBreadcrumb,
1345
1345
  setSidebarIdVisibility,
1346
1346
  hideApiClient
1347
1347
  });
@@ -1396,7 +1396,9 @@ const addRequestToHistory = (value) => {
1396
1396
  const setActiveResponse = (historyID) => {
1397
1397
  activeRequestId.value = historyID;
1398
1398
  const { request } = requestHistory[historyID];
1399
- Object.assign(activeRequest, request);
1399
+ const req = JSON.parse(JSON.stringify(request));
1400
+ req.body = JSON.stringify(request.body, null, 2);
1401
+ Object.assign(activeRequest, req);
1400
1402
  };
1401
1403
  const activeResponse = computed(
1402
1404
  () => activeRequestId.value ? requestHistory[activeRequestId.value].response : null
@@ -7575,43 +7577,49 @@ const _hoisted_3$5 = {
7575
7577
  key: 0,
7576
7578
  class: "scalar-api-client__empty-state"
7577
7579
  };
7578
- const _hoisted_4$4 = { class: "input input__half" };
7579
- const _hoisted_5$4 = /* @__PURE__ */ createElementVNode("label", { for: "Username" }, "Username", -1);
7580
- const _hoisted_6$3 = { class: "input input__half" };
7581
- const _hoisted_7$3 = /* @__PURE__ */ createElementVNode("label", { for: "Password" }, "Password", -1);
7582
- const _hoisted_8$2 = { class: "check" };
7583
- const _hoisted_9$2 = /* @__PURE__ */ createElementVNode("span", { class: "checkmark" }, null, -1);
7584
- const _hoisted_10$1 = /* @__PURE__ */ createElementVNode("p", null, "Enabled", -1);
7585
- const _hoisted_11$1 = { class: "input input__half" };
7586
- const _hoisted_12$1 = /* @__PURE__ */ createElementVNode("label", { for: "Username" }, "Username", -1);
7587
- const _hoisted_13$1 = { class: "input input__half" };
7588
- const _hoisted_14$1 = /* @__PURE__ */ createElementVNode("label", { for: "Password" }, "Password", -1);
7589
- const _hoisted_15$1 = { class: "check" };
7590
- const _hoisted_16$1 = /* @__PURE__ */ createElementVNode("span", { class: "checkmark" }, null, -1);
7591
- const _hoisted_17$1 = /* @__PURE__ */ createElementVNode("p", null, "Enabled", -1);
7592
- const _hoisted_18$1 = { class: "input" };
7593
- const _hoisted_19$1 = /* @__PURE__ */ createElementVNode("label", { for: "Consumer Key" }, "Generated Token", -1);
7594
- const _hoisted_20$1 = { class: "input" };
7595
- const _hoisted_21 = /* @__PURE__ */ createElementVNode("label", { for: "Consumer Key" }, "OIDC Discovery URL", -1);
7596
- const _hoisted_22 = { class: "input" };
7597
- const _hoisted_23 = /* @__PURE__ */ createElementVNode("label", { for: "Consumer Key" }, "Auth URL", -1);
7598
- const _hoisted_24 = { class: "input" };
7599
- const _hoisted_25 = /* @__PURE__ */ createElementVNode("label", { for: "Consumer Key" }, "Access Token URL", -1);
7600
- const _hoisted_26 = { class: "input input__half" };
7601
- const _hoisted_27 = /* @__PURE__ */ createElementVNode("label", { for: "Consumer Key" }, "Client ID", -1);
7602
- const _hoisted_28 = { class: "input input__half" };
7603
- const _hoisted_29 = /* @__PURE__ */ createElementVNode("label", { for: "Consumer Key" }, "Client Secret", -1);
7604
- const _hoisted_30 = { class: "input" };
7605
- const _hoisted_31 = /* @__PURE__ */ createElementVNode("label", { for: "Consumer Key" }, "Scope", -1);
7606
- const _hoisted_32 = /* @__PURE__ */ createElementVNode("button", {
7580
+ const _hoisted_4$4 = {
7581
+ key: 1,
7582
+ class: "authentication-form"
7583
+ };
7584
+ const _hoisted_5$4 = { class: "input input__half" };
7585
+ const _hoisted_6$3 = /* @__PURE__ */ createElementVNode("label", { for: "username" }, "Username", -1);
7586
+ const _hoisted_7$3 = { class: "input input__half" };
7587
+ const _hoisted_8$2 = /* @__PURE__ */ createElementVNode("label", { for: "password" }, "Password", -1);
7588
+ const _hoisted_9$2 = { class: "check" };
7589
+ const _hoisted_10$1 = /* @__PURE__ */ createElementVNode("span", { class: "checkmark" }, null, -1);
7590
+ const _hoisted_11$1 = /* @__PURE__ */ createElementVNode("p", null, "Enabled", -1);
7591
+ const _hoisted_12$1 = { class: "input input__half" };
7592
+ const _hoisted_13$1 = /* @__PURE__ */ createElementVNode("label", { for: "username" }, "Username", -1);
7593
+ const _hoisted_14$1 = { class: "input input__half" };
7594
+ const _hoisted_15$1 = /* @__PURE__ */ createElementVNode("label", { for: "password" }, "Password", -1);
7595
+ const _hoisted_16$1 = { class: "check" };
7596
+ const _hoisted_17$1 = /* @__PURE__ */ createElementVNode("span", { class: "checkmark" }, null, -1);
7597
+ const _hoisted_18$1 = /* @__PURE__ */ createElementVNode("p", null, "Enabled", -1);
7598
+ const _hoisted_19$1 = { class: "input" };
7599
+ const _hoisted_20$1 = /* @__PURE__ */ createElementVNode("label", { for: "generatedtoken" }, "Generated Token", -1);
7600
+ const _hoisted_21 = { class: "input" };
7601
+ const _hoisted_22 = /* @__PURE__ */ createElementVNode("label", { for: "discoveryurl" }, "OIDC Discovery URL", -1);
7602
+ const _hoisted_23 = { class: "input" };
7603
+ const _hoisted_24 = /* @__PURE__ */ createElementVNode("label", { for: "authurl" }, "Auth URL", -1);
7604
+ const _hoisted_25 = { class: "input" };
7605
+ const _hoisted_26 = /* @__PURE__ */ createElementVNode("label", { for: "accesstoken" }, "Access Token URL", -1);
7606
+ const _hoisted_27 = { class: "input input__half" };
7607
+ const _hoisted_28 = /* @__PURE__ */ createElementVNode("label", { for: "clientid" }, "Client ID", -1);
7608
+ const _hoisted_29 = { class: "input input__half" };
7609
+ const _hoisted_30 = /* @__PURE__ */ createElementVNode("label", { for: "clientsecret" }, "Client Secret", -1);
7610
+ const _hoisted_31 = { class: "input" };
7611
+ const _hoisted_32 = /* @__PURE__ */ createElementVNode("label", { for: "scope" }, "Scope", -1);
7612
+ const _hoisted_33 = /* @__PURE__ */ createElementVNode("button", {
7607
7613
  class: "scalar-api-client__item__content-button",
7608
7614
  type: "button"
7609
- }, " Generate Token ", -1);
7610
- const _hoisted_33 = { class: "input" };
7611
- const _hoisted_34 = /* @__PURE__ */ createElementVNode("label", { for: "Username" }, "Token", -1);
7612
- const _hoisted_35 = { class: "check" };
7613
- const _hoisted_36 = /* @__PURE__ */ createElementVNode("span", { class: "checkmark" }, null, -1);
7614
- const _hoisted_37 = /* @__PURE__ */ createElementVNode("p", null, "Enabled", -1);
7615
+ }, [
7616
+ /* @__PURE__ */ createElementVNode("span", null, "Generate Token")
7617
+ ], -1);
7618
+ const _hoisted_34 = { class: "input" };
7619
+ const _hoisted_35 = /* @__PURE__ */ createElementVNode("label", { for: "Username" }, "Token", -1);
7620
+ const _hoisted_36 = { class: "check" };
7621
+ const _hoisted_37 = /* @__PURE__ */ createElementVNode("span", { class: "checkmark" }, null, -1);
7622
+ const _hoisted_38 = /* @__PURE__ */ createElementVNode("p", null, "Enabled", -1);
7615
7623
  const _sfc_main$h = /* @__PURE__ */ defineComponent({
7616
7624
  __name: "RequestAuth",
7617
7625
  setup(__props) {
@@ -7673,10 +7681,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
7673
7681
  ])
7674
7682
  ]),
7675
7683
  default: withCtx(() => [
7676
- unref(authState2).type === "none" ? (openBlock(), createElementBlock("div", _hoisted_3$5, "No Authentication")) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
7684
+ unref(authState2).type === "none" ? (openBlock(), createElementBlock("div", _hoisted_3$5, "No Authentication")) : (openBlock(), createElementBlock("div", _hoisted_4$4, [
7677
7685
  unref(authState2).type === "basic" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
7678
- createElementVNode("div", _hoisted_4$4, [
7686
+ createElementVNode("div", _hoisted_5$4, [
7687
+ _hoisted_6$3,
7679
7688
  withDirectives(createElementVNode("input", {
7689
+ id: "username",
7680
7690
  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(authState2).basic.username = $event),
7681
7691
  autocomplete: "off",
7682
7692
  placeholder: "Username",
@@ -7684,34 +7694,36 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
7684
7694
  type: "text"
7685
7695
  }, null, 512), [
7686
7696
  [vModelText, unref(authState2).basic.username]
7687
- ]),
7688
- _hoisted_5$4
7697
+ ])
7689
7698
  ]),
7690
- createElementVNode("div", _hoisted_6$3, [
7699
+ createElementVNode("div", _hoisted_7$3, [
7700
+ _hoisted_8$2,
7691
7701
  withDirectives(createElementVNode("input", {
7702
+ id: "password",
7692
7703
  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(authState2).basic.password = $event),
7693
7704
  autocomplete: "off",
7694
- placeholder: "Username",
7705
+ placeholder: "Password",
7695
7706
  spellcheck: "false",
7696
7707
  type: "password"
7697
7708
  }, null, 512), [
7698
7709
  [vModelText, unref(authState2).basic.password]
7699
- ]),
7700
- _hoisted_7$3
7710
+ ])
7701
7711
  ]),
7702
- createElementVNode("label", _hoisted_8$2, [
7712
+ createElementVNode("label", _hoisted_9$2, [
7703
7713
  withDirectives(createElementVNode("input", {
7704
7714
  "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(authState2).basic.active = $event),
7705
7715
  type: "checkbox"
7706
7716
  }, null, 512), [
7707
7717
  [vModelCheckbox, unref(authState2).basic.active]
7708
7718
  ]),
7709
- _hoisted_9$2,
7710
- _hoisted_10$1
7719
+ _hoisted_10$1,
7720
+ _hoisted_11$1
7711
7721
  ])
7712
7722
  ], 64)) : unref(authState2).type === "digest" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
7713
- createElementVNode("div", _hoisted_11$1, [
7723
+ createElementVNode("div", _hoisted_12$1, [
7724
+ _hoisted_13$1,
7714
7725
  withDirectives(createElementVNode("input", {
7726
+ id: "username",
7715
7727
  "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(authState2).digest.username = $event),
7716
7728
  autocomplete: "off",
7717
7729
  placeholder: "Username",
@@ -7719,11 +7731,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
7719
7731
  type: "text"
7720
7732
  }, null, 512), [
7721
7733
  [vModelText, unref(authState2).digest.username]
7722
- ]),
7723
- _hoisted_12$1
7734
+ ])
7724
7735
  ]),
7725
- createElementVNode("div", _hoisted_13$1, [
7736
+ createElementVNode("div", _hoisted_14$1, [
7737
+ _hoisted_15$1,
7726
7738
  withDirectives(createElementVNode("input", {
7739
+ id: "password",
7727
7740
  "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(authState2).digest.password = $event),
7728
7741
  autocomplete: "off",
7729
7742
  placeholder: "Password",
@@ -7731,22 +7744,23 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
7731
7744
  type: "password"
7732
7745
  }, null, 512), [
7733
7746
  [vModelText, unref(authState2).digest.password]
7734
- ]),
7735
- _hoisted_14$1
7747
+ ])
7736
7748
  ]),
7737
- createElementVNode("label", _hoisted_15$1, [
7749
+ createElementVNode("label", _hoisted_16$1, [
7738
7750
  withDirectives(createElementVNode("input", {
7739
7751
  "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(authState2).digest.active = $event),
7740
7752
  type: "checkbox"
7741
7753
  }, null, 512), [
7742
7754
  [vModelCheckbox, unref(authState2).digest.active]
7743
7755
  ]),
7744
- _hoisted_16$1,
7745
- _hoisted_17$1
7756
+ _hoisted_17$1,
7757
+ _hoisted_18$1
7746
7758
  ])
7747
7759
  ], 64)) : unref(authState2).type === "oauthTwo" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
7748
- createElementVNode("div", _hoisted_18$1, [
7760
+ createElementVNode("div", _hoisted_19$1, [
7761
+ _hoisted_20$1,
7749
7762
  withDirectives(createElementVNode("input", {
7763
+ id: "generatedtoken",
7750
7764
  "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(authState2).oauthTwo.generatedToken = $event),
7751
7765
  autocomplete: "off",
7752
7766
  placeholder: "Generated Token",
@@ -7754,11 +7768,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
7754
7768
  type: "text"
7755
7769
  }, null, 512), [
7756
7770
  [vModelText, unref(authState2).oauthTwo.generatedToken]
7757
- ]),
7758
- _hoisted_19$1
7771
+ ])
7759
7772
  ]),
7760
- createElementVNode("div", _hoisted_20$1, [
7773
+ createElementVNode("div", _hoisted_21, [
7774
+ _hoisted_22,
7761
7775
  withDirectives(createElementVNode("input", {
7776
+ id: "discoveryurl",
7762
7777
  "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(authState2).oauthTwo.discoveryURL = $event),
7763
7778
  autocomplete: "off",
7764
7779
  placeholder: "Discovery URL",
@@ -7766,11 +7781,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
7766
7781
  type: "text"
7767
7782
  }, null, 512), [
7768
7783
  [vModelText, unref(authState2).oauthTwo.discoveryURL]
7769
- ]),
7770
- _hoisted_21
7784
+ ])
7771
7785
  ]),
7772
- createElementVNode("div", _hoisted_22, [
7786
+ createElementVNode("div", _hoisted_23, [
7787
+ _hoisted_24,
7773
7788
  withDirectives(createElementVNode("input", {
7789
+ id: "authurl",
7774
7790
  "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => unref(authState2).oauthTwo.authURL = $event),
7775
7791
  autocomplete: "off",
7776
7792
  placeholder: "Auth URL",
@@ -7778,11 +7794,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
7778
7794
  type: "text"
7779
7795
  }, null, 512), [
7780
7796
  [vModelText, unref(authState2).oauthTwo.authURL]
7781
- ]),
7782
- _hoisted_23
7797
+ ])
7783
7798
  ]),
7784
- createElementVNode("div", _hoisted_24, [
7799
+ createElementVNode("div", _hoisted_25, [
7800
+ _hoisted_26,
7785
7801
  withDirectives(createElementVNode("input", {
7802
+ id: "accesstoken",
7786
7803
  "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => unref(authState2).oauthTwo.accessTokenURL = $event),
7787
7804
  autocomplete: "off",
7788
7805
  placeholder: "Access Token URL",
@@ -7790,11 +7807,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
7790
7807
  type: "text"
7791
7808
  }, null, 512), [
7792
7809
  [vModelText, unref(authState2).oauthTwo.accessTokenURL]
7793
- ]),
7794
- _hoisted_25
7810
+ ])
7795
7811
  ]),
7796
- createElementVNode("div", _hoisted_26, [
7812
+ createElementVNode("div", _hoisted_27, [
7813
+ _hoisted_28,
7797
7814
  withDirectives(createElementVNode("input", {
7815
+ id: "clientid",
7798
7816
  "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => unref(authState2).oauthTwo.clientID = $event),
7799
7817
  autocomplete: "off",
7800
7818
  placeholder: "Client ID",
@@ -7802,11 +7820,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
7802
7820
  type: "text"
7803
7821
  }, null, 512), [
7804
7822
  [vModelText, unref(authState2).oauthTwo.clientID]
7805
- ]),
7806
- _hoisted_27
7823
+ ])
7807
7824
  ]),
7808
- createElementVNode("div", _hoisted_28, [
7825
+ createElementVNode("div", _hoisted_29, [
7826
+ _hoisted_30,
7809
7827
  withDirectives(createElementVNode("input", {
7828
+ id: "clientsecret",
7810
7829
  "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => unref(authState2).oauthTwo.clientSecret = $event),
7811
7830
  autocomplete: "off",
7812
7831
  placeholder: "Client Secret",
@@ -7814,11 +7833,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
7814
7833
  type: "text"
7815
7834
  }, null, 512), [
7816
7835
  [vModelText, unref(authState2).oauthTwo.clientSecret]
7817
- ]),
7818
- _hoisted_29
7836
+ ])
7819
7837
  ]),
7820
- createElementVNode("div", _hoisted_30, [
7838
+ createElementVNode("div", _hoisted_31, [
7839
+ _hoisted_32,
7821
7840
  withDirectives(createElementVNode("input", {
7841
+ id: "scope",
7822
7842
  "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => unref(authState2).oauthTwo.scope = $event),
7823
7843
  autocomplete: "off",
7824
7844
  placeholder: "Scope",
@@ -7826,12 +7846,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
7826
7846
  type: "text"
7827
7847
  }, null, 512), [
7828
7848
  [vModelText, unref(authState2).oauthTwo.scope]
7829
- ]),
7830
- _hoisted_31
7849
+ ])
7831
7850
  ]),
7832
- _hoisted_32
7851
+ _hoisted_33
7833
7852
  ], 64)) : unref(authState2).type === "bearer" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
7834
- createElementVNode("div", _hoisted_33, [
7853
+ createElementVNode("div", _hoisted_34, [
7854
+ _hoisted_35,
7835
7855
  withDirectives(createElementVNode("input", {
7836
7856
  "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => unref(authState2).bearer.token = $event),
7837
7857
  autocomplete: "off",
@@ -7840,21 +7860,20 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
7840
7860
  type: "text"
7841
7861
  }, null, 512), [
7842
7862
  [vModelText, unref(authState2).bearer.token]
7843
- ]),
7844
- _hoisted_34
7863
+ ])
7845
7864
  ]),
7846
- createElementVNode("label", _hoisted_35, [
7865
+ createElementVNode("label", _hoisted_36, [
7847
7866
  withDirectives(createElementVNode("input", {
7848
7867
  "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => unref(authState2).bearer.active = $event),
7849
7868
  type: "checkbox"
7850
7869
  }, null, 512), [
7851
7870
  [vModelCheckbox, unref(authState2).bearer.active]
7852
7871
  ]),
7853
- _hoisted_36,
7854
- _hoisted_37
7872
+ _hoisted_37,
7873
+ _hoisted_38
7855
7874
  ])
7856
7875
  ], 64)) : createCommentVNode("", true)
7857
- ], 64))
7876
+ ]))
7858
7877
  ]),
7859
7878
  _: 1
7860
7879
  });
@@ -8548,7 +8567,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
8548
8567
  });
8549
8568
  const SimpleHeader_vue_vue_type_style_index_0_scoped_6bd3700b_lang = "";
8550
8569
  const SimpleHeader = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-6bd3700b"]]);
8551
- const SimpleRow_vue_vue_type_style_index_0_scoped_3606d30f_lang = "";
8570
+ const SimpleRow_vue_vue_type_style_index_0_scoped_a885ce53_lang = "";
8552
8571
  const _sfc_main$5 = {};
8553
8572
  const _hoisted_1$5 = { class: "simple-row" };
8554
8573
  function _sfc_render$1(_ctx, _cache) {
@@ -8556,8 +8575,8 @@ function _sfc_render$1(_ctx, _cache) {
8556
8575
  renderSlot(_ctx.$slots, "default", {}, void 0, true)
8557
8576
  ]);
8558
8577
  }
8559
- const SimpleRow = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$1], ["__scopeId", "data-v-3606d30f"]]);
8560
- const SimpleTable_vue_vue_type_style_index_0_scoped_75092985_lang = "";
8578
+ const SimpleRow = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$1], ["__scopeId", "data-v-a885ce53"]]);
8579
+ const SimpleTable_vue_vue_type_style_index_0_scoped_7617f015_lang = "";
8561
8580
  const _sfc_main$4 = {};
8562
8581
  const _hoisted_1$4 = { class: "simple-table" };
8563
8582
  function _sfc_render(_ctx, _cache) {
@@ -8565,7 +8584,7 @@ function _sfc_render(_ctx, _cache) {
8565
8584
  renderSlot(_ctx.$slots, "default", {}, void 0, true)
8566
8585
  ]);
8567
8586
  }
8568
- const SimpleTable = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render], ["__scopeId", "data-v-75092985"]]);
8587
+ const SimpleTable = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render], ["__scopeId", "data-v-7617f015"]]);
8569
8588
  const _hoisted_1$3 = {
8570
8589
  key: 1,
8571
8590
  class: "scalar-api-client__empty-state"
package/dist/stores/apiClientRequestStore.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"apiClientRequestStore.d.ts","sourceRoot":"","sources":["../../src/stores/apiClientRequestStore.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAG7E,eAAO,MAAM,oBAAoB,QAAO,SA0BtC,CAAA;AAMF,KAAK,mBAAmB,GAAG,aAAa,CAAA;AAqDxC,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mCAxBC,MAAM;iCAPR,mBAAmB;gCAoBpB,mBAAmB;CAsBpD,CAAA"}
1
+ {"version":3,"file":"apiClientRequestStore.d.ts","sourceRoot":"","sources":["../../src/stores/apiClientRequestStore.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAG7E,eAAO,MAAM,oBAAoB,QAAO,SA0BtC,CAAA;AAMF,KAAK,mBAAmB,GAAG,aAAa,CAAA;AA2DxC,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mCA9BC,MAAM;iCAPR,mBAAmB;gCA0BpB,mBAAmB;CAsBpD,CAAA"}
package/dist/stores/apiClientStore.d.ts CHANGED
@@ -3,7 +3,7 @@ declare function toggleApiClient(item?: any, forceShow?: boolean): void;
3
3
  declare function hideApiClient(): void;
4
4
  declare function setActiveApiClientEndpointId(id: string): void;
5
5
  declare function setSnippetType(type: string): void;
6
- declare function setActiveSidebar(item: string): void;
6
+ declare function setBreadcrumb(item: string): void;
7
7
  declare function setSidebarIdVisibility(id: string, visible: boolean): void;
8
8
  export declare const useApiClientStore: () => {
9
9
  state: {
@@ -11,7 +11,7 @@ export declare const useApiClientStore: () => {
11
11
  readonly activeApiClientEndpointId: string;
12
12
  readonly activeItem: any;
13
13
  readonly snippetType: string;
14
- readonly activeSidebar: string;
14
+ readonly activeBreadcrumb: string;
15
15
  readonly sidebarIdVisibility: {
16
16
  readonly [x: string]: boolean;
17
17
  };
@@ -19,7 +19,7 @@ export declare const useApiClientStore: () => {
19
19
  toggleApiClient: typeof toggleApiClient;
20
20
  setActiveApiClientEndpointId: typeof setActiveApiClientEndpointId;
21
21
  setSnippetType: typeof setSnippetType;
22
- setActiveSidebar: typeof setActiveSidebar;
22
+ setBreadcrumb: typeof setBreadcrumb;
23
23
  setSidebarIdVisibility: typeof setSidebarIdVisibility;
24
24
  hideApiClient: typeof hideApiClient;
25
25
  };
package/dist/stores/apiClientStore.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"apiClientStore.d.ts","sourceRoot":"","sources":["../../src/stores/apiClientStore.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAwBzD,iBAAS,eAAe,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,SAAS,UAAQ,QASrD;AAED,iBAAS,aAAa,SAErB;AAED,iBAAS,4BAA4B,CAAC,EAAE,EAAE,MAAM,QAE/C;AAED,iBAAS,cAAc,CAAC,IAAI,EAAE,MAAM,QAEnC;AAED,iBAAS,gBAAgB,CAAC,IAAI,EAAE,MAAM,QAErC;AAED,iBAAS,sBAAsB,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,QAE3D;AAED,eAAO,MAAM,iBAAiB;;gCApDb,OAAO;4CACK,MAAM;6BACrB,GAAG;8BACF,MAAM;gCACJ,MAAM;;;;;;;;;;;CAwDrB,CAAA"}
1
+ {"version":3,"file":"apiClientStore.d.ts","sourceRoot":"","sources":["../../src/stores/apiClientStore.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAwBzD,iBAAS,eAAe,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,SAAS,UAAQ,QASrD;AAED,iBAAS,aAAa,SAErB;AAED,iBAAS,4BAA4B,CAAC,EAAE,EAAE,MAAM,QAE/C;AAED,iBAAS,cAAc,CAAC,IAAI,EAAE,MAAM,QAEnC;AAED,iBAAS,aAAa,CAAC,IAAI,EAAE,MAAM,QAElC;AAED,iBAAS,sBAAsB,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,QAE3D;AAED,eAAO,MAAM,iBAAiB;;gCApDb,OAAO;4CACK,MAAM;6BACrB,GAAG;8BACF,MAAM;mCACD,MAAM;;;;;;;;;;;CAwDxB,CAAA"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@scalar/api-client",
3
3
  "description": "the open source API testing client",
4
- "version": "0.7.22",
4
+ "version": "0.7.23",
5
5
  "author": "Scalar (https://github.com/scalar)",
6
6
  "bugs": "https://github.com/scalar/scalar/issues/new",
7
7
  "dependencies": {
@@ -15,7 +15,7 @@
15
15
  "pretty-ms": "8.0.0",
16
16
  "tippy.js": "6.3.7",
17
17
  "@scalar/themes": "0.4.0",
18
- "@scalar/use-codemirror": "0.7.9",
18
+ "@scalar/use-codemirror": "0.7.10",
19
19
  "@scalar/use-keyboard-event": "0.5.3",
20
20
  "@scalar/use-modal": "0.1.4"
21
21
  },
@@ -27,7 +27,7 @@
27
27
  "vite-plugin-css-injected-by-js": "3.3.0",
28
28
  "vitest": "0.34.4",
29
29
  "vue-tsc": "1.8.13",
30
- "@scalar/echo-server": "0.5.2"
30
+ "@scalar/echo-server": "0.5.3"
31
31
  },
32
32
  "engines": {
33
33
  "node": ">=18"