@siemens/ix 4.4.0 → 5.0.0

package/dist/cjs/{index-DIYO-Liy.js → index-Dw-NwUuT.js}

@@ -6,6 +6,7 @@
 const iconAlarm = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>alarm</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C330.943502,3.55271368e-14 426.666667,95.7231591 426.666667,213.333333 C426.666667,330.943502 330.943502,426.666667 213.333333,426.666667 C95.7231591,426.666667 3.55271368e-14,330.943502 3.55271368e-14,213.333333 C3.55271368e-14,95.7231591 95.7231591,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,42.6666667 C118.87459,42.6666667 42.6666667,118.87459 42.6666667,213.333333 C42.6666667,307.792077 118.87459,384 213.333333,384 C307.792077,384 384,307.792077 384,213.333333 C384,118.87459 307.792077,42.6666667 213.333333,42.6666667 Z M213.333333,272.042667 C228.571429,272.042667 240,283.306667 240,298.666667 C240,314.026667 228.571429,325.290667 213.333333,325.290667 C197.748918,325.290667 186.666667,314.026667 186.666667,298.325333 C186.666667,283.306667 198.095238,272.042667 213.333333,272.042667 Z M234.666667,85.3333333 L234.666667,234.666667 L192,234.666667 L192,85.3333333 L234.666667,85.3333333 Z' id='Combined-Shape'/></g></g></svg>";
 const iconApps = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>apps</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='icon' transform='translate(64.000000, 64.000000)'><path d='M64,32 C64,49.664 49.664,64 32,64 C14.336,64 -4.26325641e-14,49.664 -4.26325641e-14,32 C-4.26325641e-14,14.336 14.336,-4.26325641e-14 32,-4.26325641e-14 C49.664,-4.26325641e-14 64,14.336 64,32 Z M224,32 C224,49.664 209.664,64 192,64 C174.336,64 160,49.664 160,32 C160,14.336 174.336,-4.26325641e-14 192,-4.26325641e-14 C209.664,-4.26325641e-14 224,14.336 224,32 Z M64,352 C64,369.664 49.664,384 32,384 C14.336,384 -4.26325641e-14,369.664 -4.26325641e-14,352 C-4.26325641e-14,334.336 14.336,320 32,320 C49.664,320 64,334.336 64,352 Z M224,352 C224,369.664 209.664,384 192,384 C174.336,384 160,369.664 160,352 C160,334.336 174.336,320 192,320 C209.664,320 224,334.336 224,352 Z M64,192 C64,209.664 49.664,224 32,224 C14.336,224 -4.26325641e-14,209.664 -4.26325641e-14,192 C-4.26325641e-14,174.336 14.336,160 32,160 C49.664,160 64,174.336 64,192 Z M224,192 C224,209.664 209.664,224 192,224 C174.336,224 160,209.664 160,192 C160,174.336 174.336,160 192,160 C209.664,160 224,174.336 224,192 Z M384,32 C384,49.664 369.664,64 352,64 C334.336,64 320,49.664 320,32 C320,14.336 334.336,-4.26325641e-14 352,-4.26325641e-14 C369.664,-4.26325641e-14 384,14.336 384,32 Z M384,352 C384,369.664 369.664,384 352,384 C334.336,384 320,369.664 320,352 C320,334.336 334.336,320 352,320 C369.664,320 384,334.336 384,352 Z M384,192 C384,209.664 369.664,224 352,224 C334.336,224 320,209.664 320,192 C320,174.336 334.336,160 352,160 C369.664,160 384,174.336 384,192 Z' id='Combined-Shape'/></g></g></svg>";
 const iconArrowLeft = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>arrow-left</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(106.680107, 134.255147)'><polygon id='arrow-left' points='298.639787 100.41664 81.66656 100.41664 151.916587 30.1666133 121.749973 0 1.42108547e-14 121.749973 121.749973 243.489707 151.916587 213.32288 81.6693333 143.083307 298.639787 143.083307'/></g></g></svg>";
