@sankhyalabs/ezui 2.7.4 → 2.7.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,6 @@
1
1
  import { HTMLElement as HTMLElement$1, createEvent, h, Host, forceUpdate, proxyCustomElement } from '@stencil/core/internal/client';
2
2
  export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
3
- 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';
3
+ 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';
4
4
 
5
5
  var DialogType;
6
6
  (function (DialogType) {
@@ -209,35 +209,50 @@ let EzActionsButton$1 = class extends HTMLElement$1 {
209
209
  async isOpened() {
210
210
  return this._floatingID != undefined;
211
211
  }
212
- showActions() {
213
- var _a;
214
- if (!this.enabled) {
215
- return;
216
- }
217
- let options = {
212
+ getFloatOptions() {
213
+ return {
218
214
  autoClose: true,
219
215
  innerClickTest: this.innerClickCheck,
220
216
  isFixed: true,
221
217
  top: this.getPositionTop(),
222
218
  left: this.getPositionLeft()
223
219
  };
224
- this._floatingID = FloatingManager.float(this._actionsList, this._listContainer, options);
220
+ }
221
+ getSideLimit() {
222
+ var _a;
225
223
  const docWidth = document.body.clientWidth;
226
224
  const boundingList = (_a = this._actionsList) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
227
225
  if ((boundingList === null || boundingList === void 0 ? void 0 : boundingList.right) > docWidth) {
228
- options = {
229
- autoClose: true,
230
- innerClickTest: this.innerClickCheck,
231
- isFixed: true,
232
- top: this.getPositionTop(),
233
- left: (docWidth - boundingList.width) + "px"
234
- };
226
+ return (docWidth - boundingList.width) + "px";
227
+ }
228
+ return;
229
+ }
230
+ showActions() {
231
+ if (!this.enabled) {
232
+ return;
233
+ }
234
+ const options = this.getFloatOptions();
235
+ this._floatingID = FloatingManager.float(this._actionsList, this._listContainer, options);
236
+ const sideLimit = this.getSideLimit();
237
+ if (sideLimit != undefined) {
238
+ options.left = sideLimit;
235
239
  FloatingManager.updateFloatPosition(this._actionsList, this._listContainer, options);
236
240
  }
237
241
  window.requestAnimationFrame(() => {
238
242
  this._actionsList.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
239
243
  });
240
244
  }
245
+ updatePosition() {
246
+ if (!this.enabled || this._floatingID == undefined) {
247
+ return;
248
+ }
249
+ const options = this.getFloatOptions();
250
+ const sideLimit = this.getSideLimit();
251
+ if (sideLimit != undefined) {
252
+ options.left = sideLimit;
253
+ }
254
+ FloatingManager.updateFloatPosition(this._actionsList, this._listContainer, options);
255
+ }
241
256
  getPositionTop() {
242
257
  var _a;
243
258
  const boundingHost = (_a = this._element) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
@@ -274,8 +289,8 @@ let EzActionsButton$1 = class extends HTMLElement$1 {
274
289
  return (_a = this.actions) === null || _a === void 0 ? void 0 : _a.some(action => action.iconName != undefined);
275
290
  }
276
291
  controlScrollPage() {
277
- window.removeEventListener("scroll", this.hideActions.bind(this));
278
- window.addEventListener("scroll", this.hideActions.bind(this));
292
+ window.removeEventListener("scroll", this.updatePosition.bind(this));
293
+ window.addEventListener("scroll", this.updatePosition.bind(this));
279
294
  }
280
295
  //---------------------------------------------
281
296
  // Event handlers
@@ -118225,14 +118240,14 @@ class AgGridController {
118225
118240
  this._gridOptions.api.setFocusedCell(rowIndex, firstCell);
118226
118241
  }
118227
118242
  setColumnsDef(cols) {
118228
- 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" })];
118243
+ 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" })];
118229
118244
  if (this._statusResolver != undefined) {
118230
118245
  newColDefs.push({
118231
118246
  colId: this.STATUS_COL_ID,
118232
118247
  headerName: "",
118233
118248
  checkboxSelection: false,
118234
118249
  headerCheckboxSelection: false,
118235
- width: 28,
118250
+ width: 29,
118236
118251
  suppressMovable: true,
118237
118252
  suppressAutoSize: true,
118238
118253
  suppressMenu: true,
@@ -119794,15 +119809,15 @@ var EzScrollDirection;
119794
119809
  EzScrollDirection["BOTH"] = "both";
119795
119810
  })(EzScrollDirection || (EzScrollDirection = {}));
119796
119811
 
119797
- 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}";
119812
+ 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%)}";
119798
119813
 
119799
119814
  let EzScroller$1 = class extends HTMLElement$1 {
119800
119815
  constructor() {
119801
119816
  super();
119802
119817
  this.__registerHost();
119803
119818
  this.__attachShadow();
119804
- this._classHidden = "ez-scroller__shadow--hidden";
119805
- this.isFirefox = false;
119819
+ this._shadowStart = "ez-scroller__wrapper--shadow-start";
119820
+ this._shadowEnd = "ez-scroller__wrapper--shadow-end";
119806
119821
  this.isActive = false;
119807
119822
  /**
119808
119823
  * Define se o `scroll` estará bloqueado.
@@ -119818,15 +119833,11 @@ let EzScroller$1 = class extends HTMLElement$1 {
119818
119833
  //---------------------------------------------
119819
119834
  getContainerClass() {
119820
119835
  return `ez-scroller__container ez-scroller__container--${this.direction}
119821
- ${this.locked ? " ez-scroller__container--locked" : ""}
119822
- ${this.isFirefox && this.isActive ? " ez-scroller__container--no-overlay" : ""}
119836
+ ${this.locked || !this.isActive ? " ez-scroller__container--locked" : ""}
119823
119837
  `;
119824
119838
  }
119825
- getShadowStartClass() {
119826
- return `ez-scroller__shadow-start ez-scroller__shadow-start--${this.direction}`;
119827
- }
119828
- getShadowEndClass() {
119829
- return `ez-scroller__shadow-end ez-scroller__shadow-end--${this.direction}`;
119839
+ getWrapperClass() {
119840
+ return `ez-scroller__wrapper ez-scroller__wrapper--${this.direction}`;
119830
119841
  }
119831
119842
  finishDrag() {
119832
119843
  if (this._controller) {
@@ -119835,38 +119846,40 @@ let EzScroller$1 = class extends HTMLElement$1 {
119835
119846
  }
119836
119847
  updateShadow() {
119837
119848
  const container = this._container;
119838
- if (container) {
119839
- let remainingScroll;
119840
- if (this.direction === EzScrollDirection.HORIZONTAL) {
119841
- const { scrollWidth, clientWidth, scrollLeft } = container;
119842
- remainingScroll = scrollWidth - clientWidth - Math.ceil(scrollLeft);
119843
- this._startHidden = container.scrollLeft > 0;
119844
- }
119845
- else if (this.direction === EzScrollDirection.VERTICAL) {
119846
- const { scrollHeight, clientHeight, scrollTop } = container;
119847
- remainingScroll = scrollHeight - clientHeight - Math.ceil(scrollTop);
119848
- this._startHidden = container.scrollTop > 0;
119849
- }
119850
- this._endHidden = remainingScroll > 0;
119851
- this.isActive = this._startHidden || this._endHidden;
119852
- const shadowPositions = ["", "start", "end", "middle"];
119853
- const currentPosition = shadowPositions[Number(this._startHidden) | Number(this._endHidden) << 1];
119854
- if (currentPosition === "start") {
119855
- this._shadowStart.classList.remove(this._classHidden);
119856
- this._shadowEnd.classList.add(this._classHidden);
119857
- }
119858
- else if (currentPosition === "end") {
119859
- this._shadowStart.classList.add(this._classHidden);
119860
- this._shadowEnd.classList.remove(this._classHidden);
119861
- }
119862
- else if (currentPosition === "middle") {
119863
- this._shadowStart.classList.remove(this._classHidden);
119864
- this._shadowEnd.classList.remove(this._classHidden);
119865
- }
119866
- else {
119867
- this._shadowStart.classList.add(this._classHidden);
119868
- this._shadowEnd.classList.add(this._classHidden);
119869
- }
119849
+ const wrapper = this._wrapper;
119850
+ if (container == undefined || wrapper == undefined) {
119851
+ return;
119852
+ }
119853
+ let remainingScroll;
119854
+ if (this.direction === EzScrollDirection.HORIZONTAL) {
119855
+ const { scrollWidth, clientWidth, scrollLeft } = container;
119856
+ remainingScroll = scrollWidth - clientWidth - Math.ceil(scrollLeft);
119857
+ this._startHidden = container.scrollLeft > 0;
119858
+ }
119859
+ else if (this.direction === EzScrollDirection.VERTICAL) {
119860
+ const { scrollHeight, clientHeight, scrollTop } = container;
119861
+ remainingScroll = scrollHeight - clientHeight - Math.ceil(scrollTop);
119862
+ this._startHidden = container.scrollTop > 0;
119863
+ }
119864
+ this._endHidden = remainingScroll > 0;
119865
+ this.isActive = this._startHidden || this._endHidden;
119866
+ const shadowPositions = ["", "start", "end", "middle"];
119867
+ const currentPosition = shadowPositions[Number(this._startHidden) | Number(this._endHidden) << 1];
119868
+ if (currentPosition === "start") {
119869
+ wrapper.classList.add(this._shadowStart);
119870
+ wrapper.classList.remove(this._shadowEnd);
119871
+ }
119872
+ else if (currentPosition === "end") {
119873
+ wrapper.classList.remove(this._shadowStart);
119874
+ wrapper.classList.add(this._shadowEnd);
119875
+ }
119876
+ else if (currentPosition === "middle") {
119877
+ wrapper.classList.add(this._shadowStart);
119878
+ wrapper.classList.add(this._shadowEnd);
119879
+ }
119880
+ else {
119881
+ wrapper.classList.remove(this._shadowStart);
119882
+ wrapper.classList.remove(this._shadowEnd);
119870
119883
  }
119871
119884
  }
119872
119885
  configResize() {
@@ -119880,6 +119893,9 @@ let EzScroller$1 = class extends HTMLElement$1 {
119880
119893
  this._resizeObserver = new ResizeObserver(JSUtils.debounce(this.updateShadow.bind(this), 200));
119881
119894
  this._resizeObserver.observe(container);
119882
119895
  }
119896
+ getContainerElement() {
119897
+ return h("div", { ref: ref => this._container = ref, class: this.getContainerClass() }, h("slot", null));
119898
+ }
119883
119899
  //---------------------------------------------
119884
119900
  // Event handlers
119885
119901
  //---------------------------------------------
@@ -119918,14 +119934,11 @@ let EzScroller$1 = class extends HTMLElement$1 {
119918
119934
  }
119919
119935
  }
119920
119936
  }
119921
- componentDidLoad() {
119922
- this.isFirefox = UserAgentUtils.isFirefox();
119923
- }
119924
119937
  componentDidRender() {
119925
119938
  var _a, _b;
119926
119939
  if (this.direction === EzScrollDirection.BOTH) {
119927
- (_a = this._shadowStart) === null || _a === void 0 ? void 0 : _a.classList.add(this._classHidden);
119928
- (_b = this._shadowEnd) === null || _b === void 0 ? void 0 : _b.classList.add(this._classHidden);
119940
+ (_a = this._wrapper) === null || _a === void 0 ? void 0 : _a.classList.remove(this._shadowStart);
119941
+ (_b = this._wrapper) === null || _b === void 0 ? void 0 : _b.classList.remove(this._shadowEnd);
119929
119942
  return;
119930
119943
  }
119931
119944
  if (this._container && this.activeShadow) {
@@ -119935,9 +119948,9 @@ let EzScroller$1 = class extends HTMLElement$1 {
119935
119948
  }
119936
119949
  }
119937
119950
  render() {
119938
- return (h(Host, null, this.activeShadow &&
119939
- 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 &&
119940
- h("span", { ref: ref => this._shadowEnd = ref, class: this.getShadowEndClass() })));
119951
+ return (h(Host, null, this.activeShadow
119952
+ ? h("div", { ref: ref => this._wrapper = ref, class: this.getWrapperClass() }, this.getContainerElement())
119953
+ : this.getContainerElement()));
119941
119954
  }
119942
119955
  static get style() { return ezScrollerCss; }
119943
119956
  };
@@ -121521,7 +121534,7 @@ const EzNumberInput = /*@__PURE__*/proxyCustomElement(EzNumberInput$1, [1,"ez-nu
121521
121534
  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"]}]);
121522
121535
  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"]}]);
121523
121536
  const EzRadioButton = /*@__PURE__*/proxyCustomElement(EzRadioButton$1, [1,"ez-radio-button",{"value":[1544],"options":[1040],"enabled":[516],"label":[513],"direction":[1537]}]);
121524
- 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"]]]);
121537
+ 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"]]]);
121525
121538
  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]}]);
121526
121539
  const EzTabselector = /*@__PURE__*/proxyCustomElement(EzTabselector$1, [1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1],"_processedTabs":[32]}]);
121527
121540
  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]}]);
