@sankhyalabs/ezui 3.0.0 → 3.0.2

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

@@ -1,5 +1,5 @@
 import { ElementIDUtils } from '@sankhyalabs/core';
-import { Component, Element, Event, forceUpdate, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';
+import { forceUpdate, h, Host } from '@stencil/core';
 import { defaultIconResolver, defaultTooltipResolver } from './subcomponents';
 import { TreeItem } from './subcomponents/TreeItem';
 import { Tree } from './types/Tree';
@@ -13,14 +13,12 @@ export class EzTree {
       this.value = item;
     };
     this._tree = new Tree(() => forceUpdate(this));
-    /**
-     * Define os itens apresentados na árvore.
-     */
+    this._waintingForLoad = undefined;
     this.items = [];
-    /**
-     * Define uma função que vai resolver o ícone daquele item. Retorna o nome do ícone da lib de icones do DS.
-     */
+    this.value = undefined;
+    this.selectedId = undefined;
     this.iconResolver = defaultIconResolver;
+    this.tooltipResolver = undefined;
   }
   /**
    * Efetua a seleção de um item.
@@ -227,303 +225,319 @@ export class EzTree {
   }
   static get is() { return "ez-tree"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ez-tree.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ez-tree.css"]
-  }; }
-  static get properties() { return {
-    "items": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "Array<ITreeItem>",
-        "resolved": "ITreeItem[]",
-        "references": {
-          "Array": {
-            "location": "global"
-          },
-          "ITreeItem": {
-            "location": "import",
-            "path": "./interfaces/ITreeItem"
+  static get originalStyleUrls() {
+    return {
+      "$": ["ez-tree.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-tree.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "items": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "Array<ITreeItem>",
+          "resolved": "ITreeItem[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "ITreeItem": {
+              "location": "import",
+              "path": "./interfaces/ITreeItem"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define os itens apresentados na \u00E1rvore."
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define os itens apresentados na \u00E1rvore."
+        },
+        "defaultValue": "[]"
       },
-      "defaultValue": "[]"
-    },
-    "value": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "ITreeItem",
-        "resolved": "ITreeItem",
-        "references": {
-          "ITreeItem": {
-            "location": "import",
-            "path": "./interfaces/ITreeItem"
+      "value": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "ITreeItem",
+          "resolved": "ITreeItem",
+          "references": {
+            "ITreeItem": {
+              "location": "import",
+              "path": "./interfaces/ITreeItem"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o item selecionado na \u00E1rvore."
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define o item selecionado na \u00E1rvore."
-      }
-    },
-    "selectedId": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Forma alternativa para atribuir o item selecionado por seu ID."
+      "selectedId": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Forma alternativa para atribuir o item selecionado por seu ID."
+        },
+        "attribute": "selected-id",
+        "reflect": true
       },
-      "attribute": "selected-id",
-      "reflect": true
-    },
-    "iconResolver": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "(item: ITreeItem, expanded: boolean, level: number) => string",
-        "resolved": "(item: ITreeItem, expanded: boolean, level: number) => string",
-        "references": {
-          "ITreeItem": {
-            "location": "import",
-            "path": "./interfaces/ITreeItem"
+      "iconResolver": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(item: ITreeItem, expanded: boolean, level: number) => string",
+          "resolved": "(item: ITreeItem, expanded: boolean, level: number) => string",
+          "references": {
+            "ITreeItem": {
+              "location": "import",
+              "path": "./interfaces/ITreeItem"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define uma fun\u00E7\u00E3o que vai resolver o \u00EDcone daquele item. Retorna o nome do \u00EDcone da lib de icones do DS."
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define uma fun\u00E7\u00E3o que vai resolver o \u00EDcone daquele item. Retorna o nome do \u00EDcone da lib de icones do DS."
+        },
+        "defaultValue": "defaultIconResolver"
       },
-      "defaultValue": "defaultIconResolver"
-    },
-    "tooltipResolver": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "(item: ITreeItem, enabled: boolean, level: number) => string",
-        "resolved": "(item: ITreeItem, enabled: boolean, level: number) => string",
-        "references": {
-          "ITreeItem": {
-            "location": "import",
-            "path": "./interfaces/ITreeItem"
+      "tooltipResolver": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(item: ITreeItem, enabled: boolean, level: number) => string",
+          "resolved": "(item: ITreeItem, enabled: boolean, level: number) => string",
+          "references": {
+            "ITreeItem": {
+              "location": "import",
+              "path": "./interfaces/ITreeItem"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define uma fun\u00E7\u00E3o que vai resolver o `tooltip` ou `title` daquele item."
         }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define uma fun\u00E7\u00E3o que vai resolver o `tooltip` ou `title` daquele item."
       }
-    }
-  }; }
-  static get states() { return {
-    "_tree": {},
-    "_waintingForLoad": {}
-  }; }
-  static get events() { return [{
-      "method": "ezChange",
-      "name": "ezChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido quando um item \u00E9 selecionado na \u00E1rvore."
-      },
-      "complexType": {
-        "original": "ITreeItem",
-        "resolved": "ITreeItem",
-        "references": {
-          "ITreeItem": {
-            "location": "import",
-            "path": "./interfaces/ITreeItem"
+    };
+  }
+  static get states() {
+    return {
+      "_tree": {},
+      "_waintingForLoad": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "ezChange",
+        "name": "ezChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando um item \u00E9 selecionado na \u00E1rvore."
+        },
+        "complexType": {
+          "original": "ITreeItem",
+          "resolved": "ITreeItem",
+          "references": {
+            "ITreeItem": {
+              "location": "import",
+              "path": "./interfaces/ITreeItem"
+            }
           }
         }
-      }
-    }, {
-      "method": "ezOpenItem",
-      "name": "ezOpenItem",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido quando um item \u00E9 aberto na \u00E1rvore."
-      },
-      "complexType": {
-        "original": "ITreeItem",
-        "resolved": "ITreeItem",
-        "references": {
-          "ITreeItem": {
-            "location": "import",
-            "path": "./interfaces/ITreeItem"
+      }, {
+        "method": "ezOpenItem",
+        "name": "ezOpenItem",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando um item \u00E9 aberto na \u00E1rvore."
+        },
+        "complexType": {
+          "original": "ITreeItem",
+          "resolved": "ITreeItem",
+          "references": {
+            "ITreeItem": {
+              "location": "import",
+              "path": "./interfaces/ITreeItem"
+            }
           }
         }
-      }
-    }]; }
-  static get methods() { return {
-    "selectItem": {
-      "complexType": {
-        "signature": "(id: string) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      }];
+  }
+  static get methods() {
+    return {
+      "selectItem": {
+        "complexType": {
+          "signature": "(id: string) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Efetua a sele\u00E7\u00E3o de um item.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Efetua a sele\u00E7\u00E3o de um item.",
-        "tags": []
-      }
-    },
-    "openItem": {
-      "complexType": {
-        "signature": "(id: string) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "openItem": {
+        "complexType": {
+          "signature": "(id: string) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Realiza a abertura de um item, incluindo a hieraquia acima.\nObserva\u00E7\u00E3o para carga din\u00E2mica (Lazyload): O item solicitado j\u00E1 deve\nestar carregado na lista. Nos casos onde o item ainda n\u00E3o esteja \ncarregado o id pode ser uma string no formato \"id1>>id2>>id3\",\ntornando poss\u00EDvel a carga a partir de um ponto j\u00E1 carregado.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Realiza a abertura de um item, incluindo a hieraquia acima.\nObserva\u00E7\u00E3o para carga din\u00E2mica (Lazyload): O item solicitado j\u00E1 deve\nestar carregado na lista. Nos casos onde o item ainda n\u00E3o esteja \ncarregado o id pode ser uma string no formato \"id1>>id2>>id3\",\ntornando poss\u00EDvel a carga a partir de um ponto j\u00E1 carregado.",
-        "tags": []
-      }
-    },
-    "disableItem": {
-      "complexType": {
-        "signature": "(id: string | Array<string>) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
+      "disableItem": {
+        "complexType": {
+          "signature": "(id: string | Array<string>) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "Array": {
+              "location": "global"
+            }
           },
-          "Array": {
-            "location": "global"
-          }
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Desabilita um ou mais itens.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Desabilita um ou mais itens.",
-        "tags": []
-      }
-    },
-    "enableItem": {
-      "complexType": {
-        "signature": "(id: string | Array<string>) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
+      "enableItem": {
+        "complexType": {
+          "signature": "(id: string | Array<string>) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "Array": {
+              "location": "global"
+            }
           },
-          "Array": {
-            "location": "global"
-          }
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Habilita um ou mais itens.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Habilita um ou mais itens.",
-        "tags": []
-      }
-    },
-    "addChild": {
-      "complexType": {
-        "signature": "(item: ITreeItem, parentId?: string) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
+      "addChild": {
+        "complexType": {
+          "signature": "(item: ITreeItem, parentId?: string) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "ITreeItem": {
+              "location": "import",
+              "path": "./interfaces/ITreeItem"
+            }
           },
-          "ITreeItem": {
-            "location": "import",
-            "path": "./interfaces/ITreeItem"
-          }
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Adiciona um ou mais itens. Opcionalmente pode-se determinar a qual\nitem da \u00E1rvore ser\u00E1 anexado o item. Caso n\u00E3o informado parentId,\nadiciona no item selecionado.\nObserva\u00E7\u00E3o para carga din\u00E2mica (Lazyload): O parentId deve ser\num item carregado atualmente na \u00E1rvore.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Adiciona um ou mais itens. Opcionalmente pode-se determinar a qual\nitem da \u00E1rvore ser\u00E1 anexado o item. Caso n\u00E3o informado parentId,\nadiciona no item selecionado.\nObserva\u00E7\u00E3o para carga din\u00E2mica (Lazyload): O parentId deve ser\num item carregado atualmente na \u00E1rvore.",
-        "tags": []
-      }
-    },
-    "applyFilter": {
-      "complexType": {
-        "signature": "(pattern: string) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "applyFilter": {
+        "complexType": {
+          "signature": "(pattern: string) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "Efetua a sele\u00E7\u00E3o de um item.",
-        "tags": []
+        "docs": {
+          "text": "Efetua a sele\u00E7\u00E3o de um item.",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "_element"; }
-  static get watchers() { return [{
-      "propName": "items",
-      "methodName": "observeItems"
-    }, {
-      "propName": "value",
-      "methodName": "observeValue"
-    }]; }
-  static get listeners() { return [{
-      "name": "keydown",
-      "method": "onKeyDownListener",
-      "target": undefined,
-      "capture": true,
-      "passive": false
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "items",
+        "methodName": "observeItems"
+      }, {
+        "propName": "value",
+        "methodName": "observeValue"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "keydown",
+        "method": "onKeyDownListener",
+        "target": undefined,
+        "capture": true,
+        "passive": false
+      }];
+  }
 }

package/dist/collection/components/ez-tree/subcomponents/TreeItem.js

@@ -14,15 +14,11 @@ export const TreeItem = (props) => {
   if (available) {
     itemsList.push(treeItem);
   }
-  return (h("ul", { class: level === 1 ? "first-level" : undefined },
-    h("li", Object.assign({ title: tooltipResolver(treeItem, !disabled, level), class: "tree-item", onClick: () => available && itemClick(treeItem) }, {
-      disabled,
-      selected: treeItem.id === selectedId,
-      [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(`ezTreeItem_${treeItem.id}`)
-    }),
-      h("div", { class: "item-icon-box" }, expandable &&
-        h("ez-icon", { id: treeItem.id, class: "item-icon", size: "small", iconName: iconResolver(treeItem, expanded, level), onClick: () => available && iconClick(treeItem) })),
-      h("label", { class: "item-label" }, treeItem.label)),
-    expanded
-      && node.getChildren().map(child => h(TreeItem, { selectedId: selectedId, node: child, itemClick: itemClick, iconClick: iconClick, level: level + 1, iconResolver: iconResolver, tooltipResolver: tooltipResolver, itemsList: itemsList }))));
+  return (h("ul", { class: level === 1 ? "first-level" : undefined }, h("li", Object.assign({ title: tooltipResolver(treeItem, !disabled, level), class: "tree-item", onClick: () => available && itemClick(treeItem) }, {
+    disabled,
+    selected: treeItem.id === selectedId,
+    [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(`ezTreeItem_${treeItem.id}`)
+  }), h("div", { class: "item-icon-box" }, expandable &&
+    h("ez-icon", { id: treeItem.id, class: "item-icon", size: "small", iconName: iconResolver(treeItem, expanded, level), onClick: () => available && iconClick(treeItem) })), h("label", { class: "item-label" }, treeItem.label)), expanded
+    && node.getChildren().map(child => h(TreeItem, { selectedId: selectedId, node: child, itemClick: itemClick, iconClick: iconClick, level: level + 1, iconResolver: iconResolver, tooltipResolver: tooltipResolver, itemsList: itemsList }))));
 };