@scalar/api-client 1.2.16 → 1.2.18

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @scalar/api-client
 
+## 1.2.18
+
+### Patch Changes
+
+- 26d9146: feat: improved api client modal
+- Updated dependencies [26d9146]
+  - @scalar/components@0.7.4
+
+## 1.2.17
+
+### Patch Changes
+
+- d649691: fix: request body display
+
 ## 1.2.16
 
 ### Patch Changes

package/dist/SideBarClosed-CYUNS2XM-CyAn6Mp2.js

@@ -0,0 +1,18 @@
+import { openBlock, createElementBlock, createStaticVNode } from "vue";
+const a = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "14",
+  height: "14",
+  fill: "none",
+  viewBox: "0 0 14 14"
+}, h = /* @__PURE__ */ createStaticVNode('<g fill="currentColor" clip-path="url(#a)"><path d="M11.67 14H2.33A2.34 2.34 0 0 1 0 11.67V2.33A2.34 2.34 0 0 1 2.33 0h9.34A2.34 2.34 0 0 1 14 2.33v9.34A2.34 2.34 0 0 1 11.67 14M2.33 1.17c-.64 0-1.16.52-1.16 1.16v9.34c0 .64.52 1.16 1.16 1.16h9.34c.64 0 1.16-.52 1.16-1.16V2.33c0-.64-.52-1.16-1.16-1.16z"></path><path d="M4.67 14c-.35 0-.59-.23-.59-.58V.58c0-.35.24-.58.59-.58s.58.23.58.58v12.84c0 .35-.23.58-.58.58m5.75-6.42c.17 0 .29-.05.4-.17a.56.56 0 0 0 0-.82L9.07 4.84a.56.56 0 0 0-.81 0 .56.56 0 0 0 0 .82L10 7.4c.11.12.23.17.4.17Z"></path><path d="M8.66 9.33c.18 0 .3-.05.41-.17l1.75-1.75a.56.56 0 0 0 0-.82.56.56 0 0 0-.81 0L8.26 8.34a.56.56 0 0 0 0 .82c.11.12.23.17.4.17"></path></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h14v14H0z"></path></clipPath></defs>', 2), o = [
+  h
+];
+function l(d, i) {
+  return openBlock(), createElementBlock("svg", a, [...o]);
+}
+const p = { render: l };
+export {
+  p as default,
+  l as render
+};

package/dist/SideBarOpen-BOxW49_U-D5IKtkfP.js

@@ -0,0 +1,18 @@
+import { openBlock, createElementBlock, createStaticVNode } from "vue";
+const l = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "14",
+  height: "14",
+  fill: "none",
+  viewBox: "0 0 14 14"
+}, o = /* @__PURE__ */ createStaticVNode('<g fill="currentColor" clip-path="url(#a)"><path d="m7.75 6.6 1.76-1.76a.53.53 0 0 1 .4-.17.53.53 0 0 1 .41.17.56.56 0 0 1 0 .82L8.98 7l1.34 1.34a.56.56 0 0 1 0 .82.57.57 0 0 1-.81 0L7.75 7.4a.56.56 0 0 1 0-.82Z"></path><path fill-rule="evenodd" d="M11.67 14A2.34 2.34 0 0 0 14 11.67V2.33A2.34 2.34 0 0 0 11.67 0H2.33A2.34 2.34 0 0 0 0 2.33v9.34A2.33 2.33 0 0 0 2.33 14zm-6.42-1.17h6.42a1.17 1.17 0 0 0 1.16-1.16V2.33a1.17 1.17 0 0 0-1.16-1.16H5.25z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h14v14H0z"></path></clipPath></defs>', 2), d = [
+  o
+];
+function h(i, r) {
+  return openBlock(), createElementBlock("svg", l, [...d]);
+}
+const n = { render: h };
+export {
+  n as default,
+  h as render
+};

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

@@ -1,12 +1,14 @@
 import { type ThemeId } from '@scalar/themes';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     proxyUrl?: string | undefined;
     readOnly?: boolean | undefined;
     theme?: ThemeId | undefined;
     withDefaultFonts: boolean;
