@proximus/lavender-image 2.0.0-alpha.23 → 2.0.0-alpha.231
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/AbstractImage.d.ts +35 -33
- package/dist/Image.d.ts +80 -0
- package/dist/Picture.d.ts +7 -7
- package/dist/custom-elements.json +1697 -0
- package/dist/index.es.js +371 -352
- package/dist/vscode.css-custom-data.json +6 -0
- package/dist/vscode.html-custom-data.json +155 -0
- package/dist/web-types.json +258 -0
- package/package.json +2 -2
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
|
|
3
|
+
"version": 1.1,
|
|
4
|
+
"tags": [
|
|
5
|
+
{
|
|
6
|
+
"name": "px-img",
|
|
7
|
+
"description": "An image component.\n---\n",
|
|
8
|
+
"attributes": [
|
|
9
|
+
{
|
|
10
|
+
"name": "alt",
|
|
11
|
+
"description": "The alternative text for the image.",
|
|
12
|
+
"values": []
|
|
13
|
+
},
|
|
14
|
+
{ "name": "src", "description": "The URL of the image.", "values": [] },
|
|
15
|
+
{
|
|
16
|
+
"name": "srcset",
|
|
17
|
+
"description": "The responsive image candidates.",
|
|
18
|
+
"values": []
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
"name": "sizes",
|
|
22
|
+
"description": "The responsive image source sizes.",
|
|
23
|
+
"values": []
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
"name": "crossorigin",
|
|
27
|
+
"description": "The cross-origin image request mode.",
|
|
28
|
+
"values": []
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
"name": "usemap",
|
|
32
|
+
"description": "The associated image-map reference.",
|
|
33
|
+
"values": []
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
"name": "ismap",
|
|
37
|
+
"description": "Whether the image is a server-side image map.",
|
|
38
|
+
"values": []
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"name": "referrerpolicy",
|
|
42
|
+
"description": "The referrer policy.",
|
|
43
|
+
"values": []
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
"name": "decoding",
|
|
47
|
+
"description": "The image decoding hint.",
|
|
48
|
+
"values": [
|
|
49
|
+
{ "name": "async" },
|
|
50
|
+
{ "name": "sync" },
|
|
51
|
+
{ "name": "auto" }
|
|
52
|
+
]
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
"name": "loading",
|
|
56
|
+
"description": "The loading strategy for the image.",
|
|
57
|
+
"values": [{ "name": "eager" }, { "name": "lazy" }]
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
"name": "fetchpriority",
|
|
61
|
+
"description": "The resource fetch priority.",
|
|
62
|
+
"values": [{ "name": "auto" }, { "name": "high" }, { "name": "low" }]
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"name": "title",
|
|
66
|
+
"description": "The native element tooltip.",
|
|
67
|
+
"values": []
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
"name": "border",
|
|
71
|
+
"description": "The legacy image border width.",
|
|
72
|
+
"values": []
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
"name": "hspace",
|
|
76
|
+
"description": "The legacy horizontal image spacing.",
|
|
77
|
+
"values": []
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"name": "vspace",
|
|
81
|
+
"description": "The legacy vertical image spacing.",
|
|
82
|
+
"values": []
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
"name": "longdesc",
|
|
86
|
+
"description": "The legacy long-description URL.",
|
|
87
|
+
"values": []
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
"name": "lowsrc",
|
|
91
|
+
"description": "The legacy low-resolution image URL.",
|
|
92
|
+
"values": []
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
"name": "name",
|
|
96
|
+
"description": "The native element name.",
|
|
97
|
+
"values": []
|
|
98
|
+
},
|
|
99
|
+
{ "name": "border-radius", "values": [] },
|
|
100
|
+
{ "name": "no-border-radius", "values": [] },
|
|
101
|
+
{ "name": "no-border-radius--mobile", "values": [] },
|
|
102
|
+
{ "name": "no-border-radius--tablet", "values": [] },
|
|
103
|
+
{ "name": "no-border-radius--laptop", "values": [] },
|
|
104
|
+
{
|
|
105
|
+
"name": "width",
|
|
106
|
+
"description": "The Lavender width size token.",
|
|
107
|
+
"values": []
|
|
108
|
+
},
|
|
109
|
+
{ "name": "width--mobile", "values": [] },
|
|
110
|
+
{ "name": "width--tablet", "values": [] },
|
|
111
|
+
{ "name": "width--laptop", "values": [] },
|
|
112
|
+
{ "name": "width--desktop", "values": [] },
|
|
113
|
+
{ "name": "cover", "values": [] },
|
|
114
|
+
{ "name": "disabled", "values": [] },
|
|
115
|
+
{
|
|
116
|
+
"name": "height",
|
|
117
|
+
"description": "The Lavender height size token.",
|
|
118
|
+
"values": []
|
|
119
|
+
}
|
|
120
|
+
],
|
|
121
|
+
"references": []
|
|
122
|
+
},
|
|
123
|
+
{
|
|
124
|
+
"name": "px-picture",
|
|
125
|
+
"description": "\n---\n",
|
|
126
|
+
"attributes": [
|
|
127
|
+
{ "name": "loading", "values": [] },
|
|
128
|
+
{ "name": "alt", "values": [] },
|
|
129
|
+
{ "name": "src", "values": [] },
|
|
130
|
+
{ "name": "border-radius", "values": [] },
|
|
131
|
+
{ "name": "no-border-radius", "values": [] },
|
|
132
|
+
{ "name": "no-border-radius--mobile", "values": [] },
|
|
133
|
+
{ "name": "no-border-radius--tablet", "values": [] },
|
|
134
|
+
{ "name": "no-border-radius--laptop", "values": [] },
|
|
135
|
+
{
|
|
136
|
+
"name": "width",
|
|
137
|
+
"description": "The Lavender width size token.",
|
|
138
|
+
"values": []
|
|
139
|
+
},
|
|
140
|
+
{ "name": "width--mobile", "values": [] },
|
|
141
|
+
{ "name": "width--tablet", "values": [] },
|
|
142
|
+
{ "name": "width--laptop", "values": [] },
|
|
143
|
+
{ "name": "width--desktop", "values": [] },
|
|
144
|
+
{ "name": "cover", "values": [] },
|
|
145
|
+
{ "name": "disabled", "values": [] },
|
|
146
|
+
{
|
|
147
|
+
"name": "height",
|
|
148
|
+
"description": "The Lavender height size token.",
|
|
149
|
+
"values": []
|
|
150
|
+
}
|
|
151
|
+
],
|
|
152
|
+
"references": []
|
|
153
|
+
}
|
|
154
|
+
]
|
|
155
|
+
}
|
|
@@ -0,0 +1,258 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
|
+
"name": "@proximus/lavender-image",
|
|
4
|
+
"version": "2.0.0-alpha.231",
|
|
5
|
+
"description-markup": "markdown",
|
|
6
|
+
"contributions": {
|
|
7
|
+
"html": {
|
|
8
|
+
"elements": [
|
|
9
|
+
{
|
|
10
|
+
"name": "px-img",
|
|
11
|
+
"description": "An image component.\n\n---\n",
|
|
12
|
+
"doc-url": "",
|
|
13
|
+
"attributes": [
|
|
14
|
+
{
|
|
15
|
+
"name": "alt",
|
|
16
|
+
"description": "The alternative text for the image.",
|
|
17
|
+
"value": { "type": "string" }
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"name": "src",
|
|
21
|
+
"description": "The URL of the image.",
|
|
22
|
+
"value": { "type": "string" }
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
"name": "srcset",
|
|
26
|
+
"description": "The responsive image candidates.",
|
|
27
|
+
"value": { "type": "string" }
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
"name": "sizes",
|
|
31
|
+
"description": "The responsive image source sizes.",
|
|
32
|
+
"value": { "type": "string" }
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"name": "crossorigin",
|
|
36
|
+
"description": "The cross-origin image request mode.",
|
|
37
|
+
"value": { "type": "string | null" }
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
"name": "usemap",
|
|
41
|
+
"description": "The associated image-map reference.",
|
|
42
|
+
"value": { "type": "string" }
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
"name": "ismap",
|
|
46
|
+
"description": "Whether the image is a server-side image map.",
|
|
47
|
+
"value": { "type": "boolean" }
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"name": "referrerpolicy",
|
|
51
|
+
"description": "The referrer policy.",
|
|
52
|
+
"value": { "type": "string" }
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
"name": "decoding",
|
|
56
|
+
"description": "The image decoding hint.",
|
|
57
|
+
"value": { "type": "'async' | 'sync' | 'auto'" }
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
"name": "loading",
|
|
61
|
+
"description": "The loading strategy for the image.",
|
|
62
|
+
"value": { "type": "'eager' | 'lazy'" }
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"name": "fetchpriority",
|
|
66
|
+
"description": "The resource fetch priority.",
|
|
67
|
+
"value": { "type": "'auto' | 'high' | 'low'" }
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
"name": "title",
|
|
71
|
+
"description": "The native element tooltip.",
|
|
72
|
+
"value": { "type": "string" }
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
"name": "border",
|
|
76
|
+
"description": "The legacy image border width.",
|
|
77
|
+
"value": { "type": "string" }
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"name": "hspace",
|
|
81
|
+
"description": "The legacy horizontal image spacing.",
|
|
82
|
+
"value": { "type": "number" }
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
"name": "vspace",
|
|
86
|
+
"description": "The legacy vertical image spacing.",
|
|
87
|
+
"value": { "type": "number" }
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
"name": "longdesc",
|
|
91
|
+
"description": "The legacy long-description URL.",
|
|
92
|
+
"value": { "type": "string" }
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
"name": "lowsrc",
|
|
96
|
+
"description": "The legacy low-resolution image URL.",
|
|
97
|
+
"value": { "type": "string" }
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
"name": "name",
|
|
101
|
+
"description": "The native element name.",
|
|
102
|
+
"value": { "type": "string" }
|
|
103
|
+
},
|
|
104
|
+
{ "name": "border-radius", "value": { "type": "string" } },
|
|
105
|
+
{ "name": "no-border-radius", "value": { "type": "string" } },
|
|
106
|
+
{
|
|
107
|
+
"name": "no-border-radius--mobile",
|
|
108
|
+
"value": { "type": "string" }
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
"name": "no-border-radius--tablet",
|
|
112
|
+
"value": { "type": "string" }
|
|
113
|
+
},
|
|
114
|
+
{
|
|
115
|
+
"name": "no-border-radius--laptop",
|
|
116
|
+
"value": { "type": "string" }
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
"name": "width",
|
|
120
|
+
"description": "The Lavender width size token.",
|
|
121
|
+
"value": { "type": "string | null" }
|
|
122
|
+
},
|
|
123
|
+
{ "name": "width--mobile", "value": { "type": "string" } },
|
|
124
|
+
{ "name": "width--tablet", "value": { "type": "string" } },
|
|
125
|
+
{ "name": "width--laptop", "value": { "type": "string" } },
|
|
126
|
+
{ "name": "width--desktop", "value": { "type": "string" } },
|
|
127
|
+
{ "name": "cover", "value": { "type": "string" } },
|
|
128
|
+
{ "name": "disabled", "value": { "type": "string" } },
|
|
129
|
+
{
|
|
130
|
+
"name": "height",
|
|
131
|
+
"description": "The Lavender height size token.",
|
|
132
|
+
"value": { "type": "string | null" }
|
|
133
|
+
}
|
|
134
|
+
],
|
|
135
|
+
"events": [],
|
|
136
|
+
"js": {
|
|
137
|
+
"properties": [
|
|
138
|
+
{ "name": "alt", "type": "string" },
|
|
139
|
+
{ "name": "src", "type": "string" },
|
|
140
|
+
{ "name": "srcset", "type": "string" },
|
|
141
|
+
{ "name": "sizes", "type": "string" },
|
|
142
|
+
{ "name": "crossOrigin", "type": "string | null" },
|
|
143
|
+
{ "name": "useMap", "type": "string" },
|
|
144
|
+
{ "name": "isMap", "type": "boolean" },
|
|
145
|
+
{ "name": "referrerPolicy", "type": "string" },
|
|
146
|
+
{ "name": "decoding", "type": "'async' | 'sync' | 'auto'" },
|
|
147
|
+
{ "name": "loading", "type": "'eager' | 'lazy'" },
|
|
148
|
+
{ "name": "fetchPriority", "type": "'auto' | 'high' | 'low'" },
|
|
149
|
+
{ "name": "title", "type": "string" },
|
|
150
|
+
{ "name": "border", "type": "string" },
|
|
151
|
+
{ "name": "hspace", "type": "number" },
|
|
152
|
+
{ "name": "vspace", "type": "number" },
|
|
153
|
+
{ "name": "longDesc", "type": "string" },
|
|
154
|
+
{ "name": "lowsrc", "type": "string" },
|
|
155
|
+
{ "name": "name", "type": "string" },
|
|
156
|
+
{ "name": "currentSrc", "type": "string" },
|
|
157
|
+
{ "name": "naturalWidth", "type": "number" },
|
|
158
|
+
{ "name": "naturalHeight", "type": "number" },
|
|
159
|
+
{ "name": "complete", "type": "boolean" },
|
|
160
|
+
{ "name": "x", "type": "number" },
|
|
161
|
+
{ "name": "y", "type": "number" },
|
|
162
|
+
{ "name": "decode", "type": "HTMLImageElement['decode']" },
|
|
163
|
+
{ "name": "borderRadius" },
|
|
164
|
+
{ "name": "noBorderRadius" },
|
|
165
|
+
{ "name": "noBorderRadiusMobile" },
|
|
166
|
+
{ "name": "noBorderRadiusTablet" },
|
|
167
|
+
{ "name": "noBorderRadiusLaptop" },
|
|
168
|
+
{ "name": "width", "type": "string | null" },
|
|
169
|
+
{ "name": "widthMobile" },
|
|
170
|
+
{ "name": "widthTablet" },
|
|
171
|
+
{ "name": "widthLaptop" },
|
|
172
|
+
{ "name": "widthDesktop" },
|
|
173
|
+
{ "name": "disabled" },
|
|
174
|
+
{ "name": "height", "type": "string | null" },
|
|
175
|
+
{ "name": "heightMobile" },
|
|
176
|
+
{ "name": "heightTablet" },
|
|
177
|
+
{ "name": "heightLaptop" },
|
|
178
|
+
{ "name": "heightDesktop" },
|
|
179
|
+
{ "name": "cover" }
|
|
180
|
+
],
|
|
181
|
+
"events": []
|
|
182
|
+
}
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
"name": "px-picture",
|
|
186
|
+
"description": "\n\n---\n",
|
|
187
|
+
"doc-url": "",
|
|
188
|
+
"attributes": [
|
|
189
|
+
{ "name": "loading", "value": { "type": "string" } },
|
|
190
|
+
{ "name": "alt", "value": { "type": "string" } },
|
|
191
|
+
{ "name": "src", "value": { "type": "string" } },
|
|
192
|
+
{ "name": "border-radius", "value": { "type": "string" } },
|
|
193
|
+
{ "name": "no-border-radius", "value": { "type": "string" } },
|
|
194
|
+
{
|
|
195
|
+
"name": "no-border-radius--mobile",
|
|
196
|
+
"value": { "type": "string" }
|
|
197
|
+
},
|
|
198
|
+
{
|
|
199
|
+
"name": "no-border-radius--tablet",
|
|
200
|
+
"value": { "type": "string" }
|
|
201
|
+
},
|
|
202
|
+
{
|
|
203
|
+
"name": "no-border-radius--laptop",
|
|
204
|
+
"value": { "type": "string" }
|
|
205
|
+
},
|
|
206
|
+
{
|
|
207
|
+
"name": "width",
|
|
208
|
+
"description": "The Lavender width size token.",
|
|
209
|
+
"value": { "type": "string | null" }
|
|
210
|
+
},
|
|
211
|
+
{ "name": "width--mobile", "value": { "type": "string" } },
|
|
212
|
+
{ "name": "width--tablet", "value": { "type": "string" } },
|
|
213
|
+
{ "name": "width--laptop", "value": { "type": "string" } },
|
|
214
|
+
{ "name": "width--desktop", "value": { "type": "string" } },
|
|
215
|
+
{ "name": "cover", "value": { "type": "string" } },
|
|
216
|
+
{ "name": "disabled", "value": { "type": "string" } },
|
|
217
|
+
{
|
|
218
|
+
"name": "height",
|
|
219
|
+
"description": "The Lavender height size token.",
|
|
220
|
+
"value": { "type": "string | null" }
|
|
221
|
+
}
|
|
222
|
+
],
|
|
223
|
+
"events": [],
|
|
224
|
+
"js": {
|
|
225
|
+
"properties": [
|
|
226
|
+
{ "name": "loading" },
|
|
227
|
+
{ "name": "alt" },
|
|
228
|
+
{ "name": "src" },
|
|
229
|
+
{ "name": "$imgEl" },
|
|
230
|
+
{ "name": "borderRadius" },
|
|
231
|
+
{ "name": "noBorderRadius" },
|
|
232
|
+
{ "name": "noBorderRadiusMobile" },
|
|
233
|
+
{ "name": "noBorderRadiusTablet" },
|
|
234
|
+
{ "name": "noBorderRadiusLaptop" },
|
|
235
|
+
{ "name": "width", "type": "string | null" },
|
|
236
|
+
{ "name": "widthMobile" },
|
|
237
|
+
{ "name": "widthTablet" },
|
|
238
|
+
{ "name": "widthLaptop" },
|
|
239
|
+
{ "name": "widthDesktop" },
|
|
240
|
+
{ "name": "disabled" },
|
|
241
|
+
{ "name": "height", "type": "string | null" },
|
|
242
|
+
{ "name": "heightMobile" },
|
|
243
|
+
{ "name": "heightTablet" },
|
|
244
|
+
{ "name": "heightLaptop" },
|
|
245
|
+
{ "name": "heightDesktop" },
|
|
246
|
+
{ "name": "cover" }
|
|
247
|
+
],
|
|
248
|
+
"events": []
|
|
249
|
+
}
|
|
250
|
+
}
|
|
251
|
+
]
|
|
252
|
+
},
|
|
253
|
+
"css": {
|
|
254
|
+
"properties": [],
|
|
255
|
+
"pseudo-elements": []
|
|
256
|
+
}
|
|
257
|
+
}
|
|
258
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@proximus/lavender-image",
|
|
3
|
-
"version": "2.0.0-alpha.
|
|
3
|
+
"version": "2.0.0-alpha.231",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/index.es.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"clean": "rm -rf dist",
|
|
14
14
|
"build": "npm run clean && NODE_ENV=development vite build && tsc && npm run transform-package-json && npm run wc-manifest",
|
|
15
15
|
"test": "vitest run --coverage",
|
|
16
|
-
"wc-manifest": "cem analyze --globs \"src/*\" --config
|
|
16
|
+
"wc-manifest": "cem analyze --globs \"src/*\" --config ../../custom-elements-manifest.config.js --outdir dist"
|
|
17
17
|
},
|
|
18
18
|
"publishConfig": {
|
|
19
19
|
"access": "public"
|