@siemens/ix 4.4.0 → 5.1.0

package/dist/cjs/ix-typography.cjs.entry.js

@@ -1,21 +1,29 @@
 'use strict';
 
-var index = require('./index-Dxeom0qd.js');
+var index = require('./index-DnclGKUw.js');
 
 const typographyCss = () => `.typography-label,:host(.typography-label){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-label-xs,:host(.typography-label-xs){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--2);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xxl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-label-sm,:host(.typography-label-sm){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--1);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-label-lg,:host(.typography-label-lg){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-1);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-body,:host(.typography-body){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-body-xs,:host(.typography-body-xs){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--2);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xxl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-body-sm,:host(.typography-body-sm){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-body-lg,:host(.typography-body-lg){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display,:host(.typography-display){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-3);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-xs,:host(.typography-display-xs){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-1);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-sm);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-sm,:host(.typography-display-sm){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-2);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-lg,:host(.typography-display-lg){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-4);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-xl,:host(.typography-display-xl){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-5);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-sm);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-xxl,:host(.typography-display-xxl){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-6);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-sm);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h6,.h6,.typography-h6,:host(.typography-h6){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h5,.h5,.typography-h5,:host(.typography-h5){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h4,.h4,.typography-h4,:host(.typography-h4){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h3,.h3,.typography-h3,:host(.typography-h3){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-2);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h2,.h2,.typography-h2,:host(.typography-h2){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-3);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h1,.h1,.typography-h1,:host(.typography-h1){font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-4);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-code,:host(.typography-code){font-feature-settings:"clig" off, "liga" off;font-family:JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-code-lg,:host(.typography-code-lg){font-feature-settings:"clig" off, "liga" off;font-family:JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-code-sm,:host(.typography-code-sm){font-feature-settings:"clig" off, "liga" off;font-family:JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-decoration-none,:host(.typography-decoration-none){text-decoration:none !important}.typography-decoration-underline,:host(.typography-decoration-underline){text-decoration:underline !important}.typography-decoration-line-through,:host(.typography-decoration-line-through){text-decoration:line-through !important}.typography-weight-bold,:host(.typography-weight-bold){font-weight:700 !important}a{color:var(--theme-color-primary)}:host{display:block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host(.text-xs){font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-s){font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-caption){font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-caption-single){font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-default){font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-default-single){font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-default-title){font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-default-title-single){font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-l){font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-l-single){font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-l-title){font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-l-title-single){font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-h2){font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-xl){font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}`;
 
 const IxTypography = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        /**
-         * Display text bold
-         */
-        this.bold = false;
-        /**
-         * Text decoration
-         */
-        this.textDecoration = 'none';
     }
+    /**
+     * Text format
+     */
+    format;
+    /**
+     * Text color based on theme variables
+     */
+    textColor;
+    /**
+     * Display text bold
+     */
+    bold = false;
+    /**
+     * Text decoration
+     */
+    textDecoration = 'none';
     static getTextColor(color) {
         if (color.startsWith('inv-') || !color.endsWith('-contrast')) {
             return `var(--theme-color-${color}-text)`;
@@ -23,9 +31,8 @@ const IxTypography = class {
         return `var(--theme-color-${color.replace('-', '--')})`;
     }
     render() {
-        var _a;
         let typographyClass = {};
-        typographyClass[`typography-${(_a = this.format) !== null && _a !== void 0 ? _a : 'body'}`] = true;
+        typographyClass[`typography-${this.format ?? 'body'}`] = true;
         if (this.textDecoration !== 'none') {
             typographyClass[`typography-decoration-${this.textDecoration}`] = true;
         }
@@ -36,7 +43,7 @@ const IxTypography = class {
                 color: IxTypography.getTextColor(this.textColor),
             };
         }
-        return (index.h(index.Host, { key: '373bb7d6255698f7fed9130834b1ae14fbfd8586', class: typographyClass, style: style }, index.h("slot", { key: 'a6368136d7dc8ce6c0418c5debba69b4ec9fe137' })));
+        return (index.h(index.Host, { key: '618a929c958412cf860566ff38de557af16b4df1', class: typographyClass, style: style }, index.h("slot", { key: 'a766532919f0d8aa5e844b5501c724c5a149b2c0' })));
     }
 };
 IxTypography.style = typographyCss();

package/dist/cjs/ix-upload.cjs.entry.js

@@ -1,82 +1,76 @@
 'use strict';
 
