npm - @siemens/ix - Versions diffs - 1.4.0 → 1.5.0-beta.0 - Mend

@siemens/ix 1.4.0 → 1.5.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (936) hide show

package/dist/components/map-navigation-overlay.js CHANGED Viewed

@@ -84,3 +84,5 @@ function defineCustomElement() {
 }
 export { MapNavigationOverlay as M, defineCustomElement as d };
+//# sourceMappingURL=map-navigation-overlay.js.map

package/dist/components/map-navigation-overlay.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"map-navigation-overlay.js","mappings":";;;;;AAAA,MAAM,uBAAuB,GAAG,qzJAAqzJ;;MCyBx0J,oBAAoB;;;;;;;;;EAyB/B,iBAAiB;IACf,KAAK,CAAC;MACJ,OAAO,EAAE,IAAI,CAAC,WAAW;MACzB,QAAQ,EAAE,oBAAoB,CAAC,QAAQ;MACvC,cAAc,EAAE,CAAC,CAAC,EAAE,YAAY,CAAC;MACjC,UAAU,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;MACxB,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;MACf,MAAM,EAAE,aAAa;MACrB,KAAK,EAAE;QACL,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;OAC7C;KACF,CAAC,CAAC;GACJ;EAEO,YAAY;IAClB,KAAK,CAAC;MACJ,OAAO,EAAE,IAAI,CAAC,WAAW;MACzB,QAAQ,EAAE,oBAAoB,CAAC,QAAQ;MACvC,cAAc,EAAE,CAAC,YAAY,EAAE,CAAC,CAAC;MACjC,UAAU,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC;MACxB,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;MACf,MAAM,EAAE,YAAY;MACpB,QAAQ,EAAE;QACR,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;QACvB,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;OAC1C;KACF,CAAC,CAAC;GACJ;EAED,MAAM;IACJ,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAC,gBAAgB,IACzB,WACE,KAAK,EAAE;QACL,iBAAiB,EAAE,IAAI;QACvB,QAAQ,EAAE,IAAI,CAAC,KAAK,KAAK,WAAW,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS;OACjE,EACD,KAAK,EAAE;QACL,kBAAkB,EAAE,IAAI,CAAC,KAAK;YAC1B,eAAe,IAAI,CAAC,KAAK,GAAG;YAC5B,EAAE;OACP,GACI,EACP,WAAK,KAAK,EAAC,wBAAwB,IACjC,eAAS,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAY,EAC9C,YAAM,KAAK,EAAC,sBAAsB,EAAC,KAAK,EAAE,IAAI,CAAC,IAAI,IAChD,IAAI,CAAC,IAAI,CACL,CACH,EACN,sBACE,KAAK,EAAC,eAAe,EACrB,KAAK,QACL,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,GAClB,CACd,EAEN,eAAa,CACR,EACP;GACH;;;;;;;;AAtFuB,6BAAQ,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/map-navigation-overlay/map-navigation-overlay.scss?tag=ix-map-navigation-overlay&encapsulation=scoped","./src/components/map-navigation-overlay/map-navigation-overlay.tsx"],"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@import 'common-variables';\n@import 'fonts';\n@import 'mixins/text-truncation';\n\n:host {\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n top: 0;\n left: 0;\n\n background-color: var(--theme-overlay--background);\n\n .overlay-header {\n display: flex;\n position: relative;\n justify-content: flex-start;\n align-items: center;\n height: 3.5rem;\n\n background-color: var(--theme-overlay-header--background);\n }\n\n .overlay-header-content {\n display: flex;\n align-items: center;\n min-width: 0;\n\n ix-icon {\n margin-inline-start: $default-space;\n color: var(--theme-overlay-header--color);\n }\n\n .overlay-header-title {\n @include text-h2;\n @include ellipsis;\n color: var(--theme-overlay-header--color);\n margin-inline-start: $default-space;\n }\n }\n\n .color-indicator {\n display: inline-block;\n position: relative;\n width: $small-space;\n height: 100%;\n background-color: var(--theme-color-neutral);\n }\n\n .overlay-close {\n margin-inline-start: auto;\n margin-inline-end: $default-space;\n }\n}\n","/*\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 h,\n Host,\n Prop,\n} from '@stencil/core';\nimport anime from 'animejs';\n\n@Component({\n tag: 'ix-map-navigation-overlay',\n styleUrl: 'map-navigation-overlay.scss',\n scoped: true,\n})\nexport class MapNavigationOverlay {\n private static readonly slowTime = 500;\n\n @Element() hostElement: HTMLIxMapNavigationOverlayElement;\n\n /**\n * Title of overlay\n */\n @Prop() name: string;\n\n /**\n * Icon of overlay\n */\n @Prop() icon: string;\n\n /**\n * Color of icon\n */\n @Prop() color: string;\n\n /**\n * Event closed\n */\n @Event() closeClick: EventEmitter;\n\n componentWillLoad() {\n anime({\n targets: this.hostElement,\n duration: MapNavigationOverlay.slowTime,\n backdropFilter: [0, 'blur(1rem)'],\n translateX: ['-4rem', 0],\n opacity: [0, 1],\n easing: 'easeOutSine',\n begin: () => {\n this.hostElement.classList.remove('d-none');\n },\n });\n }\n\n private closeOverlay() {\n anime({\n targets: this.hostElement,\n duration: MapNavigationOverlay.slowTime,\n backdropFilter: ['blur(1rem)', 0],\n translateX: [0, '-4rem'],\n opacity: [1, 0],\n easing: 'easeInSine',\n complete: () => {\n this.closeClick.emit();\n this.hostElement.classList.add('d-none');\n },\n });\n }\n\n render() {\n return (\n <Host>\n <div class=\"overlay-header\">\n <div\n class={{\n 'color-indicator': true,\n 'd-none': this.color === 'undefined' || this.color === undefined,\n }}\n style={{\n 'background-color': this.color\n ? `var(--theme-${this.color})`\n : '',\n }}\n ></div>\n <div class=\"overlay-header-content\">\n <ix-icon size=\"32\" name={this.icon}></ix-icon>\n <span class=\"overlay-header-title\" title={this.name}>\n {this.name}\n </span>\n </div>\n <ix-icon-button\n class=\"overlay-close\"\n ghost\n icon=\"close\"\n size=\"24\"\n onClick={() => this.closeOverlay()}\n ></ix-icon-button>\n </div>\n\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/menu-avatar-item.js CHANGED Viewed

@@ -46,3 +46,5 @@ function defineCustomElement() {
 }
 export { MenuAvatarItem as M, defineCustomElement as d };
+//# sourceMappingURL=menu-avatar-item.js.map

package/dist/components/menu-avatar-item.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"menu-avatar-item.js","mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,0CAA0C;;MCuBvD,cAAc;;;;;;;;EAkBzB,MAAM;IACJ,QACE,wBACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,GACpB,EACpB;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/menu-avatar-item/menu-avatar-item.css?tag=ix-menu-avatar-item&encapsulation=scoped","./src/components/menu-avatar-item/menu-avatar-item.tsx"],"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\n:host {\n display: block;\n}\n","/*\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 h,\n Prop,\n} from '@stencil/core';\n\n@Component({\n tag: 'ix-menu-avatar-item',\n styleUrl: 'menu-avatar-item.css',\n scoped: true,\n})\nexport class MenuAvatarItem {\n /**\n * Avatar dropdown icon\n */\n @Prop() icon: string;\n\n /**\n * Avatar dropdown label\n */\n @Prop() label: string;\n\n /**\n * Avatar dropdown item clicked\n */\n @Event() itemClick: EventEmitter<MouseEvent>;\n\n @Element() hostElement: HTMLIxMenuAvatarItemElement;\n\n render() {\n return (\n <ix-dropdown-item\n icon={this.icon}\n label={this.label}\n onClick={(e) => this.itemClick.emit(e)}\n ></ix-dropdown-item>\n );\n }\n}\n"],"version":3}

package/dist/components/menu-item.js CHANGED Viewed

@@ -58,3 +58,5 @@ function defineCustomElement() {
 }
 export { MenuItem as M, defineCustomElement as d };
+//# sourceMappingURL=menu-item.js.map

package/dist/components/menu-item.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"menu-item.js","mappings":";;AAAA,MAAM,WAAW,GAAG,wzGAAwzG;;MCgB/zG,QAAQ;;;;gBAIJ,KAAK;kBASH,KAAK;mBAKJ,UAAU;;;;;;EAqB5B,IAAI,QAAQ;IACV,OAAO,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;GACpD;EAED,kBAAkB;IAChB,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC;IAClC,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;IAC7D,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;MAC3B,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;KACvB;GACF;EAED,MAAM;IACJ,QACE,EAAC,IAAI,IACH,KAAK,EAAE;QACL,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,UAAU,EAAE,IAAI,CAAC,IAAI;QACrB,YAAY,EAAE,IAAI,CAAC,MAAM;QACzB,MAAM,EAAE,IAAI,CAAC,MAAM;OACpB,IAED,UAAI,KAAK,EAAC,KAAK,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,IAC/B,SAAG,KAAK,EAAE,eAAe,IAAI,CAAC,OAAO,EAAE,IACrC,WAAK,KAAK,EAAC,cAAc,IACtB,IAAI,CAAC,aAAa,IACjB,WAAK,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,aAAa,CAAO,IAC1C,IAAI,CACJ,CACJ,EACJ,YAAM,KAAK,EAAC,uBAAuB,IACjC,eAAa,CACR,CACJ,CACA,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/menu-item/menu-item.scss?tag=ix-menu-item&encapsulation=scoped","./src/components/menu-item/menu-item.tsx"],"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\n@import 'common-variables';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n\n:host {\n position: relative;\n display: block;\n\n .tab {\n display: flex;\n position: relative;\n align-items: center;\n height: 3rem;\n z-index: 500;\n padding-left: 1.25rem;\n\n &:not(.selected) {\n cursor: pointer;\n\n @include ghost-hover-pressed;\n }\n }\n\n i.glyph {\n color: var(--theme-nav-item-primary-icon--color);\n position: relative;\n }\n\n .tab:focus-visible {\n outline: none;\n }\n\n &:focus-visible {\n outline: none;\n }\n\n .tab:not(:last-child) {\n margin-bottom: $small-space;\n }\n\n .notification {\n display: inline-flex;\n position: absolute;\n top: -$small-space;\n right: -50%;\n\n .pill {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n height: 1rem;\n min-width: 1rem;\n position: relative;\n border-radius: 6.25rem;\n background-color: var(--theme-color-primary);\n border-radius: 6.25rem;\n font-size: 0.75rem;\n font-weight: bold;\n line-height: 1;\n font-family: Siemens Sans, Arial, sans-serif;\n color: var(--theme-color-primary--contrast);\n padding: $tiny-space;\n }\n }\n\n .tab-text {\n @include ellipsis;\n color: var(--theme-nav-item-primary--color);\n margin: 0 1.25rem;\n user-select: none;\n }\n\n &.active,\n &.selected {\n .tab {\n background-color: var(--theme-nav-item-primary--background--selected);\n }\n\n .tab::before {\n content: '';\n background-color: var(--theme-nav-item-primary--border-color--selected);\n height: 3rem;\n width: 0.25rem;\n left: 0;\n position: absolute;\n }\n\n .tab > .glyph {\n color: var(--theme-nav-item-primary-icon--color--selected);\n }\n }\n\n &.disabled {\n color: var(--theme-color-weak-text);\n pointer-events: none;\n cursor: default;\n\n .tab > .glyph {\n color: var(--theme-color-weak-text);\n }\n\n .tab-text {\n color: var(--theme-color-weak-text);\n }\n }\n\n &.home-tab,\n &[slot='home'] {\n margin-bottom: 1.5rem;\n }\n\n &.bottom-tab,\n &[slot='bottom'] {\n $bottom-height: 2.25rem;\n\n height: $bottom-height;\n\n .tab {\n height: $bottom-height;\n }\n\n .tab::before {\n height: $bottom-height;\n }\n\n &.active,\n &.selected {\n .tab {\n background-color: var(--theme-color-1);\n }\n }\n }\n}\n","/*\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, Element, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'ix-menu-item',\n styleUrl: 'menu-item.scss',\n scoped: true,\n})\nexport class MenuItem {\n /**\n * Move the Tab to a top position.\n */\n @Prop() home = false;\n\n /**\n * Caution: this is no longer working. Please use slot=\"bottom\" instead.\n *\n * Place tab on bottom\n *\n * @deprecated Will be removed in 2.0.0. Replaced by slot based implementation\n */\n @Prop() bottom = false;\n\n /**\n * Icon name from @siemens/ix-icons\n */\n @Prop() tabIcon = 'document';\n\n /**\n * Show notification cound on tab\n */\n @Prop() notifications: number;\n\n /**\n * State to display active\n */\n @Prop() active: boolean;\n\n /**\n * Disable tab and remove event handlers\n */\n @Prop() disabled: boolean;\n\n @Element() hostElement: HTMLIxMenuItemElement;\n\n @State() title: string;\n\n get tabLabel() {\n return this.hostElement.querySelector('.tab-text');\n }\n\n componentDidRender() {\n const spanElement = this.tabLabel;\n const newTitle = spanElement.innerHTML.replace('&', '&');\n if (this.title !== newTitle) {\n this.title = newTitle;\n }\n }\n\n render() {\n return (\n <Host\n class={{\n disabled: this.disabled,\n 'home-tab': this.home,\n 'bottom-tab': this.bottom,\n active: this.active,\n }}\n >\n <li class=\"tab\" title={this.title}>\n <i class={`glyph glyph-${this.tabIcon}`}>\n <div class=\"notification\">\n {this.notifications ? (\n <div class=\"pill\">{this.notifications}</div>\n ) : null}\n </div>\n </i>\n <span class=\"tab-text text-default\">\n <slot></slot>\n </span>\n </li>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/modal-container.js CHANGED Viewed

