@siemens/ix 1.1.0-beta.4 → 1.1.0-beta.6

package/dist/collection/components/event-list-item/event-list-item.js

@@ -6,15 +6,13 @@
  * 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, Listen, Prop, } from '@stencil/core';
+import { h, } from '@stencil/core';
 export class EventListItem {
   constructor() {
-    /**
-     * Opacity of the status indicator.
-     * Defaults to 1.0
-     *
-     * @deprecated Will be removed in 7.0.0. Use color with alpha value.
-     */
+    this.color = undefined;
+    this.selected = undefined;
+    this.disabled = undefined;
+    this.chevron = undefined;
     this.opacity = 1;
   }
   handleItemClick() {
@@ -25,138 +23,143 @@ export class EventListItem {
         'ix-event-list-item': true,
         selected: this.selected,
         disabled: this.disabled,
-      } },
-      h("div", { class: `indicator ${!this.color ? 'indicator-empty' : ''}`, style: {
-          'background-color': this.color
-            ? `var(--theme-${this.color})`
-            : 'inherit',
-          opacity: `${this.disabled ? 0.4 : this.opacity}`,
-        } }),
-      h("div", { class: "event-list-item-container" },
-        h("div", { class: "event-content" },
-          h("slot", null)),
-        h("i", { class: "glyph glyph-16 glyph-chevron-right chevron-icon" }))));
+      } }, h("div", { class: `indicator ${!this.color ? 'indicator-empty' : ''}`, style: {
+        'background-color': this.color
+          ? `var(--theme-${this.color})`
+          : 'inherit',
+        opacity: `${this.disabled ? 0.4 : this.opacity}`,
+      } }), h("div", { class: "event-list-item-container" }, h("div", { class: "event-content" }, h("slot", null)), h("i", { class: "glyph glyph-16 glyph-chevron-right chevron-icon" }))));
   }
   static get is() { return "ix-event-list-item"; }
-  static get originalStyleUrls() { return {
-    "$": ["event-list-item.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["event-list-item.css"]
-  }; }
-  static get properties() { return {
-    "color": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Color of the status indicator.\nAllowed values are all Core UI color names."
-      },
-      "attribute": "color",
-      "reflect": false
-    },
-    "selected": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Show event list item as selected"
-      },
-      "attribute": "selected",
-      "reflect": false
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Disable event list item"
-      },
-      "attribute": "disabled",
-      "reflect": false
-    },
-    "chevron": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Show chevron on right side of the event list item"
+  static get originalStyleUrls() {
+    return {
+      "$": ["event-list-item.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["event-list-item.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Color of the status indicator.\nAllowed values are all Core UI color names."
+        },
+        "attribute": "color",
+        "reflect": false
       },
-      "attribute": "chevron",
-      "reflect": false
-    },
-    "opacity": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+      "selected": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Show event list item as selected"
+        },
+        "attribute": "selected",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "deprecated",
-            "text": "Will be removed in 7.0.0. Use color with alpha value."
-          }],
-        "text": "Opacity of the status indicator.\nDefaults to 1.0"
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Disable event list item"
+        },
+        "attribute": "disabled",
+        "reflect": false
       },
-      "attribute": "opacity",
-      "reflect": false,
-      "defaultValue": "1"
-    }
-  }; }
-  static get events() { return [{
-      "method": "itemClick",
-      "name": "itemClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Event list item click"
+      "chevron": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Show chevron on right side of the event list item"
+        },
+        "attribute": "chevron",
+        "reflect": false
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "opacity": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "deprecated",
+              "text": "Will be removed in 7.0.0. Use color with alpha value."
+            }],
+          "text": "Opacity of the status indicator.\nDefaults to 1.0"
+        },
+        "attribute": "opacity",
+        "reflect": false,
+        "defaultValue": "1"
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "itemClick",
+        "name": "itemClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event list item click"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "el"; }
-  static get listeners() { return [{
-      "name": "click",
-      "method": "handleItemClick",
-      "target": undefined,
-      "capture": false,
-      "passive": true
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "click",
+        "method": "handleItemClick",
+        "target": undefined,
+        "capture": false,
+        "passive": true
+      }];
+  }
 }

package/dist/collection/components/expanding-search/expanding-search.js