-var index = require('./index-Dxeom0qd.js');
+var index = require('./index-DnclGKUw.js');
 var uploadFileState = require('./upload-file-state-BvLCvnjZ.js');
-var index$1 = require('./index-DIYO-Liy.js');
-var a11y = require('./a11y-DldCLr8D.js');
+var index$1 = require('./index-CwJ-mkQd.js');
+var a11y = require('./a11y-_XjpTo2w.js');
 
 const uploadCss = () => `:host{display:block;min-height:4rem;height:4rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .file-upload-area{display:flex;flex-direction:row;align-items:center;justify-content:space-between;overflow:hidden;height:100%;width:100%;padding:1rem;border:1px dashed var(--theme-upload--border-color);border-radius:var(--theme-upload--border-radius);color:var(--theme-upload-text--color)}:host .file-upload-area.multiline{max-height:unset;height:auto}:host .file-upload-area.multiline .glyph{align-self:flex-start;margin-block-start:3px}:host .file-upload-area.multiline>div{align-self:flex-start}:host .file-upload-area:not(.multiline) .state,:host .file-upload-area:not(.multiline) .upload-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .file-upload-area:not(.disabled).file-over{border-color:var(--theme-upload--border-color--dragover);border-style:solid}:host .file-upload-area.checking{color:var(--theme-upload-text--color--checking);border-style:solid}:host .file-upload-area.disabled{border-style:solid;color:var(--theme-upload-text--color--disabled)}:host .file-upload-area ix-button{margin-inline-start:1rem}:host .file-upload-area .upload-browser{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}:host .file-upload-area .loader{margin:2.187rem auto;font-size:0.937rem;width:1rem;height:1rem;border-radius:50%;position:relative;text-indent:-9999em;animation:optimise-loading 1.1s infinite ease;transform:translateZ(0)}:host .file-upload-area .upload-filename{margin-bottom:1rem}:host .file-upload-area .state{display:flex;align-items:center}:host .file-upload-area .state>ix-spinner{margin-inline-end:0.5rem}:host .file-upload-area .state>ix-icon{margin-inline-end:0.5rem}:host .file-upload-area .state>ix-icon.icon-error{color:var(--theme-color-alarm)}:host .file-upload-area .state>ix-icon.icon-success{color:var(--theme-color-success)}:host(.disabled){pointer-events:none}`;
 
-/*
- * 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.
- */
-var __rest = (undefined && undefined.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s)
-        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 const Upload = class {
+    /**
+     * The accept attribute specifies the types of files that the server accepts (that can be submitted through a file upload).
+     * See {@link https://www.w3schools.com/tags/att_input_accept.asp}
+     */
+    accept;
+    /**
+     * If multiple is true the user can drop or select multiple files
+     */
+    multiple = false;
+    /**
+     * If directoryUpload is true the user can drop or select a folder containing one or more files
+     *
+     * @since 5.1.0
+     */
+    directoryUpload = false;
+    /**
+     * Whether the text should wrap to more than one line
+     */
+    multiline = false;
+    /**
+     * Disable all input events
+     */
+    disabled = false;
+    /**
+     * After a file is uploaded you can set the upload component to a defined state
+     */
+    state = uploadFileState.UploadFileState.SELECT_FILE;
+    /**
+     * Will be used by state = UploadFileState.SELECT_FILE
+     */
+    selectFileText;
+    /**
+     * Will be used by state = UploadFileState.LOADING
+     */
+    loadingText;
+    /**
+     * Will be used by state = UploadFileState.UPLOAD_FAILED
+     */
+    uploadFailedText = 'Upload failed. Please try again.';
+    /**
+     * Will be used by state = UploadFileState.UPLOAD_SUCCESSED
+     */
+    uploadSuccessText = 'Upload successful';
+    /**
+     * Label for upload file or folder button
+     */
+    i18nUploadFile;
+    /**
+     * Text for disabled state
+     */
+    i18nUploadDisabled = 'File upload currently not possible.';
+    /**
+     * You get an array of Files after drop-action or browse action is finished
+     */
+    filesChanged;
+    get hostElement() { return index.getElement(this); }
     get inputElement() {
         return this.hostElement.shadowRoot.querySelector('#upload-browser');
     }
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.filesChanged = index.createEvent(this, "filesChanged", 7);
-        /**
-         * If multiple is true the user can drop or select multiple files
-         */
-        this.multiple = false;
-        /**
-         * Whether the text should wrap to more than one line
-         */
-        this.multiline = false;
-        /**
-         * Disable all input events
-         */
-        this.disabled = false;
-        /**
-         * After a file is uploaded you can set the upload component to a defined state
-         */
-        this.state = uploadFileState.UploadFileState.SELECT_FILE;
-        /**
-         * Will be used by state = UploadFileState.SELECT_FILE
-         */
-        this.selectFileText = '+ Drag files here or…';
-        /**
-         * Will be used by state = UploadFileState.LOADING
-         */
-        this.loadingText = 'Checking files…';
-        /**
-         * Will be used by state = UploadFileState.UPLOAD_FAILED
-         */
-        this.uploadFailedText = 'Upload failed. Please try again.';
-        /**
-         * Will be used by state = UploadFileState.UPLOAD_SUCCESSED
-         */
-        this.uploadSuccessText = 'Upload successful';
-        /**
-         * Label for upload file button
-         */
-        this.i18nUploadFile = 'Upload file…';
-        /**
-         * Text for disabled state
-         */
-        this.i18nUploadDisabled = 'File upload currently not possible.';
-        this.isFileOver = false;
-        this.a11y = {};
-    }
+    isFileOver = false;
+    filesToUpload;
+    a11y = {};
+    constructor(hostRef) { index.registerInstance(this, hostRef); this.filesChanged = index.createEvent(this, "filesChanged", 7); }
     componentWillLoad() {
         this.a11y = a11y.a11yHostAttributes(this.hostElement);
     }
