bromcom-ui 2.3.58 → 2.3.59

package/dist/{collection/components/organism/treeview/treeview.js → bromcom-ui/bcm-treeview.entry.js}

@@ -1,13 +1,26 @@
-import { Component, h, Host, Listen, Event, Element, Prop, State, Watch, Method } from '@stencil/core';
-import { getChilds } from '../../../utils/utils';
-import cs from 'classnames';
+import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-9dbea026.js';
+import { c as classnames } from './index-43956e3c.js';
+import { a as getChilds } from './utils-1feb01eb.js';
+
+const treeviewCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:flex;flex-direction:column;height:100%;max-height:100%;border:1px solid var(--bcm-color-grey-5);box-sizing:border-box;background-color:#ffffff}:host(.empty) .treeview{display:flex;align-items:center;justify-content:center}.search{padding:8px;padding-bottom:0;margin-bottom:4px}.treeview{height:100%;max-height:100%;overflow:auto;background-color:var(--bcm-color-grey-1);padding:0 8px 8px 0}.treeview.loading{min-height:150px;position:relative;margin:0 8px 8px 8px}.treeview .loading{display:none;align-items:center;justify-content:center;height:100%;width:100%;position:absolute;background-color:rgba(255, 255, 255, 0.03)}.treeview .loading.show{display:flex}.treeview .empty{display:none;align-items:center;justify-content:center;height:100%}.treeview .empty bcm-empty{width:fit-content;margin:auto}.treeview .empty.show{display:flex}footer{text-align:right;padding:4px 8px;background-color:var(--bcm-color-grey-3);user-select:none}";
+
 /**
  * @desc
  * @param str
  */
 const lowercase = (str) => str.toLowerCase();