@@ -98,3 +98,5 @@ function defineCustomElement() {
 }
 export { ModalContainer as M, defineCustomElement as d };
+//# sourceMappingURL=modal-container.js.map

package/dist/components/modal-container.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"modal-container.js","mappings":";;;;;AAAA,MAAM,iBAAiB,GAAG,uEAAuE;;ACAjG;;;;;;;;;;;;;;;;;;;;MAkBa,cAAc;;;;;;;;;;EASzB,MAAM,SAAS,CAAU,MAAsB;IAC7C,MAAM,OAAO,GAAG,IAAI,UAAU,EAAK,CAAC;IACpC,MAAM,SAAS,GAAG,IAAI,UAAU,EAAK,CAAC;IAEtC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACjD,IAAI,EAAE,KAAK,EAAE,OAAO,KAAwB,MAAM,EAAzB,cAAc,UAAK,MAAM,EAA9C,oBAAqC,CAAS,CAAC;IACnD,MAAM,CAAC,MAAM,CAAC,KAAK,kBAAI,WAAW,EAAE,KAAK,IAAK,cAAc,EAAG,CAAC;IAEhE,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;MAC/B,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;MACpD,OAAO,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC;MACzB,QAAQ,CAAC,SAAS,GAAG,OAAO,CAAC;MAC7B,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;KAChD;SAAM;MACL,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;KAC5B;IAED,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAEpC,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,KAAqB;MACrD,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;MACpC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;KAC5B,CAAC,CAAC;IACH,KAAK,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,KAAqB;MACxD,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;MACpC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;KAC9B,CAAC,CAAC;IAEH,OAAO;MACL,WAAW,EAAE,KAAK;MAClB,OAAO;MACP,SAAS;KACV,CAAC;GACH;EAED,MAAM;IACJ,OAAO,EAAC,IAAI,OAAQ,CAAC;GACtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/modal-container/modal-container.scss?tag=ix-modal-container&encapsulation=scoped","./src/components/modal-container/modal-container.tsx"],"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\n:host {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 9999;\n}\n","/*\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, Element, h, Host, Method } from '@stencil/core';\nimport { ModalConfig, ModalInstance } from '../modal/modal-utils';\nimport { TypedEvent } from '../utils/typed-event';\n\n@Component({\n tag: 'ix-modal-container',\n styleUrl: 'modal-container.scss',\n scoped: true,\n})\nexport class ModalContainer {\n @Element() hostElement: HTMLIxModalContainerElement;\n\n /**\n * Display modal dialog\n *\n * @param config\n */\n @Method()\n async showModal<T = any>(config: ModalConfig<T>): Promise<ModalInstance<T>> {\n const onClose = new TypedEvent<T>();\n const onDismiss = new TypedEvent<T>();\n\n const modal = document.createElement('ix-modal');\n let { title, content, ...modifiedConfig } = config;\n Object.assign(modal, { headerTitle: title, ...modifiedConfig });\n\n if (typeof content === 'string') {\n const template = document.createElement('template');\n content = content.trim();\n template.innerHTML = content;\n modal.appendChild(template.content.firstChild);\n } else {\n modal.appendChild(content);\n }\n\n this.hostElement.appendChild(modal);\n\n modal.addEventListener('closed', (event: CustomEvent<T>) => {\n this.hostElement.removeChild(modal);\n onClose.emit(event.detail);\n });\n modal.addEventListener('dismissed', (event: CustomEvent<T>) => {\n this.hostElement.removeChild(modal);\n onDismiss.emit(event.detail);\n });\n\n return {\n htmlElement: modal,\n onClose,\n onDismiss,\n };\n }\n\n render() {\n return <Host></Host>;\n }\n}\n"],"version":3}

package/dist/components/modal-utils.js ADDED Viewed

@@ -0,0 +1,40 @@
+/*
+ * 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.
+ */
+function getModalContainer() {
+  const containerList = Array.from(document.querySelectorAll('ix-modal-container'));
+  const [container] = containerList;
+  if (containerList.length > 1) {
+    console.warn('Multiple modal containers were found. The one instatiated first will be used.');
+    return container;
+  }
+  if (!container) {
+    const modalContainer = document.createElement('ix-modal-container');
+    document.body.appendChild(modalContainer);
+    return modalContainer;
+  }
+  return container;
+}
+async function modal(config) {
+  const modalContainer = getModalContainer();
+  const modalInstance = await modalContainer.showModal(config);
+  return modalInstance;
+}
+function getIxModal(element) {
+  return element.closest('ix-modal');
+}
+function closeModal(element, closeResult) {
+  getIxModal(element).close(closeResult);
+}
+function dismissModal(element, dismissResult) {
+  getIxModal(element).dismiss(dismissResult);
+}
+export { closeModal as c, dismissModal as d, modal as m };
+//# sourceMappingURL=modal-utils.js.map

package/dist/components/modal-utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"modal-utils.js","mappings":"AAAA;;;;;;;;AAsCA,SAAS,iBAAiB;EACxB,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAC9B,QAAQ,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAChD,CAAC;EACF,MAAM,CAAC,SAAS,CAAC,GAAG,aAAa,CAAC;EAClC,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;IAC5B,OAAO,CAAC,IAAI,CACV,+EAA+E,CAChF,CAAC;IACF,OAAO,SAAS,CAAC;GAClB;EACD,IAAI,CAAC,SAAS,EAAE;IACd,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;IACpE,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAE1C,OAAO,cAAc,CAAC;GACvB;EACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAEM,eAAe,KAAK,CACzB,MAAsB;EAEtB,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;EAC3C,MAAM,aAAa,GAAG,MAAM,cAAc,CAAC,SAAS,CAAI,MAAM,CAAC,CAAC;EAEhE,OAAO,aAAa,CAAC;AACvB,CAAC;AAED,SAAS,UAAU,CAAC,OAAgB;EAClC,OAAO,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;AACrC,CAAC;SAEe,UAAU,CACxB,OAAgB,EAChB,WAAmB;EAEnB,UAAU,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;AACzC,CAAC;SAEe,YAAY,CAAC,OAAgB,EAAE,aAAmB;EAChE,UAAU,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;AAC7C;;;;","names":[],"sources":["./src/components/modal/modal-utils.ts"],"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 { NotificationColor } from '../utils/notification-color';\nimport { TypedEvent } from '../utils/typed-event';\n\nexport interface ModalConfig<TReason = any> {\n animation?: boolean;\n ariaDescribedBy?: string;\n ariaLabelledBy?: string;\n backdrop?: boolean | 'static';\n backdropClass?: string;\n beforeDismiss?: (reason?: TReason) => boolean | Promise<boolean>;\n centered?: boolean;\n container?: string | HTMLElement;\n content: string | HTMLElement;\n keyboard?: boolean;\n modalDialogClass?: string;\n scrollable?: boolean;\n size?: 'sm' | 'lg' | 'xl';\n title: string;\n windowClass?: string;\n icon?: string;\n iconColor?: NotificationColor;\n}\n\nexport interface ModalInstance<TReason = any> {\n htmlElement: HTMLIxModalElement;\n onClose: TypedEvent<TReason>;\n onDismiss: TypedEvent<TReason>;\n}\n\nfunction getModalContainer() {\n const containerList = Array.from(\n document.querySelectorAll('ix-modal-container')\n );\n const [container] = containerList;\n if (containerList.length > 1) {\n console.warn(\n 'Multiple modal containers were found. The one instatiated first will be used.'\n );\n return container;\n }\n if (!container) {\n const modalContainer = document.createElement('ix-modal-container');\n document.body.appendChild(modalContainer);\n\n return modalContainer;\n }\n return container;\n}\n\nexport async function modal<T = any>(\n config: ModalConfig<T>\n): Promise<ModalInstance<T>> {\n const modalContainer = getModalContainer();\n const modalInstance = await modalContainer.showModal<T>(config);\n\n return modalInstance;\n}\n\nfunction getIxModal(element: Element) {\n return element.closest('ix-modal');\n}\n\nexport function closeModal<TClose = any>(\n element: Element,\n closeResult: TClose\n) {\n getIxModal(element).close(closeResult);\n}\n\nexport function dismissModal(element: Element, dismissResult?: any) {\n getIxModal(element).dismiss(dismissResult);\n}\n"],"version":3}

package/dist/components/modal.js CHANGED Viewed

@@ -176,3 +176,5 @@ function defineCustomElement() {
 }
 export { Modal as M, defineCustomElement as d };
+//# sourceMappingURL=modal.js.map

