nwl-components 0.0.23 → 0.0.24

package/dist/nwl-components.es.js

@@ -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;