@@ -67,35 +67,50 @@ let EzActionsButton = class {
67
67
  async isOpened() {
68
68
  return this._floatingID != undefined;
69
69
  }
70
- showActions() {
71
- var _a;
72
- if (!this.enabled) {
73
- return;
74
- }
75
- let options = {
70
+ getFloatOptions() {
71
+ return {
76
72
  autoClose: true,
77
73
  innerClickTest: this.innerClickCheck,
78
74
  isFixed: true,
79
75
  top: this.getPositionTop(),
80
76
  left: this.getPositionLeft()
81
77
  };
82
- this._floatingID = FloatingManager.float(this._actionsList, this._listContainer, options);
78
+ }
79
+ getSideLimit() {
80
+ var _a;
83
81
  const docWidth = document.body.clientWidth;
84
82
  const boundingList = (_a = this._actionsList) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
85
83
  if ((boundingList === null || boundingList === void 0 ? void 0 : boundingList.right) > docWidth) {
86
- options = {
87
- autoClose: true,
88
- innerClickTest: this.innerClickCheck,
89
- isFixed: true,
90
- top: this.getPositionTop(),
91
- left: (docWidth - boundingList.width) + "px"
92
- };
84
+ return (docWidth - boundingList.width) + "px";
85
+ }
86
+ return;
87
+ }
88
+ showActions() {
89
+ if (!this.enabled) {
90
+ return;
91
+ }
92
+ const options = this.getFloatOptions();
93
+ this._floatingID = FloatingManager.float(this._actionsList, this._listContainer, options);
94
+ const sideLimit = this.getSideLimit();
95
+ if (sideLimit != undefined) {
96
+ options.left = sideLimit;
93
97
  FloatingManager.updateFloatPosition(this._actionsList, this._listContainer, options);
94
98
  }
95
99
  window.requestAnimationFrame(() => {
96
100
  this._actionsList.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
97
101
  });
98
102
  }
103
+ updatePosition() {
104
+ if (!this.enabled || this._floatingID == undefined) {
105
+ return;
106
+ }
107
+ const options = this.getFloatOptions();
108
+ const sideLimit = this.getSideLimit();
109
+ if (sideLimit != undefined) {
110
+ options.left = sideLimit;
111
+ }
112
+ FloatingManager.updateFloatPosition(this._actionsList, this._listContainer, options);
113
+ }
99
114
  getPositionTop() {
100
115
  var _a;
101
116
  const boundingHost = (_a = this._element) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
@@ -132,8 +147,8 @@ let EzActionsButton = class {
132
147
  return (_a = this.actions) === null || _a === void 0 ? void 0 : _a.some(action => action.iconName != undefined);
133
148
  }
134
149
  controlScrollPage() {
135
- window.removeEventListener("scroll", this.hideActions.bind(this));
136
- window.addEventListener("scroll", this.hideActions.bind(this));
150
+ window.removeEventListener("scroll", this.updatePosition.bind(this));
151
+ window.addEventListener("scroll", this.updatePosition.bind(this));
137
152
  }
138
153
  //---------------------------------------------
139
154
  // Event handlers
@@ -115012,14 +115012,14 @@ class AgGridController {
115012
115012
  this._gridOptions.api.setFocusedCell(rowIndex, firstCell);
115013
115013
  }
115014
115014
  setColumnsDef(cols) {
115015
- 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" })];
115015
+ 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" })];
115016
115016
  if (this._statusResolver != undefined) {
115017
115017
  newColDefs.push({
115018
115018
  colId: this.STATUS_COL_ID,
115019
115019
  headerName: "",
115020
115020
  checkboxSelection: false,
115021
115021
  headerCheckboxSelection: false,
115022
- width: 28,
115022
+ width: 29,
115023
115023
  suppressMovable: true,
115024
115024
  suppressAutoSize: true,
115025
115025
  suppressMenu: true,
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h, H as Host } from './index-7bc778b3.js';
2
- import { JSUtils, UserAgentUtils } from '@sankhyalabs/core';
2
+ import { JSUtils } from '@sankhyalabs/core';
3
3
 
4
4
  var EzScrollDirection;
5
5
  (function (EzScrollDirection) {
@@ -8,13 +8,13 @@ var EzScrollDirection;
8
8
  EzScrollDirection["BOTH"] = "both";
9
9
  })(EzScrollDirection || (EzScrollDirection = {}));
10
10
 
11
- 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}";
11
+ 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%)}";
12
12
 
13
13
  let EzScroller = class {
14
14
  constructor(hostRef) {
15
15
  registerInstance(this, hostRef);
16
- this._classHidden = "ez-scroller__shadow--hidden";
17
- this.isFirefox = false;
16
+ this._shadowStart = "ez-scroller__wrapper--shadow-start";
17
+ this._shadowEnd = "ez-scroller__wrapper--shadow-end";
18
18
  this.isActive = false;
19
19
  /**
20
20
  * Define se o `scroll` estará bloqueado.
@@ -30,15 +30,11 @@ let EzScroller = class {
30
30
  //---------------------------------------------
31
31
  getContainerClass() {
32
32
  return `ez-scroller__container ez-scroller__container--${this.direction}
33
- ${this.locked ? " ez-scroller__container--locked" : ""}
34
- ${this.isFirefox && this.isActive ? " ez-scroller__container--no-overlay" : ""}
33
+ ${this.locked || !this.isActive ? " ez-scroller__container--locked" : ""}
35
34
  `;
36
35
  }
37
- getShadowStartClass() {
38
- return `ez-scroller__shadow-start ez-scroller__shadow-start--${this.direction}`;
39
- }
40
- getShadowEndClass() {
41
- return `ez-scroller__shadow-end ez-scroller__shadow-end--${this.direction}`;
36
+ getWrapperClass() {
37
+ return `ez-scroller__wrapper ez-scroller__wrapper--${this.direction}`;
42
38
  }
43
39
  finishDrag() {
44
40
  if (this._controller) {
@@ -47,38 +43,40 @@ let EzScroller = class {
47
43
  }
48
44
  updateShadow() {
49
45
  const container = this._container;
50
- if (container) {
51
- let remainingScroll;
52
- if (this.direction === EzScrollDirection.HORIZONTAL) {
53
- const { scrollWidth, clientWidth, scrollLeft } = container;
54
- remainingScroll = scrollWidth - clientWidth - Math.ceil(scrollLeft);
55
- this._startHidden = container.scrollLeft > 0;
56
- }
57
- else if (this.direction === EzScrollDirection.VERTICAL) {
58
- const { scrollHeight, clientHeight, scrollTop } = container;
59
- remainingScroll = scrollHeight - clientHeight - Math.ceil(scrollTop);
60
- this._startHidden = container.scrollTop > 0;
61
- }
62
- this._endHidden = remainingScroll > 0;
63
- this.isActive = this._startHidden || this._endHidden;
64
- const shadowPositions = ["", "start", "end", "middle"];
65
- const currentPosition = shadowPositions[Number(this._startHidden) | Number(this._endHidden) << 1];
66
- if (currentPosition === "start") {
67
- this._shadowStart.classList.remove(this._classHidden);
68
- this._shadowEnd.classList.add(this._classHidden);
69
- }
70
- else if (currentPosition === "end") {
71
- this._shadowStart.classList.add(this._classHidden);
72
- this._shadowEnd.classList.remove(this._classHidden);
73
- }
74
- else if (currentPosition === "middle") {
75
- this._shadowStart.classList.remove(this._classHidden);
76
- this._shadowEnd.classList.remove(this._classHidden);
77
- }
78
- else {
79
- this._shadowStart.classList.add(this._classHidden);
80
- this._shadowEnd.classList.add(this._classHidden);
81
- }
46
+ const wrapper = this._wrapper;
47
+ if (container == undefined || wrapper == undefined) {
48
+ return;
49
+ }
50
+ let remainingScroll;
51
+ if (this.direction === EzScrollDirection.HORIZONTAL) {
52
+ const { scrollWidth, clientWidth, scrollLeft } = container;
53
+ remainingScroll = scrollWidth - clientWidth - Math.ceil(scrollLeft);
54
+ this._startHidden = container.scrollLeft > 0;
55
+ }
56
+ else if (this.direction === EzScrollDirection.VERTICAL) {
57
+ const { scrollHeight, clientHeight, scrollTop } = container;
58
+ remainingScroll = scrollHeight - clientHeight - Math.ceil(scrollTop);
59
+ this._startHidden = container.scrollTop > 0;
60
+ }
61
+ this._endHidden = remainingScroll > 0;
62
+ this.isActive = this._startHidden || this._endHidden;
63
+ const shadowPositions = ["", "start", "end", "middle"];
64
+ const currentPosition = shadowPositions[Number(this._startHidden) | Number(this._endHidden) << 1];
65
+ if (currentPosition === "start") {
66
+ wrapper.classList.add(this._shadowStart);
67
+ wrapper.classList.remove(this._shadowEnd);
68
+ }
69
+ else if (currentPosition === "end") {
70
+ wrapper.classList.remove(this._shadowStart);
71
+ wrapper.classList.add(this._shadowEnd);
72
+ }
73
+ else if (currentPosition === "middle") {
74
+ wrapper.classList.add(this._shadowStart);
75
+ wrapper.classList.add(this._shadowEnd);
76
+ }
77
+ else {
78
+ wrapper.classList.remove(this._shadowStart);
79
+ wrapper.classList.remove(this._shadowEnd);
82
80
  }
83
81
  }
84
82
  configResize() {
@@ -92,6 +90,9 @@ let EzScroller = class {
92
90
  this._resizeObserver = new ResizeObserver(JSUtils.debounce(this.updateShadow.bind(this), 200));
93
91
  this._resizeObserver.observe(container);
94
92
  }
93
+ getContainerElement() {
94
+ return h("div", { ref: ref => this._container = ref, class: this.getContainerClass() }, h("slot", null));
95
+ }
95
96
  //---------------------------------------------
96
97
  // Event handlers
97
98
  //---------------------------------------------
@@ -130,14 +131,11 @@ let EzScroller = class {
130
131
  }
131
132
  }
132
133
  }
133
- componentDidLoad() {
134
- this.isFirefox = UserAgentUtils.isFirefox();
135
- }
136
134
  componentDidRender() {
137
135
  var _a, _b;
138
136
  if (this.direction === EzScrollDirection.BOTH) {
139
- (_a = this._shadowStart) === null || _a === void 0 ? void 0 : _a.classList.add(this._classHidden);
140
- (_b = this._shadowEnd) === null || _b === void 0 ? void 0 : _b.classList.add(this._classHidden);
137
+ (_a = this._wrapper) === null || _a === void 0 ? void 0 : _a.classList.remove(this._shadowStart);
138
+ (_b = this._wrapper) === null || _b === void 0 ? void 0 : _b.classList.remove(this._shadowEnd);
141
139
  return;
142
140
  }
143
141
  if (this._container && this.activeShadow) {
@@ -147,9 +145,9 @@ let EzScroller = class {
147
145
  }
148
146
  }
149
147
  render() {
150
- return (h(Host, null, this.activeShadow &&
151
- 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 &&
152
- h("span", { ref: ref => this._shadowEnd = ref, class: this.getShadowEndClass() })));
148
+ return (h(Host, null, this.activeShadow
149
+ ? h("div", { ref: ref => this._wrapper = ref, class: this.getWrapperClass() }, this.getContainerElement())
150
+ : this.getContainerElement()));
153
151
  }
154
152
  };
155
153
  class ScrollCtrl {
package/dist/esm/ezui.js CHANGED
@@ -13,5 +13,5 @@ const patchBrowser = () => {
13
13
  };
14
14
 
15
15
  patchBrowser().then(options => {
16
- return bootstrapLazy([["ez-actions-button",[[1,"ez-actions-button",{"enabled":[516],"actions":[1040],"size":[513],"showLabel":[516,"show-label"],"displayIcon":[513,"display-icon"],"checkOption":[516,"check-option"],"value":[513],"isTransparent":[516,"is-transparent"],"arrowActive":[516,"arrow-active"],"_selectedAction":[32],"hideActions":[64],"isOpened":[64]}]]],["ez-dialog",[[1,"ez-dialog",{"confirm":[1028],"dialogType":[1025,"dialog-type"],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"show":[64]}]]],["ez-filter-input",[[1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-grid",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"config":[1040],"serverUrl":[1,"server-url"],"dataUnit":[16],"statusResolver":[16],"_paginationInfo":[32],"_paginationChangedByKeyboard":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64],"quickFilter":[64]},[[0,"ezSelectionChange","onSelectionChange"]]]]],["ez-modal-container",[[6,"ez-modal-container",{"modalTitle":[1,"modal-title"],"modalSubTitle":[1,"modal-sub-title"],"showTitleBar":[4,"show-title-bar"],"cancelButtonLabel":[1,"cancel-button-label"],"okButtonLabel":[1,"ok-button-label"],"cancelButtonStatus":[1,"cancel-button-status"],"okButtonStatus":[1,"ok-button-status"]}]]],["ez-alert",[[1,"ez-alert",{"alertType":[513,"alert-type"]}]]],["ez-chip",[[1,"ez-chip",{"label":[513],"enabled":[516],"removePosition":[513,"remove-position"],"mode":[513],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-file-item",[[1,"ez-file-item",{"canRemove":[4,"can-remove"],"fileName":[1,"file-name"],"iconName":[1,"icon-name"],"fileSize":[2,"file-size"],"progress":[2]}]]],["ez-application",[[0,"ez-application"]]],["ez-card-item",[[1,"ez-card-item",{"item":[16]}]]],["ez-list",[[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"clearHistory":[64],"scrollToTop":[64],"setSelection":[64],"getSelection":[64],"getList":[64]}]]],["ez-loading-bar",[[1,"ez-loading-bar",{"_showLoading":[32],"hide":[64],"show":[64]}]]],["ez-modal",[[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]],["ez-popover",[[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"],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[516,"use-header"],"heightMode":[513,"height-mode"],"ezTitle":[1,"ez-title"]}]]],["ez-radio-button",[[1,"ez-radio-button",{"value":[1544],"options":[1040],"enabled":[516],"label":[513],"direction":[1537]}]]],["ez-scroller",[[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"]]]]],["ez-toast",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"],"show":[64]}]]],["ez-view-stack",[[0,"ez-view-stack",{"show":[64],"getSelectedIndex":[64]}]]],["ez-text-input",[[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"mode":[513],"noBorder":[516,"no-border"],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-collapsible-box",[[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"headerAlign":[513,"header-align"],"removable":[516],"editable":[516],"conditionalSave":[16],"_activeEditText":[32],"showHide":[64],"applyFocusTextEdit":[64],"cancelEdition":[64]}]]],["ez-search",[[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],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-date-input",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-date-time-input",[[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-time-input",[[1,"ez-time-input",{"label":[513],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-number-input",[[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-tabselector",[[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1],"_processedTabs":[32]}]]],["ez-check",[[1,"ez-check",{"label":[513],"value":[1540],"enabled":[1540],"indeterminate":[516],"mode":[513],"getMode":[64],"setFocus":[64]}]]],["ez-text-area",[[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-upload",[[1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040],"addFiles":[64],"setFocus":[64],"setBlur":[64]}]]],["ez-text-edit",[[1,"ez-text-edit",{"value":[1],"styled":[16],"_newValue":[32],"applyFocusSelect":[64]}]]],["ez-combo-box",[[1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressSearch":[4,"suppress-search"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"_preSelection":[32],"_visibleOptions":[32],"_startLoading":[32],"_showLoading":[32],"_criteria":[32],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-calendar",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]],["ez-icon",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-button",[[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-form",[[0,"ez-form",{"dataUnit":[1040],"config":[16],"recordsValidator":[16],"validate":[64]}]]]], options);
16
+ return bootstrapLazy([["ez-actions-button",[[1,"ez-actions-button",{"enabled":[516],"actions":[1040],"size":[513],"showLabel":[516,"show-label"],"displayIcon":[513,"display-icon"],"checkOption":[516,"check-option"],"value":[513],"isTransparent":[516,"is-transparent"],"arrowActive":[516,"arrow-active"],"_selectedAction":[32],"hideActions":[64],"isOpened":[64]}]]],["ez-dialog",[[1,"ez-dialog",{"confirm":[1028],"dialogType":[1025,"dialog-type"],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"show":[64]}]]],["ez-filter-input",[[1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-grid",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"config":[1040],"serverUrl":[1,"server-url"],"dataUnit":[16],"statusResolver":[16],"_paginationInfo":[32],"_paginationChangedByKeyboard":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64],"quickFilter":[64]},[[0,"ezSelectionChange","onSelectionChange"]]]]],["ez-modal-container",[[6,"ez-modal-container",{"modalTitle":[1,"modal-title"],"modalSubTitle":[1,"modal-sub-title"],"showTitleBar":[4,"show-title-bar"],"cancelButtonLabel":[1,"cancel-button-label"],"okButtonLabel":[1,"ok-button-label"],"cancelButtonStatus":[1,"cancel-button-status"],"okButtonStatus":[1,"ok-button-status"]}]]],["ez-alert",[[1,"ez-alert",{"alertType":[513,"alert-type"]}]]],["ez-chip",[[1,"ez-chip",{"label":[513],"enabled":[516],"removePosition":[513,"remove-position"],"mode":[513],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-file-item",[[1,"ez-file-item",{"canRemove":[4,"can-remove"],"fileName":[1,"file-name"],"iconName":[1,"icon-name"],"fileSize":[2,"file-size"],"progress":[2]}]]],["ez-application",[[0,"ez-application"]]],["ez-card-item",[[1,"ez-card-item",{"item":[16]}]]],["ez-list",[[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"clearHistory":[64],"scrollToTop":[64],"setSelection":[64],"getSelection":[64],"getList":[64]}]]],["ez-loading-bar",[[1,"ez-loading-bar",{"_showLoading":[32],"hide":[64],"show":[64]}]]],["ez-modal",[[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]],["ez-popover",[[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"],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[516,"use-header"],"heightMode":[513,"height-mode"],"ezTitle":[1,"ez-title"]}]]],["ez-radio-button",[[1,"ez-radio-button",{"value":[1544],"options":[1040],"enabled":[516],"label":[513],"direction":[1537]}]]],["ez-scroller",[[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"]]]]],["ez-toast",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"],"show":[64]}]]],["ez-view-stack",[[0,"ez-view-stack",{"show":[64],"getSelectedIndex":[64]}]]],["ez-text-input",[[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"mode":[513],"noBorder":[516,"no-border"],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-collapsible-box",[[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"headerAlign":[513,"header-align"],"removable":[516],"editable":[516],"conditionalSave":[16],"_activeEditText":[32],"showHide":[64],"applyFocusTextEdit":[64],"cancelEdition":[64]}]]],["ez-search",[[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],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-date-input",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-date-time-input",[[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-time-input",[[1,"ez-time-input",{"label":[513],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-number-input",[[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-tabselector",[[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1],"_processedTabs":[32]}]]],["ez-check",[[1,"ez-check",{"label":[513],"value":[1540],"enabled":[1540],"indeterminate":[516],"mode":[513],"getMode":[64],"setFocus":[64]}]]],["ez-text-area",[[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-upload",[[1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040],"addFiles":[64],"setFocus":[64],"setBlur":[64]}]]],["ez-text-edit",[[1,"ez-text-edit",{"value":[1],"styled":[16],"_newValue":[32],"applyFocusSelect":[64]}]]],["ez-combo-box",[[1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressSearch":[4,"suppress-search"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"_preSelection":[32],"_visibleOptions":[32],"_startLoading":[32],"_showLoading":[32],"_criteria":[32],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-calendar",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]],["ez-icon",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-button",[[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-form",[[0,"ez-form",{"dataUnit":[1040],"config":[16],"recordsValidator":[16],"validate":[64]}]]]], options);
17
17
  });