@htmlbricks/hb-gallery-video 0.71.35 → 0.71.37
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/README.md +58 -29
- package/main.iife.js +1 -1
- package/main.iife.js.map +1 -1
- package/manifest.json +170 -17
- package/package.json +1 -1
- package/types/webcomponent.type.d.json +51 -13
- package/types/webcomponent.type.d.ts +17 -8
- package/types/webcomponent_events.type.d.json +102 -0
package/manifest.json
CHANGED
|
@@ -6,6 +6,108 @@
|
|
|
6
6
|
"definitions": {
|
|
7
7
|
"Events": {
|
|
8
8
|
"additionalProperties": false,
|
|
9
|
+
"properties": {
|
|
10
|
+
"dateFilterVideos": {
|
|
11
|
+
"additionalProperties": false,
|
|
12
|
+
"properties": {
|
|
13
|
+
"dateKey": {
|
|
14
|
+
"enum": [
|
|
15
|
+
"start",
|
|
16
|
+
"end"
|
|
17
|
+
],
|
|
18
|
+
"type": "string"
|
|
19
|
+
},
|
|
20
|
+
"end": {
|
|
21
|
+
"format": "date-time",
|
|
22
|
+
"type": "string"
|
|
23
|
+
},
|
|
24
|
+
"start": {
|
|
25
|
+
"format": "date-time",
|
|
26
|
+
"type": "string"
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
"required": [
|
|
30
|
+
"dateKey"
|
|
31
|
+
],
|
|
32
|
+
"type": "object"
|
|
33
|
+
},
|
|
34
|
+
"pageChange": {
|
|
35
|
+
"additionalProperties": false,
|
|
36
|
+
"properties": {
|
|
37
|
+
"cards": {
|
|
38
|
+
"items": {
|
|
39
|
+
"$ref": "#/definitions/ICard"
|
|
40
|
+
},
|
|
41
|
+
"type": "array"
|
|
42
|
+
},
|
|
43
|
+
"page": {
|
|
44
|
+
"type": "number"
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
"required": [
|
|
48
|
+
"page",
|
|
49
|
+
"cards"
|
|
50
|
+
],
|
|
51
|
+
"type": "object"
|
|
52
|
+
},
|
|
53
|
+
"textFilterVideos": {
|
|
54
|
+
"additionalProperties": false,
|
|
55
|
+
"properties": {
|
|
56
|
+
"filter": {
|
|
57
|
+
"type": "string"
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
"type": "object"
|
|
61
|
+
}
|
|
62
|
+
},
|
|
63
|
+
"required": [
|
|
64
|
+
"pageChange",
|
|
65
|
+
"textFilterVideos",
|
|
66
|
+
"dateFilterVideos"
|
|
67
|
+
],
|
|
68
|
+
"type": "object"
|
|
69
|
+
},
|
|
70
|
+
"ICard": {
|
|
71
|
+
"additionalProperties": false,
|
|
72
|
+
"properties": {
|
|
73
|
+
"_id": {
|
|
74
|
+
"type": "string"
|
|
75
|
+
},
|
|
76
|
+
"dateformat": {
|
|
77
|
+
"type": "string"
|
|
78
|
+
},
|
|
79
|
+
"description": {
|
|
80
|
+
"type": "string"
|
|
81
|
+
},
|
|
82
|
+
"pageUri": {
|
|
83
|
+
"type": "string"
|
|
84
|
+
},
|
|
85
|
+
"provider": {
|
|
86
|
+
"const": "youtube",
|
|
87
|
+
"type": "string"
|
|
88
|
+
},
|
|
89
|
+
"time": {
|
|
90
|
+
"anyOf": [
|
|
91
|
+
{
|
|
92
|
+
"format": "date-time",
|
|
93
|
+
"type": "string"
|
|
94
|
+
},
|
|
95
|
+
{
|
|
96
|
+
"type": "string"
|
|
97
|
+
}
|
|
98
|
+
],
|
|
99
|
+
"description": "ISO strings from JSON become `Date` after processing."
|
|
100
|
+
},
|
|
101
|
+
"title": {
|
|
102
|
+
"type": "string"
|
|
103
|
+
},
|
|
104
|
+
"videoSrc": {
|
|
105
|
+
"type": "string"
|
|
106
|
+
}
|
|
107
|
+
},
|
|
108
|
+
"required": [
|
|
109
|
+
"videoSrc"
|
|
110
|
+
],
|
|
9
111
|
"type": "object"
|
|
10
112
|
}
|
|
11
113
|
}
|
|
@@ -18,10 +120,17 @@
|
|
|
18
120
|
"additionalProperties": false,
|
|
19
121
|
"properties": {
|
|
20
122
|
"cards": {
|
|
21
|
-
"
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
123
|
+
"anyOf": [
|
|
124
|
+
{
|
|
125
|
+
"type": "string"
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
"items": {
|
|
129
|
+
"$ref": "#/definitions/ICard"
|
|
130
|
+
},
|
|
131
|
+
"type": "array"
|
|
132
|
+
}
|
|
133
|
+
]
|
|
25
134
|
},
|
|
26
135
|
"dateformat": {
|
|
27
136
|
"type": "string"
|
|
@@ -39,27 +148,50 @@
|
|
|
39
148
|
"type": "string"
|
|
40
149
|
},
|
|
41
150
|
"initialdate": {
|
|
42
|
-
"
|
|
43
|
-
|
|
151
|
+
"anyOf": [
|
|
152
|
+
{
|
|
153
|
+
"format": "date-time",
|
|
154
|
+
"type": "string"
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
"type": "string"
|
|
158
|
+
}
|
|
159
|
+
]
|
|
44
160
|
},
|
|
45
161
|
"lastdate": {
|
|
46
|
-
"
|
|
47
|
-
|
|
162
|
+
"anyOf": [
|
|
163
|
+
{
|
|
164
|
+
"format": "date-time",
|
|
165
|
+
"type": "string"
|
|
166
|
+
},
|
|
167
|
+
{
|
|
168
|
+
"type": "string"
|
|
169
|
+
}
|
|
170
|
+
]
|
|
48
171
|
},
|
|
49
172
|
"linkLabel": {
|
|
50
173
|
"type": "string"
|
|
51
174
|
},
|
|
52
175
|
"page": {
|
|
53
|
-
"type":
|
|
176
|
+
"type": [
|
|
177
|
+
"number",
|
|
178
|
+
"string"
|
|
179
|
+
]
|
|
54
180
|
},
|
|
55
181
|
"pages": {
|
|
56
|
-
"type":
|
|
182
|
+
"type": [
|
|
183
|
+
"number",
|
|
184
|
+
"string"
|
|
185
|
+
]
|
|
57
186
|
},
|
|
58
187
|
"primarycolor": {
|
|
59
188
|
"type": "string"
|
|
60
189
|
},
|
|
61
190
|
"size": {
|
|
62
|
-
"type":
|
|
191
|
+
"type": [
|
|
192
|
+
"number",
|
|
193
|
+
"string"
|
|
194
|
+
]
|
|
63
195
|
},
|
|
64
196
|
"style": {
|
|
65
197
|
"type": "string"
|
|
@@ -90,8 +222,16 @@
|
|
|
90
222
|
"type": "string"
|
|
91
223
|
},
|
|
92
224
|
"time": {
|
|
93
|
-
"
|
|
94
|
-
|
|
225
|
+
"anyOf": [
|
|
226
|
+
{
|
|
227
|
+
"format": "date-time",
|
|
228
|
+
"type": "string"
|
|
229
|
+
},
|
|
230
|
+
{
|
|
231
|
+
"type": "string"
|
|
232
|
+
}
|
|
233
|
+
],
|
|
234
|
+
"description": "ISO strings from JSON become `Date` after processing."
|
|
95
235
|
},
|
|
96
236
|
"title": {
|
|
97
237
|
"type": "string"
|
|
@@ -158,11 +298,24 @@
|
|
|
158
298
|
}
|
|
159
299
|
},
|
|
160
300
|
"styleSetup": {
|
|
161
|
-
"vars": [
|
|
301
|
+
"vars": [
|
|
302
|
+
{
|
|
303
|
+
"name": "--hb-gallery-video-date-input-max-width",
|
|
304
|
+
"valueType": "number",
|
|
305
|
+
"defaultValue": "12.5rem",
|
|
306
|
+
"description": "Max width for date filter inputs in the toolbar row."
|
|
307
|
+
},
|
|
308
|
+
{
|
|
309
|
+
"name": "--bulma-column-gap",
|
|
310
|
+
"valueType": "number",
|
|
311
|
+
"defaultValue": "0.75rem",
|
|
312
|
+
"description": "Typical gutters between filter fields and the card grid."
|
|
313
|
+
}
|
|
314
|
+
],
|
|
162
315
|
"parts": [
|
|
163
316
|
{
|
|
164
317
|
"name": "container",
|
|
165
|
-
"description": ""
|
|
318
|
+
"description": "Root `container is-fluid` around filters and paginated video cards; use for max-width or horizontal padding."
|
|
166
319
|
}
|
|
167
320
|
]
|
|
168
321
|
},
|
|
@@ -292,7 +445,7 @@
|
|
|
292
445
|
}
|
|
293
446
|
}
|
|
294
447
|
],
|
|
295
|
-
"iifeIntegrity": "sha384-
|
|
448
|
+
"iifeIntegrity": "sha384-BfwqtADMkmaGilFwg4/bUbU/8R7Q9YOCWmFYHF2UcAXQ4oBfSxR5022f3ajEpE/O",
|
|
296
449
|
"dependencies": [
|
|
297
450
|
{
|
|
298
451
|
"name": "hb-paginate",
|
|
@@ -332,5 +485,5 @@
|
|
|
332
485
|
"size": {},
|
|
333
486
|
"iifePath": "main.iife.js",
|
|
334
487
|
"repoName": "@htmlbricks/hb-gallery-video",
|
|
335
|
-
"version": "0.71.
|
|
488
|
+
"version": "0.71.37"
|
|
336
489
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@htmlbricks/hb-gallery-video",
|
|
3
|
-
"version": "0.71.
|
|
3
|
+
"version": "0.71.37",
|
|
4
4
|
"contributors": [],
|
|
5
5
|
"description": "Paginated grid of `hb-card-video` tiles built from JSON `cards`, with `hb-paginate` for page/size and optional text or date-range filtering (`initialdate`/`lastdate`, `filter`, `externalfilter`). Passes date format, link label, and primary color into each card; listens to paginator events to sync `page`/`pages`. Uses Bulma (`container`, `columns`, `field` / `input`, visibility helpers) for layout and filters.",
|
|
6
6
|
"licenses": [
|
|
@@ -6,10 +6,17 @@
|
|
|
6
6
|
"additionalProperties": false,
|
|
7
7
|
"properties": {
|
|
8
8
|
"cards": {
|
|
9
|
-
"
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
"anyOf": [
|
|
10
|
+
{
|
|
11
|
+
"type": "string"
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
"items": {
|
|
15
|
+
"$ref": "#/definitions/ICard"
|
|
16
|
+
},
|
|
17
|
+
"type": "array"
|
|
18
|
+
}
|
|
19
|
+
]
|
|
13
20
|
},
|
|
14
21
|
"dateformat": {
|
|
15
22
|
"type": "string"
|
|
@@ -27,27 +34,50 @@
|
|
|
27
34
|
"type": "string"
|
|
28
35
|
},
|
|
29
36
|
"initialdate": {
|
|
30
|
-
"
|
|
31
|
-
|
|
37
|
+
"anyOf": [
|
|
38
|
+
{
|
|
39
|
+
"format": "date-time",
|
|
40
|
+
"type": "string"
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"type": "string"
|
|
44
|
+
}
|
|
45
|
+
]
|
|
32
46
|
},
|
|
33
47
|
"lastdate": {
|
|
34
|
-
"
|
|
35
|
-
|
|
48
|
+
"anyOf": [
|
|
49
|
+
{
|
|
50
|
+
"format": "date-time",
|
|
51
|
+
"type": "string"
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
"type": "string"
|
|
55
|
+
}
|
|
56
|
+
]
|
|
36
57
|
},
|
|
37
58
|
"linkLabel": {
|
|
38
59
|
"type": "string"
|
|
39
60
|
},
|
|
40
61
|
"page": {
|
|
41
|
-
"type":
|
|
62
|
+
"type": [
|
|
63
|
+
"number",
|
|
64
|
+
"string"
|
|
65
|
+
]
|
|
42
66
|
},
|
|
43
67
|
"pages": {
|
|
44
|
-
"type":
|
|
68
|
+
"type": [
|
|
69
|
+
"number",
|
|
70
|
+
"string"
|
|
71
|
+
]
|
|
45
72
|
},
|
|
46
73
|
"primarycolor": {
|
|
47
74
|
"type": "string"
|
|
48
75
|
},
|
|
49
76
|
"size": {
|
|
50
|
-
"type":
|
|
77
|
+
"type": [
|
|
78
|
+
"number",
|
|
79
|
+
"string"
|
|
80
|
+
]
|
|
51
81
|
},
|
|
52
82
|
"style": {
|
|
53
83
|
"type": "string"
|
|
@@ -78,8 +108,16 @@
|
|
|
78
108
|
"type": "string"
|
|
79
109
|
},
|
|
80
110
|
"time": {
|
|
81
|
-
"
|
|
82
|
-
|
|
111
|
+
"anyOf": [
|
|
112
|
+
{
|
|
113
|
+
"format": "date-time",
|
|
114
|
+
"type": "string"
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
"type": "string"
|
|
118
|
+
}
|
|
119
|
+
],
|
|
120
|
+
"description": "ISO strings from JSON become `Date` after processing."
|
|
83
121
|
},
|
|
84
122
|
"title": {
|
|
85
123
|
"type": "string"
|
|
@@ -2,7 +2,8 @@ export interface ICard {
|
|
|
2
2
|
videoSrc: string;
|
|
3
3
|
title?: string;
|
|
4
4
|
description?: string;
|
|
5
|
-
|
|
5
|
+
/** ISO strings from JSON become `Date` after processing. */
|
|
6
|
+
time?: Date | string;
|
|
6
7
|
pageUri?: string;
|
|
7
8
|
_id?: string;
|
|
8
9
|
provider?: "youtube";
|
|
@@ -12,18 +13,26 @@ export interface ICard {
|
|
|
12
13
|
export type Component = {
|
|
13
14
|
id?: string;
|
|
14
15
|
style?: string;
|
|
15
|
-
cards: ICard[];
|
|
16
|
-
size?: number;
|
|
17
|
-
page?: number;
|
|
18
|
-
pages?: number;
|
|
16
|
+
cards: string | ICard[];
|
|
17
|
+
size?: number | string;
|
|
18
|
+
page?: number | string;
|
|
19
|
+
pages?: number | string;
|
|
19
20
|
linkLabel?: string;
|
|
20
21
|
dateformat?: string;
|
|
21
22
|
primarycolor?: string;
|
|
22
23
|
filter?: string;
|
|
23
24
|
externalfilter?: string;
|
|
24
25
|
disabletextfilter?: string;
|
|
25
|
-
initialdate?: Date;
|
|
26
|
-
lastdate?: Date;
|
|
26
|
+
initialdate?: Date | string;
|
|
27
|
+
lastdate?: Date | string;
|
|
27
28
|
};
|
|
28
29
|
|
|
29
|
-
export type Events = {
|
|
30
|
+
export type Events = {
|
|
31
|
+
pageChange: { page: number; cards: ICard[] };
|
|
32
|
+
textFilterVideos: { filter?: string };
|
|
33
|
+
dateFilterVideos: {
|
|
34
|
+
start?: Date;
|
|
35
|
+
end?: Date;
|
|
36
|
+
dateKey: "start" | "end";
|
|
37
|
+
};
|
|
38
|
+
};
|
|
@@ -4,6 +4,108 @@
|
|
|
4
4
|
"definitions": {
|
|
5
5
|
"Events": {
|
|
6
6
|
"additionalProperties": false,
|
|
7
|
+
"properties": {
|
|
8
|
+
"dateFilterVideos": {
|
|
9
|
+
"additionalProperties": false,
|
|
10
|
+
"properties": {
|
|
11
|
+
"dateKey": {
|
|
12
|
+
"enum": [
|
|
13
|
+
"start",
|
|
14
|
+
"end"
|
|
15
|
+
],
|
|
16
|
+
"type": "string"
|
|
17
|
+
},
|
|
18
|
+
"end": {
|
|
19
|
+
"format": "date-time",
|
|
20
|
+
"type": "string"
|
|
21
|
+
},
|
|
22
|
+
"start": {
|
|
23
|
+
"format": "date-time",
|
|
24
|
+
"type": "string"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
"required": [
|
|
28
|
+
"dateKey"
|
|
29
|
+
],
|
|
30
|
+
"type": "object"
|
|
31
|
+
},
|
|
32
|
+
"pageChange": {
|
|
33
|
+
"additionalProperties": false,
|
|
34
|
+
"properties": {
|
|
35
|
+
"cards": {
|
|
36
|
+
"items": {
|
|
37
|
+
"$ref": "#/definitions/ICard"
|
|
38
|
+
},
|
|
39
|
+
"type": "array"
|
|
40
|
+
},
|
|
41
|
+
"page": {
|
|
42
|
+
"type": "number"
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
"required": [
|
|
46
|
+
"page",
|
|
47
|
+
"cards"
|
|
48
|
+
],
|
|
49
|
+
"type": "object"
|
|
50
|
+
},
|
|
51
|
+
"textFilterVideos": {
|
|
52
|
+
"additionalProperties": false,
|
|
53
|
+
"properties": {
|
|
54
|
+
"filter": {
|
|
55
|
+
"type": "string"
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
"type": "object"
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
"required": [
|
|
62
|
+
"pageChange",
|
|
63
|
+
"textFilterVideos",
|
|
64
|
+
"dateFilterVideos"
|
|
65
|
+
],
|
|
66
|
+
"type": "object"
|
|
67
|
+
},
|
|
68
|
+
"ICard": {
|
|
69
|
+
"additionalProperties": false,
|
|
70
|
+
"properties": {
|
|
71
|
+
"_id": {
|
|
72
|
+
"type": "string"
|
|
73
|
+
},
|
|
74
|
+
"dateformat": {
|
|
75
|
+
"type": "string"
|
|
76
|
+
},
|
|
77
|
+
"description": {
|
|
78
|
+
"type": "string"
|
|
79
|
+
},
|
|
80
|
+
"pageUri": {
|
|
81
|
+
"type": "string"
|
|
82
|
+
},
|
|
83
|
+
"provider": {
|
|
84
|
+
"const": "youtube",
|
|
85
|
+
"type": "string"
|
|
86
|
+
},
|
|
87
|
+
"time": {
|
|
88
|
+
"anyOf": [
|
|
89
|
+
{
|
|
90
|
+
"format": "date-time",
|
|
91
|
+
"type": "string"
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
"type": "string"
|
|
95
|
+
}
|
|
96
|
+
],
|
|
97
|
+
"description": "ISO strings from JSON become `Date` after processing."
|
|
98
|
+
},
|
|
99
|
+
"title": {
|
|
100
|
+
"type": "string"
|
|
101
|
+
},
|
|
102
|
+
"videoSrc": {
|
|
103
|
+
"type": "string"
|
|
104
|
+
}
|
|
105
|
+
},
|
|
106
|
+
"required": [
|
|
107
|
+
"videoSrc"
|
|
108
|
+
],
|
|
7
109
|
"type": "object"
|
|
8
110
|
}
|
|
9
111
|
}
|