@scalar/api-client 3.21.1 → 3.21.2

package/dist/style.css

@@ -215,7 +215,7 @@
     --scalar-background-3: #e7e7e7;
     --scalar-background-accent: #8ab4f81f;
     --scalar-color-1: #1b1b1b;
-    --scalar-color-2: #757575;
+    --scalar-color-2: #707070;
     --scalar-color-3: #8e8e8e;
     --scalar-color-accent: #09f;
     --scalar-border-color: #dfdfdf;
@@ -263,7 +263,7 @@
     --scalar-color-green: #069061;
     --scalar-color-red: #ef0006;
     --scalar-color-yellow: #edbe20;
-    --scalar-color-blue: #0082d0;
+    --scalar-color-blue: #0072bd;
     --scalar-color-orange: #ff5800;
     --scalar-color-purple: #5203d1;
     --scalar-color-query: #007b80;
@@ -381,7 +381,7 @@
       --scalar-color-green: color(display-p3 .023529 .564706 .380392);
       --scalar-color-red: color(display-p3 .937255 0 .023529);
       --scalar-color-yellow: color(display-p3 .929412 .745098 .12549);
-      --scalar-color-blue: color(display-p3 0 .509804 .815686);
+      --scalar-color-blue: color(display-p3 0 .447059 .741176);
       --scalar-color-orange: color(display-p3 1 .4 .02);
       --scalar-color-purple: color(display-p3 .321569 .011765 .819608);
     }
@@ -415,9 +415,19 @@
 :where(.scalar-app) {
   font-family: var(--scalar-font);
   color: var(--scalar-color-1);
+  --scalar-focus-color: var(--scalar-color-accent);
+  line-height: 1.15;
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :where(.scalar-app) {
+    --scalar-focus-color: color-mix(in srgb, var(--scalar-color-accent), var(--scalar-color-1) 20%);
+  }
+}
+
+:where(.scalar-app) {
   -webkit-text-size-adjust: 100%;
   tab-size: 4;
-  line-height: 1.15;
 }
 
 :where(.scalar-app) *, :where(.scalar-app) :before, :where(.scalar-app) :after {
@@ -508,6 +518,10 @@
   outline-offset: -1px;
 }
 
+:where(.scalar-app) a:focus-visible, :where(.scalar-app) button:focus-visible, :where(.scalar-app) [role="button"]:focus-visible {
+  outline-color: var(--scalar-focus-color);
+}
+
 :where(.scalar-app) button, :where(.scalar-app) [role="button"] {
   cursor: pointer;
 }
@@ -5371,15 +5385,25 @@
   }
 }
 
+@media not all and (min-width: 1000px) {
+  .scalar-app .max-lg\:fixed {
+    position: fixed;
+  }
+
+  .scalar-app .max-lg\:top-2 {
+    top: 8px;
+  }
+
+  .scalar-app .max-lg\:left-2 {
+    left: 8px;
+  }
+}
+
 @media not all and (min-width: 800px) {
   .scalar-app .max-md\:absolute\! {
     position: absolute !important;
   }
 
-  .scalar-app .max-md\:top-4 {
-    top: 16px;
-  }
-
   .scalar-app .max-md\:z-5 {
     z-index: 5;
   }
@@ -6115,21 +6139,21 @@ to {
   );
 }
 
