@sankhyalabs/core-docs 2.3.6 → 2.4.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.
@@ -2,6 +2,8 @@
2
2
 
3
3
  # Class: FloatingManager
4
4
 
5
+ `FloatingManager`: Gerenciador de elementos flutuantes na tela.
6
+
5
7
  ## Table of contents
6
8
 
7
9
  ### Constructors
@@ -48,7 +50,7 @@
48
50
 
49
51
  #### Defined in
50
52
 
51
- src/ui/FloatingManager.ts:50
53
+ src/ui/FloatingManager.ts:67
52
54
 
53
55
  ___
54
56
 
@@ -58,7 +60,7 @@ ___
58
60
 
59
61
  #### Defined in
60
62
 
61
- src/ui/FloatingManager.ts:51
63
+ src/ui/FloatingManager.ts:68
62
64
 
63
65
  ___
64
66
 
@@ -68,7 +70,7 @@ ___
68
70
 
69
71
  #### Defined in
70
72
 
71
- src/ui/FloatingManager.ts:52
73
+ src/ui/FloatingManager.ts:69
72
74
 
73
75
  ___
74
76
 
@@ -78,7 +80,7 @@ ___
78
80
 
79
81
  #### Defined in
80
82
 
81
- src/ui/FloatingManager.ts:55
83
+ src/ui/FloatingManager.ts:72
82
84
 
83
85
  ___
84
86
 
@@ -88,7 +90,7 @@ ___
88
90
 
89
91
  #### Defined in
90
92
 
91
- src/ui/FloatingManager.ts:54
93
+ src/ui/FloatingManager.ts:71
92
94
 
93
95
  ## Methods
94
96
 
@@ -96,13 +98,15 @@ src/ui/FloatingManager.ts:54
96
98
 
97
99
  ▸ `Static` `Private` **applyStyle**(`element`, `propertyName`, `value?`): `void`
98
100
 
101
+ Adiciona uma propriedade CSS em um elemento HTML.
102
+
99
103
  #### Parameters
100
104
 
101
- | Name | Type |
102
- | :------ | :------ |
103
- | `element` | `HTMLElement` |
104
- | `propertyName` | `string` |
105
- | `value?` | `string` |
105
+ | Name | Type | Description |
106
+ | :------ | :------ | :------ |
107
+ | `element` | `HTMLElement` | Elemento HTML que será modificado. |
108
+ | `propertyName` | `string` | Nome da propriedade CSS que será adicionada. |
109
+ | `value?` | `string` | Valor da propriedade adicionada. |
106
110
 
107
111
  #### Returns
108
112
 
@@ -110,7 +114,7 @@ src/ui/FloatingManager.ts:54
110
114
 
111
115
  #### Defined in
112
116
 
113
- src/ui/FloatingManager.ts:115
117
+ src/ui/FloatingManager.ts:177
114
118
 
115
119
  ___
116
120
 
@@ -118,11 +122,13 @@ ___
118
122
 
119
123
  ▸ `Static` **close**(`id`): `void`
120
124
 
125
+ Fecha elemento flutuante da tela.
126
+
121
127
  #### Parameters
122
128
 
123
- | Name | Type |
124
- | :------ | :------ |
125
- | `id` | `number` |
129
+ | Name | Type | Description |
130
+ | :------ | :------ | :------ |
131
+ | `id` | `number` | Índice do elemento desejado. |
126
132
 
127
133
  #### Returns
128
134
 
@@ -130,7 +136,7 @@ ___
130
136
 
131
137
  #### Defined in
132
138
 
133
- src/ui/FloatingManager.ts:233
139
+ src/ui/FloatingManager.ts:364
134
140
 
135
141
  ___
136
142
 
@@ -138,19 +144,23 @@ ___
138
144
 
139
145
  ▸ `Static` `Private` **createOrUpdatOverlay**(`className?`): `HTMLDivElement`
140
146
 
147
+ Cria ou atualiza o elemento de sobreposição.
148
+
141
149
  #### Parameters
142
150
 