@@ -6,20 +6,11 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { Component, Event, h, Host, Prop, State } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 export class ExpandingSearch {
   constructor() {
-    /**
-     * Search icon
-     */
     this.icon = 'search';
-    /**
-     * Placeholder text
-     */
     this.placeholder = 'Enter text here';
-    /**
-     * Default value
-     */
     this.value = '';
     this.isFieldChanged = false;
     this.expanded = false;
@@ -63,116 +54,121 @@ export class ExpandingSearch {
     return (h(Host, { class: {
         expanded: this.expanded,
         'right-position': this.expanded,
-      } },
-      h("button", { class: {
-          btn: true,
-          'btn-invisible-primary': true,
-          'btn-icon': true,
-          'btn-search': true,
-          'disable-pointer': this.expanded,
-        }, "data-testid": "button", onClick: () => this.expandInput(), tabindex: this.expanded ? -1 : 0 },
-        h("ix-icon", { class: "btn-search-icon", name: this.icon, size: this.expanded ? '16' : '24', color: this.hasFocus ? 'input-search-icon--color--focus' : undefined })),
-      h("div", { class: {
-          expanded: this.expanded,
-          collapsed: !this.expanded,
-          'disable-pointer': !this.expanded,
-          'input-container': true,
-        }, "data-testid": "input-wrapper" },
-        h("input", { class: {
-            'form-control': true,
-            input: this.expanded,
-            'disable-pointer': !this.expanded,
-            'opacity-before': !this.expanded,
-            'opacity-after': this.expanded,
-          }, ref: (el) => (this.textInput = el), "data-testid": "input", placeholder: this.placeholder, type: "text", value: this.value, onBlur: () => {
-            this.collapseInput();
-            this.hasFocus = false;
-          }, onFocus: () => (this.hasFocus = true), onInput: (e) => this.onChange(e), tabindex: this.expanded ? 0 : -1 }),
-        this.isFieldChanged ? (h("ix-icon-button", { class: "btn-clear", icon: "clear", ghost: true, size: "24", "data-testid": "clear-button", onClick: () => this.clearClicked() })) : null)));
+      } }, h("button", { class: {
+        btn: true,
+        'btn-invisible-primary': true,
+        'btn-icon': true,
+        'btn-search': true,
+        'disable-pointer': this.expanded,
+      }, "data-testid": "button", onClick: () => this.expandInput(), tabindex: this.expanded ? -1 : 0 }, h("ix-icon", { class: "btn-search-icon", name: this.icon, size: this.expanded ? '16' : '24', color: this.hasFocus ? 'input-search-icon--color--focus' : undefined })), h("div", { class: {
+        expanded: this.expanded,
+        collapsed: !this.expanded,
+        'disable-pointer': !this.expanded,
+        'input-container': true,
+      }, "data-testid": "input-wrapper" }, h("input", { class: {
+        'form-control': true,
+        input: this.expanded,
+        'disable-pointer': !this.expanded,
+        'opacity-before': !this.expanded,
+        'opacity-after': this.expanded,
+      }, ref: (el) => (this.textInput = el), "data-testid": "input", placeholder: this.placeholder, type: "text", value: this.value, onBlur: () => {
+        this.collapseInput();
+        this.hasFocus = false;
+      }, onFocus: () => (this.hasFocus = true), onInput: (e) => this.onChange(e), tabindex: this.expanded ? 0 : -1 }), this.isFieldChanged ? (h("ix-icon-button", { class: "btn-clear", icon: "clear", ghost: true, size: "24", "data-testid": "clear-button", onClick: () => this.clearClicked() })) : null)));
   }
   static get is() { return "ix-expanding-search"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["expanding-search.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["expanding-search.css"]
-  }; }
-  static get properties() { return {
-    "icon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Search icon"
-      },
-      "attribute": "icon",
-      "reflect": false,
-      "defaultValue": "'search'"
-    },
-    "placeholder": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Placeholder text"
-      },
-      "attribute": "placeholder",
-      "reflect": false,
-      "defaultValue": "'Enter text here'"
-    },
-    "value": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Default value"
+  static get originalStyleUrls() {
+    return {
+      "$": ["expanding-search.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["expanding-search.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "icon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Search icon"
+        },
+        "attribute": "icon",
+        "reflect": false,
+        "defaultValue": "'search'"
       },
-      "attribute": "value",
-      "reflect": false,
-      "defaultValue": "''"
-    }
-  }; }
-  static get states() { return {
-    "isFieldChanged": {},
-    "expanded": {},
-    "hasFocus": {}
-  }; }
-  static get events() { return [{
-      "method": "valueChange",
-      "name": "valueChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Value changed"
+      "placeholder": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Placeholder text"
+        },
+        "attribute": "placeholder",
+        "reflect": false,
+        "defaultValue": "'Enter text here'"
       },
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "value": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Default value"
+        },
+        "attribute": "value",
+        "reflect": false,
+        "defaultValue": "''"
       }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "isFieldChanged": {},
+      "expanded": {},
+      "hasFocus": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "valueChange",
+        "name": "valueChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Value changed"
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }];
+  }
 }

package/dist/collection/components/filter-chip/filter-chip.js

@@ -6,12 +6,9 @@
  * 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 } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 export class FilterChip {
   constructor() {
-    /**
-     * If true the filter chip will be in disabled state
-     */
     this.disabled = false;
   }
   onCloseClick(event) {
@@ -20,55 +17,59 @@ export class FilterChip {
     this.closeClick.emit();
   }
   render() {
-    return (h(Host, { class: { disabled: this.disabled }, title: this.el.textContent },
-      h("div", { class: "slot-container" },
-        h("slot", null)),
-      h("button", { disabled: this.disabled, class: "btn btn-invisible-secondary btn-oval", onClick: (e) => this.onCloseClick(e) },
-        h("ix-icon", { name: "close-small", size: "16" }))));
+    return (h(Host, { class: { disabled: this.disabled }, title: this.el.textContent }, h("div", { class: "slot-container" }, h("slot", null)), h("button", { disabled: this.disabled, class: "btn btn-invisible-secondary btn-oval", onClick: (e) => this.onCloseClick(e) }, h("ix-icon", { name: "close-small", size: "16" }))));
   }
   static get is() { return "ix-filter-chip"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["filter-chip.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["filter-chip.css"]
-  }; }
-  static get properties() { return {
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "If true the filter chip will be in disabled state"
-      },
-      "attribute": "disabled",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get events() { return [{
-      "method": "closeClick",
-      "name": "closeClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Close clicked"
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["filter-chip.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["filter-chip.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "If true the filter chip will be in disabled state"
+        },
+        "attribute": "disabled",
+        "reflect": false,
+        "defaultValue": "false"
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "closeClick",
+        "name": "closeClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Close clicked"
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "el"; }
 }