@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.
Files changed (56) hide show
  1. package/dist/cjs/{StringUtils-0ba09df4.js → AssetsUtils-69356e76.js} +22 -0
  2. package/dist/cjs/{UnitMetadata-2e11c5d3.js → UnitMetadata-63c56042.js} +1 -0
  3. package/dist/cjs/ez-button_3.cjs.entry.js +3 -3
  4. package/dist/cjs/{ez-calendar_14.cjs.entry.js → ez-calendar_16.cjs.entry.js} +175 -12
  5. package/dist/cjs/ez-grid.cjs.entry.js +7 -4
  6. package/dist/cjs/ez-modal_2.cjs.entry.js +3 -4
  7. package/dist/cjs/ez-popover.cjs.entry.js +1 -1
  8. package/dist/cjs/ezui.cjs.js +1 -1
  9. package/dist/cjs/loader.cjs.js +1 -1
  10. package/dist/collection/components/ez-button/ez-button.css +26 -2
  11. package/dist/collection/components/ez-button/ez-button.js +3 -3
  12. package/dist/collection/components/ez-calendar/ez-calendar.css +13 -4
  13. package/dist/collection/components/ez-calendar/ez-calendar.js +3 -3
  14. package/dist/collection/components/ez-form/DataBinder.js +1 -2
  15. package/dist/collection/components/ez-form/fieldbuilder/FieldBuilder.js +2 -1
  16. package/dist/collection/components/ez-form/fieldbuilder/tpl/DateInput.tpl.js +4 -0
  17. package/dist/collection/components/ez-grid/controller/DataUnitBridge.js +2 -1
  18. package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +4 -2
  19. package/dist/custom-elements/index.js +19 -11
  20. package/dist/esm/{StringUtils-cbf10229.js → AssetsUtils-0e207bec.js} +22 -1
  21. package/dist/esm/{UnitMetadata-8b1bbaa2.js → UnitMetadata-109880b0.js} +1 -0
  22. package/dist/esm/ez-button_3.entry.js +3 -3
  23. package/dist/esm/{ez-calendar_14.entry.js → ez-calendar_16.entry.js} +169 -8
  24. package/dist/esm/ez-grid.entry.js +7 -4
  25. package/dist/esm/ez-modal_2.entry.js +2 -3
  26. package/dist/esm/ez-popover.entry.js +1 -1
  27. package/dist/esm/ezui.js +1 -1
  28. package/dist/esm/loader.js +1 -1
  29. package/dist/ezui/ezui.esm.js +1 -1
  30. package/dist/ezui/{p-532b5b24.entry.js → p-18de871c.entry.js} +2 -2
  31. package/dist/ezui/p-3ea01b00.entry.js +1 -0
  32. package/dist/ezui/{p-07b60fe9.js → p-9fab5606.js} +1 -1
  33. package/dist/ezui/p-a30309ce.entry.js +1 -0
  34. package/dist/ezui/{p-45a25c30.entry.js → p-afb820c1.entry.js} +1 -1
  35. package/dist/ezui/p-d7c80eac.entry.js +1 -0
  36. package/dist/ezui/p-ec7c1b86.js +1 -0
  37. package/dist/types/components/ez-button/ez-button.d.ts +1 -1
  38. package/dist/types/components/ez-form/fieldbuilder/tpl/DateInput.tpl.d.ts +4 -0
  39. package/dist/types/components.d.ts +2 -2
  40. package/package.json +2 -2
  41. package/dist/cjs/AssetsUtils-4909c6de.js +0 -24
  42. package/dist/cjs/CSSVarsUtils-8fbdf2e0.js +0 -19
  43. package/dist/cjs/ez-icon.cjs.entry.js +0 -42
  44. package/dist/cjs/ez-time-input.cjs.entry.js +0 -118
  45. package/dist/esm/AssetsUtils-9b1329a3.js +0 -22
  46. package/dist/esm/CSSVarsUtils-667e0016.js +0 -17
  47. package/dist/esm/ez-icon.entry.js +0 -38
  48. package/dist/esm/ez-time-input.entry.js +0 -114
  49. package/dist/ezui/p-2336c9ce.entry.js +0 -1
  50. package/dist/ezui/p-2f84ba72.js +0 -1
  51. package/dist/ezui/p-477bb703.js +0 -1
  52. package/dist/ezui/p-614fbb4e.entry.js +0 -1
  53. package/dist/ezui/p-7165ac4f.entry.js +0 -1
  54. package/dist/ezui/p-90f6d8a0.entry.js +0 -1
  55. package/dist/ezui/p-d3f87e18.entry.js +0 -1
  56. package/dist/ezui/p-d54c157f.js +0 -1