143
- | Name | Type | Default value |
144
- | :------ | :------ | :------ |
145
- | `className` | `string` | `FloatingManager.MODAL_DEFAULT_CLASSNAME` |
151
+ | Name | Type | Default value | Description |
152
+ | :------ | :------ | :------ | :------ |
153
+ | `className` | `string` | `FloatingManager.MODAL_DEFAULT_CLASSNAME` | Classe CSS que será adicionada ao modal. |
146
154
 
147
155
  #### Returns
148
156
 
149
157
  `HTMLDivElement`
150
158
 
159
+ - O elemento atualizado.
160
+
151
161
  #### Defined in
152
162
 
153
- src/ui/FloatingManager.ts:179
163
+ src/ui/FloatingManager.ts:290
154
164
 
155
165
  ___
156
166
 
@@ -158,13 +168,16 @@ ___
158
168
 
159
169
  ▸ `Static` `Private` **createStyleElement**(): `void`
160
170
 
171
+ Cria elemento de estilo.
172
+ Elemento que define o estilo padrão do elemento de sobreposição.
173
+
161
174
  #### Returns
162
175
 
163
176
  `void`
164
177
 
165
178
  #### Defined in
166
179
 
167
- src/ui/FloatingManager.ts:198
180
+ src/ui/FloatingManager.ts:314
168
181
 
169
182
  ___
170
183
 
@@ -172,14 +185,16 @@ ___
172
185
 
173
186
  ▸ `Static` `Private` **doClose**(`id`, `entry`, `target?`, `event?`): `void`
174
187
 
188
+ Fecha uma entrada flutuante (FloatingManager).
189
+
175
190
  #### Parameters
176
191
 
177
- | Name | Type |
178
- | :------ | :------ |
179
- | `id` | `number` |
180
- | `entry` | `FloatingEntry` |
181
- | `target?` | `HTMLElement` |
182
- | `event?` | `Event` |
192
+ | Name | Type | Description |
193
+ | :------ | :------ | :------ |
194
+ | `id` | `number` | Código da entrada que se deseja encerrar. |
195
+ | `entry` | `FloatingEntry` | FloatingManager. |
196
+ | `target?` | `HTMLElement` | Elemento HTML referente. |
197
+ | `event?` | `Event` | Evento específico que será verificado, como clique do mouse. |
183
198
 
184
199
  #### Returns
185
200
 
@@ -187,7 +202,7 @@ ___
187
202
 
188
203
  #### Defined in
189
204
 
190
- src/ui/FloatingManager.ts:76
205
+ src/ui/FloatingManager.ts:114
191
206
 
192
207
  ___
193
208
 
@@ -195,21 +210,25 @@ ___
195
210
 
196
211
  ▸ `Static` **float**(`content`, `parent`, `options?`): `number`
197
212
 
213
+ Cria e exibe um novo item no FloatingManager.
214
+
198
215
  #### Parameters
199
216
 
200
- | Name | Type |
201
- | :------ | :------ |
202
- | `content` | `HTMLElement` |
203
- | `parent` | `HTMLElement` |
204
- | `options` | `FloatingOptions` |
217
+ | Name | Type | Description |
218
+ | :------ | :------ | :------ |
219
+ | `content` | `HTMLElement` | Elemento HTML que será criado. |
220
+ | `parent` | `HTMLElement` | Elemento HTML que será o pai do item a ser criado. |
221
+ | `options` | `FloatingOptions` | Opções de configuração a serem adicionadas. |
205
222
 
206
223
  #### Returns
207
224
 
208
225
  `number`
209
226
 
227
+ - ID do novo item criado.
228
+
210
229
  #### Defined in
211
230
 
212
- src/ui/FloatingManager.ts:136
231
+ src/ui/FloatingManager.ts:226
213
232
 
214
233
  ___
215
234
 
@@ -217,20 +236,24 @@ ___
217
236
 
218
237
  ▸ `Static` `Private` **getFloatIndex**(`content`, `parent`): `number`
219
238
 
239
+ Obtém o índice do FloatingManager do Elemento HMTL desejado.
240
+
220
241
  #### Parameters
221
242
 
