toggle-components-library 1.33.0-beta.1 → 1.33.0-beta.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/toggle-components-library.common.js +55 -23
- package/dist/toggle-components-library.common.js.map +1 -1
- package/dist/toggle-components-library.css +1 -1
- package/dist/toggle-components-library.umd.js +55 -23
- package/dist/toggle-components-library.umd.js.map +1 -1
- package/dist/toggle-components-library.umd.min.js +1 -1
- package/dist/toggle-components-library.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/forms/ToggleInputCurrency.vue +8 -2
- package/src/components/forms/ToggleInputPercentage.vue +15 -4
- package/src/components/forms/ToggleInputText.vue +1 -1
- package/src/sass/includes/_as_inputs.scss +4 -0
|
@@ -14781,7 +14781,7 @@ if (typeof window !== 'undefined') {
|
|
|
14781
14781
|
var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__("8bbf");
|
|
14782
14782
|
var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_vue_commonjs2_vue_root_Vue_);
|
|
14783
14783
|
|
|
14784
|
-
// 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=
|
|
14784
|
+
// 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&
|
|
14785
14785
|
var render = function render() {
|
|
14786
14786
|
var _vm = this,
|
|
14787
14787
|
_c = _vm._self._c;
|
|
@@ -14808,7 +14808,10 @@ var render = function render() {
|
|
|
14808
14808
|
value: _vm.inputVal,
|
|
14809
14809
|
expression: "inputVal"
|
|
14810
14810
|
}],
|
|
14811
|
-
class: ['toggle-input',
|
|
14811
|
+
class: ['toggle-input', {
|
|
14812
|
+
'toggle-input-is-readonly': _vm.readonly,
|
|
14813
|
+
size: _vm.size
|
|
14814
|
+
}],
|
|
14812
14815
|
attrs: {
|
|
14813
14816
|
"name": _vm.name ? _vm.name : 'ToggleInputText',
|
|
14814
14817
|
"placeholder": _vm.placeholder ? _vm.placeholder : '',
|
|
@@ -14847,7 +14850,10 @@ var render = function render() {
|
|
|
14847
14850
|
value: _vm.inputVal,
|
|
14848
14851
|
expression: "inputVal"
|
|
14849
14852
|
}],
|
|
14850
|
-
class: ['toggle-input',
|
|
14853
|
+
class: ['toggle-input', {
|
|
14854
|
+
'toggle-input-is-readonly': _vm.readonly,
|
|
14855
|
+
size: _vm.size
|
|
14856
|
+
}],
|
|
14851
14857
|
attrs: {
|
|
14852
14858
|
"name": _vm.name ? _vm.name : 'ToggleInputText',
|
|
14853
14859
|
"placeholder": _vm.placeholder ? _vm.placeholder : '',
|
|
@@ -14873,7 +14879,10 @@ var render = function render() {
|
|
|
14873
14879
|
value: _vm.inputVal,
|
|
14874
14880
|
expression: "inputVal"
|
|
14875
14881
|
}],
|
|
14876
|
-
class: ['toggle-input',
|
|
14882
|
+
class: ['toggle-input', {
|
|
14883
|
+
'toggle-input-is-readonly': _vm.readonly,
|
|
14884
|
+
size: _vm.size
|
|
14885
|
+
}],
|
|
14877
14886
|
attrs: {
|
|
14878
14887
|
"name": _vm.name ? _vm.name : 'ToggleInputText',
|
|
14879
14888
|
"placeholder": _vm.placeholder ? _vm.placeholder : '',
|
|
@@ -14902,7 +14911,7 @@ var render = function render() {
|
|
|
14902
14911
|
};
|
|
14903
14912
|
var staticRenderFns = [];
|
|
14904
14913
|
|
|
14905
|
-
// CONCATENATED MODULE: ./src/components/forms/ToggleInputText.vue?vue&type=template&id=
|
|
14914
|
+
// CONCATENATED MODULE: ./src/components/forms/ToggleInputText.vue?vue&type=template&id=2406772d&
|
|
14906
14915
|
|
|
14907
14916
|
// EXTERNAL MODULE: ./src/sass/includes/_as_variables.scss
|
|
14908
14917
|
var _as_variables = __webpack_require__("b659");
|
|
@@ -17818,8 +17827,8 @@ var ToggleInputSelect_component = normalizeComponent(
|
|
|
17818
17827
|
)
|
|
17819
17828
|
|
|
17820
17829
|
/* harmony default export */ var ToggleInputSelect = (ToggleInputSelect_component.exports);
|
|
17821
|
-
// 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=
|
|
17822
|
-
var
|
|
17830
|
+
// 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&
|
|
17831
|
+
var ToggleInputPercentagevue_type_template_id_6015b52a_render = function render() {
|
|
17823
17832
|
var _vm = this,
|
|
17824
17833
|
_c = _vm._self._c;
|
|
17825
17834
|
return _c('div', {
|
|
@@ -17842,12 +17851,16 @@ var ToggleInputPercentagevue_type_template_id_59aec2e2_render = function render(
|
|
|
17842
17851
|
value: _vm.inputVal,
|
|
17843
17852
|
expression: "inputVal"
|
|
17844
17853
|
}],
|
|
17845
|
-
class: ['toggle-input',
|
|
17854
|
+
class: ['toggle-input', {
|
|
17855
|
+
'toggle-input-is-readonly': _vm.readonly,
|
|
17856
|
+
size: _vm.size
|
|
17857
|
+
}],
|
|
17846
17858
|
attrs: {
|
|
17847
17859
|
"name": _vm.name ? _vm.name : 'ToggleInputPercentage',
|
|
17848
17860
|
"placeholder": _vm.placeholder ? _vm.placeholder : '',
|
|
17849
17861
|
"autocomplete": _vm.autocomplete ? 'on' : 'off',
|
|
17850
|
-
"required": _vm.required
|
|
17862
|
+
"required": _vm.required,
|
|
17863
|
+
"readonly": _vm.readonly
|
|
17851
17864
|
},
|
|
17852
17865
|
domProps: {
|
|
17853
17866
|
"value": _vm.inputVal
|
|
@@ -17871,9 +17884,9 @@ var ToggleInputPercentagevue_type_template_id_59aec2e2_render = function render(
|
|
|
17871
17884
|
}
|
|
17872
17885
|
}, [_vm._v(" " + _vm._s(_vm.errorMessage) + " ")]) : _vm._e()]);
|
|
17873
17886
|
};
|
|
17874
|
-
var
|
|
17887
|
+
var ToggleInputPercentagevue_type_template_id_6015b52a_staticRenderFns = [];
|
|
17875
17888
|
|
|
17876
|
-
// CONCATENATED MODULE: ./src/components/forms/ToggleInputPercentage.vue?vue&type=template&id=
|
|
17889
|
+
// CONCATENATED MODULE: ./src/components/forms/ToggleInputPercentage.vue?vue&type=template&id=6015b52a&
|
|
17877
17890
|
|
|
17878
17891
|
// 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&
|
|
17879
17892
|
|
|
@@ -17920,6 +17933,16 @@ var ToggleInputPercentagevue_type_template_id_59aec2e2_staticRenderFns = [];
|
|
|
17920
17933
|
allowFloat: {
|
|
17921
17934
|
type: Boolean,
|
|
17922
17935
|
default: false
|
|
17936
|
+
},
|
|
17937
|
+
readonly: {
|
|
17938
|
+
type: Boolean,
|
|
17939
|
+
required: false,
|
|
17940
|
+
default: false
|
|
17941
|
+
},
|
|
17942
|
+
disabled: {
|
|
17943
|
+
type: Boolean,
|
|
17944
|
+
required: false,
|
|
17945
|
+
default: false
|
|
17923
17946
|
}
|
|
17924
17947
|
},
|
|
17925
17948
|
created: function () {},
|
|
@@ -17938,7 +17961,7 @@ var ToggleInputPercentagevue_type_template_id_59aec2e2_staticRenderFns = [];
|
|
|
17938
17961
|
computed: {
|
|
17939
17962
|
inputVal: {
|
|
17940
17963
|
get: function () {
|
|
17941
|
-
if (this.isInputActive) {
|
|
17964
|
+
if (this.isInputActive && !this.readonly) {
|
|
17942
17965
|
// Cursor is inside the input field. unformat display value for user
|
|
17943
17966
|
return this.value.toString();
|
|
17944
17967
|
} else {
|
|
@@ -17989,8 +18012,8 @@ var ToggleInputPercentagevue_type_template_id_59aec2e2_staticRenderFns = [];
|
|
|
17989
18012
|
|
|
17990
18013
|
var ToggleInputPercentage_component = normalizeComponent(
|
|
17991
18014
|
forms_ToggleInputPercentagevue_type_script_lang_js_,
|
|
17992
|
-
|
|
17993
|
-
|
|
18015
|
+
ToggleInputPercentagevue_type_template_id_6015b52a_render,
|
|
18016
|
+
ToggleInputPercentagevue_type_template_id_6015b52a_staticRenderFns,
|
|
17994
18017
|
false,
|
|
17995
18018
|
null,
|
|
17996
18019
|
null,
|
|
@@ -17999,8 +18022,8 @@ var ToggleInputPercentage_component = normalizeComponent(
|
|
|
17999
18022
|
)
|
|
18000
18023
|
|
|
18001
18024
|
/* harmony default export */ var ToggleInputPercentage = (ToggleInputPercentage_component.exports);
|
|
18002
|
-
// 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=
|
|
18003
|
-
var
|
|
18025
|
+
// 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&
|
|
18026
|
+
var ToggleInputCurrencyvue_type_template_id_22eeb024_render = function render() {
|
|
18004
18027
|
var _vm = this,
|
|
18005
18028
|
_c = _vm._self._c;
|
|
18006
18029
|
return _c('div', {
|
|
@@ -18024,13 +18047,17 @@ var ToggleInputCurrencyvue_type_template_id_46dec76a_render = function render()
|
|
|
18024
18047
|
value: _vm.inputVal,
|
|
18025
18048
|
expression: "inputVal"
|
|
18026
18049
|
}],
|
|
18027
|
-
class: ['toggle-input',
|
|
18050
|
+
class: ['toggle-input', {
|
|
18051
|
+
'toggle-input-is-readonly': _vm.readonly,
|
|
18052
|
+
size: _vm.size
|
|
18053
|
+
}],
|
|
18028
18054
|
attrs: {
|
|
18029
18055
|
"name": _vm.name ? _vm.name : 'ToggleInputCurrency',
|
|
18030
18056
|
"placeholder": _vm.placeholder ? _vm.placeholder : '',
|
|
18031
18057
|
"autocomplete": _vm.autocomplete ? 'on' : 'off',
|
|
18032
18058
|
"required": _vm.required,
|
|
18033
|
-
"disabled": _vm.disabled
|
|
18059
|
+
"disabled": _vm.disabled,
|
|
18060
|
+
"readonly": _vm.readonly
|
|
18034
18061
|
},
|
|
18035
18062
|
domProps: {
|
|
18036
18063
|
"value": _vm.inputVal
|
|
@@ -18054,9 +18081,9 @@ var ToggleInputCurrencyvue_type_template_id_46dec76a_render = function render()
|
|
|
18054
18081
|
}
|
|
18055
18082
|
}, [_vm._v(" " + _vm._s(_vm.errorMessage) + " ")]) : _vm._e()]);
|
|
18056
18083
|
};
|
|
18057
|
-
var
|
|
18084
|
+
var ToggleInputCurrencyvue_type_template_id_22eeb024_staticRenderFns = [];
|
|
18058
18085
|
|
|
18059
|
-
// CONCATENATED MODULE: ./src/components/forms/ToggleInputCurrency.vue?vue&type=template&id=
|
|
18086
|
+
// CONCATENATED MODULE: ./src/components/forms/ToggleInputCurrency.vue?vue&type=template&id=22eeb024&
|
|
18060
18087
|
|
|
18061
18088
|
// 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&
|
|
18062
18089
|
|
|
@@ -18122,6 +18149,11 @@ var ToggleInputCurrencyvue_type_template_id_46dec76a_staticRenderFns = [];
|
|
|
18122
18149
|
type: Boolean,
|
|
18123
18150
|
required: false,
|
|
18124
18151
|
default: false
|
|
18152
|
+
},
|
|
18153
|
+
readonly: {
|
|
18154
|
+
type: Boolean,
|
|
18155
|
+
required: false,
|
|
18156
|
+
default: false
|
|
18125
18157
|
}
|
|
18126
18158
|
},
|
|
18127
18159
|
created: function () {},
|
|
@@ -18133,7 +18165,7 @@ var ToggleInputCurrencyvue_type_template_id_46dec76a_staticRenderFns = [];
|
|
|
18133
18165
|
computed: {
|
|
18134
18166
|
inputVal: {
|
|
18135
18167
|
get: function () {
|
|
18136
|
-
if (this.isInputActive) {
|
|
18168
|
+
if (this.isInputActive && !this.readonly) {
|
|
18137
18169
|
if ((this.value === '' || this.value === null) && this.allowBlank) return '';
|
|
18138
18170
|
// Cursor is inside the input field. unformat display value for user
|
|
18139
18171
|
return (this.value / this.currencyDenomination).toLocaleString(this.currencyLocale);
|
|
@@ -18204,8 +18236,8 @@ var ToggleInputCurrencyvue_type_template_id_46dec76a_staticRenderFns = [];
|
|
|
18204
18236
|
|
|
18205
18237
|
var ToggleInputCurrency_component = normalizeComponent(
|
|
18206
18238
|
forms_ToggleInputCurrencyvue_type_script_lang_js_,
|
|
18207
|
-
|
|
18208
|
-
|
|
18239
|
+
ToggleInputCurrencyvue_type_template_id_22eeb024_render,
|
|
18240
|
+
ToggleInputCurrencyvue_type_template_id_22eeb024_staticRenderFns,
|
|
18209
18241
|
false,
|
|
18210
18242
|
null,
|
|
18211
18243
|
null,
|