package/dist/components/modal.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"modal.js","mappings":"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","names":[],"sources":["./src/components/modal/modal.scss?tag=ix-modal&encapsulation=scoped","./src/components/modal/modal.tsx"],"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\n@import '~bootstrap/scss/_functions';\n@import '~bootstrap/scss/mixins/_breakpoints.scss';\n@import '~bootstrap/scss/_variables.scss';\n\n@import 'common-variables';\n\n:host {\n position: relative;\n width: 100vw;\n height: 100vh;\n\n .modal {\n display: flex;\n\n &.animation {\n animation: modal-fade $medium-time ease-in-out;\n }\n\n &.backdrop {\n background-color: var(--theme-color-lightbox);\n backdrop-filter: blur(4px);\n transition: none;\n\n &.animation {\n transition: backdrop-filter $short-time ease-in-out;\n }\n }\n\n .modal-dialog {\n flex-grow: 1;\n }\n\n &.scrollable {\n .modal-content {\n max-height: 100%;\n .modal-body {\n overflow-y: auto;\n }\n }\n }\n\n .modal-content {\n box-shadow: var(--theme-modal--box-shadow);\n flex-direction: row;\n background-color: var(--theme-modal--background);\n border: var(--modal--border-thickness) solid\n var(--theme-modal--border-color);\n padding: $large-space;\n max-height: 100vh;\n\n .state-icon-container {\n margin-inline-end: $default-space;\n }\n\n .slot-container {\n flex-grow: 1;\n }\n }\n\n @include media-breakpoint-up(sm) {\n .modal-dialog:not(.modal-dialog-centered) {\n margin: 2.5rem auto;\n }\n }\n\n @include media-breakpoint-down(sm) {\n .modal-dialog {\n height: 100%;\n margin: 0;\n\n .modal-content {\n height: 100%;\n border-radius: 0;\n }\n }\n }\n\n @keyframes modal-fade {\n from {\n opacity: 0%;\n }\n to {\n opacity: 100%;\n }\n }\n\n @keyframes slide-down {\n from {\n top: -100%;\n }\n to {\n top: 32px;\n }\n }\n }\n}\n","/*\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 h,\n Host,\n Method,\n Prop,\n} from '@stencil/core';\nimport anime from 'animejs';\nimport Animation from '../utils/animation';\nimport { NotificationColor } from '../utils/notification-color';\n\n@Component({\n tag: 'ix-modal',\n styleUrl: 'modal.scss',\n scoped: true,\n})\nexport class Modal {\n @Element() hostElement: HTMLIxModalElement;\n\n /**\n * Should the modal be animtated\n */\n @Prop() animation = true;\n\n /**\n *\n */\n @Prop() ariaDescribedBy: string;\n\n /**\n *\n */\n @Prop() ariaLabelledBy = 'modal-title';\n\n /**\n * Adds a dimming layer to the modal.\n * This should only be used when it it necessary to focus the user's attention to the dialog content (e.g. errors, warnings, complex tasks).\n */\n @Prop() backdrop: boolean | 'static' = true;\n\n /**\n * Backdrop class\n */\n @Prop() backdropClass: string;\n\n /**\n * BeforeDismiss callback\n */\n @Prop() beforeDismiss: (reason?: any) => boolean | Promise<boolean>;\n\n /**\n * Centered modal\n */\n @Prop() centered = false;\n\n /**\n * Content of modal\n */\n @Prop() content: HTMLElement | string;\n\n /**\n * ESC close modal dialog\n */\n @Prop() keyboard = true;\n\n /**\n * Optional icon displayed next to the title\n */\n @Prop() icon: string;\n\n /**\n * Color of the header {@see ix-icon}\n */\n @Prop() iconColor: NotificationColor = 'color-std-text';\n\n /**\n * Modal dialog class\n */\n @Prop() modalDialogClass: string;\n\n /**\n * Modal scollable\n */\n @Prop() scrollable = true;\n\n /**\n * Modal size\n */\n @Prop() size: 'sm' | 'lg' | 'xl' = 'sm';\n\n /**\n * Header title\n */\n @Prop() headerTitle: string;\n\n /**\n * Window class\n */\n @Prop() windowClass: string;\n\n /**\n * Modal closed\n */\n @Event() closed: EventEmitter;\n\n /**\n * Modal dismissed\n */\n @Event() dismissed: EventEmitter;\n\n private readonly onKeydown = this.handleKeydown.bind(this);\n\n get modal() {\n return this.hostElement.querySelector('.modal');\n }\n\n get modalDialog() {\n return this.modal.querySelector('.modal-dialog');\n }\n\n get modalContent() {\n return this.modalDialog.querySelector('.modal-content');\n }\n\n get modalBackdrop() {\n return this.hostElement.querySelector('.backdrop');\n }\n\n private slideDown(modal: any) {\n const duration = this.animation ? Animation.mediumTime : 0;\n\n anime({\n targets: modal,\n duration,\n opacity: [0, 1],\n translateY: ['-100%', 0],\n easing: 'easeOutSine',\n });\n }\n\n private slideUp(modal: any, completeCallback?: any) {\n const duration = this.animation ? Animation.mediumTime : 0;\n\n anime({\n targets: modal,\n duration,\n opacity: [1, 0],\n translateY: [0, '-100%'],\n easing: 'easeInSine',\n complete: () => {\n if (completeCallback) {\n completeCallback();\n }\n },\n });\n }\n\n private onBackdropClick(event: Event) {\n const target = event.target as Element;\n if (target.classList.contains('backdrop')) {\n this.dismiss(event);\n }\n }\n\n componentDidLoad() {\n if (this.backdrop === 'static') {\n this.modalBackdrop.addEventListener('click', (event) =>\n this.onBackdropClick(event)\n );\n }\n\n if (this.backdropClass) {\n this.modalBackdrop.classList.add(this.backdropClass);\n }\n\n if (this.modalDialogClass) {\n this.modalDialog.classList.add(this.modalDialogClass);\n }\n\n if (this.windowClass) {\n this.modal.classList.add(this.windowClass);\n }\n\n if (this.keyboard) {\n window.addEventListener('keydown', this.onKeydown);\n }\n\n this.slideDown(this.modalContent);\n }\n\n private handleKeydown(ev: KeyboardEvent) {\n if (ev.key === 'Escape') {\n this.dismiss(ev.key);\n }\n }\n\n disconnectedCallback() {\n window.removeEventListener('keydown', this.onKeydown);\n }\n\n /**\n * Dismiss modal instance\n * @param reason\n */\n @Method()\n async dismiss<T = any>(reason?: T) {\n if (this.beforeDismiss) {\n const result = await this.beforeDismiss(reason);\n if (result !== false) {\n this.slideUp(this.modalContent, () => this.dismissed.emit(reason));\n }\n } else {\n this.slideUp(this.modalContent, () => this.dismissed.emit(reason));\n }\n }\n\n /**\n * Close modal\n * @param result\n */\n @Method()\n async close<T = any>(result: T) {\n this.slideUp(this.modalContent, () => this.closed.emit(result));\n }\n\n render() {\n return (\n <Host>\n <div\n class={{\n animation: this.animation,\n modal: true,\n backdrop: this.backdrop === 'static' || this.backdrop,\n 'align-items-center': this.centered,\n scrollable: this.scrollable,\n }}\n aria-describedby={this.ariaDescribedBy}\n aria-labelledby={this.ariaLabelledBy}\n >\n <div\n class={{\n 'modal-dialog': true,\n 'modal-sm': this.size === 'sm',\n 'modal-lg': this.size === 'lg',\n 'modal-xl': this.size === 'xl',\n }}\n >\n <div class=\"modal-content\">\n {this.icon === undefined || this.icon === '' ? (\n ''\n ) : (\n <div class=\"state-icon-container\">\n <ix-icon\n name={this.icon}\n size=\"32\"\n color={this.iconColor}\n ></ix-icon>\n </div>\n )}\n <div class=\"slot-container\">\n <slot></slot>\n </div>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/mutation-observer.js CHANGED Viewed

@@ -9,3 +9,5 @@
 const createMutationObserver = (callback) => new MutationObserver(callback);
 export { createMutationObserver as c };
+//# sourceMappingURL=mutation-observer.js.map

package/dist/components/mutation-observer.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"mutation-observer.js","mappings":"AAAA;;;;;;;;MASa,sBAAsB,GAAG,CAAC,QAA0B,KAC/D,IAAI,gBAAgB,CAAC,QAAQ;;;;","names":[],"sources":["./src/components/utils/mutation-observer.ts"],"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\nexport const createMutationObserver = (callback: MutationCallback) =>\n new MutationObserver(callback);\n"],"version":3}

package/dist/components/my-component.js CHANGED Viewed

@@ -30,3 +30,5 @@ const MyComponent = MyComponent$1;
 const defineCustomElement = defineCustomElement$1;
 export { MyComponent, defineCustomElement };
+//# sourceMappingURL=my-component.js.map

package/dist/components/my-component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"my-component.js","mappings":";;AAAA,MAAM,cAAc,GAAG,8EAA8E;;MCexFA,aAAW;;;;;EACtB,MAAM;IACJ,OAAO,EAAC,IAAI,OAAQ,CAAC;GACtB;;;;;;;;;;;;;;;;;;;;;;","names":["MyComponent"],"sources":["./src/components/my-component/my-component.scss?tag=my-component&encapsulation=scoped","./src/components/my-component/my-component.tsx"],"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\n@import 'common-variables';\n\n:host {\n display: block;\n position: relative;\n width: 100vw;\n height: 100vh;\n}\n","/*\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, h, Host } from '@stencil/core';\n@Component({\n tag: 'my-component',\n styleUrl: 'my-component.scss',\n scoped: true,\n})\nexport class MyComponent {\n render() {\n return <Host></Host>;\n }\n}\n"],"version":3}

package/dist/components/rwd.util.js CHANGED Viewed

@@ -37,3 +37,5 @@ const convertToAbbreviationString = (num) => {
 };
 export { convertToRemString as a, convertToAbbreviationString as c };
+//# sourceMappingURL=rwd.util.js.map

package/dist/components/rwd.util.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"rwd.util.js","mappings":"AAAA;;;;;;;;MASa,kBAAkB,GAAG,CAAC,KAAa;EAC9C,MAAM,QAAQ,GAAG,KAAK,GAAG,EAAE,CAAC;EAC5B,OAAO,GAAG,QAAQ,KAAK,CAAC;AAC1B,EAAE;MAEW,2BAA2B,GAAG,CAAC,GAAW;EACrD,IAAI,KAAK,CAAC,GAAG,CAAC,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,EAAE;IACnD,OAAO,EAAE,CAAC;GACX;EAED,IAAI,IAAI,GAAG,EAAE,CAAC;;EAGd,MAAM,KAAK,GAAG;IACZ,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;IACtC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;IACtC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE;IACrC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE;IACrC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE;GACtC,CAAC;EAEF,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG;IACb,IAAI,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACjC,IAAI,YAAY,IAAI,GAAG,CAAC,KAAK,EAAE;MAC7B,YAAY,IAAI,GAAG,CAAC,KAAK,CAAC;MAC1B,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC;MACzC,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;MAChB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,KAAK,CAAC;GACd,CAAC,CAAC;EAEH,OAAO,GAAG,GAAG,IAAI,CAAC;AACpB;;;;","names":[],"sources":["./src/components/utils/rwd.util.ts"],"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\nexport const convertToRemString = (value: number) => {\n const valueRem = value / 16;\n return `${valueRem}rem`;\n};\n\nexport const convertToAbbreviationString = (num: number) => {\n if (isNaN(num) || num === null || num === undefined) {\n return '';\n }\n\n let unit = '';\n\n // Metric Units\n const units = [\n { unit: 'q', value: Math.pow(10, 15) },\n { unit: 't', value: Math.pow(10, 12) },\n { unit: 'B', value: Math.pow(10, 9) },\n { unit: 'M', value: Math.pow(10, 6) },\n { unit: 'K', value: Math.pow(10, 3) },\n ];\n\n units.some((pow) => {\n let formattedNum = Math.abs(num);\n if (formattedNum >= pow.value) {\n formattedNum /= pow.value;\n num = Math.round(formattedNum * 10) / 10;\n unit = pow.unit;\n return true;\n }\n\n return false;\n });\n\n return num + unit;\n};\n"],"version":3}

