@sankhyalabs/core-docs 5.20.0-dev.14 → 5.20.0-dev.16

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.
@@ -10,37 +10,33 @@
10
10
 
11
11
  ### new OverflowWatcher()
12
12
 
13
- > **new OverflowWatcher**(`element`, `callback`, `overFlowDirection`, `deltaSize`): [`OverflowWatcher`](OverflowWatcher.md)
13
+ > **new OverflowWatcher**(`__namedParameters`): [`OverflowWatcher`](OverflowWatcher.md)
14
14
 
15
15
  Cria uma instancia do OverflowWatcher
16
16
 
17
17
  #### Parameters
18
18
 
19
- **element**: `HTMLElement`
19
+ **\_\_namedParameters**: [`OverFlowWatcherParams`](../interfaces/OverFlowWatcherParams.md)
20
20
 
21
- Elemento HTML que o overflow será observado.
22
-
23
- • **callback**: [`OnOverflowCallBack`](../type-aliases/OnOverflowCallBack.md)
21
+ #### Returns
24
22
 
25
- Função que sera chamada quando ocorrer overflow no elemento.
23
+ [`OverflowWatcher`](OverflowWatcher.md)
26
24
 
27
- **overFlowDirection**: [`OverflowDirection`](../enumerations/OverflowDirection.md)= `OverflowDirection.HORIZONTAL`
25
+ #### Source
28
26
 
29
- Indica direção que o overflow será monitorado.
27
+ src/utils/OverflowWatcher/index.ts:35
30
28
 
31
- **deltaSize**: `number`= `10`
29
+ ## Properties
32
30
 
33
- Variação de tamanho que será considerada como overflow.
31
+ ### DATA\_ELEMENT\_ID
34
32
 
35
- #### Returns
36
-
37
- [`OverflowWatcher`](OverflowWatcher.md)
33
+ > `readonly` **DATA\_ELEMENT\_ID**: `"data-element-id"` = `'data-element-id'`
38
34
 
39
35
  #### Source
40
36
 
41
- src/utils/OverflowWatcher/index.ts:25
37
+ src/utils/OverflowWatcher/index.ts:23
42
38
 
43
- ## Properties
39
+ ***
44
40
 
45
41
  ### \_deltaSize
46
42
 
@@ -48,13 +44,33 @@ src/utils/OverflowWatcher/index.ts:25
48
44
 
49
45
  #### Source
50
46
 
47
+ src/utils/OverflowWatcher/index.ts:20
48
+
49
+ ***
50
+
51
+ ### \_hiddenItemsProps
52
+
53
+ > `private` **\_hiddenItemsProps**: `Map`\<`Element`, `SizeProps`\>
54
+
55
+ #### Source
56
+
57
+ src/utils/OverflowWatcher/index.ts:18
58
+
59
+ ***
60
+
61
+ ### \_lastContainerInstance
62
+
63
+ > `private` **\_lastContainerInstance**: `undefined` \| `HTMLElement` = `undefined`
64
+
65
+ #### Source
66
+
51
67
  src/utils/OverflowWatcher/index.ts:15
52
68
 
53
69
  ***
54
70
 
55
- ### \_hiddenItems
71
+ ### \_lastContainerSize
56
72
 
57
- > `private` **\_hiddenItems**: `Element`[] = `[]`
73
+ > `private` **\_lastContainerSize**: `undefined` \| `number` = `undefined`
58
74
 
59
75
  #### Source
60
76
 
@@ -62,13 +78,23 @@ src/utils/OverflowWatcher/index.ts:14
62
78
 
63
79
  ***
64
80
 
65
- ### \_lastContentRect
81
+ ### \_notOverFlow
82
+
83
+ > `private` **\_notOverFlow**: `string`[] = `[]`
84
+
85
+ #### Source
86
+
87
+ src/utils/OverflowWatcher/index.ts:21
88
+
89
+ ***
90
+
91
+ ### \_notOverFlowPros
66
92
 
