@nethserver/ns8-ui-lib 1.0.1 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/ns8-ui-lib.ssr.js
CHANGED
|
@@ -20781,7 +20781,7 @@ var __vue_render__$d = function __vue_render__() {
|
|
|
20781
20781
|
on: {
|
|
20782
20782
|
"focusout": _vm.onFocusOut
|
|
20783
20783
|
}
|
|
20784
|
-
}, [_vm.title ? _vm._ssrNode("<label" + _vm._ssrAttr("for", _vm.uid) + _vm._ssrClass(null, [_vm.carbonPrefix + "--label", (_obj$1 = {}, _obj$1[_vm.carbonPrefix + "--label--disabled"] = _vm.disabled, _obj$1)]) + " data-v-
|
|
20784
|
+
}, [_vm.title ? _vm._ssrNode("<label" + _vm._ssrAttr("for", _vm.uid) + _vm._ssrClass(null, [_vm.carbonPrefix + "--label", (_obj$1 = {}, _obj$1[_vm.carbonPrefix + "--label--disabled"] = _vm.disabled, _obj$1)]) + " data-v-1d6c40a4>", "</label>", [_vm._ssrNode("<div class=\"label-with-tooltip\" data-v-1d6c40a4>", "</div>", [_vm._ssrNode("<span data-v-1d6c40a4>" + _vm._ssrEscape("\n " + _vm._s(_vm.title) + "\n ") + "</span> "), _vm.hasTooltipSlot ? _c('cv-interactive-tooltip', {
|
|
20785
20785
|
staticClass: "info",
|
|
20786
20786
|
attrs: {
|
|
20787
20787
|
"alignment": _vm.tooltipAlignment,
|
|
@@ -20789,25 +20789,25 @@ var __vue_render__$d = function __vue_render__() {
|
|
|
20789
20789
|
}
|
|
20790
20790
|
}, [_c('template', {
|
|
20791
20791
|
slot: "content"
|
|
20792
|
-
}, [_vm._t("tooltip")], 2)], 2) : _vm._e()], 2)]) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div role=\"listbox\" tabindex=\"-1\"" + _vm._ssrAttr("data-invalid", _vm.isInvalid) + _vm._ssrAttrs(_vm.$attrs) + _vm._ssrClass(null, [_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)]) + " data-v-
|
|
20792
|
+
}, [_vm._t("tooltip")], 2)], 2) : _vm._e()], 2)]) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div role=\"listbox\" tabindex=\"-1\"" + _vm._ssrAttr("data-invalid", _vm.isInvalid) + _vm._ssrAttrs(_vm.$attrs) + _vm._ssrClass(null, [_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)]) + " data-v-1d6c40a4>", "</div>", [_vm.isInvalid ? _c('WarningFilled16', {
|
|
20793
20793
|
class: [_vm.carbonPrefix + "--list-box__invalid-icon invalid-icon"]
|
|
20794
20794
|
}) : _vm._e(), _vm._ssrNode(" "), _vm.isWarn && !_vm.isInvalid ? _c('WarningAltFilled16', {
|
|
20795
|
-
class: _vm.carbonPrefix + "--
|
|
20796
|
-
}) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div role=\"button\" aria-haspopup=\"true\"" + _vm._ssrAttr("aria-expanded", _vm.open ? 'true' : 'false') + _vm._ssrAttr("aria-owns", _vm.uid) + _vm._ssrAttr("aria-controls", _vm.uid) + " tabindex=\"-1\" type=\"button\"" + _vm._ssrAttr("aria-label", _vm.open ? 'close menu' : 'open menu') + " data-toggle=\"true\"" + _vm._ssrClass(null, [_vm.carbonPrefix + "--list-box__field"]) + " data-v-
|
|
20795
|
+
class: _vm.carbonPrefix + "--list-box__invalid-icon " + _vm.carbonPrefix + "--list-box__invalid-icon--warning warn-icon"
|
|
20796
|
+
}) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div role=\"button\" aria-haspopup=\"true\"" + _vm._ssrAttr("aria-expanded", _vm.open ? 'true' : 'false') + _vm._ssrAttr("aria-owns", _vm.uid) + _vm._ssrAttr("aria-controls", _vm.uid) + " tabindex=\"-1\" type=\"button\"" + _vm._ssrAttr("aria-label", _vm.open ? 'close menu' : 'open menu') + " data-toggle=\"true\"" + _vm._ssrClass(null, [_vm.carbonPrefix + "--list-box__field"]) + " data-v-1d6c40a4>", "</div>", [_vm._ssrNode("<input" + _vm._ssrAttr("aria-controls", _vm.uid) + " aria-autocomplete=\"list\" role=\"combobox\"" + _vm._ssrAttr("aria-disabled", _vm.disabled) + _vm._ssrAttr("aria-expanded", _vm.open ? 'true' : 'false') + " autocomplete=\"off\"" + _vm._ssrAttr("disabled", _vm.disabled) + _vm._ssrAttr("placeholder", _vm.label) + _vm._ssrAttr("value", _vm.filter) + _vm._ssrClass(null, [_vm.carbonPrefix + "--text-input", (_obj$3 = {}, _obj$3[_vm.carbonPrefix + "--text-input--empty"] = !_vm.filter || _vm.filter.length === 0, _obj$3)]) + " data-v-1d6c40a4> "), _vm.filter ? _vm._ssrNode("<div role=\"button\" tabindex=\"0\"" + _vm._ssrAttr("title", _vm.clearFilterLabel) + _vm._ssrClass(null, [_vm.carbonPrefix + "--list-box__selection"]) + " data-v-1d6c40a4>", "</div>", [_c('Close16')], 1) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div role=\"button\"" + _vm._ssrClass(null, [_vm.carbonPrefix + "--list-box__menu-icon", (_obj$4 = {}, _obj$4[_vm.carbonPrefix + "--list-box__menu-icon--open"] = _vm.open, _obj$4)]) + " data-v-1d6c40a4>", "</div>", [_c('chevron-down-16', {
|
|
20797
20797
|
attrs: {
|
|
20798
20798
|
"aria-label": _vm.open ? 'Close menu' : 'Open menu'
|
|
20799
20799
|
}
|
|
20800
20800
|
})], 1)], 2), _vm._ssrNode(" <div" + _vm._ssrAttr("id", _vm.uid) + " role=\"listbox\"" + _vm._ssrClass(null, [_vm.carbonPrefix + "--list-box__menu"]) + _vm._ssrStyle(null, null, {
|
|
20801
20801
|
display: _vm.open ? '' : 'none'
|
|
20802
|
-
}) + " data-v-
|
|
20802
|
+
}) + " data-v-1d6c40a4>" + _vm._ssrList(_vm.limitedDataOptions, function (item, index) {
|
|
20803
20803
|
var _obj;
|
|
20804
20804
|
|
|
20805
|
-
return "<div" + _vm._ssrClass(null, [_vm.carbonPrefix + "--list-box__menu-item", (_obj = {}, _obj[_vm.carbonPrefix + "--list-box__menu-item--highlighted"] = _vm.highlighted === item.value, _obj)]) + " data-v-
|
|
20806
|
-
}) + "</div>")], 2), _vm._ssrNode(" "), _vm.isInvalid ? _vm._ssrNode("<div" + _vm._ssrClass(null, [_vm.carbonPrefix + "--form-requirement"]) + " data-v-
|
|
20805
|
+
return "<div" + _vm._ssrClass(null, [_vm.carbonPrefix + "--list-box__menu-item", (_obj = {}, _obj[_vm.carbonPrefix + "--list-box__menu-item--highlighted"] = _vm.highlighted === item.value, _obj)]) + " data-v-1d6c40a4><div" + _vm._ssrClass(null, [_vm.carbonPrefix + "--list-box__menu-item__option"]) + " data-v-1d6c40a4>" + _vm._ssrEscape("\n " + _vm._s(_vm.getItemLabel(item)) + "\n ") + "</div></div>";
|
|
20806
|
+
}) + "</div>")], 2), _vm._ssrNode(" "), _vm.isInvalid ? _vm._ssrNode("<div" + _vm._ssrClass(null, [_vm.carbonPrefix + "--form-requirement"]) + " data-v-1d6c40a4>", "</div>", [_vm._t("invalid-message", function () {
|
|
20807
20807
|
return [_vm._v(_vm._s(_vm.invalidMessage))];
|
|
20808
|
-
})], 2) : _vm._e(), _vm._ssrNode(" "), _vm.isWarn && !_vm.isInvalid ? _vm._ssrNode("<div" + _vm._ssrClass(null, _vm.carbonPrefix + "--form__requirement warn-text") + " data-v-
|
|
20808
|
+
})], 2) : _vm._e(), _vm._ssrNode(" "), _vm.isWarn && !_vm.isInvalid ? _vm._ssrNode("<div" + _vm._ssrClass(null, _vm.carbonPrefix + "--form__requirement warn-text") + " data-v-1d6c40a4>", "</div>", [_vm._t("warn-text", function () {
|
|
20809
20809
|
return [_vm._v(_vm._s(_vm.warnText))];
|
|
20810
|
-
})], 2) : _vm._e(), _vm._ssrNode(" "), _vm.isHelper && !_vm.isInvalid && !_vm.isWarn ? _vm._ssrNode("<div" + _vm._ssrClass(null, [_vm.carbonPrefix + "--form__helper-text", (_obj$5 = {}, _obj$5[_vm.carbonPrefix + "--form__helper-text--disabled"] = _vm.disabled, _obj$5)]) + " data-v-
|
|
20810
|
+
})], 2) : _vm._e(), _vm._ssrNode(" "), _vm.isHelper && !_vm.isInvalid && !_vm.isWarn ? _vm._ssrNode("<div" + _vm._ssrClass(null, [_vm.carbonPrefix + "--form__helper-text", (_obj$5 = {}, _obj$5[_vm.carbonPrefix + "--form__helper-text--disabled"] = _vm.disabled, _obj$5)]) + " data-v-1d6c40a4>", "</div>", [_vm._t("helper-text", function () {
|
|
20811
20811
|
return [_vm._v(_vm._s(_vm.helperText))];
|
|
20812
20812
|
})], 2) : _vm._e()], 2);
|
|
20813
20813
|
};
|
|
@@ -20817,12 +20817,12 @@ var __vue_staticRenderFns__$d = [];
|
|
|
20817
20817
|
|
|
20818
20818
|
var __vue_inject_styles__$e = function __vue_inject_styles__(inject) {
|
|
20819
20819
|
if (!inject) return;
|
|
20820
|
-
inject("data-v-
|
|
20821
|
-
source: ".margin-bottom-on-open[data-v-
|
|
20820
|
+
inject("data-v-1d6c40a4_0", {
|
|
20821
|
+
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}",
|
|
20822
20822
|
map: undefined,
|
|
20823
20823
|
media: undefined
|
|
20824
|
-
}), inject("data-v-
|
|
20825
|
-
source: ".ns-combo-box .bx--tooltip__label .bx--tooltip__trigger{margin-left:.25rem}",
|
|
20824
|
+
}), inject("data-v-1d6c40a4_1", {
|
|
20825
|
+
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}",
|
|
20826
20826
|
map: undefined,
|
|
20827
20827
|
media: undefined
|
|
20828
20828
|
});
|
|
@@ -20830,10 +20830,10 @@ var __vue_inject_styles__$e = function __vue_inject_styles__(inject) {
|
|
|
20830
20830
|
/* scoped */
|
|
20831
20831
|
|
|
20832
20832
|
|
|
20833
|
-
var __vue_scope_id__$e = "data-v-
|
|
20833
|
+
var __vue_scope_id__$e = "data-v-1d6c40a4";
|
|
20834
20834
|
/* module identifier */
|
|
20835
20835
|
|
|
20836
|
-
var __vue_module_identifier__$e = "data-v-
|
|
20836
|
+
var __vue_module_identifier__$e = "data-v-1d6c40a4";
|
|
20837
20837
|
/* functional template */
|
|
20838
20838
|
|
|
20839
20839
|
var __vue_is_functional_template__$e = false;
|
package/package.json
CHANGED
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
/>
|
|
71
71
|
<WarningAltFilled16
|
|
72
72
|
v-if="isWarn && !isInvalid"
|
|
73
|
-
:class="`${carbonPrefix}--
|
|
73
|
+
:class="`${carbonPrefix}--list-box__invalid-icon ${carbonPrefix}--list-box__invalid-icon--warning warn-icon`"
|
|
74
74
|
/>
|
|
75
75
|
<div
|
|
76
76
|
role="button"
|
|
@@ -618,4 +618,19 @@ export default {
|
|
|
618
618
|
.ns-combo-box .bx--tooltip__label .bx--tooltip__trigger {
|
|
619
619
|
margin-left: 0.25rem;
|
|
620
620
|
}
|
|
621
|
+
|
|
622
|
+
.ns-combo-box .bx--list-box__invalid-icon--warning {
|
|
623
|
+
position: absolute;
|
|
624
|
+
top: 50%;
|
|
625
|
+
right: 3rem;
|
|
626
|
+
fill: #f1c21b;
|
|
627
|
+
transform: translateY(-50%);
|
|
628
|
+
}
|
|
629
|
+
|
|
630
|
+
.ns-combo-box
|
|
631
|
+
.bx--list-box__invalid-icon--warning
|
|
632
|
+
+ .bx--list-box__field
|
|
633
|
+
.bx--list-box__selection {
|
|
634
|
+
right: 4rem !important;
|
|
635
|
+
}
|
|
621
636
|
</style>
|