@sankhyalabs/ezui-docs 7.1.0-dev.20 → 7.1.0-dev.22

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.
@@ -7,15 +7,16 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | ------------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ | ----------- |
12
- | `config` | -- | Configuração do formulário. | `IFormConfig` | `undefined` |
13
- | `dataUnit` | -- | Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos. | `DataUnit` | `undefined` |
14
- | `elementFocusSearchField` | -- | Define uma ancoragem | `HTMLElement` | `undefined` |
15
- | `fieldToFocus` | `field-to-focus` | Determina o campo que deve ficar em evidência. | `string` | `undefined` |
16
- | `onlyStaticFields` | `only-static-fields` | Define se os campos que serão apresentados são todos estáticos. Quando verdadeira, ocorrerá no DataBinder o bind dos campos com o DataUnit. | `boolean` | `false` |
17
- | `recordsValidator` | -- | Define um validador responsável pela integridade dos registros. | `IRecordValidator` | `undefined` |
18
- | `useSearchField` | `use-search-field` | Define se o formulario deve exibir um buscador de coluna com uso do Ctrl+F | `boolean` | `true` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ------------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------- | ----------- |
12
+ | `config` | -- | Configuração do formulário. | `IFormConfig` | `undefined` |
13
+ | `customUiBuilders` | -- | Define construtores customizados para tipos de campos específicos | `Map<UserInterface, (field: IFormViewField, context?: IFieldBuilderContext) => HTMLElement>` | `new Map()` |
14
+ | `dataUnit` | -- | Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos. | `DataUnit` | `undefined` |
15
+ | `elementFocusSearchField` | -- | Define uma ancoragem | `HTMLElement` | `undefined` |
16
+ | `fieldToFocus` | `field-to-focus` | Determina o campo que deve ficar em evidência. | `string` | `undefined` |
17
+ | `onlyStaticFields` | `only-static-fields` | Define se os campos que serão apresentados são todos estáticos. Quando verdadeira, ocorrerá no DataBinder o bind dos campos com o DataUnit. | `boolean` | `false` |
18
+ | `recordsValidator` | -- | Define um validador responsável pela integridade dos registros. | `IRecordValidator` | `undefined` |
19
+ | `useSearchField` | `use-search-field` | Define se o formulario deve exibir um buscador de coluna com uso do Ctrl+F | `boolean` | `true` |
19
20
 
20
21
 
21
22
  ## Events
@@ -81,17 +82,27 @@ graph TD;
81
82
  ez-form-view --> ez-custom-form-input
82
83
  ez-form-view --> ez-collapsible-box
83
84
  ez-form-view --> ez-check
85
+ ez-form-view --> ez-classic-combo-box
84
86
  ez-form-view --> ez-combo-box
87
+ ez-form-view --> ez-classic-date-input
85
88
  ez-form-view --> ez-date-input
89
+ ez-form-view --> ez-classic-time-input
86
90
  ez-form-view --> ez-time-input
91
+ ez-form-view --> ez-classic-date-time-input
87
92
  ez-form-view --> ez-date-time-input
88
93
  ez-form-view --> ez-upload
94
+ ez-form-view --> ez-classic-number-input
89
95
  ez-form-view --> ez-number-input
96
+ ez-form-view --> ez-classic-text-area
90
97
  ez-form-view --> ez-text-area
98
+ ez-form-view --> ez-classic-input
91
99
  ez-form-view --> ez-text-input
100
+ ez-form-view --> ez-classic-search-plus
92
101
  ez-form-view --> ez-search-plus
102
+ ez-form-view --> ez-classic-search
93
103
  ez-form-view --> ez-search
94
104
  ez-form-view --> ez-rich-text
105
+ ez-form-view --> ez-image-input
95
106
  ez-collapsible-box --> ez-icon
96
107
  ez-collapsible-box --> ez-text-edit
97
108
  ez-text-edit --> ez-text-input
@@ -99,28 +110,50 @@ graph TD;
99
110
  ez-text-input --> ez-tooltip
100
111
  ez-text-input --> ez-icon
