@scalar/api-client 0.7.25 → 0.7.26

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 (20) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/README.md +4 -4
  3. package/dist/components/ApiClient/Request/Request.vue.d.ts.map +1 -1
  4. package/dist/components/ApiClient/Request/RequestCookies.vue.d.ts +11 -0
  5. package/dist/components/ApiClient/Request/RequestCookies.vue.d.ts.map +1 -0
  6. package/dist/components/ApiClient/RequestHistoryItem.vue.d.ts.map +1 -1
  7. package/dist/helpers/prepareClientRequestConfig.d.ts +1 -0
  8. package/dist/helpers/prepareClientRequestConfig.d.ts.map +1 -1
  9. package/dist/helpers/sendRequest.d.ts.map +1 -1
  10. package/dist/index.d.ts +1 -1
  11. package/dist/index.d.ts.map +1 -1
  12. package/dist/index.js +175 -97
  13. package/dist/stores/index.d.ts +1 -1
  14. package/dist/stores/index.d.ts.map +1 -1
  15. package/dist/stores/{apiClientRequestStore.d.ts → requestStore.d.ts} +7 -2
  16. package/dist/stores/requestStore.d.ts.map +1 -0
  17. package/dist/types.d.ts +3 -0
  18. package/dist/types.d.ts.map +1 -1
  19. package/package.json +1 -1
  20. package/dist/stores/apiClientRequestStore.d.ts.map +0 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @scalar/api-client
2
2
 
3
+ ## 0.7.26
4
+
5
+ ### Patch Changes
6
+
7
+ - 9c7a5722: feat: add a dedicated cookie panel
8
+
3
9
  ## 0.7.25
4
10
 
5
11
  ### Patch Changes
