@siemens/ix 1.1.0-beta.5 → 1.1.0

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

@@ -6,16 +6,11 @@
  * 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, forceUpdate, h, Host, Prop, State, Watch, } from '@stencil/core';
+import { forceUpdate, h, Host, } from '@stencil/core';
 export class MenuAbout {
   constructor() {
-    /**
-     * Label of first tab
-     */
+    this.activeTabLabel = undefined;
     this.label = 'About & legal information';
-    /**
-     * Internal
-     */
     this.show = false;
     this.labels = [];
   }
@@ -65,103 +60,109 @@ export class MenuAbout {
         animate__animated: true,
         animate__fadeInLeft: this.show,
         animate__fadeOutLeft: !this.show,
-      } },
-      h("div", { class: "about-header" },
-        h("h2", { class: "text-h2" }, this.label),
-        h("ix-icon-button", { ghost: true, size: "24", icon: "close", onClick: (e) => this.close.emit(e) })),
-      h("ix-tabs", { selected: this.getSelectedTabIndex(this.activeTabLabel), class: "about-tabs" }, this.getTabItems()),
-      h("div", { class: "about-items" },
-        h("slot", null))));
+      } }, h("div", { class: "about-header" }, h("h2", { class: "text-h2" }, this.label), h("ix-icon-button", { ghost: true, size: "24", icon: "close", onClick: (e) => this.close.emit(e) })), h("ix-tabs", { selected: this.getSelectedTabIndex(this.activeTabLabel), class: "about-tabs" }, this.getTabItems()), h("div", { class: "about-items" }, h("slot", null))));
   }
   static get is() { return "ix-menu-about"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["menu-about.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["menu-about.css"]
-  }; }
-  static get properties() { return {
-    "activeTabLabel": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Active tab"
-      },
-      "attribute": "active-tab-label",
-      "reflect": false
-    },
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Label of first tab"
-      },
-      "attribute": "label",
-      "reflect": false,
-      "defaultValue": "'About & legal information'"
-    },
-    "show": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Internal"
+  static get originalStyleUrls() {
+    return {
+      "$": ["menu-about.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["menu-about.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "activeTabLabel": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Active tab"
+        },
+        "attribute": "active-tab-label",
+        "reflect": false
       },
-      "attribute": "show",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "labels": {}
-  }; }
-  static get events() { return [{
-      "method": "close",
-      "name": "close",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "About and Legal closed"
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Label of first tab"
+        },
+        "attribute": "label",
+        "reflect": false,
+        "defaultValue": "'About & legal information'"
       },
-      "complexType": {
-        "original": "MouseEvent",
-        "resolved": "MouseEvent",
-        "references": {
-          "MouseEvent": {
-            "location": "global"
+      "show": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Internal"
+        },
+        "attribute": "show",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "labels": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "close",
+        "name": "close",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "About and Legal closed"
+        },
+        "complexType": {
+          "original": "MouseEvent",
+          "resolved": "MouseEvent",
+          "references": {
+            "MouseEvent": {
+              "location": "global"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
   static get elementRef() { return "el"; }
-  static get watchers() { return [{
-      "propName": "activeTabLabel",
-      "methodName": "watchActiveTabLabel"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "activeTabLabel",
+        "methodName": "watchActiveTabLabel"
+      }];
+  }
 }

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

@@ -6,37 +6,45 @@
  * 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 MenuAboutItem {
+  constructor() {
+    this.label = undefined;
+  }
   render() {
-    return (h(Host, null,
-      h("slot", null)));
+    return (h(Host, null, h("slot", null)));
   }
   static get is() { return "ix-menu-about-item"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["menu-about-item.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["menu-about-item.css"]
-  }; }
-  static get properties() { return {
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "About Item label"
-      },
-      "attribute": "label",
-      "reflect": true
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["menu-about-item.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["menu-about-item.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "About Item label"
+        },
+        "attribute": "label",
+        "reflect": true
+      }
+    };
+  }
 }

package/dist/collection/components/menu-about-news/menu-about-news.js

@@ -6,199 +6,185 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { Component, Event, h, Host, Prop } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 export class MenuAboutNews {
   constructor() {
-    /**
-     * Show about news
-     */
     this.show = false;
-    /**
-     *
-     */
+    this.label = undefined;
     this.i18nShowMore = 'Show more';
-    /**
-     * Bottom offset
-     */
+    this.aboutItemLabel = undefined;
     this.offsetBottom = 0;
-    /**
-     * Internal
-     */
     this.expanded = false;
   }
   render() {
     return (h(Host, { class: {
         expanded: this.expanded,
         show: !this.show,
-      } },
-      h("div", { class: "banner-container" },
-        h("ix-icon", { color: "color-inv-contrast-text", name: "shout", size: "32" }),
-        h("svg", { viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" },
-          h("polygon", { points: "0 0 48 0 48 56 24 48 0 56" }))),
-      h("div", { class: "cui-popover-news-header" },
-        h("span", { class: "text-l-title" }, this.label)),
-      h("ix-icon-button", { size: "24", icon: "close-small", ghost: true, onClick: () => {
-          this.show = false;
-          this.closePopover.emit();
-        } }),
-      h("slot", null),
-      this.aboutItemLabel ? (h("div", { class: "cui-popover-news-footer" },
-        h("button", { class: "btn btn-primary", onClick: (e) => {
-            this.show = false;
-            this.showMore.emit(e);
-          } }, this.i18nShowMore))) : null,
-      h("svg", { id: "arrow", xmlns: "http://www.w3.org/2000/svg", width: "8", height: "12", viewBox: "0 0 8 12" },
-        h("path", { d: "M8 0 L0 6 L8 12" }))));
+      } }, h("div", { class: "banner-container" }, h("ix-icon", { color: "color-inv-contrast-text", name: "shout", size: "32" }), h("svg", { viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, h("polygon", { points: "0 0 48 0 48 56 24 48 0 56" }))), h("div", { class: "cui-popover-news-header" }, h("span", { class: "text-l-title" }, this.label)), h("ix-icon-button", { size: "24", icon: "close-small", ghost: true, onClick: () => {
+        this.show = false;
+        this.closePopover.emit();
+      } }), h("slot", null), this.aboutItemLabel ? (h("div", { class: "cui-popover-news-footer" }, h("button", { class: "btn btn-primary", onClick: (e) => {
+        this.show = false;
+        this.showMore.emit(e);
+      } }, this.i18nShowMore))) : null, h("svg", { id: "arrow", xmlns: "http://www.w3.org/2000/svg", width: "8", height: "12", viewBox: "0 0 8 12" }, h("path", { d: "M8 0 L0 6 L8 12" }))));
   }
   static get is() { return "ix-menu-about-news"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["menu-about-news.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["menu-about-news.css"]
-  }; }
-  static get properties() { return {
-    "show": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Show about news"
-      },
-      "attribute": "show",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Title of the about news"
-      },
-      "attribute": "label",
-      "reflect": false
-    },
-    "i18nShowMore": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "i-1-8n-show-more",
-      "reflect": false,
-      "defaultValue": "'Show more'"
-    },
-    "aboutItemLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Subtitle of the about news"
-      },
-      "attribute": "about-item-label",
-      "reflect": false
-    },
-    "offsetBottom": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["menu-about-news.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["menu-about-news.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "show": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Show about news"
+        },
+        "attribute": "show",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Bottom offset"
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Title of the about news"
+        },
+        "attribute": "label",
+        "reflect": false
       },
