tg-controls_cli 0.1.15 → 0.1.16

package/dist/myLib.common.js

@@ -35625,6 +35625,9 @@ __webpack_require__.d(__webpack_exports__, "CustomSelectField", function() { ret
 __webpack_require__.d(__webpack_exports__, "MultiSelectField", function() { return /* reexport */ MultiSelectField; });
 __webpack_require__.d(__webpack_exports__, "TextAreaField", function() { return /* reexport */ TextAreaField; });
 __webpack_require__.d(__webpack_exports__, "TreeSelectField", function() { return /* reexport */ TreeSelectField; });
+__webpack_require__.d(__webpack_exports__, "registerPreventReclickDirective", function() { return /* reexport */ registerPreventReclickDirective; });
+__webpack_require__.d(__webpack_exports__, "preventReclickDirective", function() { return /* reexport */ preventReclickDirective; });
+__webpack_require__.d(__webpack_exports__, "DEFAULT_PREVENT_RECLICK_MS", function() { return /* reexport */ DEFAULT_PREVENT_RECLICK_MS; });
 
 // NAMESPACE OBJECT: ./node_modules/vee-validate/dist/rules.js
 var rules_namespaceObject = {};
@@ -35674,7 +35677,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"54387704-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/DynamicForm.vue?vue&type=template&id=e35d8ea0
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"54387704-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/DynamicForm.vue?vue&type=template&id=004c7652
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -35799,14 +35802,26 @@ var render = function render() {
           }, [_vm.renderButtons(_vm.buttons).length == 0 ? _c('div', {
             class: _vm.buttonClasses
           }, [_c('button', {
+            directives: [{
+              name: "prevent-reclick",
+              rawName: "v-prevent-reclick",
+              value: _vm.effectivePreventReclickMs,
+              expression: "effectivePreventReclickMs"
+            }],
             staticClass: "btn btn-success",
             attrs: {
               "type": "submit"
             }
-          }, [_vm._v("Submit")])]) : _vm._e(), _vm.renderButtons(_vm.buttons).length >= 0 ? _c('div', {
+          }, [_vm._v("Submit")])]) : _vm._e(), _vm.renderButtons(_vm.buttons).length > 0 ? _c('div', {
             class: _vm.buttonClasses
           }, [_vm._l(_vm.buttons, function (button, index) {
             return [button.type && button.type.toLowerCase() == 'submit' && (button.hasOwnProperty('isVisible') == false || button.hasOwnProperty('isVisible') && button.isVisible == true) ? _c('button', {
+              directives: [{
+                name: "prevent-reclick",
+                rawName: "v-prevent-reclick",
+                value: _vm.effectivePreventReclickMs,
+                expression: "effectivePreventReclickMs"
+              }],
               class: button.class,
               style: index > 0 ? 'margin-left:5px;' : '',
               attrs: {
@@ -35843,14 +35858,26 @@ var render = function render() {
         }, [_vm.renderButtons(_vm.buttons).length == 0 ? _c('div', {
           staticClass: "col-lg-6 col-md-6 text-right"
         }, [_c('button', {
+          directives: [{
+            name: "prevent-reclick",
+            rawName: "v-prevent-reclick",
+            value: _vm.effectivePreventReclickMs,
+            expression: "effectivePreventReclickMs"
+          }],
           staticClass: "btn btn-success",
           attrs: {
             "type": "submit"
           }
-        }, [_vm._v("Submit")])]) : _vm._e(), _vm.renderButtons(_vm.buttons).length >= 0 ? _c('div', {
+        }, [_vm._v("Submit")])]) : _vm._e(), _vm.renderButtons(_vm.buttons).length > 0 ? _c('div', {
           staticClass: "col-lg-6 col-md-6 text-right"
         }, [_vm._l(_vm.buttons, function (button, index) {
           return [button.type && button.type.toLowerCase() == 'submit' && (button.hasOwnProperty('isVisible') == false || button.hasOwnProperty('isVisible') && button.isVisible == true) ? _c('button', {
+            directives: [{
+              name: "prevent-reclick",
+              rawName: "v-prevent-reclick",
+              value: _vm.effectivePreventReclickMs,
+              expression: "effectivePreventReclickMs"
+            }],
             class: button.class,
             style: index > 0 ? 'margin-left:5px;' : '',
             attrs: {
@@ -35890,7 +35917,7 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/DynamicForm.vue?vue&type=template&id=e35d8ea0
+// CONCATENATED MODULE: ./src/components/DynamicForm.vue?vue&type=template&id=004c7652
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__("14d9");
@@ -45949,6 +45976,68 @@ var NumericRangeField_component = normalizeComponent(
 )
 
 /* harmony default export */ var NumericRangeField = (NumericRangeField_component.exports);
+// CONCATENATED MODULE: ./src/directives/preventReclick.js
+/**
+ * Block repeat clicks within a cooldown (capture phase, runs before @click).
+ *
+ * Host app optional global default:
+ *   Vue.config.preventReclickDefaultMs = 2000;
+ *
+ * Usage:
+ *   <button v-prevent-reclick @click="save">Save</button>
+ *   <button v-prevent-reclick="500" @click="save">Save</button>   // 500 ms
+ *   v-prevent-reclick="0" disables the guard on that element.
+ */
+
+var DEFAULT_PREVENT_RECLICK_MS = 2000;
+function getDefaultCooldownMs() {
+  var cfg = external_commonjs_vue_commonjs2_vue_root_Vue_default.a.config && external_commonjs_vue_commonjs2_vue_root_Vue_default.a.config.preventReclickDefaultMs;
+  if (typeof cfg === 'number' && cfg >= 0) {
+    return cfg;
+  }
+  return DEFAULT_PREVENT_RECLICK_MS;
+}
+function resolveCooldown(binding) {
+  if (typeof binding.value === 'number' && binding.value >= 0) {
+    return binding.value;
+  }
+  return getDefaultCooldownMs();
+}
+var preventReclickDirective = {
+  bind: function (el, binding) {
+    el.__preventReclickCooldown = resolveCooldown(binding);
+    var lastClickTime = 0;
+    var handler = function (e) {
+      var cooldownMs = el.__preventReclickCooldown;
+      if (cooldownMs === 0) {
+        return;
+      }
+      var now = Date.now();
+      if (now - lastClickTime < cooldownMs) {
+        e.preventDefault();
+        e.stopImmediatePropagation();
+        e.stopPropagation();
+        return false;
+      }
+      lastClickTime = now;
+    };
+    el.addEventListener('click', handler, true);
+    el.__preventReclickHandler = handler;
+  },
+  update: function (el, binding) {
+    el.__preventReclickCooldown = resolveCooldown(binding);
+  },
+  unbind: function (el) {
+    if (el.__preventReclickHandler) {
+      el.removeEventListener('click', el.__preventReclickHandler, true);
+      delete el.__preventReclickHandler;
+      delete el.__preventReclickCooldown;
+    }
+  }
+};
+function registerPreventReclickDirective(VueConstructor) {
+  VueConstructor.directive('prevent-reclick', preventReclickDirective);
+}
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./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/DynamicForm.vue?vue&type=script&lang=js
 
 
@@ -45972,12 +46061,17 @@ var NumericRangeField_component = normalizeComponent(
 
 
 
+
+
 
 
 
 //import { getFormValidationRules } from  "./validationMessages.vue"
 /* harmony default export */ var DynamicFormvue_type_script_lang_js = ({
   name: 'DynamicForm',
+  directives: {
+    preventReclick: preventReclickDirective
+  },
   components: {
     ValidationObserver: ValidationObserver,
     NumericField: NumericField,
@@ -46006,7 +46100,8 @@ var NumericRangeField_component = normalizeComponent(
       //ValidationRules: null,
       clickedButton: null,
       keyForComponentUpdate: 0,
-      buttonClasses: "col-lg-6 col-md-6 p-0 pt-4"
+      buttonClasses: "col-lg-6 col-md-6 p-0 pt-4",
+      lastOnSubmitAt: 0
     };
   },
   props: {
@@ -46030,6 +46125,23 @@ var NumericRangeField_component = normalizeComponent(
     inlinebuttons: {
       type: Boolean,
       default: false
+    },
+    /** Submit cooldown (ms). Omit = use Vue.config.preventReclickDefaultMs or 2000. 0 = off. */
+    preventReclickMs: {
+      type: Number,
+      required: false
+    }
+  },
+  computed: {
+    effectivePreventReclickMs: function () {
+      if (typeof this.preventReclickMs === 'number' && this.preventReclickMs >= 0) {
+        return this.preventReclickMs;
+      }
+      var cfg = external_commonjs_vue_commonjs2_vue_root_Vue_default.a.config && external_commonjs_vue_commonjs2_vue_root_Vue_default.a.config.preventReclickDefaultMs;
+      if (typeof cfg === 'number' && cfg >= 0) {
+        return cfg;
+      }
+      return DEFAULT_PREVENT_RECLICK_MS;
     }
   },
   watch: {
@@ -46467,14 +46579,14 @@ var NumericRangeField_component = normalizeComponent(
       return returnVal;
     },
     renderButtons: function (buttons) {
-      if (buttons) {
-        var arrayConstructor = [].constructor;
-        if (buttons.constructor === arrayConstructor) {
-          return buttons;
-        } else {
-          return [];
-        }
+      if (buttons === false || buttons == null || buttons === undefined) {
+        return [];
+      }
+      var arrayConstructor = [].constructor;
+      if (buttons.constructor === arrayConstructor) {
+        return buttons;
       }
+      return [];
     },
     GetGroupName: function (group_display_name, display_name) {
       if (group_display_name) {
@@ -46507,15 +46619,21 @@ var NumericRangeField_component = normalizeComponent(
       return returnValue;
     },
     onSubmit: function () {
+      var ms = this.effectivePreventReclickMs;
+      if (ms > 0) {
+        var now = Date.now();
+        if (now - this.lastOnSubmitAt < ms) {
+          return;
+        }
+        this.lastOnSubmitAt = now;
+      }
       var formfields = {};
       this.schema.forEach(formSchema => {
         formSchema.Data.forEach(field => {
           formfields[field.name] = field.value;
         });
       });
-      console.log(formfields);
       this.$emit("OnSubmit", formfields, this.clickedButton);
-      console.log(1001);
     },
     // invalidSubmit: function(e,x,y){
     //     this.$emit("OnInvalidSubmit", e, this.clickedButton);
@@ -46524,7 +46642,7 @@ var NumericRangeField_component = normalizeComponent(
       let btnName = "";
       btnName = btn.name ? btn.name : btn.text;
       this.clickedButton = btnName;
-      if (btn.hasOwnProperty('onClick')) {
+      if (typeof btn.onClick === 'function') {
         btn.onClick(btn);
       }
     },
@@ -46619,8 +46737,10 @@ var DynamicForm_component = normalizeComponent(
 
 
 
+
 /* harmony default export */ var src_0 = ({
   install(Vue, options = {}) {
+    registerPreventReclickDirective(Vue);
     Vue.component('DynamicForm', DynamicForm);
     Vue.component('NumericField', NumericField);
     Vue.component('SelectField', SelectField);