@@ -1,42 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-88286449.js');
6
- const StringUtils = require('./StringUtils-0ba09df4.js');
7
- require('./UnitMetadata-2e11c5d3.js');
8
-
9
- 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}";
10
-
11
- let EzIcon = class {
12
- constructor(hostRef) {
13
- index.registerInstance(this, hostRef);
14
- /**
15
- * Tamanho do ícone
16
- */
17
- this.size = 'medium';
18
- }
19
- isSprite() {
20
- return this.href && this.href.indexOf('#') > -1;
21
- }
22
- getIconClassName() {
23
- return `ez-icon-${this.iconName}`;
24
- }
25
- getIconContent() {
26
- if (this.isSprite()) {
27
- return index.h("svg", { class: this.size, role: "img" }, index.h("use", { xlinkHref: this.href }));
28
- }
29
- else if (!StringUtils.StringUtils.isEmpty(this.iconName)) {
30
- return index.h("span", { class: `icon-content ${this.getIconClassName()} ${this.size}--font` });
31
- }
32
- else {
33
- return index.h("img", { class: this.size, src: this.href });
34
- }
35
- }
36
- render() {
37
- return (index.h(index.Host, null, this.getIconContent()));
38
- }
39
- };
40
- EzIcon.style = ezIconCss;
41
-
42
- exports.ez_icon = EzIcon;
@@ -1,118 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-88286449.js');
6
- const UnitMetadata = require('./UnitMetadata-2e11c5d3.js');
7
- const CSSVarsUtils = require('./CSSVarsUtils-8fbdf2e0.js');
8
- const AssetsUtils = require('./AssetsUtils-4909c6de.js');
9
-
10
- const ezTimeInputCss = ":host{display:flex;flex-wrap:wrap;position:relative;width:100%}";
11
-
12
- let EzTimeInput = class {
13
- constructor(hostRef) {
14
- index.registerInstance(this, hostRef);
15
- /**
16
- * Deixa o campo disponível ou não para digitação.
17
- */
18
- this.enabled = true;
19
- /**
20
- * Define se o componente irá ou não considerar os segundos
21
- */
22
- this.showSeconds = false;
23
- }
24
- prepareMask() {
25
- if (this.showSeconds) {
26
- if (this._maskFormatter == undefined) {
27
- this._maskFormatter = new UnitMetadata.MaskFormatter("##:##:##");
28
- }
29
- else {
30
- this._maskFormatter.mask = "##:##:##";
31
- }
32
- }
33
- else {
34
- if (this._maskFormatter == undefined) {
35
- this._maskFormatter = new UnitMetadata.MaskFormatter("##:##");
36
- }
37
- else {
38
- this._maskFormatter.mask = "##:##";
39
- }
40
- }
41
- }
42
- onValueChanged() {
43
- if (this.value === NaN) {
44
- this.value = undefined;
45
- this.handleFocusout();
46
- }
47
- }
48
- //---------------------------------------------
49
- // Public methods
50
- //---------------------------------------------
51
- /**
52
- * Faz o foco no componente de input
53
- */
54
- async setFocus() {
55
- this._inputElem.focus();
56
- }
57
- /**
58
- * Remove o foco no componente de input
59
- */
60
- async setBlur() {
61
- this._inputElem.blur();
62
- }
63
- //---------------------------------------------
64
- // Event handlers
65
- //---------------------------------------------
66
- handleFocusout() {
67
- this.errorMessage = "";
68
- this.prepareValue(this.viewValue);
69
- if (!UnitMetadata.TimeFormatter.validateTime(this.viewValue, this.showSeconds)) {
70
- this.clearField();
71
- this.errorMessage = "Favor inserir um horário válido.";
72
- }
73
- }
74
- prepareValue(value) {
75
- try {
76
- this.viewValue = UnitMetadata.TimeFormatter.prepareValue(value, this.showSeconds);
77
- }
78
- catch (e) {
79
- this.clearField();
80
- this.errorMessage = e.message;
81
- }
82
- }
83
- clearField() {
84
- this.viewValue = this.value = undefined;
85
- }
86
- handleChange() {
87
- this.viewValue = this._inputElem.value;
88
- this.value = UnitMetadata.NumberUtils.stringToNumber(this.viewValue.replace(/\D/g, ""));
89
- }
90
- //---------------------------------------------
91
- // Lifecycle web component
92
- //---------------------------------------------
93
- componentDidLoad() {
94
- this.onValueChanged();
95
- CSSVarsUtils.CSSVarsUtils.applyVarsTextInput(this._elem, this._inputElem);
96
- }
97
- componentWillLoad() {
98
- this.prepareMask();
99
- if (this.value) {
100
- this.prepareValue(this.value.toString());
101
- }
102
- else if (this.viewValue) {
103
- this.prepareValue(this.viewValue);
104
- }
105
- }
106
- render() {
107
- 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") }))));
108
- }
109
- static get assetsDirs() { return ["../assets"]; }
110
- get _elem() { return index.getElement(this); }
111
- static get watchers() { return {
112
- "showSeconds": ["prepareMask"],
113
- "value": ["onValueChanged"]
114
- }; }
115
- };
116
- EzTimeInput.style = ezTimeInputCss;
117
-
118
- exports.ez_time_input = EzTimeInput;
@@ -1,22 +0,0 @@
1
- import { a as getAssetPath, s as setAssetPath } from './index-6b8bfbeb.js';
2
-
3
- const getSpritePath = (sprite) => `${getContextAssetsPath("../assets/actions-sprite.svg")}#${sprite}`;
4
- let ctxLoaded = false;
5
- function getContextAssetsPath(resource) {
6
- if (!ctxLoaded) {
7
- const scriptElem = document.querySelector("script[data-ezui-assets-url]");
8
- if (scriptElem) {
9
- let assetsPath = scriptElem.dataset.ezuiAssetsUrl;
10
- if (assetsPath) {
11
- if (assetsPath.startsWith('/')) {
12
- assetsPath = window.location.origin + assetsPath;
13
- }
14
- setAssetPath(assetsPath);
15
- }
16
- }
17
- ctxLoaded = true;
18
- }
19
- return getAssetPath(resource);
20
- }
21
-
22
- export { getSpritePath as g };
@@ -1,17 +0,0 @@
1
- class CSSVarsUtils {
2
- static applyVarsTextInput(host, child) {
3
- if (child) {
4
- CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--background-color');
5
- CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--border-color');
6
- CSSVarsUtils.applyIfExists(host, child, '--ez-text-input--height');
7
- }
8
- }
9
- static applyIfExists(host, element, varName) {
10
- const prop = getComputedStyle(host).getPropertyValue(varName);
11
- if (prop) {
12
- element.style.setProperty(varName, prop);
13
- }
14
- }
15
- }
16
-
17
- export { CSSVarsUtils as C };
@@ -1,38 +0,0 @@
1
- import { r as registerInstance, h, H as Host } from './index-6b8bfbeb.js';
2
- import { S as StringUtils } from './StringUtils-cbf10229.js';
3
- import './UnitMetadata-8b1bbaa2.js';
4
-
5
- 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}";
6
-
7
- let EzIcon = class {
8
- constructor(hostRef) {
9
- registerInstance(this, hostRef);
10
- /**
11
- * Tamanho do ícone
12
- */
13
- this.size = 'medium';
14
- }
15
- isSprite() {
16
- return this.href && this.href.indexOf('#') > -1;
17
- }
18
- getIconClassName() {
19
- return `ez-icon-${this.iconName}`;
20
- }
21
- getIconContent() {
22
- if (this.isSprite()) {
23
- return h("svg", { class: this.size, role: "img" }, h("use", { xlinkHref: this.href }));
24
- }
25
- else if (!StringUtils.isEmpty(this.iconName)) {
26
- return h("span", { class: `icon-content ${this.getIconClassName()} ${this.size}--font` });
27
- }
28
- else {
29
- return h("img", { class: this.size, src: this.href });
30
- }
31
- }
32
- render() {
33
- return (h(Host, null, this.getIconContent()));
34
- }
35
- };
36
- EzIcon.style = ezIconCss;
37
-
38
- export { EzIcon as ez_icon };
@@ -1,114 +0,0 @@
1
- import { r as registerInstance, h, H as Host, g as getElement } from './index-6b8bfbeb.js';
2
- import { M as MaskFormatter, T as TimeFormatter, N as NumberUtils } from './UnitMetadata-8b1bbaa2.js';
3
- import { C as CSSVarsUtils } from './CSSVarsUtils-667e0016.js';
4
- import { g as getSpritePath } from './AssetsUtils-9b1329a3.js';
5
-
6
- const ezTimeInputCss = ":host{display:flex;flex-wrap:wrap;position:relative;width:100%}";
7
-
8
- let EzTimeInput = class {
9
- constructor(hostRef) {
10
- registerInstance(this, hostRef);
11
- /**
12
- * Deixa o campo disponível ou não para digitação.
13
- */
14
- this.enabled = true;
15
- /**
16
- * Define se o componente irá ou não considerar os segundos
17
- */
18
- this.showSeconds = false;
19
- }
20
- prepareMask() {
21
- if (this.showSeconds) {
22
- if (this._maskFormatter == undefined) {
23
- this._maskFormatter = new MaskFormatter("##:##:##");
24
- }
25
- else {
26
- this._maskFormatter.mask = "##:##:##";
27
- }
28
- }
29
- else {
30
- if (this._maskFormatter == undefined) {
31
- this._maskFormatter = new MaskFormatter("##:##");
32
- }
33
- else {
34
- this._maskFormatter.mask = "##:##";
35
- }
36
- }
37
- }
38
- onValueChanged() {
39
- if (this.value === NaN) {
40
- this.value = undefined;
41
- this.handleFocusout();
42
- }
43
- }
44
- //---------------------------------------------
45
- // Public methods
46
- //---------------------------------------------
47
- /**
48
- * Faz o foco no componente de input
49
- */
50
- async setFocus() {
51
- this._inputElem.focus();
52
- }
53
- /**
54
- * Remove o foco no componente de input
55
- */
56
- async setBlur() {
57
- this._inputElem.blur();
58
- }
59
- //---------------------------------------------
60
- // Event handlers
61
- //---------------------------------------------
62
- handleFocusout() {
63
- this.errorMessage = "";
64
- this.prepareValue(this.viewValue);
65
- if (!TimeFormatter.validateTime(this.viewValue, this.showSeconds)) {
66
- this.clearField();
67
- this.errorMessage = "Favor inserir um horário válido.";
68
- }
69
- }
70
- prepareValue(value) {
71
- try {
72
- this.viewValue = TimeFormatter.prepareValue(value, this.showSeconds);
73
- }
74
- catch (e) {
75
- this.clearField();
76
- this.errorMessage = e.message;
77
- }
78
- }
79
- clearField() {
80
- this.viewValue = this.value = undefined;
81
- }
82
- handleChange() {
83
- this.viewValue = this._inputElem.value;
84
- this.value = NumberUtils.stringToNumber(this.viewValue.replace(/\D/g, ""));
85
- }
86
- //---------------------------------------------
87
- // Lifecycle web component
88
- //---------------------------------------------
89
- componentDidLoad() {
90
- this.onValueChanged();
91
- CSSVarsUtils.applyVarsTextInput(this._elem, this._inputElem);
92
- }
93
- componentWillLoad() {
94
- this.prepareMask();
95
- if (this.value) {
96
- this.prepareValue(this.value.toString());
97
- }
98
- else if (this.viewValue) {
99
- this.prepareValue(this.viewValue);
100
- }
101
- }
102
- render() {
103
- return (h(Host, null, 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 }, h("ez-icon", { slot: "leftIcon", href: getSpritePath("timer-outline") }))));
104
- }
105
- static get assetsDirs() { return ["../assets"]; }
106
- get _elem() { return getElement(this); }
107
- static get watchers() { return {
108
- "showSeconds": ["prepareMask"],
109
- "value": ["onValueChanged"]
110
- }; }
111
- };
112
- EzTimeInput.style = ezTimeInputCss;
113
-
114
- export { EzTimeInput as ez_time_input };
@@ -1 +0,0 @@
1
- import{r as e,h as o,H as n}from"./p-89a57641.js";import{S as t}from"./p-2f84ba72.js";import"./p-07b60fe9.js";let c=class{constructor(o){e(this,o),this.size="medium"}isSprite(){return this.href&&this.href.indexOf("#")>-1}getIconClassName(){return`ez-icon-${this.iconName}`}getIconContent(){return this.isSprite()?o("svg",{class:this.size,role:"img"},o("use",{xlinkHref:this.href})):t.isEmpty(this.iconName)?o("img",{class:this.size,src:this.href}):o("span",{class:`icon-content ${this.getIconClassName()} ${this.size}--font`})}render(){return o(n,null,this.getIconContent())}};c.style=':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}';export{c as ez_icon}
@@ -1 +0,0 @@
1
- class t{static isEmpty(t){return null==t||null===t||0===(t=(t=t.toString()).trim()).length}static replaceAccentuatedChars(t){return(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=t.toUpperCase()).replace(/[À]/,"A")).replace(/[Á]/,"A")).replace(/[Â]/,"A")).replace(/[Ã]/,"A")).replace(/[Ä]/,"A")).replace(/[È]/,"E")).replace(/[É]/,"E")).replace(/[Ê]/,"E")).replace(/[Ë]/,"E")).replace(/[Ì]/,"I")).replace(/[Í]/,"I")).replace(/[Î]/,"I")).replace(/[Ï]/,"I")).replace(/[Ò]/,"O")).replace(/[Ó]/,"O")).replace(/[Ô]/,"O")).replace(/[Ö]/,"O")).replace(/[Ù]/,"U")).replace(/[Ú]/,"U")).replace(/[Û]/,"U")).replace(/[Ü]/,"U")).replace(/[Ç]/,"C")).replace(/[^a-z0-9]/gi,"")}}export{t as S}
@@ -1 +0,0 @@
1
- import{a as s,s as t}from"./p-89a57641.js";const a=a=>`${function(){if(!e){const s=document.querySelector("script[data-ezui-assets-url]");if(s){let a=s.dataset.ezuiAssetsUrl;a&&(a.startsWith("/")&&(a=window.location.origin+a),t(a))}e=!0}return s("../assets/actions-sprite.svg")}()}#${a}`;let e=!1;export{a as g}