@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-77126.0 → 0.0.0-bugfix-dev-KB-77074.0

package/dist/collection/components/ez-grid/controller/ag-grid/editor/templates/TextInput.tpl.js

@@ -2,14 +2,12 @@ import { HTMLBuilder } from "@sankhyalabs/core";
 const MINIMIUM_WIDTH_TEXTAREA = 210;
 const PADDING_VALUE_TEXTAREA = 12;
 export const buildTextInput = ({ name, contextName }) => {
-  const textInput = HTMLBuilder.parseElement(`<ez-text-input
+  return HTMLBuilder.parseElement(`<ez-text-input
         class="ez-grid grid_editor"
         data-field-name=${name}
         data-context-name=${contextName}
         mode="slim"
     />`);
-  textInput.autoFocus = true;
-  return textInput;
 };
 export const buildTextAreaInput = ({ eGridCell, editionManager }) => {
   const element = HTMLBuilder.parseElement(`<ez-text-area
@@ -19,7 +17,6 @@ export const buildTextAreaInput = ({ eGridCell, editionManager }) => {
   element.addEventListener('keydown', event => handlePressEnterEvent(event, element, editionManager));
   setElementInitialWidth(eGridCell, element);
   element.isPopUp = true;
-  element.autoFocus = true;
   return element;
 };
 function setElementInitialWidth(eGridCell, element) {

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

@@ -39,7 +39,6 @@ export class EzGrid {
     this.paginationCounterMode = 'show';
     this.enableGridInsert = false;
     this.enableContinuousInsert = true;
-    this.enableLockManger = true;
   }
   /**
    * Aplica a definição de colunas.
@@ -164,18 +163,6 @@ export class EzGrid {
   async setFocus() {
     this._gridController.setFocus();
   }
-  /**
-   * Para a edição da grade.
-   */
-  async stopEdit() {
-    this._gridController.stopEdit();
-  }
-  async checkStopEditOutsideClick(event) {
-    var _a;
-    if ((_a = this._container) === null || _a === void 0 ? void 0 : _a.contains(event.target))
-      return;
-    this._gridController.stopEdit();
-  }
   observeConfig(config) {
     this._gridController.setColumnsState(config === null || config === void 0 ? void 0 : config.columns);
   }
@@ -201,9 +188,6 @@ export class EzGrid {
       this.setSelection(this.dataUnit.getSelectionInfo());
     }
   }
-  async handleClick(event) {
-    this.checkStopEditOutsideClick(event);
-  }
   setSelection(selectionInfo) {
     var _a;
     this._selectionCount = (_a = selectionInfo === null || selectionInfo === void 0 ? void 0 : selectionInfo.length) !== null && _a !== void 0 ? _a : 0;
@@ -359,7 +343,7 @@ export class EzGrid {
   resetPaginationState() {
     var _a;
     this._paginationChangedByKeyboard = false;
-    (_a = this._gridController) === null || _a === void 0 ? void 0 : _a.resetPaginationState();
+    (_a = this._gridApi) === null || _a === void 0 ? void 0 : _a.clearRangeSelection();
   }
   resolvePaginationClassMode() {
     if (this.paginationCounterMode == 'show')
@@ -400,8 +384,7 @@ export class EzGrid {
         if (this.dataUnit) {
           this.setSelection(this.dataUnit.getSelectionInfo());
         }
-      },
-      enableLockManger: this.enableLockManger
+      }
     });
     if (this.config) {
       this.observeConfig(this.config);
@@ -473,13 +456,8 @@ export class EzGrid {
     this._refPaginationLabelTooltip.removeAttribute('data-tooltip');
   }
   disconnectedCallback() {
-    var _a, _b;
-    (_a = this._headerOverflowWatcher) === null || _a === void 0 ? void 0 : _a.destroy();
-    (_b = this._gridController) === null || _b === void 0 ? void 0 : _b.destroy();
-  }
-  connectedCallback() {
     var _a;
-    (_a = this._gridController) === null || _a === void 0 ? void 0 : _a.registryListeners();
+    (_a = this._headerOverflowWatcher) === null || _a === void 0 ? void 0 : _a.destroy();
   }
   componentWillRender() {
     this.configSelectionCounter();
@@ -800,24 +778,6 @@ export class EzGrid {
         "attribute": "enable-continuous-insert",
         "reflect": false,
         "defaultValue": "true"
-      },
-      "enableLockManger": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Ativa inser\u00E7\u00E3o de registros no modo grade."
-        },
-        "attribute": "enable-lock-manger",
-        "reflect": false,
-        "defaultValue": "true"
       }
     };
   }
