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

package/dist/collection/components/button/button.js

@@ -1,4 +1,4 @@
-import { Component, h, Prop, State, Watch } from '@stencil/core';
+import { h } from '@stencil/core';
 /**
  * @exampleComponent limel-example-button-basic
  * @exampleComponent limel-example-button-disabled
@@ -14,29 +14,12 @@ import { Component, h, Prop, State, Watch } from '@stencil/core';
  */
 export class Button {
   constructor() {
-    /**
-     * Set to `true` to make the button primary.
-     */
+    this.label = undefined;
     this.primary = false;
-    /**
-     * Set to `true` to make the button outlined.
-     */
     this.outlined = false;
-    /**
-     * Set to `true` to disable the button.
-     */
+    this.icon = undefined;
     this.disabled = false;
-    /**
-     * Set to `true` to put the button in the `loading` state.
-     * Please note that this does _not_ disable the button.
-     * If the button should be disabled while loading, the
-     * `disabled` property should be set to `true` as well.
-     */
     this.loading = false;
-    /**
-     * Set to `true` to indicate failure instead of success when the button is
-     * no longer in the `loading` state.
-     */
     this.loadingFailed = false;
     this.justLoaded = false;
   }
@@ -48,11 +31,7 @@ export class Button {
         'just-loaded': this.justLoaded && !this.loadingFailed,
         'just-failed': this.justLoaded && this.loadingFailed,
         'mdc-button--outlined': this.outlined,
-      }, disabled: this.disabled || this.loading },
-      this.renderIcon(),
-      h("span", { class: "label mdc-button__label" }, this.label),
-      h("limel-spinner", { limeBranded: false }),
-      h("svg", { viewBox: "0 0 30 30" }, this.renderLoadingIcons())));
+      }, disabled: this.disabled || this.loading }, this.renderIcon(), h("span", { class: "label mdc-button__label" }, this.label), h("limel-spinner", { limeBranded: false }), h("svg", { viewBox: "0 0 30 30" }, this.renderLoadingIcons())));
   }
   loadingWatcher(newValue, oldValue) {
     if (oldValue && !newValue) {
@@ -87,148 +66,157 @@ export class Button {
     if (!this.label) {
       withoutLabelClass = 'no-label';
     }
-    return (h("i", { class: `mdc-button__icon ${withoutLabelClass}` },
-      h("limel-icon", { name: this.icon })));
+    return (h("i", { class: `mdc-button__icon ${withoutLabelClass}` }, h("limel-icon", { name: this.icon })));
   }
   static get is() { return "limel-button"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["button.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["button.css"]
-  }; }
-  static get properties() { return {
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The text to show on the button."
-      },
-      "attribute": "label",
-      "reflect": true
-    },
-    "primary": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set to `true` to make the button primary."
-      },
-      "attribute": "primary",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "outlined": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set to `true` to make the button outlined."
-      },
-      "attribute": "outlined",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "icon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set icon for the button"
-      },
-      "attribute": "icon",
-      "reflect": true
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["button.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["button.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The text to show on the button."
+        },
+        "attribute": "label",
+        "reflect": true
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set to `true` to disable the button."
+      "primary": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set to `true` to make the button primary."
+        },
+        "attribute": "primary",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "attribute": "disabled",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "loading": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "outlined": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set to `true` to make the button outlined."
+        },
+        "attribute": "outlined",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set to `true` to put the button in the `loading` state.\nPlease note that this does _not_ disable the button.\nIf the button should be disabled while loading, the\n`disabled` property should be set to `true` as well."
+      "icon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set icon for the button"
+        },
+        "attribute": "icon",
+        "reflect": true
       },
