@scalar/sidebar 0.7.35 → 0.7.38

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/SidebarItem.vue"],"names":[],"mappings":"AAgVA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,mBAAmB,EACzB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAK3C,KAAK,WAAW,GAAG;IACf;;OAEG;IACH,IAAI,EAAE,IAAI,CAAA;IACV;;OAEG;IACH,MAAM,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;IACnC;;OAEG;IACH,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;IACnC;;;OAGG;IACH,OAAO,EACH;QACE,oBAAoB,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;KACrD,GACD,SAAS,CAAA;IAEb;;;;OAIG;IACH,WAAW,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAA;IAChD;;;;OAIG;IACH,WAAW,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAA;CACjD,CAAC;AAoBJ,KAAK,WAAW,GAAG;IACjB;;;OAGG;IACH,SAAS,CAAC,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,IAAI,CAAA;KAAE,GAAG,OAAO,CAAA;IAC1C;;;OAGG;IACH,KAAK,CAAC,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,IAAI,CAAA;KAAE,GAAG,OAAO,CAAA;IACtC;;;OAGG;IACH,IAAI,CAAC,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO,CAAA;CACrD,CAAC;AAshBF,QAAA,MAAM,UAAU;;;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"SidebarItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/SidebarItem.vue"],"names":[],"mappings":"AAkVA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,mBAAmB,EACzB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAK3C,KAAK,WAAW,GAAG;IACf;;OAEG;IACH,IAAI,EAAE,IAAI,CAAA;IACV;;OAEG;IACH,MAAM,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;IACnC;;OAEG;IACH,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;IACnC;;;OAGG;IACH,OAAO,EACH;QACE,oBAAoB,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;KACrD,GACD,SAAS,CAAA;IAEb;;;;OAIG;IACH,WAAW,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAA;IAChD;;;;OAIG;IACH,WAAW,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAA;CACjD,CAAC;AAoBJ,KAAK,WAAW,GAAG;IACjB;;;OAGG;IACH,SAAS,CAAC,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,IAAI,CAAA;KAAE,GAAG,OAAO,CAAA;IAC1C;;;OAGG;IACH,KAAK,CAAC,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,IAAI,CAAA;KAAE,GAAG,OAAO,CAAA;IACtC;;;OAGG;IACH,IAAI,CAAC,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO,CAAA;CACrD,CAAC;AA4hBF,QAAA,MAAM,UAAU;;;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/SidebarItem.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as N, useSlots as V, resolveComponent as H, createBlock as m, unref as a, openBlock as r, mergeProps as s, toHandlers as D, withCtx as i, createTextVNode as L, toDisplayString as O, createElementBlock as b, Fragment as T, renderList as $, createSlots as f, renderSlot as l, createCommentVNode as v, createVNode as y, normalizeClass as w } from "vue";
+import { defineComponent as N, useSlots as V, resolveComponent as H, createBlock as s, unref as a, openBlock as r, mergeProps as m, toHandlers as v, withCtx as i, createTextVNode as L, toDisplayString as O, createElementBlock as b, Fragment as I, renderList as T, createSlots as f, renderSlot as l, createVNode as u, createCommentVNode as $, normalizeClass as w } from "vue";
 import { ScalarSidebarSection as z, ScalarSidebarGroup as A, ScalarSidebarItem as P } from "@scalar/components";
 import { LibraryIcon as j } from "@scalar/icons/library";
 import C from "./SidebarItemDecorator.vue.js";
