@htmlbricks/hb-toast 0.61.45 → 0.61.47
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 +57 -56
- package/main.iife.js.map +1 -1
- package/manifest.json +82 -1
- package/package.json +1 -1
- package/types/webcomponent.type.d.json +14 -0
- package/types/webcomponent.type.d.ts +2 -0
package/manifest.json
CHANGED
|
@@ -63,6 +63,20 @@
|
|
|
63
63
|
],
|
|
64
64
|
"type": "string"
|
|
65
65
|
},
|
|
66
|
+
"position": {
|
|
67
|
+
"enum": [
|
|
68
|
+
"top-left",
|
|
69
|
+
"top-center",
|
|
70
|
+
"top-right",
|
|
71
|
+
"bottom-left",
|
|
72
|
+
"bottom-center",
|
|
73
|
+
"bottom-right"
|
|
74
|
+
],
|
|
75
|
+
"type": "string"
|
|
76
|
+
},
|
|
77
|
+
"progress": {
|
|
78
|
+
"type": "string"
|
|
79
|
+
},
|
|
66
80
|
"show": {
|
|
67
81
|
"enum": [
|
|
68
82
|
"yes",
|
|
@@ -131,6 +145,24 @@
|
|
|
131
145
|
"control": {
|
|
132
146
|
"type": "number"
|
|
133
147
|
}
|
|
148
|
+
},
|
|
149
|
+
"progress": {
|
|
150
|
+
"control": {
|
|
151
|
+
"type": "text"
|
|
152
|
+
}
|
|
153
|
+
},
|
|
154
|
+
"position": {
|
|
155
|
+
"control": {
|
|
156
|
+
"type": "select"
|
|
157
|
+
},
|
|
158
|
+
"options": [
|
|
159
|
+
"top-left",
|
|
160
|
+
"top-center",
|
|
161
|
+
"top-right",
|
|
162
|
+
"bottom-left",
|
|
163
|
+
"bottom-center",
|
|
164
|
+
"bottom-right"
|
|
165
|
+
]
|
|
134
166
|
}
|
|
135
167
|
},
|
|
136
168
|
"styleSetup": {
|
|
@@ -226,6 +258,55 @@
|
|
|
226
258
|
"content": "Hello, world! This is a toast message.",
|
|
227
259
|
"img": "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22200%22%20height%3D%22200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_17e7e03606d%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A10pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_17e7e03606d%22%3E%3Crect%20width%3D%22200%22%20height%3D%22200%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2274.4296875%22%20y%3D%22104.5%22%3E200x200%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"
|
|
228
260
|
}
|
|
261
|
+
},
|
|
262
|
+
{
|
|
263
|
+
"name": "progress25",
|
|
264
|
+
"description": "Shows a 25% progress, header displays percentage when small is empty.",
|
|
265
|
+
"data": {
|
|
266
|
+
"show": "yes",
|
|
267
|
+
"title": "Upload",
|
|
268
|
+
"content": "Uploading your file...",
|
|
269
|
+
"level": "info",
|
|
270
|
+
"progress": "25",
|
|
271
|
+
"img": "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22200%22%20height%3D%22200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_17e7e03606d%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A10pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_17e7e03606d%22%3E%3Crect%20width%3D%22200%22%20height%3D%22200%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2274.4296875%22%20y%3D%22104.5%22%3E200x200%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"
|
|
272
|
+
}
|
|
273
|
+
},
|
|
274
|
+
{
|
|
275
|
+
"name": "progress70",
|
|
276
|
+
"description": "Shows a 70% progress.",
|
|
277
|
+
"data": {
|
|
278
|
+
"show": "yes",
|
|
279
|
+
"title": "Processing",
|
|
280
|
+
"content": "Working on your request...",
|
|
281
|
+
"level": "warning",
|
|
282
|
+
"progress": "70",
|
|
283
|
+
"img": "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22200%22%20height%3D%22200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_17e7e03606d%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A10pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_17e7e03606d%22%3E%3Crect%20width%3D%22200%22%20height%3D%22200%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2274.4296875%22%20y%3D%22104.5%22%3E200x200%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"
|
|
284
|
+
}
|
|
285
|
+
},
|
|
286
|
+
{
|
|
287
|
+
"name": "progressWithSmall",
|
|
288
|
+
"description": "When small is provided, it overrides percentage display.",
|
|
289
|
+
"data": {
|
|
290
|
+
"show": "yes",
|
|
291
|
+
"title": "Sync",
|
|
292
|
+
"content": "Synchronizing...",
|
|
293
|
+
"level": "secondary",
|
|
294
|
+
"small": "in progress",
|
|
295
|
+
"progress": "40",
|
|
296
|
+
"img": "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22200%22%20height%3D%22200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_17e7e03606d%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A10pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_17e7e03606d%22%3E%3Crect%20width%3D%22200%22%20height%3D%22200%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2274.4296875%22%20y%3D%22104.5%22%3E200x200%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"
|
|
297
|
+
}
|
|
298
|
+
},
|
|
299
|
+
{
|
|
300
|
+
"name": "progressComplete",
|
|
301
|
+
"description": "100% progress shows a full bar.",
|
|
302
|
+
"data": {
|
|
303
|
+
"show": "yes",
|
|
304
|
+
"title": "Completed",
|
|
305
|
+
"content": "All done!",
|
|
306
|
+
"level": "success",
|
|
307
|
+
"progress": "100",
|
|
308
|
+
"img": "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22200%22%20height%3D%22200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_17e7e03606d%20text%20%7B%20fill%3Argba(255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A10pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_17e7e03606d%22%3E%3Crect%20width%3D%22200%22%20height%3D%22200%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2274.4296875%22%20y%3D%22104.5%22%3E200x200%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"
|
|
309
|
+
}
|
|
229
310
|
}
|
|
230
311
|
],
|
|
231
312
|
"screenshots": [],
|
|
@@ -246,5 +327,5 @@
|
|
|
246
327
|
"size": {},
|
|
247
328
|
"iifePath": "main.iife.js",
|
|
248
329
|
"repoName": "@htmlbricks/hb-toast",
|
|
249
|
-
"version": "0.61.
|
|
330
|
+
"version": "0.61.47"
|
|
250
331
|
}
|
package/package.json
CHANGED
|
@@ -27,6 +27,20 @@
|
|
|
27
27
|
],
|
|
28
28
|
"type": "string"
|
|
29
29
|
},
|
|
30
|
+
"position": {
|
|
31
|
+
"enum": [
|
|
32
|
+
"top-left",
|
|
33
|
+
"top-center",
|
|
34
|
+
"top-right",
|
|
35
|
+
"bottom-left",
|
|
36
|
+
"bottom-center",
|
|
37
|
+
"bottom-right"
|
|
38
|
+
],
|
|
39
|
+
"type": "string"
|
|
40
|
+
},
|
|
41
|
+
"progress": {
|
|
42
|
+
"type": "string"
|
|
43
|
+
},
|
|
30
44
|
"show": {
|
|
31
45
|
"enum": [
|
|
32
46
|
"yes",
|
|
@@ -7,7 +7,9 @@ export type Component = {
|
|
|
7
7
|
small?: string;
|
|
8
8
|
content: string;
|
|
9
9
|
timeout?: string | number;
|
|
10
|
+
progress?: string;
|
|
10
11
|
level?: "info" | "success" | "warning" | "danger" | "primary" | "secondary" | "light" | "dark";
|
|
12
|
+
position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
|
|
11
13
|
};
|
|
12
14
|
|
|
13
15
|
export type Events = {
|