-.fade-request-section-content[data-v-48147b15] {
+.fade-request-section-content[data-v-50fd0a3c] {
   background: linear-gradient(
     to left,
     var(--scalar-background-1) 64%,
     transparent
   );
 }
-.fade-request-section-content[data-v-48147b15]:dir(rtl) {
+.fade-request-section-content[data-v-50fd0a3c]:dir(rtl) {
   background: linear-gradient(
     to right,
     var(--scalar-background-1) 64%,
     transparent
   );
 }
-.filter-hover[data-v-48147b15] {
+.filter-hover[data-v-50fd0a3c] {
   height: 100%;
   padding-inline-end: 39px;
   padding-inline-start: 24px;
@@ -6138,12 +6162,12 @@ to {
   transition: width 0s ease-in-out 0.2s;
   overflow: hidden;
 }
-.filter-hover[data-v-48147b15]:hover,
-.filter-hover[data-v-48147b15]:has(:focus-visible) {
+.filter-hover[data-v-50fd0a3c]:hover,
+.filter-hover[data-v-50fd0a3c]:has(:focus-visible) {
   width: 100%;
   z-index: 10;
 }
-.filter-hover[data-v-48147b15]:before {
+.filter-hover[data-v-50fd0a3c]:before {
   content: '';
   position: absolute;
   top: 0;
@@ -6155,59 +6179,59 @@ to {
   transition: all 0.3s ease-in-out;
   pointer-events: none;
 }
-.filter-hover-item[data-v-48147b15] {
+.filter-hover-item[data-v-50fd0a3c] {
   opacity: 0;
 }
-.filter-hover-item[data-v-48147b15]:not(:last-of-type) {
+.filter-hover-item[data-v-50fd0a3c]:not(:last-of-type) {
   transform: translate3d(0, 3px, 0);
 }
-.filter-hover:hover .filter-hover-item[data-v-48147b15] {
+.filter-hover:hover .filter-hover-item[data-v-50fd0a3c] {
   transition:
     opacity 0.2s ease-in-out,
     transform 0.2s ease-in-out;
 }
-.filter-hover:hover .filter-hover-item[data-v-48147b15]:nth-last-of-type(1) {
+.filter-hover:hover .filter-hover-item[data-v-50fd0a3c]:nth-last-of-type(1) {
   transition-delay: 0.05s;
 }
-.filter-hover:hover .filter-hover-item[data-v-48147b15]:nth-last-of-type(2) {
+.filter-hover:hover .filter-hover-item[data-v-50fd0a3c]:nth-last-of-type(2) {
   transition-delay: 0.1s;
 }
-.filter-hover:hover .filter-hover-item[data-v-48147b15]:nth-last-of-type(3) {
+.filter-hover:hover .filter-hover-item[data-v-50fd0a3c]:nth-last-of-type(3) {
   transition-delay: 0.15s;
 }
-.filter-hover:hover .filter-hover-item[data-v-48147b15]:nth-last-of-type(4) {
+.filter-hover:hover .filter-hover-item[data-v-50fd0a3c]:nth-last-of-type(4) {
   transition-delay: 0.2s;
 }
-.filter-hover:hover .filter-hover-item[data-v-48147b15]:nth-last-of-type(5) {
+.filter-hover:hover .filter-hover-item[data-v-50fd0a3c]:nth-last-of-type(5) {
   transition-delay: 0.25s;
 }
-.filter-hover:hover .filter-hover-item[data-v-48147b15]:nth-last-of-type(6) {
+.filter-hover:hover .filter-hover-item[data-v-50fd0a3c]:nth-last-of-type(6) {
   transition-delay: 0.3s;
 }
-.filter-hover:hover .filter-hover-item[data-v-48147b15]:nth-last-of-type(7) {
+.filter-hover:hover .filter-hover-item[data-v-50fd0a3c]:nth-last-of-type(7) {
   transition-delay: 0.35s;
 }
-.filter-hover:hover .filter-hover-item[data-v-48147b15],
-.filter-hover:has(:focus-visible) .filter-hover-item[data-v-48147b15] {
+.filter-hover:hover .filter-hover-item[data-v-50fd0a3c],
+.filter-hover:has(:focus-visible) .filter-hover-item[data-v-50fd0a3c] {
   opacity: 1;
   transform: translate3d(0, 0, 0);
 }
-.filter-hover[data-v-48147b15]:hover:before,
-.filter-hover[data-v-48147b15]:has(:focus-visible):before {
+.filter-hover[data-v-50fd0a3c]:hover:before,
+.filter-hover[data-v-50fd0a3c]:has(:focus-visible):before {
   opacity: 0.9;
   backdrop-filter: blur(10px);
 }
-.filter-button[data-v-48147b15] {
+.filter-button[data-v-50fd0a3c] {
   top: 50%;
   transform: translateY(-50%);
 }
-.context-bar-group:hover .context-bar-group-hover\:text-c-1[data-v-48147b15],
-.context-bar-group:has(:focus-visible) .context-bar-group-hover\:text-c-1[data-v-48147b15] {
+.context-bar-group:hover .context-bar-group-hover\:text-c-1[data-v-50fd0a3c],
+.context-bar-group:has(:focus-visible) .context-bar-group-hover\:text-c-1[data-v-50fd0a3c] {
   --tw-text-opacity: 1;
   color: rgb(var(--scalar-color-1) / var(--tw-text-opacity));
 }
-.context-bar-group:hover .context-bar-group-hover\:hidden[data-v-48147b15],
-.context-bar-group:has(:focus-visible) .context-bar-group-hover\:hidden[data-v-48147b15] {
+.context-bar-group:hover .context-bar-group-hover\:hidden[data-v-50fd0a3c],
+.context-bar-group:has(:focus-visible) .context-bar-group-hover\:hidden[data-v-50fd0a3c] {
   display: none;
 }
 
@@ -6383,13 +6407,13 @@ to {
   color: var(--scalar-color-1);
 }
 
-.code-input-lite[data-v-9bca2f92] {
+.code-input-lite[data-v-360ebc3c] {
   /* Flex so the editor centres vertically in whatever height the cell gives us.
      Font properties inherit so we adopt the surrounding typography. */
   display: flex;
   align-items: center;
 }
-.code-input-lite__editor[data-v-9bca2f92] {
+.code-input-lite__editor[data-v-360ebc3c] {
   /* Everything font-related inherits from the surrounding context. */
   font: inherit;
   letter-spacing: inherit;
@@ -6411,7 +6435,7 @@ to {
   /* Positioning context for the absolutely positioned placeholder. */
   position: relative;
 }
-.code-input-lite__editor[data-v-9bca2f92]::-webkit-scrollbar {
+.code-input-lite__editor[data-v-360ebc3c]::-webkit-scrollbar {
   display: none;
 }
 
@@ -6419,7 +6443,7 @@ to {
    contenteditable; otherwise the caret would land after it on focus.
    `pointer-events: none` lets clicks fall through to focus the editor.
    Hidden on focus so it never renders on top of the text caret. */
-.code-input-lite--empty .code-input-lite__editor[data-v-9bca2f92]:not(:focus)::before {
+.code-input-lite--empty .code-input-lite__editor[data-v-360ebc3c]:not(:focus)::before {
   content: attr(data-placeholder);
   color: var(--scalar-color-3);
   pointer-events: none;
@@ -6430,7 +6454,7 @@ to {
   display: flex;
   align-items: center;
 }
-.code-input-lite--error .code-input-lite__editor[data-v-9bca2f92] {
+.code-input-lite--error .code-input-lite__editor[data-v-360ebc3c] {
   outline: 1px solid var(--scalar-color-red);
 }
 
@@ -6491,24 +6515,24 @@ to {
   font-size: var(--scalar-small);
 }
 
-[data-v-135d11b9] .code-input-lite__editor {
+[data-v-8e7de9be] .code-input-lite__editor {
   background-color: transparent;
   font-family: var(--scalar-font);
   font-size: var(--scalar-small);
   padding: 5px 8px;
 }
-[data-v-135d11b9] .scalar-pill:not(:last-of-type) {
+[data-v-8e7de9be] .scalar-pill:not(:last-of-type) {
   margin-right: 0.15em;
 }
-[data-v-135d11b9] .scalar-pill:not(:first-of-type) {
+[data-v-8e7de9be] .scalar-pill:not(:first-of-type) {
   margin-left: 0.5px;
 }
 /* Tailwind placeholder is busted */
-input[data-v-135d11b9]::placeholder {
+input[data-v-8e7de9be]::placeholder {
   color: var(--scalar-color-3);
 }
 /* we want our inputs to look like a password input but not be one */
-.scalar-password-input[data-v-135d11b9] {
+.scalar-password-input[data-v-8e7de9be] {
   text-security: disc;
   -webkit-text-security: disc;
   -moz-text-security: disc;
@@ -6536,20 +6560,20 @@ input[data-v-135d11b9]::placeholder {
   scrollbar-width: none;
 }
 
-.request-section-content[data-v-1bb88607] {
+.request-section-content[data-v-5bf07c90] {
   --scalar-border-width: 0.5px;
 }
-.request-section-content-filter[data-v-1bb88607] {
+.request-section-content-filter[data-v-5bf07c90] {
   box-shadow: 0 -10px 0 10px var(--scalar-background-1);
 }
-.request-item:focus-within .request-meta-buttons[data-v-1bb88607] {
+.request-item:focus-within .request-meta-buttons[data-v-5bf07c90] {
   opacity: 1;
 }
-.group-hover-input[data-v-1bb88607] {
+.group-hover-input[data-v-5bf07c90] {
   border-width: var(--scalar-border-width);
   border-color: transparent;
 }
-.group:hover .group-hover-input[data-v-1bb88607] {
+.group:hover .group-hover-input[data-v-5bf07c90] {
   background: color-mix(
     in srgb,
     var(--scalar-background-1),
@@ -6557,7 +6581,7 @@ input[data-v-135d11b9]::placeholder {
   );
   border-color: var(--scalar-border-color);
 }
-.group-hover-input[data-v-1bb88607]:focus {
+.group-hover-input[data-v-5bf07c90]:focus {
   background: transparent !important;
   border-color: var(--scalar-border-color) !important;
 }
@@ -6637,11 +6661,11 @@ input[data-v-135d11b9]::placeholder {
   opacity: 0;
 }
 
-.animate-response-heading .response-heading[data-v-2694e1a2] {
-  animation: push-response-2694e1a2 0.2s ease-in-out forwards;
+.animate-response-heading .response-heading[data-v-29000e66] {
+  animation: push-response-29000e66 0.2s ease-in-out forwards;
   opacity: 1;
 }
-@keyframes push-response-2694e1a2 {
+@keyframes push-response-29000e66 {
 from {
     opacity: 1;
     transform: translateY(0);
@@ -6651,11 +6675,11 @@ to {
     transform: translateY(-4px);
 }
 }
-.animate-response-heading .animate-response-children[data-v-2694e1a2] {
-  animation: response-spans-2694e1a2 0.2s ease-in-out forwards 0.05s;
+.animate-response-heading .animate-response-children[data-v-29000e66] {
+  animation: response-spans-29000e66 0.2s ease-in-out forwards 0.05s;
   opacity: 0;
 }
-@keyframes response-spans-2694e1a2 {
+@keyframes response-spans-29000e66 {
 from {
     opacity: 0;
     transform: translateY(4px);
@@ -6683,21 +6707,21 @@ to {
   background: var(--scalar-background-2);
 }
 
-[data-v-0e96b5b8] .cm-editor {
+[data-v-6edfa5a3] .cm-editor {
   height: 100%;
   outline: none;
   width: 100%;
 }
-[data-v-0e96b5b8] .cm-line {
+[data-v-6edfa5a3] .cm-line {
   padding: 0;
 }
-[data-v-0e96b5b8] .cm-content {
+[data-v-6edfa5a3] .cm-content {
   padding: 0;
   display: flex;
   align-items: center;
   font-size: var(--scalar-small);
 }
-.scroll-timeline-x[data-v-0e96b5b8] {
+.scroll-timeline-x[data-v-6edfa5a3] {
   -ms-overflow-style: none;
   /* Fade the URL at the viewport edges. Mask lives on the scrollport (this
      element) rather than on `.cm-scroller`, whose width follows the URL's
@@ -6710,31 +6734,31 @@ to {
     transparent 100%
   );
 }
-.scroll-timeline-x-hidden[data-v-0e96b5b8] {
+.scroll-timeline-x-hidden[data-v-6edfa5a3] {
   overflow-x: auto;
 }
-.scroll-timeline-x-hidden[data-v-0e96b5b8] .cm-scroller {
+.scroll-timeline-x-hidden[data-v-6edfa5a3] .cm-scroller {
   scrollbar-width: none;
   -ms-overflow-style: none;
   padding-right: 20px;
   overflow: auto;
 }
-.scroll-timeline-x-hidden[data-v-0e96b5b8]::-webkit-scrollbar {
+.scroll-timeline-x-hidden[data-v-6edfa5a3]::-webkit-scrollbar {
   width: 0;
   height: 0;
   display: none;
 }
-.scroll-timeline-x-hidden[data-v-0e96b5b8] .cm-scroller::-webkit-scrollbar {
+.scroll-timeline-x-hidden[data-v-6edfa5a3] .cm-scroller::-webkit-scrollbar {
   width: 0;
   height: 0;
   display: none;
 }
-.scroll-timeline-x-address[data-v-0e96b5b8] {
+.scroll-timeline-x-address[data-v-6edfa5a3] {
   line-height: 27px;
   scrollbar-width: none; /* Firefox */
 }
 /* make clickable are to left of send button */
-.scroll-timeline-x-address[data-v-0e96b5b8]:after {
+.scroll-timeline-x-address[data-v-6edfa5a3]:after {
   content: '';
   position: absolute;
   height: 100%;
@@ -6742,7 +6766,7 @@ to {
   right: 0;
   cursor: text;
 }
-.address-bar-bg-states[data-v-0e96b5b8] {
+.address-bar-bg-states[data-v-6edfa5a3] {
   --scalar-address-bar-bg: color-mix(
     in srgb,
     var(--scalar-background-1),
@@ -6750,22 +6774,22 @@ to {
   );
   background: var(--scalar-address-bar-bg);
 }
-.address-bar-bg-states[data-v-0e96b5b8]:has(.cm-focused) {
+.address-bar-bg-states[data-v-6edfa5a3]:has(.cm-focused) {
   --scalar-address-bar-bg: var(--scalar-background-1);
   border-color: var(--scalar-border-color);
   outline-width: 1px;
   outline-style: solid;
 }
-.address-bar-bg-states:has(.cm-focused) .fade-left[data-v-0e96b5b8],
-.address-bar-bg-states:has(.cm-focused) .fade-right[data-v-0e96b5b8] {
+.address-bar-bg-states:has(.cm-focused) .fade-left[data-v-6edfa5a3],
+.address-bar-bg-states:has(.cm-focused) .fade-right[data-v-6edfa5a3] {
   --scalar-address-bar-bg: var(--scalar-background-1);
 }
 
-.app-exit-button[data-v-cf0538d1] {
+.app-exit-button[data-v-6e1ebfa0] {
   color: white;
   background: rgba(0, 0, 0, 0.1);
 }
-.app-exit-button[data-v-cf0538d1]:hover {
+.app-exit-button[data-v-6e1ebfa0]:hover {
   background: rgba(255, 255, 255, 0.1);
 }
 /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@@ -6802,6 +6826,47 @@ to {
   bottom: 0;
 }
 
+/**
+ * The wide state is the default variant written out in plain CSS. Spelling it
+ * out here rather than reusing the utility classes keeps the narrow state below
+ * from having to outrank a utility of the same specificity.
+ */
+.scalar-sidebar-toggle--overlay[data-v-4a35414a] {
+  color: var(--scalar-color-3);
+  border-radius: var(--scalar-radius-md);
+  padding: 8px;
+}
+.scalar-sidebar-toggle--overlay[data-v-4a35414a]:hover {
+  background: var(--scalar-background-2);
+}
+.scalar-sidebar-toggle--overlay[data-v-4a35414a]:active {
+  color: var(--scalar-color-1);
+}
+
+/**
+ * Below the `lg` breakpoint (1000px) the toggle moves onto the dimmed backdrop
+ * and matches the close button in the opposite corner: white on a translucent
+ * fill, in a 36px circle. The padding is literal rather than a utility class so
+ * that circle matches that button even when this component is consumed from a
+ * build that generates its own utilities.
+ *
+ * The breakpoint is where the address bar stops being able to centre itself.
+ * The bar caps at 768px, so once the panel is narrower than roughly 870px the
+ * bar's left edge slides under a toggle sitting inside the panel and clips the
+ * method chip. `lg` clears that crossover with room to spare.
+ */
+@media (width < 1000px) {
+.scalar-sidebar-toggle--overlay[data-v-4a35414a] {
+    color: white;
+    background: rgba(0, 0, 0, 0.1);
+    border-radius: var(--scalar-radius-full);
+    padding: 10px;
+}
+.scalar-sidebar-toggle--overlay[data-v-4a35414a]:hover {
+    background: rgba(255, 255, 255, 0.1);
+}
+}
+
 [data-v-4b7f675d] .code-input-lite__editor {
   background-color: transparent;
   font-family: var(--scalar-font);
@@ -6815,7 +6880,7 @@ to {
   margin-left: 0.5px;
 }
 /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-.scalar .scalar-app-layout[data-v-0eebddf5] {
+.scalar .scalar-app-layout[data-v-44c68ca5] {
   background: var(--scalar-background-1);
   border: var(--scalar-border-width) solid var(--scalar-border-color);
   border-radius: 8px;
@@ -6827,12 +6892,12 @@ to {
   overflow: hidden;
 }
 @media (max-width: 720px) and (max-height: 480px) {
-.scalar .scalar-app-layout[data-v-0eebddf5] {
+.scalar .scalar-app-layout[data-v-44c68ca5] {
     height: 100%;
     max-height: 90svh;
 }
 }
-.scalar .scalar-app-exit[data-v-0eebddf5] {
+.scalar .scalar-app-exit[data-v-44c68ca5] {
   cursor: pointer;
   z-index: -1;
   background: #00000038;
@@ -6842,10 +6907,10 @@ to {
   top: 0;
   left: 0;
 }
-.dark-mode .scalar .scalar-app-exit[data-v-0eebddf5] {
+.dark-mode .scalar .scalar-app-exit[data-v-44c68ca5] {
   background: #00000073;
 }
-.scalar .scalar-app-exit[data-v-0eebddf5]:before {
+.scalar .scalar-app-exit[data-v-44c68ca5]:before {
   text-align: center;
   color: #fff;
   opacity: .6;
@@ -6857,10 +6922,10 @@ to {
   top: 0;
   right: 12px;
 }
-.scalar .scalar-app-exit[data-v-0eebddf5]:hover:before {
+.scalar .scalar-app-exit[data-v-44c68ca5]:hover:before {
   opacity: 1;
 }
-.scalar-container[data-v-0eebddf5] {
+.scalar-container[data-v-44c68ca5] {
   visibility: hidden;
   opacity: 0;
   pointer-events: none;
@@ -6877,16 +6942,16 @@ to {
   left: 0;
   overflow: hidden;
 }
-.scalar-container.scalar-client--open[data-v-0eebddf5] {
+.scalar-container.scalar-client--open[data-v-44c68ca5] {
   opacity: 1;
   visibility: visible;
   pointer-events: auto;
   transition: opacity .35s;
 }
-.scalar .url-form-input[data-v-0eebddf5] {
+.scalar .url-form-input[data-v-44c68ca5] {
   min-height: auto !important;
 }
-.scalar .scalar-container[data-v-0eebddf5] {
+.scalar .scalar-container[data-v-44c68ca5] {
   line-height: normal;
 }
 

package/dist/v2/blocks/operation-block/components/Header.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/operation-block/components/Header.vue"],"names":[],"mappings":"AA6NA,OAAO,KAAK,EACV,UAAU,EACV,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAEhG,OAAO,EAAc,KAAK,OAAO,EAAE,MAAM,sCAAsC,CAAA;AAG/E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAKrD;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,MAAM,EAAE,MAAM,CAAA;IACd,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oBAAoB;IACpB,MAAM,EAAE,YAAY,CAAA;IACpB,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,4BAA4B;IAC5B,YAAY,EAAE,MAAM,CAAA;IACpB,+DAA+D;IAC/D,UAAU,EAAE,MAAM,CAAA;IAClB,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oBAAoB;IACpB,MAAM,CAAC,EAAE,SAAS,GAAG,eAAe,CAAA;IACpC,gCAAgC;IAChC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,mDAAmD;IACnD,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,8BAA8B;IAC9B,OAAO,EAAE,OAAO,EAAE,CAAA;IAClB,gBAAgB;IAChB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,uBAAuB;IACvB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,qCAAqC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,4BAA4B;IAC5B,WAAW,EAAE,kBAAkB,CAAA;IAC/B,sCAAsC;IACtC,UAAU,EAAE,UAAU,CAAA;CACvB,CAAA;wBACoB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;;eAc6B,MAAM;;;;;;;;eAAN,MAAM;;;;;;kFAgUjD,CAAC"}
+{"version":3,"file":"Header.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/operation-block/components/Header.vue"],"names":[],"mappings":"AA+NA,OAAO,KAAK,EACV,UAAU,EACV,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAEhG,OAAO,EAAc,KAAK,OAAO,EAAE,MAAM,sCAAsC,CAAA;AAG/E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAKrD;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,MAAM,EAAE,MAAM,CAAA;IACd,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oBAAoB;IACpB,MAAM,EAAE,YAAY,CAAA;IACpB,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,4BAA4B;IAC5B,YAAY,EAAE,MAAM,CAAA;IACpB,+DAA+D;IAC/D,UAAU,EAAE,MAAM,CAAA;IAClB,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oBAAoB;IACpB,MAAM,CAAC,EAAE,SAAS,GAAG,eAAe,CAAA;IACpC,gCAAgC;IAChC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,mDAAmD;IACnD,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,8BAA8B;IAC9B,OAAO,EAAE,OAAO,EAAE,CAAA;IAClB,gBAAgB;IAChB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,uBAAuB;IACvB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,qCAAqC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,4BAA4B;IAC5B,WAAW,EAAE,kBAAkB,CAAA;IAC/B,sCAAsC;IACtC,UAAU,EAAE,UAAU,CAAA;CACvB,CAAA;wBACoB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;;eAc6B,MAAM;;;;;;;;eAAN,MAAM;;;;;;kFAkUjD,CAAC"}

package/dist/v2/blocks/operation-block/components/Header.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_
 import Header_vue_vue_type_script_setup_true_lang_default from "./Header.vue.script.js";
 /* empty css                     */
 //#region src/v2/blocks/operation-block/components/Header.vue
-var Header_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Header_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-cf0538d1"]]);
+var Header_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Header_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6e1ebfa0"]]);
 //#endregion
 export { Header_default as default };
 

package/dist/v2/blocks/operation-block/components/Header.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.vue.js","names":[],"sources":["../../../../../src/v2/blocks/operation-block/components/Header.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n  Operation block header: address bar, environment selector, and modal controls.\n\n  Renders the top bar for the API client operation view: URL/method (AddressBar),\n  optional environment selector, optional \"Open API Client\" button in modal layout,\n  and close button for modal. Layout and visibility depend on `layout` and `source` props.\n */\nexport type HeaderProps = {\n  /** An external example must finish loading before sending. */\n  executionDisabled?: boolean\n  /** Current request path */\n  path: string\n  /** Current request method */\n  method: string\n  /** Whether this request comes from an OpenAPI webhook. */\n  isWebhook?: boolean\n  /** Client layout */\n  layout: ClientLayout\n  /** Hides the client button on the header */\n  hideClientButton?: boolean\n  /** Client integration  */\n  integration?: string | null\n  /** Openapi document slug */\n  documentSlug: string\n  /** Currently selected example key for the current operation */\n  exampleKey: string\n  /** Openapi document url for `modal` mode to open the client app */\n  documentUrl?: string\n  /** Client source */\n  source?: 'gitbook' | 'api-reference'\n  /** Currently selected server */\n  server: ServerObject | null\n  /** Server list available for operation/document */\n  servers: ServerObject[]\n  /** List of request history */\n  history: History[]\n  /** Event bus */\n  eventBus: WorkspaceEventBus\n  /** Environment list */\n  environments?: string[]\n  /** Currently selected environment */\n  activeEnvironment?: string\n  /** Environment variables */\n  environment: XScalarEnvironment\n  /** Meta information for the server */\n  serverMeta: ServerMeta\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport { ScalarIconGearSix } from '@scalar/icons'\nimport type {\n  ServerMeta,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\n\nimport { AddressBar, type History } from '@/v2/blocks/scalar-address-bar-block'\nimport EnvironmentSelector from '@/v2/blocks/scalar-address-bar-block/components/EnvironmentSelector.vue'\nimport { useLocalization } from '@/v2/features/localization'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nimport OpenApiClientButton from './OpenApiClientButton.vue'\n\nconst {\n  hideClientButton = false,\n  eventBus,\n  exampleKey,\n  documentSlug,\n} = defineProps<HeaderProps>()\n\nconst emit = defineEmits<{\n  /** Execute the current operation example */\n  (e: 'execute'): void\n  /** Select a request history item by index */\n  (e: 'select:history:item', payload: { index: number }): void\n  /** Add a new environment */\n  (e: 'add:environment'): void\n  /** Navigate to the settings page for the current entity */\n  (e: 'navigate:settings'): void\n  /** Update the full destination URL used to deliver a webhook. */\n  (e: 'update:webhook-url', url: string): void\n}>()\n\nconst { translate } = useLocalization()\n\nconst handleSelectEnvironment = (environmentName: string) => {\n  eventBus.emit('workspace:update:active-environment', environmentName)\n}\n\nconst handleAddEnvironment = () => {\n  eventBus.emit('ui:navigate', { page: 'document', path: 'environment' })\n}\n</script>\n\n<template>\n  <!--\n    `@container` declares an unnamed container so the AddressBar can\n    adapt to the right column's actual width (which shrinks when the\n    sidebar opens) instead of the viewport. The query is declared here\n    on the parent rather than on the AddressBar itself so the bar's\n    `w-full` mobile state cannot feed back into its own breakpoint.\n  -->\n  <div\n    class=\"lg:min-h-header t-app__top-container @container flex w-full flex-wrap items-center justify-center p-2\">\n    <!-- Left spacer to center bar -->\n    <div class=\"flex flex-1\"></div>\n    <AddressBar\n      :activeEnvironment\n      :documentSlug\n      :environment\n      :environments\n      :eventBus\n      :exampleKey\n      :executionDisabled\n      :history\n      :isWebhook\n      :layout\n      :method\n      :path\n      :server\n      :serverMeta\n      :servers\n      @add:environment=\"emit('add:environment')\"\n      @execute=\"emit('execute')\"\n      @select:history:item=\"(payload) => emit('select:history:item', payload)\"\n      @update:webhook-url=\"(value) => emit('update:webhook-url', value)\" />\n\n    <div class=\"mb-2 flex flex-1 items-center justify-end gap-2 @3xl:mb-0\">\n      <!--\n        Environment Selector\n        Hidden for `modal` layout\n      -->\n      <EnvironmentSelector\n        v-if=\"layout !== 'modal'\"\n        :activeEnvironment=\"activeEnvironment\"\n        :environments=\"environments\"\n        @add:environment=\"handleAddEnvironment\"\n        @select:environment=\"handleSelectEnvironment\" />\n      <!-- Operation settings -->\n      <ScalarIconButton\n        v-if=\"layout !== 'modal' && !isWebhook\"\n        :icon=\"ScalarIconGearSix\"\n        :label=\"translate('apiClient.header.operationSettings')\"\n        size=\"sm\"\n        weight=\"bold\"\n        @click=\"emit('navigate:settings')\" />\n      <!--\n          Open API Client Button\n\n          Only shown in `modal` layout\n      -->\n      <OpenApiClientButton\n        v-if=\"layout === 'modal' && documentUrl && !hideClientButton\"\n        buttonSource=\"modal\"\n        class=\"!w-fit lg:-mr-1\"\n        :integration=\"integration ?? null\"\n        :operationMethod=\"method\"\n        :operationPath=\"path\"\n        :source=\"source ?? 'api-reference'\"\n        :url=\"documentUrl\" />\n\n      <!--\n          Close Button\n\n          Only shown in `modal` layout and hidden for GitBook Integration\n      -->\n      <button\n        v-if=\"layout === 'modal' && source !== 'gitbook'\"\n        class=\"app-exit-button zoomed:static zoomed:p-1 fixed top-2 right-2 rounded-full p-2\"\n        type=\"button\"\n        @click=\"eventBus.emit('ui:close:client-modal')\">\n        <ScalarIcon\n          icon=\"Close\"\n          size=\"lg\"\n          thickness=\"2\" />\n        <span class=\"sr-only\">{{\n          translate('apiClient.header.closeClient')\n        }}</span>\n      </button>\n\n      <!--\n          Close Button for GitBook Integration\n\n          Hidden by default and visible for GitBook Integration in `modal` layout\n      -->\n      <button\n        v-if=\"layout === 'modal' && source === 'gitbook'\"\n        class=\"text-c-1 hover:bg-b-2 active:text-c-1 -mr-1.5 rounded p-2\"\n        type=\"button\"\n        @click=\"eventBus.emit('ui:close:client-modal')\">\n        <ScalarIcon\n          icon=\"Close\"\n          size=\"md\"\n          thickness=\"1.75\" />\n        <span class=\"sr-only\">{{\n          translate('apiClient.header.closeClient')\n        }}</span>\n      </button>\n    </div>\n  </div>\n</template>\n<style scoped>\n.app-exit-button {\n  color: white;\n  background: rgba(0, 0, 0, 0.1);\n}\n.app-exit-button:hover {\n  background: rgba(255, 255, 255, 0.1);\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"Header.vue.js","names":[],"sources":["../../../../../src/v2/blocks/operation-block/components/Header.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n  Operation block header: address bar, environment selector, and modal controls.\n\n  Renders the top bar for the API client operation view: URL/method (AddressBar),\n  optional environment selector, optional \"Open API Client\" button in modal layout,\n  and close button for modal. Layout and visibility depend on `layout` and `source` props.\n */\nexport type HeaderProps = {\n  /** An external example must finish loading before sending. */\n  executionDisabled?: boolean\n  /** Current request path */\n  path: string\n  /** Current request method */\n  method: string\n  /** Whether this request comes from an OpenAPI webhook. */\n  isWebhook?: boolean\n  /** Client layout */\n  layout: ClientLayout\n  /** Hides the client button on the header */\n  hideClientButton?: boolean\n  /** Client integration  */\n  integration?: string | null\n  /** Openapi document slug */\n  documentSlug: string\n  /** Currently selected example key for the current operation */\n  exampleKey: string\n  /** Openapi document url for `modal` mode to open the client app */\n  documentUrl?: string\n  /** Client source */\n  source?: 'gitbook' | 'api-reference'\n  /** Currently selected server */\n  server: ServerObject | null\n  /** Server list available for operation/document */\n  servers: ServerObject[]\n  /** List of request history */\n  history: History[]\n  /** Event bus */\n  eventBus: WorkspaceEventBus\n  /** Environment list */\n  environments?: string[]\n  /** Currently selected environment */\n  activeEnvironment?: string\n  /** Environment variables */\n  environment: XScalarEnvironment\n  /** Meta information for the server */\n  serverMeta: ServerMeta\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport { ScalarIconGearSix } from '@scalar/icons'\nimport type {\n  ServerMeta,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\n\nimport { AddressBar, type History } from '@/v2/blocks/scalar-address-bar-block'\nimport EnvironmentSelector from '@/v2/blocks/scalar-address-bar-block/components/EnvironmentSelector.vue'\nimport { useLocalization } from '@/v2/features/localization'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nimport OpenApiClientButton from './OpenApiClientButton.vue'\n\nconst {\n  hideClientButton = false,\n  eventBus,\n  exampleKey,\n  documentSlug,\n} = defineProps<HeaderProps>()\n\nconst emit = defineEmits<{\n  /** Execute the current operation example */\n  (e: 'execute'): void\n  /** Select a request history item by index */\n  (e: 'select:history:item', payload: { index: number }): void\n  /** Add a new environment */\n  (e: 'add:environment'): void\n  /** Navigate to the settings page for the current entity */\n  (e: 'navigate:settings'): void\n  /** Update the full destination URL used to deliver a webhook. */\n  (e: 'update:webhook-url', url: string): void\n}>()\n\nconst { translate } = useLocalization()\n\nconst handleSelectEnvironment = (environmentName: string) => {\n  eventBus.emit('workspace:update:active-environment', environmentName)\n}\n\nconst handleAddEnvironment = () => {\n  eventBus.emit('ui:navigate', { page: 'document', path: 'environment' })\n}\n</script>\n\n<template>\n  <!--\n    `@container` declares an unnamed container so the AddressBar can\n    adapt to the right column's actual width (which shrinks when the\n    sidebar opens) instead of the viewport. The query is declared here\n    on the parent rather than on the AddressBar itself so the bar's\n    `w-full` mobile state cannot feed back into its own breakpoint.\n  -->\n  <div\n    class=\"lg:min-h-header t-app__top-container @container flex w-full flex-wrap items-center justify-center p-2\">\n    <!-- Left spacer to center bar -->\n    <div class=\"flex flex-1\"></div>\n    <AddressBar\n      :activeEnvironment\n      :documentSlug\n      :environment\n      :environments\n      :eventBus\n      :exampleKey\n      :executionDisabled\n      :history\n      :isWebhook\n      :layout\n      :method\n      :path\n      :server\n      :serverMeta\n      :servers\n      @add:environment=\"emit('add:environment')\"\n      @execute=\"emit('execute')\"\n      @select:history:item=\"(payload) => emit('select:history:item', payload)\"\n      @update:webhook-url=\"(value) => emit('update:webhook-url', value)\" />\n\n    <div class=\"mb-2 flex flex-1 items-center justify-end gap-2 @3xl:mb-0\">\n      <!--\n        Environment Selector\n        Hidden for `modal` layout\n      -->\n      <EnvironmentSelector\n        v-if=\"layout !== 'modal'\"\n        :activeEnvironment=\"activeEnvironment\"\n        :environments=\"environments\"\n        @add:environment=\"handleAddEnvironment\"\n        @select:environment=\"handleSelectEnvironment\" />\n      <!-- Operation settings -->\n      <ScalarIconButton\n        v-if=\"layout !== 'modal' && !isWebhook\"\n        :icon=\"ScalarIconGearSix\"\n        :label=\"translate('apiClient.header.operationSettings')\"\n        size=\"sm\"\n        weight=\"bold\"\n        @click=\"emit('navigate:settings')\" />\n      <!--\n          Open API Client Button\n\n          Only shown in `modal` layout\n      -->\n      <OpenApiClientButton\n        v-if=\"layout === 'modal' && documentUrl && !hideClientButton\"\n        buttonSource=\"modal\"\n        class=\"!w-fit lg:-mr-1\"\n        :integration=\"integration ?? null\"\n        :operationMethod=\"method\"\n        :operationPath=\"path\"\n        :source=\"source ?? 'api-reference'\"\n        :url=\"documentUrl\" />\n\n      <!--\n          Close Button\n\n          Only shown in `modal` layout and hidden for GitBook Integration\n      -->\n      <button\n        v-if=\"layout === 'modal' && source !== 'gitbook'\"\n        class=\"app-exit-button zoomed:static zoomed:p-1 fixed top-2 right-2 rounded-full p-2\"\n        data-modal-initial-focus\n        type=\"button\"\n        @click=\"eventBus.emit('ui:close:client-modal')\">\n        <ScalarIcon\n          icon=\"Close\"\n          size=\"lg\"\n          thickness=\"2\" />\n        <span class=\"sr-only\">{{\n          translate('apiClient.header.closeClient')\n        }}</span>\n      </button>\n\n      <!--\n          Close Button for GitBook Integration\n\n          Hidden by default and visible for GitBook Integration in `modal` layout\n      -->\n      <button\n        v-if=\"layout === 'modal' && source === 'gitbook'\"\n        class=\"text-c-1 hover:bg-b-2 active:text-c-1 -mr-1.5 rounded p-2\"\n        data-modal-initial-focus\n        type=\"button\"\n        @click=\"eventBus.emit('ui:close:client-modal')\">\n        <ScalarIcon\n          icon=\"Close\"\n          size=\"md\"\n          thickness=\"1.75\" />\n        <span class=\"sr-only\">{{\n          translate('apiClient.header.closeClient')\n        }}</span>\n      </button>\n    </div>\n  </div>\n</template>\n<style scoped>\n.app-exit-button {\n  color: white;\n  background: rgba(0, 0, 0, 0.1);\n}\n.app-exit-button:hover {\n  background: rgba(255, 255, 255, 0.1);\n}\n</style>\n"],"mappings":""}

package/dist/v2/blocks/operation-block/components/Header.vue.script.js

@@ -131,6 +131,7 @@ var Header_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 					__props.layout === "modal" && __props.source !== "gitbook" ? (openBlock(), createElementBlock("button", {
 						key: 3,
 						class: "app-exit-button zoomed:static zoomed:p-1 fixed top-2 right-2 rounded-full p-2",
+						"data-modal-initial-focus": "",
 						type: "button",
 						onClick: _cache[5] || (_cache[5] = ($event) => __props.eventBus.emit("ui:close:client-modal"))
 					}, [createVNode(unref(ScalarIcon), {
@@ -141,6 +142,7 @@ var Header_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 					__props.layout === "modal" && __props.source === "gitbook" ? (openBlock(), createElementBlock("button", {
 						key: 4,
 						class: "text-c-1 hover:bg-b-2 active:text-c-1 -mr-1.5 rounded p-2",
+						"data-modal-initial-focus": "",
 						type: "button",
 						onClick: _cache[6] || (_cache[6] = ($event) => __props.eventBus.emit("ui:close:client-modal"))
 					}, [createVNode(unref(ScalarIcon), {