@siemens/ix 0.0.0-pr-1974-20250624072317 → 0.0.0-pr-1974-20250627114851

package/components/ix-chip.js

@@ -1,154 +0,0 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-DzKDFBWC.js';
-import { g as iconCloseSmall } from './p-CGwHQeMX.js';
-import { m as makeRef } from './p-bcj7UEIC.js';
-import { d as defineCustomElement$5 } from './p-BXGAr1UD.js';
-import { d as defineCustomElement$4 } from './p-BOARJXlu.js';
-import { d as defineCustomElement$3 } from './p-mLgD4b4D.js';
-import { d as defineCustomElement$2 } from './p-C9zujPO0.js';
-
-const chipCss = ":host{display:inline-block;position:relative;height:2rem;max-height:2rem;margin-left:0.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host(.inactive){pointer-events:none}.container{display:inline-flex;width:inherit;box-sizing:border-box;position:relative;align-items:center;border-radius:100px;padding:0.5rem;height:2rem;max-height:2rem;cursor:pointer}.container .content-wrapper{display:inline-flex;align-items:center;flex:1;min-width:0}.container .with-icon{margin-right:0.25rem}.container .close-button-container{display:inline-flex;margin-left:auto;padding-left:0.5rem}.container .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container.centerContent .content-wrapper{justify-content:center;text-align:center}.container.outline.icon{padding-left:calc(0.75rem - 1px)}.container.outline.icon.alarm .with-icon{color:var(--theme-color-alarm)}.container.outline.icon.critical .with-icon{color:var(--theme-color-critical)}.container.outline.icon.warning .with-icon{color:var(--theme-color-warning)}.container.outline.icon.info .with-icon{color:var(--theme-color-info)}.container.outline.icon.neutral .with-icon{color:var(--theme-color-neutral)}.container.outline.icon.success .with-icon{color:var(--theme-color-success)}.container.outline:not(.icon){padding-left:calc(0.5rem - 1px)}.container.outline.closable:not(.inactive){padding-right:calc(0.25rem - 1px)}.container.outline.closable.inactive,.container.outline:not(.closable){padding-right:calc(0.5rem - 1px)}.container.outline.icon:not(.closable){padding-right:calc(0.75rem - 1px)}.container:not(.outline).icon{padding-left:0.75rem}.container:not(.outline):not(.icon){padding-left:0.5rem}.container:not(.outline).closable:not(.inactive){padding-right:0.25rem}.container:not(.outline).closable.inactive{padding-right:0.5rem}.container:not(.outline):not(.closable).icon{padding-right:0.75rem}.container:not(.outline):not(.closable):not(.icon){padding-right:0.5rem}.container.primary{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}.container.primary .close-button{color:var(--theme-chip-primary--color);--ix-icon-button-color:var(--theme-chip-primary--color);pointer-events:auto}.container.primary:hover{background-color:var(--theme-chip-primary--background--hover)}.container.primary:active{background-color:var(--theme-chip-primary--background--active)}.container.primary:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.primary.outline{color:var(--theme-chip-outline--color);background-color:transparent;border:solid 1px var(--theme-chip-primary-outline--border-color)}.container.primary.outline .close-button{color:var(--theme-chip-outline--color);--ix-icon-button-color:var(--theme-chip-outline--color)}.container.primary.outline .with-icon{color:var(--theme-color-primary)}.container.primary.outline:hover{background-color:var(--theme-chip-primary-outline--background--hover)}.container.primary.outline:active{background-color:var(--theme-chip-primary-outline--background--active)}.container.outline{border-width:1px;border-style:solid}.container.alarm{color:var(--theme-color-alarm--contrast)}.container.alarm:hover::after{content:\"\";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.alarm.active::after,.container.alarm:active::after{content:\"\";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.container.alarm:not(.outline){background-color:var(--theme-color-alarm)}.container.alarm:not(.outline) .close-button{color:var(--theme-color-alarm--contrast);--ix-icon-button-color:var(--theme-color-alarm--contrast)}.container.alarm:not(.outline):hover::after{content:\"\";background-color:rgba(0, 0, 0, 0.05)}.container.alarm:not(.outline).active::after,.container.alarm:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.alarm.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-alarm)}.container.alarm.outline:hover::after{display:none}.container.alarm.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.alarm.outline.active::after,.container.alarm.outline:active::after{display:none}.container.alarm.outline.active,.container.alarm.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.alarm:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.critical{color:var(--theme-color-critical--contrast)}.container.critical:hover::after{content:\"\";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.critical.active::after,.container.critical:active::after{content:\"\";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.container.critical:not(.outline){background-color:var(--theme-color-critical)}.container.critical:not(.outline) .close-button{color:var(--theme-color-critical--contrast);--ix-icon-button-color:var(--theme-color-critical--contrast)}.container.critical:not(.outline):hover::after{content:\"\";background-color:rgba(0, 0, 0, 0.05)}.container.critical:not(.outline).active::after,.container.critical:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.critical.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-critical)}.container.critical.outline:hover::after{display:none}.container.critical.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.critical.outline.active::after,.container.critical.outline:active::after{display:none}.container.critical.outline.active,.container.critical.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.critical:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.warning{color:var(--theme-color-warning--contrast)}.container.warning:hover::after{content:\"\";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.warning.active::after,.container.warning:active::after{content:\"\";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.container.warning:not(.outline){background-color:var(--theme-color-warning)}.container.warning:not(.outline) .close-button{color:var(--theme-color-warning--contrast);--ix-icon-button-color:var(--theme-color-warning--contrast)}.container.warning:not(.outline):hover::after{content:\"\";background-color:rgba(0, 0, 0, 0.05)}.container.warning:not(.outline).active::after,.container.warning:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.warning.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-warning)}.container.warning.outline:hover::after{display:none}.container.warning.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.warning.outline.active::after,.container.warning.outline:active::after{display:none}.container.warning.outline.active,.container.warning.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.warning:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.info{color:var(--theme-color-info--contrast)}.container.info:hover::after{content:\"\";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.info.active::after,.container.info:active::after{content:\"\";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.container.info:not(.outline){background-color:var(--theme-color-info)}.container.info:not(.outline) .close-button{color:var(--theme-color-info--contrast);--ix-icon-button-color:var(--theme-color-info--contrast)}.container.info:not(.outline):hover::after{content:\"\";background-color:rgba(0, 0, 0, 0.05)}.container.info:not(.outline).active::after,.container.info:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.info.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-info)}.container.info.outline:hover::after{display:none}.container.info.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.info.outline.active::after,.container.info.outline:active::after{display:none}.container.info.outline.active,.container.info.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.info:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.neutral{color:var(--theme-color-neutral--contrast)}.container.neutral:hover::after{content:\"\";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.neutral.active::after,.container.neutral:active::after{content:\"\";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.container.neutral:not(.outline){background-color:var(--theme-color-neutral)}.container.neutral:not(.outline) .close-button{color:var(--theme-color-neutral--contrast);--ix-icon-button-color:var(--theme-color-neutral--contrast)}.container.neutral:not(.outline):hover::after{content:\"\";background-color:rgba(0, 0, 0, 0.05)}.container.neutral:not(.outline).active::after,.container.neutral:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.neutral.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-neutral)}.container.neutral.outline:hover::after{display:none}.container.neutral.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.neutral.outline.active::after,.container.neutral.outline:active::after{display:none}.container.neutral.outline.active,.container.neutral.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.neutral:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.success{color:var(--theme-color-success--contrast)}.container.success:hover::after{content:\"\";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.success.active::after,.container.success:active::after{content:\"\";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.container.success:not(.outline){background-color:var(--theme-color-success)}.container.success:not(.outline) .close-button{color:var(--theme-color-success--contrast);--ix-icon-button-color:var(--theme-color-success--contrast)}.container.success:not(.outline):hover::after{content:\"\";background-color:rgba(0, 0, 0, 0.05)}.container.success:not(.outline).active::after,.container.success:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.success.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-success)}.container.success.outline:hover::after{display:none}.container.success.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.success.outline.active::after,.container.success.outline:active::after{display:none}.container.success.outline.active,.container.success.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.success:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}";
-
-const Chip = /*@__PURE__*/ proxyCustomElement(class Chip extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.closeChip = createEvent(this, "closeChip", 7);
-        /**
-         * Chip variant
-         */
-        this.variant = 'primary';
-        /**
-         * Determines if the chip is interactive. If false no user input (e.g. mouse states, keyboard navigation)
-         * will be possible and also the close button will not be present.
-         */
-        this.active = true;
-        /**
-         * Show close icon
-         */
-        this.closable = false;
-        /**
-         * Show chip with outline style
-         */
-        this.outline = false;
-        /**
-         * Display a tooltip. By default, no tooltip will be displayed.
-         * Add the attribute to display the text content of the component as a tooltip or use a string to display a custom text.
-         *
-         * @since 3.0.0
-         */
-        this.tooltipText = false;
-        /**
-         * Center the content of the chip.
-         * Set to false to disable centering.
-         * @since 3.2.0
-         */
-        this.centerContent = false;
-        this.containerElementRef = makeRef();
-    }
-    getCloseButton() {
-        return (h("div", { class: "close-button-container" }, h("ix-icon-button", { type: "button", variant: "secondary", icon: iconCloseSmall, class: "close-button", oval: true, size: "16", style: this.variant === 'custom' ? { color: this.chipColor } : {}, ghost: true, onClick: (event) => {
-                this.closeChip.emit(event);
-                event.stopPropagation();
-            } })));
-    }
-    getTooltip() {
-        var _a;
-        if (!this.tooltipText && !this.hostElement.hasAttribute('tooltip-text')) {
-            return null;
-        }
-        const text = typeof this.tooltipText === 'string' && this.tooltipText.trim()
-            ? this.tooltipText
-            : (_a = this.hostElement.textContent) === null || _a === void 0 ? void 0 : _a.trim();
-        return (h("ix-tooltip", { for: this.containerElementRef.waitForCurrent() }, text));
-    }
-    render() {
-        const isInactive = this.active === false;
-        let customStyle = {};
-        if (this.variant === 'custom') {
-            customStyle = {
-                color: this.chipColor,
-                [this.outline ? 'borderColor' : 'backgroundColor']: this.background,
-            };
-        }
-        return (h(Host, { key: '10508029bc48d48cd92da50374469b74791ad9c0', tabIndex: "-1", class: {
-                inactive: isInactive,
-            }, style: this.variant === 'custom'
-                ? {
-                    '--ix-icon-button-color': this.chipColor,
-                }
-                : {} }, h("div", { key: '3e18dabfa2586c96d6573908988b39e3d5cd9b86', ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
-                container: true,
-                outline: this.outline,
-                inactive: isInactive,
-                alarm: this.variant === 'alarm',
-                critical: this.variant === 'critical',
-                info: this.variant === 'info',
-                neutral: this.variant === 'neutral',
-                primary: this.variant === 'primary',
-                success: this.variant === 'success',
-                warning: this.variant === 'warning',
-                custom: this.variant === 'custom',
-                closable: this.closable,
-                icon: !!this.icon,
-                centerContent: this.centerContent,
-            } }, h("div", { key: '1c05d1efa51f7541122580eda3074bdd1d2a2b17', class: "content-wrapper" }, this.icon && (h("ix-icon", { key: '9abb66b3ce3049942b07466ba7d1094cee42accb', class: {
-                'with-icon': true,
-            }, name: this.icon, size: '24', style: this.variant === 'custom'
-                ? { color: this.outline ? this.background : this.chipColor }
-                : undefined })), h("span", { key: '12d94cbe5b95d78e308c01a6ffeeb14c0ad4be4e', class: "slot-container" }, h("slot", { key: '319142ef1739e399f4629e8f41754a8569158bfa' }))), isInactive === false && this.closable ? this.getCloseButton() : null), this.getTooltip()));
-    }
-    get hostElement() { return this; }
-    static get style() { return chipCss; }
-}, [1, "ix-chip", {
-        "variant": [513],
-        "active": [4],
-        "closable": [4],
-        "icon": [1],
-        "background": [1],
-        "chipColor": [1, "chip-color"],
-        "outline": [4],
-        "tooltipText": [8, "tooltip-text"],
-        "centerContent": [4, "center-content"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ix-chip", "ix-icon-button", "ix-spinner", "ix-tooltip", "ix-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ix-chip":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, Chip);
-            }
-            break;
-        case "ix-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "ix-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "ix-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ix-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const IxChip = Chip;
-const defineCustomElement = defineCustomElement$1;
-
-export { IxChip, defineCustomElement };
-//# sourceMappingURL=ix-chip.js.map
-
-//# sourceMappingURL=ix-chip.js.map

package/components/ix-chip.js.map

@@ -1 +0,0 @@
-{"file":"ix-chip.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/chip/chip.scss?tag=ix-chip&encapsulation=shadow","src/components/chip/chip.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 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 'mixins/shadow-dom/component';\n@import 'common-variables';\n@import 'mixins/text-truncation';\n@import './chip-mixin';\n\n:host {\n  @include ix-component;\n  display: inline-block;\n  position: relative;\n  height: 2rem;\n  max-height: 2rem;\n  margin-left: $tiny-space;\n}\n\n:host(.inactive) {\n  pointer-events: none;\n}\n\n@include chip-container;\n","/*\n * SPDX-FileCopyrightText: 2024 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 { iconCloseSmall } from '@siemens/ix-icons/icons';\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n} from '@stencil/core';\nimport { makeRef } from '../utils/make-ref';\n\n@Component({\n  tag: 'ix-chip',\n  styleUrl: 'chip.scss',\n  shadow: true,\n})\nexport class Chip {\n  @Element() hostElement!: HTMLIxChipElement;\n\n  /**\n   * Chip variant\n   */\n  @Prop({ reflect: true }) variant:\n    | 'primary'\n    | 'alarm'\n    | 'critical'\n    | 'warning'\n    | 'info'\n    | 'neutral'\n    | 'success'\n    | 'custom' = 'primary';\n\n  /**\n   * Determines if the chip is interactive. If false no user input (e.g. mouse states, keyboard navigation)\n   * will be possible and also the close button will not be present.\n   */\n  @Prop() active = true;\n\n  /**\n   * Show close icon\n   */\n  @Prop() closable = false;\n\n  /**\n   * Show icon\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Custom background color.\n   * Only has an effect on chips with `variant='custom'`\n   */\n  @Prop() background: string | undefined;\n\n  /**\n   * Custom font and icon color.\n   * Only has an effect on chips with `variant='custom'`\n   */\n  @Prop() chipColor: string | undefined;\n\n  /**\n   * Show chip with outline style\n   */\n  @Prop() outline = false;\n\n  /**\n   * Display a tooltip. By default, no tooltip will be displayed.\n   * Add the attribute to display the text content of the component as a tooltip or use a string to display a custom text.\n   *\n   * @since 3.0.0\n   */\n  @Prop() tooltipText: string | boolean = false;\n\n  /**\n   * Center the content of the chip.\n   * Set to false to disable centering.\n   * @since 3.2.0\n   */\n  @Prop() centerContent = false;\n\n  /**\n   * Fire event if close button is clicked\n   */\n  @Event() closeChip!: EventEmitter;\n\n  private readonly containerElementRef = makeRef<HTMLElement>();\n\n  private getCloseButton() {\n    return (\n      <div class=\"close-button-container\">\n        <ix-icon-button\n          type=\"button\"\n          variant=\"secondary\"\n          icon={iconCloseSmall}\n          class=\"close-button\"\n          oval\n          size=\"16\"\n          style={this.variant === 'custom' ? { color: this.chipColor } : {}}\n          ghost\n          onClick={(event) => {\n            this.closeChip.emit(event);\n            event.stopPropagation();\n          }}\n        ></ix-icon-button>\n      </div>\n    );\n  }\n\n  private getTooltip() {\n    if (!this.tooltipText && !this.hostElement.hasAttribute('tooltip-text')) {\n      return null;\n    }\n\n    const text =\n      typeof this.tooltipText === 'string' && this.tooltipText.trim()\n        ? this.tooltipText\n        : this.hostElement.textContent?.trim();\n\n    return (\n      <ix-tooltip for={this.containerElementRef.waitForCurrent()}>\n        {text}\n      </ix-tooltip>\n    );\n  }\n\n  render() {\n    const isInactive = this.active === false;\n\n    let customStyle = {};\n\n    if (this.variant === 'custom') {\n      customStyle = {\n        color: this.chipColor,\n        [this.outline ? 'borderColor' : 'backgroundColor']: this.background,\n      };\n    }\n\n    return (\n      <Host\n        tabIndex=\"-1\"\n        class={{\n          inactive: isInactive,\n        }}\n        style={\n          this.variant === 'custom'\n            ? {\n                '--ix-icon-button-color': this.chipColor,\n              }\n            : {}\n        }\n      >\n        <div\n          ref={this.containerElementRef}\n          style={{ ...customStyle }}\n          class={{\n            container: true,\n            outline: this.outline,\n            inactive: isInactive,\n            alarm: this.variant === 'alarm',\n            critical: this.variant === 'critical',\n            info: this.variant === 'info',\n            neutral: this.variant === 'neutral',\n            primary: this.variant === 'primary',\n            success: this.variant === 'success',\n            warning: this.variant === 'warning',\n            custom: this.variant === 'custom',\n            closable: this.closable,\n            icon: !!this.icon,\n            centerContent: this.centerContent,\n          }}\n        >\n          <div class=\"content-wrapper\">\n            {this.icon && (\n              <ix-icon\n                class={{\n                  'with-icon': true,\n                }}\n                name={this.icon}\n                size={'24'}\n                style={\n                  this.variant === 'custom'\n                    ? { color: this.outline ? this.background : this.chipColor }\n                    : undefined\n                }\n              />\n            )}\n            <span class=\"slot-container\">\n              <slot></slot>\n            </span>\n          </div>\n          {isInactive === false && this.closable ? this.getCloseButton() : null}\n        </div>\n        {this.getTooltip()}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/ix-col.d.ts

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

package/components/ix-col.js

@@ -1,9 +0,0 @@
-import { C as Col, d as defineCustomElement$1 } from './p-18F-YfbC.js';
-
-const IxCol = Col;
-const defineCustomElement = defineCustomElement$1;
-
-export { IxCol, defineCustomElement };
-//# sourceMappingURL=ix-col.js.map
-
-//# sourceMappingURL=ix-col.js.map

package/components/ix-col.js.map

@@ -1 +0,0 @@
-{"file":"ix-col.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/ix-content-header.d.ts

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

package/components/ix-content-header.js

@@ -1,73 +0,0 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-DzKDFBWC.js';
-import { h as iconArrowLeft } from './p-CGwHQeMX.js';
-import { d as defineCustomElement$4 } from './p-BXGAr1UD.js';
-import { d as defineCustomElement$3 } from './p-BOARJXlu.js';
-import { d as defineCustomElement$2 } from './p-C9zujPO0.js';
-
-const contentHeaderCss = ":host{display:flex;flex-direction:row;align-items:flex-start;padding:0}:host .titleGroup{display:flex;flex-direction:column;flex:1 1 0}:host .titleGroup .secondary{padding:0.25rem 0}:host .subtitle{margin-top:-0.125rem}:host .backButton{margin-right:0.5rem}:host .buttons{flex:0 0 auto}";
-
-const ContentHeader = /*@__PURE__*/ proxyCustomElement(class ContentHeader extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.backButtonClick = createEvent(this, "backButtonClick", 7);
-        /**
-         * Variant of content header
-         */
-        this.variant = 'primary';
-        /**
-         * Subtitle of Header
-         */
-        this.headerSubtitle = undefined;
-        /**
-         * Display a back button
-         */
-        this.hasBackButton = false;
-    }
-    render() {
-        return (h(Host, { key: '928efa217011fe719ae85f242af1a6a53dd9f9a0' }, this.hasBackButton ? (h("ix-icon-button", { class: 'backButton', variant: "primary", icon: iconArrowLeft, ghost: true, onClick: () => this.backButtonClick.emit() })) : null, h("div", { key: '9ea073b90b1b71caa19ffd417a49eed7c4308061', class: "titleGroup" }, h("ix-typography", { key: '961dced5d7117a17efe8f1830968796d1d864be3', format: this.variant === 'secondary' ? 'h4' : 'h3', class: this.variant === 'secondary' ? 'secondary' : '' }, this.headerTitle), !!this.headerSubtitle && (h("ix-typography", { key: '9bf3c18838430fdffbbc146b1577f5d2251dc3e4', format: 'h6', "text-color": 'soft', class: this.variant === 'secondary' ? 'subtitle' : '' }, this.headerSubtitle))), h("div", { key: '8952391cb6163493dc5ab27b690c4375ef535ac4', class: "buttons" }, h("slot", { key: 'afa8f83adfda8f12a5ac50a1bde46d1e1ba60671' }))));
-    }
-    static get style() { return contentHeaderCss; }
-}, [1, "ix-content-header", {
-        "variant": [1],
-        "headerTitle": [1, "header-title"],
-        "headerSubtitle": [1, "header-subtitle"],
-        "hasBackButton": [4, "has-back-button"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ix-content-header", "ix-icon-button", "ix-spinner", "ix-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ix-content-header":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ContentHeader);
-            }
-            break;
-        case "ix-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "ix-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ix-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const IxContentHeader = ContentHeader;
-const defineCustomElement = defineCustomElement$1;
-
-export { IxContentHeader, defineCustomElement };
-//# sourceMappingURL=ix-content-header.js.map
-
-//# sourceMappingURL=ix-content-header.js.map

package/components/ix-content-header.js.map

@@ -1 +0,0 @@
-{"file":"ix-content-header.js","mappings":";;;;;;AAAA,MAAM,gBAAgB,GAAG,gSAAgS;;MCmB5S,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;AAL1B,IAAA,WAAA,GAAA;;;;;AAME;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAyB,SAAS;AAOjD;;AAEG;AACK,QAAA,IAAc,CAAA,cAAA,GAAuB,SAAS;AAEtD;;AAEG;AACK,QAAA,IAAa,CAAA,aAAA,GAAY,KAAK;AA2CvC;IApCC,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACF,IAAI,CAAC,aAAa,IACjB,CACE,CAAA,gBAAA,EAAA,EAAA,KAAK,EAAE,YAAY,EACnB,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE,aAAa,EACnB,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,EAAA,CAC1B,IAChB,IAAI,EAER,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,MAAM,EAAE,IAAI,CAAC,OAAO,KAAK,WAAW,GAAG,IAAI,GAAG,IAAI,EAClD,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,WAAW,GAAG,WAAW,GAAG,EAAE,EAAA,EAErD,IAAI,CAAC,WAAW,CACH,EACf,CAAC,CAAC,IAAI,CAAC,cAAc,KACpB,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,MAAM,EAAE,IAAI,EACA,YAAA,EAAA,MAAM,EAClB,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,WAAW,GAAG,UAAU,GAAG,EAAE,IAEpD,IAAI,CAAC,cAAc,CACN,CACjB,CACG,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EAClB,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/content-header/content-header.scss?tag=ix-content-header&encapsulation=shadow","src/components/content-header/content-header.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  flex-direction: row;\n  align-items: flex-start;\n  padding: 0;\n\n  .titleGroup {\n    display: flex;\n    flex-direction: column;\n    flex: 1 1 0;\n\n    .secondary {\n      padding: 0.25rem 0;\n    }\n  }\n\n  .subtitle {\n    margin-top: -0.125rem;\n  }\n\n  .backButton {\n    margin-right: 0.5rem;\n  }\n\n  .buttons {\n    flex: 0 0 auto;\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 { iconArrowLeft } from '@siemens/ix-icons/icons';\nimport { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\nexport type ContentHeaderVariant = 'primary' | 'secondary';\n\n@Component({\n  tag: 'ix-content-header',\n  styleUrl: 'content-header.scss',\n  shadow: true,\n})\nexport class ContentHeader {\n  /**\n   * Variant of content header\n   */\n  @Prop() variant: ContentHeaderVariant = 'primary';\n\n  /**\n   * Title of Header\n   */\n  @Prop() headerTitle?: string;\n\n  /**\n   * Subtitle of Header\n   */\n  @Prop() headerSubtitle: string | undefined = undefined;\n\n  /**\n   * Display a back button\n   */\n  @Prop() hasBackButton: boolean = false;\n\n  /**\n   * Triggered when back button is clicked\n   */\n  @Event() backButtonClick!: EventEmitter<void>;\n\n  render() {\n    return (\n      <Host>\n        {this.hasBackButton ? (\n          <ix-icon-button\n            class={'backButton'}\n            variant=\"primary\"\n            icon={iconArrowLeft}\n            ghost={true}\n            onClick={() => this.backButtonClick.emit()}\n          ></ix-icon-button>\n        ) : null}\n\n        <div class=\"titleGroup\">\n          <ix-typography\n            format={this.variant === 'secondary' ? 'h4' : 'h3'}\n            class={this.variant === 'secondary' ? 'secondary' : ''}\n          >\n            {this.headerTitle}\n          </ix-typography>\n          {!!this.headerSubtitle && (\n            <ix-typography\n              format={'h6'}\n              text-color={'soft'}\n              class={this.variant === 'secondary' ? 'subtitle' : ''}\n            >\n              {this.headerSubtitle}\n            </ix-typography>\n          )}\n        </div>\n        <div class=\"buttons\">\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/ix-content.d.ts

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

package/components/ix-content.js

@@ -1,49 +0,0 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-DzKDFBWC.js';
-import { h as hasSlottedElements } from './p-Bi1VyG64.js';
-
-const contentCss = ":host{display:flex;flex-direction:column;position:relative;padding:1.5rem 2rem 0.25rem 2rem;width:100%;height:100%;overflow:hidden}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .content{flex-grow:1;overflow:auto;position:relative}:host .content-header.slotted{margin-bottom:1rem}";
-
-const Content = /*@__PURE__*/ proxyCustomElement(class Content extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.isContentHeaderSlotted = false;
-    }
-    get contentHeaderSlot() {
-        return this.hostElement.shadowRoot.querySelector('.content-header slot');
-    }
-    render() {
-        return (h(Host, { key: 'b232033e844cce7b64e46fb947aaa82088e1a3b7' }, h("div", { key: '189fe885fb253cb87bc268d182dd46bc1523fb83', class: {
-                'content-header': true,
-                slotted: this.isContentHeaderSlotted,
-            } }, h("slot", { key: '0fe53f18f29eef2a950c6ad87d5860ed01445aa0', name: "header", onSlotchange: () => {
-                this.isContentHeaderSlotted = hasSlottedElements(this.contentHeaderSlot);
-            } })), h("div", { key: 'a613f4f94a9402390740f36e78227b6550ef4f01', class: "content" }, h("slot", { key: 'f1f60c196ea4700dede8af657eb771864fdff734' }))));
-    }
-    get hostElement() { return this; }
-    static get style() { return contentCss; }
-}, [1, "ix-content", {
-        "isContentHeaderSlotted": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ix-content"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ix-content":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, Content);
-            }
-            break;
-    } });
-}
-
-const IxContent = Content;
-const defineCustomElement = defineCustomElement$1;
-
-export { IxContent, defineCustomElement };
-//# sourceMappingURL=ix-content.js.map
-
-//# sourceMappingURL=ix-content.js.map

package/components/ix-content.js.map

@@ -1 +0,0 @@
-{"file":"ix-content.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,y+BAAy+B;;MCoB/+B,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AALpB,IAAA,WAAA,GAAA;;;;AAQW,QAAA,IAAsB,CAAA,sBAAA,GAAG,KAAK;AAgCxC;AA9BC,IAAA,IAAI,iBAAiB,GAAA;QACnB,OAAO,IAAI,CAAC,WAAW,CAAC,UAAW,CAAC,aAAa,CAC/C,sBAAsB,CACJ;;IAGtB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;AACL,gBAAA,gBAAgB,EAAE,IAAI;gBACtB,OAAO,EAAE,IAAI,CAAC,sBAAsB;AACrC,aAAA,EAAA,EAED,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,QAAQ,EACb,YAAY,EAAE,MAAK;gBACjB,IAAI,CAAC,sBAAsB,GAAG,kBAAkB,CAC9C,IAAI,CAAC,iBAAiB,CACvB;AACH,aAAC,GACK,CACJ,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EAClB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/content/content.scss?tag=ix-content&encapsulation=shadow","src/components/content/content.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 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  padding: 1.5rem 2rem 0.25rem 2rem;\n\n  width: 100%;\n  height: 100%;\n\n  overflow: hidden;\n\n  .content {\n    flex-grow: 1;\n    overflow: auto;\n    position: relative;\n  }\n\n  .content-header.slotted {\n    margin-bottom: 1rem;\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, State } from '@stencil/core';\nimport { hasSlottedElements } from '../utils/shadow-dom';\n\n/**\n * @slot header - Display content at the top of the content page\n */\n@Component({\n  tag: 'ix-content',\n  styleUrl: 'content.scss',\n  shadow: true,\n})\nexport class Content {\n  @Element() hostElement!: HTMLIxContentElement;\n\n  @State() isContentHeaderSlotted = false;\n\n  get contentHeaderSlot() {\n    return this.hostElement.shadowRoot!.querySelector(\n      '.content-header slot'\n    ) as HTMLSlotElement;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            'content-header': true,\n            slotted: this.isContentHeaderSlotted,\n          }}\n        >\n          <slot\n            name=\"header\"\n            onSlotchange={() => {\n              this.isContentHeaderSlotted = hasSlottedElements(\n                this.contentHeaderSlot\n              );\n            }}\n          ></slot>\n        </div>\n        <div class=\"content\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/ix-css-grid-item.d.ts

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

package/components/ix-css-grid-item.js

@@ -1,40 +0,0 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-DzKDFBWC.js';
-
-const cssGridItemCss = ":host{display:block;position:relative}:host ::slotted(*){height:100%;width:100%}";
-
-const CssGridItem = /*@__PURE__*/ proxyCustomElement(class CssGridItem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    render() {
-        const style = {};
-        style['grid-area'] = this.itemName;
-        return (h(Host, { key: 'b51d8dffe6ab4876ee52328043eb949c9db10200', style: style }, h("slot", { key: '34aae403a952e99bebae1dbfa2c089a5d2fa73d5' })));
-    }
-    static get style() { return cssGridItemCss; }
-}, [1, "ix-css-grid-item", {
-        "itemName": [1, "item-name"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ix-css-grid-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ix-css-grid-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CssGridItem);
-            }
-            break;
-    } });
-}
-
-const IxCssGridItem = CssGridItem;
-const defineCustomElement = defineCustomElement$1;
-
-export { IxCssGridItem, defineCustomElement };
-//# sourceMappingURL=ix-css-grid-item.js.map
-
-//# sourceMappingURL=ix-css-grid-item.js.map

