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
|
@@ -15470,12 +15470,12 @@ var ToggleInputCrudFieldvue_type_template_id_5e1accbb_staticRenderFns = []
|
|
|
15470
15470
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.slice.js
|
|
15471
15471
|
var es_array_slice = __webpack_require__("fb6a");
|
|
15472
15472
|
|
|
15473
|
-
// 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=
|
|
15474
|
-
var
|
|
15475
|
-
var
|
|
15473
|
+
// 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&
|
|
15474
|
+
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)])}
|
|
15475
|
+
var ToggleButtonvue_type_template_id_c3005a62_staticRenderFns = []
|
|
15476
15476
|
|
|
15477
15477
|
|
|
15478
|
-
// CONCATENATED MODULE: ./src/components/buttons/ToggleButton.vue?vue&type=template&id=
|
|
15478
|
+
// CONCATENATED MODULE: ./src/components/buttons/ToggleButton.vue?vue&type=template&id=c3005a62&
|
|
15479
15479
|
|
|
15480
15480
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.includes.js
|
|
15481
15481
|
var es_array_includes = __webpack_require__("caad");
|
|
@@ -15486,6 +15486,8 @@ var es_string_includes = __webpack_require__("2532");
|
|
|
15486
15486
|
// 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&
|
|
15487
15487
|
|
|
15488
15488
|
|
|
15489
|
+
|
|
15490
|
+
|
|
15489
15491
|
//
|
|
15490
15492
|
//
|
|
15491
15493
|
//
|
|
@@ -15564,7 +15566,29 @@ var es_string_includes = __webpack_require__("2532");
|
|
|
15564
15566
|
return this.buttonStyle.includes('mini');
|
|
15565
15567
|
}
|
|
15566
15568
|
},
|
|
15569
|
+
watch: {
|
|
15570
|
+
disabled: function disabled() {
|
|
15571
|
+
if (this.$slots.default !== undefined) {
|
|
15572
|
+
this.disableLinks();
|
|
15573
|
+
}
|
|
15574
|
+
},
|
|
15575
|
+
loading: function loading() {
|
|
15576
|
+
if (this.$slots.default !== undefined) {
|
|
15577
|
+
this.disableLinks();
|
|
15578
|
+
}
|
|
15579
|
+
}
|
|
15580
|
+
},
|
|
15567
15581
|
methods: {
|
|
15582
|
+
/**
|
|
15583
|
+
* set link href to null if button loading or disabled
|
|
15584
|
+
*/
|
|
15585
|
+
disableLinks: function disableLinks() {
|
|
15586
|
+
var _this = this;
|
|
15587
|
+
|
|
15588
|
+
this.$slots.default.forEach(function (slot) {
|
|
15589
|
+
slot.data.attrs.href = _this.disabled || _this.loading ? null : slot.data.attrs.href;
|
|
15590
|
+
});
|
|
15591
|
+
},
|
|
15568
15592
|
click: function click() {
|
|
15569
15593
|
/**
|
|
15570
15594
|
* Emitted when the button is clicked.
|
|
@@ -15573,6 +15597,11 @@ var es_string_includes = __webpack_require__("2532");
|
|
|
15573
15597
|
*/
|
|
15574
15598
|
this.$emit('click');
|
|
15575
15599
|
}
|
|
15600
|
+
},
|
|
15601
|
+
created: function created() {
|
|
15602
|
+
if (this.$slots.default !== undefined) {
|
|
15603
|
+
this.disableLinks();
|
|
15604
|
+
}
|
|
15576
15605
|
}
|
|
15577
15606
|
});
|
|
15578
15607
|
// CONCATENATED MODULE: ./src/components/buttons/ToggleButton.vue?vue&type=script&lang=js&
|
|
@@ -15587,8 +15616,8 @@ var es_string_includes = __webpack_require__("2532");
|
|
|
15587
15616
|
|
|
15588
15617
|
var ToggleButton_component = normalizeComponent(
|
|
15589
15618
|
buttons_ToggleButtonvue_type_script_lang_js_,
|
|
15590
|
-
|
|
15591
|
-
|
|
15619
|
+
ToggleButtonvue_type_template_id_c3005a62_render,
|
|
15620
|
+
ToggleButtonvue_type_template_id_c3005a62_staticRenderFns,
|
|
15592
15621
|
false,
|
|
15593
15622
|
null,
|
|
15594
15623
|
null,
|