@scalar/api-reference 0.6.12 → 0.6.13

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @scalar/api-reference
 
+## 0.6.13
+
+### Patch Changes
+
+- 727d7f47: make swagger editor tab state controllable via prop
+- Updated dependencies [727d7f47]
+- Updated dependencies [727d7f47]
+  - @scalar/swagger-editor@0.6.11
+
 ## 0.6.12
 
 ### Patch Changes

package/dist/browser/standalone.js

@@ -80760,7 +80760,8 @@ ${closingBraceIndent}]`;
       specResult: {},
       proxyUrl: {},
       hocuspocusConfiguration: {},
-      theme: { default: "default" }
+      theme: { default: "default" },
+      initialTabState: {}
     },
     emits: ["changeTheme"],
     setup(__props) {
@@ -80895,11 +80896,12 @@ ${closingBraceIndent}]`;
             withDirectives(createBaseVNode$1("div", _hoisted_4$3, [
               createVNode$1(unref(LazyLoadedSwaggerEditor), {
                 hocuspocusConfiguration: _ctx.hocuspocusConfiguration,
+                initialTabState: _ctx.initialTabState,
                 theme: _ctx.theme,
                 value: specRef.value,
                 onChangeTheme: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("changeTheme", $event)),
                 onSpecUpdate: handleSpecUpdate
-              }, null, 8, ["hocuspocusConfiguration", "theme", "value"])
+              }, null, 8, ["hocuspocusConfiguration", "initialTabState", "theme", "value"])
             ], 512), [
               [vShow, showCodeEditor.value]
             ]),
