nwl-components 0.0.21 → 0.0.24

package/dist/nwl-components.es.js

@@ -21,7 +21,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { openBlock, createElementBlock, mergeProps, reactive, ref, watch, onMounted, onUnmounted, unref, createVNode, withKeys, withDirectives, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString, vShow, renderSlot, isRef, vModelText, getCurrentInstance, createCommentVNode, createBlock, withCtx, pushScopeId, popScopeId, createTextVNode, inject, toRefs, h, normalizeStyle, computed, setBlockTracking, withModifiers, resolveComponent } from "vue";
+import { openBlock, createElementBlock, mergeProps, reactive, ref, watch, onMounted, onUnmounted, unref, createVNode, withKeys, withDirectives, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString, vShow, renderSlot, isRef, vModelText, getCurrentInstance, createCommentVNode, createBlock, withCtx, pushScopeId, popScopeId, createTextVNode, inject, toRefs, h, normalizeStyle, computed, setBlockTracking, withModifiers } from "vue";
 let nanoid = (size = 21) => {
   let id = "";
   let bytes = crypto.getRandomValues(new Uint8Array(size));
@@ -6897,17 +6897,27 @@ const _sfc_main$s = {
 var ProjectInfo = /* @__PURE__ */ _export_sfc$1(_sfc_main$s, [["__scopeId", "data-v-51e11f34"]]);
 var Access_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$k = ["data-level"];
-const _hoisted_2$e = ["title"];
-const _hoisted_3$c = ["title"];
-const _hoisted_4$c = ["title"];
-const _hoisted_5$9 = ["title"];
+const _hoisted_2$e = ["disabled", "title"];
+const _hoisted_3$c = ["disabled", "title"];
+const _hoisted_4$c = ["disabled", "title"];
+const _hoisted_5$9 = ["disabled", "title"];
 const _sfc_main$r = {
   props: {
     collaborator: Object,
-    type: String
+    type: String,
+    readonly: {
+      type: Boolean,
+      default: false
+    }
   },
   emits: ["updateAccess"],
-  setup(__props) {
+  setup(__props, { emit }) {
+    const props = __props;
+    const handleButtonClick = (level) => {
+      if (props.readonly)
+        return;
+      emit("updateAccess", props.collaborator, props.type, level);
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: "access",
@@ -6915,33 +6925,37 @@ const _sfc_main$r = {
       }, [
         createElementVNode("button", {
           small: true,
-          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("updateAccess", __props.collaborator, __props.type, 1)),
+          onClick: _cache[0] || (_cache[0] = ($event) => handleButtonClick(1)),
           class: "view",
+          disabled: __props.readonly,
           title: `view ${__props.type}`
         }, null, 8, _hoisted_2$e),
         createElementVNode("button", {
           small: true,
-          onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("updateAccess", __props.collaborator, __props.type, 2)),
+          onClick: _cache[1] || (_cache[1] = ($event) => handleButtonClick(2)),
           class: "edit",
+          disabled: __props.readonly,
           title: `edit ${__props.type}`
         }, null, 8, _hoisted_3$c),
         createElementVNode("button", {
           small: true,
-          onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("updateAccess", __props.collaborator, __props.type, 3)),
+          onClick: _cache[2] || (_cache[2] = ($event) => handleButtonClick(3)),
           class: "add",
+          disabled: __props.readonly,
           title: `add ${__props.type}`
         }, null, 8, _hoisted_4$c),
         createElementVNode("button", {
           small: true,
-          onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("updateAccess", __props.collaborator, __props.type, 4)),
+          onClick: _cache[3] || (_cache[3] = ($event) => handleButtonClick(4)),
           class: "remove",
+          disabled: __props.readonly,
           title: `remove ${__props.type}`
         }, null, 8, _hoisted_5$9)
       ], 8, _hoisted_1$k);
     };
   }
 };
-var Access = /* @__PURE__ */ _export_sfc$1(_sfc_main$r, [["__scopeId", "data-v-1db05093"]]);
+var Access = /* @__PURE__ */ _export_sfc$1(_sfc_main$r, [["__scopeId", "data-v-995e0324"]]);
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 var freeGlobal$1 = freeGlobal;
 var freeSelf = typeof self == "object" && self && self.Object === Object && self;