package/dist/components/select-item.js CHANGED Viewed

@@ -91,3 +91,5 @@ function defineCustomElement() {
 }
 export { SelectItem as S, defineCustomElement as d };
+//# sourceMappingURL=select-item.js.map

package/dist/components/select-item.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"select-item.js","mappings":";;;;AAAA;;;;;;;;MAQa,4BAA6B,SAAQ,WAGhD;EACA,YAAY,MAA8C;IACxD,KAAK,CAAC,4BAA4B,EAAE;MAClC,OAAO,EAAE,IAAI;MACb,MAAM;KACP,CAAC,CAAC;GACJ;;;ACjBH,MAAM,aAAa,GAAG,uIAAuI;;MC2BhJ,UAAU;;;;;;;oBAgBF,KAAK;iBAKR,KAAK;;;;;;EAYrB,MAAM,WAAW,CAAC,KAA8C;IAC9D,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,EAAE,CAAC;IACxB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,EAAE,CAAC;IAEzB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;GACjC;EAED,kBAAkB;IAChB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;MACf,MAAM,KAAK,CAAC,6CAA6C,CAAC,CAAC;KAC5D;GACF;EAGD,WAAW,CAAC,QAAgB,EAAE,QAAgB;IAC5C,IAAI,CAAC,WAAW,CAAC,aAAa,CAC5B,IAAI,4BAA4B,CAAC;MAC/B,QAAQ,EAAE,QAAQ;MAClB,QAAQ,EAAE,QAAQ;KACnB,CAAC,CACH,CAAC;GACH;EAED,MAAM;IACJ,QACE,EAAC,IAAI,QACH,wBACE,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,EAC3C,WAAW,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,GACrB,CACf,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/select-item/events.ts","./src/components/select-item/select-item.scss?tag=ix-select-item&encapsulation=scoped","./src/components/select-item/select-item.tsx"],"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 */\nexport class IxSelectItemLabelChangeEvent extends CustomEvent<{\n oldValue: string;\n newValue: string;\n}> {\n constructor(detail: { oldValue: string; newValue: string }) {\n super('ix-select-item:labelChange', {\n bubbles: true,\n detail,\n });\n }\n}\n","/*\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\n:host {\n display: block;\n\n ix-dropdown-item {\n button {\n margin-left: 1rem;\n }\n }\n}\n","/*\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 h,\n Host,\n Method,\n Prop,\n Watch,\n} from '@stencil/core';\nimport { IxSelectItemLabelChangeEvent } from './events';\n\n@Component({\n tag: 'ix-select-item',\n styleUrl: 'select-item.scss',\n scoped: true,\n})\nexport class SelectItem {\n @Element() hostElement: HTMLIxSelectItemElement;\n\n /**\n * Displayed name of the item\n */\n @Prop({ reflect: true }) label: string;\n\n /**\n * Item value\n */\n @Prop({ reflect: true }) value!: any;\n\n /**\n * Whether the item is selected.\n */\n @Prop() selected = false;\n\n /**\n * @internal\n */\n @Prop() hover = false;\n\n /**\n * Item clicked\n */\n @Event() itemClick: EventEmitter<string>;\n\n /**\n * @internal\n * @param event\n */\n @Method()\n async onItemClick(event?: CustomEvent<HTMLIxDropdownItemElement>) {\n event?.preventDefault();\n event?.stopPropagation();\n\n this.itemClick.emit(this.value);\n }\n\n componentDidRender() {\n if (!this.value) {\n throw Error('ix-select-item must have a `value` property');\n }\n }\n\n @Watch('label')\n labelChange(newValue: string, oldValue: string) {\n this.hostElement.dispatchEvent(\n new IxSelectItemLabelChangeEvent({\n newValue: newValue,\n oldValue: oldValue,\n })\n );\n }\n\n render() {\n return (\n <Host>\n <ix-dropdown-item\n checked={this.selected}\n hover={this.hover}\n label={this.label ? this.label : this.value}\n onItemClick={(e) => this.onItemClick(e)}\n ></ix-dropdown-item>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/service.js CHANGED Viewed

@@ -137,3 +137,5 @@ _ScreenMode_modeChangeListener = new WeakMap(), _ScreenMode_mode = new WeakMap()
 const screenMode = new ScreenMode();
 export { hostContext as h, isBasicNavigationLayout as i, menuController as m, screenMode as s };
+//# sourceMappingURL=service.js.map

package/dist/components/service.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"service.js","mappings":"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","names":[],"sources":["./src/components/utils/menu-service/menu-service.ts","./src/components/utils/screen/context.ts","./src/components/utils/screen/mode.ts","./src/components/utils/screen/service.ts"],"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 { TypedEvent } from '../typed-event';\n\nclass MenuService {\n menuElement: HTMLIxMenuElement | null = null;\n menuExpandChange = new TypedEvent<boolean>();\n\n register(menuElement: HTMLIxMenuElement) {\n if (this.menuElement) {\n console.warn('Menu already defined');\n return;\n }\n this.menuElement = menuElement;\n this.menuElement.addEventListener(\n 'expandChange',\n (event: CustomEvent<boolean>) => {\n this.menuExpandChange.emit(event.detail);\n }\n );\n }\n\n public async open() {\n if (this.menuElement) {\n this.menuElement.toggleMenu(true);\n return true;\n }\n\n return false;\n }\n\n public async close() {\n if (this.menuElement) {\n this.menuElement.toggleMenu(false);\n return true;\n }\n\n return false;\n }\n\n public async toggle() {\n if (this.menuElement) {\n this.menuElement.toggleMenu();\n return true;\n }\n\n return false;\n }\n\n get nativeElement() {\n return this.menuElement;\n }\n\n get expandChange() {\n return this.menuExpandChange;\n }\n}\n\nexport const menuController = new MenuService();\n","/*\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\nexport function isBasicNavigationLayout(\n element: HTMLElement\n): element is HTMLIxBasicNavigationElement {\n return element && element.tagName === 'IX-BASIC-NAVIGATION';\n}\n\nexport const hostContext = (\n selector: string,\n element: HTMLElement\n): HTMLIxBasicNavigationElement | HTMLIxMapNavigationElement => {\n return element.closest(selector);\n};\n\nexport const isHostedBy = (selector: string, element: HTMLElement) => {\n return hostContext(selector, element) !== null;\n};\n\nexport const getHostApplicationLayout = (element: HTMLElement) => {\n const [basicNavigation, mapNavigation] = [\n 'ix-basic-navigation',\n 'ix-map-navigation',\n ].map((selector) => hostContext(selector, element));\n\n if (basicNavigation) {\n return basicNavigation;\n }\n\n if (mapNavigation) {\n return mapNavigation;\n }\n};\n","/*\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\nexport type Mode = 'desktop' | 'mobile';\nconst mobileMediaQuery = `only screen and (max-width: 767px)`;\n\nexport type MediaQueryListener = {\n matchMedia: MediaQueryList;\n dispose: () => void;\n};\n\nexport const createMediaQueryListener = (\n query: string,\n callback: (event: MediaQueryListEvent) => void\n): MediaQueryListener => {\n const fn = (event: MediaQueryListEvent) => {\n callback(event);\n };\n const listener = window.matchMedia(query);\n listener.addEventListener('change', fn);\n\n return {\n matchMedia: listener,\n dispose: () => {\n listener.removeEventListener('change', fn);\n },\n };\n};\n\nexport const createModeListener = (\n modeChangeCallback: (mode: Mode) => void\n) => {\n const listener = createMediaQueryListener(mobileMediaQuery, ({ matches }) => {\n if (matches) {\n modeChangeCallback('mobile');\n return;\n }\n\n modeChangeCallback('desktop');\n });\n\n modeChangeCallback(listener.matchMedia.matches ? 'mobile' : 'desktop');\n return {\n dispose: listener.dispose,\n matchMedia: listener.matchMedia,\n };\n};\n","/*\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 */\nimport { TypedEvent } from '../typed-event';\nimport { createModeListener, Mode } from './mode';\n\nclass ScreenMode {\n #modeChangeListener = new TypedEvent<Mode>();\n #mode: Mode = 'desktop';\n\n constructor() {\n createModeListener((mode) => {\n this.#modeChangeListener.emit(mode);\n this.#mode = mode;\n });\n }\n\n get mode() {\n return this.#mode;\n }\n\n get onChange() {\n return this.#modeChangeListener;\n }\n}\n\nexport const screenMode = new ScreenMode();\n"],"version":3}

package/dist/components/spinner.js CHANGED Viewed

@@ -35,3 +35,5 @@ function defineCustomElement() {
 }
 export { Spinner as S, defineCustomElement as d };
+//# sourceMappingURL=spinner.js.map

