fix(core): update

ts_web/elements/dees-input-fileupload.ts

@@ -71,6 +71,10 @@ export class DeesInputFileupload extends DeesElement {
         margin-bottom: 24px;
       }
 
+      .hidden {
+        display: none;
+      }
+
       .maincontainer {
         color: ${cssManager.bdTheme('#333', '#ccc')};
         
@@ -134,16 +138,24 @@ export class DeesInputFileupload extends DeesElement {
 
   public render(): TemplateResult {
     return html`
+      <div class="hidden">
+        <input type="file"></div>
+      </div>
       <div class="maincontainer">
         ${this.label ? html`<div class="label">${this.label}</div>` : null}
-        <div class="uploadButton ${this.state === 'dragOver' ? 'dragOver' : ''}">
-          ${this.value.map((fileArg) => html` <div class="uploadCandidate">${fileArg.name} | ${fileArg.size}</div> `)}
+        ${this.value.map((fileArg) => html` <div class="uploadCandidate">${fileArg.name} | ${fileArg.size}</div> `)}
+        <div class="uploadButton ${this.state === 'dragOver' ? 'dragOver' : ''}" @click=${this.openFileSelector}>
           ${this.buttonText}
         </div>
       </div>
     `;
   }
 
+  public async openFileSelector() {
+    const inputFile: HTMLInputElement = this.shadowRoot.querySelector('input[type="file"]');
+    inputFile.click();
+  }
+
   public async updateValue(eventArg: Event) {
     const target: any = eventArg.target;
     this.value = target.value;