@sankhyalabs/ezui 2.7.4 → 2.7.6

package/dist/custom-elements/index.js

@@ -1,6 +1,6 @@
 import { HTMLElement as HTMLElement$1, createEvent, h, Host, forceUpdate, proxyCustomElement } from '@stencil/core/internal/client';
 export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
-import { FloatingManager, ElementIDUtils, StringUtils as StringUtils$1, DateUtils as DateUtils$1, TimeFormatter, UserInterface, Action, WaitingChangeException, ApplicationContext, DataUnitAction, DataUnit, ObjectUtils as ObjectUtils$1, NumberUtils as NumberUtils$1, DataType, SortMode, JSUtils, UserAgentUtils, MaskFormatter } from '@sankhyalabs/core';
+import { FloatingManager, ElementIDUtils, StringUtils as StringUtils$1, DateUtils as DateUtils$1, TimeFormatter, UserInterface, Action, WaitingChangeException, ApplicationContext, DataUnitAction, DataUnit, ObjectUtils as ObjectUtils$1, NumberUtils as NumberUtils$1, DataType, SortMode, JSUtils, MaskFormatter } from '@sankhyalabs/core';
 
 var DialogType;
 (function (DialogType) {
@@ -209,35 +209,50 @@ let EzActionsButton$1 = class extends HTMLElement$1 {
   async isOpened() {
     return this._floatingID != undefined;
   }
-  showActions() {
-    var _a;
-    if (!this.enabled) {
-      return;
-    }
-    let options = {
+  getFloatOptions() {
+    return {
       autoClose: true,
       innerClickTest: this.innerClickCheck,
       isFixed: true,
       top: this.getPositionTop(),
       left: this.getPositionLeft()
     };
-    this._floatingID = FloatingManager.float(this._actionsList, this._listContainer, options);
+  }
+  getSideLimit() {
+    var _a;
     const docWidth = document.body.clientWidth;
     const boundingList = (_a = this._actionsList) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
     if ((boundingList === null || boundingList === void 0 ? void 0 : boundingList.right) > docWidth) {
-      options = {
-        autoClose: true,
-        innerClickTest: this.innerClickCheck,
-        isFixed: true,
-        top: this.getPositionTop(),
-        left: (docWidth - boundingList.width) + "px"
-      };
+      return (docWidth - boundingList.width) + "px";
+    }
+    return;
+  }
+  showActions() {
+    if (!this.enabled) {
+      return;
+    }
+    const options = this.getFloatOptions();
+    this._floatingID = FloatingManager.float(this._actionsList, this._listContainer, options);
+    const sideLimit = this.getSideLimit();
+    if (sideLimit != undefined) {
+      options.left = sideLimit;
       FloatingManager.updateFloatPosition(this._actionsList, this._listContainer, options);
     }
     window.requestAnimationFrame(() => {
       this._actionsList.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
     });
   }
+  updatePosition() {
+    if (!this.enabled || this._floatingID == undefined) {
+      return;
+    }
+    const options = this.getFloatOptions();
+    const sideLimit = this.getSideLimit();
+    if (sideLimit != undefined) {
+      options.left = sideLimit;
+    }
+    FloatingManager.updateFloatPosition(this._actionsList, this._listContainer, options);
+  }
   getPositionTop() {
     var _a;
     const boundingHost = (_a = this._element) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
@@ -274,8 +289,8 @@ let EzActionsButton$1 = class extends HTMLElement$1 {
     return (_a = this.actions) === null || _a === void 0 ? void 0 : _a.some(action => action.iconName != undefined);
   }
   controlScrollPage() {
-    window.removeEventListener("scroll", this.hideActions.bind(this));
-    window.addEventListener("scroll", this.hideActions.bind(this));
+    window.removeEventListener("scroll", this.updatePosition.bind(this));
+    window.addEventListener("scroll", this.updatePosition.bind(this));
   }
   //---------------------------------------------
   // Event handlers
@@ -1795,6 +1810,10 @@ let EzDateTimeInput$1 = class extends HTMLElement$1 {
     this._calendar.fitVertical(top, this._elem.clientHeight);
     this._calendar.style.visibility = 'inherit';
   }
+  hideCalendar() {
+    this.changeValue(this._calendar.value);
+    this._calendar.hide();
+  }
   getParsedDateTime(strValue) {
     var _a, _b;
     if (strValue === void 0) {
@@ -1835,7 +1854,7 @@ let EzDateTimeInput$1 = class extends HTMLElement$1 {
       this.errorMessage = "O valor digitado não é uma data válida";
     }
   }
-  getTextValue(d) {
+  getTextValue(date) {
     const options = {
       year: 'numeric', month: 'numeric', day: 'numeric',
       hour: 'numeric', minute: 'numeric'
@@ -1844,7 +1863,10 @@ let EzDateTimeInput$1 = class extends HTMLElement$1 {
       year: 'numeric', month: 'numeric', day: 'numeric',
       hour: 'numeric', minute: 'numeric', second: 'numeric'
     };
-    return d ? (new Intl.DateTimeFormat('pt-BR', this.showSeconds ? optionsSecond : options).format(d)) : undefined;
+    if (!date)
+      return;
+    let formattedDate = new Intl.DateTimeFormat('pt-BR', this.showSeconds ? optionsSecond : options).format(date);
+    return formattedDate.replace(",", "");
   }
   handleInput(event) {
     const newValue = this.getParsedDateTime();
@@ -1870,7 +1892,7 @@ let EzDateTimeInput$1 = class extends HTMLElement$1 {
   }
   render() {
     ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');
-    return (h(Host, null, h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, "data-slave-mode": "true", label: this.label, restrict: "0123456789/: ", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, onKeyDown: event => { this.handleKeyDown(event); }, onBlur: () => this.handleBlur(), onInput: (evt) => this.handleInput(evt), onFocus: () => this.handleFocus(), onClick: () => this.handleClick() }, h("button", { disabled: !this.enabled, tabindex: -1, class: "btn-open-cal", onClick: () => this.showCalendar(), slot: "leftIcon" })), h("ez-calendar", { "data-element-id": ElementIDUtils.getInternalIDInfo("calendar"), onEzChange: (event) => { this.changeValue(this._calendar.value); event.stopPropagation(); }, floating: true, ref: elem => this._calendar = elem, time: true, showSeconds: this.showSeconds })));
+    return (h(Host, null, h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, "data-slave-mode": "true", label: this.label, restrict: "0123456789/: ", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, onKeyDown: event => { this.handleKeyDown(event); }, onBlur: () => this.handleBlur(), onInput: (evt) => this.handleInput(evt), onFocus: () => this.handleFocus(), onClick: () => this.handleClick() }, h("button", { disabled: !this.enabled, tabindex: -1, class: "btn-open-cal", onClick: () => this.showCalendar(), slot: "leftIcon" })), h("ez-calendar", { "data-element-id": ElementIDUtils.getInternalIDInfo("calendar"), onEzChange: (event) => { this.hideCalendar(); event.stopPropagation(); }, floating: true, ref: elem => this._calendar = elem, time: true, showSeconds: this.showSeconds })));
   }
   get _elem() { return this; }
   static get watchers() { return {
@@ -118225,14 +118247,14 @@ class AgGridController {
     this._gridOptions.api.setFocusedCell(rowIndex, firstCell);
   }
   setColumnsDef(cols) {
-    const newColDefs = [Object.assign({ colId: this.CHECK_BOX_COL_ID, headerName: "", checkboxSelection: true, width: 28, suppressMovable: true, suppressAutoSize: true, suppressMenu: true, lockPosition: true, pinned: true }, this._multipleSelection && { headerComponent: "ezGridHeaderComponent", headerClass: "ag-column-select-header" })];
+    const newColDefs = [Object.assign({ colId: this.CHECK_BOX_COL_ID, headerName: "", checkboxSelection: true, width: 29, suppressMovable: true, suppressAutoSize: true, suppressMenu: true, lockPosition: true, pinned: true }, this._multipleSelection && { headerComponent: "ezGridHeaderComponent", headerClass: "ag-column-select-header" })];
     if (this._statusResolver != undefined) {
       newColDefs.push({
         colId: this.STATUS_COL_ID,
         headerName: "",
         checkboxSelection: false,
         headerCheckboxSelection: false,
-        width: 28,
+        width: 29,
         suppressMovable: true,
         suppressAutoSize: true,
         suppressMenu: true,
@@ -119794,15 +119816,15 @@ var EzScrollDirection;
   EzScrollDirection["BOTH"] = "both";
 })(EzScrollDirection || (EzScrollDirection = {}));
 
-const ezScrollerCss = ":host{--ez-scroller--box-shadow-color:var(--background--body, #fafcff);--ez-scroller__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-scroller__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-scroller__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-scroller__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-scroller__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-scroller__scrollbar--width:var(--space--small, 6px);display:flex;cursor:grab;width:100%}.dragging{cursor:grabbing}.ez-scroller__container{display:flex;flex-direction:column;overflow-y:hidden;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--ez-scroller__scrollbar--color-clicked) var(--ez-scroller__scrollbar--color-background)}.ez-scroller__container--horizontal{flex-direction:row;overflow-y:hidden;overflow-x:hidden;padding-bottom:var(--ez-scroller__scrollbar--width);margin-bottom:calc(var(--ez-scroller__scrollbar--width) * -1)}.ez-scroller__container--horizontal:not(.ez-scroller__container--no-overlay):not(.ez-scroller__container--locked):hover{overflow-x:overlay}.ez-scroller__container--horizontal.ez-scroller__container--no-overlay{padding-bottom:8px;margin-bottom:-8px}.ez-scroller__container--horizontal.ez-scroller__container--no-overlay:not(.ez-scroller__container--locked):hover{overflow-x:auto;padding-bottom:0px}.ez-scroller__container--vertical{overflow-y:hidden;overflow-x:hidden;padding-right:var(--ez-scroller__scrollbar--width);margin-right:calc(var(--ez-scroller__scrollbar--width) * -1)}.ez-scroller__container--vertical:not(.ez-scroller__container--no-overlay):not(.ez-scroller__container--locked):hover{overflow-y:overlay}.ez-scroller__container--vertical.ez-scroller__container--no-overlay{padding-right:8px;margin-right:-8px}.ez-scroller__container--vertical.ez-scroller__container--no-overlay:not(.ez-scroller__container--locked):hover{overflow-y:auto;padding-right:0px}.ez-scroller__container--both{overflow:auto}.ez-scroller__container::-webkit-scrollbar{background-color:var(--ez-scroller__scrollbar--color-background);width:var(--ez-scroller__scrollbar--width);height:var(--ez-scroller__scrollbar--width);max-width:var(--ez-scroller__scrollbar--width);min-width:var(--ez-scroller__scrollbar--width)}.ez-scroller__container::-webkit-scrollbar-track{visibility:hidden;background-color:var(--ez-scroller__scrollbar--color-background);border-radius:var(--ez-scroller__scrollbar--border-radius)}.ez-scroller__container::-webkit-scrollbar-thumb{background-color:var(--ez-scroller__scrollbar--color-default);border-radius:var(--ez-scroller__scrollbar--border-radius)}.ez-scroller__container::-webkit-scrollbar-thumb:vertical:hover,.ez-scroller__container::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-scroller__scrollbar--color-hover)}.ez-scroller__container::-webkit-scrollbar-thumb:vertical:active,.ez-scroller__container::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-scroller__scrollbar--color-clicked)}.ez-scroller__shadow-start,.ez-scroller__shadow-end{display:flex;position:relative;z-index:0;background:var(--ez-scroller--box-shadow-color)}.ez-scroller__shadow-start--horizontal,.ez-scroller__shadow-end--horizontal{width:10px;min-height:100%;top:-13px}.ez-scroller__shadow-start--horizontal{box-shadow:var(--ez-scroller--box-shadow-color) -4px 0px 6px 10px;margin-right:-10px}.ez-scroller__shadow-end--horizontal{box-shadow:var(--ez-scroller--box-shadow-color) 4px 0px 6px 10px;margin-left:-10px}.ez-scroller__shadow-start--vertical,.ez-scroller__shadow-end--vertical{min-width:100%;height:10px;left:-13px}.ez-scroller__shadow-start--vertical{box-shadow:var(--ez-scroller--box-shadow-color) 0px -4px 6px 10px;margin-bottom:-10px}.ez-scroller__shadow-end--vertical{box-shadow:var(--ez-scroller--box-shadow-color) 0px 4px 6px 10px;margin-top:-10px}.ez-scroller__shadow--hidden{display:none}";
+const ezScrollerCss = ":host{--ez-scroller--box-shadow-color:var(--background--body, #fafcff);--ez-scroller__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-scroller__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-scroller__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-scroller__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-scroller__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-scroller__scrollbar--width:var(--space--small, 6px);display:flex;cursor:grab;width:100%;overflow:hidden}.dragging{cursor:grabbing}.ez-scroller__container{display:flex;overflow-y:hidden;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}.ez-scroller__container--both:not(.ez-scroller__container--locked),.ez-scroller__container:not(.ez-scroller__container--locked):hover{scrollbar-color:var(--ez-scroller__scrollbar--color-clicked) var(--ez-scroller__scrollbar--color-background)}.ez-scroller__container--both{overflow-y:scroll;overflow-x:scroll}.ez-scroller__container--horizontal{overflow-x:scroll;flex-direction:row}.ez-scroller__container--vertical{overflow-y:scroll;flex-direction:column}.ez-scroller__container::-webkit-scrollbar{background-color:transparent;width:var(--ez-scroller__scrollbar--width);height:var(--ez-scroller__scrollbar--width);max-width:var(--ez-scroller__scrollbar--width);min-width:var(--ez-scroller__scrollbar--width)}.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar{background-color:var(--ez-scroller__scrollbar--color-background)}.ez-scroller__container::-webkit-scrollbar-track{visibility:hidden;background-color:transparent;border-radius:var(--ez-scroller__scrollbar--border-radius)}.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-track,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-track{background-color:var(--ez-scroller__scrollbar--color-background)}.ez-scroller__container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--ez-scroller__scrollbar--border-radius)}.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-thumb,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-thumb{background-color:var(--ez-scroller__scrollbar--color-default)}.ez-scroller__container::-webkit-scrollbar-thumb:vertical:hover,.ez-scroller__container::-webkit-scrollbar-thumb:horizontal:hover{background-color:transparent}.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-thumb:vertical:hover,.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-thumb:horizontal:hover,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-thumb:vertical:hover,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-scroller__scrollbar--color-hover)}.ez-scroller__container::-webkit-scrollbar-thumb:vertical:active,.ez-scroller__container::-webkit-scrollbar-thumb:horizontal:active{background-color:transparent}.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-thumb:vertical:active,.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-thumb:horizontal:active,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-thumb:vertical:active,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-scroller__scrollbar--color-clicked)}.ez-scroller__wrapper{display:flex;position:relative;width:100%;height:100%}.ez-scroller__wrapper--horizontal{flex-direction:row;width:100%;height:auto}.ez-scroller__wrapper--vertical{flex-direction:column;width:auto;height:100%}.ez-scroller__wrapper--shadow-start::before,.ez-scroller__wrapper--shadow-end::after{content:\"\";display:flex;position:absolute;z-index:1}.ez-scroller__wrapper--horizontal.ez-scroller__wrapper--shadow-start::before,.ez-scroller__wrapper--horizontal.ez-scroller__wrapper--shadow-end::after{width:24px;min-height:calc(100% - 10px)}.ez-scroller__wrapper--horizontal.ez-scroller__wrapper--shadow-start::before{left:0;background:linear-gradient(to right, var(--ez-scroller--box-shadow-color) 20%, transparent 80%)}.ez-scroller__wrapper--horizontal.ez-scroller__wrapper--shadow-end::after{right:0;background:linear-gradient(to left, var(--ez-scroller--box-shadow-color) 20%, transparent 80%)}.ez-scroller__wrapper--vertical.ez-scroller__wrapper--shadow-start::before,.ez-scroller__wrapper--vertical.ez-scroller__wrapper--shadow-end::after{min-width:calc(100% - 10px);height:24px}.ez-scroller__wrapper--vertical.ez-scroller__wrapper--shadow-start::before{top:0;background:linear-gradient(to bottom, var(--ez-scroller--box-shadow-color) 20%, transparent 80%)}.ez-scroller__wrapper--vertical.ez-scroller__wrapper--shadow-end::after{bottom:0;background:linear-gradient(to top, var(--ez-scroller--box-shadow-color) 20%, transparent 80%)}";
 
 let EzScroller$1 = class extends HTMLElement$1 {
   constructor() {
     super();
     this.__registerHost();
     this.__attachShadow();
-    this._classHidden = "ez-scroller__shadow--hidden";
-    this.isFirefox = false;
+    this._shadowStart = "ez-scroller__wrapper--shadow-start";
+    this._shadowEnd = "ez-scroller__wrapper--shadow-end";
     this.isActive = false;
     /**
      * Define se o `scroll` estará bloqueado.
@@ -119818,15 +119840,11 @@ let EzScroller$1 = class extends HTMLElement$1 {
   //---------------------------------------------
   getContainerClass() {
     return `ez-scroller__container ez-scroller__container--${this.direction}
-      ${this.locked ? " ez-scroller__container--locked" : ""}
-      ${this.isFirefox && this.isActive ? " ez-scroller__container--no-overlay" : ""}
+      ${this.locked || !this.isActive ? " ez-scroller__container--locked" : ""}
     `;
   }
-  getShadowStartClass() {
-    return `ez-scroller__shadow-start ez-scroller__shadow-start--${this.direction}`;
-  }
-  getShadowEndClass() {
-    return `ez-scroller__shadow-end ez-scroller__shadow-end--${this.direction}`;
+  getWrapperClass() {
+    return `ez-scroller__wrapper ez-scroller__wrapper--${this.direction}`;
   }
   finishDrag() {
     if (this._controller) {
@@ -119835,38 +119853,40 @@ let EzScroller$1 = class extends HTMLElement$1 {
   }
   updateShadow() {
     const container = this._container;
-    if (container) {
-      let remainingScroll;
-      if (this.direction === EzScrollDirection.HORIZONTAL) {
-        const { scrollWidth, clientWidth, scrollLeft } = container;
-        remainingScroll = scrollWidth - clientWidth - Math.ceil(scrollLeft);
-        this._startHidden = container.scrollLeft > 0;
-      }
-      else if (this.direction === EzScrollDirection.VERTICAL) {
-        const { scrollHeight, clientHeight, scrollTop } = container;
-        remainingScroll = scrollHeight - clientHeight - Math.ceil(scrollTop);
-        this._startHidden = container.scrollTop > 0;
-      }
-      this._endHidden = remainingScroll > 0;
-      this.isActive = this._startHidden || this._endHidden;
-      const shadowPositions = ["", "start", "end", "middle"];
-      const currentPosition = shadowPositions[Number(this._startHidden) | Number(this._endHidden) << 1];
-      if (currentPosition === "start") {
-        this._shadowStart.classList.remove(this._classHidden);
-        this._shadowEnd.classList.add(this._classHidden);
-      }
-      else if (currentPosition === "end") {
-        this._shadowStart.classList.add(this._classHidden);
-        this._shadowEnd.classList.remove(this._classHidden);
-      }
-      else if (currentPosition === "middle") {
-        this._shadowStart.classList.remove(this._classHidden);
-        this._shadowEnd.classList.remove(this._classHidden);
-      }
-      else {
-        this._shadowStart.classList.add(this._classHidden);
-        this._shadowEnd.classList.add(this._classHidden);
-      }
+    const wrapper = this._wrapper;
+    if (container == undefined || wrapper == undefined) {
+      return;
+    }
+    let remainingScroll;
+    if (this.direction === EzScrollDirection.HORIZONTAL) {
+      const { scrollWidth, clientWidth, scrollLeft } = container;
+      remainingScroll = scrollWidth - clientWidth - Math.ceil(scrollLeft);
+      this._startHidden = container.scrollLeft > 0;
+    }
+    else if (this.direction === EzScrollDirection.VERTICAL) {
+      const { scrollHeight, clientHeight, scrollTop } = container;
+      remainingScroll = scrollHeight - clientHeight - Math.ceil(scrollTop);
+      this._startHidden = container.scrollTop > 0;
+    }
+    this._endHidden = remainingScroll > 0;
+    this.isActive = this._startHidden || this._endHidden;
+    const shadowPositions = ["", "start", "end", "middle"];
+    const currentPosition = shadowPositions[Number(this._startHidden) | Number(this._endHidden) << 1];
+    if (currentPosition === "start") {
+      wrapper.classList.add(this._shadowStart);
+      wrapper.classList.remove(this._shadowEnd);
+    }
+    else if (currentPosition === "end") {
+      wrapper.classList.remove(this._shadowStart);
+      wrapper.classList.add(this._shadowEnd);
+    }
+    else if (currentPosition === "middle") {
+      wrapper.classList.add(this._shadowStart);
+      wrapper.classList.add(this._shadowEnd);
+    }
+    else {
+      wrapper.classList.remove(this._shadowStart);
+      wrapper.classList.remove(this._shadowEnd);
     }
   }
   configResize() {
@@ -119880,6 +119900,9 @@ let EzScroller$1 = class extends HTMLElement$1 {
     this._resizeObserver = new ResizeObserver(JSUtils.debounce(this.updateShadow.bind(this), 200));
     this._resizeObserver.observe(container);
   }
+  getContainerElement() {
+    return h("div", { ref: ref => this._container = ref, class: this.getContainerClass() }, h("slot", null));
+  }
   //---------------------------------------------
   // Event handlers
   //---------------------------------------------
@@ -119918,14 +119941,11 @@ let EzScroller$1 = class extends HTMLElement$1 {
       }
     }
   }
-  componentDidLoad() {
-    this.isFirefox = UserAgentUtils.isFirefox();
-  }
   componentDidRender() {
     var _a, _b;
     if (this.direction === EzScrollDirection.BOTH) {
-      (_a = this._shadowStart) === null || _a === void 0 ? void 0 : _a.classList.add(this._classHidden);
-      (_b = this._shadowEnd) === null || _b === void 0 ? void 0 : _b.classList.add(this._classHidden);
+      (_a = this._wrapper) === null || _a === void 0 ? void 0 : _a.classList.remove(this._shadowStart);
+      (_b = this._wrapper) === null || _b === void 0 ? void 0 : _b.classList.remove(this._shadowEnd);
       return;
     }
     if (this._container && this.activeShadow) {
@@ -119935,9 +119955,9 @@ let EzScroller$1 = class extends HTMLElement$1 {
     }
   }
   render() {
-    return (h(Host, null, this.activeShadow &&
-      h("span", { ref: ref => this._shadowStart = ref, class: this.getShadowStartClass() }), h("div", { ref: ref => this._container = ref, class: this.getContainerClass() }, h("slot", null)), this.activeShadow &&
-      h("span", { ref: ref => this._shadowEnd = ref, class: this.getShadowEndClass() })));
+    return (h(Host, null, this.activeShadow
+      ? h("div", { ref: ref => this._wrapper = ref, class: this.getWrapperClass() }, this.getContainerElement())
+      : this.getContainerElement()));
   }
   static get style() { return ezScrollerCss; }
 };
@@ -121521,7 +121541,7 @@ const EzNumberInput = /*@__PURE__*/proxyCustomElement(EzNumberInput$1, [1,"ez-nu
 const EzPopover = /*@__PURE__*/proxyCustomElement(EzPopover$1, [1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"innerElement":[1537,"inner-element"]}]);
 const EzPopup = /*@__PURE__*/proxyCustomElement(EzPopup$1, [1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[516,"use-header"],"heightMode":[513,"height-mode"],"ezTitle":[1,"ez-title"]}]);
 const EzRadioButton = /*@__PURE__*/proxyCustomElement(EzRadioButton$1, [1,"ez-radio-button",{"value":[1544],"options":[1040],"enabled":[516],"label":[513],"direction":[1537]}]);
-const EzScroller = /*@__PURE__*/proxyCustomElement(EzScroller$1, [1,"ez-scroller",{"direction":[1],"locked":[4],"activeShadow":[4,"active-shadow"],"isFirefox":[32],"isActive":[32]},[[2,"click","clickListener"],[1,"mousedown","mouseDownHandler"],[1,"mouseup","mouseUpHandler"],[1,"mousemove","mouseMoveHandler"]]]);
+const EzScroller = /*@__PURE__*/proxyCustomElement(EzScroller$1, [1,"ez-scroller",{"direction":[1],"locked":[4],"activeShadow":[4,"active-shadow"],"isActive":[32]},[[2,"click","clickListener"],[1,"mousedown","mouseDownHandler"],[1,"mouseup","mouseUpHandler"],[1,"mousemove","mouseMoveHandler"]]]);
 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]}]);
 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]}]);

package/dist/esm/ez-actions-button.entry.js

@@ -67,35 +67,50 @@ let EzActionsButton = class {
   async isOpened() {
     return this._floatingID != undefined;
   }
-  showActions() {
-    var _a;
-    if (!this.enabled) {
-      return;
-    }
-    let options = {
+  getFloatOptions() {
+    return {
       autoClose: true,
       innerClickTest: this.innerClickCheck,
       isFixed: true,
       top: this.getPositionTop(),
       left: this.getPositionLeft()
     };
-    this._floatingID = FloatingManager.float(this._actionsList, this._listContainer, options);
+  }
+  getSideLimit() {
+    var _a;
     const docWidth = document.body.clientWidth;
     const boundingList = (_a = this._actionsList) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
     if ((boundingList === null || boundingList === void 0 ? void 0 : boundingList.right) > docWidth) {
-      options = {
-        autoClose: true,
-        innerClickTest: this.innerClickCheck,
-        isFixed: true,
-        top: this.getPositionTop(),
-        left: (docWidth - boundingList.width) + "px"
-      };
+      return (docWidth - boundingList.width) + "px";
+    }
+    return;
+  }
+  showActions() {
+    if (!this.enabled) {
+      return;
+    }
+    const options = this.getFloatOptions();
+    this._floatingID = FloatingManager.float(this._actionsList, this._listContainer, options);
+    const sideLimit = this.getSideLimit();
+    if (sideLimit != undefined) {
+      options.left = sideLimit;
       FloatingManager.updateFloatPosition(this._actionsList, this._listContainer, options);
     }
     window.requestAnimationFrame(() => {
       this._actionsList.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
     });
   }
+  updatePosition() {
+    if (!this.enabled || this._floatingID == undefined) {
+      return;
+    }
+    const options = this.getFloatOptions();
+    const sideLimit = this.getSideLimit();
+    if (sideLimit != undefined) {
+      options.left = sideLimit;
+    }
+    FloatingManager.updateFloatPosition(this._actionsList, this._listContainer, options);
+  }
   getPositionTop() {
     var _a;
     const boundingHost = (_a = this._element) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
@@ -132,8 +147,8 @@ let EzActionsButton = class {
     return (_a = this.actions) === null || _a === void 0 ? void 0 : _a.some(action => action.iconName != undefined);
   }
   controlScrollPage() {
-    window.removeEventListener("scroll", this.hideActions.bind(this));
-    window.addEventListener("scroll", this.hideActions.bind(this));
+    window.removeEventListener("scroll", this.updatePosition.bind(this));
+    window.addEventListener("scroll", this.updatePosition.bind(this));
   }
   //---------------------------------------------
   // Event handlers

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

@@ -121,6 +121,10 @@ let EzDateTimeInput = class {
     this._calendar.fitVertical(top, this._elem.clientHeight);
     this._calendar.style.visibility = 'inherit';
   }
+  hideCalendar() {
+    this.changeValue(this._calendar.value);
+    this._calendar.hide();
+  }
   getParsedDateTime(strValue) {
     var _a, _b;
     if (strValue === void 0) {
@@ -161,7 +165,7 @@ let EzDateTimeInput = class {
       this.errorMessage = "O valor digitado não é uma data válida";
     }
   }
-  getTextValue(d) {
+  getTextValue(date) {
     const options = {
       year: 'numeric', month: 'numeric', day: 'numeric',
       hour: 'numeric', minute: 'numeric'
@@ -170,7 +174,10 @@ let EzDateTimeInput = class {
       year: 'numeric', month: 'numeric', day: 'numeric',
       hour: 'numeric', minute: 'numeric', second: 'numeric'
     };
-    return d ? (new Intl.DateTimeFormat('pt-BR', this.showSeconds ? optionsSecond : options).format(d)) : undefined;
+    if (!date)
+      return;
+    let formattedDate = new Intl.DateTimeFormat('pt-BR', this.showSeconds ? optionsSecond : options).format(date);
+    return formattedDate.replace(",", "");
   }
   handleInput(event) {
     const newValue = this.getParsedDateTime();
@@ -196,7 +203,7 @@ let EzDateTimeInput = class {
   }
   render() {
     ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');
-    return (h(Host, null, h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, "data-slave-mode": "true", label: this.label, restrict: "0123456789/: ", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, onKeyDown: event => { this.handleKeyDown(event); }, onBlur: () => this.handleBlur(), onInput: (evt) => this.handleInput(evt), onFocus: () => this.handleFocus(), onClick: () => this.handleClick() }, h("button", { disabled: !this.enabled, tabindex: -1, class: "btn-open-cal", onClick: () => this.showCalendar(), slot: "leftIcon" })), h("ez-calendar", { "data-element-id": ElementIDUtils.getInternalIDInfo("calendar"), onEzChange: (event) => { this.changeValue(this._calendar.value); event.stopPropagation(); }, floating: true, ref: elem => this._calendar = elem, time: true, showSeconds: this.showSeconds })));
+    return (h(Host, null, h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, "data-slave-mode": "true", label: this.label, restrict: "0123456789/: ", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, onKeyDown: event => { this.handleKeyDown(event); }, onBlur: () => this.handleBlur(), onInput: (evt) => this.handleInput(evt), onFocus: () => this.handleFocus(), onClick: () => this.handleClick() }, h("button", { disabled: !this.enabled, tabindex: -1, class: "btn-open-cal", onClick: () => this.showCalendar(), slot: "leftIcon" })), h("ez-calendar", { "data-element-id": ElementIDUtils.getInternalIDInfo("calendar"), onEzChange: (event) => { this.hideCalendar(); event.stopPropagation(); }, floating: true, ref: elem => this._calendar = elem, time: true, showSeconds: this.showSeconds })));
   }
   get _elem() { return getElement(this); }
   static get watchers() { return {

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

@@ -115012,14 +115012,14 @@ class AgGridController {
     this._gridOptions.api.setFocusedCell(rowIndex, firstCell);
   }
   setColumnsDef(cols) {
-    const newColDefs = [Object.assign({ colId: this.CHECK_BOX_COL_ID, headerName: "", checkboxSelection: true, width: 28, suppressMovable: true, suppressAutoSize: true, suppressMenu: true, lockPosition: true, pinned: true }, this._multipleSelection && { headerComponent: "ezGridHeaderComponent", headerClass: "ag-column-select-header" })];
+    const newColDefs = [Object.assign({ colId: this.CHECK_BOX_COL_ID, headerName: "", checkboxSelection: true, width: 29, suppressMovable: true, suppressAutoSize: true, suppressMenu: true, lockPosition: true, pinned: true }, this._multipleSelection && { headerComponent: "ezGridHeaderComponent", headerClass: "ag-column-select-header" })];
     if (this._statusResolver != undefined) {
       newColDefs.push({
         colId: this.STATUS_COL_ID,
         headerName: "",
         checkboxSelection: false,
         headerCheckboxSelection: false,
-        width: 28,
+        width: 29,
         suppressMovable: true,
         suppressAutoSize: true,
         suppressMenu: true,