@dile/ui 2.1.23 → 2.1.25

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

@@ -9,7 +9,9 @@ export class DileDropFile extends LitElement {
     css`
       * { box-sizing: border-box; }
       :host {
+        display: block;
         margin-bottom: 10px;
+        padding-bottom: 1px;
       }
       #dropZone {
         width: 100%;
@@ -199,7 +201,7 @@ export class DileDropFile extends LitElement {
     this.fileInput.click();
   }
   
-  clearInput() {
+  clear() {
     this.fileInput.value = "";
     this.fileName = "";
   }
@@ -209,11 +211,13 @@ export class DileDropFile extends LitElement {
   }
 
   get value() {
-    return this.fileInput.value;
+    if(this.fileInput) {
+      return this.fileInput.files[0];
+    }
   }
 
   set value(value) {
-    this.fileInput.value = value;
+    // this.fileInput.value = value;
   }
 
 }

package/components/switch/src/DileSwitch.js

@@ -9,7 +9,10 @@ export class DileSwitch extends DileCheckbox {
             }
             div {
               display: flex;
-              align-items: center;
+              flex-direction: var(--dile-switch-flex-direction, row);
+              gap: var(--dile-switch-gap, 0.5rem);
+              align-items: var(--dile-switch-align-items, center);
+              justify-content: var(--dile-switch-justify-content, flex-start);  
             }
             section {
                 width: 56px;
@@ -36,9 +39,6 @@ export class DileSwitch extends DileCheckbox {
             :host([disabled]) {
               opacity: 0.5;
             }
-            label {
-              margin-left: 0.5rem;
-            }
         `
     ];
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dile/ui",
-  "version": "2.1.23",
+  "version": "2.1.25",
   "description": "UI Core components from dile-components.",
   "main": "index.js",
   "scripts": {
@@ -26,5 +26,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "453ef1fb92c0c84f23635cb36a7d4896cdabd845"
+  "gitHead": "e06755eed6d83790cb008f0f66bf89e2fc0acc9b"
 }