@htmlbricks/hb-toast 0.61.40 → 0.61.42
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 +62 -56
- package/main.iife.js.map +1 -1
- package/manifest.json +50 -2
- package/package.json +1 -1
- package/types/webcomponent.type.d.json +19 -1
- package/types/webcomponent.type.d.ts +4 -2
- package/types/webcomponent_events.type.d.json +3 -0
package/manifest.json
CHANGED
|
@@ -10,6 +10,9 @@
|
|
|
10
10
|
"toastShow": {
|
|
11
11
|
"additionalProperties": false,
|
|
12
12
|
"properties": {
|
|
13
|
+
"disappear": {
|
|
14
|
+
"type": "boolean"
|
|
15
|
+
},
|
|
13
16
|
"id": {
|
|
14
17
|
"type": "string"
|
|
15
18
|
},
|
|
@@ -47,6 +50,19 @@
|
|
|
47
50
|
"img": {
|
|
48
51
|
"type": "string"
|
|
49
52
|
},
|
|
53
|
+
"level": {
|
|
54
|
+
"enum": [
|
|
55
|
+
"info",
|
|
56
|
+
"success",
|
|
57
|
+
"warning",
|
|
58
|
+
"danger",
|
|
59
|
+
"primary",
|
|
60
|
+
"secondary",
|
|
61
|
+
"light",
|
|
62
|
+
"dark"
|
|
63
|
+
],
|
|
64
|
+
"type": "string"
|
|
65
|
+
},
|
|
50
66
|
"show": {
|
|
51
67
|
"enum": [
|
|
52
68
|
"yes",
|
|
@@ -60,6 +76,12 @@
|
|
|
60
76
|
"style": {
|
|
61
77
|
"type": "string"
|
|
62
78
|
},
|
|
79
|
+
"timeout": {
|
|
80
|
+
"type": [
|
|
81
|
+
"string",
|
|
82
|
+
"number"
|
|
83
|
+
]
|
|
84
|
+
},
|
|
63
85
|
"title": {
|
|
64
86
|
"type": "string"
|
|
65
87
|
}
|
|
@@ -68,7 +90,6 @@
|
|
|
68
90
|
"show",
|
|
69
91
|
"title",
|
|
70
92
|
"img",
|
|
71
|
-
"small",
|
|
72
93
|
"content"
|
|
73
94
|
],
|
|
74
95
|
"type": "object"
|
|
@@ -105,6 +126,11 @@
|
|
|
105
126
|
},
|
|
106
127
|
"toastShow": {
|
|
107
128
|
"action": "toastShow"
|
|
129
|
+
},
|
|
130
|
+
"timeout": {
|
|
131
|
+
"control": {
|
|
132
|
+
"type": "number"
|
|
133
|
+
}
|
|
108
134
|
}
|
|
109
135
|
},
|
|
110
136
|
"styleSetup": {
|
|
@@ -178,6 +204,28 @@
|
|
|
178
204
|
"content": "Hello, world! This is a toast message.",
|
|
179
205
|
"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"
|
|
180
206
|
}
|
|
207
|
+
},
|
|
208
|
+
{
|
|
209
|
+
"name": "timeout",
|
|
210
|
+
"data": {
|
|
211
|
+
"timeout": 3000,
|
|
212
|
+
"small": "11 mins ago",
|
|
213
|
+
"title": "Bootstrap",
|
|
214
|
+
"show": "yes",
|
|
215
|
+
"content": "Hello, world! This is a toast message.",
|
|
216
|
+
"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"
|
|
217
|
+
}
|
|
218
|
+
},
|
|
219
|
+
{
|
|
220
|
+
"name": "timeoutwithtimer",
|
|
221
|
+
"data": {
|
|
222
|
+
"timeout": 120000,
|
|
223
|
+
"title": "Bootstrap",
|
|
224
|
+
"show": "yes",
|
|
225
|
+
"level": "success",
|
|
226
|
+
"content": "Hello, world! This is a toast message.",
|
|
227
|
+
"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
|
+
}
|
|
181
229
|
}
|
|
182
230
|
],
|
|
183
231
|
"screenshots": [],
|
|
@@ -198,5 +246,5 @@
|
|
|
198
246
|
"size": {},
|
|
199
247
|
"iifePath": "main.iife.js",
|
|
200
248
|
"repoName": "@htmlbricks/hb-toast",
|
|
201
|
-
"version": "0.61.
|
|
249
|
+
"version": "0.61.42"
|
|
202
250
|
}
|
package/package.json
CHANGED
|
@@ -14,6 +14,19 @@
|
|
|
14
14
|
"img": {
|
|
15
15
|
"type": "string"
|
|
16
16
|
},
|
|
17
|
+
"level": {
|
|
18
|
+
"enum": [
|
|
19
|
+
"info",
|
|
20
|
+
"success",
|
|
21
|
+
"warning",
|
|
22
|
+
"danger",
|
|
23
|
+
"primary",
|
|
24
|
+
"secondary",
|
|
25
|
+
"light",
|
|
26
|
+
"dark"
|
|
27
|
+
],
|
|
28
|
+
"type": "string"
|
|
29
|
+
},
|
|
17
30
|
"show": {
|
|
18
31
|
"enum": [
|
|
19
32
|
"yes",
|
|
@@ -27,6 +40,12 @@
|
|
|
27
40
|
"style": {
|
|
28
41
|
"type": "string"
|
|
29
42
|
},
|
|
43
|
+
"timeout": {
|
|
44
|
+
"type": [
|
|
45
|
+
"string",
|
|
46
|
+
"number"
|
|
47
|
+
]
|
|
48
|
+
},
|
|
30
49
|
"title": {
|
|
31
50
|
"type": "string"
|
|
32
51
|
}
|
|
@@ -35,7 +54,6 @@
|
|
|
35
54
|
"show",
|
|
36
55
|
"title",
|
|
37
56
|
"img",
|
|
38
|
-
"small",
|
|
39
57
|
"content"
|
|
40
58
|
],
|
|
41
59
|
"type": "object"
|
|
@@ -4,11 +4,13 @@ export type Component = {
|
|
|
4
4
|
show: "yes" | "no";
|
|
5
5
|
title: string;
|
|
6
6
|
img: string;
|
|
7
|
-
small
|
|
7
|
+
small?: string;
|
|
8
8
|
content: string;
|
|
9
|
+
timeout?: string | number;
|
|
10
|
+
level?: "info" | "success" | "warning" | "danger" | "primary" | "secondary" | "light" | "dark";
|
|
9
11
|
};
|
|
10
12
|
|
|
11
13
|
export type Events = {
|
|
12
|
-
toastShow: { id: string; show: boolean };
|
|
14
|
+
toastShow: { id: string; show: boolean; disappear?: boolean };
|
|
13
15
|
// toastConfirm: { id: string; confirm: boolean };
|
|
14
16
|
};
|