@siemens/ix 1.6.3 → 2.0.0-beta.1

package/dist/collection/components/layout/css-grid/css-grid-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"css-grid-item.js","sourceRoot":"","sources":["../../../../src/components/layout/css-grid/css-grid-item.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD;;GAEG;AAMH,MAAM,OAAO,WAAW;;;;EAMtB,MAAM;IACJ,MAAM,KAAK,GAAG,EAAE,CAAC;IACjB,KAAK,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC;IAEnC,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,KAAK;MAChB,eAAa,CACR,CACR,CAAC;EACJ,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, h, Host, Prop } from '@stencil/core';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'ix-css-grid-item',\n  styleUrl: 'css-grid-item.scss',\n  shadow: true,\n})\nexport class CssGridItem {\n  /**\n   * Grid item name\n   */\n  @Prop() itemName: string;\n\n  render() {\n    const style = {};\n    style['grid-area'] = this.itemName;\n\n    return (\n      <Host style={style}>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/layout/css-grid/css-grid.js

@@ -1,123 +0,0 @@
-/*
- * 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';
-import { templateBuilder } from './builder';
-const smQuery = 'only screen and (max-width: 576px)';
-const mdQuery = 'only screen and (max-width: 768px)';
-const lgQuery = 'only screen and (max-width: 992px)';
-const mediaQueryCollection = [
-  { name: 'sm', query: smQuery },
-  { name: 'md', query: mdQuery },
-  { name: 'lg', query: lgQuery },
-];
-/**
- * @internal
- */
-export class CssGrid {
-  constructor() {
-    this.disposeMediaQueryListener = [];
-    this.mediaQueries = [];
-    this.templates = undefined;
-    this.currentTemplate = undefined;
-  }
-  componentWillRender() {
-    this.mediaQueries = mediaQueryCollection.map((query) => {
-      const mediaQuery = window.matchMedia(query.query);
-      const callback = () => {
-        this.applyTemplate();
-      };
-      this.disposeMediaQueryListener.push(callback);
-      mediaQuery.addEventListener('change', callback);
-      return Object.assign(Object.assign({}, query), { mediaQuery });
-    });
-    this.applyTemplate();
-  }
-  disconnectedCallback() {
-    this.mediaQueries.forEach((mq, index) => {
-      mq.mediaQuery.removeEventListener('change', this.disposeMediaQueryListener[index]);
-    });
-  }
-  findNextTemplate(type) {
-    const typeIndex = this.mediaQueries.findIndex((mq) => mq.name === type);
-    const nextTemplate = this.templates[this.mediaQueries[typeIndex + 1].name];
-    if (!nextTemplate) {
-      return this.findNextTemplate(this.mediaQueries[typeIndex + 1].name);
-    }
-    return nextTemplate;
-  }
-  applyTemplate() {
-    let active = this.mediaQueries.find((mq) => mq.mediaQuery.matches);
-    if (!active) {
-      active = this.mediaQueries[this.mediaQueries.length - 1];
-    }
-    const template = this.templates[active.name];
-    if (template) {
-      this.currentTemplate = template;
-    }
-    else {
-      this.currentTemplate = this.findNextTemplate(active.name);
-    }
-  }
-  render() {
-    var _a;
-    const style = {};
-    if (((_a = this.currentTemplate) === null || _a === void 0 ? void 0 : _a.length) !== 0) {
-      style['grid-template-areas'] = templateBuilder(this.currentTemplate);
-    }
-    return (h(Host, { style: style }, h("slot", null)));
-  }
-  static get is() { return "ix-css-grid"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["css-grid.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["css-grid.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "templates": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "Partial<Record<CssGridTemplateType, string[][]>>",
-          "resolved": "{ sm?: string[][]; md?: string[][]; lg?: string[][]; }",
-          "references": {
-            "Partial": {
-              "location": "global"
-            },
-            "Record": {
-              "location": "global"
-            },
-            "CssGridTemplateType": {
-              "location": "local",
-              "path": "/__w/ix/ix/packages/core/src/components/layout/css-grid/css-grid.tsx"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Define css grid template"
-        }
-      }
-    };
-  }
-  static get states() {
-    return {
-      "currentTemplate": {}
-    };
-  }
-}
-//# sourceMappingURL=css-grid.js.map

package/dist/collection/components/layout/css-grid/css-grid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"css-grid.js","sourceRoot":"","sources":["../../../../src/components/layout/css-grid/css-grid.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAE5C,MAAM,OAAO,GAAG,oCAAoC,CAAC;AACrD,MAAM,OAAO,GAAG,oCAAoC,CAAC;AACrD,MAAM,OAAO,GAAG,oCAAoC,CAAC;AAIrD,MAAM,oBAAoB,GAGrB;EACH,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE;EAC9B,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE;EAC9B,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE;CAC/B,CAAC;AAEF;;GAEG;AAMH,MAAM,OAAO,OAAO;;IAQV,8BAAyB,GAC/B,EAAE,CAAC;IACG,iBAAY,GAId,EAAE,CAAC;;;;EAET,mBAAmB;IACjB,IAAI,CAAC,YAAY,GAAG,oBAAoB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;MACrD,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;MAElD,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,IAAI,CAAC,aAAa,EAAE,CAAC;MACvB,CAAC,CAAC;MACF,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;MAC9C,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;MAEhD,uCACK,KAAK,KACR,UAAU,IACV;IACJ,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,aAAa,EAAE,CAAC;EACvB,CAAC;EAED,oBAAoB;IAClB,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;MACtC,EAAE,CAAC,UAAU,CAAC,mBAAmB,CAC/B,QAAQ,EACR,IAAI,CAAC,yBAAyB,CAAC,KAAK,CAAC,CACtC,CAAC;IACJ,CAAC,CAAC,CAAC;EACL,CAAC;EAEO,gBAAgB,CAAC,IAAyB;IAChD,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;IACxE,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAC3E,IAAI,CAAC,YAAY,EAAE;MACjB,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;KACrE;IACD,OAAO,YAAY,CAAC;EACtB,CAAC;EAEO,aAAa;IACnB,IAAI,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAEnE,IAAI,CAAC,MAAM,EAAE;MACX,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;KAC1D;IAED,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAE7C,IAAI,QAAQ,EAAE;MACZ,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC;KACjC;SAAM;MACL,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;KAC3D;EACH,CAAC;EAED,MAAM;;IACJ,MAAM,KAAK,GAAG,EAAE,CAAC;IACjB,IAAI,CAAA,MAAA,IAAI,CAAC,eAAe,0CAAE,MAAM,MAAK,CAAC,EAAE;MACtC,KAAK,CAAC,qBAAqB,CAAC,GAAG,eAAe,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;KACtE;IACD,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,KAAK;MAChB,eAAa,CACR,CACR,CAAC;EACJ,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, h, Host, Prop, State } from '@stencil/core';\nimport { templateBuilder } from './builder';\n\nconst smQuery = 'only screen and (max-width: 576px)';\nconst mdQuery = 'only screen and (max-width: 768px)';\nconst lgQuery = 'only screen and (max-width: 992px)';\n\nexport type CssGridTemplateType = 'sm' | 'md' | 'lg';\n\nconst mediaQueryCollection: Array<{\n  name: CssGridTemplateType;\n  query: string;\n}> = [\n  { name: 'sm', query: smQuery },\n  { name: 'md', query: mdQuery },\n  { name: 'lg', query: lgQuery },\n];\n\n/**\n * @internal\n */\n@Component({\n  tag: 'ix-css-grid',\n  styleUrl: 'css-grid.scss',\n  shadow: true,\n})\nexport class CssGrid {\n  /**\n   * Define css grid template\n   */\n  @Prop() templates: Partial<Record<CssGridTemplateType, string[][]>>;\n\n  @State() currentTemplate: string[][];\n\n  private disposeMediaQueryListener: ((event: MediaQueryListEvent) => void)[] =\n    [];\n  private mediaQueries: {\n    mediaQuery: MediaQueryList;\n    name: CssGridTemplateType;\n    query: string;\n  }[] = [];\n\n  componentWillRender() {\n    this.mediaQueries = mediaQueryCollection.map((query) => {\n      const mediaQuery = window.matchMedia(query.query);\n\n      const callback = () => {\n        this.applyTemplate();\n      };\n      this.disposeMediaQueryListener.push(callback);\n      mediaQuery.addEventListener('change', callback);\n\n      return {\n        ...query,\n        mediaQuery,\n      };\n    });\n\n    this.applyTemplate();\n  }\n\n  disconnectedCallback() {\n    this.mediaQueries.forEach((mq, index) => {\n      mq.mediaQuery.removeEventListener(\n        'change',\n        this.disposeMediaQueryListener[index]\n      );\n    });\n  }\n\n  private findNextTemplate(type: CssGridTemplateType) {\n    const typeIndex = this.mediaQueries.findIndex((mq) => mq.name === type);\n    const nextTemplate = this.templates[this.mediaQueries[typeIndex + 1].name];\n    if (!nextTemplate) {\n      return this.findNextTemplate(this.mediaQueries[typeIndex + 1].name);\n    }\n    return nextTemplate;\n  }\n\n  private applyTemplate() {\n    let active = this.mediaQueries.find((mq) => mq.mediaQuery.matches);\n\n    if (!active) {\n      active = this.mediaQueries[this.mediaQueries.length - 1];\n    }\n\n    const template = this.templates[active.name];\n\n    if (template) {\n      this.currentTemplate = template;\n    } else {\n      this.currentTemplate = this.findNextTemplate(active.name);\n    }\n  }\n\n  render() {\n    const style = {};\n    if (this.currentTemplate?.length !== 0) {\n      style['grid-template-areas'] = templateBuilder(this.currentTemplate);\n    }\n    return (\n      <Host style={style}>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/modal/modal-utils.js

@@ -1,37 +0,0 @@
-/*
- * 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;
-}
-export async function modal(config) {
-  const modalContainer = getModalContainer();
-  const modalInstance = await modalContainer.showModal(config);
-  return modalInstance;
-}
-function getIxModal(element) {
-  return element.closest('ix-modal');
-}
-export function closeModal(element, closeResult) {
-  getIxModal(element).close(closeResult);
-}
-export function dismissModal(element, dismissResult) {
-  getIxModal(element).dismiss(dismissResult);
-}
-//# sourceMappingURL=modal-utils.js.map

package/dist/collection/components/modal/modal-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal-utils.js","sourceRoot":"","sources":["../../../src/components/modal/modal-utils.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AA+BH,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;AAED,MAAM,CAAC,KAAK,UAAU,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;AAED,MAAM,UAAU,UAAU,CACxB,OAAgB,EAChB,WAAmB;EAEnB,UAAU,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,OAAgB,EAAE,aAAmB;EAChE,UAAU,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;AAC7C,CAAC","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"]}

package/dist/collection/components/modal-container/modal-container.css

@@ -1,14 +0,0 @@
-/*
- * 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 {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 9999;
-}

package/dist/collection/components/modal-container/modal-container.js

@@ -1,126 +0,0 @@
-/*
- * 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.
- */
-var __rest = (this && this.__rest) || function (s, e) {
-  var t = {};
-  for (var p in s)
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-      t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function")
-    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-        t[p[i]] = s[p[i]];
-    }
-  return t;
-};
-import { h, Host } from '@stencil/core';
-import { TypedEvent } from '../utils/typed-event';
-export class ModalContainer {
-  get modalStack() {
-    return this.hostElement.querySelector(':scope > div.modal-stack');
-  }
-  /**
-   * Display modal dialog
-   *
-   * @param config
-   */
-  async showModal(config) {
-    const onClose = new TypedEvent();
-    const onDismiss = new TypedEvent();
-    const modal = document.createElement('ix-modal');
-    let { title, content } = config, modifiedConfig = __rest(config, ["title", "content"]);
-    Object.assign(modal, Object.assign({ headerTitle: title }, modifiedConfig));
-    if (typeof content === 'string') {
-      const template = document.createElement('template');
-      content = content.trim();
-      template.innerHTML = content;
-      modal.appendChild(template.content.firstChild);
-    }
-    else {
-      modal.appendChild(content);
-    }
-    this.modalStack.appendChild(modal);
-    modal.addEventListener('closed', (event) => {
-      event.preventDefault();
-      event.stopImmediatePropagation();
-      this.modalStack.removeChild(modal);
-      onClose.emit(event.detail);
-    });
-    modal.addEventListener('dismissed', (event) => {
-      event.preventDefault();
-      event.stopImmediatePropagation();
-      this.modalStack.removeChild(modal);
-      onDismiss.emit(event.detail);
-    });
-    return {
-      htmlElement: modal,
-      onClose,
-      onDismiss,
-    };
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "modal-stack" })));
-  }
-  static get is() { return "ix-modal-container"; }
-  static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["modal-container.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["modal-container.css"]
-    };
-  }
-  static get methods() {
-    return {
-      "showModal": {
-        "complexType": {
-          "signature": "<T = any>(config: ModalConfig<T>) => Promise<ModalInstance<T>>",
-          "parameters": [{
-              "tags": [{
-                  "name": "param",
-                  "text": "config"
-                }],
-              "text": ""
-            }],
-          "references": {
-            "Promise": {
-              "location": "global"
-            },
-            "ModalInstance": {
-              "location": "import",
-              "path": "../modal/modal-utils"
-            },
-            "T": {
-              "location": "global"
-            },
-            "ModalConfig": {
-              "location": "import",
-              "path": "../modal/modal-utils"
-            },
-            "CustomEvent": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<ModalInstance<T>>"
-        },
-        "docs": {
-          "text": "Display modal dialog",
-          "tags": [{
-              "name": "param",
-              "text": "config"
-            }]
-        }
-      }
-    };
-  }
-  static get elementRef() { return "hostElement"; }
-}
-//# sourceMappingURL=modal-container.js.map

