@scalar/api-client 2.1.39 → 2.1.40

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @scalar/api-client
 
+## 2.1.40
+
+### Patch Changes
+
+- db4a4b7: fix: favors provide for web layout hotkey display
+- c63ab07: fix: sidebar list action button danger
+- c929284: fix: add default redirectURI and prefix relative redirectURIs with activeServer
+- 2275977: feat: import from way more sources, leverage the proxy more
+- e044d78: feat: adds copy capability to environment code input
+- e461e5b: feat: adds environment variables synchronization
+- Updated dependencies [c929284]
+- Updated dependencies [2275977]
+- Updated dependencies [3a0c367]
+- Updated dependencies [89a2cc7]
+- Updated dependencies [f2361b3]
+  - @scalar/oas-utils@0.2.66
+  - @scalar/import@0.0.4
+
 ## 2.1.39
 
 ### Patch Changes

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

@@ -19,6 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     nullable?: boolean;
     withVariables?: boolean;
     importCurl?: boolean;
+    isCopyable?: boolean;
 }, {
     focus: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -45,6 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     nullable?: boolean;
     withVariables?: boolean;
     importCurl?: boolean;
+    isCopyable?: boolean;
 }> & Readonly<{
     onSubmit?: ((v: string) => any) | undefined;
     "onUpdate:modelValue"?: ((v: string) => any) | undefined;
@@ -57,6 +59,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disableCloseBrackets: boolean;
     nullable: boolean;
     withVariables: boolean;
+    isCopyable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     warning?(_: {}): any;
     icon?(_: {}): any;

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

@@ -1 +1 @@
-{"version":3,"file":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AAAA,OAmYO,EAGL,KAAK,kBAAkB,EAGxB,MAAM,wBAAwB,CAAA;;kBAcb,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;iBACV,OAAO;;;;;;;;kBAlBN,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;iBACV,OAAO;;;;;;gBAfP,OAAO;iBAHN,OAAO;sBAMF,OAAO;kBAMX,OAAO;0BACC,OAAO;cAGnB,OAAO;mBACF,OAAO;;qBA8WG,GAAG;kBACN,GAAG;;AAnY9B,wBA6bC;AAcD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AAAA,OAkcO,EAGL,KAAK,kBAAkB,EAGxB,MAAM,wBAAwB,CAAA;;kBAiBb,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;;;;;;;;kBAnBN,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;;;;;;gBAhBP,OAAO;iBAHN,OAAO;sBAMF,OAAO;kBAMX,OAAO;0BACC,OAAO;cAGnB,OAAO;mBACF,OAAO;gBAEV,OAAO;;qBAoZM,GAAG;kBACN,GAAG;;AA3a9B,wBAweC;AAcD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

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

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

@@ -1,20 +1,26 @@
-import { defineComponent as j, useAttrs as L, ref as u, toRef as r, watch as Q, computed as y, openBlock as a, createElementBlock as c, Fragment as z, createBlock as v, mergeProps as G, unref as i, withKeys as h, withModifiers as _, renderSlot as D, createCommentVNode as w } from "vue";
-import { useCodeMirror as H, useDropdown as J, colorPicker as X } from "@scalar/use-codemirror";
-import { nanoid as Y } from "nanoid";
-import q from "../DataTable/DataTableInputSelect.vue.js";
-import { pillPlugin as Z, backspaceCommand as ee } from "./codeVariableWidget.js";
-import oe from "../../views/Environment/EnvironmentVariableDropdown.vue.js";
-import { useWorkspace as le } from "../../store/store.js";
-const te = ["id"], ne = {
+import { defineComponent as J, useAttrs as L, ref as s, toRef as a, watch as Q, computed as v, openBlock as i, createElementBlock as p, Fragment as G, createBlock as h, mergeProps as H, unref as n, withKeys as w, withModifiers as D, createElementVNode as $, createVNode as X, createCommentVNode as m, renderSlot as q } from "vue";
+import { useCodeMirror as Y, useDropdown as Z, colorPicker as ee } from "@scalar/use-codemirror";
+import { nanoid as oe } from "nanoid";
+import R from "../DataTable/DataTableInputSelect.vue.js";
+import { pillPlugin as te, backspaceCommand as le } from "./codeVariableWidget.js";
+import ne from "../../views/Environment/EnvironmentVariableDropdown.vue.js";
+import { useClipboard as re } from "../../hooks/useClipboard.js";
+import { ScalarIcon as ae } from "@scalar/components";
+import { prettyPrintJson as ie } from "@scalar/oas-utils/helpers";
+import { useWorkspace as se } from "../../store/store.js";
+const ue = ["id"], de = {
+  key: 0,
+  class: "scalar-code-copy z-context"
+}, pe = {
   key: 3,
   class: "absolute centered-y right-7 text-orange text-xs"
-}, re = {
+}, ce = {
   key: 4,
   class: "required absolute centered-y right-0 pt-px pr-2 text-xxs text-c-3 bg-b-1 shadow-[-8px_0_4px_var(--scalar-background-1)] opacity-100 duration-150 transition-opacity peer-has-[.cm-focused]:opacity-0 pointer-events-none"
-}, ae = {
+}, me = {
   inheritAttrs: !1
-}, fe = /* @__PURE__ */ j({
-  ...ae,
+}, ke = /* @__PURE__ */ J({
+  ...me,
   __name: "CodeInput",
   props: {
     colorPicker: { type: Boolean, default: !1 },
@@ -35,126 +41,141 @@ const te = ["id"], ne = {
     type: {},
     nullable: { type: Boolean, default: !1 },
     withVariables: { type: Boolean, default: !0 },
-    importCurl: { type: Boolean }
+    importCurl: { type: Boolean },
+    isCopyable: { type: Boolean, default: !1 }
   },
   emits: ["submit", "update:modelValue", "curl"],
-  setup(R, { expose: $, emit: O }) {
-    var F;
-    const o = R, s = O, g = L(), K = g.id || `id-${Y()}`, V = u(!1), m = u(!1), B = u(""), k = u({ left: 0, top: 0 }), p = u(null), { activeEnvVariables: C, isReadOnly: S, activeEnvironment: x, router: M } = le();
+  setup(N, { expose: O, emit: _ }) {
+    var P;
+    const o = N, u = _, V = L(), I = V.id || `id-${oe()}`, g = s(!1), f = s(!1), B = s(""), C = s({ left: 0, top: 0 }), c = s(null), { activeEnvVariables: k, isReadOnly: S, activeEnvironment: E, router: K } = se(), { copyToClipboard: M } = re();
     function A(e) {
-      var l;
-      return e === o.modelValue ? null : o.importCurl && e.trim().toLowerCase().startsWith("curl") ? (s("curl", e), (l = n.value) == null || l.dispatch({
+      var t;
+      return e === o.modelValue ? null : o.importCurl && e.trim().toLowerCase().startsWith("curl") ? (u("curl", e), (t = r.value) == null || t.dispatch({
         changes: {
           from: 0,
-          to: n.value.state.doc.length,
+          to: r.value.state.doc.length,
           insert: String(o.modelValue)
         }
-      }), null) : o.handleFieldChange ? o.handleFieldChange(e) : s("update:modelValue", e);
+      }), null) : o.handleFieldChange ? o.handleFieldChange(e) : u("update:modelValue", e);
     }
-    function I(e) {
-      return o.handleFieldSubmit ? o.handleFieldSubmit(e) : s("submit", e);
+    function T(e) {
+      return o.handleFieldSubmit ? o.handleFieldSubmit(e) : u("submit", e);
     }
-    function N(e) {
-      V.value = !1, o.emitOnBlur && o.modelValue && I(e);
+    function z(e) {
+      g.value = !1, o.emitOnBlur && o.modelValue && T(e);
     }
-    const f = [];
-    o.colorPicker && f.push(X), f.push(
-      Z({
-        activeEnvironment: x,
-        activeEnvVariables: C,
+    const y = [];
+    o.colorPicker && y.push(ee), y.push(
+      te({
+        activeEnvironment: E,
+        activeEnvVariables: k,
         isReadOnly: S
       }),
-      ee
+      le
     );
-    const E = u(null), { codeMirror: n } = H({
-      content: r(
+    const x = s(null), { codeMirror: r } = Y({
+      content: a(
         () => o.modelValue !== void 0 ? String(o.modelValue) : ""
       ),
       onChange: (e) => {
-        A(e), U();
+        A(e), W();
       },
-      onFocus: () => V.value = !0,
-      onBlur: (e) => N(e),
-      codeMirrorRef: E,
-      disableTabIndent: r(() => o.disableTabIndent),
-      disableEnter: r(() => o.disableEnter),
-      disableCloseBrackets: r(() => o.disableCloseBrackets),
-      lineNumbers: r(() => o.lineNumbers),
-      language: r(() => o.language),
-      lint: r(() => o.lint),
-      extensions: f,
-      placeholder: r(() => o.placeholder)
+      onFocus: () => g.value = !0,
+      onBlur: (e) => z(e),
+      codeMirrorRef: x,
+      disableTabIndent: a(() => o.disableTabIndent),
+      disableEnter: a(() => o.disableEnter),
+      disableCloseBrackets: a(() => o.disableCloseBrackets),
+      lineNumbers: a(() => o.lineNumbers),
+      language: a(() => o.language),
+      lint: a(() => o.lint),
+      extensions: y,
+      placeholder: a(() => o.placeholder)
     });
-    (F = n.value) == null || F.focus(), Q(n, () => {
-      n.value && Object.prototype.hasOwnProperty.call(g, "autofocus") && n.value.focus();
+    (P = r.value) == null || P.focus(), Q(r, () => {
+      r.value && Object.prototype.hasOwnProperty.call(V, "autofocus") && r.value.focus();
     });
-    const { handleDropdownSelect: T, updateDropdownVisibility: U } = J({
-      codeMirror: n,
+    const { handleDropdownSelect: U, updateDropdownVisibility: W } = Z({
+      codeMirror: r,
       query: B,
-      showDropdown: m,
-      dropdownPosition: k
-    }), W = y(() => {
+      showDropdown: f,
+      dropdownPosition: C
+    }), j = v(() => {
       var e;
       return o.type === "boolean" || (e = o.type) != null && e.includes("boolean") || o.nullable ? ["true", "false", "null"] : ["true", "false"];
     });
-    $({
+    O({
       focus: () => {
         var e;
-        (e = n.value) == null || e.focus();
+        (e = r.value) == null || e.focus();
       }
     });
-    const b = (e, l) => {
-      var d, t, P;
-      m.value && (e === "down" ? (l.preventDefault(), (d = p.value) == null || d.handleArrowKey("down")) : e === "up" ? (l.preventDefault(), (t = p.value) == null || t.handleArrowKey("up")) : e === "enter" && (l.preventDefault(), (P = p.value) == null || P.handleSelect()));
+    const b = (e, t) => {
+      var d, l, F;
+      f.value && (e === "down" ? (t.preventDefault(), (d = c.value) == null || d.handleArrowKey("down")) : e === "up" ? (t.preventDefault(), (l = c.value) == null || l.handleArrowKey("up")) : e === "enter" && (t.preventDefault(), (F = c.value) == null || F.handleSelect()));
     };
-    return (e, l) => {
+    return (e, t) => {
       var d;
-      return a(), c(z, null, [
-        o.enum && o.enum.length ? (a(), v(q, {
+      return i(), p(G, null, [
+        o.enum && o.enum.length ? (i(), h(R, {
           key: 0,
           modelValue: o.modelValue,
           value: o.enum,
-          "onUpdate:modelValue": l[0] || (l[0] = (t) => s("update:modelValue", t))
-        }, null, 8, ["modelValue", "value"])) : o.type === "boolean" || (d = o.type) != null && d.includes("boolean") ? (a(), v(q, {
+          "onUpdate:modelValue": t[0] || (t[0] = (l) => u("update:modelValue", l))
+        }, null, 8, ["modelValue", "value"])) : o.type === "boolean" || (d = o.type) != null && d.includes("boolean") ? (i(), h(R, {
           key: 1,
           modelValue: o.modelValue,
-          value: W.value,
-          "onUpdate:modelValue": l[1] || (l[1] = (t) => s("update:modelValue", t))
-        }, null, 8, ["modelValue", "value"])) : (a(), c("div", G({
+          value: j.value,
+          "onUpdate:modelValue": t[1] || (t[1] = (l) => u("update:modelValue", l))
+        }, null, 8, ["modelValue", "value"])) : (i(), p("div", H({
           key: 2,
-          id: i(K)
+          id: n(I)
         }, e.$attrs, {
           ref_key: "codeMirrorRef",
-          ref: E,
+          ref: x,
           class: ["peer font-code w-full whitespace-nowrap overflow-hidden text-xs leading-[1.44] relative", {
             "flow-code-input--error": e.error
           }],
           onKeydown: [
-            l[2] || (l[2] = h(_((t) => b("down", t), ["stop"]), ["down"])),
-            l[3] || (l[3] = h((t) => b("enter", t), ["enter"])),
-            l[4] || (l[4] = h(_((t) => b("up", t), ["stop"]), ["up"]))
+            t[3] || (t[3] = w(D((l) => b("down", l), ["stop"]), ["down"])),
+            t[4] || (t[4] = w((l) => b("enter", l), ["enter"])),
+            t[5] || (t[5] = w(D((l) => b("up", l), ["stop"]), ["up"]))
           ]
-        }), null, 16, te)),
-        e.$slots.warning ? (a(), c("div", ne, [
-          D(e.$slots, "warning", {}, void 0, !0)
-        ])) : w("", !0),
-        D(e.$slots, "icon", {}, void 0, !0),
-        e.required ? (a(), c("div", re, " Required ")) : w("", !0),
-        m.value && o.withVariables && !i(S) ? (a(), v(oe, {
+        }), [
+          e.isCopyable ? (i(), p("div", de, [
+            $("button", {
+              class: "copy-button",
+              type: "button",
+              onClick: t[2] || (t[2] = (l) => n(M)(n(ie)(o.modelValue)))
+            }, [
+              t[6] || (t[6] = $("span", { class: "sr-only" }, "Copy content", -1)),
+              X(n(ae), {
+                icon: "Clipboard",
+                size: "md"
+              })
+            ])
+          ])) : m("", !0)
+        ], 16, ue)),
+        e.$slots.warning ? (i(), p("div", pe, [
+          q(e.$slots, "warning", {}, void 0, !0)
+        ])) : m("", !0),
+        q(e.$slots, "icon", {}, void 0, !0),
+        e.required ? (i(), p("div", ce, " Required ")) : m("", !0),
+        f.value && o.withVariables && !n(S) ? (i(), h(ne, {
           key: 5,
           ref_key: "dropdownRef",
-          ref: p,
-          activeEnvVariables: y(() => i(C)),
-          activeEnvironment: y(() => i(x)),
-          dropdownPosition: k.value,
+          ref: c,
+          activeEnvVariables: v(() => n(k)),
+          activeEnvironment: v(() => n(E)),
+          dropdownPosition: C.value,
           query: B.value,
-          router: i(M),
-          onSelect: i(T)
-        }, null, 8, ["activeEnvVariables", "activeEnvironment", "dropdownPosition", "query", "router", "onSelect"])) : w("", !0)
+          router: n(K),
+          onSelect: n(U)
+        }, null, 8, ["activeEnvVariables", "activeEnvironment", "dropdownPosition", "query", "router", "onSelect"])) : m("", !0)
       ], 64);
     };
   }
 });
 export {
-  fe as default
+  ke as default
 };

package/dist/components/CodeInput/codeVariableWidget.d.ts

@@ -2,6 +2,9 @@ import type { WorkspaceStore } from '../../store/index.js';
 import { Decoration, type DecorationSet, EditorView, ViewPlugin, type ViewUpdate } from '@scalar/use-codemirror';
 type ActiveParsedEnvironments = WorkspaceStore['activeEnvVariables'];
 type IsReadOnly = WorkspaceStore['isReadOnly'];
+/**
+ * Styles the active environment variable pill
+ */
 export declare const pillPlugin: (props: {
     activeEnvironment: WorkspaceStore["activeEnvironment"];
     activeEnvVariables: ActiveParsedEnvironments;

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

@@ -1 +1 @@
-{"version":3,"file":"codeVariableWidget.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/codeVariableWidget.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAI7C,OAAO,EACL,UAAU,EACV,KAAK,aAAa,EAClB,UAAU,EAEV,UAAU,EACV,KAAK,UAAU,EAEhB,MAAM,wBAAwB,CAAA;AAI/B,KAAK,wBAAwB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAA;AACpE,KAAK,UAAU,GAAG,cAAc,CAAC,YAAY,CAAC,CAAA;AAqH9C,eAAO,MAAM,UAAU,UAAW;IAChC,iBAAiB,EAAE,cAAc,CAAC,mBAAmB,CAAC,CAAA;IACtD,kBAAkB,EAAE,wBAAwB,CAAA;IAC5C,UAAU,EAAE,UAAU,CAAA;CACvB;iBAGkB,aAAa;mBAMX,UAAU;2BAMF,UAAU;EAiCpC,CAAA;AAEH,eAAO,MAAM,gBAAgB,uCA8B3B,CAAA"}
+{"version":3,"file":"codeVariableWidget.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/codeVariableWidget.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAG7C,OAAO,EACL,UAAU,EACV,KAAK,aAAa,EAClB,UAAU,EAEV,UAAU,EACV,KAAK,UAAU,EAEhB,MAAM,wBAAwB,CAAA;AAI/B,KAAK,wBAAwB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAA;AACpE,KAAK,UAAU,GAAG,cAAc,CAAC,YAAY,CAAC,CAAA;AAqI9C;;GAEG;AACH,eAAO,MAAM,UAAU,UAAW;IAChC,iBAAiB,EAAE,cAAc,CAAC,mBAAmB,CAAC,CAAA;IACtD,kBAAkB,EAAE,wBAAwB,CAAA;IAC5C,UAAU,EAAE,UAAU,CAAA;CACvB;iBAGkB,aAAa;mBAMX,UAAU;2BAMF,UAAU;EAiCpC,CAAA;AAEH,eAAO,MAAM,gBAAgB,uCA8B3B,CAAA"}

package/dist/components/CodeInput/codeVariableWidget.js

@@ -1,36 +1,33 @@
-var v = Object.defineProperty;
-var u = (a, t, e) => t in a ? v(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
-var l = (a, t, e) => u(a, typeof t != "symbol" ? t + "" : t, e);
+var m = Object.defineProperty;
+var v = (n, t, e) => t in n ? m(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var l = (n, t, e) => v(n, typeof t != "symbol" ? t + "" : t, e);
 import { ScalarButton as h, ScalarIcon as f, ScalarTooltip as b } from "@scalar/components";
 import { variableRegex as g } from "@scalar/oas-utils/helpers";
-import { ViewPlugin as x, RangeSetBuilder as y, Decoration as E, EditorView as w, WidgetType as N } from "@scalar/use-codemirror";
-import { defineComponent as C, h as o, createApp as V } from "vue";
-import { parseEnvVariables as D } from "../../libs/environment-parser.js";
-const R = (a) => a.value ? a.value.color : "#8E8E8E";
-class c extends N {
-  constructor(e, i, n, s) {
+import { ViewPlugin as E, RangeSetBuilder as y, Decoration as x, EditorView as w, WidgetType as N } from "@scalar/use-codemirror";
+import { defineComponent as C, h as o, createApp as D } from "vue";
+import { parseEnvVariables as R } from "../../libs/environment-parser.js";
+const S = (n) => n.value ? n.value.color : "#8E8E8E";
+class d extends N {
+  constructor(e, a, i, s) {
     super();
     l(this, "app");
     l(this, "activeEnvironment");
     l(this, "activeEnvVariables");
     l(this, "isReadOnly");
-    this.variableName = e, this.variableName = e, this.activeEnvironment = i, this.activeEnvVariables = n, this.isReadOnly = s;
+    this.variableName = e, this.variableName = e, this.activeEnvironment = a, this.activeEnvVariables = i, this.isReadOnly = s;
   }
   toDOM() {
     const e = document.createElement("span");
     e.className = "cm-pill", e.textContent = `${this.variableName}`;
-    const i = C({
+    const a = C({
       props: { variableName: { type: String, default: null } },
       render: () => {
-        const n = D(this.activeEnvVariables.value).find(
-          (r) => r.key === this.variableName
-        );
-        n && e.style.setProperty(
-          "--tw-bg-base",
-          R(this.activeEnvironment)
-        );
-        const s = n ? o("div", { class: "p-2" }, n.value) : o("div", { class: "divide-y divide-1/2 grid" }, [
-          o("span", { class: "p-2" }, "Variable not found"),
+        const i = R(this.activeEnvVariables.value).find(
+          (c) => c.key === this.variableName
+        ), s = i && this.activeEnvironment.value ? S(this.activeEnvironment) : "#8E8E8E";
+        e.style.setProperty("--tw-bg-base", s), e.style.opacity = i != null && i.value ? "1" : "0.5";
+        const r = i != null && i.value ? o("div", { class: "p-2" }, i.value) : o("div", { class: "divide-y divide-1/2 grid" }, [
+          o("span", { class: "p-2 opacity-25" }, "No value"),
           !this.isReadOnly && o("div", { class: "p-1" }, [
             o(
               h,
@@ -42,7 +39,11 @@ class c extends N {
                 }
               },
               [
-                o(f, { class: "w-2", icon: "Add", size: "xs" }),
+                o(f, {
+                  class: "w-2",
+                  icon: "Add",
+                  size: "xs"
+                }),
                 "Add variable"
               ]
             )
@@ -52,7 +53,7 @@ class c extends N {
           b,
           {
             align: "center",
-            class: "bg-b-2 w-full",
+            class: "w-full",
             delay: 0,
             side: "bottom",
             sideOffset: 6
@@ -62,27 +63,30 @@ class c extends N {
             content: () => o(
               "div",
               {
-                class: "w-content shadow-lg rounded bg-b-1 brightness-lifted text-xxs leading-5 text-c-1"
+                class: [
+                  "border w-content rounded  bg-b-1 brightness-lifted text-xxs leading-5 text-c-1",
+                  i != null && i.value ? "border-solid" : "border-dashed"
+                ]
               },
-              s
+              r
             )
           }
         );
       }
     });
-    return this.app = V(i, { variableName: this.variableName }), this.app.mount(e), e;
+    return this.app = D(a, { variableName: this.variableName }), this.app.mount(e), e;
   }
   destroy() {
     this.app && this.app.unmount();
   }
   eq(e) {
-    return e instanceof c && e.variableName === this.variableName;
+    return e instanceof d && e.variableName === this.variableName;
   }
   ignoreEvent() {
     return !1;
   }
 }
-const T = (a) => x.fromClass(
+const T = (n) => E.fromClass(
   class {
     constructor(t) {
       l(this, "decorations");
@@ -93,20 +97,20 @@ const T = (a) => x.fromClass(
     }
     buildDecorations(t) {
       const e = new y();
-      for (const { from: i, to: n } of t.visibleRanges) {
-        const s = t.state.doc.sliceString(i, n);
+      for (const { from: a, to: i } of t.visibleRanges) {
+        const s = t.state.doc.sliceString(a, i);
         let r;
         for (; (r = g.exec(s)) !== null; ) {
-          const d = i + r.index, m = d + r[0].length, p = r[1];
+          const c = a + r.index, p = c + r[0].length, u = r[1];
           e.add(
-            d,
-            m,
-            E.widget({
-              widget: new c(
-                p,
-                a.activeEnvironment,
-                a.activeEnvVariables,
-                a.isReadOnly
+            c,
+            p,
+            x.widget({
+              widget: new d(
+                u,
+                n.activeEnvironment,
+                n.activeEnvVariables,
+                n.isReadOnly
               ),
               side: 1
             })
@@ -120,19 +124,19 @@ const T = (a) => x.fromClass(
     decorations: (t) => t.decorations
   }
 ), $ = w.domEventHandlers({
-  keydown(a, t) {
-    if (a.key === "Backspace") {
-      const { state: e } = t, { from: i, to: n } = e.selection.main;
-      if (i === 0 && n === e.doc.length)
+  keydown(n, t) {
+    if (n.key === "Backspace") {
+      const { state: e } = t, { from: a, to: i } = e.selection.main;
+      if (a === 0 && i === e.doc.length)
         return t.dispatch({
           changes: { from: 0, to: e.doc.length },
           selection: { anchor: 0 }
-        }), a.preventDefault(), !0;
-      if (i === n && i > 0 && e.doc.sliceString(i - 2, i) === "}}")
+        }), n.preventDefault(), !0;
+      if (a === i && a > 0 && e.doc.sliceString(a - 2, a) === "}}")
         return t.dispatch({
-          changes: { from: i - 2, to: n },
-          selection: { anchor: i - 2 }
-        }), a.preventDefault(), !0;
+          changes: { from: a - 2, to: i },
+          selection: { anchor: a - 2 }
+        }), n.preventDefault(), !0;
     }
     return !1;
   }

package/dist/components/ImportCollection/ImportCollectionModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImportCollectionModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/ImportCollectionModal.vue"],"names":[],"mappings":";YAkVU,MAAM,GAAG,IAAI;iBACR,MAAM,GAAG,IAAI;;;;YADlB,MAAM,GAAG,IAAI;iBACR,MAAM,GAAG,IAAI;;;;AAic5B,wBASG"}
+{"version":3,"file":"ImportCollectionModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/ImportCollectionModal.vue"],"names":[],"mappings":";YAgTU,MAAM,GAAG,IAAI;iBACR,MAAM,GAAG,IAAI;;;;YADlB,MAAM,GAAG,IAAI;iBACR,MAAM,GAAG,IAAI;;;;AAuX5B,wBASG"}