@scalar/api-client 2.0.46 → 2.0.47

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @scalar/api-client
 
+## 2.0.47
+
+### Patch Changes
+
+- b00e50e: fix(api-client): improve api client responsiveness
+- df7372f: feat: make side navigation a drag region
+- 6f0632e: fix: sidebar list element action prop
+- 3023afe: fix: sidenav endpoint ui
+- 711ad03: fix: search modal data population
+- 14ed31f: feat: group cookie by domain and path
+- Updated dependencies [60e63d3]
+- Updated dependencies [db92a85]
+- Updated dependencies [dba83e4]
+  - @scalar/themes@0.9.22
+  - @scalar/use-toasts@0.7.5
+  - @scalar/object-utils@1.1.6
+  - @scalar/oas-utils@0.2.28
+  - @scalar/components@0.12.29
+
 ## 2.0.46
 
 ### Patch Changes

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

@@ -1 +1 @@
-{"version":3,"file":"HttpMethod.vue.d.ts","sourceRoot":"","sources":["../../../src/components/HttpMethod/HttpMethod.vue"],"names":[],"mappings":";eA0Ge,OAAO;YACV,MAAM;iBACD,OAAO;;;;;;;;eAFT,OAAO;YACV,MAAM;iBACD,OAAO;;;;;;;;cAFT,OAAO;gBAEL,OAAO;;AA+HxB,wBAOG;AAOH,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"HttpMethod.vue.d.ts","sourceRoot":"","sources":["../../../src/components/HttpMethod/HttpMethod.vue"],"names":[],"mappings":";eA0Ge,OAAO;YACV,MAAM;iBACD,OAAO;;;;;;;;eAFT,OAAO;YACV,MAAM;iBACD,OAAO;;;;;;;;cAFT,OAAO;gBAEL,OAAO;;AAgIxB,wBAOG;AAOH,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/HttpMethod/HttpMethod.vue.js

@@ -1,7 +1,7 @@
 import t from "./HttpMethod.vue2.js";
 /* empty css                */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ o(t, [["__scopeId", "data-v-0bfd62ac"]]);
+const f = /* @__PURE__ */ o(t, [["__scopeId", "data-v-5fe98831"]]);
 export {
   f as default
 };

package/dist/components/HttpMethod/HttpMethod.vue2.js

@@ -1,7 +1,7 @@
-import { defineComponent as S, computed as s, openBlock as m, createBlock as g, unref as t, withCtx as y, createElementVNode as l, normalizeClass as r, toDisplayString as c, createElementBlock as q } from "vue";
-import { ScalarListbox as k } from "@scalar/components";
-import { getRequest as x, REQUEST_METHODS as B } from "@scalar/oas-utils/helpers";
-import { cva as w, cx as p } from "cva";
+import { defineComponent as S, computed as s, openBlock as p, createBlock as g, unref as t, withCtx as y, createElementVNode as l, normalizeClass as r, toDisplayString as c, createElementBlock as q } from "vue";
+import { ScalarListbox as w } from "@scalar/components";
+import { getRequest as k, REQUEST_METHODS as x } from "@scalar/oas-utils/helpers";
+import { cva as B, cx as m } from "cva";
 const O = /* @__PURE__ */ S({
   __name: "HttpMethod",
   props: {
@@ -11,7 +11,7 @@ const O = /* @__PURE__ */ S({
   },
   emits: ["change"],
   setup(f, { emit: b }) {
-    const i = f, h = b, o = s(() => x(i.method)), n = Object.entries(B).map(
+    const i = f, h = b, o = s(() => k(i.method)), n = Object.entries(x).map(
       ([e, { short: a }]) => ({
         id: e,
         label: e.charAt(0) + e.toLowerCase().slice(1)
@@ -19,7 +19,7 @@ const O = /* @__PURE__ */ S({
     ), d = s({
       get: () => n.find(({ id: e }) => e === i.method),
       set: (e) => (e == null ? void 0 : e.id) && h("change", e.id)
-    }), u = w({
+    }), u = B({
       base: "text-center font-code text-3xs justify-center items-center flex",
       variants: {
         isSquare: {
@@ -32,7 +32,7 @@ const O = /* @__PURE__ */ S({
         }
       }
     }), v = s(() => o.value.short);
-    return (e, a) => e.isEditable ? (m(), g(t(k), {
+    return (e, a) => e.isEditable ? (p(), g(t(w), {
       key: 0,
       modelValue: d.value,
       "onUpdate:modelValue": a[0] || (a[0] = (E) => d.value = E),
@@ -43,7 +43,7 @@ const O = /* @__PURE__ */ S({
           class: r(["h-full", { "pointer-events-none": !e.isEditable }])
         }, [
           l("button", {
-            class: r(["relative h-full", t(p)(t(u)({ isSquare: e.isSquare, isEditable: e.isEditable }), o.value.color)]),
+            class: r(["relative h-full", t(m)(t(u)({ isSquare: e.isSquare, isEditable: e.isEditable }), o.value.color)]),
             type: "button"
           }, [
             l("span", null, c(v.value), 1)
@@ -51,9 +51,9 @@ const O = /* @__PURE__ */ S({
         ], 2)
       ]),
       _: 1
-    }, 8, ["modelValue", "options"])) : (m(), q("div", {
+    }, 8, ["modelValue", "options"])) : (p(), q("div", {
       key: 1,
-      class: r(["relative gap-1", t(p)(t(u)({ isSquare: e.isSquare, isEditable: e.isEditable }), o.value.color)]),
+      class: r(["relative gap-1 whitespace-nowrap", t(m)(t(u)({ isSquare: e.isSquare, isEditable: e.isEditable }), o.value.color)]),
       type: "button"
     }, c(o.value.short), 3));
   }

package/dist/components/Search/SearchModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Search/SearchModal.vue"],"names":[],"mappings":"AAoPA,OAAO,EACL,KAAK,UAAU,EAKhB,MAAM,oBAAoB,CAAA;;gBASb,UAAU;;gBAAV,UAAU;;AAsWxB,wBAMG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"SearchModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Search/SearchModal.vue"],"names":[],"mappings":"AA2PA,OAAO,EACL,KAAK,UAAU,EAKhB,MAAM,oBAAoB,CAAA;;gBAUb,UAAU;;gBAAV,UAAU;;AA4WxB,wBAMG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/Search/SearchModal.vue.js

@@ -1,7 +1,7 @@
 import o from "./SearchModal.vue2.js";
 /* empty css                 */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-67d6f77b"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-905c8bd2"]]);
 export {
   m as default
 };

package/dist/components/Search/SearchModal.vue2.js

@@ -1,25 +1,35 @@
-import { defineComponent as y, ref as i, watch as _, computed as C, openBlock as w, createBlock as E, unref as d, withCtx as r, createElementVNode as h, createVNode as R, createTextVNode as m, toDisplayString as p, createElementBlock as F, Fragment as N, renderList as A, createSlots as D, pushScopeId as T, popScopeId as W } from "vue";
-import { useWorkspace as L } from "../../store/workspace.js";
-import { ScalarModal as U, ScalarSearchInput as j, ScalarSearchResultList as H, ScalarSearchResultItem as K } from "@scalar/components";
-import { useMagicKeys as O, whenever as g } from "@vueuse/core";
-import P from "fuse.js";
-import { useRouter as z } from "vue-router";
-import G from "../HttpMethod/HttpMethod.vue.js";
-const J = (u) => (T("data-v-67d6f77b"), u = u(), W(), u), Q = /* @__PURE__ */ J(() => /* @__PURE__ */ h("div", { class: "ref-search-meta" }, [
+import { defineComponent as A, ref as i, watch as M, computed as y, openBlock as w, createBlock as B, unref as d, withCtx as r, createElementVNode as h, createVNode as R, createTextVNode as m, toDisplayString as p, createElementBlock as D, Fragment as N, renderList as T, createSlots as W, pushScopeId as L, popScopeId as U } from "vue";
+import { useWorkspace as H } from "../../store/workspace.js";
+import { ScalarModal as K, ScalarSearchInput as P, ScalarSearchResultList as j, ScalarSearchResultItem as z } from "@scalar/components";
+import { useMagicKeys as G, whenever as g } from "@vueuse/core";
+import J from "fuse.js";
+import { useRouter as O } from "vue-router";
+import Q from "../HttpMethod/HttpMethod.vue.js";
+const X = (u) => (L("data-v-905c8bd2"), u = u(), U(), u), Y = /* @__PURE__ */ X(() => /* @__PURE__ */ h("div", { class: "ref-search-meta" }, [
   /* @__PURE__ */ h("span", null, "↑↓ Navigate"),
   /* @__PURE__ */ h("span", null, "⏎ Select")
-], -1)), oe = /* @__PURE__ */ y({
+], -1)), re = /* @__PURE__ */ A({
   __name: "SearchModal",
   props: {
     modalState: {}
   },
   setup(u) {
-    const c = u, M = z(), { activeWorkspaceRequests: B } = L(), v = O(), l = i([]), f = i([]), o = i(0), s = i(""), I = i(null), S = new P(l.value, {
+    const c = u, E = O(), { activeWorkspaceRequests: I } = H(), v = G(), l = i([]), f = i([]), o = i(0), s = i(""), V = i(null), S = new J(l.value, {
       keys: ["title", "description", "body"]
-    }), $ = () => {
+    }), F = () => {
+      s.value = "", o.value = 0, f.value = [];
+    }, _ = (e) => {
+      l.value = e.map((a) => ({
+        id: a.uid,
+        title: a.summary ?? a.method,
+        description: a.description ?? "",
+        httpVerb: a.method,
+        path: a.path
+      })), S.setCollection(l.value);
+    }, $ = () => {
       o.value = 0, f.value = S.search(s.value);
     };
-    _(
+    M(
       () => c.modalState.open,
       (e) => {
         var a;
@@ -27,35 +37,27 @@ const J = (u) => (T("data-v-67d6f77b"), u = u(), W(), u), Q = /* @__PURE__ */ J(
           l.value.length > 0 && (l.value = [], S.setCollection(l.value));
           return;
         }
-        (a = I.value) == null || a.focus(), s.value = "", o.value = 0, f.value = [];
+        (a = V.value) == null || a.focus(), F(), _(I.value);
       }
-    ), _(
-      B,
+    ), M(
+      I,
       (e) => {
-        Object.values(e).forEach((a) => {
-          l.value.push({
-            id: a.uid,
-            title: a.summary ?? a.method,
-            description: a.description ?? "",
-            httpVerb: a.method,
-            path: a.path
-          });
-        }), S.setCollection(l.value);
+        _(e);
       },
       { immediate: !0 }
     );
-    function V(e) {
-      M.push(e.item.id), c.modalState.hide();
+    function b(e) {
+      E.push(e.item.id), c.modalState.hide();
     }
-    const k = C(
+    const k = y(
       () => n.value[o.value]
-    ), n = C(
+    ), n = y(
       () => s.value.length === 0 ? l.value.map((e) => ({
         item: e
       })) : f.value
     );
     return g(v.enter, () => {
-      c.modalState.open && window && V(k.value);
+      c.modalState.open && window && b(k.value);
     }), g(v.ArrowDown, () => {
       var e;
       c.modalState.open && window && (o.value < n.value.length - 1 ? o.value++ : o.value = 0, (e = document.getElementById(`search-modal-${k.value.item.id}`)) == null || e.scrollIntoView({
@@ -68,23 +70,23 @@ const J = (u) => (T("data-v-67d6f77b"), u = u(), W(), u), Q = /* @__PURE__ */ J(
         behavior: "smooth",
         block: "center"
       }));
-    }), (e, a) => (w(), E(d(U), {
+    }), (e, a) => (w(), B(d(K), {
       state: e.modalState,
       variant: "search"
     }, {
       default: r(() => [
         h("div", {
           ref_key: "searchModalRef",
-          ref: I,
+          ref: V,
           class: "ref-search-container"
         }, [
-          R(d(j), {
+          R(d(P), {
             modelValue: s.value,
             "onUpdate:modelValue": a[0] || (a[0] = (t) => s.value = t),
             onInput: $
           }, null, 8, ["modelValue"])
         ], 512),
-        R(d(H), {
+        R(d(j), {
           class: "ref-search-results custom-scroll",
           noResults: !n.value.length
         }, {
@@ -92,16 +94,16 @@ const J = (u) => (T("data-v-67d6f77b"), u = u(), W(), u), Q = /* @__PURE__ */ J(
             m(p(s.value), 1)
           ]),
           default: r(() => [
-            (w(!0), F(N, null, A(n.value, (t, b) => (w(), E(d(K), {
+            (w(!0), D(N, null, T(n.value, (t, C) => (w(), B(d(z), {
               id: `#search-modal-${t.item.id}`,
               key: t.refIndex,
-              active: o.value === b,
+              active: o.value === C,
               icon: "Terminal",
-              onClick: (x) => V(t),
-              onFocus: (x) => o.value = b
-            }, D({
+              onClick: (x) => b(t),
+              onFocus: (x) => o.value = C
+            }, W({
               addon: r(() => [
-                R(d(G), {
+                R(d(Q), {
                   method: t.item.httpVerb ?? "get"
                 }, null, 8, ["method"])
               ]),
@@ -127,12 +129,12 @@ const J = (u) => (T("data-v-67d6f77b"), u = u(), W(), u), Q = /* @__PURE__ */ J(
           ]),
           _: 1
         }, 8, ["noResults"]),
-        Q
+        Y
       ]),
       _: 1
     }, 8, ["state"]));
   }
 });
 export {
-  oe as default
+  re as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SideNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.vue"],"names":[],"mappings":";AAiKA,wBAKG"}
+{"version":3,"file":"SideNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.vue"],"names":[],"mappings":";AAmLA,wBAKG"}

package/dist/components/SideNav/SideNav.vue.js

@@ -1,7 +1,7 @@
 import o from "./SideNav.vue2.js";
 /* empty css             */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ccbc6a46"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ed782b2b"]]);
 export {
   m as default
 };

package/dist/components/SideNav/SideNav.vue2.js

@@ -1,33 +1,36 @@
-import { defineComponent as _, openBlock as r, createElementBlock as i, createVNode as e, createElementVNode as t, Fragment as f, renderList as p, unref as s, withCtx as u, createTextVNode as d, toDisplayString as x } from "vue";
-import h from "../DarkModeToggle/DarkModeIconToggle.vue.js";
-import { ROUTES as v } from "../../constants.js";
-import { useRouter as N } from "vue-router";
-import g from "./SideHelp.vue.js";
+import { defineComponent as _, openBlock as r, createElementBlock as a, createVNode as e, createElementVNode as t, Fragment as f, renderList as d, unref as n, withCtx as p, createTextVNode as u, toDisplayString as g } from "vue";
+import x from "../DarkModeToggle/DarkModeIconToggle.vue.js";
+import { ROUTES as h } from "../../constants.js";
+import { useRouter as v } from "vue-router";
+import N from "./SideHelp.vue.js";
 import y from "./SideNavLink.vue.js";
 import S from "./WorkspaceProfileIcon.vue.js";
 /* empty css                          */
 const $ = {
   "aria-label": "Side Navigation",
-  class: "text-c-2 w-15 flex flex-col items-center px-2 py-2 scalar-sidenav relative",
+  class: "text-c-2 w-15 flex flex-col items-center px-2 py-2 scalar-sidenav relative drag-region",
   role: "navigation"
-}, k = { class: "mt-3.5 flex flex-col gap-1.5" }, E = { class: "mt-auto flex flex-col py-1.5" }, R = { class: "flex items-center" }, V = { class: "flex items-center" }, j = /* @__PURE__ */ _({
+}, k = { class: "mt-3.5 flex flex-col gap-1.5" }, E = { class: "mt-auto flex flex-col py-1.5" }, R = { class: "flex items-center no-drag-region" }, V = { class: "flex items-center no-drag-region" }, j = /* @__PURE__ */ _({
   __name: "SideNav",
   setup(w) {
-    const { currentRoute: c } = N();
-    return (B, C) => (r(), i("nav", $, [
-      e(S),
+    const { currentRoute: s } = v();
+    return (B, C) => (r(), a("nav", $, [
+      e(S, { class: "no-drag-region" }),
       t("ul", k, [
-        (r(!0), i(f, null, p(s(v), ({ icon: n, name: o, prettyName: l }, m) => {
-          var a;
-          return r(), i("li", { key: m }, [
+        (r(!0), a(f, null, d(n(h), ({ icon: c, name: o, prettyName: l }, m) => {
+          var i;
+          return r(), a("li", {
+            key: m,
+            class: "no-drag-region"
+          }, [
             e(y, {
-              active: (a = s(c).name) == null ? void 0 : a.startsWith(o),
-              icon: n,
+              active: (i = n(s).name) == null ? void 0 : i.startsWith(o),
+              icon: c,
               name: o,
               prettyName: l
             }, {
-              default: u(() => [
-                d(x(o), 1)
+              default: p(() => [
+                u(g(o), 1)
               ]),
               _: 2
             }, 1032, ["active", "icon", "name", "prettyName"])
@@ -36,10 +39,10 @@ const $ = {
       ]),
       t("ul", E, [
         t("li", R, [
-          e(g)
+          e(N)
         ]),
         t("li", V, [
-          e(h)
+          e(x)
         ])
       ])
     ]));

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarListElement.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarListElement.vue"],"names":[],"mappings":";cAyEY;QACR,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,SAAS,CAAC,EAAE,OAAO,CAAA;KACpB;qBACgB,MAAM;;;;cANb;QACR,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,SAAS,CAAC,EAAE,OAAO,CAAA;KACpB;qBACgB,MAAM;;;;AAwJzB,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"SidebarListElement.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarListElement.vue"],"names":[],"mappings":";cA4EY;QACR,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,SAAS,CAAC,EAAE,OAAO,CAAA;KACpB;qBACgB,MAAM;;;;cANb;QACR,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,SAAS,CAAC,EAAE,OAAO,CAAA;KACpB;qBACgB,MAAM;;;;AA0JzB,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/Sidebar/SidebarListElement.vue.js

@@ -1,7 +1,7 @@
 import t from "./SidebarListElement.vue2.js";
 /* empty css                        */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-c5578caa"]]);
+const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-e9dbd857"]]);
 export {
-  m as default
+  a as default
 };

package/dist/components/Sidebar/SidebarListElement.vue2.js

@@ -22,7 +22,7 @@ const C = {
       const d = v("router-link");
       return o(), n("li", null, [
         t(d, {
-          class: l(["text-c-2 hover:bg-b-2 group relative block flex items-center gap-1 rounded py-1 pr-2 font-medium no-underline", [e.variable.color ? "pl-1" : "pl-2"]]),
+          class: l(["h-8 text-c-2 hover:bg-b-2 group relative block flex items-center gap-1 rounded py-1 pr-2 font-medium no-underline", [e.variable.color ? "pl-1" : "pl-2"]]),
           exactActiveClass: "active-link",
           to: `${e.variable.uid}`,
           onClick: a[0] || (a[0] = f((b) => p(b, e.variable.uid), ["prevent"]))

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

@@ -4,6 +4,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
         name: string;
         isDefault: boolean;
     };
+    warningMessage?: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     delete: (id: string) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
@@ -12,6 +13,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
         name: string;
         isDefault: boolean;
     };
+    warningMessage?: string;
 }>>> & {
     onDelete?: ((id: string) => any) | undefined;
 }, {}, {}>;

package/dist/components/Sidebar/SidebarListElementActions.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarListElementActions.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarListElementActions.vue"],"names":[],"mappings":";cAqFY;QACR,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,SAAS,EAAE,OAAO,CAAA;KACnB;;;;cAJS;QACR,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,SAAS,EAAE,OAAO,CAAA;KACnB;;;;AA6LH,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"SidebarListElementActions.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarListElementActions.vue"],"names":[],"mappings":";cAsFY;QACR,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,SAAS,EAAE,OAAO,CAAA;KACnB;qBACgB,MAAM;;;;cALb;QACR,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,SAAS,EAAE,OAAO,CAAA;KACnB;qBACgB,MAAM;;;;AA6LzB,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/Sidebar/SidebarListElementActions.vue.js

@@ -1,41 +1,42 @@
-import { defineComponent as k, ref as w, openBlock as l, createElementBlock as c, Fragment as g, createElementVNode as u, unref as a, createVNode as i, withModifiers as N, createCommentVNode as m, withCtx as x, createBlock as $ } from "vue";
-import D from "./Actions/DeleteSidebarListElement.vue.js";
-import { useModal as M, ScalarIcon as d, ScalarModal as A } from "@scalar/components";
-import { useClipboard as S } from "../../hooks/useClipboard.js";
-const B = { class: "absolute flex right-1 opacity-0 group-hover:opacity-100" }, z = /* @__PURE__ */ k({
+import { defineComponent as w, ref as M, openBlock as l, createElementBlock as c, Fragment as k, createElementVNode as m, unref as a, createVNode as i, withModifiers as y, createCommentVNode as u, withCtx as N, createBlock as $ } from "vue";
+import x from "./Actions/DeleteSidebarListElement.vue.js";
+import { useModal as D, ScalarIcon as d, ScalarModal as S } from "@scalar/components";
+import { useClipboard as A } from "../../hooks/useClipboard.js";
+const B = { class: "absolute flex right-1 opacity-0 group-hover:opacity-100" }, I = /* @__PURE__ */ w({
   __name: "SidebarListElementActions",
   props: {
-    variable: {}
+    variable: {},
+    warningMessage: {}
   },
   emits: ["delete"],
   setup(p, { emit: v }) {
-    const { variable: b } = p, f = v, t = w({ action: "None", name: "" }), n = M(), { copyToClipboard: h } = S();
+    const { variable: b } = p, f = v, t = M({ action: "None", name: "" }), n = D(), { copyToClipboard: g } = A();
     function C(e) {
       t.value = { action: e, name: b.name }, n.show();
     }
     function r() {
       n.hide(), t.value = { action: "None", name: "" };
     }
-    function y(e) {
+    function h(e) {
       f("delete", e), r();
     }
-    return (e, o) => (l(), c(g, null, [
-      u("div", B, [
-        u("button", {
+    return (e, o) => (l(), c(k, null, [
+      m("div", B, [
+        m("button", {
           class: "text-c-3 hover:bg-b-3 hover:text-c-1 rounded p-[5px]",
           type: "button",
-          onClick: o[0] || (o[0] = (s) => a(h)(e.variable.name))
+          onClick: o[0] || (o[0] = (s) => a(g)(e.variable.name))
         }, [
           i(a(d), {
             class: "h-3 w-3",
             icon: "Clipboard"
           })
         ]),
-        e.variable.isDefault ? m("", !0) : (l(), c("button", {
+        e.variable.isDefault ? u("", !0) : (l(), c("button", {
           key: 0,
           class: "text-c-3 hover:bg-b-3 hover:text-c-1 rounded p-1",
           type: "button",
-          onClick: o[1] || (o[1] = N((s) => C(
+          onClick: o[1] || (o[1] = y((s) => C(
             "Delete"
             /* Delete */
           ), ["prevent"]))
@@ -46,19 +47,19 @@ const B = { class: "absolute flex right-1 opacity-0 group-hover:opacity-100" },
           })
         ]))
       ]),
-      i(a(A), {
+      i(a(S), {
         size: "sm",
         state: a(n),
         title: `${t.value.action} ${t.value.name}`
       }, {
-        default: x(() => [
-          t.value.action === "Delete" ? (l(), $(D, {
+        default: N(() => [
+          t.value.action === "Delete" ? (l(), $(x, {
             key: 0,
             variableName: t.value.name,
-            warningMessage: "Are you sure you want to delete this cookie?",
+            warningMessage: e.warningMessage,
             onClose: r,
-            onDelete: o[2] || (o[2] = (s) => y(e.variable.uid))
-          }, null, 8, ["variableName"])) : m("", !0)
+            onDelete: o[2] || (o[2] = (s) => h(e.variable.uid))
+          }, null, 8, ["variableName", "warningMessage"])) : u("", !0)
         ]),
         _: 1
       }, 8, ["state", "title"])
@@ -66,5 +67,5 @@ const B = { class: "absolute flex right-1 opacity-0 group-hover:opacity-100" },
   }
 });
 export {
-  z as default
+  I as default
 };