@siemens/ix 1.1.0-beta.5 → 1.1.0

package/dist/collection/components/toast/toast-container.js

@@ -6,18 +6,12 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { Component, Element, h, Host, Method, Prop } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { TypedEvent } from '../utils/typed-event';
 export class ToastContainer {
   constructor() {
-    /**
-     */
     this.containerId = 'toast-container';
-    /**
-     */
     this.containerClass = 'toast-container';
-    /**
-     */
     this.position = 'bottom-right';
   }
   get hostContainer() {
@@ -72,99 +66,103 @@ export class ToastContainer {
   }
   static get is() { return "ix-toast-container"; }
   static get encapsulation() { return "scoped"; }
-  static get properties() { return {
-    "containerId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "container-id",
-      "reflect": false,
-      "defaultValue": "'toast-container'"
-    },
-    "containerClass": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "container-class",
-      "reflect": false,
-      "defaultValue": "'toast-container'"
-    },
-    "position": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get properties() {
+    return {
+      "containerId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "container-id",
+        "reflect": false,
+        "defaultValue": "'toast-container'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "containerClass": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "container-class",
+        "reflect": false,
+        "defaultValue": "'toast-container'"
       },
-      "attribute": "position",
-      "reflect": false,
-      "defaultValue": "'bottom-right'"
-    }
-  }; }
-  static get methods() { return {
-    "showToast": {
-      "complexType": {
-        "signature": "(config: ToastConfig) => Promise<{ onClose: TypedEvent<any>; close: (result?: any) => void; }>",
-        "parameters": [{
-            "tags": [{
-                "name": "param",
-                "text": "config"
-              }],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          },
-          "TypedEvent": {
-            "location": "import",
-            "path": "../utils/typed-event"
-          },
-          "ToastConfig": {
-            "location": "import",
-            "path": "./toast-utils"
+      "position": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "position",
+        "reflect": false,
+        "defaultValue": "'bottom-right'"
+      }
+    };
+  }
+  static get methods() {
+    return {
+      "showToast": {
+        "complexType": {
+          "signature": "(config: ToastConfig) => Promise<{ onClose: TypedEvent<any>; close: (result?: any) => void; }>",
+          "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "config"
+                }],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "TypedEvent": {
+              "location": "import",
+              "path": "../utils/typed-event"
+            },
+            "ToastConfig": {
+              "location": "import",
+              "path": "./toast-utils"
+            },
+            "CustomEvent": {
+              "location": "global"
+            }
           },
-          "CustomEvent": {
-            "location": "global"
-          }
+          "return": "Promise<{ onClose: TypedEvent<any>; close: (result?: any) => void; }>"
         },
-        "return": "Promise<{ onClose: TypedEvent<any>; close: (result?: any) => void; }>"
-      },
-      "docs": {
-        "text": "Display a toast message",
-        "tags": [{
-            "name": "param",
-            "text": "config"
-          }]
+        "docs": {
+          "text": "Display a toast message",
+          "tags": [{
+              "name": "param",
+              "text": "config"
+            }]
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "host"; }
 }

package/dist/collection/components/toast/toast.js

@@ -6,21 +6,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { Component, Element, Event, h, Host, Prop, State } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 export class Toast {
   constructor() {
-    /**
-     * Toast type
-     */
     this.type = 'info';
-    /**
-     * Autoclose title after delay
-     */
+    this.toastTitle = undefined;
     this.autoCloseDelay = 5000;
-    /**
-     * Autoclose behavior
-     */
     this.autoClose = true;
+    this.icon = undefined;
+    this.iconColor = undefined;
     this.progress = 0;
     this.isRunning = true;
     this.touched = false;
@@ -69,169 +63,170 @@ export class Toast {
         progressBarElement.style.transform = `scaleX(${this.progress})`;
       }
     };
-    return (h(Host, { class: "animate__animated animate__fadeIn" },
-      h("div", { class: "toast-body", onPointerLeave: () => {
-          this.progress = 0;
-          updateProgress();
-        }, onPointerEnter: () => {
-          this.isRunning = false;
-          this.touched = true;
-          this.progress = 1;
-          updateProgress();
-        } },
-        this.type || this.icon ? (h("div", { class: "toast-icon" }, this.getIcon())) : null,
-        h("div", { class: "toast-content" },
-          this.toastTitle ? (h("div", { class: "toast-title text-default-title-single" }, this.toastTitle)) : null,
-          h("div", { class: "toast-message text-default" },
-            h("slot", null))),
-        h("div", { class: "toast-close" },
-          h("ix-icon-button", { icon: "close", size: "24", ghost: true, onClick: () => this.closeToast.emit() }))),
-      this.autoClose ? (h("div", { class: progressBarClass.join(' '), style: progressBarStyle, ref: (r) => (progressBarElement = r), onAnimationEnd: () => this.close(), onTransitionEnd: () => {
-          if (this.progress === 0) {
-            this.close();
-          }
-        } })) : null));
+    return (h(Host, { class: "animate__animated animate__fadeIn" }, h("div", { class: "toast-body", onPointerLeave: () => {
+        this.progress = 0;
+        updateProgress();
+      }, onPointerEnter: () => {
+        this.isRunning = false;
+        this.touched = true;
+        this.progress = 1;
+        updateProgress();
+      } }, this.type || this.icon ? (h("div", { class: "toast-icon" }, this.getIcon())) : null, h("div", { class: "toast-content" }, this.toastTitle ? (h("div", { class: "toast-title text-default-title-single" }, this.toastTitle)) : null, h("div", { class: "toast-message text-default" }, h("slot", null))), h("div", { class: "toast-close" }, h("ix-icon-button", { icon: "close", size: "24", ghost: true, onClick: () => this.closeToast.emit() }))), this.autoClose ? (h("div", { class: progressBarClass.join(' '), style: progressBarStyle, ref: (r) => (progressBarElement = r), onAnimationEnd: () => this.close(), onTransitionEnd: () => {
+        if (this.progress === 0) {
+          this.close();
+        }
+      } })) : null));
   }
   static get is() { return "ix-toast"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["toast.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["toast.css"]
-  }; }
-  static get properties() { return {
-    "type": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "ToastType",
-        "resolved": "\"error\" | \"info\" | \"success\" | \"warning\"",
-        "references": {
-          "ToastType": {
-            "location": "import",
-            "path": "./toast-utils"
+  static get originalStyleUrls() {
+    return {
+      "$": ["toast.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["toast.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "type": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "ToastType",
+          "resolved": "\"error\" | \"info\" | \"success\" | \"warning\"",
+          "references": {
+            "ToastType": {
+              "location": "import",
+              "path": "./toast-utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Toast type"
-      },
-      "attribute": "type",
-      "reflect": false,
-      "defaultValue": "'info'"
-    },
-    "toastTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Toast title"
-      },
-      "attribute": "toast-title",
-      "reflect": false
-    },
-    "autoCloseDelay": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Toast type"
+        },
+        "attribute": "type",
+        "reflect": false,
+        "defaultValue": "'info'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Autoclose title after delay"
+      "toastTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Toast title"
+        },
+        "attribute": "toast-title",
+        "reflect": false
       },
-      "attribute": "auto-close-delay",
-      "reflect": false,
-      "defaultValue": "5000"
-    },
-    "autoClose": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "autoCloseDelay": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Autoclose title after delay"
+        },
+        "attribute": "auto-close-delay",
+        "reflect": false,
+        "defaultValue": "5000"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Autoclose behavior"
+      "autoClose": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Autoclose behavior"
+        },
+        "attribute": "auto-close",
+        "reflect": false,
+        "defaultValue": "true"
       },
-      "attribute": "auto-close",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "icon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "icon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Icon of toast"
+        },
+        "attribute": "icon",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Icon of toast"
-      },
-      "attribute": "icon",
-      "reflect": false
-    },
-    "iconColor": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Icon color of toast"
-      },
-      "attribute": "icon-color",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "progress": {},
-    "isRunning": {},
-    "touched": {}
-  }; }
-  static get events() { return [{
-      "method": "closeToast",
-      "name": "closeToast",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Toast closed"
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "iconColor": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Icon color of toast"
+        },
+        "attribute": "icon-color",
+        "reflect": false
       }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "progress": {},
+      "isRunning": {},
+      "touched": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "closeToast",
+        "name": "closeToast",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Toast closed"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "host"; }
 }