jsswift 1.0.44 → 1.0.45
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/css/base.css +2 -137
- package/dist/css/fonts-material.css +7 -0
- package/dist/css/fonts-nunito.css +134 -0
- package/dist/css/min-ui.css +1 -1
- package/dist/css/ui.css +2 -137
- package/dist/css/ui.min.css +1 -1
- package/dist/documentions/README.md +2 -0
- package/dist/documentions/application-rules.md +12 -0
- package/dist/documentions/components/btn.md +35 -416
- package/dist/documentions/components/card.md +62 -594
- package/dist/documentions/components/dialog.md +81 -626
- package/dist/documentions/components/input.md +73 -617
- package/dist/documentions/components/pagination.md +54 -529
- package/dist/documentions/components/select.md +84 -658
- package/dist/documentions/components/table.md +93 -655
- package/dist/documentions/getting-started.md +27 -0
- package/dist/documentions/knowledge-map.json +1 -1
- package/dist/tabler.js +7 -0
- package/package.json +5 -2
|
@@ -6,537 +6,62 @@ Exact JSswift UI metadata contract. Use only the props, slots, events, and metho
|
|
|
6
6
|
{
|
|
7
7
|
"signature": "_.Pagination(props)",
|
|
8
8
|
"props": {
|
|
9
|
-
"size": {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
},
|
|
27
|
-
"
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
},
|
|
43
|
-
"
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
"sm",
|
|
53
|
-
"md",
|
|
54
|
-
"lg",
|
|
55
|
-
"xl",
|
|
56
|
-
"xxl",
|
|
57
|
-
"xxxl"
|
|
58
|
-
],
|
|
59
|
-
"category": "style"
|
|
60
|
-
},
|
|
61
|
-
"clickable": {
|
|
62
|
-
"type": "boolean",
|
|
63
|
-
"description": "Enables pointer/hover styles and click handling on the component.",
|
|
64
|
-
"default": false,
|
|
65
|
-
"values": null,
|
|
66
|
-
"category": "behavior"
|
|
67
|
-
},
|
|
68
|
-
"padding": {
|
|
69
|
-
"type": "string|number",
|
|
70
|
-
"description": "Padding applied to the component root element.",
|
|
71
|
-
"default": null,
|
|
72
|
-
"values": [
|
|
73
|
-
"number",
|
|
74
|
-
"CSS units",
|
|
75
|
-
"xxs",
|
|
76
|
-
"xs",
|
|
77
|
-
"sm",
|
|
78
|
-
"md",
|
|
79
|
-
"lg",
|
|
80
|
-
"xl",
|
|
81
|
-
"xxl",
|
|
82
|
-
"xxxl"
|
|
83
|
-
],
|
|
84
|
-
"category": "layout"
|
|
85
|
-
},
|
|
86
|
-
"margin": {
|
|
87
|
-
"type": "string|number",
|
|
88
|
-
"description": "Margin applied to the component root element.",
|
|
89
|
-
"default": null,
|
|
90
|
-
"values": [
|
|
91
|
-
"number",
|
|
92
|
-
"CSS units",
|
|
93
|
-
"xxs",
|
|
94
|
-
"xs",
|
|
95
|
-
"sm",
|
|
96
|
-
"md",
|
|
97
|
-
"lg",
|
|
98
|
-
"xl",
|
|
99
|
-
"xxl",
|
|
100
|
-
"xxxl"
|
|
101
|
-
],
|
|
102
|
-
"category": "layout"
|
|
103
|
-
},
|
|
104
|
-
"width": {
|
|
105
|
-
"type": "string|number",
|
|
106
|
-
"description": "Explicit width (number interpreted as px or CSS length).",
|
|
107
|
-
"default": null,
|
|
108
|
-
"values": [
|
|
109
|
-
"number",
|
|
110
|
-
"CSS units",
|
|
111
|
-
"xxs",
|
|
112
|
-
"xs",
|
|
113
|
-
"sm",
|
|
114
|
-
"md",
|
|
115
|
-
"lg",
|
|
116
|
-
"xl",
|
|
117
|
-
"xxl",
|
|
118
|
-
"xxxl"
|
|
119
|
-
],
|
|
120
|
-
"category": "layout"
|
|
121
|
-
},
|
|
122
|
-
"minWidth": {
|
|
123
|
-
"type": "string|number",
|
|
124
|
-
"description": "Minimum width constraint (number interpreted as px or CSS length).",
|
|
125
|
-
"default": null,
|
|
126
|
-
"values": [
|
|
127
|
-
"number",
|
|
128
|
-
"CSS units",
|
|
129
|
-
"xxs",
|
|
130
|
-
"xs",
|
|
131
|
-
"sm",
|
|
132
|
-
"md",
|
|
133
|
-
"lg",
|
|
134
|
-
"xl",
|
|
135
|
-
"xxl",
|
|
136
|
-
"xxxl"
|
|
137
|
-
],
|
|
138
|
-
"category": "layout"
|
|
139
|
-
},
|
|
140
|
-
"maxWidth": {
|
|
141
|
-
"type": "string|number",
|
|
142
|
-
"description": "Maximum width constraint (number interpreted as px or CSS length).",
|
|
143
|
-
"default": null,
|
|
144
|
-
"values": [
|
|
145
|
-
"number",
|
|
146
|
-
"CSS units",
|
|
147
|
-
"xxs",
|
|
148
|
-
"xs",
|
|
149
|
-
"sm",
|
|
150
|
-
"md",
|
|
151
|
-
"lg",
|
|
152
|
-
"xl",
|
|
153
|
-
"xxl",
|
|
154
|
-
"xxxl"
|
|
155
|
-
],
|
|
156
|
-
"category": "layout"
|
|
157
|
-
},
|
|
158
|
-
"height": {
|
|
159
|
-
"type": "string|number",
|
|
160
|
-
"description": "Explicit height (number interpreted as px or CSS length).",
|
|
161
|
-
"default": null,
|
|
162
|
-
"values": [
|
|
163
|
-
"number",
|
|
164
|
-
"CSS units",
|
|
165
|
-
"xxs",
|
|
166
|
-
"xs",
|
|
167
|
-
"sm",
|
|
168
|
-
"md",
|
|
169
|
-
"lg",
|
|
170
|
-
"xl",
|
|
171
|
-
"xxl",
|
|
172
|
-
"xxxl"
|
|
173
|
-
],
|
|
174
|
-
"category": "layout"
|
|
175
|
-
},
|
|
176
|
-
"minHeight": {
|
|
177
|
-
"type": "string|number",
|
|
178
|
-
"description": "Minimum height constraint (number interpreted as px or CSS length).",
|
|
179
|
-
"default": null,
|
|
180
|
-
"values": [
|
|
181
|
-
"number",
|
|
182
|
-
"CSS units",
|
|
183
|
-
"xxs",
|
|
184
|
-
"xs",
|
|
185
|
-
"sm",
|
|
186
|
-
"md",
|
|
187
|
-
"lg",
|
|
188
|
-
"xl",
|
|
189
|
-
"xxl",
|
|
190
|
-
"xxxl"
|
|
191
|
-
],
|
|
192
|
-
"category": "layout"
|
|
193
|
-
},
|
|
194
|
-
"maxHeight": {
|
|
195
|
-
"type": "string|number",
|
|
196
|
-
"description": "Maximum height constraint (number interpreted as px or CSS length).",
|
|
197
|
-
"default": null,
|
|
198
|
-
"values": [
|
|
199
|
-
"number",
|
|
200
|
-
"CSS units",
|
|
201
|
-
"xxs",
|
|
202
|
-
"xs",
|
|
203
|
-
"sm",
|
|
204
|
-
"md",
|
|
205
|
-
"lg",
|
|
206
|
-
"xl",
|
|
207
|
-
"xxl",
|
|
208
|
-
"xxxl"
|
|
209
|
-
],
|
|
210
|
-
"category": "layout"
|
|
211
|
-
},
|
|
212
|
-
"radius": {
|
|
213
|
-
"type": "string|number",
|
|
214
|
-
"description": "Border radius token or CSS length applied to the component.",
|
|
215
|
-
"default": null,
|
|
216
|
-
"values": [
|
|
217
|
-
"number",
|
|
218
|
-
"CSS units",
|
|
219
|
-
"xxs",
|
|
220
|
-
"xs",
|
|
221
|
-
"sm",
|
|
222
|
-
"md",
|
|
223
|
-
"lg",
|
|
224
|
-
"xl",
|
|
225
|
-
"xxl",
|
|
226
|
-
"xxxl"
|
|
227
|
-
],
|
|
228
|
-
"category": "style"
|
|
229
|
-
},
|
|
230
|
-
"borderRadius": {
|
|
231
|
-
"type": "string|number",
|
|
232
|
-
"description": "Border radius token or CSS length applied to the component.",
|
|
233
|
-
"default": null,
|
|
234
|
-
"values": [
|
|
235
|
-
"number",
|
|
236
|
-
"CSS units",
|
|
237
|
-
"xxs",
|
|
238
|
-
"xs",
|
|
239
|
-
"sm",
|
|
240
|
-
"md",
|
|
241
|
-
"lg",
|
|
242
|
-
"xl",
|
|
243
|
-
"xxl",
|
|
244
|
-
"xxxl"
|
|
245
|
-
],
|
|
246
|
-
"category": "style"
|
|
247
|
-
},
|
|
248
|
-
"shadow": {
|
|
249
|
-
"type": "string|boolean",
|
|
250
|
-
"description": "Shadow token or CSS box-shadow string applied to the component.",
|
|
251
|
-
"default": null,
|
|
252
|
-
"values": [
|
|
253
|
-
"none",
|
|
254
|
-
"xxs",
|
|
255
|
-
"xs",
|
|
256
|
-
"sm",
|
|
257
|
-
"md",
|
|
258
|
-
"lg",
|
|
259
|
-
"xl",
|
|
260
|
-
"xxl",
|
|
261
|
-
"xxxl"
|
|
262
|
-
],
|
|
263
|
-
"category": "style"
|
|
264
|
-
},
|
|
265
|
-
"mobile": {
|
|
266
|
-
"type": "object",
|
|
267
|
-
"description": "Responsive overrides applied at the base/mobile viewport.",
|
|
268
|
-
"default": null,
|
|
269
|
-
"values": null,
|
|
270
|
-
"category": "layout"
|
|
271
|
-
},
|
|
272
|
-
"tablet": {
|
|
273
|
-
"type": "object",
|
|
274
|
-
"description": "Responsive overrides applied from the tablet breakpoint upward.",
|
|
275
|
-
"default": null,
|
|
276
|
-
"values": null,
|
|
277
|
-
"category": "layout"
|
|
278
|
-
},
|
|
279
|
-
"pc": {
|
|
280
|
-
"type": "object",
|
|
281
|
-
"description": "Responsive overrides applied from the desktop breakpoint upward.",
|
|
282
|
-
"default": null,
|
|
283
|
-
"values": null,
|
|
284
|
-
"category": "layout"
|
|
285
|
-
},
|
|
286
|
-
"class": {
|
|
287
|
-
"type": "string",
|
|
288
|
-
"description": "Additional CSS classes applied to the component root element.",
|
|
289
|
-
"default": null,
|
|
290
|
-
"values": null,
|
|
291
|
-
"category": "style"
|
|
292
|
-
},
|
|
293
|
-
"style": {
|
|
294
|
-
"type": "object",
|
|
295
|
-
"description": "Inline styles applied to the component root element.",
|
|
296
|
-
"default": null,
|
|
297
|
-
"values": null,
|
|
298
|
-
"category": "style"
|
|
299
|
-
},
|
|
300
|
-
"max": {
|
|
301
|
-
"type": "number",
|
|
302
|
-
"description": "Maximum value for range-based controls.",
|
|
303
|
-
"default": null,
|
|
304
|
-
"values": null,
|
|
305
|
-
"category": "general"
|
|
306
|
-
},
|
|
307
|
-
"pages": {
|
|
308
|
-
"type": "number",
|
|
309
|
-
"description": "Component configuration for \"pages\". When not handled internally, it is forwarded to the root element.",
|
|
310
|
-
"default": null,
|
|
311
|
-
"values": null,
|
|
312
|
-
"category": "general"
|
|
313
|
-
},
|
|
314
|
-
"total": {
|
|
315
|
-
"type": "number",
|
|
316
|
-
"description": "Component configuration for \"total\". When not handled internally, it is forwarded to the root element.",
|
|
317
|
-
"default": null,
|
|
318
|
-
"values": null,
|
|
319
|
-
"category": "general"
|
|
320
|
-
},
|
|
321
|
-
"pageSize": {
|
|
322
|
-
"type": "number",
|
|
323
|
-
"description": "Number of items per page.",
|
|
324
|
-
"default": null,
|
|
325
|
-
"values": null,
|
|
326
|
-
"category": "general"
|
|
327
|
-
},
|
|
328
|
-
"value": {
|
|
329
|
-
"type": "number",
|
|
330
|
-
"description": "Current value (controlled).",
|
|
331
|
-
"default": null,
|
|
332
|
-
"values": null,
|
|
333
|
-
"category": "data"
|
|
334
|
-
},
|
|
335
|
-
"page": {
|
|
336
|
-
"type": "number",
|
|
337
|
-
"description": "Current page index (1-based unless documented otherwise).",
|
|
338
|
-
"default": null,
|
|
339
|
-
"values": null,
|
|
340
|
-
"category": "general"
|
|
341
|
-
},
|
|
342
|
-
"model": {
|
|
343
|
-
"type": "[get,set] signal",
|
|
344
|
-
"description": "Two-way bound value (alias to value in some components).",
|
|
345
|
-
"default": null,
|
|
346
|
-
"values": null,
|
|
347
|
-
"category": "data"
|
|
348
|
-
},
|
|
349
|
-
"showPages": {
|
|
350
|
-
"type": "boolean",
|
|
351
|
-
"description": "Component configuration for \"showPages\". When not handled internally, it is forwarded to the root element.",
|
|
352
|
-
"default": null,
|
|
353
|
-
"values": null,
|
|
354
|
-
"category": "general"
|
|
355
|
-
},
|
|
356
|
-
"showSummary": {
|
|
357
|
-
"type": "boolean",
|
|
358
|
-
"description": "Component configuration for \"showSummary\". When not handled internally, it is forwarded to the root element.",
|
|
359
|
-
"default": null,
|
|
360
|
-
"values": null,
|
|
361
|
-
"category": "general"
|
|
362
|
-
},
|
|
363
|
-
"showLabel": {
|
|
364
|
-
"type": "boolean",
|
|
365
|
-
"description": "Whether to render the label text.",
|
|
366
|
-
"default": null,
|
|
367
|
-
"values": null,
|
|
368
|
-
"category": "general"
|
|
369
|
-
},
|
|
370
|
-
"showPrev": {
|
|
371
|
-
"type": "boolean",
|
|
372
|
-
"description": "Component configuration for \"showPrev\". When not handled internally, it is forwarded to the root element.",
|
|
373
|
-
"default": null,
|
|
374
|
-
"values": null,
|
|
375
|
-
"category": "general"
|
|
376
|
-
},
|
|
377
|
-
"showNext": {
|
|
378
|
-
"type": "boolean",
|
|
379
|
-
"description": "Component configuration for \"showNext\". When not handled internally, it is forwarded to the root element.",
|
|
380
|
-
"default": null,
|
|
381
|
-
"values": null,
|
|
382
|
-
"category": "general"
|
|
383
|
-
},
|
|
384
|
-
"showFirst": {
|
|
385
|
-
"type": "boolean",
|
|
386
|
-
"description": "Component configuration for \"showFirst\". When not handled internally, it is forwarded to the root element.",
|
|
387
|
-
"default": null,
|
|
388
|
-
"values": null,
|
|
389
|
-
"category": "general"
|
|
390
|
-
},
|
|
391
|
-
"showLast": {
|
|
392
|
-
"type": "boolean",
|
|
393
|
-
"description": "Component configuration for \"showLast\". When not handled internally, it is forwarded to the root element.",
|
|
394
|
-
"default": null,
|
|
395
|
-
"values": null,
|
|
396
|
-
"category": "general"
|
|
397
|
-
},
|
|
398
|
-
"showEdges": {
|
|
399
|
-
"type": "boolean",
|
|
400
|
-
"description": "Component configuration for \"showEdges\". When not handled internally, it is forwarded to the root element.",
|
|
401
|
-
"default": null,
|
|
402
|
-
"values": null,
|
|
403
|
-
"category": "general"
|
|
404
|
-
},
|
|
405
|
-
"siblings": {
|
|
406
|
-
"type": "number",
|
|
407
|
-
"description": "Component configuration for \"siblings\". When not handled internally, it is forwarded to the root element.",
|
|
408
|
-
"default": null,
|
|
409
|
-
"values": null,
|
|
410
|
-
"category": "general"
|
|
411
|
-
},
|
|
412
|
-
"boundaryCount": {
|
|
413
|
-
"type": "number",
|
|
414
|
-
"description": "Component configuration for \"boundaryCount\". When not handled internally, it is forwarded to the root element.",
|
|
415
|
-
"default": null,
|
|
416
|
-
"values": null,
|
|
417
|
-
"category": "general"
|
|
418
|
-
},
|
|
419
|
-
"hideOnSinglePage": {
|
|
420
|
-
"type": "boolean",
|
|
421
|
-
"description": "Component configuration for \"hideOnSinglePage\". When not handled internally, it is forwarded to the root element.",
|
|
422
|
-
"default": null,
|
|
423
|
-
"values": null,
|
|
424
|
-
"category": "general"
|
|
425
|
-
},
|
|
426
|
-
"dense": {
|
|
427
|
-
"type": "boolean",
|
|
428
|
-
"description": "Uses compact spacing and sizing.",
|
|
429
|
-
"default": false,
|
|
430
|
-
"values": null,
|
|
431
|
-
"category": "layout"
|
|
432
|
-
},
|
|
433
|
-
"simple": {
|
|
434
|
-
"type": "boolean",
|
|
435
|
-
"description": "Component configuration for \"simple\". When not handled internally, it is forwarded to the root element.",
|
|
436
|
-
"default": null,
|
|
437
|
-
"values": null,
|
|
438
|
-
"category": "general"
|
|
439
|
-
},
|
|
440
|
-
"state": {
|
|
441
|
-
"type": "primary|secondary|warning|danger|success|info|light|dark",
|
|
442
|
-
"description": "Component configuration for \"state\". When not handled internally, it is forwarded to the root element.",
|
|
443
|
-
"default": null,
|
|
444
|
-
"values": null,
|
|
445
|
-
"category": "general"
|
|
446
|
-
},
|
|
447
|
-
"slots": {
|
|
448
|
-
"type": "{ start?, end?, first?, prev?, page?, item?, ellipsis?, next?, last?, summary?, label? }",
|
|
449
|
-
"description": "Named slots map for render overrides.",
|
|
450
|
-
"default": null,
|
|
451
|
-
"values": null,
|
|
452
|
-
"category": "general"
|
|
453
|
-
},
|
|
454
|
-
"children": {
|
|
455
|
-
"type": "Node|Array|Function",
|
|
456
|
-
"description": "Default child content (nodes, arrays, or render function).",
|
|
457
|
-
"default": null,
|
|
458
|
-
"values": null,
|
|
459
|
-
"category": "general"
|
|
460
|
-
}
|
|
9
|
+
"size": {"type": "xxs|xs|sm|md|lg|xl|xxl|xxxl", "description": "Size token, number, or CSS length for sizing.", "default": null, "values": ["number", "CSS units", "xxs", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"], "category": "style"},
|
|
10
|
+
"color": {"type": "primary|secondary|warning|danger|success|info|light|dark", "description": "Semantic color name used to style the component.", "default": null, "values": ["primary", "secondary", "success", "warning", "danger", "info", "light", "dark"], "category": "style"},
|
|
11
|
+
"outline": {"type": "boolean", "description": "Uses outlined visual style.", "default": false, "values": ["number", "CSS units", "xxs", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"], "category": "style"},
|
|
12
|
+
"clickable": {"type": "boolean", "description": "Enables pointer/hover styles and click handling on the component.", "default": false, "values": null, "category": "behavior"},
|
|
13
|
+
"padding": {"type": "string|number", "description": "Padding applied to the component root element.", "default": null, "values": ["number", "CSS units", "xxs", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"], "category": "layout"},
|
|
14
|
+
"margin": {"type": "string|number", "description": "Margin applied to the component root element.", "default": null, "values": ["number", "CSS units", "xxs", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"], "category": "layout"},
|
|
15
|
+
"width": {"type": "string|number", "description": "Explicit width (number interpreted as px or CSS length).", "default": null, "values": ["number", "CSS units", "xxs", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"], "category": "layout"},
|
|
16
|
+
"minWidth": {"type": "string|number", "description": "Minimum width constraint (number interpreted as px or CSS length).", "default": null, "values": ["number", "CSS units", "xxs", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"], "category": "layout"},
|
|
17
|
+
"maxWidth": {"type": "string|number", "description": "Maximum width constraint (number interpreted as px or CSS length).", "default": null, "values": ["number", "CSS units", "xxs", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"], "category": "layout"},
|
|
18
|
+
"height": {"type": "string|number", "description": "Explicit height (number interpreted as px or CSS length).", "default": null, "values": ["number", "CSS units", "xxs", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"], "category": "layout"},
|
|
19
|
+
"minHeight": {"type": "string|number", "description": "Minimum height constraint (number interpreted as px or CSS length).", "default": null, "values": ["number", "CSS units", "xxs", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"], "category": "layout"},
|
|
20
|
+
"maxHeight": {"type": "string|number", "description": "Maximum height constraint (number interpreted as px or CSS length).", "default": null, "values": ["number", "CSS units", "xxs", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"], "category": "layout"},
|
|
21
|
+
"radius": {"type": "string|number", "description": "Border radius token or CSS length applied to the component.", "default": null, "values": ["number", "CSS units", "xxs", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"], "category": "style"},
|
|
22
|
+
"borderRadius": {"type": "string|number", "description": "Border radius token or CSS length applied to the component.", "default": null, "values": ["number", "CSS units", "xxs", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"], "category": "style"},
|
|
23
|
+
"shadow": {"type": "string|boolean", "description": "Shadow token or CSS box-shadow string applied to the component.", "default": null, "values": ["none", "xxs", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"], "category": "style"},
|
|
24
|
+
"mobile": {"type": "object", "description": "Responsive overrides applied at the base/mobile viewport.", "default": null, "values": null, "category": "layout"},
|
|
25
|
+
"tablet": {"type": "object", "description": "Responsive overrides applied from the tablet breakpoint upward.", "default": null, "values": null, "category": "layout"},
|
|
26
|
+
"pc": {"type": "object", "description": "Responsive overrides applied from the desktop breakpoint upward.", "default": null, "values": null, "category": "layout"},
|
|
27
|
+
"class": {"type": "string", "description": "Additional CSS classes applied to the component root element.", "default": null, "values": null, "category": "style"},
|
|
28
|
+
"style": {"type": "object", "description": "Inline styles applied to the component root element.", "default": null, "values": null, "category": "style"},
|
|
29
|
+
"max": {"type": "number", "description": "Maximum value for range-based controls.", "default": null, "values": null, "category": "general"},
|
|
30
|
+
"pages": {"type": "number", "description": "Component configuration for \"pages\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
31
|
+
"total": {"type": "number", "description": "Component configuration for \"total\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
32
|
+
"pageSize": {"type": "number", "description": "Number of items per page.", "default": null, "values": null, "category": "general"},
|
|
33
|
+
"value": {"type": "number", "description": "Current value (controlled).", "default": null, "values": null, "category": "data"},
|
|
34
|
+
"page": {"type": "number", "description": "Current page index (1-based unless documented otherwise).", "default": null, "values": null, "category": "general"},
|
|
35
|
+
"model": {"type": "[get,set] signal", "description": "Two-way bound value (alias to value in some components).", "default": null, "values": null, "category": "data"},
|
|
36
|
+
"showPages": {"type": "boolean", "description": "Component configuration for \"showPages\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
37
|
+
"showSummary": {"type": "boolean", "description": "Component configuration for \"showSummary\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
38
|
+
"showLabel": {"type": "boolean", "description": "Whether to render the label text.", "default": null, "values": null, "category": "general"},
|
|
39
|
+
"showPrev": {"type": "boolean", "description": "Component configuration for \"showPrev\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
40
|
+
"showNext": {"type": "boolean", "description": "Component configuration for \"showNext\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
41
|
+
"showFirst": {"type": "boolean", "description": "Component configuration for \"showFirst\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
42
|
+
"showLast": {"type": "boolean", "description": "Component configuration for \"showLast\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
43
|
+
"showEdges": {"type": "boolean", "description": "Component configuration for \"showEdges\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
44
|
+
"siblings": {"type": "number", "description": "Component configuration for \"siblings\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
45
|
+
"boundaryCount": {"type": "number", "description": "Component configuration for \"boundaryCount\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
46
|
+
"hideOnSinglePage": {"type": "boolean", "description": "Component configuration for \"hideOnSinglePage\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
47
|
+
"dense": {"type": "boolean", "description": "Uses compact spacing and sizing.", "default": false, "values": null, "category": "layout"},
|
|
48
|
+
"simple": {"type": "boolean", "description": "Component configuration for \"simple\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
49
|
+
"state": {"type": "primary|secondary|warning|danger|success|info|light|dark", "description": "Component configuration for \"state\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
50
|
+
"slots": {"type": "{ start?, end?, first?, prev?, page?, item?, ellipsis?, next?, last?, summary?, label? }", "description": "Named slots map for render overrides.", "default": null, "values": null, "category": "general"},
|
|
51
|
+
"children": {"type": "Node|Array|Function", "description": "Default child content (nodes, arrays, or render function).", "default": null, "values": null, "category": "general"}
|
|
461
52
|
},
|
|
462
53
|
"slots": {
|
|
463
|
-
"start": {
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
},
|
|
470
|
-
"
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
"values": null,
|
|
475
|
-
"category": "slot"
|
|
476
|
-
},
|
|
477
|
-
"first": {
|
|
478
|
-
"type": "First button content",
|
|
479
|
-
"description": "Slot content for \"first\". Accepts nodes, arrays, or render functions.",
|
|
480
|
-
"default": null,
|
|
481
|
-
"values": null,
|
|
482
|
-
"category": "slot"
|
|
483
|
-
},
|
|
484
|
-
"prev": {
|
|
485
|
-
"type": "Prev button content",
|
|
486
|
-
"description": "Slot for the previous-page control.",
|
|
487
|
-
"default": null,
|
|
488
|
-
"values": null,
|
|
489
|
-
"category": "slot"
|
|
490
|
-
},
|
|
491
|
-
"page": {
|
|
492
|
-
"type": "Page item content (ctx: { page, active, pages })",
|
|
493
|
-
"description": "Slot for page indicator/content.",
|
|
494
|
-
"default": null,
|
|
495
|
-
"values": null,
|
|
496
|
-
"category": "slot"
|
|
497
|
-
},
|
|
498
|
-
"item": {
|
|
499
|
-
"type": "Alias of page",
|
|
500
|
-
"description": "Slot for custom item rendering.",
|
|
501
|
-
"default": null,
|
|
502
|
-
"values": null,
|
|
503
|
-
"category": "slot"
|
|
504
|
-
},
|
|
505
|
-
"ellipsis": {
|
|
506
|
-
"type": "Ellipsis content",
|
|
507
|
-
"description": "Slot content for \"ellipsis\". Accepts nodes, arrays, or render functions.",
|
|
508
|
-
"default": null,
|
|
509
|
-
"values": null,
|
|
510
|
-
"category": "slot"
|
|
511
|
-
},
|
|
512
|
-
"next": {
|
|
513
|
-
"type": "Next button content",
|
|
514
|
-
"description": "Slot for the next-page control.",
|
|
515
|
-
"default": null,
|
|
516
|
-
"values": null,
|
|
517
|
-
"category": "slot"
|
|
518
|
-
},
|
|
519
|
-
"last": {
|
|
520
|
-
"type": "Last button content",
|
|
521
|
-
"description": "Slot content for \"last\". Accepts nodes, arrays, or render functions.",
|
|
522
|
-
"default": null,
|
|
523
|
-
"values": null,
|
|
524
|
-
"category": "slot"
|
|
525
|
-
},
|
|
526
|
-
"summary": {
|
|
527
|
-
"type": "Summary content",
|
|
528
|
-
"description": "Slot content for \"summary\". Accepts nodes, arrays, or render functions.",
|
|
529
|
-
"default": null,
|
|
530
|
-
"values": null,
|
|
531
|
-
"category": "slot"
|
|
532
|
-
},
|
|
533
|
-
"label": {
|
|
534
|
-
"type": "Alias legacy di summary",
|
|
535
|
-
"description": "Slot for label content.",
|
|
536
|
-
"default": null,
|
|
537
|
-
"values": null,
|
|
538
|
-
"category": "slot"
|
|
539
|
-
}
|
|
54
|
+
"start": {"type": "Content before the controls", "description": "Slot content for \"start\". Accepts nodes, arrays, or render functions.", "default": null, "values": null, "category": "slot"},
|
|
55
|
+
"end": {"type": "Content after the controls", "description": "Slot content for \"end\". Accepts nodes, arrays, or render functions.", "default": null, "values": null, "category": "slot"},
|
|
56
|
+
"first": {"type": "First button content", "description": "Slot content for \"first\". Accepts nodes, arrays, or render functions.", "default": null, "values": null, "category": "slot"},
|
|
57
|
+
"prev": {"type": "Prev button content", "description": "Slot for the previous-page control.", "default": null, "values": null, "category": "slot"},
|
|
58
|
+
"page": {"type": "Page item content (ctx: { page, active, pages })", "description": "Slot for page indicator/content.", "default": null, "values": null, "category": "slot"},
|
|
59
|
+
"item": {"type": "Alias of page", "description": "Slot for custom item rendering.", "default": null, "values": null, "category": "slot"},
|
|
60
|
+
"ellipsis": {"type": "Ellipsis content", "description": "Slot content for \"ellipsis\". Accepts nodes, arrays, or render functions.", "default": null, "values": null, "category": "slot"},
|
|
61
|
+
"next": {"type": "Next button content", "description": "Slot for the next-page control.", "default": null, "values": null, "category": "slot"},
|
|
62
|
+
"last": {"type": "Last button content", "description": "Slot content for \"last\". Accepts nodes, arrays, or render functions.", "default": null, "values": null, "category": "slot"},
|
|
63
|
+
"summary": {"type": "Summary content", "description": "Slot content for \"summary\". Accepts nodes, arrays, or render functions.", "default": null, "values": null, "category": "slot"},
|
|
64
|
+
"label": {"type": "Alias legacy di summary", "description": "Slot for label content.", "default": null, "values": null, "category": "slot"}
|
|
540
65
|
},
|
|
541
66
|
"events": {
|
|
542
67
|
"onChange": "(page, ctx, event)",
|