222
- | Name | Type |
223
- | :------ | :------ |
224
- | `content` | `HTMLElement` |
225
- | `parent` | `HTMLElement` |
243
+ | Name | Type | Description |
244
+ | :------ | :------ | :------ |
245
+ | `content` | `HTMLElement` | Elemento a ser buscado. |
246
+ | `parent` | `HTMLElement` | Elemento pai do content a ser buscado. |
226
247
 
227
248
  #### Returns
228
249
 
229
250
  `number`
230
251
 
252
+ - Índice do elemento informado.
253
+
231
254
  #### Defined in
232
255
 
233
- src/ui/FloatingManager.ts:121
256
+ src/ui/FloatingManager.ts:191
234
257
 
235
258
  ___
236
259
 
@@ -238,11 +261,13 @@ ___
238
261
 
239
262
  ▸ `Static` `Private` **handleDocumentEvent**(`event`): `void`
240
263
 
264
+ Fecha todas as FloatingManagers abertas.
265
+
241
266
  #### Parameters
242
267
 
243
- | Name | Type |
244
- | :------ | :------ |
245
- | `event` | `Event` |
268
+ | Name | Type | Description |
269
+ | :------ | :------ | :------ |
270
+ | `event` | `Event` | Evento ocorrido, como clique do mouse, por exemplo. |
246
271
 
247
272
  #### Returns
248
273
 
@@ -250,7 +275,7 @@ ___
250
275
 
251
276
  #### Defined in
252
277
 
253
- src/ui/FloatingManager.ts:96
278
+ src/ui/FloatingManager.ts:141
254
279
 
255
280
  ___
256
281
 
@@ -258,11 +283,13 @@ ___
258
283
 
259
284
  ▸ `Static` `Private` **handleKeyboardEvent**(`event`): `void`
260
285
 
286
+ Captura eventos de teclado para manipular os elementos flutuantes via eventos da tecla pressionada.
287
+
261
288
  #### Parameters
262
289
 
263
- | Name | Type |
264
- | :------ | :------ |
265
- | `event` | `KeyboardEvent` |
290
+ | Name | Type | Description |
291
+ | :------ | :------ | :------ |
292
+ | `event` | `KeyboardEvent` | Evento de teclado. |
266
293
 
267
294
  #### Returns
268
295
 
@@ -270,7 +297,7 @@ ___
270
297
 
271
298
  #### Defined in
272
299
 
273
- src/ui/FloatingManager.ts:103
300
+ src/ui/FloatingManager.ts:155
274
301
 
275
302
  ___
276
303
 
@@ -278,13 +305,15 @@ ___
278
305
 
279
306
  ▸ `Static` `Private` **hideOverlay**(): `void`
280
307
 
308
+ Desfaz o desfoque/overlay dos elementos na tela.
309
+
281
310
  #### Returns
282
311
 
283
312
  `void`
284
313
 
285
314
  #### Defined in
286
315
 
287
- src/ui/FloatingManager.ts:167
316
+ src/ui/FloatingManager.ts:270
288
317
 
289
318
  ___
290
319
 
@@ -292,13 +321,15 @@ ___
292
321
 
293
322
  ▸ `Static` `Private` **init**(): `void`
294
323
 
324
+ Inicializa a classe FloatingManager.
325
+
295
326
  #### Returns
296
327
 
297
328
  `void`
298
329
 
299
330
  #### Defined in
300
331
 
301
- src/ui/FloatingManager.ts:57
332
+ src/ui/FloatingManager.ts:80
302
333
 
303
334
  ___
304
335
 
@@ -306,6 +337,8 @@ ___
306
337
 
307
338
  ▸ `Static` `Private` **innerClick**(`container`, `node`): `boolean`
308
339
 
340
+ Retorna se o elemento clicado possui elementos internos.
341
+
309
342
  #### Parameters
310
343
 
311
344
  | Name | Type |
@@ -319,7 +352,7 @@ ___
319
352
 
320
353
  #### Defined in
321
354
 
322
- src/ui/FloatingManager.ts:64
355
+ src/ui/FloatingManager.ts:92
323
356
 
324
357
  ___
325
358
 
@@ -327,19 +360,23 @@ ___
327
360
 
328
361
  ▸ `Static` **isFloating**(`id`): `boolean`
329
362
 
363
+ Retorna se uma entrada flutuante existe.
364
+
330
365
  #### Parameters