67
- > `private` **\_lastContentRect**: `undefined` \| `DOMRectReadOnly` = `undefined`
93
+ > `private` **\_notOverFlowPros**: `Map`\<`string`, `SizeProps`\>
68
94
 
69
95
  #### Source
70
96
 
71
- src/utils/OverflowWatcher/index.ts:11
97
+ src/utils/OverflowWatcher/index.ts:19
72
98
 
73
99
  ***
74
100
 
@@ -78,7 +104,7 @@ src/utils/OverflowWatcher/index.ts:11
78
104
 
79
105
  #### Source
80
106
 
81
- src/utils/OverflowWatcher/index.ts:9
107
+ src/utils/OverflowWatcher/index.ts:12
82
108
 
83
109
  ***
84
110
 
@@ -88,7 +114,7 @@ src/utils/OverflowWatcher/index.ts:9
88
114
 
89
115
  #### Source
90
116
 
91
- src/utils/OverflowWatcher/index.ts:13
117
+ src/utils/OverflowWatcher/index.ts:17
92
118
 
93
119
  ***
94
120
 
@@ -98,7 +124,7 @@ src/utils/OverflowWatcher/index.ts:13
98
124
 
99
125
  #### Source
100
126
 
101
- src/utils/OverflowWatcher/index.ts:10
127
+ src/utils/OverflowWatcher/index.ts:13
102
128
 
103
129
  ***
104
130
 
@@ -108,7 +134,7 @@ src/utils/OverflowWatcher/index.ts:10
108
134
 
109
135
  #### Source
110
136
 
111
- src/utils/OverflowWatcher/index.ts:12
137
+ src/utils/OverflowWatcher/index.ts:16
112
138
 
113
139
  ## Methods
114
140
 
@@ -126,13 +152,13 @@ src/utils/OverflowWatcher/index.ts:12
126
152
 
127
153
  #### Source
128
154
 
129
- src/utils/OverflowWatcher/index.ts:126
155
+ src/utils/OverflowWatcher/index.ts:199
130
156
 
131
157
  ***
132
158
 
133
- ### calcMarginSize()
159
+ ### calcElementSize()
134
160
 
135
- > `private` **calcMarginSize**(`el`): `number`
161
+ > `private` **calcElementSize**(`el`): `number`
136
162
 
137
163
  #### Parameters
138
164
 
@@ -144,7 +170,93 @@ src/utils/OverflowWatcher/index.ts:126
144
170
 
145
171
  #### Source
146
172
 
147
- src/utils/OverflowWatcher/index.ts:141
173
+ src/utils/OverflowWatcher/index.ts:206
174
+
175
+ ***
176
+
177
+ ### calculateVariation()
178
+
179
+ > `private` **calculateVariation**(`elementIdsToCalculate`): `number`
180
+
181
+ #### Parameters
182
+
183
+ • **elementIdsToCalculate**: `string`[]
184
+
185
+ #### Returns
186
+
187
+ `number`
188
+
189
+ #### Source
190
+
191
+ src/utils/OverflowWatcher/index.ts:171
192
+
193
+ ***
194
+
195
+ ### canNotOverFlowNotIncludedIds()
196
+
197
+ > `private` **canNotOverFlowNotIncludedIds**(`elements`): `string`[]
198
+
199
+ #### Parameters
200
+
201
+ • **elements**: `Element`[]
202
+
203
+ #### Returns
204
+
205
+ `string`[]
206
+
207
+ #### Source
208
+
209
+ src/utils/OverflowWatcher/index.ts:181
210
+
211
+ ***
212
+
213
+ ### canNotRegisterNotOverFlow()
214
+
215
+ > `private` **canNotRegisterNotOverFlow**(`id`): `boolean`
216
+
217
+ #### Parameters
218
+
219
+ • **id**: `string`
220
+
221
+ #### Returns
222
+
223
+ `boolean`
224
+
225
+ #### Source
226
+
227
+ src/utils/OverflowWatcher/index.ts:90
228
+
229
+ ***
230
+
231
+ ### canOverFlowElement()
232
+
233
+ > `private` **canOverFlowElement**(`element`): `boolean`
234
+
235
+ #### Parameters
236
+
237
+ • **element**: `Element`
238
+
239
+ #### Returns
240
+
241
+ `boolean`
242
+
243
+ #### Source
244
+
245
+ src/utils/OverflowWatcher/index.ts:151
246
+
247
+ ***
248
+
249
+ ### clearOverFlow()
250
+
251
+ > `private` **clearOverFlow**(): `void`
252
+
253
+ #### Returns
254
+
255
+ `void`
256
+
257
+ #### Source
258
+
259
+ src/utils/OverflowWatcher/index.ts:120
148
260
 
