@sankhyalabs/ezui 1.1.8 → 1.1.9

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 (141) hide show
  1. package/README.md +72 -72
  2. package/dist/cjs/{DataUnit-28b290cb.js → DataUnit-9a4a35ca.js} +415 -371
  3. package/dist/cjs/ez-action-chip.cjs.entry.js +41 -41
  4. package/dist/cjs/ez-button_14.cjs.entry.js +1911 -1911
  5. package/dist/cjs/ez-label-chip.cjs.entry.js +120 -120
  6. package/dist/cjs/ez-modal.cjs.entry.js +104 -104
  7. package/dist/cjs/ez-number-input.cjs.entry.js +236 -236
  8. package/dist/cjs/ez-time-input.cjs.entry.js +168 -168
  9. package/dist/cjs/form-metadata.cjs.entry.js +65 -65
  10. package/dist/collection/components/ez-action-chip/ez-action-chip.css +82 -82
  11. package/dist/collection/components/ez-action-chip/ez-action-chip.js +109 -109
  12. package/dist/collection/components/ez-button/ez-button.css +94 -94
  13. package/dist/collection/components/ez-button/ez-button.js +125 -125
  14. package/dist/collection/components/ez-calendar/ez-calendar.css +210 -210
  15. package/dist/collection/components/ez-calendar/ez-calendar.js +215 -215
  16. package/dist/collection/components/ez-check/ez-check.css +265 -265
  17. package/dist/collection/components/ez-check/ez-check.js +168 -168
  18. package/dist/collection/components/ez-collapsable-box/ez-collapsable-box.css +67 -67
  19. package/dist/collection/components/ez-collapsable-box/ez-collapsable-box.js +108 -108
  20. package/dist/collection/components/ez-combo-box/ez-combo-box-interfaces.js +2 -2
  21. package/dist/collection/components/ez-combo-box/ez-combo-box.css +167 -167
  22. package/dist/collection/components/ez-combo-box/ez-combo-box.js +363 -363
  23. package/dist/collection/components/ez-date-input/ez-date-input.css +38 -38
  24. package/dist/collection/components/ez-date-input/ez-date-input.js +172 -172
  25. package/dist/collection/components/ez-form/ez-form.css +19 -19
  26. package/dist/collection/components/ez-form/ez-form.js +368 -368
  27. package/dist/collection/components/ez-form/store/Form.actions.js +132 -132
  28. package/dist/collection/components/ez-form/store/Form.reducer.js +194 -194
  29. package/dist/collection/components/ez-form/store/Form.selectors.js +44 -44
  30. package/dist/collection/components/ez-form/subcomponents/DataUnit.js +251 -207
  31. package/dist/collection/components/ez-form/subcomponents/FormMetadata.js +16 -16
  32. package/dist/collection/components/ez-form/subcomponents/css/place-holder.css +23 -23
  33. package/dist/collection/components/ez-form/subcomponents/form-metadata.js +173 -173
  34. package/dist/collection/components/ez-form/subcomponents/place-holder.js +14 -14
  35. package/dist/collection/components/ez-form/subcomponents/structure/Field.js +71 -71
  36. package/dist/collection/components/ez-form/subcomponents/structure/FieldSet.js +27 -27
  37. package/dist/collection/components/ez-form/subcomponents/structure/FormSheet.js +40 -40
  38. package/dist/collection/components/ez-form/subcomponents/structure/NavigationBar.js +27 -27
  39. package/dist/collection/components/ez-icon/ez-icon.css +36 -36
  40. package/dist/collection/components/ez-icon/ez-icon.js +56 -56
  41. package/dist/collection/components/ez-label-chip/ez-label-chip.css +117 -117
  42. package/dist/collection/components/ez-label-chip/ez-label-chip.js +276 -276
  43. package/dist/collection/components/ez-modal/ez-modal.css +86 -86
  44. package/dist/collection/components/ez-modal/ez-modal.js +224 -224
  45. package/dist/collection/components/ez-number-input/ez-number-input.css +144 -144
  46. package/dist/collection/components/ez-number-input/ez-number-input.js +465 -465
  47. package/dist/collection/components/ez-popover/ez-popover.css +38 -38
  48. package/dist/collection/components/ez-popover/ez-popover.js +323 -323
  49. package/dist/collection/components/ez-search/ez-search.css +295 -295
  50. package/dist/collection/components/ez-search/ez-search.js +527 -527
  51. package/dist/collection/components/ez-tabselector/ez-tabselector.css +125 -125
  52. package/dist/collection/components/ez-tabselector/ez-tabselector.js +283 -283
  53. package/dist/collection/components/ez-text-area/ez-text-area.css +139 -139
  54. package/dist/collection/components/ez-text-area/ez-text-area.js +267 -267
  55. package/dist/collection/components/ez-text-input/ez-text-input.css +169 -169
  56. package/dist/collection/components/ez-text-input/ez-text-input.js +395 -395
  57. package/dist/collection/components/ez-time-input/ez-time-input.css +155 -155
  58. package/dist/collection/components/ez-time-input/ez-time-input.js +326 -326
  59. package/dist/collection/index.js +1 -1
  60. package/dist/collection/servidor.js +100 -100
  61. package/dist/collection/utils/FloatingManager.js +15 -15
  62. package/dist/collection/utils/utils.js +6 -6
  63. package/dist/custom-elements/index.js +3125 -3081
  64. package/dist/esm/{DataUnit-69e518fa.js → DataUnit-d5d4c9a3.js} +415 -371
  65. package/dist/esm/ez-action-chip.entry.js +41 -41
  66. package/dist/esm/ez-button_14.entry.js +1911 -1911
  67. package/dist/esm/ez-label-chip.entry.js +120 -120
  68. package/dist/esm/ez-modal.entry.js +104 -104
  69. package/dist/esm/ez-number-input.entry.js +236 -236
  70. package/dist/esm/ez-time-input.entry.js +168 -168
  71. package/dist/esm/form-metadata.entry.js +65 -65
  72. package/dist/esm/polyfills/core-js.js +0 -0
  73. package/dist/esm/polyfills/dom.js +0 -0
  74. package/dist/esm/polyfills/es5-html-element.js +0 -0
  75. package/dist/esm/polyfills/index.js +0 -0
  76. package/dist/esm/polyfills/system.js +0 -0
  77. package/dist/ezui/ezui.esm.js +1 -1
  78. package/dist/ezui/{p-b0974f4f.entry.js → p-0fcdfb51.entry.js} +1 -1
  79. package/dist/ezui/p-dac7a6c2.js +1 -0
  80. package/dist/ezui/{p-db11c600.entry.js → p-dbef7060.entry.js} +1 -1
  81. package/dist/types/components/ez-action-chip/ez-action-chip.d.ts +16 -16
  82. package/dist/types/components/ez-button/ez-button.d.ts +20 -20
  83. package/dist/types/components/ez-calendar/ez-calendar.d.ts +42 -42
  84. package/dist/types/components/ez-check/ez-check.d.ts +32 -32
  85. package/dist/types/components/ez-collapsable-box/ez-collapsable-box.d.ts +18 -18
  86. package/dist/types/components/ez-combo-box/ez-combo-box-interfaces.d.ts +4 -4
  87. package/dist/types/components/ez-combo-box/ez-combo-box.d.ts +68 -68
  88. package/dist/types/components/ez-date-input/ez-date-input.d.ts +31 -31
  89. package/dist/types/components/ez-form/ez-form.d.ts +26 -31
  90. package/dist/types/components/ez-form/store/Form.actions.d.ts +111 -111
  91. package/dist/types/components/ez-form/store/Form.reducer.d.ts +20 -20
  92. package/dist/types/components/ez-form/store/Form.selectors.d.ts +14 -14
  93. package/dist/types/components/ez-form/subcomponents/DataUnit.d.ts +60 -55
  94. package/dist/types/components/ez-form/subcomponents/FormMetadata.d.ts +41 -41
  95. package/dist/types/components/ez-form/subcomponents/form-metadata.d.ts +15 -15
  96. package/dist/types/components/ez-form/subcomponents/place-holder.d.ts +3 -3
  97. package/dist/types/components/ez-form/subcomponents/structure/Field.d.ts +10 -10
  98. package/dist/types/components/ez-form/subcomponents/structure/FieldSet.d.ts +12 -12
  99. package/dist/types/components/ez-form/subcomponents/structure/FormSheet.d.ts +13 -13
  100. package/dist/types/components/ez-form/subcomponents/structure/NavigationBar.d.ts +17 -17
  101. package/dist/types/components/ez-icon/ez-icon.d.ts +5 -5
  102. package/dist/types/components/ez-label-chip/ez-label-chip.d.ts +40 -40
  103. package/dist/types/components/ez-modal/ez-modal.d.ts +32 -32
  104. package/dist/types/components/ez-number-input/ez-number-input.d.ts +73 -73
  105. package/dist/types/components/ez-popover/ez-popover.d.ts +52 -52
  106. package/dist/types/components/ez-search/ez-search.d.ts +95 -95
  107. package/dist/types/components/ez-tabselector/ez-tabselector.d.ts +31 -31
  108. package/dist/types/components/ez-text-area/ez-text-area.d.ts +49 -49
  109. package/dist/types/components/ez-text-input/ez-text-input.d.ts +64 -64
  110. package/dist/types/components/ez-time-input/ez-time-input.d.ts +53 -53
  111. package/dist/types/index.d.ts +1 -1
  112. package/dist/types/utils/utils.d.ts +2 -2
  113. package/package.json +114 -114
  114. package/dist/ezui/p-10ef58b3.js +0 -1
  115. package/react/components.d.ts +0 -22
  116. package/react/components.js +0 -25
  117. package/react/components.js.map +0 -1
  118. package/react/react-component-lib/createComponent.d.ts +0 -10
  119. package/react/react-component-lib/createComponent.js +0 -59
  120. package/react/react-component-lib/createComponent.js.map +0 -1
  121. package/react/react-component-lib/createOverlayComponent.d.ts +0 -20
  122. package/react/react-component-lib/createOverlayComponent.js +0 -89
  123. package/react/react-component-lib/createOverlayComponent.js.map +0 -1
  124. package/react/react-component-lib/index.d.ts +0 -2
  125. package/react/react-component-lib/index.js +0 -3
  126. package/react/react-component-lib/index.js.map +0 -1
  127. package/react/react-component-lib/interfaces.d.ts +0 -29
  128. package/react/react-component-lib/interfaces.js +0 -1
  129. package/react/react-component-lib/interfaces.js.map +0 -1
  130. package/react/react-component-lib/utils/attachProps.d.ts +0 -12
  131. package/react/react-component-lib/utils/attachProps.js +0 -96
  132. package/react/react-component-lib/utils/attachProps.js.map +0 -1
  133. package/react/react-component-lib/utils/case.d.ts +0 -2
  134. package/react/react-component-lib/utils/case.js +0 -7
  135. package/react/react-component-lib/utils/case.js.map +0 -1
  136. package/react/react-component-lib/utils/dev.d.ts +0 -2
  137. package/react/react-component-lib/utils/dev.js +0 -13
  138. package/react/react-component-lib/utils/dev.js.map +0 -1
  139. package/react/react-component-lib/utils/index.d.ts +0 -7
  140. package/react/react-component-lib/utils/index.js +0 -21
  141. package/react/react-component-lib/utils/index.js.map +0 -1
