@siemens/ix 1.1.0-beta.5 → 1.1.0

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

@@ -8,19 +8,17 @@
  */
 import '@popperjs/core';
 import { createPopper } from '@popperjs/core';
-import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 /**
  * @slot tooltip-message - Custom tooltip message with html support
  */
 export class ValidationTooltip {
   constructor() {
-    /**
-     * Placement of the tooltip
-     */
-    this.placement = 'top';
-    this.isInputValid = true;
     this.onSubmitBind = this.onSubmit.bind(this);
     this.onInputFocusBind = this.onInputFocus.bind(this);
+    this.message = undefined;
+    this.placement = 'top';
+    this.isInputValid = true;
   }
   get arrow() {
     return this.hostElement.querySelector('#arrow');
@@ -99,69 +97,74 @@ export class ValidationTooltip {
     }
   }
   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 }))));
+    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 }))));
   }
   static get is() { return "ix-validation-tooltip"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["validation-tooltip.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["validation-tooltip.css"]
-  }; }
-  static get properties() { return {
-    "message": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Message of the tooltip"
+  static get originalStyleUrls() {
+    return {
+      "$": ["validation-tooltip.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["validation-tooltip.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "message": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Message of the tooltip"
+        },
+        "attribute": "message",
+        "reflect": false
       },
-      "attribute": "message",
-      "reflect": false
-    },
-    "placement": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "Placement",
-        "resolved": "\"auto\" | \"auto-end\" | \"auto-start\" | \"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
-        "references": {
-          "Placement": {
-            "location": "import",
-            "path": "@popperjs/core"
+      "placement": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "Placement",
+          "resolved": "\"auto\" | \"auto-end\" | \"auto-start\" | \"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
+          "references": {
+            "Placement": {
+              "location": "import",
+              "path": "@popperjs/core"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Placement of the tooltip"
-      },
-      "attribute": "placement",
-      "reflect": false,
-      "defaultValue": "'top'"
-    }
-  }; }
-  static get states() { return {
-    "isInputValid": {}
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Placement of the tooltip"
+        },
+        "attribute": "placement",
+        "reflect": false,
+        "defaultValue": "'top'"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "isInputValid": {}
+    };
+  }
   static get elementRef() { return "hostElement"; }
-  static get watchers() { return [{
-      "propName": "isInputValid",
-      "methodName": "validationChanged"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "isInputValid",
+        "methodName": "validationChanged"
+      }];
+  }
 }

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

@@ -9,32 +9,14 @@
 /*
  * COPYRIGHT (c) Siemens AG 2018-2022 ALL RIGHTS RESERVED.
  */
-import { Element, Component, h, Host, Prop, State, Watch, Fragment, } from '@stencil/core';
+import { h, Host, Fragment, } from '@stencil/core';
 export class WorkflowStep {
   constructor() {
-    /**
-     * 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';
@@ -93,157 +75,157 @@ export class WorkflowStep {
     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)))));
+    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)))));
   }
   static get is() { return "ix-workflow-step"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["workflow-step.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["workflow-step.css"]
-  }; }
-  static get properties() { return {
-    "vertical": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Select orientation"
-      },
-      "attribute": "vertical",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set disabled"
-      },
-      "attribute": "disabled",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "status": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'open' | 'success' | 'done' | 'warning' | 'error'",
-        "resolved": "\"done\" | \"error\" | \"open\" | \"success\" | \"warning\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set status"
-      },
-      "attribute": "status",
-      "reflect": false,
-      "defaultValue": "'open'"
-    },
-    "clickable": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Activate navigation click"
+  static get originalStyleUrls() {
+    return {
+      "$": ["workflow-step.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["workflow-step.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "vertical": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Select orientation"
+        },
+        "attribute": "vertical",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "clickable",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "selected": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set disabled"
+        },
+        "attribute": "disabled",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set selected"
+      "status": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'open' | 'success' | 'done' | 'warning' | 'error'",
+          "resolved": "\"done\" | \"error\" | \"open\" | \"success\" | \"warning\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set status"
+        },
+        "attribute": "status",
+        "reflect": false,
+        "defaultValue": "'open'"
       },
-      "attribute": "selected",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "position": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'first' | 'last' | 'undefined'",
-        "resolved": "\"first\" | \"last\" | \"undefined\"",
-        "references": {}
+      "clickable": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Activate navigation click"
+        },
+        "attribute": "clickable",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Activate navigation click"
+      "selected": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set selected"
+        },
+        "attribute": "selected",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "position",
-      "reflect": false,
-      "defaultValue": "'undefined'"
-    }
-  }; }
-  static get states() { return {
-    "iconName": {},
-    "iconColor": {}
-  }; }
+      "position": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'first' | 'last' | 'undefined'",
+          "resolved": "\"first\" | \"last\" | \"undefined\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Activate navigation click"
+        },
+        "attribute": "position",
+        "reflect": false,
+        "defaultValue": "'undefined'"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "iconName": {},
+      "iconColor": {}
+    };
+  }
   static get elementRef() { return "hostElement"; }
-  static get watchers() { return [{
-      "propName": "selected",
-      "methodName": "selectedHandler"
-    }, {
-      "propName": "status",
-      "methodName": "watchPropHandler"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "selected",
+        "methodName": "selectedHandler"
+      }, {
+        "propName": "status",
+        "methodName": "watchPropHandler"
+      }];
+  }
 }