documented events emitted on some components

frontend/js/components/Button.vue

@@ -3,6 +3,7 @@
 
   export default {
     name: 'A17Button',
+    emits: ['click'],
     props: {
       el: {
         type: String,
@@ -69,9 +70,9 @@
     render: function () {
       const elOpts = {
         class: this.buttonClasses,
-        // onClick: (event) => {
-        //   this.onClick(event)
-        // }
+        onClick: (event) => {
+          this.onClick(event)
+        }
       }
 
       // button

frontend/js/components/Checkbox.vue

@@ -16,6 +16,7 @@
   export default {
     name: 'A17Checkbox',
     mixins: [randKeyMixin],
+    emits: ['change'],
     props: {
       value: {
         default: ''

frontend/js/components/ColorPicker.vue

@@ -27,6 +27,7 @@
 
   export default {
     name: 'a17ColorPicker',
+    emits: ['change'],
     props: {
       color: {
         type: String,

frontend/js/components/DatePicker.vue

@@ -4,7 +4,7 @@
     <div class="datePicker__group" :ref="refs.flatPicker">
       <div class="form__field datePicker__field">
         <input type="text" :name="name" :id="uniqId" :required="required" :placeholder="placeHolder" data-input
-               @blur="onBlur" @input.stop="onInput" v-model="date" :disabled="disabled">
+               @blur="onBlur" @input="onInput" v-model="date" :disabled="disabled">
         <a href="#" v-if="clear" class="datePicker__reset" :class="{ 'datePicker__reset--cleared' : !date }"
            @click.prevent="onClear"><span v-svg symbol="close_icon"></span></a>
       </div>
@@ -26,6 +26,7 @@
   export default {
     name: 'A17DatePicker',
     mixins: [randKeyMixin, InputframeMixin, FormStoreMixin],
+    emits: ['input', 'open', 'close', 'blur'],
     props: {
       /* @see: https://chmln.github.io/flatpickr/options/ */
       name: { // FlatPicker hidden input name

frontend/js/components/Infotip.vue

@@ -5,6 +5,7 @@
 <script>
   export default {
     name: 'A17Infotip',
+    emits: ['click'],
     props: {
       text: {
         default: ''