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
|
@@ -14790,7 +14790,7 @@ if (typeof window !== 'undefined') {
|
|
|
14790
14790
|
var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__("8bbf");
|
|
14791
14791
|
var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_vue_commonjs2_vue_root_Vue_);
|
|
14792
14792
|
|
|
14793
|
-
// 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=
|
|
14793
|
+
// 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&
|
|
14794
14794
|
var render = function render() {
|
|
14795
14795
|
var _vm = this,
|
|
14796
14796
|
_c = _vm._self._c;
|
|
@@ -14817,7 +14817,10 @@ var render = function render() {
|
|
|
14817
14817
|
value: _vm.inputVal,
|
|
14818
14818
|
expression: "inputVal"
|
|
14819
14819
|
}],
|
|
14820
|
-
class: ['toggle-input',
|
|
14820
|
+
class: ['toggle-input', {
|
|
14821
|
+
'toggle-input-is-readonly': _vm.readonly,
|
|
14822
|
+
size: _vm.size
|
|
14823
|
+
}],
|
|
14821
14824
|
attrs: {
|
|
14822
14825
|
"name": _vm.name ? _vm.name : 'ToggleInputText',
|
|
14823
14826
|
"placeholder": _vm.placeholder ? _vm.placeholder : '',
|
|
@@ -14856,7 +14859,10 @@ var render = function render() {
|
|
|
14856
14859
|
value: _vm.inputVal,
|
|
14857
14860
|
expression: "inputVal"
|
|
14858
14861
|
}],
|
|
14859
|
-
class: ['toggle-input',
|
|
14862
|
+
class: ['toggle-input', {
|
|
14863
|
+
'toggle-input-is-readonly': _vm.readonly,
|
|
14864
|
+
size: _vm.size
|
|
14865
|
+
}],
|
|
14860
14866
|
attrs: {
|
|
14861
14867
|
"name": _vm.name ? _vm.name : 'ToggleInputText',
|
|
14862
14868
|
"placeholder": _vm.placeholder ? _vm.placeholder : '',
|
|
@@ -14882,7 +14888,10 @@ var render = function render() {
|
|
|
14882
14888
|
value: _vm.inputVal,
|
|
14883
14889
|
expression: "inputVal"
|
|
14884
14890
|
}],
|
|
14885
|
-
class: ['toggle-input',
|
|
14891
|
+
class: ['toggle-input', {
|
|
14892
|
+
'toggle-input-is-readonly': _vm.readonly,
|
|
14893
|
+
size: _vm.size
|
|
14894
|
+
}],
|
|
14886
14895
|
attrs: {
|
|
14887
14896
|
"name": _vm.name ? _vm.name : 'ToggleInputText',
|
|
14888
14897
|
"placeholder": _vm.placeholder ? _vm.placeholder : '',
|
|
@@ -14911,7 +14920,7 @@ var render = function render() {
|
|
|
14911
14920
|
};
|
|
14912
14921
|
var staticRenderFns = [];
|
|
14913
14922
|
|
|
14914
|
-
// CONCATENATED MODULE: ./src/components/forms/ToggleInputText.vue?vue&type=template&id=
|
|
14923
|
+
// CONCATENATED MODULE: ./src/components/forms/ToggleInputText.vue?vue&type=template&id=2406772d&
|
|
14915
14924
|
|
|
14916
14925
|
// EXTERNAL MODULE: ./src/sass/includes/_as_variables.scss
|
|
14917
14926
|
var _as_variables = __webpack_require__("b659");
|
|
@@ -17827,8 +17836,8 @@ var ToggleInputSelect_component = normalizeComponent(
|
|
|
17827
17836
|
)
|
|
17828
17837
|
|
|
17829
17838
|
/* harmony default export */ var ToggleInputSelect = (ToggleInputSelect_component.exports);
|
|
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=
|
|
17831
|
-
var
|
|
17839
|
+
// 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&
|
|
17840
|
+
var ToggleInputPercentagevue_type_template_id_6015b52a_render = function render() {
|
|
17832
17841
|
var _vm = this,
|
|
17833
17842
|
_c = _vm._self._c;
|
|
17834
17843
|
return _c('div', {
|
|
@@ -17851,12 +17860,16 @@ var ToggleInputPercentagevue_type_template_id_59aec2e2_render = function render(
|
|
|
17851
17860
|
value: _vm.inputVal,
|
|
17852
17861
|
expression: "inputVal"
|
|
17853
17862
|
}],
|
|
17854
|
-
class: ['toggle-input',
|
|
17863
|
+
class: ['toggle-input', {
|
|
17864
|
+
'toggle-input-is-readonly': _vm.readonly,
|
|
17865
|
+
size: _vm.size
|
|
17866
|
+
}],
|
|
17855
17867
|
attrs: {
|
|
17856
17868
|
"name": _vm.name ? _vm.name : 'ToggleInputPercentage',
|
|
17857
17869
|
"placeholder": _vm.placeholder ? _vm.placeholder : '',
|
|
17858
17870
|
"autocomplete": _vm.autocomplete ? 'on' : 'off',
|
|
17859
|
-
"required": _vm.required
|
|
17871
|
+
"required": _vm.required,
|
|
17872
|
+
"readonly": _vm.readonly
|
|
17860
17873
|
},
|
|
17861
17874
|
domProps: {
|
|
17862
17875
|
"value": _vm.inputVal
|
|
@@ -17880,9 +17893,9 @@ var ToggleInputPercentagevue_type_template_id_59aec2e2_render = function render(
|
|
|
17880
17893
|
}
|
|
17881
17894
|
}, [_vm._v(" " + _vm._s(_vm.errorMessage) + " ")]) : _vm._e()]);
|
|
17882
17895
|
};
|
|
17883
|
-
var
|
|
17896
|
+
var ToggleInputPercentagevue_type_template_id_6015b52a_staticRenderFns = [];
|
|
17884
17897
|
|
|
17885
|
-
// CONCATENATED MODULE: ./src/components/forms/ToggleInputPercentage.vue?vue&type=template&id=
|
|
17898
|
+
// CONCATENATED MODULE: ./src/components/forms/ToggleInputPercentage.vue?vue&type=template&id=6015b52a&
|
|
17886
17899
|
|
|
17887
17900
|
// 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&
|
|
17888
17901
|
|
|
@@ -17929,6 +17942,16 @@ var ToggleInputPercentagevue_type_template_id_59aec2e2_staticRenderFns = [];
|
|
|
17929
17942
|
allowFloat: {
|
|
17930
17943
|
type: Boolean,
|
|
17931
17944
|
default: false
|
|
17945
|
+
},
|
|
17946
|
+
readonly: {
|
|
17947
|
+
type: Boolean,
|
|
17948
|
+
required: false,
|
|
17949
|
+
default: false
|
|
17950
|
+
},
|
|
17951
|
+
disabled: {
|
|
17952
|
+
type: Boolean,
|
|
17953
|
+
required: false,
|
|
17954
|
+
default: false
|
|
17932
17955
|
}
|
|
17933
17956
|
},
|
|
17934
17957
|
created: function () {},
|
|
@@ -17947,7 +17970,7 @@ var ToggleInputPercentagevue_type_template_id_59aec2e2_staticRenderFns = [];
|
|
|
17947
17970
|
computed: {
|
|
17948
17971
|
inputVal: {
|
|
17949
17972
|
get: function () {
|
|
17950
|
-
if (this.isInputActive) {
|
|
17973
|
+
if (this.isInputActive && !this.readonly) {
|
|
17951
17974
|
// Cursor is inside the input field. unformat display value for user
|
|
17952
17975
|
return this.value.toString();
|
|
17953
17976
|
} else {
|
|
@@ -17998,8 +18021,8 @@ var ToggleInputPercentagevue_type_template_id_59aec2e2_staticRenderFns = [];
|
|
|
17998
18021
|
|
|
17999
18022
|
var ToggleInputPercentage_component = normalizeComponent(
|
|
18000
18023
|
forms_ToggleInputPercentagevue_type_script_lang_js_,
|
|
18001
|
-
|
|
18002
|
-
|
|
18024
|
+
ToggleInputPercentagevue_type_template_id_6015b52a_render,
|
|
18025
|
+
ToggleInputPercentagevue_type_template_id_6015b52a_staticRenderFns,
|
|
18003
18026
|
false,
|
|
18004
18027
|
null,
|
|
18005
18028
|
null,
|
|
@@ -18008,8 +18031,8 @@ var ToggleInputPercentage_component = normalizeComponent(
|
|
|
18008
18031
|
)
|
|
18009
18032
|
|
|
18010
18033
|
/* harmony default export */ var ToggleInputPercentage = (ToggleInputPercentage_component.exports);
|
|
18011
|
-
// 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=
|
|
18012
|
-
var
|
|
18034
|
+
// 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&
|
|
18035
|
+
var ToggleInputCurrencyvue_type_template_id_22eeb024_render = function render() {
|
|
18013
18036
|
var _vm = this,
|
|
18014
18037
|
_c = _vm._self._c;
|
|
18015
18038
|
return _c('div', {
|
|
@@ -18033,13 +18056,17 @@ var ToggleInputCurrencyvue_type_template_id_46dec76a_render = function render()
|
|
|
18033
18056
|
value: _vm.inputVal,
|
|
18034
18057
|
expression: "inputVal"
|
|
18035
18058
|
}],
|
|
18036
|
-
class: ['toggle-input',
|
|
18059
|
+
class: ['toggle-input', {
|
|
18060
|
+
'toggle-input-is-readonly': _vm.readonly,
|
|
18061
|
+
size: _vm.size
|
|
18062
|
+
}],
|
|
18037
18063
|
attrs: {
|
|
18038
18064
|
"name": _vm.name ? _vm.name : 'ToggleInputCurrency',
|
|
18039
18065
|
"placeholder": _vm.placeholder ? _vm.placeholder : '',
|
|
18040
18066
|
"autocomplete": _vm.autocomplete ? 'on' : 'off',
|
|
18041
18067
|
"required": _vm.required,
|
|
18042
|
-
"disabled": _vm.disabled
|
|
18068
|
+
"disabled": _vm.disabled,
|
|
18069
|
+
"readonly": _vm.readonly
|
|
18043
18070
|
},
|
|
18044
18071
|
domProps: {
|
|
18045
18072
|
"value": _vm.inputVal
|
|
@@ -18063,9 +18090,9 @@ var ToggleInputCurrencyvue_type_template_id_46dec76a_render = function render()
|
|
|
18063
18090
|
}
|
|
18064
18091
|
}, [_vm._v(" " + _vm._s(_vm.errorMessage) + " ")]) : _vm._e()]);
|
|
18065
18092
|
};
|
|
18066
|
-
var
|
|
18093
|
+
var ToggleInputCurrencyvue_type_template_id_22eeb024_staticRenderFns = [];
|
|
18067
18094
|
|
|
18068
|
-
// CONCATENATED MODULE: ./src/components/forms/ToggleInputCurrency.vue?vue&type=template&id=
|
|
18095
|
+
// CONCATENATED MODULE: ./src/components/forms/ToggleInputCurrency.vue?vue&type=template&id=22eeb024&
|
|
18069
18096
|
|
|
18070
18097
|
// 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&
|
|
18071
18098
|
|
|
@@ -18131,6 +18158,11 @@ var ToggleInputCurrencyvue_type_template_id_46dec76a_staticRenderFns = [];
|
|
|
18131
18158
|
type: Boolean,
|
|
18132
18159
|
required: false,
|
|
18133
18160
|
default: false
|
|
18161
|
+
},
|
|
18162
|
+
readonly: {
|
|
18163
|
+
type: Boolean,
|
|
18164
|
+
required: false,
|
|
18165
|
+
default: false
|
|
18134
18166
|
}
|
|
18135
18167
|
},
|
|
18136
18168
|
created: function () {},
|
|
@@ -18142,7 +18174,7 @@ var ToggleInputCurrencyvue_type_template_id_46dec76a_staticRenderFns = [];
|
|
|
18142
18174
|
computed: {
|
|
18143
18175
|
inputVal: {
|
|
18144
18176
|
get: function () {
|
|
18145
|
-
if (this.isInputActive) {
|
|
18177
|
+
if (this.isInputActive && !this.readonly) {
|
|
18146
18178
|
if ((this.value === '' || this.value === null) && this.allowBlank) return '';
|
|
18147
18179
|
// Cursor is inside the input field. unformat display value for user
|
|
18148
18180
|
return (this.value / this.currencyDenomination).toLocaleString(this.currencyLocale);
|
|
@@ -18213,8 +18245,8 @@ var ToggleInputCurrencyvue_type_template_id_46dec76a_staticRenderFns = [];
|
|
|
18213
18245
|
|
|
18214
18246
|
var ToggleInputCurrency_component = normalizeComponent(
|
|
18215
18247
|
forms_ToggleInputCurrencyvue_type_script_lang_js_,
|
|
18216
|
-
|
|
18217
|
-
|
|
18248
|
+
ToggleInputCurrencyvue_type_template_id_22eeb024_render,
|
|
18249
|
+
ToggleInputCurrencyvue_type_template_id_22eeb024_staticRenderFns,
|
|
18218
18250
|
false,
|
|
18219
18251
|
null,
|
|
18220
18252
|
null,
|