toggle-components-library 1.33.0-beta.0 → 1.33.0-beta.2

package/dist/toggle-components-library.common.js

@@ -14781,7 +14781,7 @@ if (typeof window !== 'undefined') {
 var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__("8bbf");
 var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_vue_commonjs2_vue_root_Vue_);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"38b951bb-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/forms/ToggleInputText.vue?vue&type=template&id=4d4c2c24&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"38b951bb-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/forms/ToggleInputText.vue?vue&type=template&id=2406772d&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -14808,7 +14808,10 @@ var render = function render() {
       value: _vm.inputVal,
       expression: "inputVal"
     }],
-    class: ['toggle-input', _vm.size],
+    class: ['toggle-input', {
+      'toggle-input-is-readonly': _vm.readonly,
+      size: _vm.size
+    }],
     attrs: {
       "name": _vm.name ? _vm.name : 'ToggleInputText',
       "placeholder": _vm.placeholder ? _vm.placeholder : '',
@@ -14847,7 +14850,10 @@ var render = function render() {
       value: _vm.inputVal,
       expression: "inputVal"
     }],
-    class: ['toggle-input', _vm.size],
+    class: ['toggle-input', {
+      'toggle-input-is-readonly': _vm.readonly,
+      size: _vm.size
+    }],
     attrs: {
       "name": _vm.name ? _vm.name : 'ToggleInputText',
       "placeholder": _vm.placeholder ? _vm.placeholder : '',
@@ -14873,7 +14879,10 @@ var render = function render() {
       value: _vm.inputVal,
       expression: "inputVal"
     }],
