@carbon/vue 2.20.1-canary.0 → 2.20.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changelog
 
+## 2.20.1 (jan 16th 2020)
+
+- fix: Disable number input up down buttons when component disabled
+
+## 2.20.1-canary.3 (jan 16th 2020)
+
+- fix: Merge missing commits from last release
+
+## 2.20.1-canary.2 (jan 16th 2020)
+
+### fix
+
+- Reverted to using stepUp/stepDOwn input methods for number input after checking IE11 support.
+- Initial value of date picker was not being set
+
+## 2.20.1-canary.1 (jan 10th 2020)
+
+### fix
+
+- Decimal number edits e.g. 10.001 with step 001. Using the keyboard to delete .001 caused .000 to be reapplied.
+
 ## 2.20.1-canary.0 (jan 3rd 2020)
 
 ### fix

package/dist/carbon-vue.common.js

@@ -252,15 +252,15 @@ var component = Object(componentNormalizer["a" /* default */])(
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0f4df6f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/cv-date-picker/cv-date-picker.vue?vue&type=template&id=4e069846&
-var cv_date_pickervue_type_template_id_4e069846_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('cv-wrapper',{staticClass:"cv-date-picker bx--form-item",attrs:{"tag-type":_vm.formItem ? 'div' : ''}},[_c('div',{ref:"date-picker",staticClass:"bx--date-picker",class:[_vm.kindClasses, { 'bx--date-picker--light': _vm.theme === 'light', 'cv-date-pciker': !_vm.formItem }],attrs:{"data-date-picker":['single', 'range'].includes(_vm.kind),"data-date-picker-type":_vm.kind}},[_c('div',{class:{
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0f4df6f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/cv-date-picker/cv-date-picker.vue?vue&type=template&id=71bd2208&
+var cv_date_pickervue_type_template_id_71bd2208_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('cv-wrapper',{staticClass:"cv-date-picker bx--form-item",attrs:{"tag-type":_vm.formItem ? 'div' : ''}},[_c('div',{ref:"date-picker",staticClass:"bx--date-picker",class:[_vm.kindClasses, { 'bx--date-picker--light': _vm.theme === 'light', 'cv-date-pciker': !_vm.formItem }],attrs:{"data-date-picker":['single', 'range'].includes(_vm.kind),"data-date-picker-type":_vm.kind}},[_c('div',{class:{
         'bx--date-picker-container': ['single', 'range'].includes(_vm.kind),
         'bx--date-picker--nolabel': _vm.getDateLabel !== undefined,
       },on:{"change":_vm.onChange}},[(_vm.getDateLabel.length > 0)?_c('label',{staticClass:"bx--label",attrs:{"for":(_vm.uid + "-input-1")}},[_vm._v(_vm._s(_vm.getDateLabel))]):_vm._e(),_c('div',{staticClass:"bx--date-picker-input__wrapper"},[_c('input',{ref:"date",staticClass:"bx--date-picker__input",attrs:{"data-invalid":_vm.isInvalid,"type":"text","id":(_vm.uid + "-input-1"),"pattern":_vm.pattern,"placeholder":_vm.placeholder,"data-date-picker-input":"","data-date-picker-input-from":_vm.kind === 'range'}}),(['single', 'range'].includes(_vm.kind))?_c('Calendar16',{staticClass:"bx--date-picker__icon",attrs:{"data-date-picker-icon":""},on:{"click":function($event){return _vm.cal.open()}}}):_vm._e()],1),(_vm.isInvalid)?_c('div',{staticClass:"bx--form-requirement"},[_vm._t("invalid-message",[_vm._v(_vm._s(_vm.invalidMessage || _vm.invalidDateMessage))])],2):_vm._e()]),(_vm.kind === 'range')?_c('div',{class:{ 'bx--date-picker-container': _vm.kind === 'range' }},[(_vm.getDateEndLabel.length > 0)?_c('label',{staticClass:"bx--label",attrs:{"for":(_vm.uid + "-input-2")}},[_vm._v(_vm._s(_vm.getDateEndLabel))]):_vm._e(),_c('div',{staticClass:"bx--date-picker-input__wrapper"},[_c('input',{ref:"todate",staticClass:"bx--date-picker__input",attrs:{"type":"text","id":(_vm.uid + "-input-2"),"pattern":_vm.pattern,"placeholder":_vm.placeholder,"data-date-picker-input":"","data-date-picker-input-to":_vm.kind === 'range'}}),_c('Calendar16',{staticClass:"bx--date-picker__icon",attrs:{"data-date-picker-icon":""},on:{"click":function($event){return _vm.openTodateCal()}}})],1)]):_vm._e()])])}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/cv-date-picker/cv-date-picker.vue?vue&type=template&id=4e069846&
+// CONCATENATED MODULE: ./src/components/cv-date-picker/cv-date-picker.vue?vue&type=template&id=71bd2208&
 
 // EXTERNAL MODULE: ./node_modules/flatpickr/dist/flatpickr.js
 var flatpickr = __webpack_require__("cf06");
@@ -469,7 +469,7 @@ l10n_default.a.en.weekdays.shorthand.forEach((day, index) => {
   },
   data() {
     return {
-      dataValue: '',
+      dataValue: this.value,
       dataOptions: {},
       isInvalid: false,
     };
@@ -683,7 +683,7 @@ var componentNormalizer = __webpack_require__("2877");
 
 var component = Object(componentNormalizer["a" /* default */])(
   cv_date_picker_cv_date_pickervue_type_script_lang_js_,
-  cv_date_pickervue_type_template_id_4e069846_render,
+  cv_date_pickervue_type_template_id_71bd2208_render,
   staticRenderFns,
   false,
   null,
@@ -21552,16 +21552,16 @@ var virtual_CheckmarkFilled16 = {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0f4df6f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/cv-number-input/cv-number-input.vue?vue&type=template&id=09bfad20&
-var cv_number_inputvue_type_template_id_09bfad20_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('cv-wrapper',{staticClass:"cv-number-input bx--form-item",attrs:{"tag-type":_vm.formItem ? 'div' : ''}},[_c('div',{staticClass:"bx--number",class:{
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0f4df6f3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/cv-number-input/cv-number-input.vue?vue&type=template&id=5e4d985e&
+var cv_number_inputvue_type_template_id_5e4d985e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('cv-wrapper',{staticClass:"cv-number-input bx--form-item",attrs:{"tag-type":_vm.formItem ? 'div' : ''}},[_c('div',{staticClass:"bx--number",class:{
       'bx--number--light': _vm.theme === 'light',
       'bx--number--helpertext': _vm.isHelper,
       'cv-number-input': !_vm.formItem,
-    },attrs:{"data-numberinput":"","data-invalid":_vm.isInvalid}},[_c('label',{staticClass:"bx--label",attrs:{"for":_vm.uid}},[_vm._v(_vm._s(_vm.label))]),(_vm.isHelper)?_c('div',{staticClass:"bx--form__helper-text"},[_vm._t("helper-text",[_vm._v(_vm._s(_vm.helperText))])],2):_vm._e(),_c('div',{staticClass:"bx--number__input-wrapper"},[_c('input',_vm._g(_vm._b({directives:[{name:"model",rawName:"v-model",value:(_vm.internalValue),expression:"internalValue"}],attrs:{"id":_vm.uid,"type":"number","step":_vm.step,"min":_vm.min,"max":_vm.max},domProps:{"value":(_vm.internalValue)},on:{"input":function($event){if($event.target.composing){ return; }_vm.internalValue=$event.target.value}}},'input',_vm.$attrs,false),_vm.inputListeners)),(_vm.isInvalid)?_c('WarningFilled16',{staticClass:"bx--number__invalid"}):_vm._e(),_c('div',{staticClass:"bx--number__controls"},[_c('button',{staticClass:"bx--number__control-btn up-icon",attrs:{"type":"button","aria-label":_vm.ariaLabelForUpButton},on:{"click":_vm.doUp}},[_c('CaretUpGlyph')],1),_c('button',{staticClass:"bx--number__control-btn down-icon",attrs:{"type":"button","aria-label":_vm.ariaLabelForDownButton},on:{"click":_vm.doDown}},[_c('CaretDownGlyph')],1)])],1),(_vm.isInvalid)?_c('div',{staticClass:"bx--form-requirement"},[_vm._t("invalid-message",[_vm._v(_vm._s(_vm.invalidMessage))])],2):_vm._e()])])}
+    },attrs:{"data-numberinput":"","data-invalid":_vm.isInvalid}},[_c('label',{staticClass:"bx--label",attrs:{"for":_vm.uid}},[_vm._v(_vm._s(_vm.label))]),(_vm.isHelper)?_c('div',{staticClass:"bx--form__helper-text"},[_vm._t("helper-text",[_vm._v(_vm._s(_vm.helperText))])],2):_vm._e(),_c('div',{staticClass:"bx--number__input-wrapper"},[_c('input',_vm._g(_vm._b({ref:"input",attrs:{"id":_vm.uid,"type":"number","disabled":_vm.disabled,"step":_vm.step,"min":_vm.min,"max":_vm.max},domProps:{"value":_vm.internalValue}},'input',_vm.$attrs,false),_vm.inputListeners)),(_vm.isInvalid)?_c('WarningFilled16',{staticClass:"bx--number__invalid"}):_vm._e(),_c('div',{staticClass:"bx--number__controls"},[_c('button',{staticClass:"bx--number__control-btn up-icon",attrs:{"type":"button","aria-label":_vm.ariaLabelForUpButton,"disabled":_vm.disabled},on:{"click":_vm.doUp}},[_c('CaretUpGlyph')],1),_c('button',{staticClass:"bx--number__control-btn down-icon",attrs:{"type":"button","aria-label":_vm.ariaLabelForDownButton,"disabled":_vm.disabled},on:{"click":_vm.doDown}},[_c('CaretDownGlyph')],1)])],1),(_vm.isInvalid)?_c('div',{staticClass:"bx--form-requirement"},[_vm._t("invalid-message",[_vm._v(_vm._s(_vm.invalidMessage))])],2):_vm._e()])])}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/cv-number-input/cv-number-input.vue?vue&type=template&id=09bfad20&
+// CONCATENATED MODULE: ./src/components/cv-number-input/cv-number-input.vue?vue&type=template&id=5e4d985e&
 
 // EXTERNAL MODULE: ./src/mixins/uid-mixin.js
 var uid_mixin = __webpack_require__("fceb");
@@ -21732,6 +21732,10 @@ var _cv_wrapper = __webpack_require__("5d36");
 //
 //
 //
+//
+//
+//
+//
 
 
 
@@ -21748,6 +21752,7 @@ const maxDecimalPlaces = 10; // Stanard floating point accuracy goes at 14 cauti
   components: { CaretDownGlyph: caret_down, CaretUpGlyph: caret_up, WarningFilled16: _16["a" /* default */], CvWrapper: _cv_wrapper["a" /* default */] },
   inheritAttrs: false,
   props: {
+    disabled: Boolean,
     formItem: { type: Boolean, default: true },
     helperText: { type: String, default: undefined },
     invalidMessage: { type: String, default: undefined },
@@ -21785,7 +21790,13 @@ const maxDecimalPlaces = 10; // Stanard floating point accuracy goes at 14 cauti
   },
   watch: {
     value() {
-      this.internalValue = this.valueAsString(this.value);
+      // NOTE: DELIBERATE USE OF != TO COMPARE this.interanlValue and this.value
+      if (typeof this.value !== 'number' || this.internalValue != this.value) {
+        // prevents this.value of 1 updating this.internalValue of 1.0
+        // which improves the typing experience
+        // does not matter if this.value is string or number
+        this.internalValue = this.value.toString();
+      }
     },
   },
   computed: {
@@ -21794,108 +21805,40 @@ const maxDecimalPlaces = 10; // Stanard floating point accuracy goes at 14 cauti
     // https://vuejs.org/v2/guide/components-custom-events.html#Customizing-Component-v-model
     inputListeners() {
       return Object.assign({}, this.$listeners, {
-        input: () => this.emitValue(),
+        input: ev => this.onInput(ev.target.value),
       });
     },
-    internalNumberValue() {
-      let numVal = parseFloat(this.internalValue, 10);
-
-      if (isNaN(numVal)) {
-        numVal = parseFloat(this.min, 10) || 0;
-      }
-      return this.roundToPrecision(numVal);
-    },
-    internalMinValue() {
-      let numVal = parseFloat(this.min, 10);
-
-      if (isNaN(numVal)) {
-        return undefined;
-      }
-      return this.roundToPrecision(numVal);
-    },
-    internalMaxValue() {
-      let numVal = parseFloat(this.max, 10);
-
-      if (isNaN(numVal)) {
-        return undefined;
-      }
-      return this.roundToPrecision((this.internalStepValue * numVal) / this.internalStepValue);
-    },
-    internalStepValue() {
-      let numVal = parseFloat(this.step, 10);
-
-      if (isNaN(numVal) || numVal <= 0) {
-        numVal = 1;
-      }
-      return numVal;
-    },
-    stepDecimalPlaces() {
-      if (Math.floor(this.internalStepValue) === this.internalStepValue) return 0;
-      return Math.min(maxDecimalPlaces, this.internalStepValue.toString().split('.')[1].length || 0);
-    },
-    // stepPrecision() {
-    //   return Math.pow(10, -1 * this.stepDecimalPlaces);
-    // },
   },
   methods: {
+    onInput(val) {
+      this.internalValue = val;
+      this.emitValue();
+    },
     checkSlots() {
       // NOTE: this.$slots is not reactive so needs to be managed on beforeUpdate
       this.isInvalid = !!(this.$slots['invalid-message'] || (this.invalidMessage && this.invalidMessage.length));
       this.isHelper = !!(this.$slots['helper-text'] || (this.helperText && this.helperText.length));
     },
-    _doUpDown(up) {
-      let value;
-      let min = this.internalMinValue;
-      let min0 = min || 0;
-      let max = this.internalMaxValue;
-      let step = this.internalStepValue;
-      // be wary of floating point error
-      // steps should be from min value to less than or equal to max
-      let steps = Math.round((this.internalNumberValue - min0) / step);
-
-      if (up) {
-        value = this.roundToPrecision(min0 + step * (steps + 1));
-
-        if (max !== undefined && value > max) {
-          steps = Math.round((max - min0) / step);
-          value = min0 + step * steps;
-          if (value > max) {
-            value = value - step;
-          }
-          value = this.roundToPrecision(value);
-        }
-
-        if (this.roundToPrecision(value - this.internalNumberValue - step, maxDecimalPlaces) > 0) {
-          // this is simpler than trying to prevent rounding errors
-          value = value - step;
-        }
-
-        this.internalValue = this.valueAsString(value);
-      } else {
-        value = this.roundToPrecision(min0 + step * (steps - 1));
-
-        if (min !== undefined && value < min) {
-          value = min;
-        }
 
-        if (this.roundToPrecision(value - this.internalNumberValue + step, maxDecimalPlaces) < 0) {
-          // this is simpler than trying to prevent rounding errors
-          value = value + step;
-        }
-
-        this.internalValue = this.valueAsString(value);
-      }
-      this.emitValue();
-    },
     doUp() {
-      this._doUpDown(true);
+      this.$refs.input.stepUp();
     },
     doDown() {
-      this._doUpDown(false);
+      this.$refs.input.stepDown();
     },
     emitValue() {
       if (typeof this.value === 'number') {
-        this.$emit('input', this.internalNumberValue);
+        // this.$emit('input', this.internalNumberValue);
+
+        if (this.internalValue != this.value) {
+          const ePos = this.internalValue.indexOf('e-');
+          const dotPos = this.internalValue.indexOf('.');
+          if (ePos > -1 || dotPos > -1) {
+            this.$emit('input', parseFloat(this.internalValue));
+          } else {
+            this.$emit('input', parseInt(this.internalValue));
+          }
+        }
       } else {
         this.$emit('input', this.internalValue);
       }
@@ -21903,20 +21846,12 @@ const maxDecimalPlaces = 10; // Stanard floating point accuracy goes at 14 cauti
     valueAsString(val) {
       let strVal;
       if (typeof val === 'number') {
-        strVal = val.toFixed(this.stepDecimalPlaces);
+        strVal = val.toString();
       } else {
         strVal = val;
       }
-
       return strVal;
     },
-    roundToPrecision(x, optDecimalPlaces) {
-      // let sign = x >= 0 ? 1 : -1;
-      // let y = x + sign * (this.stepPrecision === undefined ? 0.5 : this.stepPrecision / 2);
-      // return y - (y % (this.stepPrecision === undefined ? 1 : this.stepPrecision));
-      let decimalPlaces = optDecimalPlaces || this.stepDecimalPlaces;
-      return parseFloat(x.toFixed(decimalPlaces));
-    },
   },
 });
 
@@ -21935,7 +21870,7 @@ var componentNormalizer = __webpack_require__("2877");
 
 var component = Object(componentNormalizer["a" /* default */])(
   cv_number_input_cv_number_inputvue_type_script_lang_js_,
-  cv_number_inputvue_type_template_id_09bfad20_render,
+  cv_number_inputvue_type_template_id_5e4d985e_render,
   staticRenderFns,
   false,
   null,