toggle-components-library 1.17.0 → 1.18.0
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 +35 -6
- package/dist/toggle-components-library.common.js.map +1 -1
- package/dist/toggle-components-library.umd.js +35 -6
- 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/buttons/ToggleButton.vue +27 -0
|
@@ -15461,12 +15461,12 @@ var ToggleInputCrudFieldvue_type_template_id_5e1accbb_staticRenderFns = []
|
|
|
15461
15461
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.slice.js
|
|
15462
15462
|
var es_array_slice = __webpack_require__("fb6a");
|
|
15463
15463
|
|
|
15464
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0f9fa636-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/buttons/ToggleButton.vue?vue&type=template&id=
|
|
15465
|
-
var
|
|
15466
|
-
var
|
|
15464
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0f9fa636-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/buttons/ToggleButton.vue?vue&type=template&id=c3005a62&
|
|
15465
|
+
var ToggleButtonvue_type_template_id_c3005a62_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[ 'toggle-button-container', {'toggle-button-container-mini':_vm.isMini}]},[(!_vm.$slots.default)?_c('button',{class:[ 'toggle-button', _vm.buttonStyle, {'toggle-button-loading':_vm.loading}],attrs:{"type":_vm.type,"disabled":(_vm.loading || _vm.disabled)},on:{"click":_vm.click}},[(_vm.loading)?_c('div',{staticClass:"toggle-button-loader"}):_vm._e(),(!_vm.isMini)?_c('span',{domProps:{"innerHTML":_vm._s(_vm.buttonText)}}):_vm._e()]):_c('div',{class:[ 'toggle-button-a', _vm.buttonStyle, {'toggle-button-a-loading':_vm.loading, 'disabled':_vm.disabled}]},[(_vm.loading)?_c('div',{staticClass:"toggle-button-loader"}):_vm._e(),_c('div',{staticClass:"toggle-button-a-border"}),_vm._t("default",function(){return [_vm._v(_vm._s(_vm.buttonText))]})],2)])}
|
|
15466
|
+
var ToggleButtonvue_type_template_id_c3005a62_staticRenderFns = []
|
|
15467
15467
|
|
|
15468
15468
|
|
|
15469
|
-
// CONCATENATED MODULE: ./src/components/buttons/ToggleButton.vue?vue&type=template&id=
|
|
15469
|
+
// CONCATENATED MODULE: ./src/components/buttons/ToggleButton.vue?vue&type=template&id=c3005a62&
|
|
15470
15470
|
|
|
15471
15471
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.includes.js
|
|
15472
15472
|
var es_array_includes = __webpack_require__("caad");
|
|
@@ -15477,6 +15477,8 @@ var es_string_includes = __webpack_require__("2532");
|
|
|
15477
15477
|
// 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/buttons/ToggleButton.vue?vue&type=script&lang=js&
|
|
15478
15478
|
|
|
15479
15479
|
|
|
15480
|
+
|
|
15481
|
+
|
|
15480
15482
|
//
|
|
15481
15483
|
//
|
|
15482
15484
|
//
|
|
@@ -15555,7 +15557,29 @@ var es_string_includes = __webpack_require__("2532");
|
|
|
15555
15557
|
return this.buttonStyle.includes('mini');
|
|
15556
15558
|
}
|
|
15557
15559
|
},
|
|
15560
|
+
watch: {
|
|
15561
|
+
disabled: function disabled() {
|
|
15562
|
+
if (this.$slots.default !== undefined) {
|
|
15563
|
+
this.disableLinks();
|
|
15564
|
+
}
|
|
15565
|
+
},
|
|
15566
|
+
loading: function loading() {
|
|
15567
|
+
if (this.$slots.default !== undefined) {
|
|
15568
|
+
this.disableLinks();
|
|
15569
|
+
}
|
|
15570
|
+
}
|
|
15571
|
+
},
|
|
15558
15572
|
methods: {
|
|
15573
|
+
/**
|
|
15574
|
+
* set link href to null if button loading or disabled
|
|
15575
|
+
*/
|
|
15576
|
+
disableLinks: function disableLinks() {
|
|
15577
|
+
var _this = this;
|
|
15578
|
+
|
|
15579
|
+
this.$slots.default.forEach(function (slot) {
|
|
15580
|
+
slot.data.attrs.href = _this.disabled || _this.loading ? null : slot.data.attrs.href;
|
|
15581
|
+
});
|
|
15582
|
+
},
|
|
15559
15583
|
click: function click() {
|
|
15560
15584
|
/**
|
|
15561
15585
|
* Emitted when the button is clicked.
|
|
@@ -15564,6 +15588,11 @@ var es_string_includes = __webpack_require__("2532");
|
|
|
15564
15588
|
*/
|
|
15565
15589
|
this.$emit('click');
|
|
15566
15590
|
}
|
|
15591
|
+
},
|
|
15592
|
+
created: function created() {
|
|
15593
|
+
if (this.$slots.default !== undefined) {
|
|
15594
|
+
this.disableLinks();
|
|
15595
|
+
}
|
|
15567
15596
|
}
|
|
15568
15597
|
});
|
|
15569
15598
|
// CONCATENATED MODULE: ./src/components/buttons/ToggleButton.vue?vue&type=script&lang=js&
|
|
@@ -15578,8 +15607,8 @@ var es_string_includes = __webpack_require__("2532");
|
|
|
15578
15607
|
|
|
15579
15608
|
var ToggleButton_component = normalizeComponent(
|
|
15580
15609
|
buttons_ToggleButtonvue_type_script_lang_js_,
|
|
15581
|
-
|
|
15582
|
-
|
|
15610
|
+
ToggleButtonvue_type_template_id_c3005a62_render,
|
|
15611
|
+
ToggleButtonvue_type_template_id_c3005a62_staticRenderFns,
|
|
15583
15612
|
false,
|
|
15584
15613
|
null,
|
|
15585
15614
|
null,
|