@sankhyalabs/ezui 5.20.0-dev.10 → 5.20.0-dev.11

package/dist/collection/components/ez-split-button/test/dropdownItems.js

@@ -0,0 +1,42 @@
+export const dropdownItems = [
+  {
+    id: "1",
+    label: "label1",
+    type: 'item',
+    iconName: "iconName1",
+    subAction: {
+      id: "1",
+      label: "subActionLabel1",
+      type: "primary"
+    },
+    group: "group"
+  }, {
+    id: "2",
+    label: "label2",
+    type: 'item',
+    iconName: "iconName2",
+    subAction: null,
+    group: null,
+  }, {
+    id: "3",
+    label: "label3",
+    type: 'item',
+    iconName: "iconName3",
+    subAction: null,
+    group: null,
+  }, {
+    id: "",
+    label: "",
+    type: 'divider',
+    iconName: "",
+    subAction: null,
+    group: null,
+  }, {
+    id: "4",
+    label: "label4",
+    type: 'item',
+    iconName: "iconName4",
+    subAction: null,
+    group: null,
+  }
+];

package/dist/collection/components/ez-split-panel/ez-split-panel.css

@@ -1,5 +1,4 @@
 :host {
-  height: 100%;
 }
 
 .ez-split-gutter {

package/dist/collection/components/ez-split-panel/ez-split-panel.js

@@ -71,16 +71,17 @@ export class SplitPanel {
   }
   getGridTemplate() {
     let template = '';
-    this._items.forEach((_col, index) => {
+    this._items.forEach((col, index) => {
+      const size = col.size || '1fr';
       if (index === this._items.length - 1) {
-        template += ` 1fr`;
+        template += ` ${size}`;
         return;
       }
       if (index === 0) {
-        template += `1fr 5px`;
+        template += `${size} 5px`;
         return;
       }
-      template += ` 1fr 5px`;
+      template += ` ${size} 5px`;
     });
     return template;
   }

package/dist/collection/components/ez-split-panel/structure/item/ez-split-item.css

@@ -1,12 +1,16 @@
 .box_split-item {
   background-color: var(--background--xlight);
-  padding: var(--space--nano);
   width: 100%;
   height: 100%;
   border-radius: var(--border--radius-medium);
   box-shadow: var(--shadow);
-  display: flex;
   flex-direction: column;
+  overflow: hidden;
+  display: flex;
+  padding: var(--space--nano);
+}
+
+.box_split-item > .ez-split-item--content {
   overflow: auto;
 }
 
@@ -32,5 +36,5 @@
 
 .ez-split-item--content {
   display: block;
-  height: -webkit-fill-available;
+  height: 100%;
 }

package/dist/collection/components/ez-split-panel/structure/item/ez-split-item.js

@@ -1,9 +1,10 @@
-import { h } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class SplitItem {
   constructor() {
     this.label = undefined;
     this.enableExpand = true;
     this._expanded = false;
+    this.size = undefined;
   }
   /**
    * Alterna a visibilidade do painel.
@@ -12,7 +13,7 @@ export class SplitItem {
     this._expanded = !this._expanded;
   }
   render() {
-    return (h("div", { class: `box_split-item ${this._expanded ? 'expanded__item' : ''}`, ref: el => (this._element = el) }, h("div", { class: "ez-split-item--header" }, h("div", null, this.label && (h("div", { class: "ez-margin--small" }, h("h3", { class: " ez-title ez-title--small" }, this.label)))), h("div", { class: "ez-split-item--header-buttons" }, this.enableExpand && (h("ez-button", { size: "medium", mode: "icon", iconName: "expand", class: 'ez-button--tertiary', onClick: () => this.toggleExpandItem(), title: this._expanded ? 'Resumir' : 'Expandir' })), h("slot", { name: "rightButtons" }))), h("div", { class: "ez-split-item--content" }, h("slot", null))));
+    return (h(Host, { class: `box_split-item ${this._expanded ? 'expanded__item' : ''}`, ref: el => (this._element = el) }, h("div", { class: "ez-split-item--header" }, h("div", null, this.label && (h("div", { class: "ez-margin--small" }, h("h3", { class: " ez-title ez-title--small" }, this.label)))), h("div", { class: "ez-split-item--header-buttons" }, this.enableExpand && (h("ez-button", { size: "medium", mode: "icon", iconName: "expand", class: 'ez-button--tertiary', onClick: () => this.toggleExpandItem(), title: this._expanded ? 'Resumir' : 'Expandir' })), h("slot", { name: "rightButtons" }))), h("div", { class: "ez-split-item--content" }, h("slot", null))));
   }
   static get is() { return "ez-split-item"; }
   static get originalStyleUrls() {
@@ -61,6 +62,26 @@ export class SplitItem {
         "attribute": "enable-expand",
         "reflect": true,
         "defaultValue": "true"
+      },
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [{
+              "name": "values",
+              "text": "'%', 'fr'"
+            }],
+          "text": "Define o tamanho inicial do painel."
+        },
+        "attribute": "size",
+        "reflect": false
       }
     };
   }

package/dist/custom-elements/index.d.ts

@@ -224,6 +224,12 @@ export const EzSkeleton: {
   new (): EzSkeleton;
 };
 
+interface EzSplitButton extends Components.EzSplitButton, HTMLElement {}
+export const EzSplitButton: {
+  prototype: EzSplitButton;
+  new (): EzSplitButton;
+};
+
 interface EzSplitItem extends Components.EzSplitItem, HTMLElement {}
 export const EzSplitItem: {
   prototype: EzSplitItem;

package/dist/custom-elements/index.js

@@ -2716,7 +2716,7 @@ const EzComboBox$1 = class extends HTMLElement$1 {
     }
     else {
       window.setTimeout(() => {
-        this.setInputValue();
+        this.setInputValue(false);
       }, this._deboucingTime);
     }
     this.resetOptions();
@@ -2997,6 +2997,9 @@ const EzDateInput$1 = class extends HTMLElement$1 {
     this._calendar.hide();
   }
   handleBlur() {
+    if (!this._changePending) {
+      return;
+    }
     try {
       const strValue = this._textInput.value;
       const newValue = DateUtils$1.strToDate(strValue);
@@ -3230,6 +3233,9 @@ const EzDateTimeInput$1 = class extends HTMLElement$1 {
   }
   handleBlur() {
     var _a, _b;
+    if (!this._changePending) {
+      return;
+    }
     try {
       const strValue = ((_b = (_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.trim()) || "";
       const newValue = this.getParsedDateTime();
@@ -123736,6 +123742,9 @@ class DataSource {
           break;
         case Action.LOADING_DATA:
           this._waitingForLoad = true;
+          if (EZ_GRID_LOADING_SOURCE !== action.payload.source) {
+            this._controller.clearFilter();
+          }
           this._controller.refresh();
           break;
         case Action.DATA_LOADED:
@@ -124533,6 +124542,10 @@ class AgGridController {
     this._gridOptions.api.refreshHeader();
     this._dataUnit.loadData(undefined, undefined, undefined, EZ_GRID_LOADING_SOURCE);
   }
+  clearFilter() {
+    this._filteredColumns.clear();
+    this._gridOptions.api.refreshHeader();
+  }
   showFilterColumn(configs) {
     var _a;
     (_a = this._filterColumn) === null || _a === void 0 ? void 0 : _a.show(configs);
@@ -126829,16 +126842,8 @@ const EzMuiltiSelectionList = class extends HTMLElement$1 {
   }
   handleChangeSelectedItem(event) {
     const { detail: itemCheckSelected } = event;
-    this.filteredOptions = this.filteredOptions.map(item => {
-      if (item.label === itemCheckSelected.label) {
-        return Object.assign(Object.assign({}, item), { check: itemCheckSelected.check });
-      }
-      return item;
-    });
-    this.clearInputs();
-  }
-  clearInputs() {
-    this.filterInput ? (this.filterInput.value = '') : (this.searchInput.value = '');
+    const itemSelected = this.filteredOptions.find(item => item.label === itemCheckSelected.label);
+    itemSelected.check = itemCheckSelected.check;
   }
   buildViewList(hasDelete) {
     return (h(Fragment, null, this.displayOptionToCheckAllItems && (h("ez-check", { ref: (element) => (this.checkInput = element), label: "Selecionar todos", class: "multi-selection__select-all", onEzChange: this.handleChangeSelectAllItems.bind(this) })), h("ez-list", { class: "multi-selection__list", dataSource: this.displayOptions, listMode: "check", hoverFeedback: true, onEzCheckChange: this.handleChangeSelectedItem.bind(this), itemSlotBuilder: hasDelete ? this.buildDeleteIconSlot.bind(this) : null })));
@@ -126988,6 +126993,9 @@ const EzNumberInput$1 = class extends HTMLElement$1 {
     this.ezCancelWaitingChange.emit();
   }
   handleBlur() {
+    if (!this._changePending) {
+      return;
+    }
     try {
       const parsedNumber = this.getParsedNumber();
       if (parsedNumber !== undefined && isNaN(parsedNumber)) {
@@ -128243,7 +128251,148 @@ const EzSkeleton$1 = class extends HTMLElement$1 {
   static get style() { return ezSkeletonCss; }
 };
 
-const ezSplitItemCss = ".box_split-item{background-color:var(--background--xlight);padding:var(--space--nano);width:100%;height:100%;border-radius:var(--border--radius-medium);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:auto}.expanded__item{position:absolute;z-index:var(--more-visible);top:0;left:0;width:100%;height:100%}.ez-split-item--header{display:flex;align-items:center;justify-content:space-between}.ez-split-item--header-buttons{display:flex;align-items:center}.ez-split-item--content{display:block;height:-webkit-fill-available}";
+const ezSplitButtonCss = ":host{--ez-split-button--min-width:24;--ez-split-button--width:'auto';--ez-split-button__medium--height:32px;--ez-split-button__large--height:42px;--ez-split-button__medium-icon--width:40px;--ez-split-button__large-icon--width:44px;--ez-split-button__inline__icon--gap:6px;--ez-split-button__label--padding-top:0px;--ez-split-button__label--padding-bottom:0px;--ez-split-button__right-button--padding-left:8px;--ez-split-button--color:var(--title--primary, #FFF);--ez-split-button--font-size:var(--text--medium, 14px);--ez-split-button--font-family:var(--font-pattern, Arial);--ez-split-button--font-weight:var(--text-weight--large);--ez-split-button--background-color:var(--background--medium, #008561);--ez-split-button--border-radius:var(--border--radius-large, 12px);--ez-split-button--border:none;--ez-split-button--justify-content:center;--ez-split-button--hover-color:var(--color--primary-600);--ez-split-button--hover--background-color:var(--background--medium, var(--ez-split-button--background-color));--ez-split-button--disabled-color:var(--text--disable);--ez-split-button--disabled--background-color:var(--color--disable-secondary);--ez-split-button--focus--border:var(--border--medium, 2px) var(--color--primary-300);--ez-split-button--focus--box-shadow:none;--ez-split-button--active-color:var(--color--primary-700);--ez-split-button--active--background-color:var(--background--strong)}ez-icon{--ez-icon--color:inherit}button{position:relative;display:flex;align-items:center;margin:0;cursor:pointer;transition:background-color 0.2s linear;white-space:nowrap;min-width:var(--ez-split-button--min-width);width:var(--ez-split-button--width);height:var(--ez-split-button__medium--height);font-family:var(--ez-split-button--font-family);font-size:var(--ez-split-button--font-size);font-weight:var(--ez-split-button--font-weight);padding:var(--ez-split-button__label--padding-top) 0 var(--ez-split-button__label--padding-bottom) 0;border-top-left-radius:var(--ez-split-button--border-radius);border-bottom-left-radius:var(--ez-split-button--border-radius);background-color:var(--ez-split-button--background-color);color:var(--ez-split-button--color);fill:var(--ez-split-button--color);border:var(--ez-split-button--border);justify-content:var(--ez-split-button--justify-content)}label{cursor:pointer}button:active{outline:none;box-shadow:none;background-color:var(--ez-split-button--active--background-color);color:var(--ez-split-button--active-color);fill:var(--ez-split-button--active-color);--ez-icon--color:var(--ez-split-button--active-color)}.ez-split-button__left-button:focus,.ez-split-button__right-button:focus{outline:var(--ez-split-button--focus--border);box-shadow:var(--ez-split-button--focus--box-shadow)}.ez-split-button__left-button:hover,.ez-split-button__right-button:hover{outline:none;background-color:var(--ez-split-button--hover--background-color);color:var(--ez-split-button--hover-color);fill:var(--ez-split-button--hover-color);--ez-icon--color:var(--ez-split-button--hover-color)}.ez-split-button__left-button:disabled,.ez-split-button__left-button:disabled label,.ez-split-button__right-button:disabled{background-color:var(--ez-split-button--disabled--background-color);color:var(--ez-split-button--disabled-color);fill:var(--ez-split-button--disabled-color);border:none;--ez-icon--color:var(--ez-split-button--disabled-color);cursor:not-allowed}button.large{height:var(--ez-split-button__large--height)}button.medium{height:var(--ez-split-button__medium--height)}.default label{padding:var(--ez-split-button__label--padding-top) 12px var(--ez-split-button__label--padding-bottom) 20px}.icon-left{gap:var(--ez-split-button__inline__icon--gap)}.icon-left label{padding-right:12px}.icon-left ez-icon{padding-left:20px}.icon-only{padding-left:12px;padding-right:12px}.ez-split-button__right-button{border-top-right-radius:var(--ez-split-button--border-radius);border-bottom-right-radius:var(--ez-split-button--border-radius);border-top-left-radius:0;border-bottom-left-radius:0}.ez-split-button__right-button--medium{min-width:var(--ez-split-button__medium-icon--width)}.ez-split-button__right-button--large{min-width:var(--ez-split-button__large-icon--width)}.ez-split-button__right-button--divider{top:10%;bottom:10%}.ez-split-button__right-button--divider:before{content:\"\";position:absolute;left:0;border-left:1px solid rgba(0, 0, 0, 20%);border-radius:2px;height:75%}.btn-icon--medium{min-width:--ez-split-button__medium-icon--width}.btn-icon--large{min-width:--ez-split-button__large-icon--width}.ez-split-button__right-button-container{position:absolute;left:0;padding-left:var(--ez-split-button__right-button--padding-left)}.label-icon{display:flex;flex-direction:row;align-items:center;color:var(--ez-split-button--color)}.label-icon:active{color:var(--ez-split-button--active-color);fill:var(--ez-split-button--active-color);--ez-icon--color:var(--ez-split-button--active-color)}.dropdown{display:flex}.dropdown-content{display:block;position:absolute;background-color:#f1f1f1;min-width:160px;z-index:--ez-elevation--8;border-radius:var(--ez-split-button--border-radius)}.dropdown-content>ez-dropdown{position:relative}";
+
+const EzSplitButton$1 = class extends HTMLElement$1 {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.buttonClick = createEvent(this, "buttonClick", 7);
+    this.dropdownItemClick = createEvent(this, "dropdownItemClick", 7);
+    this.dropdownSubActionClick = createEvent(this, "dropdownSubActionClick", 7);
+    this.rightDefaultTitle = 'Mais opções';
+    this.show = false;
+    this.enabled = true;
+    this.iconName = undefined;
+    this.image = undefined;
+    this.items = undefined;
+    this.label = undefined;
+    this.leftTitle = undefined;
+    this.rightTitle = 'Mais opções';
+    this.mode = 'default';
+    this.size = 'medium';
+  }
+  /**
+   * Remove o foco de ambos os botões.
+   */
+  async setBlur() {
+    this.leftButton.blur();
+    this.rightButton.blur();
+  }
+  /**
+   * Aplica o foco no botão principal.
+   */
+  async setLeftButtonFocus() {
+    this.leftButton.focus();
+  }
+  /**
+   * Aplica o foco no botão do dropdown.
+   */
+  async setRightButtonFocus() {
+    this.rightButton.focus();
+  }
+  clickListener(evt) {
+    if (!this.enabled) {
+      evt.preventDefault();
+      evt.stopPropagation();
+      evt.stopImmediatePropagation();
+    }
+  }
+  getIconSize(sizeParam = 'medium') {
+    var _a;
+    const sizeList = ['medium', 'large'];
+    const sizeLowerCase = (_a = this.size) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+    return sizeList.includes(sizeLowerCase) ? sizeLowerCase : sizeParam;
+  }
+  closeDropdown() {
+    this.show = false;
+  }
+  toggleDropdown() {
+    this.show = !this.show;
+  }
+  handleButtonClick() {
+    this.buttonClick.emit();
+  }
+  handleDropdownItemClick(evt) {
+    this.dropdownItemClick.emit(evt.detail);
+    evt.stopPropagation();
+    this.closeDropdown();
+  }
+  handleDropdownSubActionClick(evt) {
+    this.dropdownSubActionClick.emit(evt.detail);
+    evt.stopPropagation();
+    this.closeDropdown();
+  }
+  /**
+   * Método responsável em posicionar o dropdown na tela.
+   * Faz com que o dropdown se ajuste automaticamente ao espaco na tela
+   */
+  positionDropdown() {
+    const { rightButton: _rightButton, dropdownParent: _dropdownParent } = this;
+    const rightButtonRect = _rightButton.getBoundingClientRect();
+    const dropdownParentRect = _dropdownParent.getBoundingClientRect();
+    const spaceBelow = window.innerHeight - rightButtonRect.bottom;
+    const spaceAbove = rightButtonRect.top;
+    const spaceRight = window.innerWidth - rightButtonRect.right;
+    const spaceLeft = rightButtonRect.left;
+    const hasSpaceBelow = spaceBelow < dropdownParentRect.height && spaceAbove > dropdownParentRect.height;
+    const hasSpaceRight = spaceRight < dropdownParentRect.width && spaceLeft > dropdownParentRect.width;
+    let top = `${rightButtonRect.bottom + window.scrollY}px`;
+    let left = `${rightButtonRect.left + window.scrollX}px`;
+    let bottom = 'auto';
+    if (hasSpaceBelow) {
+      bottom = `${window.innerHeight - rightButtonRect.top - window.scrollY}px`;
+      top = 'auto';
+      _dropdownParent.style.maxHeight = `${spaceAbove}px`;
+    }
+    if (hasSpaceRight) {
+      left = `${rightButtonRect.right - dropdownParentRect.width + window.scrollX}px`;
+    }
+    _dropdownParent.style.top = top;
+    _dropdownParent.style.bottom = bottom;
+    _dropdownParent.style.left = left;
+  }
+  setEvents() {
+    window.removeEventListener('scroll', this.positionDropdown.bind(this));
+    window.addEventListener('scroll', this.positionDropdown.bind(this));
+  }
+  componentWillLoad() {
+    this.setEvents();
+  }
+  componentDidLoad() {
+    if (this._element)
+      ElementIDUtils.addIDInfo(this._element);
+    if (this.leftButton) {
+      const dataInfo = { id: 'embedded' };
+      ElementIDUtils.addIDInfo(this.leftButton, 'left-button', dataInfo);
+    }
+    if (this.rightButton) {
+      const dataInfo = { id: 'embedded' };
+      ElementIDUtils.addIDInfo(this.rightButton, 'right-button', dataInfo);
+    }
+    this.positionDropdown();
+  }
+  componentDidUpdate() {
+    this.positionDropdown();
+  }
+  render() {
+    const hasIconButton = this.shouldShowIconOnLeftButton();
+    const hasLabelButton = this.shouldShowLabelOnLeftButton();
+    const iconSize = this.getIconSize();
+    return (h("div", { class: "label-icon" }, h("button", { class: `ez-split-button__left-button ${iconSize} ${this.mode}`, title: this.leftTitle || this.label, type: "button", disabled: !this.enabled, onClick: () => { this.handleButtonClick(); }, ref: el => (this.leftButton = el) }, hasIconButton && h("ez-icon", { href: this.image, iconName: this.iconName, size: iconSize }), hasLabelButton && h("label", { title: this.leftTitle || this.label }, this.label)), h("div", { class: "dropdown" }, h("button", { class: `ez-split-button__right-button ${iconSize} ez-split-button__right-button--${iconSize} ez-split-button__right-button--divider`, title: this.rightTitle || this.rightDefaultTitle, type: "button", disabled: !this.enabled, onClick: () => { this.toggleDropdown(); }, ref: el => (this.rightButton = el) }, h("ez-icon", { class: `ez-split-button__right-button-container ` + (iconSize ? `btn-icon--${iconSize}` : ''), iconName: 'chevron-down', size: iconSize })), h("div", { class: `dropdown-content dropdown-content--${this.size}`, ref: (ref) => (this.dropdownParent = ref) }, this.show && (h("ez-dropdown", { items: this.items, onClick: evt => { evt.stopPropagation(); }, onEzOutsideClick: () => { this.closeDropdown(); }, onEzClick: evt => { this.handleDropdownItemClick(evt); }, onEzSubActionClick: evt => { this.handleDropdownSubActionClick(evt); } }))))));
+  }
+  shouldShowLabelOnLeftButton() {
+    return ['icon-left', 'default'].includes(this.mode);
+  }
+  shouldShowIconOnLeftButton() {
+    return ['icon-left', 'icon-only'].includes(this.mode);
+  }
+  get _element() { return this; }
+  static get style() { return ezSplitButtonCss; }
+};
+
+const ezSplitItemCss = ".box_split-item{background-color:var(--background--xlight);width:100%;height:100%;border-radius:var(--border--radius-medium);box-shadow:var(--shadow);flex-direction:column;overflow:hidden;display:flex;padding:var(--space--nano)}.box_split-item>.ez-split-item--content{overflow:auto}.expanded__item{position:absolute;z-index:var(--more-visible);top:0;left:0;width:100%;height:100%}.ez-split-item--header{display:flex;align-items:center;justify-content:space-between}.ez-split-item--header-buttons{display:flex;align-items:center}.ez-split-item--content{display:block;height:100%}";
 
 const SplitItem = class extends HTMLElement$1 {
   constructor() {
@@ -128252,6 +128401,7 @@ const SplitItem = class extends HTMLElement$1 {
     this.label = undefined;
     this.enableExpand = true;
     this._expanded = false;
+    this.size = undefined;
   }
   /**
    * Alterna a visibilidade do painel.
@@ -128260,7 +128410,7 @@ const SplitItem = class extends HTMLElement$1 {
     this._expanded = !this._expanded;
   }
   render() {
-    return (h("div", { class: `box_split-item ${this._expanded ? 'expanded__item' : ''}`, ref: el => (this._element = el) }, h("div", { class: "ez-split-item--header" }, h("div", null, this.label && (h("div", { class: "ez-margin--small" }, h("h3", { class: " ez-title ez-title--small" }, this.label)))), h("div", { class: "ez-split-item--header-buttons" }, this.enableExpand && (h("ez-button", { size: "medium", mode: "icon", iconName: "expand", class: 'ez-button--tertiary', onClick: () => this.toggleExpandItem(), title: this._expanded ? 'Resumir' : 'Expandir' })), h("slot", { name: "rightButtons" }))), h("div", { class: "ez-split-item--content" }, h("slot", null))));
+    return (h(Host, { class: `box_split-item ${this._expanded ? 'expanded__item' : ''}`, ref: el => (this._element = el) }, h("div", { class: "ez-split-item--header" }, h("div", null, this.label && (h("div", { class: "ez-margin--small" }, h("h3", { class: " ez-title ez-title--small" }, this.label)))), h("div", { class: "ez-split-item--header-buttons" }, this.enableExpand && (h("ez-button", { size: "medium", mode: "icon", iconName: "expand", class: 'ez-button--tertiary', onClick: () => this.toggleExpandItem(), title: this._expanded ? 'Resumir' : 'Expandir' })), h("slot", { name: "rightButtons" }))), h("div", { class: "ez-split-item--content" }, h("slot", null))));
   }
   static get style() { return ezSplitItemCss; }
 };
@@ -128942,7 +129092,7 @@ Grid.prototype.destroy = function destroy (immediate) {
 
 function index (options) { return new Grid(options); }
 
-const ezSplitPanelCss = ":host{height:100%}.ez-split-gutter{cursor:grab;background-color:transparent}";
+const ezSplitPanelCss = ".ez-split-gutter{cursor:grab;background-color:transparent}";
 
 const SplitPanel = class extends HTMLElement$1 {
   constructor() {
@@ -129016,16 +129166,17 @@ const SplitPanel = class extends HTMLElement$1 {
   }
   getGridTemplate() {
     let template = '';
-    this._items.forEach((_col, index) => {
+    this._items.forEach((col, index) => {
+      const size = col.size || '1fr';
       if (index === this._items.length - 1) {
-        template += ` 1fr`;
+        template += ` ${size}`;
         return;
       }
       if (index === 0) {
-        template += `1fr 5px`;
+        template += `${size} 5px`;
         return;
       }
-      template += ` 1fr 5px`;
+      template += ` ${size} 5px`;
     });
     return template;
   }
@@ -131284,7 +131435,8 @@ const EzScroller = /*@__PURE__*/proxyCustomElement(EzScroller$1, [1,"ez-scroller
 const EzSearch = /*@__PURE__*/proxyCustomElement(EzSearch$1, [1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressEmptyOption":[4,"suppress-empty-option"],"mode":[513],"canShowError":[516,"can-show-error"],"hideErrorOnFocusOut":[4,"hide-error-on-focus-out"],"listOptionsPosition":[16],"isTextSearch":[4,"is-text-search"],"ignoreLimitCharsToSearch":[4,"ignore-limit-chars-to-search"],"options":[1040],"suppressSearch":[4,"suppress-search"],"_preSelection":[32],"_visibleOptions":[32],"_startLoading":[32],"_showLoading":[32],"_criteria":[32]},[[11,"scroll","scrollListener"]]]);
 const EzSidebarButton = /*@__PURE__*/proxyCustomElement(EzSidebarButton$1, [1,"ez-sidebar-button"]);
 const EzSkeleton = /*@__PURE__*/proxyCustomElement(EzSkeleton$1, [0,"ez-skeleton",{"count":[2],"variant":[1],"width":[1],"height":[1],"marginBottom":[1,"margin-bottom"],"animation":[1]}]);
-const EzSplitItem = /*@__PURE__*/proxyCustomElement(SplitItem, [4,"ez-split-item",{"label":[1],"enableExpand":[516,"enable-expand"],"_expanded":[32]}]);
+const EzSplitButton = /*@__PURE__*/proxyCustomElement(EzSplitButton$1, [1,"ez-split-button",{"enabled":[516],"iconName":[513,"icon-name"],"image":[513],"items":[16],"label":[513],"leftTitle":[513,"left-title"],"rightTitle":[513,"right-title"],"mode":[513],"size":[513],"show":[32]},[[2,"click","clickListener"]]]);
+const EzSplitItem = /*@__PURE__*/proxyCustomElement(SplitItem, [4,"ez-split-item",{"label":[1],"enableExpand":[516,"enable-expand"],"size":[1],"_expanded":[32]}]);
 const EzSplitPanel = /*@__PURE__*/proxyCustomElement(SplitPanel, [0,"ez-split-panel",{"direction":[1],"anchorToExpand":[4,"anchor-to-expand"]}]);
 const EzTabselector = /*@__PURE__*/proxyCustomElement(EzTabselector$1, [1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1],"_processedTabs":[32]}]);
 const EzTextArea = /*@__PURE__*/proxyCustomElement(EzTextArea$1, [1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513],"enableResize":[516,"enable-resize"]}]);
@@ -131337,6 +131489,7 @@ const defineCustomElements = (opts) => {
   EzSearch,
   EzSidebarButton,
   EzSkeleton,
+  EzSplitButton,
   EzSplitItem,
   EzSplitPanel,
   EzTabselector,
@@ -131358,4 +131511,4 @@ const defineCustomElements = (opts) => {
   }
 };
 
-export { EzActionsButton, EzAlert, EzAlertList, EzApplication, EzBadge, EzBreadcrumb, EzButton, EzCalendar, EzCardItem, EzCheck, EzChip, EzCollapsibleBox, EzComboBox, EzDateInput, EzDateTimeInput, EzDialog, EzDropdown, EzFileItem, EzFilterInput, EzForm, EzFormView, EzGrid, EzGuideNavigator, EzIcon, EzList, EzLoadingBar, EzModal, EzModalContainer, EzMultiSelectionList, EzNumberInput, EzPopover, EzPopup, EzRadioButton, EzScroller, EzSearch, EzSidebarButton, EzSkeleton, EzSplitItem, EzSplitPanel, EzTabselector, EzTextArea, EzTextEdit, EzTextInput, EzTimeInput, EzToast, EzTree, EzUpload, EzViewStack, FilterColumn, MultiSelectionBoxMessage, defineCustomElements };
+export { EzActionsButton, EzAlert, EzAlertList, EzApplication, EzBadge, EzBreadcrumb, EzButton, EzCalendar, EzCardItem, EzCheck, EzChip, EzCollapsibleBox, EzComboBox, EzDateInput, EzDateTimeInput, EzDialog, EzDropdown, EzFileItem, EzFilterInput, EzForm, EzFormView, EzGrid, EzGuideNavigator, EzIcon, EzList, EzLoadingBar, EzModal, EzModalContainer, EzMultiSelectionList, EzNumberInput, EzPopover, EzPopup, EzRadioButton, EzScroller, EzSearch, EzSidebarButton, EzSkeleton, EzSplitButton, EzSplitItem, EzSplitPanel, EzTabselector, EzTextArea, EzTextEdit, EzTextInput, EzTimeInput, EzToast, EzTree, EzUpload, EzViewStack, FilterColumn, MultiSelectionBoxMessage, defineCustomElements };

package/dist/esm/ez-combo-box.entry.js

@@ -366,7 +366,7 @@ const EzComboBox = class {
     }
     else {
       window.setTimeout(() => {
-        this.setInputValue();
+        this.setInputValue(false);
       }, this._deboucingTime);
     }
     this.resetOptions();

package/dist/esm/ez-date-input.entry.js

@@ -107,6 +107,9 @@ const EzDateInput = class {
     this._calendar.hide();
   }
   handleBlur() {
+    if (!this._changePending) {
+      return;
+    }
     try {
       const strValue = this._textInput.value;
       const newValue = DateUtils.strToDate(strValue);

package/dist/esm/ez-date-time-input.entry.js

@@ -159,6 +159,9 @@ const EzDateTimeInput = class {
   }
   handleBlur() {
     var _a, _b;
+    if (!this._changePending) {
+      return;
+    }
     try {
       const strValue = ((_b = (_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.trim()) || "";
       const newValue = this.getParsedDateTime();

package/dist/esm/ez-grid.entry.js

@@ -118858,6 +118858,9 @@ class DataSource {
           break;
         case Action.LOADING_DATA:
           this._waitingForLoad = true;
+          if (EZ_GRID_LOADING_SOURCE !== action.payload.source) {
+            this._controller.clearFilter();
+          }
           this._controller.refresh();
           break;
         case Action.DATA_LOADED:
@@ -119655,6 +119658,10 @@ class AgGridController {
     this._gridOptions.api.refreshHeader();
     this._dataUnit.loadData(undefined, undefined, undefined, EZ_GRID_LOADING_SOURCE);
   }
+  clearFilter() {
+    this._filteredColumns.clear();
+    this._gridOptions.api.refreshHeader();
+  }
   showFilterColumn(configs) {
     var _a;
     (_a = this._filterColumn) === null || _a === void 0 ? void 0 : _a.show(configs);

package/dist/esm/ez-multi-selection-list.entry.js

@@ -142,16 +142,8 @@ const EzMuiltiSelectionList = class {
   }
   handleChangeSelectedItem(event) {
     const { detail: itemCheckSelected } = event;
-    this.filteredOptions = this.filteredOptions.map(item => {
-      if (item.label === itemCheckSelected.label) {
-        return Object.assign(Object.assign({}, item), { check: itemCheckSelected.check });
-      }
-      return item;
-    });
-    this.clearInputs();
-  }
-  clearInputs() {
-    this.filterInput ? (this.filterInput.value = '') : (this.searchInput.value = '');
+    const itemSelected = this.filteredOptions.find(item => item.label === itemCheckSelected.label);
+    itemSelected.check = itemCheckSelected.check;
   }
   buildViewList(hasDelete) {
     return (h(Fragment, null, this.displayOptionToCheckAllItems && (h("ez-check", { ref: (element) => (this.checkInput = element), label: "Selecionar todos", class: "multi-selection__select-all", onEzChange: this.handleChangeSelectAllItems.bind(this) })), h("ez-list", { class: "multi-selection__list", dataSource: this.displayOptions, listMode: "check", hoverFeedback: true, onEzCheckChange: this.handleChangeSelectedItem.bind(this), itemSlotBuilder: hasDelete ? this.buildDeleteIconSlot.bind(this) : null })));

package/dist/esm/ez-number-input.entry.js

@@ -114,6 +114,9 @@ const EzNumberInput = class {
     this.ezCancelWaitingChange.emit();
   }
   handleBlur() {
+    if (!this._changePending) {
+      return;
+    }
     try {
       const parsedNumber = this.getParsedNumber();
       if (parsedNumber !== undefined && isNaN(parsedNumber)) {