+    showSideBar?: boolean | undefined;
 }>, {
     readOnly: boolean;
     withDefaultFonts: boolean;
+    showSideBar: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     escapeKeyPress: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -14,15 +16,21 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     readOnly?: boolean | undefined;
     theme?: ThemeId | undefined;
     withDefaultFonts: boolean;
+    showSideBar?: boolean | undefined;
 }>, {
     readOnly: boolean;
     withDefaultFonts: boolean;
+    showSideBar: boolean;
 }>>> & {
     onEscapeKeyPress?: (() => any) | undefined;
 }, {
     readOnly: boolean;
     withDefaultFonts: boolean;
-}, {}>;
+    showSideBar: boolean;
+}, {}>, {
+    "address-bar-controls"?(_: {}): any;
+    sidebar?(_: {}): any;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -41,4 +49,9 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 //# sourceMappingURL=ApiClient.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ApiClient.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ApiClient/ApiClient.vue.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,OAAO,EAAe,MAAM,gBAAgB,CAAA;;;;;sBAkXpC,OAAO;;;;;;;;;;sBAAP,OAAO;;;;;;;cAFd,OAAO;sBAEA,OAAO;;AAT7B,wBAYG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"ApiClient.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ApiClient/ApiClient.vue.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,OAAO,EAAe,MAAM,gBAAgB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0Z1D,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/ApiClient/Request/Request.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Request.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ApiClient/Request/Request.vue.ts"],"names":[],"mappings":";AAsOA,wBAKG"}
+{"version":3,"file":"Request.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ApiClient/Request/Request.vue.ts"],"names":[],"mappings":";AAgPA,wBAKG"}

package/dist/index.css

@@ -693,14 +693,14 @@ to {
   color: var(--scalar-api-client-color);
 }
 