@@ -3,174 +3,174 @@ import { M as MaskFormatter, T as TimeFormatter, N as NumberUtils } from './Requ
3
3
 
4
4
  const ezTimeInputCss = ":host{--eztime--height:42px;--eztime--width:100%;--eztime__icon--width:48px;--eztime--border-radius:var(--border--radius-medium, 12px);--eztime--font-size:var(--text--medium, 14px);--eztime--font-family:var(--font-pattern, Arial);--eztime--font-weight:var(--text-weight--large, 500);--eztime--space--medium:var(--space--medium, 6px);--eztime__input--background-color:var(--background--medium, #e0e0e0);--eztime__input--border:var(--border--medium, 2px solid);--eztime__input--border-color:var(--eztime__input--background-color);--eztime__input--focus--border-color:var(--color--primary, #008561);--eztime__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--eztime__input--disabled--color:var(--text--disable, #AFB6C0);--eztime__input--error--border-color:#CC2936;--eztime__label--color:var(--title--primary, #919191);--eztime__message_box--font-size:var(--text--small, 12px);--eztime__message_box--info--color:var(--color--success, #22085d);--eztime__message_box--error--color:var(--color--error, #FF0000);display:flex;flex-wrap:wrap;position:relative;width:var(--eztime--width)}.invisible{visibility:hidden}input{width:100%;box-sizing:border-box;padding:var(--space--medium, 6px);font-weight:var(--text-weight--large, 600);height:var(--eztime--height);border-radius:var(--eztime--border-radius);font-family:var(--eztime--font-family);font-size:var(--eztime--font-size);border:var(--eztime__input--border);border-color:var(--eztime__input--border-color);background-color:var(--eztime__input--background-color)}input:disabled{background-color:var(--eztime__input--disabled--background-color);color:var(--eztime__input--disabled--color)}input:focus{outline:none;border-color:var(--eztime__input--focus--border-color)}input.icon--left{padding-left:var(--eztime__icon--width)}input.icon--right{padding-right:var(--eztime__icon--width)}input::placeholder{color:var(--eztime__placeholder--color);font-weight:var(--eztime__placeholder--font-weight)}input:disabled::placeholder{color:var(--eztime__placeholder--disabled--color)}input.hasError{color:inherit;border-color:var(--eztime__input--error--border-color)}input.text--right{text-align:right}.message-box{min-height:16px;min-width:100%;margin-top:2px;line-height:12px;font-family:var(--eztime--font-family);font-size:var(--eztime__message_box--font-size);color:var(--eztime__message_box--info--color)}.hasError{color:var(--eztime__message_box--error--color)}.input__label{font-size:var(--eztime--font-size);font-weight:var(--eztime--font-weight);position:absolute;color:var(it__label--color);top:var(--eztime--space--medium);font-family:var(--eztime--font-family);-webkit-transition:font-size .3s, top .3s;transition:font-size .3s, top .3s;z-index:var(--visible);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;left:var(--eztime__icon--width);width:calc(100% - 10px - var(--eztime__icon--width))}.input__label--floated{font-family:var(--eztime--font-family);font-size:var(--text--extra-small);top:var(--space--small);color:var(--text--primary)}.input__label--left{left:var(--eztime__icon--width);width:calc(100% - 10px - var(--eztime__icon--width))}.input__label--right{padding-right:var(--eztime__icon--width);width:calc(100% - 10px - var(--eztime__icon--width))}.input--with--label{padding-bottom:0}";