package/dist/components/spinner.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"spinner.js","mappings":"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","names":[],"sources":["./src/components/spinner/spinner.scss?tag=ix-spinner&encapsulation=scoped","./src/components/spinner/spinner.tsx"],"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\n:host {\n display: flex;\n position: relative;\n height: 2rem;\n width: 2rem;\n justify-content: center;\n align-items: center;\n\n svg {\n height: 2rem;\n width: 2rem;\n }\n\n #fill {\n fill: var(--theme-color-weak-text);\n }\n\n #stroke {\n stroke: var(--theme-color-weak-text);\n }\n}\n\n:host(.primary) {\n #fill {\n fill: var(--theme-color-primary);\n }\n\n #stroke {\n stroke: var(--theme-color-primary);\n }\n}\n\n:host(.large) {\n height: 6rem;\n width: 6rem;\n\n svg {\n height: 5.75rem;\n width: 6rem;\n }\n}\n","/*\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, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'ix-spinner',\n styleUrl: 'spinner.scss',\n scoped: true,\n})\nexport class Spinner {\n /**\n * Variant of spinner\n */\n @Prop() variant: 'primary' | 'sencodary' | 'secondary' = 'secondary';\n\n /**\n * Size of spinner\n */\n @Prop() size: 'medium' | 'large' = 'medium';\n\n render() {\n return (\n <Host\n class={{\n primary: this.variant === 'primary',\n large: this.size === 'large',\n }}\n >\n <svg\n viewBox=\"0 0 32 32\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g\n id=\"waiting-anim\"\n stroke=\"none\"\n stroke-width=\"1\"\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <g\n id=\"stroke\"\n transform=\"translate(4.5, 3)\"\n fill-rule=\"nonzero\"\n stroke=\"#0F8287\"\n stroke-linejoin=\"round\"\n >\n <polygon\n id=\"w1\"\n points=\"11.2583302 0 11.2583302 6.5 11.2583302 13\"\n visibility=\"hidden\"\n >\n <set\n attributeName=\"visibility\"\n begin=\"0s;w6ul.end\"\n to=\"visible\"\n />\n <animate\n id=\"w1l\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"0s;w6ul.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 0 11.2583302 6.5 11.2583302 13\"\n to=\"11.2583302 0 22.5166605 6.5 11.2583302 13\"\n keySplines=\"1 0 0.8 1\"\n fill=\"freeze\"\n />\n <animate\n id=\"w1ul\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"f6uf.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 0 22.5166605 6.5 11.2583302 13\"\n to=\"16.88749535 9.25 22.5166605 6.5 11.2583302 13\"\n keySplines=\"0.2 0 0 1\"\n fill=\"freeze\"\n />\n <set attributeName=\"visibility\" begin=\"w1ul.end\" to=\"hidden\" />\n </polygon>\n\n <polygon\n id=\"w2\"\n points=\"22.5166605 6.5 16.88749535 10 11.2583302 13\"\n visibility=\"hidden\"\n >\n <set attributeName=\"visibility\" begin=\"w1l.end\" to=\"visible\" />\n <animate\n id=\"w2l\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"w1l.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"22.5166605 6.5 16.88749535 10 11.2583302 13\"\n to=\"22.5166605 6.5 22.5166605 19.5 11.2583302 13\"\n keySplines=\"1 0 0.8 1\"\n fill=\"freeze\"\n />\n <animate\n id=\"w2ul\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"w1ul.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"22.5166605 6.5 22.5166605 19.5 11.2583302 13\"\n to=\"16.88749535 16.25 22.5166605 19.5 11.2583302 13\"\n keySplines=\"0.2 0 0 1\"\n fill=\"freeze\"\n />\n <set attributeName=\"visibility\" begin=\"w2ul.end\" to=\"hidden\" />\n </polygon>\n\n <polygon\n id=\"w3\"\n points=\"11.2583302 13 22.5166605 19.5 16.88749535 16.75\"\n visibility=\"hidden\"\n >\n <set attributeName=\"visibility\" begin=\"w2l.end\" to=\"visible\" />\n <animate\n id=\"w3l\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"w2l.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 13 22.5166605 19.5 16.88749535 16.75\"\n to=\"11.2583302 13 22.5166605 19.5 11.2583302 26\"\n keySplines=\"1 0 0.8 1\"\n fill=\"freeze\"\n />\n <animate\n id=\"w3ul\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"w2ul.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 13 22.5166605 19.5 11.2583302 26\"\n to=\"11.2583302 13 11.2583302 19.5 11.2583302 26\"\n keySplines=\"0.2 0 0 1\"\n fill=\"freeze\"\n />\n <set attributeName=\"visibility\" begin=\"w3ul.end\" to=\"hidden\" />\n </polygon>\n\n <polygon\n id=\"w4\"\n points=\"11.2583302 26 11.2583302 19.5 11.2583302 13\"\n visibility=\"hidden\"\n >\n <set attributeName=\"visibility\" begin=\"w3l.end\" to=\"visible\" />\n <animate\n id=\"w4l\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"w3l.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 26 11.2583302 19.5 11.2583302 13\"\n to=\"11.2583302 26 4.4408921e-15 19.5 11.2583302 13\"\n keySplines=\"1 0 0.8 1\"\n fill=\"freeze\"\n />\n <animate\n id=\"w4ul\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"w3ul.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 26 4.4408921e-15 19.5 11.2583302 13\"\n to=\"5.62651 16.25 4.4408921e-15 19.5 11.2583302 13\"\n keySplines=\"0.2 0 0 1\"\n fill=\"freeze\"\n />\n <set attributeName=\"visibility\" begin=\"w4ul.end\" to=\"hidden\" />\n </polygon>\n\n <polygon\n id=\"w5\"\n points=\"11.2583302 13 2.4062463e-14 19.5 5.6291651 16.25\"\n visibility=\"hidden\"\n >\n <set attributeName=\"visibility\" begin=\"w4l.end\" to=\"visible\" />\n <animate\n id=\"w5l\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"w4l.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 13 2.4062463e-14 19.5 5.6291651 16.25\"\n to=\"11.2583302 13 2.4062463e-14 19.5 1.687539e-14 6.5\"\n keySplines=\"1 0 0.8 1\"\n fill=\"freeze\"\n />\n <animate\n id=\"w5ul\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"w4ul.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 13 2.4062463e-14 19.5 1.687539e-14 6.5\"\n to=\"11.2583302 13 5.6291651 9.75 1.687539e-14 6.5\"\n keySplines=\"0.2 0 0 1\"\n fill=\"freeze\"\n />\n <set attributeName=\"visibility\" begin=\"w5ul.end\" to=\"hidden\" />\n </polygon>\n\n <polygon\n id=\"w6\"\n points=\"5.6291651 9.75 11.2583302 13 2.66453526e-15 6.5\"\n visibility=\"hidden\"\n >\n <set attributeName=\"visibility\" begin=\"w5l.end\" to=\"visible\" />\n <animate\n id=\"w6l\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"w5l.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"5.6291651 9.75 11.2583302 13 2.66453526e-15 6.5\"\n to=\"11.2583302 0 11.2583302 13 2.66453526e-15 6.5\"\n keySplines=\"1 0 0.8 1\"\n fill=\"freeze\"\n />\n <animate\n id=\"w6ul\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"w5ul.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 0 11.2583302 13 2.66453526e-15 6.5\"\n to=\"11.2583302 0 11.2583302 13 11.2583302 6.5\"\n keySplines=\"0.2 0 0 1\"\n fill=\"freeze\"\n />\n <set attributeName=\"visibility\" begin=\"w6ul.end\" to=\"hidden\" />\n </polygon>\n </g>\n <g\n id=\"fill\"\n transform=\"translate(4.5, 3)\"\n fill=\"#0F8287\"\n fill-rule=\"nonzero\"\n >\n <polygon\n id=\"f1\"\n points=\"11.2583302 0 11.2583302 6.5 11.2583302 13\"\n visibility=\"hidden\"\n >\n <set attributeName=\"visibility\" begin=\"w6l.end\" to=\"visible\" />\n <animate\n id=\"f1f\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"w6l.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 0 11.2583302 6.5 11.2583302 13\"\n to=\"11.2583302 0 22.5166605 6.5 11.2583302 13\"\n keySplines=\"1 0 0.8 1\"\n fill=\"freeze\"\n />\n <animate\n id=\"f1uf\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"f6f.end + 0.2s\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 0 22.5166605 6.5 11.2583302 13\"\n to=\"16.88749535 9.25 22.5166605 6.5 11.2583302 13\"\n keySplines=\"0.2 0 0 1\"\n fill=\"freeze\"\n />\n <set attributeName=\"visibility\" begin=\"f1uf.end\" to=\"hidden\" />\n </polygon>\n\n <polygon\n id=\"f2\"\n points=\"22.5166605 6.5 16.88749535 10 11.2583302 13\"\n visibility=\"hidden\"\n >\n <set attributeName=\"visibility\" begin=\"f1f.end\" to=\"visible\" />\n <animate\n id=\"f2f\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"f1f.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"22.5166605 6.5 16.88749535 10 11.2583302 13\"\n to=\"22.5166605 6.5 22.5166605 19.5 11.2583302 13\"\n keySplines=\"1 0 0.8 1\"\n fill=\"freeze\"\n />\n <animate\n id=\"f2uf\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"f1uf.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"22.5166605 6.5 22.5166605 19.5 11.2583302 13\"\n to=\"16.88749535 16.25 22.5166605 19.5 11.2583302 13\"\n keySplines=\"0.2 0 0 1\"\n fill=\"freeze\"\n />\n <set attributeName=\"visibility\" begin=\"f2uf.end\" to=\"hidden\" />\n </polygon>\n\n <polygon\n id=\"f3\"\n points=\"11.2583302 13 22.5166605 19.5 16.88749535 16.75\"\n visibility=\"hidden\"\n >\n <set attributeName=\"visibility\" begin=\"f2f.end\" to=\"visible\" />\n <animate\n id=\"f3f\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"f2f.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 13 22.5166605 19.5 16.88749535 16.75\"\n to=\"11.2583302 13 22.5166605 19.5 11.2583302 26\"\n keySplines=\"1 0 0.8 1\"\n fill=\"freeze\"\n />\n <animate\n id=\"f3uf\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"f2uf.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 13 22.5166605 19.5 11.2583302 26\"\n to=\"11.2583302 13 11.2583302 19.5 11.2583302 26\"\n keySplines=\"0.2 0 0 1\"\n fill=\"freeze\"\n />\n <set attributeName=\"visibility\" begin=\"f3uf.end\" to=\"hidden\" />\n </polygon>\n\n <polygon\n id=\"f4\"\n points=\"11.2583302 26 11.2583302 19.5 11.2583302 13\"\n visibility=\"hidden\"\n >\n <set attributeName=\"visibility\" begin=\"f3f.end\" to=\"visible\" />\n <animate\n id=\"f4f\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"f3f.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 26 11.2583302 19.5 11.2583302 13\"\n to=\"11.2583302 26 4.4408921e-15 19.5 11.2583302 13\"\n keySplines=\"1 0 0.8 1\"\n fill=\"freeze\"\n />\n <animate\n id=\"f4uf\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"f3uf.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 26 4.4408921e-15 19.5 11.2583302 13\"\n to=\"5.62651 16.25 4.4408921e-15 19.5 11.2583302 13\"\n keySplines=\"0.2 0 0 1\"\n fill=\"freeze\"\n />\n <set attributeName=\"visibility\" begin=\"f4uf.end\" to=\"hidden\" />\n </polygon>\n\n <polygon\n id=\"f5\"\n points=\"11.2583302 13 2.4062463e-14 19.5 5.6291651 16.25\"\n visibility=\"hidden\"\n >\n <set attributeName=\"visibility\" begin=\"f4f.end\" to=\"visible\" />\n <animate\n id=\"f5f\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"f4f.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 13 2.4062463e-14 19.5 5.6291651 16.25\"\n to=\"11.2583302 13 2.4062463e-14 19.5 1.687539e-14 6.5\"\n keySplines=\"1 0 0.8 1\"\n fill=\"freeze\"\n />\n <animate\n id=\"f5uf\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"f4uf.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 13 2.4062463e-14 19.5 1.687539e-14 6.5\"\n to=\"11.2583302 13 5.6291651 9.75 1.687539e-14 6.5\"\n keySplines=\"0.2 0 0 1\"\n fill=\"freeze\"\n />\n <set attributeName=\"visibility\" begin=\"f5uf.end\" to=\"hidden\" />\n </polygon>\n\n <polygon\n id=\"f6\"\n points=\"5.6291651 9.75 11.2583302 13 2.66453526e-15 6.5\"\n visibility=\"hidden\"\n >\n <set attributeName=\"visibility\" begin=\"f5f.end\" to=\"visible\" />\n <animate\n id=\"f6f\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"f5f.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"5.6291651 9.75 11.2583302 13 2.66453526e-15 6.5\"\n to=\"11.2583302 0 11.2583302 13 2.66453526e-15 6.5\"\n keySplines=\"1 0 0.8 1\"\n fill=\"freeze\"\n />\n <animate\n id=\"f6uf\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"f5uf.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 0 11.2583302 13 2.66453526e-15 6.5\"\n to=\"11.2583302 0 11.2583302 13 11.2583302 6.5\"\n keySplines=\"0.2 0 0 1\"\n fill=\"freeze\"\n />\n <set attributeName=\"visibility\" begin=\"f6uf.end\" to=\"hidden\" />\n </polygon>\n </g>\n </g>\n </svg>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/tab-item.js CHANGED Viewed