149
261
  ***
150
262
 
@@ -158,13 +270,53 @@ src/utils/OverflowWatcher/index.ts:141
158
270
 
159
271
  #### Source
160
272
 
161
- src/utils/OverflowWatcher/index.ts:37
273
+ src/utils/OverflowWatcher/index.ts:52
274
+
275
+ ***
276
+
277
+ ### exceedsAvaliableSize()
278
+
279
+ > `private` **exceedsAvaliableSize**(`sumElementsSize`, `elements`, `avaliableSize`): `boolean`
280
+
281
+ #### Parameters
282
+
283
+ • **sumElementsSize**: `number`
284
+
285
+ • **elements**: `Element`[]
286
+
287
+ • **avaliableSize**: `number`
288
+
289
+ #### Returns
290
+
291
+ `boolean`
292
+
293
+ #### Source
294
+
295
+ src/utils/OverflowWatcher/index.ts:160
296
+
297
+ ***
298
+
299
+ ### forceUpdate()
300
+
301
+ > **forceUpdate**(): `void`
302
+
303
+ #### Returns
304
+
305
+ `void`
306
+
307
+ #### Source
308
+
309
+ src/utils/OverflowWatcher/index.ts:56
162
310
 
163
311
  ***
164
312
 
165
- ### getPropSizeByDirection()
313
+ ### getDataElementId()
314
+
315
+ > `private` **getDataElementId**(`element`): `string`
166
316
 
167
- > `private` **getPropSizeByDirection**(): `string`
317
+ #### Parameters
318
+
319
+ • **element**: `Element`
168
320
 
169
321
  #### Returns
170
322
 
@@ -172,7 +324,25 @@ src/utils/OverflowWatcher/index.ts:37
172
324
 
173
325
  #### Source
174
326
 
175
- src/utils/OverflowWatcher/index.ts:65
327
+ src/utils/OverflowWatcher/index.ts:156
328
+
329
+ ***
330
+
331
+ ### getElementSizeProps()
332
+
333
+ > `private` **getElementSizeProps**(`element`): `SizeProps`
334
+
335
+ #### Parameters
336
+
337
+ • **element**: `Element`
338
+
339
+ #### Returns
340
+
341
+ `SizeProps`
342
+
343
+ #### Source
344
+
345
+ src/utils/OverflowWatcher/index.ts:191
176
346
 
177
347
  ***
178
348
 
@@ -190,17 +360,17 @@ src/utils/OverflowWatcher/index.ts:65
190
360
 
191
361
  #### Source
192
362
 
193
- src/utils/OverflowWatcher/index.ts:41
363
+ src/utils/OverflowWatcher/index.ts:62
194
364
 
195
365
  ***
196
366
 
197
- ### isChangedSize()
367
+ ### hasChangedSize()
198
368
 
199
- > `private` **isChangedSize**(`newContentRect`): `boolean`
369
+ > `private` **hasChangedSize**(`elementSize`): `boolean`
200
370
 
201
371
  #### Parameters
202
372
 
203
- • **newContentRect**: `DOMRectReadOnly`
373
+ • **elementSize**: `number`
204
374
 
205
375
  #### Returns
206
376
 
