Add cancel dialog event listener & Export FeedbackService, FeedbackDirective

.browserslistrc

@@ -0,0 +1,15 @@
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+
+> 0.5%
+last 2 versions
+Firefox ESR
+not dead
+#not IE 9-11 # For IE 9-11 support, remove 'not'.
+not IE 9-10
+# keep support IE 11
+IE 11

.nvmrc

@@ -0,0 +1 @@
+lts/erbium

README.md

@@ -1,24 +1,27 @@
-# feedback
+# ngx-md-feedback
 > An angular directive for sending feedback featuring [Angular 6](https://angular.io), [Html2canvas](https://html2canvas.hertzen.com/), [Angular Material](https://material.angular.io), [Rxjs](https://rxjs-dev.firebaseapp.com/), inspired by Google send feedback, based on [angular-cli](https://github.com/angular/angular-cli).
 
+> **FORKED FORM https://github.com/RickonChen/feedback** because the owner don't maintain this repo.
 ## Demo
 ![Alt text](/../screenshots/feedback.gif?raw=true "overview")
 
 ### Prerequisites
 make sure your project:
-* is an angular(version >= 6.0.0) project
+* is an angular(version >= 13) project
 * has set up [angular material](https://github.com/angular/material2/blob/master/guides/getting-started.md)
 
+For angular >= 13 see branch stable/1.0
+
 #### How to use it in your project
 > download it from npm
 
 ```bash
-npm install ng-feedback --save
+npm install @digikare/ngx-md-feedback --save
 ```
 
 use the feedback module in your project, at any module, you just need to imports into your module:
 ```es6
-import { FeedbackModule } from 'ng-feedback'
+import { FeedbackModule } from '@digikare/ngx-md-feedback'
 ```
 
 easy to use the directive, just add it in a html tag, such as:
@@ -28,19 +31,21 @@ easy to use the directive, just add it in a html tag, such as:
 
 #### Properties
 
-| Name             | Default Value                                                         |
-|------------------|-----------------------------------------------------------------------|
-| `title`          | Send feedback                                                         |
-| `placeholder`    | Describe your issue or share your ideas                               |
-| `editTip`        | Click to highlight or hide info                                       |
-| `checkboxLabel`  | Include screenshot                                                    |
-| `cancelLabel`    | CANCEL                                                                |
-| `sendLabel`      | SEND                                                                  |
-| `moveToolbarTip` | move toolbar                                                          |
-| `drawRectTip`    | Draw using yellow to highlight issues or black to hide sensitive info |
-| `highlightTip`   | highlight issues                                                      |
-| `hideTip`        | hide sensitive info                                                   |
-| `editDoneLabel`  | DONE                                                                  |
+| Name             | Default Value                                                         | Description
+|------------------|-----------------------------------------------------------------------|-----------------------------------------------------------------------|
+| `title`          | Send feedback                                                         |                                                                       |
+| `placeholder`    | Describe your issue or share your ideas                               |                                                                       |
+| `editTip`        | Click to highlight or hide info                                       |                                                                       |
+| `checkboxLabel`  | Include screenshot                                                    |                                                                       |
+| `cancelLabel`    | CANCEL                                                                |                                                                       |
+| `sendLabel`      | SEND                                                                  |                                                                       |
+| `moveToolbarTip` | move toolbar                                                          |                                                                       |
+| `drawRectTip`    | Draw using yellow to highlight issues or black to hide sensitive info |                                                                       |
+| `highlightTip`   | highlight issues                                                      |                                                                       |
+| `hideTip`        | hide sensitive info                                                   |                                                                       |
+| `editDoneLabel`  | DONE                                                                  |                                                                       |
+| `allowTaint`     | FALSE                                                                 |  Whether to allow cross-origin images to taint the canvas             |
+| `descriptionRequired` | FALSE                                                            | Field description is required for enabling 'send' button              |
 
 ### method
 
@@ -51,8 +56,8 @@ send(feedback)
 it is an output of the directive, the usage is:
 
 ```
-<button 
-  feedback 
+<button
+  feedback
   (send)="onSend($event)">feedback
 </button>
 ```
@@ -61,8 +66,26 @@ The param feedback is an object contains two properties: description and screens
 * description is string to describe issues or ideas
 * screenshot comes from HTMLCanvasElement.toDataURL('image/png'), can be used as src of an img tag.
 
+### Responses
+
+Send feedback
+```
+{
+ "description" : "your content described",
+ "screenshot" : "data:image/png;base64,theBase64Content",
+}
+```
+
+Cancel feedback
+```
+{
+ "error" : "dialog_canceled"
+}
+```
+
+
 ### Getting started with this repo
-**Make sure you have Node version >= 8.0 and NPM >= 5**
+**Make sure you have Node version >= 12.0 and NPM >= 6**
 > Clone/Download the repo then edit feedback library inside [`/src/app/feedback`](/src/app/feedback)
 
 ```bash

angular.json

@@ -1,5 +1,8 @@
 {
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "cli": {
+    "analytics": false
+  },
   "version": 1,
   "newProjectRoot": "projects",
   "projects": {
@@ -11,6 +14,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
+            "aot": true,
             "outputPath": "dist",
             "index": "src/index.html",
             "main": "src/main.ts",
@@ -27,6 +31,12 @@
           },
           "configurations": {
             "production": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
@@ -113,13 +123,41 @@
           }
         }
       }
+    },
+    "ngx-md-feedback": {
+      "root": "projects/ngx-md-feedback",
+      "sourceRoot": "projects/ngx-md-feedback/src",
+      "projectType": "library",
+      "prefix": "feedback",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:ng-packagr",
+          "options": {
+            "tsConfig": "projects/ngx-md-feedback/tsconfig.lib.json",
+            "project": "projects/ngx-md-feedback/ng-package.json"
+          },
+          "configurations": {
+            "production": {
+              "tsConfig": "projects/ngx-md-feedback/tsconfig.lib.prod.json"
+            }
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "projects/ngx-md-feedback/src/test.ts",
+            "tsConfig": "projects/ngx-md-feedback/tsconfig.spec.json",
+            "karmaConfig": "projects/ngx-md-feedback/karma.conf.js"
+          }
+        }
+      }
     }
   },
   "defaultProject": "feedback",
   "schematics": {
     "@schematics/angular:component": {
       "prefix": "app",
-      "styleext": "css"
+      "style": "css"
     },
     "@schematics/angular:directive": {
       "prefix": "app"