@@ -74,3 +74,5 @@ function defineCustomElement() {
 }
 export { TabItem as T, defineCustomElement as d };
+//# sourceMappingURL=tab-item.js.map

package/dist/components/tab-item.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"tab-item.js","mappings":";;AAAA,MAAM,UAAU,GAAG,8tHAA8tH;;MCgBpuH,OAAO;;;;oBAIC,KAAK;oBAKL,KAAK;iBAKR,KAAK;gBAKN,KAAK;mBAKF,KAAK;;kBAUgB,MAAM;qBAKP,QAAQ;;EAEtC,cAAc,CAAC,KAQtB;IACC,OAAO;MACL,QAAQ,EAAE,KAAK,CAAC,QAAQ;MACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;MACxB,WAAW,EAAE,KAAK,CAAC,KAAK;MACxB,IAAI,EAAE,KAAK,CAAC,KAAK;MACjB,SAAS,EAAE,KAAK,CAAC,MAAM,KAAK,WAAW;MACvC,MAAM,EAAE,KAAK,CAAC,SAAS,KAAK,QAAQ;MACpC,GAAG,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK;MAC9B,MAAM,EAAE,KAAK,CAAC,MAAM;KACrB,CAAC;GACH;EAED,MAAM;IACJ,QACE,EAAC,IAAI,IACH,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC;QACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,SAAS,EAAE,IAAI,CAAC,SAAS;QACzB,MAAM,EAAE,IAAI,CAAC,OAAO;OACrB,CAAC,EACF,QAAQ,EAAE,CAAC,IAEX,WACE,KAAK,EAAE;QACL,MAAM,EAAE,IAAI,CAAC,OAAO;QACpB,IAAI,EAAE,CAAC,IAAI,CAAC,OAAO;QACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;OACxB,IAED,eAAa,CACT,EACN,WACE,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,MAAM,EAAE,EAAE,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC;QACrD,QAAQ,EAAE,IAAI,CAAC,QAAQ;OACxB,IAEA,IAAI,CAAC,OAAO,CACT,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/tab-item/tab-item.scss?tag=ix-tab-item","./src/components/tab-item/tab-item.tsx"],"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\n@import 'common-variables';\n@import 'mixins/text-truncation';\n@import 'mixins/hover';\n\nix-tab-item {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 40px;\n padding: 10px $large-space;\n line-height: 20px;\n font-size: 14px;\n font-weight: bold;\n background-color: var(--theme-tab--background);\n color: var(--theme-tab--color);\n\n &.circle {\n height: 72px;\n }\n\n &.top {\n &::after {\n top: 0;\n }\n }\n\n &.bottom {\n &::after {\n bottom: 0;\n }\n }\n\n &::after {\n content: '';\n position: absolute;\n background-color: var(--theme-tab-indicator--background);\n width: 100%;\n height: var(--theme-tab-indicator--height);\n left: 0;\n }\n\n &.stretched {\n flex-basis: 100%;\n width: 100%;\n @include ellipsis;\n }\n\n .text {\n @include ellipsis;\n\n span,\n span::before {\n pointer-events: none;\n }\n\n vertical-align: middle;\n }\n\n &:hover:not(.circle) {\n background-color: var(--theme-tab--background--hover);\n color: var(--theme-tab-color-hover);\n cursor: pointer;\n\n &::after {\n background-color: var(--theme-tab-indicator--background--hover);\n }\n }\n\n &:active:not(.circle) {\n background-color: var(--theme-tab--background--active);\n color: var(--theme-tab-color--active);\n\n &::after {\n background-color: var(--theme-tab-indicator--background--active);\n }\n }\n\n &:focus-visible {\n outline: 0px solid var(--focus--border-color);\n\n .circle {\n outline: 1px solid var(--focus--border-color);\n }\n }\n\n &:focus-visible:not(.circle) {\n outline: 1px solid var(--focus--border-color);\n }\n\n &.disabled {\n color: var(--theme-tab--color--disabled);\n background-color: var(--theme-tab--background--disabled);\n\n &::after {\n background-color: var(--theme-tab-indicator--background--disabled);\n }\n }\n\n &.selected:not(.disabled) {\n background-color: var(--theme-tab--background--selected);\n color: var(--theme-tab--color--selected);\n\n &::after {\n background-color: var(--theme-tab-indicator--background--selected);\n }\n }\n\n &.icon {\n padding: $large-space $small-space;\n }\n\n &.small-tab {\n height: 32px;\n padding: $default-space;\n\n &.icon {\n padding: $default-space $tiny-space;\n }\n }\n\n .circle {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 48px;\n width: 48px;\n background-color: var(--theme-animated-tab-indicator--background);\n border-radius: 50%;\n border: 2px solid var(--theme-animated-tab-circle--border-color);\n color: var(--theme-an…icon--color);\n cursor: pointer;\n\n &.selected:not(.disabled) {\n background-color: var(--theme-animated-tab-circle--background--selected);\n color: var(--theme-animated-tab-icon--color--selected);\n border-color: var(--theme-animated-tab-circle--border-color--selected);\n\n &:hover {\n background-color: var(\n --theme-animated-tab-circle--background--selected\n );\n }\n }\n\n &:hover {\n background-color: var(--theme-animated-tab-circle--background--hover);\n }\n\n &:active {\n background-color: var(--theme-animated-tab-circle--background--active);\n }\n\n &:active {\n background-color: var(--theme-animated-tab-circle--background--active);\n }\n\n &.disabled {\n background-color: var(--theme-animated-tab-circle--background--disabled);\n border-color: var(--theme-animated-tab-circle--border-color--disabled);\n }\n }\n\n .counter {\n position: absolute;\n z-index: 1;\n height: 16px;\n width: auto;\n background-color: var(--theme-pill-outline--background);\n border: 1px solid var(--theme-tab-pill--border-color);\n border-radius: 100px;\n bottom: 6px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding-left: $tiny-space;\n padding-right: $tiny-space;\n font-size: 12px;\n line-height: 16px;\n color: var(--theme-pill-outline--color);\n cursor: pointer;\n\n &.selected {\n border-color: var(--theme-tab-pill--border-color--selected);\n }\n\n &.disabled {\n border-color: var(--theme-tab-pill--border-color--disabled);\n }\n }\n\n .hidden {\n display: none;\n }\n}\n","/*\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, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'ix-tab-item',\n styleUrl: 'tab-item.scss',\n scoped: false,\n})\nexport class TabItem {\n /**\n * Set selected tab\n */\n @Prop() selected = false;\n\n /**\n * Set disabled tab\n */\n @Prop() disabled = false;\n\n /**\n * Set small size tab\n */\n @Prop() small = false;\n\n /**\n * Set icon only tab\n */\n @Prop() icon = false;\n\n /**\n * Set rounded tab\n */\n @Prop() rounded = false;\n\n /**\n * Set counter value\n */\n @Prop() counter: number;\n\n /**\n * Set layout width style\n */\n @Prop() layout: 'auto' | 'stretched' = 'auto';\n\n /**\n * Set selected placement\n */\n @Prop() placement: 'bottom' | 'top' = 'bottom';\n\n private tabItemClasses(props: {\n selected: boolean;\n disabled: boolean;\n small: boolean;\n icon: boolean;\n circle: boolean;\n layout: 'auto' | 'stretched';\n placement: 'bottom' | 'top';\n }) {\n return {\n selected: props.selected,\n disabled: props.disabled,\n 'small-tab': props.small,\n icon: props.small,\n stretched: props.layout === 'stretched',\n bottom: props.placement === 'bottom',\n top: props.placement === 'top',\n circle: props.circle,\n };\n }\n\n render() {\n return (\n <Host\n class={this.tabItemClasses({\n selected: this.selected,\n disabled: this.disabled,\n small: this.small,\n icon: this.icon,\n layout: this.layout,\n placement: this.placement,\n circle: this.rounded,\n })}\n tabIndex={0}\n >\n <div\n class={{\n circle: this.rounded,\n text: !this.rounded,\n selected: this.selected,\n disabled: this.disabled,\n }}\n >\n <slot></slot>\n </div>\n <div\n class={{\n counter: true,\n selected: this.selected,\n hidden: !(this.rounded && this.counter !== undefined),\n disabled: this.disabled,\n }}\n >\n {this.counter}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/tabs.js CHANGED Viewed

@@ -199,3 +199,5 @@ function defineCustomElement() {
 }
 export { Tabs as T, defineCustomElement as d };
+//# sourceMappingURL=tabs.js.map

