@siemens/ix 0.0.0-20240419081748

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

@@ -0,0 +1,137 @@
+/*
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { forceUpdate, h, } from "@stencil/core";
+import { MenuTabs } from "../utils/menu-tabs/menu-tabs-fc";
+import { initialize, setTab, } from "../utils/menu-tabs/menu-tabs-utils";
+export class MenuAbout {
+    constructor() {
+        this.activeTabLabel = undefined;
+        this.label = 'About & legal information';
+        this.show = false;
+        this.items = undefined;
+    }
+    updateTab(label) {
+        setTab(this, label);
+    }
+    componentWillLoad() {
+        initialize(this);
+    }
+    componentDidLoad() {
+        forceUpdate(this.el);
+    }
+    render() {
+        return h(MenuTabs, { key: '1e1fb130f2d7ea2cc703621c6c4ef91cbe97c1bc', context: this });
+    }
+    static get is() { return "ix-menu-about"; }
+    static get encapsulation() { return "shadow"; }
+    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"
+                },
+                "attribute": "show",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "items": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "close",
+                "name": "close",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "About and Legal closed"
+                },
+                "complexType": {
+                    "original": "CustomCloseEvent",
+                    "resolved": "CustomCloseEvent",
+                    "references": {
+                        "CustomCloseEvent": {
+                            "location": "import",
+                            "path": "../utils/menu-tabs/menu-tabs-utils",
+                            "id": "src/components/utils/menu-tabs/menu-tabs-utils.ts::CustomCloseEvent"
+                        }
+                    }
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "activeTabLabel",
+                "methodName": "updateTab"
+            }];
+    }
+}
+//# sourceMappingURL=menu-about.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-about.js","sourceRoot":"","sources":["../../../../src/components/menu-about/menu-about.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EACL,SAAS,EACT,OAAO,EACP,KAAK,EAEL,WAAW,EACX,CAAC,EACD,IAAI,EACJ,KAAK,EACL,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAEL,UAAU,EACV,MAAM,GACP,MAAM,oCAAoC,CAAC;AAO5C,MAAM,OAAO,SAAS;;;qBAYJ,2BAA2B;oBAK5B,KAAK;;;IAUpB,SAAS,CAAC,KAAa;QACrB,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACtB,CAAC;IAED,iBAAiB;QACf,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC;IAED,gBAAgB;QACd,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACvB,CAAC;IAED,MAAM;QACJ,OAAO,EAAC,QAAQ,qDAAC,OAAO,EAAE,IAAI,GAAI,CAAC;IACrC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { MenuTabs } from '../utils/menu-tabs/menu-tabs-fc';\nimport {\n  CustomCloseEvent,\n  initialize,\n  setTab,\n} from '../utils/menu-tabs/menu-tabs-utils';\n\n@Component({\n  tag: 'ix-menu-about',\n  styleUrl: 'menu-about.scss',\n  shadow: true,\n})\nexport class MenuAbout {\n  @Element() el!: HTMLIxMenuAboutElement;\n\n  /**\n   * Active tab\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable\n  @Prop({ mutable: true }) activeTabLabel: string;\n\n  /**\n   * Label of first tab\n   */\n  @Prop() label = 'About & legal information';\n\n  /**\n   * Internal\n   */\n  @Prop() show = false;\n\n  /**\n   * About and Legal closed\n   */\n  @Event() close: EventEmitter<CustomCloseEvent>;\n\n  @State() items: HTMLIxMenuAboutItemElement[];\n\n  @Watch('activeTabLabel')\n  updateTab(label: string) {\n    setTab(this, label);\n  }\n\n  componentWillLoad() {\n    initialize(this);\n  }\n\n  componentDidLoad() {\n    forceUpdate(this.el);\n  }\n\n  render() {\n    return <MenuTabs context={this} />;\n  }\n}\n"]}

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