package/README.md CHANGED
@@ -31,12 +31,12 @@ Pass an URL of [a request proxy](https://github.com/scalar/scalar/tree/main/pack
31
31
 
32
32
  ## Composable
33
33
 
34
- You can use `useApiClientRequestStore()` to interact with the API client.
34
+ You can use `useRequestStore()` to interact with the API client.
35
35
 
36
36
  ### readOnly
37
37
 
38
38
  ```js
39
- const { readOnly } = useApiClientRequestStore()
39
+ const { readOnly } = useRequestStore()
40
40
 
41
41
  readOnly.value = false
42
42
  ```
@@ -44,7 +44,7 @@ readOnly.value = false
44
44
  ### activeRequest
45
45
 
46
46
  ```js
47
- const { activeRequest } = useApiClientRequestStore()
47
+ const { activeRequest } = useRequestStore()
48
48
 
49
49
  console.log(activeRequest)
50
50
  ```
@@ -52,7 +52,7 @@ console.log(activeRequest)
52
52
  ### setActiveRequest
53
53
 
54
54
  ```js
55
- const { setActiveRequest } = useApiClientRequestStore()
55
+ const { setActiveRequest } = useRequestStore()
56
56
 
57
57
  setActiveRequest({
58
58
  url: 'https://echo.scalar.com'
package/dist/components/ApiClient/Request/Request.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Request.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ApiClient/Request/Request.vue.ts"],"names":[],"mappings":";AAqMA,wBAAkD"}
1
+ {"version":3,"file":"Request.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ApiClient/Request/Request.vue.ts"],"names":[],"mappings":";AAmNA,wBAAkD"}
package/dist/components/ApiClient/Request/RequestCookies.vue.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ declare const _default: import("vue").DefineComponent<{
2
+ cookies: {
3
+ type: import("vue").PropType<any[]>;
4
+ };
5
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
6
+ cookies: {
7
+ type: import("vue").PropType<any[]>;
8
+ };
9
+ }>>, {}, {}>;
10
+ export default _default;
11
+ //# sourceMappingURL=RequestCookies.vue.d.ts.map
package/dist/components/ApiClient/Request/RequestCookies.vue.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RequestCookies.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ApiClient/Request/RequestCookies.vue.ts"],"names":[],"mappings":";;;;;;;;;AAqJA,wBAAkD"}
package/dist/components/ApiClient/RequestHistoryItem.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RequestHistoryItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ApiClient/RequestHistoryItem.vue.ts"],"names":[],"mappings":";;;;;;;;;;;AA8MA,wBAAkD"}
1
+ {"version":3,"file":"RequestHistoryItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ApiClient/RequestHistoryItem.vue.ts"],"names":[],"mappings":";;;;;;;;;;;AA6MA,wBAAkD"}
package/dist/helpers/prepareClientRequestConfig.d.ts CHANGED
@@ -10,6 +10,7 @@ export declare const prepareClientRequestConfig: (configuration: {
10
10
  path: string;
11
11
  parameters?: import("../types").BaseParameter[] | undefined;
12
12
  query?: import("../types").BaseParameter[] | undefined;
13
+ cookies?: import("../types").BaseParameter[] | undefined;
13
14
  headers?: import("../types").BaseParameter[] | undefined;
14
15
  body?: string | undefined;
15
16
  formData?: import("../types").BaseParameter[] | undefined;
package/dist/helpers/prepareClientRequestConfig.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"prepareClientRequestConfig.d.ts","sourceRoot":"","sources":["../../src/helpers/prepareClientRequestConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAW9D,eAAO,MAAM,0BAA0B,kBAAmB;IACxD,OAAO,EAAE,mBAAmB,CAAA;IAC5B,SAAS,EAAE,SAAS,CAAA;CACrB;;;;;;;;;;;CAwCA,CAAA"}
1
+ {"version":3,"file":"prepareClientRequestConfig.d.ts","sourceRoot":"","sources":["../../src/helpers/prepareClientRequestConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAG9D,eAAO,MAAM,0BAA0B,kBAAmB;IACxD,OAAO,EAAE,mBAAmB,CAAA;IAC5B,SAAS,EAAE,SAAS,CAAA;CACrB;;;;;;;;;;;;CAwCA,CAAA"}
package/dist/helpers/sendRequest.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sendRequest.d.ts","sourceRoot":"","sources":["../../src/helpers/sendRequest.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAkB,aAAa,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAUhF;;GAEG;AACH,wBAAsB,WAAW,CAC/B,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,CAAC,EAAE,MAAM,GAChB,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC,CAuF/B"}
1
+ {"version":3,"file":"sendRequest.d.ts","sourceRoot":"","sources":["../../src/helpers/sendRequest.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAGV,aAAa,EACb,iBAAiB,EAClB,MAAM,UAAU,CAAA;AAUjB;;GAEG;AACH,wBAAsB,WAAW,CAC/B,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,CAAC,EAAE,MAAM,GAChB,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC,CAoH/B"}
package/dist/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  export { ApiClient } from './components/ApiClient';
2
2
  export * from './helpers';
3
3
  export * from './stores/apiClientStore';
4
- export * from './stores/apiClientRequestStore';
4
+ export * from './stores/requestStore';
5
5
  export * from './types';
6
6
  export * from './fixtures';
7
7
  //# sourceMappingURL=index.d.ts.map
package/dist/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAElD,cAAc,WAAW,CAAA;AACzB,cAAc,yBAAyB,CAAA;AACvC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAElD,cAAc,WAAW,CAAA;AACzB,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA"}
package/dist/index.js CHANGED
@@ -3,7 +3,7 @@
3
3
  try {
4
4
  if (typeof document != "undefined") {
5
5
  var elementStyle = document.createElement("style");
6
- elementStyle.appendChild(document.createTextNode("@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900');@import url('https://fonts.googleapis.com/css?family=JetBrains%20Mono');\n\n:root {\n --default-theme-border-width: 1px;\n --default-theme-radius: 3px;\n --default-theme-radius-lg: 6px;\n --default-theme-radius-xl: 8px;\n\n --default-theme-header-height: 50px;\n --default-theme-sidebar-width: 250px;\n --default-theme-toc-width: 250px;\n\n /* TYPOGRAPHY ------------------------------------ */\n --default-theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',\n Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n --default-theme-font-code: 'JetBrains Mono';\n\n /** Font sizes for rendered text content (editor styles or static content) */\n --default-theme-heading-1: 40px; /* Editor Page heading */\n --default-theme-page-description: 24px;\n --default-theme-heading-2: 24px; /* Editor section headings */\n --default-theme-heading-3: 20px;\n --default-theme-heading-4: 16px;\n --default-theme-heading-5: 16px;\n --default-theme-heading-6: 16px;\n\n --default-theme-paragraph: 16px;\n --default-theme-small: 14px;\n --default-theme-mini: 13px;\n --default-theme-micro: 12px;\n --default-theme-bold: 600;\n --default-theme-semibold: 500;\n --default-theme-regular: 400;\n\n /* Font sizes for interactive applications (not rendered text content) */\n --default-theme-font-size-1: 24px;\n --default-theme-font-size-2: 16px;\n --default-theme-font-size-3: 14px;\n --default-theme-font-size-4: 13px;\n --default-theme-font-size-5: 12px;\n\n --default-theme-line-height-1: 32px;\n --default-theme-line-height-2: 24px;\n --default-theme-line-height-3: 20px;\n --default-theme-line-height-4: 18px;\n --default-theme-line-height-5: 16px;\n\n --default-theme-font-medium: 500;\n --default-theme-font-bold: 700;\n}\n@media (max-width: 460px) {\n :root {\n --default-theme-font-size-1: 22px;\n --default-theme-font-size-2: 14px;\n --default-theme-font-size-3: 12px;\n }\n}\n@media (max-width: 720px) {\n :root {\n --default-theme-heading-1: 24px;\n --default-theme-page-description: 20px;\n }\n}\n.cm-scroller,\n.custom-scroll {\n overflow-y: scroll;\n scrollbar-color: transparent transparent;\n scrollbar-width: thin;\n -webkit-overflow-scrolling: touch;\n}\n.custom-scroll-self-contain-overflow {\n overscroll-behavior: contain;\n}\n.custom-scroll-extra-padding-right {\n padding-right: 12px !important;\n}\n@supports (-moz-appearance: none) {\n .cm-scroller,\n .custom-scroll {\n padding-right: 12px;\n }\n .custom-scroll-extra-padding-right {\n padding-right: 24px !important;\n }\n}\n.cm-scroller:hover,\n.custom-scroll:hover {\n scrollbar-color: var(\n --theme-scrollbar-color,\n var(--default-theme-scrollbar-color)\n )\n transparent;\n}\n.cm-scroller:hover::-webkit-scrollbar-thumb,\n.custom-scroll:hover::-webkit-scrollbar-thumb {\n background: var(\n --theme-scrollbar-color,\n var(--default-theme-scrollbar-color)\n );\n background-clip: content-box;\n border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb:active,\n.custom-scroll::-webkit-scrollbar-thumb:active {\n background: var(\n --theme-scrollbar-color-active,\n var(--default-theme-scrollbar-color-active)\n );\n background-clip: content-box;\n border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-corner,\n.custom-scroll::-webkit-scrollbar-corner {\n background: transparent;\n}\n.cm-scroller::-webkit-scrollbar,\n.custom-scroll::-webkit-scrollbar {\n height: 12px;\n width: 12px;\n}\n.cm-scroller::-webkit-scrollbar-track,\n.custom-scroll::-webkit-scrollbar-track {\n background: transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb,\n.custom-scroll::-webkit-scrollbar-thumb {\n border-radius: 20px;\n background: transparent;\n background-clip: content-box;\n border: 3px solid transparent;\n}\n@media (pointer: coarse) {\n .cm-scroller,\n .custom-scroll {\n padding-right: 12px;\n }\n .custom-scroll-extra-padding-right {\n padding-right: 24px !important;\n }\n}\n\n.modal-layout[data-v-30a935b0] {\n position: fixed;\n width: 100vw;\n height: 100vh;\n top: 0;\n left: 0;\n z-index: 1001;\n background: rgba(0, 0, 0, 0.44);\n padding: 20px;\n opacity: 0;\n animation: modal-fade-30a935b0 0.2s forwards;\n}\n.modal-body[data-v-30a935b0] {\n padding: 24px 12px 18px 24px;\n max-height: calc(100vh - 240px);\n background: var(--theme-background-1, var(--default-theme-background-1));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n font-family: var(--theme-font, var(--default-theme-font));\n}\n.modal[data-v-30a935b0] {\n margin: 80px auto 0;\n position: relative;\n background: var(--theme-background-2, var(--default-theme-background-2));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n text-align: left;\n line-height: 1.4;\n opacity: 0;\n transform: scale(0.98);\n animation: modal-pop-30a935b0 0.15s 0.15s forwards;\n display: flex;\n flex-direction: column;\n}\n.modal-content-history[data-v-30a935b0] {\n background: var(--theme-background-1, var(--default-theme-background-1));\n}\n.modal-content-history[data-v-30a935b0],\n.modal-content-large[data-v-30a935b0] {\n max-width: 800px;\n}\n.modal-content-normal[data-v-30a935b0] {\n max-width: 640px;\n}\n.modal-content-small[data-v-30a935b0] {\n max-width: 480px;\n}\n@keyframes modal-fade-30a935b0 {\nfrom {\n opacity: 0;\n}\nto {\n opacity: 1;\n}\n}\n@keyframes modal-pop-30a935b0 {\n0% {\n opacity: 0;\n}\n100% {\n opacity: 1;\n transform: scale(1);\n}\n}\n.modal-header[data-v-30a935b0] {\n padding: 12px 24px;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-font-size-4, var(--default-theme-font-size-4));\n text-align: left;\n font-weight: 600;\n margin: 0;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg)) 0 0;\n}\n.modal-content-history .modal-header[data-v-30a935b0] {\n padding-bottom: 0;\n padding-top: 24px;\n}\n.modal-content-history .modal-body[data-v-30a935b0] {\n padding-top: 12px;\n}\n.modal-content-search[data-v-30a935b0] {\n max-width: 540px;\n}\n.modal-content-search .modal-body[data-v-30a935b0] {\n padding: 0;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n max-height: 440px;\n}\n\n.navtable-mock {\n background-repeat: repeat;\n width: 100%;\n background-size: 31px 31px;\n background-position: center 1px;\n flex: 1;\n position: relative;\n z-index: 0;\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n background: repeating-linear-gradient(\n var(--default-theme-background-1),\n var(--default-theme-background-1) 34.8px,\n var(--default-theme-border-color) 34.8px,\n var(--default-theme-border-color) 35.8px\n );\n}\n.navtable-mock .navtable-item {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n background: transparent;\n box-shadow: none;\n}\n.radio {\n height: 10px;\n width: 10px;\n background: transparent;\n border: var(--border, var(--default-border));\n flex-shrink: 0;\n margin-right: 6px;\n margin-left: 0;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n outline: none;\n}\n.radio:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n cursor: pointer;\n}\n.navtable-item__active:before {\n content: '';\n display: block;\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1)) !important;\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n}\n.navtable-item__active + .navtable-item {\n /* box-shadow: none; */\n}\n.radio.post {\n background: var(--theme-color-green, var(--default-theme-color-green));\n}\n.radio.delete {\n background: var(--theme-color-red, var(--default-theme-color-red));\n}\n.radio.patch {\n background: var(--theme-color-yellow, var(--default-theme-color-yellow));\n}\n.radio.get {\n background: var(--theme-color-blue, var(--default-theme-color-blue));\n}\n.radio.put {\n background: var(--theme-color-orange, var(--default-theme-color-orange));\n}\n.navtable-item-request span {\n border: none;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n display: block;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.navtable-item-request span em {\n text-transform: uppercase;\n font-style: normal;\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n font-size: var(--theme-micro, var(--default-theme-micro));\n margin-right: 6px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n\n.request-method-select[data-v-bd1dfcca] {\n position: relative;\n display: flex;\n}\n.request-method-select select[data-v-bd1dfcca] {\n border: none;\n outline: none;\n cursor: pointer;\n background: var(--theme-background-3, var(--default-theme-background-3));\n box-shadow: -2px 0 0 0\n var(--theme-background-3, var(--default-theme-background-3));\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n appearance: none;\n}\n.request-method-select select[disabled][data-v-bd1dfcca] {\n pointer-events: none;\n}\n.request-method[data-v-bd1dfcca] {\n display: flex;\n align-items: center;\n color: var(--theme-color-3, var(--default-theme-color-3));\n appearance: none;\n -webkit-appearance: none;\n padding: 0 12px;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n}\n.request-method span[data-v-bd1dfcca] {\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n font-size: 500;\n font-size: var(--theme-micro, var(--default-theme-micro));\n text-transform: uppercase;\n display: flex;\n align-items: center;\n}\n.request-method:not(.request-method--disabled) span[data-v-bd1dfcca]:after {\n content: '';\n width: 7px;\n height: 7px;\n transform: rotate(45deg) translate3d(-2px, -2px, 0);\n display: block;\n margin-left: 6px;\n box-shadow: 1px 1px 0 currentColor;\n}\n.request-method i[data-v-bd1dfcca] {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n margin-right: 6px;\n text-align: center;\n line-height: 18px;\n font-style: normal;\n flex-shrink: 0;\n display: inline-block;\n color: var(--theme-color-disabled, var(--default-theme-color-disabled));\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n}\n\n.loader[data-v-65f9c663] {\n position: absolute;\n z-index: 3;\n height: 2px;\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n animation: loading-65f9c663 5s cubic-bezier(0, 0.5, 0.25, 1);\n}\n@keyframes loading-65f9c663 {\n0% {\n width: 0;\n}\n100% {\n width: 100%;\n}\n}\n.scalar-api-client__address-bar[data-v-65f9c663] {\n width: 100%;\n padding: 12px 12px 10px 12px;\n display: flex;\n align-items: center;\n position: relative;\n background: var(--theme-background-1, var(--default-theme-background-1));\n}\n.scalar-api-client__url-form[data-v-65f9c663] {\n display: flex;\n width: 100%;\n align-items: stretch;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__field[data-v-65f9c663] {\n border-right: 0;\n background: var(--theme-background-2, var(--default-theme-background-2));\n border-radius: var(--theme-radius, var(--default-theme-radius)) 0 0\n var(--theme-radius, var(--default-theme-radius));\n display: flex;\n align-items: stretch;\n width: 100%;\n overflow: hidden;\n min-height: 31px;\n}\n.scalar-api-client__address-bar-data[data-v-65f9c663] {\n width: 100%;\n}\n.scalar-api-client__address-bar-data-meta[data-v-65f9c663] {\n display: flex;\n margin-top: 5px;\n}\n.scalar-api-client__request-type[data-v-65f9c663] {\n display: flex;\n align-items: center;\n color: var(--theme-color-3, var(--default-theme-color-3));\n appearance: none;\n -webkit-appearance: none;\n padding: 0 12px;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n}\n.scalar-api-client__request-type span[data-v-65f9c663] {\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n font-size: var(--theme-micro, var(--default-theme-micro));\n text-transform: uppercase;\n}\n.scalar-api-client__request-type svg[data-v-65f9c663] {\n margin-left: 6px;\n width: 8px;\n}\n.scalar-api-client__request-type i[data-v-65f9c663] {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n margin-right: 6px;\n text-align: center;\n line-height: 18px;\n font-style: normal;\n flex-shrink: 0;\n display: inline-block;\n color: var(--theme-color-3, var(--default-theme-color-3));\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n}\n.meta-request-break[data-v-65f9c663] {\n margin: 0 5px;\n}\n.scalar-api-client__history[data-v-65f9c663] {\n appearance: none;\n -webkit-appearance: none;\n background: transparent;\n color: var(--theme-color-2, var(--default-theme-color-2));\n display: flex;\n align-items: center;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n height: 100%;\n}\n.scalar-api-client__send-request-button[type='submit'][data-v-65f9c663] {\n font-size: var(--theme-micro, var(--default-theme-micro));\n letter-spacing: 0.25px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: white;\n border: none;\n white-space: nowrap;\n padding: 0 12px;\n text-transform: uppercase;\n cursor: pointer;\n outline: none;\n font-family: (--theme-font, var(--default-theme-font));\n border-radius: 0 var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius)) 0;\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n );\n position: relative;\n /** #087f5b */\n display: flex;\n align-items: center;\n overflow: hidden;\n flex-shrink: 0;\n}\n.scalar-api-client__send-request-button[data-v-65f9c663]:before {\n content: '';\n position: absolute;\n top: -5%;\n left: -5%;\n width: 110%;\n height: 110%;\n pointer-events: none;\n cursor: pointer;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));\n}\n.scalar-api-client__send-request-button[data-v-65f9c663]:hover:before {\n background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));\n}\n.scalar-api-client__send-request-button svg[data-v-65f9c663] {\n width: 12px;\n height: 12px;\n flex-shrink: 0;\n margin-right: 6px;\n position: relative;\n}\n.scalar-api-client__send-request-button span[data-v-65f9c663] {\n position: relative;\n}\n@media screen and (max-width: 720px) {\n.scalar-api-client__history-toggle span[data-v-65f9c663],\n .scalar-api-client__send-request-button span[data-v-65f9c663] {\n display: none;\n}\n.scalar-api-client__history-toggle svg[data-v-65f9c663],\n .scalar-api-client__send-request-button svg[data-v-65f9c663] {\n margin-right: 0;\n}\n}\n.scalar-api-client__send-request-button[disabled][data-v-65f9c663] {\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n background: var(--theme-background-3, var(--default-theme-background-3));\n border: 1px solid var(--default-theme-border-color);\n}\n.scalar-api-client__history-toggle[data-v-65f9c663] {\n padding: 0 12px;\n line-height: 30px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-size: var(--theme-micro, var(--default-theme-micro));\n letter-spacing: 0.125px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n text-transform: uppercase;\n height: 100%;\n display: flex;\n align-items: center;\n cursor: pointer;\n white-space: nowrap;\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n margin-left: 12px;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n user-select: none;\n}\n.scalar-api-client__history-toggle[data-v-65f9c663]:hover {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__history-toggle svg[data-v-65f9c663] {\n height: 13px;\n width: 13px;\n margin-right: 6px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.scalar-api-client__address-bar-close[data-v-65f9c663] {\n fill: var(--theme-color-3, var(--default-theme-color-3));\n margin-left: 12px;\n height: 24px;\n}\n.scalar-api-client__address-bar-close[data-v-65f9c663]:hover {\n cursor: pointer;\n fill: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__content[data-v-65f9c663] {\n width: 640px;\n height: 100%;\n background: var(--theme-background-1, var(--default-theme-background-1));\n position: fixed;\n top: 0;\n right: 0;\n z-index: 1000;\n transform: translate3d(640px, 0, 0);\n opacity: 0;\n transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),\n opacity 0.01s ease-in-out 0.5s;\n pointer-events: none;\n}\n.scalar-api-client__address-bar-content-item[data-v-65f9c663] {\n height: 100vh;\n max-height: 100vh;\n overflow: auto;\n}\n.scalar-api-client__address-bar__on[data-v-65f9c663] {\n z-index: 100000;\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__content[data-v-65f9c663] {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n pointer-events: all;\n transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__close[data-v-65f9c663] {\n opacity: 1;\n pointer-events: all;\n cursor: pointer;\n}\n.scalar-api-client__address-bar .navtable-item__active[data-v-65f9c663] {\n background: var(--theme-background-2, var(--default-theme-background-2));\n cursor: default;\n}\n.scalar-api-client__address-bar .navtable-item__active .radio[data-v-65f9c663]:before {\n display: none;\n}\n.navigation-back[data-v-65f9c663] {\n stroke: var(--theme-color-2, var(--default-theme-color-2));\n cursor: pointer;\n}\n.navigation-back[data-v-65f9c663]:hover {\n stroke: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__close[data-v-65f9c663] {\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n /* background: rgba(0,0,0,.55);\n */\n pointer-events: none;\n opacity: 0;\n transition: all 0.1s ease-in-out;\n z-index: 1000;\n}\n.navtable-item-time[data-v-65f9c663] {\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n text-transform: capitalize;\n padding: 0 9px;\n}\n\n.scalar-api-client__item {\n border-radius: var(--theme-radius, var(--default-theme-radius));\n margin-bottom: 6px;\n position: relative;\n}\n.scalar-api-client__item button {\n background-color: transparent;\n text-align: left;\n}\n.scalar-api-client__item:hover {\n cursor: pointer;\n}\n.scalar-api-client__toggle:after {\n content: '';\n position: absolute;\n bottom: -6.5px;\n width: 100%;\n height: 6px;\n left: 0;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle:after {\n display: none;\n}\n.scalar-api-client__item:hover,\n.scalar-api-client__item--open {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__item--open .scalar-api-client__item__content {\n display: flex;\n}\n.scalar-api-client__item--open:hover {\n cursor: default;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle__icon {\n transform: rotate(90deg);\n}\n.scalar-api-client__toggle {\n padding: 6px;\n min-height: 37px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n position: relative;\n width: 100%;\n appearance: none;\n outline: 0;\n border: none;\n font-family: (--theme-font, var(--default-theme-font));\n cursor: pointer;\n}\n.scalar-api-client__item .scalar-api-client__item__title {\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-small, var(--default-theme-small));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-family: (--theme-font, var(--default-theme-font));\n user-select: none;\n flex: 1;\n position: relative;\n z-index: 1;\n}\n.scalar-api-client__item .scalar-api-client__toggle__icon {\n width: 10px;\n margin-right: 6px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n z-index: 1;\n position: relative;\n}\n.scalar-api-client__toggle:hover .scalar-api-client__toggle__icon {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__options {\n position: relative;\n z-index: 1;\n}\n.scalar-api-client__item__options span {\n background: transparent;\n padding: 2px 0;\n border-radius: 3px;\n font-size: var(--theme-small, var(--default-theme-small));\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.scalar-api-client__item__options:hover span {\n color: var(--theme-color-1, var(--default-theme-color-1));\n border-color: currentColor;\n}\n.scalar-api-client__item__options span svg {\n width: 15px;\n height: 15px;\n margin-left: 3px;\n}\n.scalar-api-client__item__options select {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: pointer;\n}\n.scalar-api-client__item__content .scalar-api-client__codemirror__wrapper {\n padding-top: 0;\n}\n\n.table {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n background: transparent;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n width: 100%;\n}\n.table-row {\n border-bottom: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n display: flex;\n position: relative;\n}\n.table-row__add {\n border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg));\n border-bottom: none;\n}\n.table-row.required-parameter .table-row-item:nth-of-type(2):after {\n content: 'Required';\n position: absolute;\n top: 4px;\n right: 0;\n padding: 5px 9px 5px 6px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: var(--theme-background-2, var(--default-theme-background-2));\n box-shadow: -2px 0 4px\n var(--theme-background-2, var(--default-theme-background-2));\n}\n.table-row.required-parameter\n .table-row-item:nth-of-type(2):focus-within:after {\n display: none;\n}\n.table-row:last-of-type {\n border-bottom: none;\n}\n.table-row__active {\n border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.table-row-drag {\n width: 20px;\n flex-shrink: 0;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n align-items: center;\n justify-content: center;\n display: none;\n}\n.table-row-drag svg {\n width: 6px;\n fill: var(--theme-color-3, var(--default-theme-color-3));\n}\n.table-row-drag .table-row-drag-add {\n width: 8px;\n}\n.table-row-item {\n width: 100%;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n}\n.table-row-item-menu {\n position: absolute;\n right: 6px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n width: 24px;\n height: 24px;\n top: 50%;\n transform: translate3d(0, -50%, 0);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n cursor: pointer;\n}\n.table-row-item input:focus + .table-row-item-menu,\n.table-row-item:hover .table-row-item-menu {\n opacity: 1;\n}\n.table-row-item-menu svg {\n height: 12px;\n width: initial;\n fill: var(--theme-color-3, var(--default-theme-color-3));\n}\n.table-row-item-menu:hover svg {\n fill: var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row-item input {\n border: none;\n appearance: none;\n outline: none;\n padding: 9px;\n width: 100%;\n min-height: 100%;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: transparent;\n font-family: var(--theme-font, var(--default-theme-font));\n}\n.table-row-item input[disabled] {\n background: transparent;\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n}\n.table-row-item input:focus {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row-item label {\n background: transparent;\n text-transform: uppercase;\n display: block;\n padding: 9px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.table-row-meta {\n overflow: hidden;\n flex-shrink: 0;\n transition: all 0.15s ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 51px;\n user-select: none;\n}\n.table-row-meta-check {\n width: 18px;\n height: 18px;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n background: rgba(47, 177, 228, 0.1);\n}\n.table-row-meta svg {\n width: 13px;\n height: 13px;\n margin: 0 1px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n cursor: pointer;\n}\n.table-row-meta svg:hover {\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.meta-check {\n display: flex;\n position: relative;\n cursor: pointer;\n align-items: center;\n font-size: var(--theme-micro, var(--default-theme-micro));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n user-select: none;\n margin: 0 1px;\n transition: all 0.15s ease-in-out;\n}\n.meta-check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.meta-checkmark {\n height: 17px;\n width: 17px;\n background: var(--theme-background-3, var(--default-theme-background-3));\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.meta-checkmark:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.meta-check:focus-within .meta-checkmark {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.meta-check .meta-checkmark:after {\n content: '';\n display: none;\n width: 5px;\n height: 8px;\n border: solid var(--theme-color-1, var(--default-theme-color-1));\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.meta-check input:checked ~ .meta-checkmark:after {\n display: block;\n}\n.meta-check input:checked ~ .meta-checkmark:hover {\n background: transparent;\n}\n\n.navtable {\n width: 100%;\n}\n.navtable-follow {\n background-color: black;\n color: white;\n font-size: 9px;\n padding: 6px;\n display: -webkit-box;\n max-width: 250px;\n -webkit-line-clamp: 12;\n border-radius: 3px;\n -webkit-box-orient: vertical;\n overflow: hidden;\n line-height: 1.24;\n transform: translate3d(10px, 0, 0);\n}\n.navtable-follow:after {\n content: '';\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 6px;\n background-color: black;\n}\n.navtable-follow * {\n font-family: var(\n --theme-font-code,\n var(--default-theme-font-code)\n ) !important;\n}\n.navtable-table {\n position: relative;\n display: flex;\n flex-direction: column;\n min-height: 389px;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-radios {\n z-index: 1;\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item {\n display: flex;\n position: relative;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-micro, var(--default-theme-micro));\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.navtable-item:first-of-type {\n border-top: none;\n}\n.navtable-item > div {\n word-wrap: break-word;\n}\n.navtable-item > div:not(:first-child) {\n border-left: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action {\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n background: var(\n --scalar-api-client-bg3,\n var(--default-scalar-api-client-bg3)\n );\n border: none;\n border-radius: 30px;\n appearance: none;\n max-height: 25px;\n margin-left: 12px;\n margin-right: 6px;\n padding: 4px 8px;\n outline: none;\n cursor: pointer;\n opacity: 0;\n transition: opacity 0.15s ease-in-out;\n white-space: nowrap;\n position: relative;\n}\n.navtable-item-action:hover {\n color: var(--theme-color-1, var(--default-theme-color-1));\n background: var(\n --scalar-api-client-gradient,\n var(--default-scalar-api-client-gradient)\n );\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action:focus {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item:hover,\n.navtable-item:focus-within .navtable-item-action {\n opacity: 1;\n}\n.navtable-item-add {\n display: flex;\n align-items: center;\n padding: 9px;\n font-weight: var(--theme-bold, var(--default-theme-bold));\n outline: none;\n border: none;\n appearance: none;\n background: transparent;\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.navtable-item-add:hover {\n background: var(--theme-background-2, var(--default-theme-background-2));\n cursor: pointer;\n}\n.navtable-item-25 {\n width: 25%;\n font-size: var(--theme-micro, var(--default-theme-micro));\n display: flex;\n align-items: center;\n}\n.navtable-item-33 {\n width: 33.33333%;\n display: flex;\n font-size: var(--theme-micro, var(--default-theme-micro));\n align-items: center;\n}\n.navtable-item-66 {\n width: 66.6666%;\n display: flex;\n font-size: var(--theme-micro, var(--default-theme-micro));\n align-items: center;\n}\n.navtable-item-75 {\n width: 75%;\n display: flex;\n align-items: center;\n}\n.navtable-item-75:focus-within {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-40 {\n width: 40%;\n display: flex;\n align-items: center;\n padding: 9px;\n}\n.navtable-item-20 {\n width: 20%;\n display: flex;\n align-items: center;\n padding: 9px;\n}\n.navtable-item-50 {\n width: 50%;\n display: flex;\n align-items: center;\n}\n.navtable-item-50:focus-within {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item p {\n padding: 9px;\n}\n.navtable-item input {\n padding: 12px 6px;\n border: none;\n outline: none;\n appearance: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n background: transparent;\n width: 100%;\n}\n.navtable-item input:focus {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-select {\n position: relative;\n}\n.navtable-item-select select {\n background: transparent;\n outline: none;\n border: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n appearance: none;\n width: 100%;\n padding: 12px 6px;\n top: 0;\n position: relative;\n cursor: pointer;\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.navtable-item-select svg {\n position: absolute;\n right: 6px;\n color: var(--theme-color-ghost, var(--default-theme-color-ghost));\n width: 6px;\n top: 12px;\n pointer-events: none;\n}\n.navtable-item .option {\n padding: 12px 6px;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n}\n.navtable-item label {\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n text-transform: uppercase;\n display: block;\n width: 100%;\n}\n.navtable-item-response {\n padding: 0 9px;\n}\n.navtable-item-response span {\n font-size: var(--theme-micro, var(--default-theme-micro));\n display: flex;\n align-items: center;\n margin-right: 9px;\n min-width: 40px;\n}\n.scalar-api-client__status--1xx:before,\n.scalar-api-client__status--2xx:before,\n.scalar-api-client__status--3xx:before,\n.scalar-api-client__status--4xx:before,\n.scalar-api-client__status--5xx:before,\n.scalar-api-client__status--6xx:before {\n content: '';\n width: 10px;\n height: 10px;\n border-radius: 50%;\n margin-right: 4px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__status--2xx:before {\n background: var(--theme-color-green, var(--default-theme-color-green));\n}\n.scalar-api-client__status--3xx:before {\n background: var(--theme-color-orange, var(--default-theme-color-orange));\n}\n.scalar-api-client__status--4xx:before {\n background: var(--theme-color-red, var(--default-theme-color-red));\n}\n.navtable-item-response span:empty {\n display: none;\n}\n.simpletable.navtable {\n padding: 0;\n}\n.simpletable.navtable .navtable-item-66,\n.simpletable.navtable .navtable-item-33 {\n display: block;\n}\n.simpletable.navtable .navtable-table {\n height: fit-content;\n}\n.meta-delete {\n position: absolute;\n right: -9px;\n background: var(\n --theme-background-3,\n var(--default-theme-background-3)\n ) !important;\n height: 20px;\n width: 20px;\n border: none;\n outline: none;\n border-radius: 50%;\n opacity: 0;\n padding: 5px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n}\n.meta-delete svg {\n width: 11px;\n height: 11px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.meta-delete:hover svg {\n color: var(--theme-color-red, var(--default-theme-color-red));\n}\n.meta-delete:focus svg {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.meta-delete:focus {\n border-color: var(--theme-color-1, var(--default-theme-color-1));\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row:hover .meta-delete {\n opacity: 1;\n}\n@media (pointer: coarse) {\n.table-row:hover .meta-delete {\n opacity: 1;\n}\n}\n.meta-add {\n border: none;\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n appearance: none;\n padding: 9px;\n width: 100%;\n appearance: none;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-family: var(--theme-font, var(--default-theme-font));\n color: var(--theme-color-3, var(--default-theme-color-3));\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.meta-add svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.meta-add:hover,\n.meta-add:focus {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n\n.scalar-api-client-add {\n color: var(--theme-color-2, var(--default-theme-color-2));\n padding: 6px;\n width: fit-content;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n cursor: pointer;\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n margin: 0 6px;\n border: none;\n font-family: var(--theme-font);\n appearance: none;\n display: flex;\n align-items: center;\n}\n.scalar-api-client-add svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.scalar-api-client-add:hover {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client-add:focus-within {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n\n.scalar-api-client__main__left {\n width: 50%;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n padding: 0 6px 12px 18px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__left {\n width: 100%;\n border-right: none;\n padding: 0 0 12px 12px;\n}\n}\n.scalar-api-client__item__content {\n flex-flow: wrap;\n padding: 3px 9px 9px 9px;\n border-radius: 3px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-size: var(--theme-micro, var(--default-theme-micro));\n margin-top: -3px;\n justify-content: space-between;\n overflow: auto;\n}\n.scalar-api-client__item__content .scalar-api-client__codemirror__wrapper {\n min-height: 63px;\n}\n.scalar-api-client__item__content .cm-s-default {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__item__content .scalar-api-client__item__content--code {\n width: 100%;\n max-height: calc(100vh - 200px);\n overflow: auto;\n}\n.scalar-api-client__item__content .cm-scroller {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: 3px;\n}\n.scalar-api-client__item__content .cm-editor {\n outline: none !important;\n}\n.scalar-api-client__item__content .cm-editor .cm-gutters {\n background: transparent;\n}\n.scalar-api-client__item__content .cm-scroll {\n background: transparent;\n}\n.scalar-api-client__item__content .cm-editor * {\n font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.scalar-api-client__item__content .cm-editor .cm-line {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__content-button {\n appearance: none;\n border: none;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n ) !important;\n text-align: center;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-family: var(--theme-font, var(--default-theme-font));\n padding: 6px;\n width: fit-content;\n margin: 3px 3px 3px auto;\n text-transform: uppercase;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n color: white;\n cursor: pointer;\n text-align: center !important;\n position: relative;\n}\n.scalar-api-client__item__content-button span {\n position: relative;\n}\n.scalar-api-client__item__content-button:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n cursor: pointer;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));\n}\n.scalar-api-client__item__content-button:hover:before {\n background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));\n}\n.scalar-api-client__item__content__split {\n justify-content: space-between;\n}\n.scalar-collapsible-section-flex {\n width: 100%;\n}\n.input {\n background: transparent;\n position: relative;\n width: 100%;\n text-align: left;\n display: flex;\n box-shadow: 0 1px 0\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.input:focus-within {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1)) !important;\n z-index: 10;\n}\n.input:first-of-type {\n border-radius: var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius)) 0 0;\n}\n.input:first-child:last-child {\n border-radius: var(--theme-radius, var(--default-theme-radius));\n}\n.input:last-child {\n box-shadow: none;\n border-radius: 0 0 var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius));\n}\n.input__half:first-of-type {\n border-radius: var(--theme-radius, var(--default-theme-radius)) 0 0 0;\n}\n.input__half:nth-of-type(2) {\n border-radius: 0 var(--theme-radius, var(--default-theme-radius)) 0 0;\n}\n.authentication-form {\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius, var(--default-theme-radius));\n width: 100%;\n display: flex;\n flex-flow: wrap;\n}\n.input__half {\n width: 50%;\n}\n.input__half + .input__half {\n border-left: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.input__half:focus-within {\n border-color: transparent;\n}\n.input label,\n.input input {\n padding: 9px;\n border: 0;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-2, var(--default-theme-color-2));\n width: 100%;\n background: transparent;\n appearance: none;\n -webkit-appearance: none;\n left: 0;\n}\n.input label {\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: fit-content;\n padding-right: 0;\n white-space: nowrap;\n cursor: text;\n}\n.input input {\n position: relative;\n z-index: 99;\n}\n.input input:not(:placeholder-shown) + label {\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.select {\n background: --theme-background-1;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n font-size: var(--theme-micro, var(--default-theme-micro));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n width: 100%;\n position: relative;\n margin-bottom: 6px;\n}\n.select:focus-within {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select svg {\n position: absolute;\n right: 9px;\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n width: 6px;\n top: 10px;\n}\n.select label {\n display: block;\n font-size: 10px;\n color: var(--theme-color-2, var(--default-theme-color-2));\n position: absolute;\n left: 9px;\n top: 6px;\n}\n.select select {\n background: transparent;\n outline: none;\n border: none;\n -webkit-appearance: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n appearance: none;\n width: 100%;\n padding: 14px 9px 4px 9px;\n top: 0;\n position: relative;\n cursor: pointer;\n}\n.check {\n display: flex;\n position: relative;\n cursor: pointer;\n align-items: center;\n font-size: var(--theme-micro, var(--default-theme-micro));\n padding: 6px 9px;\n border-radius: 0 0 var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius));\n user-select: none;\n width: 100%;\n outline: none;\n}\n.check:focus-within {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.checkmark:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.check:focus-within {\n border-color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.check p {\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.checkmark {\n height: 17px;\n width: 17px;\n background: var(--theme-background-3, var(--default-theme-background-3));\n margin-right: 10px;\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.check input:checked ~ p {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.check .checkmark:after {\n content: '';\n display: none;\n width: 5px;\n height: 8px;\n border: solid var(--theme-color-1, var(--default-theme-color-1));\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.check input:checked ~ .checkmark:after {\n display: block;\n}\n.scalar-api-client__main__scroll-container {\n height: calc(100vh - 320px);\n}\n.scalar-api-client__request-name {\n outline: none;\n border: none;\n appearance: none;\n -webkit-appearance: none;\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-size: var(--theme-small, var(--default-theme-small));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: var(--theme-color-3, var(--default-theme-color-3));\n width: 100%;\n padding: 0;\n background: transparent;\n font-family: var(--theme-font, var(--default-theme-font));\n}\n.scalar-api-client__request-name::-webkit-input-placeholder {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.scalar-api-client__request-name:-ms-input-placeholder {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.scalar-api-client__request-name::placeholder {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\na[data-v-4e87b5c7] {\n text-decoration: underline;\n text-decoration-color: var(\n --theme-border-color,\n var(--default-theme-border-color)\n );\n text-underline-offset: 2px;\n cursor: help;\n}\n\n.simple-cell[data-v-b99d5e90] {\n all: unset;\n display: table-cell;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n padding: 9px !important;\n color: var(--theme-color-1, var(--default-theme-color-1));\n white-space: nowrap;\n}\n.simple-cell a[data-v-b99d5e90] {\n color: var(--theme-color-1, var(--default-theme-color-1)) !important;\n}\n.simple-cell[data-v-b99d5e90]:last-of-type {\n border-right: none;\n}\n.simple-cell.wrap[data-v-b99d5e90] {\n white-space: normal;\n}\n.simple-cell.strong[data-v-b99d5e90] {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\n.simple-header[data-v-6bd3700b] {\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n text-transform: uppercase;\n}\n\n.simple-row[data-v-e7e681a1] {\n all: unset;\n display: table-row;\n box-shadow: 0 -1px var(--theme-border-color, var(--default-theme-border-color));\n}\n.simple-row[data-v-e7e681a1]:first-of-type {\n box-shadow: none;\n}\n\n.simple-table[data-v-8f53a32f] {\n all: unset;\n display: table;\n width: 100%;\n border-spacing: 0;\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius, var(--default-theme-radius));\n}\n\n.scalar-api-client__main__right {\n width: 50%;\n padding: 0 6px 12px 18px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__right {\n width: 100%;\n border-right: none;\n padding: 0 0 12px 12px;\n}\n}\n.scalar-api-client__main__right :deep(.scalar-copilot__header-button) {\n position: absolute;\n top: 6px;\n right: 12px;\n}\n\n.scalar-api-client,\n#headlessui-portal-root {\n background: var(--theme-background-1, var(--default-theme-background-1));\n position: relative;\n height: 100%;\n overflow: hidden !important;\n display: flex;\n flex-direction: column;\n font-family: var(--theme-font, var(--default-theme-font));\n\n /** Make sure box-sizing is set properly. */\n box-sizing: border-box;\n*,\n *:before,\n *:after {\n box-sizing: inherit;\n}\n}\n.scalar-api-client {\n flex: 1;\n max-height: 100vh;\n}\n@media screen and (max-width: 1000px) {\n.scalar-api-client {\n width: 100%;\n}\n}\n.scalar-api-client pre {\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n}\n.scalar-api-client--post {\n --default-scalar-api-client-color: var(\n --theme-color-green,\n var(--default-theme-color-green)\n );\n --default-scalar-api-client-background: var(\n --theme-post-background,\n var(--default-theme-post-background)\n );\n}\n.scalar-api-client--delete {\n --default-scalar-api-client-color: var(\n --theme-color-red,\n var(--default-theme-color-red)\n );\n --default-scalar-api-client-background: var(\n --theme-delete-background,\n var(--default-theme-delete-background)\n );\n}\n.scalar-api-client--patch {\n --default-scalar-api-client-color: var(\n --theme-color-yellow,\n var(--default-theme-color-yellow)\n );\n --default-scalar-api-client-background: var(\n --theme-patch-background,\n var(--default-theme-patch-background)\n );\n}\n.scalar-api-client--get {\n --default-scalar-api-client-color: var(\n --theme-color-blue,\n var(--default-theme-color-blue)\n );\n --default-scalar-api-client-background: var(\n --theme-get-background,\n var(--default-theme-get-background)\n );\n}\n.scalar-api-client--put {\n --default-scalar-api-client-color: var(\n --theme-color-orange,\n var(--default-theme-color-orange)\n );\n --default-scalar-api-client-background: var(\n --theme-put-background,\n var(--default-theme-put-background)\n );\n}\n.scalar-api-client__mobile-navigation {\n padding: 12px 12px 0 12px;\n display: flex;\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n}\n.scalar-api-client__mobile-navigation__toggle {\n appearance: none;\n border: none;\n outline: none;\n background: transparent;\n font-size: var(--theme-font-size-2);\n color: var(--theme-color-2);\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-family: var(--theme-font, var(--default-theme-font));\n padding: 0;\n margin-right: 9px;\n cursor: pointer;\n}\n.scalar-api-client__mobile-navigation--active {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__mobile-navigation--active:hover {\n cursor: pointer;\n}\n.scalar-api-client__main {\n display: flex;\n height: 100%;\n min-height: 0;\n background: var(--theme-background-1, var(--default-theme-background-1));\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main {\n flex-direction: column;\n}\n}\n\n/** TODO: Consider to make a Column component */\n.scalar-api-client__main__content {\n padding: 12px 6px;\n background: var(--theme-background-1, var(--default-theme-background-1));\n top: 0;\n position: sticky;\n z-index: 100;\n}\n.scalar-api-client__main__content label {\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n display: flex;\n align-items: center;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__content {\n padding: 3px 0 12px 0;\n}\n.scalar-api-client__main__content label {\n display: none;\n}\n}\n.meta {\n display: flex;\n margin-top: 3px;\n font-size: var(--theme-font-size-2, var(--default-theme-font-size-2));\n font-weight: var(--theme-font-size-2, var(--default-theme-font-size-2));\n color: var(\n --scalar-api-client-color2,\n var(--default-scalar-api-client-color2)\n );\n}\n.meta-item svg {\n fill: var(--theme-color-ghost, var(--default-theme-color-ghost));\n height: 14px;\n width: 14px;\n margin-right: 6px;\n}\n.meta-item {\n display: flex;\n align-items: center;\n margin-right: 12px;\n white-space: nowrap;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-3, var(--default-theme-color-3));\n min-height: 17px;\n}\n.meta-item__input {\n background: transparent;\n width: 100%;\n margin-right: 0;\n}\n.types {\n margin: auto;\n width: 580px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-flow: wrap;\n}\n.types-heading {\n width: 100%;\n text-align: center;\n}\n.types-heading b {\n font-size: 42px;\n}\n.types-heading p {\n margin-bottom: 20px;\n margin-top: 12px;\n font-size: 24px;\n}\n.scalar-api-client__empty-state {\n border: 1px dashed\n var(--theme-border-color, var(--default-theme-border-color));\n width: 100%;\n text-align: center;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n font-size: var(--theme-small, var(--default-theme-small));\n min-height: 58px;\n display: flex;\n align-items: center;\n justify-content: center;\n}"));
6
+ elementStyle.appendChild(document.createTextNode("@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900');@import url('https://fonts.googleapis.com/css?family=JetBrains%20Mono');\n\n:root {\n --default-theme-border-width: 1px;\n --default-theme-radius: 3px;\n --default-theme-radius-lg: 6px;\n --default-theme-radius-xl: 8px;\n\n --default-theme-header-height: 50px;\n --default-theme-sidebar-width: 250px;\n --default-theme-toc-width: 250px;\n\n /* TYPOGRAPHY ------------------------------------ */\n --default-theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',\n Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n --default-theme-font-code: 'JetBrains Mono';\n\n /** Font sizes for rendered text content (editor styles or static content) */\n --default-theme-heading-1: 40px; /* Editor Page heading */\n --default-theme-page-description: 24px;\n --default-theme-heading-2: 24px; /* Editor section headings */\n --default-theme-heading-3: 20px;\n --default-theme-heading-4: 16px;\n --default-theme-heading-5: 16px;\n --default-theme-heading-6: 16px;\n\n --default-theme-paragraph: 16px;\n --default-theme-small: 14px;\n --default-theme-mini: 13px;\n --default-theme-micro: 12px;\n --default-theme-bold: 600;\n --default-theme-semibold: 500;\n --default-theme-regular: 400;\n\n /* Font sizes for interactive applications (not rendered text content) */\n --default-theme-font-size-1: 24px;\n --default-theme-font-size-2: 16px;\n --default-theme-font-size-3: 14px;\n --default-theme-font-size-4: 13px;\n --default-theme-font-size-5: 12px;\n\n --default-theme-line-height-1: 32px;\n --default-theme-line-height-2: 24px;\n --default-theme-line-height-3: 20px;\n --default-theme-line-height-4: 18px;\n --default-theme-line-height-5: 16px;\n\n --default-theme-font-medium: 500;\n --default-theme-font-bold: 700;\n}\n@media (max-width: 460px) {\n :root {\n --default-theme-font-size-1: 22px;\n --default-theme-font-size-2: 14px;\n --default-theme-font-size-3: 12px;\n }\n}\n@media (max-width: 720px) {\n :root {\n --default-theme-heading-1: 24px;\n --default-theme-page-description: 20px;\n }\n}\n.cm-scroller,\n.custom-scroll {\n overflow-y: scroll;\n scrollbar-color: transparent transparent;\n scrollbar-width: thin;\n -webkit-overflow-scrolling: touch;\n}\n.custom-scroll-self-contain-overflow {\n overscroll-behavior: contain;\n}\n.custom-scroll-extra-padding-right {\n padding-right: 12px !important;\n}\n@supports (-moz-appearance: none) {\n .cm-scroller,\n .custom-scroll {\n padding-right: 12px;\n }\n .custom-scroll-extra-padding-right {\n padding-right: 24px !important;\n }\n}\n.cm-scroller:hover,\n.custom-scroll:hover {\n scrollbar-color: var(\n --theme-scrollbar-color,\n var(--default-theme-scrollbar-color)\n )\n transparent;\n}\n.cm-scroller:hover::-webkit-scrollbar-thumb,\n.custom-scroll:hover::-webkit-scrollbar-thumb {\n background: var(\n --theme-scrollbar-color,\n var(--default-theme-scrollbar-color)\n );\n background-clip: content-box;\n border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb:active,\n.custom-scroll::-webkit-scrollbar-thumb:active {\n background: var(\n --theme-scrollbar-color-active,\n var(--default-theme-scrollbar-color-active)\n );\n background-clip: content-box;\n border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-corner,\n.custom-scroll::-webkit-scrollbar-corner {\n background: transparent;\n}\n.cm-scroller::-webkit-scrollbar,\n.custom-scroll::-webkit-scrollbar {\n height: 12px;\n width: 12px;\n}\n.cm-scroller::-webkit-scrollbar-track,\n.custom-scroll::-webkit-scrollbar-track {\n background: transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb,\n.custom-scroll::-webkit-scrollbar-thumb {\n border-radius: 20px;\n background: transparent;\n background-clip: content-box;\n border: 3px solid transparent;\n}\n@media (pointer: coarse) {\n .cm-scroller,\n .custom-scroll {\n padding-right: 12px;\n }\n .custom-scroll-extra-padding-right {\n padding-right: 24px !important;\n }\n}\n\n.modal-layout[data-v-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-1a12b502] {\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-1a12b502 5s cubic-bezier(0, 0.5, 0.25, 1);\n}\n@keyframes loading-1a12b502 {\n0% {\n width: 0;\n}\n100% {\n width: 100%;\n}\n}\n.scalar-api-client__address-bar[data-v-1a12b502] {\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-1a12b502] {\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-1a12b502] {\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-1a12b502] {\n width: 100%;\n}\n.scalar-api-client__address-bar-data-meta[data-v-1a12b502] {\n display: flex;\n margin-top: 5px;\n}\n.scalar-api-client__request-type[data-v-1a12b502] {\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-1a12b502] {\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-1a12b502] {\n margin-left: 6px;\n width: 8px;\n}\n.scalar-api-client__request-type i[data-v-1a12b502] {\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-1a12b502] {\n margin: 0 5px;\n}\n.scalar-api-client__history[data-v-1a12b502] {\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-1a12b502] {\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-1a12b502]: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-1a12b502]: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-1a12b502] {\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-1a12b502] {\n position: relative;\n}\n@media screen and (max-width: 720px) {\n.scalar-api-client__history-toggle span[data-v-1a12b502],\n .scalar-api-client__send-request-button span[data-v-1a12b502] {\n display: none;\n}\n.scalar-api-client__history-toggle svg[data-v-1a12b502],\n .scalar-api-client__send-request-button svg[data-v-1a12b502] {\n margin-right: 0;\n}\n}\n.scalar-api-client__send-request-button[disabled][data-v-1a12b502] {\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-1a12b502] {\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-1a12b502]:hover {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__history-toggle svg[data-v-1a12b502] {\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-1a12b502] {\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-1a12b502]: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-1a12b502] {\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-1a12b502] {\n height: 100vh;\n max-height: 100vh;\n overflow: auto;\n}\n.scalar-api-client__address-bar__on[data-v-1a12b502] {\n z-index: 100000;\n}\n.scalar-api-client__address-bar__on .scalar-api-client__address-bar__content[data-v-1a12b502] {\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-1a12b502] {\n opacity: 1;\n pointer-events: all;\n cursor: pointer;\n}\n.scalar-api-client__address-bar .navtable-item__active[data-v-1a12b502] {\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-1a12b502]:before {\n display: none;\n}\n.navigation-back[data-v-1a12b502] {\n stroke: var(--theme-color-2, var(--default-theme-color-2));\n cursor: pointer;\n}\n.navigation-back[data-v-1a12b502]:hover {\n stroke: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__address-bar__close[data-v-1a12b502] {\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-1a12b502] {\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n text-transform: capitalize;\n padding: 0 9px;\n}\n\n.scalar-api-client__item {\n border-radius: var(--theme-radius, var(--default-theme-radius));\n margin-bottom: 6px;\n position: relative;\n}\n.scalar-api-client__item button {\n background-color: transparent;\n text-align: left;\n}\n.scalar-api-client__item:hover {\n cursor: pointer;\n}\n.scalar-api-client__toggle:after {\n content: '';\n position: absolute;\n bottom: -6.5px;\n width: 100%;\n height: 6px;\n left: 0;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle:after {\n display: none;\n}\n.scalar-api-client__item:hover,\n.scalar-api-client__item--open {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__item--open .scalar-api-client__item__content {\n display: flex;\n}\n.scalar-api-client__item--open:hover {\n cursor: default;\n}\n.scalar-api-client__item--open .scalar-api-client__toggle__icon {\n transform: rotate(90deg);\n}\n.scalar-api-client__toggle {\n padding: 6px;\n min-height: 37px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n position: relative;\n width: 100%;\n appearance: none;\n outline: 0;\n border: none;\n font-family: (--theme-font, var(--default-theme-font));\n cursor: pointer;\n}\n.scalar-api-client__item .scalar-api-client__item__title {\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-small, var(--default-theme-small));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-family: (--theme-font, var(--default-theme-font));\n user-select: none;\n flex: 1;\n position: relative;\n z-index: 1;\n}\n.scalar-api-client__item .scalar-api-client__toggle__icon {\n width: 10px;\n margin-right: 6px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n z-index: 1;\n position: relative;\n}\n.scalar-api-client__toggle:hover .scalar-api-client__toggle__icon {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__options {\n position: relative;\n z-index: 1;\n}\n.scalar-api-client__item__options span {\n background: transparent;\n padding: 2px 0;\n border-radius: 3px;\n font-size: var(--theme-small, var(--default-theme-small));\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.scalar-api-client__item__options:hover span {\n color: var(--theme-color-1, var(--default-theme-color-1));\n border-color: currentColor;\n}\n.scalar-api-client__item__options span svg {\n width: 15px;\n height: 15px;\n margin-left: 3px;\n}\n.scalar-api-client__item__options select {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: pointer;\n}\n.scalar-api-client__item__content .scalar-api-client__codemirror__wrapper {\n padding-top: 0;\n}\n\n.table {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n background: transparent;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n width: 100%;\n}\n.table-row {\n border-bottom: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n display: flex;\n position: relative;\n}\n.table-row__add {\n border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg));\n border-bottom: none;\n}\n.table-row.required-parameter .table-row-item:nth-of-type(2):after {\n content: 'Required';\n position: absolute;\n top: 4px;\n right: 0;\n padding: 5px 9px 5px 6px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: var(--theme-background-2, var(--default-theme-background-2));\n box-shadow: -2px 0 4px\n var(--theme-background-2, var(--default-theme-background-2));\n}\n.table-row.required-parameter\n .table-row-item:nth-of-type(2):focus-within:after {\n display: none;\n}\n.table-row:last-of-type {\n border-bottom: none;\n}\n.table-row__active {\n border-radius: 0 0 var(--theme-radius-lg, var(--default-theme-radius-lg))\n var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.table-row-drag {\n width: 20px;\n flex-shrink: 0;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n align-items: center;\n justify-content: center;\n display: none;\n}\n.table-row-drag svg {\n width: 6px;\n fill: var(--theme-color-3, var(--default-theme-color-3));\n}\n.table-row-drag .table-row-drag-add {\n width: 8px;\n}\n.table-row-item {\n width: 100%;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n}\n.table-row-item-menu {\n position: absolute;\n right: 6px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n width: 24px;\n height: 24px;\n top: 50%;\n transform: translate3d(0, -50%, 0);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n cursor: pointer;\n}\n.table-row-item input:focus + .table-row-item-menu,\n.table-row-item:hover .table-row-item-menu {\n opacity: 1;\n}\n.table-row-item-menu svg {\n height: 12px;\n width: initial;\n fill: var(--theme-color-3, var(--default-theme-color-3));\n}\n.table-row-item-menu:hover svg {\n fill: var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row-item input {\n border: none;\n appearance: none;\n outline: none;\n padding: 9px;\n width: 100%;\n min-height: 100%;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: transparent;\n font-family: var(--theme-font, var(--default-theme-font));\n}\n.table-row-item input[disabled] {\n background: transparent;\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n}\n.table-row-item input:focus {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row-item label {\n background: transparent;\n text-transform: uppercase;\n display: block;\n padding: 9px;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.table-row-meta {\n overflow: hidden;\n flex-shrink: 0;\n transition: all 0.15s ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 51px;\n user-select: none;\n}\n.table-row-meta-check {\n width: 18px;\n height: 18px;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n background: rgba(47, 177, 228, 0.1);\n}\n.table-row-meta svg {\n width: 13px;\n height: 13px;\n margin: 0 1px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n cursor: pointer;\n}\n.table-row-meta svg:hover {\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.meta-check {\n display: flex;\n position: relative;\n cursor: pointer;\n align-items: center;\n font-size: var(--theme-micro, var(--default-theme-micro));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n user-select: none;\n margin: 0 1px;\n transition: all 0.15s ease-in-out;\n}\n.meta-check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.meta-checkmark {\n height: 17px;\n width: 17px;\n background: var(--theme-background-3, var(--default-theme-background-3));\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.meta-checkmark:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.meta-check:focus-within .meta-checkmark {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.meta-check .meta-checkmark:after {\n content: '';\n display: none;\n width: 5px;\n height: 8px;\n border: solid var(--theme-color-1, var(--default-theme-color-1));\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.meta-check input:checked ~ .meta-checkmark:after {\n display: block;\n}\n.meta-check input:checked ~ .meta-checkmark:hover {\n background: transparent;\n}\n\n.navtable {\n width: 100%;\n}\n.navtable-follow {\n background-color: black;\n color: white;\n font-size: 9px;\n padding: 6px;\n display: -webkit-box;\n max-width: 250px;\n -webkit-line-clamp: 12;\n border-radius: 3px;\n -webkit-box-orient: vertical;\n overflow: hidden;\n line-height: 1.24;\n transform: translate3d(10px, 0, 0);\n}\n.navtable-follow:after {\n content: '';\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 6px;\n background-color: black;\n}\n.navtable-follow * {\n font-family: var(\n --theme-font-code,\n var(--default-theme-font-code)\n ) !important;\n}\n.navtable-table {\n position: relative;\n display: flex;\n flex-direction: column;\n min-height: 389px;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-radios {\n z-index: 1;\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item {\n display: flex;\n position: relative;\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-size: var(--theme-micro, var(--default-theme-micro));\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.navtable-item:first-of-type {\n border-top: none;\n}\n.navtable-item > div {\n word-wrap: break-word;\n}\n.navtable-item > div:not(:first-child) {\n border-left: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action {\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n background: var(\n --scalar-api-client-bg3,\n var(--default-scalar-api-client-bg3)\n );\n border: none;\n border-radius: 30px;\n appearance: none;\n max-height: 25px;\n margin-left: 12px;\n margin-right: 6px;\n padding: 4px 8px;\n outline: none;\n cursor: pointer;\n opacity: 0;\n transition: opacity 0.15s ease-in-out;\n white-space: nowrap;\n position: relative;\n}\n.navtable-item-action:hover {\n color: var(--theme-color-1, var(--default-theme-color-1));\n background: var(\n --scalar-api-client-gradient,\n var(--default-scalar-api-client-gradient)\n );\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.navtable-item-action:focus {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item:hover,\n.navtable-item:focus-within .navtable-item-action {\n opacity: 1;\n}\n.navtable-item-add {\n display: flex;\n align-items: center;\n padding: 9px;\n font-weight: var(--theme-bold, var(--default-theme-bold));\n outline: none;\n border: none;\n appearance: none;\n background: transparent;\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.navtable-item-add:hover {\n background: var(--theme-background-2, var(--default-theme-background-2));\n cursor: pointer;\n}\n.navtable-item-25 {\n width: 25%;\n font-size: var(--theme-micro, var(--default-theme-micro));\n display: flex;\n align-items: center;\n}\n.navtable-item-33 {\n width: 33.33333%;\n display: flex;\n font-size: var(--theme-micro, var(--default-theme-micro));\n align-items: center;\n}\n.navtable-item-66 {\n width: 66.6666%;\n display: flex;\n font-size: var(--theme-micro, var(--default-theme-micro));\n align-items: center;\n}\n.navtable-item-75 {\n width: 75%;\n display: flex;\n align-items: center;\n}\n.navtable-item-75:focus-within {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-40 {\n width: 40%;\n display: flex;\n align-items: center;\n padding: 9px;\n}\n.navtable-item-20 {\n width: 20%;\n display: flex;\n align-items: center;\n padding: 9px;\n}\n.navtable-item-50 {\n width: 50%;\n display: flex;\n align-items: center;\n}\n.navtable-item-50:focus-within {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item p {\n padding: 9px;\n}\n.navtable-item input {\n padding: 12px 6px;\n border: none;\n outline: none;\n appearance: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n background: transparent;\n width: 100%;\n}\n.navtable-item input:focus {\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.navtable-item-select {\n position: relative;\n}\n.navtable-item-select select {\n background: transparent;\n outline: none;\n border: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n appearance: none;\n width: 100%;\n padding: 12px 6px;\n top: 0;\n position: relative;\n cursor: pointer;\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.navtable-item-select svg {\n position: absolute;\n right: 6px;\n color: var(--theme-color-ghost, var(--default-theme-color-ghost));\n width: 6px;\n top: 12px;\n pointer-events: none;\n}\n.navtable-item .option {\n padding: 12px 6px;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: 100%;\n}\n.navtable-item label {\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n text-transform: uppercase;\n display: block;\n width: 100%;\n}\n.navtable-item-response {\n padding: 0 9px;\n}\n.navtable-item-response span {\n font-size: var(--theme-micro, var(--default-theme-micro));\n display: flex;\n align-items: center;\n margin-right: 9px;\n min-width: 40px;\n}\n.scalar-api-client__status--1xx:before,\n.scalar-api-client__status--2xx:before,\n.scalar-api-client__status--3xx:before,\n.scalar-api-client__status--4xx:before,\n.scalar-api-client__status--5xx:before,\n.scalar-api-client__status--6xx:before {\n content: '';\n width: 10px;\n height: 10px;\n border-radius: 50%;\n margin-right: 4px;\n background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.scalar-api-client__status--2xx:before {\n background: var(--theme-color-green, var(--default-theme-color-green));\n}\n.scalar-api-client__status--3xx:before {\n background: var(--theme-color-orange, var(--default-theme-color-orange));\n}\n.scalar-api-client__status--4xx:before {\n background: var(--theme-color-red, var(--default-theme-color-red));\n}\n.navtable-item-response span:empty {\n display: none;\n}\n.simpletable.navtable {\n padding: 0;\n}\n.simpletable.navtable .navtable-item-66,\n.simpletable.navtable .navtable-item-33 {\n display: block;\n}\n.simpletable.navtable .navtable-table {\n height: fit-content;\n}\n.meta-delete {\n position: absolute;\n right: -9px;\n background: var(\n --theme-background-3,\n var(--default-theme-background-3)\n ) !important;\n height: 20px;\n width: 20px;\n border: none;\n outline: none;\n border-radius: 50%;\n opacity: 0;\n padding: 5px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n}\n.meta-delete svg {\n width: 11px;\n height: 11px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.meta-delete:hover svg {\n color: var(--theme-color-red, var(--default-theme-color-red));\n}\n.meta-delete:focus svg {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.meta-delete:focus {\n border-color: var(--theme-color-1, var(--default-theme-color-1));\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.table-row:hover .meta-delete {\n opacity: 1;\n}\n@media (pointer: coarse) {\n.table-row:hover .meta-delete {\n opacity: 1;\n}\n}\n.meta-add {\n border: none;\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n appearance: none;\n padding: 9px;\n width: 100%;\n appearance: none;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-family: var(--theme-font, var(--default-theme-font));\n color: var(--theme-color-3, var(--default-theme-color-3));\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.meta-add svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.meta-add:hover,\n.meta-add:focus {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n\n.scalar-api-client-add {\n color: var(--theme-color-2, var(--default-theme-color-2));\n padding: 6px;\n width: fit-content;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n cursor: pointer;\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n margin: 0 6px;\n border: none;\n font-family: var(--theme-font);\n appearance: none;\n display: flex;\n align-items: center;\n}\n.scalar-api-client-add svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.scalar-api-client-add:hover {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client-add:focus-within {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n\n.scalar-api-client-add {\n color: var(--theme-color-2, var(--default-theme-color-2));\n padding: 6px;\n width: fit-content;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n cursor: pointer;\n font-size: var(--theme-micro, var(--default-theme-micro));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n margin: 0 6px;\n border: none;\n font-family: var(--theme-font);\n appearance: none;\n display: flex;\n align-items: center;\n}\n.scalar-api-client-add svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n}\n.scalar-api-client-add:hover {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client-add:focus-within {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n\n.scalar-api-client__main__left {\n width: 50%;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n padding: 0 6px 12px 18px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__left {\n width: 100%;\n border-right: none;\n padding: 0 0 12px 12px;\n}\n}\n.scalar-api-client__item__content {\n flex-flow: wrap;\n padding: 3px 9px 9px 9px;\n border-radius: 3px;\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-size: var(--theme-micro, var(--default-theme-micro));\n margin-top: -3px;\n justify-content: space-between;\n overflow: auto;\n}\n.scalar-api-client__item__content .scalar-api-client__codemirror__wrapper {\n min-height: 63px;\n}\n.scalar-api-client__item__content .cm-s-default {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n}\n.scalar-api-client__item__content .scalar-api-client__item__content--code {\n width: 100%;\n max-height: calc(100vh - 200px);\n overflow: auto;\n}\n.scalar-api-client__item__content .cm-scroller {\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n border-radius: 3px;\n}\n.scalar-api-client__item__content .cm-editor {\n outline: none !important;\n}\n.scalar-api-client__item__content .cm-editor .cm-gutters {\n background: transparent;\n}\n.scalar-api-client__item__content .cm-scroll {\n background: transparent;\n}\n.scalar-api-client__item__content .cm-editor * {\n font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.scalar-api-client__item__content .cm-editor .cm-line {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__item__content-button {\n appearance: none;\n border: none;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n background: var(\n --scalar-api-client-color,\n var(--default-scalar-api-client-color)\n ) !important;\n text-align: center;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-family: var(--theme-font, var(--default-theme-font));\n padding: 6px;\n width: fit-content;\n margin: 3px 3px 3px auto;\n text-transform: uppercase;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n color: white;\n cursor: pointer;\n text-align: center !important;\n position: relative;\n}\n.scalar-api-client__item__content-button span {\n position: relative;\n}\n.scalar-api-client__item__content-button:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n cursor: pointer;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));\n}\n.scalar-api-client__item__content-button:hover:before {\n background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));\n}\n.scalar-api-client__item__content__split {\n justify-content: space-between;\n}\n.scalar-collapsible-section-flex {\n width: 100%;\n}\n.input {\n background: transparent;\n position: relative;\n width: 100%;\n text-align: left;\n display: flex;\n box-shadow: 0 1px 0\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.input:focus-within {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1)) !important;\n z-index: 10;\n}\n.input:first-of-type {\n border-radius: var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius)) 0 0;\n}\n.input:first-child:last-child {\n border-radius: var(--theme-radius, var(--default-theme-radius));\n}\n.input:last-child {\n box-shadow: none;\n border-radius: 0 0 var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius));\n}\n.input__half:first-of-type {\n border-radius: var(--theme-radius, var(--default-theme-radius)) 0 0 0;\n}\n.input__half:nth-of-type(2) {\n border-radius: 0 var(--theme-radius, var(--default-theme-radius)) 0 0;\n}\n.authentication-form {\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius, var(--default-theme-radius));\n width: 100%;\n display: flex;\n flex-flow: wrap;\n}\n.input__half {\n width: 50%;\n}\n.input__half + .input__half {\n border-left: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n.input__half:focus-within {\n border-color: transparent;\n}\n.input label,\n.input input {\n padding: 9px;\n border: 0;\n outline: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-2, var(--default-theme-color-2));\n width: 100%;\n background: transparent;\n appearance: none;\n -webkit-appearance: none;\n left: 0;\n}\n.input label {\n color: var(--theme-color-1, var(--default-theme-color-1));\n width: fit-content;\n padding-right: 0;\n white-space: nowrap;\n cursor: text;\n}\n.input input {\n position: relative;\n z-index: 99;\n}\n.input input:not(:placeholder-shown) + label {\n color: var(--theme-color-2, var(--default-theme-color-2));\n}\n.select {\n background: --theme-background-1;\n border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n font-size: var(--theme-micro, var(--default-theme-micro));\n border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n width: 100%;\n position: relative;\n margin-bottom: 6px;\n}\n.select:focus-within {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.select svg {\n position: absolute;\n right: 9px;\n pointer-events: none;\n color: var(--theme-color-2, var(--default-theme-color-2));\n width: 6px;\n top: 10px;\n}\n.select label {\n display: block;\n font-size: 10px;\n color: var(--theme-color-2, var(--default-theme-color-2));\n position: absolute;\n left: 9px;\n top: 6px;\n}\n.select select {\n background: transparent;\n outline: none;\n border: none;\n -webkit-appearance: none;\n font-size: var(--theme-micro, var(--default-theme-micro));\n color: var(--theme-color-1, var(--default-theme-color-1));\n appearance: none;\n width: 100%;\n padding: 14px 9px 4px 9px;\n top: 0;\n position: relative;\n cursor: pointer;\n}\n.check {\n display: flex;\n position: relative;\n cursor: pointer;\n align-items: center;\n font-size: var(--theme-micro, var(--default-theme-micro));\n padding: 6px 9px;\n border-radius: 0 0 var(--theme-radius, var(--default-theme-radius))\n var(--theme-radius, var(--default-theme-radius));\n user-select: none;\n width: 100%;\n outline: none;\n}\n.check:focus-within {\n box-shadow: 0 0 0 1px var(--theme-color-1, var(--default-theme-color-1));\n}\n.checkmark:hover {\n background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.check:focus-within {\n border-color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.check p {\n color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.check input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n.checkmark {\n height: 17px;\n width: 17px;\n background: var(--theme-background-3, var(--default-theme-background-3));\n margin-right: 10px;\n border-radius: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.check input:checked ~ p {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.check .checkmark:after {\n content: '';\n display: none;\n width: 5px;\n height: 8px;\n border: solid var(--theme-color-1, var(--default-theme-color-1));\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg) translate3d(0, -1px, 0);\n}\n.check input:checked ~ .checkmark:after {\n display: block;\n}\n.scalar-api-client__main__scroll-container {\n height: calc(100vh - 320px);\n}\n.scalar-api-client__request-name {\n outline: none;\n border: none;\n appearance: none;\n -webkit-appearance: none;\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-size: var(--theme-small, var(--default-theme-small));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n color: var(--theme-color-3, var(--default-theme-color-3));\n width: 100%;\n padding: 0;\n background: transparent;\n font-family: var(--theme-font, var(--default-theme-font));\n}\n.scalar-api-client__request-name::-webkit-input-placeholder {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.scalar-api-client__request-name:-ms-input-placeholder {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.scalar-api-client__request-name::placeholder {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\na[data-v-4e87b5c7] {\n text-decoration: underline;\n text-decoration-color: var(\n --theme-border-color,\n var(--default-theme-border-color)\n );\n text-underline-offset: 2px;\n cursor: help;\n}\n\n.simple-cell[data-v-b99d5e90] {\n all: unset;\n display: table-cell;\n border-right: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n position: relative;\n padding: 9px !important;\n color: var(--theme-color-1, var(--default-theme-color-1));\n white-space: nowrap;\n}\n.simple-cell a[data-v-b99d5e90] {\n color: var(--theme-color-1, var(--default-theme-color-1)) !important;\n}\n.simple-cell[data-v-b99d5e90]:last-of-type {\n border-right: none;\n}\n.simple-cell.wrap[data-v-b99d5e90] {\n white-space: normal;\n}\n.simple-cell.strong[data-v-b99d5e90] {\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n\n.simple-header[data-v-6bd3700b] {\n color: var(--theme-color-3, var(--default-theme-color-3));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n text-transform: uppercase;\n}\n\n.simple-row[data-v-e7e681a1] {\n all: unset;\n display: table-row;\n box-shadow: 0 -1px var(--theme-border-color, var(--default-theme-border-color));\n}\n.simple-row[data-v-e7e681a1]:first-of-type {\n box-shadow: none;\n}\n\n.simple-table[data-v-8f53a32f] {\n all: unset;\n display: table;\n width: 100%;\n border-spacing: 0;\n box-shadow: 0 0 0 1px\n var(--theme-border-color, var(--default-theme-border-color));\n border-radius: var(--theme-radius, var(--default-theme-radius));\n}\n\n.scalar-api-client__main__right {\n width: 50%;\n padding: 0 6px 12px 18px;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__right {\n width: 100%;\n border-right: none;\n padding: 0 0 12px 12px;\n}\n}\n.scalar-api-client__main__right :deep(.scalar-copilot__header-button) {\n position: absolute;\n top: 6px;\n right: 12px;\n}\n\n.scalar-api-client,\n#headlessui-portal-root {\n background: var(--theme-background-1, var(--default-theme-background-1));\n position: relative;\n height: 100%;\n overflow: hidden !important;\n display: flex;\n flex-direction: column;\n font-family: var(--theme-font, var(--default-theme-font));\n\n /** Make sure box-sizing is set properly. */\n box-sizing: border-box;\n*,\n *:before,\n *:after {\n box-sizing: inherit;\n}\n}\n.scalar-api-client {\n flex: 1;\n max-height: 100vh;\n}\n@media screen and (max-width: 1000px) {\n.scalar-api-client {\n width: 100%;\n}\n}\n.scalar-api-client pre {\n font-family: var(--theme-font-code, var(--default-theme-font-code));\n}\n.scalar-api-client--post {\n --default-scalar-api-client-color: var(\n --theme-color-green,\n var(--default-theme-color-green)\n );\n --default-scalar-api-client-background: var(\n --theme-post-background,\n var(--default-theme-post-background)\n );\n}\n.scalar-api-client--delete {\n --default-scalar-api-client-color: var(\n --theme-color-red,\n var(--default-theme-color-red)\n );\n --default-scalar-api-client-background: var(\n --theme-delete-background,\n var(--default-theme-delete-background)\n );\n}\n.scalar-api-client--patch {\n --default-scalar-api-client-color: var(\n --theme-color-yellow,\n var(--default-theme-color-yellow)\n );\n --default-scalar-api-client-background: var(\n --theme-patch-background,\n var(--default-theme-patch-background)\n );\n}\n.scalar-api-client--get {\n --default-scalar-api-client-color: var(\n --theme-color-blue,\n var(--default-theme-color-blue)\n );\n --default-scalar-api-client-background: var(\n --theme-get-background,\n var(--default-theme-get-background)\n );\n}\n.scalar-api-client--put {\n --default-scalar-api-client-color: var(\n --theme-color-orange,\n var(--default-theme-color-orange)\n );\n --default-scalar-api-client-background: var(\n --theme-put-background,\n var(--default-theme-put-background)\n );\n}\n.scalar-api-client__mobile-navigation {\n padding: 12px 12px 0 12px;\n display: flex;\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-2, var(--default-theme-color-2));\n font-weight: var(--theme-bold, var(--default-theme-bold));\n}\n.scalar-api-client__mobile-navigation__toggle {\n appearance: none;\n border: none;\n outline: none;\n background: transparent;\n font-size: var(--theme-font-size-2);\n color: var(--theme-color-2);\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-family: var(--theme-font, var(--default-theme-font));\n padding: 0;\n margin-right: 9px;\n cursor: pointer;\n}\n.scalar-api-client__mobile-navigation--active {\n color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.scalar-api-client__mobile-navigation--active:hover {\n cursor: pointer;\n}\n.scalar-api-client__main {\n display: flex;\n height: 100%;\n min-height: 0;\n background: var(--theme-background-1, var(--default-theme-background-1));\n border-top: 1px solid\n var(--theme-border-color, var(--default-theme-border-color));\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main {\n flex-direction: column;\n}\n}\n\n/** TODO: Consider to make a Column component */\n.scalar-api-client__main__content {\n padding: 12px 6px;\n background: var(--theme-background-1, var(--default-theme-background-1));\n top: 0;\n position: sticky;\n z-index: 100;\n}\n.scalar-api-client__main__content label {\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-1, var(--default-theme-color-1));\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n display: flex;\n align-items: center;\n}\n@media screen and (max-width: 820px) {\n.scalar-api-client__main__content {\n padding: 3px 0 12px 0;\n}\n.scalar-api-client__main__content label {\n display: none;\n}\n}\n.meta {\n display: flex;\n margin-top: 3px;\n font-size: var(--theme-font-size-2, var(--default-theme-font-size-2));\n font-weight: var(--theme-font-size-2, var(--default-theme-font-size-2));\n color: var(\n --scalar-api-client-color2,\n var(--default-scalar-api-client-color2)\n );\n}\n.meta-item svg {\n fill: var(--theme-color-ghost, var(--default-theme-color-ghost));\n height: 14px;\n width: 14px;\n margin-right: 6px;\n}\n.meta-item {\n display: flex;\n align-items: center;\n margin-right: 12px;\n white-space: nowrap;\n font-weight: var(--theme-semibold, var(--default-theme-semibold));\n font-size: var(--theme-small, var(--default-theme-small));\n color: var(--theme-color-3, var(--default-theme-color-3));\n min-height: 17px;\n}\n.meta-item__input {\n background: transparent;\n width: 100%;\n margin-right: 0;\n}\n.types {\n margin: auto;\n width: 580px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-flow: wrap;\n}\n.types-heading {\n width: 100%;\n text-align: center;\n}\n.types-heading b {\n font-size: 42px;\n}\n.types-heading p {\n margin-bottom: 20px;\n margin-top: 12px;\n font-size: 24px;\n}\n.scalar-api-client__empty-state {\n border: 1px dashed\n var(--theme-border-color, var(--default-theme-border-color));\n width: 100%;\n text-align: center;\n border-radius: var(--theme-radius, var(--default-theme-radius));\n font-size: var(--theme-small, var(--default-theme-small));\n min-height: 58px;\n display: flex;\n align-items: center;\n justify-content: center;\n}"));
7
7
  document.head.appendChild(elementStyle);
8
8
  }
9
9
  } catch (e) {
@@ -1154,7 +1154,7 @@ const purpleTheme = ".light-mode {\n color-scheme: light;\n --default-theme-co
1154
1154
  const solarizedTheme = ".light-mode {\n color-scheme: light;\n --default-theme-color-1: #584c27;\n --default-theme-color-2: #616161;\n --default-theme-color-3: #a89f84;\n --default-theme-color-accent: #b58900;\n --default-theme-background-1: #fdf6e3;\n --default-theme-background-2: #eee8d5;\n --default-theme-background-3: #ddd6c1;\n --default-theme-background-accent: #b589001f;\n\n --default-theme-border-color: #ded8c8;\n --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --default-theme-lifted-brightness: 1;\n --default-theme-backdrop-brightness: 1;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n --default-theme-button-1: rgb(49 53 56);\n --default-theme-button-1-color: #fff;\n --default-theme-button-1-hover: rgb(28 31 33);\n\n --default-theme-color-red: #b91c1c;\n --default-theme-color-orange: #a16207;\n --default-theme-color-green: #047857;\n --default-theme-color-blue: #1d4ed8;\n --default-theme-color-orange: #c2410c;\n --default-theme-color-purple: #6d28d9;\n}\n\n.dark-mode {\n color-scheme: dark;\n --default-theme-color-1: #fff;\n --default-theme-color-2: #cccccc;\n --default-theme-color-3: #6d8890;\n --default-theme-color-accent: #007acc;\n --default-theme-background-1: #00212b;\n --default-theme-background-2: #012b36;\n --default-theme-background-3: #004052;\n --default-theme-background-accent: #015a6f;\n\n --default-theme-border-color: rgba(255, 255, 255, 0.1);\n --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --default-theme-lifted-brightness: 1.45;\n --default-theme-backdrop-brightness: 0.5;\n\n --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --default-theme-button-1: #f6f6f6;\n --default-theme-button-1-color: #000;\n --default-theme-button-1-hover: #e7e7e7;\n\n --default-theme-color-green: #00b648;\n --default-theme-color-red: #dc1b19;\n --default-theme-color-yellow: #ffc90d;\n --default-theme-color-blue: #4eb3ec;\n --default-theme-color-orange: #ff8d4d;\n --default-theme-color-purple: #b191f9;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --default-sidebar-background-1: var(--default-theme-background-1);\n --default-sidebar-item-hover-color: currentColor;\n --default-sidebar-item-hover-background: var(--default-theme-background-2);\n --default-sidebar-item-active-background: var(\n --default-theme-background-accent\n );\n --default-sidebar-border-color: var(--default-theme-border-color);\n --default-sidebar-color-1: var(--default-theme-color-1);\n --default-sidebar-color-2: var(--default-theme-color-2);\n --default-sidebar-color-active: var(--default-theme-color-accent);\n --default-sidebar-search-background: var(--default-theme-background-2);\n --default-sidebar-search-border-color: var(--sidebar-search-background);\n --default-sidebar-search--color: var(--default-theme-color-3);\n}\n\n.dark-mode .sidebar {\n --default-sidebar-background-1: var(--default-theme-background-1);\n --default-sidebar-item-hover-color: currentColor;\n --default-sidebar-item-hover-background: var(--default-theme-background-2);\n --default-sidebar-item-active-background: var(\n --default-theme-background-accent\n );\n --default-sidebar-border-color: var(--default-theme-border-color);\n --default-sidebar-color-1: var(--default-theme-color-1);\n --default-sidebar-color-2: var(--default-theme-color-2);\n --default-sidebar-color-active: var(--default-sidebar-color-1);\n --default-sidebar-search-background: var(--default-theme-background-2);\n --default-sidebar-search-border-color: var(--sidebar-search-background);\n --default-sidebar-search--color: var(--default-theme-color-3);\n}\n";
1155
1155
  const base = "";
1156
1156
  const scrollbar = "";
1157
- const _sfc_main$o = /* @__PURE__ */ defineComponent({
1157
+ const _sfc_main$p = /* @__PURE__ */ defineComponent({
1158
1158
  __name: "ThemeStyles",
1159
1159
  props: {
1160
1160
  id: {}
@@ -1407,7 +1407,7 @@ const setActiveRequest = (request) => {
1407
1407
  Object.assign(activeRequest, request);
1408
1408
  };
1409
1409
  const readOnly = ref(true);
1410
- const useApiClientRequestStore = () => ({
1410
+ const useRequestStore = () => ({
1411
1411
  authState,
1412
1412
  readOnly,
1413
1413
  activeRequest,
@@ -1419,8 +1419,8 @@ const useApiClientRequestStore = () => ({
1419
1419
  addRequestToHistory,
1420
1420
  setActiveRequest
1421
1421
  });
1422
- const _hoisted_1$l = { class: "modal-layout" };
1423
- const _sfc_main$n = /* @__PURE__ */ defineComponent({
1422
+ const _hoisted_1$m = { class: "modal-layout" };
1423
+ const _sfc_main$o = /* @__PURE__ */ defineComponent({
1424
1424
  __name: "FlowModal",
1425
1425
  props: {
1426
1426
  state: {},
@@ -1436,7 +1436,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
1436
1436
  onClose: _cache[0] || (_cache[0] = ($event) => _ctx.state.hide())
1437
1437
  }, {
1438
1438
  default: withCtx(() => [
1439
- createElementVNode("div", _hoisted_1$l, [
1439
+ createElementVNode("div", _hoisted_1$m, [
1440
1440
  createVNode(unref(Ge), {
1441
1441
  class: normalizeClass(["modal", {
1442
1442
  "modal-content-large": _ctx.variant === "large",
@@ -1483,7 +1483,7 @@ const _export_sfc = (sfc, props) => {
1483
1483
  }
1484
1484
  return target;
1485
1485
  };
1486
- const FlowModal = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-30a935b0"]]);
1486
+ const FlowModal = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-30a935b0"]]);
1487
1487
  const useModal = () => reactive({
1488
1488
  open: false,
1489
1489
  show() {
@@ -4864,14 +4864,6 @@ const normalizeUrl = (url) => {
4864
4864
  }
4865
4865
  return normalizedUrl;
4866
4866
  };
4867
- const isJson = (value) => {
4868
- try {
4869
- JSON.parse(value);
4870
- } catch {
4871
- return false;
4872
- }
4873
- return true;
4874
- };
4875
4867
  const prepareClientRequestConfig = (configuration) => {
4876
4868
  const { authState: authState2, request } = configuration;
4877
4869
  if (authState2.type === "basic" && authState2.basic.active) {
@@ -4893,7 +4885,7 @@ const prepareClientRequestConfig = (configuration) => {
4893
4885
  }
4894
4886
  ];
4895
4887
  }
4896
- if (request.body && isJson(request.body)) {
4888
+ if (request.body && isJsonString(request.body)) {
4897
4889
  request.headers = [
4898
4890
  ...request.headers ?? [],
4899
4891
  {
@@ -6937,19 +6929,40 @@ async function sendRequest(request, proxyUrl) {
6937
6929
  );
6938
6930
  const url = normalizeUrl(request.url);
6939
6931
  const path = normalizePath(request.path);
6940
- const urlWithPath = concatenateUrlAndPath(url, path);
6932
+ const [urlWithPath, ...urlQueryString] = concatenateUrlAndPath(
6933
+ url,
6934
+ path
6935
+ ).split("?");
6941
6936
  const renderedUrl = replaceVariables(
6942
6937
  urlWithPath,
6943
6938
  mapFromArray(request.parameters ?? [], "name", "value")
6944
6939
  );
6940
+ const queryStringsFromUrl = [];
6941
+ urlQueryString.forEach((queryString2) => {
6942
+ new URLSearchParams(queryString2 ?? "").forEach((value, name) => {
6943
+ queryStringsFromUrl.push({
6944
+ name,
6945
+ value
6946
+ });
6947
+ });
6948
+ });
6945
6949
  const queryString = new URLSearchParams(
6946
- mapFromArray(request.query ?? [], "name", "value")
6950
+ // TODO: No type-casting
6951
+ mapFromArray(
6952
+ [...request.query ?? [], ...queryStringsFromUrl],
6953
+ "name",
6954
+ "value"
6955
+ )
6947
6956
  ).toString();
6948
6957
  const completeUrl = `${renderedUrl}${queryString ? "?" + queryString : ""}`;
6949
6958
  const auth = {
6950
6959
  type: "none"
6951
6960
  };
6952
6961
  const startTime = Date.now();
6962
+ if (request.cookies) {
6963
+ const cookies2 = mapFromArray(request.cookies, "name", "value");
6964
+ headers.Cookie = Object.keys(cookies2).map((key) => `${key}=${cookies2[key]}`).join("; ");
6965
+ }
6953
6966
  const requestOptions = {
6954
6967
  method,
6955
6968
  url: completeUrl,
@@ -7189,10 +7202,10 @@ function prettyMilliseconds(milliseconds, options = {}) {
7189
7202
  }
7190
7203
  return options.colonNotation ? result.join("") : result.join(" ");
7191
7204
  }
7192
- const _hoisted_1$k = { class: "navtable-item-40 navtable-item-request" };
7193
- const _hoisted_2$e = { class: "navtable-item-40 navtable-item-response" };
7205
+ const _hoisted_1$l = { class: "navtable-item-40 navtable-item-request" };
7206
+ const _hoisted_2$f = { class: "navtable-item-40 navtable-item-response" };
7194
7207
  const _hoisted_3$a = { class: "navtable-item-20 navtable-item-time" };
7195
- const _sfc_main$m = /* @__PURE__ */ defineComponent({
7208
+ const _sfc_main$n = /* @__PURE__ */ defineComponent({
7196
7209
  __name: "RequestHistoryItem",
7197
7210
  props: {
7198
7211
  history: {}
@@ -7200,7 +7213,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
7200
7213
  setup(__props) {
7201
7214
  TimeAgo.addLocale(en);
7202
7215
  const timeAgo = new TimeAgo("en-US");
7203
- const { requestHistory: requestHistory2, activeRequestId: activeRequestId2, setActiveResponse: setActiveResponse2 } = useApiClientRequestStore();
7216
+ const { requestHistory: requestHistory2, activeRequestId: activeRequestId2, setActiveResponse: setActiveResponse2 } = useRequestStore();
7204
7217
  const getContentLength = (response) => {
7205
7218
  var _a;
7206
7219
  if ((_a = response == null ? void 0 : response.headers) == null ? void 0 : _a["X-API-Client-Content-Length"]) {
@@ -7215,7 +7228,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
7215
7228
  class: normalizeClass(["navtable-item", { "navtable-item__active": unref(activeRequestId2) === _ctx.history }]),
7216
7229
  onClick: _cache[0] || (_cache[0] = ($event) => unref(setActiveResponse2)(_ctx.history))
7217
7230
  }, [
7218
- createElementVNode("div", _hoisted_1$k, [
7231
+ createElementVNode("div", _hoisted_1$l, [
7219
7232
  createElementVNode("button", {
7220
7233
  class: normalizeClass(["radio", unref(requestHistory2)[_ctx.history].request.type.toLowerCase()]),
7221
7234
  type: "button"
@@ -7225,7 +7238,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
7225
7238
  createTextVNode(" " + toDisplayString(unref(requestHistory2)[_ctx.history].request.url), 1)
7226
7239
  ])
7227
7240
  ]),
7228
- createElementVNode("div", _hoisted_2$e, [
7241
+ createElementVNode("div", _hoisted_2$f, [
7229
7242
  createElementVNode("span", null, toDisplayString(unref(prettyMilliseconds)(unref(requestHistory2)[_ctx.history].response.duration)), 1),
7230
7243
  createElementVNode("span", {
7231
7244
  class: normalizeClass(`scalar-api-client__status--${String(
@@ -7241,25 +7254,25 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
7241
7254
  };
7242
7255
  }
7243
7256
  });