package/dist/collection/components/modal-container/modal-container.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal-container.js","sourceRoot":"","sources":["../../../src/components/modal-container/modal-container.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;;;;;;;;;;;;AAEH,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEpE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAOlD,MAAM,OAAO,cAAc;EAGzB,IAAI,UAAU;IACZ,OAAO,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;EACpE,CAAC;EAED;;;;KAIG;EAEH,KAAK,CAAC,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;IACD,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAEnC,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,KAAqB,EAAE,EAAE;MACzD,KAAK,CAAC,cAAc,EAAE,CAAC;MACvB,KAAK,CAAC,wBAAwB,EAAE,CAAC;MACjC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;MACnC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;IACH,KAAK,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,KAAqB,EAAE,EAAE;MAC5D,KAAK,CAAC,cAAc,EAAE,CAAC;MACvB,KAAK,CAAC,wBAAwB,EAAE,CAAC;MACjC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;MACnC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,OAAO;MACL,WAAW,EAAE,KAAK;MAClB,OAAO;MACP,SAAS;KACV,CAAC;EACJ,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,WAAK,KAAK,EAAC,aAAa,GAAO,CAC1B,CACR,CAAC;EACJ,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, 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  get modalStack() {\n    return this.hostElement.querySelector(':scope > div.modal-stack');\n  }\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    this.modalStack.appendChild(modal);\n\n    modal.addEventListener('closed', (event: CustomEvent<T>) => {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      this.modalStack.removeChild(modal);\n      onClose.emit(event.detail);\n    });\n    modal.addEventListener('dismissed', (event: CustomEvent<T>) => {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      this.modalStack.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 (\n      <Host>\n        <div class=\"modal-stack\"></div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/utils/screen/context.js

@@ -1,30 +0,0 @@
-/*
- * 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.
- */
-export function isBasicNavigationLayout(element) {
-  return element && element.tagName === 'IX-BASIC-NAVIGATION';
-}
-export const hostContext = (selector, element) => {
-  return element.closest(selector);
-};
-export const isHostedBy = (selector, element) => {
-  return hostContext(selector, element) !== null;
-};
-export const getHostApplicationLayout = (element) => {
-  const [basicNavigation, mapNavigation] = [
-    'ix-basic-navigation',
-    'ix-map-navigation',
-  ].map((selector) => hostContext(selector, element));
-  if (basicNavigation) {
-    return basicNavigation;
-  }
-  if (mapNavigation) {
-    return mapNavigation;
-  }
-};
-//# sourceMappingURL=context.js.map

package/dist/collection/components/utils/screen/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/components/utils/screen/context.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,MAAM,UAAU,uBAAuB,CACrC,OAAoB;EAEpB,OAAO,OAAO,IAAI,OAAO,CAAC,OAAO,KAAK,qBAAqB,CAAC;AAC9D,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,QAAgB,EAChB,OAAoB,EACuC,EAAE;EAC7D,OAAO,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;AACnC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,QAAgB,EAAE,OAAoB,EAAE,EAAE;EACnE,OAAO,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;AACjD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,OAAoB,EAAE,EAAE;EAC/D,MAAM,CAAC,eAAe,EAAE,aAAa,CAAC,GAAG;IACvC,qBAAqB;IACrB,mBAAmB;GACpB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;EAEpD,IAAI,eAAe,EAAE;IACnB,OAAO,eAAe,CAAC;GACxB;EAED,IAAI,aAAa,EAAE;IACjB,OAAO,aAAa,CAAC;GACtB;AACH,CAAC,CAAC","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 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"]}

package/dist/collection/components/utils/screen/index.js

@@ -1,10 +0,0 @@
-/*
- * 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.
- */
-export { screenMode } from './service';
-//# sourceMappingURL=index.js.map

package/dist/collection/components/utils/screen/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/utils/screen/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC","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 { screenMode } from './service';\n"]}

package/dist/collection/components/utils/screen/mode.js

@@ -1,37 +0,0 @@
-/*
- * 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.
- */
-const mobileMediaQuery = `only screen and (max-width: 767px)`;
-export const createMediaQueryListener = (query, callback) => {
-  const fn = (event) => {
-    callback(event);
-  };
-  const listener = window.matchMedia(query);
-  listener.addEventListener('change', fn);
-  return {
-    matchMedia: listener,
-    dispose: () => {
-      listener.removeEventListener('change', fn);
-    },
-  };
-};
-export const createModeListener = (modeChangeCallback) => {
-  const listener = createMediaQueryListener(mobileMediaQuery, ({ matches }) => {
-    if (matches) {
-      modeChangeCallback('mobile');
-      return;
-    }
-    modeChangeCallback('desktop');
-  });
-  modeChangeCallback(listener.matchMedia.matches ? 'mobile' : 'desktop');
-  return {
-    dispose: listener.dispose,
-    matchMedia: listener.matchMedia,
-  };
-};
-//# sourceMappingURL=mode.js.map

package/dist/collection/components/utils/screen/mode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mode.js","sourceRoot":"","sources":["../../../../src/components/utils/screen/mode.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,MAAM,gBAAgB,GAAG,oCAAoC,CAAC;AAO9D,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,KAAa,EACb,QAA8C,EAC1B,EAAE;EACtB,MAAM,EAAE,GAAG,CAAC,KAA0B,EAAE,EAAE;IACxC,QAAQ,CAAC,KAAK,CAAC,CAAC;EAClB,CAAC,CAAC;EACF,MAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;EAC1C,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;EAExC,OAAO;IACL,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,GAAG,EAAE;MACZ,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IAC7C,CAAC;GACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,kBAAwC,EACxC,EAAE;EACF,MAAM,QAAQ,GAAG,wBAAwB,CAAC,gBAAgB,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAC1E,IAAI,OAAO,EAAE;MACX,kBAAkB,CAAC,QAAQ,CAAC,CAAC;MAC7B,OAAO;KACR;IAED,kBAAkB,CAAC,SAAS,CAAC,CAAC;EAChC,CAAC,CAAC,CAAC;EAEH,kBAAkB,CAAC,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;EACvE,OAAO;IACL,OAAO,EAAE,QAAQ,CAAC,OAAO;IACzB,UAAU,EAAE,QAAQ,CAAC,UAAU;GAChC,CAAC;AACJ,CAAC,CAAC","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 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"]}

package/dist/collection/components/utils/screen/service.js

@@ -1,46 +0,0 @@
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-  if (kind === "a" && !f)
-    throw new TypeError("Private accessor was defined without a getter");
-  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-    throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-  if (kind === "m")
-    throw new TypeError("Private method is not writable");
-  if (kind === "a" && !f)
-    throw new TypeError("Private accessor was defined without a setter");
-  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-    throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var _ScreenMode_modeChangeListener, _ScreenMode_mode;
-/*
- * 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 { TypedEvent } from '../typed-event';
-import { createModeListener } from './mode';
-class ScreenMode {
-  constructor() {
-    _ScreenMode_modeChangeListener.set(this, new TypedEvent());
-    _ScreenMode_mode.set(this, 'desktop');
-    createModeListener((mode) => {
-      __classPrivateFieldGet(this, _ScreenMode_modeChangeListener, "f").emit(mode);
-      __classPrivateFieldSet(this, _ScreenMode_mode, mode, "f");
-    });
-  }
-  get mode() {
-    return __classPrivateFieldGet(this, _ScreenMode_mode, "f");
-  }
-  get onChange() {
-    return __classPrivateFieldGet(this, _ScreenMode_modeChangeListener, "f");
-  }
-}
-_ScreenMode_modeChangeListener = new WeakMap(), _ScreenMode_mode = new WeakMap();
-export const screenMode = new ScreenMode();
-//# sourceMappingURL=service.js.map

package/dist/collection/components/utils/screen/service.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"service.js","sourceRoot":"","sources":["../../../../src/components/utils/screen/service.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAQ,MAAM,QAAQ,CAAC;AAElD,MAAM,UAAU;EAId;IAHA,yCAAsB,IAAI,UAAU,EAAQ,EAAC;IAC7C,2BAAc,SAAS,EAAC;IAGtB,kBAAkB,CAAC,CAAC,IAAI,EAAE,EAAE;MAC1B,uBAAA,IAAI,sCAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;MACpC,uBAAA,IAAI,oBAAS,IAAI,MAAA,CAAC;IACpB,CAAC,CAAC,CAAC;EACL,CAAC;EAED,IAAI,IAAI;IACN,OAAO,uBAAA,IAAI,wBAAM,CAAC;EACpB,CAAC;EAED,IAAI,QAAQ;IACV,OAAO,uBAAA,IAAI,sCAAoB,CAAC;EAClC,CAAC;CACF;;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,UAAU,EAAE,CAAC","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 */\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"]}

package/dist/components/index-button.js

@@ -1,41 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const indexButtonCss = ".sc-ix-index-button-h{max-height:2rem}.sc-ix-index-button-h .btn.sc-ix-index-button{min-width:2rem;height:2rem}.sc-ix-index-button-h .btn.selected.sc-ix-index-button{background-color:var(--theme-btn-invisible-secondary--background--selected);color:var(--theme-btn-invisible-secondary--color--selected)}";
-
-const IxIndexButton = /*@__PURE__*/ proxyCustomElement(class IxIndexButton extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.variant = 'Primary';
-    this.selected = undefined;
-  }
-  render() {
-    return (h(Host, null, h("button", { class: {
-        btn: true,
-        'btn-invisible-primary': this.variant === 'Primary',
-        'btn-invisible-secondary': this.variant === 'Secondary',
-        selected: this.selected,
-      } }, h("slot", null))));
-  }
-  static get style() { return indexButtonCss; }
-}, [6, "ix-index-button", {
-    "variant": [1],
-    "selected": [4]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["ix-index-button"];
-  components.forEach(tagName => { switch (tagName) {
-    case "ix-index-button":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, IxIndexButton);
-      }
-      break;
-  } });
-}
-
-export { IxIndexButton as I, defineCustomElement as d };
-
-//# sourceMappingURL=index-button.js.map

package/dist/components/index-button.js.map

@@ -1 +0,0 @@
-{"file":"index-button.js","mappings":";;AAAA,MAAM,cAAc,GAAG,gTAAgT;;MCsB1T,aAAa;;;;mBAIc,SAAS;;;EAO/C,MAAM;IACJ,QACE,EAAC,IAAI,QACH,cACE,KAAK,EAAE;QACL,GAAG,EAAE,IAAI;QACT,uBAAuB,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;QACnD,yBAAyB,EAAE,IAAI,CAAC,OAAO,KAAK,WAAW;QACvD,QAAQ,EAAE,IAAI,CAAC,QAAQ;OACxB,IAED,eAAa,CACN,CACJ,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/index-button/index-button.scss?tag=ix-index-button&encapsulation=scoped","./src/components/index-button/index-button.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2022 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  max-height: $x-large-space;\n\n  .btn {\n    min-width: $x-large-space;\n    height: $x-large-space;\n\n    &.selected {\n      background-color: var(--theme-btn-invisible-secondary--background--selected);\n      color: var(--theme-btn-invisible-secondary--color--selected);\n    }\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2022 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';\nimport { ButtonVariant } from '../button/button';\n\nexport type IndexButtonVariant = ButtonVariant;\n\n/**\n * @internal\n */\n@Component({\n  tag: 'ix-index-button',\n  styleUrl: 'index-button.scss',\n  scoped: true,\n})\nexport class IxIndexButton {\n  /**\n   * Button variant\n   */\n  @Prop() variant: IndexButtonVariant = 'Primary';\n\n  /**\n   * Selection state\n   */\n  @Prop() selected: boolean;\n\n  render() {\n    return (\n      <Host>\n        <button\n          class={{\n            btn: true,\n            'btn-invisible-primary': this.variant === 'Primary',\n            'btn-invisible-secondary': this.variant === 'Secondary',\n            selected: this.selected,\n          }}\n        >\n          <slot></slot>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/ix-animated-tab.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface IxAnimatedTab extends Components.IxAnimatedTab, HTMLElement {}
-export const IxAnimatedTab: {
-  prototype: IxAnimatedTab;
-  new (): IxAnimatedTab;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ix-animated-tab.js

@@ -1,39 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const animatedTabCss = ".sc-ix-animated-tab-h{display:block;height:100%;width:100%;position:absolute}";
-
-const AnimatedTab = /*@__PURE__*/ proxyCustomElement(class AnimatedTab extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.icon = undefined;
-    this.count = undefined;
-  }
-  render() {
-    return (h(Host, null, h("slot", null)));
-  }
-  static get style() { return animatedTabCss; }
-}, [6, "ix-animated-tab", {
-    "icon": [1],
-    "count": [514]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["ix-animated-tab"];
-  components.forEach(tagName => { switch (tagName) {
-    case "ix-animated-tab":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, AnimatedTab);
-      }
-      break;
-  } });
-}
-
-const IxAnimatedTab = AnimatedTab;
-const defineCustomElement = defineCustomElement$1;
-
-export { IxAnimatedTab, defineCustomElement };
-
-//# sourceMappingURL=ix-animated-tab.js.map

package/dist/components/ix-animated-tab.js.map

@@ -1 +0,0 @@
-{"file":"ix-animated-tab.js","mappings":";;AAAA,MAAM,cAAc,GAAG,+EAA+E;;MCgBzF,WAAW;;;;;;;EAWtB,MAAM;IACJ,QACE,EAAC,IAAI,QACH,eAAa,CACR,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/animated-tab/animated-tab.scss?tag=ix-animated-tab&encapsulation=scoped","./src/components/animated-tab/animated-tab.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  height: 100%;\n  width: 100%;\n  position: absolute;\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-animated-tab',\n  styleUrl: 'animated-tab.scss',\n  scoped: true,\n})\nexport class AnimatedTab {\n  /**\n   * Icon of the tab\n   */\n  @Prop() icon: string;\n\n  /**\n   * Show notification number\n   */\n  @Prop({ reflect: true }) count: number;\n\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/ix-animated-tabs.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface IxAnimatedTabs extends Components.IxAnimatedTabs, HTMLElement {}
-export const IxAnimatedTabs: {
-  prototype: IxAnimatedTabs;
-  new (): IxAnimatedTabs;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;