@sankhyalabs/ezui 0.0.0-bugfix-dev-kb-74998.3 → 0.0.0-bugfix-dev-KB-74246.0

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

@@ -0,0 +1,82 @@
+export function moveItems(selectedItemsList, itemsList, foward) {
+  if (!selectedItemsList.length)
+    return [...itemsList];
+  if (!itemsList.length)
+    return [];
+  const selectedIndexes = getItemsIndex(selectedItemsList, itemsList);
+  const startIndex = getMinValue(selectedIndexes);
+  const endIndex = getMaxValue(selectedIndexes);
+  return moveRange(startIndex, endIndex, foward, itemsList);
+}
+function getMinValue(numbers) {
+  if (numbers.length === 0)
+    return 0;
+  return numbers.reduce((min, current) => (current < min ? current : min), numbers[0]);
+}
+function getMaxValue(numbers) {
+  if (numbers.length === 0)
+    return 0;
+  return numbers.reduce((max, current) => (current > max ? current : max), numbers[0]);
+}
+function getItemsIndex(selectedItemsList, itemsList) {
+  return selectedItemsList.map(selectedId => itemsList.findIndex(original => original.id === selectedId));
+}
+function moveRange(startIndex, endIndex, moveForward, listItem) {
+  if (startIndex < 0 || endIndex >= listItem.length || startIndex > endIndex)
+    return listItem;
+  if (moveForward)
+    return moveFoward(endIndex, startIndex, listItem);
+  return moveBackward(startIndex, endIndex, listItem);
+}
+function moveBackward(startIndex, endIndex, listItem) {
+  if (startIndex === 0)
+    return listItem;
+  const beforeRange = listItem.slice(0, startIndex - 1);
+  const range = listItem.slice(startIndex, endIndex + 1);
+  const afterRange = listItem.slice(endIndex + 1);
+  const movedItem = listItem[startIndex - 1];
+  return [...beforeRange, ...range, movedItem, ...afterRange];
+}
+function moveFoward(endIndex, startIndex, listItem) {
+  if (endIndex === listItem.length - 1)
+    return listItem;
+  const beforeRange = listItem.slice(0, startIndex);
+  const range = listItem.slice(startIndex, endIndex + 1);
+  const afterRange = listItem.slice(endIndex + 1);
+  const movedItem = afterRange.shift();
+  return movedItem
+    ? [...beforeRange, movedItem, ...range, ...afterRange]
+    : listItem;
+}
+export function transferAll({ from, to, selectedFrom, selectedTo }) {
+  to = [...to.map(i => setItemSelection(i, false)), ...from.map(i => setItemSelection(i, true))];
+  selectedFrom = [];
+  selectedTo = [...from.map(({ id }) => id)];
+  from = [];
+  return { from, to, selectedFrom, selectedTo };
+}
+export function transferItems({ from, to, selectedFrom, selectedTo }) {
+  if (!from.length)
+    return { from, to, selectedFrom, selectedTo };
+  const itemsToTransfer = getItemsToTransfer(to, selectedFrom, from);
+  if (!itemsToTransfer.length)
+    return { from, to, selectedFrom, selectedTo };
+  to = [
+    ...to.map(i => setItemSelection(i, false)),
+    ...itemsToTransfer.map(i => setItemSelection(i, true))
+  ];
+  const selectedFromIds = selectedFrom.map(id => id);
+  from = [...from.filter(item => !selectedFromIds.includes(item.id))];
+  selectedTo = [...selectedFrom];
+  selectedFrom = [];
+  return { from, to, selectedFrom, selectedTo };
+}
+function getItemsToTransfer(to, selectedFrom, from) {
+  const toListIds = to.map(item => item.id);
+  //Não deve transferir um item que já existe na lista destino
+  const itemsToTransferId = selectedFrom.filter((id) => !toListIds.includes(id));
+  return from.filter(({ id }) => itemsToTransferId.includes(id));
+}
+function setItemSelection(item, select) {
+  return Object.assign(Object.assign({}, item), { selected: select });
+}

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

