copy-to-clipboard

package.json

@@ -41,6 +41,7 @@
     "dependencies": {
         "axios": "^0.17.1",
         "cleave.js": "^1.5.0",
+        "clipboard": "^2.0.4",
         "css-element-queries": "^0.4.0",
         "enquire.js": "^2.1.6",
         "es6-promise": "^4.1.1",

src/components/button/button.html

@@ -7,6 +7,7 @@
         :disabled="disabled || isWaiting"
         :type="type"
         @click="onClick"
+        @mousedown="onMousedown"
         @focus="onFocus"
         @blur="onBlur">
     <m-icon aria-hidden="true"

src/components/button/button.ts

@@ -67,6 +67,9 @@ export class MButton extends Vue {
         (this.$el as HTMLElement).blur();
     }
 
+    @Emit('mousedown')
+    onMousedown(event: Event): void { }
+
     @Emit('focus')
     onFocus(event: Event): void { }
 

src/components/component-names.ts

@@ -13,6 +13,8 @@ export const CHECKBOX_NAME: string = 'm-checkbox';
 export const CHIP_NAME: string = 'm-chip';
 export const CHIP_ADD_NAME: string = 'm-chip-add';
 export const CHIP_DELETE_NAME: string = 'm-chip-delete';
+export const COPY_TO_CLIPBOARD_NAME: string = 'm-copy-to-clipboard';
+export const COPY_TO_CLIPBOARD_FEEDBACK_NAME: string = 'm-copy-to-clipboard-feedback';
 export const DATEFIELDS_NAME: string = 'm-datefields';
 export const DATEPICKER_NAME: string = 'm-datepicker';
 export const DATERANGEPICKER_NAME: string = 'm-daterangepicker';