@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-75210.0 → 0.0.0-bugfix-dev-KB-80932.0
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/{DataBinder-b4ef826a.js → DataBinder-e92314c2.js} +2 -2
- package/dist/cjs/ez-dialog.cjs.entry.js +4 -5
- package/dist/cjs/ez-dropdown_2.cjs.entry.js +1 -1
- package/dist/cjs/ez-form.cjs.entry.js +1 -1
- package/dist/cjs/ez-grid.cjs.entry.js +92 -43
- package/dist/cjs/ez-icon.cjs.entry.js +1 -1
- package/dist/cjs/ez-search.cjs.entry.js +3 -2
- package/dist/cjs/ez-text-area.cjs.entry.js +2 -2
- package/dist/cjs/ez-tree.cjs.entry.js +5 -4
- package/dist/cjs/ezui.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/ez-dialog/ez-dialog.js +5 -15
- package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +34 -13
- package/dist/collection/components/ez-grid/controller/ag-grid/DataSource.js +47 -26
- package/dist/collection/components/ez-grid/controller/ag-grid/DataSourceInterceptor.js +2 -1
- package/dist/collection/components/ez-grid/ez-grid.js +70 -9
- package/dist/collection/components/ez-icon/ez-icon.css +71 -68
- package/dist/collection/components/ez-search/ez-search.js +22 -4
- package/dist/collection/components/ez-skeleton/ez-skeleton.css +54 -34
- package/dist/collection/components/ez-text-area/ez-text-area.css +5 -1
- package/dist/collection/components/ez-text-area/ez-text-area.js +2 -2
- package/dist/collection/components/ez-tree/ez-tree.js +21 -1
- package/dist/collection/components/ez-tree/subcomponents/TreeItem.js +3 -3
- package/dist/collection/utils/form/DataBinder.js +2 -2
- package/dist/custom-elements/index.js +113 -63
- package/dist/esm/{DataBinder-d2ecbb0f.js → DataBinder-9c877244.js} +2 -2
- package/dist/esm/ez-dialog.entry.js +5 -6
- package/dist/esm/ez-dropdown_2.entry.js +1 -1
- package/dist/esm/ez-form.entry.js +1 -1
- package/dist/esm/ez-grid.entry.js +93 -44
- package/dist/esm/ez-icon.entry.js +1 -1
- package/dist/esm/ez-search.entry.js +3 -2
- package/dist/esm/ez-text-area.entry.js +2 -2
- package/dist/esm/ez-tree.entry.js +5 -4
- 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-2f45506d.entry.js +1 -0
- package/dist/ezui/p-35464ae8.entry.js +1 -0
- package/dist/ezui/{p-d0ca26fe.entry.js → p-354abfe8.entry.js} +1 -1
- package/dist/ezui/{p-d520839d.entry.js → p-3e8b13fb.entry.js} +1 -1
- package/dist/ezui/{p-7ed30844.entry.js → p-56fe5341.entry.js} +1 -1
- package/dist/ezui/{p-ceadecd9.js → p-acddfb2e.js} +1 -1
- package/dist/ezui/{p-b46e9f59.entry.js → p-aee9c4ef.entry.js} +46 -46
- package/dist/ezui/p-da1b4a38.entry.js +1 -0
- package/dist/ezui/p-ea54d056.entry.js +1 -0
- package/dist/types/components/ez-dialog/ez-dialog.d.ts +0 -1
- package/dist/types/components/ez-grid/controller/EzGridController.d.ts +12 -1
- package/dist/types/components/ez-grid/controller/ag-grid/AgGridController.d.ts +4 -0
- package/dist/types/components/ez-grid/controller/ag-grid/DataSource.d.ts +2 -1
- package/dist/types/components/ez-grid/ez-grid.d.ts +18 -6
- package/dist/types/components/ez-search/ez-search.d.ts +5 -1
- package/dist/types/components/ez-tree/ez-tree.d.ts +4 -0
- package/dist/types/components/ez-tree/interfaces/ITreeItem.d.ts +1 -0
- package/dist/types/components/ez-tree/subcomponents/TreeItem.d.ts +1 -0
- package/dist/types/components.d.ts +44 -8
- package/package.json +1 -1
- package/dist/ezui/p-181b5ae8.entry.js +0 -1
- package/dist/ezui/p-3175fe8c.entry.js +0 -1
- package/dist/ezui/p-8888d9ed.entry.js +0 -1
- package/dist/ezui/p-c4320a39.entry.js +0 -1
|
@@ -335,8 +335,8 @@ class DataBinder {
|
|
|
335
335
|
if (field.nodeName === "EZ-SEARCH" && field["optionLoader"] == undefined) {
|
|
336
336
|
const loader = core.ApplicationContext.getContextValue("__EZUI__SEARCH__OPTION__LOADER__");
|
|
337
337
|
if (loader) {
|
|
338
|
-
field["optionLoader"] = (arg) => {
|
|
339
|
-
return loader(arg, fieldName, this._dataUnit);
|
|
338
|
+
field["optionLoader"] = (arg, ctxOptions) => {
|
|
339
|
+
return loader(arg, fieldName, this._dataUnit, ctxOptions);
|
|
340
340
|
};
|
|
341
341
|
}
|
|
342
342
|
}
|
|
@@ -49,11 +49,6 @@ const EzDialog = class {
|
|
|
49
49
|
this._canFocusOnPrimaryBtn = true;
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
|
-
handleKeyDown(event) {
|
|
53
|
-
if (event.key === 'Escape' || event.key === 'Esc') {
|
|
54
|
-
this.handleButtonClick(false);
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
52
|
manageOverflow() {
|
|
58
53
|
if (this.opened) {
|
|
59
54
|
window.document.body.style.overflow = "hidden";
|
|
@@ -165,6 +160,10 @@ const EzDialog = class {
|
|
|
165
160
|
}
|
|
166
161
|
componentDidLoad() {
|
|
167
162
|
core.ElementIDUtils.addIDInfo(this._element);
|
|
163
|
+
new core.KeyboardManager({ propagate: false, element: this._element })
|
|
164
|
+
.bind("Enter", () => this.handleButtonClick(true), { description: "Botão de confirmação ou OK", element: this._element })
|
|
165
|
+
.bind("Escape", () => this.handleButtonClick(false), { description: "Botão de fechar ou x", element: this._element })
|
|
166
|
+
.bind("Esc", () => this.handleButtonClick(false), { description: "Botão de fechar ou x", element: this._element });
|
|
168
167
|
}
|
|
169
168
|
componentDidRender() {
|
|
170
169
|
this.manageOverlay();
|
|
@@ -526,7 +526,7 @@ EzDropdown.style = ezDropdownCss;
|
|
|
526
526
|
|
|
527
527
|
const ALLOWED_ANIMATIONS = ['progress', 'progress-dark', 'pulse', 'false'];
|
|
528
528
|
|
|
529
|
-
const ezSkeletonCss = ".skeleton {\n\
|
|
529
|
+
const ezSkeletonCss = ".skeleton {\n\tbackground: var(--skeleton-background, #eff1f6) no-repeat;\n\n\tborder-radius: var(--skeleton-border-radius, 4px);\n\twidth: var(--skeleton-width, 100%);\n\theight: var(--skeleton-height, 20px);\n\tdisplay: inline-block;\n\tmargin-bottom: var(--skeleton-margin-bottom, 0px);\t\n\tbox-sizing: border-box;\n\toutline: none;\n\toverflow: hidden;\n\tposition: relative;\n\t-webkit-will-change: transform;\n -moz-will-change: transform;\n\twill-change: transform;\n\n\t&:after,\n\t&:before {\n\t\tbox-sizing: border-box;\n\t}\n\n\t&.circle {\n\t\twidth: var(--skeleton-width, 40px);\n\t\theight: var(--skeleton-height, 40px);\n\t\tmargin-bottom: var(--skeleton-margin-bottom, 5px);\n\t\tborder-radius: var(--skeleton-border-radius, 50%);\n\t}\n\n\t&.rect {\n\t\tborder-radius: var(--skeleton-border-radius, 0px);\n\t}\n\n\t&.progress,\n\t&.progress-dark {\n\t\t-webkit-animation: progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n -moz-animation: progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n -ms-animation: progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n\t\tanimation: progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n\t\tbackground-size: 200px 100%;\n\t}\n\n\t&.progress {\n\t\tbackground-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));\n background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));\n background-image: -ms-linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));\n background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));\n\t}\n\n\t&.progress-dark {\n\t\tbackground-image: -webkit-linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.2), transparent);\n background-image: -moz-linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.2), transparent);\n background-image: -ms-linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.2), transparent); \n\t\tbackground-image: linear-gradient(90deg,transparent,rgba(0, 0, 0, 0.2),transparent);\n\t}\n\n\t&.pulse {\n\t\t-webkit-animation: pulse 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n -moz-animation: pulse 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n -ms-animation: pulse 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n\t\tanimation: pulse 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n\t\tanimation-delay: 0.5s;\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t&.pulse,\n\t\t&.progress-dark,\n\t\t&.progress {\n\t\t\tanimation: none;\n\t\t}\n\n\t\t&.progress,\n\t\t&.progress-dark {\n\t\t\tbackground-image: none;\n\t\t}\n\t}\n}\n\n@-webkit-keyframes progress {\n 0% { background-position: -200px 0; }\n 100% { background-position: calc(200px + 100%) 0; }\n}\n@-moz-keyframes progress {\n 0% { background-position: -200px 0; }\n 100% { background-position: calc(200px + 100%) 0; }\n}\n@-ms-keyframes progress {\n 0% { background-position: -200px 0; }\n 100% { background-position: calc(200px + 100%) 0; }\n}\n@keyframes progress {\n\t0% { background-position: -200px 0; }\n\t100% { background-position: calc(200px + 100%) 0; }\n}\n\n@-webkit-keyframes pulse {\n 0% { opacity: 1; }\n 50% { opacity: 0.4; }\n 100% { opacity: 1; }\n}\n@-moz-keyframes pulse {\n 0% { opacity: 1; }\n 50% { opacity: 0.4; }\n 100% { opacity: 1; }\n}\n@-ms-keyframes pulse {\n 0% { opacity: 1; }\n 50% { opacity: 0.4; }\n 100% { opacity: 1; }\n}\n@keyframes pulse {\n\t0% { opacity: 1; }\n\t50% { opacity: 0.4; }\n\t100% { opacity: 1; }\n}";
|
|
530
530
|
|
|
531
531
|
const EzSkeleton = class {
|
|
532
532
|
constructor(hostRef) {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a7b0c73d.js');
|
|
6
6
|
const core = require('@sankhyalabs/core');
|
|
7
|
-
const DataBinder = require('./DataBinder-
|
|
7
|
+
const DataBinder = require('./DataBinder-e92314c2.js');
|
|
8
8
|
require('./ApplicationUtils-c9d1205c.js');
|
|
9
9
|
require('./DialogType-2114c337.js');
|
|
10
10
|
|
|
@@ -10,7 +10,7 @@ require('./DialogType-2114c337.js');
|
|
|
10
10
|
require('./CheckMode-ecb90b87.js');
|
|
11
11
|
const ICustomRender = require('./ICustomRender-6fafffce.js');
|
|
12
12
|
const constants = require('./constants-2714478b.js');
|
|
13
|
-
const DataBinder = require('./DataBinder-
|
|
13
|
+
const DataBinder = require('./DataBinder-e92314c2.js');
|
|
14
14
|
const FocusResolver = require('./FocusResolver-885f2173.js');
|
|
15
15
|
|
|
16
16
|
/**
|
|
@@ -49997,7 +49997,7 @@ class DataSourceInterceptor {
|
|
|
49997
49997
|
interceptAction(action) {
|
|
49998
49998
|
var _a;
|
|
49999
49999
|
if (action.type === core.Action.LOADING_DATA) {
|
|
50000
|
-
if (constants.EZ_GRID_LOADING_SOURCE !== action.payload.source) {
|
|
50000
|
+
if (constants.EZ_GRID_LOADING_SOURCE !== action.payload.source && core.DataUnit.CHANGING_PAGE_LOADING_SOURCE !== action.payload.source) {
|
|
50001
50001
|
action.payload.filters = ((_a = action.payload) === null || _a === void 0 ? void 0 : _a.filters) !== undefined ? this.clearColumnFilter(action.payload.filters) : action.payload.filters;
|
|
50002
50002
|
this._controller.clearFilter();
|
|
50003
50003
|
}
|
|
@@ -50008,6 +50008,9 @@ class DataSourceInterceptor {
|
|
|
50008
50008
|
|
|
50009
50009
|
class DataSource {
|
|
50010
50010
|
handleDataSaved(action) {
|
|
50011
|
+
if (this._options) {
|
|
50012
|
+
this._options.onPaginationUpdate(this._dataUnit.getPaginationInfo());
|
|
50013
|
+
}
|
|
50011
50014
|
this._controller.clearInvalidCells();
|
|
50012
50015
|
this.handleRefreshOrReload(action);
|
|
50013
50016
|
this._controller.processContinuousInsert();
|
|
@@ -50117,12 +50120,17 @@ class DataSource {
|
|
|
50117
50120
|
return ((_b = action === null || action === void 0 ? void 0 : action.payload) === null || _b === void 0 ? void 0 : _b.silent) === true;
|
|
50118
50121
|
}
|
|
50119
50122
|
}
|
|
50120
|
-
constructor(dataUnit, controller, options) {
|
|
50123
|
+
constructor(dataUnit, controller, options, resolveLoading) {
|
|
50124
|
+
var _a;
|
|
50121
50125
|
this.RECORD_ARCHIVE = "__RECORD_ARCHIVE__";
|
|
50122
50126
|
this.duObserver = (action) => {
|
|
50127
|
+
var _a;
|
|
50123
50128
|
switch (action.type) {
|
|
50124
50129
|
case core.Action.METADATA_LOADED:
|
|
50125
50130
|
this._controller.setColumnsDef(this.buildColumnDefs());
|
|
50131
|
+
if (this._resolveLoading) {
|
|
50132
|
+
(_a = this._resolveLoading) === null || _a === void 0 ? void 0 : _a.call(this);
|
|
50133
|
+
}
|
|
50126
50134
|
break;
|
|
50127
50135
|
case core.Action.LOADING_DATA:
|
|
50128
50136
|
this._waitingForLoad = true;
|
|
@@ -50172,12 +50180,20 @@ class DataSource {
|
|
|
50172
50180
|
break;
|
|
50173
50181
|
}
|
|
50174
50182
|
};
|
|
50175
|
-
|
|
50176
|
-
|
|
50177
|
-
|
|
50178
|
-
|
|
50179
|
-
|
|
50180
|
-
|
|
50183
|
+
try {
|
|
50184
|
+
this._resolveLoading = resolveLoading;
|
|
50185
|
+
this._dataUnit = dataUnit;
|
|
50186
|
+
this._controller = controller;
|
|
50187
|
+
this._controller.setColumnsDef(this.buildColumnDefs());
|
|
50188
|
+
this._options = options;
|
|
50189
|
+
this._dataUnit.subscribe(this.duObserver);
|
|
50190
|
+
this._dataUnit.addInterceptor(new DataSourceInterceptor(this._controller));
|
|
50191
|
+
}
|
|
50192
|
+
finally {
|
|
50193
|
+
if (this._dataUnit.metadata && this._resolveLoading) {
|
|
50194
|
+
(_a = this._resolveLoading) === null || _a === void 0 ? void 0 : _a.call(this);
|
|
50195
|
+
}
|
|
50196
|
+
}
|
|
50181
50197
|
}
|
|
50182
50198
|
updateSelection() {
|
|
50183
50199
|
const selectionInfo = this._dataUnit.getSelectionInfo();
|
|
@@ -50227,27 +50243,32 @@ class DataSource {
|
|
|
50227
50243
|
(_b = this._dataUnit) === null || _b === void 0 ? void 0 : _b.subscribe(this.duObserver);
|
|
50228
50244
|
}
|
|
50229
50245
|
buildColumnDefs() {
|
|
50230
|
-
|
|
50231
|
-
|
|
50232
|
-
|
|
50233
|
-
this._dataUnit.metadata
|
|
50234
|
-
|
|
50235
|
-
|
|
50236
|
-
|
|
50237
|
-
|
|
50238
|
-
|
|
50239
|
-
|
|
50240
|
-
|
|
50241
|
-
|
|
50242
|
-
|
|
50243
|
-
|
|
50244
|
-
|
|
50246
|
+
try {
|
|
50247
|
+
const gridConfig = this._controller.getGridConfig() || [];
|
|
50248
|
+
const columnDefs = [];
|
|
50249
|
+
if (this._dataUnit.metadata) {
|
|
50250
|
+
this._dataUnit.metadata.fields.sort((a, b) => {
|
|
50251
|
+
const indexA = gridConfig.findIndex(value => value.name === a.name);
|
|
50252
|
+
const indexB = gridConfig.findIndex(value => value.name === b.name);
|
|
50253
|
+
return indexA - indexB;
|
|
50254
|
+
});
|
|
50255
|
+
this._dataUnit.metadata.fields.forEach(f => {
|
|
50256
|
+
var _a;
|
|
50257
|
+
if (f.visible !== false && f.name !== this.RECORD_ARCHIVE) {
|
|
50258
|
+
const props = new Map();
|
|
50259
|
+
const properties = this._dataUnit.getField(f.name).properties;
|
|
50260
|
+
for (const value in properties) {
|
|
50261
|
+
props.set(value, properties[value]);
|
|
50262
|
+
}
|
|
50263
|
+
columnDefs.push({ label: f.label, name: f.name, userInterface: f.userInterface, options: (_a = this._dataUnit.getField(f.name).properties) === null || _a === void 0 ? void 0 : _a.options, props });
|
|
50245
50264
|
}
|
|
50246
|
-
|
|
50247
|
-
|
|
50248
|
-
|
|
50265
|
+
});
|
|
50266
|
+
}
|
|
50267
|
+
return columnDefs;
|
|
50268
|
+
}
|
|
50269
|
+
catch (error) {
|
|
50270
|
+
console.warn(error);
|
|
50249
50271
|
}
|
|
50250
|
-
return columnDefs;
|
|
50251
50272
|
}
|
|
50252
50273
|
}
|
|
50253
50274
|
|
|
@@ -64749,7 +64770,10 @@ class AgGridController {
|
|
|
64749
64770
|
this.STATUS_COL_ID = 'statusColumn';
|
|
64750
64771
|
this.RECORD_ARCHIVE_COL_ID = '__RECORD_ARCHIVE__';
|
|
64751
64772
|
this.BLOCK_LOAD_DEBOUNCE = 100;
|
|
64752
|
-
this.
|
|
64773
|
+
this.DEFAULT_FONT_SIZE = 14;
|
|
64774
|
+
this.DEFAULT_ICON_SIZE = 12;
|
|
64775
|
+
this.DEFAULT_MAX_SIZE = 200;
|
|
64776
|
+
this.DOC_WIDTH = 800;
|
|
64753
64777
|
this._menuItems = [];
|
|
64754
64778
|
this._idAttribName = '__record__id__';
|
|
64755
64779
|
this._gridConfig = [];
|
|
@@ -64842,7 +64866,12 @@ class AgGridController {
|
|
|
64842
64866
|
var _a;
|
|
64843
64867
|
this._options = options;
|
|
64844
64868
|
this._container = container;
|
|
64845
|
-
const
|
|
64869
|
+
const lockerIdTaskbarClick = (options === null || options === void 0 ? void 0 : options.enableLockManagerTaskbarClick) ? core.LockManager === null || core.LockManager === void 0 ? void 0 : core.LockManager.addLockManagerCtxId(this._container) : null;
|
|
64870
|
+
let resolveLoading = undefined;
|
|
64871
|
+
if (options === null || options === void 0 ? void 0 : options.enableLockManagerLoadingComp) {
|
|
64872
|
+
const lockerIdAppLoading = core.LockManager === null || core.LockManager === void 0 ? void 0 : core.LockManager.addLockManagerCtxId(this._container);
|
|
64873
|
+
resolveLoading = core.LockManager === null || core.LockManager === void 0 ? void 0 : core.LockManager.lock(lockerIdAppLoading, core.LockManagerOperation.APP_LOADING);
|
|
64874
|
+
}
|
|
64846
64875
|
if (this._grid === undefined) {
|
|
64847
64876
|
LicenseManager.setLicenseKey(core.ApplicationContext.getContextValue('__EZUI__GRID_LICENSE__'));
|
|
64848
64877
|
this._columnStateChangeCallback = options.onColumnStateChange;
|
|
@@ -64850,7 +64879,7 @@ class AgGridController {
|
|
|
64850
64879
|
this._doubleClickCallBack = options.onDoubleClick;
|
|
64851
64880
|
this._multipleSelection = options.allowMultipleSelection;
|
|
64852
64881
|
this._dataUnit = options.dataUnit;
|
|
64853
|
-
this._editionManager = new GridEditionManager(this._dataUnit, options.useEnterLikeTab, options.recordsValidator, options.editionIsDisabled, options.customEditors || this._customEditors, options.customRenders || this._customRenders, options.enableContinuousInsert, options.enableGridInsert,
|
|
64882
|
+
this._editionManager = new GridEditionManager(this._dataUnit, options.useEnterLikeTab, options.recordsValidator, options.editionIsDisabled, options.customEditors || this._customEditors, options.customRenders || this._customRenders, options.enableContinuousInsert, options.enableGridInsert, lockerIdTaskbarClick);
|
|
64854
64883
|
this._statusResolver = options.statusResolver;
|
|
64855
64884
|
if (this._dataUnit) {
|
|
64856
64885
|
this._dataUnit.sortingProvider = this;
|
|
@@ -64896,7 +64925,7 @@ class AgGridController {
|
|
|
64896
64925
|
processCellCallback: this.processFormatterCellCallback
|
|
64897
64926
|
}
|
|
64898
64927
|
};
|
|
64899
|
-
this.defineRowModelType(this._gridOptions, options);
|
|
64928
|
+
this.defineRowModelType(this._gridOptions, options, resolveLoading);
|
|
64900
64929
|
this.setOptionsEvents(this._gridOptions);
|
|
64901
64930
|
this.setOptionsSupress(this._gridOptions);
|
|
64902
64931
|
this._gridOptions = this._editionManager.configureGrid(this._gridOptions);
|
|
@@ -65057,10 +65086,10 @@ class AgGridController {
|
|
|
65057
65086
|
}
|
|
65058
65087
|
return null;
|
|
65059
65088
|
}
|
|
65060
|
-
defineRowModelType(opt, sourceOptions) {
|
|
65089
|
+
defineRowModelType(opt, sourceOptions, resolveLoading) {
|
|
65061
65090
|
if (this._dataUnit != undefined) {
|
|
65062
65091
|
opt.rowModelType = 'serverSide';
|
|
65063
|
-
opt.serverSideDatasource = this._dataSource = new DataSource(this._dataUnit, this, sourceOptions);
|
|
65092
|
+
opt.serverSideDatasource = this._dataSource = new DataSource(this._dataUnit, this, sourceOptions, resolveLoading);
|
|
65064
65093
|
opt.serverSideSortOnServer = true;
|
|
65065
65094
|
opt.columnDefs = this._colDefs;
|
|
65066
65095
|
}
|
|
@@ -65365,9 +65394,8 @@ class AgGridController {
|
|
|
65365
65394
|
this._gridOptions.api.setFocusedCell(rowIndex, firstCell);
|
|
65366
65395
|
}
|
|
65367
65396
|
setColumnsDef(cols) {
|
|
65368
|
-
const
|
|
65369
|
-
|
|
65370
|
-
];
|
|
65397
|
+
const checkBoxColumn = 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' }));
|
|
65398
|
+
const newColDefs = this._options.suppressCheckBoxCol ? [] : [checkBoxColumn];
|
|
65371
65399
|
if (this._statusResolver != undefined) {
|
|
65372
65400
|
newColDefs.push({
|
|
65373
65401
|
colId: this.STATUS_COL_ID,
|
|
@@ -65437,9 +65465,8 @@ class AgGridController {
|
|
|
65437
65465
|
const columnsOffset = colDef.length - columns.length;
|
|
65438
65466
|
this._gridConfig = state;
|
|
65439
65467
|
let sort = [];
|
|
65440
|
-
state
|
|
65441
|
-
|
|
65442
|
-
const colWidth = (_a = this._gridOptions.columnApi.getColumn(cfgColumn.name)) === null || _a === void 0 ? void 0 : _a.getActualWidth();
|
|
65468
|
+
state.forEach((cfgColumn, index) => {
|
|
65469
|
+
const colWidth = this.getColumnWidth(cfgColumn);
|
|
65443
65470
|
this._gridOptions.columnApi.moveColumn(cfgColumn.name, index + columnsOffset);
|
|
65444
65471
|
this._gridOptions.columnApi.setColumnWidth(cfgColumn.name, colWidth);
|
|
65445
65472
|
visibleColumns.push(cfgColumn.name);
|
|
@@ -65801,6 +65828,21 @@ class AgGridController {
|
|
|
65801
65828
|
stopEdit() {
|
|
65802
65829
|
this._gridOptions.api.stopEditing();
|
|
65803
65830
|
}
|
|
65831
|
+
getColumnWidth(cfgColumn) {
|
|
65832
|
+
var _a, _b;
|
|
65833
|
+
if (cfgColumn == undefined) {
|
|
65834
|
+
return;
|
|
65835
|
+
}
|
|
65836
|
+
if (cfgColumn.customWidth != undefined) {
|
|
65837
|
+
return cfgColumn.customWidth;
|
|
65838
|
+
}
|
|
65839
|
+
const field = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getField(cfgColumn.name);
|
|
65840
|
+
if ((field === null || field === void 0 ? void 0 : field.userInterface) === core.UserInterface.SEARCH) {
|
|
65841
|
+
return this.DEFAULT_MAX_SIZE;
|
|
65842
|
+
}
|
|
65843
|
+
const labelSize = (((_b = field === null || field === void 0 ? void 0 : field.label) === null || _b === void 0 ? void 0 : _b.length) || 0) * this.DEFAULT_FONT_SIZE + this.DEFAULT_ICON_SIZE;
|
|
65844
|
+
return labelSize > this.DEFAULT_MAX_SIZE ? this.DEFAULT_MAX_SIZE : labelSize;
|
|
65845
|
+
}
|
|
65804
65846
|
}
|
|
65805
65847
|
|
|
65806
65848
|
function enableSelectAll(total) {
|
|
@@ -66036,6 +66078,8 @@ const EzGrid = class {
|
|
|
66036
66078
|
this._selectionCount = undefined;
|
|
66037
66079
|
this._hasLeftButtons = false;
|
|
66038
66080
|
this._customFormatters = new Map();
|
|
66081
|
+
this.enableLockManagerLoadingComp = false;
|
|
66082
|
+
this.enableLockManagerTaskbarClick = true;
|
|
66039
66083
|
this.multipleSelection = undefined;
|
|
66040
66084
|
this.config = undefined;
|
|
66041
66085
|
this.selectionToastConfig = undefined;
|
|
@@ -66050,9 +66094,10 @@ const EzGrid = class {
|
|
|
66050
66094
|
this.paginationCounterMode = 'show';
|
|
66051
66095
|
this.enableGridInsert = false;
|
|
66052
66096
|
this.enableContinuousInsert = true;
|
|
66053
|
-
this.
|
|
66097
|
+
this.suppressCheckboxColumn = false;
|
|
66054
66098
|
this.outlineMode = false;
|
|
66055
66099
|
this.enableRowTableStriped = true;
|
|
66100
|
+
this.compact = false;
|
|
66056
66101
|
}
|
|
66057
66102
|
/**
|
|
66058
66103
|
* Aplica a definição de colunas.
|
|
@@ -66386,6 +66431,8 @@ const EzGrid = class {
|
|
|
66386
66431
|
return (index.h("div", { class: `grid-header__container grid-header__pagination ${this.resolvePaginationClassMode()}`, ref: ref => (this._refPaginationControl = ref) }, index.h("div", { class: "ez-text ez-text--primary ez-text--medium ez-margin-right--medium", ref: (element) => (this._refPaginationLabel = element) }, index.h("span", { class: "grid-header__pagination-label" }, this.paginationCounterMode == 'show' && index.h("strong", { class: "ez-text ez-text--primary ez-text--medium" }, this._getActualPageLabel()), this.paginationCounterMode == 'show' && this._getRemainingPageLabel())), index.h("div", { id: "grid-pagination-tooltip", ref: (element) => (this._refPaginationLabelTooltip = element), class: "ez-flex ez-margin-right--medium", title: `${this._getActualPageLabel()} ${this._getRemainingPageLabel()}` }, index.h("ez-button", { size: "small", class: "ez-margin-right--medium", iconName: "chevron-left", mode: "icon", enabled: currentPage > 0, onClick: () => this.previousPage(), label: "P\u00E1gina anterior" }), index.h("ez-button", { size: "small", iconName: "chevron-right", mode: "icon", enabled: hasMore, onClick: () => this.nextPage(), label: "Pr\u00F3xima P\u00E1gina" }))));
|
|
66387
66432
|
}
|
|
66388
66433
|
componentDidLoad() {
|
|
66434
|
+
const _application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
|
|
66435
|
+
this.enableLockManagerLoadingComp = (!_application || (_application === null || _application === void 0 ? void 0 : _application.enableLockManagerLoadingApp)) ? this.enableLockManagerLoadingComp : false;
|
|
66389
66436
|
this._gridController.initDatagrid(this._container, {
|
|
66390
66437
|
onColumnStateChange: (type, state, info) => this.onColumnStateChange(type, state, info),
|
|
66391
66438
|
onSelectionChange: (selection) => this.ezSelectionChange.emit(selection),
|
|
@@ -66409,12 +66456,14 @@ const EzGrid = class {
|
|
|
66409
66456
|
autoFocus: this.autoFocus,
|
|
66410
66457
|
enableGridInsert: this.enableGridInsert,
|
|
66411
66458
|
enableContinuousInsert: this.enableContinuousInsert,
|
|
66459
|
+
suppressCheckBoxCol: this.suppressCheckboxColumn,
|
|
66412
66460
|
onRefresh: () => {
|
|
66413
66461
|
if (this.dataUnit) {
|
|
66414
66462
|
this.setSelection(this.dataUnit.getSelectionInfo());
|
|
66415
66463
|
}
|
|
66416
66464
|
},
|
|
66417
|
-
|
|
66465
|
+
enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick,
|
|
66466
|
+
enableLockManagerLoadingComp: this.enableLockManagerLoadingComp,
|
|
66418
66467
|
enableRowTableStriped: this.enableRowTableStriped,
|
|
66419
66468
|
});
|
|
66420
66469
|
if (this.config) {
|
|
@@ -66530,7 +66579,7 @@ const EzGrid = class {
|
|
|
66530
66579
|
}
|
|
66531
66580
|
render() {
|
|
66532
66581
|
var _a;
|
|
66533
|
-
return (index.h(index.Host, { "no-header": this.hideHeader() }, index.h("div", { class: `grid__container ${this.outlineMode ? 'outline-mode' : 'shadow-mode'}
|
|
66582
|
+
return (index.h(index.Host, { "no-header": this.hideHeader() }, index.h("div", { class: `grid__container ez-grid ${this.outlineMode ? 'outline-mode' : 'shadow-mode'} ${this.compact ? 'no-padding' : ""}`, ref: elem => (this._container = elem) }), index.h("div", { class: `ez-box ${this.outlineMode ? 'outline-mode' : 'shadow-mode'} ez-padding--small grid-header` }, index.h("filter-column", { class: "grid-header__popover", noHeaderTaskBar: !this._hasLeftButtons, dataSource: this.getDataSource(), dataUnit: this.dataUnit, gridHeaderHidden: this.hideHeader(), ref: (element) => (this._filterColumn = element) }), index.h("div", { class: "grid-header__position" }, index.h("div", { class: `grid-header__container grid-header__left-container ${this.resolveLeftHeaderClass()}` }, index.h("slot", { name: "leftButtons" })), this.getPaginationControl())), index.h("div", { ref: (ref) => (this._gridSelectionCounter = ref), class: `grid__selection-counter ez-elevation--4
|
|
66534
66583
|
${this._showSelectionCounter ? 'grid__selection-counter--opened' : ''}
|
|
66535
66584
|
` }, index.h(SelectionCounter, { selectionCount: this._selectionCount, currentPageSelected: this._currentPageSelected, paginationInfo: this._paginationInfo, canSelectAll: (_a = this.selectionToastConfig) === null || _a === void 0 ? void 0 : _a.canSelectAll, allRecordSelected: this._isAllSelection, onSelectAll: () => this.onSelectAllRecords(), onSelectPage: () => this.onSelectPageRecords(), onClearAll: () => this.onClearSelectedRecords(), onClose: () => (this._showSelectionCounter = false) })), index.h("div", { class: "grid__footer" }, index.h("slot", { name: "footer" }))));
|
|
66536
66585
|
}
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-a7b0c73d.js');
|
|
6
6
|
const core = require('@sankhyalabs/core');
|
|
7
7
|
|
|
8
|
-
const ezIconCss = ":host{display:flex;overflow:hidden;position:relative;--ez-icon--color:var(--icon--color, #ffffff)}svg{display:flex;justify-content:center;align-items:center;fill:var(--ez-icon--color)}.x-small{width:12px;height:12px}.small{width:16px;height:16px}.medium{width:20px;height:20px}.large{width:24px;height:24px}.x-large{width:30px;height:30px}[class^=\"ez-icon-\"],[class*=\" ez-icon-\"]{color:var(--ez-icon--color)}[class^=\"ez-icon-\"],[class*=\" ez-icon-\"]{font-family:'ez-icons' !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ez-icon-2chevron-down:before{content:\"\\ea01\"}.ez-icon-2chevron-up:before{content:\"\\ea02\"}.ez-icon-acao:before{content:\"\\ea03\"}.ez-icon-account-outline:before{content:\"\\ea04\"}.ez-icon-account:before{content:\"\\ea05\"}.ez-icon-add-to-cart:before{content:\"\\ea06\"}.ez-icon-alert-circle-inverted:before{content:\"\\ea07\"}.ez-icon-alert-circle:before{content:\"\\ea08\"}.ez-icon-alert-mail:before{content:\"\\ea09\"}.ez-icon-alert-popup:before{content:\"\\ea0a\"}.ez-icon-anexo:before{content:\"\\ea0b\"}.ez-icon-antecipação:before{content:\"\\ea0c\"}.ez-icon-apps:before{content:\"\\ea0d\"}.ez-icon-arrow-forward:before{content:\"\\ea0e\"}.ez-icon-arrow-upward:before{content:\"\\ea0f\"}.ez-icon-arrow_back:before{content:\"\\ea10\"}.ez-icon-arrow_downward:before{content:\"\\ea11\"}.ez-icon-baixa:before{content:\"\\ea12\"}.ez-icon-balance:before{content:\"\\ea13\"}.ez-icon-bell-inverted:before{content:\"\\ea14\"}.ez-icon-bell:before{content:\"\\ea15\"}.ez-icon-boleto:before{content:\"\\ea16\"}.ez-icon-boolean:before{content:\"\\ea17\"}.ez-icon-business-center:before{content:\"\\ea18\"}.ez-icon-calendar-clock:before{content:\"\\ea19\"}.ez-icon-calendar:before{content:\"\\ea1a\"}.ez-icon-cart-history:before{content:\"\\ea1b\"}.ez-icon-cash-remove:before{content:\"\\ea1c\"}.ez-icon-check-circle-inverted:before{content:\"\\ea1d\"}.ez-icon-check-circle:before{content:\"\\ea1e\"}.ez-icon-check:before{content:\"\\ea1f\"}.ez-icon-chevron-down:before{content:\"\\ea20\"}.ez-icon-chevron-left:before{content:\"\\ea21\"}.ez-icon-chevron-right:before{content:\"\\ea22\"}.ez-icon-chevron-up:before{content:\"\\ea23\"}.ez-icon-circle--medium:before{content:\"\\ea24\"}.ez-icon-circle:before{content:\"\\ea25\"}.ez-icon-clean-cart:before{content:\"\\ea26\"}.ez-icon-cleaning:before{content:\"\\ea27\"}.ez-icon-clipboard:before{content:\"\\ea28\"}.ez-icon-clock-rotate-left:before{content:\"\\ea29\"}.ez-icon-close:before{content:\"\\ea2a\"}.ez-icon-cobrar:before{content:\"\\ea2b\"}.ez-icon-code:before{content:\"\\ea2c\"}.ez-icon-configuration:before{content:\"\\ea2d\"}.ez-icon-content-cut:before{content:\"\\ea2e\"}.ez-icon-copy:before{content:\"\\ea2f\"}.ez-icon-credit_card:before{content:\"\\ea30\"}.ez-icon-crop:before{content:\"\\ea31\"}.ez-icon-custom:before{content:\"\\ea32\"}.ez-icon-delete-file:before{content:\"\\ea33\"}.ez-icon-delete:before{content:\"\\ea34\"}.ez-icon-description:before{content:\"\\ea35\"}.ez-icon-dividir:before{content:\"\\ea36\"}.ez-icon-docx:before{content:\"\\ea37\"}.ez-icon-dot-notification:before{content:\"\\ea38\"}.ez-icon-dots-horizontal:before{content:\"\\ea39\"}.ez-icon-dots-vertical:before{content:\"\\ea3a\"}.ez-icon-drag-indicator:before{content:\"\\ea3b\"}.ez-icon-dual-chevron-down:before{content:\"\\ea3c\"}.ez-icon-dual-chevron-left:before{content:\"\\ea3d\"}.ez-icon-dual-chevron-right:before{content:\"\\ea3e\"}.ez-icon-dual-chevron-up:before{content:\"\\ea3f\"}.ez-icon-edit-file:before{content:\"\\ea40\"}.ez-icon-edit-table:before{content:\"\\ea41\"}.ez-icon-edit-time:before{content:\"\\ea42\"}.ez-icon-edit-value:before{content:\"\\ea43\"}.ez-icon-edit:before{content:\"\\ea44\"}.ez-icon-email:before{content:\"\\ea45\"}.ez-icon-estorno:before{content:\"\\ea46\"}.ez-icon-exe:before{content:\"\\ea47\"}.ez-icon-expand:before{content:\"\\ea48\"}.ez-icon-expandir_card:before{content:\"\\ea49\"}.ez-icon-extrato:before{content:\"\\ea4a\"}.ez-icon-eye-off:before{content:\"\\ea4b\"}.ez-icon-eye:before{content:\"\\ea4c\"}.ez-icon-favorite:before{content:\"\\ea4d\"}.ez-icon-figma:before{content:\"\\ea4e\"}.ez-icon-file-download:before{content:\"\\ea4f\"}.ez-icon-file-upload:before{content:\"\\ea50\"}.ez-icon-filter:before{content:\"\\ea51\"}.ez-icon-find-file:before{content:\"\\ea52\"}.ez-icon-find-page:before{content:\"\\ea53\"}.ez-icon-format-color-fill:before{content:\"\\ea54\"}.ez-icon-generic:before{content:\"\\ea55\"}.ez-icon-gif:before{content:\"\\ea56\"}.ez-icon-graph_bar:before{content:\"\\ea57\"}.ez-icon-handshake:before{content:\"\\ea58\"}.ez-icon-help-inverted:before{content:\"\\ea59\"}.ez-icon-help:before{content:\"\\ea5a\"}.ez-icon-
|
|
8
|
+
const ezIconCss = ":host{display:flex;overflow:hidden;position:relative;--ez-icon--color:var(--icon--color, #ffffff)}svg{display:flex;justify-content:center;align-items:center;fill:var(--ez-icon--color)}.x-small{width:12px;height:12px}.small{width:16px;height:16px}.medium{width:20px;height:20px}.large{width:24px;height:24px}.x-large{width:30px;height:30px}[class^=\"ez-icon-\"],[class*=\" ez-icon-\"]{color:var(--ez-icon--color)}[class^=\"ez-icon-\"],[class*=\" ez-icon-\"]{font-family:'ez-icons' !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ez-icon-2chevron-down:before{content:\"\\ea01\"}.ez-icon-2chevron-up:before{content:\"\\ea02\"}.ez-icon-acao:before{content:\"\\ea03\"}.ez-icon-account-outline:before{content:\"\\ea04\"}.ez-icon-account:before{content:\"\\ea05\"}.ez-icon-add-to-cart:before{content:\"\\ea06\"}.ez-icon-alert-circle-inverted:before{content:\"\\ea07\"}.ez-icon-alert-circle:before{content:\"\\ea08\"}.ez-icon-alert-mail:before{content:\"\\ea09\"}.ez-icon-alert-popup:before{content:\"\\ea0a\"}.ez-icon-anexo:before{content:\"\\ea0b\"}.ez-icon-antecipação:before{content:\"\\ea0c\"}.ez-icon-apps:before{content:\"\\ea0d\"}.ez-icon-arrow-forward:before{content:\"\\ea0e\"}.ez-icon-arrow-upward:before{content:\"\\ea0f\"}.ez-icon-arrow_back:before{content:\"\\ea10\"}.ez-icon-arrow_downward:before{content:\"\\ea11\"}.ez-icon-baixa:before{content:\"\\ea12\"}.ez-icon-balance:before{content:\"\\ea13\"}.ez-icon-bell-inverted:before{content:\"\\ea14\"}.ez-icon-bell:before{content:\"\\ea15\"}.ez-icon-boleto:before{content:\"\\ea16\"}.ez-icon-boolean:before{content:\"\\ea17\"}.ez-icon-business-center:before{content:\"\\ea18\"}.ez-icon-calendar-clock:before{content:\"\\ea19\"}.ez-icon-calendar:before{content:\"\\ea1a\"}.ez-icon-cart-history:before{content:\"\\ea1b\"}.ez-icon-cash-remove:before{content:\"\\ea1c\"}.ez-icon-check-circle-inverted:before{content:\"\\ea1d\"}.ez-icon-check-circle:before{content:\"\\ea1e\"}.ez-icon-check:before{content:\"\\ea1f\"}.ez-icon-chevron-down:before{content:\"\\ea20\"}.ez-icon-chevron-left:before{content:\"\\ea21\"}.ez-icon-chevron-right:before{content:\"\\ea22\"}.ez-icon-chevron-up:before{content:\"\\ea23\"}.ez-icon-circle--medium:before{content:\"\\ea24\"}.ez-icon-circle:before{content:\"\\ea25\"}.ez-icon-clean-cart:before{content:\"\\ea26\"}.ez-icon-cleaning:before{content:\"\\ea27\"}.ez-icon-clipboard:before{content:\"\\ea28\"}.ez-icon-clock-rotate-left:before{content:\"\\ea29\"}.ez-icon-close:before{content:\"\\ea2a\"}.ez-icon-cobrar:before{content:\"\\ea2b\"}.ez-icon-code:before{content:\"\\ea2c\"}.ez-icon-configuration:before{content:\"\\ea2d\"}.ez-icon-content-cut:before{content:\"\\ea2e\"}.ez-icon-copy:before{content:\"\\ea2f\"}.ez-icon-credit_card:before{content:\"\\ea30\"}.ez-icon-crop:before{content:\"\\ea31\"}.ez-icon-custom:before{content:\"\\ea32\"}.ez-icon-delete-file:before{content:\"\\ea33\"}.ez-icon-delete:before{content:\"\\ea34\"}.ez-icon-description:before{content:\"\\ea35\"}.ez-icon-dividir:before{content:\"\\ea36\"}.ez-icon-docx:before{content:\"\\ea37\"}.ez-icon-dot-notification:before{content:\"\\ea38\"}.ez-icon-dots-horizontal:before{content:\"\\ea39\"}.ez-icon-dots-vertical:before{content:\"\\ea3a\"}.ez-icon-drag-indicator:before{content:\"\\ea3b\"}.ez-icon-dual-chevron-down:before{content:\"\\ea3c\"}.ez-icon-dual-chevron-left:before{content:\"\\ea3d\"}.ez-icon-dual-chevron-right:before{content:\"\\ea3e\"}.ez-icon-dual-chevron-up:before{content:\"\\ea3f\"}.ez-icon-edit-file:before{content:\"\\ea40\"}.ez-icon-edit-table:before{content:\"\\ea41\"}.ez-icon-edit-time:before{content:\"\\ea42\"}.ez-icon-edit-value:before{content:\"\\ea43\"}.ez-icon-edit:before{content:\"\\ea44\"}.ez-icon-email:before{content:\"\\ea45\"}.ez-icon-estorno:before{content:\"\\ea46\"}.ez-icon-exe:before{content:\"\\ea47\"}.ez-icon-expand:before{content:\"\\ea48\"}.ez-icon-expandir_card:before{content:\"\\ea49\"}.ez-icon-extrato:before{content:\"\\ea4a\"}.ez-icon-eye-off:before{content:\"\\ea4b\"}.ez-icon-eye:before{content:\"\\ea4c\"}.ez-icon-favorite:before{content:\"\\ea4d\"}.ez-icon-figma:before{content:\"\\ea4e\"}.ez-icon-file-download:before{content:\"\\ea4f\"}.ez-icon-file-upload:before{content:\"\\ea50\"}.ez-icon-filter:before{content:\"\\ea51\"}.ez-icon-find-file:before{content:\"\\ea52\"}.ez-icon-find-page:before{content:\"\\ea53\"}.ez-icon-format-color-fill:before{content:\"\\ea54\"}.ez-icon-generic:before{content:\"\\ea55\"}.ez-icon-gif:before{content:\"\\ea56\"}.ez-icon-graph_bar:before{content:\"\\ea57\"}.ez-icon-handshake:before{content:\"\\ea58\"}.ez-icon-help-inverted:before{content:\"\\ea59\"}.ez-icon-help:before{content:\"\\ea5a\"}.ez-icon-hide-list:before{content:\"\\ea5b\"}.ez-icon-hide_menu:before{content:\"\\ea5c\"}.ez-icon-hierarchical-tree:before{content:\"\\ea5d\"}.ez-icon-home:before{content:\"\\ea5e\"}.ez-icon-icons104:before{content:\"\\ea5f\"}.ez-icon-language:before{content:\"\\ea60\"}.ez-icon-launch:before{content:\"\\ea61\"}.ez-icon-lightbulb:before{content:\"\\ea62\"}.ez-icon-list:before{content:\"\\ea63\"}.ez-icon-location:before{content:\"\\ea64\"}.ez-icon-lock-outline:before{content:\"\\ea65\"}.ez-icon-lock:before{content:\"\\ea66\"}.ez-icon-menu:before{content:\"\\ea67\"}.ez-icon-mid:before{content:\"\\ea68\"}.ez-icon-minus:before{content:\"\\ea69\"}.ez-icon-money-off:before{content:\"\\ea6a\"}.ez-icon-money:before{content:\"\\ea6b\"}.ez-icon-more:before{content:\"\\ea6c\"}.ez-icon-mp3:before{content:\"\\ea6d\"}.ez-icon-mp4:before{content:\"\\ea6e\"}.ez-icon-multiple-files:before{content:\"\\ea6f\"}.ez-icon-north-west:before{content:\"\\ea70\"}.ez-icon-number:before{content:\"\\ea71\"}.ez-icon-ordem-ascendente:before{content:\"\\ea72\"}.ez-icon-ordem-descendente:before{content:\"\\ea73\"}.ez-icon-parcelar:before{content:\"\\ea74\"}.ez-icon-pause:before{content:\"\\ea75\"}.ez-icon-payments:before{content:\"\\ea76\"}.ez-icon-pdf:before{content:\"\\ea77\"}.ez-icon-play:before{content:\"\\ea78\"}.ez-icon-plus:before{content:\"\\ea79\"}.ez-icon-png:before{content:\"\\ea7a\"}.ez-icon-power:before{content:\"\\ea7b\"}.ez-icon-pptx:before{content:\"\\ea7c\"}.ez-icon-preview:before{content:\"\\ea7d\"}.ez-icon-print:before{content:\"\\ea7e\"}.ez-icon-push-pin:before{content:\"\\ea7f\"}.ez-icon-rateio:before{content:\"\\ea80\"}.ez-icon-receipt:before{content:\"\\ea81\"}.ez-icon-recolher_card:before{content:\"\\ea82\"}.ez-icon-remove-from-cart:before{content:\"\\ea83\"}.ez-icon-restore:before{content:\"\\ea84\"}.ez-icon-return:before{content:\"\\ea85\"}.ez-icon-sankhya-place:before{content:\"\\ea86\"}.ez-icon-save:before{content:\"\\ea87\"}.ez-icon-search:before{content:\"\\ea88\"}.ez-icon-settings-inverted:before{content:\"\\ea89\"}.ez-icon-settings:before{content:\"\\ea8a\"}.ez-icon-share:before{content:\"\\ea8b\"}.ez-icon-shield:before{content:\"\\ea8c\"}.ez-icon-show-list:before{content:\"\\ea8d\"}.ez-icon-show_menu:before{content:\"\\ea8e\"}.ez-icon-south-east:before{content:\"\\ea8f\"}.ez-icon-sync:before{content:\"\\ea90\"}.ez-icon-table:before{content:\"\\ea91\"}.ez-icon-tag_code:before{content:\"\\ea92\"}.ez-icon-text:before{content:\"\\ea93\"}.ez-icon-timeline:before{content:\"\\ea94\"}.ez-icon-timer-outline:before{content:\"\\ea95\"}.ez-icon-trending-up:before{content:\"\\ea96\"}.ez-icon-tune:before{content:\"\\ea97\"}.ez-icon-txt:before{content:\"\\ea98\"}.ez-icon-un-pin:before{content:\"\\ea99\"}.ez-icon-unfold_less:before{content:\"\\ea9a\"}.ez-icon-unfold_more:before{content:\"\\ea9b\"}.ez-icon-user-circle:before{content:\"\\ea9c\"}.ez-icon-warning-outline:before{content:\"\\ea9d\"}.ez-icon-warning_triangle:before{content:\"\\ea9e\"}.ez-icon-whatshot:before{content:\"\\ea9f\"}.ez-icon-xlsx:before{content:\"\\eaa0\"}.ez-icon-zip:before{content:\"\\eaa1\"}.x-small--font{font-size:12px}.small--font{font-size:16px}.medium--font{font-size:20px}.large--font{font-size:24px}.x-large--font{font-size:30px}";
|
|
9
9
|
|
|
10
10
|
const EzIcon = class {
|
|
11
11
|
constructor(hostRef) {
|
|
@@ -37,6 +37,7 @@ const EzSearch = class {
|
|
|
37
37
|
this.enabled = true;
|
|
38
38
|
this.errorMessage = undefined;
|
|
39
39
|
this.optionLoader = undefined;
|
|
40
|
+
this.contextProperties = undefined;
|
|
40
41
|
this.showSelectedValue = true;
|
|
41
42
|
this.showOptionValue = true;
|
|
42
43
|
this.suppressEmptyOption = false;
|
|
@@ -428,7 +429,7 @@ const EzSearch = class {
|
|
|
428
429
|
this._startLoading = true;
|
|
429
430
|
if (this.optionLoader) {
|
|
430
431
|
const searchArgument = { mode, argument };
|
|
431
|
-
this.updateSource(this.optionLoader(searchArgument));
|
|
432
|
+
this.updateSource(this.optionLoader(searchArgument, this.contextProperties));
|
|
432
433
|
}
|
|
433
434
|
else {
|
|
434
435
|
this.updateSource(this.options);
|
|
@@ -495,7 +496,7 @@ const EzSearch = class {
|
|
|
495
496
|
mode: SearchMode.PREDICTIVE,
|
|
496
497
|
argument
|
|
497
498
|
};
|
|
498
|
-
const source = await ((_b = this.optionLoader) === null || _b === void 0 ? void 0 : _b.call(this, searchArgument));
|
|
499
|
+
const source = await ((_b = this.optionLoader) === null || _b === void 0 ? void 0 : _b.call(this, searchArgument, this.contextProperties));
|
|
499
500
|
if (source == undefined) {
|
|
500
501
|
return;
|
|
501
502
|
}
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-a7b0c73d.js');
|
|
6
6
|
const core = require('@sankhyalabs/core');
|
|
7
7
|
|
|
8
|
-
const ezTextAreaCss = ":host{--text-area--width:100%;--text-area--border-radius:var(--border--radius-medium, 12px);--text-area--font-size:var(--text--medium, 14px);--text-area--font-family:var(--font-pattern, Arial);--text-area--font-weight:var(--text-weight--medium, 400);--text-area--color:var(--title--primary, #2B3A54);--text-area__input--background-color:var(--background--light, #FFFFFF);--text-area__input--border:var(--border--medium, 2px solid);--text-area__input--border-color:var(--color--strokes,#DCE0E8);--text-area__input--focus--border-color:var(--color--primary, #008561);--text-area__input--disabled--background-color:var(--background--medium, #F0F3F7);--text-area__input--disabled--color:var(--text--primary, #626E82);--text-area__input--disabled--border--color:var(--color--strokes,#DCE0E8);--text-area__input--error--border-color:var(--color-alert--error-800,#BD0025);--text-area__message_box--font-size:var(--text--small, 12px);--text-area__message_box--info--color:var(--color--success, #22085d);--text-area__message_box--error--color:var(--color-alert--error-800,#BD0025);--text-area__label--floating--top:6px;--text-area__label--padding-top:12px;--text-area__label--padding-left:14px;--text-area__label--padding-right:12px;--text-area__scrollbar--color-default:var(--scrollbar--default, #626e82);--text-area__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--text-area__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--text-area__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--text-area__scrollbar--border-radius:var(--border--radius-small, 6px);--text-area__scrollbar--width:var(--space--medium, 12px);display:flex;flex-wrap:wrap;position:relative;width:var(--text-area--width)}textarea{box-sizing:border-box;border:none;resize:none;width:100%;padding:0;background:none;font-weight:var(--text-area--font-weight);font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);color:var(--text-area--color);margin-top:calc(var(--space--medium, 12px) + 4px);scrollbar-width:thin;scrollbar-color:var(--text-area__scrollbar--color-clicked) var(--text-area__scrollbar--color-background)}textarea:focus{outline:none}textarea:disabled{background-color:transparent;color:var(--text-area__input--disabled--color);border:var(--text-area__input--disabled--border);cursor:not-allowed}textarea::-webkit-scrollbar{background-color:var(--text-area__scrollbar--color-background);width:var(--text-area__scrollbar--width);max-width:var(--text-area__scrollbar--width);min-width:var(--text-area__scrollbar--width)}textarea::-webkit-scrollbar-thumb{background-color:var(--text-area__scrollbar--color-default);border-radius:var(--text-area__scrollbar--border-radius)}textarea::-webkit-scrollbar-track{background-color:var(--text-area__scrollbar--color-background);border-radius:var(--text-area__scrollbar--border-radius)}textarea::-webkit-scrollbar-thumb:vertical:hover,textarea::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--text-area__scrollbar--color-hover)}textarea::-webkit-scrollbar-thumb:vertical:active,textarea::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--text-area__scrollbar--color-clicked)}.textarea{width:100%;box-sizing:border-box;padding-left:var(--space--medium);padding-right:var(--space--extra-small);border-radius:var(--text-area--border-radius);border:var(--text-area__input--border);border-color:var(--text-area__input--border-color);background-color:var(--text-area__input--background-color)}.textarea--disabled{border-radius:var(--text-area--border-radius);border:var(--text-area__input--border);border-color:var(--text-area__input--disabled--border--color);background-color:var(--text-area__input--disabled--background-color);cursor:not-allowed}.textarea--resizable{resize:
|
|
8
|
+
const ezTextAreaCss = ":host{--text-area--width:100%;--text-area--border-radius:var(--border--radius-medium, 12px);--text-area--font-size:var(--text--medium, 14px);--text-area--font-family:var(--font-pattern, Arial);--text-area--font-weight:var(--text-weight--medium, 400);--text-area--color:var(--title--primary, #2B3A54);--text-area__input--background-color:var(--background--light, #FFFFFF);--text-area__input--border:var(--border--medium, 2px solid);--text-area__input--border-color:var(--color--strokes,#DCE0E8);--text-area__input--focus--border-color:var(--color--primary, #008561);--text-area__input--disabled--background-color:var(--background--medium, #F0F3F7);--text-area__input--disabled--color:var(--text--primary, #626E82);--text-area__input--disabled--border--color:var(--color--strokes,#DCE0E8);--text-area__input--error--border-color:var(--color-alert--error-800,#BD0025);--text-area__message_box--font-size:var(--text--small, 12px);--text-area__message_box--info--color:var(--color--success, #22085d);--text-area__message_box--error--color:var(--color-alert--error-800,#BD0025);--text-area__label--floating--top:6px;--text-area__label--padding-top:12px;--text-area__label--padding-left:14px;--text-area__label--padding-right:12px;--text-area__scrollbar--color-default:var(--scrollbar--default, #626e82);--text-area__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--text-area__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--text-area__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--text-area__scrollbar--border-radius:var(--border--radius-small, 6px);--text-area__scrollbar--width:var(--space--medium, 12px);display:flex;flex-wrap:wrap;position:relative;width:var(--text-area--width)}textarea{box-sizing:border-box;border:none;resize:none;width:100%;padding:0;background:none;min-height:42px;font-weight:var(--text-area--font-weight);font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);color:var(--text-area--color);margin-top:calc(var(--space--medium, 12px) + 4px);scrollbar-width:thin;scrollbar-color:var(--text-area__scrollbar--color-clicked) var(--text-area__scrollbar--color-background)}textarea:focus{outline:none}textarea:disabled{background-color:transparent;color:var(--text-area__input--disabled--color);border:var(--text-area__input--disabled--border);cursor:not-allowed}textarea::-webkit-scrollbar{background-color:var(--text-area__scrollbar--color-background);width:var(--text-area__scrollbar--width);max-width:var(--text-area__scrollbar--width);min-width:var(--text-area__scrollbar--width)}textarea::-webkit-scrollbar-thumb{background-color:var(--text-area__scrollbar--color-default);border-radius:var(--text-area__scrollbar--border-radius)}textarea::-webkit-scrollbar-track{background-color:var(--text-area__scrollbar--color-background);border-radius:var(--text-area__scrollbar--border-radius)}textarea::-webkit-scrollbar-thumb:vertical:hover,textarea::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--text-area__scrollbar--color-hover)}textarea::-webkit-scrollbar-thumb:vertical:active,textarea::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--text-area__scrollbar--color-clicked)}.textarea{width:100%;min-height:42px;max-width:100%;box-sizing:border-box;padding-left:var(--space--medium);padding-right:var(--space--extra-small);border-radius:var(--text-area--border-radius);border:var(--text-area__input--border);border-color:var(--text-area__input--border-color);background-color:var(--text-area__input--background-color)}.textarea--disabled{border-radius:var(--text-area--border-radius);border:var(--text-area__input--border);border-color:var(--text-area__input--disabled--border--color);background-color:var(--text-area__input--disabled--background-color);cursor:not-allowed}.textarea--resizable{resize:vertical}.textarea--focus{border-color:var(--text-area__input--focus--border-color)}.textarea.hasError{color:var(--text-area--color);border-color:var(--text-area__input--error--border-color)}.message-box{min-height:16px;min-width:100%;margin-top:3px;line-height:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--text-area--font-family);font-size:var(--text-area__message_box--font-size);color:var(--text-area__message_box--info--color)}.hasError{color:var(--text-area__message_box--error--color)}.textarea__label{box-sizing:border-box;position:absolute;z-index:var(--visible);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:font-size .05s, top .05s;transition:font-size .05s, top .05s;width:calc(100% - var(--text-area__label--padding-right));left:var(--text-area--space--medium);font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);font-weight:var(--text-area--font-weight);color:var(--text-area--color);top:var(--text-area__label--padding-top);left:var(--text-area__label--padding-left);padding-right:var(--text-area__label--padding-right)}.textarea__label--floated{font-family:var(--text-area--font-family);font-size:var(--text--extra-small);color:var(--text--primary);top:var(--text-area__label--floating--top)}.textarea__label--disabled{color:var(--text-area__input--disabled--color);cursor:not-allowed}.textarea--slim{margin-top:var(--space--small, 6px)}.textarea--slim::-webkit-input-placeholder{font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);font-weight:var(--text-area--font-weight);color:var(--text-area--color)}.textarea--slim:-moz-placeholder{font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);font-weight:var(--text-area--font-weight);color:var(--text-area--color)}.textarea--slim::-moz-placeholder{font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);font-weight:var(--text-area--font-weight);color:var(--text-area--color)}.textarea--slim:-ms-input-placeholder{font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);font-weight:var(--text-area--font-weight);color:var(--text-area--color)}.textarea--slim::placeholder{font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);font-weight:var(--text-area--font-weight);color:var(--text-area--color)}.textarea--slim:disabled::-webkit-input-placeholder,.textarea--slim:disabled:-moz-placeholder,.textarea--slim:disabled::-moz-placeholder,.textarea--slim:disabled:-ms-input-placeholder,.textarea--slim:disabled::placeholder{color:var(--text-area__input--disabled--color);cursor:not-allowed}";
|
|
9
9
|
|
|
10
10
|
const EzTextArea = class {
|
|
11
11
|
constructor(hostRef) {
|
|
@@ -20,7 +20,7 @@ const EzTextArea = class {
|
|
|
20
20
|
this.rows = 4;
|
|
21
21
|
this.canShowError = true;
|
|
22
22
|
this.mode = "regular";
|
|
23
|
-
this.enableResize =
|
|
23
|
+
this.enableResize = true;
|
|
24
24
|
this.autoRows = false;
|
|
25
25
|
this.autoFocus = false;
|
|
26
26
|
}
|
|
@@ -19,7 +19,7 @@ const defaultTooltipResolver = (item, _enabled, _level) => {
|
|
|
19
19
|
};
|
|
20
20
|
|
|
21
21
|
const TreeItem = (props) => {
|
|
22
|
-
const { node, selectedId, itemClick, iconClick, iconResolver, tooltipResolver, itemsList } = props;
|
|
22
|
+
const { node, selectedId, itemClick, iconClick, iconResolver, tooltipResolver, itemsList, itemDoubleClick } = props;
|
|
23
23
|
if (!node.visible) {
|
|
24
24
|
return;
|
|
25
25
|
}
|
|
@@ -33,7 +33,7 @@ const TreeItem = (props) => {
|
|
|
33
33
|
itemsList.push(treeItem);
|
|
34
34
|
}
|
|
35
35
|
return (index.h("ul", { class: level === 1 ? "first-level" : undefined },
|
|
36
|
-
index.h("li", Object.assign({ title: tooltipResolver(treeItem, !disabled, level), class: `tree-item ${treeItem.id !== selectedId ? "tree-item-error" : ""}`, onClick: () => available && itemClick(treeItem) }, {
|
|
36
|
+
index.h("li", Object.assign({ title: tooltipResolver(treeItem, !disabled, level), class: `tree-item ${treeItem.id !== selectedId ? "tree-item-error" : ""}`, onClick: () => available && itemClick(treeItem), onDblClick: () => available && itemDoubleClick(treeItem) }, {
|
|
37
37
|
disabled,
|
|
38
38
|
selected: treeItem.id === selectedId,
|
|
39
39
|
[core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: core.ElementIDUtils.getInternalIDInfo(`ezTreeItem_${treeItem.id}`)
|
|
@@ -44,7 +44,7 @@ const TreeItem = (props) => {
|
|
|
44
44
|
index.h("label", { class: `item-label ${treeItem.bold ? "item-label--bold" : ""}` }, treeItem.label)),
|
|
45
45
|
getBadgeElement(treeItem.id, treeItem.badge, treeItem.id === selectedId)),
|
|
46
46
|
expanded
|
|
47
|
-
&& node.getChildren().map(child => index.h(TreeItem, { selectedId: selectedId, node: child, itemClick: itemClick, iconClick: iconClick, level: level + 1, iconResolver: iconResolver, tooltipResolver: tooltipResolver, itemsList: itemsList }))));
|
|
47
|
+
&& node.getChildren().map(child => index.h(TreeItem, { selectedId: selectedId, node: child, itemClick: itemClick, iconClick: iconClick, level: level + 1, iconResolver: iconResolver, tooltipResolver: tooltipResolver, itemsList: itemsList, itemDoubleClick: itemDoubleClick }))));
|
|
48
48
|
};
|
|
49
49
|
function getBadgeElement(itemId, badge, isSelectedItem) {
|
|
50
50
|
if (badge == undefined) {
|
|
@@ -310,6 +310,7 @@ const EzTree = class {
|
|
|
310
310
|
index.registerInstance(this, hostRef);
|
|
311
311
|
this.ezChange = index.createEvent(this, "ezChange", 7);
|
|
312
312
|
this.ezOpenItem = index.createEvent(this, "ezOpenItem", 7);
|
|
313
|
+
this.ezDbClickItem = index.createEvent(this, "ezDbClickItem", 7);
|
|
313
314
|
this._onItemClick = (item) => {
|
|
314
315
|
this.value = item;
|
|
315
316
|
};
|
|
@@ -579,7 +580,7 @@ const EzTree = class {
|
|
|
579
580
|
:
|
|
580
581
|
this._tree.getChildren().map(node => {
|
|
581
582
|
var _a;
|
|
582
|
-
return index.h(TreeItem, { selectedId: (_a = this.value) === null || _a === void 0 ? void 0 : _a.id, node: node, itemClick: this._onItemClick, iconClick: this._onIconClick, iconResolver: this.iconResolver, tooltipResolver: this.tooltipResolver || defaultTooltipResolver, itemsList: this._visibleItems });
|
|
583
|
+
return index.h(TreeItem, { selectedId: (_a = this.value) === null || _a === void 0 ? void 0 : _a.id, node: node, itemClick: this._onItemClick, iconClick: this._onIconClick, iconResolver: this.iconResolver, tooltipResolver: this.tooltipResolver || defaultTooltipResolver, itemsList: this._visibleItems, itemDoubleClick: (item) => this.ezDbClickItem.emit(item) });
|
|
583
584
|
})));
|
|
584
585
|
}
|
|
585
586
|
get _element() { return index.getElement(this); }
|