@htmlbricks/hb-paginate 0.62.31 → 0.64.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.
- package/main.iife.js +8 -6
- package/main.iife.js.map +1 -1
- package/manifest.json +206 -6
- package/package.json +1 -1
- package/types/webcomponent.type.d.json +44 -4
- package/types/webcomponent.type.d.ts +15 -2
- package/types/webcomponent_events.type.d.json +18 -1
package/manifest.json
CHANGED
|
@@ -19,6 +19,22 @@
|
|
|
19
19
|
],
|
|
20
20
|
"type": "object"
|
|
21
21
|
},
|
|
22
|
+
"changeSort": {
|
|
23
|
+
"additionalProperties": false,
|
|
24
|
+
"properties": {
|
|
25
|
+
"sort_by": {
|
|
26
|
+
"type": "string"
|
|
27
|
+
},
|
|
28
|
+
"sort_direction": {
|
|
29
|
+
"type": "string"
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
"required": [
|
|
33
|
+
"sort_by",
|
|
34
|
+
"sort_direction"
|
|
35
|
+
],
|
|
36
|
+
"type": "object"
|
|
37
|
+
},
|
|
22
38
|
"pageChange": {
|
|
23
39
|
"additionalProperties": false,
|
|
24
40
|
"properties": {
|
|
@@ -38,7 +54,8 @@
|
|
|
38
54
|
},
|
|
39
55
|
"required": [
|
|
40
56
|
"pageChange",
|
|
41
|
-
"changePageSize"
|
|
57
|
+
"changePageSize",
|
|
58
|
+
"changeSort"
|
|
42
59
|
],
|
|
43
60
|
"type": "object"
|
|
44
61
|
}
|
|
@@ -75,14 +92,54 @@
|
|
|
75
92
|
"size": {
|
|
76
93
|
"type": "number"
|
|
77
94
|
},
|
|
95
|
+
"sort_by": {
|
|
96
|
+
"description": "Currently selected sort field",
|
|
97
|
+
"type": "string"
|
|
98
|
+
},
|
|
99
|
+
"sort_default_label": {
|
|
100
|
+
"description": "Custom label for the \"Default\" sort option (e.g. \"Relevance\")",
|
|
101
|
+
"type": "string"
|
|
102
|
+
},
|
|
103
|
+
"sort_default_value": {
|
|
104
|
+
"description": "Value for the \"Default\" sort option (emitted as sort_by when default is selected)",
|
|
105
|
+
"type": "string"
|
|
106
|
+
},
|
|
107
|
+
"sort_direction": {
|
|
108
|
+
"description": "Current sort direction",
|
|
109
|
+
"enum": [
|
|
110
|
+
"asc",
|
|
111
|
+
"desc",
|
|
112
|
+
"default"
|
|
113
|
+
],
|
|
114
|
+
"type": "string"
|
|
115
|
+
},
|
|
116
|
+
"sort_disabled": {
|
|
117
|
+
"description": "Whether the sort controls are disabled",
|
|
118
|
+
"type": "boolean"
|
|
119
|
+
},
|
|
120
|
+
"sort_fields": {
|
|
121
|
+
"description": "Available sort fields. At least one must be present to show the sort indicator",
|
|
122
|
+
"items": {
|
|
123
|
+
"additionalProperties": false,
|
|
124
|
+
"properties": {
|
|
125
|
+
"label": {
|
|
126
|
+
"type": "string"
|
|
127
|
+
},
|
|
128
|
+
"value": {
|
|
129
|
+
"type": "string"
|
|
130
|
+
}
|
|
131
|
+
},
|
|
132
|
+
"required": [
|
|
133
|
+
"value"
|
|
134
|
+
],
|
|
135
|
+
"type": "object"
|
|
136
|
+
},
|
|
137
|
+
"type": "array"
|
|
138
|
+
},
|
|
78
139
|
"total": {
|
|
79
140
|
"type": "number"
|
|
80
141
|
}
|
|
81
142
|
},
|
|
82
|
-
"required": [
|
|
83
|
-
"total",
|
|
84
|
-
"size"
|
|
85
|
-
],
|
|
86
143
|
"type": "object"
|
|
87
144
|
},
|
|
88
145
|
"page": {
|
|
@@ -135,6 +192,9 @@
|
|
|
135
192
|
},
|
|
136
193
|
"changePageSize": {
|
|
137
194
|
"action": "changePageSize"
|
|
195
|
+
},
|
|
196
|
+
"changeSort": {
|
|
197
|
+
"action": "changeSort"
|
|
138
198
|
}
|
|
139
199
|
},
|
|
140
200
|
"styleSetup": {
|
|
@@ -205,6 +265,146 @@
|
|
|
205
265
|
"page_size_options": "10,25,50,100"
|
|
206
266
|
}
|
|
207
267
|
}
|
|
268
|
+
},
|
|
269
|
+
{
|
|
270
|
+
"name": "withSort",
|
|
271
|
+
"description": "Pagination with sort indicator (active sort on title)",
|
|
272
|
+
"data": {
|
|
273
|
+
"page": 0,
|
|
274
|
+
"pages": 4,
|
|
275
|
+
"info": {
|
|
276
|
+
"total": 100,
|
|
277
|
+
"size": 25,
|
|
278
|
+
"sort_fields": [
|
|
279
|
+
{
|
|
280
|
+
"value": "title",
|
|
281
|
+
"label": "Title"
|
|
282
|
+
},
|
|
283
|
+
{
|
|
284
|
+
"value": "date",
|
|
285
|
+
"label": "Date"
|
|
286
|
+
},
|
|
287
|
+
{
|
|
288
|
+
"value": "status",
|
|
289
|
+
"label": "Status"
|
|
290
|
+
}
|
|
291
|
+
],
|
|
292
|
+
"sort_by": "title",
|
|
293
|
+
"sort_direction": "asc"
|
|
294
|
+
}
|
|
295
|
+
}
|
|
296
|
+
},
|
|
297
|
+
{
|
|
298
|
+
"name": "withSortDefault",
|
|
299
|
+
"description": "Pagination with sort indicator showing Default (no active sort)",
|
|
300
|
+
"data": {
|
|
301
|
+
"page": 0,
|
|
302
|
+
"pages": 4,
|
|
303
|
+
"info": {
|
|
304
|
+
"total": 100,
|
|
305
|
+
"size": 25,
|
|
306
|
+
"sort_fields": [
|
|
307
|
+
{
|
|
308
|
+
"value": "title",
|
|
309
|
+
"label": "Title"
|
|
310
|
+
},
|
|
311
|
+
{
|
|
312
|
+
"value": "date",
|
|
313
|
+
"label": "Date"
|
|
314
|
+
},
|
|
315
|
+
{
|
|
316
|
+
"value": "status",
|
|
317
|
+
"label": "Status"
|
|
318
|
+
}
|
|
319
|
+
],
|
|
320
|
+
"sort_by": "",
|
|
321
|
+
"sort_direction": "default"
|
|
322
|
+
}
|
|
323
|
+
}
|
|
324
|
+
},
|
|
325
|
+
{
|
|
326
|
+
"name": "withSortDefaultMatchingField",
|
|
327
|
+
"description": "Default sort matches a sortable field — 'Title' is pre-selected with default direction",
|
|
328
|
+
"data": {
|
|
329
|
+
"page": 0,
|
|
330
|
+
"pages": 4,
|
|
331
|
+
"info": {
|
|
332
|
+
"total": 100,
|
|
333
|
+
"size": 25,
|
|
334
|
+
"sort_fields": [
|
|
335
|
+
{
|
|
336
|
+
"value": "title",
|
|
337
|
+
"label": "Title"
|
|
338
|
+
},
|
|
339
|
+
{
|
|
340
|
+
"value": "date",
|
|
341
|
+
"label": "Date"
|
|
342
|
+
},
|
|
343
|
+
{
|
|
344
|
+
"value": "status",
|
|
345
|
+
"label": "Status"
|
|
346
|
+
}
|
|
347
|
+
],
|
|
348
|
+
"sort_by": "title",
|
|
349
|
+
"sort_direction": "default",
|
|
350
|
+
"sort_default_value": "title"
|
|
351
|
+
}
|
|
352
|
+
}
|
|
353
|
+
},
|
|
354
|
+
{
|
|
355
|
+
"name": "withSortDefaultCustomLabel",
|
|
356
|
+
"description": "Custom label for the Default sort option (shows 'Relevance' instead of 'Default')",
|
|
357
|
+
"data": {
|
|
358
|
+
"page": 0,
|
|
359
|
+
"pages": 4,
|
|
360
|
+
"info": {
|
|
361
|
+
"total": 100,
|
|
362
|
+
"size": 25,
|
|
363
|
+
"sort_fields": [
|
|
364
|
+
{
|
|
365
|
+
"value": "title",
|
|
366
|
+
"label": "Title"
|
|
367
|
+
},
|
|
368
|
+
{
|
|
369
|
+
"value": "date",
|
|
370
|
+
"label": "Date"
|
|
371
|
+
},
|
|
372
|
+
{
|
|
373
|
+
"value": "status",
|
|
374
|
+
"label": "Status"
|
|
375
|
+
}
|
|
376
|
+
],
|
|
377
|
+
"sort_by": "",
|
|
378
|
+
"sort_direction": "default",
|
|
379
|
+
"sort_default_label": "Relevance"
|
|
380
|
+
}
|
|
381
|
+
}
|
|
382
|
+
},
|
|
383
|
+
{
|
|
384
|
+
"name": "withSortAndPageSize",
|
|
385
|
+
"description": "Pagination with sort and page size selector",
|
|
386
|
+
"data": {
|
|
387
|
+
"page": 0,
|
|
388
|
+
"pages": 4,
|
|
389
|
+
"info": {
|
|
390
|
+
"total": 100,
|
|
391
|
+
"size": 25,
|
|
392
|
+
"page_size_type": "select",
|
|
393
|
+
"page_size_options": "10,25,50,100",
|
|
394
|
+
"sort_fields": [
|
|
395
|
+
{
|
|
396
|
+
"value": "title",
|
|
397
|
+
"label": "Title"
|
|
398
|
+
},
|
|
399
|
+
{
|
|
400
|
+
"value": "date",
|
|
401
|
+
"label": "Date"
|
|
402
|
+
}
|
|
403
|
+
],
|
|
404
|
+
"sort_by": "title",
|
|
405
|
+
"sort_direction": "asc"
|
|
406
|
+
}
|
|
407
|
+
}
|
|
208
408
|
}
|
|
209
409
|
],
|
|
210
410
|
"screenshots": [],
|
|
@@ -225,5 +425,5 @@
|
|
|
225
425
|
"size": {},
|
|
226
426
|
"iifePath": "main.iife.js",
|
|
227
427
|
"repoName": "@htmlbricks/hb-paginate",
|
|
228
|
-
"version": "0.
|
|
428
|
+
"version": "0.64.0"
|
|
229
429
|
}
|
package/package.json
CHANGED
|
@@ -29,14 +29,54 @@
|
|
|
29
29
|
"size": {
|
|
30
30
|
"type": "number"
|
|
31
31
|
},
|
|
32
|
+
"sort_by": {
|
|
33
|
+
"description": "Currently selected sort field",
|
|
34
|
+
"type": "string"
|
|
35
|
+
},
|
|
36
|
+
"sort_default_label": {
|
|
37
|
+
"description": "Custom label for the \"Default\" sort option (e.g. \"Relevance\")",
|
|
38
|
+
"type": "string"
|
|
39
|
+
},
|
|
40
|
+
"sort_default_value": {
|
|
41
|
+
"description": "Value for the \"Default\" sort option (emitted as sort_by when default is selected)",
|
|
42
|
+
"type": "string"
|
|
43
|
+
},
|
|
44
|
+
"sort_direction": {
|
|
45
|
+
"description": "Current sort direction",
|
|
46
|
+
"enum": [
|
|
47
|
+
"asc",
|
|
48
|
+
"desc",
|
|
49
|
+
"default"
|
|
50
|
+
],
|
|
51
|
+
"type": "string"
|
|
52
|
+
},
|
|
53
|
+
"sort_disabled": {
|
|
54
|
+
"description": "Whether the sort controls are disabled",
|
|
55
|
+
"type": "boolean"
|
|
56
|
+
},
|
|
57
|
+
"sort_fields": {
|
|
58
|
+
"description": "Available sort fields. At least one must be present to show the sort indicator",
|
|
59
|
+
"items": {
|
|
60
|
+
"additionalProperties": false,
|
|
61
|
+
"properties": {
|
|
62
|
+
"label": {
|
|
63
|
+
"type": "string"
|
|
64
|
+
},
|
|
65
|
+
"value": {
|
|
66
|
+
"type": "string"
|
|
67
|
+
}
|
|
68
|
+
},
|
|
69
|
+
"required": [
|
|
70
|
+
"value"
|
|
71
|
+
],
|
|
72
|
+
"type": "object"
|
|
73
|
+
},
|
|
74
|
+
"type": "array"
|
|
75
|
+
},
|
|
32
76
|
"total": {
|
|
33
77
|
"type": "number"
|
|
34
78
|
}
|
|
35
79
|
},
|
|
36
|
-
"required": [
|
|
37
|
-
"total",
|
|
38
|
-
"size"
|
|
39
|
-
],
|
|
40
80
|
"type": "object"
|
|
41
81
|
},
|
|
42
82
|
"page": {
|
|
@@ -4,12 +4,24 @@ export type Component = {
|
|
|
4
4
|
pages: number;
|
|
5
5
|
page: number;
|
|
6
6
|
info?: {
|
|
7
|
-
total
|
|
8
|
-
size
|
|
7
|
+
total?: number;
|
|
8
|
+
size?: number;
|
|
9
9
|
/** Type of page size selector: "number" for free input, "select" for dropdown */
|
|
10
10
|
page_size_type?: "number" | "select";
|
|
11
11
|
/** Comma-separated list of page size options for select mode (e.g. "10,25,50,100") */
|
|
12
12
|
page_size_options?: string;
|
|
13
|
+
/** Available sort fields. At least one must be present to show the sort indicator */
|
|
14
|
+
sort_fields?: { value: string; label?: string }[];
|
|
15
|
+
/** Currently selected sort field */
|
|
16
|
+
sort_by?: string;
|
|
17
|
+
/** Current sort direction */
|
|
18
|
+
sort_direction?: "asc" | "desc" | "default";
|
|
19
|
+
/** Whether the sort controls are disabled */
|
|
20
|
+
sort_disabled?: boolean;
|
|
21
|
+
/** Value for the "Default" sort option (emitted as sort_by when default is selected) */
|
|
22
|
+
sort_default_value?: string;
|
|
23
|
+
/** Custom label for the "Default" sort option (e.g. "Relevance") */
|
|
24
|
+
sort_default_label?: string;
|
|
13
25
|
};
|
|
14
26
|
i18nlang?: string;
|
|
15
27
|
};
|
|
@@ -17,4 +29,5 @@ export type Component = {
|
|
|
17
29
|
export type Events = {
|
|
18
30
|
pageChange: { page: number; pages: number };
|
|
19
31
|
changePageSize: { page_size: number };
|
|
32
|
+
changeSort: { sort_by: string; sort_direction: string };
|
|
20
33
|
};
|
|
@@ -17,6 +17,22 @@
|
|
|
17
17
|
],
|
|
18
18
|
"type": "object"
|
|
19
19
|
},
|
|
20
|
+
"changeSort": {
|
|
21
|
+
"additionalProperties": false,
|
|
22
|
+
"properties": {
|
|
23
|
+
"sort_by": {
|
|
24
|
+
"type": "string"
|
|
25
|
+
},
|
|
26
|
+
"sort_direction": {
|
|
27
|
+
"type": "string"
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
"required": [
|
|
31
|
+
"sort_by",
|
|
32
|
+
"sort_direction"
|
|
33
|
+
],
|
|
34
|
+
"type": "object"
|
|
35
|
+
},
|
|
20
36
|
"pageChange": {
|
|
21
37
|
"additionalProperties": false,
|
|
22
38
|
"properties": {
|
|
@@ -36,7 +52,8 @@
|
|
|
36
52
|
},
|
|
37
53
|
"required": [
|
|
38
54
|
"pageChange",
|
|
39
|
-
"changePageSize"
|
|
55
|
+
"changePageSize",
|
|
56
|
+
"changeSort"
|
|
40
57
|
],
|
|
41
58
|
"type": "object"
|
|
42
59
|
}
|