@@ -27,8 +27,8 @@ const M = {
   },
   emits: ["selectItem", "onDragEnd"],
   setup(e, { emit: G }) {
-    const u = G, n = V(), x = (t) => "isGroup" in t && t.isGroup, E = (t) => ("isDeprecated" in t && t.isDeprecated) ?? !1, S = (t, d) => {
-      u("onDragEnd", t, d);
+    const y = G, n = V(), x = (t) => "isGroup" in t && t.isGroup, D = (t) => ("isDeprecated" in t && t.isDeprecated) ?? !1, S = (t, d) => {
+      y("onDragEnd", t, d);
     }, { draggableAttrs: k, draggableEvents: h } = K({
       id: e.item.id,
       isDraggable: e.isDraggable,
@@ -36,13 +36,13 @@ const M = {
       onDragEnd: S
     });
     return (t, d) => {
-      const I = H("SidebarItem", !0);
-      return a(q)(e.item) && x(e.item) ? (r(), m(a(z), s({
+      const E = H("SidebarItem", !0);
+      return a(q)(e.item) && x(e.item) ? (r(), s(a(z), m({
         key: 0,
         "data-sidebar-id": e.item.id
-      }, a(k), D(a(h))), {
+      }, a(k), v(a(h))), {
         items: i(() => [
-          (r(!0), b(T, null, $(a(F)(e.layout, e.item.children), (c) => (r(), m(I, {
+          (r(!0), b(I, null, T(a(F)(e.layout, e.item.children), (c) => (r(), s(E, {
             key: c.id,
             isDraggable: e.isDraggable,
             isDroppable: e.isDroppable,
@@ -52,26 +52,26 @@ const M = {
             layout: e.layout,
             options: e.options,
             onOnDragEnd: S,
-            onSelectItem: d[0] || (d[0] = (o) => u("selectItem", o))
+            onSelectItem: d[0] || (d[0] = (o) => y("selectItem", o))
           }, f({ _: 2 }, [
             n.decorator ? {
               name: "decorator",
               fn: i((o) => [
-                l(t.$slots, "decorator", s({ ref_for: !0 }, o))
+                l(t.$slots, "decorator", m({ ref_for: !0 }, o))
               ]),
               key: "0"
             } : void 0,
             n.empty ? {
               name: "empty",
               fn: i((o) => [
-                l(t.$slots, "empty", s({ ref_for: !0 }, o))
+                l(t.$slots, "empty", m({ ref_for: !0 }, o))
               ]),
               key: "1"
             } : void 0,
             n.icon ? {
               name: "icon",
               fn: i((o) => [
-                l(t.$slots, "icon", s({ ref_for: !0 }, o))
+                l(t.$slots, "icon", m({ ref_for: !0 }, o))
               ]),
               key: "2"
             } : void 0
@@ -81,18 +81,18 @@ const M = {
           L(O(e.item.title) + " ", 1)
         ]),
         _: 3
-      }, 16, ["data-sidebar-id"])) : a(J)(e.layout, e.item, n.empty !== void 0) ? (r(), m(a(A), s({
+      }, 16, ["data-sidebar-id"])) : a(J)(e.layout, e.item, n.empty !== void 0) ? (r(), s(a(A), m({
         key: 1,
         active: e.isSelected(e.item.id),
         class: "relative",
         controlled: "",
         "data-sidebar-id": e.item.id,
         open: e.isExpanded(e.item.id)
-      }, a(k), D(a(h)), {
-        onClick: d[2] || (d[2] = () => u("selectItem", e.item.id))
+      }, a(k), v(a(h)), {
+        onClick: d[2] || (d[2] = () => y("selectItem", e.item.id))
       }), f({
         items: i(() => [
-          (r(!0), b(T, null, $(a(F)(e.layout, e.item.children ?? []), (c) => (r(), m(I, {
+          (r(!0), b(I, null, T(a(F)(e.layout, e.item.children ?? []), (c) => (r(), s(E, {
             key: c.id,
             isDraggable: e.isDraggable,
             isDroppable: e.isDroppable,
@@ -103,26 +103,26 @@ const M = {
             options: e.options,
             parentIds: [],
             onOnDragEnd: S,
-            onSelectItem: d[1] || (d[1] = (o) => u("selectItem", o))
+            onSelectItem: d[1] || (d[1] = (o) => y("selectItem", o))
           }, f({ _: 2 }, [
             n.decorator ? {
               name: "decorator",
               fn: i((o) => [
-                l(t.$slots, "decorator", s({ ref_for: !0 }, o))
+                l(t.$slots, "decorator", m({ ref_for: !0 }, o))
               ]),
               key: "0"
             } : void 0,
             n.empty ? {
               name: "empty",
               fn: i((o) => [
-                l(t.$slots, "empty", s({ ref_for: !0 }, o))
+                l(t.$slots, "empty", m({ ref_for: !0 }, o))
               ]),
               key: "1"
             } : void 0,
             n.icon ? {
               name: "icon",
               fn: i((o) => [
-                l(t.$slots, "icon", s({ ref_for: !0 }, o))
+                l(t.$slots, "icon", m({ ref_for: !0 }, o))
               ]),
               key: "2"
             } : void 0
@@ -130,29 +130,19 @@ const M = {
           n.empty && (e.item.children?.length ?? 0) === 0 ? l(t.$slots, "empty", {
             key: 0,
             item: e.item
-          }) : v("", !0)
+          }) : $("", !0)
         ]),
         default: i(() => [
-          E(e.item) ? (r(), b("span", M, [
-            y(g, {
+          D(e.item) ? (r(), b("span", M, [
+            u(g, {
               item: e.item,
               operationTitleSource: e.options?.operationTitleSource
             }, null, 8, ["item", "operationTitleSource"])
-          ])) : (r(), m(g, {
+          ])) : (r(), s(g, {
             key: 1,
             item: e.item,
             operationTitleSource: e.options?.operationTitleSource
-          }, null, 8, ["item", "operationTitleSource"])),
-          "method" in e.item ? (r(), m(B, {
-            key: 2,
-            active: e.isSelected(e.item.id),
-            class: w(["ml-2 h-4 self-start", {
-              // Hide the badge when we're showing the decorator
-              "group-hover/button:opacity-0 group-focus-visible/button:opacity-0 group-has-[~*_[aria-expanded=true]]/button:opacity-0 group-has-[~*:focus-within]/button:opacity-0 group-has-[~*:hover]/button:opacity-0": n.decorator
-            }]),
-            method: e.item.method,
-            webhook: e.item.type === "webhook"
-          }, null, 8, ["active", "class", "method", "webhook"])) : v("", !0)
+          }, null, 8, ["item", "operationTitleSource"]))
         ]),
         _: 2
       }, [
@@ -163,7 +153,7 @@ const M = {
               item: e.item,
               open: c
             }, () => [
-              y(a(j), {
+              u(a(j), {
                 class: "block",
                 src: "icon" in e.item && e.item.icon || "interface-content-folder"
               }, null, 8, ["src"])
@@ -171,35 +161,50 @@ const M = {
           ]),
           key: "0"
         } : void 0,
+        "method" in e.item ? {
+          name: "aside",
+          fn: i(() => [
+            u(B, {
+              active: e.isSelected(e.item.id),
+              class: w(["mr-1 ml-2 h-4 self-start", {
+                // Hide the badge when we're showing the decorator
+                "group-hover/button:opacity-0 group-focus-visible/button:opacity-0 group-has-[~*_[aria-expanded=true]]/button:opacity-0 group-has-[~*:focus-within]/button:opacity-0 group-has-[~*:hover]/button:opacity-0": n.decorator
+              }]),
+              method: e.item.method,
+              webhook: e.item.type === "webhook"
+            }, null, 8, ["active", "class", "method", "webhook"])
+          ]),
+          key: "1"
+        } : void 0,
         n.decorator ? {
           name: "after",
           fn: i(() => [
-            y(C, null, {
+            u(C, null, {
               default: i(() => [
                 l(t.$slots, "decorator", { item: e.item })
               ]),
               _: 3
             })
           ]),
-          key: "1"
+          key: "2"
         } : void 0
-      ]), 1040, ["active", "data-sidebar-id", "open"])) : (r(), m(a(P), s({
+      ]), 1040, ["active", "data-sidebar-id", "open"])) : (r(), s(a(P), m({
         key: 2,
         is: "button"
       }, a(k), {
         class: "relative",
         "data-sidebar-id": e.item.id,
         selected: e.isSelected(e.item.id)
-      }, D(a(h)), {
-        onClick: d[3] || (d[3] = () => u("selectItem", e.item.id))
+      }, v(a(h)), {
+        onClick: d[3] || (d[3] = () => y("selectItem", e.item.id))
       }), f({
         default: i(() => [
-          E(e.item) ? (r(), b("span", Q, [
-            y(g, {
+          D(e.item) ? (r(), b("span", Q, [
+            u(g, {
               item: e.item,
               operationTitleSource: e.options?.operationTitleSource
             }, null, 8, ["item", "operationTitleSource"])
-          ])) : (r(), m(g, {
+          ])) : (r(), s(g, {
             key: 1,
             item: e.item,
             operationTitleSource: e.options?.operationTitleSource
@@ -220,7 +225,7 @@ const M = {
         "method" in e.item ? {
           name: "aside",
           fn: i(() => [
-            "method" in e.item ? (r(), m(B, {
+            "method" in e.item ? (r(), s(B, {
               key: 0,
               active: e.isSelected(e.item.id),
               class: w(["ml-2 h-4 self-start", {
@@ -229,14 +234,14 @@ const M = {
               }]),
               method: e.item.method,
               webhook: e.item.type === "webhook"
-            }, null, 8, ["active", "class", "method", "webhook"])) : v("", !0)
+            }, null, 8, ["active", "class", "method", "webhook"])) : $("", !0)
           ]),
           key: "1"
         } : void 0,
         n.decorator ? {
           name: "after",
           fn: i(() => [
-            y(C, null, {
+            u(C, null, {
               default: i(() => [
                 l(t.$slots, "decorator", { item: e.item })
               ]),

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarItemDecorator.vue.d.ts","sourceRoot":"","sources":["../../src/components/SidebarItemDecorator.vue"],"names":[],"mappings":"AAuCA,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAG/C,QAAA,MAAM,UAAU,+QACd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"SidebarItemDecorator.vue.d.ts","sourceRoot":"","sources":["../../src/components/SidebarItemDecorator.vue"],"names":[],"mappings":"AAsCA,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAG/C,QAAA,MAAM,UAAU,+QACd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/SidebarItemDecorator.vue.js

@@ -1,8 +1,8 @@
-import { createElementBlock as o, openBlock as t, renderSlot as r } from "vue";
+import { createElementBlock as t, openBlock as o, renderSlot as r } from "vue";
 import a from "../_virtual/_plugin-vue_export-helper.js";
-const c = {}, i = { class: "bg-b-2 border-red absolute top-[1lh] right-0.75 flex -translate-y-1/2 rounded border p-0.25 opacity-0 peer-hover/button:opacity-100 peer-focus-visible/button:opacity-100 focus-within:opacity-100 hover:opacity-100 has-[&[aria-expanded=true]]:opacity-100" };
+const c = {}, i = { class: "bg-b-2 absolute top-[1lh] right-0.75 flex -translate-y-1/2 rounded border p-0.25 opacity-0 peer-hover/button:opacity-100 peer-focus-visible/button:opacity-100 focus-within:opacity-100 hover:opacity-100 has-[&[aria-expanded=true]]:opacity-100" };
 function n(e, s) {
-  return t(), o("div", i, [
+  return o(), t("div", i, [
     r(e.$slots, "default")
   ]);
 }

package/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/sidebar"
   },
-  "version": "0.7.35",
+  "version": "0.7.38",
   "engines": {
     "node": ">=20"
   },
@@ -31,12 +31,12 @@
   ],
   "dependencies": {
     "vue": "^3.5.26",
-    "@scalar/components": "0.19.4",
-    "@scalar/helpers": "0.2.12",
+    "@scalar/helpers": "0.2.15",
+    "@scalar/components": "0.19.7",
     "@scalar/icons": "0.5.3",
     "@scalar/themes": "0.14.0",
-    "@scalar/use-hooks": "0.3.7",
-    "@scalar/workspace-store": "0.32.1"
+    "@scalar/workspace-store": "0.34.1",
+    "@scalar/use-hooks": "0.3.7"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.1.18",