package/components/ix-css-grid-item.js.map

@@ -1 +0,0 @@
-{"file":"ix-css-grid-item.js","mappings":";;AAAA,MAAM,cAAc,GAAG,kFAAkF;;MCmB5F,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;IAMtB,MAAM,GAAA;QACJ,MAAM,KAAK,GAA2B,EAAE;AACxC,QAAA,KAAK,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,QAAQ;QAElC,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAA,EAChB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/css-grid/css-grid-item.scss?tag=ix-css-grid-item&encapsulation=shadow","src/components/css-grid/css-grid-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:host {\n  display: block;\n  position: relative;\n\n  ::slotted(*) {\n    height: 100%;\n    width: 100%;\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/**\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: Record<string, string> = {};\n    style['grid-area'] = this.itemName;\n\n    return (\n      <Host style={style}>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/ix-css-grid.d.ts

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

package/components/ix-css-grid.js

@@ -1,117 +0,0 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-DzKDFBWC.js';
-
-/*
- * 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 templateBuilder(inputTemplate) {
-    let templateString = '';
-    inputTemplate.forEach((row) => {
-        templateString += '"';
-        templateString = row.reduce((pV, cV) => {
-            return `${pV} ${cV}`;
-        }, templateString);
-        templateString += '"\n';
-    });
-    return templateString;
-}
-
-const cssGridCss = ":host{display:grid;position:relative;row-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem}";
-
-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 },
-];
-const CssGrid = /*@__PURE__*/ proxyCustomElement(class CssGrid extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.disposeMediaQueryListener = [];
-        this.mediaQueries = [];
-    }
-    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) {
-        if (!this.templates) {
-            return [];
-        }
-        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() {
-        if (!this.templates) {
-            return;
-        }
-        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() {
-        const style = {};
-        if (this.currentTemplate && this.currentTemplate.length !== 0) {
-            style['grid-template-areas'] = templateBuilder(this.currentTemplate);
-        }
-        return (h(Host, { key: '2ae68c413a5c560848f3a4a2df91098fe4515f40', style: style }, h("slot", { key: '08790f4bd0db622f9f78eaa3a0694748b4053fc1' })));
-    }
-    static get style() { return cssGridCss; }
-}, [1, "ix-css-grid", {
-        "templates": [16],
-        "currentTemplate": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ix-css-grid"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ix-css-grid":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CssGrid);
-            }
-            break;
-    } });
-}
-
-const IxCssGrid = CssGrid;
-const defineCustomElement = defineCustomElement$1;
-
-export { IxCssGrid, defineCustomElement };
-//# sourceMappingURL=ix-css-grid.js.map
-
-//# sourceMappingURL=ix-css-grid.js.map