-      "attribute": "loading",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "loadingFailed": {
-      "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": "Set to `true` to disable the button."
+        },
+        "attribute": "disabled",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set to `true` to indicate failure instead of success when the button is\nno longer in the `loading` state."
+      "loading": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set to `true` to put the button in the `loading` state.\nPlease note that this does _not_ disable the button.\nIf the button should be disabled while loading, the\n`disabled` property should be set to `true` as well."
+        },
+        "attribute": "loading",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "attribute": "loading-failed",
-      "reflect": true,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "justLoaded": {}
-  }; }
-  static get watchers() { return [{
-      "propName": "loading",
-      "methodName": "loadingWatcher"
-    }]; }
+      "loadingFailed": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set to `true` to indicate failure instead of success when the button is\nno longer in the `loading` state."
+        },
+        "attribute": "loading-failed",
+        "reflect": true,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "justLoaded": {}
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "loading",
+        "methodName": "loadingWatcher"
+      }];
+  }
 }

package/dist/collection/components/button-group/button-group.js

@@ -1,4 +1,4 @@
-import { Component, Event, h, Prop, State } from '@stencil/core';
+import { h } from '@stencil/core';
 import { createRandomString } from '../../util/random-string';
 /**
  * A button group control is a linear set of two or more buttons.
@@ -37,15 +37,10 @@ import { createRandomString } from '../../util/random-string';
  */
 export class ButtonGroup {
   constructor() {
-    /**
-     * List of buttons for the group
-     */
+    this.radioGroupName = createRandomString();
     this.value = [];
-    /**
-     * True if the button-group should be disabled
-     */
     this.disabled = false;
-    this.radioGroupName = createRandomString();
+    this.selectedButtonId = undefined;
     this.renderButton = this.renderButton.bind(this);
     this.onChange = this.onChange.bind(this);
     this.renderContent = this.renderContent.bind(this);
@@ -72,10 +67,7 @@ export class ButtonGroup {
       'mdc-chip': true,
       'mdc-chip--selected': this.isButtonChecked(button),
     };
-    return (h("div", { class: classes, role: "row" },
-      h("span", { role: "gridcell" },
-        h("input", { type: "radio", name: this.radioGroupName, checked: this.isButtonChecked(button), id: buttonId, onChange: this.onChange }),
-        h("label", { htmlFor: buttonId }, this.renderContent(button)))));
+    return (h("div", { class: classes, role: "row" }, h("span", { role: "gridcell" }, h("input", { type: "radio", name: this.radioGroupName, checked: this.isButtonChecked(button), id: buttonId, onChange: this.onChange }), h("label", { htmlFor: buttonId }, this.renderContent(button)))));
   }
   renderContent(button) {
     if (button.icon) {
@@ -110,75 +102,85 @@ export class ButtonGroup {
   }
   static get is() { return "limel-button-group"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["button-group.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["button-group.css"]
-  }; }
-  static get properties() { return {
-    "value": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Button[]",
-        "resolved": "Button[]",
-        "references": {
-          "Button": {
-            "location": "import",
-            "path": "../button/button.types"
+  static get originalStyleUrls() {
+    return {
+      "$": ["button-group.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["button-group.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "value": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Button[]",
+          "resolved": "Button[]",
+          "references": {
+            "Button": {
+              "location": "import",
+              "path": "../button/button.types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "List of buttons for the group"
-      },
-      "defaultValue": "[]"
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "True if the button-group should be disabled"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "List of buttons for the group"
+        },
+        "defaultValue": "[]"
       },
-      "attribute": "disabled",
-      "reflect": true,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "selectedButtonId": {}
-  }; }
-  static get events() { return [{
-      "method": "change",
-      "name": "change",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Dispatched when a button is selected/deselected"
-      },
-      "complexType": {
-        "original": "Button",
-        "resolved": "Button",
-        "references": {
-          "Button": {
-            "location": "import",
-            "path": "../button/button.types"
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "True if the button-group should be disabled"
+        },
+        "attribute": "disabled",
+        "reflect": true,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "selectedButtonId": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "change",
+        "name": "change",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Dispatched when a button is selected/deselected"
+        },
+        "complexType": {
+          "original": "Button",
+          "resolved": "Button",
+          "references": {
+            "Button": {
+              "location": "import",
+              "path": "../button/button.types"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
 }