@siemens/ix 1.1.0-beta.5 → 1.1.0

package/dist/collection/components/menu-avatar/menu-avatar.js

@@ -6,13 +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, Listen, Prop, State } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { Popover } from '../utils/popover.util';
 export class MenuAvatar {
   constructor() {
-    /**
-     *
-     */
+    this.displayMenu = undefined;
+    this.top = undefined;
+    this.bottom = undefined;
     this.i18nLogout = 'Logout';
   }
   toggleMenu() {
@@ -29,108 +29,109 @@ export class MenuAvatar {
     (_a = this.outsideListener) === null || _a === void 0 ? void 0 : _a.destroy();
   }
   render() {
-    return (h(Host, null,
-      h("li", { class: "nav-item top-item avatar no-hover", title: this.top },
-        h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32" },
-          h("g", { fill: "none", "fill-rule": "evenodd" },
-            h("path", { id: "avatar-path-background", d: "M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163\n                    16-16c0-4.243-1.686-8.313-4.686-11.314C24.314 1.686 20.244 0 16 0z" }),
-            h("path", { id: "avatar-path-person", d: "M17.897 17.91c3.8-.018 7.358 1.875 9.485 5.046-2.417 3.999-6.734 6.434-11.382\n                  6.42-4.648.014-8.965-2.421-11.382-6.42 2.127-3.171 5.685-5.064\n                  9.485-5.045h3.794zM15.821 2.129c3.682 0 6.667 2.984 6.667 6.666 0 3.682-2.985\n                  6.667-6.667 6.667s-6.667-2.985-6.667-6.667 2.985-6.666 6.667-6.666z" }))),
-        h("div", { class: "avatar-name" },
-          h("span", { class: "text-default-single", title: this.top }, this.top),
-          h("span", { class: "text-default-single", title: this.bottom }, this.bottom))),
-      h("ix-dropdown", { show: this.displayMenu },
-        h("slot", null),
-        h("ix-menu-avatar-item", { label: this.i18nLogout, icon: "log-out", onClick: (e) => {
-            this.logoutClick.emit(e);
-          } }))));
+    return (h(Host, null, h("li", { class: "nav-item top-item avatar no-hover", title: this.top }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32" }, h("g", { fill: "none", "fill-rule": "evenodd" }, h("path", { id: "avatar-path-background", d: "M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163\n                    16-16c0-4.243-1.686-8.313-4.686-11.314C24.314 1.686 20.244 0 16 0z" }), h("path", { id: "avatar-path-person", d: "M17.897 17.91c3.8-.018 7.358 1.875 9.485 5.046-2.417 3.999-6.734 6.434-11.382\n                  6.42-4.648.014-8.965-2.421-11.382-6.42 2.127-3.171 5.685-5.064\n                  9.485-5.045h3.794zM15.821 2.129c3.682 0 6.667 2.984 6.667 6.666 0 3.682-2.985\n                  6.667-6.667 6.667s-6.667-2.985-6.667-6.667 2.985-6.666 6.667-6.666z" }))), h("div", { class: "avatar-name" }, h("span", { class: "text-default-single", title: this.top }, this.top), h("span", { class: "text-default-single", title: this.bottom }, this.bottom))), h("ix-dropdown", { show: this.displayMenu }, h("slot", null), h("ix-menu-avatar-item", { label: this.i18nLogout, icon: "log-out", onClick: (e) => {
+        this.logoutClick.emit(e);
+      } }))));
   }
   static get is() { return "ix-menu-avatar"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["menu-avatar.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["menu-avatar.css"]
-  }; }
-  static get properties() { return {
-    "top": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "First line of text"
-      },
-      "attribute": "top",
-      "reflect": false
-    },
-    "bottom": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Second line of text"
-      },
-      "attribute": "bottom",
-      "reflect": false
-    },
-    "i18nLogout": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["menu-avatar.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["menu-avatar.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "top": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "First line of text"
+        },
+        "attribute": "top",
+        "reflect": false
       },
-      "attribute": "i-1-8n-logout",
-      "reflect": false,
-      "defaultValue": "'Logout'"
-    }
-  }; }
-  static get states() { return {
-    "displayMenu": {}
-  }; }
-  static get events() { return [{
-      "method": "logoutClick",
-      "name": "logoutClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Logout click"
+      "bottom": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Second line of text"
+        },
+        "attribute": "bottom",
+        "reflect": false
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "i18nLogout": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "i-1-8n-logout",
+        "reflect": false,
+        "defaultValue": "'Logout'"
       }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "displayMenu": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "logoutClick",
+        "name": "logoutClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Logout click"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "hostElement"; }
-  static get listeners() { return [{
-      "name": "click",
-      "method": "toggleMenu",
-      "target": undefined,
-      "capture": false,
-      "passive": true
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "click",
+        "method": "toggleMenu",
+        "target": undefined,
+        "capture": false,
+        "passive": true
+      }];
+  }
 }