+const iconArrowRight = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>arrow-right</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(106.680107, 134.255147)'><polygon id='arrow-right' points='1.42108547e-14 143.073067 216.973013 143.073067 146.7232 213.32288 176.889813 243.489707 298.639787 121.739733 176.889813 0 146.7232 30.1668267 216.970453 100.4064 1.42108547e-14 100.4064'/></g></g></svg>";
 const iconCalendar = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>calendar</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='scheduler' transform='translate(64.000000, 64.000000)'><path d='M384,1.42108547e-14 L384,384 L1.42108547e-14,384 L1.42108547e-14,1.42108547e-14 L384,1.42108547e-14 Z M341.333333,128 L42.6666667,128 L42.6666667,341.333333 L341.333333,341.333333 L341.333333,128 Z M128,256 L128,298.666667 L85.3333333,298.666667 L85.3333333,256 L128,256 Z M213.333333,256 L213.333333,298.666667 L170.666667,298.666667 L170.666667,256 L213.333333,256 Z M298.666667,256 L298.666667,298.666667 L256,298.666667 L256,256 L298.666667,256 Z M128,170.666667 L128,213.333333 L85.3333333,213.333333 L85.3333333,170.666667 L128,170.666667 Z M213.333333,170.666667 L213.333333,213.333333 L170.666667,213.333333 L170.666667,170.666667 L213.333333,170.666667 Z M298.666667,170.666667 L298.666667,213.333333 L256,213.333333 L256,170.666667 L298.666667,170.666667 Z M341.333333,42.6666667 L42.6666667,42.6666667 L42.6666667,85.3333333 L341.333333,85.3333333 L341.333333,42.6666667 Z' id='Combined-Shape'/></g></g></svg>";
 const iconChevronDownSmall = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>chevron-down-small</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(134.186667, 187.520000)'><polygon id='arrowhead-down' points='121.813333 151.893333 0 30.2933333 30.2933333 0 121.813333 91.7333333 213.333333 0 243.626667 30.2933333'/></g></g></svg>";
 const iconChevronDown = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'><desc>chevron-down</desc><polygon fill-rule='evenodd' points='320 0 350.17 30.17 175.085 205.255 0 30.17 30.17 0 175.085 144.898' transform='translate(80.915 149.333)'/></svg>";
@@ -37,8 +38,6 @@ const iconLightDark = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/200
 const iconLogOut = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>log-out</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='Combined-Shape' transform='translate(85.333333, 42.666667)'><path d='M234.666667,-2.13162821e-14 L234.666667,85.3333333 L192.000667,85.333 L192,42.6666667 L42.6666667,42.6666667 L42.6666667,384 L192,384 L192.000667,341.333 L234.666667,341.333333 L234.666667,426.666667 L-4.26325641e-14,426.666667 L-4.26325641e-14,-2.13162821e-14 L234.666667,-2.13162821e-14 Z M292.418278,112.915055 L392.836556,213.333333 L292.418278,313.751611 L262.248389,283.581722 L311.163,234.666 L106.666667,234.666667 L106.666667,192 L311.163,192 L262.248389,143.084945 L292.418278,112.915055 Z'/></g></g></svg>";
 const iconMinus = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>minus</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(64.000000, 234.666667)'><rect id='Combined-Shape' x='0' y='0' width='384' height='42.6666667'/></g></g></svg>";
 const iconMoreMenu = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>more-menu</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='icon' transform='translate(53.333333, 224.000000)'><path d='M64,32 C64,14.326888 49.673112,2.91322522e-11 32,2.91322522e-11 C14.326888,2.91322522e-11 -1.47219675e-14,14.326888 -1.58041335e-14,32 C-1.68862995e-14,49.673112 14.326888,64 32,64 C49.673112,64 64,49.673112 64,32 Z M405.333333,32 C405.333333,14.326888 391.006445,-2.84217094e-14 373.333333,-2.84217094e-14 C355.660221,-2.84217094e-14 341.333333,14.326888 341.333333,32 C341.333333,49.673112 355.660221,64 373.333333,64 C391.006445,64 405.333333,49.673112 405.333333,32 Z M234.666667,32 C234.666667,14.326888 220.339779,2.84217094e-14 202.666667,2.84217094e-14 C184.993555,2.84217094e-14 170.666667,14.326888 170.666667,32 C170.666667,49.673112 184.993555,64 202.666667,64 C220.339779,64 234.666667,49.673112 234.666667,32 Z' id='options-horizontal'/></g></g></svg>";
