@sankhyalabs/ezui 1.1.97 → 1.1.100
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/{StringUtils-0ba09df4.js → AssetsUtils-69356e76.js} +22 -0
- package/dist/cjs/{UnitMetadata-2e11c5d3.js → UnitMetadata-63c56042.js} +1 -0
- package/dist/cjs/ez-button_3.cjs.entry.js +3 -3
- package/dist/cjs/{ez-calendar_14.cjs.entry.js → ez-calendar_16.cjs.entry.js} +175 -12
- package/dist/cjs/ez-grid.cjs.entry.js +7 -4
- package/dist/cjs/ez-modal_2.cjs.entry.js +3 -4
- package/dist/cjs/ez-popover.cjs.entry.js +1 -1
- package/dist/cjs/ezui.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/ez-button/ez-button.css +26 -2
- package/dist/collection/components/ez-button/ez-button.js +3 -3
- package/dist/collection/components/ez-calendar/ez-calendar.css +13 -4
- package/dist/collection/components/ez-calendar/ez-calendar.js +3 -3
- package/dist/collection/components/ez-form/DataBinder.js +1 -2
- package/dist/collection/components/ez-form/fieldbuilder/FieldBuilder.js +2 -1
- package/dist/collection/components/ez-form/fieldbuilder/tpl/DateInput.tpl.js +4 -0
- package/dist/collection/components/ez-grid/controller/DataUnitBridge.js +2 -1
- package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +4 -2
- package/dist/custom-elements/index.js +19 -11
- package/dist/esm/{StringUtils-cbf10229.js → AssetsUtils-0e207bec.js} +22 -1
- package/dist/esm/{UnitMetadata-8b1bbaa2.js → UnitMetadata-109880b0.js} +1 -0
- package/dist/esm/ez-button_3.entry.js +3 -3
- package/dist/esm/{ez-calendar_14.entry.js → ez-calendar_16.entry.js} +169 -8
- package/dist/esm/ez-grid.entry.js +7 -4
- package/dist/esm/ez-modal_2.entry.js +2 -3
- package/dist/esm/ez-popover.entry.js +1 -1
- 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-532b5b24.entry.js → p-18de871c.entry.js} +2 -2
- package/dist/ezui/p-3ea01b00.entry.js +1 -0
- package/dist/ezui/{p-07b60fe9.js → p-9fab5606.js} +1 -1
- package/dist/ezui/p-a30309ce.entry.js +1 -0
- package/dist/ezui/{p-45a25c30.entry.js → p-afb820c1.entry.js} +1 -1
- package/dist/ezui/p-d7c80eac.entry.js +1 -0
- package/dist/ezui/p-ec7c1b86.js +1 -0
- package/dist/types/components/ez-button/ez-button.d.ts +1 -1
- package/dist/types/components/ez-form/fieldbuilder/tpl/DateInput.tpl.d.ts +4 -0
- package/dist/types/components.d.ts +2 -2
- package/package.json +2 -2
- package/dist/cjs/AssetsUtils-4909c6de.js +0 -24
- package/dist/cjs/CSSVarsUtils-8fbdf2e0.js +0 -19
- package/dist/cjs/ez-icon.cjs.entry.js +0 -42
- package/dist/cjs/ez-time-input.cjs.entry.js +0 -118
- package/dist/esm/AssetsUtils-9b1329a3.js +0 -22
- package/dist/esm/CSSVarsUtils-667e0016.js +0 -17
- package/dist/esm/ez-icon.entry.js +0 -38
- package/dist/esm/ez-time-input.entry.js +0 -114
- package/dist/ezui/p-2336c9ce.entry.js +0 -1
- package/dist/ezui/p-2f84ba72.js +0 -1
- package/dist/ezui/p-477bb703.js +0 -1
- package/dist/ezui/p-614fbb4e.entry.js +0 -1
- package/dist/ezui/p-7165ac4f.entry.js +0 -1
- package/dist/ezui/p-90f6d8a0.entry.js +0 -1
- package/dist/ezui/p-d3f87e18.entry.js +0 -1
- package/dist/ezui/p-d54c157f.js +0 -1
|
@@ -10,7 +10,7 @@ export class EzButton {
|
|
|
10
10
|
*/
|
|
11
11
|
this.mode = "regular";
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* É possível escolher entre [small,medium,large] (somente para os modos "icon" e "link")
|
|
14
14
|
*/
|
|
15
15
|
this.size = "medium";
|
|
16
16
|
}
|
|
@@ -47,7 +47,7 @@ export class EzButton {
|
|
|
47
47
|
h("label", { title: this.label }, this.label)));
|
|
48
48
|
}
|
|
49
49
|
else if (this.mode == "link") {
|
|
50
|
-
return (h("a",
|
|
50
|
+
return (h("a", { class: this.size },
|
|
51
51
|
h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }),
|
|
52
52
|
this.label,
|
|
53
53
|
h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })));
|
|
@@ -167,7 +167,7 @@ export class EzButton {
|
|
|
167
167
|
"optional": false,
|
|
168
168
|
"docs": {
|
|
169
169
|
"tags": [],
|
|
170
|
-
"text": "
|
|
170
|
+
"text": "\u00C9 poss\u00EDvel escolher entre [small,medium,large] (somente para os modos \"icon\" e \"link\")"
|
|
171
171
|
},
|
|
172
172
|
"attribute": "size",
|
|
173
173
|
"reflect": true,
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
/*@doc Define a cor de fundo do corpo do calendário.*/
|
|
11
11
|
--ez-calendar__body--background-color: var(--background--xlight, #FFF);
|
|
12
12
|
/*@doc Define a cor de fundo do corpo da hora do calendário.*/
|
|
13
|
-
--ez-
|
|
13
|
+
--ez-calendar__time--background-color: var(--background--xlight, #FAFAFA);
|
|
14
14
|
/*@doc Define o espaçamento do corpo do calendário.*/
|
|
15
15
|
--ez-calendar__body--padding: var(--space--medium, 12px) var(--space--small, 6px) ;
|
|
16
16
|
/*@doc Define o raio da borda do corpo do calendário.*/
|
|
@@ -18,6 +18,10 @@
|
|
|
18
18
|
/*@doc Define a sombra do corpo do calendário.*/
|
|
19
19
|
--ez-calendar__body--shadow: var(--shadow, 0px 0px 16px 0px #000);
|
|
20
20
|
|
|
21
|
+
/* cal__container*/
|
|
22
|
+
/*@doc Define a posição do container de calendario nas camadas da página .*/
|
|
23
|
+
--ez-container--z-index: var(--more-visible, 2);
|
|
24
|
+
|
|
21
25
|
/* cal__header */
|
|
22
26
|
/*@doc Define a espessura da borda inferior do header.*/
|
|
23
27
|
--ez-calendar__header-line--stroke: 1px;
|
|
@@ -75,6 +79,11 @@
|
|
|
75
79
|
user-select: none;
|
|
76
80
|
}
|
|
77
81
|
|
|
82
|
+
.calendar__container{
|
|
83
|
+
display: flex;
|
|
84
|
+
z-index: var(--more-visible, 2);;
|
|
85
|
+
}
|
|
86
|
+
|
|
78
87
|
.calendar {
|
|
79
88
|
/*private*/
|
|
80
89
|
z-index: var(--more-visible, 2);
|
|
@@ -242,7 +251,7 @@ section{
|
|
|
242
251
|
display: flex;
|
|
243
252
|
}
|
|
244
253
|
|
|
245
|
-
.
|
|
254
|
+
.calendar-time {
|
|
246
255
|
/*private*/
|
|
247
256
|
margin-left: -10px;
|
|
248
257
|
display: flex;
|
|
@@ -251,7 +260,7 @@ section{
|
|
|
251
260
|
|
|
252
261
|
/*public*/
|
|
253
262
|
/*TODO Criar variavel para color o calendar_time var(--ez-calendar__body-time--background-color)*/
|
|
254
|
-
background-color: var(--ez-
|
|
263
|
+
background-color: var(--ez-calendar__time--background-color);
|
|
255
264
|
border-top-right-radius: var(--ez-calendar__body--border-radius);
|
|
256
265
|
border-bottom-right-radius: var(--ez-calendar__body--border-radius);
|
|
257
266
|
box-shadow: var(--ez-calendar__body--shadow);
|
|
@@ -270,7 +279,7 @@ section{
|
|
|
270
279
|
min-width: 0px;
|
|
271
280
|
}
|
|
272
281
|
|
|
273
|
-
.
|
|
282
|
+
.calendar-time__header{
|
|
274
283
|
/*private*/
|
|
275
284
|
padding-left: var(--space--small, 6px);
|
|
276
285
|
padding-right: var(--space--small, 6px);
|
|
@@ -167,7 +167,7 @@ export class EzCalendar {
|
|
|
167
167
|
firstDate.setTime(this._currentPosition.getTime());
|
|
168
168
|
firstDate.setDate(1 - firstDate.getDay());
|
|
169
169
|
return (h("section", { ref: elem => this._container = elem },
|
|
170
|
-
h("div", { ref: elem => this._box = elem,
|
|
170
|
+
h("div", { ref: elem => this._box = elem, class: "calendar__container" },
|
|
171
171
|
h("div", { class: "calendar" },
|
|
172
172
|
h("div", { class: "calendar__header" },
|
|
173
173
|
h("button", { class: "calendar__btn-previous", onClick: () => this.changeMonth(-1) }),
|
|
@@ -191,8 +191,8 @@ export class EzCalendar {
|
|
|
191
191
|
h("div", { class: "calendar__footer" },
|
|
192
192
|
h("button", { class: "calendar__btn-today", onClick: () => this.selectDate(new Date()) }, this._todayLabel))),
|
|
193
193
|
(this.time || this.showSeconds) &&
|
|
194
|
-
h("div", { class: "
|
|
195
|
-
h("div", { class: "
|
|
194
|
+
h("div", { class: "calendar-time" },
|
|
195
|
+
h("div", { class: "calendar-time__header" },
|
|
196
196
|
h("div", null, "H"),
|
|
197
197
|
h("div", { class: "separatorTime" }, ":"),
|
|
198
198
|
h("div", null, "M"),
|
|
@@ -38,9 +38,8 @@ export default class DataBinder {
|
|
|
38
38
|
if (field.nodeName === "EZ-SEARCH" && field["optionLoader"] === undefined) {
|
|
39
39
|
const loader = ApplicationContext.getContextValue("__EZUI__SEARCH__OPTION__LOADER__");
|
|
40
40
|
if (loader) {
|
|
41
|
-
const fm = this._dataUnit.getField(fieldName);
|
|
42
41
|
field["optionLoader"] = (arg) => {
|
|
43
|
-
loader(arg,
|
|
42
|
+
return loader(arg, fieldName, this._dataUnit);
|
|
44
43
|
};
|
|
45
44
|
}
|
|
46
45
|
}
|
|
@@ -5,7 +5,7 @@ import { buildCheckBox, buildSwitch } from "./tpl/CheckBox.tpl";
|
|
|
5
5
|
import { buildComboBox } from "./tpl/ComboBox.tpl";
|
|
6
6
|
import { buildSearch } from "./tpl/SearchInput.tpl";
|
|
7
7
|
import { buildFile } from "./tpl/FileInput.tpl";
|
|
8
|
-
import { buildDate, buildTimeDate } from "./tpl/DateInput.tpl";
|
|
8
|
+
import { buildDate, buildTimeDate, buildTime } from "./tpl/DateInput.tpl";
|
|
9
9
|
import { buildInteger, buildDecimal } from "./tpl/NumberInput.tpl";
|
|
10
10
|
const uiBuilders = new Map();
|
|
11
11
|
uiBuilders.set(UserInterface.LONGTEXT, buildTextArea);
|
|
@@ -15,6 +15,7 @@ uiBuilders.set(UserInterface.OPTIONSELECTOR, buildComboBox);
|
|
|
15
15
|
uiBuilders.set(UserInterface.SEARCH, buildSearch);
|
|
16
16
|
uiBuilders.set(UserInterface.FILE, buildFile);
|
|
17
17
|
uiBuilders.set(UserInterface.DATE, buildDate);
|
|
18
|
+
uiBuilders.set(UserInterface.TIME, buildTime);
|
|
18
19
|
uiBuilders.set(UserInterface.DATETIME, buildTimeDate);
|
|
19
20
|
uiBuilders.set(UserInterface.DECIMALNUMBER, buildDecimal);
|
|
20
21
|
uiBuilders.set(UserInterface.INTEGERNUMBER, buildInteger);
|
|
@@ -3,6 +3,10 @@ export const buildDate = ({ name, label, readOnly }) => {
|
|
|
3
3
|
return (h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
|
|
4
4
|
h("ez-date-input", { enabled: !readOnly, label: label, "data-field-name": name, key: name })));
|
|
5
5
|
};
|
|
6
|
+
export const buildTime = ({ name, label }) => {
|
|
7
|
+
return (h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
|
|
8
|
+
h("ez-time-input", { label: label, "data-field-name": name, key: name })));
|
|
9
|
+
};
|
|
6
10
|
export const buildTimeDate = ({ name, label }) => {
|
|
7
11
|
return (h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
|
|
8
12
|
h("ez-date-time-input", { label: label, "data-field-name": name, key: name })));
|
|
@@ -16,8 +16,9 @@ export default class DataUnitBridge {
|
|
|
16
16
|
const columnDefs = [];
|
|
17
17
|
if (this._dataUnit.metadata) {
|
|
18
18
|
this._dataUnit.metadata.fields.forEach(f => {
|
|
19
|
+
var _a;
|
|
19
20
|
if (f.visible !== false) {
|
|
20
|
-
columnDefs.push({ label: f.label, name: f.name, userInterface: f.userInterface, options: this._dataUnit.getField(f.name).properties.options });
|
|
21
|
+
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 });
|
|
21
22
|
}
|
|
22
23
|
});
|
|
23
24
|
}
|
|
@@ -97,9 +97,11 @@ export default class AgGridController {
|
|
|
97
97
|
headerName: "",
|
|
98
98
|
checkboxSelection: true,
|
|
99
99
|
headerCheckboxSelection: false,
|
|
100
|
-
width:
|
|
100
|
+
width: 28,
|
|
101
101
|
suppressMovable: true,
|
|
102
|
-
|
|
102
|
+
suppressAutoSize: true,
|
|
103
|
+
suppressMenu: true,
|
|
104
|
+
lockPosition: true
|
|
103
105
|
});
|
|
104
106
|
}
|
|
105
107
|
cols.forEach(c => {
|
|
@@ -43,7 +43,7 @@ let EzApplication$1 = class extends HTMLElement$1 {
|
|
|
43
43
|
static get style() { return ezApplicationCss; }
|
|
44
44
|
};
|
|
45
45
|
|
|
46
|
-
const ezButtonCss = ":host{--ez-button--min-width:100px;--ez-button--height:42px;--ez-button__icon--width:18px;--ez-button__inline__icon--padding:12px;--ez-button--padding-top:var(--space--medium, 12px);--ez-button--padding-bottom:var(--space--medium, 12px);--ez-button--padding-right:var(--space--large, 24px);--ez-button--padding-left:var(--space--large, 24px);--ez-button--color:var(--text--primary, #FFF);--ez-button--font-size:var(--text--medium, 14px);--ez-button--font-family:var(--font-pattern, Arial);--ez-button--font-weight:var(--text-weight--large);--ez-button--background-color:var(--background--medium, #c0c0c0);--ez-button--border-radius:var(--border--radius-large, 12px);--ez-button--border:none;--ez-button--hover--background-color:var(--background--strong, var(--ez-button--background-color));--ez-button--disabled-color:var(--text--disable);--ez-button--disabled--background-color:var(--color--disable-secondary);--ez-button--focus--border:var(--ez-button--border);--ez-button--focus--box-shadow:none;--ez-button--link-color:var(--
|
|
46
|
+
const ezButtonCss = ":host{--ez-button--min-width:100px;--ez-button--height:42px;--ez-button__icon--width:18px;--ez-button__inline__icon--padding:12px;--ez-button--padding-top:var(--space--medium, 12px);--ez-button--padding-bottom:var(--space--medium, 12px);--ez-button--padding-right:var(--space--large, 24px);--ez-button--padding-left:var(--space--large, 24px);--ez-button--color:var(--text--primary, #FFF);--ez-button--font-size:var(--text--medium, 14px);--ez-button--font-family:var(--font-pattern, Arial);--ez-button--font-weight:var(--text-weight--large);--ez-button--background-color:var(--background--medium, #c0c0c0);--ez-button--border-radius:var(--border--radius-large, 12px);--ez-button--border:none;--ez-button--hover--background-color:var(--background--strong, var(--ez-button--background-color));--ez-button--disabled-color:var(--text--disable);--ez-button--disabled--background-color:var(--color--disable-secondary);--ez-button--focus--border:var(--ez-button--border);--ez-button--focus--box-shadow:none;--ez-button--link-color:var(--color--primary, '#008561');--ez-button--link--hover-color:var(--color--primary-700, '#1C1D22');--ez-button--link--small--font-size:var(--text--small, 12px);--ez-button--link--medium--font-size:var(--text--medium, 14px);--ez-button--link--large--font-size:var(--text--large, 16px)}ez-icon{--ez-icon--color:inherit}button{display:flex;align-items:center;justify-content:center;margin:0;cursor:pointer;transition:background-color 0.2s linear;min-width:var(--ez-button--min-width);height:var(--ez-button--height);font-family:var(--ez-button--font-family);font-size:var(--ez-button--font-size);font-weight:var(--ez-button--font-weight);padding:var(--ez-button--padding-top) var(--ez-button--padding-right) var(--ez-button--padding-bottom) var(--ez-button--padding-left);border-radius:var(--ez-button--border-radius);background-color:var(--ez-button--background-color);color:var(--ez-button--color);fill:var(--ez-button--color);border:var(--ez-button--border)}button:hover{background-color:var(--ez-button--hover--background-color)}button:focus{outline:none;border:var(--ez-button--focus--border);box-shadow:var(--ez-button--focus--box-shadow)}button:disabled{background-color:var(--ez-button--disabled--background-color);color:var(--ez-button--disabled-color);fill:var(--ez-button--disabled-color);border:none;cursor:no-drop}button.icon{padding:0px}button.small{width:32px;min-width:32px;height:32px}button.medium{width:42px;min-width:42px;height:42px}button.large{width:52px;min-width:52px;height:52px}.label-icon{display:flex;flex-direction:column;align-items:center;color:var(--ez-button--color)}.label-icon label{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;font-family:var(--ez-button--font-family);font-size:var(--ez-button--font-size);font-weight:var(--ez-button--font-weight)}a{font-family:var(--ez-button--font-family);font-weight:var(--ez-button--font-weight);color:var(--ez-button--link-color);cursor:pointer;display:flex;align-items:center;justify-content:center;}a:hover{color:var(--ez-button--link--hover-color)}a.small{font-size:var(--ez-button--link--small--font-size);line-height:var(--ez-button--link--small--font-size)}a.medium{font-size:var(--ez-button--link--medium--font-size);line-height:var(--ez-button--link--medium--font-size)}a.large{font-size:var(--ez-button--link--large--font-size);line-height:var(--ez-button--link--large--font-size)}";
|
|
47
47
|
|
|
48
48
|
let EzButton$1 = class extends HTMLElement$1 {
|
|
49
49
|
constructor() {
|
|
@@ -59,7 +59,7 @@ let EzButton$1 = class extends HTMLElement$1 {
|
|
|
59
59
|
*/
|
|
60
60
|
this.mode = "regular";
|
|
61
61
|
/**
|
|
62
|
-
*
|
|
62
|
+
* É possível escolher entre [small,medium,large] (somente para os modos "icon" e "link")
|
|
63
63
|
*/
|
|
64
64
|
this.size = "medium";
|
|
65
65
|
}
|
|
@@ -96,7 +96,7 @@ let EzButton$1 = class extends HTMLElement$1 {
|
|
|
96
96
|
} })), h("label", { title: this.label }, this.label)));
|
|
97
97
|
}
|
|
98
98
|
else if (this.mode == "link") {
|
|
99
|
-
return (h("a",
|
|
99
|
+
return (h("a", { class: this.size }, h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), this.label, h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })));
|
|
100
100
|
}
|
|
101
101
|
else {
|
|
102
102
|
return (h("button", { type: "button", disabled: !this.enabled }, h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), this.label, h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })));
|
|
@@ -1614,6 +1614,7 @@ var UserInterface;
|
|
|
1614
1614
|
UserInterface["IMAGE"] = "IMAGE";
|
|
1615
1615
|
UserInterface["DATE"] = "DATE";
|
|
1616
1616
|
UserInterface["DATETIME"] = "DATETIME";
|
|
1617
|
+
UserInterface["TIME"] = "TIME";
|
|
1617
1618
|
UserInterface["ELAPSEDTIME"] = "ELAPSEDTIME";
|
|
1618
1619
|
UserInterface["CHECKBOX"] = "CHECKBOX";
|
|
1619
1620
|
UserInterface["SWITCH"] = "SWITCH";
|
|
@@ -1645,7 +1646,7 @@ class ApplicationContext {
|
|
|
1645
1646
|
}
|
|
1646
1647
|
}
|
|
1647
1648
|
|
|
1648
|
-
const ezCalendarCss = ":host{--ez-calendar--font-family:var(--font-pattern, Arial);--ez-calendar--color:var(--title--primary, #626e82);--ez-calendar--text-shadow:var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);--ez-calendar__body--background-color:var(--background--xlight, #FFF);--ez-
|
|
1649
|
+
const ezCalendarCss = ":host{--ez-calendar--font-family:var(--font-pattern, Arial);--ez-calendar--color:var(--title--primary, #626e82);--ez-calendar--text-shadow:var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);--ez-calendar__body--background-color:var(--background--xlight, #FFF);--ez-calendar__time--background-color:var(--background--xlight, #FAFAFA);--ez-calendar__body--padding:var(--space--medium, 12px) var(--space--small, 6px);--ez-calendar__body--border-radius:var(--border--radius-medium, 12px);--ez-calendar__body--shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-container--z-index:var(--more-visible, 2);--ez-calendar__header-line--stroke:1px;--ez-calendar__header-line--color:var(--color--strokes, #C0C0C0);--ez-calendar__nav-btn--fill:var(--text--primary, #008561);--ez-calendar__nav-btn--hover--fill:var(--color--primary, #350404);--ez-calendar__nav-btn--width:10px;--ez-calendar__nav-btn--height:16px;--ez-calendar__nav-btn--previous-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 9.7808475,13.860393 3.9204526,8.0000004 9.7808475,2.0624965 7.9301965,0.28895552 0.21915255,8.0000004 7.9301965,15.711044 Z\"/></svg>');--ez-calendar__nav-btn--next-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 0.21915251,13.860393 6.0795475,8.0000007 0.21915251,2.0624968 2.0698036,0.28895588 9.7808475,8.0000007 2.0698036,15.711044 Z\"/></svg>');--ez-calendar__cell--margin:0px 1.5px;--ez-calendar__cell--width:var(--space--large, 24px);--ez-calendar__cell--padding:1.5px 0px;--ez-calendar__cell--border-radius:var(--border--radius-small, 6px);--ez-calendar__cell--over--background-color:var(--color--primary, #E2F4EF);--ez-calendar__cell--over--color:var(--color--primary-300, #008561);--ez-calendar__cell--outset--color:var(--color--disable-primary, #E5EAF0);--ez-calendar__cell--selected--background-color:var(--color--primary, #008561);--ez-calendar__cell--selected--color:var(--color--inverted, #FFF);--ez-calendar__btn-today--color:var(--color--primary);--ez-calendar__btn-today--hover--background-color:var(--color--primary-300, #E2F4EF);--ez-calendar__btn-today--border-radius:var(--border--radius-small, 6px);position:relative;display:flex;user-select:none}.calendar__container{display:flex;z-index:var(--more-visible, 2)}.calendar{z-index:var(--more-visible, 2);display:flex;flex-direction:column;background-color:var(--ez-calendar__body--background-color);padding:var(--ez-calendar__body--padding);border-radius:var(--ez-calendar__body--border-radius);box-shadow:var(--ez-calendar__body--shadow)}.calendar__header{display:flex;justify-content:space-between;padding-bottom:var(--space--small, 6px);margin:0px var(--space--, 12px) var(--space--small, 6px) var(--space--, 12px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow);border-bottom:solid var(--ez-calendar__header-line--stroke) var(--ez-calendar__header-line--color)}.calendar__btn-next,.calendar__btn-previous{outline:none;border:none;background-color:unset;cursor:pointer;padding:0px}.calendar__btn-next::after,.calendar__btn-previous::after{content:'';display:flex;background-color:var(--ez-calendar__nav-btn--fill);width:var(--ez-calendar__nav-btn--width);height:var(--ez-calendar__nav-btn--height)}.calendar__btn-previous::after{-webkit-mask-image:var(--ez-calendar__nav-btn--previous-image);mask-image:var(--ez-calendar__nav-btn--previous-image)}.calendar__btn-next::after{-webkit-mask-image:var(--ez-calendar__nav-btn--next-image);mask-image:var(--ez-calendar__nav-btn--next-image)}.calendar__btn-next:hover::after,.calendar__btn-previous:hover::after{background-color:var(--ez-calendar__nav-btn--hover--fill)}.calendar__lbl-month{font-weight:var(--text-weight--extra-large, 700);font-size:var(--title--small, 14px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow)}.calendar__line{display:flex;padding:0px;margin:0px}.calendar__cell{display:flex;justify-content:center;align-content:center;cursor:pointer;font-size:var(--text--extra-small, 10px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow);padding:var(--ez-calendar__cell--padding);margin:var(--ez-calendar__cell--margin);min-width:var(--ez-calendar__cell--width);border-radius:var(--ez-calendar__cell--border-radius)}.calendar__cell:hover{background-color:var(--ez-calendar__cell--over--background-color);color:var(--ez-calendar__cell--over--color)}.calendar__cell--secondary{color:var(--ez-calendar__cell--outset--color)}.calendar__cell--unselectable:hover{background-color:unset;border-radius:unset;cursor:unset}.calendar__cell--unselectable{font-weight:var(--text-weight--large, 600);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow)}.calendar__cell--selected,.calendar__cell--selected:hover{background-color:var(--ez-calendar__cell--selected--background-color);color:var(--ez-calendar__cell--selected--color)}.calendar__footer{display:flex;flex-direction:column}.calendar__btn-today{border:none;background-color:unset;cursor:pointer;font-weight:var(--text-weight--large, 600);font-size:var(--title--extra-small, 12px);padding:0px;font-family:var(--ez-calendar--font-family);text-shadow:var(--ez-calendar--text-shadow);color:var(--ez-calendar__btn-today--color);border-radius:var(--ez-calendar__btn-today--border-radius)}.calendar__btn-today:hover{background-color:var(--ez-calendar__btn-today--hover--background-color)}section{display:flex}.calendar-time{margin-left:-10px;display:flex;flex-direction:column;padding:12px 0px 0px 10px;background-color:var(--ez-calendar__time--background-color);border-top-right-radius:var(--ez-calendar__body--border-radius);border-bottom-right-radius:var(--ez-calendar__body--border-radius);box-shadow:var(--ez-calendar__body--shadow)}.calendar__column{height:136px;padding:0px;margin:0px;overflow:auto}.calendar__column::-webkit-scrollbar{width:0px;max-width:0px;min-width:0px}.calendar-time__header{padding-left:var(--space--small, 6px);padding-right:var(--space--small, 6px);display:flex;justify-content:space-between;padding-bottom:var(--space--small, 6px);margin:0px var(--space--, 12px) var(--space--small, 6px) var(--space--, 12px);font-weight:var(--text-weight--extra-large, 700);font-size:var(--title--small, 14px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow);border-bottom:solid var(--ez-calendar__header-line--stroke) var(--ez-calendar__header-line--color);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow)}.separatorTime{color:#A2ABB9;padding:0px 1px;line-height:16px;font-size:17px;font-weight:normal}.endHidden{-webkit-mask-image:linear-gradient(180deg, #000 calc(100% - 48px), transparent 100%)}.calendar__column .calendar__cell{margin:0px;padding:1.5px 1.5px}";
|
|
1649
1650
|
|
|
1650
1651
|
let EzCalendar$1 = class extends HTMLElement$1 {
|
|
1651
1652
|
constructor() {
|
|
@@ -1817,7 +1818,7 @@ let EzCalendar$1 = class extends HTMLElement$1 {
|
|
|
1817
1818
|
const firstDate = new Date();
|
|
1818
1819
|
firstDate.setTime(this._currentPosition.getTime());
|
|
1819
1820
|
firstDate.setDate(1 - firstDate.getDay());
|
|
1820
|
-
return (h("section", { ref: elem => this._container = elem }, h("div", { ref: elem => this._box = elem,
|
|
1821
|
+
return (h("section", { ref: elem => this._container = elem }, h("div", { ref: elem => this._box = elem, class: "calendar__container" }, h("div", { class: "calendar" }, h("div", { class: "calendar__header" }, h("button", { class: "calendar__btn-previous", onClick: () => this.changeMonth(-1) }), h("label", { class: "calendar__lbl-month" }, this.getMonthLabel()), h("button", { class: "calendar__btn-next", onClick: () => this.changeMonth(1) })), h("div", { class: "calendar__body" }, h("div", { class: "calendar__line" }, this._weekDayLabels.map(day => h("div", { class: "calendar__cell calendar__cell--unselectable" }, day))), [0, 7, 14, 21, 28, 35].map(offset => h("div", { class: "calendar__line" }, [0, 1, 2, 3, 4, 5, 6].map(index => {
|
|
1821
1822
|
const date = new Date();
|
|
1822
1823
|
date.setTime(firstDate.getTime());
|
|
1823
1824
|
date.setDate(date.getDate() + offset + index);
|
|
@@ -1830,7 +1831,7 @@ let EzCalendar$1 = class extends HTMLElement$1 {
|
|
|
1830
1831
|
}
|
|
1831
1832
|
return h("div", { class: classNames, onClick: () => this.selectDate(date) }, date.getDate());
|
|
1832
1833
|
})))), h("div", { class: "calendar__footer" }, h("button", { class: "calendar__btn-today", onClick: () => this.selectDate(new Date()) }, this._todayLabel))), (this.time || this.showSeconds) &&
|
|
1833
|
-
h("div", { class: "
|
|
1834
|
+
h("div", { class: "calendar-time" }, h("div", { class: "calendar-time__header" }, h("div", null, "H"), h("div", { class: "separatorTime" }, ":"), h("div", null, "M"), this.showSeconds &&
|
|
1834
1835
|
h("div", { class: "separatorTime" }, ":"), this.showSeconds &&
|
|
1835
1836
|
h("div", null, "S")), h("div", { class: "calendar__body ", style: { display: 'flex', paddingLeft: '12px', paddingRight: '12px' } }, h("div", { class: "calendar__column", ref: elem => this._hoursScroll = elem, onScroll: () => this.updateScroll(this._hoursScroll) }, this._hoursLabel.map((offset, index) => {
|
|
1836
1837
|
if (index === this.value.getHours()) {
|
|
@@ -2586,6 +2587,10 @@ const buildDate = ({ name, label, readOnly }) => {
|
|
|
2586
2587
|
return (h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
|
|
2587
2588
|
h("ez-date-input", { enabled: !readOnly, label: label, "data-field-name": name, key: name })));
|
|
2588
2589
|
};
|
|
2590
|
+
const buildTime = ({ name, label }) => {
|
|
2591
|
+
return (h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
|
|
2592
|
+
h("ez-time-input", { label: label, "data-field-name": name, key: name })));
|
|
2593
|
+
};
|
|
2589
2594
|
const buildTimeDate = ({ name, label }) => {
|
|
2590
2595
|
return (h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
|
|
2591
2596
|
h("ez-date-time-input", { label: label, "data-field-name": name, key: name })));
|
|
@@ -2612,6 +2617,7 @@ uiBuilders.set(UserInterface.OPTIONSELECTOR, buildComboBox);
|
|
|
2612
2617
|
uiBuilders.set(UserInterface.SEARCH, buildSearch);
|
|
2613
2618
|
uiBuilders.set(UserInterface.FILE, buildFile);
|
|
2614
2619
|
uiBuilders.set(UserInterface.DATE, buildDate);
|
|
2620
|
+
uiBuilders.set(UserInterface.TIME, buildTime);
|
|
2615
2621
|
uiBuilders.set(UserInterface.DATETIME, buildTimeDate);
|
|
2616
2622
|
uiBuilders.set(UserInterface.DECIMALNUMBER, buildDecimal);
|
|
2617
2623
|
uiBuilders.set(UserInterface.INTEGERNUMBER, buildInteger);
|
|
@@ -3162,9 +3168,8 @@ class DataBinder {
|
|
|
3162
3168
|
if (field.nodeName === "EZ-SEARCH" && field["optionLoader"] === undefined) {
|
|
3163
3169
|
const loader = ApplicationContext.getContextValue("__EZUI__SEARCH__OPTION__LOADER__");
|
|
3164
3170
|
if (loader) {
|
|
3165
|
-
const fm = this._dataUnit.getField(fieldName);
|
|
3166
3171
|
field["optionLoader"] = (arg) => {
|
|
3167
|
-
loader(arg,
|
|
3172
|
+
return loader(arg, fieldName, this._dataUnit);
|
|
3168
3173
|
};
|
|
3169
3174
|
}
|
|
3170
3175
|
}
|
|
@@ -113479,9 +113484,11 @@ class AgGridController {
|
|
|
113479
113484
|
headerName: "",
|
|
113480
113485
|
checkboxSelection: true,
|
|
113481
113486
|
headerCheckboxSelection: false,
|
|
113482
|
-
width:
|
|
113487
|
+
width: 28,
|
|
113483
113488
|
suppressMovable: true,
|
|
113484
|
-
|
|
113489
|
+
suppressAutoSize: true,
|
|
113490
|
+
suppressMenu: true,
|
|
113491
|
+
lockPosition: true
|
|
113485
113492
|
});
|
|
113486
113493
|
}
|
|
113487
113494
|
cols.forEach(c => {
|
|
@@ -113666,8 +113673,9 @@ class DataUnitBridge {
|
|
|
113666
113673
|
const columnDefs = [];
|
|
113667
113674
|
if (this._dataUnit.metadata) {
|
|
113668
113675
|
this._dataUnit.metadata.fields.forEach(f => {
|
|
113676
|
+
var _a;
|
|
113669
113677
|
if (f.visible !== false) {
|
|
113670
|
-
columnDefs.push({ label: f.label, name: f.name, userInterface: f.userInterface, options: this._dataUnit.getField(f.name).properties.options });
|
|
113678
|
+
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 });
|
|
113671
113679
|
}
|
|
113672
113680
|
});
|
|
113673
113681
|
}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { a as getAssetPath, s as setAssetPath } from './index-6b8bfbeb.js';
|
|
2
|
+
|
|
1
3
|
/**
|
|
2
4
|
* Classe com utiliários comuns para Strings.
|
|
3
5
|
*/
|
|
@@ -52,4 +54,23 @@ class StringUtils {
|
|
|
52
54
|
}
|
|
53
55
|
}
|
|
54
56
|
|
|
55
|
-
|
|
57
|
+
const getSpritePath = (sprite) => `${getContextAssetsPath("../assets/actions-sprite.svg")}#${sprite}`;
|
|
58
|
+
let ctxLoaded = false;
|
|
59
|
+
function getContextAssetsPath(resource) {
|
|
60
|
+
if (!ctxLoaded) {
|
|
61
|
+
const scriptElem = document.querySelector("script[data-ezui-assets-url]");
|
|
62
|
+
if (scriptElem) {
|
|
63
|
+
let assetsPath = scriptElem.dataset.ezuiAssetsUrl;
|
|
64
|
+
if (assetsPath) {
|
|
65
|
+
if (assetsPath.startsWith('/')) {
|
|
66
|
+
assetsPath = window.location.origin + assetsPath;
|
|
67
|
+
}
|
|
68
|
+
setAssetPath(assetsPath);
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
ctxLoaded = true;
|
|
72
|
+
}
|
|
73
|
+
return getAssetPath(resource);
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
export { StringUtils as S, getSpritePath as g };
|
|
@@ -1287,6 +1287,7 @@ var UserInterface;
|
|
|
1287
1287
|
UserInterface["IMAGE"] = "IMAGE";
|
|
1288
1288
|
UserInterface["DATE"] = "DATE";
|
|
1289
1289
|
UserInterface["DATETIME"] = "DATETIME";
|
|
1290
|
+
UserInterface["TIME"] = "TIME";
|
|
1290
1291
|
UserInterface["ELAPSEDTIME"] = "ELAPSEDTIME";
|
|
1291
1292
|
UserInterface["CHECKBOX"] = "CHECKBOX";
|
|
1292
1293
|
UserInterface["SWITCH"] = "SWITCH";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, c as createEvent, H as Host } from './index-6b8bfbeb.js';
|
|
2
2
|
|
|
3
|
-
const ezButtonCss = ":host{--ez-button--min-width:100px;--ez-button--height:42px;--ez-button__icon--width:18px;--ez-button__inline__icon--padding:12px;--ez-button--padding-top:var(--space--medium, 12px);--ez-button--padding-bottom:var(--space--medium, 12px);--ez-button--padding-right:var(--space--large, 24px);--ez-button--padding-left:var(--space--large, 24px);--ez-button--color:var(--text--primary, #FFF);--ez-button--font-size:var(--text--medium, 14px);--ez-button--font-family:var(--font-pattern, Arial);--ez-button--font-weight:var(--text-weight--large);--ez-button--background-color:var(--background--medium, #c0c0c0);--ez-button--border-radius:var(--border--radius-large, 12px);--ez-button--border:none;--ez-button--hover--background-color:var(--background--strong, var(--ez-button--background-color));--ez-button--disabled-color:var(--text--disable);--ez-button--disabled--background-color:var(--color--disable-secondary);--ez-button--focus--border:var(--ez-button--border);--ez-button--focus--box-shadow:none;--ez-button--link-color:var(--
|
|
3
|
+
const ezButtonCss = ":host{--ez-button--min-width:100px;--ez-button--height:42px;--ez-button__icon--width:18px;--ez-button__inline__icon--padding:12px;--ez-button--padding-top:var(--space--medium, 12px);--ez-button--padding-bottom:var(--space--medium, 12px);--ez-button--padding-right:var(--space--large, 24px);--ez-button--padding-left:var(--space--large, 24px);--ez-button--color:var(--text--primary, #FFF);--ez-button--font-size:var(--text--medium, 14px);--ez-button--font-family:var(--font-pattern, Arial);--ez-button--font-weight:var(--text-weight--large);--ez-button--background-color:var(--background--medium, #c0c0c0);--ez-button--border-radius:var(--border--radius-large, 12px);--ez-button--border:none;--ez-button--hover--background-color:var(--background--strong, var(--ez-button--background-color));--ez-button--disabled-color:var(--text--disable);--ez-button--disabled--background-color:var(--color--disable-secondary);--ez-button--focus--border:var(--ez-button--border);--ez-button--focus--box-shadow:none;--ez-button--link-color:var(--color--primary, '#008561');--ez-button--link--hover-color:var(--color--primary-700, '#1C1D22');--ez-button--link--small--font-size:var(--text--small, 12px);--ez-button--link--medium--font-size:var(--text--medium, 14px);--ez-button--link--large--font-size:var(--text--large, 16px)}ez-icon{--ez-icon--color:inherit}button{display:flex;align-items:center;justify-content:center;margin:0;cursor:pointer;transition:background-color 0.2s linear;min-width:var(--ez-button--min-width);height:var(--ez-button--height);font-family:var(--ez-button--font-family);font-size:var(--ez-button--font-size);font-weight:var(--ez-button--font-weight);padding:var(--ez-button--padding-top) var(--ez-button--padding-right) var(--ez-button--padding-bottom) var(--ez-button--padding-left);border-radius:var(--ez-button--border-radius);background-color:var(--ez-button--background-color);color:var(--ez-button--color);fill:var(--ez-button--color);border:var(--ez-button--border)}button:hover{background-color:var(--ez-button--hover--background-color)}button:focus{outline:none;border:var(--ez-button--focus--border);box-shadow:var(--ez-button--focus--box-shadow)}button:disabled{background-color:var(--ez-button--disabled--background-color);color:var(--ez-button--disabled-color);fill:var(--ez-button--disabled-color);border:none;cursor:no-drop}button.icon{padding:0px}button.small{width:32px;min-width:32px;height:32px}button.medium{width:42px;min-width:42px;height:42px}button.large{width:52px;min-width:52px;height:52px}.label-icon{display:flex;flex-direction:column;align-items:center;color:var(--ez-button--color)}.label-icon label{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;font-family:var(--ez-button--font-family);font-size:var(--ez-button--font-size);font-weight:var(--ez-button--font-weight)}a{font-family:var(--ez-button--font-family);font-weight:var(--ez-button--font-weight);color:var(--ez-button--link-color);cursor:pointer;display:flex;align-items:center;justify-content:center;}a:hover{color:var(--ez-button--link--hover-color)}a.small{font-size:var(--ez-button--link--small--font-size);line-height:var(--ez-button--link--small--font-size)}a.medium{font-size:var(--ez-button--link--medium--font-size);line-height:var(--ez-button--link--medium--font-size)}a.large{font-size:var(--ez-button--link--large--font-size);line-height:var(--ez-button--link--large--font-size)}";
|
|
4
4
|
|
|
5
5
|
let EzButton = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -14,7 +14,7 @@ let EzButton = class {
|
|
|
14
14
|
*/
|
|
15
15
|
this.mode = "regular";
|
|
16
16
|
/**
|
|
17
|
-
*
|
|
17
|
+
* É possível escolher entre [small,medium,large] (somente para os modos "icon" e "link")
|
|
18
18
|
*/
|
|
19
19
|
this.size = "medium";
|
|
20
20
|
}
|
|
@@ -51,7 +51,7 @@ let EzButton = class {
|
|
|
51
51
|
} })), h("label", { title: this.label }, this.label)));
|
|
52
52
|
}
|
|
53
53
|
else if (this.mode == "link") {
|
|
54
|
-
return (h("a",
|
|
54
|
+
return (h("a", { class: this.size }, h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), this.label, h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })));
|
|
55
55
|
}
|
|
56
56
|
else {
|
|
57
57
|
return (h("button", { type: "button", disabled: !this.enabled }, h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), this.label, h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })));
|