@nethserver/ns8-ui-lib 1.2.6 → 1.3.0

package/dist/ns8-ui-lib.esm.js

@@ -21607,6 +21607,7 @@ var script$5 = {
     autoFilter: Boolean,
     autoHighlight: Boolean,
     disabled: Boolean,
+    readonly: Boolean,
     invalidMessage: {
       type: String,
       default: undefined
@@ -21805,7 +21806,7 @@ var script$5 = {
     },
 
     clearFilter() {
-      if (this.disabled) return;
+      if (this.disabled || this.readonly) return;
       this.internalUpdateValue("");
       this.filter = "";
       this.$refs.input.focus();
@@ -21895,7 +21896,7 @@ var script$5 = {
     },
 
     onInput() {
-      if (this.disabled) return;
+      if (this.disabled || this.readonly) return;
       this.doOpen(true);
       this.updateOptions();
       this.updateHighlight();
@@ -21911,7 +21912,7 @@ var script$5 = {
     },
 
     onDown() {
-      if (this.disabled) return;
+      if (this.disabled || this.readonly) return;
 
       if (!this.open) {
         this.doOpen(true);
@@ -21921,7 +21922,7 @@ var script$5 = {
     },
 
     onUp() {
-      if (this.disabled) return;
+      if (this.disabled || this.readonly) return;
 
       if (this.open) {
         this.doMove(true);
@@ -21929,13 +21930,13 @@ var script$5 = {
     },
 
     onEsc() {
-      if (this.disabled) return;
+      if (this.disabled || this.readonly) return;
       this.doOpen(false);
       this.$el.focus();
     },
 
     onEnter() {
-      if (this.disabled) return;
+      if (this.disabled || this.readonly) return;
       this.doOpen(!this.open);
 
       if (!this.open) {
@@ -21945,7 +21946,7 @@ var script$5 = {
     },
 
     onClick() {
-      if (this.disabled) return;
+      if (this.disabled || this.readonly) return;
       this.doOpen(!this.open);
 
       if (this.open) {
@@ -22004,7 +22005,7 @@ var script$5 = {
     },
 
     inputClick() {
-      if (this.disabled) return;
+      if (this.disabled || this.readonly) return;
 
       if (!this.open) {
         this.doOpen(true);
@@ -22012,7 +22013,7 @@ var script$5 = {
     },
 
     inputFocus() {
-      if (this.disabled) return;
+      if (this.disabled || this.readonly) return;
       this.doOpen(true);
     },
 
@@ -22143,6 +22144,7 @@ var __vue_render__$e = function () {
       "aria-expanded": _vm.open ? 'true' : 'false',
       "autocomplete": "off",
       "disabled": _vm.disabled,
+      "readonly": _vm.readonly,
       "placeholder": _vm.label
     },
     domProps: {
@@ -22164,7 +22166,9 @@ var __vue_render__$e = function () {
       }
     }
   }), _vm._v(" "), _vm.filter ? _c('div', {
-    class: [_vm.carbonPrefix + "--list-box__selection"],
+    class: [_vm.carbonPrefix + "--list-box__selection", {
+      'cursor-not-allowed': _vm.readonly
+    }],
     attrs: {
       "role": "button",
       "tabindex": "0",
@@ -22202,7 +22206,9 @@ var __vue_render__$e = function () {
       }
     }
   }, [_c('Close16')], 1) : _vm._e(), _vm._v(" "), _c('div', {
-    class: [_vm.carbonPrefix + "--list-box__menu-icon", (_obj$4 = {}, _obj$4[_vm.carbonPrefix + "--list-box__menu-icon--open"] = _vm.open, _obj$4)],
+    class: [_vm.carbonPrefix + "--list-box__menu-icon", (_obj$4 = {}, _obj$4[_vm.carbonPrefix + "--list-box__menu-icon--open"] = _vm.open, _obj$4), {
+      'cursor-not-allowed': _vm.readonly
+    }],
     attrs: {
       "role": "button"
     }
@@ -22267,11 +22273,11 @@ var __vue_staticRenderFns__$e = [];
 
 const __vue_inject_styles__$f = function (inject) {
   if (!inject) return;
-  inject("data-v-610245c0_0", {
-    source: ".margin-bottom-on-open[data-v-610245c0]{margin-bottom:14rem}.label-with-tooltip[data-v-610245c0]{display:flex;align-items:baseline}.ns-combo-box .warn-text[data-v-610245c0]{margin-top:.25rem}.invalid-icon[data-v-610245c0],.warn-icon[data-v-610245c0]{right:3rem}",
+  inject("data-v-a6fe2bea_0", {
+    source: ".margin-bottom-on-open[data-v-a6fe2bea]{margin-bottom:14rem}.label-with-tooltip[data-v-a6fe2bea]{display:flex;align-items:baseline}.ns-combo-box .warn-text[data-v-a6fe2bea]{margin-top:.25rem}.invalid-icon[data-v-a6fe2bea],.warn-icon[data-v-a6fe2bea]{right:3rem}.cursor-not-allowed[data-v-a6fe2bea]{cursor:not-allowed}",
     map: undefined,
     media: undefined
-  }), inject("data-v-610245c0_1", {
+  }), inject("data-v-a6fe2bea_1", {
     source: ".ns-combo-box .bx--tooltip__label .bx--tooltip__trigger{margin-left:.25rem}.ns-combo-box .bx--list-box__invalid-icon--warning{position:absolute;top:50%;right:3rem;fill:#f1c21b;transform:translateY(-50%)}.ns-combo-box .bx--list-box__invalid-icon--warning+.bx--list-box__field .bx--list-box__selection{right:4rem!important}",
     map: undefined,
     media: undefined
@@ -22280,7 +22286,7 @@ const __vue_inject_styles__$f = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$f = "data-v-610245c0";
+const __vue_scope_id__$f = "data-v-a6fe2bea";
 /* module identifier */
 
 const __vue_module_identifier__$f = undefined;