101
112
  ez-button --> ez-icon
113
+ ez-classic-combo-box --> ez-classic-input
114
+ ez-classic-combo-box --> ez-popover-core
115
+ ez-classic-input --> ez-icon
102
116
  ez-combo-box --> ez-text-input
103
117
  ez-combo-box --> ez-icon
104
118
  ez-combo-box --> ez-popover-plus
105
119
  ez-combo-box --> ez-combo-box-list
106
120
  ez-popover-plus --> ez-popover-core
121
+ ez-classic-date-input --> ez-classic-input
122
+ ez-classic-date-input --> ez-popover-plus
123
+ ez-classic-date-input --> ez-calendar
107
124
  ez-date-input --> ez-text-input
108
125
  ez-date-input --> ez-popover-plus
109
126
  ez-date-input --> ez-calendar
127
+ ez-classic-time-input --> ez-classic-input
110
128
  ez-time-input --> ez-text-input
111
129
  ez-time-input --> ez-icon
130
+ ez-classic-date-time-input --> ez-classic-input
131
+ ez-classic-date-time-input --> ez-popover-plus
132
+ ez-classic-date-time-input --> ez-calendar
112
133
  ez-date-time-input --> ez-text-input
113
134
  ez-date-time-input --> ez-popover-plus
114
135
  ez-date-time-input --> ez-calendar
136
+ ez-classic-number-input --> ez-classic-input
115
137
  ez-number-input --> ez-text-input
138
+ ez-classic-text-area --> ez-icon
116
139
  ez-text-area --> ez-tooltip
117
140
  ez-text-area --> ez-icon
141
+ ez-classic-search-plus --> ez-classic-input
142
+ ez-classic-search-plus --> ez-popover-plus
143
+ ez-classic-search-plus --> ez-classic-search-result-list
144
+ ez-classic-search-result-list --> ez-card-item
145
+ ez-classic-search-result-list --> ez-skeleton
118
146
  ez-search-plus --> ez-icon
119
147
  ez-search-plus --> ez-text-input
120
148
  ez-search-plus --> ez-popover-plus
121
149
  ez-search-plus --> ez-search-result-list
122
150
  ez-search-result-list --> ez-card-item
123
151
  ez-search-result-list --> ez-skeleton
152
+ ez-classic-search --> ez-button
153
+ ez-classic-search --> ez-classic-input
154
+ ez-classic-search --> ez-popover-plus
155
+ ez-classic-search --> classic-search-list
156
+ classic-search-list --> ez-card-item
124
157
  ez-search --> ez-button
125
158
  ez-search --> ez-text-input
126
159
  ez-search --> ez-icon
@@ -150,6 +183,10 @@ graph TD;
150
183
  ez-simple-image-uploader --> ez-tooltip
151
184
  ez-simple-image-uploader --> ez-text-input
152
185
  ez-simple-image-uploader --> ez-icon
186
+ ez-image-input --> ez-skeleton
187
+ ez-image-input --> ez-button
188
+ ez-image-input --> ez-icon
189
+ ez-image-input --> ez-popup
153
190
  style ez-form fill:#f9f,stroke:#333,stroke-width:4px
