@scalar/api-client 2.2.7 → 2.2.9

package/dist/components/DataTable/DataTableInput.vue2.js

@@ -1,14 +1,14 @@
 import { defineComponent as V, ref as i, computed as b, openBlock as l, createBlock as u, normalizeClass as k, withCtx as g, createElementBlock as r, renderSlot as p, createCommentVNode as d, createElementVNode as C, Fragment as B, mergeProps as f, unref as $ } from "vue";
 import h from "../CodeInput/CodeInput.vue.js";
-import { ScalarIconButton as x } from "@scalar/components";
-import O from "./DataTableCell.vue.js";
-import q from "./DataTableInputSelect.vue.js";
+import { ScalarIconButton as q } from "@scalar/components";
+import x from "./DataTableCell.vue.js";
+import O from "./DataTableInputSelect.vue.js";
 const A = {
   key: 0,
   class: "text-c-1 flex min-w-[94px] items-center pl-2 pr-0"
 }, I = { class: "row-1 overflow-x-auto" }, E = ["id", "readOnly", "type", "value"], F = {
   key: 2,
-  class: "absolute centered-y right-2 pt-px text-xxs text-c-3 bg-b-1 shadow-[-8px_0_4px_var(--scalar-background-1)] opacity-100 duration-150 transition-opacity peer-has-[:focus-visible]:opacity-0"
+  class: "scalar-input-required absolute centered-y right-2 pt-px text-xxs text-c-3 bg-b-1 shadow-[-8px_0_4px_var(--scalar-background-1)] opacity-100 duration-150 transition-opacity peer-has-[:focus-visible]:opacity-0"
 }, S = {
   key: 1,
   class: "absolute centered-y right-7 text-orange text-xs"
@@ -28,15 +28,15 @@ const A = {
     max: {}
   },
   emits: ["update:modelValue", "inputFocus", "inputBlur", "selectVariable"],
-  setup(y, { emit: c }) {
-    const o = y, s = c, n = i(!0);
+  setup(c, { emit: y }) {
+    const o = c, s = y, n = i(!0);
     i("");
     const v = i(!1), w = () => {
       v.value || s("inputBlur");
     }, m = b(
       () => o.type === "password" ? n.value ? "password" : "text" : o.type ?? "text"
     );
-    return (e, t) => (l(), u(O, {
+    return (e, t) => (l(), u(x, {
       class: k(["relative row", e.containerClass])
     }, {
       default: g(() => [
@@ -44,7 +44,7 @@ const A = {
           p(e.$slots, "default", {}, void 0, !0)
         ])) : d("", !0),
         C("div", I, [
-          o.enum && o.enum.length ? (l(), u(q, {
+          o.enum && o.enum.length ? (l(), u(O, {
             key: 0,
             canAddCustomValue: e.canAddCustomEnumValue,
             modelValue: o.modelValue,
@@ -87,7 +87,7 @@ const A = {
           p(e.$slots, "warning", {}, void 0, !0)
         ])) : d("", !0),
         p(e.$slots, "icon", {}, void 0, !0),
-        e.type === "password" ? (l(), u($(x), {
+        e.type === "password" ? (l(), u($(q), {
           key: 2,
           class: "-ml-.5 mr-1 h-6 w-6 self-center p-1.5",
           icon: n.value ? "Show" : "Hide",

package/dist/components/DataTable/index.js

@@ -1,18 +1,18 @@
-import { default as t } from "./DataTable.vue.js";
-import { default as o } from "./DataTableCell.vue.js";
-import { default as f } from "./DataTableCheckbox.vue.js";
-import { default as u } from "./DataTableHeader.vue.js";
-import { default as b } from "./DataTableInput.vue.js";
-import { default as T } from "./DataTableRow.vue.js";
-import { default as s } from "./DataTableText.vue.js";
+import { default as t } from "./DataTableInput.vue.js";
+import { default as o } from "./DataTableRow.vue.js";
+import { default as f } from "./DataTableText.vue.js";
+import { default as u } from "./DataTable.vue.js";
+import { default as b } from "./DataTableCell.vue.js";
+import { default as T } from "./DataTableCheckbox.vue.js";
+import { default as s } from "./DataTableHeader.vue.js";
 import { default as c } from "./DataTableInputSelect.vue.js";
 export {
-  t as DataTable,
-  o as DataTableCell,
-  f as DataTableCheckbox,
-  u as DataTableHeader,
-  b as DataTableInput,
+  u as DataTable,
+  b as DataTableCell,
+  T as DataTableCheckbox,
+  s as DataTableHeader,
+  t as DataTableInput,
   c as DataTableInputSelect,
-  T as DataTableRow,
-  s as DataTableText
+  o as DataTableRow,
+  f as DataTableText
 };

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":";AAqXA,wBAMG"}
+{"version":3,"file":"EnvironmentSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/EnvironmentSelector/EnvironmentSelector.vue"],"names":[],"mappings":";AAqdA,wBAMG"}

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

@@ -1,96 +1,116 @@
-import { defineComponent as b, computed as S, openBlock as a, createElementBlock as f, createVNode as n, unref as e, withCtx as r, Fragment as y, renderList as N, createBlock as v, withModifiers as w, createTextVNode as c, toDisplayString as x, createElementVNode as l, normalizeClass as D, createCommentVNode as B } from "vue";
-import { useActiveEntities as I } from "../../store/active-entities.js";
-import { ScalarDropdown as j, ScalarDropdownItem as m, ScalarListboxCheckbox as z, ScalarIcon as d, ScalarDropdownDivider as V, ScalarButton as M } from "@scalar/components";
-import { useRouter as W } from "vue-router";
-import { useWorkspace as L } from "../../store/store.js";
-const O = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap" }, R = { class: "flex items-center justify-center h-4 w-4" }, J = /* @__PURE__ */ b({
+import { defineComponent as D, computed as w, watch as I, onMounted as B, openBlock as l, createElementBlock as h, createVNode as r, unref as n, withCtx as i, Fragment as j, renderList as z, createBlock as E, withModifiers as k, createTextVNode as u, toDisplayString as g, createElementVNode as m, normalizeClass as M, createCommentVNode as V } from "vue";
+import { useActiveEntities as W } from "../../store/active-entities.js";
+import { ScalarDropdown as L, ScalarDropdownItem as v, ScalarListboxCheckbox as O, ScalarIcon as d, ScalarDropdownDivider as R, ScalarButton as $ } from "@scalar/components";
+import { useRouter as A } from "vue-router";
+import { useWorkspace as F } from "../../store/store.js";
+const T = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap" }, q = { class: "flex items-center justify-center h-4 w-4" }, U = /* @__PURE__ */ D({
   __name: "EnvironmentSelector",
-  setup($) {
-    const { activeWorkspace: i, activeEnvironment: h } = I(), { environments: u, workspaceMutators: k, isReadOnly: g } = L(), E = W(), p = (s) => {
-      k.edit(i.value.uid, "activeEnvironmentId", s);
-    }, C = () => E.push({
+  setup(G) {
+    const { activeCollection: o, activeWorkspace: c, activeEnvironment: p } = W(), { isReadOnly: C, collectionMutators: _ } = F(), b = A(), f = (t) => {
+      o.value && (_.edit(
+        o.value.uid,
+        "x-scalar-active-environment",
+        t
+      ), c.value.activeEnvironmentId = t);
+    }, S = () => b.push({
       name: "environment",
       params: {
-        environment: i.value.uid
+        environment: c.value.uid
       }
-    }), _ = S(() => [
-      // Always add the default environment
-      u.default,
-      ...Object.values(u).filter((s) => s.uid !== "default")
-    ]);
-    return (s, o) => (a(), f("div", null, [
-      n(e(j), { placement: "bottom-end" }, {
-        items: r(() => [
-          (a(!0), f(y, null, N(_.value, (t) => (a(), v(e(m), {
-            key: t.uid,
+    }), y = w(() => {
+      const { value: t } = p, { value: e } = o;
+      return (t == null ? void 0 : t.uid) || (e == null ? void 0 : e["x-scalar-active-environment"]) || "No Environment";
+    }), N = w(() => {
+      const { value: t } = o, e = t == null ? void 0 : t["x-scalar-environments"];
+      return e ? Object.entries(e).map(([a, s]) => ({
+        ...s,
+        uid: a,
+        name: a
+      })) : [];
+    }), x = (t) => {
+      const e = t["x-scalar-active-environment"];
+      e && o.value ? (o.value["x-scalar-active-environment"] = e, c.value.activeEnvironmentId = e) : c.value.activeEnvironmentId = "";
+    };
+    return I(o, (t) => {
+      x(t);
+    }), B(() => {
+      x(o.value);
+    }), (t, e) => (l(), h("div", null, [
+      r(n(L), { placement: "bottom-end" }, {
+        items: i(() => [
+          (l(!0), h(j, null, z(N.value, (a) => (l(), E(n(v), {
+            key: a.uid,
             class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden",
-            onClick: w((A) => p(t.uid), ["stop"])
+            onClick: k((s) => f(a.uid), ["stop"])
           }, {
-            default: r(() => [
-              n(e(z), {
-                selected: e(i).activeEnvironmentId === t.uid
-              }, null, 8, ["selected"]),
-              c(" " + x(t.name), 1)
-            ]),
+            default: i(() => {
+              var s;
+              return [
+                r(n(O), {
+                  selected: ((s = n(o)) == null ? void 0 : s["x-scalar-active-environment"]) === a.uid
+                }, null, 8, ["selected"]),
+                u(" " + g(a.name), 1)
+              ];
+            }),
             _: 2
           }, 1032, ["onClick"]))), 128)),
-          n(e(m), {
+          r(n(v), {
             class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden",
-            onClick: o[0] || (o[0] = w((t) => p(""), ["stop"]))
+            onClick: e[0] || (e[0] = k((a) => f(""), ["stop"]))
           }, {
-            default: r(() => [
-              l("div", {
-                class: D([
-                  "flex items-center justify-center rounded-full p-[3px] w-4 h-4",
-                  e(i).activeEnvironmentId === "" ? "bg-c-accent text-b-1" : "group-hover/item:shadow-border text-transparent"
-                ])
-              }, [
-                n(e(d), {
-                  class: "size-2.5",
-                  icon: "Checkmark",
-                  thickness: "3.5"
-                })
-              ], 2),
-              o[1] || (o[1] = c(" No Environment "))
-            ]),
+            default: i(() => {
+              var a;
+              return [
+                m("div", {
+                  class: M([
+                    "flex items-center justify-center rounded-full p-[3px] w-4 h-4",
+                    n(p).uid === "" && ((a = n(o)) == null ? void 0 : a["x-scalar-active-environment"]) === "" ? "bg-c-accent text-b-1" : "group-hover/item:shadow-border text-transparent"
+                  ])
+                }, [
+                  r(n(d), {
+                    class: "size-2.5",
+                    icon: "Checkmark",
+                    thickness: "3.5"
+                  })
+                ], 2),
+                e[1] || (e[1] = u(" No Environment "))
+              ];
+            }),
             _: 1
           }),
-          n(e(V)),
-          e(g) ? B("", !0) : (a(), v(e(m), {
+          r(n(R)),
+          n(C) ? V("", !0) : (l(), E(n(v), {
             key: 0,
             class: "flex items-center gap-1.5",
-            onClick: C
+            onClick: S
           }, {
-            default: r(() => [
-              l("div", R, [
-                n(e(d), {
+            default: i(() => [
+              m("div", q, [
+                r(n(d), {
                   icon: "Brackets",
                   size: "sm"
                 })
               ]),
-              o[2] || (o[2] = l("span", { class: "leading-none" }, "Manage Environments", -1))
+              e[2] || (e[2] = m("span", { class: "leading-none" }, "Manage Environments", -1))
             ]),
             _: 1
           }))
         ]),
-        default: r(() => [
-          n(e(M), {
+        default: i(() => [
+          r(n($), {
             class: "font-normal h-auto justify-start py-1.5 px-1.5 pl-2 text-c-1 hover:bg-b-2 text-c-1 w-fit",
             fullWidth: "",
             variant: "ghost"
           }, {
-            default: r(() => {
-              var t;
-              return [
-                l("h2", O, [
-                  c(x(((t = e(h)) == null ? void 0 : t.name) ?? "No Environment") + " ", 1),
-                  n(e(d), {
-                    icon: "ChevronDown",
-                    size: "md"
-                  })
-                ])
-              ];
-            }),
+            default: i(() => [
+              m("h2", T, [
+                u(g(y.value) + " ", 1),
+                r(n(d), {
+                  icon: "ChevronDown",
+                  size: "md"
+                })
+              ])
+            ]),
             _: 1
           })
         ]),
@@ -100,5 +120,5 @@ const O = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap"
   }
 });
 export {
-  J as default
+  U as default
 };

package/dist/components/Sidebar/Actions/SidebarListElementForm.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarListElementForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/Actions/SidebarListElementForm.vue"],"names":[],"mappings":"AAmDA,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAeF,iBAAS,cAAc;WAiGT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;8FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"SidebarListElementForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/Actions/SidebarListElementForm.vue"],"names":[],"mappings":"AAmDA,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAeF,iBAAS,cAAc;WAoGT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;8FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Sidebar/Actions/SidebarListElementForm.vue.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarList.vue"],"names":[],"mappings":"AAcA,iBAAS,cAAc;WAuCT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAOD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,4RAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"SidebarList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarList.vue"],"names":[],"mappings":"AAcA,iBAAS,cAAc;WAwCT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAOD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,4RAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,12 +1,12 @@
 import { openBlock as t, createElementBlock as o, renderSlot as r } from "vue";
 import c from "../../_virtual/_plugin-vue_export-helper.js";
-const s = {}, l = { class: "flex flex-col px-3 pt-2.5 pb-[75px]" };
-function n(e, f) {
+const s = {}, l = { class: "flex flex-col gap-px px-3 pt-2.5 pb-[75px]" };
+function n(e, p) {
   return t(), o("ul", l, [
     r(e.$slots, "default")
   ]);
 }
-const a = /* @__PURE__ */ c(s, [["render", n]]);
+const _ = /* @__PURE__ */ c(s, [["render", n]]);
 export {
-  a as default
+  _ as default
 };

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

@@ -1,23 +1,27 @@
+import { type Icon } from '@scalar/components';
 type __VLS_Props = {
     variable: {
         uid: string;
         name: string;
         color?: string;
+        icon?: Icon;
         isDefault?: boolean;
     };
+    collectionId?: string;
     warningMessage?: string;
     isDeletable?: boolean;
     isCopyable?: boolean;
+    isRenameable?: boolean;
+    type: 'environment' | 'cookies' | 'server';
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     delete: (id: string) => any;
+    rename: (id: string) => any;
     colorModal: (id: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDelete?: ((id: string) => any) | undefined;
+    onRename?: ((id: string) => any) | undefined;
     onColorModal?: ((id: string) => any) | undefined;
-}>, {
-    isCopyable: boolean;
-    isDeletable: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLLIElement>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLLIElement>;
 export default _default;
 //# sourceMappingURL=SidebarListElement.vue.d.ts.map

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":"AA2FA,KAAK,WAAW,GAAG;IACf,QAAQ,EAAE;QACR,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,SAAS,CAAC,EAAE,OAAO,CAAA;KACpB,CAAA;IACD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAC;;;;;;;;gBADa,OAAO;iBADN,OAAO;;AAgLzB,wBASG"}
+{"version":3,"file":"SidebarListElement.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarListElement.vue"],"names":[],"mappings":"AAoHA,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,oBAAoB,CAAA;AAK1D,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE;QACR,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,IAAI,CAAC,EAAE,IAAI,CAAA;QACX,SAAS,CAAC,EAAE,OAAO,CAAA;KACpB,CAAA;IACD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,EAAE,aAAa,GAAG,SAAS,GAAG,QAAQ,CAAA;CAC3C,CAAC;;;;;;;;;;AAuNF,wBAQG"}

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 a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-146f5335"]]);
+const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-f7711416"]]);
 export {
   a as default
 };

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

@@ -1,52 +1,72 @@
-import { defineComponent as v, resolveComponent as c, openBlock as t, createElementBlock as n, createVNode as r, normalizeClass as f, withModifiers as g, withCtx as C, createElementVNode as i, normalizeStyle as y, createCommentVNode as k, toDisplayString as w } from "vue";
-import D from "./SidebarListElementActions.vue.js";
-import { useRouter as h } from "vue-router";
-const M = { class: "empty-variable-name" }, V = /* @__PURE__ */ v({
+import { defineComponent as g, resolveComponent as C, openBlock as r, createElementBlock as p, createVNode as d, normalizeClass as h, unref as t, withModifiers as D, withCtx as I, createElementVNode as c, normalizeStyle as M, createCommentVNode as m, createBlock as R, toDisplayString as B } from "vue";
+import E from "./SidebarListElementActions.vue.js";
+import { useActiveEntities as N } from "../../store/active-entities.js";
+import { ScalarIcon as S } from "@scalar/components";
+import { useRouter as z } from "vue-router";
+const V = { class: "empty-variable-name text-sm" }, q = /* @__PURE__ */ g({
   __name: "SidebarListElement",
   props: {
     variable: {},
+    collectionId: {},
     warningMessage: {},
-    isDeletable: { type: Boolean, default: !0 },
-    isCopyable: { type: Boolean, default: !0 }
+    isDeletable: { type: Boolean },
+    isCopyable: { type: Boolean },
+    isRenameable: { type: Boolean },
+    type: {}
   },
-  emits: ["delete", "colorModal"],
-  setup(B, { emit: s }) {
-    const a = s, p = h(), u = (e, l) => {
-      e.metaKey ? window.open(l, "_blank") : p.push(l);
-    }, b = (e) => {
-      a("delete", e);
-    }, d = (e) => {
-      a("colorModal", e);
+  emits: ["delete", "colorModal", "rename"],
+  setup(u, { emit: b }) {
+    const v = u, i = b, k = z(), { activeWorkspace: n } = N(), y = (e, a, l) => {
+      const o = {
+        workspaceId: n.value.uid,
+        type: v.type,
+        collectionId: l || void 0,
+        uid: a
+      }, s = l ? `/workspace/${o.workspaceId}/${o.type}/${o.collectionId}/${o.uid}` : `/workspace/${o.workspaceId}/${o.type}/${o.uid}`;
+      e.metaKey ? window.open(s, "_blank") : k.push({ path: s });
+    }, f = (e) => {
+      i("delete", e);
+    }, w = (e) => {
+      i("colorModal", e);
+    }, $ = (e) => {
+      i("rename", e);
     };
-    return (e, l) => {
-      const m = c("router-link");
-      return t(), n("li", null, [
-        r(m, {
-          class: f(["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"]]),
+    return (e, a) => {
+      const l = C("router-link");
+      return r(), p("li", null, [
+        d(l, {
+          class: h(["h-8 text-c-2 hover:bg-b-2 group relative block flex items-center gap-1.5 rounded py-1 pr-2 font-medium no-underline", [e.variable.color ? "pl-1" : "pl-2"]]),
           exactActiveClass: "active-link",
-          to: `${e.variable.uid}`,
-          onClick: l[1] || (l[1] = g((o) => u(o, e.variable.uid), ["prevent"]))
+          to: e.collectionId ? `/workspace/${t(n).uid}/${e.type}/${e.collectionId}/${e.variable.uid}` : `/workspace/${t(n).uid}/${e.type}/${e.variable.uid}`,
+          onClick: a[1] || (a[1] = D((o) => y(o, e.variable.uid, e.collectionId), ["prevent"]))
         }, {
-          default: C(() => [
-            e.variable.color ? (t(), n("button", {
+          default: I(() => [
+            e.variable.color ? (r(), p("button", {
               key: 0,
               class: "hover:bg-b-3 rounded p-1.5",
               type: "button",
-              onClick: l[0] || (l[0] = (o) => d(e.variable.uid))
+              onClick: a[0] || (a[0] = (o) => w(e.variable.uid))
             }, [
-              i("div", {
+              c("div", {
                 class: "h-2.5 w-2.5 rounded-xl",
-                style: y({ backgroundColor: e.variable.color })
+                style: M({ backgroundColor: e.variable.color })
               }, null, 4)
-            ])) : k("", !0),
-            i("span", M, w(e.variable.name), 1),
-            r(D, {
+            ])) : m("", !0),
+            e.variable.icon ? (r(), R(t(S), {
+              key: 1,
+              class: "text-sidebar-c-2 size-3.5 stroke-[2.25]",
+              icon: e.variable.icon
+            }, null, 8, ["icon"])) : m("", !0),
+            c("span", V, B(e.variable.name), 1),
+            d(E, {
               isCopyable: e.isCopyable,
               isDeletable: e.isDeletable,
+              isRenameable: e.isRenameable,
               variable: { ...e.variable, isDefault: e.variable.isDefault ?? !1 },
               warningMessage: e.warningMessage,
-              onDelete: b
-            }, null, 8, ["isCopyable", "isDeletable", "variable", "warningMessage"])
+              onDelete: f,
+              onRename: $
+            }, null, 8, ["isCopyable", "isDeletable", "isRenameable", "variable", "warningMessage"])
           ]),
           _: 1
         }, 8, ["class", "to"])
@@ -55,5 +75,5 @@ const M = { class: "empty-variable-name" }, V = /* @__PURE__ */ v({
   }
 });
 export {
-  V as default
+  q as default
 };

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

@@ -7,11 +7,14 @@ type __VLS_Props = {
     warningMessage?: string;
     isCopyable?: boolean;
     isDeletable?: boolean;
+    isRenameable?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     delete: (id: string) => any;
+    rename: (id: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDelete?: ((id: string) => any) | undefined;
+    onRename?: ((id: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=SidebarListElementActions.vue.d.ts.map

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":"AAwFA,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE;QACR,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,SAAS,EAAE,OAAO,CAAA;KACnB,CAAA;IACD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;;;;;;AAuLF,wBAOG"}
+{"version":3,"file":"SidebarListElementActions.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarListElementActions.vue"],"names":[],"mappings":"AAmGA,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE;QACR,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,SAAS,EAAE,OAAO,CAAA;KACnB,CAAA;IACD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAC;;;;;;;;AA2MF,wBAOG"}

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

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