@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-80932.0 → 0.0.0-bugfix-dev-KB-76031.0
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/{CSSVarsUtils-10c9d5b4.js → CSSVarsUtils-f20973d1.js} +1 -0
- package/dist/cjs/ez-actions-button.cjs.entry.js +1 -1
- package/dist/cjs/ez-combo-box.cjs.entry.js +2 -3
- package/dist/cjs/ez-date-input.cjs.entry.js +2 -3
- package/dist/cjs/ez-date-time-input.cjs.entry.js +2 -3
- package/dist/cjs/ez-filter-input.cjs.entry.js +2 -3
- package/dist/cjs/ez-form-view.cjs.entry.js +10 -10
- package/dist/cjs/ez-form.cjs.entry.js +1 -1
- package/dist/cjs/ez-grid.cjs.entry.js +2 -5
- package/dist/cjs/ez-icon.cjs.entry.js +1 -1
- package/dist/cjs/ez-list.cjs.entry.js +1 -1
- package/dist/cjs/ez-number-input.cjs.entry.js +2 -3
- package/dist/cjs/ez-search.cjs.entry.js +2 -3
- package/dist/cjs/ez-split-item.cjs.entry.js +4 -2
- package/dist/cjs/ez-text-input.cjs.entry.js +1 -2
- package/dist/cjs/ez-time-input.cjs.entry.js +2 -3
- package/dist/cjs/ezui.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/ez-combo-box/ez-combo-box.js +1 -20
- package/dist/collection/components/ez-date-input/ez-date-input.js +1 -20
- package/dist/collection/components/ez-date-time-input/ez-date-time-input.js +1 -20
- package/dist/collection/components/ez-filter-input/ez-filter-input.js +1 -20
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/CheckBox.tpl.js +1 -1
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/ComboBox.tpl.js +1 -1
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/DateInput.tpl.js +4 -4
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/NumberInput.tpl.js +1 -1
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/SearchInput.tpl.js +1 -1
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/TextInput.tpl.js +1 -1
- package/dist/collection/components/ez-grid/controller/ag-grid/DataSource.js +2 -5
- package/dist/collection/components/ez-icon/ez-icon.css +68 -69
- package/dist/collection/components/ez-list/ez-list.css +3 -3
- package/dist/collection/components/ez-number-input/ez-number-input.js +1 -20
- package/dist/collection/components/ez-search/ez-search.js +1 -20
- package/dist/collection/components/ez-split-panel/structure/item/ez-split-item.js +3 -1
- package/dist/collection/components/ez-text-input/ez-text-input.js +1 -20
- package/dist/collection/components/ez-time-input/ez-time-input.js +1 -20
- package/dist/collection/utils/CSSVarsUtils.js +1 -0
- package/dist/collection/utils/form/FormMetadata.js +1 -1
- package/dist/custom-elements/index.js +35 -43
- package/dist/esm/{CSSVarsUtils-71ce76be.js → CSSVarsUtils-acba92d7.js} +1 -0
- package/dist/esm/ez-actions-button.entry.js +1 -1
- package/dist/esm/ez-combo-box.entry.js +2 -3
- package/dist/esm/ez-date-input.entry.js +2 -3
- package/dist/esm/ez-date-time-input.entry.js +2 -3
- package/dist/esm/ez-filter-input.entry.js +2 -3
- package/dist/esm/ez-form-view.entry.js +10 -10
- package/dist/esm/ez-form.entry.js +1 -1
- package/dist/esm/ez-grid.entry.js +2 -5
- package/dist/esm/ez-icon.entry.js +1 -1
- package/dist/esm/ez-list.entry.js +1 -1
- package/dist/esm/ez-number-input.entry.js +2 -3
- package/dist/esm/ez-search.entry.js +2 -3
- package/dist/esm/ez-split-item.entry.js +4 -2
- package/dist/esm/ez-text-input.entry.js +1 -2
- package/dist/esm/ez-time-input.entry.js +2 -3
- 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-0faf71c5.entry.js +1 -0
- package/dist/ezui/p-17de16e5.entry.js +1 -0
- package/dist/ezui/p-20c024f7.entry.js +1 -0
- package/dist/ezui/p-3429080c.entry.js +1 -0
- package/dist/ezui/{p-56fe5341.entry.js → p-420f97ff.entry.js} +1 -1
- package/dist/ezui/{p-ca6340a9.entry.js → p-556468d9.entry.js} +1 -1
- package/dist/ezui/p-7a171eae.entry.js +1 -0
- package/dist/ezui/p-ae098837.entry.js +1 -0
- package/dist/ezui/p-b26f6c5b.entry.js +1 -0
- package/dist/ezui/{p-aee9c4ef.entry.js → p-b6597f49.entry.js} +1 -1
- package/dist/ezui/p-c1527804.entry.js +1 -0
- package/dist/ezui/{p-3e8b13fb.entry.js → p-cf87aacb.entry.js} +1 -1
- package/dist/ezui/p-d9548bdf.entry.js +1 -0
- package/dist/ezui/p-e92b8a2c.entry.js +1 -0
- package/dist/ezui/p-ec7db713.js +1 -0
- package/dist/ezui/p-fd0a19d6.entry.js +1 -0
- package/dist/types/components/ez-combo-box/ez-combo-box.d.ts +0 -4
- package/dist/types/components/ez-date-input/ez-date-input.d.ts +0 -4
- package/dist/types/components/ez-date-time-input/ez-date-time-input.d.ts +0 -4
- package/dist/types/components/ez-filter-input/ez-filter-input.d.ts +0 -4
- package/dist/types/components/ez-number-input/ez-number-input.d.ts +0 -4
- package/dist/types/components/ez-search/ez-search.d.ts +0 -4
- package/dist/types/components/ez-split-panel/structure/item/ez-split-item.d.ts +1 -0
- package/dist/types/components/ez-text-input/ez-text-input.d.ts +0 -4
- package/dist/types/components/ez-time-input/ez-time-input.d.ts +0 -4
- package/dist/types/components.d.ts +0 -64
- package/package.json +1 -1
- package/dist/ezui/p-14b769d7.entry.js +0 -1
- package/dist/ezui/p-16e612fc.entry.js +0 -1
- package/dist/ezui/p-2475fd6e.entry.js +0 -1
- package/dist/ezui/p-35464ae8.entry.js +0 -1
- package/dist/ezui/p-3f2dd525.entry.js +0 -1
- package/dist/ezui/p-50d83a46.entry.js +0 -1
- package/dist/ezui/p-654b3f99.entry.js +0 -1
- package/dist/ezui/p-66924de6.entry.js +0 -1
- package/dist/ezui/p-6f22a385.entry.js +0 -1
- package/dist/ezui/p-9e11fc7b.js +0 -1
- package/dist/ezui/p-b6a4e6de.entry.js +0 -1
- package/dist/ezui/p-e3e3fd7a.entry.js +0 -1
|
@@ -147,75 +147,74 @@ svg {
|
|
|
147
147
|
.ez-icon-help:before { content: "\ea5a"; }
|
|
148
148
|
.ez-icon-hide-list:before { content: "\ea5b"; }
|
|
149
149
|
.ez-icon-hide_menu:before { content: "\ea5c"; }
|
|
150
|
-
.ez-icon-
|
|
151
|
-
.ez-icon-
|
|
152
|
-
.ez-icon-
|
|
153
|
-
.ez-icon-
|
|
154
|
-
.ez-icon-
|
|
155
|
-
.ez-icon-
|
|
156
|
-
.ez-icon-
|
|
157
|
-
.ez-icon-
|
|
158
|
-
.ez-icon-lock
|
|
159
|
-
.ez-icon-
|
|
160
|
-
.ez-icon-
|
|
161
|
-
.ez-icon-
|
|
162
|
-
.ez-icon-
|
|
163
|
-
.ez-icon-money
|
|
164
|
-
.ez-icon-
|
|
165
|
-
.ez-icon-
|
|
166
|
-
.ez-icon-
|
|
167
|
-
.ez-icon-
|
|
168
|
-
.ez-icon-
|
|
169
|
-
.ez-icon-
|
|
170
|
-
.ez-icon-
|
|
171
|
-
.ez-icon-ordem-
|
|
172
|
-
.ez-icon-
|
|
173
|
-
.ez-icon-
|
|
174
|
-
.ez-icon-
|
|
175
|
-
.ez-icon-
|
|
176
|
-
.ez-icon-
|
|
177
|
-
.ez-icon-
|
|
178
|
-
.ez-icon-
|
|
179
|
-
.ez-icon-
|
|
180
|
-
.ez-icon-
|
|
181
|
-
.ez-icon-
|
|
182
|
-
.ez-icon-
|
|
183
|
-
.ez-icon-
|
|
184
|
-
.ez-icon-
|
|
185
|
-
.ez-icon-
|
|
186
|
-
.ez-icon-
|
|
187
|
-
.ez-icon-
|
|
188
|
-
.ez-icon-
|
|
189
|
-
.ez-icon-
|
|
190
|
-
.ez-icon-
|
|
191
|
-
.ez-icon-
|
|
192
|
-
.ez-icon-
|
|
193
|
-
.ez-icon-
|
|
194
|
-
.ez-icon-settings
|
|
195
|
-
.ez-icon-
|
|
196
|
-
.ez-icon-
|
|
197
|
-
.ez-icon-
|
|
198
|
-
.ez-icon-
|
|
199
|
-
.ez-icon-
|
|
200
|
-
.ez-icon-
|
|
201
|
-
.ez-icon-
|
|
202
|
-
.ez-icon-
|
|
203
|
-
.ez-icon-
|
|
204
|
-
.ez-icon-
|
|
205
|
-
.ez-icon-
|
|
206
|
-
.ez-icon-
|
|
207
|
-
.ez-icon-
|
|
208
|
-
.ez-icon-
|
|
209
|
-
.ez-icon-
|
|
210
|
-
.ez-icon-
|
|
211
|
-
.ez-icon-
|
|
212
|
-
.ez-icon-
|
|
213
|
-
.ez-icon-
|
|
214
|
-
.ez-icon-
|
|
215
|
-
.ez-icon-
|
|
216
|
-
.ez-icon-
|
|
217
|
-
.ez-icon-
|
|
218
|
-
.ez-icon-zip:before { content: "\eaa1"; }
|
|
150
|
+
.ez-icon-home:before { content: "\ea5d"; }
|
|
151
|
+
.ez-icon-icons104:before { content: "\ea5e"; }
|
|
152
|
+
.ez-icon-language:before { content: "\ea5f"; }
|
|
153
|
+
.ez-icon-launch:before { content: "\ea60"; }
|
|
154
|
+
.ez-icon-lightbulb:before { content: "\ea61"; }
|
|
155
|
+
.ez-icon-list:before { content: "\ea62"; }
|
|
156
|
+
.ez-icon-location:before { content: "\ea63"; }
|
|
157
|
+
.ez-icon-lock-outline:before { content: "\ea64"; }
|
|
158
|
+
.ez-icon-lock:before { content: "\ea65"; }
|
|
159
|
+
.ez-icon-menu:before { content: "\ea66"; }
|
|
160
|
+
.ez-icon-mid:before { content: "\ea67"; }
|
|
161
|
+
.ez-icon-minus:before { content: "\ea68"; }
|
|
162
|
+
.ez-icon-money-off:before { content: "\ea69"; }
|
|
163
|
+
.ez-icon-money:before { content: "\ea6a"; }
|
|
164
|
+
.ez-icon-more:before { content: "\ea6b"; }
|
|
165
|
+
.ez-icon-mp3:before { content: "\ea6c"; }
|
|
166
|
+
.ez-icon-mp4:before { content: "\ea6d"; }
|
|
167
|
+
.ez-icon-multiple-files:before { content: "\ea6e"; }
|
|
168
|
+
.ez-icon-north-west:before { content: "\ea6f"; }
|
|
169
|
+
.ez-icon-number:before { content: "\ea70"; }
|
|
170
|
+
.ez-icon-ordem-ascendente:before { content: "\ea71"; }
|
|
171
|
+
.ez-icon-ordem-descendente:before { content: "\ea72"; }
|
|
172
|
+
.ez-icon-parcelar:before { content: "\ea73"; }
|
|
173
|
+
.ez-icon-pause:before { content: "\ea74"; }
|
|
174
|
+
.ez-icon-payments:before { content: "\ea75"; }
|
|
175
|
+
.ez-icon-pdf:before { content: "\ea76"; }
|
|
176
|
+
.ez-icon-play:before { content: "\ea77"; }
|
|
177
|
+
.ez-icon-plus:before { content: "\ea78"; }
|
|
178
|
+
.ez-icon-png:before { content: "\ea79"; }
|
|
179
|
+
.ez-icon-power:before { content: "\ea7a"; }
|
|
180
|
+
.ez-icon-pptx:before { content: "\ea7b"; }
|
|
181
|
+
.ez-icon-preview:before { content: "\ea7c"; }
|
|
182
|
+
.ez-icon-print:before { content: "\ea7d"; }
|
|
183
|
+
.ez-icon-push-pin:before { content: "\ea7e"; }
|
|
184
|
+
.ez-icon-rateio:before { content: "\ea7f"; }
|
|
185
|
+
.ez-icon-receipt:before { content: "\ea80"; }
|
|
186
|
+
.ez-icon-recolher_card:before { content: "\ea81"; }
|
|
187
|
+
.ez-icon-remove-from-cart:before { content: "\ea82"; }
|
|
188
|
+
.ez-icon-restore:before { content: "\ea83"; }
|
|
189
|
+
.ez-icon-return:before { content: "\ea84"; }
|
|
190
|
+
.ez-icon-sankhya-place:before { content: "\ea85"; }
|
|
191
|
+
.ez-icon-save:before { content: "\ea86"; }
|
|
192
|
+
.ez-icon-search:before { content: "\ea87"; }
|
|
193
|
+
.ez-icon-settings-inverted:before { content: "\ea88"; }
|
|
194
|
+
.ez-icon-settings:before { content: "\ea89"; }
|
|
195
|
+
.ez-icon-share:before { content: "\ea8a"; }
|
|
196
|
+
.ez-icon-shield:before { content: "\ea8b"; }
|
|
197
|
+
.ez-icon-show-list:before { content: "\ea8c"; }
|
|
198
|
+
.ez-icon-show_menu:before { content: "\ea8d"; }
|
|
199
|
+
.ez-icon-south-east:before { content: "\ea8e"; }
|
|
200
|
+
.ez-icon-sync:before { content: "\ea8f"; }
|
|
201
|
+
.ez-icon-table:before { content: "\ea90"; }
|
|
202
|
+
.ez-icon-tag_code:before { content: "\ea91"; }
|
|
203
|
+
.ez-icon-text:before { content: "\ea92"; }
|
|
204
|
+
.ez-icon-timeline:before { content: "\ea93"; }
|
|
205
|
+
.ez-icon-timer-outline:before { content: "\ea94"; }
|
|
206
|
+
.ez-icon-trending-up:before { content: "\ea95"; }
|
|
207
|
+
.ez-icon-tune:before { content: "\ea96"; }
|
|
208
|
+
.ez-icon-txt:before { content: "\ea97"; }
|
|
209
|
+
.ez-icon-un-pin:before { content: "\ea98"; }
|
|
210
|
+
.ez-icon-unfold_less:before { content: "\ea99"; }
|
|
211
|
+
.ez-icon-unfold_more:before { content: "\ea9a"; }
|
|
212
|
+
.ez-icon-user-circle:before { content: "\ea9b"; }
|
|
213
|
+
.ez-icon-warning-outline:before { content: "\ea9c"; }
|
|
214
|
+
.ez-icon-warning_triangle:before { content: "\ea9d"; }
|
|
215
|
+
.ez-icon-whatshot:before { content: "\ea9e"; }
|
|
216
|
+
.ez-icon-xlsx:before { content: "\ea9f"; }
|
|
217
|
+
.ez-icon-zip:before { content: "\eaa0"; }
|
|
219
218
|
/*
|
|
220
219
|
END CSS GENERATED BY EZ-DESIGN ICONS
|
|
221
220
|
*/
|
|
@@ -21,10 +21,10 @@
|
|
|
21
21
|
--ez-list__item--color: var(--title--primary, #2b3a54);
|
|
22
22
|
|
|
23
23
|
/* @doc Define o estilo borda inferior do item da lista. */
|
|
24
|
-
--ez-list__item--border-bottom;
|
|
24
|
+
--ez-list__item--border-bottom: none;
|
|
25
25
|
|
|
26
26
|
/* @doc Define a cor da borda inferior do item da lista. */
|
|
27
|
-
--ez-list__item--border-bottom-color;
|
|
27
|
+
--ez-list__item--border-bottom-color: none;
|
|
28
28
|
|
|
29
29
|
/* @doc Define o estilo do texto do item da lista. */
|
|
30
30
|
--ez-list__item--font-family: var(--font-pattern, "Roboto");
|
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
/*@doc Define o raio da borda da barra de rolagem do componente.*/
|
|
90
90
|
--ez-list__scrollbar--border-radius: var(--border--radius-small, 6px);
|
|
91
91
|
/*@doc Define a largura da barra de rolagem do componente.*/
|
|
92
|
-
--ez-list__scrollbar--width: var(--space--
|
|
92
|
+
--ez-list__scrollbar--width: var(--space--2xs, 8px);
|
|
93
93
|
|
|
94
94
|
max-height: 100%;
|
|
95
95
|
width: 100%;
|
|
@@ -17,7 +17,6 @@ export class EzNumberInput {
|
|
|
17
17
|
this.prettyPrecision = undefined;
|
|
18
18
|
this.mode = "regular";
|
|
19
19
|
this.autoFocus = false;
|
|
20
|
-
this.noMargin = false;
|
|
21
20
|
}
|
|
22
21
|
/**
|
|
23
22
|
* Aplica o foco no campo.
|
|
@@ -176,7 +175,7 @@ export class EzNumberInput {
|
|
|
176
175
|
if (this.allowNegative) {
|
|
177
176
|
restrict += '-';
|
|
178
177
|
}
|
|
179
|
-
return (h("ez-text-input", { class: "number__input", "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, "data-slave-mode": "true", label: this.label, onBlur: () => this.handleBlur(), onInput: () => this.handleInput(), restrict: restrict, enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError, value: this._value
|
|
178
|
+
return (h("ez-text-input", { class: "number__input", "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, "data-slave-mode": "true", label: this.label, onBlur: () => this.handleBlur(), onInput: () => this.handleInput(), restrict: restrict, enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError, value: this._value }));
|
|
180
179
|
}
|
|
181
180
|
static get is() { return "ez-number-input"; }
|
|
182
181
|
static get encapsulation() { return "shadow"; }
|
|
@@ -366,24 +365,6 @@ export class EzNumberInput {
|
|
|
366
365
|
"attribute": "auto-focus",
|
|
367
366
|
"reflect": false,
|
|
368
367
|
"defaultValue": "false"
|
|
369
|
-
},
|
|
370
|
-
"noMargin": {
|
|
371
|
-
"type": "boolean",
|
|
372
|
-
"mutable": false,
|
|
373
|
-
"complexType": {
|
|
374
|
-
"original": "boolean",
|
|
375
|
-
"resolved": "boolean",
|
|
376
|
-
"references": {}
|
|
377
|
-
},
|
|
378
|
-
"required": false,
|
|
379
|
-
"optional": false,
|
|
380
|
-
"docs": {
|
|
381
|
-
"tags": [],
|
|
382
|
-
"text": "Quando verdadeiro, o campo n\u00E3o ter\u00E1 espa\u00E7amento externo."
|
|
383
|
-
},
|
|
384
|
-
"attribute": "no-margin",
|
|
385
|
-
"reflect": false,
|
|
386
|
-
"defaultValue": "false"
|
|
387
368
|
}
|
|
388
369
|
};
|
|
389
370
|
}
|
|
@@ -36,7 +36,6 @@ export class EzSearch {
|
|
|
36
36
|
this.listOptionsPosition = undefined;
|
|
37
37
|
this.isTextSearch = false;
|
|
38
38
|
this.ignoreLimitCharsToSearch = false;
|
|
39
|
-
this.noMargin = false;
|
|
40
39
|
this.options = undefined;
|
|
41
40
|
this.suppressSearch = false;
|
|
42
41
|
this.ensureClearButtonVisible = false;
|
|
@@ -723,7 +722,7 @@ export class EzSearch {
|
|
|
723
722
|
render() {
|
|
724
723
|
var _a;
|
|
725
724
|
ElementIDUtils.addIDInfoIfNotExists(this.el, 'input');
|
|
726
|
-
return (h(Host, null, h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), class: this.suppressSearch ? "suppressed-search-input" : "", ref: elem => this._textInput = elem, "data-slave-mode": "true", enabled: this.enabled && !this.suppressSearch, onInput: event => this.onTextInputChangeHandler(event), onFocusout: () => this.onTextInputFocusOutHandler(), onKeyDown: event => this.keyDownHandler(event), label: this.label, canShowError: this.canShowError, errorMessage: this.errorMessage, mode: this.mode
|
|
725
|
+
return (h(Host, null, h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), class: this.suppressSearch ? "suppressed-search-input" : "", ref: elem => this._textInput = elem, "data-slave-mode": "true", enabled: this.enabled && !this.suppressSearch, onInput: event => this.onTextInputChangeHandler(event), onFocusout: () => this.onTextInputFocusOutHandler(), onKeyDown: event => this.keyDownHandler(event), label: this.label, canShowError: this.canShowError, errorMessage: this.errorMessage, mode: this.mode }, h("button", { class: "btn", slot: "leftIcon", disabled: !this.enabled, tabindex: -1, onClick: () => this.handlerIconClick() }, this.canShowLoadSpinDescription() ? h("div", { class: "message__loading" }) : h("ez-icon", { iconName: "search" })), (((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value) && (this._criteria || this.value) || this.ensureClearButtonVisible)
|
|
727
726
|
? h("button", { class: "btn btn__close", slot: "rightIcon", disabled: !this.enabled, tabindex: -1, onClick: () => this.clearSearch() }, h("ez-icon", { iconName: "close" }))
|
|
728
727
|
: undefined), h("section", { class: "list-container", ref: elem => this._listContainer = elem }, h("div", { class: "list-wrapper", ref: elem => this._listWrapper = elem }, h("ul", { class: "list-options", ref: elem => this._optionsList = elem }, !this._showLoading
|
|
729
728
|
&& this._visibleOptions.length === 0
|
|
@@ -1044,24 +1043,6 @@ export class EzSearch {
|
|
|
1044
1043
|
"reflect": false,
|
|
1045
1044
|
"defaultValue": "false"
|
|
1046
1045
|
},
|
|
1047
|
-
"noMargin": {
|
|
1048
|
-
"type": "boolean",
|
|
1049
|
-
"mutable": false,
|
|
1050
|
-
"complexType": {
|
|
1051
|
-
"original": "boolean",
|
|
1052
|
-
"resolved": "boolean",
|
|
1053
|
-
"references": {}
|
|
1054
|
-
},
|
|
1055
|
-
"required": false,
|
|
1056
|
-
"optional": false,
|
|
1057
|
-
"docs": {
|
|
1058
|
-
"tags": [],
|
|
1059
|
-
"text": "Quando verdadeiro, o campo n\u00E3o ter\u00E1 espa\u00E7amento externo."
|
|
1060
|
-
},
|
|
1061
|
-
"attribute": "no-margin",
|
|
1062
|
-
"reflect": false,
|
|
1063
|
-
"defaultValue": "false"
|
|
1064
|
-
},
|
|
1065
1046
|
"options": {
|
|
1066
1047
|
"type": "unknown",
|
|
1067
1048
|
"mutable": true,
|
|
@@ -12,13 +12,15 @@ export class SplitItem {
|
|
|
12
12
|
* Alterna a visibilidade do painel.
|
|
13
13
|
*/
|
|
14
14
|
toggleExpandItem() {
|
|
15
|
+
var _a, _b;
|
|
15
16
|
this._expanded = !this._expanded;
|
|
17
|
+
(_b = (_a = this.expandButtonRef.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('button')) === null || _b === void 0 ? void 0 : _b.blur();
|
|
16
18
|
}
|
|
17
19
|
componentDidLoad() {
|
|
18
20
|
CSSVarsUtils.applyVarsGrid(this._element, this._slot.children[0]);
|
|
19
21
|
}
|
|
20
22
|
render() {
|
|
21
|
-
return (h(Host, { class: `box_split-item ${this._expanded ? 'expanded__item' : ''} ${this.structural ? 'structural__item' : 'content__item'}`, ref: el => (this._element = el) }, h("div", { class: "ez-split-item--header" }, h("slot", { name: "leftButtons" }), h("div", { class: "ez-split-item--header-title" }, this.label && (h("h3", { class: "ez-text ez-text--primary ez-title ez-title--small ez-margin--small", title: this.label }, this.label))), h("div", { class: "ez-split-item--header-buttons" }, h("slot", { name: "rightButtons" }), this.enableExpand && (h("ez-button", { size: "small", mode: "icon", iconName: "expand", class: 'ez-button--tertiary', onClick: () => this.toggleExpandItem(), title: this._expanded ? 'Resumir' : 'Expandir' })))), h("div", { class: "ez-split-item--content grid_height-0", ref: el => (this._slot = el) }, h("slot", null))));
|
|
23
|
+
return (h(Host, { class: `box_split-item ${this._expanded ? 'expanded__item' : ''} ${this.structural ? 'structural__item' : 'content__item'}`, ref: el => (this._element = el) }, h("div", { class: "ez-split-item--header" }, h("slot", { name: "leftButtons" }), h("div", { class: "ez-split-item--header-title" }, this.label && (h("h3", { class: "ez-text ez-text--primary ez-title ez-title--small ez-margin--small", title: this.label }, this.label))), h("div", { class: "ez-split-item--header-buttons" }, h("slot", { name: "rightButtons" }), this.enableExpand && (h("ez-button", { ref: el => this.expandButtonRef = el, size: "small", mode: "icon", iconName: "expand", class: 'ez-button--tertiary', onClick: () => this.toggleExpandItem(), title: this._expanded ? 'Resumir' : 'Expandir' })))), h("div", { class: "ez-split-item--content grid_height-0", ref: el => (this._slot = el) }, h("slot", null))));
|
|
22
24
|
}
|
|
23
25
|
static get is() { return "ez-split-item"; }
|
|
24
26
|
static get originalStyleUrls() {
|
|
@@ -15,7 +15,6 @@ export class EzTextInput {
|
|
|
15
15
|
this.noBorder = false;
|
|
16
16
|
this.password = false;
|
|
17
17
|
this.autoFocus = false;
|
|
18
|
-
this.noMargin = false;
|
|
19
18
|
this.hasRightSlotContent = false;
|
|
20
19
|
}
|
|
21
20
|
observeErrorMessage() {
|
|
@@ -335,7 +334,7 @@ export class EzTextInput {
|
|
|
335
334
|
ElementIDUtils.addIDInfoIfNotExists(this._hostElement, 'input');
|
|
336
335
|
return (h(Host, { style: this._hostElement.classList.contains("grid_editor") ? { "height": "100%" } : null }, h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), this.label && this.mode != "slim" ?
|
|
337
336
|
h("label", { ref: (el) => this._labelElem = el, class: `${this.enabled ? "input__label" : "input__label input__label--disabled"} ${this.errorMessage ? "hasError" : ""}`, onClick: () => this._inputElem.focus(), title: this.label }, this.label)
|
|
338
|
-
: null, h("input", { "data-element-id": ElementIDUtils.getInternalIDInfo("input"), onFocus: () => this.doFocus(), ref: (el) => this._inputElem = el, type: this.password ? "password" : "text", class: `${this.mode === "slim" ? "input--slim" : ""}
|
|
337
|
+
: null, h("input", { "data-element-id": ElementIDUtils.getInternalIDInfo("input"), onFocus: () => this.doFocus(), ref: (el) => this._inputElem = el, type: this.password ? "password" : "text", class: `${this.mode === "slim" ? "input--slim" : ""}`, placeholder: this.mode === "slim" && this.label ? this.label : "", value: this.mask && this.cleanValueMask ? this.applyMask(this.value) : this.value, disabled: !this.enabled, onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); } }), this.canShowError && this.mode != "slim" && this.errorMessage &&
|
|
339
338
|
h("ez-icon", { class: `tooltip-icon ${this.errorMessage ? "hasError" : ""} ${this.hasRightSlotContent ? "rightIconSlot" : ""}`, "data-element-id": ElementIDUtils.getInternalIDInfo("tooltip-icon"), ref: (el) => this._tooltipIconElem = el, iconName: "alert-circle" }), h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }, " ")));
|
|
340
339
|
}
|
|
341
340
|
static get is() { return "ez-text-input"; }
|
|
@@ -562,24 +561,6 @@ export class EzTextInput {
|
|
|
562
561
|
"attribute": "auto-focus",
|
|
563
562
|
"reflect": false,
|
|
564
563
|
"defaultValue": "false"
|
|
565
|
-
},
|
|
566
|
-
"noMargin": {
|
|
567
|
-
"type": "boolean",
|
|
568
|
-
"mutable": false,
|
|
569
|
-
"complexType": {
|
|
570
|
-
"original": "boolean",
|
|
571
|
-
"resolved": "boolean",
|
|
572
|
-
"references": {}
|
|
573
|
-
},
|
|
574
|
-
"required": false,
|
|
575
|
-
"optional": false,
|
|
576
|
-
"docs": {
|
|
577
|
-
"tags": [],
|
|
578
|
-
"text": "Quando verdadeiro, o campo n\u00E3o ter\u00E1 espa\u00E7amento externo."
|
|
579
|
-
},
|
|
580
|
-
"attribute": "no-margin",
|
|
581
|
-
"reflect": false,
|
|
582
|
-
"defaultValue": "false"
|
|
583
564
|
}
|
|
584
565
|
};
|
|
585
566
|
}
|
|
@@ -11,7 +11,6 @@ export class EzTimeInput {
|
|
|
11
11
|
this.mode = "regular";
|
|
12
12
|
this.canShowError = true;
|
|
13
13
|
this.autoFocus = false;
|
|
14
|
-
this.noMargin = false;
|
|
15
14
|
}
|
|
16
15
|
observeErrorMessage() {
|
|
17
16
|
var _a;
|
|
@@ -149,7 +148,7 @@ export class EzTimeInput {
|
|
|
149
148
|
}
|
|
150
149
|
render() {
|
|
151
150
|
ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');
|
|
152
|
-
return (h(Host, null, h("ez-text-input", { class: "time__input", "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: (el) => this._textInput = el, "data-slave-mode": "true", value: this._viewValue, enabled: this.enabled, label: this.label, restrict: "0123456789:", onBlur: () => this.handleBlur(), onInput: () => this.handleInput(), errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError
|
|
151
|
+
return (h(Host, null, h("ez-text-input", { class: "time__input", "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: (el) => this._textInput = el, "data-slave-mode": "true", value: this._viewValue, enabled: this.enabled, label: this.label, restrict: "0123456789:", onBlur: () => this.handleBlur(), onInput: () => this.handleInput(), errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError }, h("ez-icon", { slot: "leftIcon", iconName: "timer-outline" }))));
|
|
153
152
|
}
|
|
154
153
|
static get is() { return "ez-time-input"; }
|
|
155
154
|
static get encapsulation() { return "shadow"; }
|
|
@@ -306,24 +305,6 @@ export class EzTimeInput {
|
|
|
306
305
|
"attribute": "auto-focus",
|
|
307
306
|
"reflect": false,
|
|
308
307
|
"defaultValue": "false"
|
|
309
|
-
},
|
|
310
|
-
"noMargin": {
|
|
311
|
-
"type": "boolean",
|
|
312
|
-
"mutable": false,
|
|
313
|
-
"complexType": {
|
|
314
|
-
"original": "boolean",
|
|
315
|
-
"resolved": "boolean",
|
|
316
|
-
"references": {}
|
|
317
|
-
},
|
|
318
|
-
"required": false,
|
|
319
|
-
"optional": false,
|
|
320
|
-
"docs": {
|
|
321
|
-
"tags": [],
|
|
322
|
-
"text": "Quando verdadeiro, o campo n\u00E3o ter\u00E1 espa\u00E7amento."
|
|
323
|
-
},
|
|
324
|
-
"attribute": "no-margin",
|
|
325
|
-
"reflect": false,
|
|
326
|
-
"defaultValue": "false"
|
|
327
308
|
}
|
|
328
309
|
};
|
|
329
310
|
}
|
|
@@ -28,6 +28,7 @@ export default class CSSVarsUtils {
|
|
|
28
28
|
CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--focus--border-color');
|
|
29
29
|
CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__icon--width');
|
|
30
30
|
CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--focus--icon-color');
|
|
31
|
+
CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__margin-bottom');
|
|
31
32
|
}
|
|
32
33
|
}
|
|
33
34
|
static applyVarsButton(host, child) {
|
|
@@ -97,7 +97,7 @@ export const buildFormMetadata = (config, dataUnit, includeDetails = false) => {
|
|
|
97
97
|
return;
|
|
98
98
|
}
|
|
99
99
|
const descriptor = dataUnit.getField(field.name);
|
|
100
|
-
const fieldVisible = descriptor.visible == undefined || descriptor.visible === true;
|
|
100
|
+
const fieldVisible = (descriptor === null || descriptor === void 0 ? void 0 : descriptor.visible) == undefined || (descriptor === null || descriptor === void 0 ? void 0 : descriptor.visible) === true;
|
|
101
101
|
if (descriptor && fieldVisible && tabConfig.visible) {
|
|
102
102
|
if (!sheets.has(tabConfig)) {
|
|
103
103
|
sheets.set(tabConfig, []);
|