@@ -0,0 +1,62 @@
+:host {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+  align-items: center;
+  font-family: var(--font-pattern, "Roboto");
+}
+
+.group {
+  display: flex;
+  justify-content: space-between;
+  gap: 10px;
+  flex-direction: column;
+  border: var(--border--small) var(--color--strokes);
+  border-radius: var(--border--radius-medium);
+  width: 350px;
+  height: 400px;
+}
+
+.group__header {
+  background: var(--background--body);
+  padding: 10px;
+  border-radius: var(--border--radius-medium) var(--border--radius-medium) 0 0;
+}
+
+.group__label {
+  font-weight: var(--text-weight--large);
+  font-size: var(--text--medium);
+  color: var(--title--primary);
+  margin-bottom: 10px;
+  display: block;
+}
+
+.group__totalizer {
+  padding: 5px 10px;
+  background: var(--background--body);
+  font-weight: var(--text-weight--medium);
+  font-size: var(--text--medium);
+  color: var(--text--secondary);
+  border-radius: 0 0 var(--border--radius-medium) var(--border--radius-medium);
+}
+
+.empty-message{
+  font-weight: var(--text-weight--medium);
+  font-size: var(--text--medium);
+  color: var(--text--secondary);
+  text-align: center;
+  margin: auto;
+}
+
+.list__container {
+  height: 100%;
+  min-height: 150px;
+  overflow: auto;
+  display: flex;
+}
+
+.actions__column {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}

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

