@sankhyalabs/ezui 3.0.1 → 3.0.2

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

@@ -1,10 +1,16 @@
 import { ElementIDUtils } from "@sankhyalabs/core";
-import { Component, h, Host, Prop, Method, Event, State, Watch, Element, Listen } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import AgGridController from "./controller/ag-grid/AgGridController";
 export class EzGrid {
   constructor() {
     this._gridController = new AgGridController(false);
+    this._paginationInfo = undefined;
     this._paginationChangedByKeyboard = true;
+    this.multipleSelection = undefined;
+    this.config = undefined;
+    this.serverUrl = undefined;
+    this.dataUnit = undefined;
+    this.statusResolver = undefined;
   }
   /**
    * Aplica a definição de colunas.
@@ -172,9 +178,7 @@ export class EzGrid {
     if (this._paginationInfo) {
       const { firstRecord, lastRecord, total, currentPage, hasMore } = this._paginationInfo;
       return [
-        h("div", { class: "ez-text ez-text--primary ez-text--medium ez-margin-right--medium" },
-          h("strong", { class: "ez-text ez-text--primary ez-text--medium" }, `${firstRecord}-${lastRecord}`),
-          ` de ${total}`),
+        h("div", { class: "ez-text ez-text--primary ez-text--medium ez-margin-right--medium" }, h("strong", { class: "ez-text ez-text--primary ez-text--medium" }, `${firstRecord}-${lastRecord}`), ` de ${total}`),
         h("ez-button", { size: "small", iconName: "chevron-left", class: "ez-margin-right--medium", mode: "icon", enabled: currentPage > 0, onClick: () => this.previousPage(), label: "P\u00E1gina anterior" }),
         h("ez-button", { size: "small", iconName: "chevron-right", class: "ez-margin-right--medium", mode: "icon", enabled: hasMore, onClick: () => this.nextPage(), label: "Pr\u00F3xima P\u00E1gina" })
       ];
@@ -185,396 +189,406 @@ export class EzGrid {
     this._gridController.setColumnsState(config.columns);
   }
   render() {
-    return (h(Host, null,
-      h("div", { class: "ez-box ez-box--shadow ez-padding--medium grid-header" },
-        h("div", { class: "grid-header__container" },
-          h("slot", { name: "leftButtons" })),
-        h("div", { class: "grid-header__container", ref: ref => this._refPaginationControl = ref }, this.getPaginationControl())),
-      h("div", { class: "grid__container ez-grid", ref: elem => this._container = elem }),
-      h("div", { class: "grid__footer" })));
+    return (h(Host, null, h("div", { class: "ez-box ez-box--shadow ez-padding--medium grid-header" }, h("div", { class: "grid-header__container" }, h("slot", { name: "leftButtons" })), h("div", { class: "grid-header__container", ref: ref => this._refPaginationControl = ref }, this.getPaginationControl())), h("div", { class: "grid__container ez-grid", ref: elem => this._container = elem }), h("div", { class: "grid__footer" })));
   }
   static get is() { return "ez-grid"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["ez-grid.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ez-grid.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ez-grid.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-grid.css"]
+    };
+  }
   static get assetsDirs() { return ["../assets"]; }
-  static get properties() { return {
-    "multipleSelection": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Habilita a sele\u00E7\u00E3o de v\u00E1rias linhas."
+  static get properties() {
+    return {
+      "multipleSelection": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Habilita a sele\u00E7\u00E3o de v\u00E1rias linhas."
+        },
+        "attribute": "multiple-selection",
+        "reflect": false
       },
-      "attribute": "multiple-selection",
-      "reflect": false
-    },
-    "config": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "IGridConfig",
-        "resolved": "IGridConfig",
-        "references": {
-          "IGridConfig": {
-            "location": "import",
-            "path": "./controller/EzGridController"
+      "config": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "IGridConfig",
+          "resolved": "IGridConfig",
+          "references": {
+            "IGridConfig": {
+              "location": "import",
+              "path": "./controller/EzGridController"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Configura\u00E7\u00E3o de exibi\u00E7\u00E3o da grade."
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Configura\u00E7\u00E3o de exibi\u00E7\u00E3o da grade."
-      }
-    },
-    "serverUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Endere\u00E7o do servidor para obten\u00E7\u00E3o dos dados."
+      "serverUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Endere\u00E7o do servidor para obten\u00E7\u00E3o dos dados."
+        },
+        "attribute": "server-url",
+        "reflect": false
       },
-      "attribute": "server-url",
-      "reflect": false
-    },
-    "dataUnit": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "DataUnit",
-        "resolved": "DataUnit",
-        "references": {
-          "DataUnit": {
-            "location": "import",
-            "path": "@sankhyalabs/core"
+      "dataUnit": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "DataUnit",
+          "resolved": "DataUnit",
+          "references": {
+            "DataUnit": {
+              "location": "import",
+              "path": "@sankhyalabs/core"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Unidade de dados. Respons\u00E1vel pelo controle de edi\u00E7\u00E3o de registros e \ninforma\u00E7\u00F5es pertinentes aos campos."
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Unidade de dados. Respons\u00E1vel pelo controle de edi\u00E7\u00E3o de registros e \ninforma\u00E7\u00F5es pertinentes aos campos."
-      }
-    },
-    "statusResolver": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IStatusResolver",
-        "resolved": "IStatusResolver",
-        "references": {
-          "IStatusResolver": {
-            "location": "import",
-            "path": "./controller/EzGridController"
+      "statusResolver": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IStatusResolver",
+          "resolved": "IStatusResolver",
+          "references": {
+            "IStatusResolver": {
+              "location": "import",
+              "path": "./controller/EzGridController"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define um `IStatusResolver` respons\u00E1vel pelo estado da coluna de status."
         }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define um `IStatusResolver` respons\u00E1vel pelo estado da coluna de status."
       }
-    }
-  }; }
-  static get states() { return {
-    "_paginationInfo": {},
-    "_paginationChangedByKeyboard": {}
-  }; }
-  static get events() { return [{
-      "method": "ezColumnStateChange",
-      "name": "ezColumnStateChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido quando acontece a altera\u00E7\u00E3o de estado das colunas do grid: Ordena\u00E7\u00E3o, largura, etc."
-      },
-      "complexType": {
-        "original": "EzGridColumStateEvent",
-        "resolved": "EzGridColumStateEvent",
-        "references": {
-          "EzGridColumStateEvent": {
-            "location": "import",
-            "path": "./controller/EzGridController"
+    };
+  }
+  static get states() {
+    return {
+      "_paginationInfo": {},
+      "_paginationChangedByKeyboard": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "ezColumnStateChange",
+        "name": "ezColumnStateChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando acontece a altera\u00E7\u00E3o de estado das colunas do grid: Ordena\u00E7\u00E3o, largura, etc."
+        },
+        "complexType": {
+          "original": "EzGridColumStateEvent",
+          "resolved": "EzGridColumStateEvent",
+          "references": {
+            "EzGridColumStateEvent": {
+              "location": "import",
+              "path": "./controller/EzGridController"
+            }
           }
         }
-      }
-    }, {
-      "method": "ezSelectionChange",
-      "name": "ezSelectionChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido quando acontece a altera\u00E7\u00E3o de sele\u00E7\u00E3o de linhas."
-      },
-      "complexType": {
-        "original": "Array<any>",
-        "resolved": "any[]",
-        "references": {
-          "Array": {
-            "location": "global"
+      }, {
+        "method": "ezSelectionChange",
+        "name": "ezSelectionChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando acontece a altera\u00E7\u00E3o de sele\u00E7\u00E3o de linhas."
+        },
+        "complexType": {
+          "original": "Array<any>",
+          "resolved": "any[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            }
           }
         }
-      }
-    }, {
-      "method": "ezDoubleClick",
-      "name": "ezDoubleClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido com o duplo clique de uma linha"
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "configChange",
-      "name": "configChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido quando acontece a altera\u00E7\u00E3o de configura\u00E7\u00E3o do grade."
-      },
-      "complexType": {
-        "original": "IGridConfig",
-        "resolved": "IGridConfig",
-        "references": {
-          "IGridConfig": {
-            "location": "import",
-            "path": "./controller/EzGridController"
+      }, {
+        "method": "ezDoubleClick",
+        "name": "ezDoubleClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido com o duplo clique de uma linha"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "configChange",
+        "name": "configChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando acontece a altera\u00E7\u00E3o de configura\u00E7\u00E3o do grade."
+        },
+        "complexType": {
+          "original": "IGridConfig",
+          "resolved": "IGridConfig",
+          "references": {
+            "IGridConfig": {
+              "location": "import",
+              "path": "./controller/EzGridController"
+            }
           }
         }
-      }
-    }]; }
-  static get methods() { return {
-    "setColumnsDef": {
-      "complexType": {
-        "signature": "(cols: Array<EzGridColumn>) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          },
-          "Array": {
-            "location": "global"
+      }];
+  }
+  static get methods() {
+    return {
+      "setColumnsDef": {
+        "complexType": {
+          "signature": "(cols: Array<EzGridColumn>) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "Array": {
+              "location": "global"
+            },
+            "EzGridColumn": {
+              "location": "import",
+              "path": "./controller/EzGridController"
+            }
           },
-          "EzGridColumn": {
-            "location": "import",
-            "path": "./controller/EzGridController"
-          }
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Aplica a defini\u00E7\u00E3o de colunas.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Aplica a defini\u00E7\u00E3o de colunas.",
-        "tags": []
-      }
-    },
-    "addColumnMenuItem": {
-      "complexType": {
-        "signature": "(label: string, name: string, action: Function) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
+      "addColumnMenuItem": {
+        "complexType": {
+          "signature": "(label: string, name: string, action: Function) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "Function": {
+              "location": "global"
+            }
           },
-          "Function": {
-            "location": "global"
-          }
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Adiciona item de menu nas colunas.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Adiciona item de menu nas colunas.",
-        "tags": []
-      }
-    },
-    "setColumnsState": {
-      "complexType": {
-        "signature": "(state: Array<EzGridColumnConfig>) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          },
-          "Array": {
-            "location": "global"
+      "setColumnsState": {
+        "complexType": {
+          "signature": "(state: Array<EzGridColumnConfig>) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "Array": {
+              "location": "global"
+            },
+            "EzGridColumnConfig": {
+              "location": "import",
+              "path": "./controller/EzGridController"
+            }
           },
-          "EzGridColumnConfig": {
-            "location": "import",
-            "path": "./controller/EzGridController"
-          }
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Aplica o estado das colunas.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Aplica o estado das colunas.",
-        "tags": []
-      }
-    },
-    "setData": {
-      "complexType": {
-        "signature": "(data: Array<any>) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
+      "setData": {
+        "complexType": {
+          "signature": "(data: Array<any>) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "Array": {
+              "location": "global"
+            }
           },
-          "Array": {
-            "location": "global"
-          }
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Insere os registros no ez-grid.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Insere os registros no ez-grid.",
-        "tags": []
-      }
-    },
-    "getSelection": {
-      "complexType": {
-        "signature": "() => Promise<Array<any>>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
+      "getSelection": {
+        "complexType": {
+          "signature": "() => Promise<Array<any>>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "Array": {
+              "location": "global"
+            }
           },
-          "Array": {
-            "location": "global"
-          }
+          "return": "Promise<any[]>"
         },
-        "return": "Promise<any[]>"
+        "docs": {
+          "text": "Obt\u00E9m as linhas selecionadas.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Obt\u00E9m as linhas selecionadas.",
-        "tags": []
-      }
-    },
-    "getColumnsState": {
-      "complexType": {
-        "signature": "() => Promise<Array<EzGridColumn>>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          },
-          "EzGridColumn": {
-            "location": "import",
-            "path": "./controller/EzGridController"
+      "getColumnsState": {
+        "complexType": {
+          "signature": "() => Promise<Array<EzGridColumn>>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "EzGridColumn": {
+              "location": "import",
+              "path": "./controller/EzGridController"
+            },
+            "Array": {
+              "location": "global"
+            }
           },
-          "Array": {
-            "location": "global"
-          }
+          "return": "Promise<EzGridColumn[]>"
         },
-        "return": "Promise<EzGridColumn[]>"
+        "docs": {
+          "text": "Obt\u00E9m o estado atual das colunas.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Obt\u00E9m o estado atual das colunas.",
-        "tags": []
-      }
-    },
-    "getColumns": {
-      "complexType": {
-        "signature": "() => Promise<Array<EzGridColumn>>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          },
-          "EzGridColumn": {
-            "location": "import",
-            "path": "./controller/EzGridController"
+      "getColumns": {
+        "complexType": {
+          "signature": "() => Promise<Array<EzGridColumn>>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "EzGridColumn": {
+              "location": "import",
+              "path": "./controller/EzGridController"
+            },
+            "Array": {
+              "location": "global"
+            }
           },
-          "Array": {
-            "location": "global"
-          }
+          "return": "Promise<EzGridColumn[]>"
         },
-        "return": "Promise<EzGridColumn[]>"
+        "docs": {
+          "text": "Obt\u00E9m a lista de defini\u00E7\u00E3o de colunas.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Obt\u00E9m a lista de defini\u00E7\u00E3o de colunas.",
-        "tags": []
-      }
-    },
-    "quickFilter": {
-      "complexType": {
-        "signature": "(term: string) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "quickFilter": {
+        "complexType": {
+          "signature": "(term: string) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "Aplica um filtro r\u00E1pido.",
-        "tags": []
+        "docs": {
+          "text": "Aplica um filtro r\u00E1pido.",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "_element"; }
-  static get watchers() { return [{
-      "propName": "config",
-      "methodName": "observeConfig"
-    }]; }
-  static get listeners() { return [{
-      "name": "ezSelectionChange",
-      "method": "onSelectionChange",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "config",
+        "methodName": "observeConfig"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "ezSelectionChange",
+        "method": "onSelectionChange",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }