@siemens/ix 1.1.0-beta.5 → 1.1.0

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

@@ -6,55 +6,63 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { Component, h, Host, Prop } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 export class GroupDropdownItem {
+  constructor() {
+    this.label = undefined;
+    this.icon = undefined;
+  }
   render() {
-    return (h(Host, null,
-      h("ix-dropdown-item", { label: this.label, icon: this.icon },
-        h("slot", null))));
+    return (h(Host, null, h("ix-dropdown-item", { label: this.label, icon: this.icon }, h("slot", null))));
   }
   static get is() { return "ix-group-dropdown-item"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["group-dropdown-item.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["group-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": "Group dropdown label"
-      },
-      "attribute": "label",
-      "reflect": false
-    },
-    "icon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Group dropdown icon"
+  static get originalStyleUrls() {
+    return {
+      "$": ["group-dropdown-item.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["group-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": "Group dropdown label"
+        },
+        "attribute": "label",
+        "reflect": false
       },
-      "attribute": "icon",
-      "reflect": false
-    }
-  }; }
+      "icon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Group dropdown icon"
+        },
+        "attribute": "icon",
+        "reflect": false
+      }
+    };
+  }
 }

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

@@ -6,18 +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, Event, h, Host, Listen, Prop } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 export class GroupItem {
   constructor() {
-    /**
-     * Supress the selection of the group
-     */
+    this.icon = undefined;
+    this.text = undefined;
+    this.secondaryText = undefined;
     this.suppressSelection = false;
-    /**
-     * The elements tabindex attribute will get set accordingly.
-     * If true tabindex will be 0, -1 otherwise.
-     */
+    this.selected = undefined;
     this.focusable = true;
+    this.index = undefined;
   }
   clickListen() {
     if (this.suppressSelection) {
@@ -29,172 +27,175 @@ export class GroupItem {
     return (h(Host, { class: {
         selected: this.selected && !this.suppressSelection,
         'suppress-selection': this.suppressSelection,
-      }, tabindex: this.focusable ? 0 : -1 },
-      h("div", { class: "group-entry-selection-indicator" }),
-      this.icon ? h("ix-icon", { size: "16", name: this.icon }) : null,
-      this.text ? (h("span", { class: "group-entry-text" },
-        h("span", { title: this.text }, this.text))) : null,
-      this.secondaryText ? (h("span", { class: "group-entry-text-secondary" },
-        h("span", { title: this.secondaryText }, this.secondaryText))) : null,
-      h("slot", null)));
+      }, tabindex: this.focusable ? 0 : -1 }, h("div", { class: "group-entry-selection-indicator" }), this.icon ? h("ix-icon", { size: "16", name: this.icon }) : null, this.text ? (h("span", { class: "group-entry-text" }, h("span", { title: this.text }, this.text))) : null, this.secondaryText ? (h("span", { class: "group-entry-text-secondary" }, h("span", { title: this.secondaryText }, this.secondaryText))) : null, h("slot", null)));
   }
   static get is() { return "ix-group-item"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["group-item.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["group-item.css"]
-  }; }
-  static get properties() { return {
-    "icon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Group item icon"
-      },
-      "attribute": "icon",
-      "reflect": false
-    },
-    "text": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Group item text"
-      },
-      "attribute": "text",
-      "reflect": false
-    },
-    "secondaryText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Group item secondary text"
-      },
-      "attribute": "secondary-text",
-      "reflect": false
-    },
-    "suppressSelection": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Supress the selection of the group"
-      },
-      "attribute": "suppress-selection",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "selected": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Show selected state"
+  static get originalStyleUrls() {
+    return {
+      "$": ["group-item.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["group-item.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "icon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Group item icon"
+        },
+        "attribute": "icon",
+        "reflect": false
       },
-      "attribute": "selected",
-      "reflect": false
-    },
-    "focusable": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "text": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Group item text"
+        },
+        "attribute": "text",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The elements tabindex attribute will get set accordingly.\nIf true tabindex will be 0, -1 otherwise."
+      "secondaryText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Group item secondary text"
+        },
+        "attribute": "secondary-text",
+        "reflect": false
       },
-      "attribute": "focusable",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "index": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+      "suppressSelection": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Supress the selection of the group"
+        },
+        "attribute": "suppress-selection",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Index"
+      "selected": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Show selected state"
+        },
+        "attribute": "selected",
+        "reflect": false
       },
-      "attribute": "index",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "selectedChanged",
-      "name": "selectedChanged",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Selection changed"
+      "focusable": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The elements tabindex attribute will get set accordingly.\nIf true tabindex will be 0, -1 otherwise."
+        },
+        "attribute": "focusable",
+        "reflect": false,
+        "defaultValue": "true"
       },
-      "complexType": {
-        "original": "HTMLIxGroupItemElement",
-        "resolved": "HTMLIxGroupItemElement",
-        "references": {
-          "HTMLIxGroupItemElement": {
-            "location": "global"
+      "index": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Index"
+        },
+        "attribute": "index",
+        "reflect": false
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "selectedChanged",
+        "name": "selectedChanged",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Selection changed"
+        },
+        "complexType": {
+          "original": "HTMLIxGroupItemElement",
+          "resolved": "HTMLIxGroupItemElement",
+          "references": {
+            "HTMLIxGroupItemElement": {
+              "location": "global"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
   static get elementRef() { return "hostElement"; }
-  static get listeners() { return [{
-      "name": "click",
-      "method": "clickListen",
-      "target": undefined,
-      "capture": false,
-      "passive": true
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "click",
+        "method": "clickListen",
+        "target": undefined,
+        "capture": false,
+        "passive": true
+      }];
+  }
 }

package/dist/collection/components/icon/icon.js

@@ -6,8 +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, h, Host, Prop } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 export class Icon {
+  constructor() {
+    this.size = undefined;
+    this.color = undefined;
+    this.name = undefined;
+  }
   render() {
     return (h(Host, { style: {
         color: this.color ? `var(--theme-${this.color})` : 'inherit',
@@ -16,76 +21,80 @@ export class Icon {
         [`size-16`]: this.size === '16',
         [`size-24`]: this.size === '24',
         [`size-32`]: this.size === '32',
-      } },
-      h("i", { class: {
-          glyph: true,
-          [`glyph-${this.name}`]: true,
-          'glyph-12': this.size === '12',
-          'glyph-16': this.size === '16',
-          'glyph-24': this.size === '24',
-          'glyph-32': this.size === '32',
-        } },
-        h("slot", null))));
+      } }, h("i", { class: {
+        glyph: true,
+        [`glyph-${this.name}`]: true,
+        'glyph-12': this.size === '12',
+        'glyph-16': this.size === '16',
+        'glyph-24': this.size === '24',
+        'glyph-32': this.size === '32',
+      } }, h("slot", null))));
   }
   static get is() { return "ix-icon"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["icon.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["icon.css"]
-  }; }
-  static get properties() { return {
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'12' | '16' | '24' | '32'",
-        "resolved": "\"12\" | \"16\" | \"24\" | \"32\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Size of the icon"
-      },
-      "attribute": "size",
-      "reflect": false
-    },
-    "color": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Color of the icon"
-      },
-      "attribute": "color",
-      "reflect": false
-    },
-    "name": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["icon.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["icon.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'12' | '16' | '24' | '32'",
+          "resolved": "\"12\" | \"16\" | \"24\" | \"32\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Size of the icon"
+        },
+        "attribute": "size",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Use one of our defined icon names e.g. `copy`."
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Color of the icon"
+        },
+        "attribute": "color",
+        "reflect": false
       },
-      "attribute": "name",
-      "reflect": true
-    }
-  }; }
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Use one of our defined icon names e.g. `copy`."
+        },
+        "attribute": "name",
+        "reflect": true
+      }
+    };
+  }
 }