@siemens/ix 1.1.0-beta.5 → 1.1.0

package/dist/collection/components/dropdown-item/dropdown-item.js

@@ -6,20 +6,13 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { Component, Element, Event, h, Host, Method, Prop } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 export class DropdownItem {
   constructor() {
-    /**
-     * Display hover state
-     */
+    this.label = undefined;
+    this.icon = undefined;
     this.hover = false;
-    /**
-     * Disable item and remove event listeners
-     */
     this.disabled = false;
-    /**
-     * Whether the item is checked or not. If true a checkmark will mark the item as checked.
-     */
     this.checked = false;
   }
   /**
@@ -33,155 +26,160 @@ export class DropdownItem {
         checked: this.checked,
         'icon-text': this.label !== undefined && this.icon !== undefined,
         'icon-only': this.label === undefined && this.icon !== undefined,
-      } },
-      h("button", { class: {
-          'dropdown-item': true,
-          hover: this.hover,
-          disabled: this.disabled,
-        }, onClick: () => this.emitItemClick() },
-        this.checked ? (h("ix-icon", { class: "checkmark", name: "single-check", size: "16" })) : null,
-        this.icon ? (h("span", { class: {
-            glyph: true,
-            [`glyph-${this.icon}`]: true,
-          } })) : null,
-        this.label ? h("span", { class: "label" }, this.label) : null,
-        h("slot", null))));
+      } }, h("button", { class: {
+        'dropdown-item': true,
+        hover: this.hover,
+        disabled: this.disabled,
+      }, onClick: () => this.emitItemClick() }, this.checked ? (h("ix-icon", { class: "checkmark", name: "single-check", size: "16" })) : null, this.icon ? (h("span", { class: {
+        glyph: true,
+        [`glyph-${this.icon}`]: true,
+      } })) : null, this.label ? h("span", { class: "label" }, this.label) : null, h("slot", null))));
   }
   static get is() { return "ix-dropdown-item"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["dropdown-item.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["dropdown-item.css"]
-  }; }
-  static get properties() { return {
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Label of dropdown item"
-      },
-      "attribute": "label",
-      "reflect": false
-    },
-    "icon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Icon of dropdown item"
-      },
-      "attribute": "icon",
-      "reflect": false
-    },
-    "hover": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Display hover state"
-      },
-      "attribute": "hover",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Disable item and remove event listeners"
+  static get originalStyleUrls() {
+    return {
+      "$": ["dropdown-item.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["dropdown-item.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Label of dropdown item"
+        },
+        "attribute": "label",
+        "reflect": false
       },
-      "attribute": "disabled",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "checked": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "icon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Icon of dropdown item"
+        },
+        "attribute": "icon",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Whether the item is checked or not. If true a checkmark will mark the item as checked."
+      "hover": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Display hover state"
+        },
+        "attribute": "hover",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "checked",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get events() { return [{
-      "method": "itemClick",
-      "name": "itemClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Click on item"
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Disable item and remove event listeners"
+        },
+        "attribute": "disabled",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "complexType": {
-        "original": "HTMLIxDropdownItemElement",
-        "resolved": "HTMLIxDropdownItemElement",
-        "references": {
-          "HTMLIxDropdownItemElement": {
-            "location": "global"
-          }
-        }
+      "checked": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Whether the item is checked or not. If true a checkmark will mark the item as checked."
+        },
+        "attribute": "checked",
+        "reflect": false,
+        "defaultValue": "false"
       }
-    }]; }
-  static get methods() { return {
-    "emitItemClick": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
+    };
+  }
+  static get events() {
+    return [{
+        "method": "itemClick",
+        "name": "itemClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Click on item"
+        },
+        "complexType": {
+          "original": "HTMLIxDropdownItemElement",
+          "resolved": "HTMLIxDropdownItemElement",
+          "references": {
+            "HTMLIxDropdownItemElement": {
+              "location": "global"
+            }
           }
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "emitItemClick": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "Internal usage only",
-        "tags": []
+        "docs": {
+          "text": "Internal usage only",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "hostElement"; }
 }

package/dist/collection/components/event-list/event-list.js

@@ -6,27 +6,16 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { Component, Element, h, Host, Prop } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { createMutationObserver } from '../utils/mutation-observer';
 import { convertToRemString } from '../utils/rwd.util';
 export class EventList {
   constructor() {
     this.mutationObserver = createMutationObserver(this.onMutation.bind(this));
-    /**
-     * Determines the height of list items.
-     * This can either be one of two predefined sizes ('S' or 'L') or an absolute pixel value.
-     * In case a number is supplied it will get converted to rem internally.
-     * Defaults to 'S'.
-     */
     this.itemHeight = 'S';
-    /**
-     * Make event-list items more compact
-     */
     this.compact = false;
-    /**
-     * Animate state change transitions. Defaults to 'true'.
-     */
     this.animated = true;
+    this.chevron = undefined;
   }
   componentDidLoad() {
     if (this.animated) {
@@ -106,91 +95,95 @@ export class EventList {
         'item-size-l': this.itemHeight === 'L',
         compact: this.compact,
         chevron: this.chevron,
-      } },
-      h("ul", null,
-        h("slot", null))));
+      } }, h("ul", null, h("slot", null))));
   }
   static get is() { return "ix-event-list"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["event-list.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["event-list.css"]
-  }; }
-  static get properties() { return {
-    "itemHeight": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "'S' | 'L' | number",
-        "resolved": "\"L\" | \"S\" | number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Determines the height of list items.\nThis can either be one of two predefined sizes ('S' or 'L') or an absolute pixel value.\nIn case a number is supplied it will get converted to rem internally.\nDefaults to 'S'."
-      },
-      "attribute": "item-height",
-      "reflect": false,
-      "defaultValue": "'S'"
-    },
-    "compact": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Make event-list items more compact"
-      },
-      "attribute": "compact",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "animated": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Animate state change transitions. Defaults to 'true'."
+  static get originalStyleUrls() {
+    return {
+      "$": ["event-list.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["event-list.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "itemHeight": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "'S' | 'L' | number",
+          "resolved": "\"L\" | \"S\" | number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Determines the height of list items.\nThis can either be one of two predefined sizes ('S' or 'L') or an absolute pixel value.\nIn case a number is supplied it will get converted to rem internally.\nDefaults to 'S'."
+        },
+        "attribute": "item-height",
+        "reflect": false,
+        "defaultValue": "'S'"
       },
-      "attribute": "animated",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "chevron": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "compact": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Make event-list items more compact"
+        },
+        "attribute": "compact",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Display a chevron icon in list items. Defaults to 'false'"
+      "animated": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Animate state change transitions. Defaults to 'true'."
+        },
+        "attribute": "animated",
+        "reflect": false,
+        "defaultValue": "true"
       },
-      "attribute": "chevron",
-      "reflect": false
-    }
-  }; }
+      "chevron": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Display a chevron icon in list items. Defaults to 'false'"
+        },
+        "attribute": "chevron",
+        "reflect": false
+      }
+    };
+  }
   static get elementRef() { return "el"; }
 }
 EventList.fadeOutDuration = 50;