@limetech/lime-elements 36.1.0-next.8 → 36.1.0

package/dist/collection/components/file/file.js

@@ -1,6 +1,6 @@
 import translate from '../../global/translations';
 import { MDCTextField } from '@material/textfield';
-import { Component, Element, Event, h, Prop, State, } from '@stencil/core';
+import { h, } from '@stencil/core';
 import { createRandomString } from '../../util/random-string';
 import { getFileBackgroundColor, getFileColor, getFileExtensionTitle, getFileIcon, } from './file-metadata';
 const CHIP_SET_TAG_NAME = 'limel-chip-set';
@@ -45,28 +45,6 @@ const DEFAULT_FILE_CHIP = {
  */
 export class File {
   constructor() {
-    /**
-     * Set to `true` to indicate that the field is required.
-     */
-    this.required = false;
-    /**
-     * True if the input should be disabled
-     */
-    this.disabled = false;
-    /**
-     * Set to `true` to disable adding and removing files, but allow interaction
-     * with any already existing file.
-     */
-    this.readonly = false;
-    /**
-     * The [accepted file types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers)
-     */
-    this.accept = '*';
-    /**
-     * Defines the localisation for translations.
-     */
-    this.language = 'en';
-    this.isDraggingOverDropZone = false;
     this.fileInputId = createRandomString();
     this.handleDragEnter = (event) => {
       this.isDraggingOverDropZone = true;
@@ -81,6 +59,14 @@ export class File {
       const dataTransfer = event.dataTransfer;
       this.handleFile(dataTransfer.files[0]);
     };
+    this.value = undefined;
+    this.label = undefined;
+    this.required = false;
+    this.disabled = false;
+    this.readonly = false;
+    this.accept = '*';
+    this.language = 'en';
+    this.isDraggingOverDropZone = false;
     this.handleFileSelection = this.handleFileSelection.bind(this);
     this.handleFileChange = this.handleFileChange.bind(this);
     this.handleChipSetChange = this.handleChipSetChange.bind(this);
@@ -191,184 +177,194 @@ export class File {
   }
   static get is() { return "limel-file"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["file.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["file.css"]
-  }; }
-  static get properties() { return {
-    "value": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "FileInfo",
-        "resolved": "FileInfo",
-        "references": {
-          "FileInfo": {
-            "location": "import",
-            "path": "@limetech/lime-elements"
+  static get originalStyleUrls() {
+    return {
+      "$": ["file.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["file.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "value": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "FileInfo",
+          "resolved": "FileInfo",
+          "references": {
+            "FileInfo": {
+              "location": "import",
+              "path": "@limetech/lime-elements"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The selected file."
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The selected file."
-      }
-    },
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The input label."
-      },
-      "attribute": "label",
-      "reflect": true
-    },
-    "required": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The input label."
+        },
+        "attribute": "label",
+        "reflect": true
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set to `true` to indicate that the field is required."
+      "required": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set to `true` to indicate that the field is required."
+        },
+        "attribute": "required",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "attribute": "required",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "True if the input should be disabled"
+        },
+        "attribute": "disabled",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "True if the input should be disabled"
+      "readonly": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set to `true` to disable adding and removing files, but allow interaction\nwith any already existing file."
+        },
+        "attribute": "readonly",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "attribute": "disabled",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "readonly": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "accept": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The [accepted file types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers)"
+        },
+        "attribute": "accept",
+        "reflect": true,
+        "defaultValue": "'*'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set to `true` to disable adding and removing files, but allow interaction\nwith any already existing file."
-      },
-      "attribute": "readonly",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "accept": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The [accepted file types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers)"
-      },
-      "attribute": "accept",
-      "reflect": true,
-      "defaultValue": "'*'"
-    },
-    "language": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "Languages",
-        "resolved": "\"da\" | \"en\" | \"fi\" | \"nb\" | \"nl\" | \"no\" | \"sv\"",
-        "references": {
-          "Languages": {
-            "location": "import",
-            "path": "@limetech/lime-elements"
+      "language": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "Languages",
+          "resolved": "\"da\" | \"en\" | \"fi\" | \"nb\" | \"nl\" | \"no\" | \"sv\"",
+          "references": {
+            "Languages": {
+              "location": "import",
+              "path": "@limetech/lime-elements"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Defines the localisation for translations."
-      },
-      "attribute": "language",
-      "reflect": false,
-      "defaultValue": "'en'"
-    }
-  }; }
-  static get states() { return {
-    "isDraggingOverDropZone": {}
-  }; }
-  static get events() { return [{
-      "method": "change",
-      "name": "change",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Dispatched when a file is selected/deselected"
-      },
-      "complexType": {
-        "original": "FileInfo",
-        "resolved": "FileInfo",
-        "references": {
-          "FileInfo": {
-            "location": "import",
-            "path": "@limetech/lime-elements"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Defines the localisation for translations."
+        },
+        "attribute": "language",
+        "reflect": false,
+        "defaultValue": "'en'"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "isDraggingOverDropZone": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "change",
+        "name": "change",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Dispatched when a file is selected/deselected"
+        },
+        "complexType": {
+          "original": "FileInfo",
+          "resolved": "FileInfo",
+          "references": {
+            "FileInfo": {
+              "location": "import",
+              "path": "@limetech/lime-elements"
+            }
           }
         }
-      }
-    }, {
-      "method": "interact",
-      "name": "interact",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Dispatched when clicking on a chip"
-      },
-      "complexType": {
-        "original": "number | string",
-        "resolved": "number | string",
-        "references": {}
-      }
-    }]; }
+      }, {
+        "method": "interact",
+        "name": "interact",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Dispatched when clicking on a chip"
+        },
+        "complexType": {
+          "original": "number | string",
+          "resolved": "number | string",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "element"; }
 }

