@scalar/api-client 2.3.32 → 2.3.34

package/CHANGELOG.md

@@ -1,5 +1,57 @@
 # @scalar/api-client
 
+## 2.3.34
+
+### Patch Changes
+
+- 6b4a3c3: chore: export decodeBuffer
+- cd0722d: fix(api-client): add aria label to request table code inputs
+- Updated dependencies [be8a6ec]
+- Updated dependencies [1843cfe]
+  - @scalar/types@0.1.16
+  - @scalar/components@0.13.59
+  - @scalar/oas-utils@0.2.144
+  - @scalar/openapi-parser@0.10.17
+  - @scalar/snippetz@0.2.20
+  - @scalar/themes@0.11.3
+  - @scalar/use-codemirror@0.11.104
+  - @scalar/import@0.3.27
+  - @scalar/postman-to-openapi@0.2.17
+  - @scalar/use-hooks@0.1.50
+  - @scalar/icons@0.3.7
+
+## 2.3.33
+
+### Patch Changes
+
+- f711ab5: feat: add auth persistance to references
+- ec30edd: feat: adds collection environment page
+- e7f61ce: feat: support fallback for +json MIME types
+- 52dd8a1: fix: displays wrapped auth description on hover
+- cb9428c: Support additional query parameters for the OAuth authorization request (prompt, audience, anything), and handle OAuth authorization denials
+- 67aa0f4: fix: render correct queries with form data
+- ac16fca: fix: updates border style on request section
+- 1966c5a: fix: remove streaming header check as it was incorrect
+- ac16fca: fix: sidebar search visual indicator on navigation
+- Updated dependencies [f711ab5]
+- Updated dependencies [90b773e]
+- Updated dependencies [0222ad4]
+- Updated dependencies [cb9428c]
+- Updated dependencies [af38fa6]
+- Updated dependencies [67aa0f4]
+  - @scalar/types@0.1.15
+  - @scalar/themes@0.11.2
+  - @scalar/openapi-types@0.2.3
+  - @scalar/components@0.13.58
+  - @scalar/oas-utils@0.2.143
+  - @scalar/openapi-parser@0.10.17
+  - @scalar/snippetz@0.2.20
+  - @scalar/use-codemirror@0.11.103
+  - @scalar/use-hooks@0.1.49
+  - @scalar/postman-to-openapi@0.2.16
+  - @scalar/import@0.3.26
+  - @scalar/icons@0.3.6
+
 ## 2.3.32
 
 ### Patch Changes

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