-    class: ['toggle-input', _vm.size],
+    class: ['toggle-input', {
+      'toggle-input-is-readonly': _vm.readonly,
+      size: _vm.size
+    }],
     attrs: {
       "name": _vm.name ? _vm.name : 'ToggleInputText',
       "placeholder": _vm.placeholder ? _vm.placeholder : '',
@@ -14902,7 +14911,7 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/forms/ToggleInputText.vue?vue&type=template&id=4d4c2c24&
+// CONCATENATED MODULE: ./src/components/forms/ToggleInputText.vue?vue&type=template&id=2406772d&
 
 // EXTERNAL MODULE: ./src/sass/includes/_as_variables.scss
 var _as_variables = __webpack_require__("b659");
@@ -16023,8 +16032,8 @@ var ToggleInputWebsite_component = normalizeComponent(
 )
 
 /* harmony default export */ var ToggleInputWebsite = (ToggleInputWebsite_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"38b951bb-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/forms/ToggleDatePicker.vue?vue&type=template&id=44ffdc7f&
-var ToggleDatePickervue_type_template_id_44ffdc7f_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"38b951bb-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/forms/ToggleDatePicker.vue?vue&type=template&id=9f6f04fc&
+var ToggleDatePickervue_type_template_id_9f6f04fc_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -16037,13 +16046,16 @@ var ToggleDatePickervue_type_template_id_44ffdc7f_render = function render() {
   }, [_vm._v(_vm._s(_vm.label))]), _c('div', {
     staticClass: "toggle-date-input-container"
   }, [_c('div', {
-    staticClass: "toggle-date-input-calendar-icon"
+    class: ['toggle-date-input-calendar-icon', {
+      'calendar-icon-disabled': _vm.disabled
+    }]
   }, [_c('input', {
     ref: "date-input",
     staticClass: "toggle-input",
     attrs: {
       "type": "text",
       "name": _vm.name,
+      "disabled": _vm.disabled,
       "id": 'toggle-date-input' + _vm._uid
     },
     domProps: {
@@ -16089,9 +16101,9 @@ var ToggleDatePickervue_type_template_id_44ffdc7f_render = function render() {
     }
   }, [_vm._v(" " + _vm._s(_vm.errorMessage) + " ")]) : _vm._e()], 1);
 };
-var ToggleDatePickervue_type_template_id_44ffdc7f_staticRenderFns = [];
+var ToggleDatePickervue_type_template_id_9f6f04fc_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/forms/ToggleDatePicker.vue?vue&type=template&id=44ffdc7f&
+// CONCATENATED MODULE: ./src/components/forms/ToggleDatePicker.vue?vue&type=template&id=9f6f04fc&
 
 // EXTERNAL MODULE: ./node_modules/vue-airbnb-style-datepicker/dist/vue-airbnb-style-datepicker.min.css
 var vue_airbnb_style_datepicker_min = __webpack_require__("1fe0");
@@ -17338,6 +17350,10 @@ external_commonjs_vue_commonjs2_vue_root_Vue_default.a.use(vue_airbnb_style_date
     maxLength: {
       type: Number,
       required: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
     }
   },
   created: function () {},
@@ -17392,8 +17408,8 @@ external_commonjs_vue_commonjs2_vue_root_Vue_default.a.use(vue_airbnb_style_date
 
 var ToggleDatePicker_component = normalizeComponent(
   forms_ToggleDatePickervue_type_script_lang_js_,
-  ToggleDatePickervue_type_template_id_44ffdc7f_render,
-  ToggleDatePickervue_type_template_id_44ffdc7f_staticRenderFns,
+  ToggleDatePickervue_type_template_id_9f6f04fc_render,
+  ToggleDatePickervue_type_template_id_9f6f04fc_staticRenderFns,
   false,
   null,
   null,
@@ -17811,8 +17827,8 @@ var ToggleInputSelect_component = normalizeComponent(
 )
 
 /* harmony default export */ var ToggleInputSelect = (ToggleInputSelect_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"38b951bb-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/forms/ToggleInputPercentage.vue?vue&type=template&id=59aec2e2&
-var ToggleInputPercentagevue_type_template_id_59aec2e2_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"38b951bb-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/forms/ToggleInputPercentage.vue?vue&type=template&id=6015b52a&
+var ToggleInputPercentagevue_type_template_id_6015b52a_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -17835,12 +17851,16 @@ var ToggleInputPercentagevue_type_template_id_59aec2e2_render = function render(
       value: _vm.inputVal,
       expression: "inputVal"
     }],
-    class: ['toggle-input', _vm.size],
+    class: ['toggle-input', {
+      'toggle-input-is-readonly': _vm.readonly,
+      size: _vm.size
+    }],
     attrs: {
       "name": _vm.name ? _vm.name : 'ToggleInputPercentage',
       "placeholder": _vm.placeholder ? _vm.placeholder : '',
       "autocomplete": _vm.autocomplete ? 'on' : 'off',
-      "required": _vm.required
+      "required": _vm.required,
+      "readonly": _vm.readonly
     },
     domProps: {
       "value": _vm.inputVal
@@ -17864,9 +17884,9 @@ var ToggleInputPercentagevue_type_template_id_59aec2e2_render = function render(
     }
   }, [_vm._v(" " + _vm._s(_vm.errorMessage) + " ")]) : _vm._e()]);
 };
-var ToggleInputPercentagevue_type_template_id_59aec2e2_staticRenderFns = [];
+var ToggleInputPercentagevue_type_template_id_6015b52a_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/forms/ToggleInputPercentage.vue?vue&type=template&id=59aec2e2&
+// CONCATENATED MODULE: ./src/components/forms/ToggleInputPercentage.vue?vue&type=template&id=6015b52a&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/forms/ToggleInputPercentage.vue?vue&type=script&lang=js&
 
@@ -17913,6 +17933,16 @@ var ToggleInputPercentagevue_type_template_id_59aec2e2_staticRenderFns = [];
     allowFloat: {
       type: Boolean,
       default: false
+    },
+    readonly: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      required: false,
+      default: false
     }
   },
   created: function () {},