5
5
 
6
- const EzTimeInput = class {
7
- constructor(hostRef) {
8
- registerInstance(this, hostRef);
9
- /**
10
- * Deixa o campo disponível ou não para digitação.
11
- */
12
- this.enabled = true;
13
- /**
14
- * Define se o componente irá ou não considerar os segundos
15
- */
16
- this.showSeconds = false;
17
- }
18
- showError() {
19
- const hasError = typeof this.errormessage === 'string' && this.errormessage !== '';
20
- if (hasError) {
21
- this._inputElem.classList.add('hasError');
22
- this._messageBoxElem.classList.add('hasError');
23
- }
24
- else {
25
- this._inputElem.classList.remove('hasError');
26
- this._messageBoxElem.classList.remove('hasError');
27
- }
28
- }
29
- prepareMask() {
30
- if (this.showSeconds) {
31
- if (this._maskFormatter == undefined) {
32
- this._maskFormatter = new MaskFormatter("##:##:##");
33
- }
34
- else {
35
- this._maskFormatter.mask = "##:##:##";
36
- }
37
- }
38
- else {
39
- if (this._maskFormatter == undefined) {
40
- this._maskFormatter = new MaskFormatter("##:##");
41
- }
42
- else {
43
- this._maskFormatter.mask = "##:##";
44
- }
45
- }
46
- }
47
- adjustFloatingLabel() {
48
- if (this.label) {
49
- if (!this._inputElem.classList.contains("input--with--label")) {
50
- this._inputElem.classList.add("input--with--label");
51
- }
52
- if (this.viewValue && this.viewValue.toString().length > 0) {
53
- if (!this._labelElem.classList.contains("input__label--floated")) {
54
- this._labelElem.classList.add("input__label--floated");
55
- }
56
- }
57
- else {
58
- if (this._labelElem.classList.contains("input__label--floated")) {
59
- this._labelElem.classList.remove("input__label--floated");
60
- }
61
- }
62
- }
63
- }
64
- onValueChanged() {
65
- if (this.value === NaN) {
66
- this.value = undefined;
67
- this.handleFocusout();
68
- }
69
- }
70
- //---------------------------------------------
71
- // Public methods
72
- //---------------------------------------------
73
- /**
74
- * Faz o foco no componente de input
75
- */
76
- async setFocus() {
77
- this._inputElem.focus();
78
- }
79
- /**
80
- * Remove o foco no componente de input
81
- */
82
- async setBlur() {
83
- this._inputElem.blur();
84
- }
85
- //---------------------------------------------
86
- // Test Methods
87
- //---------------------------------------------
88
- setInputElemnt(input) {
89
- this._iconElement = input;
90
- }
91
- //---------------------------------------------
92
- // Event handlers
93
- //---------------------------------------------
94
- handleFocusout() {
95
- this.errormessage = "";
96
- this.prepareValue(this.viewValue);
97
- if (!TimeFormatter.validateTime(this.viewValue, this.showSeconds)) {
98
- this.clearField();
99
- this.errormessage = "Favor inserir um horário válido.";
100
- }
101
- this.adjustFloatingLabel();
102
- }
103
- prepareValue(value) {
104
- try {
105
- this.viewValue = TimeFormatter.prepareValue(value, this.showSeconds);
106
- }
107
- catch (e) {
108
- this.clearField();
109
- this.errormessage = e.message;
110
- }
111
- }
112
- clearField() {
113
- this.viewValue = this.value = undefined;
114
- }
115
- handleChange() {
116
- this.viewValue = this._inputElem.value;
117
- this.value = NumberUtils.stringToNumber(this.viewValue.replace(/\D/g, ""));
118
- }
119
- adjustIconStyle() {
120
- if (this._iconElement) {
121
- this._iconElement.style.position = "absolute";
122
- this._iconElement.style.display = "flex";
123
- this._iconElement.style.alignItems = "center";
124
- this._iconElement.style.justifyContent = "center";
125
- this._iconElement.style.overflow = "hidden";
126
- this._iconElement.style.top = "0px";
127
- this._iconElement.style.width = "var(--eztime__icon--width)";
128
- this._iconElement.style.height = "var(--eztime--height)";
129
- this._iconElement.style.left = "0px";
130
- this._iconElement.style.borderRadius = "var(--eztime--border-radius) 0 0 var(--eztime--border-radius)";
131
- this._inputElem.classList.add('icon--left');
132
- if (this._labelElem) {
133
- this._labelElem.classList.add("input__label--left");
134
- }
135
- }
136
- this.showError();
137
- }
138
- doFocus() {
139
- if (this.label && this._labelElem) {
140
- if (!this._labelElem.classList.contains("input__label--floated")) {
141
- this._labelElem.classList.add("input__label--floated");
142
- }
143
- }
144
- }
145
- //---------------------------------------------
146
- // Lifecycle web component
147
- //---------------------------------------------
148
- componentDidLoad() {
149
- this.onValueChanged();
150
- this.adjustIconStyle();
151
- this.adjustFloatingLabel();
152
- this.showError();
153
- }
154
- componentWillLoad() {
155
- this.prepareMask();
156
- if (this.value) {
157
- this.prepareValue(this.value.toString());
158
- }
159
- else if (this.viewValue) {
160
- this.prepareValue(this.viewValue);
161
- }
162
- }
163
- render() {
164
- return (h(Host, null, h("ez-icon", { ref: (el) => this._iconElement = el, href: "/themes/default/images/icons/actions-sprite.svg#timer-outline" }), this.label ?
165
- h("label", { onClick: () => this._inputElem.focus(), class: this.value ? "input__label input__label--floated" : "input__label", ref: (el) => this._labelElem = el, title: this.label }, this.label)
166
- : null, h("input", { onFocus: () => this.doFocus(), ref: (el) => this._inputElem = el, type: "text", value: this.viewValue, disabled: !this.enabled, onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); } }), h("span", { class: "message-box", ref: (el) => this._messageBoxElem = el }, this.errormessage)));
167
- }
168
- static get watchers() { return {
169
- "errormessage": ["showError"],
170
- "showSeconds": ["prepareMask"],
171
- "value": ["onValueChanged"]
172
- }; }
173
- };
6
+ const EzTimeInput = class {
7
+ constructor(hostRef) {
8
+ registerInstance(this, hostRef);
9
+ /**
10
+ * Deixa o campo disponível ou não para digitação.
11
+ */
12
+ this.enabled = true;
13
+ /**
14
+ * Define se o componente irá ou não considerar os segundos
15
+ */
16
+ this.showSeconds = false;
17
+ }
18
+ showError() {
19
+ const hasError = typeof this.errormessage === 'string' && this.errormessage !== '';
20
+ if (hasError) {
21
+ this._inputElem.classList.add('hasError');
22
+ this._messageBoxElem.classList.add('hasError');
23
+ }
24
+ else {
25
+ this._inputElem.classList.remove('hasError');
26
+ this._messageBoxElem.classList.remove('hasError');
27
+ }
28
+ }
29
+ prepareMask() {
30
+ if (this.showSeconds) {
31
+ if (this._maskFormatter == undefined) {
32
+ this._maskFormatter = new MaskFormatter("##:##:##");
33
+ }
34
+ else {
35
+ this._maskFormatter.mask = "##:##:##";
36
+ }
37
+ }
38
+ else {
39
+ if (this._maskFormatter == undefined) {
40
+ this._maskFormatter = new MaskFormatter("##:##");
41
+ }
42
+ else {
43
+ this._maskFormatter.mask = "##:##";
44
+ }
45
+ }
46
+ }
47
+ adjustFloatingLabel() {
48
+ if (this.label) {
49
+ if (!this._inputElem.classList.contains("input--with--label")) {
50
+ this._inputElem.classList.add("input--with--label");
51
+ }
52
+ if (this.viewValue && this.viewValue.toString().length > 0) {
53
+ if (!this._labelElem.classList.contains("input__label--floated")) {
54
+ this._labelElem.classList.add("input__label--floated");
55
+ }
56
+ }
57
+ else {
58
+ if (this._labelElem.classList.contains("input__label--floated")) {
59
+ this._labelElem.classList.remove("input__label--floated");
60
+ }
61
+ }
62
+ }
63
+ }
64
+ onValueChanged() {
65
+ if (this.value === NaN) {
66
+ this.value = undefined;
67
+ this.handleFocusout();
68
+ }
69
+ }
70
+ //---------------------------------------------
71
+ // Public methods
72
+ //---------------------------------------------
73
+ /**
74
+ * Faz o foco no componente de input
75
+ */
76
+ async setFocus() {
77
+ this._inputElem.focus();
78
+ }
79
+ /**
80
+ * Remove o foco no componente de input
81
+ */
82
+ async setBlur() {
83
+ this._inputElem.blur();
84
+ }
85
+ //---------------------------------------------
86
+ // Test Methods
87
+ //---------------------------------------------
88
+ setInputElemnt(input) {
89
+ this._iconElement = input;
90
+ }
91
+ //---------------------------------------------
92
+ // Event handlers
93
+ //---------------------------------------------
94
+ handleFocusout() {
95
+ this.errormessage = "";
96
+ this.prepareValue(this.viewValue);
97
+ if (!TimeFormatter.validateTime(this.viewValue, this.showSeconds)) {
98
+ this.clearField();
99
+ this.errormessage = "Favor inserir um horário válido.";
100
+ }
101
+ this.adjustFloatingLabel();
102
+ }
103
+ prepareValue(value) {
104
+ try {
105
+ this.viewValue = TimeFormatter.prepareValue(value, this.showSeconds);
106
+ }
107
+ catch (e) {
108
+ this.clearField();
109
+ this.errormessage = e.message;
110
+ }
111
+ }
112
+ clearField() {
113
+ this.viewValue = this.value = undefined;
114
+ }
115
+ handleChange() {
116
+ this.viewValue = this._inputElem.value;
117
+ this.value = NumberUtils.stringToNumber(this.viewValue.replace(/\D/g, ""));
118
+ }
119
+ adjustIconStyle() {
120
+ if (this._iconElement) {
121
+ this._iconElement.style.position = "absolute";
122
+ this._iconElement.style.display = "flex";
123
+ this._iconElement.style.alignItems = "center";
124
+ this._iconElement.style.justifyContent = "center";
125
+ this._iconElement.style.overflow = "hidden";
126
+ this._iconElement.style.top = "0px";
127
+ this._iconElement.style.width = "var(--eztime__icon--width)";
128
+ this._iconElement.style.height = "var(--eztime--height)";
129
+ this._iconElement.style.left = "0px";
130
+ this._iconElement.style.borderRadius = "var(--eztime--border-radius) 0 0 var(--eztime--border-radius)";
131
+ this._inputElem.classList.add('icon--left');
132
+ if (this._labelElem) {
133
+ this._labelElem.classList.add("input__label--left");
134
+ }
135
+ }
136
+ this.showError();
137
+ }
138
+ doFocus() {
139
+ if (this.label && this._labelElem) {
140
+ if (!this._labelElem.classList.contains("input__label--floated")) {
141
+ this._labelElem.classList.add("input__label--floated");
142
+ }
143
+ }
144
+ }
145
+ //---------------------------------------------
146
+ // Lifecycle web component
147
+ //---------------------------------------------
148
+ componentDidLoad() {
149
+ this.onValueChanged();
150
+ this.adjustIconStyle();
151
+ this.adjustFloatingLabel();
152
+ this.showError();
153
+ }
154
+ componentWillLoad() {
155
+ this.prepareMask();
156
+ if (this.value) {
157
+ this.prepareValue(this.value.toString());
158
+ }
159
+ else if (this.viewValue) {
160
+ this.prepareValue(this.viewValue);
161
+ }
162
+ }
163
+ render() {
164
+ return (h(Host, null, h("ez-icon", { ref: (el) => this._iconElement = el, href: "/themes/default/images/icons/actions-sprite.svg#timer-outline" }), this.label ?
165
+ h("label", { onClick: () => this._inputElem.focus(), class: this.value ? "input__label input__label--floated" : "input__label", ref: (el) => this._labelElem = el, title: this.label }, this.label)
166
+ : null, h("input", { onFocus: () => this.doFocus(), ref: (el) => this._inputElem = el, type: "text", value: this.viewValue, disabled: !this.enabled, onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); } }), h("span", { class: "message-box", ref: (el) => this._messageBoxElem = el }, this.errormessage)));
167
+ }
168
+ static get watchers() { return {
169
+ "errormessage": ["showError"],
170
+ "showSeconds": ["prepareMask"],
171
+ "value": ["onValueChanged"]
172
+ }; }
173
+ };
174
174
  EzTimeInput.style = ezTimeInputCss;