@@ -1 +1 @@
-{"version":3,"file":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AAkiBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAErE,OAAO,EAIL,KAAK,kBAAkB,EACvB,KAAK,SAAS,EACf,MAAM,wBAAwB,CAAA;AAG/B,OAAO,EAAyC,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAGrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;;kBAYxC,OAAO;eACV,OAAO;gBACN,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;iBACP,SAAS,EAAE;kBACV,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;eACJ,MAAM,EAAE;WACZ,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;eACzB,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;iBACZ,WAAW;kBACV,WAAW,EAAE;eAChB,SAAS;mBACL,OAAO;;IA+LxB,0BAA0B;;0BAjJC,MAAM;0BA0BN,MAAM;wBAOR,MAAM;;;;;;;;;;kBA1Gf,OAAO;eACV,OAAO;gBACN,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;iBACP,SAAS,EAAE;kBACV,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;eACJ,MAAM,EAAE;WACZ,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;eACzB,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;iBACZ,WAAW;kBACV,WAAW,EAAE;eAChB,SAAS;mBACL,OAAO;;;;;;;cARX,OAAO;cAlBP,OAAO;iBADJ,OAAO;gBAIR,OAAO;gBACP,SAAS,EAAE;sBAGL,OAAO;kBAMX,OAAO;0BACC,OAAO;mBAKd,OAAO;gBAEV,OAAO;kBAKL,OAAO;;qBA6iBI,GAAG;kBACN,GAAG;;AA5kB9B,wBAuoBC;AAeD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AA0iBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAErE,OAAO,EAIL,KAAK,kBAAkB,EACvB,KAAK,SAAS,EACf,MAAM,wBAAwB,CAAA;AAG/B,OAAO,EAAyC,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAGrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;;kBAYxC,OAAO;eACV,OAAO;gBACN,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;iBACP,SAAS,EAAE;kBACV,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;eACJ,MAAM,EAAE;WACZ,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;eACzB,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;iBACZ,WAAW;kBACV,WAAW,EAAE;eAChB,SAAS;mBACL,OAAO;;IAuMxB,0BAA0B;;0BAzJC,MAAM;0BA0BN,MAAM;wBAOR,MAAM;;;;;;;;;;kBA1Gf,OAAO;eACV,OAAO;gBACN,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;iBACP,SAAS,EAAE;kBACV,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;eACJ,MAAM,EAAE;WACZ,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;eACzB,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;iBACZ,WAAW;kBACV,WAAW,EAAE;eAChB,SAAS;mBACL,OAAO;;;;;;;cARX,OAAO;cAlBP,OAAO;iBADJ,OAAO;gBAIR,OAAO;gBACP,SAAS,EAAE;sBAGL,OAAO;kBAMX,OAAO;0BACC,OAAO;mBAKd,OAAO;gBAEV,OAAO;kBAKL,OAAO;;qBAqjBI,GAAG;kBACN,GAAG;;AAplB9B,wBA+oBC;AAeD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CodeInput/CodeInput.vue.js

@@ -2,7 +2,7 @@ import o from "./CodeInput.vue2.js";
 /* empty css               */
 /* empty css               */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-397d9ece"]]);
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3834ac3d"]]);
 export {
   _ as default
 };

package/dist/components/CodeInput/CodeInput.vue2.js

@@ -1,33 +1,33 @@
-import { defineComponent as J, useAttrs as Q, ref as d, computed as y, toRef as r, watch as G, createElementBlock as s, openBlock as n, Fragment as X, createBlock as g, createCommentVNode as p, normalizeClass as Y, unref as u, createElementVNode as m, toDisplayString as Z, mergeProps as _, withKeys as v, withModifiers as N, createVNode as ee, createTextVNode as k, renderSlot as R } from "vue";
-import { ScalarIcon as oe } from "@scalar/components";
-import { prettyPrintJson as le } from "@scalar/oas-utils/helpers";
-import { useCodeMirror as te, useDropdown as ne, colorPicker as ae } from "@scalar/use-codemirror";
-import { useClipboard as re } from "@scalar/use-hooks/useClipboard";
-import { nanoid as se } from "nanoid";
-import ie from "../../views/Environment/EnvironmentVariableDropdown.vue.js";
+import { defineComponent as Q, useAttrs as G, ref as u, computed as m, toRef as r, watch as X, createElementBlock as s, openBlock as n, Fragment as Y, createBlock as g, createCommentVNode as d, normalizeClass as Z, unref as p, createElementVNode as c, toDisplayString as _, mergeProps as ee, withKeys as v, withModifiers as N, createVNode as oe, createTextVNode as k, renderSlot as R } from "vue";
+import { ScalarIcon as le } from "@scalar/components";
+import { prettyPrintJson as te } from "@scalar/oas-utils/helpers";
+import { useCodeMirror as ne, useDropdown as ae, colorPicker as re } from "@scalar/use-codemirror";
+import { useClipboard as se } from "@scalar/use-hooks/useClipboard";
+import { nanoid as ie } from "nanoid";
+import ue from "../../views/Environment/EnvironmentVariableDropdown.vue.js";
 import B from "../DataTable/DataTableInputSelect.vue.js";
-import { pillPlugin as ue, backspaceCommand as de } from "./codeVariableWidget.js";
-import { useLayout as pe } from "../../hooks/useLayout.js";
-const fe = { class: "whitespace-nowrap" }, me = ["id"], ce = {
+import { pillPlugin as de, backspaceCommand as pe } from "./codeVariableWidget.js";
+import { useLayout as fe } from "../../hooks/useLayout.js";
+const me = { class: "whitespace-nowrap" }, ce = ["id"], be = {
   key: 0,
   class: "scalar-code-copy z-context"
-}, be = {
+}, ye = {
   key: 1,
   class: "z-context text-c-2 absolute bottom-1 right-1.5 hidden font-sans group-has-[:focus-visible]/input:block",
   role: "alert"
-}, ye = {
+}, ge = {
   key: 5,
   class: "centered-y text-orange absolute right-7 text-xs"
-}, ge = {
-  key: 6,
-  class: "centered-y group-has-[.cm-focused]:z-1 absolute right-0 flex h-full items-center p-1.5"
 }, ve = {
+  key: 6,
+  class: "centered-y group-has-[.cm-focused]:z-1 -right-0.25 absolute flex h-full items-center p-1.5"
+}, he = {
   key: 7,
   class: "required centered-y text-xxs text-c-3 group-[.error]:text-red bg-b-1 pointer-events-none absolute right-0 mr-0.5 pr-2 pt-px opacity-100 shadow-[-8px_0_4px_var(--scalar-background-1)] transition-opacity duration-150 group-[.alert]:bg-transparent group-[.error]:bg-transparent group-[.alert]:shadow-none group-[.error]:shadow-none peer-has-[.cm-focused]:opacity-0"
-}, he = {
+}, we = {
   inheritAttrs: !1
-}, Ee = /* @__PURE__ */ J({
-  ...he,
+}, Fe = /* @__PURE__ */ Q({
+  ...we,
   __name: "CodeInput",
   props: {
     colorPicker: { type: Boolean, default: !1 },
@@ -62,7 +62,7 @@ const fe = { class: "whitespace-nowrap" }, me = ["id"], ce = {
   emits: ["submit", "update:modelValue", "curl", "blur"],
   setup(z, { expose: A, emit: M }) {
     var q;
-    const o = z, i = M, C = Q(), O = C.id || `id-${se()}`, x = d(!1), h = d(!1), P = d(""), S = d({ left: 0, top: 0 }), c = d(null), { layout: w } = pe(), { copyToClipboard: K } = re();
+    const o = z, i = M, C = G(), O = C.id || `id-${ie()}`, x = u(!1), h = u(!1), P = u(""), S = u({ left: 0, top: 0 }), b = u(null), { layout: w } = fe(), { copyToClipboard: K } = se();
     function D(e) {
       var l;
       return e === o.modelValue ? null : o.importCurl && e.trim().toLowerCase().startsWith("curl") ? (i("curl", e), (l = a.value) == null || l.dispatch({
@@ -80,19 +80,19 @@ const fe = { class: "whitespace-nowrap" }, me = ["id"], ce = {
       x.value = !1, o.emitOnBlur && o.modelValue && V(e), i("blur", e);
     }
     const E = [...o.extensions];
-    o.colorPicker && E.push(ae);
-    const L = y(
-      () => ue({
+    o.colorPicker && E.push(re);
+    const L = m(
+      () => de({
         environment: o.environment,
         envVariables: o.envVariables,
         workspace: o.workspace,
         isReadOnly: w === "modal"
       })
-    ), U = y(() => [
+    ), U = m(() => [
       ...E,
       L.value,
-      de
-    ]), F = d(null), { codeMirror: a } = te({
+      pe
+    ]), F = u(null), { codeMirror: a } = ne({
       content: r(
         () => o.modelValue !== void 0 ? String(o.modelValue) : ""
       ),
@@ -111,26 +111,28 @@ const fe = { class: "whitespace-nowrap" }, me = ["id"], ce = {
       extensions: U,
       placeholder: r(() => o.placeholder)
     });
-    (q = a.value) == null || q.focus(), G(a, () => {
+    (q = a.value) == null || q.focus(), X(a, () => {
       a.value && Object.prototype.hasOwnProperty.call(C, "autofocus") && a.value.focus();
     });
-    const { handleDropdownSelect: W, updateDropdownVisibility: j } = ne({
+    const { handleDropdownSelect: W, updateDropdownVisibility: j } = ae({
       codeMirror: a,
       query: P,
       showDropdown: h,
       dropdownPosition: S
-    }), $ = y(
+    }), $ = m(
       () => o.nullable ? ["true", "false", "null"] : ["true", "false"]
-    ), b = (e, l) => {
+    ), y = (e, l) => {
       var f, t, I;
-      h.value ? e === "down" ? (l.preventDefault(), (f = c.value) == null || f.handleArrowKey("down")) : e === "up" ? (l.preventDefault(), (t = c.value) == null || t.handleArrowKey("up")) : e === "enter" && (l.preventDefault(), (I = c.value) == null || I.handleSelect()) : e === "escape" ? o.disableTabIndent || l.stopPropagation() : e === "enter" && l.target instanceof HTMLDivElement && V(l.target.textContent ?? "");
-    }, H = y(() => Array.isArray(o.type) ? (
+      h.value ? e === "down" ? (l.preventDefault(), (f = b.value) == null || f.handleArrowKey("down")) : e === "up" ? (l.preventDefault(), (t = b.value) == null || t.handleArrowKey("up")) : e === "enter" && (l.preventDefault(), (I = b.value) == null || I.handleSelect()) : e === "escape" ? o.disableTabIndent || l.stopPropagation() : e === "enter" && l.target instanceof HTMLDivElement && V(l.target.textContent ?? "");
+    }, H = m(() => Array.isArray(o.type) ? (
       // Find the first type, that’s not 'null'
       o.type.find((e) => e !== "null") ?? "string"
     ) : (
       // If it’s not an array, just return the type
       o.type
-    ));
+    )), J = m(
+      () => h.value && o.withVariables && w !== "modal" && o.environment
+    );
     return A({
       /** Expose focus method */
       focus: () => {
@@ -146,13 +148,13 @@ const fe = { class: "whitespace-nowrap" }, me = ["id"], ce = {
       modelValue: o.modelValue
     }), (e, l) => {
       var f;
-      return n(), s(X, null, [
+      return n(), s(Y, null, [
         e.disabled ? (n(), s("div", {
           key: 0,
-          class: Y(["text-c-2 flex cursor-default items-center justify-center", u(w) === "modal" ? "font-code pl-1 pr-2 text-sm" : "px-2"]),
+          class: Z(["text-c-2 flex cursor-default items-center justify-center", p(w) === "modal" ? "font-code pl-1 pr-2 text-sm" : "px-2"]),
           "data-testid": "code-input-disabled"
         }, [
-          m("span", fe, Z(e.modelValue), 1)
+          c("span", me, _(e.modelValue), 1)
         ], 2)) : o.enum && o.enum.length ? (n(), g(B, {
           key: 1,
           default: o.default,
@@ -172,9 +174,9 @@ const fe = { class: "whitespace-nowrap" }, me = ["id"], ce = {
           modelValue: o.modelValue,
           value: o.examples,
           "onUpdate:modelValue": l[2] || (l[2] = (t) => i("update:modelValue", t))
-        }, null, 8, ["default", "modelValue", "value"])) : (n(), s("div", _({
+        }, null, 8, ["default", "modelValue", "value"])) : (n(), s("div", ee({
           key: 4,
-          id: u(O)
+          id: p(O)
         }, e.$attrs, {
           ref_key: "codeMirrorRef",
           ref: F,
@@ -183,54 +185,54 @@ const fe = { class: "whitespace-nowrap" }, me = ["id"], ce = {
             "flow-code-input--error": e.error
           }],
           onKeydown: [
-            l[4] || (l[4] = v(N((t) => b("down", t), ["stop"]), ["down"])),
-            l[5] || (l[5] = v((t) => b("enter", t), ["enter"])),
-            l[6] || (l[6] = v((t) => b("escape", t), ["escape"])),
-            l[7] || (l[7] = v(N((t) => b("up", t), ["stop"]), ["up"]))
+            l[4] || (l[4] = v(N((t) => y("down", t), ["stop"]), ["down"])),
+            l[5] || (l[5] = v((t) => y("enter", t), ["enter"])),
+            l[6] || (l[6] = v((t) => y("escape", t), ["escape"])),
+            l[7] || (l[7] = v(N((t) => y("up", t), ["stop"]), ["up"]))
           ]
         }), [
-          e.isCopyable ? (n(), s("div", ce, [
-            m("button", {
+          e.isCopyable ? (n(), s("div", be, [
+            c("button", {
               class: "copy-button",
               type: "button",
-              onClick: l[3] || (l[3] = (t) => u(K)(u(le)(e.modelValue)))
+              onClick: l[3] || (l[3] = (t) => p(K)(p(te)(e.modelValue)))
             }, [
-              l[8] || (l[8] = m("span", { class: "sr-only" }, "Copy content", -1)),
-              ee(u(oe), {
+              l[8] || (l[8] = c("span", { class: "sr-only" }, "Copy content", -1)),
+              oe(p(le), {
                 icon: "Clipboard",
                 size: "md"
               })
             ])
-          ])) : p("", !0),
-          e.disableTabIndent ? p("", !0) : (n(), s("div", be, l[9] || (l[9] = [
+          ])) : d("", !0),
+          e.disableTabIndent ? d("", !0) : (n(), s("div", ye, l[9] || (l[9] = [
             k(" Press "),
-            m("kbd", { class: "-mx-0.25 rounded border px-0.5 font-mono" }, "Esc", -1),
+            c("kbd", { class: "-mx-0.25 rounded border px-0.5 font-mono" }, "Esc", -1),
             k(" then "),
-            m("kbd", { class: "-mx-0.25 rounded border px-0.5 font-mono" }, "Tab", -1),
+            c("kbd", { class: "-mx-0.25 rounded border px-0.5 font-mono" }, "Tab", -1),
             k(" to exit ")
           ])))
-        ], 16, me)),
-        e.$slots.warning ? (n(), s("div", ye, [
+        ], 16, ce)),
+        e.$slots.warning ? (n(), s("div", ge, [
           R(e.$slots, "warning", {}, void 0, !0)
-        ])) : p("", !0),
-        e.$slots.icon ? (n(), s("div", ge, [
+        ])) : d("", !0),
+        e.$slots.icon ? (n(), s("div", ve, [
           R(e.$slots, "icon", {}, void 0, !0)
-        ])) : p("", !0),
-        e.required ? (n(), s("div", ve, " Required ")) : p("", !0),
-        h.value && e.withVariables && u(w) !== "modal" && e.environment ? (n(), g(ie, {
+        ])) : d("", !0),
+        e.required ? (n(), s("div", he, " Required ")) : d("", !0),
+        J.value ? (n(), g(ue, {
           key: 8,
           ref_key: "dropdownRef",
-          ref: c,
+          ref: b,
           dropdownPosition: S.value,
           envVariables: e.envVariables,
           environment: e.environment,
           query: P.value,
-          onSelect: u(W)
-        }, null, 8, ["dropdownPosition", "envVariables", "environment", "query", "onSelect"])) : p("", !0)
+          onSelect: p(W)
+        }, null, 8, ["dropdownPosition", "envVariables", "environment", "query", "onSelect"])) : d("", !0)
       ], 64);
     };
   }
 });
 export {
-  Ee as default
+  Fe as default
 };

package/dist/components/DataTable/DataTable.vue.js

@@ -15,7 +15,7 @@ const b = ["role"], y = {
     return (e, w) => (l(), o("div", n(i(
       m(a)(
         e.scroll ? "overflow-x-auto custom-scroll" : "overflow-visible",
-        "scalar-data-table bg-b-1"
+        "scalar-data-table"
       )
     )), [
       p("table", {

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

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/EnvironmentSelector/EnvironmentSelector.vue"],"names":[],"mappings":";AA2cA,wBAMG"}
+{"version":3,"file":"EnvironmentSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/EnvironmentSelector/EnvironmentSelector.vue"],"names":[],"mappings":";AAifA,wBAMG"}

package/dist/components/EnvironmentSelector/EnvironmentSelector.vue.js

@@ -1,105 +1,115 @@
-import { defineComponent as b, computed as E, watch as B, onMounted as D, createBlock as u, openBlock as c, unref as n, withCtx as s, createVNode as l, createElementVNode as v, toDisplayString as w, createElementBlock as M, createCommentVNode as V, Fragment as W, renderList as j, withModifiers as h, createTextVNode as k } from "vue";
-import { ScalarDropdown as L, ScalarButton as T, ScalarDropdownItem as d, ScalarListboxCheckbox as g, ScalarDropdownDivider as $, ScalarIcon as z } from "@scalar/components";
-import { useRouter as A } from "vue-router";
-import { PathId as F } from "../../routes.js";
-import { useActiveEntities as O } from "../../store/active-entities.js";
-import { useWorkspace as P } from "../../store/store.js";
-import { useLayout as R } from "../../hooks/useLayout.js";
-const q = { class: "m-0 flex items-center gap-1.5 whitespace-nowrap font-medium" }, G = { class: "flex h-4 w-4 items-center justify-center" }, ee = /* @__PURE__ */ b({
+import { defineComponent as D, computed as E, watch as g, onMounted as L, createBlock as d, openBlock as c, unref as n, withCtx as s, createVNode as l, createElementVNode as p, toDisplayString as w, createElementBlock as M, createCommentVNode as V, Fragment as W, renderList as j, withModifiers as k, createTextVNode as _ } from "vue";
+import { ScalarDropdown as T, ScalarButton as $, ScalarDropdownItem as f, ScalarListboxCheckbox as S, ScalarDropdownDivider as z, ScalarIcon as A } from "@scalar/components";
+import { useRouter as F } from "vue-router";
+import { PathId as O } from "../../routes.js";
+import { useActiveEntities as P } from "../../store/active-entities.js";
+import { useWorkspace as R } from "../../store/store.js";
+import { useLayout as q } from "../../hooks/useLayout.js";
+const G = { class: "m-0 flex items-center gap-1.5 whitespace-nowrap font-medium" }, H = { class: "flex h-4 w-4 items-center justify-center" }, te = /* @__PURE__ */ D({
   __name: "EnvironmentSelector",
-  setup(H) {
-    const { activeCollection: a, activeWorkspace: i, activeEnvironment: m } = O(), { collectionMutators: _ } = P(), { layout: S } = R(), C = A(), p = (e) => {
-      a.value && i.value && (_.edit(
+  setup(J) {
+    const { activeCollection: a, activeWorkspace: r, activeEnvironment: u } = P(), { collectionMutators: C } = R(), { layout: y } = q(), I = F(), m = (e) => {
+      a.value && r.value && (C.edit(
         a.value.uid,
         "x-scalar-active-environment",
         e
-      ), i.value.activeEnvironmentId = e);
-    }, y = () => {
+      ), r.value.activeEnvironmentId = e);
+    }, N = () => {
       var e;
-      return C.push({
+      return I.push({
         name: "environment.default",
         params: {
-          [F.Workspace]: (e = i.value) == null ? void 0 : e.uid
+          [O.Workspace]: (e = r.value) == null ? void 0 : e.uid
         }
       });
-    }, I = E(() => {
-      const { value: e } = m, { value: t } = a;
+    }, b = E(() => {
+      const { value: e } = u, { value: t } = a;
       return (e == null ? void 0 : e.name) || (t == null ? void 0 : t["x-scalar-active-environment"]) || "No Environment";
-    }), N = E(() => {
+    }), v = E(() => {
       const { value: e } = a, t = e == null ? void 0 : e["x-scalar-environments"];
-      return t ? Object.entries(t).map(([o, r]) => ({
-        ...r,
+      return t ? Object.entries(t).map(([o, i]) => ({
+        ...i,
         uid: o,
         name: o
       })) : [];
-    }), f = (e) => {
+    }), B = () => {
+      const e = v.value;
+      if (e.length > 0) {
+        const t = e[e.length - 1];
+        t != null && t.uid && m(t.uid);
+      }
+    };
+    g(v, (e, t) => {
+      e.length > t.length && B();
+    });
+    const x = (e) => {
       const t = e["x-scalar-active-environment"];
-      t && a.value && i.value ? (a.value["x-scalar-active-environment"] = t, i.value.activeEnvironmentId = t) : i.value && (i.value.activeEnvironmentId = "");
+      t && a.value && r.value ? (a.value["x-scalar-active-environment"] = t, r.value.activeEnvironmentId = t) : r.value && (r.value.activeEnvironmentId = "");
     };
-    return B(
+    return g(
       a,
-      (e) => e && f(e)
-    ), D(() => {
-      a.value && f(a.value);
-    }), (e, t) => (c(), u(n(L), { teleport: "" }, {
+      (e) => e && x(e)
+    ), L(() => {
+      a.value && x(a.value);
+    }), (e, t) => (c(), d(n(T), { teleport: "" }, {
       items: s(() => [
-        (c(!0), M(W, null, j(N.value, (o) => (c(), u(n(d), {
+        (c(!0), M(W, null, j(v.value, (o) => (c(), d(n(f), {
           key: o.uid,
           class: "group/item flex items-center gap-1.5 overflow-hidden text-ellipsis whitespace-nowrap",
-          onClick: h((r) => p(o.uid), ["stop"])
+          onClick: k((i) => m(o.uid), ["stop"])
         }, {
           default: s(() => {
-            var r;
+            var i;
             return [
-              l(n(g), {
-                selected: ((r = n(a)) == null ? void 0 : r["x-scalar-active-environment"]) === o.uid
+              l(n(S), {
+                selected: ((i = n(a)) == null ? void 0 : i["x-scalar-active-environment"]) === o.uid
               }, null, 8, ["selected"]),
-              k(" " + w(o.name), 1)
+              _(" " + w(o.name), 1)
             ];
           }),
           _: 2
         }, 1032, ["onClick"]))), 128)),
-        l(n(d), {
+        l(n(f), {
           class: "group/item flex items-center gap-1.5 overflow-hidden text-ellipsis whitespace-nowrap",
-          onClick: t[0] || (t[0] = h((o) => p(""), ["stop"]))
+          onClick: t[0] || (t[0] = k((o) => m(""), ["stop"]))
         }, {
           default: s(() => {
-            var o, r, x;
+            var o, i, h;
             return [
-              l(n(g), {
-                selected: ((o = n(m)) == null ? void 0 : o.uid) === "" && ((r = n(a)) == null ? void 0 : r["x-scalar-active-environment"]) === "" || ((x = n(m)) == null ? void 0 : x.name) === "No Environment"
+              l(n(S), {
+                selected: ((o = n(u)) == null ? void 0 : o.uid) === "" && ((i = n(a)) == null ? void 0 : i["x-scalar-active-environment"]) === "" || ((h = n(u)) == null ? void 0 : h.name) === "No Environment"
               }, null, 8, ["selected"]),
-              t[1] || (t[1] = k(" No Environment "))
+              t[1] || (t[1] = _(" No Environment "))
             ];
           }),
           _: 1
         }),
-        l(n($)),
-        n(S) !== "modal" ? (c(), u(n(d), {
+        l(n(z)),
+        n(y) !== "modal" ? (c(), d(n(f), {
           key: 0,
           class: "flex items-center gap-1.5",
-          onClick: y
+          onClick: N
         }, {
           default: s(() => [
-            v("div", G, [
-              l(n(z), {
+            p("div", H, [
+              l(n(A), {
                 icon: "Brackets",
                 size: "sm"
               })
             ]),
-            t[2] || (t[2] = v("span", { class: "leading-none" }, "Manage Environments", -1))
+            t[2] || (t[2] = p("span", { class: "leading-none" }, "Manage Environments", -1))
           ]),
           _: 1
         })) : V("", !0)
       ]),
       default: s(() => [
-        l(n(T), {
+        l(n($), {
           class: "text-c-1 hover:bg-b-2 line-clamp-1 h-auto w-fit justify-start px-1.5 py-1.5 font-normal",
           fullWidth: "",
           variant: "ghost"
         }, {
           default: s(() => [
-            v("h2", q, w(I.value), 1)
+            p("h2", G, w(b.value), 1)
           ]),
           _: 1
         })
@@ -109,5 +119,5 @@ const q = { class: "m-0 flex items-center gap-1.5 whitespace-nowrap font-medium"
   }
 });
 export {
-  ee as default
+  te as default
 };

package/dist/components/Sidebar/SidebarListElement.vue.d.ts

@@ -31,13 +31,13 @@ type __VLS_Props = {
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     delete: (id: string) => any;
     onDragEnd: (draggingItem: DraggingItem, hoveredItem: HoveredItem) => any;
-    rename: (id: string) => any;
     colorModal: (id: string) => any;
+    rename: (id: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDelete?: (id: string) => any;
     onOnDragEnd?: (draggingItem: DraggingItem, hoveredItem: HoveredItem) => any;
-    onRename?: (id: string) => any;
     onColorModal?: (id: string) => any;
+    onRename?: (id: string) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLLIElement>;
 export default _default;
 //# sourceMappingURL=SidebarListElement.vue.d.ts.map

package/dist/components/ViewLayout/ViewLayoutCollapse.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewLayoutCollapse.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayoutCollapse.vue"],"names":[],"mappings":"AAwFA,KAAK,WAAW,GAAG;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;CAChC,CAAC;AAeF,iBAAS,cAAc;WAoKT,OAAO,IAA6B;;;;YAVtB,GAAG;;;YACD,GAAG;;;YACH,GAAG;;;;EAahC;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAUpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ViewLayoutCollapse.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayoutCollapse.vue"],"names":[],"mappings":"AA0FA,KAAK,WAAW,GAAG;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;CAChC,CAAC;AAeF,iBAAS,cAAc;WAoKT,OAAO,IAA6B;;;;YAVtB,GAAG;;;YACD,GAAG;;;YACH,GAAG;;;;EAahC;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAUpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ViewLayout/ViewLayoutCollapse.vue.js

@@ -1,84 +1,86 @@
-import { defineComponent as m, useId as h, createBlock as d, openBlock as s, unref as t, normalizeClass as a, withCtx as r, createElementVNode as l, createVNode as f, createElementBlock as i, createCommentVNode as n, renderSlot as c, createTextVNode as y, toDisplayString as p, mergeProps as b } from "vue";
-import { Disclosure as x, DisclosureButton as _, DisclosurePanel as g } from "@headlessui/vue";
-import { ScalarIcon as C } from "@scalar/components";
-const v = ["aria-labelledby"], k = { class: "bg-b-2 flex items-center" }, w = { class: "text-c-1 flex flex-1 items-center gap-1.5" }, B = ["id"], V = {
+import { defineComponent as m, useId as b, createBlock as c, openBlock as s, unref as t, normalizeClass as r, withCtx as a, createElementVNode as l, createVNode as f, createElementBlock as i, createCommentVNode as n, renderSlot as d, createTextVNode as y, toDisplayString as p, mergeProps as h } from "vue";
+import { Disclosure as x, DisclosureButton as g, DisclosurePanel as C } from "@headlessui/vue";
+import { ScalarIcon as v } from "@scalar/components";
+const _ = ["aria-labelledby"], k = { class: "text-c-1 flex flex-1 items-center gap-1.5" }, w = ["id"], B = {
   key: 0,
   class: "sr-only"
-}, $ = {
+}, V = {
   key: 0,
   class: "bg-b-2 text-c-2 text-3xs inline-flex h-4 w-4 items-center justify-center rounded-full border font-semibold"
-}, D = { class: "sr-only" }, N = {
+}, $ = { class: "sr-only" }, D = {
   key: 0,
   class: "ui-not-open:invisible flex items-center gap-2 pr-2"
-}, P = /* @__PURE__ */ m({
+}, E = /* @__PURE__ */ m({
   __name: "ViewLayoutCollapse",
   props: {
     defaultOpen: { type: Boolean, default: !0 },
     itemCount: { default: 0 },
     layout: { default: "client" }
   },
-  setup(O) {
-    const u = h();
-    return (e, I) => (s(), d(t(x), {
+  setup(N) {
+    const u = b();
+    return (e, O) => (s(), c(t(x), {
       as: "div",
-      class: a(["group/collapse focus-within:text-c-1 text-c-2 border-b", { "first-of-type:last-of-type:border-b-0": e.layout === "reference" }]),
+      class: r(["group/collapse focus-within:text-c-1 text-c-2 border-b", { "first-of-type:last-of-type:border-b-0": e.layout === "reference" }]),
       defaultOpen: e.defaultOpen,
       static: e.layout === "reference" ? !0 : void 0
     }, {
-      default: r(({ open: o }) => [
+      default: a(({ open: o }) => [
         l("section", {
           "aria-labelledby": t(u),
           class: "contents"
         }, [
-          l("div", k, [
-            f(t(_), {
-              class: a([
+          l("div", {
+            class: r(["bg-b-2 flex items-center", e.layout === "reference" && "rounded-t-lg border border-b-0"])
+          }, [
+            f(t(g), {
+              class: r([
                 "hover:text-c-1 group box-content flex max-h-8 flex-1 items-center gap-2.5 overflow-hidden px-1 py-1.5 text-sm font-medium outline-none md:px-1.5 xl:pl-2 xl:pr-0.5",
                 { "!pl-3": e.layout === "reference" }
               ]),
               disabled: e.layout === "reference"
             }, {
-              default: r(() => [
-                e.layout !== "reference" ? (s(), d(t(C), {
+              default: a(() => [
+                e.layout !== "reference" ? (s(), c(t(v), {
                   key: 0,
-                  class: a([
+                  class: r([
                     "text-c-3 group-hover:text-c-1 ui-open:rotate-90 ui-not-open:rotate-0 rounded-px outline-offset-2 group-focus-visible:outline"
                   ]),
                   icon: "ChevronRight",
                   size: "md"
                 })) : n("", !0),
-                l("h2", w, [
+                l("h2", k, [
                   l("span", {
                     id: t(u),
                     class: "contents"
                   }, [
-                    c(e.$slots, "title", { open: o }),
-                    o ? n("", !0) : (s(), i("span", V, " (Collapsed) "))
-                  ], 8, B),
-                  !o && e.itemCount ? (s(), i("span", $, [
+                    d(e.$slots, "title", { open: o }),
+                    o ? n("", !0) : (s(), i("span", B, " (Collapsed) "))
+                  ], 8, w),
+                  !o && e.itemCount ? (s(), i("span", V, [
                     y(p(e.itemCount) + " ", 1),
-                    l("span", D, "Item" + p(e.itemCount === 1 ? "" : "s"), 1)
+                    l("span", $, "Item" + p(e.itemCount === 1 ? "" : "s"), 1)
                   ])) : n("", !0)
                 ])
               ]),
               _: 2
             }, 1032, ["class", "disabled"]),
-            e.$slots.actions ? (s(), i("div", N, [
-              c(e.$slots, "actions", { open: o })
+            e.$slots.actions ? (s(), i("div", D, [
+              d(e.$slots, "actions", { open: o })
             ])) : n("", !0)
-          ]),
-          f(t(g), b(e.$attrs, { class: "diclosure-panel h-full max-h-fit rounded-b" }), {
-            default: r(() => [
-              c(e.$slots, "default", { open: o })
+          ], 2),
+          f(t(C), h(e.$attrs, { class: "diclosure-panel h-full max-h-fit rounded-b" }), {
+            default: a(() => [
+              d(e.$slots, "default", { open: o })
             ]),
             _: 2
           }, 1040)
-        ], 8, v)
+        ], 8, _)
       ]),
       _: 3
     }, 8, ["class", "defaultOpen", "static"]));
   }
 });
 export {
-  P as default
+  E as default
 };