154
191
  ```
155
192
 
@@ -7,11 +7,13 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | ---------------- | --------------- | ------------------------------------------------------------------------- | ------------------ | ----------- |
12
- | `fields` | -- | Define a lista de metadados usada para criar os campos de user interface. | `IFormViewField[]` | `undefined` |
13
- | `selectedRecord` | -- | Define os registros da linha selecionada. | `Record` | `undefined` |
14
- | `singleColumn` | `single-column` | Define se o formulario deve possuir apenas 1 coluna. | `boolean` | `false` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ------------------ | --------------- | ------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- | ----------- |
12
+ | `customUiBuilders` | -- | Define construtores customizados para tipos de campos específicos | `Map<UserInterface, (field: IFormViewField, context?: IFieldBuilderContext) => HTMLElement>` | `new Map()` |
13
+ | `fields` | -- | Define a lista de metadados usada para criar os campos de user interface. | `IFormViewField[]` | `undefined` |
14
+ | `formLayout` | `form-layout` | Define o layout do formulário. | `FormLayout.CASCADE \| FormLayout.CLASSIC_CASCADE \| FormLayout.CLASSIC_SIDE_BY_SIDE \| FormLayout.SIDE_BY_SIDE` | `undefined` |
15
+ | `selectedRecord` | -- | Define os registros da linha selecionada. | `Record` | `undefined` |
16
+ | `singleColumn` | `single-column` | Define se o formulario deve possuir apenas 1 coluna. | `boolean` | `false` |
15
17
 
16
18
 
17
19
  ## Events
@@ -66,17 +68,27 @@ Type: `Promise<void>`
66
68
  - [ez-custom-form-input](custom-input)
67
69
  - [ez-collapsible-box](../ez-collapsible-box)
68
70
  - [ez-check](../ez-check)
71
+ - [ez-classic-combo-box](../ez-classic-combo-box)
69
72
  - [ez-combo-box](../ez-combo-box)
73
+ - [ez-classic-date-input](../ez-classic-date-input)
70
74
  - [ez-date-input](../ez-date-input)
75
+ - [ez-classic-time-input](../ez-classic-time-input)
71
76
  - [ez-time-input](../ez-time-input)
77
+ - [ez-classic-date-time-input](../ez-classic-date-time-input)
72
78
  - [ez-date-time-input](../ez-date-time-input)
73
79
  - [ez-upload](../ez-upload)
80
+ - [ez-classic-number-input](../ez-classic-number-input)
74
81
  - [ez-number-input](../ez-number-input)
82
+ - [ez-classic-text-area](../ez-classic-text-area)
75
83
  - [ez-text-area](../ez-text-area)
84
+ - [ez-classic-input](../ez-classic-input)
76
85
  - [ez-text-input](../ez-text-input)
86
+ - [ez-classic-search-plus](../ez-classic-search-plus)
77
87
  - [ez-search-plus](../ez-search-plus)
88
+ - [ez-classic-search](../ez-classic-search)
78
89
  - [ez-search](../ez-search)
79
90
  - [ez-rich-text](../ez-rich-text)
91
+ - [ez-image-input](../ez-image-input)
80
92
 
81
93
  ### Graph
82
94
  ```mermaid
@@ -84,17 +96,27 @@ graph TD;
84
96
  ez-form-view --> ez-custom-form-input
85
97
  ez-form-view --> ez-collapsible-box
86
98
  ez-form-view --> ez-check
99
+ ez-form-view --> ez-classic-combo-box
87
100
  ez-form-view --> ez-combo-box
101
+ ez-form-view --> ez-classic-date-input
88
102
  ez-form-view --> ez-date-input
103
+ ez-form-view --> ez-classic-time-input
89
104
  ez-form-view --> ez-time-input
105
+ ez-form-view --> ez-classic-date-time-input
90
106
  ez-form-view --> ez-date-time-input
91
107
  ez-form-view --> ez-upload
108
+ ez-form-view --> ez-classic-number-input
92
109
  ez-form-view --> ez-number-input
110
+ ez-form-view --> ez-classic-text-area
93
111
  ez-form-view --> ez-text-area
112
+ ez-form-view --> ez-classic-input
94
113
  ez-form-view --> ez-text-input
114
+ ez-form-view --> ez-classic-search-plus
95
115
  ez-form-view --> ez-search-plus
116
+ ez-form-view --> ez-classic-search
96
117
  ez-form-view --> ez-search
97
118
  ez-form-view --> ez-rich-text
119
+ ez-form-view --> ez-image-input
98
120
  ez-collapsible-box --> ez-icon
99
121
  ez-collapsible-box --> ez-text-edit
100
122
  ez-text-edit --> ez-text-input
@@ -102,28 +124,50 @@ graph TD;
102
124
  ez-text-input --> ez-tooltip
103
125
  ez-text-input --> ez-icon
104
126
  ez-button --> ez-icon