@@ -0,0 +1,12 @@
+/*
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+:host {
+  display: block;
+}

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

@@ -0,0 +1,88 @@
+/*
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { h, Host, } from "@stencil/core";
+export class MenuAboutItem {
+    constructor() {
+        this.label = undefined;
+    }
+    watchLabel(newValue, oldValue) {
+        this.labelChange.emit({
+            name: 'ix-menu-about-item',
+            oldLabel: oldValue,
+            newLabel: newValue,
+        });
+    }
+    render() {
+        return (h(Host, { key: '963b59afed12d8bba0b4107da846b433bc451b1f' }, h("slot", { key: 'fbea143350cd9850db1526e19363f7d8632035af' })));
+    }
+    static get is() { return "ix-menu-about-item"; }
+    static get encapsulation() { return "shadow"; }
+    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 events() {
+        return [{
+                "method": "labelChange",
+                "name": "labelChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Label changed"
+                },
+                "complexType": {
+                    "original": "CustomLabelChangeEvent",
+                    "resolved": "CustomLabelChangeEvent",
+                    "references": {
+                        "CustomLabelChangeEvent": {
+                            "location": "import",
+                            "path": "../utils/menu-tabs/menu-tabs-utils",
+                            "id": "src/components/utils/menu-tabs/menu-tabs-utils.ts::CustomLabelChangeEvent"
+                        }
+                    }
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "label",
+                "methodName": "watchLabel"
+            }];
+    }
+}
+//# sourceMappingURL=menu-about-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-about-item.js","sourceRoot":"","sources":["../../../../src/components/menu-about-item/menu-about-item.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EACL,SAAS,EACT,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,IAAI,EACJ,KAAK,GACN,MAAM,eAAe,CAAC;AAQvB,MAAM,OAAO,aAAa;;;;IAYxB,UAAU,CAAC,QAAgB,EAAE,QAAgB;QAC3C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;YACpB,IAAI,EAAE,oBAAoB;YAC1B,QAAQ,EAAE,QAAQ;YAClB,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;IACL,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  Watch,\n} from '@stencil/core';\nimport { CustomLabelChangeEvent } from '../utils/menu-tabs/menu-tabs-utils';\n\n@Component({\n  tag: 'ix-menu-about-item',\n  styleUrl: 'menu-about-item.css',\n  shadow: true,\n})\nexport class MenuAboutItem {\n  /**\n   * About Item label\n   */\n  @Prop({ reflect: true }) label: string;\n\n  /**\n   * Label changed\n   */\n  @Event() labelChange: EventEmitter<CustomLabelChangeEvent>;\n\n  @Watch('label')\n  watchLabel(newValue: string, oldValue: string) {\n    this.labelChange.emit({\n      name: 'ix-menu-about-item',\n      oldLabel: oldValue,\n      newLabel: newValue,\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,172 @@
+/*
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/*
+ * SPDX-FileCopyrightText: 2024 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/* Dimensions */
+/* Font sizes */
+/* Line heights */
+/* Animation timings */
+/*
+ * SPDX-FileCopyrightText: 2024 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/*
+ * SPDX-FileCopyrightText: 2024 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/*
+ * SPDX-FileCopyrightText: 2024 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/*
+ * SPDX-FileCopyrightText: 2024 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+:host {
+  /* width */
+  /* Track */
+  /* Handle */
+  /* Handle on hover */
+  --margin: 0.5rem;
+  display: block;
+  position: fixed;
+  width: 20rem;
+  height: auto;
+  background-color: var(--theme-color-2);
+  border-radius: 0.25rem;
+  padding: 1rem;
+  left: 3.4rem;
+  z-index: 10000;
+  transition: left var(--theme-default-time);
+  margin-inline-start: var(--margin) !important;
+  box-shadow: var(--theme-box-shadow-level-4);
+}
+:host *,
+:host *::after,
+:host *::before {
+  box-sizing: border-box;
+}
+:host ::-webkit-scrollbar-button {
+  display: none;
+}
+:host ::-webkit-scrollbar {
+  width: 0.5rem;
+  height: 0.5rem;
+}
+:host ::-webkit-scrollbar-track {
+  border-radius: 5px;
+  background: var(--theme-scrollbar-track--background);
+}
+:host ::-webkit-scrollbar-track:hover {
+  background: var(--theme-scrollbar-track--background--hover);
+}
+:host ::-webkit-scrollbar-thumb {
+  border-radius: 5px;
+  background: var(--theme-scrollbar-thumb--background);
+}
+:host ::-webkit-scrollbar-thumb:hover {
+  background: var(--theme-scrollbar-thumb--background--hover);
+}
+:host ::-webkit-scrollbar-corner {
+  display: none;
+}
+:host .banner-container {
+  position: absolute;
+  top: 0.0625rem;
+  left: 1rem;
+}
+:host .banner-container svg {
+  position: absolute;
+  height: 3.625rem;
+  width: 3rem;
+}
+:host .banner-container svg polygon {
+  fill: var(--theme-color-primary);
+}
+:host .banner-container ix-icon {
+  margin: 0.5rem;
+  position: absolute;
+  z-index: 1;
+}
+:host .cui-popover-news-header {
+  margin-bottom: 2.5rem;
+  margin-inline-start: 4rem;
+  margin-block-start: -0.25rem;
+}
+:host .popover-body {
+  color: var(--theme-color-std-text);
+}
+:host .cui-popover-news-footer {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 1rem;
+}
+:host ix-icon-button {
+  top: 0.5rem;
+  right: 0.5rem;
+  position: absolute;
+}
+:host #arrow {
+  position: absolute;
+  width: 0.5rem;
+  height: 0.5rem;
+  background-color: var(--theme-color-2);
+  transform: translateX(calc(var(--margin) * -1 - 0.8rem)) rotateZ(45deg);
+}
+
+:host(.expanded) {
+  left: calc(3.4rem + 12.7rem);
+}
+
+:host(.show) {
+  display: none;
+}
+
+@media only screen and (max-width: 48em) {
+  :host {
+    display: flex;
+    flex-direction: column;
+    max-height: calc(100vh - 4.75rem);
+    width: calc(100% - 2rem);
+    max-width: 30rem;
+    transform: translateX(calc(1rem - 50%));
+    left: calc(50% - 1rem) !important;
+    bottom: 1rem !important;
+    margin-inline: 0 !important;
+    z-index: calc(var(--theme-z-index-sticky) - 1);
+  }
+  :host .slot-container {
+    overflow-y: auto;
+  }
+  :host #arrow {
+    display: none;
+  }
+}

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