331
366
 
332
- | Name | Type |
333
- | :------ | :------ |
334
- | `id` | `number` |
367
+ | Name | Type | Description |
368
+ | :------ | :------ | :------ |
369
+ | `id` | `number` | Índice para ser verificado no FloatingManager. |
335
370
 
336
371
  #### Returns
337
372
 
338
373
  `boolean`
339
374
 
375
+ - Verdadeiro se existir.
376
+
340
377
  #### Defined in
341
378
 
342
- src/ui/FloatingManager.ts:132
379
+ src/ui/FloatingManager.ts:211
343
380
 
344
381
  ___
345
382
 
@@ -347,11 +384,13 @@ ___
347
384
 
348
385
  ▸ `Static` `Private` **showOverlay**(`options`): `void`
349
386
 
387
+ Aplica o desfoque na página se o elemento possuir essa option ativada.
388
+
350
389
  #### Parameters
351
390
 
352
- | Name | Type |
353
- | :------ | :------ |
354
- | `options` | `FloatingOptions` |
391
+ | Name | Type | Description |
392
+ | :------ | :------ | :------ |
393
+ | `options` | `FloatingOptions` | Configurações que serão utilizadas no elemento. |
355
394
 
356
395
  #### Returns
357
396
 
@@ -359,7 +398,7 @@ ___
359
398
 
360
399
  #### Defined in
361
400
 
362
- src/ui/FloatingManager.ts:161
401
+ src/ui/FloatingManager.ts:258
363
402
 
364
403
  ___
365
404
 
@@ -367,13 +406,15 @@ ___
367
406
 
368
407
  ▸ `Static` **updateFloatPosition**(`content`, `parent`, `options?`): `void`
369
408
 
409
+ Atualiza posição de um elemento que já está em tela.
410
+
370
411
  #### Parameters
371
412
 
372
- | Name | Type |
373
- | :------ | :------ |
374
- | `content` | `HTMLElement` |
375
- | `parent` | `HTMLElement` |
376
- | `options` | `FloatingOptions` |
413
+ | Name | Type | Description |
414
+ | :------ | :------ | :------ |
415
+ | `content` | `HTMLElement` | Elemento HTML que será atualizado. |
416
+ | `parent` | `HTMLElement` | Elemento pai do content passado. |
417
+ | `options` | `FloatingOptions` | Novas opções desejadas. |
377
418
 
378
419
  #### Returns
379
420
 
@@ -381,4 +422,4 @@ ___
381
422
 
382
423
  #### Defined in
383
424
 
384
- src/ui/FloatingManager.ts:222
425
+ src/ui/FloatingManager.ts:346
@@ -3,7 +3,7 @@
3
3
  # Class: MaskFormatter
4
4
 
5
5
  `MaskFormatter` é usado para formatar strings. Seu comportamento
6
- é controlado pela formato do atributo `mask` que especifica quais
6
+ é controlado pelo formato do atributo `mask` que especifica quais
7
7
  caracteres são válidos e onde devem estar posicionados, intercalando-os
8
8
  com eventuais caracteres literais expressados no padrão informado.