package/dist/collection/components/flex-container/flex-container.js

@@ -1,4 +1,4 @@
-import { Component, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 /**
  * This component is deprecated and will be removed in a future version of
  * Lime Elements. Please use CSS for your flexible container needs 🙂
@@ -11,21 +11,9 @@ import { Component, h, Prop } from '@stencil/core';
  */
 export class FlexContainer {
   constructor() {
-    /**
-     * Direction of the main axis
-     */
     this.direction = 'horizontal';
-    /**
-     * Specify how items are aligned along the main axis
-     */
     this.justify = 'space-between';
-    /**
-     * Specify how items are aligned along the cross axis
-     */
     this.align = 'center';
-    /**
-     * Reverse the order of the items
-     */
     this.reverse = false;
   }
   componentWillLoad() {
@@ -37,99 +25,105 @@ export class FlexContainer {
   }
   static get is() { return "limel-flex-container"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["flex-container.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["flex-container.css"]
-  }; }
-  static get properties() { return {
-    "direction": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "FlexContainerDirection",
-        "resolved": "\"horizontal\" | \"vertical\"",
-        "references": {
-          "FlexContainerDirection": {
-            "location": "import",
-            "path": "@limetech/lime-elements"
+  static get originalStyleUrls() {
+    return {
+      "$": ["flex-container.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["flex-container.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "direction": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "FlexContainerDirection",
+          "resolved": "\"horizontal\" | \"vertical\"",
+          "references": {
+            "FlexContainerDirection": {
+              "location": "import",
+              "path": "@limetech/lime-elements"
+            }
           }
-        }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Direction of the main axis"
+        },
+        "attribute": "direction",
+        "reflect": true,
+        "defaultValue": "'horizontal'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Direction of the main axis"
-      },
-      "attribute": "direction",
-      "reflect": true,
-      "defaultValue": "'horizontal'"
-    },
-    "justify": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "FlexContainerJustify",
-        "resolved": "\"center\" | \"end\" | \"space-around\" | \"space-between\" | \"space-evenly\" | \"start\"",
-        "references": {
-          "FlexContainerJustify": {
-            "location": "import",
-            "path": "@limetech/lime-elements"
+      "justify": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "FlexContainerJustify",
+          "resolved": "\"center\" | \"end\" | \"space-around\" | \"space-between\" | \"space-evenly\" | \"start\"",
+          "references": {
+            "FlexContainerJustify": {
+              "location": "import",
+              "path": "@limetech/lime-elements"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Specify how items are aligned along the main axis"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Specify how items are aligned along the main axis"
+        },
+        "attribute": "justify",
+        "reflect": true,
+        "defaultValue": "'space-between'"
       },
-      "attribute": "justify",
-      "reflect": true,
-      "defaultValue": "'space-between'"
-    },
-    "align": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "FlexContainerAlign",
-        "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
-        "references": {
-          "FlexContainerAlign": {
-            "location": "import",
-            "path": "@limetech/lime-elements"
+      "align": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "FlexContainerAlign",
+          "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
+          "references": {
+            "FlexContainerAlign": {
+              "location": "import",
+              "path": "@limetech/lime-elements"
+            }
           }
-        }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Specify how items are aligned along the cross axis"
+        },
+        "attribute": "align",
+        "reflect": true,
+        "defaultValue": "'center'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Specify how items are aligned along the cross axis"
-      },
-      "attribute": "align",
-      "reflect": true,
-      "defaultValue": "'center'"
-    },
-    "reverse": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Reverse the order of the items"
-      },
-      "attribute": "reverse",
-      "reflect": true,
-      "defaultValue": "false"
-    }
-  }; }
+      "reverse": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Reverse the order of the items"
+        },
+        "attribute": "reverse",
+        "reflect": true,
+        "defaultValue": "false"
+      }
+    };
+  }
 }