@@ -0,0 +1,418 @@
+import { h, Host } from '@stencil/core';
+import { moveItems, transferAll, transferItems } from './doubleListHelper';
+import { ArrayUtils, ObjectUtils } from '@sankhyalabs/core';
+import { isContinuousSequence } from '../ez-list/ezListHelper';
+import { EzScrollDirection } from '../ez-scroller/EzScrollDirection';
+export class EzDoubleList {
+  constructor() {
+    this.LEFT_LIST_ID = 'LEFT-LIST-ID';
+    this.RIGHT_LIST_ID = 'RIGHT-LIST-ID';
+    this.LEFT_FILTER_ID = 'LEFT-FILTER-ID';
+    this.RIGHT_FILTER_ID = 'RIGHT-FILTER-ID';
+    this.leftList = [];
+    this.leftTitle = undefined;
+    this.rightList = [];
+    this.entityLabel = 'item';
+    this.entityLabelPlural = 'itens';
+    this.leftListLabel = 'disponíveis';
+    this.rightListLabel = 'selecionados';
+    this.rightTitle = undefined;
+    this.leftFilteredList = [];
+    this.rightFilteredList = [];
+    this.selectedLeftList = [];
+    this.selectedRightList = [];
+    this.isFilteringLeft = false;
+    this.isFilteringRight = false;
+  }
+  observeLeftList(newValue, oldValue) {
+    if (ObjectUtils.equals(newValue, oldValue))
+      return;
+    this.ezLeftListChanged.emit(newValue);
+  }
+  observeRightList(newValue, oldValue) {
+    if (ObjectUtils.equals(newValue, oldValue))
+      return;
+    this.ezRightListChanged.emit(newValue);
+  }
+  handleFilterChangeLeft(value) {
+    this.leftFilteredList = ArrayUtils.applyStringFilter(value, this.leftList, true, 'label');
+    this.isFilteringLeft = this.leftFilteredList.length !== this.leftList.length;
+  }
+  handleFilterChangeRight(value) {
+    this.rightFilteredList = ArrayUtils.applyStringFilter(value, this.rightList, true, 'label');
+    this.isFilteringRight = this.rightFilteredList.length !== this.rightList.length;
+  }
+  async handleChangeLeft({ detail }) {
+    this.leftList = [...detail];
+    this.selectedLeftList = [...detail.filter(item => item.selected)];
+    await this.leftEzListInstance.clearHistory();
+  }
+  async handleChangeRight({ detail }) {
+    this.rightList = [...detail];
+    this.selectedRightList = [...detail.filter(item => item.selected)];
+    await this.rightEzListInstance.clearHistory();
+  }
+  enableTransferAllToRight() {
+    return this.leftList.length > 0;
+  }
+  enableTransferAllToLeft() {
+    return this.rightList.length > 0;
+  }
+  enableTransferToRight() {
+    return this.selectedLeftList.length > 0;
+  }
+  enableTransferToLeft() {
+    return this.selectedRightList.length > 0;
+  }
+  enableMoveUp(moveAll) {
+    if (this.isFilteringRight)
+      return false;
+    const selectedIndexes = this.getRightSelectedItemsIndex();
+    return this.selectedRightList.length > 0
+      && !selectedIndexes.includes(0)
+      && (moveAll ? true : isContinuousSequence(selectedIndexes));
+  }
+  enableMoveDown(moveAll) {
+    if (this.isFilteringRight)
+      return false;
+    const selectedIndexes = this.getRightSelectedItemsIndex();
+    const lastIndex = this.rightList.length - 1;
+    return this.selectedRightList.length > 0
+      && !selectedIndexes.includes(lastIndex)
+      && (moveAll ? true : isContinuousSequence(selectedIndexes));
+  }
+  getRightSelectedItemsIndex() {
+    return this.selectedRightList.map(id => this.rightList.findIndex(original => original.id === id));
+  }
+  transferToRight() {
+    const { from, to, selectedFrom, selectedTo } = transferItems(this.buildTransferToRightConfig());
+    this.leftList = [...from];
+    this.rightList = [...to];
+    this.selectedLeftList = [...selectedFrom];
+    this.selectedRightList = [...selectedTo];
+  }
+  transferToLeft() {
+    const { from, to, selectedFrom, selectedTo } = transferItems(this.buildTransferToLeftConfig());
+    this.rightList = [...from];
+    this.leftList = [...to];
+    this.selectedRightList = [...selectedFrom];
+    this.selectedLeftList = [...selectedTo];
+  }
+  handleTransferAllToRight() {
+    const { from, to, selectedFrom, selectedTo } = transferAll(this.buildTransferToRightConfig());
+    this.leftList = [...from];
+    this.rightList = [...to];
+    this.selectedLeftList = [...selectedFrom];
+    this.selectedRightList = [...selectedTo];
+  }
+  handleTransferAllToLeft() {
+    const { from, to, selectedFrom, selectedTo } = transferAll(this.buildTransferToLeftConfig());
+    this.rightList = [...from];
+    this.leftList = [...to];
+    this.selectedRightList = [...selectedFrom];
+    this.selectedLeftList = [...selectedTo];
+  }
+  buildTransferToRightConfig() {
+    return {
+      from: this.leftList,
+      to: this.rightList,
+      selectedFrom: this.selectedLeftList,
+      selectedTo: this.selectedRightList,
+    };
+  }
+  buildTransferToLeftConfig() {
+    return {
+      from: this.rightList,
+      to: this.leftList,
+      selectedFrom: this.selectedRightList,
+      selectedTo: this.selectedLeftList,
+    };
+  }
+  handleMoveUp() {
+    this.rightList = [...moveItems(this.selectedRightList, this.rightList, false)];
+  }
+  handleMoveDown() {
+    this.rightList = [...moveItems(this.selectedRightList, this.rightList, true)];
+  }
+  handleMoveToTop() {
+    const { itemsToKeep, itemsToMove } = this.getItemsToKeepAndToMove();
+    this.rightList = [...itemsToMove, ...itemsToKeep];
+  }
+  handleMoveToBottom() {
+    const { itemsToKeep, itemsToMove } = this.getItemsToKeepAndToMove();
+    this.rightList = [...itemsToKeep, ...itemsToMove];
+  }
+  handleSelectLeftItem({ detail }) {
+    const selectedItems = Array.isArray(detail) ? detail : [detail];
+    this.selectedLeftList = [...selectedItems.map(({ id }) => id)];
+  }
+  handleSelectRightItem({ detail }) {
+    const selectedItems = Array.isArray(detail) ? detail : [detail];
+    this.selectedRightList = [...selectedItems.map(({ id }) => id)];
+  }
+  getItemsToKeepAndToMove() {
+    const itemsToKeep = this.rightList.filter(item => !this.selectedRightList.includes(item.id));
+    const itemsToMove = this.rightList.filter(item => this.selectedRightList.includes(item.id));
+    return { itemsToKeep, itemsToMove };
+  }
+  handleTransferToRight() {
+    this.transferToRight();
+    this.leftFilteredList = [];
+    this.leftEzFilterInput.value = '';
+  }
+  handleTransferToLeft() {
+    this.transferToLeft();
+    this.rightFilteredList = [];
+    this.rightEzFilterInput.value = '';
+  }
+  buildTotalizer(list) {
+    return `Total de ${list.length} ${list.length === 1 ? this.entityLabel : this.entityLabelPlural}`;
+  }
+  renderLeftList() {
+    if (!this.leftList.length) {
+      return h("span", { class: 'empty-message' }, "Nenhum ", this.entityLabel, " dispon\u00EDvel");
+    }
+    return (h("ez-scroller", { direction: EzScrollDirection.VERTICAL, activeShadow: true }, h("ez-list", { ref: (ref) => this.leftEzListInstance = ref, id: this.LEFT_LIST_ID, hoverFeedback: true, dataSource: this.isFilteringLeft ? this.leftFilteredList : this.leftList, ezDraggable: !this.isFilteringLeft, enableMultipleSelection: true, onEzChange: this.handleChangeLeft.bind(this), ezSelectable: true, onEzSelectItem: this.handleSelectLeftItem.bind(this), onEzDoubleClick: this.handleTransferToRight.bind(this) })));
+  }
+  renderRightList() {
+    if (!this.rightList.length) {
+      return h("span", { class: 'empty-message' }, "Nenhum ", this.entityLabel, " selecionado");
+    }
+    return (h("ez-scroller", { direction: EzScrollDirection.VERTICAL, activeShadow: true }, h("ez-list", { ref: (ref) => this.rightEzListInstance = ref, id: this.RIGHT_LIST_ID, hoverFeedback: true, dataSource: this.isFilteringRight ? this.rightFilteredList : this.rightList, ezDraggable: !this.isFilteringRight, enableMultipleSelection: true, onEzChange: this.handleChangeRight.bind(this), ezSelectable: true, onEzSelectItem: this.handleSelectRightItem.bind(this), onEzDoubleClick: this.handleTransferToLeft.bind(this) })));
+  }
+  render() {
+    return (h(Host, null, h("div", { class: 'group' }, h("div", { class: 'group__header' }, h("span", { class: 'group__label' }, this.leftTitle), h("ez-filter-input", { ref: (ref) => this.leftEzFilterInput = ref, id: this.LEFT_FILTER_ID, label: `Buscar ${this.entityLabel}`, mode: 'slim', onEzChange: evt => this.handleFilterChangeLeft(evt.detail) })), h("div", { class: 'list__container' }, this.renderLeftList()), h("div", { class: 'group__totalizer' }, this.buildTotalizer(this.leftList))), h("div", { class: 'actions__column' }, h("ez-button", { mode: 'icon', iconName: 'dual-chevron-right', enabled: this.enableTransferAllToRight(), title: `Mover todos para ${this.leftListLabel}`, size: 'small', onClick: this.handleTransferAllToRight.bind(this) }), h("ez-button", { mode: 'icon', iconName: 'chevron-right', enabled: this.enableTransferToRight(), title: `Mover para ${this.leftListLabel}`, size: 'small', onClick: this.handleTransferToRight.bind(this) }), h("ez-button", { mode: 'icon', iconName: 'chevron-left', enabled: this.enableTransferToLeft(), title: `Mover para ${this.rightListLabel}`, size: 'small', onClick: this.handleTransferToLeft.bind(this) }), h("ez-button", { mode: 'icon', iconName: 'dual-chevron-left', enabled: this.enableTransferAllToLeft(), title: `Mover todos para ${this.rightListLabel}`, size: 'small', onClick: this.handleTransferAllToLeft.bind(this) })), h("div", { class: 'group' }, h("div", { class: 'group__header' }, h("span", { class: 'group__label' }, this.rightTitle), h("ez-filter-input", { ref: (ref) => this.rightEzFilterInput = ref, id: this.RIGHT_FILTER_ID, label: `Buscar ${this.entityLabel}`, mode: 'slim', onEzChange: evt => this.handleFilterChangeRight(evt.detail) })), h("div", { class: 'list__container' }, this.renderRightList()), h("div", { class: 'group__totalizer' }, this.buildTotalizer(this.rightList))), h("div", { class: 'actions__column' }, h("ez-button", { mode: 'icon', iconName: 'dual-chevron-up', enabled: this.enableMoveUp(true), title: 'Mover para primeira posi\u00E7\u00E3o', size: 'small', onClick: this.handleMoveToTop.bind(this) }), h("ez-button", { mode: 'icon', iconName: 'chevron-up', enabled: this.enableMoveUp(), title: 'Mover para cima', size: 'small', onClick: this.handleMoveUp.bind(this) }), h("ez-button", { mode: 'icon', iconName: 'chevron-down', enabled: this.enableMoveDown(), title: 'Mover para baixo', size: 'small', onClick: this.handleMoveDown.bind(this) }), h("ez-button", { mode: 'icon', iconName: 'dual-chevron-down', enabled: this.enableMoveDown(true), title: 'Mover para \u00FAltima posi\u00E7\u00E3o', size: 'small', onClick: this.handleMoveToBottom.bind(this) }))));
+  }
+  static get is() { return "ez-double-list"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ez-double-list.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-double-list.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "leftList": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "ListItem[]",
+          "resolved": "ListItem[]",
+          "references": {
+            "ListItem": {
+              "location": "import",
+              "path": "../ez-list/ez-list"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define a lista origem."
+        },
+        "defaultValue": "[]"
+      },
+      "leftTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o t\u00EDtulo da lista origem."
+        },
+        "attribute": "left-title",
+        "reflect": false
+      },
+      "rightList": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "ListItem[]",
+          "resolved": "ListItem[]",
+          "references": {
+            "ListItem": {
+              "location": "import",
+              "path": "../ez-list/ez-list"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define a lista destino."
+        },
+        "defaultValue": "[]"
+      },
+      "entityLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Nome da entidade listada.\nExemplo: \"Campo\", \"Item\", \"Empresa\"."
+        },
+        "attribute": "entity-label",
+        "reflect": false,
+        "defaultValue": "'item'"
+      },
+      "entityLabelPlural": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Varia\u00E7\u00E3o plura do nome da entidade listada.\nExemplo: \"Campos\", \"Itens\", \"Empresas\"."
+        },
+        "attribute": "entity-label-plural",
+        "reflect": false,
+        "defaultValue": "'itens'"
+      },
+      "leftListLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "R\u00F3tulo da lista esquerda."
+        },
+        "attribute": "left-list-label",
+        "reflect": false,
+        "defaultValue": "'dispon\u00EDveis'"
+      },
+      "rightListLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "R\u00F3tulo da lista direita."
+        },
+        "attribute": "right-list-label",
+        "reflect": false,
+        "defaultValue": "'selecionados'"
+      },
+      "rightTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o t\u00EDtulo da lista destino."
+        },
+        "attribute": "right-title",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "leftFilteredList": {},
+      "rightFilteredList": {},
+      "selectedLeftList": {},
+      "selectedRightList": {},
+      "isFilteringLeft": {},
+      "isFilteringRight": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "ezLeftListChanged",
+        "name": "ezLeftListChanged",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "Array<ListItem>",
+          "resolved": "ListItem[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "ListItem": {
+              "location": "import",
+              "path": "../ez-list/ez-list"
+            }
+          }
+        }
+      }, {
+        "method": "ezRightListChanged",
+        "name": "ezRightListChanged",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "Array<ListItem>",
+          "resolved": "ListItem[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "ListItem": {
+              "location": "import",
+              "path": "../ez-list/ez-list"
+            }
+          }
+        }
+      }];
+  }
+  static get watchers() {
+    return [{
+        "propName": "leftList",
+        "methodName": "observeLeftList"
+      }, {
+        "propName": "rightList",
+        "methodName": "observeRightList"
+      }];
+  }
+}

