@siemens/ix 1.1.0-beta.0 → 1.1.0-beta.2

package/dist/components/ix-upload.js

@@ -1,178 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { U as UploadFileState } from './upload-file-state.js';
-import { d as defineCustomElement$3 } from './button.js';
-import { d as defineCustomElement$2 } from './spinner.js';
-
-const uploadCss = ".sc-ix-upload-h{display:block;min-height:4rem;height:4rem}.sc-ix-upload-h .file-upload-area.sc-ix-upload{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)}.sc-ix-upload-h .file-upload-area.multiline.sc-ix-upload{max-height:unset;height:auto}.sc-ix-upload-h .file-upload-area.multiline.sc-ix-upload .glyph.sc-ix-upload{align-self:flex-start;-webkit-margin-before:3px;margin-block-start:3px}.sc-ix-upload-h .file-upload-area.multiline.sc-ix-upload>div.sc-ix-upload{align-self:flex-start}.sc-ix-upload-h .file-upload-area.sc-ix-upload:not(.multiline) .state.sc-ix-upload,.sc-ix-upload-h .file-upload-area.sc-ix-upload:not(.multiline) .upload-text.sc-ix-upload{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-ix-upload-h .file-upload-area.file-over.sc-ix-upload{border-color:var(--theme-upload--border-color--dragover);border-style:solid}.sc-ix-upload-h .file-upload-area.checking.sc-ix-upload{color:var(--theme-upload-text--color--checking);border-style:solid}.sc-ix-upload-h .file-upload-area.disabled.sc-ix-upload{border-style:solid;color:var(--theme-upload-text--color--disabled)}.sc-ix-upload-h .file-upload-area.sc-ix-upload ix-button.sc-ix-upload{-webkit-margin-start:1rem;margin-inline-start:1rem}.sc-ix-upload-h .file-upload-area.sc-ix-upload .upload-browser.sc-ix-upload{opacity:0;overflow:hidden;position:absolute;z-index:-1}.sc-ix-upload-h .file-upload-area.sc-ix-upload .loader.sc-ix-upload{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)}.sc-ix-upload-h .file-upload-area.sc-ix-upload .upload-filename.sc-ix-upload{margin-bottom:1rem}.sc-ix-upload-h .file-upload-area.sc-ix-upload .state.sc-ix-upload{display:flex;align-items:center}.sc-ix-upload-h .file-upload-area.sc-ix-upload .state.sc-ix-upload>ix-spinner.sc-ix-upload{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem;height:1.5rem;width:1.5rem}.sc-ix-upload-h .file-upload-area.sc-ix-upload .state.sc-ix-upload>i.sc-ix-upload{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}.sc-ix-upload-h .file-upload-area.sc-ix-upload .state.sc-ix-upload>i.glyph-error.sc-ix-upload{color:var(--theme-color-alarm)}.sc-ix-upload-h .file-upload-area.sc-ix-upload .state.sc-ix-upload>i.glyph-success.sc-ix-upload{color:var(--theme-color-success)}";
-
-const Upload = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.filesChanged = 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.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;
-  }
-  get inputElement() {
-    return this.hostElement.querySelector('#upload-browser');
-  }
-  fileDropped(evt) {
-    evt.preventDefault();
-    const file = evt.dataTransfer.files;
-    this.isFileOver = false;
-    this.filesToUpload = this.convertToFileArray(file);
-    this.filesChanged.emit(this.filesToUpload);
-  }
-  fileOver(event) {
-    event.preventDefault();
-    event.dataTransfer.dropEffect = 'move';
-    if (!this.multiple && event.dataTransfer.items.length > 1) {
-      event.preventDefault();
-      event.stopPropagation();
-      event.dataTransfer.effectAllowed = 'none';
-      event.dataTransfer.dropEffect = 'none';
-    }
-    else {
-      this.isFileOver = true;
-    }
-  }
-  fileLeave() {
-    this.isFileOver = false;
-  }
-  fileChangeEvent(event) {
-    this.filesToUpload = this.convertToFileArray(event.target.files);
-    this.filesChanged.emit(this.filesToUpload);
-    // Workaround for bug in native input element, that prevents the user from uploading
-    // a file with the same name as the most recent one, but with changed content.
-    this.inputElement.type = '';
-    this.inputElement.type = 'file';
-  }
-  convertToFileArray(filesFromEvent) {
-    let files = [];
-    if (filesFromEvent instanceof FileList) {
-      files = Array.from(filesFromEvent);
-    }
-    else {
-      files = [filesFromEvent];
-    }
-    return files;
-  }
-  renderUploadState() {
-    if (this.disabled) {
-      return (h("span", { class: "state" }, h("span", { class: "upload-text" }, this.i18nUploadDisabled)));
-    }
-    switch (this.state) {
-      case UploadFileState.SELECT_FILE:
-        return (h("span", { class: "state" }, h("span", { class: "upload-text" }, this.selectFileText)));
-      case UploadFileState.LOADING:
-        return (h("span", { class: "state" }, h("ix-spinner", { variant: "primary" }), h("span", { class: "upload-text" }, this.loadingText)));
-      case UploadFileState.UPLOAD_FAILED:
-        return (h("span", { class: "state" }, h("i", { class: "glyph glyph-error" }), h("span", { class: "upload-text" }, this.uploadFailedText)));
-      case UploadFileState.UPLOAD_SUCCESSED:
-        return (h("span", { class: "state" }, h("i", { class: "glyph glyph-success" }), h("span", { class: "upload-text" }, this.uploadSuccessText)));
-      default:
-        return '';
-    }
-  }
-  /**
-   * Set files
-   * @param obj
-   */
-  async setFilesToUpload(obj) {
-    this.filesToUpload = obj;
-  }
-  render() {
-    return (h(Host, null, h("div", { class: {
-        'file-upload-area': true,
-        'file-over': this.isFileOver,
-        checking: this.state === UploadFileState.LOADING,
-        disabled: this.disabled,
-        multiline: this.multiline,
-      }, onDrop: (e) => this.fileDropped(e), onDragOver: (e) => this.fileOver(e), onDragLeave: () => this.fileLeave(), draggable: !this.disabled }, this.renderUploadState(), h("div", null, h("input", { multiple: this.multiple, type: "file", class: "upload-browser", id: "upload-browser", onChange: (e) => {
-        this.fileChangeEvent(e);
-      }, accept: this.accept }), h("ix-button", { tabindex: "-1", outline: true, onClick: () => this.inputElement.click(), disabled: this.disabled || this.state === UploadFileState.LOADING }, this.i18nUploadFile)))));
-  }
-  get hostElement() { return this; }
-  static get style() { return uploadCss; }
-}, [2, "ix-upload", {
-    "accept": [1],
-    "multiple": [4],
-    "multiline": [4],
-    "disabled": [4],
-    "state": [1],
-    "selectFileText": [1, "select-file-text"],
-    "loadingText": [1, "loading-text"],
-    "uploadFailedText": [1, "upload-failed-text"],
-    "uploadSuccessText": [1, "upload-success-text"],
-    "i18nUploadFile": [1, "i-1-8n-upload-file"],
-    "i18nUploadDisabled": [1, "i-1-8n-upload-disabled"],
-    "isFileOver": [32],
-    "setFilesToUpload": [64]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["ix-upload", "ix-button", "ix-spinner"];
-  components.forEach(tagName => { switch (tagName) {
-    case "ix-upload":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Upload);
-      }
-      break;
-    case "ix-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "ix-spinner":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const IxUpload = Upload;
-const defineCustomElement = defineCustomElement$1;
-
-export { IxUpload, defineCustomElement };

package/dist/components/ix-validation-tooltip.d.ts

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

package/dist/components/ix-validation-tooltip.js

@@ -1,124 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { c as createPopper } from './popper.js';
-
-const validationTooltipCss = ".text-xs.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl.sc-ix-validation-tooltip{-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)}a.sc-ix-validation-tooltip{color:var(--theme-color-primary)}.sc-ix-validation-tooltip-h{display:block}.sc-ix-validation-tooltip-h .validation-tooltip.sc-ix-validation-tooltip{background-color:var(--theme-tootlip--background);color:var(--theme-tooltip--color);padding:5px 10px;border-radius:4px;font-size:13px;border:1px solid var(--theme-tooltip--border-color);box-shadow:0 0 2px 0 rgba(0, 0, 40, 0.1), 0 4px 8px 0 rgba(0, 0, 40, 0.1), 0 12px 18px 0 rgba(0, 0, 40, 0.1)}.sc-ix-validation-tooltip-h .validation-tooltip.sc-ix-validation-tooltip #arrow.sc-ix-validation-tooltip,.sc-ix-validation-tooltip-h .validation-tooltip.sc-ix-validation-tooltip #arrow.sc-ix-validation-tooltip::before{position:absolute;width:8px;height:8px;background:inherit}.sc-ix-validation-tooltip-h .validation-tooltip.sc-ix-validation-tooltip #arrow.sc-ix-validation-tooltip{visibility:hidden}.sc-ix-validation-tooltip-h .validation-tooltip.sc-ix-validation-tooltip #arrow.sc-ix-validation-tooltip::before{visibility:visible;content:\"\";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}.sc-ix-validation-tooltip-h .validation-tooltip[data-popper-placement^=top].sc-ix-validation-tooltip>#arrow.sc-ix-validation-tooltip{bottom:-5px}.sc-ix-validation-tooltip-h .validation-tooltip[data-popper-placement^=top].sc-ix-validation-tooltip>#arrow.sc-ix-validation-tooltip::before{border-right:1px solid var(--theme-tooltip--border-color);border-bottom:1px solid var(--theme-tooltip--border-color)}.sc-ix-validation-tooltip-h .validation-tooltip[data-popper-placement^=bottom].sc-ix-validation-tooltip>#arrow.sc-ix-validation-tooltip{top:-5px}.sc-ix-validation-tooltip-h .validation-tooltip[data-popper-placement^=bottom].sc-ix-validation-tooltip>#arrow.sc-ix-validation-tooltip::before{border-left:1px solid var(--theme-tooltip--border-color);border-top:1px solid var(--theme-tooltip--border-color)}.sc-ix-validation-tooltip-h .validation-tooltip[data-popper-placement^=left].sc-ix-validation-tooltip>#arrow.sc-ix-validation-tooltip{right:-5px}.sc-ix-validation-tooltip-h .validation-tooltip[data-popper-placement^=left].sc-ix-validation-tooltip>#arrow.sc-ix-validation-tooltip::before{border-right:1px solid var(--theme-tooltip--border-color);border-top:1px solid var(--theme-tooltip--border-color)}.sc-ix-validation-tooltip-h .validation-tooltip[data-popper-placement^=right].sc-ix-validation-tooltip>#arrow.sc-ix-validation-tooltip{left:-5px}.sc-ix-validation-tooltip-h .validation-tooltip[data-popper-placement^=right].sc-ix-validation-tooltip>#arrow.sc-ix-validation-tooltip::before{border-left:1px solid var(--theme-tooltip--border-color);border-bottom:1px solid var(--theme-tooltip--border-color)}";
-
-const ValidationTooltip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    /**
-     * Placement of the tooltip
-     */
-    this.placement = 'top';
-    this.isInputValid = true;
-    this.onSubmitBind = this.onSubmit.bind(this);
-    this.onInputFocusBind = this.onInputFocus.bind(this);
-  }
-  get arrow() {
-    return this.hostElement.querySelector('#arrow');
-  }
-  get inputElement() {
-    return this.hostElement.querySelector('input');
-  }
-  get formElement() {
-    return this.inputElement.form;
-  }
-  get tooltipElement() {
-    return this.hostElement.querySelector('.validation-tooltip');
-  }
-  componentDidLoad() {
-    if (!this.inputElement) {
-      throw Error('Validation tooltip is only working with an direct input child.');
-    }
-    if (!this.formElement) {
-      throw Error('Validation tooltip is only working with an form element.');
-    }
-    this.formElement.addEventListener('submit', this.onSubmitBind);
-    this.inputElement.addEventListener('focus', this.onInputFocusBind);
-    this.observer = new MutationObserver(() => {
-      if (this.inputElement.classList.contains('is-invalid')) {
-        this.isInputValid = false;
-        this.validationChanged();
-      }
-    });
-    this.observer.observe(this.inputElement, {
-      childList: false,
-      subtree: false,
-      attributes: true,
-      attributeFilter: ['class'],
-    });
-  }
-  onInputFocus() {
-    this.isInputValid = true;
-  }
-  onSubmit() {
-    if (this.formElement.classList.contains('needs-validation')) {
-      this.isInputValid = this.inputElement.validity.valid;
-    }
-  }
-  disconnectedCallback() {
-    var _a, _b;
-    (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
-    (_b = this.popper) === null || _b === void 0 ? void 0 : _b.destroy();
-    this.formElement.removeEventListener('submit', this.onSubmitBind);
-    this.inputElement.removeEventListener('focus', this.onInputFocusBind);
-  }
-  validationChanged() {
-    if (!this.isInputValid) {
-      this.tooltipElement.style.display = 'block';
-      this.popper = createPopper(this.inputElement, this.tooltipElement, {
-        placement: this.placement,
-        strategy: 'absolute',
-        modifiers: [
-          {
-            name: 'offset',
-            options: {
-              offset: [0, 8],
-            },
-          },
-          {
-            name: 'arrow',
-            options: {
-              element: this.arrow,
-            },
-          },
-        ],
-      });
-    }
-    else {
-      this.tooltipElement.style.display = 'none';
-      this.popper.destroy();
-    }
-  }
-  render() {
-    return (h(Host, null, h("slot", null), h("div", { role: "tooltip", style: { display: 'none' }, class: "validation-tooltip text-default" }, this.message, h("slot", { name: "tooltip-message" }), h("div", { id: "arrow", "data-popper-arrow": true }))));
-  }
-  get hostElement() { return this; }
-  static get watchers() { return {
-    "isInputValid": ["validationChanged"]
-  }; }
-  static get style() { return validationTooltipCss; }
-}, [6, "ix-validation-tooltip", {
-    "message": [1],
-    "placement": [1],
-    "isInputValid": [32]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["ix-validation-tooltip"];
-  components.forEach(tagName => { switch (tagName) {
-    case "ix-validation-tooltip":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ValidationTooltip);
-      }
-      break;
-  } });
-}
-
-const IxValidationTooltip = ValidationTooltip;
-const defineCustomElement = defineCustomElement$1;
-
-export { IxValidationTooltip, defineCustomElement };

package/dist/components/ix-workflow-step.d.ts

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

package/dist/components/ix-workflow-step.js

@@ -1,142 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Fragment, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './icon.js';
-
-const workflowStepCss = ".sc-ix-workflow-step-h .step.sc-ix-workflow-step{display:flex;flex-direction:column;align-items:center;background-color:var(--theme-workflow-step--background);border-radius:var(--theme-workflow--border-radius);width:auto;padding:1.125rem 0 0.5rem 0;height:4rem;width:12.75rem}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step{display:flex;width:100%;align-items:center;justify-content:center}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.sc-ix-workflow-step{width:100%;height:0.125rem;background-color:var(--theme-workflow-step-icon-default--color)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.first.sc-ix-workflow-step,.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.last.sc-ix-workflow-step{width:50%;margin:0 0 0 auto}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.last.sc-ix-workflow-step{margin:0 auto 0 0}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.selected.sc-ix-workflow-step{background-color:var(--theme-workflow-step-icon-default--color--selected)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.done.sc-ix-workflow-step{background-color:var(--theme-workflow-step-icon-done--color)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.done.selected.sc-ix-workflow-step{background-color:var(--theme-workflow-step-icon-done--color--selected)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.warning.sc-ix-workflow-step{background-color:var(--theme-color-warning)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.success.sc-ix-workflow-step{background-color:var(--theme-color-success)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.error.sc-ix-workflow-step{background-color:var(--theme-color-alarm)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .iconWrapper.sc-ix-workflow-step{display:flex;align-items:center;justify-content:center;position:absolute}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .iconWrapper.sc-ix-workflow-step .absolute.sc-ix-workflow-step{position:absolute}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .text.sc-ix-workflow-step{margin-top:1rem;width:auto;padding:0 0.5rem}.sc-ix-workflow-step-h .step.vertical.sc-ix-workflow-step{flex-direction:row;padding:0}.sc-ix-workflow-step-h .step.vertical.sc-ix-workflow-step .wrapper.sc-ix-workflow-step{width:auto;padding-left:1.125rem;height:4rem}.sc-ix-workflow-step-h .step.vertical.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.sc-ix-workflow-step{width:0.125rem;height:100%}.sc-ix-workflow-step-h .step.vertical.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.first.sc-ix-workflow-step,.sc-ix-workflow-step-h .step.vertical.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.last.sc-ix-workflow-step{height:50%;margin:auto 0 0 0}.sc-ix-workflow-step-h .step.vertical.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.last.sc-ix-workflow-step{margin:0 0 auto 0}.sc-ix-workflow-step-h .step.vertical.sc-ix-workflow-step .text.sc-ix-workflow-step{margin-top:0;margin-left:1rem;padding:0}.sc-ix-workflow-step-h .step.sc-ix-workflow-step:hover{background-color:var(--theme-workflow-step--background--hover)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step:active{background-color:var(--theme-workflow-step--background--active)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step:focus-visible{outline:1px solid var(--focus--border-color);border-radius:0}.sc-ix-workflow-step-h .step.selected.sc-ix-workflow-step{background-color:var(--theme-workflow-step--background--selected)}.sc-ix-workflow-step-h .step.disabled.sc-ix-workflow-step{background-color:var(--theme-workflow-step--background--disabled)}.sc-ix-workflow-step-h .step.disabled.sc-ix-workflow-step .line.sc-ix-workflow-step{background-color:var(--theme-workflow-step-icon-default--color--disabled) !important}.sc-ix-workflow-step-h .step.disabled.sc-ix-workflow-step .text.sc-ix-workflow-step{color:var(--theme-workflow-step--color--disabled)}";
-
-const WorkflowStep = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    /**
-     * 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
-     */
-    this.position = 'undefined';
-    this.iconName = 'circle';
-    this.iconColor = 'workflow-step-icon-default--color';
-  }
-  select() {
-    if (!this.clickable)
-      return;
-    if (this.disabled)
-      return;
-    this.selected = true;
-    this.selectedHandler();
-  }
-  selectedHandler() {
-    const selectedStyle = this.selected ? '--selected' : '';
-    if (this.status === 'open') {
-      this.iconName = this.selected ? 'circle-dot' : 'circle';
-      this.iconColor = `workflow-step-icon-default--color${selectedStyle}`;
-    }
-    if (this.status === 'done' && !this.disabled) {
-      this.iconColor = `workflow-step-icon-done--color${selectedStyle}`;
-    }
-  }
-  watchPropHandler() {
-    switch (this.status) {
-      case 'open':
-        this.iconName = 'circle';
-        this.iconColor = 'workflow-step-icon-default--color';
-        break;
-      case 'success':
-        this.iconName = 'success';
-        this.iconColor = 'color-success';
-        break;
-      case 'done':
-        this.iconName = 'success';
-        this.iconColor = 'workflow-step-icon-done--color';
-        break;
-      case 'warning':
-        this.iconName = 'warning';
-        this.iconColor = 'color-warning';
-        break;
-      case 'error':
-        this.iconName = 'error';
-        this.iconColor = 'color-alarm';
-        break;
-      default:
-        this.iconName = 'circle';
-        break;
-    }
-    if (this.disabled) {
-      this.iconColor = 'workflow-step-icon-success--color--disabled';
-    }
-  }
-  componentDidLoad() {
-    this.watchPropHandler();
-    this.selectedHandler();
-    this.customIconSlot = !!this.hostElement.querySelector('[slot="custom-icon"]');
-  }
-  render() {
-    const icons = !this.customIconSlot ? (h(Fragment, null, h("ix-icon", { color: "color-1", name: this.iconName === 'warning' ? 'triangle-filled' : 'circle-filled', class: "absolute", size: "24" }), h("ix-icon", { color: this.iconColor, name: this.iconName, class: "absolute", size: "24" }))) : ('');
-    return (h(Host, null, h("div", { tabIndex: 0, onClick: () => this.select(), class: {
-        step: true,
-        selected: this.selected,
-        vertical: this.vertical,
-        disabled: this.disabled,
-      } }, h("div", { class: "wrapper" }, h("div", { class: {
-        line: true,
-        selected: this.selected,
-        [this.status]: true,
-        [this.position]: true,
-      } }), h("div", { class: "iconWrapper" }, icons, h("slot", { name: "custom-icon" }))), h("div", { class: "text" }, h("slot", null)))));
-  }
-  get hostElement() { return this; }
-  static get watchers() { return {
-    "selected": ["selectedHandler"],
-    "status": ["watchPropHandler"]
-  }; }
-  static get style() { return workflowStepCss; }
-}, [6, "ix-workflow-step", {
-    "vertical": [4],
-    "disabled": [4],
-    "status": [1],
-    "clickable": [4],
-    "selected": [1028],
-    "position": [1],
-    "iconName": [32],
-    "iconColor": [32]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["ix-workflow-step", "ix-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "ix-workflow-step":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, WorkflowStep);
-      }
-      break;
-    case "ix-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const IxWorkflowStep = WorkflowStep;
-const defineCustomElement = defineCustomElement$1;
-
-export { IxWorkflowStep, defineCustomElement };

package/dist/components/ix-workflow-steps.d.ts

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

package/dist/components/ix-workflow-steps.js

@@ -1,101 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-
-const workflowStepsCss = ".sc-ix-workflow-steps-h .steps.sc-ix-workflow-steps{display:flex}.sc-ix-workflow-steps-h .steps.vertical.sc-ix-workflow-steps{display:block}";
-
-const WorkflowSteps = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.stepSelected = createEvent(this, "stepSelected", 7);
-    /**
-     * Select orientation
-     */
-    this.vertical = false;
-    /**
-     * Select linear mode
-     */
-    this.linear = false;
-    /**
-     * Activate navigation click
-     */
-    this.clickable = false;
-    /**
-     * Activate navigation click
-     */
-    this.selectedIndex = 0;
-  }
-  getSteps() {
-    return Array.from(this.hostElement.querySelectorAll('ix-workflow-step'));
-  }
-  deselectAll() {
-    const steps = this.getSteps();
-    steps.forEach((element) => {
-      element.setAttribute('selected', 'false');
-    });
-  }
-  componentDidRender() {
-    const steps = this.getSteps();
-    steps.forEach((element, index) => {
-      element.setAttribute('vertical', this.vertical === true ? 'true' : 'false');
-      element.setAttribute('clickable', this.clickable === true ? 'true' : 'false');
-      element.setAttribute('selected', this.selectedIndex === index ? 'true' : 'false');
-      if (index === 0)
-        element.setAttribute('position', 'first');
-      if (index === steps.length - 1)
-        element.setAttribute('position', 'last');
-    });
-  }
-  componentWillRender() {
-    const steps = this.getSteps();
-    steps.forEach((element, index) => {
-      element.addEventListener('click', () => {
-        if (!this.clickable)
-          return;
-        const previousElement = steps[index - 1];
-        if (this.linear &&
-          previousElement &&
-          !['done', 'success'].includes(previousElement === null || previousElement === void 0 ? void 0 : previousElement.status)) {
-          return element.setAttribute('selected', 'false');
-        }
-        this.deselectAll();
-        element.setAttribute('selected', 'true');
-        this.stepSelected.emit(index);
-      });
-      // const isEnabled = element.getAttribute('first');
-      // if(isEnabled){
-      // }
-      // console.log(isEnabled)
-      // const isDisabled = element.getAttribute('disabled') !== null;
-      // if (!isDisabled) element.addEventListener('click', () => '');
-      //element.addEventListener('mousedown', event => this.clicked(element, index));
-    });
-  }
-  render() {
-    return (h(Host, null, h("div", { class: { steps: true, vertical: this.vertical } }, h("slot", null))));
-  }
-  get hostElement() { return this; }
-  static get style() { return workflowStepsCss; }
-}, [6, "ix-workflow-steps", {
-    "vertical": [4],
-    "linear": [4],
-    "clickable": [4],
-    "selectedIndex": [2, "selected-index"]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["ix-workflow-steps"];
-  components.forEach(tagName => { switch (tagName) {
-    case "ix-workflow-steps":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, WorkflowSteps);
-      }
-      break;
-  } });
-}
-
-const IxWorkflowSteps = WorkflowSteps;
-const defineCustomElement = defineCustomElement$1;
-
-export { IxWorkflowSteps, defineCustomElement };

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 };