package/dist/components/tabs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"tabs.js","mappings":"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","names":[],"sources":["./src/components/tabs/tabs.scss?tag=ix-tabs","./src/components/tabs/tabs.tsx"],"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\n@import 'common-variables';\n@import 'mixins/text-truncation';\n\nix-tabs {\n width: auto;\n display: flex;\n align-items: center;\n position: relative;\n\n .tab-items {\n overflow: hidden;\n scroll-behavior: smooth;\n width: 100%;\n\n .items-content {\n display: flex;\n align-items: center;\n }\n }\n\n .arrow {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n top: 0;\n bottom: 0;\n left: 0;\n margin: auto 0;\n border-radius: 4px;\n color: var(--theme-btn-invisible-primary--color);\n background-color: var(--theme-btn-invisible-primary--background);\n z-index: 2;\n\n &:hover {\n color: var(--theme-btn-invisible-primary--color--hover);\n background-color: var(--theme-btn-invisible-primary--background--hover);\n }\n\n &:active {\n color: var(--theme-btn-invisible-primary--color--active);\n background-color: var(--theme-btn-invisible-primary--background--active);\n }\n\n &.right {\n left: auto;\n right: 0;\n }\n }\n\n .overflow-shadow {\n width: 50px;\n height: 40px;\n position: absolute;\n left: 0;\n top: 0;\n background: linear-gradient(90deg, var(--theme-color-1) 50%, transparent);\n z-index: 1;\n\n &.right {\n left: auto;\n right: 0;\n background: linear-gradient(90deg, transparent, var(--theme-color-1) 50%);\n }\n }\n}\n","/*\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 h,\n Host,\n Listen,\n Prop,\n State,\n} from '@stencil/core';\n\nlet windowStartSize = window.innerWidth;\n\n@Component({\n tag: 'ix-tabs',\n styleUrl: 'tabs.scss',\n scoped: false,\n})\nexport class Tabs {\n @Element() hostElement!: HTMLIxTabsElement;\n\n /**\n * Set tab items to small size\n */\n @Prop() small = false;\n\n /**\n * Set rounded tabs\n */\n @Prop() rounded = false;\n\n /**\n * Set default selected tab by index\n */\n @Prop({ mutable: true }) selected = 0;\n\n /**\n * Set layout width style\n */\n @Prop() layout: 'auto' | 'stretched' = 'auto';\n\n /**\n * Set placement style\n */\n @Prop() placement: 'bottom' | 'top' = 'bottom';\n\n @State() totalItems = 0;\n @State() currentScrollAmount = 0;\n @State() scrollAmount = 100;\n @State() styleNextArrow = {};\n @State() stylePreviousArrow = {};\n\n @State() scrollActionAmount = 0;\n private clickAction: {\n timeout: NodeJS.Timeout;\n isClick: boolean;\n } = {\n timeout: null,\n isClick: true,\n };\n\n @Listen('resize', { target: 'window' })\n onWindowResize() {\n this.totalItems = 0;\n this.totalItems = this.getTabs().length;\n\n if (windowStartSize === 0) return (windowStartSize = window.innerWidth);\n this.move(windowStartSize - window.innerWidth);\n windowStartSize = window.innerWidth;\n }\n\n private getTabs() {\n return Array.from(this.hostElement.querySelectorAll('ix-tab-item'));\n }\n\n private getTab(tabIndex: number) {\n return this.getTabs()[tabIndex];\n }\n\n private getTabsWrapper() {\n return this.hostElement.getElementsByClassName('items-content')[0];\n }\n\n private showArrows() {\n try {\n const tabWrapper = this.getTabsWrapper();\n return (\n tabWrapper.scrollWidth >\n Math.ceil(tabWrapper.getBoundingClientRect().width) &&\n this.layout === 'auto'\n );\n } catch (error) {\n return false;\n }\n }\n\n private showPreviousArrow() {\n try {\n return this.showArrows() && this.scrollActionAmount < 0;\n } catch (error) {\n return false;\n }\n }\n\n private showNextArrow() {\n try {\n const tabWrapper = this.getTabsWrapper();\n const tabWrapperRect = tabWrapper.getBoundingClientRect();\n\n return (\n this.showArrows() &&\n this.scrollActionAmount >\n (tabWrapper.scrollWidth - tabWrapperRect.width) * -1\n );\n } catch (error) {\n return false;\n }\n }\n\n private getArrowStyle(condition: boolean) {\n return {\n opacity: condition ? '1' : '0',\n zIndex: condition ? '1' : '-1',\n };\n }\n\n private move(amount: number, click = false) {\n const tabWrapper = this.getTabsWrapper();\n const maxScrollWidth =\n (tabWrapper.scrollWidth - tabWrapper.getBoundingClientRect().width) * -1;\n\n amount = this.currentScrollAmount + amount;\n amount = amount > 0 ? 0 : amount < maxScrollWidth ? maxScrollWidth : amount;\n\n const styles = [\n `transform: translateX(${amount}px);`,\n click ? 'transition: all ease-in-out 400ms;' : '',\n ].join('');\n\n tabWrapper.setAttribute('style', styles);\n\n if (click) this.currentScrollAmount = this.scrollActionAmount = amount;\n else this.scrollActionAmount = amount;\n }\n\n private moveTabToView(tabIndex: number) {\n if (!this.showArrows()) return;\n\n const tab = this.getTab(tabIndex).getBoundingClientRect();\n const amount = tab.x * -1;\n this.move(amount, true);\n }\n\n private setSelected(index: number) {\n this.selected = index;\n }\n\n private clickTab(index: number) {\n if (this.dragStop()) return;\n\n this.setSelected(index);\n this.moveTabToView(index);\n }\n\n private dragStart(element: HTMLIxTabItemElement, event: MouseEvent) {\n if (!this.showArrows()) return;\n if (event.button > 0) return;\n\n this.clickAction.timeout =\n this.clickAction.timeout === null\n ? setTimeout(() => (this.clickAction.isClick = false), 300)\n : null;\n\n const tabPositionX = parseFloat(window.getComputedStyle(element).left);\n const mousedownPositionX = event.clientX;\n const move = (event: MouseEvent) =>\n this.dragMove(event, tabPositionX, mousedownPositionX);\n\n window.addEventListener('mouseup', () => {\n window.removeEventListener('mousemove', move, false);\n this.dragStop();\n });\n window.addEventListener('mousemove', move, false);\n }\n\n private dragMove(event: MouseEvent, tabX: number, mousedownX: number) {\n this.move(event.clientX + tabX - mousedownX);\n }\n\n private dragStop() {\n clearTimeout(this.clickAction.timeout);\n this.clickAction.timeout = null;\n\n if (this.clickAction.isClick) return false;\n\n this.currentScrollAmount = this.scrollActionAmount;\n this.clickAction.isClick = true;\n\n return true;\n }\n\n componentDidRender() {\n const tabs = this.getTabs();\n this.totalItems = tabs.length;\n\n tabs.forEach((element, index) => {\n if (this.small) element.setAttribute('small', 'true');\n\n if (this.rounded) element.setAttribute('rounded', 'true');\n\n element.setAttribute('layout', this.layout);\n element.setAttribute(\n 'selected',\n index === this.selected ? 'true' : 'false'\n );\n element.setAttribute('placement', this.placement);\n });\n }\n\n componentWillRender() {\n requestAnimationFrame(() => {\n this.styleNextArrow = this.getArrowStyle(this.showNextArrow());\n this.stylePreviousArrow = this.getArrowStyle(this.showPreviousArrow());\n });\n }\n\n componentDidLoad() {\n const tabs = this.getTabs();\n tabs.forEach((element, index) => {\n const isDisabled = element.getAttribute('disabled') !== null;\n if (!isDisabled)\n element.addEventListener('click', () => this.clickTab(index));\n\n element.addEventListener('mousedown', (event) =>\n this.dragStart(element, event)\n );\n });\n }\n\n render() {\n return (\n <Host>\n <div class=\"overflow-shadow\" style={this.stylePreviousArrow}></div>\n <div\n class=\"arrow\"\n style={this.stylePreviousArrow}\n onClick={() => this.move(this.scrollAmount, true)}\n >\n <span class=\"glyph glyph-chevron-left-small\"></span>\n </div>\n <div class=\"tab-items\">\n <div class=\"items-content\">\n <slot></slot>\n </div>\n </div>\n <div class=\"overflow-shadow right\" style={this.styleNextArrow}></div>\n <div\n class=\"arrow right\"\n style={this.styleNextArrow}\n onClick={() => this.move(-this.scrollAmount, true)}\n >\n <span class=\"glyph glyph-chevron-right-small\"></span>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/theme-switcher.js ADDED Viewed

@@ -0,0 +1,91 @@
+import { T as TypedEvent } from './typed-event.js';
+class ThemeSwitcher {
+  get themeChanged() {
+    return this._themeChanged;
+  }
+  hasVariantSuffix(className) {
+    return (className.endsWith(this.suffixDark) ||
+      className.endsWith(this.suffixLight));
+  }
+  isThemeClass(className) {
+    return (className.startsWith(this.prefixTheme) && this.hasVariantSuffix(className));
+  }
+  setTheme(themeName) {
+    if (!this.isThemeClass(themeName)) {
+      throw Error(`Provided theme name ${themeName} does not match our naming conventions. (theme-<name>-(dark,light))`);
+    }
+    const oldThemes = [];
+    document.body.classList.forEach((className) => {
+      if (this.isThemeClass(className)) {
+        oldThemes.push(className);
+      }
+    });
+    document.body.classList.remove(...oldThemes);
+    document.body.classList.add(themeName);
+  }
+  toggleMode() {
+    const oldThemes = [];
+    document.body.classList.forEach((className) => {
+      if (this.isThemeClass(className)) {
+        oldThemes.push(className);
+      }
+    });
+    if (oldThemes.length === 0) {
+      document.body.classList.add(this.getOppositeMode(this.defaultTheme));
+      return;
+    }
+    oldThemes.forEach((themeName) => {
+      document.body.classList.replace(themeName, this.getOppositeMode(themeName));
+    });
+  }
+  getOppositeMode(themeName) {
+    if (themeName.endsWith(this.suffixDark)) {
+      return themeName.replace(/-dark$/g, this.suffixLight);
+    }
+    if (themeName.endsWith(this.suffixLight)) {
+      return themeName.replace(/-light$/g, this.suffixDark);
+    }
+  }
+  handleMutations(mutations) {
+    return mutations.forEach((mutation) => {
+      const { target } = mutation;
+      target.classList.forEach((className) => {
+        var _a;
+        if (this.isThemeClass(className) &&
+          !((_a = mutation.oldValue) === null || _a === void 0 ? void 0 : _a.includes(className))) {
+          this._themeChanged.emit(className);
+        }
+      });
+    });
+  }
+  registerMutationObserver() {
+    if (typeof window === 'undefined') {
+      return;
+    }
+    if (!('MutationObserver' in window)) {
+      console.warn('ThemeSwitcher not supported by your browser. Missing MutationObserver API');
+      return;
+    }
+    this.mutationObserver = new MutationObserver((mutations) => {
+      this.handleMutations(mutations);
+    });
+    this.mutationObserver.observe(document.body, {
+      attributeFilter: ['class'],
+      attributeOldValue: true,
+    });
+  }
+  constructor() {
+    this.prefixTheme = 'theme-';
+    this.suffixLight = '-light';
+    this.suffixDark = '-dark';
+    this.defaultTheme = 'theme-classic-dark';
+    this._themeChanged = new TypedEvent();
+    this.registerMutationObserver();
+  }
+}
+const themeSwitcher = new ThemeSwitcher();
+export { ThemeSwitcher as T, themeSwitcher as t };
+//# sourceMappingURL=theme-switcher.js.map

package/dist/components/theme-switcher.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"theme-switcher.js","mappings":"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","names":[],"sources":["./src/components/utils/theme-switcher.ts"],"sourcesContent":["import { TypedEvent } from './typed-event';\n\nexport class ThemeSwitcher {\n readonly prefixTheme = 'theme-';\n readonly suffixLight = '-light';\n readonly suffixDark = '-dark';\n readonly defaultTheme = 'theme-classic-dark';\n\n mutationObserver: MutationObserver;\n _themeChanged = new TypedEvent<string>();\n\n public get themeChanged() {\n return this._themeChanged;\n }\n\n private hasVariantSuffix(className: string) {\n return (\n className.endsWith(this.suffixDark) ||\n className.endsWith(this.suffixLight)\n );\n }\n\n private isThemeClass(className: string) {\n return (\n className.startsWith(this.prefixTheme) && this.hasVariantSuffix(className)\n );\n }\n\n public setTheme(themeName: string) {\n if (!this.isThemeClass(themeName)) {\n throw Error(\n `Provided theme name ${themeName} does not match our naming conventions. (theme-<name>-(dark,light))`\n );\n }\n\n const oldThemes: string[] = [];\n\n document.body.classList.forEach((className) => {\n if (this.isThemeClass(className)) {\n oldThemes.push(className);\n }\n });\n\n document.body.classList.remove(...oldThemes);\n document.body.classList.add(themeName);\n }\n\n public toggleMode() {\n const oldThemes: string[] = [];\n\n document.body.classList.forEach((className) => {\n if (this.isThemeClass(className)) {\n oldThemes.push(className);\n }\n });\n\n if (oldThemes.length === 0) {\n document.body.classList.add(this.getOppositeMode(this.defaultTheme));\n return;\n }\n\n oldThemes.forEach((themeName) => {\n document.body.classList.replace(\n themeName,\n this.getOppositeMode(themeName)\n );\n });\n }\n\n private getOppositeMode(themeName: string) {\n if (themeName.endsWith(this.suffixDark)) {\n return themeName.replace(/-dark$/g, this.suffixLight);\n }\n\n if (themeName.endsWith(this.suffixLight)) {\n return themeName.replace(/-light$/g, this.suffixDark);\n }\n }\n\n private handleMutations(mutations: MutationRecord[]) {\n return mutations.forEach((mutation) => {\n const { target } = mutation;\n (target as HTMLElement).classList.forEach((className) => {\n if (\n this.isThemeClass(className) &&\n !mutation.oldValue?.includes(className)\n ) {\n this._themeChanged.emit(className);\n }\n });\n });\n }\n\n private registerMutationObserver() {\n if (typeof (window as any) === 'undefined') {\n return;\n }\n\n if (!('MutationObserver' in window)) {\n console.warn(\n 'ThemeSwitcher not supported by your browser. Missing MutationObserver API'\n );\n return;\n }\n\n this.mutationObserver = new MutationObserver((mutations) => {\n this.handleMutations(mutations);\n });\n\n this.mutationObserver.observe(document.body, {\n attributeFilter: ['class'],\n attributeOldValue: true,\n });\n }\n\n public constructor() {\n this.registerMutationObserver();\n }\n}\n\nexport const themeSwitcher = new ThemeSwitcher();\n"],"version":3}