package/dist/collection/components/ez-form-view/fieldbuilder/FieldBuilder.js

@@ -2,7 +2,7 @@ import { UserInterface } from "@sankhyalabs/core";
 import { REQUIRED_INFO } from "../../../utils/constants";
 import { buildCheckBox, buildSwitch } from "./templates/CheckBox.tpl";
 import { buildComboBox } from "./templates/ComboBox.tpl";
-import { buildDate, buildTime, buildDateTime } from "./templates/DateInput.tpl";
+import { buildDate, buildTime, buildDateTime, buildTimeSeconds } from "./templates/DateInput.tpl";
 import { buildFile } from "./templates/FileInput.tpl";
 import { buildDecimal, buildInteger } from "./templates/NumberInput.tpl";
 import { buildSearch } from "./templates/SearchInput.tpl";
@@ -14,6 +14,7 @@ uiBuilders.set(UserInterface.SWITCH, buildSwitch);
 uiBuilders.set(UserInterface.OPTIONSELECTOR, buildComboBox);
 uiBuilders.set(UserInterface.DATE, buildDate);
 uiBuilders.set(UserInterface.TIME, buildTime);
+uiBuilders.set(UserInterface.ELAPSEDTIME, buildTimeSeconds);
 uiBuilders.set(UserInterface.DATETIME, buildDateTime);
 uiBuilders.set(UserInterface.FILE, buildFile);
 uiBuilders.set(UserInterface.DECIMALNUMBER, buildDecimal);