@@ -17931,7 +17961,7 @@ var ToggleInputPercentagevue_type_template_id_59aec2e2_staticRenderFns = [];
   computed: {
     inputVal: {
       get: function () {
-        if (this.isInputActive) {
+        if (this.isInputActive && !this.readonly) {
           // Cursor is inside the input field. unformat display value for user
           return this.value.toString();
         } else {
@@ -17982,8 +18012,8 @@ var ToggleInputPercentagevue_type_template_id_59aec2e2_staticRenderFns = [];
 
 var ToggleInputPercentage_component = normalizeComponent(
   forms_ToggleInputPercentagevue_type_script_lang_js_,
-  ToggleInputPercentagevue_type_template_id_59aec2e2_render,
-  ToggleInputPercentagevue_type_template_id_59aec2e2_staticRenderFns,
+  ToggleInputPercentagevue_type_template_id_6015b52a_render,
+  ToggleInputPercentagevue_type_template_id_6015b52a_staticRenderFns,
   false,
   null,
   null,
@@ -17992,8 +18022,8 @@ var ToggleInputPercentage_component = normalizeComponent(
 )
 
 /* harmony default export */ var ToggleInputPercentage = (ToggleInputPercentage_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"38b951bb-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/forms/ToggleInputCurrency.vue?vue&type=template&id=46dec76a&
-var ToggleInputCurrencyvue_type_template_id_46dec76a_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"38b951bb-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/forms/ToggleInputCurrency.vue?vue&type=template&id=22eeb024&
+var ToggleInputCurrencyvue_type_template_id_22eeb024_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -18017,13 +18047,17 @@ var ToggleInputCurrencyvue_type_template_id_46dec76a_render = function render()
       value: _vm.inputVal,
       expression: "inputVal"
     }],
-    class: ['toggle-input', _vm.size],
+    class: ['toggle-input', {
+      'toggle-input-is-readonly': _vm.readonly,
+      size: _vm.size
+    }],
     attrs: {
       "name": _vm.name ? _vm.name : 'ToggleInputCurrency',
       "placeholder": _vm.placeholder ? _vm.placeholder : '',
       "autocomplete": _vm.autocomplete ? 'on' : 'off',
       "required": _vm.required,
-      "disabled": _vm.disabled
+      "disabled": _vm.disabled,
+      "readonly": _vm.readonly
     },
     domProps: {
       "value": _vm.inputVal
@@ -18047,9 +18081,9 @@ var ToggleInputCurrencyvue_type_template_id_46dec76a_render = function render()
     }
   }, [_vm._v(" " + _vm._s(_vm.errorMessage) + " ")]) : _vm._e()]);
 };
-var ToggleInputCurrencyvue_type_template_id_46dec76a_staticRenderFns = [];
+var ToggleInputCurrencyvue_type_template_id_22eeb024_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/forms/ToggleInputCurrency.vue?vue&type=template&id=46dec76a&
+// CONCATENATED MODULE: ./src/components/forms/ToggleInputCurrency.vue?vue&type=template&id=22eeb024&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/forms/ToggleInputCurrency.vue?vue&type=script&lang=js&
 
@@ -18115,6 +18149,11 @@ var ToggleInputCurrencyvue_type_template_id_46dec76a_staticRenderFns = [];
       type: Boolean,
       required: false,
       default: false
+    },
+    readonly: {
+      type: Boolean,
+      required: false,
+      default: false
     }
   },
   created: function () {},
@@ -18126,7 +18165,7 @@ var ToggleInputCurrencyvue_type_template_id_46dec76a_staticRenderFns = [];
   computed: {
     inputVal: {
       get: function () {
-        if (this.isInputActive) {
+        if (this.isInputActive && !this.readonly) {
           if ((this.value === '' || this.value === null) && this.allowBlank) return '';
           // Cursor is inside the input field. unformat display value for user
           return (this.value / this.currencyDenomination).toLocaleString(this.currencyLocale);
@@ -18197,8 +18236,8 @@ var ToggleInputCurrencyvue_type_template_id_46dec76a_staticRenderFns = [];
 
 var ToggleInputCurrency_component = normalizeComponent(
   forms_ToggleInputCurrencyvue_type_script_lang_js_,
-  ToggleInputCurrencyvue_type_template_id_46dec76a_render,
-  ToggleInputCurrencyvue_type_template_id_46dec76a_staticRenderFns,
+  ToggleInputCurrencyvue_type_template_id_22eeb024_render,
+  ToggleInputCurrencyvue_type_template_id_22eeb024_staticRenderFns,
   false,
   null,
   null,