@@ -9083,8 +9097,8 @@ var pane = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$1]])
 var splitpanes = "";
 var ProjectPage_vue_vue_type_style_index_0_scoped_true_lang = "";
 var ProjectPage_vue_vue_type_style_index_1_lang = "";
-const _withScopeId$3 = (n) => (pushScopeId("data-v-063963fc"), n = n(), popScopeId(), n);
-const _hoisted_1$9 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("span", { class: "title" }, "Project name", -1));
+const _withScopeId$3 = (n) => (pushScopeId("data-v-101373ed"), n = n(), popScopeId(), n);
+const _hoisted_1$9 = { class: "title" };
 const _hoisted_2$5 = { class: "left-header" };
 const _hoisted_3$5 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("img", {
   src: _imports_3,
@@ -9115,7 +9129,7 @@ const _sfc_main$b = {
         default: withCtx(() => [
           !__props.fullscreen ? (openBlock(), createBlock(Header, { key: 0 }, {
             default: withCtx(() => [
-              _hoisted_1$9
+              createElementVNode("span", _hoisted_1$9, toDisplayString(__props.project.title), 1)
             ]),
             _: 1
           })) : createCommentVNode("", true),
@@ -9171,7 +9185,7 @@ const _sfc_main$b = {
     };
   }
 };
-var ProjectPage = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["__scopeId", "data-v-063963fc"]]);
+var ProjectPage = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["__scopeId", "data-v-101373ed"]]);
 /*! @license DOMPurify 2.3.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/2.3.6/LICENSE */
 function _toConsumableArray(arr) {
   if (Array.isArray(arr)) {
@@ -10204,13 +10218,12 @@ const _sfc_main$7 = {
       default: true
     }
   },
-  emits: ["input"],
+  emits: ["update:modelValue"],
   setup(__props, { emit }) {
     const props = __props;
-    const innerValue = ref(props.modelValue);
-    watch(innerValue, (value) => emit("input", value));
-    watch(props, () => {
-      innerValue.value = props.modelValue;
+    const innerValue = computed({
+      get: () => props.modelValue,
+      set: (value) => emit("update:modelValue", value)
     });
     const handleInput = ($event) => {
       innerValue.value = parseInt($event.target.value);
@@ -10239,7 +10252,7 @@ const _sfc_main$7 = {
           type: "range",
           min: "0",
           max: __props.max,
-          value: innerValue.value,
+          value: unref(innerValue),
           step: "1",
           onInput: handleInput
         }, null, 40, _hoisted_3$3),
@@ -10257,7 +10270,7 @@ const _sfc_main$7 = {
     };
   }
 };
-var RangeSlider = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__scopeId", "data-v-688bd612"]]);
+var RangeSlider = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__scopeId", "data-v-7b4d1dd8"]]);
 var Row_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$6 = {
   props: {
@@ -10302,8 +10315,7 @@ const _sfc_main$5 = {
     });
     const selectedIndex = ref(0);
     return (_ctx, _cache) => {
-      const _component_Table = resolveComponent("Table");
-      return openBlock(), createBlock(_component_Table, { id: "annotations" }, {
+      return openBlock(), createBlock(Table, { id: "annotations" }, {
         default: withCtx(() => [
           createElementVNode("thead", null, [
             createElementVNode("tr", null, [
@@ -10341,7 +10353,7 @@ const _sfc_main$5 = {
     };
   }
 };
-var TextAnnotations = /* @__PURE__ */ _export_sfc$1(_sfc_main$5, [["__scopeId", "data-v-11bda7af"]]);
+var TextAnnotations = /* @__PURE__ */ _export_sfc$1(_sfc_main$5, [["__scopeId", "data-v-7d292e38"]]);
 var VolumeAnnotations_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$4 = ["onClick"];
 const _sfc_main$4 = {
@@ -10365,8 +10377,7 @@ const _sfc_main$4 = {
       selectedIndex.value = 0;
     });
     return (_ctx, _cache) => {
-      const _component_Table = resolveComponent("Table");
-      return openBlock(), createBlock(_component_Table, { id: "volAnnotations" }, {
+      return openBlock(), createBlock(Table, { id: "volAnnotations" }, {
         default: withCtx(() => [
           createElementVNode("thead", null, [
             createElementVNode("tr", null, [
@@ -10399,7 +10410,7 @@ const _sfc_main$4 = {
     };
   }
 };
-var VolumeAnnotations = /* @__PURE__ */ _export_sfc$1(_sfc_main$4, [["__scopeId", "data-v-274b8246"]]);
+var VolumeAnnotations = /* @__PURE__ */ _export_sfc$1(_sfc_main$4, [["__scopeId", "data-v-f2ffd91a"]]);
 var OntologySelector_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$1 = (n) => (pushScopeId("data-v-57794ff7"), n = n(), popScopeId(), n);
 const _hoisted_1$3 = {
@@ -10505,7 +10516,7 @@ var _imports_0 = "data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MzYiIHdpZHRoPSIx
 var _imports_1 = "data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHdpZHRoPSIxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0xNDcyIDg5NnEwLTExNy00NS41LTIyMy41dC0xMjMtMTg0LTE4NC0xMjMtMjIzLjUtNDUuNS0yMjMuNSA0NS41LTE4NCAxMjMtMTIzIDE4NC00NS41IDIyMy41IDQ1LjUgMjIzLjUgMTIzIDE4NCAxODQgMTIzIDIyMy41IDQ1LjUgMjIzLjUtNDUuNSAxODQtMTIzIDEyMy0xODQgNDUuNS0yMjMuNXptMjc2IDI3N3EtNCAxNS0yMCAyMGwtMjkyIDk2djMwNnEwIDE2LTEzIDI2LTE1IDEwLTI5IDRsLTI5Mi05NC0xODAgMjQ4cS0xMCAxMy0yNiAxM3QtMjYtMTNsLTE4MC0yNDgtMjkyIDk0cS0xNCA2LTI5LTQtMTMtMTAtMTMtMjZ2LTMwNmwtMjkyLTk2cS0xNi01LTIwLTIwLTUtMTcgNC0yOWwxODAtMjQ4LTE4MC0yNDhxLTktMTMtNC0yOSA0LTE1IDIwLTIwbDI5Mi05NnYtMzA2cTAtMTYgMTMtMjYgMTUtMTAgMjktNGwyOTIgOTQgMTgwLTI0OHE5LTEyIDI2LTEydDI2IDEybDE4MCAyNDggMjkyLTk0cTE0LTYgMjkgNCAxMyAxMCAxMyAyNnYzMDZsMjkyIDk2cTE2IDUgMjAgMjAgNSAxNi00IDI5bC0xODAgMjQ4IDE4MCAyNDhxOSAxMiA0IDI5eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==";
 var _imports_2 = "data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHdpZHRoPSIxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im05MDQuMzU0NzIgMTUyOC4yNzczLTcuODc2OS0xMjYxLjA5Mzk2Yy0xNDguNzk0OTggMC0yMjcuNjczNTEgMjcuMDI1MTgtMzI0LjAwMTk2IDgzLjE4Mzk5LTk1LjAwNzI0IDU1LjM4ODU1LTE3NC4yNjE4OCAxNDIuMTg0NjctMjI4LjgzMTg4IDIzNy42NjQ0Mi00Ny4wNzYzMyA4Mi4zNjgyNi03NC4wNjU4OCAxNzkuMzExNjktNzYuNDYwNjUgMjc0LjE1MzU0LTIuODQwMDYgMTEyLjQ3NjgyIDIxLjI2MDMzIDIyOS45ODczMSA3NC4xNTM1NSAzMjkuMjkxOTEgNTMuMDk1NDcgOTkuNjg0MyAxMzUuOTMyMiAxODguMDkyNCAyMzIuNzcwMzQgMjQ2LjIxNyA5Ny44NzE3NyA1OC43NDUgMjMxLjU4MDgzIDkwLjU4MzEgMzMwLjI0NzUgOTAuNTgzMXptNzU5LjY0NTI4LTYzMi4yNzczYzAgMTM5LjMzMzMtMzQuMzMzMyAyNjcuODMzMy0xMDMgMzg1LjVzLTE2MS44MzMzIDIxMC44MzMzLTI3OS41IDI3OS41LTI0Ni4xNjY3IDEwMy0zODUuNSAxMDNjLTEzOS4zMzMzMyAwLTI2Ny44MzMzMy0zNC4zMzMzLTM4NS41LTEwM3MtMjEwLjgzMzMzLTE2MS44MzMzLTI3OS41LTI3OS41LTEwMy0yNDYuMTY2Ny0xMDMtMzg1LjVjMC0xMzkuMzMzMzMgMzQuMzMzMzMtMjY3LjgzMzMzIDEwMy0zODUuNXMxNjEuODMzMzMtMjEwLjgzMzMzIDI3OS41LTI3OS41IDI0Ni4xNjY2Ny0xMDMgMzg1LjUtMTAzYzEzOS4zMzMzIDAgMjY3LjgzMzMgMzQuMzMzMzMgMzg1LjUgMTAzczIxMC44MzMzIDE2MS44MzMzMyAyNzkuNSAyNzkuNSAxMDMgMjQ2LjE2NjY3IDEwMyAzODUuNXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=";
 var AdjustSettings_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId = (n) => (pushScopeId("data-v-357abb69"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-5f53e1ac"), n = n(), popScopeId(), n);
 const _hoisted_1$1 = { class: "adjust-settings" };
 const _hoisted_2 = { class: "setting" };
 const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
@@ -10530,15 +10541,21 @@ const _sfc_main$1 = {
   },
   emits: ["changeAlpha", "changeBrightness", "changeContrast"],
   setup(__props, { emit }) {
+    const props = __props;
+    const alpha = ref(props.alpha);
+    const brightness = ref(props.brightness);
+    const contrast = ref(props.contrast);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$1, [
         createElementVNode("div", _hoisted_2, [
           _hoisted_3,
           createVNode(RangeSlider, {
             max: 100,
-            modelValue: __props.alpha,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(alpha) ? alpha.value = $event : null),
-            onInput: _cache[1] || (_cache[1] = ($event) => emit("changeAlpha", $event)),
+            modelValue: alpha.value,
+            "onUpdate:modelValue": [
+              _cache[0] || (_cache[0] = ($event) => alpha.value = $event),
+              _cache[1] || (_cache[1] = ($event) => emit("changeAlpha", $event))
+            ],
             "display-buttons": false
           }, null, 8, ["modelValue"])
         ]),
@@ -10546,9 +10563,11 @@ const _sfc_main$1 = {
           _hoisted_5,
           createVNode(RangeSlider, {
             max: 100,
-            modelValue: __props.brightness,
-            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(brightness) ? brightness.value = $event : null),
-            onInput: _cache[3] || (_cache[3] = ($event) => emit("changeBrightness", $event)),
+            modelValue: brightness.value,
+            "onUpdate:modelValue": [
+              _cache[2] || (_cache[2] = ($event) => brightness.value = $event),
+              _cache[3] || (_cache[3] = ($event) => emit("changeBrightness", $event))
+            ],
             "display-buttons": false
           }, null, 8, ["modelValue"])
         ]),
@@ -10556,9 +10575,11 @@ const _sfc_main$1 = {
           _hoisted_7,
           createVNode(RangeSlider, {
             max: 100,
-            modelValue: __props.contrast,
-            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(contrast) ? contrast.value = $event : null),
-            onInput: _cache[5] || (_cache[5] = ($event) => emit("changeContrast", $event)),
+            modelValue: contrast.value,
+            "onUpdate:modelValue": [
+              _cache[4] || (_cache[4] = ($event) => contrast.value = $event),
+              _cache[5] || (_cache[5] = ($event) => emit("changeContrast", $event))
+            ],
             "display-buttons": false
           }, null, 8, ["modelValue"])
         ])
@@ -10566,7 +10587,7 @@ const _sfc_main$1 = {
     };
   }
 };
-var AdjustSettings = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__scopeId", "data-v-357abb69"]]);
+var AdjustSettings = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__scopeId", "data-v-5f53e1ac"]]);
 var ScriptConsole_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1 = { id: "logScript" };
 const _sfc_main = {