@sankhyalabs/ezui 1.1.97 → 1.1.100
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{StringUtils-0ba09df4.js → AssetsUtils-69356e76.js} +22 -0
- package/dist/cjs/{UnitMetadata-2e11c5d3.js → UnitMetadata-63c56042.js} +1 -0
- package/dist/cjs/ez-button_3.cjs.entry.js +3 -3
- package/dist/cjs/{ez-calendar_14.cjs.entry.js → ez-calendar_16.cjs.entry.js} +175 -12
- package/dist/cjs/ez-grid.cjs.entry.js +7 -4
- package/dist/cjs/ez-modal_2.cjs.entry.js +3 -4
- package/dist/cjs/ez-popover.cjs.entry.js +1 -1
- package/dist/cjs/ezui.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/ez-button/ez-button.css +26 -2
- package/dist/collection/components/ez-button/ez-button.js +3 -3
- package/dist/collection/components/ez-calendar/ez-calendar.css +13 -4
- package/dist/collection/components/ez-calendar/ez-calendar.js +3 -3
- package/dist/collection/components/ez-form/DataBinder.js +1 -2
- package/dist/collection/components/ez-form/fieldbuilder/FieldBuilder.js +2 -1
- package/dist/collection/components/ez-form/fieldbuilder/tpl/DateInput.tpl.js +4 -0
- package/dist/collection/components/ez-grid/controller/DataUnitBridge.js +2 -1
- package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +4 -2
- package/dist/custom-elements/index.js +19 -11
- package/dist/esm/{StringUtils-cbf10229.js → AssetsUtils-0e207bec.js} +22 -1
- package/dist/esm/{UnitMetadata-8b1bbaa2.js → UnitMetadata-109880b0.js} +1 -0
- package/dist/esm/ez-button_3.entry.js +3 -3
- package/dist/esm/{ez-calendar_14.entry.js → ez-calendar_16.entry.js} +169 -8
- package/dist/esm/ez-grid.entry.js +7 -4
- package/dist/esm/ez-modal_2.entry.js +2 -3
- package/dist/esm/ez-popover.entry.js +1 -1
- package/dist/esm/ezui.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/{p-532b5b24.entry.js → p-18de871c.entry.js} +2 -2
- package/dist/ezui/p-3ea01b00.entry.js +1 -0
- package/dist/ezui/{p-07b60fe9.js → p-9fab5606.js} +1 -1
- package/dist/ezui/p-a30309ce.entry.js +1 -0
- package/dist/ezui/{p-45a25c30.entry.js → p-afb820c1.entry.js} +1 -1
- package/dist/ezui/p-d7c80eac.entry.js +1 -0
- package/dist/ezui/p-ec7c1b86.js +1 -0
- package/dist/types/components/ez-button/ez-button.d.ts +1 -1
- package/dist/types/components/ez-form/fieldbuilder/tpl/DateInput.tpl.d.ts +4 -0
- package/dist/types/components.d.ts +2 -2
- package/package.json +2 -2
- package/dist/cjs/AssetsUtils-4909c6de.js +0 -24
- package/dist/cjs/CSSVarsUtils-8fbdf2e0.js +0 -19
- package/dist/cjs/ez-icon.cjs.entry.js +0 -42
- package/dist/cjs/ez-time-input.cjs.entry.js +0 -118
- package/dist/esm/AssetsUtils-9b1329a3.js +0 -22
- package/dist/esm/CSSVarsUtils-667e0016.js +0 -17
- package/dist/esm/ez-icon.entry.js +0 -38
- package/dist/esm/ez-time-input.entry.js +0 -114
- package/dist/ezui/p-2336c9ce.entry.js +0 -1
- package/dist/ezui/p-2f84ba72.js +0 -1
- package/dist/ezui/p-477bb703.js +0 -1
- package/dist/ezui/p-614fbb4e.entry.js +0 -1
- package/dist/ezui/p-7165ac4f.entry.js +0 -1
- package/dist/ezui/p-90f6d8a0.entry.js +0 -1
- package/dist/ezui/p-d3f87e18.entry.js +0 -1
- package/dist/ezui/p-d54c157f.js +0 -1
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
const index = require('./index-88286449.js');
|
|
4
|
+
|
|
3
5
|
/**
|
|
4
6
|
* Classe com utiliários comuns para Strings.
|
|
5
7
|
*/
|
|
@@ -54,4 +56,24 @@ class StringUtils {
|
|
|
54
56
|
}
|
|
55
57
|
}
|
|
56
58
|
|
|
59
|
+
const getSpritePath = (sprite) => `${getContextAssetsPath("../assets/actions-sprite.svg")}#${sprite}`;
|
|
60
|
+
let ctxLoaded = false;
|
|
61
|
+
function getContextAssetsPath(resource) {
|
|
62
|
+
if (!ctxLoaded) {
|
|
63
|
+
const scriptElem = document.querySelector("script[data-ezui-assets-url]");
|
|
64
|
+
if (scriptElem) {
|
|
65
|
+
let assetsPath = scriptElem.dataset.ezuiAssetsUrl;
|
|
66
|
+
if (assetsPath) {
|
|
67
|
+
if (assetsPath.startsWith('/')) {
|
|
68
|
+
assetsPath = window.location.origin + assetsPath;
|
|
69
|
+
}
|
|
70
|
+
index.setAssetPath(assetsPath);
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
ctxLoaded = true;
|
|
74
|
+
}
|
|
75
|
+
return index.getAssetPath(resource);
|
|
76
|
+
}
|
|
77
|
+
|
|
57
78
|
exports.StringUtils = StringUtils;
|
|
79
|
+
exports.getSpritePath = getSpritePath;
|
|
@@ -1289,6 +1289,7 @@ exports.UserInterface = void 0;
|
|
|
1289
1289
|
UserInterface["IMAGE"] = "IMAGE";
|
|
1290
1290
|
UserInterface["DATE"] = "DATE";
|
|
1291
1291
|
UserInterface["DATETIME"] = "DATETIME";
|
|
1292
|
+
UserInterface["TIME"] = "TIME";
|
|
1292
1293
|
UserInterface["ELAPSEDTIME"] = "ELAPSEDTIME";
|
|
1293
1294
|
UserInterface["CHECKBOX"] = "CHECKBOX";
|
|
1294
1295
|
UserInterface["SWITCH"] = "SWITCH";
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-88286449.js');
|
|
6
6
|
|
|
7
|
-
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(--
|
|
7
|
+
const ezButtonCss = ":host{--ez-button--min-width:100px;--ez-button--height:42px;--ez-button__icon--width:18px;--ez-button__inline__icon--padding:12px;--ez-button--padding-top:var(--space--medium, 12px);--ez-button--padding-bottom:var(--space--medium, 12px);--ez-button--padding-right:var(--space--large, 24px);--ez-button--padding-left:var(--space--large, 24px);--ez-button--color:var(--text--primary, #FFF);--ez-button--font-size:var(--text--medium, 14px);--ez-button--font-family:var(--font-pattern, Arial);--ez-button--font-weight:var(--text-weight--large);--ez-button--background-color:var(--background--medium, #c0c0c0);--ez-button--border-radius:var(--border--radius-large, 12px);--ez-button--border:none;--ez-button--hover--background-color:var(--background--strong, var(--ez-button--background-color));--ez-button--disabled-color:var(--text--disable);--ez-button--disabled--background-color:var(--color--disable-secondary);--ez-button--focus--border:var(--ez-button--border);--ez-button--focus--box-shadow:none;--ez-button--link-color:var(--color--primary, '#008561');--ez-button--link--hover-color:var(--color--primary-700, '#1C1D22');--ez-button--link--small--font-size:var(--text--small, 12px);--ez-button--link--medium--font-size:var(--text--medium, 14px);--ez-button--link--large--font-size:var(--text--large, 16px)}ez-icon{--ez-icon--color:inherit}button{display:flex;align-items:center;justify-content:center;margin:0;cursor:pointer;transition:background-color 0.2s linear;min-width:var(--ez-button--min-width);height:var(--ez-button--height);font-family:var(--ez-button--font-family);font-size:var(--ez-button--font-size);font-weight:var(--ez-button--font-weight);padding:var(--ez-button--padding-top) var(--ez-button--padding-right) var(--ez-button--padding-bottom) var(--ez-button--padding-left);border-radius:var(--ez-button--border-radius);background-color:var(--ez-button--background-color);color:var(--ez-button--color);fill:var(--ez-button--color);border:var(--ez-button--border)}button:hover{background-color:var(--ez-button--hover--background-color)}button:focus{outline:none;border:var(--ez-button--focus--border);box-shadow:var(--ez-button--focus--box-shadow)}button:disabled{background-color:var(--ez-button--disabled--background-color);color:var(--ez-button--disabled-color);fill:var(--ez-button--disabled-color);border:none;cursor:no-drop}button.icon{padding:0px}button.small{width:32px;min-width:32px;height:32px}button.medium{width:42px;min-width:42px;height:42px}button.large{width:52px;min-width:52px;height:52px}.label-icon{display:flex;flex-direction:column;align-items:center;color:var(--ez-button--color)}.label-icon label{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;font-family:var(--ez-button--font-family);font-size:var(--ez-button--font-size);font-weight:var(--ez-button--font-weight)}a{font-family:var(--ez-button--font-family);font-weight:var(--ez-button--font-weight);color:var(--ez-button--link-color);cursor:pointer;display:flex;align-items:center;justify-content:center;}a:hover{color:var(--ez-button--link--hover-color)}a.small{font-size:var(--ez-button--link--small--font-size);line-height:var(--ez-button--link--small--font-size)}a.medium{font-size:var(--ez-button--link--medium--font-size);line-height:var(--ez-button--link--medium--font-size)}a.large{font-size:var(--ez-button--link--large--font-size);line-height:var(--ez-button--link--large--font-size)}";
|
|
8
8
|
|
|
9
9
|
let EzButton = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -18,7 +18,7 @@ let EzButton = class {
|
|
|
18
18
|
*/
|
|
19
19
|
this.mode = "regular";
|
|
20
20
|
/**
|
|
21
|
-
*
|
|
21
|
+
* É possível escolher entre [small,medium,large] (somente para os modos "icon" e "link")
|
|
22
22
|
*/
|
|
23
23
|
this.size = "medium";
|
|
24
24
|
}
|
|
@@ -55,7 +55,7 @@ let EzButton = class {
|
|
|
55
55
|
} })), index.h("label", { title: this.label }, this.label)));
|
|
56
56
|
}
|
|
57
57
|
else if (this.mode == "link") {
|
|
58
|
-
return (index.h("a",
|
|
58
|
+
return (index.h("a", { class: this.size }, index.h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), this.label, index.h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })));
|
|
59
59
|
}
|
|
60
60
|
else {
|
|
61
61
|
return (index.h("button", { type: "button", disabled: !this.enabled }, index.h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), this.label, index.h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })));
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-88286449.js');
|
|
6
|
-
const UnitMetadata = require('./UnitMetadata-
|
|
6
|
+
const UnitMetadata = require('./UnitMetadata-63c56042.js');
|
|
7
7
|
const FloatingManager = require('./FloatingManager-6cfeb947.js');
|
|
8
|
-
const
|
|
8
|
+
const AssetsUtils = require('./AssetsUtils-69356e76.js');
|
|
9
9
|
|
|
10
10
|
class DateUtils {
|
|
11
11
|
static clearTime(date, adjustDayLightSavingTime = true) {
|
|
@@ -67,7 +67,7 @@ class ApplicationContext {
|
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
-
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-
|
|
70
|
+
const ezCalendarCss = ":host{--ez-calendar--font-family:var(--font-pattern, Arial);--ez-calendar--color:var(--title--primary, #626e82);--ez-calendar--text-shadow:var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);--ez-calendar__body--background-color:var(--background--xlight, #FFF);--ez-calendar__time--background-color:var(--background--xlight, #FAFAFA);--ez-calendar__body--padding:var(--space--medium, 12px) var(--space--small, 6px);--ez-calendar__body--border-radius:var(--border--radius-medium, 12px);--ez-calendar__body--shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-container--z-index:var(--more-visible, 2);--ez-calendar__header-line--stroke:1px;--ez-calendar__header-line--color:var(--color--strokes, #C0C0C0);--ez-calendar__nav-btn--fill:var(--text--primary, #008561);--ez-calendar__nav-btn--hover--fill:var(--color--primary, #350404);--ez-calendar__nav-btn--width:10px;--ez-calendar__nav-btn--height:16px;--ez-calendar__nav-btn--previous-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 9.7808475,13.860393 3.9204526,8.0000004 9.7808475,2.0624965 7.9301965,0.28895552 0.21915255,8.0000004 7.9301965,15.711044 Z\"/></svg>');--ez-calendar__nav-btn--next-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 0.21915251,13.860393 6.0795475,8.0000007 0.21915251,2.0624968 2.0698036,0.28895588 9.7808475,8.0000007 2.0698036,15.711044 Z\"/></svg>');--ez-calendar__cell--margin:0px 1.5px;--ez-calendar__cell--width:var(--space--large, 24px);--ez-calendar__cell--padding:1.5px 0px;--ez-calendar__cell--border-radius:var(--border--radius-small, 6px);--ez-calendar__cell--over--background-color:var(--color--primary, #E2F4EF);--ez-calendar__cell--over--color:var(--color--primary-300, #008561);--ez-calendar__cell--outset--color:var(--color--disable-primary, #E5EAF0);--ez-calendar__cell--selected--background-color:var(--color--primary, #008561);--ez-calendar__cell--selected--color:var(--color--inverted, #FFF);--ez-calendar__btn-today--color:var(--color--primary);--ez-calendar__btn-today--hover--background-color:var(--color--primary-300, #E2F4EF);--ez-calendar__btn-today--border-radius:var(--border--radius-small, 6px);position:relative;display:flex;user-select:none}.calendar__container{display:flex;z-index:var(--more-visible, 2)}.calendar{z-index:var(--more-visible, 2);display:flex;flex-direction:column;background-color:var(--ez-calendar__body--background-color);padding:var(--ez-calendar__body--padding);border-radius:var(--ez-calendar__body--border-radius);box-shadow:var(--ez-calendar__body--shadow)}.calendar__header{display:flex;justify-content:space-between;padding-bottom:var(--space--small, 6px);margin:0px var(--space--, 12px) var(--space--small, 6px) var(--space--, 12px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow);border-bottom:solid var(--ez-calendar__header-line--stroke) var(--ez-calendar__header-line--color)}.calendar__btn-next,.calendar__btn-previous{outline:none;border:none;background-color:unset;cursor:pointer;padding:0px}.calendar__btn-next::after,.calendar__btn-previous::after{content:'';display:flex;background-color:var(--ez-calendar__nav-btn--fill);width:var(--ez-calendar__nav-btn--width);height:var(--ez-calendar__nav-btn--height)}.calendar__btn-previous::after{-webkit-mask-image:var(--ez-calendar__nav-btn--previous-image);mask-image:var(--ez-calendar__nav-btn--previous-image)}.calendar__btn-next::after{-webkit-mask-image:var(--ez-calendar__nav-btn--next-image);mask-image:var(--ez-calendar__nav-btn--next-image)}.calendar__btn-next:hover::after,.calendar__btn-previous:hover::after{background-color:var(--ez-calendar__nav-btn--hover--fill)}.calendar__lbl-month{font-weight:var(--text-weight--extra-large, 700);font-size:var(--title--small, 14px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow)}.calendar__line{display:flex;padding:0px;margin:0px}.calendar__cell{display:flex;justify-content:center;align-content:center;cursor:pointer;font-size:var(--text--extra-small, 10px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow);padding:var(--ez-calendar__cell--padding);margin:var(--ez-calendar__cell--margin);min-width:var(--ez-calendar__cell--width);border-radius:var(--ez-calendar__cell--border-radius)}.calendar__cell:hover{background-color:var(--ez-calendar__cell--over--background-color);color:var(--ez-calendar__cell--over--color)}.calendar__cell--secondary{color:var(--ez-calendar__cell--outset--color)}.calendar__cell--unselectable:hover{background-color:unset;border-radius:unset;cursor:unset}.calendar__cell--unselectable{font-weight:var(--text-weight--large, 600);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow)}.calendar__cell--selected,.calendar__cell--selected:hover{background-color:var(--ez-calendar__cell--selected--background-color);color:var(--ez-calendar__cell--selected--color)}.calendar__footer{display:flex;flex-direction:column}.calendar__btn-today{border:none;background-color:unset;cursor:pointer;font-weight:var(--text-weight--large, 600);font-size:var(--title--extra-small, 12px);padding:0px;font-family:var(--ez-calendar--font-family);text-shadow:var(--ez-calendar--text-shadow);color:var(--ez-calendar__btn-today--color);border-radius:var(--ez-calendar__btn-today--border-radius)}.calendar__btn-today:hover{background-color:var(--ez-calendar__btn-today--hover--background-color)}section{display:flex}.calendar-time{margin-left:-10px;display:flex;flex-direction:column;padding:12px 0px 0px 10px;background-color:var(--ez-calendar__time--background-color);border-top-right-radius:var(--ez-calendar__body--border-radius);border-bottom-right-radius:var(--ez-calendar__body--border-radius);box-shadow:var(--ez-calendar__body--shadow)}.calendar__column{height:136px;padding:0px;margin:0px;overflow:auto}.calendar__column::-webkit-scrollbar{width:0px;max-width:0px;min-width:0px}.calendar-time__header{padding-left:var(--space--small, 6px);padding-right:var(--space--small, 6px);display:flex;justify-content:space-between;padding-bottom:var(--space--small, 6px);margin:0px var(--space--, 12px) var(--space--small, 6px) var(--space--, 12px);font-weight:var(--text-weight--extra-large, 700);font-size:var(--title--small, 14px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow);border-bottom:solid var(--ez-calendar__header-line--stroke) var(--ez-calendar__header-line--color);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow)}.separatorTime{color:#A2ABB9;padding:0px 1px;line-height:16px;font-size:17px;font-weight:normal}.endHidden{-webkit-mask-image:linear-gradient(180deg, #000 calc(100% - 48px), transparent 100%)}.calendar__column .calendar__cell{margin:0px;padding:1.5px 1.5px}";
|
|
71
71
|
|
|
72
72
|
let EzCalendar = class {
|
|
73
73
|
constructor(hostRef) {
|
|
@@ -237,7 +237,7 @@ let EzCalendar = class {
|
|
|
237
237
|
const firstDate = new Date();
|
|
238
238
|
firstDate.setTime(this._currentPosition.getTime());
|
|
239
239
|
firstDate.setDate(1 - firstDate.getDay());
|
|
240
|
-
return (index.h("section", { ref: elem => this._container = elem }, index.h("div", { ref: elem => this._box = elem,
|
|
240
|
+
return (index.h("section", { ref: elem => this._container = elem }, index.h("div", { ref: elem => this._box = elem, class: "calendar__container" }, index.h("div", { class: "calendar" }, index.h("div", { class: "calendar__header" }, index.h("button", { class: "calendar__btn-previous", onClick: () => this.changeMonth(-1) }), index.h("label", { class: "calendar__lbl-month" }, this.getMonthLabel()), index.h("button", { class: "calendar__btn-next", onClick: () => this.changeMonth(1) })), index.h("div", { class: "calendar__body" }, index.h("div", { class: "calendar__line" }, this._weekDayLabels.map(day => index.h("div", { class: "calendar__cell calendar__cell--unselectable" }, day))), [0, 7, 14, 21, 28, 35].map(offset => index.h("div", { class: "calendar__line" }, [0, 1, 2, 3, 4, 5, 6].map(index$1 => {
|
|
241
241
|
const date = new Date();
|
|
242
242
|
date.setTime(firstDate.getTime());
|
|
243
243
|
date.setDate(date.getDate() + offset + index$1);
|
|
@@ -250,7 +250,7 @@ let EzCalendar = class {
|
|
|
250
250
|
}
|
|
251
251
|
return index.h("div", { class: classNames, onClick: () => this.selectDate(date) }, date.getDate());
|
|
252
252
|
})))), index.h("div", { class: "calendar__footer" }, index.h("button", { class: "calendar__btn-today", onClick: () => this.selectDate(new Date()) }, this._todayLabel))), (this.time || this.showSeconds) &&
|
|
253
|
-
index.h("div", { class: "
|
|
253
|
+
index.h("div", { class: "calendar-time" }, index.h("div", { class: "calendar-time__header" }, index.h("div", null, "H"), index.h("div", { class: "separatorTime" }, ":"), index.h("div", null, "M"), this.showSeconds &&
|
|
254
254
|
index.h("div", { class: "separatorTime" }, ":"), this.showSeconds &&
|
|
255
255
|
index.h("div", null, "S")), index.h("div", { class: "calendar__body ", style: { display: 'flex', paddingLeft: '12px', paddingRight: '12px' } }, index.h("div", { class: "calendar__column", ref: elem => this._hoursScroll = elem, onScroll: () => this.updateScroll(this._hoursScroll) }, this._hoursLabel.map((offset, index$1) => {
|
|
256
256
|
if (index$1 === this.value.getHours()) {
|
|
@@ -388,6 +388,22 @@ let EzCollapsibleBox = class {
|
|
|
388
388
|
};
|
|
389
389
|
EzCollapsibleBox.style = ezCollapsibleBoxCss;
|
|
390
390
|
|
|
391
|
+
class CSSVarsUtils {
|
|
392
|
+
static applyVarsTextInput(host, child) {
|
|
393
|
+
if (child) {
|
|
394
|
+
CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--background-color');
|
|
395
|
+
CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--border-color');
|
|
396
|
+
CSSVarsUtils.applyIfExists(host, child, '--ez-text-input--height');
|
|
397
|
+
}
|
|
398
|
+
}
|
|
399
|
+
static applyIfExists(host, element, varName) {
|
|
400
|
+
const prop = getComputedStyle(host).getPropertyValue(varName);
|
|
401
|
+
if (prop) {
|
|
402
|
+
element.style.setProperty(varName, prop);
|
|
403
|
+
}
|
|
404
|
+
}
|
|
405
|
+
}
|
|
406
|
+
|
|
391
407
|
const ezComboBoxCss = ":host{--ez-combo-box--height:42px;--ez-combo-box--width:100%;--ez-combo-box__icon--width:48px;--ez-combo-box--border-radius:var(--border--radius-medium, 12px);--ez-combo-box--border-radius-small:var(--border--radius-small, 6px);--ez-combo-box--font-size:var(--text--medium, 14px);--ez-combo-box--font-family:var(--font-pattern, Arial);--ez-combo-box--font-weight--large:var(--text-weight--large, 500);--ez-combo-box--font-weight--medium:var(--text-weight--medium, 400);--ez-combo-box--background-color--xlight:var(--background--xlight, #fff);--ez-combo-box--background-medium:var(--background--medium, #f0f3f7);--ez-combo-box__input--background-color:var(--background--medium, #e0e0e0);--ez-combo-box__input--border:var(--border--medium, 2px solid);--ez-combo-box__input--border-color:var(--ez-combo-box__input--background-color);--ez-combo-box__input--focus--border-color:var(--color--primary, #008561);--ez-combo-box__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--ez-combo-box__input--disabled--color:var(--text--disable, #AFB6C0);--ez-combo-box__input--error--border-color:#CC2936;--ez-combo-box__btn-search--background-color:var(--text--primary, #626e82);--ez-combo-box__btn-search-disabled--background-color:var(--text--disable, #AFB6C0);--ez-combo-box__btn-search-hover--background-color:var(--color--primary, #4e4e4e);--ez-combo-box__btn-options--background-color:var(--text--primary, #626e82);--ez-combo-box__btn-options-disabled--background-color:var(--text--disable, #AFB6C0);--ez-combo-box__btn-options-hover--background-color:var(--color--primary, #4e4e4e);--ez-combo-box__label--color:var(--title--primary, #919191);--ez-combo-box__list-text--primary:var(--text--primary, #626e82);--ez-combo-box__list-height:calc(var(--ez-combo-box--font-size) + var(--ez-combo-box--space--medium));--ez-combo-box__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>');--ez-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>');--ez-combo-box--space--medium:var(--space--medium, 12px);--ez-combo-box--space--small:var(--space--small, 6px);display:flex;flex-wrap:wrap;position:relative;width:var(--ez-combo-box--width)}.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(--ez-combo-box--background-color--xlight);padding:var(--ez-combo-box--space--small);border-radius:var(--ez-combo-box--border-radius);box-shadow:var(--shadow, 0px 0px 16px 0px #000);scroll-behavior:smooth;max-height:calc(4*var(--ez-combo-box__list-height) + 2*var(--ez-combo-box--space--small));overflow:auto}.item{text-align:left;display:flex;justify-content:space-between;align-items:center;border-radius:var(--ez-combo-box--border-radius-small);padding:0 var(--ez-combo-box--space--small);list-style-type:none;min-height:var(--ez-combo-box__list-height)}.item--label{text-align:left;flex-basis:85%;flex-grow:1;color:var(--ez-combo-box__list-text--primary);font-weight:var(--ez-combo-box--font-weight--large);font-family:var(--ez-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(--ez-combo-box__list-text--primary);font-weight:var(--ez-combo-box--font-weight--large);font-family:var(--ez-combo-box--font-family);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}li:hover{background-color:var(--ez-combo-box--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(--ez-combo-box__btn-options--background-color);width:16px;height:16px;-webkit-mask-image:var(--ez-combo-box__drop-down-image);mask-image:var(--ez-combo-box__drop-down-image)}.btn-open-options:disabled:after{background-color:var(--ez-combo-box__btn-options-disabled--background-color)}.btn-open-options:enabled:hover::after{background-color:var(--ez-combo-box__btn-options-hover--background-color)}.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(--ez-combo-box__btn-search--background-color);width:22px;height:22px;-webkit-mask-image:var(--ez-combo-box__search-image);mask-image:var(--ez-combo-box__search-image)}.btn-open-search:disabled:after{background-color:var(--ez-combo-box__btn-search-disabled--background-color)}.btn-open-search:enabled:hover::after{background-color:var(--ez-combo-box__btn-search-hover--background-color)}";
|
|
392
408
|
|
|
393
409
|
let EzComboBox = class {
|
|
@@ -581,7 +597,7 @@ let EzComboBox = class {
|
|
|
581
597
|
}
|
|
582
598
|
}
|
|
583
599
|
componentDidLoad() {
|
|
584
|
-
CSSVarsUtils.
|
|
600
|
+
CSSVarsUtils.applyVarsTextInput(this.el, this._inputElement);
|
|
585
601
|
}
|
|
586
602
|
//---------------------------------------------
|
|
587
603
|
// Event handlers
|
|
@@ -707,7 +723,7 @@ let EzDateInput = class {
|
|
|
707
723
|
return d ? new Intl.DateTimeFormat("pt-BR").format(d) : null;
|
|
708
724
|
}
|
|
709
725
|
componentDidLoad() {
|
|
710
|
-
CSSVarsUtils.
|
|
726
|
+
CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
|
|
711
727
|
}
|
|
712
728
|
render() {
|
|
713
729
|
return (index.h(index.Host, null, index.h("ez-text-input", { ref: elem => this._textInput = elem, onBlur: () => this.parseDate(), onKeyDown: event => {
|
|
@@ -833,7 +849,7 @@ let EzDateTimeInput = class {
|
|
|
833
849
|
return d ? (new Intl.DateTimeFormat('pt-BR', this.showSeconds ? optionsSecond : options).format(d)) : null;
|
|
834
850
|
}
|
|
835
851
|
componentDidLoad() {
|
|
836
|
-
CSSVarsUtils.
|
|
852
|
+
CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
|
|
837
853
|
}
|
|
838
854
|
render() {
|
|
839
855
|
return (index.h(index.Host, null, index.h("ez-text-input", { ref: elem => this._textInput = elem, onBlur: () => this.parseDate(), onKeyDown: event => { this.onChangeKeyDown(event); }, label: this.label, onEzChange: event => event.stopPropagation(), value: this.getTextValue(this.value), restrict: "0123456789/: ", enabled: this.enabled, errorMessage: this.errorMessage, onFocus: () => this.onFocused(), onClick: () => this.onClicked() }, index.h("button", { disabled: !this.enabled, tabindex: -1, class: "btn-open-cal", onClick: () => this.showCalendar(), slot: "leftIcon" })), index.h("ez-calendar", { onEzChange: (event) => { this.changeValue(this._calendar.value); event.stopPropagation(); }, floating: true, ref: elem => this._calendar = elem, time: true, showSeconds: this.showSeconds })));
|
|
@@ -896,6 +912,10 @@ const buildDate = ({ name, label, readOnly }) => {
|
|
|
896
912
|
return (index.h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
|
|
897
913
|
index.h("ez-date-input", { enabled: !readOnly, label: label, "data-field-name": name, key: name })));
|
|
898
914
|
};
|
|
915
|
+
const buildTime = ({ name, label }) => {
|
|
916
|
+
return (index.h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
|
|
917
|
+
index.h("ez-time-input", { label: label, "data-field-name": name, key: name })));
|
|
918
|
+
};
|
|
899
919
|
const buildTimeDate = ({ name, label }) => {
|
|
900
920
|
return (index.h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
|
|
901
921
|
index.h("ez-date-time-input", { label: label, "data-field-name": name, key: name })));
|
|
@@ -922,6 +942,7 @@ uiBuilders.set(UnitMetadata.UserInterface.OPTIONSELECTOR, buildComboBox);
|
|
|
922
942
|
uiBuilders.set(UnitMetadata.UserInterface.SEARCH, buildSearch);
|
|
923
943
|
uiBuilders.set(UnitMetadata.UserInterface.FILE, buildFile);
|
|
924
944
|
uiBuilders.set(UnitMetadata.UserInterface.DATE, buildDate);
|
|
945
|
+
uiBuilders.set(UnitMetadata.UserInterface.TIME, buildTime);
|
|
925
946
|
uiBuilders.set(UnitMetadata.UserInterface.DATETIME, buildTimeDate);
|
|
926
947
|
uiBuilders.set(UnitMetadata.UserInterface.DECIMALNUMBER, buildDecimal);
|
|
927
948
|
uiBuilders.set(UnitMetadata.UserInterface.INTEGERNUMBER, buildInteger);
|
|
@@ -1472,9 +1493,8 @@ class DataBinder {
|
|
|
1472
1493
|
if (field.nodeName === "EZ-SEARCH" && field["optionLoader"] === undefined) {
|
|
1473
1494
|
const loader = ApplicationContext.getContextValue("__EZUI__SEARCH__OPTION__LOADER__");
|
|
1474
1495
|
if (loader) {
|
|
1475
|
-
const fm = this._dataUnit.getField(fieldName);
|
|
1476
1496
|
field["optionLoader"] = (arg) => {
|
|
1477
|
-
loader(arg,
|
|
1497
|
+
return loader(arg, fieldName, this._dataUnit);
|
|
1478
1498
|
};
|
|
1479
1499
|
}
|
|
1480
1500
|
}
|
|
@@ -1644,6 +1664,39 @@ let EzForm = class {
|
|
|
1644
1664
|
};
|
|
1645
1665
|
EzForm.style = ezFormCss;
|
|
1646
1666
|
|
|
1667
|
+
const ezIconCss = ":host{display:flex;overflow:hidden;position:relative;--ez-icon--color:var(--icon--color, #ffffff)}svg{display:flex;justify-content:center;align-items:center;fill:var(--ez-icon--color)}.x-small{width:12px;height:12px}.small{width:16px;height:16px}.medium{width:20px;height:20px}.large{width:24px;height:24px}.x-large{width:30px;height:30px}[class^=\"ez-icon-\"],[class*=\" ez-icon-\"]{color:var(--ez-icon--color)}[class^=\"ez-icon-\"],[class*=\" ez-icon-\"]{font-family:'ez-icons' !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ez-icon-account-outline:before{content:\"\\ea01\"}.ez-icon-account:before{content:\"\\ea02\"}.ez-icon-alert-circle-inverted:before{content:\"\\ea03\"}.ez-icon-alert-circle:before{content:\"\\ea04\"}.ez-icon-alert-mail:before{content:\"\\ea05\"}.ez-icon-alert-outline:before{content:\"\\ea06\"}.ez-icon-alert-popup:before{content:\"\\ea07\"}.ez-icon-apps:before{content:\"\\ea08\"}.ez-icon-arrow_back:before{content:\"\\ea09\"}.ez-icon-bell-inverted:before{content:\"\\ea0a\"}.ez-icon-bell:before{content:\"\\ea0b\"}.ez-icon-business-center:before{content:\"\\ea0c\"}.ez-icon-calendar-text:before{content:\"\\ea0d\"}.ez-icon-calendar:before{content:\"\\ea0e\"}.ez-icon-check-circle-inverted:before{content:\"\\ea0f\"}.ez-icon-check-circle:before{content:\"\\ea10\"}.ez-icon-check:before{content:\"\\ea11\"}.ez-icon-chevron-down:before{content:\"\\ea12\"}.ez-icon-chevron-left:before{content:\"\\ea13\"}.ez-icon-chevron-right:before{content:\"\\ea14\"}.ez-icon-chevron-up:before{content:\"\\ea15\"}.ez-icon-circle--medium:before{content:\"\\ea16\"}.ez-icon-circle:before{content:\"\\ea17\"}.ez-icon-clipboard:before{content:\"\\ea18\"}.ez-icon-close-circle-inverted:before{content:\"\\ea19\"}.ez-icon-close-circle:before{content:\"\\ea1a\"}.ez-icon-close:before{content:\"\\ea1b\"}.ez-icon-comment-inverted:before{content:\"\\ea1c\"}.ez-icon-comment:before{content:\"\\ea1d\"}.ez-icon-configuration:before{content:\"\\ea1e\"}.ez-icon-copy:before{content:\"\\ea1f\"}.ez-icon-crop:before{content:\"\\ea20\"}.ez-icon-delete:before{content:\"\\ea21\"}.ez-icon-description:before{content:\"\\ea22\"}.ez-icon-dot-notification:before{content:\"\\ea23\"}.ez-icon-dots-horizontal:before{content:\"\\ea24\"}.ez-icon-dots-vertical:before{content:\"\\ea25\"}.ez-icon-drag-indicator:before{content:\"\\ea26\"}.ez-icon-edit-file:before{content:\"\\ea27\"}.ez-icon-edit-table:before{content:\"\\ea28\"}.ez-icon-edit-time:before{content:\"\\ea29\"}.ez-icon-edit:before{content:\"\\ea2a\"}.ez-icon-email-inverted:before{content:\"\\ea2b\"}.ez-icon-email:before{content:\"\\ea2c\"}.ez-icon-error-octagon:before{content:\"\\ea2d\"}.ez-icon-expand:before{content:\"\\ea2e\"}.ez-icon-eye-off:before{content:\"\\ea2f\"}.ez-icon-eye:before{content:\"\\ea30\"}.ez-icon-favorite:before{content:\"\\ea31\"}.ez-icon-file-download:before{content:\"\\ea32\"}.ez-icon-file-upload:before{content:\"\\ea33\"}.ez-icon-filter:before{content:\"\\ea34\"}.ez-icon-find-file:before{content:\"\\ea35\"}.ez-icon-find-page:before{content:\"\\ea36\"}.ez-icon-format-color-fill:before{content:\"\\ea37\"}.ez-icon-help-circle-outline:before{content:\"\\ea38\"}.ez-icon-help-inverted:before{content:\"\\ea39\"}.ez-icon-help:before{content:\"\\ea3a\"}.ez-icon-home:before{content:\"\\ea3b\"}.ez-icon-language:before{content:\"\\ea3c\"}.ez-icon-launch:before{content:\"\\ea3d\"}.ez-icon-lightbulb:before{content:\"\\ea3e\"}.ez-icon-list:before{content:\"\\ea3f\"}.ez-icon-loading:before{content:\"\\ea40\"}.ez-icon-lock-outline:before{content:\"\\ea41\"}.ez-icon-lock:before{content:\"\\ea42\"}.ez-icon-menu:before{content:\"\\ea43\"}.ez-icon-minus-circle-inverted:before{content:\"\\ea44\"}.ez-icon-minus:before{content:\"\\ea45\"}.ez-icon-money-off:before{content:\"\\ea46\"}.ez-icon-money:before{content:\"\\ea47\"}.ez-icon-north-west:before{content:\"\\ea48\"}.ez-icon-pause:before{content:\"\\ea49\"}.ez-icon-payments:before{content:\"\\ea4a\"}.ez-icon-play:before{content:\"\\ea4b\"}.ez-icon-plus-circle-inverted:before{content:\"\\ea4c\"}.ez-icon-plus-circle:before{content:\"\\ea4d\"}.ez-icon-plus:before{content:\"\\ea4e\"}.ez-icon-power:before{content:\"\\ea4f\"}.ez-icon-push-pin:before{content:\"\\ea50\"}.ez-icon-restore:before{content:\"\\ea51\"}.ez-icon-return:before{content:\"\\ea52\"}.ez-icon-rotate:before{content:\"\\ea53\"}.ez-icon-save:before{content:\"\\ea54\"}.ez-icon-search:before{content:\"\\ea55\"}.ez-icon-settings-inverted:before{content:\"\\ea56\"}.ez-icon-settings:before{content:\"\\ea57\"}.ez-icon-share:before{content:\"\\ea58\"}.ez-icon-shield:before{content:\"\\ea59\"}.ez-icon-south-east:before{content:\"\\ea5a\"}.ez-icon-success-circle:before{content:\"\\ea5b\"}.ez-icon-sync:before{content:\"\\ea5c\"}.ez-icon-table:before{content:\"\\ea5d\"}.ez-icon-timer-outline:before{content:\"\\ea5e\"}.ez-icon-user-circle:before{content:\"\\ea5f\"}.ez-icon-warning-minus:before{content:\"\\ea60\"}.ez-icon-warning-triangle:before{content:\"\\ea61\"}.x-small--font{font-size:12px}.small--font{font-size:16px}.medium--font{font-size:20px}.large--font{font-size:24px}.x-large--font{font-size:30px}";
|
|
1668
|
+
|
|
1669
|
+
let EzIcon = class {
|
|
1670
|
+
constructor(hostRef) {
|
|
1671
|
+
index.registerInstance(this, hostRef);
|
|
1672
|
+
/**
|
|
1673
|
+
* Tamanho do ícone
|
|
1674
|
+
*/
|
|
1675
|
+
this.size = 'medium';
|
|
1676
|
+
}
|
|
1677
|
+
isSprite() {
|
|
1678
|
+
return this.href && this.href.indexOf('#') > -1;
|
|
1679
|
+
}
|
|
1680
|
+
getIconClassName() {
|
|
1681
|
+
return `ez-icon-${this.iconName}`;
|
|
1682
|
+
}
|
|
1683
|
+
getIconContent() {
|
|
1684
|
+
if (this.isSprite()) {
|
|
1685
|
+
return index.h("svg", { class: this.size, role: "img" }, index.h("use", { xlinkHref: this.href }));
|
|
1686
|
+
}
|
|
1687
|
+
else if (!AssetsUtils.StringUtils.isEmpty(this.iconName)) {
|
|
1688
|
+
return index.h("span", { class: `icon-content ${this.getIconClassName()} ${this.size}--font` });
|
|
1689
|
+
}
|
|
1690
|
+
else {
|
|
1691
|
+
return index.h("img", { class: this.size, src: this.href });
|
|
1692
|
+
}
|
|
1693
|
+
}
|
|
1694
|
+
render() {
|
|
1695
|
+
return (index.h(index.Host, null, this.getIconContent()));
|
|
1696
|
+
}
|
|
1697
|
+
};
|
|
1698
|
+
EzIcon.style = ezIconCss;
|
|
1699
|
+
|
|
1647
1700
|
const ezNumberInputCss = ":host{display:block;width:100%}";
|
|
1648
1701
|
|
|
1649
1702
|
let EzNumberInput = class {
|
|
@@ -1695,7 +1748,7 @@ let EzNumberInput = class {
|
|
|
1695
1748
|
return null;
|
|
1696
1749
|
}
|
|
1697
1750
|
componentDidLoad() {
|
|
1698
|
-
CSSVarsUtils.
|
|
1751
|
+
CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
|
|
1699
1752
|
}
|
|
1700
1753
|
render() {
|
|
1701
1754
|
return (index.h("ez-text-input", { ref: elem => this._textInput = elem, onBlur: () => this.parseNumber(), label: this.label, onEzChange: event => event.stopPropagation(), value: this.getTextValue(this.value), restrict: this.precision > 0 ? "0123456789-,." : "0123456789-", enabled: this.enabled, errorMessage: this.errorMessage }));
|
|
@@ -1740,7 +1793,7 @@ let EzSearch = class {
|
|
|
1740
1793
|
this.ezChange.emit(evt.detail);
|
|
1741
1794
|
}
|
|
1742
1795
|
componentDidLoad() {
|
|
1743
|
-
CSSVarsUtils.
|
|
1796
|
+
CSSVarsUtils.applyVarsTextInput(this._elem, this._comboElement);
|
|
1744
1797
|
}
|
|
1745
1798
|
render() {
|
|
1746
1799
|
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 }));
|
|
@@ -2244,6 +2297,114 @@ let EzTextInput = class {
|
|
|
2244
2297
|
};
|
|
2245
2298
|
EzTextInput.style = ezTextInputCss;
|
|
2246
2299
|
|
|
2300
|
+
const ezTimeInputCss = ":host{display:flex;flex-wrap:wrap;position:relative;width:100%}";
|
|
2301
|
+
|
|
2302
|
+
let EzTimeInput = class {
|
|
2303
|
+
constructor(hostRef) {
|
|
2304
|
+
index.registerInstance(this, hostRef);
|
|
2305
|
+
/**
|
|
2306
|
+
* Deixa o campo disponível ou não para digitação.
|
|
2307
|
+
*/
|
|
2308
|
+
this.enabled = true;
|
|
2309
|
+
/**
|
|
2310
|
+
* Define se o componente irá ou não considerar os segundos
|
|
2311
|
+
*/
|
|
2312
|
+
this.showSeconds = false;
|
|
2313
|
+
}
|
|
2314
|
+
prepareMask() {
|
|
2315
|
+
if (this.showSeconds) {
|
|
2316
|
+
if (this._maskFormatter == undefined) {
|
|
2317
|
+
this._maskFormatter = new UnitMetadata.MaskFormatter("##:##:##");
|
|
2318
|
+
}
|
|
2319
|
+
else {
|
|
2320
|
+
this._maskFormatter.mask = "##:##:##";
|
|
2321
|
+
}
|
|
2322
|
+
}
|
|
2323
|
+
else {
|
|
2324
|
+
if (this._maskFormatter == undefined) {
|
|
2325
|
+
this._maskFormatter = new UnitMetadata.MaskFormatter("##:##");
|
|
2326
|
+
}
|
|
2327
|
+
else {
|
|
2328
|
+
this._maskFormatter.mask = "##:##";
|
|
2329
|
+
}
|
|
2330
|
+
}
|
|
2331
|
+
}
|
|
2332
|
+
onValueChanged() {
|
|
2333
|
+
if (this.value === NaN) {
|
|
2334
|
+
this.value = undefined;
|
|
2335
|
+
this.handleFocusout();
|
|
2336
|
+
}
|
|
2337
|
+
}
|
|
2338
|
+
//---------------------------------------------
|
|
2339
|
+
// Public methods
|
|
2340
|
+
//---------------------------------------------
|
|
2341
|
+
/**
|
|
2342
|
+
* Faz o foco no componente de input
|
|
2343
|
+
*/
|
|
2344
|
+
async setFocus() {
|
|
2345
|
+
this._inputElem.focus();
|
|
2346
|
+
}
|
|
2347
|
+
/**
|
|
2348
|
+
* Remove o foco no componente de input
|
|
2349
|
+
*/
|
|
2350
|
+
async setBlur() {
|
|
2351
|
+
this._inputElem.blur();
|
|
2352
|
+
}
|
|
2353
|
+
//---------------------------------------------
|
|
2354
|
+
// Event handlers
|
|
2355
|
+
//---------------------------------------------
|
|
2356
|
+
handleFocusout() {
|
|
2357
|
+
this.errorMessage = "";
|
|
2358
|
+
this.prepareValue(this.viewValue);
|
|
2359
|
+
if (!UnitMetadata.TimeFormatter.validateTime(this.viewValue, this.showSeconds)) {
|
|
2360
|
+
this.clearField();
|
|
2361
|
+
this.errorMessage = "Favor inserir um horário válido.";
|
|
2362
|
+
}
|
|
2363
|
+
}
|
|
2364
|
+
prepareValue(value) {
|
|
2365
|
+
try {
|
|
2366
|
+
this.viewValue = UnitMetadata.TimeFormatter.prepareValue(value, this.showSeconds);
|
|
2367
|
+
}
|
|
2368
|
+
catch (e) {
|
|
2369
|
+
this.clearField();
|
|
2370
|
+
this.errorMessage = e.message;
|
|
2371
|
+
}
|
|
2372
|
+
}
|
|
2373
|
+
clearField() {
|
|
2374
|
+
this.viewValue = this.value = undefined;
|
|
2375
|
+
}
|
|
2376
|
+
handleChange() {
|
|
2377
|
+
this.viewValue = this._inputElem.value;
|
|
2378
|
+
this.value = UnitMetadata.NumberUtils.stringToNumber(this.viewValue.replace(/\D/g, ""));
|
|
2379
|
+
}
|
|
2380
|
+
//---------------------------------------------
|
|
2381
|
+
// Lifecycle web component
|
|
2382
|
+
//---------------------------------------------
|
|
2383
|
+
componentDidLoad() {
|
|
2384
|
+
this.onValueChanged();
|
|
2385
|
+
CSSVarsUtils.applyVarsTextInput(this._elem, this._inputElem);
|
|
2386
|
+
}
|
|
2387
|
+
componentWillLoad() {
|
|
2388
|
+
this.prepareMask();
|
|
2389
|
+
if (this.value) {
|
|
2390
|
+
this.prepareValue(this.value.toString());
|
|
2391
|
+
}
|
|
2392
|
+
else if (this.viewValue) {
|
|
2393
|
+
this.prepareValue(this.viewValue);
|
|
2394
|
+
}
|
|
2395
|
+
}
|
|
2396
|
+
render() {
|
|
2397
|
+
return (index.h(index.Host, null, index.h("ez-text-input", { ref: (el) => this._inputElem = el, value: this.viewValue, enabled: this.enabled, label: this.label, onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); }, errorMessage: this.errorMessage }, index.h("ez-icon", { slot: "leftIcon", href: AssetsUtils.getSpritePath("timer-outline") }))));
|
|
2398
|
+
}
|
|
2399
|
+
static get assetsDirs() { return ["../assets"]; }
|
|
2400
|
+
get _elem() { return index.getElement(this); }
|
|
2401
|
+
static get watchers() { return {
|
|
2402
|
+
"showSeconds": ["prepareMask"],
|
|
2403
|
+
"value": ["onValueChanged"]
|
|
2404
|
+
}; }
|
|
2405
|
+
};
|
|
2406
|
+
EzTimeInput.style = ezTimeInputCss;
|
|
2407
|
+
|
|
2247
2408
|
class RemoteFile {
|
|
2248
2409
|
constructor(file) {
|
|
2249
2410
|
this.file = file;
|
|
@@ -2648,10 +2809,12 @@ exports.ez_combo_box = EzComboBox;
|
|
|
2648
2809
|
exports.ez_date_input = EzDateInput;
|
|
2649
2810
|
exports.ez_date_time_input = EzDateTimeInput;
|
|
2650
2811
|
exports.ez_form = EzForm;
|
|
2812
|
+
exports.ez_icon = EzIcon;
|
|
2651
2813
|
exports.ez_number_input = EzNumberInput;
|
|
2652
2814
|
exports.ez_search = EzSearch;
|
|
2653
2815
|
exports.ez_tabselector = EzTabselector;
|
|
2654
2816
|
exports.ez_text_area = EzTextArea;
|
|
2655
2817
|
exports.ez_text_input = EzTextInput;
|
|
2818
|
+
exports.ez_time_input = EzTimeInput;
|
|
2656
2819
|
exports.ez_upload = EzUpload;
|
|
2657
2820
|
exports.test_du = TestDu;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-88286449.js');
|
|
6
|
-
const UnitMetadata = require('./UnitMetadata-
|
|
6
|
+
const UnitMetadata = require('./UnitMetadata-63c56042.js');
|
|
7
7
|
|
|
8
8
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
9
9
|
|
|
@@ -110149,9 +110149,11 @@ class AgGridController {
|
|
|
110149
110149
|
headerName: "",
|
|
110150
110150
|
checkboxSelection: true,
|
|
110151
110151
|
headerCheckboxSelection: false,
|
|
110152
|
-
width:
|
|
110152
|
+
width: 28,
|
|
110153
110153
|
suppressMovable: true,
|
|
110154
|
-
|
|
110154
|
+
suppressAutoSize: true,
|
|
110155
|
+
suppressMenu: true,
|
|
110156
|
+
lockPosition: true
|
|
110155
110157
|
});
|
|
110156
110158
|
}
|
|
110157
110159
|
cols.forEach(c => {
|
|
@@ -110336,8 +110338,9 @@ class DataUnitBridge {
|
|
|
110336
110338
|
const columnDefs = [];
|
|
110337
110339
|
if (this._dataUnit.metadata) {
|
|
110338
110340
|
this._dataUnit.metadata.fields.forEach(f => {
|
|
110341
|
+
var _a;
|
|
110339
110342
|
if (f.visible !== false) {
|
|
110340
|
-
columnDefs.push({ label: f.label, name: f.name, userInterface: f.userInterface, options: this._dataUnit.getField(f.name).properties.options });
|
|
110343
|
+
columnDefs.push({ label: f.label, name: f.name, userInterface: f.userInterface, options: (_a = this._dataUnit.getField(f.name).properties) === null || _a === void 0 ? void 0 : _a.options });
|
|
110341
110344
|
}
|
|
110342
110345
|
});
|
|
110343
110346
|
}
|
|
@@ -3,9 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-88286449.js');
|
|
6
|
-
const AssetsUtils = require('./AssetsUtils-
|
|
7
|
-
|
|
8
|
-
require('./UnitMetadata-2e11c5d3.js');
|
|
6
|
+
const AssetsUtils = require('./AssetsUtils-69356e76.js');
|
|
7
|
+
require('./UnitMetadata-63c56042.js');
|
|
9
8
|
|
|
10
9
|
const ezModalCss = ":host{--ez-modal-z-index:var(--most-visible, 3);--ez-modal-vertical-padding:var(--space--large, 24px);display:block}.modal{position:fixed;padding:var(--ez-modal-vertical-padding) 0;display:flex;top:0px;z-index:var(--ez-modal-z-index);left:0px;width:100%;box-sizing:border-box;height:100vh;backdrop-filter:blur(4px);background:rgba(0, 4, 12, 0.4)}@keyframes expand-modal--left{from{transform:translate(-100%)}}@keyframes expand-modal--right{from{transform:translate(100%)}}.modal__container{display:flex;flex-wrap:wrap;height:100%;box-sizing:border-box;width:100%;align-items:flex-start}.modal__container--right{animation:expand-modal--right .2s ease-in-out 1;justify-content:flex-end}.modal__container--left{animation:expand-modal--left .2s ease-in-out 1;justify-content:flex-start}.modal__content{display:flex;flex-wrap:wrap;max-height:calc(100% - 48px);height:100%;overflow-y:auto;background-color:rgb(255, 255, 255);padding:24px;border-radius:12px 0px 0px 12px;box-shadow:rgb(0 38 111 / 12%) 0px 0px 16px 0px}.modal__content--right{border-radius:12px 0px 0px 12px}.modal__content--left{border-radius:0px 12px 12px 0px}.modal__box__container{display:flex;flex-wrap:wrap;background-color:#fff;width:100%;border-radius:12px}.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%}}";
|
|
11
10
|
|
|
@@ -264,7 +263,7 @@ let GridConfig = class {
|
|
|
264
263
|
}
|
|
265
264
|
}
|
|
266
265
|
compareWords(column, searchingText) {
|
|
267
|
-
if (
|
|
266
|
+
if (AssetsUtils.StringUtils.replaceAccentuatedChars(column.label).indexOf(AssetsUtils.StringUtils.replaceAccentuatedChars(searchingText)) > -1) {
|
|
268
267
|
return true;
|
|
269
268
|
}
|
|
270
269
|
return false;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-88286449.js');
|
|
6
|
-
require('./UnitMetadata-
|
|
6
|
+
require('./UnitMetadata-63c56042.js');
|
|
7
7
|
const FloatingManager = require('./FloatingManager-6cfeb947.js');
|
|
8
8
|
|
|
9
9
|
const ezPopoverCss = ":host{--ez-popover__box--border-radius:var(--border--radius-medium, 12px);--ez-popover__box--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-popover__box--background-color:var(--background--xlight, #fff);--ez-popover__box--z-index:var(--more-visible, 1);position:relative;display:flex;user-select:none;width:100%}.box{z-index:var(--ez-popover__box--z-index);display:flex;flex-direction:column;height:fit-content;background-color:var(--ez-popover__box--background-color);border-radius:var(--ez-popover__box--border-radius);box-shadow:var(--ez-popover__box--box-shadow)}.box--fit-content{width:fit-content}.box--full-width{width:100%}";
|
package/dist/cjs/ezui.cjs.js
CHANGED
|
@@ -15,5 +15,5 @@ const patchBrowser = () => {
|
|
|
15
15
|
};
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(options => {
|
|
18
|
-
return index.bootstrapLazy([["ez-grid.cjs",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"pageSize":[2,"page-size"],"serverUrl":[1,"server-url"],"dataUnit":[16],"_navigationHasPrevious":[32],"_navigationHasNext":[32],"_navigationFirstRow":[32],"_navigationLastRow":[32],"_navigationTotalRows":[32],"_popUpVisible":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64]}]]],["ez-dialog.cjs",[[1,"ez-dialog",{"confirm":[1028],"critical":[1028],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"handleButtonClick":[64],"show":[64]}]]],["ez-
|
|
18
|
+
return index.bootstrapLazy([["ez-grid.cjs",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"pageSize":[2,"page-size"],"serverUrl":[1,"server-url"],"dataUnit":[16],"_navigationHasPrevious":[32],"_navigationHasNext":[32],"_navigationFirstRow":[32],"_navigationLastRow":[32],"_navigationTotalRows":[32],"_popUpVisible":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64]}]]],["ez-dialog.cjs",[[1,"ez-dialog",{"confirm":[1028],"critical":[1028],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"handleButtonClick":[64],"show":[64]}]]],["ez-action-chip.cjs",[[1,"ez-action-chip",{"label":[513],"enabled":[516]}]]],["ez-application.cjs",[[0,"ez-application"]]],["ez-label-chip.cjs",[[1,"ez-label-chip",{"label":[513],"enabled":[516],"removable":[516],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-popover.cjs",[[1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup.cjs",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[1540,"use-header"],"ezTitle":[1,"ez-title"]}]]],["ez-toast.cjs",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"show":[64]}]]],["ez-calendar_16.cjs",[[0,"test-du"],[0,"ez-form",{"dataUnit":[1040],"config":[16],"submit":[64],"cancel":[64],"validate":[64]}],[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"]}],[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"]}],[1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"]}],[1,"ez-time-input",{"label":[513],"viewValue":[1537,"view-value"],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"setFocus":[64],"setBlur":[64]}],[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"]}],[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"showHide":[64]}],[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"setFocus":[64],"setBlur":[64]}],[1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040],"addFiles":[64]}],[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}],[1,"ez-check",{"label":[513],"value":[1540],"enabled":[516],"mode":[513],"getMode":[64],"setFocus":[64]}],[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1]}],[1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"_preSelection":[32],"_visibleOptions":[32]}],[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}],[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"setFocus":[64],"setBlur":[64]}]]],["ez-button_3.cjs",[[1,"select-box",{"selectedOption":[1,"selected-option"]}],[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"setSelection":[64],"getSelection":[64],"getList":[64]}],[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513]}]]],["ez-modal_2.cjs",[[2,"grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040]}],[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]]], options);
|
|
19
19
|
});
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -14,7 +14,7 @@ const patchEsm = () => {
|
|
|
14
14
|
const defineCustomElements = (win, options) => {
|
|
15
15
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
16
16
|
return patchEsm().then(() => {
|
|
17
|
-
return index.bootstrapLazy([["ez-grid.cjs",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"pageSize":[2,"page-size"],"serverUrl":[1,"server-url"],"dataUnit":[16],"_navigationHasPrevious":[32],"_navigationHasNext":[32],"_navigationFirstRow":[32],"_navigationLastRow":[32],"_navigationTotalRows":[32],"_popUpVisible":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64]}]]],["ez-dialog.cjs",[[1,"ez-dialog",{"confirm":[1028],"critical":[1028],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"handleButtonClick":[64],"show":[64]}]]],["ez-
|
|
17
|
+
return index.bootstrapLazy([["ez-grid.cjs",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"pageSize":[2,"page-size"],"serverUrl":[1,"server-url"],"dataUnit":[16],"_navigationHasPrevious":[32],"_navigationHasNext":[32],"_navigationFirstRow":[32],"_navigationLastRow":[32],"_navigationTotalRows":[32],"_popUpVisible":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64]}]]],["ez-dialog.cjs",[[1,"ez-dialog",{"confirm":[1028],"critical":[1028],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"handleButtonClick":[64],"show":[64]}]]],["ez-action-chip.cjs",[[1,"ez-action-chip",{"label":[513],"enabled":[516]}]]],["ez-application.cjs",[[0,"ez-application"]]],["ez-label-chip.cjs",[[1,"ez-label-chip",{"label":[513],"enabled":[516],"removable":[516],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-popover.cjs",[[1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup.cjs",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[1540,"use-header"],"ezTitle":[1,"ez-title"]}]]],["ez-toast.cjs",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"show":[64]}]]],["ez-calendar_16.cjs",[[0,"test-du"],[0,"ez-form",{"dataUnit":[1040],"config":[16],"submit":[64],"cancel":[64],"validate":[64]}],[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"]}],[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"]}],[1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"]}],[1,"ez-time-input",{"label":[513],"viewValue":[1537,"view-value"],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"setFocus":[64],"setBlur":[64]}],[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"]}],[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"showHide":[64]}],[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"setFocus":[64],"setBlur":[64]}],[1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040],"addFiles":[64]}],[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}],[1,"ez-check",{"label":[513],"value":[1540],"enabled":[516],"mode":[513],"getMode":[64],"setFocus":[64]}],[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1]}],[1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"_preSelection":[32],"_visibleOptions":[32]}],[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}],[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"setFocus":[64],"setBlur":[64]}]]],["ez-button_3.cjs",[[1,"select-box",{"selectedOption":[1,"selected-option"]}],[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"setSelection":[64],"getSelection":[64],"getList":[64]}],[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513]}]]],["ez-modal_2.cjs",[[2,"grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040]}],[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]]], options);
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -51,7 +51,12 @@
|
|
|
51
51
|
--ez-button--focus--box-shadow: none;
|
|
52
52
|
|
|
53
53
|
/*@doc Define a cor do texto do botão no modo link.*/
|
|
54
|
-
--ez-button--link-color: var(--
|
|
54
|
+
--ez-button--link-color: var(--color--primary, '#008561');
|
|
55
|
+
--ez-button--link--hover-color: var(--color--primary-700, '#1C1D22');
|
|
56
|
+
|
|
57
|
+
--ez-button--link--small--font-size: var(--text--small, 12px);
|
|
58
|
+
--ez-button--link--medium--font-size: var(--text--medium, 14px);
|
|
59
|
+
--ez-button--link--large--font-size: var(--text--large, 16px);
|
|
55
60
|
}
|
|
56
61
|
|
|
57
62
|
ez-icon {
|
|
@@ -145,7 +150,6 @@ button.large {
|
|
|
145
150
|
a {
|
|
146
151
|
/*private*/
|
|
147
152
|
font-family: var(--ez-button--font-family);
|
|
148
|
-
font-size: var(--ez-button--font-size);
|
|
149
153
|
font-weight: var(--ez-button--font-weight);
|
|
150
154
|
color: var(--ez-button--link-color);
|
|
151
155
|
cursor: pointer;
|
|
@@ -153,4 +157,24 @@ a {
|
|
|
153
157
|
align-items: center;
|
|
154
158
|
justify-content: center;
|
|
155
159
|
/*public*/
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
a:hover {
|
|
163
|
+
/*public*/
|
|
164
|
+
color: var(--ez-button--link--hover-color);
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
a.small{
|
|
168
|
+
font-size: var(--ez-button--link--small--font-size);
|
|
169
|
+
line-height: var(--ez-button--link--small--font-size);
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
a.medium{
|
|
173
|
+
font-size: var(--ez-button--link--medium--font-size);
|
|
174
|
+
line-height: var(--ez-button--link--medium--font-size);
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
a.large{
|
|
178
|
+
font-size: var(--ez-button--link--large--font-size);
|
|
179
|
+
line-height: var(--ez-button--link--large--font-size);
|
|
156
180
|
}
|