define components events with emits option

frontend/js/components/BrowserItem.vue

@@ -33,6 +33,7 @@
 <script>
   export default {
     name: 'A17BrowserItem',
+    emits: ['delete'],
     props: {
       name: {
         type: String,

frontend/js/components/CheckboxAccordion.vue

@@ -22,6 +22,7 @@
       'a17-accordion': a17Accordion
     },
     mixins: [VisibilityMixin],
+    emits: ['open'],
     props: {
       value: {
         default: function () { return [] }

frontend/js/components/Cropper.vue

@@ -43,6 +43,7 @@
       }
     },
     mixins: [cropperMixin],
+    emits: ['crop-end'],
     data: function () {
       return {
         cropper: null,

frontend/js/components/Dropdown.vue

@@ -24,6 +24,7 @@
 <script>
   export default {
     name: 'A17Dropdown',
+    emits: ['open', 'close'],
     props: {
       title: {
         type: String,

frontend/js/components/Filter.vue

@@ -30,6 +30,7 @@
 
   export default {
     name: 'A17Filter',
+    emits: ['submit', 'clear'],
     props: {
       initialSearchValue: {
         type: String,

frontend/js/components/LocaleField.vue

@@ -43,6 +43,7 @@
 
   export default {
     name: 'A17Locale',
+    emits: ['blur', 'focus', 'localize', 'change'],
     props: {
       type: {
         type: String,

frontend/js/components/LocationField.vue

@@ -48,6 +48,7 @@
 
   export default {
     name: 'A17Locationfield',
+    emits: ['focus'],
     mixins: [InputMixin, InputframeMixin, LocaleMixin, FormStoreMixin],
     props: {
       type: {

frontend/js/components/MediaMetadata.vue

@@ -43,6 +43,7 @@
 
   export default {
     name: 'A17MediaMetadata',
+    emits: ['change'],
     props: {
       media: {
         type: Object,

frontend/js/components/Modal.vue

@@ -25,6 +25,7 @@
 
   export default {
     name: 'A17Modal',
+    emits: ['open', 'close', 'esc-key'],
     props: {
       title: {
         type: String,

frontend/js/components/MultiButton.vue

@@ -25,6 +25,7 @@
 
   export default {
     name: 'A17Multibutton',
+    emits: ['button-clicked'],
     props: {
       type: {
         default: 'button'

frontend/js/components/Overlay.vue

@@ -26,6 +26,7 @@
 
   export default {
     name: 'A17Overlay',
+    emits: ['open', 'close', 'esc-key'],
     props: {
       title: {
         type: String,

frontend/js/components/ParentsAccordion.vue

@@ -22,6 +22,7 @@
 
   export default {
     name: 'A17Parents',
+    emits: ['open'],
     components: {
       'a17-accordion': a17Accordion
     },

frontend/js/components/PreviewerFrame.vue

@@ -6,6 +6,7 @@
 <script>
   export default {
     name: 'A17previewerFrame',
+    emits: ['scrollDoc'],
     props: {
       size: {
         type: Number,

frontend/js/components/PubAccordion.vue

@@ -60,6 +60,7 @@
 
   export default {
     name: 'A17Pubaccordion',
+    emits: ['open'],
     components: {
       'a17-accordion': a17Accordion
     },

frontend/js/components/Radio.vue

@@ -10,6 +10,7 @@
 
   export default {
     name: 'A17Radio',
+    emits: ['change'],
     mixins: [randKeyMixin],
     props: {
       customClass: {

frontend/js/components/RadioAccordion.vue

@@ -21,6 +21,7 @@
       'a17-accordion': a17Accordion
     },
     mixins: [VisibilityMixin],
+    emits: ['change', 'open'],
     props: {
       value: {
         default: ''

frontend/js/components/RadioGroup.vue

@@ -24,6 +24,7 @@
   export default {
     name: 'A17CheckboxGroup',
     mixins: [randKeyMixin, InputframeMixin, FormStoreMixin],
+    emits: ['change'],
     props: {
       radioClass: {
         type: String,

frontend/js/components/ReviewAccordion.vue

@@ -22,6 +22,7 @@
       'a17-accordion': a17Accordion
     },
     mixins: [VisibilityMixin],
+    emits: ['open'],
     props: {
       value: {
         default: function () { return [] }

frontend/js/components/RevisionAccordion.vue

@@ -29,6 +29,7 @@
 
   export default {
     name: 'A17Revisions',
+    emits: ['open'],
     components: {
       'a17-accordion': a17Accordion
     },

frontend/js/components/Select.vue

@@ -28,6 +28,7 @@
 
   export default {
     name: 'A17Select',
+    emits: ['change'],
     mixins: [randKeyMixin, InputMixin, InputframeMixin, LocaleMixin, FormStoreMixin, AttributesMixin],
     props: {
       size: {

frontend/js/components/SingleCheckbox.vue

@@ -26,6 +26,7 @@
 
   export default {
     name: 'A17SingleCheckbox',
+    emits: ['change'],
     mixins: [randKeyMixin, InputframeMixin, FormStoreMixin, ConfirmationMixin],
     props: {
       name: {

frontend/js/components/SingleSelect.vue

@@ -39,6 +39,7 @@
 
   export default {
     name: 'A17Singleselect',
+    emits: ['change'],
     mixins: [randKeyMixin, InputframeMixin, FormStoreMixin, AttributesMixin, ConfirmationMixin],
     props: {
       name: {

frontend/js/components/Switcher.vue

@@ -21,6 +21,7 @@
 
   export default {
     name: 'A17Toggle',
+    emits: ['change'],
     props: {
       name: {
         type: String,

frontend/js/components/VSelect.vue

@@ -49,6 +49,7 @@
   import randKeyMixin from '@/mixins/randKey'
   export default {
     name: 'A17VueSelect',
+    emits: ['change'],
     mixins: [randKeyMixin, InputframeMixin, FormStoreMixin, AttributesMixin],
     props: {
       placeholder: {

frontend/js/components/VSelect/ExtendedVSelect.vue

@@ -6,6 +6,7 @@
 
   export default {
     extends: vSelect,
+    emits: ['search'],
     props: {
       /**
        * Enable/Disable deselect the option by double select it

frontend/js/components/Wysiwyg.vue

@@ -47,6 +47,7 @@
 
   export default {
     name: 'A17Wysiwyg',
+    emits: ['change', 'input', 'focus', 'blur', 'ready'],
     mixins: [InputMixin, InputframeMixin, LocaleMixin, FormStoreMixin],
     props: {
       editSource: {

frontend/js/components/WysiwygMenuBarButton.vue

@@ -26,6 +26,7 @@
 <script>
   export default {
     name: 'WysiwygMenuBarButton',
+    emits: ['btn:click'],
     props: {
       icon: {
         type: String,

frontend/js/components/buckets/BucketItem.vue

@@ -49,6 +49,7 @@
   export default {
     components: { A17Dropdown },
     name: 'a17BucketItem',
+    emits: ['remove-from-bucket', 'toggle-featured-in-bucket'],
     props: {
       bucket: {
         type: String

frontend/js/components/editor/EditorIframe.vue

@@ -26,6 +26,7 @@
 
   export default {
     name: 'A17editorIframe',
+    emits: ['loaded'],
     props: {
       block: {
         type: Object,

frontend/js/components/files/FileItem.vue

@@ -24,6 +24,7 @@
 
   export default {
     name: 'a17FileItem',
+    emits: ['delete'],
     props: {
       name: {
         type: String,

frontend/js/components/media-library/MediaSidebar.vue

@@ -147,6 +147,7 @@
 
   export default {
     name: 'A17MediaSidebar',
+    emits: ['triggerMediaReplace', 'delete', 'clear', 'tagUpdated'],
     components: {
       'a17-mediasidebar-upload': a17MediaSidebarUpload,
       'a17-langswitcher': a17Langswitcher

frontend/js/components/media-library/Uploader.vue

@@ -18,6 +18,7 @@
 
   export default {
     name: 'A17Uploader',
+    emits: ['clear', 'loaded'],
     props: {
       type: {
         type: Object,

frontend/js/components/modals/ModalCreate.vue

@@ -29,6 +29,7 @@
   export default {
     name: 'A17ModalCreate',
     mixins: [retrySubmitMixin],
+    emits: ['reload'],
     props: {
       formCreate: {
         type: String,

frontend/js/components/modals/ModalValidationButtons.vue

@@ -23,6 +23,7 @@
 
   export default {
     name: 'A17ModalValidationButtons',
+    emits: ['disable'],
     props: {
       publishedName: {
         type: String,

frontend/js/components/table/Paginate.vue

@@ -27,6 +27,7 @@
 <script>
   export default {
     name: 'A17Paginate',
+    emits: ['changePage', 'changeOffset'],
     props: {
       value: {
         type: Number,

frontend/js/components/table/Table.vue

@@ -15,6 +15,7 @@
 <script>
   export default {
     name: 'A17Table',
+    emits: ['scroll'],
     props: {
       xScroll: {
         type: Number,

frontend/js/components/table/TableHead.vue

@@ -15,6 +15,7 @@
 
   export default {
     name: 'A17Tablehead',
+    emits: ['sortColumn'],
     props: {
       sortable: {
         type: Boolean,

frontend/js/components/table/tableCell/TableCellActions.vue

@@ -45,6 +45,7 @@
 
   export default {
     name: 'TableCellActions',
+    emits: ['update'],
     mixins: [TableCellMixin],
     methods: {
       update: function (colName) {

frontend/js/components/table/tableCell/TableCellLanguages.vue

@@ -19,6 +19,7 @@
 
   export default {
     name: 'A17TableCellLanguages',
+    emits: ['editInPlace'],
     mixins: [TableCellMixin],
     props: {
       languages: {

frontend/js/mixins/buckets.js

@@ -1,4 +1,5 @@
 export default {
+  emits: ['add-to-bucket'],
   props: {
     buckets: {
       type: Array,

frontend/js/mixins/checkboxes.js

@@ -19,6 +19,7 @@ export default {
       default: function () { return [] }
     }
   },
+  emits: ['change'],
   data: function () {
     return {
       currentValue: this.selected

frontend/js/mixins/locale.js

@@ -1,6 +1,7 @@
 import { mapState } from 'vuex'
 
 export default {
+  emits: ['localize'],
   props: {
     locale: {
       default: null

frontend/js/mixins/maxlength.js

@@ -1,4 +1,5 @@
 export default {
+  emits: ['localize'],
   props: {
     maxlength: {
       type: Number,

frontend/js/mixins/mediaLibrary/mediaItems.js

@@ -1,6 +1,7 @@
 import { mapState } from 'vuex'
 
 export default {
+  emits: ['change', 'shiftChange'],
   props: {
     items: {
       type: Array,

frontend/js/mixins/tableCell.js

@@ -1,4 +1,12 @@
 export default {
+  emits: [
+    'update',
+    'editInPlace',
+    'restoreRow',
+    'destroyRow',
+    'deleteRow',
+    'duplicateRow'
+  ],
   props: {
     col: {
       type: Object,

frontend/js/mixins/toggleVisibility.js

@@ -1,4 +1,5 @@
 export default {
+  emits: ['toggleVisibility'],
   props: {
     open: {
       type: Boolean,