@@ -147,9 +141,13 @@ const Upload = class {
         }
         switch (this.state) {
             case uploadFileState.UploadFileState.SELECT_FILE:
-                return (index.h("span", { class: "state" }, index.h("span", { class: "upload-text" }, this.selectFileText)));
+                return (index.h("span", { class: "state" }, index.h("span", { class: "upload-text" }, this.selectFileText ??
+                    (this.directoryUpload
+                        ? '+ Drag folder here or…'
+                        : '+ Drag files here or…'))));
             case uploadFileState.UploadFileState.LOADING:
-                return (index.h("span", { class: "state" }, index.h("ix-spinner", { variant: "primary" }), index.h("span", { class: "upload-text" }, this.loadingText)));
+                return (index.h("span", { class: "state" }, index.h("ix-spinner", { variant: "primary" }), index.h("span", { class: "upload-text" }, this.loadingText ??
+                    (this.directoryUpload ? 'Checking folder…' : 'Checking files…'))));
             case uploadFileState.UploadFileState.UPLOAD_FAILED:
                 return (index.h("span", { class: "state" }, index.h("ix-icon", { name: index$1.iconError, class: "icon-error" }), index.h("span", { class: "upload-text" }, this.uploadFailedText)));
             case uploadFileState.UploadFileState.UPLOAD_SUCCESSED:
@@ -167,8 +165,14 @@ const Upload = class {
     }
     render() {
         const disabled = this.disabled || this.state === uploadFileState.UploadFileState.LOADING;
-        const _a = this.a11y, { 'aria-label': ariaLabel = 'Upload files' } = _a, a11y = __rest(_a, ['aria-label']);
-        return (index.h(index.Host, Object.assign({ key: 'f6688a85aea9e0d89501ad0228672c3d8e7d1510' }, a11y, { "aria-disabled": disabled }), index.h("div", { key: 'df7497428db60a2b3e67a4363c646cfe6b48ad00', class: {
+        const directoryAttributes = this.directoryUpload
+            ? { webkitdirectory: true, directory: true, multiple: true }
+            : {};
+        const defaultAriaLabel = this.directoryUpload
+            ? 'Upload folder'
+            : 'Upload files';
+        const { 'aria-label': ariaLabel = defaultAriaLabel, ...a11y } = this.a11y;
+        return (index.h(index.Host, { key: '9a21dd00faf48cd80ae13e84af47e09135f35ff8', ...a11y, "aria-disabled": disabled }, index.h("div", { key: 'd94f8f4756bc8fc6484adde5928020dd0d024b41', class: {
                 'file-upload-area': true,
                 'file-over': this.state !== uploadFileState.UploadFileState.LOADING && this.isFileOver,
                 checking: this.state === uploadFileState.UploadFileState.LOADING,
@@ -178,11 +182,11 @@ const Upload = class {
                 if (this.state !== uploadFileState.UploadFileState.LOADING) {
                     this.fileDropped(e);
                 }
-            }, onDragOver: (e) => this.fileOver(e), onDragLeave: () => this.fileLeave() }, this.renderUploadState(), index.h("div", { key: '2d5be47bf62d7ee550161a9f3144360008a8c15a' }, index.h("input", { key: '65906ff25aef00a22ba14ca0c9ac06f5ba2f0a14', "aria-label": ariaLabel, "aria-disabled": disabled, multiple: this.multiple, type: "file", class: "upload-browser", id: "upload-browser", tabindex: "-1", onChange: (e) => {
+            }, onDragOver: (e) => this.fileOver(e), onDragLeave: () => this.fileLeave() }, this.renderUploadState(), index.h("div", { key: '9e3ca61924cca20b05afe9a9839be43ff4d4df0c' }, index.h("input", { key: '5a237001c511dbfd0b7fb21a6b5986e07fab0915', "aria-label": ariaLabel, "aria-disabled": disabled, multiple: this.multiple, type: "file", class: "upload-browser", id: "upload-browser", ...directoryAttributes, tabindex: "-1", onChange: (e) => {
                 this.fileChangeEvent(e);
-            }, accept: this.accept, disabled: disabled }), index.h("ix-button", { key: '2aa95b1069cf60552bee194095cb2cb6cdc66d65', variant: "secondary", "aria-disabled": disabled, onClick: () => this.inputElement.click(), disabled: disabled }, this.i18nUploadFile)))));
+            }, accept: this.accept, disabled: disabled }), index.h("ix-button", { key: '0e597ad0b6dbadad5097258e6e5ebf8cca4cd409', variant: "secondary", "aria-disabled": disabled, onClick: () => this.inputElement.click(), disabled: disabled }, this.i18nUploadFile ??
+            (this.directoryUpload ? 'Upload folder…' : 'Upload file…'))))));
     }
-    get hostElement() { return index.getElement(this); }
 };
 Upload.style = uploadCss();
 

package/dist/cjs/ix-workflow-step.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-Dxeom0qd.js');
-var index$1 = require('./index-DIYO-Liy.js');
+var index = require('./index-DnclGKUw.js');
+var index$1 = require('./index-CwJ-mkQd.js');
 
 const workflowStepCss = () => `:host(:not(.host-vertical)){width:12rem;height:4rem;min-width:2rem;min-height:4rem;max-width:12rem}:host(.host-vertical){width:100%;height:4rem;min-width:4rem;min-height:2rem;max-height:12rem}:host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .step{display:flex;flex-direction:column;align-items:center;background-color:var(--theme-workflow-step--background);border-radius:var(--theme-workflow--border-radius);padding:1.125rem 0 0.5rem 0}:host .step .wrapper{display:flex;width:100%;align-items:center;justify-content:center;position:relative}:host .step .wrapper .line{width:100%;height:0.125rem;background-color:var(--theme-workflow-step-icon-default--color)}:host .step .wrapper .line.first,:host .step .wrapper .line.last{width:50%;margin:0 0 0 auto}:host .step .wrapper .line.last{margin:0 auto 0 0}:host .step .wrapper .line.single{width:0}:host .step .wrapper .line.selected{background-color:var(--theme-workflow-step-icon-default--color--selected)}:host .step .wrapper .line.done{background-color:var(--theme-workflow-step-icon-done--color)}:host .step .wrapper .line.done.selected{background-color:var(--theme-workflow-step-icon-done--color--selected)}:host .step .wrapper .line.warning{background-color:var(--theme-color-warning)}:host .step .wrapper .line.success{background-color:var(--theme-color-success)}:host .step .wrapper .line.error{background-color:var(--theme-color-alarm)}:host .step .wrapper .iconWrapper{display:flex;align-items:center;justify-content:center;position:absolute}:host .step .wrapper .iconWrapper .absolute{position:absolute}:host .step .text{margin-top:1rem;width:100%;padding:0 0.5rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center}:host .step.vertical{flex-direction:row;padding:0;height:100%}:host .step.vertical .wrapper{width:auto;padding-left:1.125rem;height:100%}:host .step.vertical .wrapper .line{width:0.125rem;height:100%}:host .step.vertical .wrapper .line.first,:host .step.vertical .wrapper .line.last{height:50%;margin:auto 0 0 0}:host .step.vertical .wrapper .line.last{margin:0 0 auto 0}:host .step.vertical .wrapper .line.single{width:0}:host .step.vertical .text{margin:0 1rem;padding:0;width:auto}:host .step.clickable:hover{background-color:var(--theme-workflow-step--background--hover)}:host .step.clickable:active{background-color:var(--theme-workflow-step--background--active)}:host .step:focus-visible{outline:1px solid var(--focus--border-color);border-radius:0}:host .step.selected{background-color:var(--theme-workflow-step--background--selected)}:host .step.disabled{background-color:var(--theme-workflow-step--background--disabled)}:host .step.disabled .line{background-color:var(--theme-workflow-step-icon-default--color--disabled) !important}:host .step.disabled .text{color:var(--theme-workflow-step--color--disabled)}`;
 
@@ -9,35 +9,41 @@ const WorkflowStep = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.selectedChanged = index.createEvent(this, "selectedChanged", 7);
-        /**
-         * Select orientation
-         */
-        this.vertical = false;
-        /**
-         * Set disabled
-         */
-        this.disabled = false;
-        /**
-         * Set status
-         */
-        this.status = 'open';
-        /**
-         * Activate navigation click
-         */
-        this.clickable = false;
-        /**
-         * Set selected
-         */
-        this.selected = false;
-        /**
-         * Activate navigation click
-         *
-         * @internal
-         */
-        this.position = 'undefined';
-        this.iconColor = 'workflow-step-icon-default--color';
-        this.customIconSlot = false;
     }