-const iconNavigationLeft = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>navigation-left</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='drop' transform='translate(64.000000, 64.000000)'><path d='M384,1.42108547e-14 L384,384 L1.42108547e-14,384 L1.42108547e-14,1.42108547e-14 L384,1.42108547e-14 Z M85.333,298.666 L42.666,298.666 L42.6666667,341.333333 L85.333,341.333 L85.333,298.666 Z M341.333333,42.6666667 L127.999,42.666 L127.999,341.333 L341.333333,341.333333 L341.333333,42.6666667 Z M85.333,256 L85.333,213.333 L42.666,213.333 L42.666,256 L85.333,256 Z M85.333,170.666 L85.333,128 L42.666,128 L42.666,170.666 L85.333,170.666 Z M85.333,85.333 L85.333,42.666 L42.6666667,42.6666667 L42.666,85.333 L85.333,85.333 Z' id='Combined-Shape'/></g></g></svg>";
-const iconNavigationRight = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>navigation-right</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='drop' transform='translate(64.000000, 64.000000)'><path d='M384,1.42108547e-14 L384,384 L1.42108547e-14,384 L1.42108547e-14,1.42108547e-14 L384,1.42108547e-14 Z M256,42.666 L42.6666667,42.6666667 L42.6666667,341.333333 L256,341.333 L256,42.666 Z M298.666667,298.666667 L298.666,341.333 L341.333333,341.333333 L341.333,298.666 L298.666667,298.666667 Z M341.333,128 L298.666667,128 L298.666667,170.666667 L341.333,170.666 L341.333,128 Z M341.333333,42.6666667 L298.666,42.666 L298.666667,85.3333333 L341.333,85.333 L341.333333,42.6666667 Z M298.666667,256 L341.333,256 L341.333,213.333 L298.666667,213.333333 L298.666667,256 Z' id='Combined-Shape'/></g></g></svg>";
 const iconNotification = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>notification</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='Chat' transform='translate(64.000000, 85.333333)'><path d='M384,1.42108547e-14 L384,298.666667 L277.333333,298.666667 L277.333333,384 L128,298.666667 L1.42108547e-14,298.666667 L1.42108547e-14,1.42108547e-14 L384,1.42108547e-14 Z M341.333333,42.6666667 L42.6666667,42.6666667 L42.6666667,256 L139.330749,256 L234.666667,310.464 L234.666667,256 L341.333333,256 L341.333333,42.6666667 Z'/></g></g></svg>";
 const iconOpenExternal = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>open-external</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='icon' transform='translate(85.333333, 64.000000)'><path d='M128,63.999444 L128,106.666444 L42.6666667,106.666667 L42.6666667,320 L256,320 L256,234.666444 L298.666,234.666444 L298.666667,362.666667 L4.26325641e-14,362.666667 L4.26325641e-14,64 L128,63.999444 Z M362.666667,1.42108547e-14 L362.666667,170.666667 L320,170.666667 L320,72.835 L143.084945,249.751611 L112.915055,219.581722 L289.83,42.666 L192,42.6666667 L192,1.42108547e-14 L362.666667,1.42108547e-14 Z' id='Combined-Shape'/></g></g></svg>";
 const iconPlus = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>plus</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='uncollapse' transform='translate(64.000000, 64.000000)'><path d='M213.333333,1.42108547e-14 L213.333,170.666 L384,170.666667 L384,213.333333 L213.333,213.333 L213.333333,384 L170.666667,384 L170.666,213.333 L1.42108547e-14,213.333333 L1.42108547e-14,170.666667 L170.666,170.666 L170.666667,1.42108547e-14 L213.333333,1.42108547e-14 Z'/></g></g></svg>";
@@ -54,6 +53,7 @@ const iconWarning = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8
 exports.iconAlarm = iconAlarm;
 exports.iconApps = iconApps;
 exports.iconArrowLeft = iconArrowLeft;
+exports.iconArrowRight = iconArrowRight;
 exports.iconCalendar = iconCalendar;
 exports.iconChevronDown = iconChevronDown;
 exports.iconChevronDownSmall = iconChevronDownSmall;
@@ -85,8 +85,6 @@ exports.iconLightDark = iconLightDark;
 exports.iconLogOut = iconLogOut;
 exports.iconMinus = iconMinus;
 exports.iconMoreMenu = iconMoreMenu;
-exports.iconNavigationLeft = iconNavigationLeft;
-exports.iconNavigationRight = iconNavigationRight;
 exports.iconNotification = iconNotification;
 exports.iconOpenExternal = iconOpenExternal;
 exports.iconPlus = iconPlus;

