@sankhyalabs/ezui 1.1.73 → 1.1.76
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-action-chip.cjs.entry.js +2 -2
- package/dist/cjs/ez-button_16.cjs.entry.js +179 -165
- package/dist/cjs/ez-dialog.cjs.entry.js +1 -1
- package/dist/cjs/ez-label-chip.cjs.entry.js +12 -12
- package/dist/cjs/ez-list.cjs.entry.js +1 -1
- package/dist/cjs/ez-modal.cjs.entry.js +1 -1
- package/dist/cjs/ez-number-input.cjs.entry.js +1 -1
- package/dist/cjs/ez-popover.cjs.entry.js +1 -1
- package/dist/cjs/ez-popup.cjs.entry.js +1 -1
- package/dist/cjs/ez-time-input.cjs.entry.js +21 -2
- package/dist/cjs/ez-toast.cjs.entry.js +5 -2
- package/dist/cjs/ezui.cjs.js +2 -2
- package/dist/cjs/{index-4d2896bb.js → index-9431aeeb.js} +2 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/components/ez-action-chip/ez-action-chip.css +21 -21
- package/dist/collection/components/ez-action-chip/ez-action-chip.js +1 -1
- package/dist/collection/components/ez-button/ez-button.css +62 -43
- package/dist/collection/components/ez-button/ez-button.js +9 -2
- package/dist/collection/components/ez-calendar/ez-calendar.css +64 -64
- package/dist/collection/components/ez-calendar/ez-calendar.js +12 -9
- package/dist/collection/components/ez-collapsible-box/ez-collapsible-box.css +34 -34
- package/dist/collection/components/ez-collapsible-box/ez-collapsible-box.js +12 -12
- package/dist/collection/components/ez-combo-box/ez-combo-box.css +2 -2
- package/dist/collection/components/ez-date-input/ez-date-input.css +17 -3
- package/dist/collection/components/ez-date-input/ez-date-input.js +2 -2
- package/dist/collection/components/ez-form/ez-form.js +37 -35
- package/dist/collection/components/ez-form/store/Form.actions.js +16 -16
- package/dist/collection/components/ez-form/store/Form.reducer.js +17 -17
- package/dist/collection/components/ez-form/subcomponents/DataUnit.js +8 -8
- package/dist/collection/components/ez-form/subcomponents/form-metadata.js +12 -12
- package/dist/collection/components/ez-form/subcomponents/place-holder.js +1 -1
- package/dist/collection/components/ez-form/subcomponents/structure/Field.js +22 -22
- package/dist/collection/components/ez-form/subcomponents/structure/NavigationBar.js +7 -7
- package/dist/collection/components/ez-label-chip/ez-label-chip.css +49 -49
- package/dist/collection/components/ez-label-chip/ez-label-chip.js +11 -11
- package/dist/collection/components/ez-numeric-input/ez-numeric-input.css +4 -4
- package/dist/collection/components/ez-search/ez-search.js +9 -9
- package/dist/collection/components/ez-text-area/ez-text-area.css +48 -48
- package/dist/collection/components/ez-text-input/ez-text-input.css +60 -60
- package/dist/collection/components/ez-text-input/ez-text-input.js +16 -16
- package/dist/collection/components/ez-time-input/ez-time-input.js +3 -2
- package/dist/collection/components/ez-toast/ez-toast.css +9 -9
- package/dist/collection/components/ez-toast/ez-toast.js +4 -1
- package/dist/collection/components/ez-upload/ez-upload.css +41 -41
- package/dist/collection/components/ez-upload/ez-upload.js +53 -50
- package/dist/collection/utils/AssetsUtils.js +19 -0
- package/dist/custom-elements/index.js +219 -183
- package/dist/esm/ez-action-chip.entry.js +2 -2
- package/dist/esm/ez-button_16.entry.js +179 -165
- package/dist/esm/ez-dialog.entry.js +1 -1
- package/dist/esm/ez-label-chip.entry.js +12 -12
- package/dist/esm/ez-list.entry.js +1 -1
- package/dist/esm/ez-modal.entry.js +1 -1
- package/dist/esm/ez-number-input.entry.js +1 -1
- package/dist/esm/ez-popover.entry.js +1 -1
- package/dist/esm/ez-popup.entry.js +1 -1
- package/dist/esm/ez-time-input.entry.js +21 -2
- package/dist/esm/ez-toast.entry.js +5 -2
- package/dist/esm/ezui.js +2 -2
- package/dist/esm/{index-33153059.js → index-fd3c8023.js} +2 -1
- package/dist/esm/loader.js +2 -2
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/{p-67410dfa.entry.js → p-11ae4ae7.entry.js} +1 -1
- package/dist/ezui/{p-50464bdf.entry.js → p-47fa3d6c.entry.js} +1 -1
- package/dist/ezui/p-66954a04.entry.js +1 -0
- package/dist/ezui/p-823ff0a0.entry.js +1 -0
- package/dist/ezui/{p-7f3bc6d9.entry.js → p-8ab6168f.entry.js} +1 -1
- package/dist/ezui/{p-15743b09.entry.js → p-9c1fb51c.entry.js} +1 -1
- package/dist/ezui/{p-061d21ba.entry.js → p-9d85125b.entry.js} +1 -1
- package/dist/ezui/p-a0b6eee2.entry.js +1 -0
- package/dist/ezui/p-a7b546b2.entry.js +1 -0
- package/dist/ezui/p-c833c94f.entry.js +1 -0
- package/dist/ezui/{p-8818da66.entry.js → p-d443f020.entry.js} +1 -1
- package/dist/ezui/{p-4df6f855.js → p-e0ab3746.js} +1 -1
- package/dist/types/components/ez-action-chip/ez-action-chip.d.ts +2 -2
- package/dist/types/components/ez-calendar/ez-calendar.d.ts +4 -1
- package/dist/types/components/ez-collapsible-box/ez-collapsible-box.d.ts +3 -3
- package/dist/types/components/ez-form/ez-form.d.ts +9 -9
- package/dist/types/components/ez-form/subcomponents/DataUnit.d.ts +1 -1
- package/dist/types/components/ez-form/subcomponents/form-metadata.d.ts +1 -1
- package/dist/types/components/ez-label-chip/ez-label-chip.d.ts +2 -2
- package/dist/types/components/ez-search/ez-search.d.ts +5 -5
- package/dist/types/components/ez-text-input/ez-text-input.d.ts +1 -1
- package/dist/types/components/ez-toast/ez-toast.d.ts +3 -0
- package/dist/types/components/ez-upload/ez-upload.d.ts +10 -7
- package/dist/types/components.d.ts +47 -38
- package/dist/types/utils/AssetsUtils.d.ts +1 -0
- package/package.json +1 -1
- package/dist/ezui/p-0db8d49b.entry.js +0 -1
- package/dist/ezui/p-129b53df.entry.js +0 -1
- package/dist/ezui/p-25953d44.entry.js +0 -1
- package/dist/ezui/p-74809665.entry.js +0 -1
- package/dist/ezui/p-a99f8d42.entry.js +0 -1
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-9431aeeb.js');
|
|
6
6
|
const RequestMetadata = require('./RequestMetadata-2cd01e8a.js');
|
|
7
7
|
const FloatingManager = require('./FloatingManager-6cfeb947.js');
|
|
8
8
|
const CSSVarsUtils = require('./CSSVarsUtils-f8827674.js');
|
|
9
9
|
|
|
10
|
-
const ezButtonCss = ":host{--button--min-width:100px;--button--height:42px;--button__icon--width:18px;--button__inline__icon--padding:12px;--button--padding-top:var(--space--medium, 12px);--button--padding-bottom:var(--space--medium, 12px);--button--padding-right:var(--space--large, 24px);--button--padding-left:var(--space--large, 24px);--button--color:var(--text--primary, #FFF);--button--font-size:var(--text--medium, 14px);--button--font-family:var(--font-pattern, Arial);--button--font-weight:var(--text-weight--large);--button--background-color:var(--background--medium, #c0c0c0);--button--border-radius:var(--border--radius-large, 12px);--button--border:none;--button--hover--background-color:var(--background--strong, var(--button--background-color));--button--disabled-color:var(--text--disable);--button--disabled--background-color:var(--color--disable-secondary);--button--focus--border:var(--button--border);--button--focus--box-shadow:none;--button--link-color:var(--title--primary, '#C0C0C0')}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(--button--min-width);height:var(--button--height);font-family:var(--button--font-family);font-size:var(--button--font-size);font-weight:var(--button--font-weight);padding:var(--button--padding-top) var(--button--padding-right) var(--button--padding-bottom) var(--button--padding-left);border-radius:var(--button--border-radius);background-color:var(--button--background-color);color:var(--button--color);fill:var(--button--color);border:var(--button--border)}button:hover{background-color:var(--button--hover--background-color)}button:focus{outline:none;border:var(--button--focus--border);box-shadow:var(--button--focus--box-shadow)}button:disabled{background-color:var(--button--disabled--background-color);color:var(--button--disabled-color);fill:var(--button--disabled-color);border:none;cursor:no-drop}button.icon{width:42px;min-width:42px;height:42px;padding:0px}a{font-family:var(--button--font-family);font-size:var(--button--font-size);font-weight:var(--button--font-weight);color:var(--button--link-color);cursor:pointer;display:flex;align-items:center;justify-content:center;}";
|
|
10
|
+
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(--title--primary, '#C0C0C0')}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{width:42px;min-width:42px;height:42px;padding:0px}.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-size:var(--ez-button--font-size);font-weight:var(--ez-button--font-weight);color:var(--ez-button--link-color);cursor:pointer;display:flex;align-items:center;justify-content:center;}";
|
|
11
11
|
|
|
12
12
|
let EzButton = class {
|
|
13
13
|
constructor(hostRef) {
|
|
@@ -27,10 +27,10 @@ let EzButton = class {
|
|
|
27
27
|
if (this.mode == "link") {
|
|
28
28
|
content.style.display = "inline";
|
|
29
29
|
if (slot.name == "leftIcon") {
|
|
30
|
-
content.style.paddingRight = "var(--button__inline__icon--padding)";
|
|
30
|
+
content.style.paddingRight = "var(--ez-button__inline__icon--padding)";
|
|
31
31
|
}
|
|
32
32
|
else if (slot.name == "rightIcon") {
|
|
33
|
-
content.style.paddingLeft = "var(--button__inline__icon--padding)";
|
|
33
|
+
content.style.paddingLeft = "var(--ez-button__inline__icon--padding)";
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
else {
|
|
@@ -44,6 +44,12 @@ let EzButton = class {
|
|
|
44
44
|
evt.stopPropagation();
|
|
45
45
|
} })));
|
|
46
46
|
}
|
|
47
|
+
else if (this.mode == "label-icon") {
|
|
48
|
+
return (index.h("div", { class: "label-icon" }, index.h("button", { class: "icon", type: "button", disabled: !this.enabled }, index.h("ez-icon", { class: "icon", href: this.image, size: "large", onClick: evt => {
|
|
49
|
+
if (!this.enabled)
|
|
50
|
+
evt.stopPropagation();
|
|
51
|
+
} })), index.h("label", { title: this.label }, this.label)));
|
|
52
|
+
}
|
|
47
53
|
else if (this.mode == "link") {
|
|
48
54
|
return (index.h("a", null, index.h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), this.label, index.h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })));
|
|
49
55
|
}
|
|
@@ -97,16 +103,16 @@ class DateUtils {
|
|
|
97
103
|
}
|
|
98
104
|
}
|
|
99
105
|
|
|
100
|
-
const ezCalendarCss = ":host{--
|
|
106
|
+
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__body--padding:var(--space--medium, 12px);--ez-calendar__body--border-radius:var(--border--radius-medium, 12px);--ez-calendar__body--shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-calendar__header-line--stroke:2px;--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 var(--space--small, 12px);--ez-calendar__cell--width:var(--space--large, 24px);--ez-calendar__cell--padding:var(--space--extra-small, 3px) 0px;--ez-calendar__cell--border-radius:var(--border--radius-small, 6px);--ez-calendar__cell--over--background-color:var(--color--strokes, #C0C0C0);--ez-calendar__cell--outset--color:var(--color--strokes, #C0C0C0);--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--strokes, #C0C0C0);--ez-calendar__btn-today--border-radius:var(--border--radius-small, 6px);position:relative;display:flex;user-select:none}.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--medium, 12px);margin: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--large, 600);font-size:var(--title--medium, 16px);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--small, 12px);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)}.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__body{padding:var(--space--small, 6px) 0px}.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--small);padding:var(--space--extra-small, 6px);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)}";
|
|
101
107
|
|
|
102
108
|
let EzCalendar = class {
|
|
103
109
|
constructor(hostRef) {
|
|
104
110
|
index.registerInstance(this, hostRef);
|
|
105
111
|
this.ezChange = index.createEvent(this, "ezChange", 7);
|
|
106
112
|
this._firstRender = true;
|
|
107
|
-
this._todayLabel =
|
|
108
|
-
this._weekDayLabels = [
|
|
109
|
-
this._monthLabels = [
|
|
113
|
+
this._todayLabel = "Hoje";
|
|
114
|
+
this._weekDayLabels = ["D", "S", "T", "Q", "Q", "S", "S"];
|
|
115
|
+
this._monthLabels = ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"];
|
|
110
116
|
/**
|
|
111
117
|
* A data selecionada no calendário
|
|
112
118
|
*/
|
|
@@ -127,18 +133,21 @@ let EzCalendar = class {
|
|
|
127
133
|
if (this.floating) {
|
|
128
134
|
this._floatingID = FloatingManager.FloatingManager.float(this._box, this._container, { autoClose: true, top, left, bottom, right });
|
|
129
135
|
window.requestAnimationFrame(() => {
|
|
130
|
-
this._box.scrollIntoView({ behavior:
|
|
136
|
+
this._box.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
|
|
131
137
|
});
|
|
132
138
|
}
|
|
133
139
|
}
|
|
140
|
+
/**
|
|
141
|
+
* Método necessário para ajustar o posicionamento do calendar acima ou abaixo do ez-date-input conforme a disponibilidade de espaço.
|
|
142
|
+
*/
|
|
134
143
|
async fitVertical(topOffset, bottomOffset) {
|
|
135
144
|
const neededHeight = this._container.getBoundingClientRect().bottom + this._calendarHeight;
|
|
136
145
|
const availableBottom = (window.innerHeight || document.documentElement.clientHeight) > neededHeight;
|
|
137
146
|
if (availableBottom) {
|
|
138
|
-
this.show(topOffset +
|
|
147
|
+
this.show(topOffset + "px", undefined, "unset");
|
|
139
148
|
}
|
|
140
149
|
else {
|
|
141
|
-
this.show(
|
|
150
|
+
this.show("unset", undefined, bottomOffset + "px");
|
|
142
151
|
}
|
|
143
152
|
}
|
|
144
153
|
/**
|
|
@@ -275,7 +284,7 @@ let EzCheck = class {
|
|
|
275
284
|
};
|
|
276
285
|
EzCheck.style = ezCheckCss;
|
|
277
286
|
|
|
278
|
-
const ezCollapsibleBoxCss = ":host{--collapsible-box--height:42px;--collapsible-box--font-size:var(--title--medium, 14px);--collapsible-box--font-family:var(--font-pattern, Arial);--collapsible-box--font-weight:var(--text-weight--large, 600);--collapsible-box--color:var(--title--primary);--collapsible-box__btn--image--xsmall:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"12px\" width=\"7.5px\"><path d=\"M 0,10.56 4.5967752,6.0000006 0,1.3800006 1.4516132,0 7.5,6.0000006 1.4516132,12 Z\"/></svg>');--collapsible-box__btn--image--small:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"14px\" width=\"8.68px\"><path d=\"M 0,12.32 5.3200012,7.0000007 0,1.6100007 1.6800004,0 8.68,7.0000007 1.6800004,14 Z\"/></svg>');--collapsible-box__btn--image--medium: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>');--collapsible-box__btn--image--large:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"18px\" width=\"11.25px\"><path d=\"M 0,15.84 6.8951628,9.0000009 0,2.0700009 2.1774198,0 11.25,9.0000009 2.1774198,18 Z\"/></svg>');--collapsible-box__btn--image--xlarge:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"20px\" width=\"12.5px\"><path d=\"M 0,17.6 7.661292,10.000001 0,2.300001 2.4193553,0 12.5,10.000001 2.4193553,20 Z\"/></svg>');--collapsible-box__btn--fill:var(--collapsible-box--color);--collapsible-box__btn--width:10px;--collapsible-box__btn--height:16px;display:flex;flex-wrap:wrap;width:100%}.collapsible-box__title{width:100%;align-self:center;display:flex;box-sizing:border-box}.collapsible-box__label{white-space:nowrap;overflow:hidden;cursor:pointer;text-overflow:ellipsis;width:100%;font-family:var(--collapsible-box--font-family);font-size:var(--collapsible-box--font-size);font-weight:var(--collapsible-box--font-weight);color:var(--collapsible-box--color)}.collapsible-box__label--icon-right{white-space:nowrap;overflow:hidden;cursor:pointer;text-overflow:ellipsis;font-family:var(--collapsible-box--font-family);font-size:var(--collapsible-box--font-size);font-weight:var(--collapsible-box--font-weight);color:var(--collapsible-box--color)}.collapsible-box__btn{outline:none;border:none;background-color:unset;cursor:pointer;padding:1px 6px}.collapsible-box__btn::after{content:'';display:flex;background-color:var(--collapsible-box__btn--fill);width:var(--collapsible-box__btn--width);height:var(--collapsible-box__btn--height);transition:transform var(--transition);transform:rotate(90deg)}.collapsible-box__btn--xsmall::after{width:7.5px;height:12px;-webkit-mask-image:var(--collapsible-box__btn--image--xsmall);mask-image:var(--collapsible-box__btn--image--xsmall)}.collapsible-box__btn--small::after{width:8.68px;height:14px;-webkit-mask-image:var(--collapsible-box__btn--image--small);mask-image:var(--collapsible-box__btn--image--small)}.collapsible-box__btn--medium::after{width:10px;height:16px;-webkit-mask-image:var(--collapsible-box__btn--image--medium);mask-image:var(--collapsible-box__btn--image--medium)}.collapsible-box__btn--large::after{width:11.25px;height:18px;-webkit-mask-image:var(--collapsible-box__btn--image--large);mask-image:var(--collapsible-box__btn--image--large)}.collapsible-box__btn--xlarge::after{width:12.5px;height:20px;-webkit-mask-image:var(--collapsible-box__btn--image--xlarge);mask-image:var(--collapsible-box__btn--image--xlarge)}.collapsible-box__btn--collapsed::after{transform:rotate(0deg)}.font--xsmall{font-size:10px}.font--small{font-size:12px}.font--medium{font-size:14px}.font--large{font-size:16px}.font--xlarge{font-size:20px}";
|
|
287
|
+
const ezCollapsibleBoxCss = ":host{--ez-collapsible-box--height:42px;--ez-collapsible-box--font-size:var(--title--medium, 14px);--ez-collapsible-box--font-family:var(--font-pattern, Arial);--ez-collapsible-box--font-weight:var(--text-weight--large, 600);--ez-collapsible-box--color:var(--title--primary);--ez-collapsible-box__btn--image--xsmall:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"12px\" width=\"7.5px\"><path d=\"M 0,10.56 4.5967752,6.0000006 0,1.3800006 1.4516132,0 7.5,6.0000006 1.4516132,12 Z\"/></svg>');--ez-collapsible-box__btn--image--small:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"14px\" width=\"8.68px\"><path d=\"M 0,12.32 5.3200012,7.0000007 0,1.6100007 1.6800004,0 8.68,7.0000007 1.6800004,14 Z\"/></svg>');--ez-collapsible-box__btn--image--medium: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-collapsible-box__btn--image--large:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"18px\" width=\"11.25px\"><path d=\"M 0,15.84 6.8951628,9.0000009 0,2.0700009 2.1774198,0 11.25,9.0000009 2.1774198,18 Z\"/></svg>');--ez-collapsible-box__btn--image--xlarge:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"20px\" width=\"12.5px\"><path d=\"M 0,17.6 7.661292,10.000001 0,2.300001 2.4193553,0 12.5,10.000001 2.4193553,20 Z\"/></svg>');--ez-collapsible-box__btn--fill:var(--ez-collapsible-box--color);--ez-collapsible-box__btn--width:10px;--ez-collapsible-box__btn--height:16px;display:flex;flex-wrap:wrap;width:100%}.collapsible-box__title{width:100%;align-self:center;display:flex;box-sizing:border-box}.collapsible-box__label{white-space:nowrap;overflow:hidden;cursor:pointer;text-overflow:ellipsis;width:100%;font-family:var(--ez-collapsible-box--font-family);font-size:var(--ez-collapsible-box--font-size);font-weight:var(--ez-collapsible-box--font-weight);color:var(--ez-collapsible-box--color)}.collapsible-box__label--icon-right{white-space:nowrap;overflow:hidden;cursor:pointer;text-overflow:ellipsis;font-family:var(--ez-collapsible-box--font-family);font-size:var(--ez-collapsible-box--font-size);font-weight:var(--ez-collapsible-box--font-weight);color:var(--ez-collapsible-box--color)}.collapsible-box__btn{outline:none;border:none;background-color:unset;cursor:pointer;padding:1px 6px}.collapsible-box__btn::after{content:'';display:flex;background-color:var(--ez-collapsible-box__btn--fill);width:var(--ez-collapsible-box__btn--width);height:var(--ez-collapsible-box__btn--height);transition:transform var(--transition);transform:rotate(90deg)}.collapsible-box__btn--xsmall::after{width:7.5px;height:12px;-webkit-mask-image:var(--ez-collapsible-box__btn--image--xsmall);mask-image:var(--ez-collapsible-box__btn--image--xsmall)}.collapsible-box__btn--small::after{width:8.68px;height:14px;-webkit-mask-image:var(--ez-collapsible-box__btn--image--small);mask-image:var(--ez-collapsible-box__btn--image--small)}.collapsible-box__btn--medium::after{width:10px;height:16px;-webkit-mask-image:var(--ez-collapsible-box__btn--image--medium);mask-image:var(--ez-collapsible-box__btn--image--medium)}.collapsible-box__btn--large::after{width:11.25px;height:18px;-webkit-mask-image:var(--ez-collapsible-box__btn--image--large);mask-image:var(--ez-collapsible-box__btn--image--large)}.collapsible-box__btn--xlarge::after{width:12.5px;height:20px;-webkit-mask-image:var(--ez-collapsible-box__btn--image--xlarge);mask-image:var(--ez-collapsible-box__btn--image--xlarge)}.collapsible-box__btn--collapsed::after{transform:rotate(0deg)}.font--xsmall{font-size:10px}.font--small{font-size:12px}.font--medium{font-size:14px}.font--large{font-size:16px}.font--xlarge{font-size:20px}";
|
|
279
288
|
|
|
280
289
|
let EzCollapsibleBox = class {
|
|
281
290
|
constructor(hostRef) {
|
|
@@ -288,11 +297,11 @@ let EzCollapsibleBox = class {
|
|
|
288
297
|
/**
|
|
289
298
|
* Define o tamanho do texto e do ícone do componente.
|
|
290
299
|
*/
|
|
291
|
-
this.
|
|
300
|
+
this.headerSize = "small";
|
|
292
301
|
/**
|
|
293
302
|
* Define o local onde o ícone será renderizado.
|
|
294
303
|
*/
|
|
295
|
-
this.
|
|
304
|
+
this.iconPlacement = "left";
|
|
296
305
|
}
|
|
297
306
|
observeValue() {
|
|
298
307
|
this.ezChange.emit();
|
|
@@ -304,10 +313,10 @@ let EzCollapsibleBox = class {
|
|
|
304
313
|
this.value = !this.value;
|
|
305
314
|
}
|
|
306
315
|
render() {
|
|
307
|
-
return (index.h(index.Host, null, this.
|
|
308
|
-
index.h("div", { class: "collapsible-box__title" }, index.h("label", { class: (this.
|
|
316
|
+
return (index.h(index.Host, null, this.iconPlacement == "right" ?
|
|
317
|
+
index.h("div", { class: "collapsible-box__title" }, index.h("label", { class: (this.iconPlacement == "right" ? "collapsible-box__label--icon-right " : "collapsible-box__label ") + (this.headerSize ? "font--" + this.headerSize : ""), onClick: () => this.showHide(), title: this.label }, this.label), index.h("button", { class: this.value ? "collapsible-box__btn collapsible-box__btn--collapsed " + "collapsible-box__btn--" + this.headerSize : "collapsible-box__btn " + "collapsible-box__btn--" + this.headerSize, onClick: () => this.showHide() }))
|
|
309
318
|
:
|
|
310
|
-
index.h("div", { class: "collapsible-box__title" }, index.h("button", { class: this.value ? "collapsible-box__btn collapsible-box__btn--collapsed " + "collapsible-box__btn--" + this.
|
|
319
|
+
index.h("div", { class: "collapsible-box__title" }, index.h("button", { class: this.value ? "collapsible-box__btn collapsible-box__btn--collapsed " + "collapsible-box__btn--" + this.headerSize : "collapsible-box__btn " + "collapsible-box__btn--" + this.headerSize, onClick: () => this.showHide() }), index.h("label", { class: (this.iconPlacement == "right" ? "collapsible-box__label--icon-right " : "collapsible-box__label ") + (this.headerSize ? "font--" + this.headerSize : ""), onClick: () => this.showHide(), title: this.label }, this.label)), !this.value ? index.h("slot", null) : null));
|
|
311
320
|
}
|
|
312
321
|
static get watchers() { return {
|
|
313
322
|
"value": ["observeValue"]
|
|
@@ -315,7 +324,7 @@ let EzCollapsibleBox = class {
|
|
|
315
324
|
};
|
|
316
325
|
EzCollapsibleBox.style = ezCollapsibleBoxCss;
|
|
317
326
|
|
|
318
|
-
const ezComboBoxCss = ":host{--combo-box--height:42px;--combo-box--width:100%;--combo-box__icon--width:48px;--combo-box--border-radius:var(--border--radius-medium, 12px);--combo-box--border-radius-small:var(--border--radius-small, 6px);--combo-box--font-size:var(--text--medium, 14px);--combo-box--font-family:var(--font-pattern, Arial);--combo-box--font-weight--large:var(--text-weight--large, 500);--combo-box--font-weight--medium:var(--text-weight--medium, 400);--combo-box--background-color--xlight:var(--background--xlight, #fff);--combo-box__input--background-color:var(--background--medium, #e0e0e0);--combo-box__input--border:var(--border--medium, 2px solid);--combo-box__input--border-color:var(--combo-box__input--background-color);--combo-box__input--focus--border-color:var(--color--primary, #008561);--combo-box__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--combo-box__input--disabled--color:var(--text--disable, #AFB6C0);--combo-box__input--error--border-color:#CC2936;--combo-box__label--color:var(--title--primary, #919191);--combo-box__list-text--primary:var(--text--primary, #626e82);--combo-box__list-height:calc(var(--combo-box--font-size) + var(--combo-box--space--medium));--combo-box--drop-down__image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"16px\"><path d=\"M 1.8585859,3.0707069 7.9999998,9.2121212 14.141414,3.0707069 16,5.0101006 7.9999998,12.929293 0,4.9292932 Z\"/></svg>');--combo-box--search__image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"22px\" width=\"22px\"><path d=\"m 9.4,2.3 c 4.1,0 7.4,3.2 7.4,7.2 0,1.8 -0.7,3.4 -1.8,4.7 l 0.3,0.3 h 0.9 l 5.7,5.6 -1.7,1.7 -5.7,-5.6 V 15.3 L 14.3,15 C 13,16.1 11.3,16.7 9.5,16.7 5.3,16.7 2,13.5 2,9.5 2,5.5 5.3,2.3 9.4,2.3 m 0,2.2 c -2.9,0 -5.1,2.2 -5.1,5 0,2.8 2.3,5 5.1,5 2.8,0 5.1,-2.2 5.1,-5 0,-2.8 -2.2,-5 -5.1,-5 z\"/></svg>');--combo-box--space--medium:var(--space--medium, 12px);--combo-box--space--small:var(--space--small, 6px);display:flex;flex-wrap:wrap;position:relative;width:var(--combo-box--width)}ez-text-input{--
|
|
327
|
+
const ezComboBoxCss = ":host{--combo-box--height:42px;--combo-box--width:100%;--combo-box__icon--width:48px;--combo-box--border-radius:var(--border--radius-medium, 12px);--combo-box--border-radius-small:var(--border--radius-small, 6px);--combo-box--font-size:var(--text--medium, 14px);--combo-box--font-family:var(--font-pattern, Arial);--combo-box--font-weight--large:var(--text-weight--large, 500);--combo-box--font-weight--medium:var(--text-weight--medium, 400);--combo-box--background-color--xlight:var(--background--xlight, #fff);--combo-box__input--background-color:var(--background--medium, #e0e0e0);--combo-box__input--border:var(--border--medium, 2px solid);--combo-box__input--border-color:var(--combo-box__input--background-color);--combo-box__input--focus--border-color:var(--color--primary, #008561);--combo-box__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--combo-box__input--disabled--color:var(--text--disable, #AFB6C0);--combo-box__input--error--border-color:#CC2936;--combo-box__label--color:var(--title--primary, #919191);--combo-box__list-text--primary:var(--text--primary, #626e82);--combo-box__list-height:calc(var(--combo-box--font-size) + var(--combo-box--space--medium));--combo-box--drop-down__image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"16px\"><path d=\"M 1.8585859,3.0707069 7.9999998,9.2121212 14.141414,3.0707069 16,5.0101006 7.9999998,12.929293 0,4.9292932 Z\"/></svg>');--combo-box--search__image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"22px\" width=\"22px\"><path d=\"m 9.4,2.3 c 4.1,0 7.4,3.2 7.4,7.2 0,1.8 -0.7,3.4 -1.8,4.7 l 0.3,0.3 h 0.9 l 5.7,5.6 -1.7,1.7 -5.7,-5.6 V 15.3 L 14.3,15 C 13,16.1 11.3,16.7 9.5,16.7 5.3,16.7 2,13.5 2,9.5 2,5.5 5.3,2.3 9.4,2.3 m 0,2.2 c -2.9,0 -5.1,2.2 -5.1,5 0,2.8 2.3,5 5.1,5 2.8,0 5.1,-2.2 5.1,-5 0,-2.8 -2.2,-5 -5.1,-5 z\"/></svg>');--combo-box--space--medium:var(--space--medium, 12px);--combo-box--space--small:var(--space--small, 6px);display:flex;flex-wrap:wrap;position:relative;width:var(--combo-box--width)}ez-text-input{--ez-text-input__input--background-color:var(--combo-box__input--background-color, #FFFFFF);--ez-text-input__input--border-color:var(--combo-box__input--border-color, #DCE0E8)}.list-container{position:relative;width:100%}.options-list{box-sizing:border-box;width:100%;z-index:var(--more-visible, 2);display:flex;flex-direction:column;background-color:var(--combo-box--background-color--xlight);padding:var(--combo-box--space--small);border-radius:var(--combo-box--border-radius);box-shadow:var(--shadow, 0px 0px 16px 0px #000);scroll-behavior:smooth;max-height:calc(4*var(--combo-box__list-height) + 2*var(--combo-box--space--small));overflow:auto}.item{text-align:left;display:flex;justify-content:space-between;align-items:center;border-radius:var(--combo-box--border-radius-small);padding:0 var(--combo-box--space--small);list-style-type:none;min-height:var(--combo-box__list-height)}.item--label{text-align:left;flex-basis:85%;flex-grow:1;color:var(--combo-box__list-text--primary);font-weight:var(--combo-box--font-weight--large);font-family:var(--combo-box--font-family);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item--value{text-align:right;flex-basis:15%;flex-grow:0;color:var(--combo-box__list-text--primary);font-weight:var(--combo-box--font-weight--large);font-family:var(--combo-box--font-family);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}li:hover{background-color:var(--background--medium)}.preselected{background-color:var(--background--medium)}.btn-open-options{outline:none;border:none;background-color:unset;cursor:pointer}.btn-open-options:disabled{cursor:unset}.btn-open-options::after{content:'';display:flex;background-color:var(--text--primary, #008561);width:16px;height:16px;-webkit-mask-image:var(--combo-box--drop-down__image);mask-image:var(--combo-box--drop-down__image)}.btn-open-options:disabled:after{background-color:var(--text--disable, #AFB6C0)}.btn-open-options:enabled:hover::after{background-color:var(--color--primary, #4e4e4e)}.btn-open-search{outline:none;border:none;background-color:unset;cursor:pointer}.btn-open-search:disabled{cursor:unset}.btn-open-search::after{content:'';display:flex;background-color:var(--text--primary, #008561);width:22px;height:22px;-webkit-mask-image:var(--combo-box--search__image);mask-image:var(--combo-box--search__image)}.btn-open-search:disabled:after{background-color:var(--text--disable, #AFB6C0)}.btn-open-search:enabled:hover::after{background-color:var(--color--primary, #4e4e4e)}";
|
|
319
328
|
|
|
320
329
|
let EzComboBox = class {
|
|
321
330
|
constructor(hostRef) {
|
|
@@ -555,7 +564,7 @@ let EzComboBox = class {
|
|
|
555
564
|
};
|
|
556
565
|
EzComboBox.style = ezComboBoxCss;
|
|
557
566
|
|
|
558
|
-
const ezDateInputCss = ":host{display:block;width:100%;--
|
|
567
|
+
const ezDateInputCss = ":host{display:block;width:100%;--ez-date-input__input--background-color:var(--background--medium, #e0e0e0);--ez-date-input__input--border-color:var(--ez-date-input__input--background-color);--ez-date-input__calendar-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"15px\"><path d=\"M 3.171875,5.25 C 2.6485088,5.25 2.21875,5.6797588 2.21875,6.203125 2.21875,6.7264912 2.6485088,7.15625 3.171875,7.15625 3.6952412,7.15625 4.125,6.7264912 4.125,6.203125 4.125,5.6797588 3.6952412,5.25 3.171875,5.25 Z m 2.875,0 C 5.5235088,5.25 5.09375,5.6797588 5.09375,6.203125 5.09375,6.7264912 5.5235088,7.15625 6.046875,7.15625 6.5702412,7.15625 7,6.7264912 7,6.203125 7,5.6797588 6.5702412,5.25 6.046875,5.25 Z m 2.875,0 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.953125 0.953125,0.953125 0.5233662,0 0.9511719,-0.4297588 0.9511719,-0.953125 C 9.8730469,5.6797588 9.4452412,5.25 8.921875,5.25 Z m 2.873047,0 c -0.523366,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.429759,0.953125 0.953125,0.953125 0.523366,0 0.953125,-0.4297588 0.953125,-0.953125 C 12.748047,5.6797588 12.318288,5.25 11.794922,5.25 Z M 3.171875,8.1230469 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.9531251 0.953125,0.9531251 0.5233662,0 0.953125,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.875,0 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.9531251 0.953125,0.9531251 C 6.5702412,10.029297 7,9.5995381 7,9.0761719 7,8.5528057 6.5702412,8.1230469 6.046875,8.1230469 Z m 2.8554688,0 c -0.5233663,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297587,0.9531251 0.953125,0.9531251 0.5233661,0 0.9531249,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.9003902,0 c -0.523366,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.429759,0.9531251 0.953125,0.9531251 0.523367,0 0.953125,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.429758,-0.953125 -0.953125,-0.953125 z M 3.171875,10.998047 c -0.5233662,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297588,0.953125 0.953125,0.953125 0.5233662,0 0.953125,-0.429759 0.953125,-0.953125 0,-0.523366 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.875,0 c -0.5233662,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297588,0.953125 0.953125,0.953125 C 6.5702412,12.904297 7,12.474538 7,11.951172 7,11.427806 6.5702412,10.998047 6.046875,10.998047 Z m 2.8554688,0 c -0.5233663,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297587,0.953125 0.953125,0.953125 0.5233661,0 0.9531249,-0.429759 0.953125,-0.953125 0,-0.523366 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.9003902,0 c -0.523366,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.429759,0.953125 0.953125,0.953125 0.523367,0 0.953125,-0.429759 0.953125,-0.953125 0,-0.523366 -0.429758,-0.953125 -0.953125,-0.953125 z M 3.5,0 c -0.554,0 -1,0.446 -1,1 v 0.050781 C 1.0853217,1.2909766 0,2.5186658 0,4 v 9 c 0,1.652487 1.3475134,3 3,3 h 9 c 1.652487,0 3,-1.347513 3,-3 V 4 C 15,2.5186658 13.914678,1.2909766 12.5,1.0507812 V 1 c 0,-0.554 -0.446,-1 -1,-1 -0.554,0 -1,0.446 -1,1 h -2 c 0,-0.554 -0.446,-1 -1,-1 -0.554,0 -1,0.446 -1,1 h -2 C 4.5,0.446 4.054,0 3.5,0 Z m 1,2.0996094 h 2 v 0.640625 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 v -0.640625 h 2 v 0.640625 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 V 2.1738281 C 13.311725,2.3905225 13.900391,3.11278 13.900391,4 v 9 c 0,1.062113 -0.838278,1.900391 -1.900391,1.900391 H 3 C 1.9378864,14.900391 1.0996094,14.062113 1.0996094,13 V 4 C 1.0996094,3.11278 1.6882747,2.3905225 2.5,2.1738281 v 0.5664063 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 z\"/></svg>')}.text-input{--ez-text-input__input--background-color:inherit;--ez-text-input__input--border-color:inherit}.btn-open-cal{outline:none;border:none;background-color:unset;cursor:pointer}.btn-open-cal:disabled{cursor:unset}.btn-open-cal::after{content:'';display:flex;background-color:var(--text--primary, #008561);width:15px;height:16px;-webkit-mask-image:var(--ez-date-input__calendar-image);mask-image:var(--ez-date-input__calendar-image)}.btn-open-cal:disabled:after{background-color:var(--text--disable, #AFB6C0)}.btn-open-cal:enabled:hover::after{background-color:var(--color--primary, #4e4e4e)}ez-text-input{--text-input__input--background-color:var(--ez-date-input__input--background-color, #FFFFFF);--text-input__input--border-color:var(--ez-date-input__input--border-color, #DCE0E8)}";
|
|
559
568
|
|
|
560
569
|
let EzDateInput = class {
|
|
561
570
|
constructor(hostRef) {
|
|
@@ -614,14 +623,14 @@ let EzDateInput = class {
|
|
|
614
623
|
}
|
|
615
624
|
}
|
|
616
625
|
getTextValue(d) {
|
|
617
|
-
return d ? new Intl.DateTimeFormat(
|
|
626
|
+
return d ? new Intl.DateTimeFormat("pt-BR").format(d) : null;
|
|
618
627
|
}
|
|
619
628
|
componentDidLoad() {
|
|
620
629
|
CSSVarsUtils.CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
|
|
621
630
|
}
|
|
622
631
|
render() {
|
|
623
632
|
return (index.h(index.Host, null, index.h("ez-text-input", { ref: elem => this._textInput = elem, onBlur: () => this.parseDate(), onKeyDown: event => {
|
|
624
|
-
if (event.key ===
|
|
633
|
+
if (event.key === "H" || event.key === "h")
|
|
625
634
|
this.changeValue(new Date());
|
|
626
635
|
}, label: this.label, onEzChange: event => event.stopPropagation(), value: this.getTextValue(this.value), restrict: "0123456789/", enabled: this.enabled, errorMessage: this.errorMessage }, index.h("button", { disabled: !this.enabled, tabindex: -1, class: "btn-open-cal", onClick: () => this.showCalendar(), slot: "leftIcon" })), index.h("ez-calendar", { onEzChange: (event) => { this.hideCalendar(); event.stopPropagation(); }, floating: true, ref: elem => this._calendar = elem })));
|
|
627
636
|
}
|
|
@@ -1212,19 +1221,19 @@ thunk.withExtraArgument = createThunkMiddleware;
|
|
|
1212
1221
|
|
|
1213
1222
|
function changeFieldValue$1(dataUnit, recordId, fieldName, value) {
|
|
1214
1223
|
return {
|
|
1215
|
-
type:
|
|
1224
|
+
type: "FORM/CHANGEFIELD",
|
|
1216
1225
|
payload: { dataUnit, recordId, fieldName, value }
|
|
1217
1226
|
};
|
|
1218
1227
|
}
|
|
1219
1228
|
function changeTab$1(formId, index) {
|
|
1220
1229
|
return {
|
|
1221
|
-
type:
|
|
1230
|
+
type: "FORM/CHANGETAB",
|
|
1222
1231
|
payload: { formId, index }
|
|
1223
1232
|
};
|
|
1224
1233
|
}
|
|
1225
1234
|
function clearEdition$1(dataUnit, recordsLimit) {
|
|
1226
1235
|
return {
|
|
1227
|
-
type:
|
|
1236
|
+
type: "FORM/CLEAREDITION",
|
|
1228
1237
|
payload: {
|
|
1229
1238
|
dataUnit,
|
|
1230
1239
|
recordsLimit
|
|
@@ -1233,13 +1242,13 @@ function clearEdition$1(dataUnit, recordsLimit) {
|
|
|
1233
1242
|
}
|
|
1234
1243
|
function collapseExpandGroup(collapseId, collapsed) {
|
|
1235
1244
|
return {
|
|
1236
|
-
type:
|
|
1245
|
+
type: "FORM/COLLAPSEGROUP",
|
|
1237
1246
|
payload: { collapseId, collapsed }
|
|
1238
1247
|
};
|
|
1239
1248
|
}
|
|
1240
1249
|
function previousRecord(dataUnit) {
|
|
1241
1250
|
return {
|
|
1242
|
-
type:
|
|
1251
|
+
type: "FORM/NAVIGATE",
|
|
1243
1252
|
payload: {
|
|
1244
1253
|
dataUnit,
|
|
1245
1254
|
limit: 0,
|
|
@@ -1249,7 +1258,7 @@ function previousRecord(dataUnit) {
|
|
|
1249
1258
|
}
|
|
1250
1259
|
function nextRecord(dataUnit, limit) {
|
|
1251
1260
|
return {
|
|
1252
|
-
type:
|
|
1261
|
+
type: "FORM/NAVIGATE",
|
|
1253
1262
|
payload: {
|
|
1254
1263
|
dataUnit,
|
|
1255
1264
|
limit,
|
|
@@ -1259,7 +1268,7 @@ function nextRecord(dataUnit, limit) {
|
|
|
1259
1268
|
}
|
|
1260
1269
|
function insertRecord$1(dataUnit, insertionIndex) {
|
|
1261
1270
|
return {
|
|
1262
|
-
type:
|
|
1271
|
+
type: "FORM/INSERT",
|
|
1263
1272
|
payload: {
|
|
1264
1273
|
dataUnit,
|
|
1265
1274
|
insertionIndex
|
|
@@ -1268,12 +1277,12 @@ function insertRecord$1(dataUnit, insertionIndex) {
|
|
|
1268
1277
|
}
|
|
1269
1278
|
function formLoad() {
|
|
1270
1279
|
return {
|
|
1271
|
-
type:
|
|
1280
|
+
type: "FORM/LOAD"
|
|
1272
1281
|
};
|
|
1273
1282
|
}
|
|
1274
1283
|
function dataLoading$1(dataUnit) {
|
|
1275
1284
|
return {
|
|
1276
|
-
type:
|
|
1285
|
+
type: "FORM/DATALOADING",
|
|
1277
1286
|
payload: {
|
|
1278
1287
|
dataUnit
|
|
1279
1288
|
}
|
|
@@ -1281,7 +1290,7 @@ function dataLoading$1(dataUnit) {
|
|
|
1281
1290
|
}
|
|
1282
1291
|
function savingChanges$1(dataUnit) {
|
|
1283
1292
|
return {
|
|
1284
|
-
type:
|
|
1293
|
+
type: "FORM/SAVINGCHANGES",
|
|
1285
1294
|
payload: {
|
|
1286
1295
|
dataUnit
|
|
1287
1296
|
}
|
|
@@ -1289,7 +1298,7 @@ function savingChanges$1(dataUnit) {
|
|
|
1289
1298
|
}
|
|
1290
1299
|
function dataLoaded$1(dataUnit) {
|
|
1291
1300
|
return {
|
|
1292
|
-
type:
|
|
1301
|
+
type: "FORM/DATALOADED",
|
|
1293
1302
|
payload: {
|
|
1294
1303
|
dataUnit
|
|
1295
1304
|
}
|
|
@@ -1297,7 +1306,7 @@ function dataLoaded$1(dataUnit) {
|
|
|
1297
1306
|
}
|
|
1298
1307
|
function changesSaved$1(dataUnit) {
|
|
1299
1308
|
return {
|
|
1300
|
-
type:
|
|
1309
|
+
type: "FORM/CHANGESSAVED",
|
|
1301
1310
|
payload: {
|
|
1302
1311
|
dataUnit
|
|
1303
1312
|
}
|
|
@@ -1305,7 +1314,7 @@ function changesSaved$1(dataUnit) {
|
|
|
1305
1314
|
}
|
|
1306
1315
|
function removingRecord$1(dataUnit) {
|
|
1307
1316
|
return {
|
|
1308
|
-
type:
|
|
1317
|
+
type: "FORM/REMOVINGRECORD",
|
|
1309
1318
|
payload: {
|
|
1310
1319
|
dataUnit
|
|
1311
1320
|
}
|
|
@@ -1313,7 +1322,7 @@ function removingRecord$1(dataUnit) {
|
|
|
1313
1322
|
}
|
|
1314
1323
|
function recordRemoved$1(dataUnit) {
|
|
1315
1324
|
return {
|
|
1316
|
-
type:
|
|
1325
|
+
type: "FORM/RECORDREMOVED",
|
|
1317
1326
|
payload: {
|
|
1318
1327
|
dataUnit
|
|
1319
1328
|
}
|
|
@@ -1321,7 +1330,7 @@ function recordRemoved$1(dataUnit) {
|
|
|
1321
1330
|
}
|
|
1322
1331
|
function invalidField$1(tabController, tabIndex, dataUnit, recordIndex, recordId, fieldName, errorMessage) {
|
|
1323
1332
|
return {
|
|
1324
|
-
type:
|
|
1333
|
+
type: "FORM/INVALIDFIELD",
|
|
1325
1334
|
payload: {
|
|
1326
1335
|
tabController,
|
|
1327
1336
|
tabIndex,
|
|
@@ -1335,7 +1344,7 @@ function invalidField$1(tabController, tabIndex, dataUnit, recordIndex, recordId
|
|
|
1335
1344
|
}
|
|
1336
1345
|
function showHideNavigationButtons(buttonName, status) {
|
|
1337
1346
|
return {
|
|
1338
|
-
type:
|
|
1347
|
+
type: "FORM/SHOWHIDENAVBTN",
|
|
1339
1348
|
payload: {
|
|
1340
1349
|
buttonName,
|
|
1341
1350
|
status
|
|
@@ -1996,19 +2005,19 @@ const inicialNonHistState = {
|
|
|
1996
2005
|
};
|
|
1997
2006
|
function formReducer(state = inicialHistState, action) {
|
|
1998
2007
|
switch (action.type) {
|
|
1999
|
-
case
|
|
2008
|
+
case "FORM/COLLAPSEGROUP":
|
|
2000
2009
|
return collapseGroup(state, action.payload);
|
|
2001
|
-
case
|
|
2010
|
+
case "FORM/CHANGETAB":
|
|
2002
2011
|
return changeTab(state, action.payload.formId, action.payload.index);
|
|
2003
|
-
case
|
|
2012
|
+
case "FORM/NAVIGATE":
|
|
2004
2013
|
return navigate(state, action.payload);
|
|
2005
|
-
case
|
|
2014
|
+
case "FORM/INSERT":
|
|
2006
2015
|
return insertRecord(state, action.payload);
|
|
2007
|
-
case
|
|
2016
|
+
case "FORM/CHANGEFIELD":
|
|
2008
2017
|
return changeFieldValue(state, action.payload);
|
|
2009
|
-
case
|
|
2018
|
+
case "FORM/CLEAREDITION":
|
|
2010
2019
|
return clearEdition(state, action.payload);
|
|
2011
|
-
case
|
|
2020
|
+
case "FORM/INVALIDFIELD":
|
|
2012
2021
|
return navigateToInvalid(state, action.payload);
|
|
2013
2022
|
default:
|
|
2014
2023
|
return state;
|
|
@@ -2016,25 +2025,25 @@ function formReducer(state = inicialHistState, action) {
|
|
|
2016
2025
|
}
|
|
2017
2026
|
function formNonHistoricReducer(state = inicialNonHistState, action) {
|
|
2018
2027
|
switch (action.type) {
|
|
2019
|
-
case
|
|
2028
|
+
case "FORM/DATALOADING":
|
|
2020
2029
|
return dataLoading(state, action.payload);
|
|
2021
|
-
case
|
|
2030
|
+
case "FORM/DATALOADED":
|
|
2022
2031
|
return dataLoaded(state, action.payload);
|
|
2023
|
-
case
|
|
2032
|
+
case "FORM/SAVINGCHANGES":
|
|
2024
2033
|
return savingChanges(state, action.payload);
|
|
2025
|
-
case
|
|
2034
|
+
case "FORM/CHANGESSAVED":
|
|
2026
2035
|
return changesSaved(state, action.payload);
|
|
2027
|
-
case
|
|
2036
|
+
case "FORM/REMOVINGRECORD":
|
|
2028
2037
|
return removingRecord(state, action.payload);
|
|
2029
|
-
case
|
|
2038
|
+
case "FORM/RECORDREMOVED":
|
|
2030
2039
|
return recordRemoved(state, action.payload);
|
|
2031
|
-
case
|
|
2040
|
+
case "FORM/INVALIDFIELD":
|
|
2032
2041
|
return invalidField(state, action.payload);
|
|
2033
|
-
case
|
|
2042
|
+
case "FORM/CLEAREDITION":
|
|
2034
2043
|
return clearAllInvalidFields(state, action.payload);
|
|
2035
|
-
case
|
|
2044
|
+
case "FORM/CHANGEFIELD":
|
|
2036
2045
|
return clearInvalidField(state, action.payload);
|
|
2037
|
-
case
|
|
2046
|
+
case "FORM/SHOWHIDENAVBTN":
|
|
2038
2047
|
return showHideNavBtn(state, action.payload);
|
|
2039
2048
|
default:
|
|
2040
2049
|
return state;
|
|
@@ -2224,13 +2233,13 @@ const NavigationBar = ({ dataUnit: du, buttonProps, enabled }) => {
|
|
|
2224
2233
|
|| buttonProps.cancelVisible
|
|
2225
2234
|
|| buttonProps.reloadVisible) {
|
|
2226
2235
|
return index.h("div", { class: "col col--sd-12 align--right" },
|
|
2227
|
-
buttonProps.previousVisible ? index.h("ez-button", { key: du.name +
|
|
2228
|
-
buttonProps.nextVisible ? index.h("ez-button", { key: du.name +
|
|
2229
|
-
buttonProps.removeVisible ? index.h("ez-button", { key: du.name +
|
|
2230
|
-
buttonProps.addVisible ? index.h("ez-button", { key: du.name +
|
|
2231
|
-
buttonProps.reloadVisible ? index.h("ez-button", { key: du.name +
|
|
2232
|
-
buttonProps.cancelVisible ? index.h("ez-button", { key: du.name +
|
|
2233
|
-
buttonProps.saveVisible ? index.h("ez-button", { key: du.name +
|
|
2236
|
+
buttonProps.previousVisible ? index.h("ez-button", { key: du.name + "_previous", title: "Registro anterior", mode: "icon", enabled: enabled && du.hasPrevious(), onClick: () => du.previous(), image: "/themes/default/images/icons/actions-sprite.svg#previous-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
|
|
2237
|
+
buttonProps.nextVisible ? index.h("ez-button", { key: du.name + "_next", title: "Pr\u00F3ximo registro", mode: "icon", enabled: enabled && du.hasNext(), onClick: () => du.next(), image: "/themes/default/images/icons/actions-sprite.svg#next-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
|
|
2238
|
+
buttonProps.removeVisible ? index.h("ez-button", { key: du.name + "_remove", label: "Remover", enabled: enabled && du.hasCurrentRecord(), onClick: () => removeHandler(du), image: "/themes/default/images/icons/actions-sprite.svg#minus-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
|
|
2239
|
+
buttonProps.addVisible ? index.h("ez-button", { key: du.name + "_add", label: "Adicionar", enabled: enabled, onClick: () => du.insert(), class: "button--secondary margin-right--medium" }) : null,
|
|
2240
|
+
buttonProps.reloadVisible ? index.h("ez-button", { key: du.name + "_reload", title: "Recarregar", enabled: enabled, mode: "icon", onClick: () => du.load(), image: "/themes/default/images/icons/actions-sprite.svg#rotate", class: "button--secondary margin-right--medium" }) : null,
|
|
2241
|
+
buttonProps.cancelVisible ? index.h("ez-button", { key: du.name + "_cancel", label: "Cancelar", enabled: enabled && du.hasChanges(), onClick: () => du.cancel(), class: "button--secondary margin-right--medium" }) : null,
|
|
2242
|
+
buttonProps.saveVisible ? index.h("ez-button", { key: du.name + "_save", label: "Salvar", enabled: enabled && du.hasChanges(), onClick: () => saveHandler(du), class: "button--primary margin-right--medium" }) : null);
|
|
2234
2243
|
}
|
|
2235
2244
|
else {
|
|
2236
2245
|
return null;
|
|
@@ -2276,7 +2285,7 @@ const selectErrorMessage = (state, dataUnit, recordId, fieldName) => {
|
|
|
2276
2285
|
const selectVisibleButtons = state => state.nonhist.visibleButtons;
|
|
2277
2286
|
|
|
2278
2287
|
class DataUnit {
|
|
2279
|
-
constructor(name, unitLabel, cardinality =
|
|
2288
|
+
constructor(name, unitLabel, cardinality = "1", parentDU = null) {
|
|
2280
2289
|
this.name = name;
|
|
2281
2290
|
this.unitLabel = unitLabel;
|
|
2282
2291
|
this.cardinality = cardinality;
|
|
@@ -2359,13 +2368,13 @@ class DataUnit {
|
|
|
2359
2368
|
}, 100);
|
|
2360
2369
|
}
|
|
2361
2370
|
cancel() {
|
|
2362
|
-
this.records = this.records.filter(r => !r.record__id.startsWith(
|
|
2371
|
+
this.records = this.records.filter(r => !r.record__id.startsWith("NEW_"));
|
|
2363
2372
|
this._store.dispatch(clearEdition$1(this.name, this.records.length - 1));
|
|
2364
2373
|
}
|
|
2365
2374
|
insert() {
|
|
2366
2375
|
const insertionIndex = this.records.length;
|
|
2367
2376
|
const newRecordIndex = selectNewRecordIndex(this._store.getState(), this.name);
|
|
2368
|
-
const newRecord = { record__id:
|
|
2377
|
+
const newRecord = { record__id: "NEW_" + (newRecordIndex + 1) };
|
|
2369
2378
|
this.bindToParent(newRecord);
|
|
2370
2379
|
this.records.push(newRecord);
|
|
2371
2380
|
this._store.dispatch(insertRecord$1(this.name, insertionIndex));
|
|
@@ -2478,7 +2487,7 @@ class DataUnit {
|
|
|
2478
2487
|
}
|
|
2479
2488
|
else {
|
|
2480
2489
|
if (result.__data__unit === this.name) {
|
|
2481
|
-
if (this.cardinality ===
|
|
2490
|
+
if (this.cardinality === "1") {
|
|
2482
2491
|
this.records = [this.buildRecordFromSaveResult(this.records[0], result)];
|
|
2483
2492
|
}
|
|
2484
2493
|
}
|
|
@@ -2489,7 +2498,7 @@ class DataUnit {
|
|
|
2489
2498
|
this._store.dispatch(changesSaved$1(this.name));
|
|
2490
2499
|
}
|
|
2491
2500
|
buildRecordFromSaveResult(baseRecord, saveResult) {
|
|
2492
|
-
const newRecord = baseRecord ? Object.assign({}, baseRecord) : { record__id:
|
|
2501
|
+
const newRecord = baseRecord ? Object.assign({}, baseRecord) : { record__id: "" };
|
|
2493
2502
|
Object.keys(saveResult).forEach(attrib => {
|
|
2494
2503
|
if (!attrib.startsWith("__")) {
|
|
2495
2504
|
newRecord[attrib] = saveResult[attrib];
|
|
@@ -2583,19 +2592,19 @@ const Field = ({ dataUnit, field, forceScroll, enabled }) => {
|
|
|
2583
2592
|
dataUnit.changeValue(name, newValue);
|
|
2584
2593
|
};
|
|
2585
2594
|
switch (userInterface) {
|
|
2586
|
-
case
|
|
2595
|
+
case "LONGTEXT":
|
|
2587
2596
|
return index.h("div", { class: "col col--sd-12 padding--small" }, loadingData ? index.h("place-holder", null) :
|
|
2588
|
-
index.h("ez-text-area", { value: value ||
|
|
2589
|
-
case
|
|
2590
|
-
case
|
|
2597
|
+
index.h("ez-text-area", { value: value || "", label: formattedLabel, onEzChange: evt => changeFieldHandler(evt.target["value"]), errorMessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key, enabled: isEnabled }));
|
|
2598
|
+
case "CHECKBOX":
|
|
2599
|
+
case "SWITCH":
|
|
2591
2600
|
return index.h("div", { class: "col col--sd-12 col--tb-3 padding--small align--middle padding-bottom--large" }, loadingData ? index.h("place-holder", null) :
|
|
2592
|
-
index.h("ez-check", { value: value, label: label, enabled: isEnabled, mode: userInterface === "CHECKBOX" ? "regular" : "switch", onEzChange: (event) => changeFieldHandler(event.target[
|
|
2593
|
-
case
|
|
2594
|
-
const optsObj = properties ? JSON.parse(getProp(properties,
|
|
2601
|
+
index.h("ez-check", { value: value, label: label, enabled: isEnabled, mode: userInterface === "CHECKBOX" ? "regular" : "switch", onEzChange: (event) => changeFieldHandler(event.target["value"]), ref: elem => scrollToView(forceScroll, elem), key: key }));
|
|
2602
|
+
case "OPTIONSELECTOR":
|
|
2603
|
+
const optsObj = properties ? JSON.parse(getProp(properties, "options")) : {};
|
|
2595
2604
|
const normalized = Object.keys(optsObj).map(key => { return { value: key, label: optsObj[key] }; });
|
|
2596
2605
|
return index.h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData ? index.h("place-holder", null) :
|
|
2597
|
-
index.h("ez-combo-box", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target[
|
|
2598
|
-
case
|
|
2606
|
+
index.h("ez-combo-box", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target["value"]), errorMessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key, options: normalized }));
|
|
2607
|
+
case "SEARCH":
|
|
2599
2608
|
const context = {
|
|
2600
2609
|
__MAIN_FORM: form,
|
|
2601
2610
|
__DATA_UNIT: dataUnit.name,
|
|
@@ -2619,38 +2628,38 @@ const Field = ({ dataUnit, field, forceScroll, enabled }) => {
|
|
|
2619
2628
|
}
|
|
2620
2629
|
});
|
|
2621
2630
|
if (criteriaList.length > 0) {
|
|
2622
|
-
context[
|
|
2631
|
+
context["CRITERIA"] = criteriaList;
|
|
2623
2632
|
}
|
|
2624
2633
|
return index.h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData ? index.h("place-holder", null) :
|
|
2625
|
-
index.h("ez-search", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target[
|
|
2634
|
+
index.h("ez-search", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target["value"]), errorMessage: errorMessage, optionLoader: (argument) => {
|
|
2626
2635
|
if (form) {
|
|
2627
2636
|
return form.loadSearch(argument, context);
|
|
2628
2637
|
}
|
|
2629
2638
|
}, ref: elem => scrollToView(forceScroll, elem), key: key }));
|
|
2630
|
-
case
|
|
2631
|
-
const target = getProp(properties,
|
|
2632
|
-
const strHeaders = getProp(properties,
|
|
2639
|
+
case "FILE":
|
|
2640
|
+
const target = getProp(properties, "URL");
|
|
2641
|
+
const strHeaders = getProp(properties, "HEADERS");
|
|
2633
2642
|
const headers = strHeaders ? JSON.parse(strHeaders) : {};
|
|
2634
2643
|
const maxfiles = Number(getProp(properties, "maxfiles") || 0);
|
|
2635
2644
|
return (index.h("div", { class: "col col--sd-12 padding--small" }, loadingData ? index.h("place-holder", null) :
|
|
2636
|
-
index.h("ez-upload", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.detail),
|
|
2637
|
-
case
|
|
2645
|
+
index.h("ez-upload", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.detail), urlUpload: target, requestHeaders: headers, maxFiles: maxfiles })));
|
|
2646
|
+
case "DATE":
|
|
2638
2647
|
return index.h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData ? index.h("place-holder", null) :
|
|
2639
|
-
index.h("ez-date-input", { value: !value ? null : DateUtils.clearTime(value), label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target[
|
|
2640
|
-
case
|
|
2641
|
-
case
|
|
2648
|
+
index.h("ez-date-input", { value: !value ? null : DateUtils.clearTime(value), label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target["value"]), errorMessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key }));
|
|
2649
|
+
case "DECIMALNUMBER":
|
|
2650
|
+
case "INTEGERNUMBER":
|
|
2642
2651
|
let precision = 0;
|
|
2643
2652
|
let prettyPrecision = 0;
|
|
2644
|
-
if (userInterface ===
|
|
2653
|
+
if (userInterface === "DECIMALNUMBER") {
|
|
2645
2654
|
precision = Number(getProp(properties, "precision") || 2);
|
|
2646
2655
|
prettyPrecision = Number(getProp(properties, "prettyprecision") || precision);
|
|
2647
2656
|
}
|
|
2648
2657
|
return index.h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData ? index.h("place-holder", null) :
|
|
2649
|
-
index.h("ez-numeric-input", { value: !value ? null : value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target[
|
|
2658
|
+
index.h("ez-numeric-input", { value: !value ? null : value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target["value"]), errorMessage: errorMessage, precision: precision, prettyprecision: prettyPrecision, ref: elem => scrollToView(forceScroll, elem), key: key }));
|
|
2650
2659
|
//IMAGE, DATETIME, ELAPSEDTIME, PASSWORD, MASKEDTEXT, HTML
|
|
2651
2660
|
default:
|
|
2652
2661
|
return index.h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData ? index.h("place-holder", null) :
|
|
2653
|
-
index.h("ez-text-input", { value: value, label: formattedLabel, enabled: isEnabled, loading: loadingData, onInput: (event) => changeFieldHandler(event.target[
|
|
2662
|
+
index.h("ez-text-input", { value: value, label: formattedLabel, enabled: isEnabled, loading: loadingData, onInput: (event) => changeFieldHandler(event.target["value"]), errorMessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key }));
|
|
2654
2663
|
}
|
|
2655
2664
|
};
|
|
2656
2665
|
function getProp(properties, name) {
|
|
@@ -2734,8 +2743,9 @@ let EzForm = class {
|
|
|
2734
2743
|
this._preparedMetadata = undefined;
|
|
2735
2744
|
}
|
|
2736
2745
|
async validate() {
|
|
2746
|
+
const duSourcesNames = Array.from(this._duSources.keys());
|
|
2737
2747
|
for (let i = 0; i < this._duSources.size; i++) {
|
|
2738
|
-
const duName =
|
|
2748
|
+
const duName = duSourcesNames[i];
|
|
2739
2749
|
let du = this._dataUnits.get(duName);
|
|
2740
2750
|
if (du === undefined) {
|
|
2741
2751
|
const source = this._duSources.get(duName);
|
|
@@ -2749,8 +2759,9 @@ let EzForm = class {
|
|
|
2749
2759
|
}
|
|
2750
2760
|
async getChanges() {
|
|
2751
2761
|
let allChanges = [];
|
|
2762
|
+
const dataUnits = Array.from(this._dataUnits.values());
|
|
2752
2763
|
for (let i = 0; i < this._dataUnits.size; i++) {
|
|
2753
|
-
const du =
|
|
2764
|
+
const du = dataUnits[i];
|
|
2754
2765
|
//Só devemos buscar as alterações de DU raiz, pois os sub DUs serão enviados junto.
|
|
2755
2766
|
if (!du.parentDU) {
|
|
2756
2767
|
const duChanges = du.getChangesToSave();
|
|
@@ -2768,15 +2779,15 @@ let EzForm = class {
|
|
|
2768
2779
|
}
|
|
2769
2780
|
}
|
|
2770
2781
|
validateRecords(dataUnit, records, triggedBy) {
|
|
2771
|
-
const result = { isValid: true, message:
|
|
2772
|
-
if (this.
|
|
2782
|
+
const result = { isValid: true, message: "" };
|
|
2783
|
+
if (this.ignoreSaveValidation && triggedBy === "SAVE") {
|
|
2773
2784
|
return result;
|
|
2774
2785
|
}
|
|
2775
2786
|
const validateField = (field) => {
|
|
2776
2787
|
if (field.readOnly) {
|
|
2777
2788
|
return false;
|
|
2778
2789
|
}
|
|
2779
|
-
if (field.userInterface ===
|
|
2790
|
+
if (field.userInterface === "SWITCH" || field.userInterface === "CHECKBOX") {
|
|
2780
2791
|
return false;
|
|
2781
2792
|
}
|
|
2782
2793
|
return true;
|
|
@@ -2787,7 +2798,7 @@ let EzForm = class {
|
|
|
2787
2798
|
const recordIndex = record["record__index"];
|
|
2788
2799
|
const fieldName = field.name;
|
|
2789
2800
|
const fieldValue = record[fieldName];
|
|
2790
|
-
if (fieldValue === null || fieldValue === undefined || fieldValue ===
|
|
2801
|
+
if (fieldValue === null || fieldValue === undefined || fieldValue === "") {
|
|
2791
2802
|
const tabPosition = this._tabPositionByField.get(dataUnit.name + field.name);
|
|
2792
2803
|
this._store.dispatch(invalidField$1(tabPosition.tabName, tabPosition.index, dataUnit.name, recordIndex, record.record__id, field.name, "Essa informação é obrigatória"));
|
|
2793
2804
|
result.isValid = false;
|
|
@@ -2814,7 +2825,7 @@ let EzForm = class {
|
|
|
2814
2825
|
return result;
|
|
2815
2826
|
}
|
|
2816
2827
|
loadMDFromExecutor(callBack) {
|
|
2817
|
-
const loadMetadataFunction = this.parseExecutor(this.
|
|
2828
|
+
const loadMetadataFunction = this.parseExecutor(this.metadataExecutor);
|
|
2818
2829
|
if (loadMetadataFunction) {
|
|
2819
2830
|
const result = loadMetadataFunction();
|
|
2820
2831
|
if (result) {
|
|
@@ -2894,7 +2905,7 @@ let EzForm = class {
|
|
|
2894
2905
|
});
|
|
2895
2906
|
this._store = createStore(rootReducer, applyMiddleware(thunk));
|
|
2896
2907
|
this._store.subscribe(() => { index.forceUpdate(this); });
|
|
2897
|
-
if (this.
|
|
2908
|
+
if (this.slaveMode) {
|
|
2898
2909
|
this._store.dispatch(showHideNavigationButtons("saveVisible", false));
|
|
2899
2910
|
this._store.dispatch(showHideNavigationButtons("cancelVisible", false));
|
|
2900
2911
|
this._store.dispatch(showHideNavigationButtons("reloadVisible", false));
|
|
@@ -2917,12 +2928,12 @@ let EzForm = class {
|
|
|
2917
2928
|
this._duToLoad = [];
|
|
2918
2929
|
}
|
|
2919
2930
|
loadSearch(argument, context) {
|
|
2920
|
-
const fieldSearchExecutor = this.parseExecutor(this.
|
|
2931
|
+
const fieldSearchExecutor = this.parseExecutor(this.fieldSearchExecutor);
|
|
2921
2932
|
if (fieldSearchExecutor) {
|
|
2922
2933
|
return fieldSearchExecutor(argument, context);
|
|
2923
2934
|
}
|
|
2924
2935
|
else {
|
|
2925
|
-
return [{ value: 0, label:
|
|
2936
|
+
return [{ value: 0, label: "Sem resultados" }];
|
|
2926
2937
|
}
|
|
2927
2938
|
}
|
|
2928
2939
|
buildDataUnit(dataUnit, parentDataUnit) {
|
|
@@ -2949,9 +2960,9 @@ let EzForm = class {
|
|
|
2949
2960
|
}
|
|
2950
2961
|
decorateDU(dataUnit) {
|
|
2951
2962
|
dataUnit.store = this._store;
|
|
2952
|
-
dataUnit.loadExecutor = this.parseExecutor(this.
|
|
2953
|
-
dataUnit.saveExecutor = this.parseExecutor(this.
|
|
2954
|
-
dataUnit.removeExecutor = this.parseExecutor(this.
|
|
2963
|
+
dataUnit.loadExecutor = this.parseExecutor(this.loadExecutor);
|
|
2964
|
+
dataUnit.saveExecutor = this.parseExecutor(this.saveExecutor);
|
|
2965
|
+
dataUnit.removeExecutor = this.parseExecutor(this.removeExecutor);
|
|
2955
2966
|
dataUnit.recordsValidator = this;
|
|
2956
2967
|
}
|
|
2957
2968
|
render() {
|
|
@@ -2993,7 +3004,7 @@ let EzIcon = class {
|
|
|
2993
3004
|
};
|
|
2994
3005
|
EzIcon.style = ezIconCss;
|
|
2995
3006
|
|
|
2996
|
-
const ezNumericInputCss = ":host{display:block;width:100%;--
|
|
3007
|
+
const ezNumericInputCss = ":host{display:block;width:100%;--ez-text-input__input--background-color:var(--background--medium, #e0e0e0);--ez-text-input__input--border-color:var(--ez-text-input__input--background-color)}.text-input{--ez-text-input__input--background-color:inherit;--ez-text-input__input--border-color:inherit}";
|
|
2997
3008
|
|
|
2998
3009
|
let EzNumericInput = class {
|
|
2999
3010
|
constructor(hostRef) {
|
|
@@ -3062,11 +3073,11 @@ let EzSearch = class {
|
|
|
3062
3073
|
/**
|
|
3063
3074
|
* Ajusta a opção de mostrar o "value" ao selecionar uma opção.
|
|
3064
3075
|
*/
|
|
3065
|
-
this.
|
|
3076
|
+
this.showSelectedValue = true;
|
|
3066
3077
|
/**
|
|
3067
3078
|
* Ajusta a opção de mostrar o "value" para cada opção.
|
|
3068
3079
|
*/
|
|
3069
|
-
this.
|
|
3080
|
+
this.showOptionValue = true;
|
|
3070
3081
|
}
|
|
3071
3082
|
updateValue() {
|
|
3072
3083
|
if (this._comboElement) {
|
|
@@ -3079,7 +3090,7 @@ let EzSearch = class {
|
|
|
3079
3090
|
this.ezChange.emit(evt.detail);
|
|
3080
3091
|
}
|
|
3081
3092
|
render() {
|
|
3082
|
-
return (index.h("ez-combo-box", { ref: elem => this._comboElement = elem, value: this.value, label: this.label, enabled: this.enabled, errorMessage: this.errorMessage, optionLoader: this.
|
|
3093
|
+
return (index.h("ez-combo-box", { ref: elem => this._comboElement = elem, value: this.value, label: this.label, enabled: this.enabled, errorMessage: this.errorMessage, optionLoader: this.optionLoader, searchMode: true, onEzChange: evt => this.onComboChange(evt), showSelectedValue: this.showSelectedValue, showOptionValue: this.showOptionValue }));
|
|
3083
3094
|
}
|
|
3084
3095
|
;
|
|
3085
3096
|
static get watchers() { return {
|
|
@@ -3289,7 +3300,7 @@ class Tab {
|
|
|
3289
3300
|
}
|
|
3290
3301
|
EzTabselector.style = ezTabselectorCss;
|
|
3291
3302
|
|
|
3292
|
-
const ezTextAreaCss = ":host{--
|
|
3303
|
+
const ezTextAreaCss = ":host{--text-area--width:100%;--text-area--border-radius:var(--border--radius-medium, 12px);--text-area--font-size:var(--text--medium, 14px);--text-area--font-family:var(--font-pattern, Arial);--text-area--font-weight:var(--text-weight--large, 500);--text-area--color:var(--title--primary, #000);--text-area__input--background-color:var(--background--medium, #e0e0e0);--text-area__input--border:var(--border--medium, 2px solid);--text-area__input--border-color:var(--text-area__input--background-color);--text-area__input--focus--border-color:var(--color--primary, #008561);--text-area__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--text-area__input--disabled--color:var(--text--disable, #AFB6C0);--text-area__input--error--border-color:#CC2936;--text-area__message_box--font-size:var(--text--small, 12px);--text-area__message_box--info--color:var(--color--success, #22085d);--text-area__message_box--error--color:var(--color--error, #FF0000);--text-area__label--floating--top:6px;--text-area__label--padding-top:12px;--text-area__label--padding-left:14px;--text-area__label--padding-right:12px;display:flex;flex-wrap:wrap;position:relative;width:var(--text-area--width)}textarea{box-sizing:border-box;border:none;resize:none;margin-top:calc(var(--space--medium, 12px) + 4px);width:100%;font-weight:var(--text-weight--large, 600);font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);color:var(--text-area--color);padding:0;background:none}textarea:focus{outline:none}textarea:disabled{background-color:transparent;color:var(--text-area__input--disabled--color)}.textarea{width:100%;box-sizing:border-box;padding-left:var(--space--medium);padding-right:var(--space--extra-small);border-radius:var(--text-area--border-radius);border:var(--text-area__input--border);border-color:var(--text-area__input--border-color);background-color:var(--text-area__input--background-color)}.textarea--focus{border-color:var(--text-area__input--focus--border-color)}.textarea.hasError{color:var(--text-area--color);border-color:var(--text-area__input--error--border-color)}.message-box{min-height:16px;min-width:100%;margin-top:2px;line-height:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--text-area--font-family);font-size:var(--text-area__message_box--font-size);color:var(--text-area__message_box--info--color)}.hasError{color:var(--text-area__message_box--error--color)}.textarea__label{box-sizing:border-box;position:absolute;z-index:var(--visible);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:font-size .05s, top .05s;transition:font-size .05s, top .05s;width:calc(100% - var(--text-area__label--padding-right));left:var(--text-area--space--medium);font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);font-weight:var(--text-area--font-weight);color:var(--text-area--color);top:var(--text-area__label--padding-top);left:var(--text-area__label--padding-left);padding-right:var(--text-area__label--padding-right)}.textarea__label--floated{font-family:var(--text-area--font-family);font-size:var(--text--extra-small);color:var(--text--primary);top:var(--text-area__label--floating--top)}.textarea__label--disabled{color:var(--text-area__input--disabled--color)}";
|
|
3293
3304
|
|
|
3294
3305
|
let EzTextArea = class {
|
|
3295
3306
|
constructor(hostRef) {
|
|
@@ -3395,7 +3406,7 @@ let EzTextArea = class {
|
|
|
3395
3406
|
};
|
|
3396
3407
|
EzTextArea.style = ezTextAreaCss;
|
|
3397
3408
|
|
|
3398
|
-
const ezTextInputCss = ":host{--text-input--height:42px;--text-input--width:100%;--text-input__icon--width:48px;--text-input--border-radius:var(--border--radius-medium, 12px);--text-input--font-size:var(--text--medium, 14px);--text-input--font-family:var(--font-pattern, Arial);--text-input--font-weight:var(--text-weight--large, 500);--text-input--color:var(--title--primary, #000);--text-input__input--background-color:var(--background--medium, #e0e0e0);--text-input__input--border:var(--border--medium, 2px solid);--text-input__input--border-color:var(--text-input__input--background-color);--text-input__input--focus--border-color:var(--color--alert-cold-800, #042EFF);--text-input__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--text-input__input--disabled--color:var(--text--disable, #AFB6C0);--text-input__input--error--border-color:#CC2936;--text-input__message_box--font-size:var(--text--small, 12px);--text-input__message_box--info--color:var(--color--success, #22085d);--text-input__message_box--error--color:var(--color--error, #FF0000);--text-input__label--floating--top:6px;--text-input__label--padding-top:12px;--text-input__label--padding-left:14px;--text-input__label--padding-right:12px;display:flex;flex-wrap:wrap;position:relative;width:var(--text-input--width)}input{width:100%;box-sizing:border-box;padding:var(--space--medium, 6px);font-weight:var(--text-weight--large, 600);height:var(--text-input--height);border-radius:var(--text-input--border-radius);font-family:var(--text-input--font-family);font-size:var(--text-input--font-size);border:var(--text-input__input--border);border-color:var(--text-input__input--border-color);background-color:var(--text-input__input--background-color);color:var(--text-input--color)}input:disabled{background-color:var(--text-input__input--disabled--background-color);color:var(--text-input__input--disabled--color)}input:focus{outline:none;border-color:var(--text-input__input--focus--border-color)}input.icon--left{padding-left:var(--text-input__icon--width)}input.icon--right{padding-right:var(--text-input__icon--width)}input.hasError{color:var(--text-input--color);border-color:var(--text-input__input--error--border-color)}input.text--right{text-align:right}.message-box{display:flex;min-height:16px;min-width:100%;margin-top:2px;line-height:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--text-input--font-family);font-size:var(--text-input__message_box--font-size);color:var(--text-input__message_box--info--color)}.hasError{color:var(--text-input__message_box--error--color)}.input__label{box-sizing:border-box;position:absolute;z-index:var(--visible);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:font-size .05s, top .05s;transition:font-size .05s, top .05s;width:calc(100% - var(--text-input__label--padding-right));left:var(--text-input--space--medium);font-family:var(--text-input--font-family);font-size:var(--text-input--font-size);font-weight:var(--text-input--font-weight);color:var(--text-input--color);top:var(--text-input__label--padding-top);left:var(--text-input__label--padding-left);padding-right:var(--text-input__label--padding-right)}.input__label--floated{font-family:var(--text-input--font-family);font-size:var(--text--extra-small);color:var(--text--primary);top:var(--text-input__label--floating--top)}.input__label--disabled{color:var(--text-input__input--disabled--color)}.input__label--left{text-align:left;left:calc(var(--text-input__icon--width) + 2px);width:calc(100% - var(--text-input__icon--width))}.input__label--right{right:var(--text-input__icon--width);width:calc(100% - var(--text-input__icon--width))}.input__label--left.input__label--right{left:calc(var(--text-input__icon--width) + 2px);width:calc(100% - var(--text-input__icon--width) * 2)}.input--with--label{padding-bottom:0}";
|
|
3409
|
+
const ezTextInputCss = ":host{--ez-text-input--height:42px;--ez-text-input--width:100%;--ez-text-input__icon--width:48px;--ez-text-input--border-radius:var(--border--radius-medium, 12px);--ez-text-input--font-size:var(--text--medium, 14px);--ez-text-input--font-family:var(--font-pattern, Arial);--ez-text-input--font-weight:var(--text-weight--large, 500);--ez-text-input--color:var(--title--primary, #000);--ez-text-input__input--background-color:var(--background--medium, #e0e0e0);--ez-text-input__input--border:var(--border--medium, 2px solid);--ez-text-input__input--border-color:var(--ez-text-input__input--background-color);--ez-text-input__input--focus--border-color:var(--color--alert-cold-800, #042EFF);--ez-text-input__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--ez-text-input__input--disabled--color:var(--text--disable, #AFB6C0);--ez-text-input__input--error--border-color:#CC2936;--ez-text-input__message_box--font-size:var(--text--small, 12px);--ez-text-input__message_box--info--color:var(--color--success, #22085d);--ez-text-input__message_box--error--color:var(--color--error, #FF0000);--ez-text-input__label--floating--top:6px;--ez-text-input__label--padding-top:12px;--ez-text-input__label--padding-left:14px;--ez-text-input__label--padding-right:12px;display:flex;flex-wrap:wrap;position:relative;width:var(--ez-text-input--width)}input{width:100%;box-sizing:border-box;padding:var(--space--medium, 6px);font-weight:var(--text-weight--large, 600);height:var(--ez-text-input--height);border-radius:var(--ez-text-input--border-radius);font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);border:var(--ez-text-input__input--border);border-color:var(--ez-text-input__input--border-color);background-color:var(--ez-text-input__input--background-color);color:var(--ez-text-input--color)}input:disabled{background-color:var(--ez-text-input__input--disabled--background-color);color:var(--ez-text-input__input--disabled--color)}input:focus{outline:none;border-color:var(--ez-text-input__input--focus--border-color)}input.icon--left{padding-left:var(--ez-text-input__icon--width)}input.icon--right{padding-right:var(--ez-text-input__icon--width)}input.hasError{color:var(--ez-text-input--color);border-color:var(--ez-text-input__input--error--border-color)}input.text--right{text-align:right}.message-box{display:flex;min-height:16px;min-width:100%;margin-top:2px;line-height:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input__message_box--font-size);color:var(--ez-text-input__message_box--info--color)}.hasError{color:var(--ez-text-input__message_box--error--color)}.input__label{box-sizing:border-box;position:absolute;z-index:var(--visible);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:font-size .05s, top .05s;transition:font-size .05s, top .05s;width:calc(100% - var(--ez-text-input__label--padding-right));left:var(--ez-text-input--space--medium);font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);font-weight:var(--ez-text-input--font-weight);color:var(--ez-text-input--color);top:var(--ez-text-input__label--padding-top);left:var(--ez-text-input__label--padding-left);padding-right:var(--ez-text-input__label--padding-right)}.input__label--floated{font-family:var(--ez-text-input--font-family);font-size:var(--text--extra-small);color:var(--text--primary);top:var(--ez-text-input__label--floating--top)}.input__label--disabled{color:var(--ez-text-input__input--disabled--color)}.input__label--left{text-align:left;left:calc(var(--ez-text-input__icon--width) + 2px);width:calc(100% - var(--ez-text-input__icon--width))}.input__label--right{right:var(--ez-text-input__icon--width);width:calc(100% - var(--ez-text-input__icon--width))}.input__label--left.input__label--right{left:calc(var(--ez-text-input__icon--width) + 2px);width:calc(100% - var(--ez-text-input__icon--width) * 2)}.input--with--label{padding-bottom:0}";
|
|
3399
3410
|
|
|
3400
3411
|
let EzTextInput = class {
|
|
3401
3412
|
constructor(hostRef) {
|
|
@@ -3407,14 +3418,14 @@ let EzTextInput = class {
|
|
|
3407
3418
|
this.enabled = true;
|
|
3408
3419
|
}
|
|
3409
3420
|
showError() {
|
|
3410
|
-
const hasError = typeof this.errorMessage ===
|
|
3421
|
+
const hasError = typeof this.errorMessage === "string" && this.errorMessage !== "";
|
|
3411
3422
|
if (hasError) {
|
|
3412
|
-
this._inputElem.classList.add(
|
|
3413
|
-
this._messageBoxElem.classList.add(
|
|
3423
|
+
this._inputElem.classList.add("hasError");
|
|
3424
|
+
this._messageBoxElem.classList.add("hasError");
|
|
3414
3425
|
}
|
|
3415
3426
|
else {
|
|
3416
|
-
this._inputElem.classList.remove(
|
|
3417
|
-
this._messageBoxElem.classList.remove(
|
|
3427
|
+
this._inputElem.classList.remove("hasError");
|
|
3428
|
+
this._messageBoxElem.classList.remove("hasError");
|
|
3418
3429
|
}
|
|
3419
3430
|
}
|
|
3420
3431
|
prepareMask() {
|
|
@@ -3432,7 +3443,7 @@ let EzTextInput = class {
|
|
|
3432
3443
|
this._inputElem.value = this.value;
|
|
3433
3444
|
}
|
|
3434
3445
|
this.handleChange();
|
|
3435
|
-
this.ezChange.emit();
|
|
3446
|
+
this.ezChange.emit(this.value);
|
|
3436
3447
|
this.adjustFloatingLabel();
|
|
3437
3448
|
}
|
|
3438
3449
|
adjustFloatingLabel() {
|
|
@@ -3517,22 +3528,22 @@ let EzTextInput = class {
|
|
|
3517
3528
|
content.style.justifyContent = "center";
|
|
3518
3529
|
content.style.overflow = "hidden";
|
|
3519
3530
|
content.style.top = "0px";
|
|
3520
|
-
content.style.width = "var(--text-input__icon--width)";
|
|
3521
|
-
content.style.height = "var(--text-input--height)";
|
|
3531
|
+
content.style.width = "var(--ez-text-input__icon--width)";
|
|
3532
|
+
content.style.height = "var(--ez-text-input--height)";
|
|
3522
3533
|
if (slot.name == "leftIcon") {
|
|
3523
3534
|
content.style.left = "0px";
|
|
3524
|
-
content.style.borderRadius = "var(--text-input--border-radius) 0 0 var(--text-input--border-radius)";
|
|
3525
|
-
this._inputElem.classList.add(
|
|
3535
|
+
content.style.borderRadius = "var(--ez-text-input--border-radius) 0 0 var(--ez-text-input--border-radius)";
|
|
3536
|
+
this._inputElem.classList.add("icon--left");
|
|
3526
3537
|
if (this._labelElem) {
|
|
3527
|
-
this._labelElem.classList.add(
|
|
3538
|
+
this._labelElem.classList.add("input__label--left");
|
|
3528
3539
|
}
|
|
3529
3540
|
}
|
|
3530
3541
|
else if (slot.name == "rightIcon") {
|
|
3531
3542
|
content.style.right = "0px";
|
|
3532
|
-
content.style.borderRadius = "0 var(--text-input--border-radius) var(--text-input--border-radius) 0";
|
|
3533
|
-
this._inputElem.classList.add(
|
|
3543
|
+
content.style.borderRadius = "0 var(--ez-text-input--border-radius) var(--ez-text-input--border-radius) 0";
|
|
3544
|
+
this._inputElem.classList.add("icon--right");
|
|
3534
3545
|
if (this._labelElem) {
|
|
3535
|
-
this._labelElem.classList.add(
|
|
3546
|
+
this._labelElem.classList.add("input__label--right");
|
|
3536
3547
|
}
|
|
3537
3548
|
}
|
|
3538
3549
|
}
|
|
@@ -3672,7 +3683,7 @@ class RemoteFile {
|
|
|
3672
3683
|
}
|
|
3673
3684
|
}
|
|
3674
3685
|
|
|
3675
|
-
const ezUploadCss = ":host{--
|
|
3686
|
+
const ezUploadCss = ":host{--ez-upload--height:42px;--ez-upload--width:100%;--ez-upload__icon--width:48px;--ez-upload__container--background-color:var(--background--medium, #d2dce9);--ez-upload__color--primary:var(--color--primary, #008561);--ez-upload--padding--extra-small:var(--space--extra-small, 3px);--ez-upload--padding--small:var(--space--small, 6px);--ez-upload--padding--medium:var(--space--medium, 12px);--ez-upload--padding--large:var(--space--large, 24px);--ez-upload__border--color:var(--color-strokes, #DCE0E8);--ez-upload--text-shadow:var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);--ez-upload--text--primary:var(--text-primary, #626e82);--ez-upload--font-size:var(--text--medium, 14px);--ez-upload--font-family:var(--font-pattern, Arial);--ez-upload--font-weight:var(--text-weight--large, 500);--ez-upload__btn__cancel-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"8x\" width=\"8px\"><path d=\"M 8,0.8 7.2,0 4,3.2 0.8,0 0,0.8 3.2,4 0,7.2 0.8,8 4,4.8 7.2,8 8,7.2 4.8,4 Z\"/></svg>');--ez-upload__file-icon-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"11x\" width=\"9px\"><path d=\"M 1.2272719,8.4999999 V 2.75 c 0,-1.1045695 1.4652499,-2 3.2727273,-2 1.8074777,0 3.2727281,0.8954305 3.2727281,2 V 8.9999999 C 7.7727273,9.690356 6.8569456,10.25 5.7272719,10.25 4.5975985,10.25 3.6818174,9.690356 3.6818174,8.9999999 V 3.75 c 0,-0.2761425 0.3663125,-0.5 0.8181818,-0.5 0.4518694,0 0.8181818,0.2238575 0.8181818,0.5 V 8.4999999 H 6.5454537 V 3.75 C 6.5454537,3.059644 5.6296725,2.5 4.4999992,2.5 3.3703258,2.5 2.4545446,3.059644 2.4545446,3.75 V 8.9999999 C 2.4545446,10.10457 3.9197945,11 5.7272719,11 7.5347496,11 9,10.10457 9,8.9999999 V 2.75 C 9,1.231217 6.9852809,0 4.4999992,0 2.0147181,5e-7 0,1.231217 0,2.75 v 5.7499999 z\"/></svg>');display:flex;flex-wrap:wrap;position:relative;font-family:var(--ez-upload--font-family);font-size:var(--ez-upload--font-size);width:var(--ez-upload--width);font-weight:var(--ez-upload--font-weight)}.iu{display:flex;flex-wrap:wrap;background-color:var(--ez-upload__container--background-color);padding:var(--ez-upload--padding--small);width:100%;border-radius:12px;box-sizing:border-box}.iu__container{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border:2px dashed var(--ez-upload__border--color);border-radius:6px;box-sizing:border-box}.iu__footer{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%;padding:0 var(--ez-upload--padding--medium) var(--ez-upload--padding--medium) var(--ez-upload--padding--medium);box-sizing:border-box}.iu__item{display:flex;width:100%;justify-content:flex-start;align-items:center;align-self:center;padding-bottom:var(--ez-upload--padding--extra-small);box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iu__item-label{display:flex;max-width:80%;align-self:stretch;align-items:center}.file__name{font-weight:200}.box__content{width:100%;justify-content:center;align-items:center;height:100%;border:1px dashed var(--ez-upload__border--color);border-radius:6px;box-sizing:border-box}.box__container{display:flex;flex-wrap:wrap;background-color:var(--ez-upload__container--background-color);padding:6px;width:100%;border-radius:12px}a:-webkit-any-link{color:#008561;fill:#008561;cursor:pointer;text-decoration:none}progress[value]{display:flex;width:100%;appearance:none;border:1px solid var(--ez-upload__border--color);height:12px;justify-content:flex-start;align-items:center;border-radius:3px;position:relative}progress[value]::-webkit-progress-bar{display:flex;-webkit-appearance:none;width:100%;background-color:rgb(255, 255, 255);border-radius:2px;padding:2px}progress[value]::-webkit-progress-value{display:flex;width:100%;background-color:var(--ez-upload__color--primary)}.text--center{text-align:center}.align--middle{align-self:center;align-items:center}.text{font-family:\"Sora\", \"Algerian\";text-shadow:0 0 0 #353535, 0 0 1px transparent}.text--primary{color:var(--ez-upload--text--primary);text-shadow:var(--ez-upload--text-shadow)}.text--ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text--medium{font-size:14px}.text--small{font-size:12px}.btn-cancel{outline:none;border:none;background-color:unset;cursor:pointer}.btn-cancel::after{content:'';display:flex;background-color:var(--text--primary, #008561);width:8px;height:8px;-webkit-mask-image:var(--ez-upload__btn__cancel-image);mask-image:var(--ez-upload__btn__cancel-image)}.iu_header{display:flex;flex-direction:column;width:100%}.iu__label{padding:var(--space--small);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--ez-upload--font-family);font-size:var(--text--extra-small);font-weight:var(--ez-upload--font-weight);color:var(--ez-upload--text--primary);text-shadow:var(--ez-upload--text-shadow)}.iu__file-icon{outline:none;border:none;background-color:unset;cursor:pointer}.iu__file-icon:disabled{cursor:unset}.iu__file-icon::after{content:'';display:flex;background-color:var(--text--primary, #626e82);width:9px;height:11px;-webkit-mask-image:var(--ez-upload__file-icon-image);mask-image:var(--ez-upload__file-icon-image)}.iu__file-icon:disabled::after{background-color:var(--text--disable, #AFB6C0)}.iu__icon-label{justify-content:center;display:flex;cursor:pointer;padding:var(--ez-upload--padding--large) 0px;box-sizing:border-box}.background--disabled{background-color:var(--color--disable-secondary, #F2F5F8)}.text--disabled{color:var(--text--disable, #AFB6C0)}.mouse-pointer--disabled{cursor:unset}.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%}}";
|
|
3676
3687
|
|
|
3677
3688
|
let EzUpload = class {
|
|
3678
3689
|
constructor(hostRef) {
|
|
@@ -3703,28 +3714,31 @@ let EzUpload = class {
|
|
|
3703
3714
|
}
|
|
3704
3715
|
normalizeRequestHeaders() {
|
|
3705
3716
|
this._requestHeaders = new Map();
|
|
3706
|
-
if (typeof this.
|
|
3717
|
+
if (typeof this.requestHeaders == "string") {
|
|
3707
3718
|
try {
|
|
3708
|
-
this.
|
|
3719
|
+
this.requestHeaders = JSON.parse(this.requestHeaders);
|
|
3709
3720
|
}
|
|
3710
3721
|
catch (e) {
|
|
3711
|
-
this.
|
|
3722
|
+
this.requestHeaders = undefined;
|
|
3712
3723
|
}
|
|
3713
3724
|
}
|
|
3714
|
-
for (var key in this.
|
|
3715
|
-
this._requestHeaders.set(key, this.
|
|
3725
|
+
for (var key in this.requestHeaders) {
|
|
3726
|
+
this._requestHeaders.set(key, this.requestHeaders[key]);
|
|
3716
3727
|
}
|
|
3717
3728
|
}
|
|
3729
|
+
/**
|
|
3730
|
+
* Método responsável por adicionar um ou mais arquivos ao componente.
|
|
3731
|
+
*/
|
|
3718
3732
|
async addFiles(files) {
|
|
3719
|
-
if (this.
|
|
3733
|
+
if (this.maxFiles > 0) {
|
|
3720
3734
|
let countDistinctFiles = this._filePointers.size;
|
|
3721
3735
|
files.forEach(file => {
|
|
3722
3736
|
if (!this._filePointers.has(file.name)) {
|
|
3723
3737
|
countDistinctFiles++;
|
|
3724
3738
|
}
|
|
3725
3739
|
});
|
|
3726
|
-
if (countDistinctFiles > this.
|
|
3727
|
-
this.showError(`A quantidade máxima de arquivos é ${this.
|
|
3740
|
+
if (countDistinctFiles > this.maxFiles) {
|
|
3741
|
+
this.showError(`A quantidade máxima de arquivos é ${this.maxFiles}.`);
|
|
3728
3742
|
return;
|
|
3729
3743
|
}
|
|
3730
3744
|
}
|
|
@@ -3751,7 +3765,7 @@ let EzUpload = class {
|
|
|
3751
3765
|
if (this.validateFile(file)) {
|
|
3752
3766
|
const uploadingFile = new RemoteFile(file);
|
|
3753
3767
|
this._filePointers.set(file.name, uploadingFile);
|
|
3754
|
-
uploadingFile.upload(this.
|
|
3768
|
+
uploadingFile.upload(this.urlUpload, this._requestHeaders, (file) => this.updateFeedback(file))
|
|
3755
3769
|
.then((files) => files.forEach(ezFile => this.finishUpload(ezFile)))
|
|
3756
3770
|
.catch(msg => this.showError(msg));
|
|
3757
3771
|
index.forceUpdate(this);
|
|
@@ -3772,13 +3786,13 @@ let EzUpload = class {
|
|
|
3772
3786
|
this.ezChange.emit(this.value);
|
|
3773
3787
|
}
|
|
3774
3788
|
buildProgressId(uploading) {
|
|
3775
|
-
let sanitizedName = uploading.name.replace(/[^a-z0-9_]/gi,
|
|
3789
|
+
let sanitizedName = uploading.name.replace(/[^a-z0-9_]/gi, "_");
|
|
3776
3790
|
return `PROGRESS_${sanitizedName}_${uploading.file.lastModified}`;
|
|
3777
3791
|
}
|
|
3778
3792
|
updateFeedback(uf) {
|
|
3779
3793
|
window.requestAnimationFrame(() => {
|
|
3780
3794
|
if (this._host) {
|
|
3781
|
-
const progress = this._host.shadowRoot.querySelector(
|
|
3795
|
+
const progress = this._host.shadowRoot.querySelector("#" + this.buildProgressId(uf));
|
|
3782
3796
|
if (progress) {
|
|
3783
3797
|
progress.value = uf.progress;
|
|
3784
3798
|
}
|
|
@@ -3786,20 +3800,20 @@ let EzUpload = class {
|
|
|
3786
3800
|
});
|
|
3787
3801
|
}
|
|
3788
3802
|
validateFile(file) {
|
|
3789
|
-
if (!this._filePointers.has(file.name) && this.
|
|
3790
|
-
this.showError(`A quantidade máxima de arquivos é ${this.
|
|
3803
|
+
if (!this._filePointers.has(file.name) && this.maxFiles > 0 && this._filePointers.size >= this.maxFiles) {
|
|
3804
|
+
this.showError(`A quantidade máxima de arquivos é ${this.maxFiles}.`);
|
|
3791
3805
|
return false;
|
|
3792
3806
|
}
|
|
3793
3807
|
if (file.size === 0) {
|
|
3794
3808
|
this.showError(`Erro de permissão: O arquivo "${file.name}" não pode ser enviado.`);
|
|
3795
3809
|
return false;
|
|
3796
3810
|
}
|
|
3797
|
-
if (!this.
|
|
3811
|
+
if (!this.urlUpload) {
|
|
3798
3812
|
this.showError("Endereço de upload não informado");
|
|
3799
3813
|
return false;
|
|
3800
3814
|
}
|
|
3801
|
-
if (this.
|
|
3802
|
-
this.showError("O tamanho máximo dos arquivos é de " + this.formatBytes(this.
|
|
3815
|
+
if (this.maxFileSize >= 0 && file.size > this.maxFileSize) {
|
|
3816
|
+
this.showError("O tamanho máximo dos arquivos é de " + this.formatBytes(this.maxFileSize));
|
|
3803
3817
|
return false;
|
|
3804
3818
|
}
|
|
3805
3819
|
return true;
|
|
@@ -3809,17 +3823,17 @@ let EzUpload = class {
|
|
|
3809
3823
|
}
|
|
3810
3824
|
formatBytes(bytes, decimals = 1) {
|
|
3811
3825
|
if (bytes === 0)
|
|
3812
|
-
return
|
|
3826
|
+
return "0 Bytes";
|
|
3813
3827
|
const k = 1024;
|
|
3814
3828
|
const dm = decimals < 0 ? 0 : decimals;
|
|
3815
|
-
const sizes = [
|
|
3829
|
+
const sizes = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
|
|
3816
3830
|
const i = Math.floor(Math.log(bytes) / Math.log(k));
|
|
3817
|
-
return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) +
|
|
3831
|
+
return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
|
|
3818
3832
|
}
|
|
3819
3833
|
onFileInputChange(event) {
|
|
3820
3834
|
const input = event.target;
|
|
3821
3835
|
this.addFiles(Array.from(input.files));
|
|
3822
|
-
this._fileInput.value =
|
|
3836
|
+
this._fileInput.value = "";
|
|
3823
3837
|
}
|
|
3824
3838
|
isRemoteFile(item) {
|
|
3825
3839
|
return "file" in item;
|
|
@@ -3835,10 +3849,10 @@ let EzUpload = class {
|
|
|
3835
3849
|
this.removeFromList(name);
|
|
3836
3850
|
}
|
|
3837
3851
|
else {
|
|
3838
|
-
if (this.
|
|
3852
|
+
if (this.urlDelete) {
|
|
3839
3853
|
const uploadingFile = new RemoteFile(null);
|
|
3840
3854
|
this._filePointers.set(item.name, uploadingFile);
|
|
3841
|
-
uploadingFile.delete(item, this.
|
|
3855
|
+
uploadingFile.delete(item, this.urlDelete, null)
|
|
3842
3856
|
.then(_ok => this.removeFromList(name))
|
|
3843
3857
|
.catch(msg => this.showError(msg));
|
|
3844
3858
|
}
|
|
@@ -3854,20 +3868,20 @@ let EzUpload = class {
|
|
|
3854
3868
|
}
|
|
3855
3869
|
componentDidLoad() {
|
|
3856
3870
|
if (this.enabled && this._dropZone && window.FileList && window.File) {
|
|
3857
|
-
this._dropZone.addEventListener(
|
|
3871
|
+
this._dropZone.addEventListener("dragover", event => {
|
|
3858
3872
|
event.stopPropagation();
|
|
3859
3873
|
event.preventDefault();
|
|
3860
|
-
event.dataTransfer.dropEffect =
|
|
3861
|
-
this._dropZone.style.background =
|
|
3874
|
+
event.dataTransfer.dropEffect = "copy";
|
|
3875
|
+
this._dropZone.style.background = "#c2dbff";
|
|
3862
3876
|
});
|
|
3863
|
-
this._dropZone.addEventListener(
|
|
3877
|
+
this._dropZone.addEventListener("drop", event => {
|
|
3864
3878
|
event.stopPropagation();
|
|
3865
3879
|
event.preventDefault();
|
|
3866
3880
|
this.addFiles(Array.from(event.dataTransfer.files));
|
|
3867
|
-
this._dropZone.style.background =
|
|
3881
|
+
this._dropZone.style.background = "";
|
|
3868
3882
|
});
|
|
3869
|
-
this._dropZone.addEventListener(
|
|
3870
|
-
this._dropZone.style.background =
|
|
3883
|
+
this._dropZone.addEventListener("dragleave", _event => {
|
|
3884
|
+
this._dropZone.style.background = "";
|
|
3871
3885
|
});
|
|
3872
3886
|
}
|
|
3873
3887
|
}
|
|
@@ -3879,7 +3893,7 @@ let EzUpload = class {
|
|
|
3879
3893
|
}
|
|
3880
3894
|
}
|
|
3881
3895
|
render() {
|
|
3882
|
-
return (index.h("div", { ref: (el) => this._dropZone = el, class: this.evalDisabledClass(
|
|
3896
|
+
return (index.h("div", { ref: (el) => this._dropZone = el, class: this.evalDisabledClass("iu", "background--disabled") }, index.h("div", { class: "iu__container", onClick: () => this.openFilesDialog() }, index.h("div", { class: "iu_header" }, this.label ? index.h("label", { class: this.evalDisabledClass("iu__label", "text--disabled"), title: this.label }, this.label) : null, index.h("div", { class: this.evalDisabledClass("iu__icon-label", "mouse-pointer--disabled") }, index.h("button", { class: "iu__file-icon", disabled: !this.enabled }), index.h("div", { class: this.evalDisabledClass("text text--center text--medium text--primary", "text--disabled") }, this.enabled ? "Arraste e solte ou clique para adicionar arquivos" : "Somente leitura"))), this.buildFooter()), index.h("input", { ref: (el) => this._fileInput = el, onChange: (ev) => this.onFileInputChange(ev), type: "file", multiple: true, hidden: true })));
|
|
3883
3897
|
}
|
|
3884
3898
|
buildFooter() {
|
|
3885
3899
|
if (this._filePointers.size === 0) {
|
|
@@ -3891,8 +3905,8 @@ let EzUpload = class {
|
|
|
3891
3905
|
}
|
|
3892
3906
|
buildFileItem(item) {
|
|
3893
3907
|
const fileName = item.name;
|
|
3894
|
-
const progress = Number(item[
|
|
3895
|
-
const downloadURL = item[
|
|
3908
|
+
const progress = Number(item["progress"]);
|
|
3909
|
+
const downloadURL = item["downloadURL"];
|
|
3896
3910
|
const label = `${fileName} (${this.formatBytes(item.size)})`;
|
|
3897
3911
|
return (index.h("div", { class: "iu__item", key: fileName, onClick: evt => evt.stopPropagation() }, index.h("div", { class: "iu__item-label modificador" }, index.h("div", { title: label, class: "col--stretch align--middle file__name text text--primary text--small text--ellipsis align--middle" }, downloadURL ? index.h("a", { href: downloadURL, download: true }, label) : label)), isNaN(progress)
|
|
3898
3912
|
?
|
|
@@ -3910,7 +3924,7 @@ let EzUpload = class {
|
|
|
3910
3924
|
get _host() { return index.getElement(this); }
|
|
3911
3925
|
static get watchers() { return {
|
|
3912
3926
|
"value": ["changeValue"],
|
|
3913
|
-
"
|
|
3927
|
+
"requestHeaders": ["normalizeRequestHeaders"]
|
|
3914
3928
|
}; }
|
|
3915
3929
|
};
|
|
3916
3930
|
EzUpload.style = ezUploadCss;
|
|
@@ -3929,7 +3943,7 @@ let FormMetadata = class {
|
|
|
3929
3943
|
label = "Selecione uma das opções:";
|
|
3930
3944
|
}
|
|
3931
3945
|
const objOpts = {};
|
|
3932
|
-
Array.from(element.getElementsByTagName(
|
|
3946
|
+
Array.from(element.getElementsByTagName("OPTION")).forEach((optElem, index) => {
|
|
3933
3947
|
const optValue = optElem.getAttribute("value") || index;
|
|
3934
3948
|
const optLabel = optElem.textContent;
|
|
3935
3949
|
objOpts[optValue] = optLabel;
|
|
@@ -3937,15 +3951,15 @@ let FormMetadata = class {
|
|
|
3937
3951
|
properties.push({ name: "options", value: JSON.stringify(objOpts) });
|
|
3938
3952
|
}
|
|
3939
3953
|
else if (userInterface === "FILE") {
|
|
3940
|
-
const urlElement = element.querySelector(
|
|
3941
|
-
const headersElement = element.querySelectorAll(
|
|
3954
|
+
const urlElement = element.querySelector("URL");
|
|
3955
|
+
const headersElement = element.querySelectorAll("HEADERS>HEADER");
|
|
3942
3956
|
if (urlElement) {
|
|
3943
3957
|
properties.push({ name: "URL", value: urlElement.textContent });
|
|
3944
3958
|
}
|
|
3945
3959
|
if (headersElement && headersElement.length > 0) {
|
|
3946
3960
|
const headers = {};
|
|
3947
3961
|
headersElement.forEach(header => {
|
|
3948
|
-
headers[header.getAttribute(
|
|
3962
|
+
headers[header.getAttribute("name")] = header.textContent;
|
|
3949
3963
|
});
|
|
3950
3964
|
properties.push({ name: "HEADERS", value: JSON.stringify(headers) });
|
|
3951
3965
|
}
|
|
@@ -3971,7 +3985,7 @@ let FormMetadata = class {
|
|
|
3971
3985
|
}
|
|
3972
3986
|
buildFieldSet(dataUnit, element) {
|
|
3973
3987
|
const label = element.getAttribute("label");
|
|
3974
|
-
const fields = Array.from(element.getElementsByTagName(
|
|
3988
|
+
const fields = Array.from(element.getElementsByTagName("FIELD")).map(f => {
|
|
3975
3989
|
const field = this.buildField(f);
|
|
3976
3990
|
dataUnit.addFieldMetadata(field);
|
|
3977
3991
|
return { name: field.name };
|
|
@@ -3988,7 +4002,7 @@ let FormMetadata = class {
|
|
|
3988
4002
|
Array.from(elements).forEach(child => {
|
|
3989
4003
|
const tagName = child.tagName.toUpperCase();
|
|
3990
4004
|
switch (tagName) {
|
|
3991
|
-
case
|
|
4005
|
+
case "FIELD":
|
|
3992
4006
|
if (!form.items) {
|
|
3993
4007
|
form.items = [];
|
|
3994
4008
|
}
|
|
@@ -3996,13 +4010,13 @@ let FormMetadata = class {
|
|
|
3996
4010
|
dataUnit.addFieldMetadata(f);
|
|
3997
4011
|
form.items.push({ name: f.name });
|
|
3998
4012
|
break;
|
|
3999
|
-
case
|
|
4013
|
+
case "FIELD-SET":
|
|
4000
4014
|
if (!form.items) {
|
|
4001
4015
|
form.items = [];
|
|
4002
4016
|
}
|
|
4003
4017
|
form.items.push(this.buildFieldSet(dataUnit, child));
|
|
4004
4018
|
break;
|
|
4005
|
-
case
|
|
4019
|
+
case "SUB-FORM":
|
|
4006
4020
|
if (!form.subForms) {
|
|
4007
4021
|
form.subForms = [];
|
|
4008
4022
|
}
|
|
@@ -4011,7 +4025,7 @@ let FormMetadata = class {
|
|
|
4011
4025
|
const subDuName = child.getAttribute("dataunit");
|
|
4012
4026
|
let subDu;
|
|
4013
4027
|
if (subDuName) {
|
|
4014
|
-
subDu = new DataUnit(subDuName,
|
|
4028
|
+
subDu = new DataUnit(subDuName, "noname", child.hasAttribute("many") ? "N" : "1");
|
|
4015
4029
|
}
|
|
4016
4030
|
else {
|
|
4017
4031
|
subDu = dataUnit;
|
|
@@ -4026,7 +4040,7 @@ let FormMetadata = class {
|
|
|
4026
4040
|
if (!this.dataunit) {
|
|
4027
4041
|
this.dataunit = "dataunit_" + (this.name || this.label || new Date().getTime());
|
|
4028
4042
|
}
|
|
4029
|
-
const du = new DataUnit(this.dataunit,
|
|
4043
|
+
const du = new DataUnit(this.dataunit, "noname", this.many ? "N" : "1");
|
|
4030
4044
|
this.metadata = this.fromElements(this._host.children, this.label, this.name, du, this.autoload);
|
|
4031
4045
|
}
|
|
4032
4046
|
render() {
|