+    get hostElement() { return index.getElement(this); }
+    /**
+     * Select orientation
+     */
+    vertical = false;
+    /**
+     * Set disabled
+     */
+    disabled = false;
+    /**
+     * Set status
+     */
+    status = 'open';
+    /**
+     * Activate navigation click
+     */
+    clickable = false;
+    /**
+     * Set selected
+     */
+    selected = false;
+    /**
+     * Activate navigation click
+     *
+     * @internal
+     */
+    position = 'undefined';
+    iconName;
+    iconColor = 'workflow-step-icon-default--color';
+    /**
+     * @internal
+     */
+    selectedChanged;
+    customIconSlot = false;
     selectedHandler() {
         this.setWorkflowStepStyles();
     }
@@ -108,20 +114,19 @@ const WorkflowStep = class {
     }
     render() {
         const icons = !this.customIconSlot ? (index.h(index.Fragment, null, index.h("ix-icon", { color: "color-1", name: this.status === 'warning' ? index$1.iconTriangleFilled : index$1.iconCircleFilled, class: "absolute", size: "24" }), index.h("ix-icon", { color: this.iconColor, name: this.iconName, class: "absolute", size: "24", "aria-label": this.getIconAriaLabel() }))) : null;
-        return (index.h(index.Host, { key: 'ba277a277df82498b071d6b63e07177f33b39747', class: { 'host-vertical': this.vertical }, onClick: () => this.onStepClick() }, index.h("div", { key: '254f15dc98882c3ccf425806ebcb798cf4ca2067', tabIndex: 0, class: {
+        return (index.h(index.Host, { key: '9ce5d93c28b5faeab001bd9210a022b32d2635c3', class: { 'host-vertical': this.vertical }, onClick: () => this.onStepClick() }, index.h("div", { key: 'd3e4dc4bfd15f93461193fd1cc88bd666103160f', tabIndex: 0, class: {
                 step: true,
                 selected: this.selected,
                 vertical: this.vertical,
                 disabled: this.disabled,
                 clickable: this.clickable && !this.disabled,
-            } }, index.h("div", { key: '52277952fefb15636c4c769cae8b1b31681747b0', class: "wrapper" }, index.h("div", { key: '172e5dbd849ff5f1c398b9dd2269a1a5289d7e13', class: {
+            } }, index.h("div", { key: 'd9e7ed59ca4a16c28ad973c85b09a19044954f08', class: "wrapper" }, index.h("div", { key: '89d015629ccebbdb8a94d8c9ee276f3abb8c876f', class: {
                 line: true,
                 selected: this.selected,
                 [this.status]: true,
                 [this.position]: true,
-            } }), index.h("div", { key: 'd14473e894db0490d0846b991bd11ea96d1d0940', class: "iconWrapper" }, icons, index.h("slot", { key: 'fd034c7d06df4e52aa704e7032acc93afe1bb5fc', name: "custom-icon" }))), index.h("div", { key: 'c4f2915aaa75d26fcfbbd9bf5786f2786da58b9c', class: "text" }, index.h("slot", { key: '08b316f4c683aa9be7a5edac8b64977538683ba4' })))));
+            } }), index.h("div", { key: '56abb531bee9339a25c540019faef59a406a542a', class: "iconWrapper" }, icons, index.h("slot", { key: 'e903779416603e31faf8cacd15cc85c751e6376a', name: "custom-icon" }))), index.h("div", { key: '5c93afc3352897a7480e27251590cbb3dce86e9a', class: "text" }, index.h("slot", { key: '6594f25dccef5bd78bf255839487a9e8fdc7d3ca' })))));
     }