-.loader[data-v-01bb5ce5] {
+.loader[data-v-dcf8c50b] {
   position: absolute;
   z-index: 3;
   height: 2px;
   background: var(--scalar-api-client-color);
-  animation: loading-01bb5ce5 5s cubic-bezier(0, 0.5, 0.25, 1);
+  animation: loading-dcf8c50b 5s cubic-bezier(0, 0.5, 0.25, 1);
 }
-@keyframes loading-01bb5ce5 {
+@keyframes loading-dcf8c50b {
 0% {
     width: 0;
 }
@@ -708,25 +708,28 @@ to {
     width: 100%;
 }
 }
-.address-bar[data-v-01bb5ce5] {
+.address-bar[data-v-dcf8c50b] {
   width: 100%;
   padding: 12px 12px 10px 12px;
   display: flex;
   align-items: center;
   position: relative;
-  background: var(--scalar-background-1);
 }
-.url-form[data-v-01bb5ce5] {
+.url-form[data-v-dcf8c50b] {
   display: flex;
-  width: 100%;
+  width: 720px;
   align-items: stretch;
   border-radius: var(--scalar-radius-lg);
+  max-width: 720px;
+  margin: auto;
+  z-index: 2;
+  max-width: calc(100% - 68px);
 }
-.url-form[data-v-01bb5ce5] .cm-content {
+.url-form[data-v-dcf8c50b] .cm-content {
   display: flex;
   align-items: center;
 }
-.url-form-field[data-v-01bb5ce5] {
+.url-form-field[data-v-dcf8c50b] {
   border-right: 0;
   background: var(--scalar-background-2);
   border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
@@ -736,18 +739,18 @@ to {
   overflow: hidden;
   min-height: 31px;
 }
-.url-form-input[data-v-01bb5ce5] {
+.url-form-input[data-v-dcf8c50b] {
   color: var(--scalar-color-1);
 }
-.url-form-input[data-v-01bb5ce5] {
+.url-form-input[data-v-dcf8c50b] {
   font-weight: var(--scalar-semibold);
   min-height: auto;
   padding-top: 0;
 }
-.url-form-input[data-v-01bb5ce5] .cm-scroller {
+.url-form-input[data-v-dcf8c50b] .cm-scroller {
   overflow-y: hidden;
 }
-.history[data-v-01bb5ce5] {
+.history[data-v-dcf8c50b] {
   appearance: none;
   -webkit-appearance: none;
   background: transparent;
@@ -757,57 +760,55 @@ to {
   border-radius: var(--scalar-radius);
   height: 100%;
 }
-.send-button[type='submit'][data-v-01bb5ce5] {
+.send-button[type='submit'][data-v-dcf8c50b] {
   font-size: var(--scalar-micro);
   letter-spacing: 0.25px;
-  font-weight: var(--scalar-semibold);
   color: var(--scalar-button-1-color);
   border: none;
   white-space: nowrap;
   padding: 0 12px;
-  text-transform: uppercase;
   cursor: pointer;
   outline: none;
   font-family: var(--scalar-font);
+  font-weight: var(--scalar-semibold);
   border-radius: 0 var(--scalar-radius) var(--scalar-radius) 0;
   background: var(--scalar-button-1);
   position: relative;
-  /**  #087f5b */
   display: flex;
   align-items: center;
   overflow: hidden;
   flex-shrink: 0;
 }
-.send-button[data-v-01bb5ce5]:hover {
+.send-button[data-v-dcf8c50b]:hover {
   background: var(--scalar-button-1-hover);
 }
-.send-button svg[data-v-01bb5ce5] {
+.send-button svg[data-v-dcf8c50b] {
   width: 12px;
   height: 12px;
   flex-shrink: 0;
   margin-right: 6px;
   position: relative;
 }
-.send-button span[data-v-01bb5ce5] {
+.send-button span[data-v-dcf8c50b] {
   position: relative;
 }
 @media screen and (max-width: 720px) {
-.history-toggle span[data-v-01bb5ce5],
-  .send-button span[data-v-01bb5ce5] {
+.history-toggle span[data-v-dcf8c50b],
+  .send-button span[data-v-dcf8c50b] {
     display: none;
 }
-.history-toggle svg[data-v-01bb5ce5],
-  .send-button svg[data-v-01bb5ce5] {
+.history-toggle svg[data-v-dcf8c50b],
+  .send-button svg[data-v-dcf8c50b] {
     margin-right: 0;
 }
 }
-.send-button[disabled][data-v-01bb5ce5] {
+.send-button[disabled][data-v-dcf8c50b] {
   pointer-events: none;
   color: var(--scalar-color-2);
   background: var(--scalar-background-3);
   border: 1px solid var(--scalar-border-color);
 }
-.history-toggle[data-v-01bb5ce5] {
+.history-toggle[data-v-dcf8c50b] {
   padding: 0 12px;
   line-height: 30px;
   color: var(--scalar-color-3);
@@ -825,16 +826,16 @@ to {
   border-radius: var(--scalar-radius);
   user-select: none;
 }
-.history-toggle[data-v-01bb5ce5]:hover {
+.history-toggle[data-v-dcf8c50b]:hover {
   background: var(--scalar-background-2);
 }
-.history-toggle svg[data-v-01bb5ce5] {
+.history-toggle svg[data-v-dcf8c50b] {
   height: 13px;
   width: 13px;
   margin-right: 6px;
   color: var(--scalar-color-3);
 }
-.address-bar-content[data-v-01bb5ce5] {
+.address-bar-content[data-v-dcf8c50b] {
   width: 640px;
   height: 100%;
   background: var(--scalar-background-1);
@@ -849,21 +850,21 @@ to {
     opacity 0.01s ease-in-out 0.5s;
   pointer-events: none;
 }
-.address-bar--with-history[data-v-01bb5ce5] {
+.address-bar--with-history[data-v-dcf8c50b] {
   z-index: 100000;
 }
-.address-bar--with-history .address-bar-content[data-v-01bb5ce5] {
+.address-bar--with-history .address-bar-content[data-v-dcf8c50b] {
   transform: translate3d(0, 0, 0);
   opacity: 1;
   pointer-events: all;
   transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
 }
-.address-bar--with-history .address-bar-close[data-v-01bb5ce5] {
+.address-bar--with-history .address-bar-close[data-v-dcf8c50b] {
   opacity: 1;
   pointer-events: all;
   cursor: pointer;
 }
-.address-bar-close[data-v-01bb5ce5] {
+.address-bar-close[data-v-dcf8c50b] {
   width: 100%;
   height: 100%;
   position: fixed;

package/dist/index.js

@@ -26398,7 +26398,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   }
 });
 const RequestMethodSelect = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-2b029b46"]]);
-const _withScopeId$5 = (n) => (pushScopeId("data-v-01bb5ce5"), n = n(), popScopeId(), n);
+const _withScopeId$5 = (n) => (pushScopeId("data-v-dcf8c50b"), n = n(), popScopeId(), n);
 const _hoisted_1$s = {
   key: 0,
   class: "loader"
@@ -26423,7 +26423,7 @@ const _hoisted_5$5 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ create
     })
   ])
 ], -1));
-const _hoisted_6$2 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("span", null, "Send Request", -1));
+const _hoisted_6$2 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("span", null, "Send", -1));
 const _hoisted_7$1 = [
   _hoisted_5$5,
   _hoisted_6$2
@@ -26581,7 +26581,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AddressBar = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-01bb5ce5"]]);
+const AddressBar = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-dcf8c50b"]]);
 const clickGeneratedParameter = useEventBus(Symbol());
 const _hoisted_1$r = /* @__PURE__ */ createElementVNode("svg", {
   class: "scalar-api-client__toggle__icon",
@@ -31341,7 +31341,7 @@ const Ge = ["innerHTML"], Pt = /* @__PURE__ */ defineComponent({
     ], 2));
   }
 });
-const j = /* @__PURE__ */ Object.assign({ "./Add.svg": () => import("./Add-ngyZgYXx-DzyQwJvS.js"), "./Brackets.svg": () => import("./Brackets-4I8OKomf-BdIXlrTs.js"), "./Branch.svg": () => import("./Branch-CXwj8YuG-IxKqRWkx.js"), "./Checkmark.svg": () => import("./Checkmark-De7nq6cG-CenVOav7.js"), "./ChevronDown.svg": () => import("./ChevronDown-Co7EAKAv-DHNwXUbS.js"), "./ChevronLeft.svg": () => import("./ChevronLeft-DYt0idAu-DAzCtmws.js"), "./ChevronRight.svg": () => import("./ChevronRight-ylxToVWl-CDFDuBE1.js"), "./ChevronUp.svg": () => import("./ChevronUp-xAnukIfj-CuKFLVD3.js"), "./Clipboard.svg": () => import("./Clipboard-CU_KxGEv-DWrQtWVi.js"), "./Close.svg": () => import("./Close-CW3z42qZ-CeX6s3FA.js"), "./CodeFolder.svg": () => import("./CodeFolder-Cv_igzJE-CoWfaY0Z.js"), "./Cookie.svg": () => import("./Cookie-CEHvXpqB-D960ImBy.js"), "./DarkMode.svg": () => import("./DarkMode-CBsV8Q_I-DHPfucpm.js"), "./DocsPage.svg": () => import("./DocsPage-rh2xwxKN-BP1Vagfm.js"), "./Ellipses.svg": () => import("./Ellipses-Bo_X36Hx-CsJmKvlE.js"), "./ExternalLink.svg": () => import("./ExternalLink-DK8L-EH7-ANJEzoHO.js"), "./GitHub.svg": () => import("./GitHub-NdE6Zs9k-BAGzgXH_.js"), "./Hide.svg": () => import("./Hide-Q3GPkIKH-40aIsLtN.js"), "./JsonObject.svg": () => import("./JsonObject-hGdHUQ4M-Cm1hXgAn.js"), "./LightDarkModeToggle.svg": () => import("./LightDarkModeToggle-BkvMimDa-Dk64Z-UE.js"), "./LightMode.svg": () => import("./LightMode-Btz6vyT_-JpKLPzdT.js"), "./Logo.svg": () => import("./Logo-mtzeKD8M-LQcor9RM.js"), "./LogoAPI.svg": () => import("./LogoAPI-CaU5E6FK-Bzb5EbnZ.js"), "./LogoClient.svg": () => import("./LogoClient-DdC-t_7P-B_rZ91PC.js"), "./LogoMarket.svg": () => import("./LogoMarket-DwlApcab-_INRDSLs.js"), "./LogoSwagger.svg": () => import("./LogoSwagger-CH60H5qW-DFEpFXIU.js"), "./Menu.svg": () => import("./Menu-CFK5cOsm-CqE9Tsgr.js"), "./PaperAirplane.svg": () => import("./PaperAirplane-BC-4mGEB-BrV5fX8s.js"), "./Search.svg": () => import("./Search-DqtlswRG-D-hprEk0.js"), "./Show.svg": () => import("./Show-D86hKz5y-CF9Pv7FS.js"), "./Terminal.svg": () => import("./Terminal-CKp--su5-vWaGU4_z.js"), "./programming-framework-angular.svg": () => import("./programming-framework-angular-DD4Vjgbk-Bzc9D9am.js"), "./programming-framework-astro.svg": () => import("./programming-framework-astro-CLfrRt19-CfPlyy6T.js"), "./programming-framework-laravel.svg": () => import("./programming-framework-laravel-kAy2wVLy-Cty_4oXq.js"), "./programming-framework-nextdotjs.svg": () => import("./programming-framework-nextdotjs-BKdd_DY_-DUTv-t1Q.js"), "./programming-framework-react.svg": () => import("./programming-framework-react-PDgmtZuN-DdUogL85.js"), "./programming-framework-vuedotjs.svg": () => import("./programming-framework-vuedotjs-Cv46W2aB-Dt_I9pcj.js"), "./programming-language-c.svg": () => import("./programming-language-c-hPGu2Zvg-QG1pSdJG.js"), "./programming-language-clojure.svg": () => import("./programming-language-clojure-Cvmzky8x-D6Gs-6Ol.js"), "./programming-language-csharp.svg": () => import("./programming-language-csharp-lqX1oWgb-B1_8fYG9.js"), "./programming-language-css3.svg": () => import("./programming-language-css3-Dpp4Cr6b-Bf5XF7-p.js"), "./programming-language-go.svg": () => import("./programming-language-go-DoJxWwT6-BUgfSlg1.js"), "./programming-language-html5.svg": () => import("./programming-language-html5-DlqJK4EL-Bl9dTA-D.js"), "./programming-language-http.svg": () => import("./programming-language-http-wMYwFS1I-BWQXI44M.js"), "./programming-language-java.svg": () => import("./programming-language-java-BCxG2T_w-CWqBHVz_.js"), "./programming-language-javascript.svg": () => import("./programming-language-javascript-VxLvi1QG-DFjYF_MP.js"), "./programming-language-json.svg": () => import("./programming-language-json-vEX_g7Zi-BMZrSR1t.js"), "./programming-language-kotlin.svg": () => import("./programming-language-kotlin-DKV8vP9h-C1Zi89NZ.js"), "./programming-language-node.svg": () => import("./programming-language-node-Xsgx38lm-DZhaOPIJ.js"), "./programming-language-objc.svg": () => import("./programming-language-objc-BQXSOBsX-BR-B91By.js"), "./programming-language-ocaml.svg": () => import("./programming-language-ocaml-BEz7gGv7-ip3_Zuhb.js"), "./programming-language-php.svg": () => import("./programming-language-php-GY38f8r4-DQ_8EMFH.js"), "./programming-language-powershell.svg": () => import("./programming-language-powershell-C9DkSp36-S3xix_dw.js"), "./programming-language-python.svg": () => import("./programming-language-python-Ct-_kNjo-BCrlyfv0.js"), "./programming-language-r.svg": () => import("./programming-language-r-BGoKwua9-BWGOKD9M.js"), "./programming-language-ruby.svg": () => import("./programming-language-ruby-DhdM4d7g-Dd3La6Kn.js"), "./programming-language-scala.svg": () => import("./programming-language-scala-BVg0dToJ-Bz_n-CNw.js"), "./programming-language-shell.svg": () => import("./programming-language-shell-BsTa1xI7-XJbYjh7O.js"), "./programming-language-swift.svg": () => import("./programming-language-swift-Dn72xPjg-BUvu5_SV.js"), "./programming-language-typescript.svg": () => import("./programming-language-typescript-CdF-HuRi-CaDO02MW.js"), "./programming-script-code.svg": () => import("./programming-script-code-DQN1veb2-BPFALXVk.js"), "./programming-tool-git.svg": () => import("./programming-tool-git-DDnQ1zGD-Cz6Yj0wj.js"), "./programming-tool-tailwindcss.svg": () => import("./programming-tool-tailwindcss-xjXi0E6g-ky2wbsII.js") }), U = (a) => {
+const j = /* @__PURE__ */ Object.assign({ "./Add.svg": () => import("./Add-ngyZgYXx-DzyQwJvS.js"), "./Brackets.svg": () => import("./Brackets-4I8OKomf-BdIXlrTs.js"), "./Branch.svg": () => import("./Branch-CXwj8YuG-IxKqRWkx.js"), "./Checkmark.svg": () => import("./Checkmark-De7nq6cG-CenVOav7.js"), "./ChevronDown.svg": () => import("./ChevronDown-Co7EAKAv-DHNwXUbS.js"), "./ChevronLeft.svg": () => import("./ChevronLeft-DYt0idAu-DAzCtmws.js"), "./ChevronRight.svg": () => import("./ChevronRight-ylxToVWl-CDFDuBE1.js"), "./ChevronUp.svg": () => import("./ChevronUp-xAnukIfj-CuKFLVD3.js"), "./Clipboard.svg": () => import("./Clipboard-CU_KxGEv-DWrQtWVi.js"), "./Close.svg": () => import("./Close-CW3z42qZ-CeX6s3FA.js"), "./CodeFolder.svg": () => import("./CodeFolder-Cv_igzJE-CoWfaY0Z.js"), "./Cookie.svg": () => import("./Cookie-CEHvXpqB-D960ImBy.js"), "./DarkMode.svg": () => import("./DarkMode-CBsV8Q_I-DHPfucpm.js"), "./DocsPage.svg": () => import("./DocsPage-rh2xwxKN-BP1Vagfm.js"), "./Ellipses.svg": () => import("./Ellipses-Bo_X36Hx-CsJmKvlE.js"), "./ExternalLink.svg": () => import("./ExternalLink-DK8L-EH7-ANJEzoHO.js"), "./GitHub.svg": () => import("./GitHub-NdE6Zs9k-BAGzgXH_.js"), "./Hide.svg": () => import("./Hide-Q3GPkIKH-40aIsLtN.js"), "./JsonObject.svg": () => import("./JsonObject-hGdHUQ4M-Cm1hXgAn.js"), "./LightDarkModeToggle.svg": () => import("./LightDarkModeToggle-BkvMimDa-Dk64Z-UE.js"), "./LightMode.svg": () => import("./LightMode-Btz6vyT_-JpKLPzdT.js"), "./Logo.svg": () => import("./Logo-mtzeKD8M-LQcor9RM.js"), "./LogoAPI.svg": () => import("./LogoAPI-CaU5E6FK-Bzb5EbnZ.js"), "./LogoClient.svg": () => import("./LogoClient-DdC-t_7P-B_rZ91PC.js"), "./LogoMarket.svg": () => import("./LogoMarket-DwlApcab-_INRDSLs.js"), "./LogoSwagger.svg": () => import("./LogoSwagger-CH60H5qW-DFEpFXIU.js"), "./Menu.svg": () => import("./Menu-CFK5cOsm-CqE9Tsgr.js"), "./PaperAirplane.svg": () => import("./PaperAirplane-BC-4mGEB-BrV5fX8s.js"), "./Search.svg": () => import("./Search-DqtlswRG-D-hprEk0.js"), "./Show.svg": () => import("./Show-D86hKz5y-CF9Pv7FS.js"), "./SideBarClosed.svg": () => import("./SideBarClosed-CYUNS2XM-CyAn6Mp2.js"), "./SideBarOpen.svg": () => import("./SideBarOpen-BOxW49_U-D5IKtkfP.js"), "./Terminal.svg": () => import("./Terminal-CKp--su5-vWaGU4_z.js"), "./programming-framework-angular.svg": () => import("./programming-framework-angular-DD4Vjgbk-Bzc9D9am.js"), "./programming-framework-astro.svg": () => import("./programming-framework-astro-CLfrRt19-CfPlyy6T.js"), "./programming-framework-laravel.svg": () => import("./programming-framework-laravel-kAy2wVLy-Cty_4oXq.js"), "./programming-framework-nextdotjs.svg": () => import("./programming-framework-nextdotjs-BKdd_DY_-DUTv-t1Q.js"), "./programming-framework-react.svg": () => import("./programming-framework-react-PDgmtZuN-DdUogL85.js"), "./programming-framework-vuedotjs.svg": () => import("./programming-framework-vuedotjs-Cv46W2aB-Dt_I9pcj.js"), "./programming-language-c.svg": () => import("./programming-language-c-hPGu2Zvg-QG1pSdJG.js"), "./programming-language-clojure.svg": () => import("./programming-language-clojure-Cvmzky8x-D6Gs-6Ol.js"), "./programming-language-csharp.svg": () => import("./programming-language-csharp-lqX1oWgb-B1_8fYG9.js"), "./programming-language-css3.svg": () => import("./programming-language-css3-Dpp4Cr6b-Bf5XF7-p.js"), "./programming-language-go.svg": () => import("./programming-language-go-DoJxWwT6-BUgfSlg1.js"), "./programming-language-html5.svg": () => import("./programming-language-html5-DlqJK4EL-Bl9dTA-D.js"), "./programming-language-http.svg": () => import("./programming-language-http-wMYwFS1I-BWQXI44M.js"), "./programming-language-java.svg": () => import("./programming-language-java-BCxG2T_w-CWqBHVz_.js"), "./programming-language-javascript.svg": () => import("./programming-language-javascript-VxLvi1QG-DFjYF_MP.js"), "./programming-language-json.svg": () => import("./programming-language-json-vEX_g7Zi-BMZrSR1t.js"), "./programming-language-kotlin.svg": () => import("./programming-language-kotlin-DKV8vP9h-C1Zi89NZ.js"), "./programming-language-node.svg": () => import("./programming-language-node-Xsgx38lm-DZhaOPIJ.js"), "./programming-language-objc.svg": () => import("./programming-language-objc-BQXSOBsX-BR-B91By.js"), "./programming-language-ocaml.svg": () => import("./programming-language-ocaml-BEz7gGv7-ip3_Zuhb.js"), "./programming-language-php.svg": () => import("./programming-language-php-GY38f8r4-DQ_8EMFH.js"), "./programming-language-powershell.svg": () => import("./programming-language-powershell-C9DkSp36-S3xix_dw.js"), "./programming-language-python.svg": () => import("./programming-language-python-Ct-_kNjo-BCrlyfv0.js"), "./programming-language-r.svg": () => import("./programming-language-r-BGoKwua9-BWGOKD9M.js"), "./programming-language-ruby.svg": () => import("./programming-language-ruby-DhdM4d7g-Dd3La6Kn.js"), "./programming-language-scala.svg": () => import("./programming-language-scala-BVg0dToJ-Bz_n-CNw.js"), "./programming-language-shell.svg": () => import("./programming-language-shell-BsTa1xI7-XJbYjh7O.js"), "./programming-language-swift.svg": () => import("./programming-language-swift-Dn72xPjg-BUvu5_SV.js"), "./programming-language-typescript.svg": () => import("./programming-language-typescript-CdF-HuRi-CaDO02MW.js"), "./programming-script-code.svg": () => import("./programming-script-code-DQN1veb2-BPFALXVk.js"), "./programming-tool-git.svg": () => import("./programming-tool-git-DDnQ1zGD-Cz6Yj0wj.js"), "./programming-tool-tailwindcss.svg": () => import("./programming-tool-tailwindcss-xjXi0E6g-ky2wbsII.js") }), U = (a) => {
   const t2 = `./${a}.svg`;
   return j[t2] ? defineAsyncComponent(j[t2]) : (console.warn(`Could not find icon: ${a}`), null);
 }, Ye = ["src"], V = /* @__PURE__ */ defineComponent({
@@ -32673,6 +32673,10 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         );
       }
     );
+    const showRequestBody = computed(() => {
+      const requestType = activeRequest2.type.toLowerCase();
+      return requestType === "put" || requestType === "post" || requestType === "patch";
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$8, [
         createElementVNode("div", _hoisted_2$3, [
@@ -32708,11 +32712,12 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             generatedQueries: authenticationRequest.value.queryString,
             queries: unref(activeRequest2).query
           }, null, 8, ["generatedQueries", "queries"]),
-          createVNode(_sfc_main$f, {
+          showRequestBody.value ? (openBlock(), createBlock(_sfc_main$f, {
+            key: 0,
             body: unref(activeRequest2).body,
             formData: unref(activeRequest2).formData,
             requestBody: unref(activeRequest2).body
-          }, null, 8, ["body", "formData", "requestBody"]),
+          }, null, 8, ["body", "formData", "requestBody"])) : createCommentVNode("", true),
           _hoisted_6$1
         ])
       ]);
@@ -33086,7 +33091,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     proxyUrl: {},
     readOnly: { type: Boolean, default: false },
     theme: {},
-    withDefaultFonts: { type: Boolean, default: true }
+    withDefaultFonts: { type: Boolean, default: true },
+    showSideBar: { type: Boolean, default: false }
   },
   emits: ["escapeKeyPress"],
   setup(__props, { emit: __emit }) {
@@ -33124,16 +33130,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onKeydown: _cache[1] || (_cache[1] = withKeys(($event) => emit("escapeKeyPress"), ["esc"]))
         }, {
           default: withCtx(() => [
-            createVNode(AddressBar, {
-              proxyUrl: _ctx.proxyUrl,
-              onOnSend: _cache[0] || (_cache[0] = ($event) => changeTab(Tabs.Response))
-            }, null, 8, ["proxyUrl"]),
+            createElementVNode("div", null, [
+              renderSlot(_ctx.$slots, "address-bar-controls"),
+              createVNode(AddressBar, {
+                proxyUrl: _ctx.proxyUrl,
+                onOnSend: _cache[0] || (_cache[0] = ($event) => changeTab(Tabs.Response))
+              }, null, 8, ["proxyUrl"])
+            ]),
             createElementVNode("div", _hoisted_1, [
-              !unref(isSmallScreen) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              _ctx.showSideBar ? renderSlot(_ctx.$slots, "sidebar", { key: 0 }) : createCommentVNode("", true),
+              !unref(isSmallScreen) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                 createVNode(unref(_sfc_main$a)),
                 createVNode(unref(_sfc_main$1))
               ], 64)) : (openBlock(), createBlock(unref(TabGroup), {
-                key: 1,
+                key: 2,
                 selectedIndex: selectedTab.value,
                 onChange: changeTab
               }, {
@@ -33185,7 +33195,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, 8, ["selectedIndex"]))
             ])
           ]),
-          _: 1
+          _: 3
         }, 8, ["method"])
       ], 64);
     };

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "1.2.16",
+  "version": "1.2.18",
   "engines": {
     "node": ">=18"
   },
@@ -42,11 +42,11 @@
     "nanoid": "^5.0.1",
     "pretty-bytes": "^6.1.1",
     "pretty-ms": "^8.0.0",
-    "@scalar/components": "0.7.3",
+    "@scalar/components": "0.7.4",
     "@scalar/themes": "0.7.9",
-    "@scalar/use-modal": "0.3.3",
+    "@scalar/use-tooltip": "0.6.2",
     "@scalar/use-codemirror": "0.10.3",
-    "@scalar/use-tooltip": "0.6.2"
+    "@scalar/use-modal": "0.3.3"
   },
   "devDependencies": {
     "@types/content-type": "^1.1.6",