@scalar/api-client 2.15.0 → 2.17.1

package/dist/v2/components/code-input/CodeInput.vue2.js

@@ -1,29 +1,30 @@
-import { defineComponent as W, useAttrs as j, ref as d, computed as s, toRef as r, watch as H, createElementBlock as i, openBlock as o, Fragment as Q, createBlock as m, createCommentVNode as f, normalizeClass as G, createElementVNode as w, toDisplayString as J, mergeProps as X, unref as T, withKeys as b, withModifiers as D, createTextVNode as V, renderSlot as $ } from "vue";
-import { useCodeMirror as Y, useDropdown as Z, colorPicker as _ } from "@scalar/use-codemirror";
-import { nanoid as ee } from "nanoid";
+import { defineComponent as W, useAttrs as j, ref as d, computed as s, toRef as r, watch as H, createElementBlock as i, openBlock as o, Fragment as Q, createBlock as c, createCommentVNode as f, normalizeClass as G, createElementVNode as w, toDisplayString as J, mergeProps as X, unref as F, withKeys as b, withModifiers as T, createTextVNode as V, renderSlot as $ } from "vue";
+import { isDefined as Y } from "@scalar/helpers/array/is-defined";
+import { useCodeMirror as Z, useDropdown as _, colorPicker as ee } from "@scalar/use-codemirror";
+import { nanoid as te } from "nanoid";
 import B from "../data-table/DataTableInputSelect.vue.js";