9
9
  Sua implementação é inspirada pela implementação em Java do [MaskFormatter](https://docs.oracle.com/javase/7/docs/api/javax/swing/text/MaskFormatter.html).
@@ -14,7 +14,7 @@ Para o padrão da máscara podem ser usados os seguintes caracteres especiais:
14
14
  |:---------:|-------------------------------------------------------------------------------------------------------------|
15
15
  | # | Qualquer número |
16
16
  | ' | "Escapa" o caractere que vem na sequência. Útil quando desejamos converter um caractere especial em literal.|
17
- | U | Qualquer letra. Transforma letras maiúsculas em maiúsculas. |
17
+ | U | Qualquer letra. Transforma letras minúsculas em maiúsculas. |
18
18
  | L | Qualquer letra. Transforma letras maiúsculas em minúsculas. |
19
19
  | A | Qualquer letra ou número. |
20
20
  | ? | Qualquer letra. Preserva maiúsculas e minúsculas. |
@@ -23,12 +23,12 @@ Para o padrão da máscara podem ser usados os seguintes caracteres especiais:
23
23
  Os demais caracteres presentes no padrão serão tratados como literais, isto é,
24
24
  serão apenas inseridos naquela posição.
25
25
 
26
- Quando o o valor a ser formatado é menor que a máscara um 'placeHolder'
26
+ Quando o valor a ser formatado é menor que a máscara, um 'placeHolder'
27
27
  será inserido em cada posição ausente, completando a formatação.
28
- Por padrão será usado um espaço em branco como 'placeHolder' mas
28
+ Por padrão será usado um espaço em branco como 'placeHolder', mas
29
29
  esse valor pode ser alterado.
30
30
 
31
- For por exemplo:
31
+ Por exemplo:
32
32
  '''
33
33
  const formatter: MaskFormatter = new MaskFormatter("###-####");
34
34
  formatter.placeholder = '_';
@@ -122,8 +122,8 @@ ___
122
122
 
123
123
  • **placeholder**: `string` = `' '`
124
124
 
125
- Determina qual caractere será usado dos caracteres não presentes no valor
126
- ou seja, aqueles que o usuário ainda não informou. Por padrão usamos um espaço
125
+ Determina qual caractere será usado dos caracteres não presentes no valor,
126
+ ou seja, aqueles que o usuário ainda não informou. Por padrão usamos um espaço.
127
127
 
128
128
  #### Defined in
129
129
 
@@ -157,7 +157,7 @@ ___
157
157
 
158
158
  #### Defined in
159
159
 
160
- src/utils/MaskFormatter.ts:303
160
+ src/utils/MaskFormatter.ts:367
161
161
 
162
162
  ___
163
163
 
@@ -177,7 +177,7 @@ ___
177
177
 
178
178
  #### Defined in
179
179
 
180
- src/utils/MaskFormatter.ts:311
180
+ src/utils/MaskFormatter.ts:381
181
181
 
182
182
  ___
183
183
 
@@ -197,7 +197,7 @@ ___
197
197
 
198
198
  #### Defined in
199
199
 
200
- src/utils/MaskFormatter.ts:271
200
+ src/utils/MaskFormatter.ts:292
201
201
 
202
202
  ___
203
203
 
@@ -227,7 +227,7 @@ ___
227
227
 
228
228
  #### Defined in
229
229
 
230
- src/utils/MaskFormatter.ts:252
230
+ src/utils/MaskFormatter.ts:273
231
231
 
232
232
  ___
233
233
 
@@ -237,7 +237,7 @@ ___
237
237
 
238
238
  #### Defined in
239
239
 
240
- src/utils/MaskFormatter.ts:292
240
+ src/utils/MaskFormatter.ts:344
241
241
 
242
242
  ___
243
243
 
@@ -257,7 +257,7 @@ ___
257
257
 
258
258
  #### Defined in
259
259
 
260
- src/utils/MaskFormatter.ts:282
260
+ src/utils/MaskFormatter.ts:321
261
261
 
262
262
  ## Accessors
263
263
 
@@ -265,7 +265,7 @@ src/utils/MaskFormatter.ts:282
265
265
 
266
266
  • `get` **mask**(): `string`
267
267
 
268
- Getter para mask
268
+ Getter para mask.
269
269
 
270
270
  #### Returns
271
271
 
@@ -307,13 +307,13 @@ Formata a string passada baseada na máscara definda pelo atributo mask.
307
307
 
308
308
  | Name | Type | Description |
309
309
  | :------ | :------ | :------ |
310
- | `value` | `string` | Valor a ser formatado |
310
+ | `value` | `string` | Valor a ser formatado. |
311
311
 
312
312
  #### Returns
313
313
 
314
314
  `string`
315
315
 
316
- O valor processado de acordo com o padrão
316
+ O valor processado de acordo com o padrão.
317
317
 
318
318
  #### Defined in
319
319
 
@@ -325,7 +325,7 @@ ___
325
325
 
326
326
  ▸ `Private` **updateInternalMask**(): `void`
327
327
 
328
- Preparamos a formatação internamente de acordo com o padrão.
328
+ Prepara a formatação internamente de acordo com o padrão.
329
329
 
330
330
  #### Returns
331
331