package/dist/collection/components/ez-form-view/fieldbuilder/templates/DateInput.tpl.js

@@ -2,8 +2,12 @@ import { h } from "@stencil/core";
 export const buildDate = ({ name, label, readOnly, canShowError }) => {
   return (h("div", { class: "ez-col ez-col--sd-12" }, h("ez-date-input", { enabled: !readOnly, label: label, "data-field-name": name, key: name, canShowError: canShowError, noMargin: true })));
 };
-export const buildTime = ({ name, label, readOnly, canShowError }) => {
-  return (h("div", { class: "ez-col ez-col--sd-12" }, h("ez-time-input", { enabled: !readOnly, label: label, "data-field-name": name, key: name, canShowError: canShowError, noMargin: true })));
+export const buildTime = ({ name, label, readOnly, canShowError, props }) => {
+  var _a;
+  return (h("div", { class: "ez-col ez-col--sd-12" }, h("ez-time-input", { enabled: !readOnly, label: label, "data-field-name": name, key: name, canShowError: canShowError, noMargin: true, "show-seconds": (_a = props === null || props === void 0 ? void 0 : props.showSeconds) !== null && _a !== void 0 ? _a : false })));
+};
+export const buildTimeSeconds = ({ name, label, readOnly, canShowError }) => {
+  return (h("div", { class: "ez-col ez-col--sd-12" }, h("ez-time-input", { enabled: !readOnly, label: label, "data-field-name": name, key: name, canShowError: canShowError, noMargin: true, showSeconds: true })));
 };
 export const buildDateTime = ({ name, label, readOnly, contextName, canShowError }) => {
   return (h("div", { class: "ez-col ez-col--sd-12" }, h("ez-date-time-input", { enabled: !readOnly, label: label, "data-field-name": name, "data-context-name": contextName, key: name, canShowError: canShowError, noMargin: true })));

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

@@ -1,6 +1,8 @@
 import { ApplicationContext, HTMLBuilder } from '@sankhyalabs/core';
 import { getViewPortHeight } from '../GridEditorUtils';
+import { StringUtils } from "@sankhyalabs/core";
 export const buildSearch = ({ name, required, readOnly, eGridCell, dataUnit }) => {
+  var _a;
   const ezSearch = HTMLBuilder.parseElement(`<ez-search
           class="ez-grid grid_editor"
           mode="slim"
@@ -8,11 +10,13 @@ export const buildSearch = ({ name, required, readOnly, eGridCell, dataUnit }) =
           enabled=${!readOnly}
     />`);
   const loader = ApplicationContext.getContextValue("__EZUI__SEARCH__OPTION__LOADER__");
+  const metadata = dataUnit.getField(name);
   ezSearch.optionLoader = (argument) => loader(argument, name, dataUnit);
   ezSearch.ensureClearButtonVisible = true;
   ezSearch.suppressPreLoad = true;
   ezSearch.listOptionsPosition = { verticalPosition: 29, bottomLimit: getViewPortHeight(eGridCell), hardPosition: true };
   ezSearch.stopPropagateEnterKeyEvent = true;
+  ezSearch.ignoreLimitCharsToSearch = StringUtils.getBooleanValue((_a = metadata === null || metadata === void 0 ? void 0 : metadata.properties) === null || _a === void 0 ? void 0 : _a.ignoreLimitCharsToSearch);
   ezSearch.autoFocus = true;
   ezSearch.valueGetter = () => ezSearch.getValueAsync();
   return ezSearch;

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

@@ -11,13 +11,19 @@
   /*@doc Define o z-index do componente selection counter.*/
   --ez-grid__selection-counter--z-index: var(--visible, 1);
   /*@doc Define o sombreamento usado como borda.*/
-  --ez-grid__container--shadow: 0 0 16px 0 rgb(0 38 111 / 12%);
+  --ez-grid__container--shadow: var(--shadow);
   /*@doc Define altura mínima da grid */
   --ez-grid--min-height: 300px;
   /*@doc Define o outline usado como borda.*/
-  --ez-grid__container--outline: 1px solid var(--color--strokes);
-  /*@doc Define o outline usado como borda.*/
-  --ez-grid__container--shadow-as-outline: 0px 0px 0px 1px var(--color--strokes);
+  --ez-grid__container--shadow--outline: var(--shadow--outline) var(--color--strokes);
+  /*@doc Define a sombra do header.*/
+  --ez-grid__header--shadow: var(--shadow--xsmall);
+  /*@doc Define o outline usado como borda do header.*/
+  --ez-grid__header--shadow--outline: var(--shadow--outline) var(--color--strokes);
+  /*@doc Define o outline do header.*/
+  --ez-grid__header--outline: none;
+  /*@doc Define a borda do header.*/
+  --ez-grid__header--border: none;
 
   min-height: var(--ez-grid--min-height);
 }
@@ -31,6 +37,18 @@
   background-color: var(--ez-grid__header--background-color, #FFF);
 }
 
+.grid-header.shadow-mode {
+  box-shadow: var(--ez-grid__header--shadow);
+  border: var(--ez-grid__header--border);
+  outline: var(--ez-grid__header--outline);
+}
+
+.grid-header.outline-mode {
+  box-shadow: var(--ez-grid__header--shadow--outline);
+  border: var(--ez-grid__header--border);
+  outline: var(--ez-grid__header--outline);
+}
+
 .grid__container {
   /*private*/
   padding-top: 15px;
@@ -42,9 +60,9 @@
   background-color: var(--ez-grid__header--background-color);
 }
 
-.grid__container.box-outline {
+.grid__container.outline-mode {
   /*public*/
-  box-shadow: var(--ez-grid__container--shadow-as-outline);
+  box-shadow: var(--ez-grid__container--shadow--outline);
   border: none;
   outline: none;
 }