@sankhyalabs/ezui 1.1.68 → 1.1.69
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ez-action-chip.cjs.entry.js +1 -1
- package/dist/cjs/ez-button_16.cjs.entry.js +8 -8
- package/dist/cjs/ez-dialog.cjs.entry.js +3 -0
- package/dist/cjs/ez-modal.cjs.entry.js +1 -1
- package/dist/cjs/ez-popover.cjs.entry.js +0 -4
- package/dist/cjs/ez-popup.cjs.entry.js +1 -1
- package/dist/collection/components/ez-action-chip/ez-action-chip.css +2 -1
- package/dist/collection/components/ez-action-chip/ez-action-chip.js +1 -1
- package/dist/collection/components/ez-button/ez-button.css +3 -2
- package/dist/collection/components/ez-button/ez-button.js +3 -3
- package/dist/collection/components/ez-calendar/ez-calendar.css +2 -2
- package/dist/collection/components/ez-check/ez-check.js +6 -6
- package/dist/collection/components/ez-collapsible-box/ez-collapsible-box.css +2 -2
- package/dist/collection/components/ez-collapsible-box/ez-collapsible-box.js +1 -1
- package/dist/collection/components/ez-combo-box/ez-combo-box.js +2 -2
- package/dist/collection/components/ez-date-input/ez-date-input.js +1 -1
- package/dist/collection/components/ez-dialog/ez-dialog.js +5 -2
- package/dist/collection/components/ez-icon/ez-icon.js +2 -2
- package/dist/collection/components/ez-label-chip/ez-label-chip.css +2 -1
- package/dist/collection/components/ez-label-chip/ez-label-chip.js +1 -1
- package/dist/collection/components/ez-modal/ez-modal.css +1 -1
- package/dist/collection/components/ez-modal/ez-modal.js +4 -4
- package/dist/collection/components/ez-numeric-input/ez-numeric-input.css +1 -1
- package/dist/collection/components/ez-numeric-input/ez-numeric-input.js +2 -2
- package/dist/collection/components/ez-popover/ez-popover.js +0 -4
- package/dist/collection/components/ez-popup/ez-popup.css +2 -2
- package/dist/collection/components/ez-popup/ez-popup.js +3 -3
- package/dist/collection/components/ez-search/ez-search.js +2 -2
- package/dist/collection/components/ez-tabselector/ez-tabselector.js +1 -1
- package/dist/collection/components/ez-text-area/ez-text-area.css +6 -0
- package/dist/collection/components/ez-text-area/ez-text-area.js +4 -4
- package/dist/collection/components/ez-text-input/ez-text-input.css +8 -0
- package/dist/collection/components/ez-text-input/ez-text-input.js +3 -3
- package/dist/collection/components/ez-time-input/ez-time-input.css +8 -0
- package/dist/collection/components/ez-time-input/ez-time-input.js +1 -1
- package/dist/collection/components/ez-toast/ez-toast.css +2 -2
- package/dist/collection/components/ez-upload/ez-upload.css +4 -1
- package/dist/collection/components/ez-upload/ez-upload.js +3 -3
- package/dist/custom-elements/index.js +14 -15
- package/dist/esm/ez-action-chip.entry.js +1 -1
- package/dist/esm/ez-button_16.entry.js +8 -8
- package/dist/esm/ez-dialog.entry.js +3 -0
- package/dist/esm/ez-modal.entry.js +1 -1
- package/dist/esm/ez-popover.entry.js +0 -4
- package/dist/esm/ez-popup.entry.js +1 -1
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/p-169d99a1.entry.js +1 -0
- package/dist/ezui/{p-4f4b8aae.entry.js → p-1c33a56d.entry.js} +1 -1
- package/dist/types/components/ez-action-chip/ez-action-chip.d.ts +1 -1
- package/dist/types/components/ez-button/ez-button.d.ts +1 -1
- package/dist/types/components/ez-check/ez-check.d.ts +3 -3
- package/dist/types/components/ez-collapsible-box/ez-collapsible-box.d.ts +1 -1
- package/dist/types/components/ez-combo-box/ez-combo-box.d.ts +2 -2
- package/dist/types/components/ez-date-input/ez-date-input.d.ts +1 -1
- package/dist/types/components/ez-dialog/ez-dialog.d.ts +4 -1
- package/dist/types/components/ez-icon/ez-icon.d.ts +1 -1
- package/dist/types/components/ez-label-chip/ez-label-chip.d.ts +1 -1
- package/dist/types/components/ez-modal/ez-modal.d.ts +3 -3
- package/dist/types/components/ez-numeric-input/ez-numeric-input.d.ts +2 -2
- package/dist/types/components/ez-popup/ez-popup.d.ts +2 -2
- package/dist/types/components/ez-search/ez-search.d.ts +2 -2
- package/dist/types/components/ez-tabselector/ez-tabselector.d.ts +1 -1
- package/dist/types/components/ez-text-area/ez-text-area.d.ts +3 -3
- package/dist/types/components/ez-text-input/ez-text-input.d.ts +3 -3
- package/dist/types/components/ez-time-input/ez-time-input.d.ts +1 -1
- package/dist/types/components/ez-upload/ez-upload.d.ts +3 -3
- package/dist/types/components.d.ts +62 -59
- package/package.json +1 -1
- package/dist/ezui/p-7d066b1c.entry.js +0 -1
|
@@ -1,14 +1,22 @@
|
|
|
1
1
|
:host {
|
|
2
2
|
/* dimensions */
|
|
3
|
+
/*@doc Define a altura do componente.*/
|
|
3
4
|
--text-input--height: 42px;
|
|
5
|
+
/*@doc Define a largura do componente.*/
|
|
4
6
|
--text-input--width: 100%;
|
|
7
|
+
/*@doc Define a largura do slot que contém o ícone.*/
|
|
5
8
|
--text-input__icon--width: 48px;
|
|
6
9
|
|
|
7
10
|
/* general */
|
|
11
|
+
/*@doc Define o raio da borda do input do componente.*/
|
|
8
12
|
--text-input--border-radius: var(--border--radius-medium, 12px);
|
|
13
|
+
/*@doc Define o tamanho da fonte do input e label do componente.*/
|
|
9
14
|
--text-input--font-size: var(--text--medium, 14px);
|
|
15
|
+
/*@doc Define a família da fonte do input, label e caixa de mensagem do componente.*/
|
|
10
16
|
--text-input--font-family: var(--font-pattern, Arial);
|
|
17
|
+
/*@doc Define o peso da fonte do label do componente.*/
|
|
11
18
|
--text-input--font-weight: var(--text-weight--large, 500);
|
|
19
|
+
/*@doc Define a cor da fonte do input e label do componente.*/
|
|
12
20
|
--text-input--color: var(--title--primary, #000);
|
|
13
21
|
|
|
14
22
|
/* input */
|
|
@@ -200,7 +200,7 @@ export class EzTextInput {
|
|
|
200
200
|
"optional": false,
|
|
201
201
|
"docs": {
|
|
202
202
|
"tags": [],
|
|
203
|
-
"text": "
|
|
203
|
+
"text": "T\u00EDtulo do campo"
|
|
204
204
|
},
|
|
205
205
|
"attribute": "label",
|
|
206
206
|
"reflect": true
|
|
@@ -286,7 +286,7 @@ export class EzTextInput {
|
|
|
286
286
|
"optional": false,
|
|
287
287
|
"docs": {
|
|
288
288
|
"tags": [],
|
|
289
|
-
"text": "Aplica uma m\u00E1scara no conte\u00FAdo conforme
|
|
289
|
+
"text": "Aplica uma m\u00E1scara no conte\u00FAdo conforme o padr\u00E3o estabelecido"
|
|
290
290
|
},
|
|
291
291
|
"attribute": "mask",
|
|
292
292
|
"reflect": false
|
|
@@ -317,7 +317,7 @@ export class EzTextInput {
|
|
|
317
317
|
"composed": true,
|
|
318
318
|
"docs": {
|
|
319
319
|
"tags": [],
|
|
320
|
-
"text": "
|
|
320
|
+
"text": "Evento disparado quando o estado do componente \u00E9 alterado (onEzChange)."
|
|
321
321
|
},
|
|
322
322
|
"complexType": {
|
|
323
323
|
"original": "string",
|
|
@@ -1,14 +1,22 @@
|
|
|
1
1
|
:host {
|
|
2
2
|
/* dimensions */
|
|
3
|
+
/*@doc Define a altura do componente.*/
|
|
3
4
|
--eztime--height: 42px;
|
|
5
|
+
/*@doc Define a largura do componente.*/
|
|
4
6
|
--eztime--width: 100%;
|
|
7
|
+
/*@doc Define a largura do slot que contém o ícone.*/
|
|
5
8
|
--eztime__icon--width: 48px;
|
|
6
9
|
|
|
7
10
|
/* general */
|
|
11
|
+
/*@doc Define o raio da borda do input do componente.*/
|
|
8
12
|
--eztime--border-radius: var(--border--radius-medium, 12px);
|
|
13
|
+
/*@doc Define o tamanho da fonte do input e label do componente.*/
|
|
9
14
|
--eztime--font-size: var(--text--medium, 14px);
|
|
15
|
+
/*@doc Define a família da fonte do input, label e caixa de mensagem do componente.*/
|
|
10
16
|
--eztime--font-family: var(--font-pattern, Arial);
|
|
17
|
+
/*@doc Define o peso da fonte do label do componente.*/
|
|
11
18
|
--eztime--font-weight: var(--text-weight--large, 500);
|
|
19
|
+
/*@doc Define o espaçamento do label.*/
|
|
12
20
|
--eztime--space--medium: var(--space--medium, 6px);
|
|
13
21
|
|
|
14
22
|
/* input */
|
|
@@ -5,13 +5,13 @@
|
|
|
5
5
|
--toast__btn__close__image: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg%22%3E<path d="M 7.0060773,5.995511 11.461972,1.5397722 c 0.132856,-0.1328413 0.207547,-0.3130253 0.207547,-0.5009046 0,-0.18786999 -0.07469,-0.3680541 -0.207547,-0.5009048 -0.132857,-0.13284126 -0.31302,-0.20748126 -0.500927,-0.20748126 -0.187812,0 -0.36807,0.07464 -0.500926,0.20748126 L 6.0042244,4.9937015 1.5482921,0.5379628 C 1.4154357,0.40512154 1.2352533,0.33048154 1.0473657,0.33048154 c -0.18787813,0 -0.36807,0.07464 -0.50092647,0.20748126 -0.13285646,0.1328507 -0.20749026,0.31303481 -0.20749026,0.5009048 0,0.1878793 0.0746338,0.3680633 0.20749026,0.5009046 L 5.0023715,5.995511 0.54643923,10.452213 c -0.0676086,0.06534 -0.12151598,0.14352 -0.15859681,0.229916 -0.0370714,0.08639 -0.0565645,0.1794 -0.0573369,0.27335 -7.724e-4,0.09404 0.0171873,0.187331 0.0528423,0.274293 0.0356455,0.08705 0.0882688,0.166087 0.15479148,0.23256 0.0665321,0.06648 0.14562277,0.11897 0.2326735,0.154567 0.0870507,0.0356 0.18031463,0.05344 0.2743433,0.05259 0.094029,-8.5e-4 0.1869528,-0.02049 0.2733331,-0.0576 0.08639,-0.0372 0.1645078,-0.09121 0.2298029,-0.158817 L 6.0042244,6.9973204 10.460119,11.453078 c 0.132856,0.132851 0.313114,0.207444 0.500926,0.207444 0.187907,0 0.36807,-0.07459 0.500927,-0.207444 0.132856,-0.13285 0.207547,-0.313006 0.207547,-0.500904 0,-0.187898 -0.07469,-0.368054 -0.207547,-0.500905 z"/></svg>');
|
|
6
6
|
|
|
7
7
|
/* Container */
|
|
8
|
-
/*@doc Define a camada que o container será exibido.*/
|
|
8
|
+
/*@doc Define a camada em que o container será exibido.*/
|
|
9
9
|
--toast__container-z-index: var(--more-visible, 2);
|
|
10
10
|
/*@doc Define a cor de fundo do container.*/
|
|
11
11
|
--toast__container--background-color: var(--color--secondary, #383c45);
|
|
12
12
|
|
|
13
13
|
/* Icon */
|
|
14
|
-
/*@doc Define o espaçamento
|
|
14
|
+
/*@doc Define o espaçamento à esquerda do ícone.*/
|
|
15
15
|
--toast__icon--padding-left: var(--space--small, 6px);
|
|
16
16
|
}
|
|
17
17
|
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
:host {
|
|
2
2
|
|
|
3
3
|
/* dimensions */
|
|
4
|
+
/*@doc Define a altura do componente.*/
|
|
4
5
|
--iu--height: 42px;
|
|
6
|
+
/*@doc Define a largura do componente.*/
|
|
5
7
|
--iu--width: 100%;
|
|
8
|
+
/*@doc Define a largura do slot que contém o ícone.*/
|
|
6
9
|
--iu__icon--width: 48px;
|
|
7
10
|
|
|
8
11
|
/* box--container */
|
|
@@ -30,7 +33,7 @@
|
|
|
30
33
|
/* text */
|
|
31
34
|
/*@doc Define as sombras dos textos do componente.*/
|
|
32
35
|
--iu--text-shadow: var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);
|
|
33
|
-
/*@doc Define a dos textos do componente.*/
|
|
36
|
+
/*@doc Define a cor dos textos do componente.*/
|
|
34
37
|
--iu--text--primary: var(--text-primary, #626e82);
|
|
35
38
|
/*@doc Define o tamanho dos textos do componente.*/
|
|
36
39
|
--iu--font-size: var(--text--medium, 14px);
|
|
@@ -267,7 +267,7 @@ export class EzUpload {
|
|
|
267
267
|
"optional": false,
|
|
268
268
|
"docs": {
|
|
269
269
|
"tags": [],
|
|
270
|
-
"text": "
|
|
270
|
+
"text": "T\u00EDtulo do campo"
|
|
271
271
|
},
|
|
272
272
|
"attribute": "label",
|
|
273
273
|
"reflect": false
|
|
@@ -370,7 +370,7 @@ export class EzUpload {
|
|
|
370
370
|
"optional": false,
|
|
371
371
|
"docs": {
|
|
372
372
|
"tags": [],
|
|
373
|
-
"text": "Define a URL
|
|
373
|
+
"text": "Define a URL de dele\u00E7\u00E3o"
|
|
374
374
|
},
|
|
375
375
|
"attribute": "urldelete",
|
|
376
376
|
"reflect": false
|
|
@@ -394,7 +394,7 @@ export class EzUpload {
|
|
|
394
394
|
"optional": false,
|
|
395
395
|
"docs": {
|
|
396
396
|
"tags": [],
|
|
397
|
-
"text": "Lista de arquivos que
|
|
397
|
+
"text": "Lista de arquivos que ser\u00E1 trafegada entre cliente e servidor"
|
|
398
398
|
}
|
|
399
399
|
}
|
|
400
400
|
}; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { createEvent, h, forceUpdate, Host, proxyCustomElement } from '@stencil/core/internal/client';
|
|
2
2
|
export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
|
|
3
3
|
|
|
4
|
-
const ezActionChipCss = ":host{--ac--height:36px;--ac--border-radius:var(--border--radius-large, 24px);--ac__border:1px solid;--ac__border-color-strokes:var(--color--strokes, #DCE0E8);--ac--font-size:var(--text--medium, 14px);--ac--font-family:var(--font-pattern, Arial);--ac--font-weight:var(--text-weight--large, 500);--ac__label--title--primary:var(--title--primary, #919191);--ac__label-color--disable-secondary:var(--color--disable-secondary, #F2F5F8);--ac__label__default--background-color--hover:var(--color--primary-200, #f2faf8);--ac__label__default--border-color--hover:var(--color--primary-600, #007a5a)}.label__container{width:fit-content;display:flex;flex-wrap:wrap;position:relative;background-color:#FFFFFF;align-items:center;align-self:center;color:var(--ac__label--title--primary);fill:var(--ac__label--title--primary);border:var(--ac__border);border-radius:var(--ac--border-radius);border-color:var(--ac__border-color-strokes);padding-right:var(--space--medium, 12px);padding-left:var(--space--medium, 12px)
|
|
4
|
+
const ezActionChipCss = ":host{--ac--height:36px;--ac--border-radius:var(--border--radius-large, 24px);--ac__border:1px solid;--ac__border-color-strokes:var(--color--strokes, #DCE0E8);--ac--font-size:var(--text--medium, 14px);--ac--font-family:var(--font-pattern, Arial);--ac--font-weight:var(--text-weight--large, 500);--ac__label--title--primary:var(--title--primary, #919191);--ac__label-color--disable-secondary:var(--color--disable-secondary, #F2F5F8);--ac__label__default--background-color--hover:var(--color--primary-200, #f2faf8);--ac__label__default--border-color--hover:var(--color--primary-600, #007a5a)}.label__container{width:fit-content;display:flex;flex-wrap:wrap;position:relative;background-color:#FFFFFF;align-items:center;align-self:center;cursor:pointer;color:var(--ac__label--title--primary);fill:var(--ac__label--title--primary);border:var(--ac__border);border-radius:var(--ac--border-radius);border-color:var(--ac__border-color-strokes);padding-right:var(--space--medium, 12px);padding-left:var(--space--medium, 12px)}.label__container:hover{border-color:var(--ac__label__default--border-color--hover);background-color:var(--ac__label__default--background-color--hover)}label{display:flex;align-items:center;font-weight:var(--text-weight--large, 600);cursor:pointer;height:var(--ac--height);font-family:var(--ac--font-family);font-size:var(--ac--font-size)}";
|
|
5
5
|
|
|
6
6
|
let EzLabelChip$2 = class extends HTMLElement {
|
|
7
7
|
constructor() {
|
|
@@ -23,7 +23,7 @@ let EzLabelChip$2 = class extends HTMLElement {
|
|
|
23
23
|
static get style() { return ezActionChipCss; }
|
|
24
24
|
};
|
|
25
25
|
|
|
26
|
-
const ezButtonCss = ":host{--button--min-width:100px;--button--height:42px;--button__icon--width:18px;--button__inline__icon--padding:12px;--button--padding-top:var(--space--medium, 12px);--button--padding-bottom:var(--space--medium, 12px);--button--padding-right:var(--space--large, 24px);--button--padding-left:var(--space--large, 24px);--button--color:var(--text--inverted, #FFF);--button--font-size:var(--text--medium, 14px);--button--font-family:var(--font-pattern, Arial);--button--font-weight:var(--text-weight--large);--button--background-color:var(--color--primary, #c0c0c0);--button--border-radius:var(--border--radius-large, 12px);--button--border:none;--button--hover--background-color:var(--color--primary-700, var(--button--background-color));--button--disabled-color:var(--text--disable);--button--disabled--background-color:var(--color--disable-primary);--button--focus--border:var(--button--border);--button--focus--box-shadow:none;--button--link-color:var(--title--primary, '#C0C0C0')}button{display:flex;align-items:center;justify-content:center;margin:0;cursor:pointer;transition:background-color 0.2s linear;min-width:var(--button--min-width);height:var(--button--height);font-family:var(--button--font-family);font-size:var(--button--font-size);font-weight:var(--button--font-weight);padding:var(--button--padding-top) var(--button--padding-right) var(--button--padding-bottom) var(--button--padding-left);border-radius:var(--button--border-radius);background-color:var(--button--background-color);color:var(--button--color);fill:var(--button--color);border:var(--button--border)}button:hover{background-color:var(--button--hover--background-color)}button:focus{outline:none;border:var(--button--focus--border);box-shadow:var(--button--focus--box-shadow)}button:disabled{background-color:var(--button--disabled--background-color);color:var(--button--disabled-color);fill:var(--button--disabled-color);border:none;cursor:no-drop}button.icon{width:42px;min-width:42px;height:42px;padding:0px}a{font-family:var(--button--font-family);font-size:var(--button--font-size);font-weight:var(--button--font-weight);color:var(--button--link-color);cursor:pointer;display:flex;align-items:center;justify-content:center}";
|
|
26
|
+
const ezButtonCss = ":host{--button--min-width:100px;--button--height:42px;--button__icon--width:18px;--button__inline__icon--padding:12px;--button--padding-top:var(--space--medium, 12px);--button--padding-bottom:var(--space--medium, 12px);--button--padding-right:var(--space--large, 24px);--button--padding-left:var(--space--large, 24px);--button--color:var(--text--inverted, #FFF);--button--font-size:var(--text--medium, 14px);--button--font-family:var(--font-pattern, Arial);--button--font-weight:var(--text-weight--large);--button--background-color:var(--color--primary, #c0c0c0);--button--border-radius:var(--border--radius-large, 12px);--button--border:none;--button--hover--background-color:var(--color--primary-700, var(--button--background-color));--button--disabled-color:var(--text--disable);--button--disabled--background-color:var(--color--disable-primary);--button--focus--border:var(--button--border);--button--focus--box-shadow:none;--button--link-color:var(--title--primary, '#C0C0C0')}button{display:flex;align-items:center;justify-content:center;margin:0;cursor:pointer;transition:background-color 0.2s linear;min-width:var(--button--min-width);height:var(--button--height);font-family:var(--button--font-family);font-size:var(--button--font-size);font-weight:var(--button--font-weight);padding:var(--button--padding-top) var(--button--padding-right) var(--button--padding-bottom) var(--button--padding-left);border-radius:var(--button--border-radius);background-color:var(--button--background-color);color:var(--button--color);fill:var(--button--color);border:var(--button--border)}button:hover{background-color:var(--button--hover--background-color)}button:focus{outline:none;border:var(--button--focus--border);box-shadow:var(--button--focus--box-shadow)}button:disabled{background-color:var(--button--disabled--background-color);color:var(--button--disabled-color);fill:var(--button--disabled-color);border:none;cursor:no-drop}button.icon{width:42px;min-width:42px;height:42px;padding:0px}a{font-family:var(--button--font-family);font-size:var(--button--font-size);font-weight:var(--button--font-weight);color:var(--button--link-color);cursor:pointer;display:flex;align-items:center;justify-content:center;}";
|
|
27
27
|
|
|
28
28
|
let EzButton$1 = class extends HTMLElement {
|
|
29
29
|
constructor() {
|
|
@@ -40,9 +40,9 @@ let EzButton$1 = class extends HTMLElement {
|
|
|
40
40
|
this.mode = "regular";
|
|
41
41
|
}
|
|
42
42
|
handleSlotChange(ev) {
|
|
43
|
-
const slot = ev.target;
|
|
44
|
-
const content = slot.assignedElements()[0];
|
|
45
43
|
if (this.mode == "link") {
|
|
44
|
+
const slot = ev.target;
|
|
45
|
+
const content = slot.assignedElements()[0];
|
|
46
46
|
content.style.display = "inline";
|
|
47
47
|
if (slot.name == "leftIcon") {
|
|
48
48
|
content.style.paddingRight = "var(--button__inline__icon--padding)";
|
|
@@ -884,12 +884,12 @@ let EzCheck$1 = class extends HTMLElement {
|
|
|
884
884
|
this.__attachShadow();
|
|
885
885
|
this.ezChange = createEvent(this, "ezChange", 7);
|
|
886
886
|
/**
|
|
887
|
-
* Deixa o campo disponível ou não
|
|
887
|
+
* Deixa o campo disponível ou não para interação com o usuário.
|
|
888
888
|
*/
|
|
889
889
|
this.enabled = true;
|
|
890
890
|
/**
|
|
891
891
|
* Existem dois modos de visualização: regular e switch.
|
|
892
|
-
* Se esta propriedade for omitida, o componete assume o formato "regular"
|
|
892
|
+
* Se esta propriedade for omitida, o componete assume o formato "regular".
|
|
893
893
|
* No modo "regular" a visualização é a tradicional de uma caixinha marcada/desmarcada.
|
|
894
894
|
* No modo "switch" o campo tem uma interface em formato de um pino liga/desliga.
|
|
895
895
|
*/
|
|
@@ -930,7 +930,7 @@ let EzCheck$1 = class extends HTMLElement {
|
|
|
930
930
|
getLabelClasses() {
|
|
931
931
|
let classes = "label";
|
|
932
932
|
if (!this.enabled) {
|
|
933
|
-
classes
|
|
933
|
+
classes += " label--disabled";
|
|
934
934
|
}
|
|
935
935
|
return classes;
|
|
936
936
|
}
|
|
@@ -1350,6 +1350,9 @@ let EzDialog$1 = class extends HTMLElement {
|
|
|
1350
1350
|
this._currentMessage = this._messageQueue.shift();
|
|
1351
1351
|
forceUpdate(this);
|
|
1352
1352
|
}
|
|
1353
|
+
/**
|
|
1354
|
+
* Faz com que o componente seja exibido.
|
|
1355
|
+
*/
|
|
1353
1356
|
async show(title, message, critical, confirm, icon) {
|
|
1354
1357
|
this.opened = true;
|
|
1355
1358
|
return new Promise(resolve => {
|
|
@@ -3729,7 +3732,7 @@ let EzIcon$1 = class extends HTMLElement {
|
|
|
3729
3732
|
this.__registerHost();
|
|
3730
3733
|
this.__attachShadow();
|
|
3731
3734
|
/**
|
|
3732
|
-
* Tamanho do
|
|
3735
|
+
* Tamanho do ícone
|
|
3733
3736
|
*/
|
|
3734
3737
|
this.size = 'medium';
|
|
3735
3738
|
}
|
|
@@ -3858,7 +3861,7 @@ let EzModal$1 = class extends HTMLElement {
|
|
|
3858
3861
|
*/
|
|
3859
3862
|
this.oppened = true;
|
|
3860
3863
|
/**
|
|
3861
|
-
* Define se o modal será fechado ao
|
|
3864
|
+
* Define se o modal será fechado ao clicar ESC
|
|
3862
3865
|
*/
|
|
3863
3866
|
this.closeesc = false;
|
|
3864
3867
|
/**
|
|
@@ -4317,8 +4320,6 @@ let EzPopover$1 = class extends HTMLElement {
|
|
|
4317
4320
|
if (_container.shadowRoot && _container.shadowRoot.contains(node)) {
|
|
4318
4321
|
return true;
|
|
4319
4322
|
}
|
|
4320
|
-
//Here: we pass this._box as parameter but we need to change to _host
|
|
4321
|
-
//because we need to get the lasChild (inner content to put in slot)
|
|
4322
4323
|
_container = this._host;
|
|
4323
4324
|
return !_container.lastElementChild.shadowRoot ? _container.contains(node) : _container.lastElementChild.shadowRoot.contains(node);
|
|
4324
4325
|
}
|
|
@@ -4343,8 +4344,6 @@ let EzPopover$1 = class extends HTMLElement {
|
|
|
4343
4344
|
if (_container.shadowRoot && _container.shadowRoot.contains(node)) {
|
|
4344
4345
|
return true;
|
|
4345
4346
|
}
|
|
4346
|
-
// Here: we pass this._box as parameter but we need to change to _host
|
|
4347
|
-
// because we need to get the lasChild (inner content to put in slot)
|
|
4348
4347
|
_container = this._host;
|
|
4349
4348
|
return !_container.lastElementChild.shadowRoot ? _container.contains(node) : _container.lastElementChild.shadowRoot.contains(node);
|
|
4350
4349
|
}
|
|
@@ -4403,7 +4402,7 @@ let EzPopup$1 = class extends HTMLElement {
|
|
|
4403
4402
|
*/
|
|
4404
4403
|
this.opened = false;
|
|
4405
4404
|
/**
|
|
4406
|
-
* Define o componente utilizará um cabeçalho com botão de fechamento.
|
|
4405
|
+
* Define se o componente utilizará um cabeçalho com botão de fechamento.
|
|
4407
4406
|
*/
|
|
4408
4407
|
this.useHeader = false;
|
|
4409
4408
|
}
|
|
@@ -4681,7 +4680,7 @@ let EzTextArea$1 = class extends HTMLElement {
|
|
|
4681
4680
|
*/
|
|
4682
4681
|
this.enabled = true;
|
|
4683
4682
|
/**
|
|
4684
|
-
* Ajusta o
|
|
4683
|
+
* Ajusta o número de linhas e consequentemente o height do textarea. Valor default: 4
|
|
4685
4684
|
*/
|
|
4686
4685
|
this.rows = 4;
|
|
4687
4686
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h } from './index-89fc9bfd.js';
|
|
2
2
|
|
|
3
|
-
const ezActionChipCss = ":host{--ac--height:36px;--ac--border-radius:var(--border--radius-large, 24px);--ac__border:1px solid;--ac__border-color-strokes:var(--color--strokes, #DCE0E8);--ac--font-size:var(--text--medium, 14px);--ac--font-family:var(--font-pattern, Arial);--ac--font-weight:var(--text-weight--large, 500);--ac__label--title--primary:var(--title--primary, #919191);--ac__label-color--disable-secondary:var(--color--disable-secondary, #F2F5F8);--ac__label__default--background-color--hover:var(--color--primary-200, #f2faf8);--ac__label__default--border-color--hover:var(--color--primary-600, #007a5a)}.label__container{width:fit-content;display:flex;flex-wrap:wrap;position:relative;background-color:#FFFFFF;align-items:center;align-self:center;color:var(--ac__label--title--primary);fill:var(--ac__label--title--primary);border:var(--ac__border);border-radius:var(--ac--border-radius);border-color:var(--ac__border-color-strokes);padding-right:var(--space--medium, 12px);padding-left:var(--space--medium, 12px)
|
|
3
|
+
const ezActionChipCss = ":host{--ac--height:36px;--ac--border-radius:var(--border--radius-large, 24px);--ac__border:1px solid;--ac__border-color-strokes:var(--color--strokes, #DCE0E8);--ac--font-size:var(--text--medium, 14px);--ac--font-family:var(--font-pattern, Arial);--ac--font-weight:var(--text-weight--large, 500);--ac__label--title--primary:var(--title--primary, #919191);--ac__label-color--disable-secondary:var(--color--disable-secondary, #F2F5F8);--ac__label__default--background-color--hover:var(--color--primary-200, #f2faf8);--ac__label__default--border-color--hover:var(--color--primary-600, #007a5a)}.label__container{width:fit-content;display:flex;flex-wrap:wrap;position:relative;background-color:#FFFFFF;align-items:center;align-self:center;cursor:pointer;color:var(--ac__label--title--primary);fill:var(--ac__label--title--primary);border:var(--ac__border);border-radius:var(--ac--border-radius);border-color:var(--ac__border-color-strokes);padding-right:var(--space--medium, 12px);padding-left:var(--space--medium, 12px)}.label__container:hover{border-color:var(--ac__label__default--border-color--hover);background-color:var(--ac__label__default--background-color--hover)}label{display:flex;align-items:center;font-weight:var(--text-weight--large, 600);cursor:pointer;height:var(--ac--height);font-family:var(--ac--font-family);font-size:var(--ac--font-size)}";
|
|
4
4
|
|
|
5
5
|
let EzLabelChip = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -2,7 +2,7 @@ import { r as registerInstance, h, c as createEvent, f as forceUpdate, H as Host
|
|
|
2
2
|
import { N as NumberUtils, M as MaskFormatter } from './RequestMetadata-c265c9d5.js';
|
|
3
3
|
import { F as FloatingManager } from './FloatingManager-bb90ef41.js';
|
|
4
4
|
|
|
5
|
-
const ezButtonCss = ":host{--button--min-width:100px;--button--height:42px;--button__icon--width:18px;--button__inline__icon--padding:12px;--button--padding-top:var(--space--medium, 12px);--button--padding-bottom:var(--space--medium, 12px);--button--padding-right:var(--space--large, 24px);--button--padding-left:var(--space--large, 24px);--button--color:var(--text--inverted, #FFF);--button--font-size:var(--text--medium, 14px);--button--font-family:var(--font-pattern, Arial);--button--font-weight:var(--text-weight--large);--button--background-color:var(--color--primary, #c0c0c0);--button--border-radius:var(--border--radius-large, 12px);--button--border:none;--button--hover--background-color:var(--color--primary-700, var(--button--background-color));--button--disabled-color:var(--text--disable);--button--disabled--background-color:var(--color--disable-primary);--button--focus--border:var(--button--border);--button--focus--box-shadow:none;--button--link-color:var(--title--primary, '#C0C0C0')}button{display:flex;align-items:center;justify-content:center;margin:0;cursor:pointer;transition:background-color 0.2s linear;min-width:var(--button--min-width);height:var(--button--height);font-family:var(--button--font-family);font-size:var(--button--font-size);font-weight:var(--button--font-weight);padding:var(--button--padding-top) var(--button--padding-right) var(--button--padding-bottom) var(--button--padding-left);border-radius:var(--button--border-radius);background-color:var(--button--background-color);color:var(--button--color);fill:var(--button--color);border:var(--button--border)}button:hover{background-color:var(--button--hover--background-color)}button:focus{outline:none;border:var(--button--focus--border);box-shadow:var(--button--focus--box-shadow)}button:disabled{background-color:var(--button--disabled--background-color);color:var(--button--disabled-color);fill:var(--button--disabled-color);border:none;cursor:no-drop}button.icon{width:42px;min-width:42px;height:42px;padding:0px}a{font-family:var(--button--font-family);font-size:var(--button--font-size);font-weight:var(--button--font-weight);color:var(--button--link-color);cursor:pointer;display:flex;align-items:center;justify-content:center}";
|
|
5
|
+
const ezButtonCss = ":host{--button--min-width:100px;--button--height:42px;--button__icon--width:18px;--button__inline__icon--padding:12px;--button--padding-top:var(--space--medium, 12px);--button--padding-bottom:var(--space--medium, 12px);--button--padding-right:var(--space--large, 24px);--button--padding-left:var(--space--large, 24px);--button--color:var(--text--inverted, #FFF);--button--font-size:var(--text--medium, 14px);--button--font-family:var(--font-pattern, Arial);--button--font-weight:var(--text-weight--large);--button--background-color:var(--color--primary, #c0c0c0);--button--border-radius:var(--border--radius-large, 12px);--button--border:none;--button--hover--background-color:var(--color--primary-700, var(--button--background-color));--button--disabled-color:var(--text--disable);--button--disabled--background-color:var(--color--disable-primary);--button--focus--border:var(--button--border);--button--focus--box-shadow:none;--button--link-color:var(--title--primary, '#C0C0C0')}button{display:flex;align-items:center;justify-content:center;margin:0;cursor:pointer;transition:background-color 0.2s linear;min-width:var(--button--min-width);height:var(--button--height);font-family:var(--button--font-family);font-size:var(--button--font-size);font-weight:var(--button--font-weight);padding:var(--button--padding-top) var(--button--padding-right) var(--button--padding-bottom) var(--button--padding-left);border-radius:var(--button--border-radius);background-color:var(--button--background-color);color:var(--button--color);fill:var(--button--color);border:var(--button--border)}button:hover{background-color:var(--button--hover--background-color)}button:focus{outline:none;border:var(--button--focus--border);box-shadow:var(--button--focus--box-shadow)}button:disabled{background-color:var(--button--disabled--background-color);color:var(--button--disabled-color);fill:var(--button--disabled-color);border:none;cursor:no-drop}button.icon{width:42px;min-width:42px;height:42px;padding:0px}a{font-family:var(--button--font-family);font-size:var(--button--font-size);font-weight:var(--button--font-weight);color:var(--button--link-color);cursor:pointer;display:flex;align-items:center;justify-content:center;}";
|
|
6
6
|
|
|
7
7
|
let EzButton = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -17,9 +17,9 @@ let EzButton = class {
|
|
|
17
17
|
this.mode = "regular";
|
|
18
18
|
}
|
|
19
19
|
handleSlotChange(ev) {
|
|
20
|
-
const slot = ev.target;
|
|
21
|
-
const content = slot.assignedElements()[0];
|
|
22
20
|
if (this.mode == "link") {
|
|
21
|
+
const slot = ev.target;
|
|
22
|
+
const content = slot.assignedElements()[0];
|
|
23
23
|
content.style.display = "inline";
|
|
24
24
|
if (slot.name == "leftIcon") {
|
|
25
25
|
content.style.paddingRight = "var(--button__inline__icon--padding)";
|
|
@@ -208,12 +208,12 @@ let EzCheck = class {
|
|
|
208
208
|
registerInstance(this, hostRef);
|
|
209
209
|
this.ezChange = createEvent(this, "ezChange", 7);
|
|
210
210
|
/**
|
|
211
|
-
* Deixa o campo disponível ou não
|
|
211
|
+
* Deixa o campo disponível ou não para interação com o usuário.
|
|
212
212
|
*/
|
|
213
213
|
this.enabled = true;
|
|
214
214
|
/**
|
|
215
215
|
* Existem dois modos de visualização: regular e switch.
|
|
216
|
-
* Se esta propriedade for omitida, o componete assume o formato "regular"
|
|
216
|
+
* Se esta propriedade for omitida, o componete assume o formato "regular".
|
|
217
217
|
* No modo "regular" a visualização é a tradicional de uma caixinha marcada/desmarcada.
|
|
218
218
|
* No modo "switch" o campo tem uma interface em formato de um pino liga/desliga.
|
|
219
219
|
*/
|
|
@@ -254,7 +254,7 @@ let EzCheck = class {
|
|
|
254
254
|
getLabelClasses() {
|
|
255
255
|
let classes = "label";
|
|
256
256
|
if (!this.enabled) {
|
|
257
|
-
classes
|
|
257
|
+
classes += " label--disabled";
|
|
258
258
|
}
|
|
259
259
|
return classes;
|
|
260
260
|
}
|
|
@@ -2966,7 +2966,7 @@ let EzIcon = class {
|
|
|
2966
2966
|
constructor(hostRef) {
|
|
2967
2967
|
registerInstance(this, hostRef);
|
|
2968
2968
|
/**
|
|
2969
|
-
* Tamanho do
|
|
2969
|
+
* Tamanho do ícone
|
|
2970
2970
|
*/
|
|
2971
2971
|
this.size = 'medium';
|
|
2972
2972
|
}
|
|
@@ -3292,7 +3292,7 @@ let EzTextArea = class {
|
|
|
3292
3292
|
*/
|
|
3293
3293
|
this.enabled = true;
|
|
3294
3294
|
/**
|
|
3295
|
-
* Ajusta o
|
|
3295
|
+
* Ajusta o número de linhas e consequentemente o height do textarea. Valor default: 4
|
|
3296
3296
|
*/
|
|
3297
3297
|
this.rows = 4;
|
|
3298
3298
|
}
|
|
@@ -42,6 +42,9 @@ let EzDialog = class {
|
|
|
42
42
|
this._currentMessage = this._messageQueue.shift();
|
|
43
43
|
forceUpdate(this);
|
|
44
44
|
}
|
|
45
|
+
/**
|
|
46
|
+
* Faz com que o componente seja exibido.
|
|
47
|
+
*/
|
|
45
48
|
async show(title, message, critical, confirm, icon) {
|
|
46
49
|
this.opened = true;
|
|
47
50
|
return new Promise(resolve => {
|
|
@@ -58,8 +58,6 @@ let EzPopover = class {
|
|
|
58
58
|
if (_container.shadowRoot && _container.shadowRoot.contains(node)) {
|
|
59
59
|
return true;
|
|
60
60
|
}
|
|
61
|
-
//Here: we pass this._box as parameter but we need to change to _host
|
|
62
|
-
//because we need to get the lasChild (inner content to put in slot)
|
|
63
61
|
_container = this._host;
|
|
64
62
|
return !_container.lastElementChild.shadowRoot ? _container.contains(node) : _container.lastElementChild.shadowRoot.contains(node);
|
|
65
63
|
}
|
|
@@ -84,8 +82,6 @@ let EzPopover = class {
|
|
|
84
82
|
if (_container.shadowRoot && _container.shadowRoot.contains(node)) {
|
|
85
83
|
return true;
|
|
86
84
|
}
|
|
87
|
-
// Here: we pass this._box as parameter but we need to change to _host
|
|
88
|
-
// because we need to get the lasChild (inner content to put in slot)
|
|
89
85
|
_container = this._host;
|
|
90
86
|
return !_container.lastElementChild.shadowRoot ? _container.contains(node) : _container.lastElementChild.shadowRoot.contains(node);
|
|
91
87
|
}
|
package/dist/ezui/ezui.esm.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as a}from"./p-762ac7a0.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a([["p-8c8f1c00",[[1,"ez-dialog",{confirm:[1028],critical:[1028],message:[1025],opened:[1540],personalizedIconPath:[1025,"personalized-icon-path"],ezTitle:[1025,"ez-title"],handleButtonClick:[64],show:[64]}]]],["p-f7d7fb7f",[[1,"ez-time-input",{label:[513],viewValue:[1537,"view-value"],value:[1026],enabled:[516],errorMessage:[1537,"error-message"],showSeconds:[516,"show-seconds"],setFocus:[64],setBlur:[64]}]]],["p-
|
|
1
|
+
import{p as e,b as a}from"./p-762ac7a0.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a([["p-8c8f1c00",[[1,"ez-dialog",{confirm:[1028],critical:[1028],message:[1025],opened:[1540],personalizedIconPath:[1025,"personalized-icon-path"],ezTitle:[1025,"ez-title"],handleButtonClick:[64],show:[64]}]]],["p-f7d7fb7f",[[1,"ez-time-input",{label:[513],viewValue:[1537,"view-value"],value:[1026],enabled:[516],errorMessage:[1537,"error-message"],showSeconds:[516,"show-seconds"],setFocus:[64],setBlur:[64]}]]],["p-1c33a56d",[[1,"ez-action-chip",{label:[513],enabled:[516]}]]],["p-9702db61",[[1,"ez-label-chip",{label:[513],enabled:[516],removable:[516],value:[1540],setFocus:[64],setBlur:[64]}]]],["p-d185d7e8",[[1,"ez-modal",{modalsize:[1],align:[1],oppened:[4],closeesc:[4],closeoutsideclick:[4]}]]],["p-74e4415e",[[1,"ez-number-input",{strvalue:[1025],value:[1026],label:[513],enabled:[516],errorMessage:[1537,"error-message"],precision:[1538],prettyprecision:[1538],textleft:[516],formatnumber:[513],setFocus:[64],setBlur:[64],handleFocusout:[64]}]]],["p-ee5058c1",[[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]}]]],["p-7c7dbfcb",[[1,"ez-popup",{size:[1],opened:[1540],useHeader:[1540,"use-header"],ezTitle:[1,"ez-title"]}]]],["p-8d547517",[[1,"ez-toast",{message:[1025],fadeTime:[1026,"fade-time"],useIcon:[1028,"use-icon"],show:[64]}]]],["p-169d99a1",[[0,"ez-form",{metadataexecutor:[1],loadexecutor:[1],saveexecutor:[1],removeexecutor:[1],fieldsearchexecutor:[1],ignoresavevalidation:[4],metadata:[16],slavemode:[4],enabled:[4],loading:[1540],validate:[64],getChanges:[64],changeFieldValue:[64]}],[1,"form-metadata",{name:[1],label:[1],dataunit:[1025],many:[4],autoload:[4],metadata:[1040]}],[1,"ez-date-input",{label:[513],value:[1040],enabled:[516],errorMessage:[1537,"error-message"]}],[1,"ez-search",{value:[1537],label:[1537],enabled:[1540],errorMessage:[1537,"error-message"],optionloader:[16],showselectedvalue:[4],showoptionvalue:[4]}],[1,"ez-numeric-input",{label:[513],value:[1538],enabled:[516],errorMessage:[1537,"error-message"],precision:[8],prettyprecision:[8]}],[1,"ez-check",{label:[513],value:[1540],enabled:[516],mode:[513],getMode:[64],setFocus:[64]}],[1,"ez-collapsible-box",{value:[1540],label:[513],headersize:[513],iconplacement:[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,"error-message"],rows:[1538],setFocus:[64],setBlur:[64]}],[1,"ez-upload",{label:[1],enabled:[4],maxfilesize:[2],maxfiles:[2],requestheaders:[8],urlupload:[1],urldelete:[1],value:[1040],addFiles:[64]}],[1,"place-holder"],[1,"ez-button",{label:[513],enabled:[516],mode:[513],image:[513]}],[1,"ez-combo-box",{value:[1537],label:[513],enabled:[516],options:[1040],errorMessage:[1537,"error-message"],searchmode:[4],showselectedvalue:[4],showoptionvalue:[4],optionloader:[16],_preSelection:[32],_visibleOptions:[32]}],[1,"ez-calendar",{value:[1040],floating:[516],show:[64],fitVertical:[64],hide:[64]}],[1,"ez-icon",{size:[513],href:[513]}],[1,"ez-text-input",{label:[513],value:[1537],enabled:[516],loading:[516],errorMessage:[1537,"error-message"],mask:[1],restrict:[1],setFocus:[64],setBlur:[64]}]]]],e)));
|