@@ -208,7 +378,45 @@ src/utils/OverflowWatcher/index.ts:41
208
378
 
209
379
  #### Source
210
380
 
211
- src/utils/OverflowWatcher/index.ts:57
381
+ src/utils/OverflowWatcher/index.ts:94
382
+
383
+ ***
384
+
385
+ ### isElementOverFlowing()
386
+
387
+ > `private` **isElementOverFlowing**(`elementsThatFit`, `element`): `boolean`
388
+
389
+ #### Parameters
390
+
391
+ • **elementsThatFit**: `Element`[]
392
+
393
+ • **element**: `Element`
394
+
395
+ #### Returns
396
+
397
+ `boolean`
398
+
399
+ #### Source
400
+
401
+ src/utils/OverflowWatcher/index.ts:147
402
+
403
+ ***
404
+
405
+ ### isOverFlowed()
406
+
407
+ > `private` **isOverFlowed**(`el`): `boolean`
408
+
409
+ #### Parameters
410
+
411
+ • **el**: `Element`
412
+
413
+ #### Returns
414
+
415
+ `boolean`
416
+
417
+ #### Source
418
+
419
+ src/utils/OverflowWatcher/index.ts:220
212
420
 
213
421
  ***
214
422
 
@@ -228,19 +436,19 @@ src/utils/OverflowWatcher/index.ts:57
228
436
 
229
437
  #### Source
230
438
 
231
- src/utils/OverflowWatcher/index.ts:73
439
+ src/utils/OverflowWatcher/index.ts:106
232
440
 
233
441
  ***
234
442
 
235
443
  ### proccessElementsOverFlow()
236
444
 
237
- > `private` **proccessElementsOverFlow**(`children`, `diff`): `void`
445
+ > `private` **proccessElementsOverFlow**(`allElements`, `avaliableSize`): `void`
238
446
 
239
447
  #### Parameters
240
448
 
241
- • **children**: `Element`[]
449
+ • **allElements**: `Element`[]
242
450
 
243
- • **diff**: `number`
451
+ • **avaliableSize**: `number`
244
452
 
245
453
  #### Returns
246
454
 
@@ -248,17 +456,55 @@ src/utils/OverflowWatcher/index.ts:73
248
456
 
249
457
  #### Source
250
458
 
251
- src/utils/OverflowWatcher/index.ts:103
459
+ src/utils/OverflowWatcher/index.ts:125
252
460
 
253
461
  ***
254
462
 
255
- ### proccessElementsWithoutOverFlow()
463
+ ### registerElementSize()
256
464
 
257
- > `private` **proccessElementsWithoutOverFlow**(`diff`): `void`
465
+ > `private` **registerElementSize**(`element`): `void`
258
466
 
259
467
  #### Parameters
260
468
 
261
- • **diff**: `number`
469
+ • **element**: `Element`
470
+
471
+ #### Returns
472
+
473
+ `void`
474
+
475
+ #### Source
476
+
477
+ src/utils/OverflowWatcher/index.ts:186
478
+
479
+ ***
480
+
481
+ ### registerNotOverflowProps()
482
+
483
+ > `private` **registerNotOverflowProps**(`children`): `void`
484
+
485
+ #### Parameters
486
+
487
+ • **children**: `Element`[]
488
+
489
+ #### Returns
490
+
491
+ `void`
492
+
493
+ #### Source
494
+
495
+ src/utils/OverflowWatcher/index.ts:82
496
+
497
+ ***
498
+
499
+ ### updateOverFlowedItems()
500
+
501
+ > `private` **updateOverFlowedItems**(`container`, `containerSize`): `void`
502
+
503
+ #### Parameters
504
+
505
+ • **container**: `HTMLElement`
506
+
507
+ • **containerSize**: `number`
262
508
 
263
509
  #### Returns
264
510
 
@@ -266,4 +512,4 @@ src/utils/OverflowWatcher/index.ts:103
266
512
 
267
513
  #### Source
