@sankhyalabs/core-docs 5.20.0-dev.13 → 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**(`
|
13
|
+
> **new OverflowWatcher**(`__namedParameters`): [`OverflowWatcher`](OverflowWatcher.md)
|
14
14
|
|
15
15
|
Cria uma instancia do OverflowWatcher
|
16
16
|
|
17
17
|
#### Parameters
|
18
18
|
|
19
|
-
•
|
19
|
+
• **\_\_namedParameters**: [`OverFlowWatcherParams`](../interfaces/OverFlowWatcherParams.md)
|
20
20
|
|
21
|
-
|
22
|
-
|
23
|
-
• **callback**: [`OnOverflowCallBack`](../type-aliases/OnOverflowCallBack.md)
|
21
|
+
#### Returns
|
24
22
|
|
25
|
-
|
23
|
+
[`OverflowWatcher`](OverflowWatcher.md)
|
26
24
|
|
27
|
-
|
25
|
+
#### Source
|
28
26
|
|
29
|
-
|
27
|
+
src/utils/OverflowWatcher/index.ts:35
|
30
28
|
|
31
|
-
|
29
|
+
## Properties
|
32
30
|
|
33
|
-
|
31
|
+
### DATA\_ELEMENT\_ID
|
34
32
|
|
35
|
-
|
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:
|
37
|
+
src/utils/OverflowWatcher/index.ts:23
|
42
38
|
|
43
|
-
|
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
|
-
### \
|
71
|
+
### \_lastContainerSize
|
56
72
|
|
57
|
-
> `private` **\
|
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
|
-
### \
|
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` **\
|
93
|
+
> `private` **\_notOverFlowPros**: `Map`\<`string`, `SizeProps`\>
|
68
94
|
|
69
95
|
#### Source
|
70
96
|
|
71
|
-
src/utils/OverflowWatcher/index.ts:
|
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:
|
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:
|
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:
|
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:
|
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:
|
155
|
+
src/utils/OverflowWatcher/index.ts:199
|
130
156
|
|
131
157
|
***
|
132
158
|
|
133
|
-
###
|
159
|
+
### calcElementSize()
|
134
160
|
|
135
|
-
> `private` **
|
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:
|
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:
|
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
|
-
###
|
313
|
+
### getDataElementId()
|
314
|
+
|
315
|
+
> `private` **getDataElementId**(`element`): `string`
|
166
316
|
|
167
|
-
|
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:
|
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:
|
363
|
+
src/utils/OverflowWatcher/index.ts:62
|
194
364
|
|
195
365
|
***
|
196
366
|
|
197
|
-
###
|
367
|
+
### hasChangedSize()
|
198
368
|
|
199
|
-
> `private` **
|
369
|
+
> `private` **hasChangedSize**(`elementSize`): `boolean`
|
200
370
|
|
201
371
|
#### Parameters
|
202
372
|
|
203
|
-
• **
|
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:
|
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:
|
439
|
+
src/utils/OverflowWatcher/index.ts:106
|
232
440
|
|
233
441
|
***
|
234
442
|
|
235
443
|
### proccessElementsOverFlow()
|
236
444
|
|
237
|
-
> `private` **proccessElementsOverFlow**(`
|
445
|
+
> `private` **proccessElementsOverFlow**(`allElements`, `avaliableSize`): `void`
|
238
446
|
|
239
447
|
#### Parameters
|
240
448
|
|
241
|
-
• **
|
449
|
+
• **allElements**: `Element`[]
|
242
450
|
|
243
|
-
• **
|
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:
|
459
|
+
src/utils/OverflowWatcher/index.ts:125
|
252
460
|
|
253
461
|
***
|
254
462
|
|
255
|
-
###
|
463
|
+
### registerElementSize()
|
256
464
|
|
257
|
-
> `private` **
|
465
|
+
> `private` **registerElementSize**(`element`): `void`
|
258
466
|
|
259
467
|
#### Parameters
|
260
468
|
|
261
|
-
• **
|
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:
|
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
@@ -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
|