-import te from "../../features/environments/components/EnvironmentVariablesDropdown.vue.js";
-import { pillPlugin as le, backspaceCommand as ne } from "./code-variable-widget.js";
-const oe = { class: "whitespace-nowrap" }, ae = ["id"], re = {
+import le from "../../features/environments/components/EnvironmentVariablesDropdown.vue.js";
+import { pillPlugin as ne, backspaceCommand as oe } from "./code-variable-widget.js";
+const ae = { class: "whitespace-nowrap" }, re = ["id"], ie = {
   key: 0,
   class: "z-context text-c-2 absolute right-1.5 bottom-1 hidden font-sans group-has-[:focus-visible]/input:block",
   role: "alert"
-}, ie = {
+}, ue = {
   key: 5,
   class: "centered-y text-orange absolute right-7 text-xs"
-}, ue = {
+}, de = {
   key: 6,
   class: "centered-y absolute right-0 flex h-full items-center p-1.5 group-has-[.cm-focused]:z-1"
-}, de = {
+}, se = {
   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 pt-px pr-2 opacity-100 shadow-[-8px_0_4px_var(--scalar-background-1)] transition-opacity duration-150 group-[.alert]:bg-transparent group-[.alert]:shadow-none group-[.error]:bg-transparent group-[.error]:shadow-none peer-has-[.cm-focused]:opacity-0"
-}, se = {
+}, fe = {
   inheritAttrs: !1
-}, pe = /* @__PURE__ */ W({
-  ...se,
+}, ve = /* @__PURE__ */ W({
+  ...fe,
   __name: "CodeInput",
   props: {
-    modelValue: {},
+    modelValue: { type: [String, Number, Boolean] },
     environment: {},
     type: {},
     disabled: { type: Boolean, default: !1 },
@@ -31,7 +32,7 @@ const oe = { class: "whitespace-nowrap" }, ae = ["id"], re = {
     layout: { default: "desktop" },
     enum: {},
     examples: {},
-    default: {},
+    default: { type: [String, Number, Boolean] },
     nullable: { type: Boolean, default: !1 },
     placeholder: {},
     required: { type: Boolean },
@@ -53,7 +54,7 @@ const oe = { class: "whitespace-nowrap" }, ae = ["id"], re = {
   },
   emits: ["update:modelValue", "submit", "blur", "curl", "redirectToEnvironment"],
   setup(t, { expose: I, emit: M }) {
-    const u = M, k = j(), R = k.id || `id-${ee()}`, y = d(!1), q = s(() => t.enum?.length ? !1 : t.type === "boolean" || Array.isArray(t.type) && t.type.includes("boolean")), x = s(() => t.nullable ? ["true", "false", "null"] : ["true", "false"]), A = s(() => Array.isArray(t.type) ? t.type.find((e) => e !== "null") ?? "string" : t.type), C = (e) => {
+    const u = M, k = j(), N = k.id || `id-${te()}`, y = d(!1), R = s(() => t.enum?.length ? !1 : t.type === "boolean" || Array.isArray(t.type) && t.type.includes("boolean")), x = s(() => t.nullable ? ["true", "false", "null"] : ["true", "false"]), q = s(() => Array.isArray(t.type) ? t.type.find((e) => e !== "null") ?? "string" : t.type), C = (e) => {
       if (!(!t.alwaysEmitChange && e === t.modelValue)) {
         if (t.importCurl && e.trim().toLowerCase().startsWith("curl")) {
           u("curl", e), n.value && n.value.dispatch({
@@ -69,23 +70,23 @@ const oe = { class: "whitespace-nowrap" }, ae = ["id"], re = {
       }
     }, h = (e) => {
       t.handleFieldSubmit ? t.handleFieldSubmit(e) : u("submit", e);
-    }, E = (e) => {
+    }, S = (e) => {
       y.value = !1, t.emitOnBlur && t.modelValue && h(e), u("blur", e);
-    }, p = (e) => {
+    }, g = (e) => {
       u("update:modelValue", e);
-    }, N = () => {
+    }, A = () => {
       const e = [...t.extensions];
-      return t.colorPicker && e.push(_), e;
+      return t.colorPicker && e.push(ee), e;
     }, O = s(
-      () => le({
+      () => ne({
         environment: t.environment,
         isReadOnly: t.layout === "modal"
       })
     ), z = s(() => [
-      ...N(),
+      ...A(),
       O.value,
-      ne
-    ]), S = d(null), { codeMirror: n } = Y({
+      oe
+    ]), E = d(null), { codeMirror: n } = Z({
       content: r(() => String(t.modelValue ?? "")),
       onChange: (e) => {
         C(e), L();
@@ -93,8 +94,8 @@ const oe = { class: "whitespace-nowrap" }, ae = ["id"], re = {
       onFocus: () => {
         y.value = !0;
       },
-      onBlur: E,
-      codeMirrorRef: S,
+      onBlur: S,
+      codeMirrorRef: E,
       disableTabIndent: r(() => t.disableTabIndent),
       disableEnter: r(() => t.disableEnter),
       disableCloseBrackets: r(() => t.disableCloseBrackets),
@@ -107,13 +108,13 @@ const oe = { class: "whitespace-nowrap" }, ae = ["id"], re = {
     H(n, () => {
       n.value && Object.hasOwn(k, "autofocus") && n.value.focus();
     });
-    const g = d(!1), F = d(""), P = d({ left: 0, top: 0 }), v = d(null), { handleDropdownSelect: K, updateDropdownVisibility: L } = Z({
+    const p = d(!1), P = d(""), D = d({ left: 0, top: 0 }), v = d(null), { handleDropdownSelect: K, updateDropdownVisibility: L } = _({
       codeMirror: n,
-      query: F,
-      showDropdown: g,
-      dropdownPosition: P
-    }), U = s(() => g.value && t.withVariables && t.layout !== "modal" && !!t.environment), c = (e, l) => {
-      if (g.value) {
+      query: P,
+      showDropdown: p,
+      dropdownPosition: D
+    }), U = s(() => p.value && t.withVariables && t.layout !== "modal" && !!t.environment), m = (e, l) => {
+      if (p.value) {
         e === "down" || e === "up" ? (l.preventDefault(), v.value?.handleArrowKey(e)) : e === "enter" && (l.preventDefault(), v.value?.handleSelect());
         return;
       }
@@ -126,9 +127,9 @@ const oe = { class: "whitespace-nowrap" }, ae = ["id"], re = {
        * @param cursorAtEnd boolean place the cursor at the end of the input
        */
       focus: (e) => {
-        if (!n.value || (n.value.focus(), !e))
+        if (!n.value || (n.value.focus(), !Y(e)))
           return;
-        const l = n.value.state.doc.length;
+        const l = e === "start" ? 0 : e === "end" ? n.value.state.doc.length : e;
         n.value.dispatch({
           selection: { anchor: l },
           scrollIntoView: !0
@@ -137,81 +138,82 @@ const oe = { class: "whitespace-nowrap" }, ae = ["id"], re = {
       isFocused: y,
       handleChange: C,
       handleSubmit: h,
-      handleBlur: E,
+      handleBlur: S,
       booleanOptions: x,
       codeMirror: n,
-      modelValue: t.modelValue
+      modelValue: t.modelValue,
+      cursorPosition: () => n.value?.state.selection.main.head
     }), (e, l) => (o(), i(Q, null, [
       e.disabled ? (o(), i("div", {
         key: 0,
         class: G(["text-c-2 flex cursor-default items-center justify-center", e.layout === "modal" ? "font-code pr-2 pl-1 text-base" : "px-2"]),
         "data-testid": "code-input-disabled"
       }, [
-        w("span", oe, J(e.modelValue), 1)
-      ], 2)) : t.enum?.length ? (o(), m(B, {
+        w("span", ae, J(e.modelValue), 1)
+      ], 2)) : t.enum?.length ? (o(), c(B, {
         key: 1,
         default: t.default,
         modelValue: e.modelValue,
-        type: A.value,
+        type: q.value,
         value: t.enum,
-        "onUpdate:modelValue": p
-      }, null, 8, ["default", "modelValue", "type", "value"])) : q.value ? (o(), m(B, {
+        "onUpdate:modelValue": g
+      }, null, 8, ["default", "modelValue", "type", "value"])) : R.value ? (o(), c(B, {
         key: 2,
         default: t.default,
         modelValue: e.modelValue,
         value: x.value,
-        "onUpdate:modelValue": p
-      }, null, 8, ["default", "modelValue", "value"])) : e.examples?.length ? (o(), m(B, {
+        "onUpdate:modelValue": g
+      }, null, 8, ["default", "modelValue", "value"])) : e.examples?.length ? (o(), c(B, {
         key: 3,
         default: t.default,
         modelValue: e.modelValue,
         value: e.examples,
-        "onUpdate:modelValue": p
+        "onUpdate:modelValue": g
       }, null, 8, ["default", "modelValue", "value"])) : (o(), i("div", X({
         key: 4,
-        id: T(R)
+        id: F(N)
       }, e.$attrs, {
         ref_key: "codeMirrorRef",
-        ref: S,
+        ref: E,
         class: ["group/input group-[.alert]:outline-orange group-[.error]:outline-red font-code peer relative w-full overflow-hidden text-xs leading-[1.44] whitespace-nowrap -outline-offset-1 has-[:focus-visible]:rounded-[4px] has-[:focus-visible]:outline", {
           "line-wrapping has-[:focus-visible]:bg-b-1 has-[:focus-visible]:absolute has-[:focus-visible]:z-1": e.lineWrapping,
           "flow-code-input--error": e.error
         }],
         onKeydown: [
-          l[0] || (l[0] = b(D((a) => c("down", a), ["stop"]), ["down"])),
-          l[1] || (l[1] = b((a) => c("enter", a), ["enter"])),
-          l[2] || (l[2] = b((a) => c("escape", a), ["escape"])),
-          l[3] || (l[3] = b(D((a) => c("up", a), ["stop"]), ["up"]))
+          l[0] || (l[0] = b(T((a) => m("down", a), ["stop"]), ["down"])),
+          l[1] || (l[1] = b((a) => m("enter", a), ["enter"])),
+          l[2] || (l[2] = b((a) => m("escape", a), ["escape"])),
+          l[3] || (l[3] = b(T((a) => m("up", a), ["stop"]), ["up"]))
         ]
       }), [
-        e.disableTabIndent ? f("", !0) : (o(), i("div", re, [...l[5] || (l[5] = [
+        e.disableTabIndent ? f("", !0) : (o(), i("div", ie, [...l[5] || (l[5] = [
           V(" Press ", -1),
           w("kbd", { class: "-mx-0.25 rounded border px-0.5 font-mono" }, "Esc", -1),
           V(" then ", -1),
           w("kbd", { class: "-mx-0.25 rounded border px-0.5 font-mono" }, "Tab", -1),
           V(" to exit ", -1)
         ])]))
-      ], 16, ae)),
-      e.$slots.warning ? (o(), i("div", ie, [
+      ], 16, re)),
+      e.$slots.warning ? (o(), i("div", ue, [
         $(e.$slots, "warning", {}, void 0, !0)
       ])) : f("", !0),
-      e.$slots.icon ? (o(), i("div", ue, [
+      e.$slots.icon ? (o(), i("div", de, [
         $(e.$slots, "icon", {}, void 0, !0)
       ])) : f("", !0),
-      e.required ? (o(), i("div", de, " Required ")) : f("", !0),
-      U.value && e.environment ? (o(), m(te, {
+      e.required ? (o(), i("div", se, " Required ")) : f("", !0),
+      U.value && e.environment ? (o(), c(le, {
         key: 8,
         ref_key: "dropdownRef",
         ref: v,
-        dropdownPosition: P.value,
+        dropdownPosition: D.value,
         environment: e.environment,
-        query: F.value,
+        query: P.value,
         onRedirect: l[4] || (l[4] = (a) => u("redirectToEnvironment")),
-        onSelect: T(K)
+        onSelect: F(K)
       }, null, 8, ["dropdownPosition", "environment", "query", "onSelect"])) : f("", !0)
     ], 64));
   }
 });
 export {
-  pe as default
+  ve as default
 };

package/dist/v2/components/data-table/DataTableInputSelect.vue.d.ts

@@ -1,7 +1,7 @@
 type __VLS_Props = {
-    modelValue: string | number;
+    modelValue: string | number | boolean;
     value?: string[];
-    default?: string | number | undefined;
+    default?: string | number | boolean | undefined;
     canAddCustomValue?: boolean;
     type?: string | undefined;
 };

package/dist/v2/components/data-table/DataTableInputSelect.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableInputSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/data-table/DataTableInputSelect.vue"],"names":[],"mappings":"AA4LA,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACrC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC1B,CAAC;;;;;;uBAFoB,OAAO;;AA2Z/B,wBAQG"}
+{"version":3,"file":"DataTableInputSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/data-table/DataTableInputSelect.vue"],"names":[],"mappings":"AA4LA,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;IACrC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;IAC/C,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC1B,CAAC;;;;;;uBAFoB,OAAO;;AA2Z/B,wBAQG"}

package/dist/v2/components/data-table/DataTableInputSelect.vue.js

@@ -1,18 +1,18 @@
-import { defineComponent as T, computed as m, ref as V, watch as S, nextTick as E, createElementBlock as f, openBlock as o, createBlock as v, withDirectives as K, unref as a, withCtx as s, createVNode as n, createElementVNode as i, toDisplayString as y, withKeys as M, vModelText as R, createCommentVNode as C, Fragment as _, renderList as U, normalizeClass as $ } from "vue";
-import { ScalarComboboxMultiselect as F, ScalarButton as b, ScalarIcon as h, ScalarDropdown as L, ScalarDropdownItem as D, ScalarDropdownDivider as W } from "@scalar/components";
+import { defineComponent as T, computed as m, ref as y, watch as k, nextTick as E, createElementBlock as f, openBlock as o, createBlock as v, withDirectives as K, unref as a, withCtx as n, createVNode as s, createElementVNode as i, toDisplayString as V, withKeys as M, vModelText as R, createCommentVNode as C, Fragment as _, renderList as U, normalizeClass as $ } from "vue";
+import { ScalarComboboxMultiselect as F, ScalarButton as b, ScalarIcon as h, ScalarDropdown as L, ScalarDropdownItem as B, ScalarDropdownDivider as W } from "@scalar/components";
 const q = { class: "group-[.alert]:outline-orange group-[.error]:outline-red w-full pr-10 -outline-offset-1 has-[:focus-visible]:rounded-[4px] has-[:focus-visible]:outline" }, G = { class: "text-c-1 whitespace-nowrap" }, H = { class: "text-c-1 overflow-hidden text-ellipsis" }, J = { class: "overflow-hidden text-ellipsis" }, P = { class: "flex h-4 w-4 items-center justify-center" }, Z = /* @__PURE__ */ T({
   __name: "DataTableInputSelect",
   props: {
-    modelValue: {},
+    modelValue: { type: [String, Number, Boolean] },
     value: {},
-    default: {},
+    default: { type: [String, Number, Boolean] },
     canAddCustomValue: { type: Boolean, default: !0 },
     type: {}
   },
   emits: ["update:modelValue"],
-  setup(z, { emit: B }) {
-    const u = z, c = B, p = m(() => u.value ?? []), d = V(!1), r = V(""), x = V(null);
-    S(r, (e) => {
+  setup(D, { emit: z }) {
+    const u = D, c = z, p = m(() => u.value ?? []), d = y(!1), r = y(""), x = y(null);
+    k(r, (e) => {
       c("update:modelValue", e);
     });
     const g = (e) => {
@@ -21,40 +21,40 @@ const q = { class: "group-[.alert]:outline-orange group-[.error]:outline-red w-f
       r.value.trim() && g(r.value);
     }, A = () => {
       r.value.trim() || c("update:modelValue", ""), d.value = !1;
-    }, I = (e) => u.modelValue.toString() === e;
-    S(d, (e) => {
+    }, N = (e) => u.modelValue.toString() === e;
+    k(d, (e) => {
       e && E(() => {
         x.value?.focus();
       });
     });
-    const k = m(() => u.modelValue !== void 0 ? u.modelValue : u.default), w = m(() => {
+    const S = m(() => u.modelValue !== void 0 ? u.modelValue : u.default), w = m(() => {
       const e = new Set(u.modelValue.toString().split(", "));
-      return p.value.filter((l) => e.has(l)).map((l) => ({ id: l, label: l, value: l }));
-    }), N = m(
+      return p.value.filter((t) => e.has(t)).map((t) => ({ id: t, label: t, value: t }));
+    }), I = m(
       () => p.value.map((e) => ({ id: e, label: e, value: e }))
     ), O = (e) => {
-      const l = e.map((t) => t.value);
-      c("update:modelValue", l.join(", "));
+      const t = e.map((l) => l.value);
+      c("update:modelValue", t.join(", "));
     };
-    return (e, l) => (o(), f("div", q, [
+    return (e, t) => (o(), f("div", q, [
       e.type === "array" ? (o(), v(a(F), {
         key: 0,
         modelValue: w.value,
-        options: N.value,
+        options: I.value,
         "onUpdate:modelValue": O
       }, {
-        default: s(() => [
-          n(a(b), {
+        default: n(() => [
+          s(a(b), {
             class: "custom-scroll h-full justify-start gap-1.5 px-2 py-1.5 pr-6 font-normal outline-none",
             fullWidth: "",
             variant: "ghost"
           }, {
-            default: s(() => [
-              i("span", G, y(w.value.length > 0 ? w.value.map((t) => t.label).join(", ") : "Select a value"), 1),
-              n(a(h), {
+            default: n(() => [
+              i("span", G, V(w.value.length > 0 ? w.value.map((l) => l.label).join(", ") : "Select a value"), 1),
+              s(a(h), {
+                class: "min-w-4",
                 icon: "ChevronDown",
-                size: "md",
-                class: "min-w-4"
+                size: "md"
               })
             ]),
             _: 1
@@ -65,7 +65,7 @@ const q = { class: "group-[.alert]:outline-orange group-[.error]:outline-red w-f
         key: 1,
         ref_key: "inputRef",
         ref: x,
-        "onUpdate:modelValue": l[0] || (l[0] = (t) => r.value = t),
+        "onUpdate:modelValue": t[0] || (t[0] = (l) => r.value = l),
         class: "text-c-1 w-full min-w-0 border-none px-2 py-1.5 outline-none",
         placeholder: "Value",
         type: "text",
@@ -76,59 +76,59 @@ const q = { class: "group-[.alert]:outline-orange group-[.error]:outline-red w-f
       ]) : (o(), v(a(L), {
         key: 2,
         resize: "",
-        value: k.value
+        value: S.value
       }, {
-        items: s(() => [
-          (o(!0), f(_, null, U(p.value, (t) => (o(), v(a(D), {
-            key: t,
+        items: n(() => [
+          (o(!0), f(_, null, U(p.value, (l) => (o(), v(a(B), {
+            key: l,
             class: "group/item flex items-center gap-1.5 overflow-hidden text-ellipsis whitespace-nowrap",
-            value: t,
-            onClick: (Q) => g(t)
+            value: l,
+            onClick: (Q) => g(l)
           }, {
-            default: s(() => [
+            default: n(() => [
               i("div", {
                 class: $([
                   "flex h-4 w-4 items-center justify-center rounded-full p-[3px]",
-                  I(t) ? "bg-c-accent text-b-1" : "shadow-border text-transparent"
+                  N(l) ? "bg-c-accent text-b-1" : "shadow-border text-transparent"
                 ])
               }, [
-                n(a(h), {
+                s(a(h), {
                   class: "size-2.5",
                   icon: "Checkmark",
                   thickness: "3"
                 })
               ], 2),
-              i("span", J, y(t), 1)
+              i("span", J, V(l), 1)
             ]),
             _: 2
           }, 1032, ["value", "onClick"]))), 128)),
           e.canAddCustomValue ? (o(), f(_, { key: 0 }, [
             p.value.length ? (o(), v(a(W), { key: 0 })) : C("", !0),
-            n(a(D), {
+            s(a(B), {
               class: "flex items-center gap-1.5",
-              onClick: l[1] || (l[1] = (t) => d.value = !0)
+              onClick: t[1] || (t[1] = (l) => d.value = !0)
             }, {
-              default: s(() => [
+              default: n(() => [
                 i("div", P, [
-                  n(a(h), {
+                  s(a(h), {
                     icon: "Add",
                     size: "sm"
                   })
                 ]),
-                l[2] || (l[2] = i("span", null, "Add value", -1))
+                t[2] || (t[2] = i("span", null, "Add value", -1))
               ]),
               _: 1
             })
           ], 64)) : C("", !0)
         ]),
-        default: s(() => [
-          n(a(b), {
+        default: n(() => [
+          s(a(b), {
             class: "size-full justify-start gap-1.5 overflow-auto px-2 py-1.5 font-normal whitespace-nowrap outline-none",
             variant: "ghost"
           }, {
-            default: s(() => [
-              i("span", H, y(k.value || "Select a value"), 1),
-              n(a(h), {
+            default: n(() => [
+              i("span", H, V(S.value ?? "Select a value"), 1),
+              s(a(h), {
                 icon: "ChevronDown",
                 size: "md"
               })

package/dist/v2/components/resize/index.d.ts

@@ -1,3 +1,2 @@
-/** biome-ignore-all lint/performance/noBarrelFile: Component entry point */
 export { default as Resize } from './Resize.vue.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/v2/components/resize/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/resize/index.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/resize/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAA"}

package/dist/v2/components/sidebar/Sidebar.vue.d.ts

@@ -2,7 +2,7 @@ import { type DraggingItem, type HoveredItem, type SidebarState } from '@scalar/
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { WorkspaceDocument } from '@scalar/workspace-store/schemas';
 import type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation';
-import type { Workspace } from '../../../v2/hooks/use-workspace-selector.js';
+import type { Workspace } from '../../../v2/features/app/hooks/use-workspace-selector.js';
 import type { ClientLayout } from '../../../v2/types/layout';
 type __VLS_Props = {
     /** All documents to display sidebar items for */
@@ -33,15 +33,16 @@ type __VLS_Slots = {
     }): unknown;
     /** Slot to add additional content to the footer */
     footer?(): unknown;
+    /** Slot to add additional content to the empty folder */
+    empty?(props: {
+        item: TraversedEntry;
+    }): unknown;
 };
 type __VLS_PublicProps = __VLS_Props & {
-    /** Controls the visibility of the sidebar */
-    'isSidebarOpen': boolean;
     /** Controls the width of the sidebar */
     'sidebarWidth': number;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:isSidebarOpen": (value: boolean) => any;
     "update:sidebarWidth": (value: number) => any;
 } & {
     "create:workspace": () => any;
@@ -53,7 +54,6 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     "onSelect:workspace"?: ((id?: string | undefined) => any) | undefined;
     onSelectItem?: ((id: string) => any) | undefined;
     onReorder?: ((draggingItem: DraggingItem, hoveredItem: HoveredItem) => any) | undefined;
-    "onUpdate:isSidebarOpen"?: ((value: boolean) => any) | undefined;
     "onUpdate:sidebarWidth"?: ((value: number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/v2/components/sidebar/Sidebar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/sidebar/Sidebar.vue"],"names":[],"mappings":"AAqJA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,iBAAiB,CAAA;AACxB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACxE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAA;AAKhF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAA;AAClE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAKrD,KAAK,WAAW,GAAG;IACjB,iDAAiD;IACjD,YAAY,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;IAC1C,4BAA4B;IAC5B,MAAM,EAAE,YAAY,CAAA;IACpB,qCAAqC;IACrC,eAAe,EAAE,SAAS,CAAA;IAC1B,2CAA2C;IAC3C,UAAU,EAAE,SAAS,EAAE,CAAA;IACvB,kEAAkE;IAClE,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,+CAA+C;IAC/C,SAAS,EAAE,iBAAiB,EAAE,CAAA;IAC9B;;;;OAIG;IACH,WAAW,CAAC,EACR,OAAO,GACP,CAAC,CAAC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,KAAK,OAAO,CAAC,CAAA;CACxE,CAAC;AAeF,KAAK,WAAW,GAAG;IACjB,uCAAuC;IACvC,eAAe,CAAC,IAAI,OAAO,CAAA;IAC3B,sDAAsD;IACtD,SAAS,CAAC,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,cAAc,CAAA;KAAE,GAAG,OAAO,CAAA;IACpD,mDAAmD;IACnD,MAAM,CAAC,IAAI,OAAO,CAAA;CACnB,CAAC;AAsBF,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,6CAA6C;IAC7C,eAAe,EAAE,OAAO,CAAC;IACzB,wCAAwC;IACxC,cAAc,EAAE,MAAM,CAAC;CACtB,CAAC;AAmNF,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;kFAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Sidebar.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/sidebar/Sidebar.vue"],"names":[],"mappings":"AAyJA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,iBAAiB,CAAA;AACxB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACxE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAA;AAIhF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gDAAgD,CAAA;AAE/E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIrD,KAAK,WAAW,GAAG;IACjB,iDAAiD;IACjD,YAAY,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;IAC1C,4BAA4B;IAC5B,MAAM,EAAE,YAAY,CAAA;IACpB,qCAAqC;IACrC,eAAe,EAAE,SAAS,CAAA;IAC1B,2CAA2C;IAC3C,UAAU,EAAE,SAAS,EAAE,CAAA;IACvB,kEAAkE;IAClE,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,+CAA+C;IAC/C,SAAS,EAAE,iBAAiB,EAAE,CAAA;IAC9B;;;;OAIG;IACH,WAAW,CAAC,EACR,OAAO,GACP,CAAC,CAAC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,KAAK,OAAO,CAAC,CAAA;CACxE,CAAC;AAeF,KAAK,WAAW,GAAG;IACjB,uCAAuC;IACvC,eAAe,CAAC,IAAI,OAAO,CAAA;IAC3B,sDAAsD;IACtD,SAAS,CAAC,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,cAAc,CAAA;KAAE,GAAG,OAAO,CAAA;IACpD,mDAAmD;IACnD,MAAM,CAAC,IAAI,OAAO,CAAA;IAClB,yDAAyD;IACzD,KAAK,CAAC,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,cAAc,CAAA;KAAE,GAAG,OAAO,CAAA;CACjD,CAAC;AAiBF,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,wCAAwC;IACxC,cAAc,EAAE,MAAM,CAAC;CACtB,CAAC;AAqNF,QAAA,MAAM,eAAe;;;;;;;;;;;;;kFAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/v2/components/sidebar/Sidebar.vue.js

@@ -1,14 +1,13 @@
-import { defineComponent as w, mergeModels as f, useModel as b, ref as y, createBlock as r, openBlock as s, unref as a, withCtx as i, createVNode as B, renderSlot as n, normalizeProps as W, guardReactiveProps as $, createElementVNode as k, createCommentVNode as p } from "vue";
-import { ScalarIconButton as V } from "@scalar/components";
-import { ScalarIconMagnifyingGlass as g } from "@scalar/icons";
-import { ScalarSidebar as C } from "@scalar/sidebar";
-import I from "./SidebarMenu.vue.js";
-import M from "./SidebarToggle.vue.js";
-import O from "../resize/Resize.vue.js";
-import D from "../../features/search/components/SearchButton.vue.js";
-const E = { class: "bg-sidebar-b-1 z-1 flex flex-col gap-1.5 px-3 pb-1.5" }, z = { class: "flex items-center justify-between" }, G = /* @__PURE__ */ w({
+import { defineComponent as y, mergeModels as u, useSlots as g, ref as B, useModel as W, createBlock as l, openBlock as r, unref as a, withCtx as s, createVNode as $, createSlots as D, renderSlot as d, normalizeProps as c, guardReactiveProps as f, createElementVNode as b, createCommentVNode as p, createElementBlock as C } from "vue";
+import { ScalarIconButton as E } from "@scalar/components";
+import { ScalarIconMagnifyingGlass as I } from "@scalar/icons";
+import { ScalarSidebar as h } from "@scalar/sidebar";
+import M from "./SidebarMenu.vue.js";
+import V from "../resize/Resize.vue.js";
+import z from "../../features/search/components/SearchButton.vue.js";
+const N = { class: "bg-sidebar-b-1 z-1 flex flex-col gap-1.5 px-3 pb-1.5" }, R = { class: "flex items-center justify-between" }, P = { key: 1 }, J = /* @__PURE__ */ y({
   __name: "Sidebar",
-  props: /* @__PURE__ */ f({
+  props: /* @__PURE__ */ u({
     sidebarState: {},
     layout: {},
     activeWorkspace: {},
@@ -17,78 +16,81 @@ const E = { class: "bg-sidebar-b-1 z-1 flex flex-col gap-1.5 px-3 pb-1.5" }, z =
     documents: {},
     isDroppable: { type: [Boolean, Function] }
   }, {
-    isSidebarOpen: { type: Boolean, required: !0 },
-    isSidebarOpenModifiers: {},
     sidebarWidth: {
       required: !0,
       default: 288
     },
     sidebarWidthModifiers: {}
   }),
-  emits: /* @__PURE__ */ f(["selectItem", "select:workspace", "create:workspace", "reorder"], ["update:isSidebarOpen", "update:sidebarWidth"]),
-  setup(u, { emit: S }) {
-    const l = S, m = b(u, "isSidebarOpen"), d = y(!1), c = b(u, "sidebarWidth");
-    return (e, o) => (s(), r(a(O), {
-      width: c.value,
-      "onUpdate:width": o[6] || (o[6] = (t) => c.value = t),
+  emits: /* @__PURE__ */ u(["selectItem", "select:workspace", "create:workspace", "reorder"], ["update:sidebarWidth"]),
+  setup(k, { emit: v }) {
+    const i = v, w = g(), n = B(!1), m = W(k, "sidebarWidth");
+    return (e, o) => (r(), l(a(V), {
+      width: m.value,
+      "onUpdate:width": o[5] || (o[5] = (t) => m.value = t),
       class: "flex flex-col"
     }, {
-      default: i(() => [
-        B(a(C), {
+      default: s(() => [
+        $(a(h), {
           class: "flex w-auto flex-1 pt-2",
           indent: 15,
+          isDraggable: e.layout !== "modal",
           isDroppable: e.isDroppable,
           isExpanded: e.sidebarState.isExpanded,
           isSelected: e.sidebarState.isSelected,
           items: e.sidebarState.items.value,
           layout: "client",
-          onReorder: o[4] || (o[4] = (t, v) => l("reorder", t, v)),
-          onSelectItem: o[5] || (o[5] = (t) => l("selectItem", t))
-        }, {
-          header: i(() => [
-            k("div", E, [
-              k("div", z, [
-                e.layout === "desktop" ? (s(), r(I, {
+          onReorder: o[3] || (o[3] = (t, S) => i("reorder", t, S)),
+          onSelectItem: o[4] || (o[4] = (t) => i("selectItem", t))
+        }, D({
+          header: s(() => [
+            b("div", N, [
+              b("div", R, [
+                e.layout === "desktop" ? (r(), l(M, {
                   key: 0,
                   activeWorkspace: e.activeWorkspace,
                   workspaces: e.workspaces,
-                  "onCreate:workspace": o[0] || (o[0] = (t) => l("create:workspace")),
-                  "onSelect:workspace": o[1] || (o[1] = (t) => l("select:workspace", t))
-                }, null, 8, ["activeWorkspace", "workspaces"])) : e.layout === "modal" ? (s(), r(M, {
-                  key: 1,
-                  modelValue: m.value,
-                  "onUpdate:modelValue": o[2] || (o[2] = (t) => m.value = t)
-                }, null, 8, ["modelValue"])) : p("", !0),
-                e.layout !== "web" ? (s(), r(a(V), {
+                  "onCreate:workspace": o[0] || (o[0] = (t) => i("create:workspace")),
+                  "onSelect:workspace": o[1] || (o[1] = (t) => i("select:workspace", t))
+                }, null, 8, ["activeWorkspace", "workspaces"])) : e.layout === "modal" ? (r(), C("div", P)) : p("", !0),
+                e.layout !== "web" ? (r(), l(a(E), {
                   key: 2,
-                  icon: a(g),
+                  icon: a(I),
                   label: "Search",
-                  onClick: o[3] || (o[3] = (t) => d.value = !d.value)
+                  onClick: o[2] || (o[2] = (t) => n.value = !n.value)
                 }, null, 8, ["icon"])) : p("", !0)
               ]),
-              d.value || e.layout === "web" ? (s(), r(a(D), {
+              n.value || e.layout === "web" ? (r(), l(a(z), {
                 key: 0,
                 documents: e.documents,
                 eventBus: e.eventBus
               }, null, 8, ["documents", "eventBus"])) : p("", !0)
             ])
           ]),
-          decorator: i((t) => [
-            n(e.$slots, "decorator", W($(t)))
+          decorator: s((t) => [
+            d(e.$slots, "decorator", c(f(t)))
           ]),
-          before: i(() => [
-            n(e.$slots, "workspaceButton")
+          before: s(() => [
+            d(e.$slots, "workspaceButton")
           ]),
-          footer: i(() => [
-            n(e.$slots, "footer")
+          footer: s(() => [
+            d(e.$slots, "footer")
           ]),
-          _: 3
-        }, 8, ["isDroppable", "isExpanded", "isSelected", "items"])
+          _: 2
+        }, [
+          w.empty ? {
+            name: "empty",
+            fn: s((t) => [
+              d(e.$slots, "empty", c(f(t)))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["isDraggable", "isDroppable", "isExpanded", "isSelected", "items"])
       ]),
       _: 3
     }, 8, ["width"]));
   }
 });
 export {
-  G as default
+  J as default
 };