@@ -1322,47 +1282,6 @@ export class EzGrid {
           "text": "Atribui o foco para a grade.",
           "tags": []
         }
-      },
-      "stopEdit": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Para a edi\u00E7\u00E3o da grade.",
-          "tags": []
-        }
-      },
-      "checkStopEditOutsideClick": {
-        "complexType": {
-          "signature": "(event: MouseEvent) => Promise<void>",
-          "parameters": [{
-              "tags": [],
-              "text": ""
-            }],
-          "references": {
-            "Promise": {
-              "location": "global"
-            },
-            "MouseEvent": {
-              "location": "global"
-            },
-            "Node": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
       }
     };
   }
@@ -1386,12 +1305,6 @@ export class EzGrid {
         "target": undefined,
         "capture": false,
         "passive": false
-      }, {
-        "name": "click",
-        "method": "handleClick",
-        "target": undefined,
-        "capture": true,
-        "passive": false
       }];
   }
 }

package/dist/collection/components/ez-list/ez-list.css

@@ -21,10 +21,10 @@
   --ez-list__item--color: var(--title--primary, #2b3a54);
 
   /* @doc Define o estilo borda inferior do item da lista. */
-  --ez-list__item--border-bottom;
+  --ez-list__item--border-bottom: none;
 
   /* @doc Define a cor da borda inferior do item da lista. */
-  --ez-list__item--border-bottom-color;
+  --ez-list__item--border-bottom-color: none;
 
   /* @doc Define o estilo do texto do item da lista. */
   --ez-list__item--font-family: var(--font-pattern, "Roboto");
@@ -110,7 +110,7 @@ p {
   display: grid;
   grid-template-columns: minmax(0px, auto) minmax(0px, auto);
   place-items: center;
-  border-top: 1px dashed #fff;
+  border-top: 1px solid #fff;
   justify-content: space-between;
 
   /*public*/
@@ -177,7 +177,7 @@ p {
 
 .draggable-list li > div {
   /*public*/
-  padding: var(--space--3xs, 4px) var(--space--3xs, 4px);
+  padding: var(--space--2xs, 8px) var(--space--3xs, 4px);
   margin: var(--ez-list__item--margin);
 }
 
@@ -347,7 +347,7 @@ p {
   max-height: 100%;
   outline: none;
   scrollbar-width: thin;
-
+  overflow: auto;
   /*public*/
   scrollbar-color: var(--ez-list__scrollbar--color-clicked) var(--ez-list__scrollbar--color-background);
 }

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

@@ -1,10 +1,11 @@
-import { ElementIDUtils, StringUtils } from '@sankhyalabs/core';
+import { ElementIDUtils, KeyboardManager, StringUtils } from '@sankhyalabs/core';
 import { Fragment, Host, h } from '@stencil/core';
 export class EzList {
   constructor() {
     this._listItemsHistory = [];
     this._listItems = [];
     this._listGroupItems = [];
+    this._selectedItem = undefined;
     this.dataSource = [];
     this.listMode = 'regular';
     this.useGroups = false;
@@ -13,6 +14,19 @@ export class EzList {
     this.itemSlotBuilder = undefined;
     this.itemLeftSlotBuilder = undefined;
     this.hoverFeedback = false;
+    this.disableShortcuts = false;
+  }
+  /**
+   * Seleciona o próximo item.
+   */
+  async selectNextItem() {
+    this.nextOption();
+  }
+  /**
+   * Seleciona o item anterior.
+   */
+  async selectPreviousItem() {
+    this.previousOption();
   }
   /**
    * Limpa o histórico da lista.
@@ -36,23 +50,8 @@ export class EzList {
    */
   async setSelection(selectedItem, scrollToOption) {
     if (selectedItem && this.ezSelectable) {
+      this._selectedItem = Object.assign({}, selectedItem);
       this.ezSelectItem.emit(selectedItem);
-      if (this.useGroups) {
-        let newList = [...this._listGroupItems];
-        newList.forEach(groupItem => {
-          groupItem.items.forEach(item => {
-            item.selected = item.id === selectedItem.id;
-          });
-        });
-        this._listGroupItems = newList;
-      }
-      else {
-        let newList = [...this._listItems];
-        newList.forEach(item => {
-          item.selected = item.id === selectedItem.id;
-        });
-        this._listItems = newList;
-      }
       if (scrollToOption) {
         let liElem = this.useGroups
           ? this._groupContainer.querySelector('li#item_' + selectedItem.id)
@@ -70,21 +69,7 @@ export class EzList {
    * Obtém o item selecionado.
    */
   async getSelection() {
-    let selectedItem;
-    if (this.useGroups) {
-      this._listGroupItems.every(group => {
-        let item = group.items.find(item => item.selected == true);
-        if (item) {
-          selectedItem = item;
-          return false;
-        }
-        return true;
-      });
-    }
-    else {
-      selectedItem = this._listItems.find(item => item.selected == true);
-    }
-    return selectedItem;
+    return this._selectedItem;
   }
   /**
    * Obtém a lista de items ou grupos.
@@ -99,22 +84,7 @@ export class EzList {
    * Limpa a seleção atual
    */
   async removeSelection() {
-    if (this.useGroups) {
-      let newList = [...this._listGroupItems];
-      newList.forEach(groupItem => {
-        groupItem.items.forEach(item => {
-          item.selected = false;
-        });
-      });
-      this._listGroupItems = newList;
-    }
-    else {
-      let newList = [...this._listItems];
-      newList.forEach(item => {
-        item.selected = false;
-      });
-      this._listItems = newList;
-    }
+    this._selectedItem = undefined;
   }
   applyUUID(item) {
     if (!item.id) {
@@ -174,6 +144,10 @@ export class EzList {
   }
   componentDidLoad() {
     ElementIDUtils.addIDInfo(this._element);
+    this.bindKeyboardManager();
+  }
+  disconnectCallback() {
+    this.unbindKeyboardManager();
   }
   onDrop(ev, dragEndItem) {
     this.removeOverClass();
@@ -366,92 +340,58 @@ export class EzList {
     if (this.useGroups) {
       this.setSelection(this._listGroupItems[0].items[0]);
     }
-    {
+    else {
       this.setSelection(this._listItems[0]);
     }
   }
-  nextOption(selectedItem) {
-    let nextItem = undefined;
+  getFlatedItems() {
     if (this.useGroups) {
-      this._listGroupItems.every((group, groupIndex, listGroupItems) => {
-        let item = undefined;
-        let itemIndex = group.items.findIndex(item => item.id == selectedItem.id);
-        if (itemIndex != undefined && itemIndex != -1) {
-          if (itemIndex === group.items.length - 1) {
-            if (groupIndex + 1 <= listGroupItems.length - 1) {
-              item = { label: listGroupItems[groupIndex + 1].items[0].label };
-            }
-          }
-          else {
-            item = { label: group.items[itemIndex + 1].label };
-          }
-        }
-        if (item != undefined) {
-          nextItem = item;
-          return false;
-        }
-        return true;
-      });
-    }
-    else {
-      let itemIndex = this._listItems.findIndex(item => item.id === selectedItem.id);
-      if (itemIndex >= 0 && itemIndex < this._listItems.length) {
-        nextItem = this._listItems[itemIndex + 1];
-      }
+      const itemsGroups = this._listGroupItems.map(({ items }) => items).flat();
+      return itemsGroups;
     }
-    this.setSelection(nextItem, true);
+    return this._listItems;
   }
-  previousOption(selectedItem) {
-    let previousItem = undefined;
-    if (this.useGroups) {
-      this._listGroupItems.every((group, groupIndex, listGroupItems) => {
-        let item = undefined;
-        let itemIndex = group.items.findIndex(item => item.id === selectedItem.id);
-        if (itemIndex != undefined && itemIndex != -1) {
-          if (itemIndex === 0) {
-            if (groupIndex - 1 >= 0) {
-              item = { label: listGroupItems[groupIndex - 1].items[listGroupItems[groupIndex - 1].items.length - 1].label };
-            }
-          }
-          else {
-            item = { label: group.items[itemIndex - 1].label };
-          }
-        }
-        if (item != undefined) {
-          previousItem = item;
-          return false;
-        }
-        return true;
-      });
+  getSelectedIndex(items) {
+    const itemIndex = items.findIndex(item => { var _a; return item.id === ((_a = this._selectedItem) === null || _a === void 0 ? void 0 : _a.id); });
+    return itemIndex;
+  }
+  nextOption() {
+    if (!this._selectedItem) {
+      this.selectFirstItem();
+      return;
     }
-    else {
-      let itemIndex = this._listItems.findIndex(item => item.id === selectedItem.id);
-      if (itemIndex > 0 && itemIndex < this._listItems.length) {
-        previousItem = this._listItems[itemIndex - 1];
-      }
+    const items = this.getFlatedItems();
+    const itemIndex = this.getSelectedIndex(items);
+    if (itemIndex < (items.length - 1)) {
+      const nextItem = items[itemIndex + 1];
+      this.setSelection(nextItem, true);
     }
-    this.setSelection(previousItem, true);
   }
-  keyDownHandler(event) {
-    if (!event.ctrlKey) {
-      event.preventDefault();
+  previousOption() {
+    const items = this.getFlatedItems();
+    const itemIndex = this.getSelectedIndex(items);
+    if (itemIndex > 0) {
+      const previousItem = items[itemIndex - 1];
+      this.setSelection(previousItem, true);
     }
-    this.getSelection().then(selectedItem => {
-      if (selectedItem) {
-        switch (event.key) {
-          case 'ArrowDown':
-            this.nextOption(selectedItem);
-            break;
-          case 'ArrowUp':
-            this.previousOption(selectedItem);
-            break;
-        }
-      }
-      else {
-        this.selectFirstItem();
-      }
-    });
-    event.stopPropagation();
+  }
+  bindKeyboardManager() {
+    this._keyboardManager = new KeyboardManager({ propagate: false, element: this._element });
+    if (this.disableShortcuts) {
+      return;
+    }
+    this._keyboardManager
+      .bind("ArrowDown", () => this.nextOption())
+      .bind("ArrowUp", () => this.previousOption())
+      .bind("shift+Tab", () => this.previousOption())
+      .bind("Tab", () => this.nextOption());
+  }
+  unbindKeyboardManager() {
+    this._keyboardManager
+      .unbind("ArrowDown")
+      .unbind("ArrowUp")
+      .unbind("shift+Tab")
+      .unbind("Tab");
   }
   getDivGroupId(groupName) {
     if (groupName) {
@@ -516,38 +456,46 @@ export class EzList {
   doubleClickItem(item) {
     this.ezDoubleClick.emit(item);
   }
+  onClickItem(item) {
+    this.setSelection(item);
+    this.ezClickItem.emit(item);
+  }
   render() {
-    return (h(Host, { ref: el => (this._element = el) }, this.useGroups ? (h("div", { class: "group-container", ref: el => (this._groupContainer = el), tabIndex: 0, onKeyDown: event => {
-        this.keyDownHandler(event);
-      } }, this._listGroupItems.map(group => {
-      return (h("div", { id: this.getDivGroupId(group.group), class: "group", key: group.group + group.items.length, onDrop: () => this.onDropGroup(group) }, h("label", { draggable: false, class: "group-name", title: group.group }, group.group), h("section", { class: "section-container", onDragOver: ev => ev.preventDefault() }, h("div", { class: "group-items-container" }, h("div", { class: "draggable-list" }, group.items.map((item, index) => (h("li", Object.assign({ id: 'item_' + item.id, class: {
+    return (h(Host, { ref: el => (this._element = el) }, this.useGroups ? (h("div", { class: "group-container", ref: el => (this._groupContainer = el), tabIndex: 0 }, this._listGroupItems.map(group => {
+      return (h("div", { id: this.getDivGroupId(group.group), class: "group", key: group.group + group.items.length, onDrop: () => this.onDropGroup(group) }, h("label", { draggable: false, class: "group-name", title: group.group }, group.group), h("section", { class: "section-container", onDragOver: ev => ev.preventDefault() }, h("div", { class: "group-items-container" }, h("div", { class: "draggable-list" }, group.items.map((item, index) => {
+        var _a;
+        return (h("li", Object.assign({ id: 'item_' + item.id, class: {
+            'selectable-container': this.ezSelectable,
+            'hover-feedback': this.hoverFeedback,
+          }, key: 'item_' + item.id }, {
+          [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(`ezListItem__${StringUtils.replaceAccentuatedChars(item.label)}`),
+        }), h("div", { class: 'draggable' + (((_a = this._selectedItem) === null || _a === void 0 ? void 0 : _a.id) === item.id ? ' selected-item ' : '') + (this.ezSelectable == true ? ' selectable ' : ''), onDblClick: () => {
+            this.doubleClickItem(item);
+          }, onClick: () => {
+            this.onClickItem(item);
+          }, onDragLeave: () => {
+            group.sort ? undefined : this.removeOverClass();
+          }, onDragEnd: () => this.onDragEnd(), onDragStart: () => this.onDragStart(item, group, index), onDragOver: event => {
+            group.sort ? undefined : this.onDragOverItem(event);
+          }, onDrop: event => this.onDrop(event, { groupName: group.group, item: item, index: index }), draggable: this.ezDraggable }, h("div", { class: "item-content" }, this.ezDraggable ? h("span", { class: "draggable-icon" }) : undefined, this.listMode === 'regular' ? (h(Fragment, null, !!this.itemLeftSlotBuilder && this.getContainerItemBuilder('left', item, group), h("p", { title: item.label, class: "person-name text--ellipsis" }, item.label))) : (h("ez-check", { label: item.label, value: item.check, onEzChange: evt => this.ezCheckChange.emit({ id: item.id, label: item.label, check: evt.detail }) }))), !!this.itemSlotBuilder && this.getContainerItemBuilder('right', item, group, 'slot-item'))));
+      })), h("div", { class: "last-droppable-space", onDragLeave: () => this.removeOverClass(), onDragOver: event => {
+          this.onDragOverLastIndex(event);
+        }, onDragEnd: () => this.onDragEnd(), onDrop: event => this.onDropLastIndex(event, group) })), group.sort ? (h("div", { id: this.getGroupOverlayId(group.group), class: "group-overlay" }, "Mover para ", group.group)) : undefined)));
+    }))) : (h("div", { class: "items-container", ref: el => (this._itemContainer = el), tabIndex: 0 }, h("ul", { class: "draggable-list" }, this._listItems.map((item, index) => {
+      var _a, _b;
+      return (h("li", Object.assign({ id: 'item_' + item.id, class: {
           'selectable-container': this.ezSelectable,
-          'hover-feedback': this.hoverFeedback,
-        }, key: 'item_' + item.id }, {
-        [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(`ezListItem__${StringUtils.replaceAccentuatedChars(item.label)}`),
-      }), h("div", { class: 'draggable' + (item.selected == true ? ' selected-item ' : '') + (this.ezSelectable == true ? ' selectable ' : ''), onDblClick: () => {
+          'selected-item': ((_a = this._selectedItem) === null || _a === void 0 ? void 0 : _a.id) === item.id,
+          'hover-feedback': this.hoverFeedback && ((_b = this._selectedItem) === null || _b === void 0 ? void 0 : _b.id) !== item.id,
+        }, key: 'item_' + item.id }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(`ezListItem__${StringUtils.replaceAccentuatedChars(item.label)}`) }), h("div", { class: 'draggable' + (this.ezSelectable == true ? ' selectable ' : ''), onDragStart: () => this.onDragStart({ item: item, index: index }), onDblClick: () => {
           this.doubleClickItem(item);
         }, onClick: () => {
-          this.setSelection(item);
-        }, onDragLeave: () => {
-          group.sort ? undefined : this.removeOverClass();
-        }, onDragEnd: () => this.onDragEnd(), onDragStart: () => this.onDragStart(item, group, index), onDragOver: event => {
-          group.sort ? undefined : this.onDragOverItem(event);
-        }, onDrop: event => this.onDrop(event, { groupName: group.group, item: item, index: index }), draggable: this.ezDraggable }, h("div", { class: "item-content" }, this.ezDraggable ? h("span", { class: "draggable-icon" }) : undefined, this.listMode === 'regular' ? (h(Fragment, null, !!this.itemLeftSlotBuilder && this.getContainerItemBuilder('left', item, group), h("p", { title: item.label, class: "person-name text--ellipsis" }, item.label))) : (h("ez-check", { label: item.label, value: item.check, onEzChange: evt => this.ezCheckChange.emit({ id: item.id, label: item.label, check: evt.detail }) }))), !!this.itemSlotBuilder && this.getContainerItemBuilder('right', item, group, 'slot-item')))))), h("div", { class: "last-droppable-space", onDragLeave: () => this.removeOverClass(), onDragOver: event => {
+          this.onClickItem(item);
+        }, onDragLeave: () => this.removeOverClass(), onDragOver: event => this.onDragOverItem(event), onDragEnd: () => this.onDragEnd(), onDrop: event => this.onDrop(event, { item: item, index: index }), draggable: this.ezDraggable }, h("div", { class: "item-content" }, this.listMode === 'regular' ? (h(Fragment, null, this.ezDraggable ? h("span", { class: "draggable-icon" }) : undefined, !!this.itemLeftSlotBuilder && this.getContainerItemBuilder('left', item), h("p", { title: item.label, class: "person-name text--ellipsis" }, item.label))) : (h(Fragment, null, this.ezDraggable ? h("span", { class: "draggable-icon" }) : undefined, h("ez-check", { label: item.label, value: item.check, onEzChange: evt => this.ezCheckChange.emit({ id: item.id, label: item.label, check: evt.detail }) })))), !!this.itemSlotBuilder && this.getContainerItemBuilder('right', item))));
+    }), this.ezDraggable &&
+      h("div", { class: "last-droppable-space", onDragLeave: () => this.removeOverClass(), onDragOver: event => {
           this.onDragOverLastIndex(event);
-        }, onDragEnd: () => this.onDragEnd(), onDrop: event => this.onDropLastIndex(event, group) })), group.sort ? (h("div", { id: this.getGroupOverlayId(group.group), class: "group-overlay" }, "Mover para ", group.group)) : undefined)));
-    }))) : (h("div", { class: "items-container", ref: el => (this._itemContainer = el), tabIndex: 0, onKeyDown: event => {
-        this.keyDownHandler(event);
-      } }, h("div", { class: "draggable-list" }, this._listItems.map((item, index) => (h("li", Object.assign({ id: 'item_' + item.id, class: {
-        'selectable-container': this.ezSelectable,
-        'hover-feedback': this.hoverFeedback,
-      }, key: 'item_' + item.id }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(`ezListItem__${StringUtils.replaceAccentuatedChars(item.label)}`) }), h("div", { class: 'draggable' + (item.selected == true ? ' selected-item ' : '') + (this.ezSelectable == true ? ' selectable ' : ''), onDragStart: () => this.onDragStart({ item: item, index: index }), onDblClick: () => {
-        this.doubleClickItem(item);
-      }, onClick: () => {
-        this.setSelection(item);
-      }, onDragLeave: () => this.removeOverClass(), onDragOver: event => this.onDragOverItem(event), onDragEnd: () => this.onDragEnd(), onDrop: event => this.onDrop(event, { item: item, index: index }), draggable: this.ezDraggable }, h("div", { class: "item-content" }, this.listMode === 'regular' ? (h(Fragment, null, this.ezDraggable ? h("span", { class: "draggable-icon" }) : undefined, !!this.itemLeftSlotBuilder && this.getContainerItemBuilder('left', item), h("p", { title: item.label, class: "person-name text--ellipsis" }, item.label))) : (h(Fragment, null, this.ezDraggable ? h("span", { class: "draggable-icon" }) : undefined, h("ez-check", { label: item.label, value: item.check, onEzChange: evt => this.ezCheckChange.emit({ id: item.id, label: item.label, check: evt.detail }) })))), !!this.itemSlotBuilder && this.getContainerItemBuilder('right', item))))), h("div", { class: "last-droppable-space", onDragLeave: () => this.removeOverClass(), onDragOver: event => {
-        this.onDragOverLastIndex(event);
-      }, onDragEnd: () => this.onDragEnd(), onDrop: event => this.onDropLastIndex(event) }))))));
+        }, onDragEnd: () => this.onDragEnd(), onDrop: event => this.onDropLastIndex(event) }))))));
   }
   static get is() { return "ez-list"; }
   static get encapsulation() { return "scoped"; }
@@ -720,13 +668,32 @@ export class EzList {
         "attribute": "hover-feedback",
         "reflect": false,
         "defaultValue": "false"
+      },
+      "disableShortcuts": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Desabilita os atalhos de teclado."
+        },
+        "attribute": "disable-shortcuts",
+        "reflect": false,
+        "defaultValue": "false"
       }
     };
   }
   static get states() {
     return {
       "_listItems": {},
-      "_listGroupItems": {}
+      "_listGroupItems": {},
+      "_selectedItem": {}
     };
   }
   static get events() {
@@ -774,6 +741,25 @@ export class EzList {
             }
           }
         }
+      }, {
+        "method": "ezClickItem",
+        "name": "ezClickItem",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido sempre que um item da lista for clicado."
+        },
+        "complexType": {
+          "original": "ListItem",
+          "resolved": "ListItem",
+          "references": {
+            "ListItem": {
+              "location": "local"
+            }
+          }
+        }
       }, {
         "method": "ezCheckChange",
         "name": "ezCheckChange",
@@ -816,6 +802,38 @@ export class EzList {
   }
   static get methods() {
     return {
+      "selectNextItem": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Seleciona o pr\u00F3ximo item.",
+          "tags": []
+        }
+      },
+      "selectPreviousItem": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Seleciona o item anterior.",
+          "tags": []
+        }
+      },
       "clearHistory": {
         "complexType": {
           "signature": "() => Promise<void>",