-    get hostElement() { return index.getElement(this); }
     static get watchers() { return {
         "selected": [{
                 "selectedHandler": 0

package/dist/cjs/ix-workflow-steps.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Dxeom0qd.js');
+var index = require('./index-DnclGKUw.js');
 var mutationObserver = require('./mutation-observer-DE0YMfYu.js');
 
 const workflowStepsCss = () => `:host{display:block;position:relative;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;min-width:2rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .steps{display:flex;height:100%}:host .steps.vertical{flex-direction:column}`;
@@ -9,19 +9,24 @@ const WorkflowSteps = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.stepSelected = index.createEvent(this, "stepSelected", 7);
-        /**
-         * Select orientation
-         */
-        this.vertical = false;
-        /**
-         * Activate navigation click
-         */
-        this.clickable = false;
-        /**
-         * Activate navigation click
-         */
-        this.selectedIndex = 0;
     }
+    get hostElement() { return index.getElement(this); }
+    /**
+     * Select orientation
+     */
+    vertical = false;
+    /**
+     * Activate navigation click
+     */
+    clickable = false;
+    /**
+     * Activate navigation click
+     */
+    selectedIndex = 0;
+    /**
+     * On step selected event
+     */
+    stepSelected;
     getSteps() {
         return Array.from(this.hostElement.querySelectorAll('ix-workflow-step'));
     }
@@ -46,6 +51,7 @@ const WorkflowSteps = class {
             }
         });
     }
+    observer;
     onStepSelectionChanged(event) {
         const eventTarget = event.detail;
         const steps = this.getSteps();
@@ -80,9 +86,8 @@ const WorkflowSteps = class {
         this.updateSteps();
     }
     render() {
-        return (index.h(index.Host, { key: 'ed6d9907f43ca79688b00201d2432287444f30e6' }, index.h("div", { key: 'f116d280b59c16a79aa4867329f36035ca14d919', class: { steps: true, vertical: this.vertical } }, index.h("slot", { key: '378f336873295a70620117d939d587b8ff407739' }))));
+        return (index.h(index.Host, { key: 'a1ad0dc5f6ab4753831f1b476c6ad585db6fdb96' }, index.h("div", { key: '7837c226c1450e022380817676adf4b96ff2ab78', class: { steps: true, vertical: this.vertical } }, index.h("slot", { key: '96b38116fa2b9c8fbd9d3595393d7514b1bed984' }))));
     }
-    get hostElement() { return index.getElement(this); }
 };
 WorkflowSteps.style = workflowStepsCss();
 

package/dist/cjs/{listener-BShKJBRB.js → listener-ClEsCfX0.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Dxeom0qd.js');
+var index = require('./index-DnclGKUw.js');
 
 /*
  * SPDX-FileCopyrightText: 2024 Siemens AG
@@ -15,7 +15,10 @@ const defaultOptions = {
     defaultEnabled: true,
 };
 function createListener(event, options = {}) {
-    const opts = Object.assign(Object.assign({}, defaultOptions), options);
+    const opts = {
+        ...defaultOptions,
+        ...options,
+    };
     let callback;
     const onEvent = (event) => {
         callback(event);
@@ -46,9 +49,8 @@ function OnListener(event, fnExp) {
         const { componentWillLoad, componentWillRender, disconnectedCallback } = proto;
         if (fnExp) {
             proto.componentWillRender = function () {
-                var _a;
                 const host = index.getElement(this);
-                (_a = host[`__ix__${methodName}`]) === null || _a === void 0 ? void 0 : _a.enable(fnExp(this));
+                host[`__ix__${methodName}`]?.enable(fnExp(this));
                 return componentWillRender && componentWillRender.call(this);
             };
         }
@@ -61,10 +63,9 @@ function OnListener(event, fnExp) {
             return componentWillLoad && componentWillLoad.call(this);
         };
         proto.disconnectedCallback = function () {
-            var _a;
             const host = index.getElement(this);
             if (host && host[`__ix__${methodName}`]) {
-                (_a = host[`__ix__${methodName}`]) === null || _a === void 0 ? void 0 : _a.destroy();
+                host[`__ix__${methodName}`]?.destroy();
                 host[`__ix__${methodName}`] = null;
             }
             return disconnectedCallback && disconnectedCallback.call(this);