@@ -0,0 +1,192 @@
+/*
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { h, Host } from "@stencil/core";
+export class MenuAboutNews {
+    constructor() {
+        this.show = false;
+        this.label = undefined;
+        this.i18nShowMore = 'Show more';
+        this.aboutItemLabel = undefined;
+        this.offsetBottom = 0;
+        this.expanded = false;
+    }
+    render() {
+        return (h(Host, { key: '96d424d34a1a660200da006c7e00732871be3864', class: {
+                expanded: this.expanded,
+                show: !this.show,
+            } }, h("div", { key: 'de1e583eaf521a4c09fd2319a170f7450901bf3a', class: "banner-container" }, h("ix-icon", { key: 'f132c4275fcc0dfc926ca416d366c6cba0f65e24', color: "color-inv-contrast-text", name: 'shout', size: "32" }), h("svg", { key: 'c6a66eab455135e55ea0623e75fb8c9a7d7ab921', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, h("polygon", { key: 'd7373ab9e7784faee3308be7792bead6bea418d4', points: "0 0 48 0 48 56 24 48 0 56" }))), h("div", { key: 'ac563f6a0828c72376a7bac6ad1e00a44f324e6e', class: "cui-popover-news-header" }, h("ix-typography", { key: '6aceab1232844f6af7f7fb024f3d6a2810df7285', variant: "default-title-single" }, this.label)), h("ix-icon-button", { key: '1ac11020750a1c5753d06b1af8cd6583a7dba381', size: "24", icon: 'close', ghost: true, onClick: () => {
+                this.show = false;
+                this.closePopover.emit();
+            } }), h("div", { key: '4d599b682868f47e16762e7e30383aa01b96ce2d', class: "slot-container" }, h("slot", { key: '3ddafdf4636c32e7a785338cea83f893b796177d' })), this.aboutItemLabel ? (h("div", { class: "cui-popover-news-footer" }, h("ix-button", { variant: "primary", onClick: (e) => {
+                this.show = false;
+                this.showMore.emit(e);
+            } }, this.i18nShowMore))) : null, h("div", { key: 'a21ff21ba788aaa5186bd0ed4e281a9d7ad70911', id: "arrow" })));
+    }
+    static get is() { return "ix-menu-about-news"; }
+    static get encapsulation() { return "shadow"; }
+    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": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Bottom offset"
+                },
+                "attribute": "offset-bottom",
+                "reflect": false,
+                "defaultValue": "0"
+            },
+            "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",
+                            "id": "global::MouseEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "closePopover",
+                "name": "closePopover",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Popover closed"
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+}
+//# sourceMappingURL=menu-about-news.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-about-news.js","sourceRoot":"","sources":["../../../../src/components/menu-about-news/menu-about-news.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAO9E,MAAM,OAAO,aAAa;;oBAIuB,KAAK;;4BAU7B,WAAW;;4BAUX,CAAC;wBAeL,KAAK;;IAExB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,IAAI,EAAE,CAAC,IAAI,CAAC,IAAI;aACjB;YAED,4DAAK,KAAK,EAAC,kBAAkB;gBAC3B,gEACE,KAAK,EAAC,yBAAyB,EAC/B,IAAI,EAAE,OAAO,EACb,IAAI,EAAC,IAAI,GACA;gBACX,4DAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;oBACzD,gEAAS,MAAM,EAAC,2BAA2B,GAAG,CAC1C,CACF;YAEN,4DAAK,KAAK,EAAC,yBAAyB;gBAClC,sEAAe,OAAO,EAAC,sBAAsB,IAC1C,IAAI,CAAC,KAAK,CACG,CACZ;YAEN,uEACE,IAAI,EAAC,IAAI,EACT,IAAI,EAAE,OAAO,EACb,KAAK,QACL,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;oBAClB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;gBAC3B,CAAC,GACe;YAClB,4DAAK,KAAK,EAAC,gBAAgB;gBACzB,8DAAa,CACT;YACL,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CACrB,WAAK,KAAK,EAAC,yBAAyB;gBAClC,iBACE,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;wBACb,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;wBAClB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;oBACxB,CAAC,IAEA,IAAI,CAAC,YAAY,CACR,CACR,CACP,CAAC,CAAC,CAAC,IAAI;YACR,4DAAK,EAAE,EAAC,OAAO,GAAO,CACjB,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'ix-menu-about-news',\n  styleUrl: 'menu-about-news.scss',\n  shadow: true,\n})\nexport class MenuAboutNews {\n  /**\n   * Show about news\n   */\n  @Prop({ mutable: true, reflect: true }) show = false;\n\n  /**\n   * Title of the about news\n   */\n  @Prop() label: string;\n\n  /**\n   *\n   */\n  @Prop() i18nShowMore = 'Show more';\n\n  /**\n   * Subtitle of the about news\n   */\n  @Prop() aboutItemLabel: string;\n\n  /**\n   * Bottom offset\n   */\n  @Prop() offsetBottom = 0;\n\n  /**\n   * Show More button is pressed\n   */\n  @Event() showMore: EventEmitter<MouseEvent>;\n\n  /**\n   * Popover closed\n   */\n  @Event() closePopover: EventEmitter<void>;\n\n  /**\n   * Internal\n   */\n  @Prop() expanded = false;\n\n  render() {\n    return (\n      <Host\n        class={{\n          expanded: this.expanded,\n          show: !this.show,\n        }}\n      >\n        <div class=\"banner-container\">\n          <ix-icon\n            color=\"color-inv-contrast-text\"\n            name={'shout'}\n            size=\"32\"\n          ></ix-icon>\n          <svg viewBox=\"0 0 48 56\" xmlns=\"http://www.w3.org/2000/svg\">\n            <polygon points=\"0 0 48 0 48 56 24 48 0 56\" />\n          </svg>\n        </div>\n\n        <div class=\"cui-popover-news-header\">\n          <ix-typography variant=\"default-title-single\">\n            {this.label}\n          </ix-typography>\n        </div>\n\n        <ix-icon-button\n          size=\"24\"\n          icon={'close'}\n          ghost\n          onClick={() => {\n            this.show = false;\n            this.closePopover.emit();\n          }}\n        ></ix-icon-button>\n        <div class=\"slot-container\">\n          <slot></slot>\n        </div>\n        {this.aboutItemLabel ? (\n          <div class=\"cui-popover-news-footer\">\n            <ix-button\n              variant=\"primary\"\n              onClick={(e) => {\n                this.show = false;\n                this.showMore.emit(e);\n              }}\n            >\n              {this.i18nShowMore}\n            </ix-button>\n          </div>\n        ) : null}\n        <div id=\"arrow\"></div>\n      </Host>\n    );\n  }\n}\n"]}