package/dist/cjs/{index-BxmN3RtX.js → index-SVeYVn-h.js}

@@ -1,7 +1,6 @@
 'use strict';
 
-require('./animation-D5wGQwTg.js');
-var modal = require('./modal-BPMUkqrW.js');
+var modal = require('./modal-_AhJoT78.js');
 
 /*
  * SPDX-FileCopyrightText: 2023 Siemens AG

package/dist/cjs/index.cjs.js

@@ -1,16 +1,15 @@
 'use strict';
 
-var logicalFilterOperator = require('./logical-filter-operator-q-2KOPJs.js');
-var tree_types = require('./tree.types-BygtRFW3.js');
-var uploadFileState = require('./upload-file-state-BvLCvnjZ.js');
-var modal = require('./modal-BPMUkqrW.js');
-var animation = require('./animation-D5wGQwTg.js');
-var typedEvent = require('./typed-event-DxWATHPL.js');
+var index$1 = require('./index-BKQkUbyE.js');
 var rwd_util = require('./rwd.util-GTn-vgCJ.js');
-var themeSwitcher = require('./theme-switcher-BfjZ3MX8.js');
-var setup = require('./setup-icNDj1cf.js');
-require('./index-DIYO-Liy.js');
-require('./index-Dxeom0qd.js');
+var logicalFilterOperator = require('./logical-filter-operator-Dv9-d8FB.js');
+var tree_types = require('./tree.types-Cs9O1Wtf.js');
+var uploadFileState = require('./upload-file-state-BvLCvnjZ.js');
+var modal = require('./modal-_AhJoT78.js');
+var animation = require('./animation-hxDbANsw.js');
+var index = require('./index-Dw-NwUuT.js');
+var typedEvent = require('./typed-event-Bw4IfJC0.js');
+var themeSwitcher = require('./theme-switcher-sbkXOvhB.js');
 
 /*
  * SPDX-FileCopyrightText: 2023 Siemens AG
@@ -21,10 +20,8 @@ require('./index-Dxeom0qd.js');
  * LICENSE file in the root directory of this source tree.
  */
 class FilterState {
-    constructor() {
-        this.tokens = [];
-        this.categories = [];
-    }
+    tokens = [];
+    categories = [];
 }
 
 /**
@@ -62,25 +59,37 @@ function toast(config) {
  * Display an info toast based on the provided configuration
  */
 toast.info = (config) => {
-    return toast(Object.assign(Object.assign({}, config), { type: 'info' }));
+    return toast({
+        ...config,
+        type: 'info',
+    });
 };
 /**
  * Display an error toast based on the provided configuration
  */
 toast.error = (config) => {
-    return toast(Object.assign(Object.assign({}, config), { type: 'error' }));
+    return toast({
+        ...config,
+        type: 'error',
+    });
 };
 /**
  * Display a success toast based on the provided configuration
  */
 toast.success = (config) => {
-    return toast(Object.assign(Object.assign({}, config), { type: 'success' }));
+    return toast({
+        ...config,
+        type: 'success',
+    });
 };
 /**
  * Display a warning toast based on the provided configuration
  */
 toast.warning = (config) => {
-    return toast(Object.assign(Object.assign({}, config), { type: 'warning' }));
+    return toast({
+        ...config,
+        type: 'warning',
+    });
 };
 
 /*
@@ -91,39 +100,249 @@ toast.warning = (config) => {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-function showModalLoading(messageOrOptions) {
-    const modal$1 = document.createElement('ix-modal');
-    modal$1.disableEscapeClose = true;
-    const loading = document.createElement('ix-modal-loading');
-    if (typeof messageOrOptions === 'string') {
-        loading.innerText = messageOrOptions;
-    }
-    else {
-        loading.innerText = messageOrOptions.message;
-        if (messageOrOptions.centered) {
+/**
+ * Create a loading modal helper with custom element dependencies.
+ */
+function createShowModalLoading(dependencies) {
+    return modal.createDependencyFunction(async function showModalLoading(options) {
+        const modal$1 = document.createElement('ix-modal');
+        modal$1.beforeDismiss = () => false;
+        const loading = document.createElement('ix-modal-loading');
+        loading.innerText = options.message;
+        if (options.centered) {
             modal$1.centered = true;
         }
+        modal$1.appendChild(loading);
+        await modal.getCoreDelegate().attachView(modal$1);
+        await modal$1.showModal();
+        return {
+            update: (text) => (loading.innerText = text),
+            finish: (text, timeout = 250) => {
+                if (text !== undefined) {
+                    loading.innerText = text;
+                }
+                else {
+                    timeout = 0;
+                }
+                setTimeout(() => {
+                    modal$1.closeModal(null);
+                    setTimeout(async () => await modal.getCoreDelegate().removeView(modal$1), animation.Animation.mediumTime);
+                }, timeout);
+            },
+        };
+    }, dependencies);
+}
+const showModalLoading = createShowModalLoading([
+    { tag: 'ix-modal', define: () => { } },
+    { tag: 'ix-modal-loading', define: () => { } },
+]);
+
+/*
+ * 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 setA11yAttributes(element, config) {
+    const ariaDescribedby = config.ariaDescribedby;
+    const ariaLabelledby = config.ariaLabelledby;
+    delete config['ariaDescribedby'];
+    delete config['ariaLabelledby'];
+    if (ariaDescribedby) {
+        element.setAttribute('aria-describedby', ariaDescribedby);
+    }
+    if (ariaLabelledby) {
+        element.setAttribute('aria-labelledby', ariaLabelledby);
     }
-    modal$1.appendChild(loading);
-    modal.getCoreDelegate().attachView(modal$1);
-    modal$1.showModal();
-    return {
-        update: (text) => (loading.innerHTML = text),
-        finish: (text, timeout = 250) => {
-            if (text !== undefined) {
-                loading.innerText = text;
+}
+function createConfirmButtons(textOkay, textCancel, payloadOkay, payloadCancel) {
+    let actions = [];
+    if (textCancel !== undefined) {
+        actions = [
+            ...actions,
+            {
+                id: 'cancel',
+                text: textCancel,
+                type: 'cancel',
+                payload: payloadCancel,
+            },
+        ];
+    }
+    return [
+        ...actions,
+        {
+            id: 'okay',
+            text: textOkay,
+            type: 'okay',
+            payload: payloadOkay,
+        },
+    ];
+}
+/**
+ * Create a message modal helper with custom element dependencies.
+ */
+function createShowMessage(dependencies) {
+    const showMessage = modal.createDependencyFunction(async function (config) {
+        const onMessageAction = new typedEvent.TypedEvent();
+        const dialog = document.createElement('ix-modal');
+        const header = document.createElement('ix-modal-header');
+        const content = document.createElement('ix-modal-content');
+        const footer = document.createElement('ix-modal-footer');
+        setA11yAttributes(dialog, config);
+        Object.assign(header, config);
+        Object.assign(content, config);
+        Object.assign(footer, config);
+        header.innerText = config.messageTitle;
+        content.innerText = config.message;
+        config.actions.forEach(({ id, text, type, payload }) => {
+            const button = document.createElement('ix-button');
+            button.innerText = text;
+            footer.appendChild(button);
+            if (type === 'okay') {
+                button.variant = 'primary';
+                button.addEventListener('click', () => dialog.closeModal({
+                    actionId: id,
+                    payload,
+                }));
+                return;
             }
-            else {
-                timeout = 0;
+            else if (type === 'cancel') {
+                button.variant = 'secondary';
+                button.addEventListener('click', () => dialog.dismissModal({
+                    actionId: id,
+                    payload,
+                }));
+                return;
             }
-            setTimeout(() => {
-                modal$1.closeModal(null);
-                setTimeout(async () => await modal.getCoreDelegate().removeView(modal$1), animation.Animation.mediumTime);
-            }, timeout);
+        });
+        dialog.appendChild(header);
+        dialog.appendChild(content);
+        dialog.appendChild(footer);
+        const dialogRef = await modal.getCoreDelegate().attachView(dialog);
+        dialogRef.addEventListener('dialogClose', (event) => {
+            onMessageAction.emit(event.detail);
+            dialogRef.remove();
+        });
+        dialogRef.addEventListener('dialogDismiss', (event) => {
+            onMessageAction.emit(event.detail);
+            dialogRef.remove();
+        });
+        setA11yAttributes(dialogRef, config);
+        Object.assign(dialogRef, config);
+        dialogRef.showModal();
+        return onMessageAction;
+    }, dependencies);
+    return Object.assign(showMessage, {
+        /**
+         * Displays an info message modal with an info icon
+         */
+        info: (title, message, textOkay, textCancel, payloadOkay, payloadCancel) => {
+            return showMessage({
+                message,
+                messageTitle: title,
+                icon: index.iconInfo,
+                actions: createConfirmButtons(textOkay, textCancel, payloadOkay, payloadCancel),
+            });
         },
-    };
+        /**
+         * Displays a warning message modal with a warning icon
+         */
+        warning: (title, message, textOkay, textCancel, payloadOkay, payloadCancel) => {
+            return showMessage({
+                message,
+                messageTitle: title,
+                icon: index.iconWarning,
+                //TODO(IX-3400): Remove warning-text when proper CSS variable is available
+                iconColor: 'color-warning-text',
+                actions: createConfirmButtons(textOkay, textCancel, payloadOkay, payloadCancel),
+            });
+        },
+        /**
+         * Displays an error message modal with an error icon
+         */
+        error: (title, message, textOkay, textCancel, payloadOkay, payloadCancel) => {
+            return showMessage({
+                message,
+                messageTitle: title,
+                icon: index.iconError,
+                iconColor: 'color-alarm',
+                actions: createConfirmButtons(textOkay, textCancel, payloadOkay, payloadCancel),
+            });
+        },
+        /**
+         * Displays a success message modal with a success icon
+         */
+        success: (title, message, textOkay, textCancel, payloadOkay, payloadCancel) => {
+            return showMessage({
+                message,
+                messageTitle: title,
+                icon: index.iconSuccess,
+                iconColor: 'color-success',
+                actions: createConfirmButtons(textOkay, textCancel, payloadOkay, payloadCancel),
+            });
+        },
+        /**
+         * Displays a question message modal with a question icon
+         */
+        question: (title, message, textOkay, textCancel, payloadOkay, payloadCancel) => {
+            return showMessage({
+                message,
+                messageTitle: title,
+                icon: index.iconQuestion,
+                actions: createConfirmButtons(textOkay, textCancel, payloadOkay, payloadCancel),
+            });
+        },
+    });
+}
+/**
+ * Displays a message modal with configurable actions and returns an event emitter for action responses
+ */
+const showMessage = createShowMessage([
+    {
+        tag: 'ix-modal',
+        define: () => { },
+    },
+    {
+        tag: 'ix-modal-header',
+        define: () => { },
+    },
+    {
+        tag: 'ix-modal-content',
+        define: () => { },
+    },
+    {
+        tag: 'ix-modal-footer',
+        define: () => { },
+    },
+    { tag: 'ix-button', define: () => { } },
+]);
+
+/*
+ * SPDX-FileCopyrightText: 2024 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+function handlePlatformHelpers(config) {
+    const platformHelpers = {};
+    if (config.ael) {
+        platformHelpers.ael = config.ael;
+    }
+    if (config.rel) {
+        platformHelpers.rel = config.rel;
+    }
+    if (config.ce) {
+        platformHelpers.ce = config.ce;
+    }
+    index$1.setPlatformHelpers(platformHelpers);
 }
 
+exports.convertToAbbreviationString = rwd_util.convertToAbbreviationString;
+exports.convertToRemString = rwd_util.convertToRemString;
 exports.InputState = logicalFilterOperator.InputState;
 Object.defineProperty(exports, "LogicalFilterOperator", {
     enumerable: true,
@@ -140,16 +359,16 @@ exports.dismissModal = modal.dismissModal;
 exports.getCoreDelegate = modal.getCoreDelegate;
 exports.registerFrameworkDelegate = modal.registerFrameworkDelegate;
 exports.resolveDelegate = modal.resolveDelegate;
-exports.showMessage = modal.showMessage;
 exports.showModal = modal.showModal;
 exports.TypedEvent = typedEvent.TypedEvent;
-exports.convertToAbbreviationString = rwd_util.convertToAbbreviationString;
-exports.convertToRemString = rwd_util.convertToRemString;
 exports.getCurrentSystemAppearance = themeSwitcher.getCurrentSystemAppearance;
 exports.themeSwitcher = themeSwitcher.themeSwitcher;
-exports.handlePlatformHelpers = setup.handlePlatformHelpers;
 exports.FilterState = FilterState;
+exports.createShowMessage = createShowMessage;
+exports.createShowModalLoading = createShowModalLoading;
 exports.getToastContainer = getToastContainer;
+exports.handlePlatformHelpers = handlePlatformHelpers;
 exports.setToastPosition = setToastPosition;
+exports.showMessage = showMessage;
 exports.showModalLoading = showModalLoading;
 exports.toast = toast;

package/dist/cjs/inherit-aria-attributes.mixin-Sl7J-OlO.js

@@ -0,0 +1,36 @@
+'use strict';
+
+var index = require('./index-BKQkUbyE.js');
+var a11y = require('./a11y-C_6YiIMa.js');
+
+const InheritAriaAttributesMixin = (Base) => {
+    const InheritAriaAttributesMixinCtor = class extends Base {
+        inheritAriaAttributes = {};
+        constructor(hostRef, ...args) {
+            super(...args);
+            index.registerInstance(this, hostRef);
+        }
+        getIgnoredAriaAttributes() {
+            return [];
+        }
+        componentWillLoad() {
+            this.inheritAriaAttributes = a11y.a11yHostAttributes(this.hostElement, this.getIgnoredAriaAttributes ? this.getIgnoredAriaAttributes() : []);
+        }
+        ariaAttributeChanged(newValue, _, propName) {
+            const ignoredAttributes = this.getIgnoredAriaAttributes();
+            if (ignoredAttributes.includes(propName)) {
+                return;
+            }
+            const updateAttribute = {
+                [propName]: newValue,
+            };
+            this.inheritAriaAttributes = {
+                ...this.inheritAriaAttributes,
+                ...updateAttribute,
+            };
+        }
+    };
+    return InheritAriaAttributesMixinCtor;
+};
+
+exports.InheritAriaAttributesMixin = InheritAriaAttributesMixin;

package/dist/cjs/{picker-input.util-DJNAVluZ.js → input-picker.mixin-EoIayQV9.js}

@@ -1,6 +1,7 @@
 'use strict';
 
-var dropdownController = require('./dropdown-controller-BLOjtc6w.js');
+var dropdownController = require('./dropdown-controller-DeBeUVhj.js');
+var index = require('./index-BKQkUbyE.js');
 
 /*
  * SPDX-FileCopyrightText: 2025 Siemens AG
@@ -61,6 +62,29 @@ function createValidityState(isInputInvalid, required, value) {
     };
 }
 
+const InputPickerMixin = (Base) => {
+    const InputPickerMixinCtor = class extends Base {
+        constructor(hostRef) {
+            super();
+            index.registerInstance(this, hostRef);
+        }
+        /** @internal */
+        async openPicker() {
+            const pickerRef = this.getPickerElement();
+            const pickerElement = await pickerRef?.waitForCurrent();
+            if (!pickerElement) {
+                return;
+            }
+            dropdownController.dropdownController.dismissAll();
+            requestAnimationFrame(() => {
+                pickerElement.show = true;
+            });
+        }
+    };
+    return InputPickerMixinCtor;
+};
+
+exports.InputPickerMixin = InputPickerMixin;
 exports.closeDropdown = closeDropdown;
 exports.createValidityState = createValidityState;
 exports.handleIconClick = handleIconClick;