-export class Bcmtreeview {
-  constructor() {
+const Bcmtreeview = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.treeviewChange = createEvent(this, "bcm-treeview-change", 7);
+    this.treeviewSendCheck = createEvent(this, "bcm-treeview-send-check", 7);
+    this.treeviewSendUncheck = createEvent(this, "bcm-treeview-send-uncheck", 7);
+    this.treeviewChecklist = createEvent(this, "bcm-treeview-checklist", 7);
+    this.treeviewItemSelected = createEvent(this, "bcm-treeview-item-selected", 7);
+    this.treeviewClearSelecteds = createEvent(this, "bcm-treeview-clear-selecteds", 7);
+    this.treeviewShowContext = createEvent(this, "bcm-treeview-show-context", 7);
+    this.treeviewUnchecked = createEvent(this, "bcm-treeview-unchecked", 7);
+    this.treeviewChecked = createEvent(this, "bcm-treeview-checked", 7);
     this.objectMapping = {
       'text': 'text',
       'icon': 'icon',
@@ -772,7 +785,7 @@ export class Bcmtreeview {
   }
   render() {
     const { searchOnlyChild, searchPlaceholder, search, checkCount, searchData, searchFields, searchSub, returnField, total, fullWidth, infoFooter, showSearch } = this;
-    const hostClasses = cs(this.hidden ? 'hidden' : null, {
+    const hostClasses = classnames(this.hidden ? 'hidden' : null, {
       'empty': this.empty,
       'full-width': fullWidth
     });
@@ -781,905 +794,21 @@ export class Bcmtreeview {
       'min-width': this.minWidth + 'px',
       'max-height': this.maxHeight
     };
-    return (h(Host, { class: hostClasses, style: customStyles },
-      search && (h("div", { class: "search", style: { 'display': String(showSearch) == 'false' ? 'none' : 'block' } },
-        h("bcm-search", { onlyChild: searchOnlyChild, searchPlaceholder: searchPlaceholder, "on-bcm-focus": () => this.handleFocus(true), "on-bcm-blur": () => this.handleFocus(false), data: searchData, returnField: returnField, searchFields: searchFields, searchSub: searchSub, clearable: true }),
-        h("bcm-divider", null))),
-      h("div", { id: "treeview", class: "treeview loading" },
-        // this.loading && (
-        h("div", { id: "loading", class: "loading show" },
-          h("bcm-icon", { type: "animated", color: "prime-blue-6", class: "prefix", icon: "loading", size: "medium" }))
-      // )
-      ,
-        // this.empty && (
-        h("div", { id: "empty", class: "empty" },
-          h("bcm-empty", { size: "small", text: "No Data" }))
-      // )
-      ,
-        !this.empty && this.items.length !== 0 && this.items.map((item) => (this.recursiveItemRenderer(item, null)))),
-      infoFooter == true && (h("footer", null,
-        h("bcm-text", { scale: "size-1", color: "grey-8" },
-          checkCount > 0 && ('( ' + checkCount + ' items selected ) '),
-          "Total ",
-          h("span", { id: "in-search" }),
-          " ",
-          h("span", { id: "in-total" }, total),
-          " items found.")))));
-  }
-  static get is() { return "bcm-treeview"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["treeview.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["treeview.css"]
-  }; }
-  static get properties() { return {
-    "checkboxes": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "checkboxes",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "showIcon": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "show-icon",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "SizeProp",
-        "resolved": "\"large\" | \"medium\" | \"small\"",
-        "references": {
-          "SizeProp": {
-            "location": "import",
-            "path": "./types"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "'medium'"
-    },
-    "selectedId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "selected-id",
-      "reflect": false
-    },
-    "checkedList": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Array<any>",
-        "resolved": "any[]",
-        "references": {
-          "Array": {
-            "location": "global"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "defaultValue": "[]"
-    },
-    "updateCheckedList": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Array<any>",
-        "resolved": "any[]",
-        "references": {
-          "Array": {
-            "location": "global"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "defaultValue": "[]"
-    },
-    "hidden": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hidden",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "search": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "search",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "searchOnlyChild": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "search-only-child",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "keydown": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "keydown",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "allOpen": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "all-open",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "fullWidth": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "full-width",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "infoFooter": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "info-footer",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "searchFields": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Array<string>",
-        "resolved": "string[]",
-        "references": {
-          "Array": {
-            "location": "global"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "defaultValue": "['text', 'secondaryText', 'tooltipText']"
-    },
-    "searchSub": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "search-sub",
-      "reflect": false,
-      "defaultValue": "\"items\""
-    },
-    "returnField": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "return-field",
-      "reflect": false,
-      "defaultValue": "\"id\""
-    },
-    "_items": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "Array<object> | string",
-        "resolved": "object[] | string",
-        "references": {
-          "Array": {
-            "location": "global"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "data",
-      "reflect": false,
-      "defaultValue": "[]"
-    },
-    "searchPlaceholder": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "searchplaceholder",
-      "reflect": false,
-      "defaultValue": "\"Search\""
-    },
-    "maxHeight": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "max-height",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "highlight": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "highlight",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "loading": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "loading",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "favIcon": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "fav-icon",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "favIconOnlyChilds": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "fav-icon-only-childs",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "_internal_id": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "_internal_id",
-      "reflect": true,
-      "defaultValue": "(Math.random() * 4).toString(16).replace('.', '')"
-    }
-  }; }
-  static get states() { return {
-    "showSearch": {},
-    "items": {},
-    "total": {},
-    "checkCount": {},
-    "focusedElement": {},
-    "keyMapForFocus": {},
-    "checklist": {},
-    "favoriteList": {},
-    "checklistSorted": {},
-    "searchData": {},
-    "searchResults": {}
-  }; }
-  static get events() { return [{
-      "method": "treeviewChange",
-      "name": "bcm-treeview-change",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Component Events"
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "treeviewSendCheck",
-      "name": "bcm-treeview-send-check",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "treeviewSendUncheck",
-      "name": "bcm-treeview-send-uncheck",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "treeviewChecklist",
-      "name": "bcm-treeview-checklist",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "treeviewItemSelected",
-      "name": "bcm-treeview-item-selected",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "treeviewClearSelecteds",
-      "name": "bcm-treeview-clear-selecteds",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "treeviewShowContext",
-      "name": "bcm-treeview-show-context",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "treeviewUnchecked",
-      "name": "bcm-treeview-unchecked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "treeviewChecked",
-      "name": "bcm-treeview-checked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-  static get methods() { return {
-    "setData": {
-      "complexType": {
-        "signature": "(_data?: Array<object> | string) => Promise<boolean>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          },
-          "Array": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<boolean>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "getChecklist": {
-      "complexType": {
-        "signature": "() => Promise<object[]>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<object[]>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "getFavorites": {
-      "complexType": {
-        "signature": "() => Promise<number[]>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<number[]>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "selected": {
-      "complexType": {
-        "signature": "(id: any) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "clearAndSelectSearch": {
-      "complexType": {
-        "signature": "(select?: boolean) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "addChecked": {
-      "complexType": {
-        "signature": "(items?: any[]) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "updateChecked": {
-      "complexType": {
-        "signature": "(items?: any[]) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "config": {
-      "complexType": {
-        "signature": "(_config: Array<object>) => Promise<boolean>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          },
-          "Array": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<boolean>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "showSearchMethod": {
-      "complexType": {
-        "signature": "(val?: boolean) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "searchResultMethod": {
-      "complexType": {
-        "signature": "(items?: any) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "treeviewUncheckedMethod": {
-      "complexType": {
-        "signature": "(item: any) => Promise<boolean>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<boolean>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    }
+    return (h(Host, { class: hostClasses, style: customStyles }, search && (h("div", { class: "search", style: { 'display': String(showSearch) == 'false' ? 'none' : 'block' } }, h("bcm-search", { onlyChild: searchOnlyChild, searchPlaceholder: searchPlaceholder, "on-bcm-focus": () => this.handleFocus(true), "on-bcm-blur": () => this.handleFocus(false), data: searchData, returnField: returnField, searchFields: searchFields, searchSub: searchSub, clearable: true }), h("bcm-divider", null))), h("div", { id: "treeview", class: "treeview loading" }, 
+    // this.loading && (
+    h("div", { id: "loading", class: "loading show" }, h("bcm-icon", { type: "animated", color: "prime-blue-6", class: "prefix", icon: "loading", size: "medium" }))
+    // )
+    , 
+    // this.empty && (
+    h("div", { id: "empty", class: "empty" }, h("bcm-empty", { size: "small", text: "No Data" }))
+    // )
+    , !this.empty && this.items.length !== 0 && this.items.map((item) => (this.recursiveItemRenderer(item, null)))), infoFooter == true && (h("footer", null, h("bcm-text", { scale: "size-1", color: "grey-8" }, checkCount > 0 && ('( ' + checkCount + ' items selected ) '), "Total ", h("span", { id: "in-search" }), " ", h("span", { id: "in-total" }, total), " items found.")))));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "_items": ["parseItems"]
   }; }
-  static get elementRef() { return "el"; }
-  static get watchers() { return [{
-      "propName": "_items",
-      "methodName": "parseItems"
-    }]; }
-  static get listeners() { return [{
-      "name": "bcm-on-search",
-      "method": "listenSearchResult",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "bcm-treeview-item-selected",
-      "method": "handletreeviewItemSelected",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "bcm-treeview-checked",
-      "method": "handletreeviewChecked",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "bcm-treeview-unchecked",
-      "method": "handletreeviewUnchecked",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "bcm-treeview-indeterminate-checked",
-      "method": "handletreeviewIndeterminateChecked",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "bcm-treeview-indeterminate-unchecked",
-      "method": "handletreeviewIndeterminateUnchecked",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "contextmenu",
-      "method": "handleRightClick",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "keyup",
-      "method": "keyboardNavigationUp",
-      "target": "document",
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "keydown",
-      "method": "keyboardNavigation",
-      "target": "document",
-      "capture": false,
-      "passive": false
-    }]; }
-}
+};
+Bcmtreeview.style = treeviewCss;
+
+export { Bcmtreeview as bcm_treeview };