268
514
 
269
- src/utils/OverflowWatcher/index.ts:91
515
+ src/utils/OverflowWatcher/index.ts:74
package/globals.md CHANGED
@@ -71,6 +71,7 @@
71
71
  - [IRepositoryIndex](interfaces/IRepositoryIndex.md)
72
72
  - [LoadDataRequest](interfaces/LoadDataRequest.md)
73
73
  - [LoadDataResponse](interfaces/LoadDataResponse.md)
74
+ - [OverFlowWatcherParams](interfaces/OverFlowWatcherParams.md)
74
75
  - [PageRequest](interfaces/PageRequest.md)
75
76
  - [PaginationInfo](interfaces/PaginationInfo.md)
76
77
  - [PromiseSyncCallback](interfaces/PromiseSyncCallback.md)
@@ -86,6 +87,10 @@
86
87
 
87
88
  - [OnOverflowCallBack](type-aliases/OnOverflowCallBack.md)
88
89
 
90
+ ## Variables
91
+
92
+ - [OVERFLOWED\_CLASS\_NAME](variables/OVERFLOWED_CLASS_NAME.md)
93
+
89
94
  ## Functions
90
95
 
91
96
  - [defaultDataLoader](functions/defaultDataLoader.md)
@@ -0,0 +1,67 @@
1
+ [**@sankhyalabs/core**](../README.md) • **Docs**
2
+
3
+ ***
4
+
5
+ [@sankhyalabs/core](../globals.md) / OverFlowWatcherParams
6
+
7
+ # Interface: OverFlowWatcherParams
8
+
9
+ ## Properties
10
+
11
+ ### callback
12
+
13
+ > **callback**: [`OnOverflowCallBack`](../type-aliases/OnOverflowCallBack.md)
14
+
15
+ #### Source
16
+
17
+ src/utils/OverflowWatcher/index.ts:227
18
+
19
+ ***
20
+
21
+ ### debounce?
22
+
23
+ > `optional` **debounce**: `number`
24
+
25
+ #### Source
26
+
27
+ src/utils/OverflowWatcher/index.ts:230
28
+
29
+ ***
30
+
31
+ ### deltaSize?
32
+
33
+ > `optional` **deltaSize**: `number`
34
+
35
+ #### Source
36
+
37
+ src/utils/OverflowWatcher/index.ts:229
38
+
39
+ ***
40
+
41
+ ### element
42
+
43
+ > **element**: `HTMLElement`
44
+
45
+ #### Source
46
+
47
+ src/utils/OverflowWatcher/index.ts:226
48
+
49
+ ***
50
+
51
+ ### notOverFlow?
52
+
53
+ > `optional` **notOverFlow**: `string`[]
54
+
55
+ #### Source
56
+
57
+ src/utils/OverflowWatcher/index.ts:231
58
+
59
+ ***
60
+
61
+ ### overFlowDirection?
62
+
63
+ > `optional` **overFlowDirection**: [`OverflowDirection`](../enumerations/OverflowDirection.md)
64
+
65
+ #### Source
66
+
67
+ src/utils/OverflowWatcher/index.ts:228
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sankhyalabs/core-docs",
3
- "version": "5.20.0-dev.14",
3
+ "version": "5.20.0-dev.16",
4
4
  "description": "Documentação da biblioteca de componentes Sankhya.",
5
5
  "main": "",
6
6
  "files": [
@@ -0,0 +1,13 @@
1
+ [**@sankhyalabs/core**](../README.md) • **Docs**
2
+
3
+ ***
4
+
5
+ [@sankhyalabs/core](../globals.md) / OVERFLOWED\_CLASS\_NAME
6
+
7
+ # Variable: OVERFLOWED\_CLASS\_NAME
8
+
9
+ > `const` **OVERFLOWED\_CLASS\_NAME**: `"overflowed"` = `'overflowed'`
10
+
11
+ ## Source
12
+
13
+ src/utils/OverflowWatcher/index.ts:9