package/components/ix-css-grid.js.map

@@ -1 +0,0 @@
-{"file":"ix-css-grid.js","mappings":";;AAAA;;;;;;;AAOG;AACG,SAAU,eAAe,CAAC,aAAyB,EAAA;IACvD,IAAI,cAAc,GAAG,EAAE;AAEvB,IAAA,aAAa,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;QAC5B,cAAc,IAAI,GAAG;QACrB,cAAc,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,KAAI;AACrC,YAAA,OAAO,CAAG,EAAA,EAAE,CAAI,CAAA,EAAA,EAAE,EAAE;SACrB,EAAE,cAAc,CAAC;QAClB,cAAc,IAAI,KAAK;AACzB,KAAC,CAAC;AAEF,IAAA,OAAO,cAAc;AACvB;;ACpBA,MAAM,UAAU,GAAG,+FAA+F;;ACYlH,MAAM,OAAO,GAAG,oCAAoC;AACpD,MAAM,OAAO,GAAG,oCAAoC;AACpD,MAAM,OAAO,GAAG,oCAAoC;AAIpD,MAAM,oBAAoB,GAGrB;AACH,IAAA,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE;AAC9B,IAAA,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE;AAC9B,IAAA,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE;CAC/B;MAUY,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AALpB,IAAA,WAAA,GAAA;;;;AAaU,QAAA,IAAyB,CAAA,yBAAA,GAC/B,EAAE;AACI,QAAA,IAAY,CAAA,YAAA,GAId,EAAE;AAwET;IAtEC,mBAAmB,GAAA;QACjB,IAAI,CAAC,YAAY,GAAG,oBAAoB,CAAC,GAAG,CAAC,CAAC,KAAK,KAAI;YACrD,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;YAEjD,MAAM,QAAQ,GAAG,MAAK;gBACpB,IAAI,CAAC,aAAa,EAAE;AACtB,aAAC;AACD,YAAA,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC7C,YAAA,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAE/C,YAAA,OACK,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,CACR,EAAA,EAAA,UAAU,EACV,CAAA;AACJ,SAAC,CAAC;QAEF,IAAI,CAAC,aAAa,EAAE;;IAGtB,oBAAoB,GAAA;QAClB,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,KAAK,KAAI;AACtC,YAAA,EAAE,CAAC,UAAU,CAAC,mBAAmB,CAC/B,QAAQ,EACR,IAAI,CAAC,yBAAyB,CAAC,KAAK,CAAC,CACtC;AACH,SAAC,CAAC;;AAGI,IAAA,gBAAgB,CAAC,IAAyB,EAAA;AAChD,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;AACnB,YAAA,OAAO,EAAE;;AAEX,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC;AACvE,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;QAC1E,IAAI,CAAC,YAAY,EAAE;AACjB,YAAA,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;;AAErE,QAAA,OAAO,YAAY;;IAGb,aAAa,GAAA;AACnB,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YACnB;;AAEF,QAAA,IAAI,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC;QAElE,IAAI,CAAC,MAAM,EAAE;AACX,YAAA,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;;QAG1D,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC;QAE5C,IAAI,QAAQ,EAAE;AACZ,YAAA,IAAI,CAAC,eAAe,GAAG,QAAQ;;aAC1B;YACL,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI,CAAC;;;IAI7D,MAAM,GAAA;QACJ,MAAM,KAAK,GAA2B,EAAE;AACxC,QAAA,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,KAAK,CAAC,EAAE;YAC7D,KAAK,CAAC,qBAAqB,CAAC,GAAG,eAAe,CAAC,IAAI,CAAC,eAAe,CAAC;;QAEtE,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAA,EAChB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/css-grid/builder.ts","src/components/css-grid/css-grid.scss?tag=ix-css-grid&encapsulation=shadow","src/components/css-grid/css-grid.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 function templateBuilder(inputTemplate: string[][]) {\n  let templateString = '';\n\n  inputTemplate.forEach((row) => {\n    templateString += '\"';\n    templateString = row.reduce((pV, cV) => {\n      return `${pV} ${cV}`;\n    }, templateString);\n    templateString += '\"\\n';\n  });\n\n  return templateString;\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@import 'common-variables';\n\n:host {\n  display: grid;\n  position: relative;\n  row-gap: $large-space;\n  column-gap: $large-space;\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, 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): string[][] {\n    if (!this.templates) {\n      return [];\n    }\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    if (!this.templates) {\n      return;\n    }\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: Record<string, string> = {};\n    if (this.currentTemplate && 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"],"version":3}

package/components/ix-custom-field.d.ts

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