127
+ ez-classic-combo-box --> ez-classic-input
128
+ ez-classic-combo-box --> ez-popover-core
129
+ ez-classic-input --> ez-icon
105
130
  ez-combo-box --> ez-text-input
106
131
  ez-combo-box --> ez-icon
107
132
  ez-combo-box --> ez-popover-plus
108
133
  ez-combo-box --> ez-combo-box-list
109
134
  ez-popover-plus --> ez-popover-core
135
+ ez-classic-date-input --> ez-classic-input
136
+ ez-classic-date-input --> ez-popover-plus
137
+ ez-classic-date-input --> ez-calendar
110
138
  ez-date-input --> ez-text-input
111
139
  ez-date-input --> ez-popover-plus
112
140
  ez-date-input --> ez-calendar
141
+ ez-classic-time-input --> ez-classic-input
113
142
  ez-time-input --> ez-text-input
114
143
  ez-time-input --> ez-icon
144
+ ez-classic-date-time-input --> ez-classic-input
145
+ ez-classic-date-time-input --> ez-popover-plus
146
+ ez-classic-date-time-input --> ez-calendar
115
147
  ez-date-time-input --> ez-text-input
116
148
  ez-date-time-input --> ez-popover-plus
117
149
  ez-date-time-input --> ez-calendar
150
+ ez-classic-number-input --> ez-classic-input
118
151
  ez-number-input --> ez-text-input
152
+ ez-classic-text-area --> ez-icon
119
153
  ez-text-area --> ez-tooltip
120
154
  ez-text-area --> ez-icon
155
+ ez-classic-search-plus --> ez-classic-input
156
+ ez-classic-search-plus --> ez-popover-plus
157
+ ez-classic-search-plus --> ez-classic-search-result-list
158
+ ez-classic-search-result-list --> ez-card-item
159
+ ez-classic-search-result-list --> ez-skeleton
121
160
  ez-search-plus --> ez-icon
122
161
  ez-search-plus --> ez-text-input
123
162
  ez-search-plus --> ez-popover-plus
124
163
  ez-search-plus --> ez-search-result-list
125
164
  ez-search-result-list --> ez-card-item
126
165
  ez-search-result-list --> ez-skeleton
166
+ ez-classic-search --> ez-button
167
+ ez-classic-search --> ez-classic-input
168
+ ez-classic-search --> ez-popover-plus
169
+ ez-classic-search --> classic-search-list
170
+ classic-search-list --> ez-card-item
127
171
  ez-search --> ez-button
128
172
  ez-search --> ez-text-input
129
173
  ez-search --> ez-icon
@@ -153,6 +197,10 @@ graph TD;
153
197
  ez-simple-image-uploader --> ez-tooltip
154
198
  ez-simple-image-uploader --> ez-text-input
155
199
  ez-simple-image-uploader --> ez-icon
200
+ ez-image-input --> ez-skeleton
201
+ ez-image-input --> ez-button
202
+ ez-image-input --> ez-icon
203
+ ez-image-input --> ez-popup
156
204
  ez-form --> ez-form-view
157
205
  style ez-form-view fill:#f9f,stroke:#333,stroke-width:4px