package/dist/components/time-picker.js CHANGED Viewed

@@ -158,3 +158,5 @@ function defineCustomElement() {
 }
 export { TimePicker as T, defineCustomElement as d };
+//# sourceMappingURL=time-picker.js.map

package/dist/components/time-picker.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"time-picker.js","mappings":"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","names":["DateTime"],"sources":["./src/components/time-picker/time-picker.scss?tag=ix-time-picker&encapsulation=scoped","./src/components/time-picker/time-picker.tsx"],"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\n@import 'common-variables';\n\n.header {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.title {\n display: flex;\n align-items: center;\n font-size: 16px;\n font-weight: bold;\n line-height: 20px;\n min-height: 40px;\n color: var(--theme-datepicker-time-header--color);\n}\n\n.clock {\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 80px 0;\n}\n\ninput {\n background-color: var(--theme-input--background);\n border-radius: 2px;\n border: 1px solid var(--theme-input--border-color);\n box-shadow: inset 0 2px 4px 0 var(--theme-color-1) 12;\n width: 42px;\n height: 32px;\n text-align: right;\n color: var(--theme-input--color);\n margin-top: $small-space;\n margin-bottom: $small-space;\n\n /* Chrome, Safari, Edge, Opera */\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0 5px;\n }\n\n /* Firefox */\n &[type='number'] {\n -moz-appearance: textfield;\n }\n}\n\n.columns {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.column-seperator {\n display: flex;\n align-items: center;\n margin: 0 $tiny-space;\n}\n\n.button {\n display: flex;\n justify-content: flex-end;\n}\n\n.default-space {\n margin-left: $default-space;\n}\n\n.text-align {\n text-align: center;\n}\n\n.hidden {\n display: none;\n}\n","/*\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 h,\n Host,\n Method,\n Prop,\n State,\n} from '@stencil/core';\nimport { DateTime } from 'luxon';\nimport { DateTimeCardCorners } from '../date-time-card/date-time-card';\n\nexport type TimePickerCorners = DateTimeCardCorners;\n\n@Component({\n tag: 'ix-time-picker',\n styleUrl: 'time-picker.scss',\n scoped: true,\n})\nexport class TimePicker {\n @Element() hostElement!: HTMLIxTimePickerElement;\n\n /**\n * Format of time string\n *\n * @since 1.1.0\n */\n @Prop() format: string = 'TT';\n\n /**\n * Corner style\n */\n @Prop() corners: TimePickerCorners = 'rounded';\n\n /**\n * @deprecated Will be removed in 2.0.0\n */\n @Prop() individual: boolean = true;\n\n /**\n * Show hour input\n */\n @Prop() showHour = false;\n\n /**\n * Show minutes input\n */\n @Prop() showMinutes = false;\n\n /**\n * Show seconds input\n */\n @Prop() showSeconds = false;\n\n /**\n * Select time with format string\n *\n * @since 1.1.0\n */\n @Prop() time: string = DateTime.now().toFormat(this.format);\n\n /**\n * Show time reference input\n *\n * @since 1.1.0 time reference is default aligned with formt tt\n */\n @Prop({ mutable: true }) showTimeReference = undefined;\n\n /**\n * Set time reference\n */\n @Prop() timeReference: 'AM' | 'PM' = DateTime.fromFormat(\n this.time,\n this.format\n ).toFormat('a') as 'PM' | 'AM';\n\n /**\n * Text of date select button\n *\n * @since 1.1.0\n */\n @Prop() textSelectTime = 'Done';\n\n /**\n * Time event\n */\n @Event() done: EventEmitter<string>;\n\n /**\n * Time change event\n */\n @Event() timeChange: EventEmitter<string>;\n\n @State() hourInputRef: HTMLInputElement;\n @State() minuteInputRef: HTMLInputElement;\n @State() secondInputRef: HTMLInputElement;\n @State() referenceInputRef: HTMLInputElement;\n\n get hour() {\n return this._time.hour;\n }\n\n get minutes() {\n return this._time.minute;\n }\n\n get seconds() {\n return this._time.second;\n }\n\n private _time: DateTime = DateTime.now();\n\n private updateInput(\n step: 'up' | 'down',\n { hours = undefined, minutes = undefined, seconds = undefined }\n ) {\n if (hours)\n step === 'up' ? this.hourInputRef.stepUp() : this.hourInputRef.stepDown();\n if (minutes)\n step === 'up'\n ? this.minuteInputRef.stepUp()\n : this.minuteInputRef.stepDown();\n if (seconds)\n step === 'up'\n ? this.secondInputRef.stepUp()\n : this.secondInputRef.stepDown();\n\n this._time = this._time.set({\n hour: Number(this.hourInputRef.value),\n minute: Number(this.minuteInputRef.value),\n second: Number(this.secondInputRef.value),\n });\n\n this.emitTimeChange();\n }\n\n private changeReference() {\n this.referenceInputRef.value =\n this.referenceInputRef.value === 'PM' ? 'AM' : 'PM';\n\n this.setHourAccordingToReference();\n\n this.emitTimeChange();\n }\n\n private setHourAccordingToReference() {\n let hour = Number(this.hourInputRef.value);\n\n if (this.referenceInputRef.value === 'PM') hour += 12;\n\n this._time = this._time.set({ hour });\n }\n\n private emitTimeChange() {\n const time = this._time.toFormat(this.format);\n this.timeChange.emit(time);\n }\n\n componentWillLoad() {\n this._time = DateTime.fromFormat(this.time, this.format);\n if (this.showTimeReference === undefined) {\n const matchedKeys = Object.keys(\n DateTime.fromFormatExplain(this.time, this.format).matches\n );\n this.showTimeReference = matchedKeys.includes('a');\n }\n }\n\n /**\n * Get current time\n */\n @Method()\n async getCurrentTime() {\n return this._time.toFormat(this.format);\n }\n\n render() {\n let hideHour = !this.showHour;\n let hideMinutes = !this.showMinutes;\n let hideSeconds = !this.showSeconds;\n const hideTimeReference = !this.showTimeReference;\n const hideIndividual = !this.individual;\n\n if (!this.showHour && !this.showMinutes && !this.showSeconds) {\n hideHour = false;\n hideMinutes = false;\n hideSeconds = false;\n }\n\n const hideHourSeperator = hideMinutes || hideHour;\n const hideMinutesSeperator = hideSeconds || hideMinutes;\n\n return (\n <Host>\n <ix-date-time-card individual={this.individual} corners={this.corners}>\n <div class=\"header\" slot=\"header\">\n <div class=\"title\">Time</div>\n </div>\n\n <div class=\"clock\">\n <div class={{ columns: true, hidden: hideHour }}>\n <ix-icon-button\n size=\"16\"\n onClick={() => this.updateInput('up', { hours: true })}\n ghost\n icon=\"chevron-up\"\n variant=\"Primary\"\n class=\"arrows\"\n ></ix-icon-button>\n <input\n name=\"hours\"\n type=\"number\"\n placeholder=\"00\"\n value={this.hour}\n min=\"0\"\n disabled\n max={this.showTimeReference === true ? 11 : 23}\n ref={(ref) => (this.hourInputRef = ref)}\n ></input>\n <ix-icon-button\n size=\"16\"\n onClick={() => this.updateInput('down', { hours: true })}\n ghost\n icon=\"chevron-down\"\n variant=\"Primary\"\n class=\"arrows\"\n ></ix-icon-button>\n </div>\n\n <div\n class={{ 'column-seperator': true, hidden: hideHourSeperator }}\n >\n :\n </div>\n\n <div class={{ columns: true, hidden: hideMinutes }}>\n <ix-icon-button\n size=\"16\"\n onClick={() => this.updateInput('up', { minutes: true })}\n ghost\n icon=\"chevron-up\"\n variant=\"Primary\"\n class=\"arrows\"\n ></ix-icon-button>\n <input\n name=\"minutes\"\n type=\"number\"\n placeholder=\"00\"\n value={this.minutes}\n min=\"0\"\n max=\"59\"\n disabled\n ref={(ref) => (this.minuteInputRef = ref)}\n ></input>\n <ix-icon-button\n size=\"16\"\n onClick={() => this.updateInput('down', { minutes: true })}\n ghost\n icon=\"chevron-down\"\n variant=\"Primary\"\n class=\"arrows\"\n ></ix-icon-button>\n </div>\n\n <div\n class={{ 'column-seperator': true, hidden: hideMinutesSeperator }}\n >\n :\n </div>\n\n <div class={{ columns: true, hidden: hideSeconds }}>\n <ix-icon-button\n size=\"16\"\n onClick={() => this.updateInput('up', { seconds: true })}\n ghost\n icon=\"chevron-up\"\n variant=\"Primary\"\n class=\"arrows\"\n ></ix-icon-button>\n <input\n name=\"seconds\"\n type=\"number\"\n placeholder=\"00\"\n value={this.seconds}\n disabled\n min=\"0\"\n max=\"59\"\n ref={(ref) => (this.secondInputRef = ref)}\n ></input>\n <ix-icon-button\n size=\"16\"\n onClick={() => this.updateInput('down', { seconds: true })}\n ghost\n icon=\"chevron-down\"\n variant=\"Primary\"\n class=\"arrows\"\n ></ix-icon-button>\n </div>\n\n <div\n class={{\n columns: true,\n 'default-space': true,\n hidden: hideTimeReference,\n }}\n >\n <ix-icon-button\n size=\"16\"\n onClick={() => this.changeReference()}\n ghost\n icon=\"chevron-up\"\n variant=\"Primary\"\n class=\"arrows\"\n ></ix-icon-button>\n <input\n name=\"reference\"\n type=\"text\"\n ref={(ref) => (this.referenceInputRef = ref)}\n value={this.timeReference}\n disabled\n class=\"text-align\"\n ></input>\n <ix-icon-button\n size=\"16\"\n onClick={() => this.changeReference()}\n ghost\n icon=\"chevron-down\"\n variant=\"Primary\"\n class=\"arrows\"\n ></ix-icon-button>\n </div>\n </div>\n\n <div class={{ button: true, hidden: hideIndividual }}>\n <ix-button\n onClick={() => this.done.emit(this._time.toFormat(this.format))}\n >\n {this.textSelectTime}\n </ix-button>\n </div>\n </ix-date-time-card>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/toast.js CHANGED Viewed

@@ -119,3 +119,5 @@ function defineCustomElement() {
 }
 export { Toast as T, defineCustomElement as d };
+//# sourceMappingURL=toast.js.map