175
175
 
176
176
  export { EzTimeInput as ez_time_input };
@@ -1,70 +1,70 @@
1
1
  import { r as registerInstance, h, g as getElement, H as Host } from './index-95bb3fd9.js';
2
- import { D as DataUnit } from './DataUnit-69e518fa.js';
2
+ import { D as DataUnit } from './DataUnit-d5d4c9a3.js';
3
3
 
4
- const FormMetadata = class {
5
- constructor(hostRef) {
6
- registerInstance(this, hostRef);
7
- }
8
- buildField(element) {
9
- const label = element.textContent;
10
- let name = element.getAttribute("name") || label;
11
- let userInterface = element.getAttribute("ui") || "SHORTTEXT";
12
- const defaultValue = element.getAttribute("defaultValue");
13
- const required = element.getAttribute("required") === "true";
14
- const readOnly = element.getAttribute("readonly") === "true";
15
- return { name, userInterface, label, defaultValue, required, readOnly };
16
- }
17
- buildFieldSet(element) {
18
- const label = element.getAttribute("label");
19
- const fields = Array.from(element.getElementsByTagName('FIELD')).map(f => this.buildField(f));
20
- return { label, fields };
21
- }
22
- fromElements(elements, label, name, dataUnit, many, autoLoad) {
23
- const form = {
24
- name: name || label,
25
- label,
26
- autoLoad
27
- };
28
- if (dataUnit) {
29
- form.dataUnit = new DataUnit(dataUnit, many ? 'N' : '1');
30
- }
31
- Array.from(elements).forEach(child => {
32
- const tagName = child.tagName.toUpperCase();
33
- switch (tagName) {
34
- case 'FIELD':
35
- if (!form.items) {
36
- form.items = [];
37
- }
38
- form.items.push(this.buildField(child));
39
- break;
40
- case 'FIELD-SET':
41
- if (!form.items) {
42
- form.items = [];
43
- }
44
- form.items.push(this.buildFieldSet(child));
45
- break;
46
- case 'SUB-FORM':
47
- if (!form.subForms) {
48
- form.subForms = [];
49
- }
50
- const label = child.getAttribute("label") || "Subform " + (form.subForms.length + 1);
51
- const name = child.getAttribute("name") || label;
52
- form.subForms.push(this.fromElements(child.children, label, name, child.getAttribute("dataunit"), child.hasAttribute("many"), child.getAttribute("autoload") === "true"));
53
- break;
54
- }
55
- });
56
- return form;
57
- }
58
- componentWillLoad() {
59
- if (!this.dataunit) {
60
- this.dataunit = "dataunit_" + (this.name || this.label || new Date().getTime());
61
- }
62
- this.metadata = this.fromElements(this._host.children, this.label, this.name, this.dataunit, this.many, this.autoload);
63
- }
64
- render() {
65
- return h(Host, null);
66
- }
67
- get _host() { return getElement(this); }
4
+ const FormMetadata = class {
5
+ constructor(hostRef) {
6
+ registerInstance(this, hostRef);
7
+ }
8
+ buildField(element) {
9
+ const label = element.textContent;
10
+ let name = element.getAttribute("name") || label;
11
+ let userInterface = element.getAttribute("ui") || "SHORTTEXT";
12
+ const defaultValue = element.getAttribute("defaultValue");
13
+ const required = element.getAttribute("required") === "true";
14
+ const readOnly = element.getAttribute("readonly") === "true";
15
+ return { name, userInterface, label, defaultValue, required, readOnly };
16
+ }
17
+ buildFieldSet(element) {
18
+ const label = element.getAttribute("label");
19
+ const fields = Array.from(element.getElementsByTagName('FIELD')).map(f => this.buildField(f));
20
+ return { label, fields };
21
+ }
22
+ fromElements(elements, label, name, dataUnit, many, autoLoad) {
23
+ const form = {
24
+ name: name || label,
25
+ label,
26
+ autoLoad
27
+ };
28
+ if (dataUnit) {
29
+ form.dataUnit = new DataUnit(dataUnit, many ? 'N' : '1');
30
+ }
31
+ Array.from(elements).forEach(child => {
32
+ const tagName = child.tagName.toUpperCase();
33
+ switch (tagName) {
34
+ case 'FIELD':
35
+ if (!form.items) {
36
+ form.items = [];
37
+ }
38
+ form.items.push(this.buildField(child));
39
+ break;
40
+ case 'FIELD-SET':
41
+ if (!form.items) {
42
+ form.items = [];
43
+ }
44
+ form.items.push(this.buildFieldSet(child));
45
+ break;
46
+ case 'SUB-FORM':
47
+ if (!form.subForms) {
48
+ form.subForms = [];
49
+ }
50
+ const label = child.getAttribute("label") || "Subform " + (form.subForms.length + 1);
51
+ const name = child.getAttribute("name") || label;
52
+ form.subForms.push(this.fromElements(child.children, label, name, child.getAttribute("dataunit"), child.hasAttribute("many"), child.getAttribute("autoload") === "true"));
53
+ break;
54
+ }
55
+ });
56
+ return form;
57
+ }
58
+ componentWillLoad() {
59
+ if (!this.dataunit) {
60
+ this.dataunit = "dataunit_" + (this.name || this.label || new Date().getTime());
61
+ }
62
+ this.metadata = this.fromElements(this._host.children, this.label, this.name, this.dataunit, this.many, this.autoload);
63
+ }
64
+ render() {
65
+ return h(Host, null);
66
+ }
67
+ get _host() { return getElement(this); }
68
68
  };
69
69
 
70
70
  export { FormMetadata as form_metadata };
File without changes
File without changes
File without changes
File without changes
File without changes
@@ -1 +1 @@
1
- import{p as e,b as a}from"./p-185c57f4.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a([["p-fa260f22",[[1,"ez-label-chip",{label:[513],enabled:[516],removable:[516],value:[1540],setFocus:[64],setBlur:[64]}]]],["p-dd4331b7",[[1,"ez-time-input",{label:[513],viewValue:[1537,"view-value"],value:[1026],enabled:[516],errormessage:[1537],showSeconds:[516,"show-seconds"],setFocus:[64],setBlur:[64]}]]],["p-22b82efb",[[1,"ez-action-chip",{label:[513],enabled:[516]}]]],["p-77fdb4fd",[[1,"ez-modal",{modalsize:[1537],align:[1537],oppened:[1540],closeesc:[1540],closeoutsideclick:[1540]}]]],["p-f6fd31ab",[[1,"ez-number-input",{strvalue:[1025],value:[1026],label:[513],enabled:[516],errormessage:[1537],precision:[1538],prettyprecision:[1538],textleft:[516],formatnumber:[513],setFocus:[64],setBlur:[64],handleFocusout:[64]}]]],["p-db11c600",[[1,"form-metadata",{name:[1],label:[1],dataunit:[1025],many:[4],autoload:[4],metadata:[1040]}]]],["p-b0974f4f",[[0,"ez-form",{metadataexecutor:[1],loadexecutor:[1],saveexecutor:[1],removeexecutor:[1],fieldsearchexecutor:[1],metadata:[1040],slavemode:[4],validate:[64],getChanges:[64]}],[1,"ez-combo-box",{value:[1537],label:[513],enabled:[516],showvalue:[516],options:[1040],errormessage:[1537],_inputLabelValue:[32],_criteria:[32],_preSelection:[32],_visibleOptions:[32],setFocus:[64],setBlur:[64]}],[1,"ez-date-input",{label:[513],value:[1040],enabled:[516],errormessage:[1537]}],[1,"ez-search",{value:[1537],label:[1537],enabled:[1540],qtdHotItems:[514,"qtd-hot-items"],showvalue:[516],errormessage:[1537],loadexecutor:[1],hotsearchid:[1],_preSelection:[32],_visibleOptions:[32],onInputTeste:[64]}],[1,"ez-button",{label:[513],enabled:[516],mode:[513],image:[513]}],[1,"ez-check",{value:[1540],enabled:[516],mode:[513],getMode:[64],setFocus:[64]}],[1,"ez-collapsable-box",{value:[1540],label:[513],showHide:[64]}],[1,"ez-tabselector",{selectedindex:[1537],selectedtab:[1537],tabs:[1]}],[1,"ez-text-area",{label:[513],value:[1537],enabled:[516],loading:[516],errormessage:[1537],rows:[1538],setFocus:[64],setBlur:[64]}],[1,"place-holder"],[1,"ez-calendar",{value:[1040],floating:[516],show:[64],hide:[64]}],[1,"ez-popover",{autoclose:[516],top:[1537],left:[1537],bottom:[1537],right:[1537],boxwidth:[513],isOpened:[1540,"is-opened"],updatePosition:[64],show:[64],hide:[64]}],[1,"ez-icon",{size:[513],href:[513]}],[1,"ez-text-input",{label:[513],value:[1537],enabled:[516],loading:[516],errormessage:[1537],onlynumber:[516],mask:[1],restrict:[1],setFocus:[64],setBlur:[64]}]]]],e)));
1
+ import{p as e,b as a}from"./p-185c57f4.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a([["p-fa260f22",[[1,"ez-label-chip",{label:[513],enabled:[516],removable:[516],value:[1540],setFocus:[64],setBlur:[64]}]]],["p-dd4331b7",[[1,"ez-time-input",{label:[513],viewValue:[1537,"view-value"],value:[1026],enabled:[516],errormessage:[1537],showSeconds:[516,"show-seconds"],setFocus:[64],setBlur:[64]}]]],["p-22b82efb",[[1,"ez-action-chip",{label:[513],enabled:[516]}]]],["p-77fdb4fd",[[1,"ez-modal",{modalsize:[1537],align:[1537],oppened:[1540],closeesc:[1540],closeoutsideclick:[1540]}]]],["p-f6fd31ab",[[1,"ez-number-input",{strvalue:[1025],value:[1026],label:[513],enabled:[516],errormessage:[1537],precision:[1538],prettyprecision:[1538],textleft:[516],formatnumber:[513],setFocus:[64],setBlur:[64],handleFocusout:[64]}]]],["p-dbef7060",[[1,"form-metadata",{name:[1],label:[1],dataunit:[1025],many:[4],autoload:[4],metadata:[1040]}]]],["p-0fcdfb51",[[0,"ez-form",{metadataexecutor:[1],loadexecutor:[1],saveexecutor:[1],removeexecutor:[1],fieldsearchexecutor:[1],metadata:[1040],slavemode:[4],validate:[64],getChanges:[64]}],[1,"ez-combo-box",{value:[1537],label:[513],enabled:[516],showvalue:[516],options:[1040],errormessage:[1537],_inputLabelValue:[32],_criteria:[32],_preSelection:[32],_visibleOptions:[32],setFocus:[64],setBlur:[64]}],[1,"ez-date-input",{label:[513],value:[1040],enabled:[516],errormessage:[1537]}],[1,"ez-search",{value:[1537],label:[1537],enabled:[1540],qtdHotItems:[514,"qtd-hot-items"],showvalue:[516],errormessage:[1537],loadexecutor:[1],hotsearchid:[1],_preSelection:[32],_visibleOptions:[32],onInputTeste:[64]}],[1,"ez-button",{label:[513],enabled:[516],mode:[513],image:[513]}],[1,"ez-check",{value:[1540],enabled:[516],mode:[513],getMode:[64],setFocus:[64]}],[1,"ez-collapsable-box",{value:[1540],label:[513],showHide:[64]}],[1,"ez-tabselector",{selectedindex:[1537],selectedtab:[1537],tabs:[1]}],[1,"ez-text-area",{label:[513],value:[1537],enabled:[516],loading:[516],errormessage:[1537],rows:[1538],setFocus:[64],setBlur:[64]}],[1,"place-holder"],[1,"ez-calendar",{value:[1040],floating:[516],show:[64],hide:[64]}],[1,"ez-popover",{autoclose:[516],top:[1537],left:[1537],bottom:[1537],right:[1537],boxwidth:[513],isOpened:[1540,"is-opened"],updatePosition:[64],show:[64],hide:[64]}],[1,"ez-icon",{size:[513],href:[513]}],[1,"ez-text-input",{label:[513],value:[1537],enabled:[516],loading:[516],errormessage:[1537],onlynumber:[516],mask:[1],restrict:[1],setFocus:[64],setBlur:[64]}]]]],e)));