nwl-components 0.0.22 → 0.0.25

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)) {
@@ -10301,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, [
@@ -10340,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 = {
@@ -10364,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, [
@@ -10398,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 = {