7244
- const _hoisted_1$j = { class: "navigation-content-item" };
7245
- const _hoisted_2$d = { class: "navtable" };
7257
+ const _hoisted_1$k = { class: "navigation-content-item" };
7258
+ const _hoisted_2$e = { class: "navtable" };
7246
7259
  const _hoisted_3$9 = { class: "navtable-table" };
7247
7260
  const _hoisted_4$7 = /* @__PURE__ */ createStaticVNode('<div class="navtable-item navtable-item__top"><div class="navtable-item-40"><label for="">Request</label></div><div class="navtable-item-40"><label for="">Response</label></div><div class="navtable-item-20"><label for="">TIME</label></div></div>', 1);
7248
7261
  const _hoisted_5$6 = { class: "navtable-radios" };
7249
7262
  const _hoisted_6$5 = /* @__PURE__ */ createStaticVNode('<div class="navtable-mock"><div class="navtable-item"><div class="navtable-item-40"></div><div class="navtable-item-40"></div><div class="navtable-item-20"></div></div></div>', 1);
7250
- const _sfc_main$l = /* @__PURE__ */ defineComponent({
7263
+ const _sfc_main$m = /* @__PURE__ */ defineComponent({
7251
7264
  __name: "RequestHistory",
7252
7265
  emits: ["toggle"],
7253
7266
  setup(__props) {
7254
- const { requestHistoryOrder: requestHistoryOrder2 } = useApiClientRequestStore();
7267
+ const { requestHistoryOrder: requestHistoryOrder2 } = useRequestStore();
7255
7268
  return (_ctx, _cache) => {
7256
- return openBlock(), createElementBlock("div", _hoisted_1$j, [
7257
- createElementVNode("div", _hoisted_2$d, [
7269
+ return openBlock(), createElementBlock("div", _hoisted_1$k, [
7270
+ createElementVNode("div", _hoisted_2$e, [
7258
7271
  createElementVNode("div", _hoisted_3$9, [
7259
7272
  _hoisted_4$7,
7260
7273
  createElementVNode("div", _hoisted_5$6, [
7261
7274
  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(requestHistoryOrder2), (history) => {
7262
- return openBlock(), createBlock(_sfc_main$m, {
7275
+ return openBlock(), createBlock(_sfc_main$n, {
7263
7276
  key: history,
7264
7277
  history
7265
7278
  }, null, 8, ["history"]);
@@ -7273,10 +7286,10 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
7273
7286
  }
7274
7287
  });
7275
7288
  const RequestHistory_vue_vue_type_style_index_0_lang = "";
7276
- const _hoisted_1$i = { class: "request-method-select" };
7277
- const _hoisted_2$c = ["disabled", "value"];
7289
+ const _hoisted_1$j = { class: "request-method-select" };
7290
+ const _hoisted_2$d = ["disabled", "value"];
7278
7291
  const _hoisted_3$8 = ["value"];
7279
- const _sfc_main$k = /* @__PURE__ */ defineComponent({
7292
+ const _sfc_main$l = /* @__PURE__ */ defineComponent({
7280
7293
  __name: "RequestMethodSelect",
7281
7294
  props: {
7282
7295
  requestMethod: {},
@@ -7296,7 +7309,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
7296
7309
  // 'TRACE',
7297
7310
  ];
7298
7311
  return (_ctx, _cache) => {
7299
- return openBlock(), createElementBlock("div", _hoisted_1$i, [
7312
+ return openBlock(), createElementBlock("div", _hoisted_1$j, [
7300
7313
  createElementVNode("span", {
7301
7314
  class: normalizeClass(["request-method", { "request-method--disabled": _ctx.readOnly }])
7302
7315
  }, [
@@ -7316,19 +7329,19 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
7316
7329
  value: validRequestMethod.toLocaleLowerCase()
7317
7330
  }, toDisplayString(validRequestMethod), 9, _hoisted_3$8);
7318
7331
  }), 64))
7319
- ], 40, _hoisted_2$c)
7332
+ ], 40, _hoisted_2$d)
7320
7333
  ]);
7321
7334
  };
7322
7335
  }
7323
7336
  });
7324
7337
  const RequestMethodSelect_vue_vue_type_style_index_0_scoped_bd1dfcca_lang = "";
7325
- const RequestMethodSelect = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-bd1dfcca"]]);
7326
- const _withScopeId = (n2) => (pushScopeId("data-v-65f9c663"), n2 = n2(), popScopeId(), n2);
7327
- const _hoisted_1$h = {
7338
+ const RequestMethodSelect = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-bd1dfcca"]]);
7339
+ const _withScopeId = (n2) => (pushScopeId("data-v-1a12b502"), n2 = n2(), popScopeId(), n2);
7340
+ const _hoisted_1$i = {
7328
7341
  key: 0,
7329
7342
  class: "loader"
7330
7343
  };
7331
- const _hoisted_2$b = { class: "scalar-api-client__url-form" };
7344
+ const _hoisted_2$c = { class: "scalar-api-client__url-form" };
7332
7345
  const _hoisted_3$7 = { class: "scalar-api-client__field" };
7333
7346
  const _hoisted_4$6 = ["disabled"];
7334
7347
  const _hoisted_5$5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("svg", {
@@ -7382,7 +7395,7 @@ const _hoisted_10$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createE
7382
7395
  })
7383
7396
  ])
7384
7397
  ], -1));
7385
- const _sfc_main$j = /* @__PURE__ */ defineComponent({
7398
+ const _sfc_main$k = /* @__PURE__ */ defineComponent({
7386
7399
  __name: "AddressBar",
7387
7400
  props: {
7388
7401
  proxyUrl: {}
@@ -7402,7 +7415,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
7402
7415
  readOnly: readOnly2,
7403
7416
  setActiveRequest: setActiveRequest2,
7404
7417
  authState: authState2
7405
- } = useApiClientRequestStore();
7418
+ } = useRequestStore();
7406
7419
  const historyModal = useModal();
7407
7420
  const url = computed(() => activeRequest2.url);
7408
7421
  const requestType = computed(() => activeRequest2.type);
@@ -7451,11 +7464,11 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
7451
7464
  };
7452
7465
  return (_ctx, _cache) => {
7453
7466
  return openBlock(), createElementBlock(Fragment, null, [
7454
- loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$h)) : createCommentVNode("", true),
7467
+ loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$i)) : createCommentVNode("", true),
7455
7468
  createElementVNode("div", {
7456
7469
  class: normalizeClass(["scalar-api-client__address-bar", { "scalar-api-client__address-bar__on": showHistory.value }])
7457
7470
  }, [
7458
- createElementVNode("div", _hoisted_2$b, [
7471
+ createElementVNode("div", _hoisted_2$c, [
7459
7472
  createElementVNode("div", _hoisted_3$7, [
7460
7473
  createVNode(RequestMethodSelect, {
7461
7474
  readOnly: unref(readOnly2),
@@ -7490,7 +7503,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
7490
7503
  variant: "history"
7491
7504
  }, {
7492
7505
  default: withCtx(() => [
7493
- createVNode(_sfc_main$l, {
7506
+ createVNode(_sfc_main$m, {
7494
7507
  showHistory: showHistory.value,
7495
7508
  onToggle: _cache[1] || (_cache[1] = ($event) => showHistory.value = !showHistory.value)
7496
7509
  }, null, 8, ["showHistory"])
@@ -7512,9 +7525,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
7512
7525
  };
7513
7526
  }
7514
7527
  });
7515
- const AddressBar_vue_vue_type_style_index_0_scoped_65f9c663_lang = "";
7516
- const AdressBar = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-65f9c663"]]);
7517
- const _hoisted_1$g = /* @__PURE__ */ createElementVNode("svg", {
7528
+ const AddressBar_vue_vue_type_style_index_0_scoped_1a12b502_lang = "";
7529
+ const AdressBar = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-1a12b502"]]);
7530
+ const _hoisted_1$h = /* @__PURE__ */ createElementVNode("svg", {
7518
7531
  class: "scalar-api-client__toggle__icon",
7519
7532
  height: "10",
7520
7533
  viewBox: "0 0 5 10",
@@ -7527,13 +7540,13 @@ const _hoisted_1$g = /* @__PURE__ */ createElementVNode("svg", {
7527
7540
  "fill-rule": "nonzero"
7528
7541
  })
7529
7542
  ], -1);
7530
- const _hoisted_2$a = { class: "scalar-api-client__item__title" };
7543
+ const _hoisted_2$b = { class: "scalar-api-client__item__title" };
7531
7544
  const _hoisted_3$6 = {
7532
7545
  key: 0,
7533
7546
  class: "scalar-api-client__item__options"
7534
7547
  };
7535
7548
  const _hoisted_4$5 = { class: "scalar-api-client__item__content" };
7536
- const _sfc_main$i = /* @__PURE__ */ defineComponent({
7549
+ const _sfc_main$j = /* @__PURE__ */ defineComponent({
7537
7550
  __name: "CollapsibleSection",
7538
7551
  props: {
7539
7552
  title: {}
@@ -7547,8 +7560,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
7547
7560
  }, [
7548
7561
  createVNode(unref(X), { class: "scalar-api-client__toggle" }, {
7549
7562
  default: withCtx(() => [
7550
- _hoisted_1$g,
7551
- createElementVNode("span", _hoisted_2$a, toDisplayString(_ctx.title), 1),
7563
+ _hoisted_1$h,
7564
+ createElementVNode("span", _hoisted_2$b, toDisplayString(_ctx.title), 1),
7552
7565
  _ctx.$slots.options && open ? (openBlock(), createElementBlock("div", _hoisted_3$6, [
7553
7566
  renderSlot(_ctx.$slots, "options")
7554
7567
  ])) : createCommentVNode("", true)
@@ -7571,7 +7584,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
7571
7584
  }
7572
7585
  });
7573
7586
  const CollapsibleSection_vue_vue_type_style_index_0_lang = "";
7574
- const _hoisted_1$f = /* @__PURE__ */ createElementVNode("svg", {
7587
+ const _hoisted_1$g = /* @__PURE__ */ createElementVNode("svg", {
7575
7588
  fill: "none",
7576
7589
  height: "100%",
7577
7590
  stroke: "currentColor",
@@ -7583,7 +7596,7 @@ const _hoisted_1$f = /* @__PURE__ */ createElementVNode("svg", {
7583
7596
  xmlns: "http://www.w3.org/2000/svg"
7584
7597
  })
7585
7598
  ], -1);
7586
- const _hoisted_2$9 = ["disabled", "value"];
7599
+ const _hoisted_2$a = ["disabled", "value"];
7587
7600
  const _hoisted_3$5 = {
7588
7601
  key: 0,
7589
7602
  class: "scalar-api-client__empty-state"
@@ -7631,10 +7644,10 @@ const _hoisted_35 = /* @__PURE__ */ createElementVNode("label", { for: "Username
7631
7644
  const _hoisted_36 = { class: "check" };
7632
7645
  const _hoisted_37 = /* @__PURE__ */ createElementVNode("span", { class: "checkmark" }, null, -1);
7633
7646
  const _hoisted_38 = /* @__PURE__ */ createElementVNode("p", null, "Enabled", -1);
7634
- const _sfc_main$h = /* @__PURE__ */ defineComponent({
7647
+ const _sfc_main$i = /* @__PURE__ */ defineComponent({
7635
7648
  __name: "RequestAuth",
7636
7649
  setup(__props) {
7637
- const store = useApiClientRequestStore();
7650
+ const store = useRequestStore();
7638
7651
  const { authState: authState2 } = store;
7639
7652
  const authTypeFriendlyString = {
7640
7653
  basic: "Basic Auth",
@@ -7667,12 +7680,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
7667
7680
  }
7668
7681
  ];
7669
7682
  return (_ctx, _cache) => {
7670
- return openBlock(), createBlock(unref(_sfc_main$i), { title: "Authentication" }, {
7683
+ return openBlock(), createBlock(unref(_sfc_main$j), { title: "Authentication" }, {
7671
7684
  options: withCtx(() => [
7672
7685
  createElementVNode("div", null, [
7673
7686
  createElementVNode("span", null, [
7674
7687
  createTextVNode(toDisplayString(authTypeFriendlyString[unref(authState2).type]) + " ", 1),
7675
- _hoisted_1$f
7688
+ _hoisted_1$g
7676
7689
  ]),
7677
7690
  withDirectives(createElementVNode("select", {
7678
7691
  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(authState2).type = $event),
@@ -7684,7 +7697,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
7684
7697
  key: option.type,
7685
7698
  disabled: option.disabled,
7686
7699
  value: option.type
7687
- }, toDisplayString(option.text), 9, _hoisted_2$9);
7700
+ }, toDisplayString(option.text), 9, _hoisted_2$a);
7688
7701
  }), 64))
7689
7702
  ], 512), [
7690
7703
  [vModelSelect, unref(authState2).type]
@@ -7891,8 +7904,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
7891
7904
  };
7892
7905
  }
7893
7906
  });
7894
- const _hoisted_1$e = { class: "table" };
7895
- const _hoisted_2$8 = { class: "table-row" };
7907
+ const _hoisted_1$f = { class: "table" };
7908
+ const _hoisted_2$9 = { class: "table-row" };
7896
7909
  const _hoisted_3$4 = /* @__PURE__ */ createElementVNode("div", { class: "table-row-item" }, [
7897
7910
  /* @__PURE__ */ createElementVNode("label", null, "Key")
7898
7911
  ], -1);
@@ -7972,7 +7985,7 @@ const _hoisted_20 = /* @__PURE__ */ createElementVNode("svg", {
7972
7985
  xmlns: "http://www.w3.org/2000/svg"
7973
7986
  })
7974
7987
  ], -1);
7975
- const _sfc_main$g = /* @__PURE__ */ defineComponent({
7988
+ const _sfc_main$h = /* @__PURE__ */ defineComponent({
7976
7989
  __name: "Grid",
7977
7990
  props: {
7978
7991
  items: {},
@@ -7982,8 +7995,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
7982
7995
  setup(__props) {
7983
7996
  const showDescription = ref(false);
7984
7997
  return (_ctx, _cache) => {
7985
- return openBlock(), createElementBlock("div", _hoisted_1$e, [
7986
- createElementVNode("div", _hoisted_2$8, [
7998
+ return openBlock(), createElementBlock("div", _hoisted_1$f, [
7999
+ createElementVNode("div", _hoisted_2$9, [
7987
8000
  _hoisted_3$4,
7988
8001
  _hoisted_4$3,
7989
8002
  withDirectives(createElementVNode("div", _hoisted_5$3, _hoisted_7$2, 512), [
@@ -8043,20 +8056,20 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
8043
8056
  });
8044
8057
  const Grid_vue_vue_type_style_index_0_lang = "";
8045
8058
  const Grid_vue_vue_type_style_index_1_lang = "";
8046
- const _hoisted_1$d = { class: "navtable simpletable" };
8047
- const _hoisted_2$7 = { class: "navtable-table" };
8059
+ const _hoisted_1$e = { class: "navtable simpletable" };
8060
+ const _hoisted_2$8 = { class: "navtable-table" };
8048
8061
  const _hoisted_3$3 = /* @__PURE__ */ createStaticVNode('<div class="navtable-item navtable-item__top"><div class="navtable-item-33"><label for="">Name</label></div><div class="navtable-item-66"><label for="">Value</label></div></div>', 1);
8049
8062
  const _hoisted_4$2 = { class: "navtable-item-33" };
8050
8063
  const _hoisted_5$2 = { class: "navtable-item-66" };
8051
- const _sfc_main$f = /* @__PURE__ */ defineComponent({
8064
+ const _sfc_main$g = /* @__PURE__ */ defineComponent({
8052
8065
  __name: "SimpleGrid",
8053
8066
  props: {
8054
8067
  items: {}
8055
8068
  },
8056
8069
  setup(__props) {
8057
8070
  return (_ctx, _cache) => {
8058
- return openBlock(), createElementBlock("div", _hoisted_1$d, [
8059
- createElementVNode("div", _hoisted_2$7, [
8071
+ return openBlock(), createElementBlock("div", _hoisted_1$e, [
8072
+ createElementVNode("div", _hoisted_2$8, [
8060
8073
  _hoisted_3$3,
8061
8074
  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
8062
8075
  return openBlock(), createElementBlock("div", {
@@ -8076,15 +8089,15 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
8076
8089
  };
8077
8090
  }
8078
8091
  });
8079
- const _hoisted_1$c = { key: 0 };
8080
- const _sfc_main$e = /* @__PURE__ */ defineComponent({
8092
+ const _hoisted_1$d = { key: 0 };
8093
+ const _sfc_main$f = /* @__PURE__ */ defineComponent({
8081
8094
  __name: "RequestBody",
8082
8095
  props: {
8083
8096
  body: {},
8084
8097
  formData: {}
8085
8098
  },
8086
8099
  setup(__props) {
8087
- const { activeRequest: activeRequest2, setActiveRequest: setActiveRequest2 } = useApiClientRequestStore();
8100
+ const { activeRequest: activeRequest2, setActiveRequest: setActiveRequest2 } = useRequestStore();
8088
8101
  const updateActiveRequest = (value) => {
8089
8102
  if (activeRequest2.body !== value) {
8090
8103
  setActiveRequest2({
@@ -8094,9 +8107,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
8094
8107
  }
8095
8108
  };
8096
8109
  return (_ctx, _cache) => {
8097
- return openBlock(), createBlock(unref(_sfc_main$i), { title: "Body" }, {
8110
+ return openBlock(), createBlock(unref(_sfc_main$j), { title: "Body" }, {
8098
8111
  default: withCtx(() => [
8099
- _ctx.body && _ctx.body.length === 0 && _ctx.formData && _ctx.formData.length === 0 ? (openBlock(), createElementBlock("span", _hoisted_1$c, "No Body")) : _ctx.formData && _ctx.formData.length > 0 ? (openBlock(), createBlock(unref(_sfc_main$g), {
8112
+ _ctx.body && _ctx.body.length === 0 && _ctx.formData && _ctx.formData.length === 0 ? (openBlock(), createElementBlock("span", _hoisted_1$d, "No Body")) : _ctx.formData && _ctx.formData.length > 0 ? (openBlock(), createBlock(unref(_sfc_main$h), {
8100
8113
  key: 1,
8101
8114
  items: _ctx.formData
8102
8115
  }, null, 8, ["items"])) : (openBlock(), createBlock(unref(CodeMirror), {
@@ -8112,6 +8125,68 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
8112
8125
  };
8113
8126
  }
8114
8127
  });
8128
+ const _hoisted_1$c = {
8129
+ key: 0,
8130
+ class: "scalar-api-client__empty-state"
8131
+ };
8132
+ const _hoisted_2$7 = /* @__PURE__ */ createElementVNode("svg", {
8133
+ class: "flow-icon",
8134
+ "data-v-aa4fbd2d": "",
8135
+ height: "100%",
8136
+ viewBox: "0 0 48 48",
8137
+ xmlns: "http://www.w3.org/2000/svg"
8138
+ }, [
8139
+ /* @__PURE__ */ createElementVNode("path", {
8140
+ d: "M24 1.714v44.572M1.714 24h44.572",
8141
+ fill: "none",
8142
+ stroke: "currentColor",
8143
+ "stroke-linecap": "round",
8144
+ "stroke-linejoin": "round",
8145
+ "stroke-width": "3.429",
8146
+ xmlns: "http://www.w3.org/2000/svg"
8147
+ })
8148
+ ], -1);
8149
+ const _sfc_main$e = /* @__PURE__ */ defineComponent({
8150
+ __name: "RequestCookies",
8151
+ props: {
8152
+ cookies: {}
8153
+ },
8154
+ setup(__props) {
8155
+ const { activeRequest: activeRequest2 } = useRequestStore();
8156
+ function handleDeleteIndex(index) {
8157
+ var _a;
8158
+ (_a = activeRequest2.cookies) == null ? void 0 : _a.splice(index, 1);
8159
+ }
8160
+ function addAnotherHandler() {
8161
+ var _a;
8162
+ (_a = activeRequest2.cookies) == null ? void 0 : _a.push({ name: "", value: "" });
8163
+ }
8164
+ return (_ctx, _cache) => {
8165
+ return openBlock(), createBlock(unref(_sfc_main$j), { title: "Cookies" }, {
8166
+ default: withCtx(() => [
8167
+ !_ctx.cookies || _ctx.cookies.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
8168
+ createElementVNode("button", {
8169
+ class: "scalar-api-client-add",
8170
+ type: "button",
8171
+ onClick: addAnotherHandler
8172
+ }, [
8173
+ _hoisted_2$7,
8174
+ createTextVNode(" Cookies ")
8175
+ ])
8176
+ ])) : (openBlock(), createBlock(unref(_sfc_main$h), {
8177
+ key: 1,
8178
+ addLabel: "Cookie",
8179
+ items: _ctx.cookies,
8180
+ onAddAnother: addAnotherHandler,
8181
+ onDeleteIndex: handleDeleteIndex
8182
+ }, null, 8, ["items"]))
8183
+ ]),
8184
+ _: 1
8185
+ });
8186
+ };
8187
+ }
8188
+ });
8189
+ const RequestCookies_vue_vue_type_style_index_0_lang = "";
8115
8190
  const _hoisted_1$b = {
8116
8191
  key: 0,
8117
8192
  class: "scalar-api-client__empty-state"
@@ -8139,7 +8214,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
8139
8214
  headers: {}
8140
8215
  },
8141
8216
  setup(__props) {
8142
- const { activeRequest: activeRequest2 } = useApiClientRequestStore();
8217
+ const { activeRequest: activeRequest2 } = useRequestStore();
8143
8218
  function handleDeleteIndex(index) {
8144
8219
  var _a;
8145
8220
  (_a = activeRequest2.headers) == null ? void 0 : _a.splice(index, 1);
@@ -8149,7 +8224,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
8149
8224
  (_a = activeRequest2.headers) == null ? void 0 : _a.push({ name: "", value: "" });
8150
8225
  }
8151
8226
  return (_ctx, _cache) => {
8152
- return openBlock(), createBlock(unref(_sfc_main$i), { title: "Headers" }, {
8227
+ return openBlock(), createBlock(unref(_sfc_main$j), { title: "Headers" }, {
8153
8228
  default: withCtx(() => [
8154
8229
  !_ctx.headers || _ctx.headers.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
8155
8230
  createElementVNode("button", {
@@ -8160,7 +8235,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
8160
8235
  _hoisted_2$6,
8161
8236
  createTextVNode(" Headers ")
8162
8237
  ])
8163
- ])) : (openBlock(), createBlock(unref(_sfc_main$g), {
8238
+ ])) : (openBlock(), createBlock(unref(_sfc_main$h), {
8164
8239
  key: 1,
8165
8240
  addLabel: "Header",
8166
8241
  items: _ctx.headers,
@@ -8201,7 +8276,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
8201
8276
  queries: {}
8202
8277
  },
8203
8278
  setup(__props) {
8204
- const { activeRequest: activeRequest2 } = useApiClientRequestStore();
8279
+ const { activeRequest: activeRequest2 } = useRequestStore();
8205
8280
  function handleDeleteIndex(index) {
8206
8281
  var _a;
8207
8282
  (_a = activeRequest2.query) == null ? void 0 : _a.splice(index, 1);
@@ -8211,7 +8286,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
8211
8286
  (_a = activeRequest2.query) == null ? void 0 : _a.push({ name: "", value: "" });
8212
8287
  }
8213
8288
  return (_ctx, _cache) => {
8214
- return openBlock(), createBlock(unref(_sfc_main$i), { title: "Query Parameters" }, {
8289
+ return openBlock(), createBlock(unref(_sfc_main$j), { title: "Query Parameters" }, {
8215
8290
  default: withCtx(() => [
8216
8291
  !_ctx.queries || _ctx.queries.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
8217
8292
  createElementVNode("button", {
@@ -8222,7 +8297,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
8222
8297
  _hoisted_2$5,
8223
8298
  createTextVNode(" Query Parameter ")
8224
8299
  ])
8225
- ])) : (openBlock(), createBlock(unref(_sfc_main$g), {
8300
+ ])) : (openBlock(), createBlock(unref(_sfc_main$h), {
8226
8301
  key: 1,
8227
8302
  addLabel: "Query Parameter",
8228
8303
  items: _ctx.queries,
@@ -8262,7 +8337,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
8262
8337
  variables: {}
8263
8338
  },
8264
8339
  setup(__props) {
8265
- const { activeRequest: activeRequest2 } = useApiClientRequestStore();
8340
+ const { activeRequest: activeRequest2 } = useRequestStore();
8266
8341
  function handleDeleteIndex(index) {
8267
8342
  var _a;
8268
8343
  (_a = activeRequest2.parameters) == null ? void 0 : _a.splice(index, 1);
@@ -8272,7 +8347,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
8272
8347
  (_a = activeRequest2.parameters) == null ? void 0 : _a.push({ name: "", value: "" });
8273
8348
  }
8274
8349
  return (_ctx, _cache) => {
8275
- return openBlock(), createBlock(unref(_sfc_main$i), { title: "Variables" }, {
8350
+ return openBlock(), createBlock(unref(_sfc_main$j), { title: "Variables" }, {
8276
8351
  default: withCtx(() => [
8277
8352
  !_ctx.variables || _ctx.variables.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
8278
8353
  createElementVNode("button", {
@@ -8283,7 +8358,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
8283
8358
  _hoisted_2$4,
8284
8359
  createTextVNode(" Variable ")
8285
8360
  ])
8286
- ])) : (openBlock(), createBlock(unref(_sfc_main$g), {
8361
+ ])) : (openBlock(), createBlock(unref(_sfc_main$h), {
8287
8362
  key: 1,
8288
8363
  addLabel: "Variable",
8289
8364
  items: _ctx.variables,
@@ -8306,7 +8381,7 @@ const _hoisted_7$1 = /* @__PURE__ */ createElementVNode("div", { class: "scalar-
8306
8381
  const _sfc_main$a = /* @__PURE__ */ defineComponent({
8307
8382
  __name: "Request",
8308
8383
  setup(__props) {
8309
- const { activeRequest: activeRequest2, readOnly: readOnly2 } = useApiClientRequestStore();
8384
+ const { activeRequest: activeRequest2, readOnly: readOnly2 } = useRequestStore();
8310
8385
  return (_ctx, _cache) => {
8311
8386
  return openBlock(), createElementBlock("div", _hoisted_1$8, [
8312
8387
  createElementVNode("div", _hoisted_2$3, [
@@ -8326,17 +8401,20 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
8326
8401
  ])
8327
8402
  ]),
8328
8403
  createElementVNode("div", null, [
8329
- createVNode(_sfc_main$h),
8330
8404
  createVNode(_sfc_main$b, {
8331
8405
  variables: unref(activeRequest2).parameters
8332
8406
  }, null, 8, ["variables"]),
8333
- createVNode(_sfc_main$c, {
8334
- queries: unref(activeRequest2).query
8335
- }, null, 8, ["queries"]),
8407
+ createVNode(_sfc_main$i),
8408
+ createVNode(_sfc_main$e, {
8409
+ cookies: unref(activeRequest2).cookies
8410
+ }, null, 8, ["cookies"]),
8336
8411
  createVNode(_sfc_main$d, {
8337
8412
  headers: unref(activeRequest2).headers
8338
8413
  }, null, 8, ["headers"]),
8339
- createVNode(_sfc_main$e, {
8414
+ createVNode(_sfc_main$c, {
8415
+ queries: unref(activeRequest2).query
8416
+ }, null, 8, ["queries"]),
8417
+ createVNode(_sfc_main$f, {
8340
8418
  body: unref(activeRequest2).body,
8341
8419
  formData: unref(activeRequest2).formData,
8342
8420
  requestBody: unref(activeRequest2).body
@@ -8491,7 +8569,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
8491
8569
  return null;
8492
8570
  });
8493
8571
  return (_ctx, _cache) => {
8494
- return openBlock(), createBlock(unref(_sfc_main$i), { title: "Body" }, {
8572
+ return openBlock(), createBlock(unref(_sfc_main$j), { title: "Body" }, {
8495
8573
  default: withCtx(() => [
8496
8574
  _ctx.active ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
8497
8575
  codeMirrorLanguages.value ? (openBlock(), createBlock(unref(CodeMirror), {
@@ -8618,7 +8696,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
8618
8696
  }).join("-");
8619
8697
  };
8620
8698
  return (_ctx, _cache) => {
8621
- return openBlock(), createBlock(unref(_sfc_main$i), { title: "Headers" }, {
8699
+ return openBlock(), createBlock(unref(_sfc_main$j), { title: "Headers" }, {
8622
8700
  default: withCtx(() => [
8623
8701
  _ctx.headers.length > 0 ? (openBlock(), createBlock(unref(SimpleTable), { key: 0 }, {
8624
8702
  default: withCtx(() => [
@@ -8751,7 +8829,7 @@ const _hoisted_9 = /* @__PURE__ */ createElementVNode("div", { class: "scalar-ap
8751
8829
  const _sfc_main$1 = /* @__PURE__ */ defineComponent({
8752
8830
  __name: "Response",
8753
8831
  setup(__props) {
8754
- const { activeResponse: activeResponse2, activeRequestId: activeRequestId2 } = useApiClientRequestStore();
8832
+ const { activeResponse: activeResponse2, activeRequestId: activeRequestId2 } = useRequestStore();
8755
8833
  const responseHeaders = computed(() => {
8756
8834
  var _a;
8757
8835
  const headers = (_a = activeResponse2.value) == null ? void 0 : _a.headers;
@@ -8798,9 +8876,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
8798
8876
  headers: responseHeaders.value
8799
8877
  }, null, 8, ["active", "data", "headers"]),
8800
8878
  createVNode(_sfc_main$3, { headers: responseHeaders.value }, null, 8, ["headers"]),
8801
- createVNode(unref(_sfc_main$i), { title: "Cookies" }, {
8879
+ createVNode(unref(_sfc_main$j), { title: "Cookies" }, {
8802
8880
  default: withCtx(() => [
8803
- withDirectives(createVNode(unref(_sfc_main$f), { items: responseCookies.value }, null, 8, ["items"]), [
8881
+ withDirectives(createVNode(unref(_sfc_main$g), { items: responseCookies.value }, null, 8, ["items"]), [
8804
8882
  [vShow, responseCookies.value.length > 0]
8805
8883
  ]),
8806
8884
  responseCookies.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_8, "No Cookies")) : createCommentVNode("", true)
@@ -8825,7 +8903,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
8825
8903
  emits: ["escapeKeyPress"],
8826
8904
  setup(__props, { emit }) {
8827
8905
  const props = __props;
8828
- const { activeRequest: activeRequest2, readOnly: stateReadOnly } = useApiClientRequestStore();
8906
+ const { activeRequest: activeRequest2, readOnly: stateReadOnly } = useRequestStore();
8829
8907
  const isSmallScreen = useMediaQuery("(max-width: 820px)");
8830
8908
  const selectedTab = ref(0);
8831
8909
  const Tabs = {
@@ -8848,7 +8926,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
8848
8926
  });
8849
8927
  return (_ctx, _cache) => {
8850
8928
  return openBlock(), createElementBlock(Fragment, null, [
8851
- createVNode(unref(_sfc_main$o), { id: _ctx.theme }, null, 8, ["id"]),
8929
+ createVNode(unref(_sfc_main$p), { id: _ctx.theme }, null, 8, ["id"]),
8852
8930
  createElementVNode("div", {
8853
8931
  class: normalizeClass(["scalar-api-client", `scalar-api-client--${unref(activeRequest2).type.toLowerCase() || "get"}`]),
8854
8932
  onKeydown: _cache[1] || (_cache[1] = withKeys(($event) => emit("escapeKeyPress"), ["esc"]))
@@ -8934,7 +9012,7 @@ export {
8934
9012
  prepareClientRequestConfig,
8935
9013
  replaceVariables,
8936
9014
  sendRequest,
8937
- useApiClientRequestStore,
8938
9015
  useApiClientStore,
9016
+ useRequestStore,
8939
9017
  validRequestMethods
8940
9018
  };
package/dist/stores/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  export { useApiClientStore } from './apiClientStore';
2
- export { useApiClientRequestStore, createEmptyAuthState, } from './apiClientRequestStore';
2
+ export { useRequestStore, createEmptyAuthState } from './requestStore';
3
3
  //# sourceMappingURL=index.d.ts.map
package/dist/stores/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stores/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EACL,wBAAwB,EACxB,oBAAoB,GACrB,MAAM,yBAAyB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stores/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA"}
package/dist/stores/{apiClientRequestStore.d.ts → requestStore.d.ts} RENAMED
@@ -1,7 +1,7 @@
1
1
  import type { AuthState, ClientRequestConfig, RequestResult } from '../types';
2
2
  export declare const createEmptyAuthState: () => AuthState;
3
3
  type RequestHistoryEntry = RequestResult;
4
- export declare const useApiClientRequestStore: () => {
4
+ export declare const useRequestStore: () => {
5
5
  authState: {
6
6
  type: import("../types").AuthType;
7
7
  basic: {
@@ -46,6 +46,11 @@ export declare const useApiClientRequestStore: () => {
46
46
  value: string | number;
47
47
  customClass?: string | undefined;
48
48
  }[] | undefined;
49
+ cookies?: {
50
+ name: string;
51
+ value: string | number;
52
+ customClass?: string | undefined;
53
+ }[] | undefined;
49
54
  headers?: {
50
55
  name: string;
51
56
  value: string | number;
@@ -67,4 +72,4 @@ export declare const useApiClientRequestStore: () => {
67
72
  setActiveRequest: (request: ClientRequestConfig) => void;
68
73
  };
69
74
  export {};
70
- //# sourceMappingURL=apiClientRequestStore.d.ts.map
75
+ //# sourceMappingURL=requestStore.d.ts.map
package/dist/stores/requestStore.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"requestStore.d.ts","sourceRoot":"","sources":["../../src/stores/requestStore.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,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mCA9BU,MAAM;iCAPR,mBAAmB;gCA0BpB,mBAAmB;CAsBpD,CAAA"}
package/dist/types.d.ts CHANGED
@@ -37,6 +37,7 @@ export type BaseParameter = {
37
37
  };
38
38
  export type Header = BaseParameter;
39
39
  export type Query = BaseParameter;
40
+ export type Cookie = BaseParameter;
40
41
  export type FormDataItem = BaseParameter;
41
42
  /** Complete request state for a client request */
42
43
  export type ClientRequestConfig = {
@@ -52,6 +53,8 @@ export type ClientRequestConfig = {
52
53
  parameters?: BaseParameter[];
53
54
  /** Query parameters */
54
55
  query?: Query[];
56
+ /** Cookies */
57
+ cookies?: Cookie[];
55
58
  /** Request headers */
56
59
  headers?: Header[];
57
60
  /** Content type matched body */
package/dist/types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
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.25",
4
+ "version": "0.7.26",
5
5
  "author": "Scalar (https://github.com/scalar)",
6
6
  "bugs": "https://github.com/scalar/scalar/issues/new",
7
7
  "dependencies": {
package/dist/stores/apiClientRequestStore.d.ts.map DELETED
@@ -1 +0,0 @@
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"}