158
206
  ```
@@ -167,5 +215,5 @@ graph TD;
167
215
  |-|-|
168
216
  | --ez-form-view\_\_item--min-width | Define o tamanho mínimo dos itens do formulário. |
169
217
  | --ez-form-view\_\_item--max-width | Define o tamanho máximo dos itens do formulário. |
170
- | --ez-form-view\_\_item--width | Define o espaçamento entre itens do formulário. |
218
+ | --ez-form-view\_\_item--gap | Define o colunas entre itens do formulário. |
171
219
  | --ez-form-view\_\_item--padding | Define o padding do formulário. |
@@ -35,6 +35,7 @@
35
35
  - [ez-file-item](../ez-file-item)
36
36
  - [ez-filter-input](../ez-filter-input)
37
37
  - [ez-grid](../ez-grid)
38
+ - [ez-image-input](../ez-image-input)
38
39
  - [ez-list-item](../ez-list-item)
39
40
  - [ez-modal-container](../ez-modal-container)
40
41
  - [ez-multi-selection-list](../ez-multi-selection-list)
@@ -71,6 +72,7 @@ graph TD;
71
72
  ez-file-item --> ez-icon
72
73
  ez-filter-input --> ez-icon
73
74
  ez-grid --> ez-icon
75
+ ez-image-input --> ez-icon
74
76
  ez-list-item --> ez-icon
75
77
  ez-modal-container --> ez-icon
76
78
  ez-multi-selection-list --> ez-icon
@@ -0,0 +1,77 @@
1
+ # ez-image-input
2
+
3
+
4
+
5
+ <!-- Auto Generated Below -->
6
+
7
+
8
+ ## Properties
9
+
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ------------- | --------------- | ---------------------------------------------------------- | --------- | ------------------ |
12
+ | `accept` | `accept` | Tipos de arquivo aceitos | `string` | `'image/*'` |
13
+ | `enabled` | `enabled` | Define se o componente está habilitado | `boolean` | `true` |
14
+ | `label` | `label` | Label exibido na área de upload | `string` | `undefined` |
15
+ | `loading` | `loading` | Define se o componente está em estado de carregamento | `boolean` | `false` |
16
+ | `maxFileSize` | `max-file-size` | Define o tamanho máximo do arquivo em bytes (padrão: 20MB) | `number` | `20 * 1024 * 1024` |
17
+ | `name` | `name` | Nome do componente | `string` | `undefined` |
18
+ | `value` | `value` | Valor da imagem em base64 | `string` | `undefined` |
19
+
20
+
21
+ ## Events
22
+
23
+ | Event | Description | Type |
24
+ | ---------- | ------------------------------------------------ | --------------------- |
25
+ | `ezChange` | Evento disparado quando uma imagem é selecionada | `CustomEvent<string>` |
26
+ | `ezError` | Evento disparado quando ocorre um erro | `CustomEvent<string>` |
27
+
28
+
29
+ ## Dependencies
30
+
31
+ ### Used by
32
+
33
+ - [ez-form-view](../ez-form-view)
34
+
35
+ ### Depends on
36
+
37
+ - [ez-skeleton](../ez-skeleton)
38
+ - [ez-button](../ez-button)
39
+ - [ez-icon](../ez-icon)
40
+ - [ez-popup](../ez-popup)
41
+
42
+ ### Graph
43
+ ```mermaid
44
+ graph TD;
45
+ ez-image-input --> ez-skeleton
46
+ ez-image-input --> ez-button
47
+ ez-image-input --> ez-icon
48
+ ez-image-input --> ez-popup
49
+ ez-button --> ez-icon
50
+ ez-popup --> ez-button
51
+ ez-form-view --> ez-image-input
52
+ style ez-image-input fill:#f9f,stroke:#333,stroke-width:4px
53
+ ```
54
+
55
+ ----------------------------------------------
56
+
57
+
58
+
59
+
60
+ ## CSS Variables
61
+ | Variable | Description |
62
+ |-|-|
63
+ | --ez-image-input--container-height | Define a altura do container de imagem. |
64
+ | --ez-image-input--container-width | Define a largura do container de imagem. |
65
+ | --ez-image-input--background-color | Define a cor de fundo do container. |
66
+ | --ez-image-input--border-color | Define a cor da borda do container. |
67
+ | --ez-image-input--border-color-hover | Define a cor da borda no estado de hover. |
68
+ | --ez-image-input--border-color-dragging | Define a cor da borda quando está sendo arrastado. |
69
+ | --ez-image-input--border-color-disabled | Define a cor da borda quando está desabilitado. |
70
+ | --ez-image-input--label-color | Define a cor do texto do label. |
71
+ | --ez-image-input--icon-color | Define a cor do ícone. |
72
+ | --ez-image-input--border-radius | Define o raio da borda do container. |
73
+ | --ez-image-input--border-width | Define a largura da borda. |
74
+ | --ez-image-input--remove-button-bg | Define a cor de fundo do botão de remover. |
75
+ | --ez-image-input--remove-button-bg-hover | Define a cor de fundo do botão de remover no hover. |
76
+ | --ez-image-input--remove-button-color | Define a cor do ícone do botão de remover. |
77
+ | --ez-image-input--remove-button-border | Define a borda do botão de remover. |
@@ -93,6 +93,10 @@ Type: `Promise<void>`
93
93
 
94
94
  ### Used by
95
95
 
96
+ - [ez-classic-date-input](../ez-classic-date-input)
97
+ - [ez-classic-date-time-input](../ez-classic-date-time-input)
98
+ - [ez-classic-search](../ez-classic-search)
99
+ - [ez-classic-search-plus](../ez-classic-search-plus)
96
100
  - [ez-combo-box](../ez-combo-box)
97
101
  - [ez-date-input](../ez-date-input)
98
102
  - [ez-date-time-input](../ez-date-time-input)
@@ -108,6 +112,10 @@ Type: `Promise<void>`
108
112
  ```mermaid
