@siemens/ix 1.1.0-beta.5 → 1.1.0

package/dist/collection/components/tree/tree.js

@@ -6,18 +6,18 @@
  * 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, Watch } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import Hyperlist from 'hyperlist';
 import { renderDefaultItem } from '../tree-item/default-tree-item';
 export class Tree {
   constructor() {
-    /**
-     * Selection and collapsed state management
-     */
-    this.context = {};
     this.toggleListener = new Map();
     this.itemClickListener = new Map();
     this.updates = new Map();
+    this.root = undefined;
+    this.model = undefined;
+    this.renderItem = undefined;
+    this.context = {};
   }
   getVirtualizerOptions() {
     const list = this.buildTreeList(this.model[this.root]);
@@ -148,149 +148,158 @@ export class Tree {
     }
   }
   render() {
-    return (h(Host, null,
-      h("slot", null)));
+    return (h(Host, null, h("slot", null)));
   }
   static get is() { return "ix-tree"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["tree.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["tree.css"]
-  }; }
-  static get properties() { return {
-    "root": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Initial root element will not be rendered"
+  static get originalStyleUrls() {
+    return {
+      "$": ["tree.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["tree.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "root": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Initial root element will not be rendered"
+        },
+        "attribute": "root",
+        "reflect": false
       },
-      "attribute": "root",
-      "reflect": false
-    },
-    "model": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "TreeModel<any>",
-        "resolved": "{ [x: string]: TreeItem<any>; }",
-        "references": {
-          "TreeModel": {
-            "location": "import",
-            "path": "./tree-model"
+      "model": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "TreeModel<any>",
+          "resolved": "{ [x: string]: TreeItem<any>; }",
+          "references": {
+            "TreeModel": {
+              "location": "import",
+              "path": "./tree-model"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Tree modal"
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Tree modal"
-      }
-    },
-    "renderItem": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "<T = any>(\n    index: number,\n    data: T,\n    dataList: Array<T>,\n    context: TreeContext,\n    update: (callback: UpdateCallback) => void\n  ) => HTMLElement",
-        "resolved": "<T = any>(index: number, data: T, dataList: T[], context: TreeContext, update: (callback: UpdateCallback) => void) => HTMLElement",
-        "references": {
-          "T": {
-            "location": "global"
-          },
-          "Array": {
-            "location": "global"
-          },
-          "TreeContext": {
-            "location": "import",
-            "path": "./tree-model"
-          },
-          "UpdateCallback": {
-            "location": "import",
-            "path": "./tree-model"
-          },
-          "HTMLElement": {
-            "location": "global"
+      "renderItem": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "<T = any>(\n    index: number,\n    data: T,\n    dataList: Array<T>,\n    context: TreeContext,\n    update: (callback: UpdateCallback) => void\n  ) => HTMLElement",
+          "resolved": "<T = any>(index: number, data: T, dataList: T[], context: TreeContext, update: (callback: UpdateCallback) => void) => HTMLElement",
+          "references": {
+            "T": {
+              "location": "global"
+            },
+            "Array": {
+              "location": "global"
+            },
+            "TreeContext": {
+              "location": "import",
+              "path": "./tree-model"
+            },
+            "UpdateCallback": {
+              "location": "import",
+              "path": "./tree-model"
+            },
+            "HTMLElement": {
+              "location": "global"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Render function of tree items"
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Render function of tree items"
+      "context": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "TreeContext",
+          "resolved": "{ [x: string]: TreeItemContext; }",
+          "references": {
+            "TreeContext": {
+              "location": "import",
+              "path": "./tree-model"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Selection and collapsed state management"
+        },
+        "defaultValue": "{}"
       }
-    },
-    "context": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "TreeContext",
-        "resolved": "{ [x: string]: TreeItemContext; }",
-        "references": {
-          "TreeContext": {
-            "location": "import",
-            "path": "./tree-model"
+    };
+  }
+  static get events() {
+    return [{
+        "method": "contextChange",
+        "name": "contextChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Context changed"
+        },
+        "complexType": {
+          "original": "TreeContext",
+          "resolved": "{ [x: string]: TreeItemContext; }",
+          "references": {
+            "TreeContext": {
+              "location": "import",
+              "path": "./tree-model"
+            }
           }
         }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Selection and collapsed state management"
-      },
-      "defaultValue": "{}"
-    }
-  }; }
-  static get events() { return [{
-      "method": "contextChange",
-      "name": "contextChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Context changed"
-      },
-      "complexType": {
-        "original": "TreeContext",
-        "resolved": "{ [x: string]: TreeItemContext; }",
-        "references": {
-          "TreeContext": {
-            "location": "import",
-            "path": "./tree-model"
-          }
+      }, {
+        "method": "nodeRemoved",
+        "name": "nodeRemoved",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emits removed nodes"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
         }
-      }
-    }, {
-      "method": "nodeRemoved",
-      "name": "nodeRemoved",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emits removed nodes"
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
+      }];
+  }
   static get elementRef() { return "host"; }
-  static get watchers() { return [{
-      "propName": "model",
-      "methodName": "modelChange"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "model",
+        "methodName": "modelChange"
+      }];
+  }
 }

package/dist/collection/components/tree-item/tree-item.js

@@ -6,119 +6,128 @@
  * 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 } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 export class TreeItem {
+  constructor() {
+    this.text = undefined;
+    this.hasChildren = undefined;
+    this.context = undefined;
+  }
   render() {
     var _a, _b, _c;
     return (h(Host, { class: {
         selected: (_a = this.context) === null || _a === void 0 ? void 0 : _a.isSelected,
-      } },
-      h("div", { class: "icon-toggle-container", onClick: (e) => {
-          e.preventDefault();
-          this.toggle.emit();
-        } }, this.hasChildren ? (h("ix-icon", { name: "chevron-right", size: "16", class: {
-          ['icon-toggle-down']: (_b = this.context) === null || _b === void 0 ? void 0 : _b.isExpanded,
-        }, color: `color-${((_c = this.context) === null || _c === void 0 ? void 0 : _c.isExpanded) ? 'primary' : 'std-text'}` })) : null),
-      h("div", { class: "tree-node-container", onClick: (e) => {
-          e.preventDefault();
-          this.itemClick.emit();
-        } },
-        this.text,
-        h("slot", null))));
+      } }, h("div", { class: "icon-toggle-container", onClick: (e) => {
+        e.preventDefault();
+        this.toggle.emit();
+      } }, this.hasChildren ? (h("ix-icon", { name: "chevron-right", size: "16", class: {
+        ['icon-toggle-down']: (_b = this.context) === null || _b === void 0 ? void 0 : _b.isExpanded,
+      }, color: `color-${((_c = this.context) === null || _c === void 0 ? void 0 : _c.isExpanded) ? 'primary' : 'std-text'}` })) : null), h("div", { class: "tree-node-container", onClick: (e) => {
+        e.preventDefault();
+        this.itemClick.emit();
+      } }, this.text, h("slot", null))));
   }
   static get is() { return "ix-tree-item"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["tree-item.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["tree-item.css"]
-  }; }
-  static get properties() { return {
-    "text": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Text"
-      },
-      "attribute": "text",
-      "reflect": false
-    },
-    "hasChildren": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["tree-item.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["tree-item.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "text": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Text"
+        },
+        "attribute": "text",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Has tree item children"
+      "hasChildren": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Has tree item children"
+        },
+        "attribute": "has-children",
+        "reflect": false
       },
-      "attribute": "has-children",
-      "reflect": false
-    },
-    "context": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "TreeItemContext",
-        "resolved": "TreeItemContext",
-        "references": {
-          "TreeItemContext": {
-            "location": "import",
-            "path": "../tree/tree-model"
+      "context": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "TreeItemContext",
+          "resolved": "TreeItemContext",
+          "references": {
+            "TreeItemContext": {
+              "location": "import",
+              "path": "../tree/tree-model"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Context"
         }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Context"
-      }
-    }
-  }; }
-  static get events() { return [{
-      "method": "toggle",
-      "name": "toggle",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Expand/Collapsed toggled"
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "itemClick",
-      "name": "itemClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Clicked"
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "toggle",
+        "name": "toggle",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Expand/Collapsed toggled"
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "itemClick",
+        "name": "itemClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Clicked"
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
 }