-      "attribute": "offset-bottom",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "expanded": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "i18nShowMore": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "i-1-8n-show-more",
+        "reflect": false,
+        "defaultValue": "'Show more'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Internal"
+      "aboutItemLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Subtitle of the about news"
+        },
+        "attribute": "about-item-label",
+        "reflect": false
       },
-      "attribute": "expanded",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get events() { return [{
-      "method": "showMore",
-      "name": "showMore",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Show More button is pressed"
+      "offsetBottom": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Bottom offset"
+        },
+        "attribute": "offset-bottom",
+        "reflect": false,
+        "defaultValue": "0"
       },
-      "complexType": {
-        "original": "MouseEvent",
-        "resolved": "MouseEvent",
-        "references": {
-          "MouseEvent": {
-            "location": "global"
+      "expanded": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Internal"
+        },
+        "attribute": "expanded",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "showMore",
+        "name": "showMore",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Show More button is pressed"
+        },
+        "complexType": {
+          "original": "MouseEvent",
+          "resolved": "MouseEvent",
+          "references": {
+            "MouseEvent": {
+              "location": "global"
+            }
           }
         }
-      }
-    }, {
-      "method": "closePopover",
-      "name": "closePopover",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Popover closed"
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }]; }
+      }, {
+        "method": "closePopover",
+        "name": "closePopover",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Popover closed"
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
 }