109
113
  graph TD;
110
114
  ez-popover-plus --> ez-popover-core
115
+ ez-classic-date-input --> ez-popover-plus
116
+ ez-classic-date-time-input --> ez-popover-plus
117
+ ez-classic-search --> ez-popover-plus
118
+ ez-classic-search-plus --> ez-popover-plus
111
119
  ez-combo-box --> ez-popover-plus
112
120
  ez-date-input --> ez-popover-plus
113
121
  ez-date-time-input --> ez-popover-plus
@@ -31,6 +31,7 @@
31
31
 
32
32
  ### Used by
33
33
 
34
+ - [ez-image-input](../ez-image-input)
34
35
  - [ez-link-builder](../ez-rich-text/ez-link-builder)
35
36
  - [ez-simple-image-uploader](../ez-rich-text/ez-simple-image-uploader)
36
37
 
@@ -43,6 +44,7 @@
43
44
  graph TD;
44
45
  ez-popup --> ez-button
45
46
  ez-button --> ez-icon
47
+ ez-image-input --> ez-popup
46
48
  ez-link-builder --> ez-popup
47
49
  ez-simple-image-uploader --> ez-popup
48
50
  style ez-popup fill:#f9f,stroke:#333,stroke-width:4px
@@ -19,7 +19,7 @@
19
19
  | `showPreview` | `show-preview` | Informa se as opções a opção de pré-visualização deve ser apresentada. | `boolean` | `true` |
20
20
  | `showTextFormat` | `show-text-format` | Informa se as opções de formatação de texto (itálico, sublinhado e negrito) devem ser apresentadas | `boolean` | `true` |
21
21
  | `showUndoRedo` | `show-undo-redo` | Informa se as opções de desfazer e refazer devem ser habilitadas. | `boolean` | `true` |
22
- | `value` | `value` | Define o valor HTML do campo. | `string` | `''` |
22
+ | `value` | `value` | Define o valor HTML do campo. | `string` | `undefined` |
23
23
 
24
24
 
25
25
  ## Events
@@ -25,13 +25,17 @@
25
25
 
26
26
  ### Used by
27
27
 
28
+ - [ez-classic-search-result-list](../ez-classic-search-plus/subcomponent/ez-search-result-list)
28
29
  - [ez-dropdown](../ez-dropdown)
30
+ - [ez-image-input](../ez-image-input)
29
31
  - [ez-search-result-list](../ez-search-plus/subcomponent/ez-search-result-list)
30
32
 
31
33
  ### Graph
32
34
  ```mermaid
33
35
  graph TD;
36
+ ez-classic-search-result-list --> ez-skeleton
34
37
  ez-dropdown --> ez-skeleton
38
+ ez-image-input --> ez-skeleton
35
39
  ez-search-result-list --> ez-skeleton
36
40
  style ez-skeleton fill:#f9f,stroke:#333,stroke-width:4px
37
41
  ```
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sankhyalabs/ezui-docs",
3
- "version": "7.1.0-dev.20",
3
+ "version": "7.1.0-dev.22",
4
4
  "description": "Documentação da biblioteca de componentes Sankhya.",
5
5
  "main": "",
6
6
  "files": [