@siemens/ix 1.1.0-beta.4 → 1.1.0-beta.6

package/dist/types/stencil-public-runtime.d.ts

@@ -221,7 +221,9 @@ export declare type ErrorHandler = (err: any, element?: HTMLElement) => void;
  */
 export declare const setMode: (handler: ResolutionHandler) => void;
 /**
- * getMode
+ * `getMode()` is used for libraries which provide multiple "modes" for styles.
+ * @param ref a reference to the node to get styles for
+ * @returns the current mode or undefined, if not found
  */
 export declare function getMode<T = string | undefined>(ref: any): T;
 export declare function setPlatformHelpers(helpers: {
@@ -234,6 +236,9 @@ export declare function setPlatformHelpers(helpers: {
 /**
  * Get the base path to where the assets can be found. Use `setAssetPath(path)`
  * if the path needs to be customized.
+ * @param path the path to use in calculating the asset path. this value will be
+ * used in conjunction with the base asset path
+ * @returns the base path
  */
 export declare function getAssetPath(path: string): string;
 /**
@@ -246,22 +251,29 @@ export declare function getAssetPath(path: string): string;
  * `setAssetPath(document.currentScript.src)`, or using a bundler's replace plugin to
  * dynamically set the path at build time, such as `setAssetPath(process.env.ASSET_PATH)`.
  * But do note that this configuration depends on how your script is bundled, or lack of
- * bunding, and where your assets can be loaded from. Additionally custom bundling
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
  * will have to ensure the static assets are copied to its build directory.
+ * @param path the asset path to set
+ * @returns the set path
  */
 export declare function setAssetPath(path: string): string;
 /**
- * getElement
+ * Retrieve a Stencil element for a given reference
+ * @param ref the ref to get the Stencil element for
+ * @returns a reference to the element
  */
 export declare function getElement(ref: any): HTMLStencilElement;
 /**
  * Schedules a new render of the given instance or element even if no state changed.
  *
- * Notice `forceUpdate()` is not syncronous and might perform the DOM render in the next frame.
+ * Notice `forceUpdate()` is not synchronous and might perform the DOM render in the next frame.
+ *
+ * @param ref the node/element to force the re-render of
  */
 export declare function forceUpdate(ref: any): void;
 /**
  * getRenderingRef
+ * @returns the rendering ref
  */
 export declare function getRenderingRef(): any;
 export interface HTMLStencilElement extends HTMLElement {
@@ -272,6 +284,8 @@ export interface HTMLStencilElement extends HTMLElement {
  * in the best moment to perform DOM mutation without causing layout thrashing.
  *
  * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
+ *
+ * @param task the DOM-write to schedule
  */
 export declare function writeTask(task: RafCallback): void;
 /**
@@ -279,6 +293,8 @@ export declare function writeTask(task: RafCallback): void;
  * in the best moment to perform DOM reads without causing layout thrashing.
  *
  * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
+ *
+ * @param task the DOM-read to schedule
  */
 export declare function readTask(task: RafCallback): void;
 /**

package/loader/package.json

@@ -1,5 +1,6 @@
 {
   "name": "siemens-ix-loader",
+  "private": true,
   "typings": "./index.d.ts",
   "module": "./index.js",
   "main": "./index.cjs.js",

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/siemens/ix",
     "directory": "packages/core"
   },
-  "version": "1.1.0-beta.4",
+  "version": "1.1.0-beta.6",
   "license": "MIT",
   "description": "Siemens iX Web Components",
   "main": "dist/index.cjs.js",
@@ -24,11 +24,9 @@
     "dist/",
     "loader/",
     "src/**/*.md",
-    "scss/",
-    "scripts/post-install/post-install.mjs"
+    "scss/"
   ],
   "scripts": {
-    "postinstall": "node ./scripts/post-install/post-install.mjs",
     "build": "stencil build --docs --prod",
     "build:dev": "stencil build --docs",
     "lint": "eslint src/**/*{.ts,.tsx}",
@@ -45,7 +43,7 @@
     "generate:theme": "ts-node -P ./scripts/generate-theme/tsconfig.json ./scripts/generate-theme/generate-theme"
   },
   "dependencies": {
-    "@stencil/core": "~2.15.0",
+    "@stencil/core": "~2.19.2",
     "animejs": "~3.2.1",
     "hyperlist": "^1.0.0",
     "luxon": "^3.0.1"
@@ -58,7 +56,7 @@
     "@stencil/eslint-plugin": "^0.4.0",
     "@stencil/postcss": "^2.0.0",
     "@stencil/react-output-target": "^0.3.1",
-    "@stencil/sass": "~1.5.2",
+    "@stencil/sass": "~2.0.0",
     "@testing-library/dom": "^8.11.0",
     "@testing-library/jest-dom": "^5.16.5",
     "@types/animejs": "^3.1.4",

package/scss/components/_buttons.scss

@@ -20,6 +20,7 @@
   transition: $default-time;
   padding: 0 $small-space;
   min-width: 5rem;
+  gap: $tiny-space;
 
   @include ellipsis;
 

package/scss/components/_dropdown.scss

@@ -60,6 +60,9 @@
 }
 
 .dropdown-menu {
+  max-height: 50vh;
+  overflow-y: auto;
+
   background-color: var(--theme-menu--background);
   @include text-default-single;
   border: var(--theme-menu--border-thickness) solid

package/src/components/date-picker/readme.md

@@ -15,7 +15,7 @@ SPDX-License-Identifier: MIT
 | ---------------- | ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------- | -------------------------------------- |
 | `corners`        | `corners`          | Corner style                                                                                                                                                        | `"left" \| "right" \| "rounded"` | `'rounded'`                            |
 | `eventDelimiter` | `event-delimiter`  | Default behavior of the done event is to join the two events (date and time) into one combined string output. This combination can be configured over the delimiter | `string`                         | `' - '`                                |
-| `format`         | `format`           | Date format string. See {@link https ://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens.                                           | `string`                         | `'yyyy/LL/dd'`                         |
+| `format`         | `format`           | Date format string. See @link https://moment.github.io/luxon/#/formatting?id=table-of-tokens for all available tokens.                                              | `string`                         | `'yyyy/LL/dd'`                         |
 | `from`           | `from`             | Picker date. If the picker is in range mode this property is the start date.  Format is based on `format`                                                           | `string`                         | `DateTime.now().toFormat(this.format)` |
 | `individual`     | `individual`       | <span style="color:red">**[DEPRECATED]**</span> - will get removed with next major release<br/><br/>                                                                | `boolean`                        | `true`                                 |
 | `maxDate`        | `max-date`         | The latest date that can be selected by the date picker. If not set there will be no restriction.                                                                   | `string`                         | `undefined`                            |
@@ -37,13 +37,13 @@ SPDX-License-Identifier: MIT
 
 ## Methods
 
-### `getCurrentDate() => Promise<{ start: DateTime; end: DateTime; }>`
+### `getCurrentDate() => Promise<{ start: string; end: string; }>`
 
 Get the current DateTime
 
 #### Returns
 
-Type: `Promise<{ start: DateTime; end: DateTime; }>`
+Type: `Promise<{ start: string; end: string; }>`
 
 
 

package/src/components/datetime-picker/readme.md

@@ -13,7 +13,7 @@ SPDX-License-Identifier: MIT
 
 | Property            | Attribute             | Description                                                                                                                                                         | Type           | Default        |
 | ------------------- | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | -------------- |
-| `dateFormat`        | `date-format`         | Date format string. See {@link https ://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens.                                           | `string`       | `'yyyy/LL/dd'` |
+| `dateFormat`        | `date-format`         | Date format string. See @link https://moment.github.io/luxon/#/formatting?id=table-of-tokens for all available tokens.                                              | `string`       | `'yyyy/LL/dd'` |
 | `eventDelimiter`    | `event-delimiter`     | Default behavior of the done event is to join the two events (date and time) into one combined string output. This combination can be configured over the delimiter | `string`       | `' - '`        |
 | `from`              | `from`                | Picker date. If the picker is in range mode this property is the start date.  Format is based on `format`                                                           | `string`       | `undefined`    |
 | `maxDate`           | `max-date`            | The latest date that can be selected by the date picker. If not set there will be no restriction.                                                                   | `string`       | `undefined`    |
@@ -22,10 +22,10 @@ SPDX-License-Identifier: MIT
 | `showHour`          | `show-hour`           | Show hour input                                                                                                                                                     | `boolean`      | `false`        |
 | `showMinutes`       | `show-minutes`        | Show minutes input                                                                                                                                                  | `boolean`      | `false`        |
 | `showSeconds`       | `show-seconds`        | Show seconds input                                                                                                                                                  | `boolean`      | `false`        |
-| `showTimeReference` | `show-time-reference` | Show time reference input                                                                                                                                           | `any`          | `undefined`    |
+| `showTimeReference` | `show-time-reference` | Show time reference input Time reference is default aligned with @see {this.timeFormat}                                                                             | `any`          | `undefined`    |
 | `textSelectDate`    | `text-select-date`    | Text of date select button                                                                                                                                          | `string`       | `'Done'`       |
 | `time`              | `time`                | Select time with format string                                                                                                                                      | `string`       | `undefined`    |
-| `timeFormat`        | `time-format`         | Time format string. See {@link https ://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens.                                           | `string`       | `'TT'`         |
+| `timeFormat`        | `time-format`         | Time format string. See @link https://moment.github.io/luxon/#/formatting?id=table-of-tokens for all available tokens.                                              | `string`       | `'TT'`         |
 | `timeReference`     | `time-reference`      | Set time reference                                                                                                                                                  | `"AM" \| "PM"` | `undefined`    |
 | `to`                | `to`                  | Picker date. If the picker is in range mode this property is the end date. If the picker is not in range mode leave this value `null`  Format is based on `format`  | `string`       | `null`         |
 

package/src/components/map-navigation/readme.md

@@ -30,7 +30,7 @@ SPDX-License-Identifier: MIT
 
 ### `closeOverlay() => Promise<void>`
 
-Close current shown overlay
+<span style="color:red">**[DEPRECATED]**</span> will get removed with next major release in favor of slot based approach<br/><br/>Close current shown overlay
 
 #### Returns
 
@@ -40,7 +40,7 @@ Type: `Promise<void>`
 
 ### `openOverlay(name: string, component: HTMLElement, icon?: string, color?: string) => Promise<void>`
 
-Open a overlay inside content area
+<span style="color:red">**[DEPRECATED]**</span> will get removed with next major release in favor of slot based approach<br/><br/>Open a overlay inside content area
 
 #### Returns
 

package/src/components/menu-item/readme.md

@@ -11,14 +11,14 @@ SPDX-License-Identifier: MIT
 
 ## Properties
 
-| Property        | Attribute       | Description                           | Type      | Default      |
-| --------------- | --------------- | ------------------------------------- | --------- | ------------ |
-| `active`        | `active`        | State to display active               | `boolean` | `undefined`  |
-| `bottom`        | `bottom`        | Place tab on bottom                   | `boolean` | `false`      |
-| `disabled`      | `disabled`      | Disable tab and remove event handlers | `boolean` | `undefined`  |
-| `home`          | `home`          | Move the Tab to a top position.       | `boolean` | `false`      |
-| `notifications` | `notifications` | Show notification cound on tab        | `number`  | `undefined`  |
-| `tabIcon`       | `tab-icon`      | Icon name from @siemens/ix-icons      | `string`  | `'document'` |
+| Property        | Attribute       | Description                                                                                                                                                                                 | Type      | Default      |
+| --------------- | --------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | ------------ |
+| `active`        | `active`        | State to display active                                                                                                                                                                     | `boolean` | `undefined`  |
+| `bottom`        | `bottom`        | <span style="color:red">**[DEPRECATED]**</span> - replaced by slot based implementation<br/><br/>Caution: this is no longer working. Please use slot="bottom" instead.  Place tab on bottom | `boolean` | `false`      |
+| `disabled`      | `disabled`      | Disable tab and remove event handlers                                                                                                                                                       | `boolean` | `undefined`  |
+| `home`          | `home`          | Move the Tab to a top position.                                                                                                                                                             | `boolean` | `false`      |
+| `notifications` | `notifications` | Show notification cound on tab                                                                                                                                                              | `number`  | `undefined`  |
+| `tabIcon`       | `tab-icon`      | Icon name from @siemens/ix-icons                                                                                                                                                            | `string`  | `'document'` |
 
 
 ----------------------------------------------

package/src/components/modal/readme.md

@@ -23,7 +23,7 @@ SPDX-License-Identifier: MIT
 | `content`          | `content`            | Content of modal                                                                                                                                                             | `HTMLElement \| string`                                                                   | `undefined`        |
 | `headerTitle`      | `header-title`       | Header title                                                                                                                                                                 | `string`                                                                                  | `undefined`        |
 | `icon`             | `icon`               | Optional icon displayed next to the title                                                                                                                                    | `string`                                                                                  | `undefined`        |
-| `iconColor`        | `icon-color`         | Color of the header {@link icon}                                                                                                                                             | `"color-alarm" \| "color-info" \| "color-std-text" \| "color-success" \| "color-warning"` | `'color-std-text'` |
+| `iconColor`        | `icon-color`         | Color of the header {@see ix-icon}                                                                                                                                           | `"color-alarm" \| "color-info" \| "color-std-text" \| "color-success" \| "color-warning"` | `'color-std-text'` |
 | `keyboard`         | `keyboard`           | ESC close modal dialog                                                                                                                                                       | `boolean`                                                                                 | `true`             |
 | `modalDialogClass` | `modal-dialog-class` | Modal dialog class                                                                                                                                                           | `string`                                                                                  | `undefined`        |
 | `scrollable`       | `scrollable`         | Modal scollable                                                                                                                                                              | `boolean`                                                                                 | `true`             |

package/src/components/time-picker/readme.md

@@ -35,13 +35,13 @@ SPDX-License-Identifier: MIT
 
 ## Methods
 
-### `getCurrentTime() => Promise<DateTime>`
+### `getCurrentTime() => Promise<string>`
 
 Get current time
 
 #### Returns
 
-Type: `Promise<DateTime>`
+Type: `Promise<string>`
 
 
 

package/src/components/upload/readme.md

@@ -11,19 +11,19 @@ SPDX-License-Identifier: MIT
 
 ## Properties
 
-| Property             | Attribute                | Description                                                                                                                                                                                   | Type                                                                                                                          | Default                                 |
-| -------------------- | ------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------- | --------------------------------------- |
-| `accept`             | `accept`                 | The accept attribute specifies the types of files that the server accepts (that can be submitted through a file upload). [accept]{@link https ://www.w3schools.com/tags/att_input_accept.asp} | `string`                                                                                                                      | `undefined`                             |
-| `disabled`           | `disabled`               | Disable all input events                                                                                                                                                                      | `boolean`                                                                                                                     | `false`                                 |
-| `i18nUploadDisabled` | `i-1-8n-upload-disabled` | Text for disabled state                                                                                                                                                                       | `string`                                                                                                                      | `'File upload currently not possible.'` |
-| `i18nUploadFile`     | `i-1-8n-upload-file`     | Label for upload file button                                                                                                                                                                  | `string`                                                                                                                      | `'Upload file…'`                        |
-| `loadingText`        | `loading-text`           | Will be used by state = UploadFileState.LOADING                                                                                                                                               | `string`                                                                                                                      | `'Checking files…'`                     |
-| `multiline`          | `multiline`              | Whether the text should wrap to more than one line                                                                                                                                            | `boolean`                                                                                                                     | `false`                                 |
-| `multiple`           | `multiple`               | If multiple is true the user can drop or select multiple files                                                                                                                                | `boolean`                                                                                                                     | `false`                                 |
-| `selectFileText`     | `select-file-text`       | Will be used by state = UploadFileState.SELECT_FILE                                                                                                                                           | `string`                                                                                                                      | `'+ Drag files here or…'`               |
-| `state`              | `state`                  | After a file is uploaded you can set the upload component to a defined state                                                                                                                  | `UploadFileState.LOADING \| UploadFileState.SELECT_FILE \| UploadFileState.UPLOAD_FAILED \| UploadFileState.UPLOAD_SUCCESSED` | `UploadFileState.SELECT_FILE`           |
-| `uploadFailedText`   | `upload-failed-text`     | Will be used by state = UploadFileState.UPLOAD_FAILED                                                                                                                                         | `string`                                                                                                                      | `'Upload failed. Please try again.'`    |
-| `uploadSuccessText`  | `upload-success-text`    | Will be used by state = UploadFileState.UPLOAD_SUCCESSED                                                                                                                                      | `string`                                                                                                                      | `'Upload successful'`                   |
+| Property             | Attribute                | Description                                                                                                                                                                                    | Type                                                                                                                          | Default                                 |
+| -------------------- | ------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------- | --------------------------------------- |
+| `accept`             | `accept`                 | The accept attribute specifies the types of files that the server accepts (that can be submitted through a file upload). [accept]{@link "https://www.w3schools.com/tags/att_input_accept.asp"} | `string`                                                                                                                      | `undefined`                             |
+| `disabled`           | `disabled`               | Disable all input events                                                                                                                                                                       | `boolean`                                                                                                                     | `false`                                 |
+| `i18nUploadDisabled` | `i-1-8n-upload-disabled` | Text for disabled state                                                                                                                                                                        | `string`                                                                                                                      | `'File upload currently not possible.'` |
+| `i18nUploadFile`     | `i-1-8n-upload-file`     | Label for upload file button                                                                                                                                                                   | `string`                                                                                                                      | `'Upload file…'`                        |
+| `loadingText`        | `loading-text`           | Will be used by state = UploadFileState.LOADING                                                                                                                                                | `string`                                                                                                                      | `'Checking files…'`                     |
+| `multiline`          | `multiline`              | Whether the text should wrap to more than one line                                                                                                                                             | `boolean`                                                                                                                     | `false`                                 |
+| `multiple`           | `multiple`               | If multiple is true the user can drop or select multiple files                                                                                                                                 | `boolean`                                                                                                                     | `false`                                 |
+| `selectFileText`     | `select-file-text`       | Will be used by state = UploadFileState.SELECT_FILE                                                                                                                                            | `string`                                                                                                                      | `'+ Drag files here or…'`               |
+| `state`              | `state`                  | After a file is uploaded you can set the upload component to a defined state                                                                                                                   | `UploadFileState.LOADING \| UploadFileState.SELECT_FILE \| UploadFileState.UPLOAD_FAILED \| UploadFileState.UPLOAD_SUCCESSED` | `UploadFileState.SELECT_FILE`           |
+| `uploadFailedText`   | `upload-failed-text`     | Will be used by state = UploadFileState.UPLOAD_FAILED                                                                                                                                          | `string`                                                                                                                      | `'Upload failed. Please try again.'`    |
+| `uploadSuccessText`  | `upload-success-text`    | Will be used by state = UploadFileState.UPLOAD_SUCCESSED                                                                                                                                       | `string`                                                                                                                      | `'Upload successful'`                   |
 
 
 ## Events

package/dist/components/default-tree-item.js

@@ -1,20 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2022 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 renderDefaultItem(item, context, update) {
-  const el = document.createElement('ix-tree-item');
-  el.hasChildren = item.hasChildren;
-  el.context = context;
-  el.text = item.data.name;
-  update((updateTreeItem) => {
-    el.text = updateTreeItem.data.name;
-  });
-  return el;
-}
-
-export { renderDefaultItem as r };

package/dist/components/flip-tile-state.js

@@ -1,18 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2022 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 FlipTileState;
-(function (FlipTileState) {
-  FlipTileState["None"] = "None";
-  FlipTileState["Info"] = "Info";
-  FlipTileState["Warning"] = "Warning";
-  FlipTileState["Alarm"] = "Alarm";
-  FlipTileState["Primary"] = "Primary";
-})(FlipTileState || (FlipTileState = {}));
-
-export { FlipTileState as F };

package/dist/components/logical-filter-operator.js

@@ -1,33 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2022 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.
- */
-class InputState {
-  constructor(token, category) {
-    this.token = token;
-    this.category = category;
-  }
-  hasCategory() {
-    return this.category !== undefined;
-  }
-}
-
-/*
- * SPDX-FileCopyrightText: 2022 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 LogicalFilterOperator;
-(function (LogicalFilterOperator) {
-  LogicalFilterOperator["EQUAL"] = "Equal";
-  LogicalFilterOperator["NOT_EQUAL"] = "Not equal";
-})(LogicalFilterOperator || (LogicalFilterOperator = {}));
-
-export { InputState as I, LogicalFilterOperator as L };

package/dist/components/modal-utils.js

@@ -1,38 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2022 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 container are found. Only there first is used.');
-    return container;
-  }
-  if (!container) {
-    const modalContainer = document.createElement('ix-modal-container');
-    document.body.appendChild(modalContainer);
-    return modalContainer;
-  }
-  return container;
-}
-async function modal(config) {
-  const modalContainer = getModalContainer();
-  const modalInstance = await modalContainer.showModal(config);
-  return modalInstance;
-}
-function getIxModal(element) {
-  return element.closest('ix-modal');
-}
-function closeModal(element, closeResult) {
-  getIxModal(element).close(closeResult);
-}
-function dismissModal(element, dismissResult) {
-  getIxModal(element).dismiss(dismissResult);
-}
-
-export { closeModal as c, dismissModal as d, modal as m };

package/dist/components/upload-file-state.js

@@ -1,17 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2022 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 UploadFileState;
-(function (UploadFileState) {
-  UploadFileState["SELECT_FILE"] = "SELECT_FILE";
-  UploadFileState["LOADING"] = "LOADING";
-  UploadFileState["UPLOAD_FAILED"] = "UPLOAD_FAILED";
-  UploadFileState["UPLOAD_SUCCESSED"] = "UPLOAD_SUCCESSED";
-})(UploadFileState || (UploadFileState = {}));
-
-export { UploadFileState as U };

package/dist/siemens-ix/p-02501b64.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as o,H as i,g as a}from"./p-47ea9884.js";import{T as e}from"./p-6f625f0e.js";const r=class{constructor(o){t(this,o),this.closeToast=s(this,"closeToast",7),this.type="info",this.autoCloseDelay=5e3,this.autoClose=!0,this.progress=0,this.isRunning=!0,this.touched=!1}getIcon(){if(this.icon)return o("ix-icon",{name:this.icon,color:this.iconColor,size:"24"});switch(this.type){case"info":return o("ix-icon",{name:"info",size:"24",color:"color-std-text"});case"error":return o("ix-icon",{name:"error",size:"24",color:"color-alarm"});case"success":return o("ix-icon",{name:"success",size:"24",color:"color-success"});case"warning":return o("ix-icon",{name:"warning",size:"24",color:"color-warning"});default:return""}}close(){this.host&&this.host.classList.add("animate__fadeOut"),setTimeout((()=>{this.closeToast.emit()}),250)}render(){let t,s={};const a=["toast-progress-bar"];this.touched?a.push("toast-progress-bar--touched"):(s={animationDuration:`${this.autoCloseDelay}ms`,animationPlayState:this.isRunning?"running":"paused"},a.push("toast-progress-bar--animated"));const e=()=>{t&&(t.style.transform=`scaleX(${this.progress})`)};return o(i,{class:"animate__animated animate__fadeIn"},o("div",{class:"toast-body",onPointerLeave:()=>{this.progress=0,e()},onPointerEnter:()=>{this.isRunning=!1,this.touched=!0,this.progress=1,e()}},this.type||this.icon?o("div",{class:"toast-icon"},this.getIcon()):null,o("div",{class:"toast-content"},this.toastTitle?o("div",{class:"toast-title text-default-title-single"},this.toastTitle):null,o("div",{class:"toast-message text-default"},o("slot",null))),o("div",{class:"toast-close"},o("ix-icon-button",{icon:"close",size:"24",ghost:!0,onClick:()=>this.closeToast.emit()}))),this.autoClose?o("div",{class:a.join(" "),style:s,ref:s=>t=s,onAnimationEnd:()=>this.close(),onTransitionEnd:()=>{0===this.progress&&this.close()}}):null)}get host(){return a(this)}};r.style=".sc-ix-toast-h{display:flex;flex-direction:column;position:relative;min-width:17.5rem;max-width:17.5rem;min-height:3.5rem;pointer-events:all;background-color:var(--theme-toast--background);border:var(--theme-toast--border-thickness) solid var(--theme-toast--border-color);border-radius:var(--theme-toast--border-radius);box-shadow:var(--theme-toast--box-shadow);--animate-duration:300ms}.sc-ix-toast-h .toast-body.sc-ix-toast{display:flex;position:relative;width:100%;flex-grow:1}.sc-ix-toast-h .toast-body.sc-ix-toast .toast-icon.sc-ix-toast{display:flex;align-items:flex-start;margin:1rem}.sc-ix-toast-h .toast-body.sc-ix-toast .toast-content.sc-ix-toast{overflow:hidden;text-overflow:ellipsis;min-width:0;width:100%;max-width:10.25rem;margin-top:calc(\n        1rem + var(--theme-toast--border-thickness)\n      );margin-bottom:0.75rem}.sc-ix-toast-h .toast-body.sc-ix-toast .toast-content.sc-ix-toast .toast-message.sc-ix-toast{min-width:0}.sc-ix-toast-h .toast-close.sc-ix-toast{display:flex;position:relative;margin:0.75rem;pointer-events:all}.sc-ix-toast-h .toast-progress-bar.sc-ix-toast{position:absolute;bottom:0;height:0.25rem;width:100%;background-color:var(--theme-toast-timer-value--background);transform-origin:left}.sc-ix-toast-h .toast-progress-bar--animated.sc-ix-toast{animation:trackProgress linear 1 forwards}.sc-ix-toast-h .toast-progress-bar--touched.sc-ix-toast{transition:transform 1s}.sc-ix-toast-h:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-toast-h:not(.disabled):not(:disabled):hover .toast-progress-bar.sc-ix-toast{visibility:hidden;transition:none}@keyframes trackProgress{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}";const n=class{constructor(s){t(this,s),this.containerId="toast-container",this.containerClass="toast-container",this.position="bottom-right"}get hostContainer(){return document.getElementById(this.containerId)}componentDidLoad(){if(!document.getElementById(this.containerId)){const t=document.createElement("div");t.id=this.containerId,t.classList.add(this.containerClass),t.classList.add(`toast-container--${this.position}`),document.body.appendChild(t)}}async showToast(t){const s=document.createElement("ix-toast"),o=new e;function i(t){s.remove(),o.emit(t)}return s.toastTitle=t.title,s.type=t.type,s.autoClose=t.autoClose,s.autoCloseDelay=t.autoCloseDelay,s.icon=t.icon,s.iconColor=t.iconColor,s.addEventListener("closeToast",(t=>{const{detail:s}=t;i(s)})),"string"==typeof t.message?s.innerText=t.message:s.appendChild(t.message),this.hostContainer.appendChild(s),{onClose:o,close:t=>{i(t)}}}render(){return o(i,null)}get host(){return a(this)}};export{r as ix_toast,n as ix_toast_container}

package/dist/siemens-ix/p-0e315bd7.entry.js

@@ -1 +0,0 @@
-import{r as i,h as e,H as s}from"./p-47ea9884.js";const r=class{constructor(e){i(this,e),this.state="neutral",this.orientation="horizontal"}getStateIcon(){switch(this.state){case"alarm":return e("ix-icon",{color:"kpi-display-icon--color",name:"alarm",size:"16"});case"warning":return e("ix-icon",{color:"kpi-display-icon--color",name:"warning",size:"16"});default:return""}}getTooltipText(){let i=`${this.label}: ${this.value}`;return this.unit&&(i=i.concat(` ${this.unit}`)),i}render(){return e(s,{title:this.getTooltipText(),tabindex:"1",class:{stacked:"vertical"===this.orientation}},e("div",{class:{"kpi-container":!0,alarm:"alarm"===this.state,warning:"warning"===this.state}},e("span",{class:"kpi-label"},this.getStateIcon(),e("span",{class:"kpi-label-text"},this.label)),e("span",{class:"kpi-value-container"},e("span",{class:"kpi-value"},this.value),this.unit?e("span",{class:"kpi-unit"},this.unit):"")))}};r.style=".sc-ix-kpi-h{display:flex;flex-grow:1;height:2.5rem;border-radius:var(--theme-kpi--border-radius);padding:0.375rem 0.25rem;min-width:0}.sc-ix-kpi-h span.sc-ix-kpi{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-ix-kpi-h .kpi-container.sc-ix-kpi{display:flex;height:100%;width:100%;-webkit-border-after:2px solid grey;border-block-end:2px solid grey}.sc-ix-kpi-h .kpi-container.alarm.sc-ix-kpi{border-block-end-color:var(--theme-color-alarm)}.sc-ix-kpi-h .kpi-container.warning.sc-ix-kpi{border-block-end-color:var(--theme-color-warning)}.sc-ix-kpi-h .kpi-container.sc-ix-kpi .kpi-label.sc-ix-kpi{display:flex;align-items:center;color:var(--theme-kpi-display-label--color);flex-grow:1;flex-shrink:9999}.sc-ix-kpi-h .kpi-container.sc-ix-kpi .kpi-label.sc-ix-kpi ix-icon.sc-ix-kpi{-webkit-margin-end:0.25rem;margin-inline-end:0.25rem}.sc-ix-kpi-h .kpi-container.sc-ix-kpi .kpi-value-container.sc-ix-kpi{display:flex;align-items:flex-end}.sc-ix-kpi-h .kpi-container.sc-ix-kpi .kpi-value.sc-ix-kpi{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text);color:var(--theme-kpi-display-value--color)}.sc-ix-kpi-h .kpi-container.sc-ix-kpi .kpi-unit.sc-ix-kpi{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem;color:var(--theme-kpi-display-units--color)}.sc-ix-kpi-h .kpi-container.sc-ix-kpi .kpi-label.sc-ix-kpi,.sc-ix-kpi-h .kpi-container.sc-ix-kpi .kpi-unit.sc-ix-kpi{-webkit-margin-before:0.125rem;margin-block-start:0.125rem}.stacked.sc-ix-kpi-h{height:3.75rem}.stacked.sc-ix-kpi-h .kpi-container.sc-ix-kpi{justify-content:center;flex-wrap:wrap}.stacked.sc-ix-kpi-h .kpi-container.sc-ix-kpi .kpi-label.sc-ix-kpi{width:100%;justify-content:center}.sc-ix-kpi-h:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-kpi-h:not(.disabled):not(:disabled):hover{background-color:var(--theme-kpi-display--background--hover)}.sc-ix-kpi-h:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-kpi-h:not(.disabled):not(:disabled):active{background-color:var(--theme-kpi-display--background--active)}.sc-ix-kpi-h:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--focus--border-color)}";export{r as ix_kpi}

package/dist/siemens-ix/p-235606b2.entry.js

@@ -1 +0,0 @@
-import{r as i,h as a,H as r,g as l}from"./p-47ea9884.js";const o=class{constructor(a){i(this,a),this.variant="primary",this.outline=!1,this.alignLeft=!1}render(){return a(r,{class:{outline:this.outline,"align-left":this.alignLeft},style:"custom"===this.variant?{color:this.color,backgroundColor:this.background}:{},title:this.el.textContent},this.icon?a("ix-icon",{class:"with-icon",name:this.icon,size:"16"}):null,a("div",{class:"slot"},a("slot",null)))}get el(){return l(this)}};o.style='.sc-ix-pill-h{display:inline-flex;position:relative;align-items:center;justify-content:center;border-radius:100px;padding:0px 6px;margin-left:0.25rem;min-width:1.5rem;height:1.25rem;min-height:1.25rem;max-height:1.25rem;cursor:auto}.sc-ix-pill-h .with-icon.sc-ix-pill{margin-right:0.25rem}.align-left.sc-ix-pill-h{justify-content:flex-start}[variant=primary].sc-ix-pill-h{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}[variant=primary].sc-ix-pill-h .close-button.sc-ix-pill{color:var(--theme-chip-primary--color);pointer-events:auto}[variant=primary].outline.sc-ix-pill-h{color:var(--theme-chip-primary-outline--color);background-color:transparent;border:solid 1px var(--theme-chip-primary-outline--border-color)}[variant=primary].outline.sc-ix-pill-h .close-button.sc-ix-pill{color:var(--theme-chip-primary-outline--color)}[variant=alarm].sc-ix-pill-h{color:var(--theme-color-alarm--contrast)}[variant=alarm].sc-ix-pill-h:not(.outline){background-color:var(--theme-color-alarm)}[variant=alarm].sc-ix-pill-h:not(.outline) .close-button.sc-ix-pill{color:var(--theme-color-alarm--contrast)}[variant=alarm].sc-ix-pill-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=alarm].sc-ix-pill-h:not(.outline).active::after,[variant=alarm].sc-ix-pill-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=alarm].outline.sc-ix-pill-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-alarm)}[variant=alarm].outline.sc-ix-pill-h:hover::after{display:none}[variant=alarm].outline.sc-ix-pill-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=alarm].outline.active.sc-ix-pill-h::after,[variant=alarm].outline.sc-ix-pill-h:active::after{display:none}[variant=alarm].outline.active.sc-ix-pill-h,[variant=alarm].outline.sc-ix-pill-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=critical].sc-ix-pill-h{color:var(--theme-color-critical--contrast)}[variant=critical].sc-ix-pill-h:not(.outline){background-color:var(--theme-color-critical)}[variant=critical].sc-ix-pill-h:not(.outline) .close-button.sc-ix-pill{color:var(--theme-color-critical--contrast)}[variant=critical].sc-ix-pill-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=critical].sc-ix-pill-h:not(.outline).active::after,[variant=critical].sc-ix-pill-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=critical].outline.sc-ix-pill-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-critical)}[variant=critical].outline.sc-ix-pill-h:hover::after{display:none}[variant=critical].outline.sc-ix-pill-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=critical].outline.active.sc-ix-pill-h::after,[variant=critical].outline.sc-ix-pill-h:active::after{display:none}[variant=critical].outline.active.sc-ix-pill-h,[variant=critical].outline.sc-ix-pill-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=warning].sc-ix-pill-h{color:var(--theme-color-warning--contrast)}[variant=warning].sc-ix-pill-h:not(.outline){background-color:var(--theme-color-warning)}[variant=warning].sc-ix-pill-h:not(.outline) .close-button.sc-ix-pill{color:var(--theme-color-warning--contrast)}[variant=warning].sc-ix-pill-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=warning].sc-ix-pill-h:not(.outline).active::after,[variant=warning].sc-ix-pill-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=warning].outline.sc-ix-pill-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-warning)}[variant=warning].outline.sc-ix-pill-h:hover::after{display:none}[variant=warning].outline.sc-ix-pill-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=warning].outline.active.sc-ix-pill-h::after,[variant=warning].outline.sc-ix-pill-h:active::after{display:none}[variant=warning].outline.active.sc-ix-pill-h,[variant=warning].outline.sc-ix-pill-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=info].sc-ix-pill-h{color:var(--theme-color-info--contrast)}[variant=info].sc-ix-pill-h:not(.outline){background-color:var(--theme-color-info)}[variant=info].sc-ix-pill-h:not(.outline) .close-button.sc-ix-pill{color:var(--theme-color-info--contrast)}[variant=info].sc-ix-pill-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=info].sc-ix-pill-h:not(.outline).active::after,[variant=info].sc-ix-pill-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=info].outline.sc-ix-pill-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-info)}[variant=info].outline.sc-ix-pill-h:hover::after{display:none}[variant=info].outline.sc-ix-pill-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=info].outline.active.sc-ix-pill-h::after,[variant=info].outline.sc-ix-pill-h:active::after{display:none}[variant=info].outline.active.sc-ix-pill-h,[variant=info].outline.sc-ix-pill-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=neutral].sc-ix-pill-h{color:var(--theme-color-neutral--contrast)}[variant=neutral].sc-ix-pill-h:not(.outline){background-color:var(--theme-color-neutral)}[variant=neutral].sc-ix-pill-h:not(.outline) .close-button.sc-ix-pill{color:var(--theme-color-neutral--contrast)}[variant=neutral].sc-ix-pill-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=neutral].sc-ix-pill-h:not(.outline).active::after,[variant=neutral].sc-ix-pill-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=neutral].outline.sc-ix-pill-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-neutral)}[variant=neutral].outline.sc-ix-pill-h:hover::after{display:none}[variant=neutral].outline.sc-ix-pill-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=neutral].outline.active.sc-ix-pill-h::after,[variant=neutral].outline.sc-ix-pill-h:active::after{display:none}[variant=neutral].outline.active.sc-ix-pill-h,[variant=neutral].outline.sc-ix-pill-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=success].sc-ix-pill-h{color:var(--theme-color-success--contrast)}[variant=success].sc-ix-pill-h:not(.outline){background-color:var(--theme-color-success)}[variant=success].sc-ix-pill-h:not(.outline) .close-button.sc-ix-pill{color:var(--theme-color-success--contrast)}[variant=success].sc-ix-pill-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=success].sc-ix-pill-h:not(.outline).active::after,[variant=success].sc-ix-pill-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=success].outline.sc-ix-pill-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-success)}[variant=success].outline.sc-ix-pill-h:hover::after{display:none}[variant=success].outline.sc-ix-pill-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=success].outline.active.sc-ix-pill-h::after,[variant=success].outline.sc-ix-pill-h:active::after{display:none}[variant=success].outline.active.sc-ix-pill-h,[variant=success].outline.sc-ix-pill-h:active{background-color:var(--theme-chip-outline--background--active)}.sc-ix-pill-h .slot.sc-ix-pill{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}';export{o as ix_pill}

package/dist/siemens-ix/p-301ddeb7.js

@@ -1 +0,0 @@
-import{r as i,h as o,g as t,H as s,c as a}from"./p-47ea9884.js";import{T as l}from"./p-6f625f0e.js";import{a as e}from"./p-810b5232.js";import{A as d}from"./p-bdd294d2.js";const m=class{constructor(o){i(this,o)}async showModal(i){const o=new l,t=new l,s=document.createElement("ix-modal");let{title:a,content:e}=i,d=function(i,o){var t={};for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&o.indexOf(s)<0&&(t[s]=i[s]);if(null!=i&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(s=Object.getOwnPropertySymbols(i);a<s.length;a++)o.indexOf(s[a])<0&&Object.prototype.propertyIsEnumerable.call(i,s[a])&&(t[s[a]]=i[s[a]])}return t}(i,["title","content"]);if(Object.assign(s,Object.assign({headerTitle:a},d)),"string"==typeof e){const i=document.createElement("template");e=e.trim(),i.innerHTML=e,s.appendChild(i.content.firstChild)}else s.appendChild(e);return this.hostElement.appendChild(s),s.addEventListener("closed",(i=>{this.hostElement.removeChild(s),o.emit(i.detail)})),s.addEventListener("dismissed",(i=>{this.hostElement.removeChild(s),t.emit(i.detail)})),{onClose:o,onDismiss:t}}render(){return o(s,null)}get hostElement(){return t(this)}};m.style=".sc-ix-modal-container-h{position:absolute;top:0;left:0;z-index:9999}";const n=class{constructor(o){i(this,o),this.closed=a(this,"closed",7),this.dismissed=a(this,"dismissed",7),this.animation=!0,this.ariaLabelledBy="modal-title",this.backdrop=!0,this.centered=!1,this.keyboard=!0,this.iconColor="color-std-text",this.scrollable=!0,this.size="sm",this.onKeydown=this.handleKeydown.bind(this)}get modal(){return this.hostElement.querySelector(".modal")}get modalDialog(){return this.modal.querySelector(".modal-dialog")}get modalContent(){return this.modalDialog.querySelector(".modal-content")}get modalBackdrop(){return this.hostElement.querySelector(".backdrop")}slideDown(i){e({targets:i,duration:this.animation?d.mediumTime:0,opacity:[0,1],translateY:["-100%",0],easing:"easeOutSine"})}slideUp(i,o){e({targets:i,duration:this.animation?d.mediumTime:0,opacity:[1,0],translateY:[0,"-100%"],easing:"easeInSine",complete:()=>{o&&o()}})}componentDidLoad(){"static"===this.backdrop&&this.modalBackdrop.addEventListener("click",this.dismiss.bind(this)),this.backdropClass&&this.modalBackdrop.classList.add(this.backdropClass),this.modalDialogClass&&this.modalDialog.classList.add(this.modalDialogClass),this.windowClass&&this.modal.classList.add(this.windowClass),this.keyboard&&window.addEventListener("keydown",this.onKeydown),this.slideDown(this.modalContent)}handleKeydown(i){"Escape"===i.key&&this.dismiss(i.key)}disconnectedCallback(){window.removeEventListener("keydown",this.onKeydown)}async dismiss(i){this.beforeDismiss?!1!==await this.beforeDismiss(i)&&this.slideUp(this.modalContent,(()=>this.dismissed.emit(i))):this.slideUp(this.modalContent,(()=>this.dismissed.emit(i)))}async close(i){this.slideUp(this.modalContent,(()=>this.closed.emit(i)))}render(){return o(s,null,o("div",{class:{animation:this.animation,modal:!0,backdrop:"static"===this.backdrop||this.backdrop,"align-items-center":this.centered,scrollable:this.scrollable},"aria-describedby":this.ariaDescribedBy,"aria-labelledby":this.ariaLabelledBy},o("div",{class:{"modal-dialog":!0,"modal-sm":"sm"===this.size,"modal-lg":"lg"===this.size,"modal-xl":"xl"===this.size}},o("div",{class:"modal-content"},void 0===this.icon||""===this.icon?"":o("div",{class:"state-icon-container"},o("ix-icon",{name:this.icon,size:"32",color:this.iconColor})),o("div",{class:"slot-container"},o("slot",null))))))}get hostElement(){return t(this)}};n.style=".sc-ix-modal-h{position:relative;width:100vw;height:100vh}.sc-ix-modal-h .modal.sc-ix-modal{display:flex}.sc-ix-modal-h .modal.animation.sc-ix-modal{animation:modal-fade 300ms ease-in-out}.sc-ix-modal-h .modal.backdrop.sc-ix-modal{background-color:var(--theme-color-lightbox);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:none}.sc-ix-modal-h .modal.backdrop.animation.sc-ix-modal{transition:-webkit-backdrop-filter 0ms ease-in-out;transition:backdrop-filter 0ms ease-in-out;transition:backdrop-filter 0ms ease-in-out, -webkit-backdrop-filter 0ms ease-in-out}.sc-ix-modal-h .modal.sc-ix-modal .modal-dialog.sc-ix-modal{flex-grow:1}.sc-ix-modal-h .modal.scrollable.sc-ix-modal .modal-content.sc-ix-modal{max-height:100%}.sc-ix-modal-h .modal.scrollable.sc-ix-modal .modal-content.sc-ix-modal .modal-body.sc-ix-modal{overflow-y:auto}.sc-ix-modal-h .modal.sc-ix-modal .modal-content.sc-ix-modal{box-shadow:var(--theme-modal--box-shadow);flex-direction:row;background-color:var(--theme-modal--background);border:var(--modal--border-thickness) solid var(--theme-modal--border-color);padding:1.5rem}.sc-ix-modal-h .modal.sc-ix-modal .modal-content.sc-ix-modal .state-icon-container.sc-ix-modal{-webkit-margin-end:1rem;margin-inline-end:1rem}.sc-ix-modal-h .modal.sc-ix-modal .modal-content.sc-ix-modal .slot-container.sc-ix-modal{flex-grow:1}@media (min-width: 576px){.sc-ix-modal-h .modal.sc-ix-modal .modal-dialog.sc-ix-modal:not(.modal-dialog-centered){margin:2.5rem auto}}@media (max-width: 575.98px){.sc-ix-modal-h .modal.sc-ix-modal .modal-dialog.sc-ix-modal{height:100%;margin:0}.sc-ix-modal-h .modal.sc-ix-modal .modal-dialog.sc-ix-modal .modal-content.sc-ix-modal{height:100%;border-radius:0}}@keyframes modal-fade{from{opacity:0%}to{opacity:100%}}@keyframes slide-down{from{top:-100%}to{top:32px}}";export{m as M,n as a}

package/dist/siemens-ix/p-334b7d5c.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,H as i,g as s,c as r}from"./p-47ea9884.js";import{c as n}from"./p-fbe40498.js";import{a as o}from"./p-0bf04780.js";const l=class{constructor(t){e(this,t),this.mutationObserver=n(this.onMutation.bind(this)),this.itemHeight="S",this.compact=!1,this.animated=!0}componentDidLoad(){if(this.animated&&this.triggerFadeIn(),"number"==typeof this.itemHeight){const e=o(this.itemHeight);this.el.querySelectorAll(".ix-event-list-item").forEach((t=>{t.classList.add("d-flex"),this.setCustomHeight(t,e)}))}this.mutationObserver.observe(this.el,{childList:!0,subtree:!0})}onMutation(e){this.triggerFadeOut().then((()=>{if("number"==typeof this.itemHeight){const t=o(this.itemHeight);e.filter((e=>"childList"===e.type)).forEach((e=>e.addedNodes.forEach((e=>{var i;const s=e;(null===(i=s.classList)||void 0===i?void 0:i.contains("ix-event-list-item"))&&(s.classList.add("d-flex"),this.setCustomHeight(s,t))}))))}this.triggerFadeIn()}))}setCustomHeight(e,t){e.style.height=t,e.style.maxHeight=t}triggerFadeOut(){return this.animated?this.el.querySelector("ul").animate([{opacity:1,easing:"ease-in"},{opacity:0}],{duration:l.fadeOutDuration}).finished:Promise.resolve()}triggerFadeIn(){this.animated&&this.el.querySelectorAll(".ix-event-list-item").forEach(((e,t)=>{const i=80*t;e.animate([{opacity:0},{opacity:0,easing:"ease-out",offset:i/(i+l.fadeInDuration)},{opacity:1}],{duration:l.fadeInDuration+i,iterations:1})}))}render(){return t(i,{class:{"item-size-s":"S"===this.itemHeight,"item-size-l":"L"===this.itemHeight,compact:this.compact,chevron:this.chevron}},t("ul",null,t("slot",null)))}get el(){return s(this)}};l.fadeOutDuration=50,l.fadeInDuration=150,l.style=".sc-ix-event-list-h{display:block;position:relative}ul.sc-ix-event-list{list-style:none;padding:0;margin-bottom:0}.sc-ix-event-list-s>.sc-ix-event-list-h:not(.item-size-s) .ix-event-list-item,.sc-ix-event-list-h:not(.item-size-l) .ix-event-list-item.sc-ix-event-list{display:none}.sc-ix-event-list-h.chevron .sc-ix-event-list-s .ix-event-list-item .chevron-icon{display:initial}.item-size-l .sc-ix-event-list-s .ix-event-list-item{height:6.5rem;max-height:6.5rem}.item-size-l .sc-ix-event-list-s .ix-event-list-item .event-content{height:6.5rem;max-height:6.5rem;white-space:normal}.compact .sc-ix-event-list-s .ix-event-list-item{margin-bottom:0px;border-radius:0px}.compact .sc-ix-event-list-s .ix-event-list-item .indicator{border-top-left-radius:0px;border-bottom-left-radius:0px}.compact .sc-ix-event-list-s .ix-event-list-item .event-list-item-container{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.compact .sc-ix-event-list-s .ix-event-list-item i.glyph{display:none}.compact.sc-ix-event-list .compact.sc-ix-event-list:not(:last-child) .event-list-item-container.sc-ix-event-list{border-bottom:none}";const a=class{constructor(t){e(this,t),this.itemClick=r(this,"itemClick",7),this.opacity=1}handleItemClick(){this.itemClick.emit()}render(){return t("div",{class:{"ix-event-list-item":!0,selected:this.selected,disabled:this.disabled}},t("div",{class:"indicator "+(this.color?"":"indicator-empty"),style:{"background-color":this.color?`var(--theme-${this.color})`:"inherit",opacity:`${this.disabled?.4:this.opacity}`}}),t("div",{class:"event-list-item-container"},t("div",{class:"event-content"},t("slot",null)),t("i",{class:"glyph glyph-16 glyph-chevron-right chevron-icon"})))}get el(){return s(this)}};a.style=".ix-event-list-item{display:flex;align-items:center;position:relative;height:2.5rem;max-height:2.5rem;border-radius:0.25rem;background-color:var(--theme-event-list-item-bg);overflow:hidden;cursor:pointer;margin-bottom:0.5rem}.ix-event-list-item:not(.disabled):not(:disabled){cursor:pointer}.ix-event-list-item:not(.disabled):not(:disabled):hover{background-color:var(--theme-event-item--background--hover)}.ix-event-list-item:not(.disabled):not(:disabled){cursor:pointer}.ix-event-list-item:not(.disabled):not(:disabled):active{background-color:var(--theme-event-item--background--active)}.ix-event-list-item .indicator{height:100%;width:0.5rem;max-width:0.5rem;min-width:0.5rem;border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem}.ix-event-list-item .indicator-empty{border:var(--theme-weak-bdr-1);border-right:none}.ix-event-list-item .event-list-item-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-grow:1;width:calc(100% - (1rem + 0.5rem));height:100%;border:0.062rem solid;border-color:var(--theme-event-list-item-border);border-top-left-radius:0;border-top-right-radius:0.25rem;border-bottom-left-radius:0;border-bottom-right-radius:0.25rem;border-left:none;padding-left:1rem}.ix-event-list-item .event-list-item-container:not(.disabled):not(:disabled){cursor:pointer}.ix-event-list-item .event-list-item-container:not(.disabled):not(:disabled):hover{border-color:var(--theme-event-item--border--hover)}.ix-event-list-item .event-list-item-container:not(.disabled):not(:disabled){cursor:pointer}.ix-event-list-item .event-list-item-container:not(.disabled):not(:disabled):active{border-color:var(--theme-event-item--border--active)}.ix-event-list-item.selected:not(:active,.active) .event-list-item-container{background-color:var(--theme-event-item--background--selected);border-color:var(--theme-event-item--border--selected)}.ix-event-list-item[disabled],.ix-event-list-item.disabled{pointer-events:none}.ix-event-list-item[disabled] .event-list-item-container,.ix-event-list-item.disabled .event-list-item-container{background-color:var(--theme-event-item--background--disabled);border-color:var(--theme-event-item--border--disabled)}.ix-event-list-item .chevron-icon{display:none;margin-left:auto;margin-right:0.5rem;opacity:0.6;align-self:center}.ix-event-list-item .event-content{display:flex;align-items:center;width:100%;height:100%;overflow:hidden}";export{l as ix_event_list,a as ix_event_list_item}

package/dist/siemens-ix/p-3f809fb3.entry.js

@@ -1 +0,0 @@
-import{r as t,h as s}from"./p-47ea9884.js";import{g as i}from"./p-5a1dcc74.js";const o=class{constructor(s){t(this,s),this.variant="Secondary",this.size="24",this.selected=!1,this.disabled=!1,this.type="button"}getIconButtonClasses(){return Object.assign({"btn-icon-xs":"12"===this.size,"btn-icon-s":"16"===this.size},i(this.variant,this.outline,this.ghost||this.invisible,!0,this.oval,this.selected,this.disabled))}render(){return s("button",{class:this.getIconButtonClasses(),type:this.type},s("ix-icon",{size:this.size,name:this.icon,color:this.color}),s("div",{style:{display:"none"}},s("slot",null)))}};export{o as ix_icon_button}

package/dist/siemens-ix/p-47ea9884.js

@@ -1 +0,0 @@
-let t,e,n,l=!1,o=!1,s=!1,r=!1,i=!1;const c="undefined"!=typeof window?window:{},f=c.document||{head:{}},u={t:0,l:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,l)=>t.addEventListener(e,n,l),rel:(t,e,n,l)=>t.removeEventListener(e,n,l),ce:(t,e)=>new CustomEvent(t,e)},a=t=>Promise.resolve(t),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replace}catch(t){}return!1})(),h=(t,e,n)=>{n&&n.map((([n,l,o])=>{const s=$(t,n),r=m(e,o),i=b(n);u.ael(s,l,r,i),(e.o=e.o||[]).push((()=>u.rel(s,l,r,i)))}))},m=(t,e)=>n=>{try{256&t.t?t.i[e](n):(t.u=t.u||[]).push([e,n])}catch(t){pt(t)}},$=(t,e)=>8&e?c:t,b=t=>0!=(2&t),p=new WeakMap,y=t=>"sc-"+t.h,w={},g=t=>"object"==(t=typeof t)||"function"===t,v=(t,e,...n)=>{let l=null,o=null,s=!1,r=!1,i=[];const c=e=>{for(let n=0;n<e.length;n++)l=e[n],Array.isArray(l)?c(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof t&&!g(l))&&(l+=""),s&&r?i[i.length-1].m+=l:i.push(s?j(null,l):l),r=s)};if(c(n),e){e.name&&(o=e.name);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}if("function"==typeof t)return t(null===e?{}:e,i,S);const f=j(t,null);return f.$=e,i.length>0&&(f.p=i),f.g=o,f},j=(t,e)=>({t:0,v:t,m:e,j:null,p:null,$:null,g:null}),O={},S={forEach:(t,e)=>t.map(k).forEach(e),map:(t,e)=>t.map(k).map(e).map(C)},k=t=>({vattrs:t.$,vchildren:t.p,vkey:t.O,vname:t.g,vtag:t.v,vtext:t.m}),C=t=>{if("function"==typeof t.vtag){const e=Object.assign({},t.vattrs);return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),v(t.vtag,e,...t.vchildren||[])}const e=j(t.vtag,t.vtext);return e.$=t.vattrs,e.p=t.vchildren,e.O=t.vkey,e.g=t.vname,e},M=(t,e,n,l,o,s)=>{if(n!==l){let r=bt(t,e),i=e.toLowerCase();if("class"===e){const e=t.classList,o=R(n),s=R(l);e.remove(...o.filter((t=>t&&!s.includes(t)))),e.add(...s.filter((t=>t&&!o.includes(t))))}else if("style"===e){for(const e in n)l&&null!=l[e]||(e.includes("-")?t.style.removeProperty(e):t.style[e]="");for(const e in l)n&&l[e]===n[e]||(e.includes("-")?t.style.setProperty(e,l[e]):t.style[e]=l[e])}else if("ref"===e)l&&l(t);else if(r||"o"!==e[0]||"n"!==e[1]){const i=g(l);if((r||i&&null!==l)&&!o)try{if(t.tagName.includes("-"))t[e]=l;else{let o=null==l?"":l;"list"===e?r=!1:null!=n&&t[e]==o||(t[e]=o)}}catch(t){}null==l||!1===l?!1===l&&""!==t.getAttribute(e)||t.removeAttribute(e):(!r||4&s||o)&&!i&&t.setAttribute(e,l=!0===l?"":l)}else e="-"===e[2]?e.slice(3):bt(c,i)?i.slice(2):i[2]+e.slice(3),n&&u.rel(t,e,n,!1),l&&u.ael(t,e,l,!1)}},x=/\s/,R=t=>t?t.split(x):[],N=(t,e,n,l)=>{const o=11===e.j.nodeType&&e.j.host?e.j.host:e.j,s=t&&t.$||w,r=e.$||w;for(l in s)l in r||M(o,l,s[l],void 0,n,e.t);for(l in r)M(o,l,s[l],r[l],n,e.t)},E=(o,i,c,u)=>{let a,d,h,m=i.p[c],$=0;if(l||(s=!0,"slot"===m.v&&(t&&u.classList.add(t+"-s"),m.t|=m.p?2:1)),null!==m.m)a=m.j=f.createTextNode(m.m);else if(1&m.t)a=m.j=f.createTextNode("");else{if(r||(r="svg"===m.v),a=m.j=f.createElementNS(r?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",2&m.t?"slot-fb":m.v),r&&"foreignObject"===m.v&&(r=!1),N(null,m,r),null!=t&&a["s-si"]!==t&&a.classList.add(a["s-si"]=t),m.p)for($=0;$<m.p.length;++$)d=E(o,m,$,a),d&&a.appendChild(d);"svg"===m.v?r=!1:"foreignObject"===a.tagName&&(r=!0)}return a["s-hn"]=n,3&m.t&&(a["s-sr"]=!0,a["s-cr"]=e,a["s-sn"]=m.g||"",h=o&&o.p&&o.p[c],h&&h.v===m.v&&o.j&&P(o.j,!1)),a},P=(t,e)=>{u.t|=1;const l=t.childNodes;for(let t=l.length-1;t>=0;t--){const o=l[t];o["s-hn"]!==n&&o["s-ol"]&&(F(o).insertBefore(o,A(o)),o["s-ol"].remove(),o["s-ol"]=void 0,s=!0),e&&P(o,e)}u.t&=-2},T=(t,e,l,o,s,r)=>{let i,c=t["s-cr"]&&t["s-cr"].parentNode||t;for(c.shadowRoot&&c.tagName===n&&(c=c.shadowRoot);s<=r;++s)o[s]&&(i=E(null,l,s,t),i&&(o[s].j=i,c.insertBefore(i,A(e))))},L=(t,e,n,l,s)=>{for(;e<=n;++e)(l=t[e])&&(s=l.j,_(l),o=!0,s["s-ol"]?s["s-ol"].remove():P(s,!0),s.remove())},W=(t,e)=>t.v===e.v&&("slot"!==t.v||t.g===e.g),A=t=>t&&t["s-ol"]||t,F=t=>(t["s-ol"]?t["s-ol"]:t).parentNode,D=(t,e)=>{const n=e.j=t.j,l=t.p,o=e.p,s=e.v,i=e.m;let c;null===i?(r="svg"===s||"foreignObject"!==s&&r,"slot"===s||N(t,e,r),null!==l&&null!==o?((t,e,n,l)=>{let o,s=0,r=0,i=e.length-1,c=e[0],f=e[i],u=l.length-1,a=l[0],d=l[u];for(;s<=i&&r<=u;)null==c?c=e[++s]:null==f?f=e[--i]:null==a?a=l[++r]:null==d?d=l[--u]:W(c,a)?(D(c,a),c=e[++s],a=l[++r]):W(f,d)?(D(f,d),f=e[--i],d=l[--u]):W(c,d)?("slot"!==c.v&&"slot"!==d.v||P(c.j.parentNode,!1),D(c,d),t.insertBefore(c.j,f.j.nextSibling),c=e[++s],d=l[--u]):W(f,a)?("slot"!==c.v&&"slot"!==d.v||P(f.j.parentNode,!1),D(f,a),t.insertBefore(f.j,c.j),f=e[--i],a=l[++r]):(o=E(e&&e[r],n,r,t),a=l[++r],o&&F(c.j).insertBefore(o,A(c.j)));s>i?T(t,null==l[u+1]?null:l[u+1].j,n,l,r,u):r>u&&L(e,s,i)})(n,l,e,o):null!==o?(null!==t.m&&(n.textContent=""),T(n,null,e,o,0,o.length-1)):null!==l&&L(l,0,l.length-1),r&&"svg"===s&&(r=!1)):(c=n["s-cr"])?c.parentNode.textContent=i:t.m!==i&&(n.data=i)},H=t=>{let e,n,l,o,s,r,i=t.childNodes;for(n=0,l=i.length;n<l;n++)if(e=i[n],1===e.nodeType){if(e["s-sr"])for(s=e["s-sn"],e.hidden=!1,o=0;o<l;o++)if(r=i[o].nodeType,i[o]["s-hn"]!==e["s-hn"]||""!==s){if(1===r&&s===i[o].getAttribute("slot")){e.hidden=!0;break}}else if(1===r||3===r&&""!==i[o].textContent.trim()){e.hidden=!0;break}H(e)}},U=[],q=t=>{let e,n,l,s,r,i,c=0,f=t.childNodes,u=f.length;for(;c<u;c++){if(e=f[c],e["s-sr"]&&(n=e["s-cr"])&&n.parentNode)for(l=n.parentNode.childNodes,s=e["s-sn"],i=l.length-1;i>=0;i--)n=l[i],n["s-cn"]||n["s-nr"]||n["s-hn"]===e["s-hn"]||(V(n,s)?(r=U.find((t=>t.S===n)),o=!0,n["s-sn"]=n["s-sn"]||s,r?r.k=e:U.push({k:e,S:n}),n["s-sr"]&&U.map((t=>{V(t.S,n["s-sn"])&&(r=U.find((t=>t.S===n)),r&&!t.k&&(t.k=r.k))}))):U.some((t=>t.S===n))||U.push({S:n}));1===e.nodeType&&q(e)}},V=(t,e)=>1===t.nodeType?null===t.getAttribute("slot")&&""===e||t.getAttribute("slot")===e:t["s-sn"]===e||""===e,_=t=>{t.$&&t.$.ref&&t.$.ref(null),t.p&&t.p.map(_)},z=t=>ht(t).C,B=(t,e,n)=>{const l=z(t);return{emit:t=>G(l,e,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:t})}},G=(t,e,n)=>{const l=u.ce(e,n);return t.dispatchEvent(l),l},I=(t,e)=>{e&&!t.M&&e["s-p"]&&e["s-p"].push(new Promise((e=>t.M=e)))},J=(t,e)=>{if(t.t|=16,!(4&t.t))return I(t,t.R),Mt((()=>K(t,e)));t.t|=512},K=(t,e)=>{const n=t.i;let l;return e&&(t.t|=256,t.u&&(t.u.map((([t,e])=>et(n,t,e))),t.u=null),l=et(n,"componentWillLoad")),l=nt(l,(()=>et(n,"componentWillRender"))),nt(l,(()=>Q(t,n,e)))},Q=async(t,e,n)=>{const l=t.C,o=l["s-rc"];n&&(t=>{const e=t.N,n=t.C,l=e.t,o=((t,e)=>{let n=y(e),l=gt.get(n);if(t=11===t.nodeType?t:f,l)if("string"==typeof l){let e,o=p.get(t=t.head||t);o||p.set(t,o=new Set),o.has(n)||(e=f.createElement("style"),e.innerHTML=l,t.insertBefore(e,t.querySelector("link")),o&&o.add(n))}else t.adoptedStyleSheets.includes(l)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"),2&l&&n.classList.add(o+"-s"))})(t);X(t,e),o&&(o.map((t=>t())),l["s-rc"]=void 0);{const e=l["s-p"],n=()=>Y(t);0===e.length?n():(Promise.all(e).then(n),t.t|=4,e.length=0)}},X=(r,i)=>{try{i=i.render(),r.t&=-17,r.t|=2,((r,i)=>{const c=r.C,a=r.N,d=r.P||j(null,null),h=(t=>t&&t.v===O)(i)?i:v(null,null,i);if(n=c.tagName,a.T&&(h.$=h.$||{},a.T.map((([t,e])=>h.$[e]=c[t]))),h.v=null,h.t|=4,r.P=h,h.j=d.j=c.shadowRoot||c,t=c["s-sc"],e=c["s-cr"],l=0!=(1&a.t),o=!1,D(d,h),u.t|=1,s){let t,e,n,l,o,s;q(h.j);let r=0;for(;r<U.length;r++)t=U[r],e=t.S,e["s-ol"]||(n=f.createTextNode(""),n["s-nr"]=e,e.parentNode.insertBefore(e["s-ol"]=n,e));for(r=0;r<U.length;r++)if(t=U[r],e=t.S,t.k){for(l=t.k.parentNode,o=t.k.nextSibling,n=e["s-ol"];n=n.previousSibling;)if(s=n["s-nr"],s&&s["s-sn"]===e["s-sn"]&&l===s.parentNode&&(s=s.nextSibling,!s||!s["s-nr"])){o=s;break}(!o&&l!==e.parentNode||e.nextSibling!==o)&&e!==o&&(!e["s-hn"]&&e["s-ol"]&&(e["s-hn"]=e["s-ol"].parentNode.nodeName),l.insertBefore(e,o))}else 1===e.nodeType&&(e.hidden=!0)}o&&H(h.j),u.t&=-2,U.length=0})(r,i)}catch(t){pt(t,r.C)}return null},Y=t=>{const e=t.C,n=t.i,l=t.R;et(n,"componentDidRender"),64&t.t||(t.t|=64,lt(e),et(n,"componentDidLoad"),t.L(e),l||tt()),t.W(e),t.M&&(t.M(),t.M=void 0),512&t.t&&Ct((()=>J(t,!1))),t.t&=-517},Z=t=>{{const e=ht(t),n=e.C.isConnected;return n&&2==(18&e.t)&&J(e,!1),n}},tt=()=>{lt(f.documentElement),Ct((()=>G(c,"appload",{detail:{namespace:"siemens-ix"}})))},et=(t,e,n)=>{if(t&&t[e])try{return t[e](n)}catch(t){pt(t)}},nt=(t,e)=>t&&t.then?t.then(e):e(),lt=t=>t.classList.add("hydrated"),ot=(t,e,n)=>{if(e.A){t.watchers&&(e.F=t.watchers);const l=Object.entries(e.A),o=t.prototype;if(l.map((([t,[l]])=>{31&l||2&n&&32&l?Object.defineProperty(o,t,{get(){return((t,e)=>ht(this).D.get(e))(0,t)},set(n){((t,e,n,l)=>{const o=ht(t),s=o.C,r=o.D.get(e),i=o.t,c=o.i;if(n=((t,e)=>null==t||g(t)?t:4&e?"false"!==t&&(""===t||!!t):2&e?parseFloat(t):1&e?t+"":t)(n,l.A[e][0]),(!(8&i)||void 0===r)&&n!==r&&(!Number.isNaN(r)||!Number.isNaN(n))&&(o.D.set(e,n),c)){if(l.F&&128&i){const t=l.F[e];t&&t.map((t=>{try{c[t](n,r,e)}catch(t){pt(t,s)}}))}2==(18&i)&&J(o,!1)}})(this,t,n,e)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(o,t,{value(...e){const n=ht(this);return n.H.then((()=>n.i[t](...e)))}})})),1&n){const n=new Map;o.attributeChangedCallback=function(t,e,l){u.jmp((()=>{const e=n.get(t);if(this.hasOwnProperty(e))l=this[e],delete this[e];else if(o.hasOwnProperty(e)&&"number"==typeof this[e]&&this[e]==l)return;this[e]=(null!==l||"boolean"!=typeof this[e])&&l}))},t.observedAttributes=l.filter((([t,e])=>15&e[0])).map((([t,l])=>{const o=l[1]||t;return n.set(o,t),512&l[0]&&e.T.push([t,o]),o}))}}return t},st=t=>{t.__appendChild=t.appendChild,t.appendChild=function(t){const e=t["s-sn"]=it(t),n=ct(this.childNodes,e);if(n){const l=ft(n,e),o=l[l.length-1];return o.parentNode.insertBefore(t,o.nextSibling)}return this.__appendChild(t)}},rt=(t,e)=>{class n extends Array{item(t){return this[t]}}if(8&e.t){const e=t.__lookupGetter__("childNodes");Object.defineProperty(t,"children",{get(){return this.childNodes.map((t=>1===t.nodeType))}}),Object.defineProperty(t,"childElementCount",{get:()=>t.children.length}),Object.defineProperty(t,"childNodes",{get(){const t=e.call(this);if(0==(1&u.t)&&2&ht(this).t){const e=new n;for(let n=0;n<t.length;n++){const l=t[n]["s-nr"];l&&e.push(l)}return e}return n.from(t)}})}},it=t=>t["s-sn"]||1===t.nodeType&&t.getAttribute("slot")||"",ct=(t,e)=>{let n,l=0;for(;l<t.length;l++){if(n=t[l],n["s-sr"]&&n["s-sn"]===e)return n;if(n=ct(n.childNodes,e),n)return n}return null},ft=(t,e)=>{const n=[t];for(;(t=t.nextSibling)&&t["s-sn"]===e;)n.push(t);return n},ut=(t,e={})=>{const n=[],l=e.exclude||[],o=c.customElements,s=f.head,r=s.querySelector("meta[charset]"),i=f.createElement("style"),a=[];let m,$=!0;Object.assign(u,e),u.l=new URL(e.resourcesUrl||"./",f.baseURI).href,t.map((t=>{t[1].map((e=>{const s={t:e[0],h:e[1],A:e[2],U:e[3]};s.A=e[2],s.U=e[3],s.T=[],s.F={};const r=s.h,i=class extends HTMLElement{constructor(t){super(t),$t(t=this,s),1&s.t&&t.attachShadow({mode:"open"}),rt(t,s)}connectedCallback(){m&&(clearTimeout(m),m=null),$?a.push(this):u.jmp((()=>(t=>{if(0==(1&u.t)){const e=ht(t),n=e.N,l=()=>{};if(1&e.t)h(t,e,n.U);else{e.t|=1,12&n.t&&(t=>{const e=t["s-cr"]=f.createComment("");e["s-cn"]=!0,t.insertBefore(e,t.firstChild)})(t);{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){I(e,e.R=n);break}}n.A&&Object.entries(n.A).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n,l,o)=>{if(0==(32&e.t)){{if(e.t|=32,(o=wt(n)).then){const t=()=>{};o=await o,t()}o.isProxied||(n.F=o.watchers,ot(o,n,2),o.isProxied=!0);const t=()=>{};e.t|=8;try{new o(e)}catch(t){pt(t)}e.t&=-9,e.t|=128,t()}if(o.style){let t=o.style;const e=y(n);if(!gt.has(e)){const l=()=>{};((t,e,n)=>{let l=gt.get(t);d&&n?(l=l||new CSSStyleSheet,l.replace(e)):l=e,gt.set(t,l)})(e,t,!!(1&n.t)),l()}}}const s=e.R,r=()=>J(e,!0);s&&s["s-rc"]?s["s-rc"].push(r):r()})(0,e,n)}l()}})(this)))}disconnectedCallback(){u.jmp((()=>(()=>{if(0==(1&u.t)){const t=ht(this),e=t.i;t.o&&(t.o.map((t=>t())),t.o=void 0),et(e,"disconnectedCallback")}})()))}componentOnReady(){return ht(this).q}};st(i.prototype),s.V=t[0],l.includes(r)||o.get(r)||(n.push(r),o.define(r,ot(i,s,1)))}))})),i.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",i.setAttribute("data-styles",""),s.insertBefore(i,r?r.nextSibling:s.firstChild),$=!1,a.length?a.map((t=>t.connectedCallback())):u.jmp((()=>m=setTimeout(tt,30)))},at=(t,e)=>e,dt=new WeakMap,ht=t=>dt.get(t),mt=(t,e)=>dt.set(e.i=t,e),$t=(t,e)=>{const n={t:0,C:t,N:e,D:new Map};return n.H=new Promise((t=>n.W=t)),n.q=new Promise((t=>n.L=t)),t["s-p"]=[],t["s-rc"]=[],h(t,n,e.U),dt.set(t,n)},bt=(t,e)=>e in t,pt=(t,e)=>(0,console.error)(t,e),yt=new Map,wt=t=>{const e=t.h.replace(/-/g,"_"),n=t.V,l=yt.get(n);return l?l[e]:import(`./${n}.entry.js`).then((t=>(yt.set(n,t),t[e])),pt)},gt=new Map,vt=[],jt=[],Ot=(t,e)=>n=>{t.push(n),i||(i=!0,e&&4&u.t?Ct(kt):u.raf(kt))},St=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){pt(t)}t.length=0},kt=()=>{St(vt),St(jt),(i=vt.length>0)&&u.raf(kt)},Ct=t=>a().then(t),Mt=Ot(jt,!0);export{at as F,O as H,ut as b,B as c,Z as f,z as g,v as h,a as p,mt as r}

package/dist/siemens-ix/p-52d99490.entry.js

@@ -1 +0,0 @@
-import{r,c as e,h as c,H as b,g as i}from"./p-47ea9884.js";import{a as t}from"./p-810b5232.js";import{c as a}from"./p-fbe40498.js";const o=class{constructor(c){r(this,c),this.itemClick=e(this,"itemClick",7),this.nextClick=e(this,"nextClick",7),this.visibleItemCount=9,this.nextItems=[],this.ghost=!1,this.items=[]}get breadcrumbItems(){return Array.from(this.hostElement.querySelectorAll("ix-breadcrumb-item"))}get crumbItems(){return Array.from(this.hostElement.querySelectorAll(".crumb-items .crumb"))}onItemClick(r){this.itemClick.emit(r)}componentDidLoad(){this.mutationObserver=a((()=>{const r=this.getItems(),e=()=>{this.items=r};r.length>=this.items.length?e():r.length<this.items.length&&this.animationFadeOut(this.crumbItems[this.crumbItems.length-1],(()=>e()))})),this.mutationObserver.observe(this.hostElement.querySelector(".crumb-items"),{subtree:!0,childList:!0})}componentWillLoad(){this.items=this.getItems()}getItems(){return this.breadcrumbItems.map((r=>({label:r.label,icon:r.icon})))}disconnectedCallback(){var r;null===(r=this.mutationObserver)||void 0===r||r.disconnect()}animationFadeOut(r,e){t({targets:r,translateX:"-100%",duration:150,opacity:[1,0],easing:"linear",complete:()=>e()})}animationFadeIn(r){t({targets:r,duration:150,opacity:[0,1],translateX:["-100%","0%"],easing:"linear"})}handleLastButtonRef(r,e){var c;e&&this.animationFadeIn(r),e&&(null===(c=this.nextItems)||void 0===c?void 0:c.length)&&(this.nextButtonRef=r)}sliceHiddenItems(){let r=0;return this.items.length>this.visibleItemCount&&(r=this.items.length-this.visibleItemCount),this.items.slice(r)}clickItem(r,e){e||this.onItemClick(r)}renderBreadcrumbItems(){return this.sliceHiddenItems().map(((r,e,b)=>{var i;const t=e===b.length-1,a=t&&!(null===(i=this.nextItems)||void 0===i?void 0:i.length);return c("div",{ref:r=>this.handleLastButtonRef(r,t),"data-breadcrumb":e,class:{crumb:!0,clickable:!0,ghost:this.ghost,btn:!this.ghost,last:a,"remove-hover":a},onClick:()=>this.clickItem(r.label,t),"data-testid":"item"},c("span",{class:"crumb-text remove-anchor"},r.icon?c("ix-icon",{name:r.icon,size:"16"}):"",r.label),a?null:c("span",{class:"glyph glyph-18 glyph-chevron-right-small text-default-text"}))}))}render(){var r,e,i;return c(b,null,c("ix-dropdown",{trigger:(null===(r=this.items)||void 0===r?void 0:r.length)>this.visibleItemCount?this.previousButtonRef:null},this.items.slice(0,this.items.length-this.visibleItemCount).map((r=>c("ix-dropdown-item",{label:r.label,onClick:()=>this.onItemClick(r.label)})))),(null===(e=this.items)||void 0===e?void 0:e.length)>this.visibleItemCount?c("div",{class:"crumb crumb-dropdown",ref:r=>this.previousButtonRef=r},c("span",{class:"remove-anchor more-text"},c("span",{class:"more-text-ellipsis"},"..."),c("span",{class:"glyph glyph-16 glyph-chevron-right"}))):null,c("div",{class:"crumb-items"},this.renderBreadcrumbItems(),c("slot",null)),c("ix-dropdown",{trigger:this.nextButtonRef},null===(i=this.nextItems)||void 0===i?void 0:i.map((r=>c("ix-dropdown-item",{label:r,onClick:e=>{this.nextClick.emit({event:e,item:r})}})))))}get hostElement(){return i(this)}};o.style=".sc-ix-breadcrumb-h{display:flex;height:2.5rem;justify-content:flex-start;align-items:center;background-color:transparent;overflow:hidden}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb{position:relative;display:flex;justify-content:flex-start;align-items:center;white-space:nowrap;border-radius:var(--theme-breadcrumb--border-radius);height:2rem;max-height:2rem;min-width:0;-webkit-margin-end:0.25rem;margin-inline-end:0.25rem;padding:0.5rem 0 0.5rem 0.25rem;outline:none;cursor:pointer}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):hover{background-color:var(--theme-breadcrumb-btn--background--hover)}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):hover .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):hover .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn--color--hover)}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):hover .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn-arrow--color--hover)}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):active{background-color:var(--theme-breadcrumb-btn--background--active)}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):active .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):active .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn--color--active)}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(.disabled):not(:disabled):active .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn-arrow--color--active)}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;min-width:0;font-weight:700}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb ix-icon.sc-ix-breadcrumb{-webkit-margin-end:0.25rem;margin-inline-end:0.25rem}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem;-webkit-margin-end:0;margin-inline-end:0}.sc-ix-breadcrumb-h .crumb.last.sc-ix-breadcrumb{background-color:transparent !important;cursor:default;-webkit-padding-end:0.25rem;padding-inline-end:0.25rem}.sc-ix-breadcrumb-h .crumb.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-focus--border-color)}.sc-ix-breadcrumb-h .crumb.sc-ix-breadcrumb:not(:last-of-type){flex-shrink:0;max-width:14rem}.sc-ix-breadcrumb-h .crumb-dropdown.sc-ix-breadcrumb{overflow:visible}.sc-ix-breadcrumb-h .crumb-dropdown.sc-ix-breadcrumb .glyph.sc-ix-breadcrumb::after{display:none}.sc-ix-breadcrumb-h .remove-anchor.sc-ix-breadcrumb::after{display:none}.sc-ix-breadcrumb-h .more-text.sc-ix-breadcrumb{display:flex}.sc-ix-breadcrumb-h .more-text.sc-ix-breadcrumb .more-text-ellipsis.sc-ix-breadcrumb{width:1rem;display:inline-block;font-weight:700}.sc-ix-breadcrumb-h .more-text.sc-ix-breadcrumb .glyph.sc-ix-breadcrumb{line-height:unset}.sc-ix-breadcrumb-h .crumb-items.sc-ix-breadcrumb{display:contents}.sc-ix-breadcrumb-h .crumb.btn.sc-ix-breadcrumb{background-color:var(--theme-breadcrumb-btn--background);border:var(--theme-btn--btn-thickness) solid transparent;transition:150ms}.sc-ix-breadcrumb-h .crumb.btn.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.btn.sc-ix-breadcrumb .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn--color)}.sc-ix-breadcrumb-h .crumb.btn.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn-arrow--color)}.sc-ix-breadcrumb-h .crumb.btn.last.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn-last--color)}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled){cursor:pointer}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover{background-color:var(--theme-breadcrumb-btn--background--hover)}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn--color--hover)}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn-arrow--color--hover)}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled){cursor:pointer}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active{background-color:var(--theme-breadcrumb-btn--background--active)}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn--color--active)}.sc-ix-breadcrumb-h .crumb.btn.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-btn-arrow--color--active)}.sc-ix-breadcrumb-h .crumb.ghost.sc-ix-breadcrumb{background-color:var(--theme-breadcrumb-ghost--background);border:var(--theme-btn--ghost-thickness) solid transparent;transition:150ms}.sc-ix-breadcrumb-h .crumb.ghost.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.ghost.sc-ix-breadcrumb .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-ghost--color)}.sc-ix-breadcrumb-h .crumb.ghost.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-ghost-arrow--color)}.sc-ix-breadcrumb-h .crumb.ghost.last.sc-ix-breadcrumb .crumb-text.sc-ix-breadcrumb{color:var(--theme-breadcrumb-ghost-last--color)}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled){cursor:pointer}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover{background-color:var(--theme-breadcrumb-ghost--background--hover)}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-ghost--color--hover)}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):hover .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-ghost-arrow--color--hover)}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled){cursor:pointer}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active{background-color:var(--theme-breadcrumb-ghost--background--active)}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active .crumb-text.sc-ix-breadcrumb,.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active .glyph.sc-ix-breadcrumb{color:var(--theme-breadcrumb-ghost--color--active)}.sc-ix-breadcrumb-h .crumb.ghost.clickable.sc-ix-breadcrumb:not(.remove-hover):not(.disabled):not(:disabled):active .crumb-text.sc-ix-breadcrumb+.glyph-chevron-right-small.sc-ix-breadcrumb{color:var(--theme-breadcrumb-ghost-arrow--color--active)}.dropdown-overflow.sc-ix-breadcrumb .dropdown-menu.sc-ix-breadcrumb{max-height:25rem;overflow-y:auto}";const s=class{constructor(e){r(this,e)}render(){return c(b,null,c("slot",null))}};s.style=".sc-ix-breadcrumb-item-h{display:block}";export{o as ix_breadcrumb,s as ix_breadcrumb_item}

package/dist/siemens-ix/p-5f9f25ef.entry.js

@@ -1 +0,0 @@
-import{r as i,h as t,H as e,g as a}from"./p-47ea9884.js";const s=class{constructor(t){i(this,t),this.hideHeader=!1}get menu(){return this.hostElement.querySelector("ix-menu")}componentDidRender(){this.menu&&(this.appendMenu(),this.adjustMenuHeight(),this.menu.applicationName=this.applicationName)}appendMenu(){this.hostElement.querySelector("#menu-placeholder").appendChild(this.menu)}adjustMenuHeight(){this.hideHeader||(this.menu.style.height="calc(100% - 2.75rem)")}render(){return t(e,{class:{"hide-header":this.hideHeader}},this.hideHeader?null:t("ix-application-header",{name:this.applicationName},t("slot",{name:"logo"})),t("div",{id:"menu-placeholder"}),t("div",{class:"content",onClick:()=>this.menu.toggleMenu(!1)},t("slot",null)))}get hostElement(){return a(this)}};s.style=".sc-ix-basic-navigation-h{display:flex;position:relative;width:100%;height:100%;flex-direction:column}.sc-ix-basic-navigation-h ix-application-header.sc-ix-basic-navigation{z-index:calc(var(--theme-z-index-sticky) + 1)}.sc-ix-basic-navigation-h .content.sc-ix-basic-navigation{display:flex;height:calc(100% - 2.75rem);width:calc(100% - 4rem);position:relative;margin-left:4rem;overflow:auto}.hide-header.sc-ix-basic-navigation-h .content.sc-ix-basic-navigation{height:100%}";export{s as ix_basic_navigation}