@sankhyalabs/ezui 2.0.3 → 2.0.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-combo-box.cjs.entry.js +4 -3
- package/dist/cjs/ez-dialog.cjs.entry.js +1 -1
- package/dist/cjs/ez-form.cjs.entry.js +26 -17
- package/dist/cjs/ez-grid.cjs.entry.js +1 -11
- package/dist/cjs/ezui.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +0 -2
- package/dist/collection/components/ez-combo-box/ez-combo-box.js +4 -3
- package/dist/collection/components/ez-dialog/ez-dialog.css +2 -2
- package/dist/collection/components/ez-form/ez-form.js +1 -1
- package/dist/collection/components/ez-form/structure/FormSheetMetadata.js +25 -16
- package/dist/collection/components/ez-grid/ez-grid.js +2 -47
- package/dist/custom-elements/index.d.ts +0 -12
- package/dist/custom-elements/index.js +34 -482
- package/dist/esm/ez-combo-box.entry.js +4 -3
- package/dist/esm/ez-dialog.entry.js +1 -1
- package/dist/esm/ez-form.entry.js +26 -17
- package/dist/esm/ez-grid.entry.js +1 -11
- 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-45d8634a.entry.js +1 -0
- package/dist/ezui/{p-e120b25a.entry.js → p-a7733cb4.entry.js} +1 -1
- package/dist/ezui/p-e0aa9cb1.entry.js +1 -0
- package/dist/ezui/p-f6afdc4d.entry.js +1 -0
- package/dist/types/components/ez-grid/ez-grid.d.ts +0 -4
- package/dist/types/components.d.ts +0 -39
- package/package.json +1 -1
- package/react/components.d.ts +0 -2
- package/react/components.js +0 -2
- package/react/components.js.map +1 -1
- package/dist/cjs/ez-grid-config.cjs.entry.js +0 -436
- package/dist/cjs/ez-select-box.cjs.entry.js +0 -22
- package/dist/collection/components/ez-grid/subcomponents/ez-grid-config/ez-grid-config.css +0 -166
- package/dist/collection/components/ez-grid/subcomponents/ez-grid-config/ez-grid-config.js +0 -551
- package/dist/collection/components/ez-grid/subcomponents/ez-select-box/ez-select-box.css +0 -9
- package/dist/collection/components/ez-grid/subcomponents/ez-select-box/ez-select-box.js +0 -62
- package/dist/esm/ez-grid-config.entry.js +0 -432
- package/dist/esm/ez-select-box.entry.js +0 -18
- package/dist/ezui/p-2c6398b3.entry.js +0 -1
- package/dist/ezui/p-3987f8d8.entry.js +0 -1
- package/dist/ezui/p-6608b9a5.entry.js +0 -1
- package/dist/ezui/p-9b1700f7.entry.js +0 -1
- package/dist/ezui/p-9fc50d9a.entry.js +0 -1
- package/dist/types/components/ez-grid/subcomponents/ez-grid-config/ez-grid-config.d.ts +0 -38
- package/dist/types/components/ez-grid/subcomponents/ez-select-box/ez-select-box.d.ts +0 -7
|
@@ -1,432 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, H as Host } from './index-7bc778b3.js';
|
|
2
|
-
import { StringUtils } from '@sankhyalabs/core';
|
|
3
|
-
import { A as ApplicationUtils } from './ApplicationUtils-205ac4bc.js';
|
|
4
|
-
import { D as DialogType } from './DialogType-4059dc4d.js';
|
|
5
|
-
|
|
6
|
-
const ezGridConfigCss = ".sc-ez-grid-config-h{--ez-grid-config__footer--padding-top:var(--space--medium, 12px);--ez-grid-config__main--padding-right:var(--space--medium, 12px);--ez-grid-config__tabselector-container--padding:var(--space--medium, 12px);--ez-grid-config__button-close--padding-left:var(--space--medium, 12px);--snk-grid-config__title--color:var(--title--primary, #2B3A54);--ez-grid-config__title--font-family:var(--font-pattern, \"Roboto\");--ez-grid-config__title--font-size:var(--title--large, 20px);--ez-grid-config__title--font-weight:var(--text-weight--extra-large, 700);--ez-grid-config__subtitle--font-family:var(--font-pattern, \"Roboto\");--ez-grid-config__subtitle--font-size:var(--text--medium, 14px);--ez-grid-config__scrollbar--width:var(--space--medium, 12px);--ez-grid-config__scrollbar--background-color-primary:var(--scrollbar--primary, #2B3A54);--ez-grid-config__scrollbar--background-color-secondary:var(--scrollbar--secondary, #E5EAF0);--ez-grid-config__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-grid-config__group--font-family:var(--font-pattern, \"Roboto\");--ez-grid-config__group--font-size:var(--text--medium, 14px);--ez-grid-config__group--font-weight:var(--text-weight--large, 600);--ez-grid-config__group--padding-bottom:var(--space-small, 6px);display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}@media screen and (min-width: 480px){.sc-ez-grid-config-h{width:359px;max-width:359px}}.padding-right--medium.sc-ez-grid-config{padding-right:var(--space--medium)}ez-list.sc-ez-grid-config{height:100%}.height-calc.sc-ez-grid-config{max-height:calc(100% - 24px)}.grid-config__footer.sc-ez-grid-config{display:flex;justify-content:flex-end;width:100%;padding-top:var(--ez-grid-config__footer--padding-top)}.hidden.sc-ez-grid-config{display:none}.tabselector-container.sc-ez-grid-config{padding:var(--ez-grid-config__tabselector-container--padding) 0}.button-close.sc-ez-grid-config{padding-left:var(--ez-grid-config__button-close--padding-left)}.title-container.sc-ez-grid-config{display:flex;justify-content:space-between;align-items:center;width:100%}.title.sc-ez-grid-config{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--snk-grid-config__title--color);font-size:var(--ez-grid-config__title--font-size);font-family:var(--ez-grid-config__title--font-family);font-weight:var(--ez-grid-config__title--font-weight)}.subtitle.sc-ez-grid-config{color:var(--text--primary);font-size:var(--ez-grid-config__subtitle--font-size);font-family:var(--ez-grid-config__subtitle--font-family)}.grid-config__main.sc-ez-grid-config{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ez-grid-config__scrollbar--background-color-primary) var(--ez-grid-config__scrollbar--background-color-secondary);padding-right:var(--ez-grid-config__main--padding-right)}.grid-config__main.sc-ez-grid-config::-webkit-scrollbar-track{background-color:var(--ez-grid-config__scrollbar--background-color-secondary)}.grid-config__main.sc-ez-grid-config::-webkit-scrollbar-thumb{background-color:var(--ez-grid-config__scrollbar--background-color-primary);border-radius:var(--ez-grid-config__scrollbar--border-radius)}.grid-config__main.sc-ez-grid-config::-webkit-scrollbar{width:var(--ez-grid-config__scrollbar--width);max-width:var(--ez-grid-config__scrollbar--width);min-width:var(--ez-grid-config__scrollbar--width);background-color:var(--ez-grid-config__scrollbar--background-color-secondary)}.group-name.sc-ez-grid-config{font-family:var(--ez-grid-config__group--font-family);font-size:var(--ez-grid-config__group--font-size);font-weight:var(--ez-grid-config__group--font-weight);padding-bottom:var(--ez-grid-config__group--padding-bottom)}";
|
|
7
|
-
|
|
8
|
-
let EzGridConfig = class {
|
|
9
|
-
constructor(hostRef) {
|
|
10
|
-
registerInstance(this, hostRef);
|
|
11
|
-
this.configFinish = createEvent(this, "configFinish", 7);
|
|
12
|
-
this.configCancel = createEvent(this, "configCancel", 7);
|
|
13
|
-
this._orderListItems = [];
|
|
14
|
-
this._orderPriorityList = [];
|
|
15
|
-
this._columListItems = [];
|
|
16
|
-
this._selectedIndex = -1;
|
|
17
|
-
this._dataChanged = false;
|
|
18
|
-
this._componenteInternalKey = Date.now();
|
|
19
|
-
this.selectedTab = "Colunas";
|
|
20
|
-
}
|
|
21
|
-
/* Creation Methods */
|
|
22
|
-
createOrderList() {
|
|
23
|
-
let newList = [];
|
|
24
|
-
this.columns.filter(col => { var _a; return StringUtils.getBooleanValue((_a = col === null || col === void 0 ? void 0 : col.props) === null || _a === void 0 ? void 0 : _a.get("sortable"), true); }).forEach(column => {
|
|
25
|
-
var _a;
|
|
26
|
-
let configItem = (_a = this.config) === null || _a === void 0 ? void 0 : _a.columns.find(item => item.name === column.name);
|
|
27
|
-
let item = { name: column.name, label: column.label };
|
|
28
|
-
if (configItem) {
|
|
29
|
-
item['orderIndex'] = configItem.orderIndex;
|
|
30
|
-
item['ascending'] = configItem.ascending;
|
|
31
|
-
}
|
|
32
|
-
if (!column.hidden) {
|
|
33
|
-
newList.push(item);
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
newList.sort((a, b) => {
|
|
37
|
-
//OS dois tem order index 0 e pelo menos um deles tem orientação de ordenação.
|
|
38
|
-
if (a.orderIndex == 0 && b.orderIndex == 0 && (a.ascending != undefined || b.ascending != undefined)) {
|
|
39
|
-
if (a.ascending != undefined)
|
|
40
|
-
return -1;
|
|
41
|
-
if (b.ascending != undefined)
|
|
42
|
-
return 1;
|
|
43
|
-
return 0;
|
|
44
|
-
//Pelo menos um deles tem order index diferente de 0 e os dois tem orientação de ordenação.
|
|
45
|
-
}
|
|
46
|
-
else if (a.ascending != undefined && b.ascending != undefined) {
|
|
47
|
-
return (a.orderIndex - b.orderIndex);
|
|
48
|
-
//Pelo menos um deles tem order index diferente de 0 e pelo menos um deles tem orientação de ordenação.
|
|
49
|
-
}
|
|
50
|
-
else if (a.ascending != undefined || b.ascending != undefined) {
|
|
51
|
-
if (a.ascending != undefined)
|
|
52
|
-
return -1;
|
|
53
|
-
if (b.ascending != undefined)
|
|
54
|
-
return 1;
|
|
55
|
-
return 0;
|
|
56
|
-
}
|
|
57
|
-
return (a.orderIndex - b.orderIndex);
|
|
58
|
-
});
|
|
59
|
-
this._orderListItems = newList;
|
|
60
|
-
}
|
|
61
|
-
createColumnList() {
|
|
62
|
-
let visibleGroup = {
|
|
63
|
-
group: 'Visíveis',
|
|
64
|
-
items: [],
|
|
65
|
-
};
|
|
66
|
-
let hiddenGroup = {
|
|
67
|
-
group: 'Ocultas',
|
|
68
|
-
items: [],
|
|
69
|
-
sort: 'ASC'
|
|
70
|
-
};
|
|
71
|
-
this.columns.forEach(column => {
|
|
72
|
-
let item = { label: column.label };
|
|
73
|
-
if (column.hidden) {
|
|
74
|
-
hiddenGroup.items.push(item);
|
|
75
|
-
}
|
|
76
|
-
else {
|
|
77
|
-
visibleGroup.items.push(item);
|
|
78
|
-
}
|
|
79
|
-
});
|
|
80
|
-
this._columListItems = [visibleGroup, hiddenGroup];
|
|
81
|
-
}
|
|
82
|
-
buildColumnListSlot(item, group) {
|
|
83
|
-
return (h("div", null, h("ez-check", { mode: 'switch', id: 'switch' + ((item === null || item === void 0 ? void 0 : item.label) || '') + ((group === null || group === void 0 ? void 0 : group.group) || ''), value: group.group === "Visíveis", onEzChange: (ev) => { this.switchColumnGroup(ev, item); } })));
|
|
84
|
-
}
|
|
85
|
-
buildOrderListSlot(item) {
|
|
86
|
-
let selectedOption = "na";
|
|
87
|
-
if ((item === null || item === void 0 ? void 0 : item.ascending) != undefined) {
|
|
88
|
-
selectedOption = item.ascending == true ? 'asc' : 'desc';
|
|
89
|
-
}
|
|
90
|
-
return (h("div", null, h("ez-select-box", { selectedOption: selectedOption, key: 'ez-select-box-' + this._componenteInternalKey + '-' + item, onEzChange: (ev) => { ev.stopPropagation(); this.updateOrder(ev.detail, item.label); } })));
|
|
91
|
-
}
|
|
92
|
-
updateOrder(sortOrder, updatedItemLabel) {
|
|
93
|
-
var _a;
|
|
94
|
-
this._dataChanged = true;
|
|
95
|
-
let newList = [...this.columns];
|
|
96
|
-
let newItem = newList.find(item => item.label === updatedItemLabel);
|
|
97
|
-
if (newItem) {
|
|
98
|
-
newItem.sort = sortOrder.value === "na" ? undefined : sortOrder.value;
|
|
99
|
-
}
|
|
100
|
-
let orderArray;
|
|
101
|
-
if (((_a = this._orderPriorityList) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
|
102
|
-
this._orderPriorityList.find(item => item.label === newItem.label).sort = sortOrder;
|
|
103
|
-
this._orderPriorityList.filter(item => item.sort).map((item, index) => {
|
|
104
|
-
if (item.label === newItem.label) {
|
|
105
|
-
newItem.sortIndex = index;
|
|
106
|
-
}
|
|
107
|
-
});
|
|
108
|
-
}
|
|
109
|
-
else {
|
|
110
|
-
orderArray = newList.filter(item => item.sort && item.hidden !== true).map((item, index) => {
|
|
111
|
-
return { label: item.label, orderIndex: index };
|
|
112
|
-
});
|
|
113
|
-
orderArray.forEach(element => {
|
|
114
|
-
newList.find(item => item.label === element.label).sortIndex = element.orderIndex;
|
|
115
|
-
});
|
|
116
|
-
}
|
|
117
|
-
this.columns = newList;
|
|
118
|
-
}
|
|
119
|
-
/* Actions Methods */
|
|
120
|
-
switchColumnGroup(ev, switchedItem) {
|
|
121
|
-
ev.stopPropagation();
|
|
122
|
-
let newList = [...this._columListItems];
|
|
123
|
-
this._dataChanged = true;
|
|
124
|
-
if (ev.detail === true) {
|
|
125
|
-
let hiddenGroup = newList.find(group => group.group === "Ocultas");
|
|
126
|
-
let index = hiddenGroup.items.findIndex(item => item.label === switchedItem.label);
|
|
127
|
-
if (index >= 0) {
|
|
128
|
-
hiddenGroup.items.splice(index, 1);
|
|
129
|
-
}
|
|
130
|
-
let visibleGroup = newList.find(group => group.group === "Visíveis");
|
|
131
|
-
visibleGroup.items.push(switchedItem);
|
|
132
|
-
this._columListItems = newList;
|
|
133
|
-
this.createOrderList();
|
|
134
|
-
}
|
|
135
|
-
else if (ev.detail === false) {
|
|
136
|
-
let visibleGroup = newList.find(group => group.group === "Visíveis");
|
|
137
|
-
let index = visibleGroup.items.findIndex(item => item.label === switchedItem.label);
|
|
138
|
-
if (index >= 0) {
|
|
139
|
-
visibleGroup.items.splice(index, 1);
|
|
140
|
-
}
|
|
141
|
-
let hiddenGroup = newList.find(group => group.group === "Ocultas");
|
|
142
|
-
hiddenGroup.items.push(switchedItem);
|
|
143
|
-
this._columListItems = newList;
|
|
144
|
-
this.createOrderList();
|
|
145
|
-
}
|
|
146
|
-
}
|
|
147
|
-
finish() {
|
|
148
|
-
let newColumnList = [];
|
|
149
|
-
this._columListItems.forEach(group => {
|
|
150
|
-
group.items.forEach(item => {
|
|
151
|
-
const baseColumn = this.columns.find(column => column.label === item.label);
|
|
152
|
-
let newColumnItem = Object.assign({}, baseColumn);
|
|
153
|
-
if (group.group === "Ocultas") {
|
|
154
|
-
newColumnItem.hidden = true;
|
|
155
|
-
}
|
|
156
|
-
else {
|
|
157
|
-
newColumnItem.hidden = false;
|
|
158
|
-
}
|
|
159
|
-
newColumnList.push(newColumnItem);
|
|
160
|
-
});
|
|
161
|
-
});
|
|
162
|
-
this.columns = newColumnList;
|
|
163
|
-
this._dataChanged = false;
|
|
164
|
-
this.closeConfig();
|
|
165
|
-
this.save();
|
|
166
|
-
}
|
|
167
|
-
save() {
|
|
168
|
-
var _a;
|
|
169
|
-
let _newConfig;
|
|
170
|
-
if (this.config) {
|
|
171
|
-
_newConfig = this.config;
|
|
172
|
-
}
|
|
173
|
-
else {
|
|
174
|
-
_newConfig = this.createConfigFromState(this.columns);
|
|
175
|
-
}
|
|
176
|
-
let _newColumnConfigList = [];
|
|
177
|
-
let orderArray;
|
|
178
|
-
if (((_a = this._orderPriorityList) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
|
179
|
-
orderArray = this.columns.filter(item => item.sort && item.hidden !== true).map((item) => {
|
|
180
|
-
return { label: item.label, orderIndex: 0 };
|
|
181
|
-
});
|
|
182
|
-
let indexCount = 0;
|
|
183
|
-
let newOrderArray = [];
|
|
184
|
-
this._orderPriorityList.forEach((orderPriorityItem) => {
|
|
185
|
-
let item = orderArray.find(column => column.label === orderPriorityItem.label);
|
|
186
|
-
if (item) {
|
|
187
|
-
item.orderIndex = indexCount;
|
|
188
|
-
newOrderArray.push(item);
|
|
189
|
-
indexCount++;
|
|
190
|
-
}
|
|
191
|
-
});
|
|
192
|
-
if (newOrderArray.length > 0) {
|
|
193
|
-
orderArray = newOrderArray;
|
|
194
|
-
}
|
|
195
|
-
}
|
|
196
|
-
for (let i = 0; i < this.columns.length; i++) {
|
|
197
|
-
const column = this.columns[i];
|
|
198
|
-
let _newColumnConfig = _newConfig.columns.find(_newColumnConfig => column.name === _newColumnConfig.name);
|
|
199
|
-
if (column.hidden === true && _newColumnConfig) {
|
|
200
|
-
continue;
|
|
201
|
-
}
|
|
202
|
-
if (_newColumnConfig) {
|
|
203
|
-
_newColumnConfig.width = column.width;
|
|
204
|
-
}
|
|
205
|
-
else if (column.hidden === false) {
|
|
206
|
-
_newColumnConfig = { name: column.name, width: column.width, orderIndex: 0 };
|
|
207
|
-
}
|
|
208
|
-
if (_newColumnConfig) {
|
|
209
|
-
if (column.sort) {
|
|
210
|
-
_newColumnConfig.ascending = column.sort.toUpperCase() === "ASC" ? true : false;
|
|
211
|
-
if (orderArray) {
|
|
212
|
-
adjustPriorityOrder(column, _newColumnConfig);
|
|
213
|
-
}
|
|
214
|
-
else {
|
|
215
|
-
_newColumnConfig.orderIndex = column.sortIndex;
|
|
216
|
-
}
|
|
217
|
-
}
|
|
218
|
-
else {
|
|
219
|
-
delete _newColumnConfig.ascending;
|
|
220
|
-
_newColumnConfig.orderIndex = 0;
|
|
221
|
-
}
|
|
222
|
-
_newColumnConfigList.push(_newColumnConfig);
|
|
223
|
-
}
|
|
224
|
-
}
|
|
225
|
-
_newConfig.columns = _newColumnConfigList;
|
|
226
|
-
this.configFinish.emit(_newConfig);
|
|
227
|
-
this._orderList.clearHistory();
|
|
228
|
-
function adjustPriorityOrder(column, _newColumnConfig) {
|
|
229
|
-
if (orderArray) {
|
|
230
|
-
let orderItem = orderArray.find(item => item.label === column.label);
|
|
231
|
-
if (orderItem) {
|
|
232
|
-
_newColumnConfig.orderIndex = orderItem.orderIndex;
|
|
233
|
-
}
|
|
234
|
-
}
|
|
235
|
-
}
|
|
236
|
-
}
|
|
237
|
-
createConfigFromState(state) {
|
|
238
|
-
let newConfig = { columns: [] };
|
|
239
|
-
state.forEach(columnState => {
|
|
240
|
-
if (!columnState.hidden) {
|
|
241
|
-
let newConfigColumn = { name: columnState.name };
|
|
242
|
-
if (columnState.width) {
|
|
243
|
-
newConfigColumn['width'] = columnState.width;
|
|
244
|
-
}
|
|
245
|
-
if (columnState.sort) {
|
|
246
|
-
newConfigColumn['ascending'] = (columnState.sort.toUpperCase() === 'ASC');
|
|
247
|
-
newConfigColumn['orderIndex'] = columnState.sortIndex;
|
|
248
|
-
}
|
|
249
|
-
else {
|
|
250
|
-
newConfigColumn['orderIndex'] = 0;
|
|
251
|
-
}
|
|
252
|
-
if (newConfigColumn) {
|
|
253
|
-
newConfig.columns.push(newConfigColumn);
|
|
254
|
-
}
|
|
255
|
-
}
|
|
256
|
-
});
|
|
257
|
-
return newConfig;
|
|
258
|
-
}
|
|
259
|
-
async locateColumn(evt, searchingText) {
|
|
260
|
-
var _a;
|
|
261
|
-
const hitEnter = evt.key === "Enter";
|
|
262
|
-
if (!searchingText) {
|
|
263
|
-
searchingText = (_a = evt.currentTarget) === null || _a === void 0 ? void 0 : _a.value;
|
|
264
|
-
}
|
|
265
|
-
let newSelected = -1;
|
|
266
|
-
if (this.selectedTab === "Ordenação das linhas") {
|
|
267
|
-
if (searchingText) {
|
|
268
|
-
const matchedIndexes = [];
|
|
269
|
-
let orderListDatasource;
|
|
270
|
-
await this._orderList.getList().then(listGroup => {
|
|
271
|
-
orderListDatasource = listGroup;
|
|
272
|
-
orderListDatasource.forEach((column, index) => {
|
|
273
|
-
if (this.compareWords(column, searchingText)) {
|
|
274
|
-
matchedIndexes.push(index);
|
|
275
|
-
}
|
|
276
|
-
});
|
|
277
|
-
});
|
|
278
|
-
if (matchedIndexes.length > 0) {
|
|
279
|
-
if (hitEnter) {
|
|
280
|
-
for (let j = 0; j < matchedIndexes.length; j++) {
|
|
281
|
-
if (matchedIndexes[j] > this._selectedIndex) {
|
|
282
|
-
newSelected = matchedIndexes[j];
|
|
283
|
-
break;
|
|
284
|
-
}
|
|
285
|
-
}
|
|
286
|
-
}
|
|
287
|
-
if (newSelected === -1) {
|
|
288
|
-
newSelected = matchedIndexes[0];
|
|
289
|
-
}
|
|
290
|
-
}
|
|
291
|
-
this._selectedIndex = newSelected;
|
|
292
|
-
let selectedColumn;
|
|
293
|
-
selectedColumn = orderListDatasource[newSelected];
|
|
294
|
-
if (selectedColumn) {
|
|
295
|
-
this._orderList.setSelection({ label: selectedColumn.label }, true);
|
|
296
|
-
}
|
|
297
|
-
else {
|
|
298
|
-
this._orderList.setSelection(undefined);
|
|
299
|
-
}
|
|
300
|
-
}
|
|
301
|
-
else {
|
|
302
|
-
this._orderList.setSelection(undefined);
|
|
303
|
-
}
|
|
304
|
-
}
|
|
305
|
-
else {
|
|
306
|
-
if (searchingText) {
|
|
307
|
-
const matchedIndexes = [];
|
|
308
|
-
this.columns.forEach((column, index) => {
|
|
309
|
-
if (this.compareWords(column, searchingText)) {
|
|
310
|
-
matchedIndexes.push(index);
|
|
311
|
-
}
|
|
312
|
-
});
|
|
313
|
-
if (matchedIndexes.length > 0) {
|
|
314
|
-
if (hitEnter) {
|
|
315
|
-
for (let j = 0; j < matchedIndexes.length; j++) {
|
|
316
|
-
if (matchedIndexes[j] > this._selectedIndex) {
|
|
317
|
-
newSelected = matchedIndexes[j];
|
|
318
|
-
break;
|
|
319
|
-
}
|
|
320
|
-
}
|
|
321
|
-
}
|
|
322
|
-
if (newSelected === -1) {
|
|
323
|
-
newSelected = matchedIndexes[0];
|
|
324
|
-
}
|
|
325
|
-
}
|
|
326
|
-
this._selectedIndex = newSelected;
|
|
327
|
-
let selectedColumn = this.columns[newSelected];
|
|
328
|
-
if (selectedColumn) {
|
|
329
|
-
this._columnList.setSelection({ label: selectedColumn.label }, true);
|
|
330
|
-
}
|
|
331
|
-
else {
|
|
332
|
-
this._columnList.setSelection(undefined);
|
|
333
|
-
}
|
|
334
|
-
}
|
|
335
|
-
else {
|
|
336
|
-
this._columnList.setSelection(undefined);
|
|
337
|
-
}
|
|
338
|
-
}
|
|
339
|
-
}
|
|
340
|
-
compareWords(column, searchingText) {
|
|
341
|
-
if (StringUtils.replaceAccentuatedChars(column.label).indexOf(StringUtils.replaceAccentuatedChars(searchingText)) > -1) {
|
|
342
|
-
return true;
|
|
343
|
-
}
|
|
344
|
-
return false;
|
|
345
|
-
}
|
|
346
|
-
closeConfig() {
|
|
347
|
-
this._orderList.scrollToTop();
|
|
348
|
-
this._columnList.scrollToTop();
|
|
349
|
-
this._searchElement.value = "";
|
|
350
|
-
if (this._dataChanged) {
|
|
351
|
-
let options = {
|
|
352
|
-
canClose: false,
|
|
353
|
-
labelCancel: "Descartar",
|
|
354
|
-
labelConfirm: "Salvar",
|
|
355
|
-
btnConfirmDanger: false
|
|
356
|
-
};
|
|
357
|
-
ApplicationUtils.confirm("Aviso", "As alterações realizadas serão descartadas. Gostaria de salvar antes de sair?", null, DialogType.WARN, options)
|
|
358
|
-
.then(response => {
|
|
359
|
-
if (!response) {
|
|
360
|
-
this._dataChanged = false;
|
|
361
|
-
this.configCancel.emit();
|
|
362
|
-
this._orderList.clearHistory();
|
|
363
|
-
this._componenteInternalKey = Date.now();
|
|
364
|
-
}
|
|
365
|
-
else {
|
|
366
|
-
this.finish();
|
|
367
|
-
}
|
|
368
|
-
});
|
|
369
|
-
}
|
|
370
|
-
else {
|
|
371
|
-
this.configCancel.emit();
|
|
372
|
-
this._orderList.clearHistory();
|
|
373
|
-
}
|
|
374
|
-
}
|
|
375
|
-
/* Handlers */
|
|
376
|
-
handleTabChange(ev) {
|
|
377
|
-
var _a;
|
|
378
|
-
if ((_a = ev === null || ev === void 0 ? void 0 : ev.target) === null || _a === void 0 ? void 0 : _a.selectedTab) {
|
|
379
|
-
if (this.selectedTab !== ev.target.selectedTab) {
|
|
380
|
-
if (ev.target.selectedTab === "Colunas") {
|
|
381
|
-
this._orderList.scrollToTop();
|
|
382
|
-
}
|
|
383
|
-
else if (ev.target.selectedTab === "Ordenação das linhas") {
|
|
384
|
-
this._columnList.scrollToTop();
|
|
385
|
-
}
|
|
386
|
-
this._searchElement.value = "";
|
|
387
|
-
}
|
|
388
|
-
if (ev.target.selectedTab === "Ordenação das linhas") {
|
|
389
|
-
this.createOrderList();
|
|
390
|
-
}
|
|
391
|
-
this.selectedTab = ev.target.selectedTab;
|
|
392
|
-
}
|
|
393
|
-
}
|
|
394
|
-
handleColumnListChange(ev) {
|
|
395
|
-
var _a;
|
|
396
|
-
if (ev.detail) {
|
|
397
|
-
let visibleItems = (_a = ev.detail.find(group => group.group === "Visíveis")) === null || _a === void 0 ? void 0 : _a.items;
|
|
398
|
-
if (visibleItems) {
|
|
399
|
-
this._dataChanged = true;
|
|
400
|
-
this._orderListItems = visibleItems;
|
|
401
|
-
}
|
|
402
|
-
}
|
|
403
|
-
}
|
|
404
|
-
handleOrderListChange(ev) {
|
|
405
|
-
if (ev.detail) {
|
|
406
|
-
let orderPriorityList = ev.detail;
|
|
407
|
-
if (orderPriorityList) {
|
|
408
|
-
this._dataChanged = true;
|
|
409
|
-
this._orderPriorityList = orderPriorityList;
|
|
410
|
-
}
|
|
411
|
-
}
|
|
412
|
-
}
|
|
413
|
-
componentWillRender() {
|
|
414
|
-
var _a;
|
|
415
|
-
if (((_a = this.columns) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
|
416
|
-
this.createColumnList();
|
|
417
|
-
}
|
|
418
|
-
}
|
|
419
|
-
componentDidRender() {
|
|
420
|
-
var _a;
|
|
421
|
-
if (((_a = this.columns) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
|
422
|
-
this.locateColumn(new KeyboardEvent("arrow-right", { key: "ArrowRight" }), this._searchElement.value);
|
|
423
|
-
}
|
|
424
|
-
}
|
|
425
|
-
render() {
|
|
426
|
-
return (h(Host, null, h("div", { class: "grid-config__header" }, h("div", { class: "title-container" }, h("div", { class: "" }, h("label", { class: "title" }, "Configura\u00E7\u00E3o da Grade"), h("label", { class: "subtitle" }, "Defina visibilidade e ordem das colunas.")), h("div", { class: "button-close" }, h("ez-button", { mode: 'icon', iconName: "close", size: 'medium', onClick: () => this.closeConfig() }))), h("div", { class: "tabselector-container" }, h("ez-tabselector", { selectedTab: this.selectedTab, selectedIndex: 0, onEzChange: (ev) => { this.handleTabChange(ev); }, tabs: 'Colunas, Ordena\u00E7\u00E3o das linhas' })), h("div", null, h("ez-text-input", { ref: (el) => this._searchElement = el, label: "Localizar coluna", onKeyUp: evt => this.locateColumn(evt) }, h("ez-icon", { slot: "leftIcon", size: "medium", iconName: "search" })))), h("div", { class: "grid-config__main" }, h("ez-list", { ref: (el) => this._columnList = el, class: this.selectedTab === "Colunas" ? "" : "hidden", dataSource: this._columListItems, onEzChange: ev => this.handleColumnListChange(ev), ezDraggable: true, ezSelectable: true, itemSlotBuilder: (item, group) => this.buildColumnListSlot(item, group), useGroups: true }), h("div", { class: this.selectedTab === "Ordenação das linhas" ? "group-name" : "hidden" }, "Sequ\u00EAncia da ordena\u00E7\u00E3o"), h("ez-list", { ref: (el) => this._orderList = el, class: this.selectedTab === "Ordenação das linhas" ? "height-calc" : "hidden", dataSource: this._orderListItems, ezSelectable: true, onEzChange: ev => this.handleOrderListChange(ev), ezDraggable: true, itemSlotBuilder: (item) => this.buildOrderListSlot(item) })), h("div", { class: "grid-config__footer" }, h("ez-button", { class: "padding-right--medium", label: "Cancelar", onClick: () => this.closeConfig() }), h("ez-button", { label: "Concluir", class: "ez-button--primary", onClick: () => this.finish() }))));
|
|
427
|
-
}
|
|
428
|
-
static get assetsDirs() { return ["../assets"]; }
|
|
429
|
-
};
|
|
430
|
-
EzGridConfig.style = ezGridConfigCss;
|
|
431
|
-
|
|
432
|
-
export { EzGridConfig as ez_grid_config };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index-7bc778b3.js';
|
|
2
|
-
|
|
3
|
-
const ezSelectBoxCss = "ez-combo-box{width:100px}.grid-config-combo{--ez-text-input--height:28px;--ez-text-input__input--background-color:#fff;--ez-text-input__input--border-color:#dce0e8}";
|
|
4
|
-
|
|
5
|
-
let SelectBox = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.ezChange = createEvent(this, "ezChange", 7);
|
|
9
|
-
this.selectedOption = { value: "na", label: "N/A" };
|
|
10
|
-
}
|
|
11
|
-
render() {
|
|
12
|
-
return (h("ez-combo-box", { class: "grid-config-combo ez-input--inverted", label: "", suppressSearch: true, value: this.selectedOption, enabled: true, canShowError: false, suppressEmptyOption: true }, h("option", { value: "na" }, "N/A"), h("option", { value: "asc" }, "A-Z"), h("option", { value: "desc" }, "Z-A")));
|
|
13
|
-
}
|
|
14
|
-
static get assetsDirs() { return ["../assets"]; }
|
|
15
|
-
};
|
|
16
|
-
SelectBox.style = ezSelectBoxCss;
|
|
17
|
-
|
|
18
|
-
export { SelectBox as ez_select_box };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as e,h as t,H as r}from"./p-3c7ea91b.js";import{StringUtils as o}from"@sankhyalabs/core";import{A as s}from"./p-0b44cf1c.js";import{D as a}from"./p-e1148f5c.js";let l=class{constructor(t){i(this,t),this.configFinish=e(this,"configFinish",7),this.configCancel=e(this,"configCancel",7),this._orderListItems=[],this._orderPriorityList=[],this._columListItems=[],this._selectedIndex=-1,this._dataChanged=!1,this._componenteInternalKey=Date.now(),this.selectedTab="Colunas"}createOrderList(){let i=[];this.columns.filter((i=>{var e;return o.getBooleanValue(null===(e=null==i?void 0:i.props)||void 0===e?void 0:e.get("sortable"),!0)})).forEach((e=>{var t;let r=null===(t=this.config)||void 0===t?void 0:t.columns.find((i=>i.name===e.name)),o={name:e.name,label:e.label};r&&(o.orderIndex=r.orderIndex,o.ascending=r.ascending),e.hidden||i.push(o)})),i.sort(((i,e)=>0!=i.orderIndex||0!=e.orderIndex||null==i.ascending&&null==e.ascending?null!=i.ascending&&null!=e.ascending?i.orderIndex-e.orderIndex:null!=i.ascending||null!=e.ascending?null!=i.ascending?-1:null!=e.ascending?1:0:i.orderIndex-e.orderIndex:null!=i.ascending?-1:null!=e.ascending?1:0)),this._orderListItems=i}createColumnList(){let i={group:"Visíveis",items:[]},e={group:"Ocultas",items:[],sort:"ASC"};this.columns.forEach((t=>{let r={label:t.label};t.hidden?e.items.push(r):i.items.push(r)})),this._columListItems=[i,e]}buildColumnListSlot(i,e){return t("div",null,t("ez-check",{mode:"switch",id:"switch"+((null==i?void 0:i.label)||"")+((null==e?void 0:e.group)||""),value:"Visíveis"===e.group,onEzChange:e=>{this.switchColumnGroup(e,i)}}))}buildOrderListSlot(i){let e="na";return null!=(null==i?void 0:i.ascending)&&(e=1==i.ascending?"asc":"desc"),t("div",null,t("ez-select-box",{selectedOption:e,key:"ez-select-box-"+this._componenteInternalKey+"-"+i,onEzChange:e=>{e.stopPropagation(),this.updateOrder(e.detail,i.label)}}))}updateOrder(i,e){var t;this._dataChanged=!0;let r,o=[...this.columns],s=o.find((i=>i.label===e));s&&(s.sort="na"===i.value?void 0:i.value),(null===(t=this._orderPriorityList)||void 0===t?void 0:t.length)>0?(this._orderPriorityList.find((i=>i.label===s.label)).sort=i,this._orderPriorityList.filter((i=>i.sort)).map(((i,e)=>{i.label===s.label&&(s.sortIndex=e)}))):(r=o.filter((i=>i.sort&&!0!==i.hidden)).map(((i,e)=>({label:i.label,orderIndex:e}))),r.forEach((i=>{o.find((e=>e.label===i.label)).sortIndex=i.orderIndex}))),this.columns=o}switchColumnGroup(i,e){i.stopPropagation();let t=[...this._columListItems];if(this._dataChanged=!0,!0===i.detail){let i=t.find((i=>"Ocultas"===i.group)),r=i.items.findIndex((i=>i.label===e.label));r>=0&&i.items.splice(r,1),t.find((i=>"Visíveis"===i.group)).items.push(e),this._columListItems=t,this.createOrderList()}else if(!1===i.detail){let i=t.find((i=>"Visíveis"===i.group)),r=i.items.findIndex((i=>i.label===e.label));r>=0&&i.items.splice(r,1),t.find((i=>"Ocultas"===i.group)).items.push(e),this._columListItems=t,this.createOrderList()}}finish(){let i=[];this._columListItems.forEach((e=>{e.items.forEach((t=>{const r=this.columns.find((i=>i.label===t.label));let o=Object.assign({},r);o.hidden="Ocultas"===e.group,i.push(o)}))})),this.columns=i,this._dataChanged=!1,this.closeConfig(),this.save()}save(){var i;let e;e=this.config?this.config:this.createConfigFromState(this.columns);let t,r=[];if((null===(i=this._orderPriorityList)||void 0===i?void 0:i.length)>0){t=this.columns.filter((i=>i.sort&&!0!==i.hidden)).map((i=>({label:i.label,orderIndex:0})));let i=0,e=[];this._orderPriorityList.forEach((r=>{let o=t.find((i=>i.label===r.label));o&&(o.orderIndex=i,e.push(o),i++)})),e.length>0&&(t=e)}for(let i=0;i<this.columns.length;i++){const s=this.columns[i];let a=e.columns.find((i=>s.name===i.name));!0===s.hidden&&a||(a?a.width=s.width:!1===s.hidden&&(a={name:s.name,width:s.width,orderIndex:0}),a&&(s.sort?(a.ascending="ASC"===s.sort.toUpperCase(),t?o(s,a):a.orderIndex=s.sortIndex):(delete a.ascending,a.orderIndex=0),r.push(a)))}function o(i,e){if(t){let r=t.find((e=>e.label===i.label));r&&(e.orderIndex=r.orderIndex)}}e.columns=r,this.configFinish.emit(e),this._orderList.clearHistory()}createConfigFromState(i){let e={columns:[]};return i.forEach((i=>{if(!i.hidden){let t={name:i.name};i.width&&(t.width=i.width),i.sort?(t.ascending="ASC"===i.sort.toUpperCase(),t.orderIndex=i.sortIndex):t.orderIndex=0,t&&e.columns.push(t)}})),e}async locateColumn(i,e){var t;const r="Enter"===i.key;e||(e=null===(t=i.currentTarget)||void 0===t?void 0:t.value);let o=-1;if("Ordenação das linhas"===this.selectedTab)if(e){const i=[];let t,s;if(await this._orderList.getList().then((r=>{t=r,t.forEach(((t,r)=>{this.compareWords(t,e)&&i.push(r)}))})),i.length>0){if(r)for(let e=0;e<i.length;e++)if(i[e]>this._selectedIndex){o=i[e];break}-1===o&&(o=i[0])}this._selectedIndex=o,s=t[o],s?this._orderList.setSelection({label:s.label},!0):this._orderList.setSelection(void 0)}else this._orderList.setSelection(void 0);else if(e){const i=[];if(this.columns.forEach(((t,r)=>{this.compareWords(t,e)&&i.push(r)})),i.length>0){if(r)for(let e=0;e<i.length;e++)if(i[e]>this._selectedIndex){o=i[e];break}-1===o&&(o=i[0])}this._selectedIndex=o;let t=this.columns[o];t?this._columnList.setSelection({label:t.label},!0):this._columnList.setSelection(void 0)}else this._columnList.setSelection(void 0)}compareWords(i,e){return o.replaceAccentuatedChars(i.label).indexOf(o.replaceAccentuatedChars(e))>-1}closeConfig(){this._orderList.scrollToTop(),this._columnList.scrollToTop(),this._searchElement.value="",this._dataChanged?s.confirm("Aviso","As alterações realizadas serão descartadas. Gostaria de salvar antes de sair?",null,a.WARN,{canClose:!1,labelCancel:"Descartar",labelConfirm:"Salvar",btnConfirmDanger:!1}).then((i=>{i?this.finish():(this._dataChanged=!1,this.configCancel.emit(),this._orderList.clearHistory(),this._componenteInternalKey=Date.now())})):(this.configCancel.emit(),this._orderList.clearHistory())}handleTabChange(i){var e;(null===(e=null==i?void 0:i.target)||void 0===e?void 0:e.selectedTab)&&(this.selectedTab!==i.target.selectedTab&&("Colunas"===i.target.selectedTab?this._orderList.scrollToTop():"Ordenação das linhas"===i.target.selectedTab&&this._columnList.scrollToTop(),this._searchElement.value=""),"Ordenação das linhas"===i.target.selectedTab&&this.createOrderList(),this.selectedTab=i.target.selectedTab)}handleColumnListChange(i){var e;if(i.detail){let t=null===(e=i.detail.find((i=>"Visíveis"===i.group)))||void 0===e?void 0:e.items;t&&(this._dataChanged=!0,this._orderListItems=t)}}handleOrderListChange(i){if(i.detail){let e=i.detail;e&&(this._dataChanged=!0,this._orderPriorityList=e)}}componentWillRender(){var i;(null===(i=this.columns)||void 0===i?void 0:i.length)>0&&this.createColumnList()}componentDidRender(){var i;(null===(i=this.columns)||void 0===i?void 0:i.length)>0&&this.locateColumn(new KeyboardEvent("arrow-right",{key:"ArrowRight"}),this._searchElement.value)}render(){return t(r,null,t("div",{class:"grid-config__header"},t("div",{class:"title-container"},t("div",{class:""},t("label",{class:"title"},"Configuração da Grade"),t("label",{class:"subtitle"},"Defina visibilidade e ordem das colunas.")),t("div",{class:"button-close"},t("ez-button",{mode:"icon",iconName:"close",size:"medium",onClick:()=>this.closeConfig()}))),t("div",{class:"tabselector-container"},t("ez-tabselector",{selectedTab:this.selectedTab,selectedIndex:0,onEzChange:i=>{this.handleTabChange(i)},tabs:"Colunas, Ordenação das linhas"})),t("div",null,t("ez-text-input",{ref:i=>this._searchElement=i,label:"Localizar coluna",onKeyUp:i=>this.locateColumn(i)},t("ez-icon",{slot:"leftIcon",size:"medium",iconName:"search"})))),t("div",{class:"grid-config__main"},t("ez-list",{ref:i=>this._columnList=i,class:"Colunas"===this.selectedTab?"":"hidden",dataSource:this._columListItems,onEzChange:i=>this.handleColumnListChange(i),ezDraggable:!0,ezSelectable:!0,itemSlotBuilder:(i,e)=>this.buildColumnListSlot(i,e),useGroups:!0}),t("div",{class:"Ordenação das linhas"===this.selectedTab?"group-name":"hidden"},"Sequência da ordenação"),t("ez-list",{ref:i=>this._orderList=i,class:"Ordenação das linhas"===this.selectedTab?"height-calc":"hidden",dataSource:this._orderListItems,ezSelectable:!0,onEzChange:i=>this.handleOrderListChange(i),ezDraggable:!0,itemSlotBuilder:i=>this.buildOrderListSlot(i)})),t("div",{class:"grid-config__footer"},t("ez-button",{class:"padding-right--medium",label:"Cancelar",onClick:()=>this.closeConfig()}),t("ez-button",{label:"Concluir",class:"ez-button--primary",onClick:()=>this.finish()})))}static get assetsDirs(){return["../assets"]}};l.style='.sc-ez-grid-config-h{--ez-grid-config__footer--padding-top:var(--space--medium, 12px);--ez-grid-config__main--padding-right:var(--space--medium, 12px);--ez-grid-config__tabselector-container--padding:var(--space--medium, 12px);--ez-grid-config__button-close--padding-left:var(--space--medium, 12px);--snk-grid-config__title--color:var(--title--primary, #2B3A54);--ez-grid-config__title--font-family:var(--font-pattern, "Roboto");--ez-grid-config__title--font-size:var(--title--large, 20px);--ez-grid-config__title--font-weight:var(--text-weight--extra-large, 700);--ez-grid-config__subtitle--font-family:var(--font-pattern, "Roboto");--ez-grid-config__subtitle--font-size:var(--text--medium, 14px);--ez-grid-config__scrollbar--width:var(--space--medium, 12px);--ez-grid-config__scrollbar--background-color-primary:var(--scrollbar--primary, #2B3A54);--ez-grid-config__scrollbar--background-color-secondary:var(--scrollbar--secondary, #E5EAF0);--ez-grid-config__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-grid-config__group--font-family:var(--font-pattern, "Roboto");--ez-grid-config__group--font-size:var(--text--medium, 14px);--ez-grid-config__group--font-weight:var(--text-weight--large, 600);--ez-grid-config__group--padding-bottom:var(--space-small, 6px);display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}@media screen and (min-width: 480px){.sc-ez-grid-config-h{width:359px;max-width:359px}}.padding-right--medium.sc-ez-grid-config{padding-right:var(--space--medium)}ez-list.sc-ez-grid-config{height:100%}.height-calc.sc-ez-grid-config{max-height:calc(100% - 24px)}.grid-config__footer.sc-ez-grid-config{display:flex;justify-content:flex-end;width:100%;padding-top:var(--ez-grid-config__footer--padding-top)}.hidden.sc-ez-grid-config{display:none}.tabselector-container.sc-ez-grid-config{padding:var(--ez-grid-config__tabselector-container--padding) 0}.button-close.sc-ez-grid-config{padding-left:var(--ez-grid-config__button-close--padding-left)}.title-container.sc-ez-grid-config{display:flex;justify-content:space-between;align-items:center;width:100%}.title.sc-ez-grid-config{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--snk-grid-config__title--color);font-size:var(--ez-grid-config__title--font-size);font-family:var(--ez-grid-config__title--font-family);font-weight:var(--ez-grid-config__title--font-weight)}.subtitle.sc-ez-grid-config{color:var(--text--primary);font-size:var(--ez-grid-config__subtitle--font-size);font-family:var(--ez-grid-config__subtitle--font-family)}.grid-config__main.sc-ez-grid-config{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ez-grid-config__scrollbar--background-color-primary) var(--ez-grid-config__scrollbar--background-color-secondary);padding-right:var(--ez-grid-config__main--padding-right)}.grid-config__main.sc-ez-grid-config::-webkit-scrollbar-track{background-color:var(--ez-grid-config__scrollbar--background-color-secondary)}.grid-config__main.sc-ez-grid-config::-webkit-scrollbar-thumb{background-color:var(--ez-grid-config__scrollbar--background-color-primary);border-radius:var(--ez-grid-config__scrollbar--border-radius)}.grid-config__main.sc-ez-grid-config::-webkit-scrollbar{width:var(--ez-grid-config__scrollbar--width);max-width:var(--ez-grid-config__scrollbar--width);min-width:var(--ez-grid-config__scrollbar--width);background-color:var(--ez-grid-config__scrollbar--background-color-secondary)}.group-name.sc-ez-grid-config{font-family:var(--ez-grid-config__group--font-family);font-size:var(--ez-grid-config__group--font-size);font-weight:var(--ez-grid-config__group--font-weight);padding-bottom:var(--ez-grid-config__group--padding-bottom)}';export{l as ez_grid_config}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as t,f as o,h as a}from"./p-3c7ea91b.js";import{D as l}from"./p-e1148f5c.js";class e{constructor(i,t,o,a,l,e,r,d,n){this.title=i,this.message=t,this.dialogType=o,this.confirm=a,this.icon=l,this.labelCancel=e,this.labelConfirm=r,this.btnConfirmDanger=d,this.callBack=n}}let r=class{constructor(o){i(this,o),this.ezCancel=t(this,"ezCancel",7),this.ezAccept=t(this,"ezAccept",7),this.labelConfirm="Sim",this.labelCancel="Não",this.btnConfirmDanger=!1,this.confirm=!1,this.opened=!1,this._messageQueue=[]}async handleButtonClick(i){this.opened=this._messageQueue.length>0,this._currentMessage.callBack?this._currentMessage.callBack(i):i?this.ezAccept.emit(i):this.ezCancel.emit(i),this._currentMessage=this._messageQueue.shift(),o(this)}async show(i,t,o,a,l,r,d,n){return this.opened=!0,new Promise((c=>{this._messageQueue.push(new e(i,t,o,a,l,r,d,n,c))}))}isCritical(i){return i===l.CRITICAL}getIconElement(i){if(i.dialogType!==l.DEFAULT)return a("ez-icon",{class:"changeable__icon "+this.getIconClass(i.dialogType),size:"small",iconName:this.getIconName(i)})}getIconClass(i){return this.isCritical(i)?"title-icon--critical":i===l.SUCCESS?"title-icon--success":i===l.WARN?"title-icon--warn":""}getIconName(i){return i.icon?i.icon:this.isCritical(i.dialogType)?"alert-circle-inverted":i.dialogType===l.WARN?"warning-outline":i.dialogType===l.SUCCESS?"check":void 0}getTypeIndicatorElement(i){if(i.dialogType!==l.DEFAULT)return a("div",{class:this.getClassIconIndicator(i.dialogType)})}getClassIconIndicator(i){return this.isCritical(i)?"dialog__critical--indicator":i==l.SUCCESS?"dialog__success--indicator":i==l.WARN?"dialog__warning--indicator":""}getClassContainer(i){return(i.dialogType||l.DEFAULT)===l.DEFAULT?"dialog__container dialog__container--default":"dialog__container"}getClassTitleLabel(i){return null==this.getIconElement(i)?"title title__label title__label--no-icon":"title title__label"}componentWillRender(){this._currentMessage||(this._messageQueue.length>0?this._currentMessage=this._messageQueue.pop():this.opened&&(this._currentMessage=new e(this.ezTitle,this.message,this.dialogType,this.confirm,this.personalizedIconPath,this.labelCancel,this.labelConfirm,this.btnConfirmDanger,null)))}render(){return this.opened&&this._currentMessage?a("div",{class:"overlay"},a("div",{class:"dialog"},this.getTypeIndicatorElement(this._currentMessage),a("div",{class:this.getClassContainer(this._currentMessage)},a("div",{class:"title__container"},a("div",{class:"title__box"},this.getIconElement(this._currentMessage),a("div",{class:this.getClassTitleLabel(this._currentMessage),innerHTML:this._currentMessage.title})),a("button",{class:"btn-close",onClick:()=>this.handleButtonClick(!1)})),a("div",{class:"message",innerHTML:this._currentMessage.message}),this._currentMessage.confirm&&a("div",{class:"button-yes-no__container"},a("ez-button",{class:"button__cancel",label:this._currentMessage.labelCancel,onClick:()=>this.handleButtonClick(!1)}),a("ez-button",{class:this._currentMessage.btnConfirmDanger?"button__confirm--danger":"button__confirm",label:this._currentMessage.labelConfirm,onClick:()=>this.handleButtonClick(!0)})),!this._currentMessage.confirm&&a("div",{class:"button__confirm--container"},a("ez-button",{label:"Ok",class:"button__confirm",onClick:()=>this.handleButtonClick(!0)}))))):null}};r.style=':host{--dialog__container-padding:var(--space--large, 24px);--dialog__btn__close--background-color:var(--title--primary, #2b3a54);--dialog__btn__no--padding-right:var(--space--large, 24px);--dialog__btn__close__image:url(\'data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg%22%3E<path d="M 7.0060773,5.995511 11.461972,1.5397722 c 0.132856,-0.1328413 0.207547,-0.3130253 0.207547,-0.5009046 0,-0.18786999 -0.07469,-0.3680541 -0.207547,-0.5009048 -0.132857,-0.13284126 -0.31302,-0.20748126 -0.500927,-0.20748126 -0.187812,0 -0.36807,0.07464 -0.500926,0.20748126 L 6.0042244,4.9937015 1.5482921,0.5379628 C 1.4154357,0.40512154 1.2352533,0.33048154 1.0473657,0.33048154 c -0.18787813,0 -0.36807,0.07464 -0.50092647,0.20748126 -0.13285646,0.1328507 -0.20749026,0.31303481 -0.20749026,0.5009048 0,0.1878793 0.0746338,0.3680633 0.20749026,0.5009046 L 5.0023715,5.995511 0.54643923,10.452213 c -0.0676086,0.06534 -0.12151598,0.14352 -0.15859681,0.229916 -0.0370714,0.08639 -0.0565645,0.1794 -0.0573369,0.27335 -7.724e-4,0.09404 0.0171873,0.187331 0.0528423,0.274293 0.0356455,0.08705 0.0882688,0.166087 0.15479148,0.23256 0.0665321,0.06648 0.14562277,0.11897 0.2326735,0.154567 0.0870507,0.0356 0.18031463,0.05344 0.2743433,0.05259 0.094029,-8.5e-4 0.1869528,-0.02049 0.2733331,-0.0576 0.08639,-0.0372 0.1645078,-0.09121 0.2298029,-0.158817 L 6.0042244,6.9973204 10.460119,11.453078 c 0.132856,0.132851 0.313114,0.207444 0.500926,0.207444 0.187907,0 0.36807,-0.07459 0.500927,-0.207444 0.132856,-0.13285 0.207547,-0.313006 0.207547,-0.500904 0,-0.187898 -0.07469,-0.368054 -0.207547,-0.500905 z"/></svg>\');--dialog__title--font-pattern:var(--font-pattern, "\'Sora\', \'Algerian\'");--dialog__title--padding-left:var(--space--small, 6px);--dialog__title__container--padding-bottom:var(--space--medium, 12px);--dialog__title--weight--large:var(--text-weight--large, 600);--dialog__body--font-pattern:var(--font-pattern, "\'Sora\', \'Algerian\'");--dialog__body--text-shadow:var(--text-shadow, "0 0 0 #353535, 0 0 1px transparent");--dialog__body--text-weight--medium:var(--text-weight--medium, 400);--dialog__body--padding-bottom:var(--space--large, 24px);--dialog__body--font-size:var(--text--medium, 14px);--dialog__body--color:var(--text--primary, #626e82);--dialog__icon--color:var(--text--inverted, #fff);--dialog__critical--background-color:var(--color--alert-error-800, #BD0025);--dialog__warning--background-color:var(--color--alert-warning-500, #EFB103);--dialog__success--background-color:var(--color--alert-success-500, #00523c);--dialog-z-index:var(--most-visible, 3);--dialog--warning__image:url(\'data: image/svg+xml;utf8,<svg width="15" height="15" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg"><path d="M 7.5,0 0,13 h 15 z m 0,2.73684 5.1341,8.89476 H 2.36591 Z M 6.81818,5.47368 V 8.21053 H 8.18182 V 5.47368 Z m 0,4.10527 V 10.9474 H 8.18182 V 9.57895"/></svg>\');--dialog--critical__image:url(\'data: image/svg+xml;utf8,<svg width="13" height="13" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg"><path d="M 7.6534493,6.4948538 12.762051,1.3864299 C 12.914368,1.2341297 13,1.027552 13,0.81215179 13,0.59676225 12.914369,0.39018443 12.762051,0.23787352 12.609733,0.08557341 12.40318,0 12.187747,0 11.972425,0 11.765762,0.08557341 11.613445,0.23787352 L 6.5048431,5.3462975 1.3961977,0.23787352 C 1.2438802,0.08557341 1.0373043,0 0.82189458,0 0.60649572,0 0.39990901,0.08557341 0.24759147,0.23787352 0.09527396,0.39018443 0.00970766,0.59676225 0.00970766,0.81215179 c 0,0.21540021 0.0855663,0.42197791 0.23788381,0.57427811 L 5.3562369,6.4948538 0.24759147,11.604381 c -0.0775121,0.07492 -0.13931586,0.164543 -0.18182835,0.263595 -0.04250169,0.09905 -0.064850182,0.205678 -0.0657357237,0.313391 -8.8554258e-4,0.107813 0.0197049337,0.214771 0.0605827337,0.314472 0.04086693,0.0998 0.10119858,0.190415 0.17746563,0.266625 0.0762779,0.07622 0.16695386,0.136398 0.26675594,0.177208 0.099802,0.04082 0.20672745,0.06127 0.31452961,0.06029 0.1078025,-9.53e-4 0.21433799,-0.0235 0.31337139,-0.06604 0.099045,-0.04265 0.1886052,-0.104571 0.263465,-0.182081 L 6.5048431,7.6434102 11.613445,12.751855 c 0.152317,0.152312 0.35898,0.237831 0.574302,0.237831 0.215433,0 0.421986,-0.08552 0.574304,-0.237831 C 12.914368,12.599545 13,12.393 13,12.177578 13,11.962157 12.91437,11.75561 12.762051,11.603299 Z"/></svg>\')}h2{margin-block-start:0;margin-block-end:0;margin-inline-start:0px;margin-inline-end:0px}.overlay{position:fixed;display:flex;top:0px;z-index:var(--dialog-z-index);left:0px;width:100%;box-sizing:border-box;height:100vh;backdrop-filter:blur(4px);background:rgba(0, 4, 12, 0.4)}.dialog{display:flex;width:80%;position:absolute;top:50%;left:50%;margin-right:-50%;box-sizing:border-box;transform:translate(-50%, -50%);box-shadow:0px 0px 16px rgba(0, 38, 111, 0.122)}@media screen and (min-width: 768px){.dialog{width:50%}}@media screen and (min-width: 992px){.dialog{width:33.33333%}}.dialog__container{width:100%;background:#FFFF;border-radius:0px 6px 6px 0px;box-sizing:border-box;padding:var(--dialog__container-padding)}.dialog__container--default{border-radius:6px 6px 6px 6px}.dialog__critical--indicator{box-sizing:border-box;width:12px;border-radius:6px 0px 0px 6px;background-color:var(--dialog__critical--background-color)}.dialog__warning--indicator{width:12px;border-radius:6px 0px 0px 6px;box-sizing:border-box;background-color:var(--dialog__warning--background-color)}.dialog__success--indicator{width:12px;border-radius:6px 0px 0px 6px;box-sizing:border-box;background-color:var(--dialog__success--background-color)}.message{font-size:var(--dialog__body--font-size);font-weight:var(--dialog__body--text-weight--medium);font-family:var(--dialog__body--font-pattern);text-shadow:var(--dialog__body--text-shadow);padding-bottom:var(--dialog__body--padding-bottom);color:var(--dialog__body--color);max-height:30vh;content-visibility:auto;margin-bottom:24px;overflow-y:auto}.changeable__icon{background:var(--dialog__warning--background-color);--ez-icon--color:var(--dialog__icon--color);display:grid;place-items:center;width:26px;height:26px;border-radius:50%}.changeable__icon.critical{background:var(--dialog__critical--background-color)}.title{display:flex;font-family:var(--dialog__title--font-pattern);margin:0;font-weight:var(--dialog__title--weight--large);line-height:0}.title__container{display:flex;padding-bottom:var(--dialog__title__container--padding-bottom)}.title__box{display:flex;width:100%;align-items:center;align-self:center}.title__label{padding-left:var(--dialog__title--padding-left)}.title__label--no-icon{padding-left:0}.title-icon--critical{background-color:var(--dialog__critical--background-color)}.title-icon--success{background-color:var(--dialog__success--background-color)}.title-icon--warn{background-color:var(--dialog__warning--background-color)}.btn-close{justify-content:flex-end;align-self:flex-start;align-items:flex-start;display:flex;outline:none;width:10%;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:\'\';display:flex;background-color:var(--dialog__btn__close--background-color);width:12px;height:12px;-webkit-mask-image:var(--dialog__btn__close__image);mask-image:var(--dialog__btn__close__image)}.title-icon::after{content:\'\';display:flex;background-color:#FFFF;width:15px;height:15px;-webkit-mask-image:var(--dialog--warning__image);mask-image:var(--dialog--warning__image)}.button-yes-no__container{display:flex;box-sizing:border-box;align-self:center;align-items:center;justify-content:flex-end}.button__cancel{padding-right:var(--dialog__btn__no--padding-right)}.button__confirm{--ez-button--background-color:var(--color--primary);--ez-button--color:var(--color--inverted);--ez-button--hover--background-color:var(--color--primary-600);--ez-button--hover-color:var(--color--inverted)}.button__confirm--danger{--ez-button--background-color:var(--color--alert-error-800, #BD0025);--ez-button--color:var(--color--inverted);--ez-button--hover--background-color:var(--color-alert--error-900, #a10020);--ez-button--hover-color:var(--color--inverted)}.button__confirm--container{display:flex;justify-content:flex-end}.row{width:100%;display:flex;flex-wrap:wrap}.col{display:flex;flex-wrap:wrap;align-self:flex-start;box-sizing:border-box}.col--stretch{align-self:stretch}.col--undefined{width:unset}.col--nowrap{flex-wrap:nowrap}@media screen and (min-width: 320px){.col--sd-1{width:8.33333%}.col--sd-2{width:16.66667%}.col--sd-3{width:25%}.col--sd-4{width:33.33333%}.col--sd-5{width:41.66667%}.col--sd-6{width:50%}.col--sd-7{width:58.33333%}.col--sd-8{width:66.66667%}.col--sd-9{width:75%}.col--sd-10{width:83.33333%}.col--sd-11{width:91.66667%}.col--sd-12{width:100%}}@media screen and (min-width: 480px){.col--pn-1{width:8.33333%}.col--pn-2{width:16.66667%}.col--pn-3{width:25%}.col--pn-4{width:33.33333%}.col--pn-5{width:41.66667%}.col--pn-6{width:50%}.col--pn-7{width:58.33333%}.col--pn-8{width:66.66667%}.col--pn-9{width:75%}.col--pn-10{width:83.33333%}.col--pn-11{width:91.66667%}.col--pn-12{width:100%}}@media screen and (min-width: 768px){.col--tb-1{width:8.33333%}.col--tb-2{width:16.66667%}.col--tb-3{width:25%}.col--tb-4{width:33.33333%}.col--tb-5{width:41.66667%}.col--tb-6{width:50%}.col--tb-7{width:58.33333%}.col--tb-8{width:66.66667%}.col--tb-9{width:75%}.col--tb-10{width:83.33333%}.col--tb-11{width:91.66667%}.col--tb-12{width:100%}}@media screen and (min-width: 992px){.col--md-1{width:8.33333%}.col--md-2{width:16.66667%}.col--md-3{width:25%}.col--md-4{width:33.33333%}.col--md-5{width:41.66667%}.col--md-6{width:50%}.col--md-7{width:58.33333%}.col--md-8{width:66.66667%}.col--md-9{width:75%}.col--md-10{width:83.33333%}.col--md-11{width:91.66667%}.col--md-12{width:100%}}@media screen and (min-width: 1200px){.col--ld-1{width:8.33333%}.col--ld-2{width:16.66667%}.col--ld-3{width:25%}.col--ld-4{width:33.33333%}.col--ld-5{width:41.66667%}.col--ld-6{width:50%}.col--ld-7{width:58.33333%}.col--ld-8{width:66.66667%}.col--ld-9{width:75%}.col--ld-10{width:83.33333%}.col--ld-11{width:91.66667%}.col--ld-12{width:100%}}';export{r as ez_dialog}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,c as i,h as t,H as s,g as e}from"./p-3c7ea91b.js";import{FloatingManager as r}from"@sankhyalabs/core";import{A as a}from"./p-0b44cf1c.js";import{C as l}from"./p-4a5e37a7.js";import"./p-e1148f5c.js";import"./p-b853763b.js";let n=class{constructor(t){o(this,t),this.ezChange=i(this,"ezChange",7),this._changeDeboucingTimeout=null,this._limitCharsToSearch=3,this._deboucingTime=300,this._maxWidthValue=0,this._tabPressed=!1,this._textEmptyList="Nenhum resultado encontrado",this._startLoading=!1,this._showLoading=!0,this.enabled=!0,this.showSelectedValue=!1,this.showOptionValue=!1,this.suppressSearch=!1,this.suppressEmptyOption=!1,this.canShowError=!0,this.mode="regular"}observeErrorMessage(){var o;this._textInput&&(this._textInput.errorMessage=this.errorMessage,(null===(o=this.errorMessage)||void 0===o?void 0:o.trim())||this.setInputValue())}observeValue(o,i){var t,s,e,r;if(this._textInput&&o!=i){const a=this.getSelectedOption(o),l=this.getSelectedOption(i),n=this.getSelectedOption(this.value);(null===(t=null==n?void 0:n.value)||void 0===t?void 0:t.toString())!=(null===(s=null==a?void 0:a.value)||void 0===s?void 0:s.toString())&&(this.value=a),(null===(e=null==a?void 0:a.value)||void 0===e?void 0:e.toString())!==(null===(r=null==l?void 0:l.value)||void 0===r?void 0:r.toString())&&(this.setInputValue(),this.ezChange.emit(null===a?void 0:a)),this.hideOptions(),this._criteria=void 0,this._preSelection=void 0,this.updateVisibleOptions()}}async setFocus(){this._textInput.setFocus()}async setBlur(){this._textInput.setBlur()}async isInvalid(){return"string"==typeof this.errorMessage&&""!==this.errorMessage.trim()}getText(){let o="";const i=this.getSelectedOption(this.value);if(i&&(o=this.showSelectedValue?`${i.value} - ${i.label}`:i.label),null!=o)return String(o).replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,'"')}getSelectedOption(o){return"string"==typeof o||o instanceof String?this._visibleOptions.find((i=>i.value===o)):o}updateVisibleOptions(){let o=this._source||[];if(!this.searchMode&&this._criteria){const i=this._criteria.toUpperCase();o=o.filter((o=>o.label.toLocaleUpperCase().indexOf(i)>-1))}this._visibleOptions=this.suppressEmptyOption?o:[{value:void 0,label:""}].concat(o),this._maxWidthValue=this.getMaxWidthValue()}getMaxWidthValue(){var o;if(this.showOptionValue){const i=[];return null===(o=this._visibleOptions)||void 0===o||o.forEach((o=>{const t=this.getWidthValue(o.value);i.includes(t)||i.push(t)})),i.length>1?Math.max(...i):0}return 0}getWidthValue(o){if(null!=this._itemValueBasis){const i=this._itemValueBasis;if(null!=o)return i.innerHTML=o,i.clientWidth>0?i.clientWidth+2:0;i.innerHTML=""}return 0}buildItem(o,i){const s=this.showOptionValue&&this._maxWidthValue>0?`${this._maxWidthValue}px`:"";return t("li",{class:i===this._preSelection?"item preselected":"item",id:`item_${o.value}`,onMouseDown:()=>this.selectOption(o),onMouseOver:()=>this._preSelection=void 0},this.showOptionValue?t("span",{class:"item__value",title:o.value,style:{width:s,minWidth:s,maxWidth:s}},o.value):void 0,t("span",{class:"item__label",title:o.label},o.label))}showOptions(){this.enabled&&(this._floatingID=r.float(this._listWrapper,this._listContainer,{autoClose:!0,top:this.errorMessage||!this.canShowError||"slim"===this.mode?"0px":"-19px"}),window.requestAnimationFrame((()=>{this._listWrapper.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})})))}hideOptions(){void 0!==this._floatingID&&r.close(this._floatingID),this._floatingID=void 0}isOptionsVisible(){return void 0!==this._floatingID&&r.isFloating(this._floatingID)}nextOption(){this.searchMode&&!this.isOptionsVisible()||(this.showOptions(),this._preSelection=void 0===this._preSelection?0:Math.min(this._preSelection+1,this._visibleOptions.length-1),this.scrollToOption(this._visibleOptions[this._preSelection],!0))}previousOption(){this._preSelection=void 0===this._preSelection?0:Math.max(this._preSelection-1,0),this.scrollToOption(this._visibleOptions[this._preSelection],!1)}scrollToOption(o,i){window.requestAnimationFrame((()=>{const t=(null==o?void 0:o.value)?this._optionsList.querySelector(`li#item_${o.value}`):void 0;if(t){const o=t.parentElement,s=o.getBoundingClientRect(),e=t.getBoundingClientRect();i&&e.bottom>s.bottom?o.scrollTop=e.top:!i&&e.top<s.top&&(o.scrollTop=0)}}))}selectCurrentOption(){void 0!==this._preSelection?(this.selectOption(this._visibleOptions[this._preSelection]),this._preSelection=void 0):this.controlListWithOnlyOne()}updateSource(o){this._startLoading=!1,o instanceof Promise?(this._showLoading=!0,o.then((o=>{this._showLoading=!1,this.updateSource(o)})).catch((()=>this._showLoading=!1)),this.updateVisibleOptions()):(this._showLoading=!1,Array.isArray(o)?(this._source=o,this.updateVisibleOptions(),this._tabPressed&&(this._tabPressed=!1,this.controlEmptySearch())):this.selectOption(o))}clearSource(){this._source=[],this.updateVisibleOptions()}selectOption(o){var i,t;const s=this.getSelectedOption(this.value);(null===(i=null==s?void 0:s.value)||void 0===i?void 0:i.toString())!==(null===(t=null==o?void 0:o.value)||void 0===t?void 0:t.toString())?this.value=(null==o?void 0:o.value)?o:void 0:(this.setInputValue(),this.hideOptions()),this.searchMode&&(this._visibleOptions=[]),this.searchMode&&(this._visibleOptions=[])}loadOptions(o,i=""){this._criteria=i,this._startLoading=!0,this.updateSource(this.optionLoader?this.optionLoader({mode:o,argument:i}):this.options)}cancelPreselection(){!this._textInput.value&&this.value?this.selectOption(void 0):this.setInputValue()}setInputValue(o=!0){const i=this.getText();(this._textInput.value||"")!==i&&(this._textInput.value=i,o&&(this.errorMessage=""))}clearSearch(){this.value=null}controlListWithOnlyOne(){if(this.searchMode){const o=this._visibleOptions;1===(null==o?void 0:o.length)&&this.selectOption(o[0])}}controlEmptySearch(){var o;this.searchMode&&((null===(o=this._visibleOptions)||void 0===o?void 0:o.length)?this.controlListWithOnlyOne():(this.clearSearch(),a.info(this._textEmptyList)))}componentWillLoad(){if(void 0===this.options){this.options=[];const o=this.el.querySelectorAll("option");o&&o.forEach((o=>{let i=o.innerText,t=o.getAttribute("value");t||(t=i),this.options.push({label:i,value:t}),o.hidden=!0}))}this.searchMode?this.updateSource([]):this.loadOptions(h.PRELOAD)}componentDidRender(){void 0===this._floatingID&&this._listWrapper.remove()}componentDidLoad(){l.applyVarsTextInput(this.el,this._textInput),this.setInputValue(!1)}handlerIconClick(){this.searchMode?this.loadOptions(h.ADVANCED):this.showOptions()}onTextInputChangeHandler(o){var i;if(this.clearDeboucingTimeout(),this._startLoading)return void(this._changeDeboucingTimeout=window.setTimeout((()=>{this.onTextInputChangeHandler(o)}),this._deboucingTime));const t=null===(i=o.target.value)||void 0===i?void 0:i.trim(),s=Number(t||void 0);this._criteria||(this._textInput.value=o.data||t),this._criteria=t,t&&(!isNaN(s)||t.length>=this._limitCharsToSearch)?(this.searchMode?(this._showLoading=!0,this.clearSource(),this._changeDeboucingTimeout=window.setTimeout((()=>{this.loadOptions(h.PREDICTIVE,isNaN(s)?t:s.toString())}),this._deboucingTime)):this.updateVisibleOptions(),this.showOptions()):this.hideOptions()}clearDeboucingTimeout(){this._changeDeboucingTimeout&&(window.clearTimeout(this._changeDeboucingTimeout),this._changeDeboucingTimeout=void 0)}onTextInputClickHandler(){this.searchMode||this.showOptions()}keyDownHandler(o){switch(this._tabPressed=!1,o.ctrlKey&&("f"!==o.key&&"F"!==o.key||(this.loadOptions(h.ADVANCED),o.stopPropagation(),o.stopImmediatePropagation(),o.preventDefault())),o.key){case"ArrowDown":this.nextOption();break;case"ArrowUp":this.previousOption();break;case"Enter":this.selectCurrentOption();break;case"Escape":this.cancelPreselection();break;case"Tab":this._tabPressed=!0,this.controlListWithOnlyOne()}}onTextInputFocusOutHandler(){this.cancelPreselection()}render(){var o;return t(s,null,t("ez-text-input",{class:this.suppressSearch?"suppressed-search-input":"",ref:o=>this._textInput=o,"data-slave-mode":"true",enabled:this.enabled&&!this.suppressSearch,onInput:o=>this.onTextInputChangeHandler(o),onClick:()=>this.onTextInputClickHandler(),onFocusout:()=>this.onTextInputFocusOutHandler(),onKeyDown:o=>this.keyDownHandler(o),label:this.label,canShowError:this.canShowError,errorMessage:this.errorMessage,mode:this.mode},t("button",{class:"btn",slot:this.searchMode?"leftIcon":"rightIcon",disabled:!this.enabled,tabindex:-1,onClick:()=>this.handlerIconClick()},t("ez-icon",{iconName:this.searchMode?"search":"chevron-down"})),this.searchMode&&(null===(o=this._textInput)||void 0===o?void 0:o.value)&&(this._criteria||this.value)?t("button",{class:"btn btn__close",slot:"rightIcon",disabled:!this.enabled,tabindex:-1,onClick:()=>this.clearSearch()},t("ez-icon",{iconName:"close"})):void 0),t("section",{class:"list-container",ref:o=>this._listContainer=o},t("div",{class:"list-wrapper",ref:o=>this._listWrapper=o},t("div",{class:"list-options",ref:o=>this._optionsList=o},0===this._visibleOptions.length&&t("div",{class:"message"},!this._showLoading&&t("span",{class:"message__no-result"},this._textEmptyList),this._showLoading&&t("div",{class:"message__loading"})),this.showOptionValue?t("span",{class:"item__value item__value--hidden",ref:o=>this._itemValueBasis=o}):void 0,this._visibleOptions.length>0&&this._visibleOptions.map(((o,i)=>this.buildItem(o,i)))))))}get el(){return e(this)}static get watchers(){return{errorMessage:["observeErrorMessage"],value:["observeValue"]}}};var h;!function(o){o.ADVANCED="ADVANCED",o.PRELOAD="PRELOAD",o.PREDICTIVE="PREDICTIVE"}(h||(h={})),n.style=":host{--ez-combo-box--height:42px;--ez-combo-box--width:100%;--ez-combo-box__icon--width:48px;--ez-combo-box--border-radius:var(--border--radius-medium, 12px);--ez-combo-box--border-radius-small:var(--border--radius-small, 6px);--ez-combo-box--font-size:var(--text--medium, 14px);--ez-combo-box--font-family:var(--font-pattern, Arial);--ez-combo-box--font-weight--large:var(--text-weight--large, 500);--ez-combo-box--font-weight--medium:var(--text-weight--medium, 400);--ez-combo-box--background-color--xlight:var(--background--xlight, #fff);--ez-combo-box--background-medium:var(--background--medium, #f0f3f7);--ez-combo-box__input--background-color:var(--background--medium, #e0e0e0);--ez-combo-box__input--border:var(--border--medium, 2px solid);--ez-combo-box__input--border-color:var(--ez-combo-box__input--background-color);--ez-combo-box__input--focus--border-color:var(--color--primary, #008561);--ez-combo-box__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--ez-combo-box__input--disabled--color:var(--text--disable, #AFB6C0);--ez-combo-box__input--error--border-color:#CC2936;--ez-combo-box__btn--color:var(--title--primary, #2B3A54);--ez-combo-box__btn-disabled--color:var(--text--disable, #AFB6C0);--ez-combo-box__btn-hover--color:var(--color--primary, #4e4e4e);--ez-combo-box__label--color:var(--title--primary, #2B3A54);--ez-combo-box__list-title--primary:var(--title--primary, #2B3A54);--ez-combo-box__list-text--primary:var(--text--primary, #626e82);--ez-combo-box__list-height:calc(var(--ez-combo-box--font-size) + var(--ez-combo-box--space--medium));--ez-combo-box--space--medium:var(--space--medium, 12px);--ez-combo-box--space--small:var(--space--small, 6px);--ez-combo-box__list-scrollbar--background-color-primary:var(--scrollbar--primary, #2B3A54);--ez-combo-box__list-scrollbar--background-color-secondary:var(--scrollbar--secondary, #E5EAF0);--ez-combo-box__list-scrollbar--border-radius:var(--border--radius-small, 6px);--ez-combo-box__list-scrollbar--width:var(--space--medium, 12px);display:flex;flex-wrap:wrap;position:relative;width:var(--ez-combo-box--width)}ez-icon{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.suppressed-search-input{--ez-text-input__input--border-color:var(--color--strokes, #dce0e8);--ez-text-input__input--disabled--background-color:var(--background--xlight, #fff);--ez-text-input__input--disabled--color:var(--title--primary, #2B3A54)}.list-container{position:relative;width:100%}.list-wrapper{display:flex;flex-direction:column;box-sizing:border-box;width:100%;z-index:var(--more-visible, 2);max-height:calc(4*var(--ez-combo-box__list-height) + 2*var(--ez-combo-box--space--small));background-color:var(--ez-combo-box--background-color--xlight);border-radius:var(--ez-combo-box--border-radius);box-shadow:var(--shadow, 0px 0px 16px 0px #000);padding:var(--ez-combo-box--space--small)}.list-options{box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column;scroll-behavior:smooth;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--ez-combo-box__list-scrollbar--background-color-primary) var(--ez-combo-box__list-scrollbar--background-color-secondary)}.list-options::-webkit-scrollbar-track{background-color:var(--ez-combo-box__list-scrollbar--background-color-secondary);border-radius:var(--ez-combo-box__list-scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb{background-color:var(--ez-combo-box__list-scrollbar--background-color-primary);border-radius:var(--ez-combo-box__list-scrollbar--border-radius)}.list-options::-webkit-scrollbar{background-color:var(--ez-combo-box__list-scrollbar--background-color-secondary);width:var(--ez-combo-box__list-scrollbar--width);max-width:var(--ez-combo-box__list-scrollbar--width);min-width:var(--ez-combo-box__list-scrollbar--width)}.item{display:flex;align-items:center;width:100%;box-sizing:border-box;list-style-type:none;cursor:pointer;border-radius:var(--ez-combo-box--border-radius-small);padding:0 var(--ez-combo-box--space--small);min-height:var(--ez-combo-box__list-height);gap:var(--space--small, 6px)}.item__value,.item__label{flex-basis:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-combo-box__list-title--primary);font-weight:var(--ez-combo-box--font-weight--large);font-family:var(--ez-combo-box--font-family);font-size:var(--ez-combo-box--font-size)}.item__value{text-align:center;color:var(--ez-combo-box__list-text--primary)}.item__value--hidden{visibility:hidden;position:absolute;white-space:nowrap;z-index:-1;top:0;left:0}.item__label{text-align:left}.message{text-align:center;display:flex;justify-content:center;align-items:center;list-style-type:none;min-height:calc(var(--ez-combo-box__list-height) * 1.5)}.message__no-result{color:var(--ez-combo-box__list-title--primary);font-family:var(--ez-combo-box--font-family);font-size:var(--ez-combo-box--font-size)}.message__loading{border-radius:50%;width:16px;height:16px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid var(--ez-combo-box__list-title--primary);border-top:3px solid transparent}li:hover{background-color:var(--ez-combo-box--background-medium)}.preselected{background-color:var(--background--medium)}.btn{outline:none;border:none;background:none;cursor:pointer;color:var(--ez-combo-box__btn--color)}.btn:disabled{cursor:unset;color:var(--ez-combo-box__btn-disabled--color)}.btn:disabled:hover{cursor:unset;color:var(--ez-combo-box__btn-disabled--color)}.btn:hover{color:var(--ez-combo-box__btn-hover--color)}.btn__close{visibility:hidden}ez-text-input:hover .btn__close,ez-text-input:focus .btn__close{visibility:visible}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";export{n as ez_combo_box}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as o}from"./p-3c7ea91b.js";let s=class{constructor(o){e(this,o),this.ezChange=t(this,"ezChange",7),this.selectedOption={value:"na",label:"N/A"}}render(){return o("ez-combo-box",{class:"grid-config-combo ez-input--inverted",label:"",suppressSearch:!0,value:this.selectedOption,enabled:!0,canShowError:!1,suppressEmptyOption:!0},o("option",{value:"na"},"N/A"),o("option",{value:"asc"},"A-Z"),o("option",{value:"desc"},"Z-A"))}static get assetsDirs(){return["../assets"]}};s.style="ez-combo-box{width:100px}.grid-config-combo{--ez-text-input--height:28px;--ez-text-input__input--background-color:#fff;--ez-text-input__input--border-color:#dce0e8}";export{s as ez_select_box}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{h as e,r as t,c as i,f as n,H as s,g as r}from"./p-3c7ea91b.js";import{UserInterface as a,Action as l,WaitingChangeException as o,ApplicationContext as c,DataUnitAction as d,DataUnit as h}from"@sankhyalabs/core";import{C as u}from"./p-b853763b.js";import{A as f}from"./p-0b44cf1c.js";import"./p-e1148f5c.js";const b=({name:t,label:i,readOnly:n})=>e("div",{class:"ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small"},e("ez-text-input",{label:i,"data-field-name":t,key:t,enabled:!n}));function p(t,i,n,s=!1){return e("div",{class:"ez-col ez-col--sd-12 ez-col--tb-3 ez-align--middle ez-padding-horizontal--small ez-padding-bottom--large"},e("ez-check",{enabled:!n,label:i,mode:s?u.SWITCH:u.REGULAR,"data-field-name":t,key:t}))}function m(t,i,n,s,r){return e("div",{class:"ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small"},e("ez-number-input",{enabled:!n,label:i,precision:s,prettyPrecision:r,"data-field-name":t,key:t}))}const v=new Map;v.set(a.LONGTEXT,(({name:t,label:i,readOnly:n})=>e("div",{class:"ez-col ez-col--sd-12 ez-padding-horizontal--small",key:t},e("ez-text-area",{enabled:!n,label:i,"data-field-name":t})))),v.set(a.CHECKBOX,(e=>p(e.name,e.label,e.readOnly,!1))),v.set(a.SWITCH,(e=>p(e.name,e.label,e.readOnly,!0))),v.set(a.OPTIONSELECTOR,(({name:t,label:i,readOnly:n,required:s},r)=>{const a=null==r?void 0:r.options;let l;if("string"==typeof a){const e=JSON.parse(a);l=Object.keys(e).map((t=>({value:t,label:e[t]})))}else l=a;return e("div",{class:"ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small"},e("ez-combo-box",{enabled:!n,suppressEmptyOption:s,label:i,"data-field-name":t,key:t,options:l}))})),v.set(a.SEARCH,(({name:t,label:i,readOnly:n,required:s})=>e("div",{class:"ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small"},e("ez-search",{enabled:!n,suppressEmptyOption:s,label:i,"data-field-name":t,key:t})))),v.set(a.FILE,(({name:t,label:i,readOnly:n})=>e("div",{class:"ez-col ez-col--sd-12 ez-padding-horizontal--small"},e("ez-upload",{enabled:!n,label:i,"data-field-name":t,key:t})))),v.set(a.DATE,(({name:t,label:i,readOnly:n})=>e("div",{class:"ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small"},e("ez-date-input",{enabled:!n,label:i,"data-field-name":t,key:t})))),v.set(a.TIME,(({name:t,label:i,readOnly:n})=>e("div",{class:"ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small"},e("ez-time-input",{enabled:!n,label:i,"data-field-name":t,key:t})))),v.set(a.DATETIME,(({name:t,label:i,readOnly:n})=>e("div",{class:"ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small"},e("ez-date-time-input",{enabled:!n,label:i,"data-field-name":t,key:t})))),v.set(a.DECIMALNUMBER,(({name:e,label:t,readOnly:i},n)=>{const s=Number((null==n?void 0:n.precision)||2);return m(e,t,i,s,Number((null==n?void 0:n.prettyPrecision)||s))})),v.set(a.INTEGERNUMBER,(({name:e,label:t,readOnly:i})=>m(e,t,i,0,0)));const z=e=>{const t=e.descriptor,i=Object.assign({},e.config);let n,s;return t&&(i.label||(i.label=t.label),i.name||(i.name=t.name),null!=i.required&&!0!==t.required||(i.required=t.required),null!=i.readOnly&&!0!==t.readOnly||(i.readOnly=t.readOnly),s=t.properties,n=v.get(t.userInterface)),i.required&&(i.label=`${i.label} (obrigatório) *`),n||(n=b),n(i,s)},y=({source:t})=>"items"in t?e("ez-collapsible-box",{label:t.label,"header-size":"large"},t.items.map((e=>z(e)))):z(t),g=({store:t,source:i})=>e("div",{class:"dynamic-content ez-box__container"},e("div",{class:"ez-row ez-padding-vertical--small"},i.items.map((i=>e(y,{store:t,source:i})))));class _{constructor(){this._sheets=new Map,this._requiredFields=[],this._cleanOnCopyFields=[],this._defaultValues={}}getSheet(e){return this._sheets.get(e)}getAllSheets(){return this._sheets}addSheet(e){this._sheets.set(e.name,e),this._requiredFields=this._requiredFields.concat(e.requiredFields),this._cleanOnCopyFields=this._cleanOnCopyFields.concat(e.cleanOnCopyFields),this._defaultValues=e.defaultValues}getRequiredFields(){return this._requiredFields}getCleanOnCopyFields(){return this._cleanOnCopyFields}getDefaultValues(){return this._defaultValues}}function w(e,t){return"__main"==e[0].label?-1:(e[0].order||1e4)-(t[0].order||1e4)}function O(e){return"Minified Redux error #"+e+"; visit https://redux.js.org/Errors?code="+e+" for the full message or use the non-minified dev environment for full errors. "}var E="function"==typeof Symbol&&Symbol.observable||"@@observable",A=function(){return Math.random().toString(36).substring(7).split("").join(".")},C={INIT:"@@redux/INIT"+A(),REPLACE:"@@redux/REPLACE"+A(),PROBE_UNKNOWN_ACTION:function(){return"@@redux/PROBE_UNKNOWN_ACTION"+A()}};function x(e){if("object"!=typeof e||null===e)return!1;for(var t=e;null!==Object.getPrototypeOf(t);)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t}function j(e,t,i){var n;if("function"==typeof t&&"function"==typeof i||"function"==typeof i&&"function"==typeof arguments[3])throw new Error(O(0));if("function"==typeof t&&void 0===i&&(i=t,t=void 0),void 0!==i){if("function"!=typeof i)throw new Error(O(1));return i(j)(e,t)}if("function"!=typeof e)throw new Error(O(2));var s=e,r=t,a=[],l=a,o=!1;function c(){l===a&&(l=a.slice())}function d(){if(o)throw new Error(O(3));return r}function h(e){if("function"!=typeof e)throw new Error(O(4));if(o)throw new Error(O(5));var t=!0;return c(),l.push(e),function(){if(t){if(o)throw new Error(O(6));t=!1,c();var i=l.indexOf(e);l.splice(i,1),a=null}}}function u(e){if(!x(e))throw new Error(O(7));if(void 0===e.type)throw new Error(O(8));if(o)throw new Error(O(9));try{o=!0,r=s(r,e)}finally{o=!1}for(var t=a=l,i=0;i<t.length;i++)(0,t[i])();return e}function f(e){if("function"!=typeof e)throw new Error(O(10));s=e,u({type:C.REPLACE})}function b(){var e,t=h;return(e={subscribe:function(e){if("object"!=typeof e||null===e)throw new Error(O(11));function i(){e.next&&e.next(d())}return i(),{unsubscribe:t(i)}}})[E]=function(){return this},e}return u({type:C.INIT}),(n={dispatch:u,subscribe:h,getState:d,replaceReducer:f})[E]=b,n}const R={};function M(e=R,t){switch(t.type){case N.METADATA_LOADED:return Object.assign(Object.assign({},e),{formMetadata:t.payload,currentSheet:void 0});case N.CHANGE_TAB:return Object.assign(Object.assign({},e),{currentSheet:t.payload});default:return e}}function k(e){return e.formMetadata}var N;!function(e){e.METADATA_LOADED="FORM/METADATA_LOADED",e.CHANGE_TAB="FORM/CHANGE_TAB"}(N||(N={}));class P{constructor(e){this._invalidFields=new Map,this.onDataUnitEvent=e=>{var t;switch(e.type){case l.DATA_LOADED:case l.DATA_SAVED:case l.RECORDS_REMOVED:case l.RECORDS_ADDED:case l.RECORDS_COPIED:case l.EDITION_CANCELED:case l.SELECTION_CHANGED:case l.NEXT_SELECTED:case l.PREVIOUS_SELECTED:this.clearInvalid();case l.DATA_CHANGED:case l.CHANGE_UNDONE:case l.CHANGE_REDONE:case l.RECORD_LOADED:null===(t=this._fields)||void 0===t||t.forEach((e=>{this.updateValue(e.fieldName,e.field)}))}},this._fields=new Map,this._dataUnit=e,this._dataUnit.subscribe(this.onDataUnitEvent)}bind(e){e.forEach((e=>{this.updateBind(e.dataset.fieldName,e)}))}onDisconnectedCallback(){this._dataUnit.unsubscribe(this.onDataUnitEvent)}markInvalid(e){this._invalidFields.set(e.name,e),this._fields.has(e.name)&&this.updateErrorMessage(e.name,this._fields.get(e.name).field)}clearInvalid(){this._invalidFields.clear(),this._fields.forEach((e=>{this.updateErrorMessage(e.field.dataset.fieldName,e.field)}))}updateValue(e,t){const i=this._fields.get(e);try{i&&(i.listen=!1),t.value=this._dataUnit.getFieldValue(e),this.updateErrorMessage(e,t)}finally{i&&(i.listen=!0)}}updateErrorMessage(e,t){const i=this._invalidFields.get(e);t.errorMessage=i?i.message:""}updateBind(e,t){const i=this._fields.get(e);i&&i.destroy(),t.value=this._dataUnit.getFieldValue(e),this.updateErrorMessage(e,t),this._fields.set(e,S.create(e,t,((e,t)=>this.changeStarted(e,t)),(e=>this.cancelWaitingChange(e)),((e,t)=>this.setFieldValue(e,t)))),this.bindSearchOptionsLoader(e,t),this.applyEzUploadContext(e,t)}changeStarted(e,t){if(0===this._dataUnit.records.length&&this._dataUnit.addRecord(),!t.blocking&&null==t.promise){const i=this._fields.get(e);i&&(t.promise=new Promise(((e,t)=>{i.waitingChangePromiseResolve=e,i.waitingChangePromiseReject=t})))}this._dataUnit.startChange(e,t)}cancelWaitingChange(e){if(this._dataUnit.waitingForChange(e)){this._dataUnit.cancelWaitingChange(e);const t=this._fields.get(e);t&&t.rejectWaitingChange(new o("Change canceled",e))}}setFieldValue(e,t){if(0===this._dataUnit.records.length&&this._dataUnit.addRecord(),this._invalidFields.delete(e),this._dataUnit.setFieldValue(e,t),this._dataUnit.waitingForChange(e)){const t=this._fields.get(e);t&&t.acceptWaitingChange()}}bindSearchOptionsLoader(e,t){if("EZ-SEARCH"===t.nodeName&&null==t.optionLoader){const i=c.getContextValue("__EZUI__SEARCH__OPTION__LOADER__");i&&(t.optionLoader=t=>i(t,e,this._dataUnit))}}applyEzUploadContext(e,t){var i,n;if("EZ-UPLOAD"===t.nodeName){t.urlUpload=c.getContextValue("__EZUI__UPLOAD__ADD__URL__"),t.urlDelete=c.getContextValue("__EZUI__UPLOAD__DEL__URL__");const s=this._dataUnit.getField(e),r=null===(i=s.properties)||void 0===i?void 0:i.DESTINATION;r&&(t.requestHeaders={XTRAINF:`{"destination": "${r}"}`}),t.maxFiles=(null===(n=s.properties)||void 0===n?void 0:n.MAX_FILES)||0}}}class S{constructor(){this.listen=!0,this.startChangeEventName="ezStartChange",this.cancelWaitingChangeEventName="ezCancelWaitingChange",this.changeEventName="ezChange"}destroy(){this.field.removeEventListener(this.startChangeEventName,this.startChangeListener),this.field.removeEventListener(this.cancelWaitingChangeEventName,this.cancelWaitingChangeListener),this.field.removeEventListener(this.changeEventName,this.changeListener)}acceptWaitingChange(){this.waitingChangePromiseResolve&&(this.waitingChangePromiseResolve(),this.waitingChangePromiseReject=void 0,this.waitingChangePromiseResolve=void 0)}rejectWaitingChange(e){this.waitingChangePromiseReject&&(this.waitingChangePromiseReject(e),this.waitingChangePromiseReject=void 0,this.waitingChangePromiseResolve=void 0)}static create(e,t,i,n,s){const r=new S;return r.field=t,r.fieldName=e,r.startChangeListener=t=>{r.listen&&i(e,t.detail)},r.field.addEventListener(r.startChangeEventName,r.startChangeListener),r.cancelWaitingChangeListener=()=>{r.listen&&n(e)},r.field.addEventListener(r.cancelWaitingChangeEventName,r.cancelWaitingChangeListener),r.changeListener=t=>{r.listen&&s(e,t.detail)},r.field.addEventListener(r.changeEventName,r.changeListener),r}}let D=class{constructor(e){t(this,e),this.ezReady=i(this,"ezReady",7),this.onDataUnitAction=e=>{e.type===l.METADATA_LOADED&&this.processMetadata()}}submit(){return Promise.resolve()}cancel(){return Promise.resolve()}validate(){return new Promise(((e,t)=>{var i;const n=this.dataUnit.getModifiedRecords();for(let e=0;e<n.length;e++){const s=n[e],r=[];let a=this.validateRequired(s);if(a&&!a.isValid&&r.push(a),a=null===(i=this.recordsValidator)||void 0===i?void 0:i.validateRecord(this,s),a&&!a.isValid&&r.push(a),r.length>0){this.processValidationResult(r),t();break}}e()}))}observeConfig(){this.processMetadata()}validateRequired(e){const t=k(this._store.getState()),i=this._staticFields.filter((e=>e.dataset.required)).map((e=>e.dataset.fieldName)).concat(t.getRequiredFields()),n=[];if(i.forEach((t=>{const i=e[t];null!=i&&""!==i||n.push({name:t,message:"Essa informação é obrigatória"})})),n.length>0)return{isValid:!1,invalidFields:n,infoMessage:"Há pelo menos um campo obrigatório não preenchido."}}processValidationResult(e){e.forEach((e=>{const t=e.invalidFields;if(t&&t.forEach((e=>{this._dataBinder.markInvalid(e)})),e.infoMessage&&f.info(e.infoMessage),e.errorMessage){const{errorTitle:t,errorMessage:i}=e;f.error(t,i)}}))}getDynamicContent(){var t;const i=k(this._store.getState());if(!i)return null;const n=(s=null===(t=this._store)||void 0===t?void 0:t.getState()).currentSheet?s.formMetadata.getSheet(s.currentSheet):Array.from(s.formMetadata.getAllSheets().values())[0];var s;if(!n)return null;const r=Array.from(i.getAllSheets().values()),a=[];if(r.length>1){const t=r.map(((e,t)=>({tabKey:e.name,label:e.label,index:t})));a.push(e("ez-tabselector",{tabs:t,onEzChange:e=>this._store.dispatch(function(e){return{type:N.CHANGE_TAB,payload:e.tabKey}}(e.detail)),selectedTab:n.name}))}return a.push(e(g,{store:this._store,source:n})),a}processMetadata(){if(!this.isStatic()&&this.dataUnit){const e=null!=this.config?((e,t)=>{var i,n;const s=new Map,r=new Map,a=[],l=[],o={};null===(i=null==e?void 0:e.tabs)||void 0===i||i.forEach((e=>{r.has(e.label)||!1!==e.visible||r.set(e.label,e)})),null===(n=null==e?void 0:e.fields)||void 0===n||n.forEach((e=>{var i,n,c;if(!1!==e.visible){const d=function(e,t){return("string"==typeof e?Array.from(t.keys()).find((t=>t.label===e)):e)||{label:e,visible:!0}}(e.tab||"__main",s);if(r.has(d.label))return;const h=t.getField(e.name);if(h&&d.visible){s.has(d)||s.set(d,new Map);const t=s.get(d);(null==e.required?h.required:e.required)&&a.push(e.name),((null==e.cleanOnCopy?null===(i=h.properties)||void 0===i?void 0:i.cleanOnCopy:e.cleanOnCopy)||(null===(n=h.properties)||void 0===n?void 0:n.autoNum))&&l.push(e.name),(null==e.defaultValue?null===(c=h.properties)||void 0===c?void 0:c.defaultValue:e.defaultValue)&&(o[e.name]=e.defaultValue);const r={config:e,descriptor:h},u=e.group;if(u){const e=`group::${u}`;t.has(e)?t.get(e).items.push(r):t.set(e,{label:u,items:[r]})}else t.set(e.name,r)}}}));const c=new _;return Array.from(s.entries()).sort(w).forEach((([e,t])=>{c.addSheet({label:"__main"===e.label?"Principal":e.label,name:e.label,items:Array.from(t.values()),requiredFields:a,cleanOnCopyFields:l,defaultValues:o})})),c})(this.config,this.dataUnit):(()=>{var e;const t=this.dataUnit.metadata,i=new _;if(t){const n=null===(e=t.fields)||void 0===e?void 0:e.filter((e=>!1!==e.visible));let s={};n.filter((e=>e.defaultValue)).map((e=>s[e.name]=e.defaultValue)),i.addSheet({label:t.label,name:t.name,items:n.map((e=>({descriptor:e}))),requiredFields:n.filter((e=>e.required)).map((e=>e.name)),cleanOnCopyFields:n.filter((e=>{var t,i;return(null===(t=e.properties)||void 0===t?void 0:t.cleanOnCopy)||(null===(i=e.properties)||void 0===i?void 0:i.autoNum)})).map((e=>e.name)),defaultValues:s})}return i})();this._store.dispatch({type:N.METADATA_LOADED,payload:e})}}isStatic(){var e;return(null===(e=this._staticFields)||void 0===e?void 0:e.length)>0}interceptAction(e){if(e.type===l.RECORDS_COPIED){const t=k(this._store.getState()).getCleanOnCopyFields();if(t)return new d(l.RECORDS_COPIED,e.payload.map((e=>{const i=Object.assign({},e);return t.forEach((e=>delete i[e])),i})))}if(e.type===l.SAVING_DATA)return new Promise((t=>{this.validate().then((()=>t(e))).catch((()=>{}))}));if(e.type===l.RECORDS_ADDED){const t=k(this._store.getState()).getDefaultValues();if(t)return new d(l.RECORDS_ADDED,e.payload.map((e=>{const i=Object.assign({},e);for(const e in t){const n="formattedValue"in t[e]?t[e].formattedValue:t[e].value,s=null!=n?n:t[e],r="function"==typeof s?s():s;i[e]=this.dataUnit.valueFromString(e,r)}return i})))}return e}componentWillLoad(){void 0===this.dataUnit&&(this.dataUnit=new h("ez-form")),this.dataUnit.addInterceptor(this),this.dataUnit.subscribe(this.onDataUnitAction),this._dataBinder=new P(this.dataUnit),this._store=j(M),this._store.subscribe((()=>n(this))),this._staticFields=Array.from(this._element.querySelectorAll("[data-field-name]")),this.processMetadata()}componentDidRender(){this._dataBinder.bind(Array.from(this._element.querySelectorAll("[data-field-name]"))),this.ezReady.emit()}disconnectedCallback(){this.dataUnit.unsubscribe(this.onDataUnitAction),this.dataUnit.removeInterceptor(this),this._dataBinder.onDisconnectedCallback()}render(){return e(s,null,this.isStatic()?null:this.getDynamicContent())}get _element(){return r(this)}static get watchers(){return{config:["observeConfig"]}}};D.style="ez-form{display:flex;flex-direction:column;width:100%}.dynamic-content ez-collapsible-box{--ez-collapsible-box__header--padding-right:var(--space-small, 6px);--ez-collapsible-box__header--padding-left:var(--space-small, 6px)}";export{D as ez_form}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '../../../../stencil-public-runtime';
|
|
2
|
-
import { IGridConfig, EzGridColumn } from '../../controller/EzGridController';
|
|
3
|
-
export declare class EzGridConfig {
|
|
4
|
-
private _columnList;
|
|
5
|
-
private _orderList;
|
|
6
|
-
private _searchElement;
|
|
7
|
-
private _orderListItems;
|
|
8
|
-
private _orderPriorityList;
|
|
9
|
-
private _columListItems;
|
|
10
|
-
private _selectedIndex;
|
|
11
|
-
private _dataChanged;
|
|
12
|
-
private _componenteInternalKey;
|
|
13
|
-
selectedTab: string;
|
|
14
|
-
columns: Array<EzGridColumn>;
|
|
15
|
-
config: IGridConfig;
|
|
16
|
-
configFinish: EventEmitter<IGridConfig>;
|
|
17
|
-
configCancel: EventEmitter<void>;
|
|
18
|
-
private createOrderList;
|
|
19
|
-
private createColumnList;
|
|
20
|
-
private buildColumnListSlot;
|
|
21
|
-
private buildOrderListSlot;
|
|
22
|
-
private updateOrder;
|
|
23
|
-
switchColumnGroup(ev: any, switchedItem: any): void;
|
|
24
|
-
finish(): void;
|
|
25
|
-
private save;
|
|
26
|
-
createConfigFromState(state: any): {
|
|
27
|
-
columns: any[];
|
|
28
|
-
};
|
|
29
|
-
locateColumn(evt: KeyboardEvent, searchingText?: string): Promise<void>;
|
|
30
|
-
private compareWords;
|
|
31
|
-
closeConfig(): void;
|
|
32
|
-
handleTabChange(ev: any): void;
|
|
33
|
-
handleColumnListChange(ev: any): void;
|
|
34
|
-
handleOrderListChange(ev: any): void;
|
|
35
|
-
componentWillRender(): void;
|
|
36
|
-
componentDidRender(): void;
|
|
37
|
-
render(): any;
|
|
38
|
-
}
|