package/dist/collection/components/menu-avatar-item/menu-avatar-item.js

@@ -6,74 +6,86 @@
  * 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, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 export class MenuAvatarItem {
+  constructor() {
+    this.icon = undefined;
+    this.label = undefined;
+  }
   render() {
     return (h("ix-dropdown-item", { icon: this.icon, label: this.label, onClick: (e) => this.itemClick.emit(e) }));
   }
   static get is() { return "ix-menu-avatar-item"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["menu-avatar-item.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["menu-avatar-item.css"]
-  }; }
-  static get properties() { return {
-    "icon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Avatar dropdown icon"
-      },
-      "attribute": "icon",
-      "reflect": false
-    },
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Avatar dropdown label"
-      },
-      "attribute": "label",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "itemClick",
-      "name": "itemClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Avatar dropdown item clicked"
+  static get originalStyleUrls() {
+    return {
+      "$": ["menu-avatar-item.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["menu-avatar-item.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "icon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Avatar dropdown icon"
+        },
+        "attribute": "icon",
+        "reflect": false
       },
-      "complexType": {
-        "original": "MouseEvent",
-        "resolved": "MouseEvent",
-        "references": {
-          "MouseEvent": {
-            "location": "global"
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Avatar dropdown label"
+        },
+        "attribute": "label",
+        "reflect": false
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "itemClick",
+        "name": "itemClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Avatar dropdown item clicked"
+        },
+        "complexType": {
+          "original": "MouseEvent",
+          "resolved": "MouseEvent",
+          "references": {
+            "MouseEvent": {
+              "location": "global"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
   static get elementRef() { return "hostElement"; }
 }

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

@@ -6,21 +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, State } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 export class MenuItem {
   constructor() {
-    /**
-     * Move the Tab to a top position.
-     */
     this.home = false;
-    /**
-     * Place tab on bottom
-     */
     this.bottom = false;
-    /**
-     * Icon name from @siemens/ix-icons
-     */
     this.tabIcon = 'document';
+    this.notifications = undefined;
+    this.active = undefined;
+    this.disabled = undefined;
+    this.title = undefined;
   }
   get tabLabel() {
     return this.hostElement.querySelector('.tab-text');
@@ -38,129 +33,135 @@ export class MenuItem {
         'home-tab': this.home,
         'bottom-tab': this.bottom,
         active: this.active,
-      } },
-      h("li", { class: "tab", title: this.title },
-        h("i", { class: `glyph glyph-${this.tabIcon}` },
-          h("div", { class: "notification" }, this.notifications ? (h("div", { class: "pill" }, this.notifications)) : null)),
-        h("span", { class: "tab-text text-default" },
-          h("slot", null)))));
+      } }, h("li", { class: "tab", title: this.title }, h("i", { class: `glyph glyph-${this.tabIcon}` }, h("div", { class: "notification" }, this.notifications ? (h("div", { class: "pill" }, this.notifications)) : null)), h("span", { class: "tab-text text-default" }, h("slot", null)))));
   }
   static get is() { return "ix-menu-item"; }
-  static get originalStyleUrls() { return {
-    "$": ["menu-item.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["menu-item.css"]
-  }; }
-  static get properties() { return {
-    "home": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Move the Tab to a top position."
-      },
-      "attribute": "home",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "bottom": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Place tab on bottom"
-      },
-      "attribute": "bottom",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "tabIcon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Icon name from @siemens/ix-icons"
-      },
-      "attribute": "tab-icon",
-      "reflect": false,
-      "defaultValue": "'document'"
-    },
-    "notifications": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Show notification cound on tab"
+  static get originalStyleUrls() {
+    return {
+      "$": ["menu-item.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["menu-item.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "home": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Move the Tab to a top position."
+        },
+        "attribute": "home",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "notifications",
-      "reflect": false
-    },
-    "active": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "bottom": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "deprecated",
+              "text": "- replaced by slot based implementation"
+            }],
+          "text": "Caution: this is no longer working. Please use slot=\"bottom\" instead.\n\nPlace tab on bottom"
+        },
+        "attribute": "bottom",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "State to display active"
+      "tabIcon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Icon name from @siemens/ix-icons"
+        },
+        "attribute": "tab-icon",
+        "reflect": false,
+        "defaultValue": "'document'"
       },
-      "attribute": "active",
-      "reflect": false
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "notifications": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Show notification cound on tab"
+        },
+        "attribute": "notifications",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Disable tab and remove event handlers"
+      "active": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "State to display active"
+        },
+        "attribute": "active",
+        "reflect": false
       },
-      "attribute": "disabled",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "title": {}
-  }; }
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Disable tab and remove event handlers"
+        },
+        "attribute": "disabled",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "title": {}
+    };
+  }
   static get elementRef() { return "hostElement"; }
 }