@@ -114667,7 +114669,7 @@ Parsed value is empty`));
     try {
       if (typeof document != "undefined") {
         var elementStyle = document.createElement("style");
-        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-app-header-height: 50px;\n  --default-theme-border-width: 1px;\n  --default-theme-radius: 3px;\n  --default-theme-radius-lg: 6px;\n  --default-theme-radius-xl: 8px;\n\n  --default-theme-header-height: 50px;\n  --default-theme-sidebar-width: 250px;\n  --default-theme-toc-width: 250px;\n\n  /* TYPOGRAPHY ------------------------------------ */\n  --default-theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n  --default-theme-font-code: 'JetBrains Mono';\n\n  /** Font sizes for rendered text content (editor styles or static content) */\n  --default-theme-heading-1: 40px; /* Editor Page heading */\n  --default-theme-page-description: 24px;\n  --default-theme-heading-2: 24px; /* Editor section headings */\n  --default-theme-heading-3: 20px;\n  --default-theme-heading-4: 16px;\n  --default-theme-heading-5: 16px;\n  --default-theme-heading-6: 16px;\n\n  --default-theme-paragraph: 16px;\n  --default-theme-small: 14px;\n  --default-theme-mini: 13px;\n  --default-theme-micro: 12px;\n  --default-theme-bold: 600;\n  --default-theme-semibold: 500;\n  --default-theme-regular: 400;\n\n  /* Font sizes for interactive applications (not rendered text content) */\n  --default-theme-font-size-1: 24px;\n  --default-theme-font-size-2: 16px;\n  --default-theme-font-size-3: 14px;\n  --default-theme-font-size-4: 13px;\n  --default-theme-font-size-5: 12px;\n\n  --default-theme-line-height-1: 32px;\n  --default-theme-line-height-2: 24px;\n  --default-theme-line-height-3: 20px;\n  --default-theme-line-height-4: 18px;\n  --default-theme-line-height-5: 16px;\n\n  --default-theme-font-medium: 500;\n  --default-theme-font-bold: 700;\n\n  /* let's clean these up please :) */\n  --default-scalar-api-reference-theme-header-height: 0;\n  --default-scalar-api-reference-theme-sidebar-width: 250px;\n  --default-scalar-api-reference-theme-toc-width: 250px;\n  --default-scalar-api-reference-app-header-height: 100px;\n  --default-scalar-api-reference-col-width-1: 250px;\n  --default-scalar-api-reference-col-width-2: calc(50% - 125px);\n  --default-scalar-api-reference-col-width-3: calc(50% - 125px);\n  --default-scalar-api-reference-document-height: 100vh;\n  --default-scalar-api-reference-full-height: 100%;\n}\n@media (max-width: 460px) {\n  :root {\n    --default-theme-font-size-1: 22px;\n    --default-theme-font-size-2: 14px;\n    --default-theme-font-size-3: 12px;\n  }\n}\n@media (max-width: 720px) {\n  :root {\n    --default-theme-heading-1: 24px;\n    --default-theme-page-description: 20px;\n  }\n}\n.cm-scroller,\n.custom-scroll {\n  overflow-y: scroll;\n  scrollbar-color: transparent transparent;\n  scrollbar-width: thin;\n  -webkit-overflow-scrolling: touch;\n}\n.custom-scroll-self-contain-overflow {\n  overscroll-behavior: contain;\n}\n.custom-scroll-extra-padding-right {\n  padding-right: 12px !important;\n}\n@supports (-moz-appearance: none) {\n  .cm-scroller,\n  .custom-scroll {\n    padding-right: 12px;\n  }\n  .custom-scroll-extra-padding-right {\n    padding-right: 24px !important;\n  }\n}\n.cm-scroller:hover,\n.custom-scroll:hover {\n  scrollbar-color: var(\n      --theme-scrollbar-color,\n      var(--default-theme-scrollbar-color)\n    )\n    transparent;\n}\n.cm-scroller:hover::-webkit-scrollbar-thumb,\n.custom-scroll:hover::-webkit-scrollbar-thumb {\n  background: var(\n    --theme-scrollbar-color,\n    var(--default-theme-scrollbar-color)\n  );\n  background-clip: content-box;\n  border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb:active,\n.custom-scroll::-webkit-scrollbar-thumb:active {\n  background: var(\n    --theme-scrollbar-color-active,\n    var(--default-theme-scrollbar-color-active)\n  );\n  background-clip: content-box;\n  border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-corner,\n.custom-scroll::-webkit-scrollbar-corner {\n  background: transparent;\n}\n.cm-scroller::-webkit-scrollbar,\n.custom-scroll::-webkit-scrollbar {\n  height: 12px;\n  width: 12px;\n}\n.cm-scroller::-webkit-scrollbar-track,\n.custom-scroll::-webkit-scrollbar-track {\n  background: transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb,\n.custom-scroll::-webkit-scrollbar-thumb {\n  border-radius: 20px;\n  background: transparent;\n  background-clip: content-box;\n  border: 3px solid transparent;\n}\n@media (pointer: coarse) {\n  .cm-scroller,\n  .custom-scroll {\n    padding-right: 12px;\n  }\n  .custom-scroll-extra-padding-right {\n    padding-right: 24px !important;\n  }\n}\n\n.start[data-v-d8e86e79] {\n  padding: 0 18px 24px 30px;\n}\n.start-h1[data-v-d8e86e79] {\n  font-size: var(--theme-heading-2, var(--default-theme-heading-2));\n  margin-bottom: 24px;\n  margin-top: 0;\n  line-height: 1.45;\n  font-weight: var(--theme-bold, var(--default-theme-bold));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.start-p[data-v-d8e86e79] {\n  margin-top: 12px;\n  font-size: var(--theme-paragraph, var(--default-theme-paragraph));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  line-height: 1.5;\n}\n.start-section[data-v-d8e86e79] {\n  padding: 24px 0 0;\n}\n.start-h2[data-v-d8e86e79] {\n  padding-bottom: 9px;\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  font-size: var(--theme-mini, var(--default-theme-mini));\n  font-weight: var(--theme-font-semibold, var(--default-theme-semibold));\n}\n.swagger-editor-integrations[data-v-d8e86e79] {\n  width: 100%;\n  position: relative;\n  user-select: none;\n}\n.start-link-item[data-v-d8e86e79] {\n  display: flex;\n  align-items: center;\n  font-size: var(--theme-mini, var(--default-theme-mini));\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  display: flex;\n  width: 100%;\n  cursor: pointer;\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  margin-bottom: 2px;\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  z-index: 10;\n  text-decoration: none;\n  height: 30px;\n  padding: 0 9px;\n}\n.start-link-item[data-v-d8e86e79]:hover {\n  background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.start-link-item svg[data-v-d8e86e79] {\n  height: 14px;\n  width: 14px;\n  margin-right: 6px;\n}\n.start-item-table[data-v-d8e86e79] {\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  padding: 2px;\n}\n.start-item-table .start-item[data-v-d8e86e79]:nth-of-type(1) {\n  border-top: none;\n}\n.start-item[data-v-d8e86e79] {\n  padding: 0 9px;\n  height: 30px;\n  display: flex;\n  align-items: center;\n  margin-bottom: 1px;\n  user-select: none;\n  cursor: pointer;\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  font-size: var(--theme-mini, var(--default-theme-mini));\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n}\n.start-item svg[data-v-d8e86e79] {\n  width: 14px;\n  height: 14px;\n  margin-right: 6px;\n}\n.start-item[data-v-d8e86e79]:hover {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.start-item-active[data-v-d8e86e79] {\n  box-shadow: 0 0 0 1px\n    var(--theme-border-color, var(--default-theme-border-color));\n}\n.start-item-active[data-v-d8e86e79]:hover {\n  background: transparent;\n}\n.start-item-color[data-v-d8e86e79] {\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  margin-right: 6px;\n  border-radius: 50%;\n  height: 13px;\n  width: 13px;\n}\n.start-item-color-moon[data-v-d8e86e79] {\n  background: #cdc9b3;\n}\n.dark-mode .start-item-color-moon[data-v-d8e86e79] {\n  background: #323332;\n}\n.start-item-color-solarized[data-v-d8e86e79] {\n  background: #fdf6e3;\n}\n.dark-mode .start-item-color-solarized[data-v-d8e86e79] {\n  background: #00212b;\n}\n.start-item-color-purple[data-v-d8e86e79] {\n  background: #f5f6fd;\n}\n.dark-mode .start-item-color-purple[data-v-d8e86e79] {\n  background: #262a40;\n}\n.start-item-color-alternate[data-v-d8e86e79] {\n  background: #f6f6f6;\n}\n.dark-mode .start-item-color-alternate[data-v-d8e86e79] {\n  background: #252525;\n}\n.start-item-color-default[data-v-d8e86e79] {\n  background: #fff;\n}\n.dark-mode .start-item-color-default[data-v-d8e86e79] {\n  background: #1a1a1a;\n}\n\n.modal-layout[data-v-f3fa29e7] {\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-f3fa29e7 0.2s forwards;\n}\n.modal-body[data-v-f3fa29e7] {\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-f3fa29e7] {\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-f3fa29e7 0.15s 0.15s forwards;\n  display: flex;\n  flex-direction: column;\n}\n.modal-content-large[data-v-f3fa29e7] {\n  max-width: 800px;\n}\n.modal-content-normal[data-v-f3fa29e7] {\n  max-width: 640px;\n}\n.modal-content-small[data-v-f3fa29e7] {\n  max-width: 480px;\n}\n@keyframes modal-fade-f3fa29e7 {\nfrom {\n    opacity: 0;\n}\nto {\n    opacity: 1;\n}\n}\n@keyframes modal-pop-f3fa29e7 {\n0% {\n    opacity: 0;\n}\n100% {\n    opacity: 1;\n    transform: scale(1);\n}\n}\n.modal-header[data-v-f3fa29e7] {\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-search[data-v-f3fa29e7] {\n  max-width: 540px;\n}\n.modal-content-search .modal-body[data-v-f3fa29e7] {\n  padding: 0;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  max-height: 440px;\n}\n\n.loader-wrapper[data-v-fdd87947] {\n  position: relative;\n  height: var(--53793cee);\n  width: var(--53793cee);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  --default-loader-size: 50%;\n}\n\n/*SVG Positioning for Loader Objects*/\n.svg-loader[data-v-fdd87947] {\n  width: var(--loader-size, var(--default-loader-size));\n  height: var(--loader-size, var(--default-loader-size));\n  top: 1rem;\n  right: 0.9rem;\n  overflow: visible;\n\n  fill: none;\n  background-color: transparent;\n  stroke: currentColor;\n}\n.svg-path[data-v-fdd87947] {\n  stroke-width: 14;\n  fill: none;\n  transition: 0.3s;\n}\n.svg-x-mark[data-v-fdd87947] {\n  stroke-dasharray: 57;\n  stroke-dashoffset: 57;\n  transition-delay: 0s;\n}\n.svg-check-mark[data-v-fdd87947] {\n  stroke-dasharray: 149;\n  stroke-dashoffset: 149;\n  transition-delay: 0s;\n}\n.icon-is-invalid .svg-x-mark[data-v-fdd87947] {\n  stroke-dashoffset: 0;\n  transition-delay: 0.3s;\n}\n.icon-is-valid .svg-check-mark[data-v-fdd87947] {\n  stroke-dashoffset: 0;\n  transition-delay: 0.3s;\n}\n.circular-loader[data-v-fdd87947] {\n  animation: rotate-fdd87947 0.7s linear infinite,fade-in-fdd87947 0.4s;\n\n  transform-origin: center center;\n  transform: scale(5);\n\n  background: transparent;\n}\n.loader-path[data-v-fdd87947] {\n  stroke-dasharray: 50, 200;\n  stroke-dashoffset: -100;\n  stroke-linecap: round;\n}\n.loader-path-off[data-v-fdd87947] {\n  stroke-dasharray: 50, 200;\n  stroke-dashoffset: -100;\n  transition: opacity 0.3s;\n  opacity: 0;\n}\n@keyframes fade-in-fdd87947 {\n0% {\n    opacity: 0;\n}\n70% {\n    opacity: 0;\n}\n100% {\n    opacity: 1;\n}\n}\n@keyframes rotate-fdd87947 {\nfrom {\n    transform: scale(5) rotate(0deg);\n}\nto {\n    transform: scale(5) rotate(360deg);\n}\n}\n\n.flow-button[data-v-823fe197] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1;\n  position: relative;\n  appearance: none;\n  -webkit-appearance: none;\n  height: 40px;\n  padding: 0px 24px;\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  color: var(--theme-button-1-color, var(--default-theme-button-1-color));\n  font-size: var(--theme-small, var(--default-theme-small));\n  font-weight: 500;\n  cursor: pointer;\n  background: var(--theme-button-1, var(--default-theme-button-1));\n  border: none;\n  width: 100%;\n  box-shadow: rgba(0, 0, 0, 0.09) 0px 1px 4px;\n}\n.flow-button[data-v-823fe197]:hover,\n.flow-button[data-v-823fe197]:focus-visible {\n  background: var(--theme-button-1-hover, var(--default-theme-button-1-hover));\n}\n.flow-button[data-v-823fe197]:active {\n  box-shadow: none;\n  background: var(--theme-button-1, var(--default-theme-button-1));\n}\n.flow-button[disabled][data-v-823fe197] {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  cursor: unset;\n  box-shadow: none;\n}\n.flow-button.flow-button-icon-only[data-v-823fe197] {\n  width: 24px;\n  height: 24px;\n  padding: 0;\n}\n\n/* ----------------------------------------------------- */\n.flow-button-outlined[data-v-823fe197] {\n  background: var(--theme-background-1, var(--default-theme-background-1));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  padding: 11px 23px;\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  box-shadow: rgba(0, 0, 0, 0.09) 0px 1px 4px;\n}\n.flow-button-outlined[data-v-823fe197]:hover,\n.flow-button-outlined[data-v-823fe197]:focus-visible {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.flow-button-outlined[data-v-823fe197]:active {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.flow-button-outlined[disabled][data-v-823fe197] {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  cursor: unset;\n  box-shadow: none;\n}\n\n/* ----------------------------------------------------- */\n.flow-button-clear[data-v-823fe197] {\n  background: transparent;\n  box-shadow: none;\n  color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.flow-button-clear[data-v-823fe197]:active {\n  background: transparent;\n}\n.flow-button-clear[data-v-823fe197]:hover,\n.flow-button-clear[data-v-823fe197]:focus-visible {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  box-shadow: none;\n}\n.flow-button-clear[disabled][data-v-823fe197] {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  cursor: unset;\n  box-shadow: none;\n}\n\n/* ----------------------------------------------------- */\n.flow-button-text[data-v-823fe197] {\n  background: transparent;\n  box-shadow: none;\n  color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.flow-button-text[data-v-823fe197]:active {\n  background: transparent;\n}\n.flow-button-text[data-v-823fe197]:hover,\n.flow-button-text[data-v-823fe197]:focus-visible {\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  background: transparent;\n  box-shadow: none;\n}\n.flow-button-text[disabled][data-v-823fe197] {\n  background: transparent;\n  color: var(--theme-color-ghost, var(--default-theme-color-ghost));\n  cursor: unset;\n  box-shadow: none;\n}\n\n/* ----------------------------------------------------- */\n.flow-button--delete[data-v-823fe197] {\n  background: var(--theme-error-color, var(--default-theme-color-red));\n  color: white;\n}\n.flow-button--delete[data-v-823fe197]:active {\n  background: var(--theme-error-color, var(--default-theme-color-red));\n}\n.flow-button--delete[data-v-823fe197]:hover {\n  background: var(--theme-error-color, var(--default-theme-color-red));\n  opacity: 0.86;\n}\n\n/* ----------------------------------------------------- */\n.flow-button-loader[data-v-823fe197] {\n  position: absolute;\n  right: 8px;\n}\n.flow-button-decorator[data-v-823fe197] {\n  margin-right: 9px;\n  color: currentColor;\n  display: flex;\n  align-items: center;\n  height: 14px;\n  width: 14px;\n}\n.flow-button-icon-only .flow-button-decorator[data-v-823fe197] {\n  margin-right: 0;\n}\n\n.flow-input-cont[data-v-7c3e6721] {\n  position: relative;\n}\n.flow-input-wrapper[data-v-7c3e6721] {\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n.flow-input-wrapper--focus[data-v-7c3e6721] {\n  border-color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.flow-input-wrapper--focus[data-v-7c3e6721]:has(button:active) {\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color)) !important;\n}\n.flow-input__multiline[data-v-7c3e6721] {\n  min-height: 77px;\n}\n.flow-label[data-v-7c3e6721] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  pointer-events: none;\n  padding: 0px 3px;\n  margin: 12px 9px;\n  width: fit-content;\n  background: transparent;\n  font-size: var(--theme-font-size-3, var(--default-theme-font-size-3));\n  background-color: var(\n    --theme-background-1,\n    var(--default-theme-background-1)\n  );\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  box-shadow: 0 0 2px 2px\n    var(--theme-background-1, var(--default-theme-background-1));\n  transition: transform 0.2s ease-in-out;\n  transform-origin: top left;\n  z-index: 10;\n  line-height: initial;\n}\n.flow-input[data-v-7c3e6721] {\n  outline: none;\n  appearance: none;\n  -webkit-appearance: none;\n  font-size: var(--theme-font-size-3, var(--default-theme-font-size-3));\n  font-family: var(--theme-font, var(--default-theme-font));\n  border: none;\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  padding: 12px;\n  width: 100%;\n  background: transparent;\n  z-index: 10;\n  transition: opacity 0.15s ease-in-out;\n  resize: none;\n}\n.flow-input[data-v-7c3e6721]:has(+ .flow-label) {\n  opacity: 0;\n}\n.flow-input[data-v-7c3e6721]::placeholder {\n  color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.flow-input[data-v-7c3e6721]::-webkit-input-placeholder,\n.flow-input[data-v-7c3e6721]:-ms-input-placeholder,\n.flow-input[data-v-7c3e6721]::placeholder {\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  font-family: var(--theme-font, var(--default-theme-font));\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.flow-input[data-v-7c3e6721]:not(:placeholder-shown),\n.flow-input-wrapper--focus .flow-input[data-v-7c3e6721] {\n  opacity: 1;\n  transition: opacity 0.2s ease-in-out 0.15s;\n}\n.flow-input-wrapper--focus .flow-label[data-v-7c3e6721] {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.flow-input[data-v-7c3e6721]::selection {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  background: rgba(255, 165, 88, 0.35);\n}\n.flow-input[data-v-7c3e6721]:-webkit-autofill,\n.flow-input[data-v-7c3e6721]:-webkit-autofill:hover,\n.flow-input[data-v-7c3e6721]:-webkit-autofill:focus,\n.flow-input[data-v-7c3e6721]:-webkit-autofill:active,\n.flow-input[data-v-7c3e6721]:focus-within:-webkit-autofill,\n.flow-input[data-v-7c3e6721]:focus-within:-webkit-autofill:hover,\n.flow-input[data-v-7c3e6721]:focus-within:-webkit-autofill:focus,\n.flow-input[data-v-7c3e6721]:focus-within:-webkit-autofill:active {\n  -webkit-box-shadow: 0 0 0px 1000px\n    var(--theme-background-1, var(--default-theme-background-1)) inset !important;\n  -webkit-text-fill-color: var(--theme-color-1, var(--default-theme-color-1));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n}\n.helper-text[data-v-7c3e6721] {\n  margin-top: 6px;\n  font-size: var(--theme-mini, var(--default-theme-mini));\n  color: var(--theme-error-color, var(--default-theme-color-red));\n  display: flex;\n  align-items: center;\n}\n.helper-text[data-v-7c3e6721]:before {\n  content: '!';\n  border-radius: 50%;\n  background: var(--theme-error-color, var(--default-theme-color-red));\n  color: white;\n  font-weight: 900;\n  width: 15px;\n  height: 15px;\n  line-height: 15px;\n  display: block;\n  margin-right: 6px;\n  text-align: center;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.helper-text[data-v-7c3e6721]:empty {\n  display: none;\n}\n.flow-input-wrapper--error[data-v-7c3e6721] {\n  border-color: var(--theme-error-color, var(--default-theme-color-red));\n}\n.flow-input-wrapper--error .flow-label[data-v-7c3e6721] {\n  color: var(--theme-error-color, var(--default-theme-color-red));\n}\n.flow-input-wrapper--warn[data-v-7c3e6721] {\n  border-color: var(--theme-error-color, var(--default-theme-color-red));\n}\n.flow-input-wrapper--warn .flow-label[data-v-7c3e6721] {\n  color: var(--theme-error-color, var(--default-theme-color-red));\n}\n.flow-input-wrapper--focus .flow-label[data-v-7c3e6721],\n.flow-input:not(:placeholder-shown) + .flow-label[data-v-7c3e6721] {\n  transform: translate3d(0, -20px, 0) scale(0.8);\n  transform-origin: top left;\n}\n.flow-input-wrapper--focus:has(button:active) .flow-label[data-v-7c3e6721] {\n  color: var(--theme-color-3, var(--default-theme-color-3)) !important;\n}\n.icon-slot[data-v-7c3e6721]:not(:empty) {\n  display: flex;\n  align-items: center;\n  padding-right: 12px;\n  width: 28px;\n  cursor: pointer;\n  color: var(--theme-color-ghost, var(--default-theme-color-ghost));\n}\n.icon-slot[data-v-7c3e6721]:hover {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n\n.swagger-editor-header {\n  padding: 12px;\n  display: flex;\n  align-items: center;\n  flex-flow: wrap;\n  position: relative;\n}\n.swagger-editor-header span {\n  font-size: var(--theme-mini, var(--default-theme-mini));\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  font-weight: 600;\n  margin-right: 12px;\n  position: relative;\n  cursor: pointer;\n}\n.swagger-editor-title {\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  font-size: var(--theme-mini, var(--default-theme-mini));\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  position: relative;\n}\n.swagger-editor-title:hover {\n  background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.swagger-editor-title + .swagger-editor-title {\n  margin-left: 6px;\n}\n.swagger-editor-type {\n  padding: 9px;\n  user-select: none;\n  position: relative;\n}\n.swagger-editor-buttons {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 12px 0 18px;\n  height: 35px;\n  min-height: 35px;\n  align-items: center;\n  border-top: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  border-bottom: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.swagger-editor-active {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  cursor: default;\n}\n.swagger-editor-buttons button {\n  background: transparent;\n  appearance: none;\n  outline: none;\n  border: none;\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex-shrink: 1;\n  min-width: 0;\n  padding: 4px 6px;\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  font-size: var(--theme-font-size-4, var(--default-theme-font-size-4));\n  user-select: none;\n  display: flex;\n  align-items: center;\n}\n.swagger-editor-buttons button svg {\n  width: 14px;\n  height: 14px;\n  margin-right: 6px;\n}\n.swagger-editor-buttons div {\n  display: flex;\n}\n.swagger-editor-buttons button:hover {\n  cursor: pointer;\n  border-color: currentColor;\n  background: var(--theme-background-3, var(--default-theme-background-3));\n}\n@media (max-width: 580px) {\n.swagger-editor-title i,\n  .swagger-editor-header button i {\n    display: none;\n}\n.swagger-editor-header button {\n    padding: 4px 8px;\n    margin-left: 6px;\n}\n}\n.swagger-editor-heading {\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  font-size: var(--theme-mini, var(--default-theme-mini));\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  text-transform: uppercase;\n}\n\n/** Basics */\n.scalar-api-client__codemirror__wrapper {\n  width: 100%;\n  height: 100%;\n  padding-top: 4px;\n  min-height: 76px;\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  display: flex;\n  align-items: stretch;\n}\n@media screen and (max-width: 720px) {\n.scalar-api-client__codemirror__wrapper {\n    width: calc(100% - 50px);\n}\n}\n.scalar-api-client__codemirror {\n  flex-grow: 1;\n  max-width: 100%;\n\n  font-size: var(--theme-small, var(--default-theme-small));\n}\n\n/* .scalar-api-client__codemirror.ͼw {\n  background-color: var(--theme-background-1, var(--default-theme-background-1));\n}\n\n.scalar-api-client__codemirror--read-only.ͼw {\n  background-color: var(--theme-background-2, var(--default-theme-background-2));\n} */\n\n/** URL input */\n.scalar-api-client__url-input {\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  min-height: auto;\n  padding-top: 0;\n}\n\n/* .scalar-api-client__url-input .cm-scroller {\n  padding-left: 6px;\n}\n\n.scalar-api-client__url-input .ͼ1 .cm-scroller {\n  align-items: center !important;\n} */\n.scalar-api-client__variable {\n  color: var(--scalar-api-client-color, var(--default-scalar-api-client-color));\n}\n.cm-focused {\n  outline: none !important;\n}\n\n.swagger-editor-input {\n  height: 100%;\n  overflow: hidden;\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n\n.swagger-editor-notification {\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  padding: 6px 8px;\n  font-size: var(--theme-font-size-5, var(--default-theme-font-size-5));\n  border-top: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n}\n.swagger-editor-notification--error {\n  background: var(--theme-error-color, var(--default-theme-color-red));\n  color: white;\n}\n\n.swagger-editor-status-bar {\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  padding: 6px 8px;\n  font-size: var(--theme-font-size-5, var(--default-theme-font-size-5));\n  border-top: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n}\n\n/** CSS Reset */\n.swagger-editor,\n#headlessui-portal-root {\np {\n    margin: 0;\n}\ni {\n    font-style: normal;\n}\nul,\n  ol {\n    margin: 0;\n    padding: 0;\n}\n\n  /** Add some more things which are normally applied to `html`. */\n  font-family: var(--theme-font, var(--default-theme-font));\n  line-height: 1.15;\n  -webkit-text-size-adjust: 100%;\n  -moz-tab-size: 4;\n  tab-size: 4;\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  /** Smooth text rendering */\n* {\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n}\n\n.swagger-editor[data-v-ecb4cecb] {\n  min-width: 0;\n  min-height: 0;\n\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  overflow: auto;\n  border-right: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  font-size: var(--theme-small, var(--default-theme-small));\n  /*  layered box shadow dilenator in case themes don't have borders on their sidebar*/\n  box-shadow: -1px 0 0 0\n      var(--theme-border-color, var(--default-theme-border-color)),\n    -1px 0 0 0 var(--theme-background-1, var(--default-theme-background-1));\n}"));
+        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-app-header-height: 50px;\n  --default-theme-border-width: 1px;\n  --default-theme-radius: 3px;\n  --default-theme-radius-lg: 6px;\n  --default-theme-radius-xl: 8px;\n\n  --default-theme-header-height: 50px;\n  --default-theme-sidebar-width: 250px;\n  --default-theme-toc-width: 250px;\n\n  /* TYPOGRAPHY ------------------------------------ */\n  --default-theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n  --default-theme-font-code: 'JetBrains Mono';\n\n  /** Font sizes for rendered text content (editor styles or static content) */\n  --default-theme-heading-1: 40px; /* Editor Page heading */\n  --default-theme-page-description: 24px;\n  --default-theme-heading-2: 24px; /* Editor section headings */\n  --default-theme-heading-3: 20px;\n  --default-theme-heading-4: 16px;\n  --default-theme-heading-5: 16px;\n  --default-theme-heading-6: 16px;\n\n  --default-theme-paragraph: 16px;\n  --default-theme-small: 14px;\n  --default-theme-mini: 13px;\n  --default-theme-micro: 12px;\n  --default-theme-bold: 600;\n  --default-theme-semibold: 500;\n  --default-theme-regular: 400;\n\n  /* Font sizes for interactive applications (not rendered text content) */\n  --default-theme-font-size-1: 24px;\n  --default-theme-font-size-2: 16px;\n  --default-theme-font-size-3: 14px;\n  --default-theme-font-size-4: 13px;\n  --default-theme-font-size-5: 12px;\n\n  --default-theme-line-height-1: 32px;\n  --default-theme-line-height-2: 24px;\n  --default-theme-line-height-3: 20px;\n  --default-theme-line-height-4: 18px;\n  --default-theme-line-height-5: 16px;\n\n  --default-theme-font-medium: 500;\n  --default-theme-font-bold: 700;\n\n  /* let's clean these up please :) */\n  --default-scalar-api-reference-theme-header-height: 0;\n  --default-scalar-api-reference-theme-sidebar-width: 250px;\n  --default-scalar-api-reference-theme-toc-width: 250px;\n  --default-scalar-api-reference-app-header-height: 100px;\n  --default-scalar-api-reference-col-width-1: 250px;\n  --default-scalar-api-reference-col-width-2: calc(50% - 125px);\n  --default-scalar-api-reference-col-width-3: calc(50% - 125px);\n  --default-scalar-api-reference-document-height: 100vh;\n  --default-scalar-api-reference-full-height: 100%;\n}\n@media (max-width: 460px) {\n  :root {\n    --default-theme-font-size-1: 22px;\n    --default-theme-font-size-2: 14px;\n    --default-theme-font-size-3: 12px;\n  }\n}\n@media (max-width: 720px) {\n  :root {\n    --default-theme-heading-1: 24px;\n    --default-theme-page-description: 20px;\n  }\n}\n.cm-scroller,\n.custom-scroll {\n  overflow-y: scroll;\n  scrollbar-color: transparent transparent;\n  scrollbar-width: thin;\n  -webkit-overflow-scrolling: touch;\n}\n.custom-scroll-self-contain-overflow {\n  overscroll-behavior: contain;\n}\n.custom-scroll-extra-padding-right {\n  padding-right: 12px !important;\n}\n@supports (-moz-appearance: none) {\n  .cm-scroller,\n  .custom-scroll {\n    padding-right: 12px;\n  }\n  .custom-scroll-extra-padding-right {\n    padding-right: 24px !important;\n  }\n}\n.cm-scroller:hover,\n.custom-scroll:hover {\n  scrollbar-color: var(\n      --theme-scrollbar-color,\n      var(--default-theme-scrollbar-color)\n    )\n    transparent;\n}\n.cm-scroller:hover::-webkit-scrollbar-thumb,\n.custom-scroll:hover::-webkit-scrollbar-thumb {\n  background: var(\n    --theme-scrollbar-color,\n    var(--default-theme-scrollbar-color)\n  );\n  background-clip: content-box;\n  border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb:active,\n.custom-scroll::-webkit-scrollbar-thumb:active {\n  background: var(\n    --theme-scrollbar-color-active,\n    var(--default-theme-scrollbar-color-active)\n  );\n  background-clip: content-box;\n  border: 3px solid transparent;\n}\n.cm-scroller::-webkit-scrollbar-corner,\n.custom-scroll::-webkit-scrollbar-corner {\n  background: transparent;\n}\n.cm-scroller::-webkit-scrollbar,\n.custom-scroll::-webkit-scrollbar {\n  height: 12px;\n  width: 12px;\n}\n.cm-scroller::-webkit-scrollbar-track,\n.custom-scroll::-webkit-scrollbar-track {\n  background: transparent;\n}\n.cm-scroller::-webkit-scrollbar-thumb,\n.custom-scroll::-webkit-scrollbar-thumb {\n  border-radius: 20px;\n  background: transparent;\n  background-clip: content-box;\n  border: 3px solid transparent;\n}\n@media (pointer: coarse) {\n  .cm-scroller,\n  .custom-scroll {\n    padding-right: 12px;\n  }\n  .custom-scroll-extra-padding-right {\n    padding-right: 24px !important;\n  }\n}\n\n.start[data-v-d8e86e79] {\n  padding: 0 18px 24px 30px;\n}\n.start-h1[data-v-d8e86e79] {\n  font-size: var(--theme-heading-2, var(--default-theme-heading-2));\n  margin-bottom: 24px;\n  margin-top: 0;\n  line-height: 1.45;\n  font-weight: var(--theme-bold, var(--default-theme-bold));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.start-p[data-v-d8e86e79] {\n  margin-top: 12px;\n  font-size: var(--theme-paragraph, var(--default-theme-paragraph));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  line-height: 1.5;\n}\n.start-section[data-v-d8e86e79] {\n  padding: 24px 0 0;\n}\n.start-h2[data-v-d8e86e79] {\n  padding-bottom: 9px;\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  font-size: var(--theme-mini, var(--default-theme-mini));\n  font-weight: var(--theme-font-semibold, var(--default-theme-semibold));\n}\n.swagger-editor-integrations[data-v-d8e86e79] {\n  width: 100%;\n  position: relative;\n  user-select: none;\n}\n.start-link-item[data-v-d8e86e79] {\n  display: flex;\n  align-items: center;\n  font-size: var(--theme-mini, var(--default-theme-mini));\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  display: flex;\n  width: 100%;\n  cursor: pointer;\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  margin-bottom: 2px;\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  z-index: 10;\n  text-decoration: none;\n  height: 30px;\n  padding: 0 9px;\n}\n.start-link-item[data-v-d8e86e79]:hover {\n  background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.start-link-item svg[data-v-d8e86e79] {\n  height: 14px;\n  width: 14px;\n  margin-right: 6px;\n}\n.start-item-table[data-v-d8e86e79] {\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  padding: 2px;\n}\n.start-item-table .start-item[data-v-d8e86e79]:nth-of-type(1) {\n  border-top: none;\n}\n.start-item[data-v-d8e86e79] {\n  padding: 0 9px;\n  height: 30px;\n  display: flex;\n  align-items: center;\n  margin-bottom: 1px;\n  user-select: none;\n  cursor: pointer;\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  font-size: var(--theme-mini, var(--default-theme-mini));\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n}\n.start-item svg[data-v-d8e86e79] {\n  width: 14px;\n  height: 14px;\n  margin-right: 6px;\n}\n.start-item[data-v-d8e86e79]:hover {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.start-item-active[data-v-d8e86e79] {\n  box-shadow: 0 0 0 1px\n    var(--theme-border-color, var(--default-theme-border-color));\n}\n.start-item-active[data-v-d8e86e79]:hover {\n  background: transparent;\n}\n.start-item-color[data-v-d8e86e79] {\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  margin-right: 6px;\n  border-radius: 50%;\n  height: 13px;\n  width: 13px;\n}\n.start-item-color-moon[data-v-d8e86e79] {\n  background: #cdc9b3;\n}\n.dark-mode .start-item-color-moon[data-v-d8e86e79] {\n  background: #323332;\n}\n.start-item-color-solarized[data-v-d8e86e79] {\n  background: #fdf6e3;\n}\n.dark-mode .start-item-color-solarized[data-v-d8e86e79] {\n  background: #00212b;\n}\n.start-item-color-purple[data-v-d8e86e79] {\n  background: #f5f6fd;\n}\n.dark-mode .start-item-color-purple[data-v-d8e86e79] {\n  background: #262a40;\n}\n.start-item-color-alternate[data-v-d8e86e79] {\n  background: #f6f6f6;\n}\n.dark-mode .start-item-color-alternate[data-v-d8e86e79] {\n  background: #252525;\n}\n.start-item-color-default[data-v-d8e86e79] {\n  background: #fff;\n}\n.dark-mode .start-item-color-default[data-v-d8e86e79] {\n  background: #1a1a1a;\n}\n\n.modal-layout[data-v-f3fa29e7] {\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-f3fa29e7 0.2s forwards;\n}\n.modal-body[data-v-f3fa29e7] {\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-f3fa29e7] {\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-f3fa29e7 0.15s 0.15s forwards;\n  display: flex;\n  flex-direction: column;\n}\n.modal-content-large[data-v-f3fa29e7] {\n  max-width: 800px;\n}\n.modal-content-normal[data-v-f3fa29e7] {\n  max-width: 640px;\n}\n.modal-content-small[data-v-f3fa29e7] {\n  max-width: 480px;\n}\n@keyframes modal-fade-f3fa29e7 {\nfrom {\n    opacity: 0;\n}\nto {\n    opacity: 1;\n}\n}\n@keyframes modal-pop-f3fa29e7 {\n0% {\n    opacity: 0;\n}\n100% {\n    opacity: 1;\n    transform: scale(1);\n}\n}\n.modal-header[data-v-f3fa29e7] {\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-search[data-v-f3fa29e7] {\n  max-width: 540px;\n}\n.modal-content-search .modal-body[data-v-f3fa29e7] {\n  padding: 0;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  max-height: 440px;\n}\n\n.loader-wrapper[data-v-fdd87947] {\n  position: relative;\n  height: var(--53793cee);\n  width: var(--53793cee);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  --default-loader-size: 50%;\n}\n\n/*SVG Positioning for Loader Objects*/\n.svg-loader[data-v-fdd87947] {\n  width: var(--loader-size, var(--default-loader-size));\n  height: var(--loader-size, var(--default-loader-size));\n  top: 1rem;\n  right: 0.9rem;\n  overflow: visible;\n\n  fill: none;\n  background-color: transparent;\n  stroke: currentColor;\n}\n.svg-path[data-v-fdd87947] {\n  stroke-width: 14;\n  fill: none;\n  transition: 0.3s;\n}\n.svg-x-mark[data-v-fdd87947] {\n  stroke-dasharray: 57;\n  stroke-dashoffset: 57;\n  transition-delay: 0s;\n}\n.svg-check-mark[data-v-fdd87947] {\n  stroke-dasharray: 149;\n  stroke-dashoffset: 149;\n  transition-delay: 0s;\n}\n.icon-is-invalid .svg-x-mark[data-v-fdd87947] {\n  stroke-dashoffset: 0;\n  transition-delay: 0.3s;\n}\n.icon-is-valid .svg-check-mark[data-v-fdd87947] {\n  stroke-dashoffset: 0;\n  transition-delay: 0.3s;\n}\n.circular-loader[data-v-fdd87947] {\n  animation: rotate-fdd87947 0.7s linear infinite,fade-in-fdd87947 0.4s;\n\n  transform-origin: center center;\n  transform: scale(5);\n\n  background: transparent;\n}\n.loader-path[data-v-fdd87947] {\n  stroke-dasharray: 50, 200;\n  stroke-dashoffset: -100;\n  stroke-linecap: round;\n}\n.loader-path-off[data-v-fdd87947] {\n  stroke-dasharray: 50, 200;\n  stroke-dashoffset: -100;\n  transition: opacity 0.3s;\n  opacity: 0;\n}\n@keyframes fade-in-fdd87947 {\n0% {\n    opacity: 0;\n}\n70% {\n    opacity: 0;\n}\n100% {\n    opacity: 1;\n}\n}\n@keyframes rotate-fdd87947 {\nfrom {\n    transform: scale(5) rotate(0deg);\n}\nto {\n    transform: scale(5) rotate(360deg);\n}\n}\n\n.flow-button[data-v-823fe197] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1;\n  position: relative;\n  appearance: none;\n  -webkit-appearance: none;\n  height: 40px;\n  padding: 0px 24px;\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  color: var(--theme-button-1-color, var(--default-theme-button-1-color));\n  font-size: var(--theme-small, var(--default-theme-small));\n  font-weight: 500;\n  cursor: pointer;\n  background: var(--theme-button-1, var(--default-theme-button-1));\n  border: none;\n  width: 100%;\n  box-shadow: rgba(0, 0, 0, 0.09) 0px 1px 4px;\n}\n.flow-button[data-v-823fe197]:hover,\n.flow-button[data-v-823fe197]:focus-visible {\n  background: var(--theme-button-1-hover, var(--default-theme-button-1-hover));\n}\n.flow-button[data-v-823fe197]:active {\n  box-shadow: none;\n  background: var(--theme-button-1, var(--default-theme-button-1));\n}\n.flow-button[disabled][data-v-823fe197] {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  cursor: unset;\n  box-shadow: none;\n}\n.flow-button.flow-button-icon-only[data-v-823fe197] {\n  width: 24px;\n  height: 24px;\n  padding: 0;\n}\n\n/* ----------------------------------------------------- */\n.flow-button-outlined[data-v-823fe197] {\n  background: var(--theme-background-1, var(--default-theme-background-1));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  padding: 11px 23px;\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  box-shadow: rgba(0, 0, 0, 0.09) 0px 1px 4px;\n}\n.flow-button-outlined[data-v-823fe197]:hover,\n.flow-button-outlined[data-v-823fe197]:focus-visible {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.flow-button-outlined[data-v-823fe197]:active {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.flow-button-outlined[disabled][data-v-823fe197] {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  cursor: unset;\n  box-shadow: none;\n}\n\n/* ----------------------------------------------------- */\n.flow-button-clear[data-v-823fe197] {\n  background: transparent;\n  box-shadow: none;\n  color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.flow-button-clear[data-v-823fe197]:active {\n  background: transparent;\n}\n.flow-button-clear[data-v-823fe197]:hover,\n.flow-button-clear[data-v-823fe197]:focus-visible {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  box-shadow: none;\n}\n.flow-button-clear[disabled][data-v-823fe197] {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  cursor: unset;\n  box-shadow: none;\n}\n\n/* ----------------------------------------------------- */\n.flow-button-text[data-v-823fe197] {\n  background: transparent;\n  box-shadow: none;\n  color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.flow-button-text[data-v-823fe197]:active {\n  background: transparent;\n}\n.flow-button-text[data-v-823fe197]:hover,\n.flow-button-text[data-v-823fe197]:focus-visible {\n  color: var(--theme-color-2, var(--default-theme-color-2));\n  background: transparent;\n  box-shadow: none;\n}\n.flow-button-text[disabled][data-v-823fe197] {\n  background: transparent;\n  color: var(--theme-color-ghost, var(--default-theme-color-ghost));\n  cursor: unset;\n  box-shadow: none;\n}\n\n/* ----------------------------------------------------- */\n.flow-button--delete[data-v-823fe197] {\n  background: var(--theme-error-color, var(--default-theme-color-red));\n  color: white;\n}\n.flow-button--delete[data-v-823fe197]:active {\n  background: var(--theme-error-color, var(--default-theme-color-red));\n}\n.flow-button--delete[data-v-823fe197]:hover {\n  background: var(--theme-error-color, var(--default-theme-color-red));\n  opacity: 0.86;\n}\n\n/* ----------------------------------------------------- */\n.flow-button-loader[data-v-823fe197] {\n  position: absolute;\n  right: 8px;\n}\n.flow-button-decorator[data-v-823fe197] {\n  margin-right: 9px;\n  color: currentColor;\n  display: flex;\n  align-items: center;\n  height: 14px;\n  width: 14px;\n}\n.flow-button-icon-only .flow-button-decorator[data-v-823fe197] {\n  margin-right: 0;\n}\n\n.flow-input-cont[data-v-7c3e6721] {\n  position: relative;\n}\n.flow-input-wrapper[data-v-7c3e6721] {\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color));\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n.flow-input-wrapper--focus[data-v-7c3e6721] {\n  border-color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.flow-input-wrapper--focus[data-v-7c3e6721]:has(button:active) {\n  border: 1px solid var(--theme-border-color, var(--default-theme-border-color)) !important;\n}\n.flow-input__multiline[data-v-7c3e6721] {\n  min-height: 77px;\n}\n.flow-label[data-v-7c3e6721] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  pointer-events: none;\n  padding: 0px 3px;\n  margin: 12px 9px;\n  width: fit-content;\n  background: transparent;\n  font-size: var(--theme-font-size-3, var(--default-theme-font-size-3));\n  background-color: var(\n    --theme-background-1,\n    var(--default-theme-background-1)\n  );\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  box-shadow: 0 0 2px 2px\n    var(--theme-background-1, var(--default-theme-background-1));\n  transition: transform 0.2s ease-in-out;\n  transform-origin: top left;\n  z-index: 10;\n  line-height: initial;\n}\n.flow-input[data-v-7c3e6721] {\n  outline: none;\n  appearance: none;\n  -webkit-appearance: none;\n  font-size: var(--theme-font-size-3, var(--default-theme-font-size-3));\n  font-family: var(--theme-font, var(--default-theme-font));\n  border: none;\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  padding: 12px;\n  width: 100%;\n  background: transparent;\n  z-index: 10;\n  transition: opacity 0.15s ease-in-out;\n  resize: none;\n}\n.flow-input[data-v-7c3e6721]:has(+ .flow-label) {\n  opacity: 0;\n}\n.flow-input[data-v-7c3e6721]::placeholder {\n  color: var(--theme-color-3, var(--default-theme-color-3));\n}\n.flow-input[data-v-7c3e6721]::-webkit-input-placeholder,\n.flow-input[data-v-7c3e6721]:-ms-input-placeholder,\n.flow-input[data-v-7c3e6721]::placeholder {\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  font-family: var(--theme-font, var(--default-theme-font));\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n}\n.flow-input[data-v-7c3e6721]:not(:placeholder-shown),\n.flow-input-wrapper--focus .flow-input[data-v-7c3e6721] {\n  opacity: 1;\n  transition: opacity 0.2s ease-in-out 0.15s;\n}\n.flow-input-wrapper--focus .flow-label[data-v-7c3e6721] {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n.flow-input[data-v-7c3e6721]::selection {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  background: rgba(255, 165, 88, 0.35);\n}\n.flow-input[data-v-7c3e6721]:-webkit-autofill,\n.flow-input[data-v-7c3e6721]:-webkit-autofill:hover,\n.flow-input[data-v-7c3e6721]:-webkit-autofill:focus,\n.flow-input[data-v-7c3e6721]:-webkit-autofill:active,\n.flow-input[data-v-7c3e6721]:focus-within:-webkit-autofill,\n.flow-input[data-v-7c3e6721]:focus-within:-webkit-autofill:hover,\n.flow-input[data-v-7c3e6721]:focus-within:-webkit-autofill:focus,\n.flow-input[data-v-7c3e6721]:focus-within:-webkit-autofill:active {\n  -webkit-box-shadow: 0 0 0px 1000px\n    var(--theme-background-1, var(--default-theme-background-1)) inset !important;\n  -webkit-text-fill-color: var(--theme-color-1, var(--default-theme-color-1));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n}\n.helper-text[data-v-7c3e6721] {\n  margin-top: 6px;\n  font-size: var(--theme-mini, var(--default-theme-mini));\n  color: var(--theme-error-color, var(--default-theme-color-red));\n  display: flex;\n  align-items: center;\n}\n.helper-text[data-v-7c3e6721]:before {\n  content: '!';\n  border-radius: 50%;\n  background: var(--theme-error-color, var(--default-theme-color-red));\n  color: white;\n  font-weight: 900;\n  width: 15px;\n  height: 15px;\n  line-height: 15px;\n  display: block;\n  margin-right: 6px;\n  text-align: center;\n  font-size: var(--theme-micro, var(--default-theme-micro));\n}\n.helper-text[data-v-7c3e6721]:empty {\n  display: none;\n}\n.flow-input-wrapper--error[data-v-7c3e6721] {\n  border-color: var(--theme-error-color, var(--default-theme-color-red));\n}\n.flow-input-wrapper--error .flow-label[data-v-7c3e6721] {\n  color: var(--theme-error-color, var(--default-theme-color-red));\n}\n.flow-input-wrapper--warn[data-v-7c3e6721] {\n  border-color: var(--theme-error-color, var(--default-theme-color-red));\n}\n.flow-input-wrapper--warn .flow-label[data-v-7c3e6721] {\n  color: var(--theme-error-color, var(--default-theme-color-red));\n}\n.flow-input-wrapper--focus .flow-label[data-v-7c3e6721],\n.flow-input:not(:placeholder-shown) + .flow-label[data-v-7c3e6721] {\n  transform: translate3d(0, -20px, 0) scale(0.8);\n  transform-origin: top left;\n}\n.flow-input-wrapper--focus:has(button:active) .flow-label[data-v-7c3e6721] {\n  color: var(--theme-color-3, var(--default-theme-color-3)) !important;\n}\n.icon-slot[data-v-7c3e6721]:not(:empty) {\n  display: flex;\n  align-items: center;\n  padding-right: 12px;\n  width: 28px;\n  cursor: pointer;\n  color: var(--theme-color-ghost, var(--default-theme-color-ghost));\n}\n.icon-slot[data-v-7c3e6721]:hover {\n  color: var(--theme-color-1, var(--default-theme-color-1));\n}\n\n.swagger-editor-header {\n  padding: 12px;\n  display: flex;\n  align-items: center;\n  flex-flow: wrap;\n  position: relative;\n}\n.swagger-editor-header span {\n  font-size: var(--theme-mini, var(--default-theme-mini));\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  font-weight: 600;\n  margin-right: 12px;\n  position: relative;\n  cursor: pointer;\n}\n.swagger-editor-title {\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  border-radius: var(--theme-radius-lg, var(--default-theme-radius-lg));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  font-size: var(--theme-mini, var(--default-theme-mini));\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  position: relative;\n}\n.swagger-editor-title:hover {\n  background: var(--theme-background-3, var(--default-theme-background-3));\n}\n.swagger-editor-title + .swagger-editor-title {\n  margin-left: 6px;\n}\n.swagger-editor-type {\n  padding: 9px;\n  user-select: none;\n  position: relative;\n}\n.swagger-editor-buttons {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 12px 0 18px;\n  height: 35px;\n  min-height: 35px;\n  align-items: center;\n  border-top: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  border-bottom: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n.swagger-editor-active {\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  cursor: default;\n}\n.swagger-editor-buttons button {\n  background: transparent;\n  appearance: none;\n  outline: none;\n  border: none;\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex-shrink: 1;\n  min-width: 0;\n  padding: 4px 6px;\n  border-radius: var(--theme-radius, var(--default-theme-radius));\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  font-size: var(--theme-font-size-4, var(--default-theme-font-size-4));\n  user-select: none;\n  display: flex;\n  align-items: center;\n}\n.swagger-editor-buttons button svg {\n  width: 14px;\n  height: 14px;\n  margin-right: 6px;\n}\n.swagger-editor-buttons div {\n  display: flex;\n}\n.swagger-editor-buttons button:hover {\n  cursor: pointer;\n  border-color: currentColor;\n  background: var(--theme-background-3, var(--default-theme-background-3));\n}\n@media (max-width: 580px) {\n.swagger-editor-title i,\n  .swagger-editor-header button i {\n    display: none;\n}\n.swagger-editor-header button {\n    padding: 4px 8px;\n    margin-left: 6px;\n}\n}\n.swagger-editor-heading {\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  font-size: var(--theme-mini, var(--default-theme-mini));\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  text-transform: uppercase;\n}\n\n/** Basics */\n.scalar-api-client__codemirror__wrapper {\n  width: 100%;\n  height: 100%;\n  padding-top: 4px;\n  min-height: 76px;\n  background: var(--theme-background-2, var(--default-theme-background-2));\n  color: var(--theme-color-1, var(--default-theme-color-1));\n  display: flex;\n  align-items: stretch;\n}\n@media screen and (max-width: 720px) {\n.scalar-api-client__codemirror__wrapper {\n    width: calc(100% - 50px);\n}\n}\n.scalar-api-client__codemirror {\n  flex-grow: 1;\n  max-width: 100%;\n\n  font-size: var(--theme-small, var(--default-theme-small));\n}\n\n/* .scalar-api-client__codemirror.ͼw {\n  background-color: var(--theme-background-1, var(--default-theme-background-1));\n}\n\n.scalar-api-client__codemirror--read-only.ͼw {\n  background-color: var(--theme-background-2, var(--default-theme-background-2));\n} */\n\n/** URL input */\n.scalar-api-client__url-input {\n  font-weight: var(--theme-semibold, var(--default-theme-semibold));\n  min-height: auto;\n  padding-top: 0;\n}\n\n/* .scalar-api-client__url-input .cm-scroller {\n  padding-left: 6px;\n}\n\n.scalar-api-client__url-input .ͼ1 .cm-scroller {\n  align-items: center !important;\n} */\n.scalar-api-client__variable {\n  color: var(--scalar-api-client-color, var(--default-scalar-api-client-color));\n}\n.cm-focused {\n  outline: none !important;\n}\n\n.swagger-editor-input {\n  height: 100%;\n  overflow: hidden;\n  background: var(--theme-background-2, var(--default-theme-background-2));\n}\n\n.swagger-editor-notification {\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  padding: 6px 8px;\n  font-size: var(--theme-font-size-5, var(--default-theme-font-size-5));\n  border-top: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n}\n.swagger-editor-notification--error {\n  background: var(--theme-error-color, var(--default-theme-color-red));\n  color: white;\n}\n\n.swagger-editor-status-bar {\n  color: var(--theme-color-3, var(--default-theme-color-3));\n  padding: 6px 8px;\n  font-size: var(--theme-font-size-5, var(--default-theme-font-size-5));\n  border-top: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n}\n\n/** CSS Reset */\n.swagger-editor,\n#headlessui-portal-root {\np {\n    margin: 0;\n}\ni {\n    font-style: normal;\n}\nul,\n  ol {\n    margin: 0;\n    padding: 0;\n}\n\n  /** Add some more things which are normally applied to `html`. */\n  font-family: var(--theme-font, var(--default-theme-font));\n  line-height: 1.15;\n  -webkit-text-size-adjust: 100%;\n  -moz-tab-size: 4;\n  tab-size: 4;\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  /** Smooth text rendering */\n* {\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n}\n\n.swagger-editor[data-v-ae604b16] {\n  min-width: 0;\n  min-height: 0;\n\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  overflow: auto;\n  border-right: 1px solid\n    var(--theme-border-color, var(--default-theme-border-color));\n  font-size: var(--theme-small, var(--default-theme-small));\n  /*  layered box shadow dilenator in case themes don't have borders on their sidebar*/\n  box-shadow: -1px 0 0 0\n      var(--theme-border-color, var(--default-theme-border-color)),\n    -1px 0 0 0 var(--theme-background-1, var(--default-theme-background-1));\n}"));
         document.head.appendChild(elementStyle);
       }
     } catch (e2) {
@@ -157004,7 +157006,8 @@ If you don't need every "time_period" between your dates you may adjust the freq
     props: {
       value: {},
       hocuspocusConfiguration: {},
-      theme: {}
+      theme: {},
+      initialTabState: {}
     },
     emits: ["contentUpdate", "specUpdate", "import", "changeTheme"],
     setup(__props, { emit: emit2 }) {
@@ -157063,7 +157066,9 @@ If you don't need every "time_period" between your dates you may adjust the freq
         },
         { immediate: true }
       );
-      const activeTab = ref$3("Getting Started");
+      const activeTab = ref$3(
+        props.initialTabState ?? "Getting Started"
+      );
       return (_ctx, _cache) => {
         return openBlock$1(), createElementBlock$1(Fragment$1, null, [
           createVNode$1(unref(_sfc_main$b), { id: _ctx.theme }, null, 8, ["id"]),
@@ -157107,7 +157112,7 @@ If you don't need every "time_period" between your dates you may adjust the freq
       };
     }
   });
-  const SwaggerEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ecb4cecb"]]);
+  const SwaggerEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ae604b16"]]);
   const isDark = ref$3(false);
   function useDarkModeState() {
     const getDarkModeState = () => {

package/dist/components/ApiReference.vue.d.ts

@@ -30,6 +30,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     hocuspocusConfiguration: {
         type: import("vue").PropType<import("@scalar/swagger-editor").HocuspocusConfigurationProp>;
     };
+    initialTabState: {
+        type: import("vue").PropType<import("@scalar/swagger-editor").EditorHeaderTabs>;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     changeTheme: (value: ThemeId) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -63,6 +66,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     hocuspocusConfiguration: {
         type: import("vue").PropType<import("@scalar/swagger-editor").HocuspocusConfigurationProp>;
     };
+    initialTabState: {
+        type: import("vue").PropType<import("@scalar/swagger-editor").EditorHeaderTabs>;
+    };
 }>> & {
     onChangeTheme?: ((value: ThemeId) => any) | undefined;
 }, {

package/dist/components/ApiReference.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiReference.vue.d.ts","sourceRoot":"","sources":["../../src/components/ApiReference.vue.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,OAAO,EAAe,MAAM,gBAAgB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqc1D,wBAA8G;AAuB9G,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"ApiReference.vue.d.ts","sourceRoot":"","sources":["../../src/components/ApiReference.vue.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,OAAO,EAAe,MAAM,gBAAgB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqc1D,wBAA8G;AAuB9G,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/index.js

@@ -34475,7 +34475,8 @@ const Mj = /* @__PURE__ */ ce(qj, [["__scopeId", "data-v-fea0ce22"]]), Ej = {
     specResult: {},
     proxyUrl: {},
     hocuspocusConfiguration: {},
-    theme: { default: "default" }
+    theme: { default: "default" },
+    initialTabState: {}
   },
   emits: ["changeTheme"],
   setup(r) {
@@ -34581,11 +34582,12 @@ const Mj = /* @__PURE__ */ ce(qj, [["__scopeId", "data-v-fea0ce22"]]), Ej = {
         Qe(k("div", jj, [
           U(x(t), {
             hocuspocusConfiguration: w.hocuspocusConfiguration,
+            initialTabState: w.initialTabState,
             theme: w.theme,
             value: n.value,
             onChangeTheme: Q[0] || (Q[0] = ($) => w.$emit("changeTheme", $)),
             onSpecUpdate: f
-          }, null, 8, ["hocuspocusConfiguration", "theme", "value"])
+          }, null, 8, ["hocuspocusConfiguration", "initialTabState", "theme", "value"])
         ], 512), [
           [Qr, m.value]
         ]),

package/dist/types.d.ts

@@ -1,4 +1,4 @@
-import { type HocuspocusConfigurationProp } from '@scalar/swagger-editor';
+import { type EditorHeaderTabs, type HocuspocusConfigurationProp } from '@scalar/swagger-editor';
 import { type ThemeId } from '@scalar/themes';
 export type ReferenceProps = {
     isEditable?: boolean;
@@ -10,6 +10,7 @@ export type ReferenceProps = {
     proxyUrl?: string;
     hocuspocusConfiguration?: HocuspocusConfigurationProp;
     theme?: ThemeId;
+    initialTabState?: EditorHeaderTabs;
 };
 export type Security = {
     api_key?: any[];

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@scalar/api-reference",
   "description": "generate beautiful API references from OpenAPI specs",
-  "version": "0.6.12",
+  "version": "0.6.13",
   "author": "Scalar (https://github.com/scalar)",
   "browser": "./dist/browser/standalone.js",
   "bugs": "https://github.com/scalar/scalar/issues/new",
@@ -27,7 +27,7 @@
     "unified": "11.0.3",
     "xmldom": "0.6.0",
     "@scalar/api-client": "0.7.9",
-    "@scalar/swagger-editor": "0.6.10",
+    "@scalar/swagger-editor": "0.6.11",
     "@scalar/swagger-parser": "0.5.1",
     "@scalar/themes": "0.3.7",
     "@scalar/use-clipboard": "0.5.3",