@dile/ui 2.1.26 → 2.1.28

package/components/drop-file/src/DileDropFile.js

@@ -2,8 +2,9 @@ import { LitElement, html, css } from 'lit';
 import '../file-preview.js';
 import '../../button/button.js';
 import { messageStyles } from '../../input/src/message-styles.js';
+import { DileEmmitChange } from '../../../mixins/form/index.js';
 
-export class DileDropFile extends LitElement {
+export class DileDropFile extends DileEmmitChange(LitElement) {
   static styles = [
     messageStyles,
     css`
@@ -106,7 +107,7 @@ export class DileDropFile extends LitElement {
       <dile-file-preview 
         fileName="${this.fileName}"
         selectedFileLabel="${this.selectedFileLabel}"
-        @dile-file-clear=${this.clearInput}
+        @dile-file-clear=${this.clear}
       ></dile-file-preview>
     `;
   }
@@ -162,11 +163,12 @@ export class DileDropFile extends LitElement {
   _processFile(files) {
     if (files.length > 0) {
       this.fileName = files[0].name;
+      this.emmitChange();
       if(this._isValidExtension(this.fileName)) {
         this.message = this.firstMessage || '';
         this.errored = false;
       } else {
-        this.clearInput();
+        this.clear();
         this.message = `${this.extensionErrorMessage} ${this.allowedExtensions.join(', ')}`;
         this.errored = true;
       }
@@ -204,6 +206,7 @@ export class DileDropFile extends LitElement {
   clear() {
     this.fileInput.value = "";
     this.fileName = "";
+    this.emmitChange();
   }
 
   getFiles() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dile/ui",
-  "version": "2.1.26",
+  "version": "2.1.28",
   "description": "UI Core components from dile-components.",
   "main": "index.js",
   "scripts": {
@@ -26,5 +26,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c1e8ede153723c733a0ae3209cf5f13f93367d69"
+  "gitHead": "2ff303719dd914f0beeee873b285466e3c8eadf5"
 }