package/dist/cjs/{input.fc-BIQRswZt.js → input.fc-CsACCdp7.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-Dxeom0qd.js');
-var a11y = require('./a11y-DldCLr8D.js');
-var validation = require('./validation-DF9UXqHB.js');
+var index = require('./index-BKQkUbyE.js');
+var a11y = require('./a11y-C_6YiIMa.js');
 var mutationObserver = require('./mutation-observer-DE0YMfYu.js');
 var rwd_util = require('./rwd.util-GTn-vgCJ.js');
 var anime_esm = require('./anime.esm-AXTM6yn_.js');
-var animation = require('./animation-D5wGQwTg.js');
+var animation = require('./animation-hxDbANsw.js');
+var validation = require('./validation-Dier-uPA.js');
 
 /*
  * SPDX-FileCopyrightText: 2024 Siemens AG
@@ -95,14 +95,13 @@ function onInputBlur(comp, input) {
     checkInternalValidity(comp, input);
 }
 function applyPaddingEnd(inputElement, width, options) {
-    var _a;
     if (!inputElement) {
         return;
     }
     const remInPixels = 16;
     const padding = rwd_util.convertToRemString(width + remInPixels / 2);
     if (options.slotEnd) {
-        inputElement.style.paddingRight = `calc(${padding} + ${(_a = options.additionalPaddingRight) !== null && _a !== void 0 ? _a : '0rem'})`;
+        inputElement.style.paddingRight = `calc(${padding} + ${options.additionalPaddingRight ?? '0rem'})`;
     }
     else {
         inputElement.style.paddingLeft = padding;
@@ -235,9 +234,9 @@ async function emitPickerValidityStateChangeIfChanged(tracker, context) {
  * LICENSE file in the root directory of this source tree.
  */
 function TextareaElement(props) {
-    return (index.h("textarea", Object.assign({ id: props.id, readOnly: props.readonly, disabled: props.disabled, maxLength: props.maxLength, minLength: props.minLength, cols: props.textareaCols, rows: props.textareaRows, ref: props.textAreaRef, class: {
+    return (index.h("textarea", { id: props.id, readOnly: props.readonly, disabled: props.disabled, maxLength: props.maxLength, minLength: props.minLength, cols: props.textareaCols, rows: props.textareaRows, ref: props.textAreaRef, class: {
             'is-invalid': props.isInvalid,
-        }, required: props.required, value: props.value, placeholder: props.placeholder, onFocus: () => { var _a; return (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props); }, onInput: (inputEvent) => {
+        }, required: props.required, value: props.value, placeholder: props.placeholder, onFocus: () => props.onFocus?.(), onInput: (inputEvent) => {
             const target = inputEvent.target;
             props.updateFormInternalValue(target.value);
             props.valueChange(target.value);
@@ -245,25 +244,24 @@ function TextareaElement(props) {
             resize: props.resizeBehavior,
             height: props.textareaHeight,
             width: props.textareaWidth,
-        } }, props.ariaAttributes)));
+        }, ...props.ariaAttributes }));
 }
 function InputElement(props) {
-    return (index.h("input", Object.assign({ id: props.id, autoComplete: "off", readOnly: props.readonly, disabled: props.disabled, step: props.step, min: props.min, max: props.max, maxLength: props.maxLength ? Number(props.maxLength) : undefined, minLength: props.minLength ? Number(props.minLength) : undefined, ref: props.inputRef, pattern: props.pattern, type: props.type, class: {
+    return (index.h("input", { id: props.id, autoComplete: "off", readOnly: props.readonly, disabled: props.disabled, step: props.step, min: props.min, max: props.max, maxLength: props.maxLength ? Number(props.maxLength) : undefined, minLength: props.minLength ? Number(props.minLength) : undefined, ref: props.inputRef, pattern: props.pattern, type: props.type, class: {
             'is-invalid': props.isInvalid,
         }, style: {
             textAlign: props.textAlignment,
         }, required: props.required, value: props.value, placeholder: props.placeholder, onKeyPress: (event) => props.onKeyPress(event), onKeyDown: (e) => {
-            var _a, _b;
-            (_a = props.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(props, e);
-            (_b = props.onEnterKeyChange) === null || _b === void 0 ? void 0 : _b.call(props, e);
+            props.onKeyDown?.(e);
+            props.onEnterKeyChange?.(e);
             handleSubmitOnEnterKeydown(e, !!props.suppressSubmitOnEnter, props.form);
-        } }, {
-        onBeforeInput: (event) => { var _a; return (_a = props.onBeforeInput) === null || _a === void 0 ? void 0 : _a.call(props, event); },
-    }, { onPaste: (event) => { var _a; return (_a = props.onPaste) === null || _a === void 0 ? void 0 : _a.call(props, event); }, onFocus: () => { var _a; return (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props); }, onInput: (inputEvent) => {
+        }, ...{
+            onBeforeInput: (event) => props.onBeforeInput?.(event),
+        }, onPaste: (event) => props.onPaste?.(event), onFocus: () => props.onFocus?.(), onInput: (inputEvent) => {
             const target = inputEvent.target;
             props.updateFormInternalValue(target.value);
             props.valueChange(target.value);
-        }, onBlur: () => props.onBlur() }, props.ariaAttributes)));
+        }, onBlur: () => props.onBlur(), ...props.ariaAttributes }));
 }
 const SlotEnd = (props, children) => {
     return (index.h("div", { class: "end-container", ref: props.slotEndRef }, index.h("slot", { name: "end", onSlotchange: props.onSlotChange }), children));