@nethserver/ns8-ui-lib 1.0.0 → 1.0.2

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

@@ -21591,7 +21591,8 @@ var script$4 = {
     input: ["focus", "blur"]
   })],
   components: {
-    WarningFilled16: WarningFilled16$1,
+    WarningFilled16,
+    WarningAltFilled16,
     ChevronDown16,
     Close16
   },
@@ -21603,6 +21604,10 @@ var script$4 = {
       type: String,
       default: undefined
     },
+    warnText: {
+      type: String,
+      default: undefined
+    },
     helperText: {
       type: String,
       default: undefined
@@ -21679,6 +21684,7 @@ var script$4 = {
       dataFilter: null,
       isHelper: false,
       isInvalid: false,
+      isWarn: false,
       // includes user input items
       internalOptions: [],
       marginBottomOnOpenEnabled: false
@@ -21788,6 +21794,7 @@ var script$4 = {
       // NOTE: this.$slots is not reactive so needs to be managed on updated
       this.isInvalid = !!(this.$slots["invalid-message"] || this.invalidMessage && this.invalidMessage.length);
       this.isHelper = !!(this.$slots["helper-text"] || this.helperText && this.helperText.length);
+      this.isWarn = !!(this.$slots["warn-text"] || this.warnText && this.warnText.length);
     },
 
     clearFilter() {
@@ -22024,7 +22031,7 @@ const __vue_script__$4 = script$4;
 /* template */
 
 var __vue_render__$d = function () {
-  var _obj, _obj$1, _obj$2, _obj$3, _obj$4;
+  var _obj, _obj$1, _obj$2, _obj$3, _obj$4, _obj$5;
 
   var _vm = this;
 
@@ -22035,12 +22042,12 @@ var __vue_render__$d = function () {
   return _c('div', {
     class: ['ns-combo-box', 'cv-combo-box', _vm.carbonPrefix + "--list-box__wrapper", {
       'margin-bottom-on-open': _vm.marginBottomOnOpenEnabled
-    }],
+    }, (_obj = {}, _obj[_vm.carbonPrefix + "--text-input__field-wrapper--warning"] = !_vm.isInvalid && _vm.isWarn, _obj)],
     on: {
       "focusout": _vm.onFocusOut
     }
   }, [_vm.title ? _c('label', {
-    class: [_vm.carbonPrefix + "--label", (_obj = {}, _obj[_vm.carbonPrefix + "--label--disabled"] = _vm.disabled, _obj)],
+    class: [_vm.carbonPrefix + "--label", (_obj$1 = {}, _obj$1[_vm.carbonPrefix + "--label--disabled"] = _vm.disabled, _obj$1)],
     attrs: {
       "for": _vm.uid
     }
@@ -22055,7 +22062,7 @@ var __vue_render__$d = function () {
   }, [_c('template', {
     slot: "content"
   }, [_vm._t("tooltip")], 2)], 2) : _vm._e()], 1)]) : _vm._e(), _vm._v(" "), _c('div', _vm._b({
-    class: [_vm.carbonPrefix + "--combo-box " + _vm.carbonPrefix + "--list-box", (_obj$1 = {}, _obj$1[_vm.carbonPrefix + "--list-box--light"] = _vm.isLight, _obj$1[_vm.carbonPrefix + "--combo-box--expanded"] = _vm.open, _obj$1[_vm.carbonPrefix + "--list-box--expanded"] = _vm.open, _obj$1[_vm.carbonPrefix + "--combo-box--disabled " + _vm.carbonPrefix + "--list-box--disabled"] = _vm.disabled, _obj$1)],
+    class: [_vm.carbonPrefix + "--combo-box " + _vm.carbonPrefix + "--list-box", (_obj$2 = {}, _obj$2[_vm.carbonPrefix + "--list-box--light"] = _vm.isLight, _obj$2[_vm.carbonPrefix + "--combo-box--expanded"] = _vm.open, _obj$2[_vm.carbonPrefix + "--list-box--expanded"] = _vm.open, _obj$2[_vm.carbonPrefix + "--combo-box--disabled " + _vm.carbonPrefix + "--list-box--disabled"] = _vm.disabled, _obj$2)],
     attrs: {
       "role": "listbox",
       "tabindex": "-1",
@@ -22095,7 +22102,9 @@ var __vue_render__$d = function () {
       "click": _vm.onClick
     }
   }, 'div', _vm.$attrs, false), [_vm.isInvalid ? _c('WarningFilled16', {
-    class: [_vm.carbonPrefix + "--list-box__invalid-icon"]
+    class: [_vm.carbonPrefix + "--list-box__invalid-icon invalid-icon"]
+  }) : _vm._e(), _vm._v(" "), _vm.isWarn && !_vm.isInvalid ? _c('WarningAltFilled16', {
+    class: _vm.carbonPrefix + "--list-box__invalid-icon " + _vm.carbonPrefix + "--list-box__invalid-icon--warning warn-icon"
   }) : _vm._e(), _vm._v(" "), _c('div', {
     ref: "button",
     class: [_vm.carbonPrefix + "--list-box__field"],
@@ -22118,7 +22127,7 @@ var __vue_render__$d = function () {
       expression: "filter"
     }],
     ref: "input",
-    class: [_vm.carbonPrefix + "--text-input", (_obj$2 = {}, _obj$2[_vm.carbonPrefix + "--text-input--empty"] = !_vm.filter || _vm.filter.length === 0, _obj$2)],
+    class: [_vm.carbonPrefix + "--text-input", (_obj$3 = {}, _obj$3[_vm.carbonPrefix + "--text-input--empty"] = !_vm.filter || _vm.filter.length === 0, _obj$3)],
     attrs: {
       "aria-controls": _vm.uid,
       "aria-autocomplete": "list",
@@ -22186,7 +22195,7 @@ var __vue_render__$d = function () {
       }
     }
   }, [_c('Close16')], 1) : _vm._e(), _vm._v(" "), _c('div', {
-    class: [_vm.carbonPrefix + "--list-box__menu-icon", (_obj$3 = {}, _obj$3[_vm.carbonPrefix + "--list-box__menu-icon--open"] = _vm.open, _obj$3)],
+    class: [_vm.carbonPrefix + "--list-box__menu-icon", (_obj$4 = {}, _obj$4[_vm.carbonPrefix + "--list-box__menu-icon--open"] = _vm.open, _obj$4)],
     attrs: {
       "role": "button"
     }
@@ -22235,8 +22244,12 @@ var __vue_render__$d = function () {
     class: [_vm.carbonPrefix + "--form-requirement"]
   }, [_vm._t("invalid-message", function () {
     return [_vm._v(_vm._s(_vm.invalidMessage))];
-  })], 2) : _vm._e(), _vm._v(" "), !_vm.isInvalid && _vm.isHelper ? _c('div', {
-    class: [_vm.carbonPrefix + "--form__helper-text", (_obj$4 = {}, _obj$4[_vm.carbonPrefix + "--form__helper-text--disabled"] = _vm.disabled, _obj$4)]
+  })], 2) : _vm._e(), _vm._v(" "), _vm.isWarn && !_vm.isInvalid ? _c('div', {
+    class: _vm.carbonPrefix + "--form__requirement warn-text"
+  }, [_vm._t("warn-text", function () {
+    return [_vm._v(_vm._s(_vm.warnText))];
+  })], 2) : _vm._e(), _vm._v(" "), _vm.isHelper && !_vm.isInvalid && !_vm.isWarn ? _c('div', {
+    class: [_vm.carbonPrefix + "--form__helper-text", (_obj$5 = {}, _obj$5[_vm.carbonPrefix + "--form__helper-text--disabled"] = _vm.disabled, _obj$5)]
   }, [_vm._t("helper-text", function () {
     return [_vm._v(_vm._s(_vm.helperText))];
   })], 2) : _vm._e()]);
@@ -22247,12 +22260,12 @@ var __vue_staticRenderFns__$d = [];
 
 const __vue_inject_styles__$e = function (inject) {
   if (!inject) return;
-  inject("data-v-654085ae_0", {
-    source: ".margin-bottom-on-open[data-v-654085ae]{margin-bottom:14rem}.label-with-tooltip[data-v-654085ae]{display:flex;align-items:baseline}",
+  inject("data-v-1d6c40a4_0", {
+    source: ".margin-bottom-on-open[data-v-1d6c40a4]{margin-bottom:14rem}.label-with-tooltip[data-v-1d6c40a4]{display:flex;align-items:baseline}.ns-combo-box .warn-text[data-v-1d6c40a4]{margin-top:.25rem}.invalid-icon[data-v-1d6c40a4],.warn-icon[data-v-1d6c40a4]{right:3rem}",
     map: undefined,
     media: undefined
-  }), inject("data-v-654085ae_1", {
-    source: ".ns-combo-box .bx--tooltip__label .bx--tooltip__trigger{margin-left:.25rem}",
+  }), inject("data-v-1d6c40a4_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
   });
@@ -22260,7 +22273,7 @@ const __vue_inject_styles__$e = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$e = "data-v-654085ae";
+const __vue_scope_id__$e = "data-v-1d6c40a4";
 /* module identifier */
 
 const __vue_module_identifier__$e = undefined;