@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.
- package/dist/cjs/ez-actions-button.cjs.entry.js +31 -16
- package/dist/cjs/ez-grid.cjs.entry.js +2 -2
- package/dist/cjs/ez-scroller.cjs.entry.js +48 -50
- package/dist/cjs/ezui.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/ez-actions-button/ez-actions-button.js +31 -16
- package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +2 -2
- package/dist/collection/components/ez-scroller/ez-scroller.css +99 -72
- package/dist/collection/components/ez-scroller/ez-scroller.js +49 -55
- package/dist/custom-elements/index.js +83 -70
- package/dist/esm/ez-actions-button.entry.js +31 -16
- package/dist/esm/ez-grid.entry.js +2 -2
- package/dist/esm/ez-scroller.entry.js +49 -51
- package/dist/esm/ezui.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/p-25e83e46.entry.js +1 -0
- package/dist/ezui/{p-56381ff2.entry.js → p-6fd5e142.entry.js} +1 -1
- package/dist/ezui/p-99218a07.entry.js +1 -0
- package/dist/types/components/ez-actions-button/ez-actions-button.d.ts +3 -0
- package/dist/types/components/ez-scroller/ez-scroller.d.ts +5 -7
- package/package.json +1 -1
- package/dist/ezui/p-5e3306bc.entry.js +0 -1
- package/dist/ezui/p-a34b52f8.entry.js +0 -1
|
@@ -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,
|
|
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
|
-
|
|
213
|
-
|
|
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
|
-
|
|
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
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
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.
|
|
278
|
-
window.addEventListener("scroll", 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:
|
|
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:
|
|
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
|
|
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.
|
|
119805
|
-
this.
|
|
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
|
-
|
|
119826
|
-
return `ez-
|
|
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
|
-
|
|
119839
|
-
|
|
119840
|
-
|
|
119841
|
-
|
|
119842
|
-
|
|
119843
|
-
|
|
119844
|
-
}
|
|
119845
|
-
|
|
119846
|
-
|
|
119847
|
-
|
|
119848
|
-
|
|
119849
|
-
}
|
|
119850
|
-
|
|
119851
|
-
this.
|
|
119852
|
-
|
|
119853
|
-
|
|
119854
|
-
|
|
119855
|
-
|
|
119856
|
-
|
|
119857
|
-
|
|
119858
|
-
|
|
119859
|
-
|
|
119860
|
-
|
|
119861
|
-
|
|
119862
|
-
|
|
119863
|
-
|
|
119864
|
-
|
|
119865
|
-
|
|
119866
|
-
|
|
119867
|
-
|
|
119868
|
-
|
|
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.
|
|
119928
|
-
(_b = this.
|
|
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("
|
|
119940
|
-
|
|
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"],"
|
|
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
|
-
|
|
71
|
-
|
|
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
|
-
|
|
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
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
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.
|
|
136
|
-
window.addEventListener("scroll", 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:
|
|
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:
|
|
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
|
|
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
|
|
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.
|
|
17
|
-
this.
|
|
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
|
-
|
|
38
|
-
return `ez-
|
|
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
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
this.
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
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.
|
|
140
|
-
(_b = this.
|
|
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("
|
|
152
|
-
|
|
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"],"
|
|
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
|
});
|