@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.
@@ -0,0 +1,1697 @@
1
+ {
2
+ "schemaVersion": "1.0.0",
3
+ "readme": "",
4
+ "modules": [
5
+ {
6
+ "kind": "javascript-module",
7
+ "path": "src/AbstractImage.ts",
8
+ "declarations": [
9
+ {
10
+ "kind": "variable",
11
+ "name": "styleSheet",
12
+ "default": "new CSSStyleSheet()"
13
+ },
14
+ {
15
+ "kind": "variable",
16
+ "name": "imageWidthValues",
17
+ "type": {
18
+ "text": "array"
19
+ },
20
+ "default": "['', 'xs', 's', 'm', 'l', 'xl']"
21
+ },
22
+ {
23
+ "kind": "variable",
24
+ "name": "imageHeightValues",
25
+ "type": {
26
+ "text": "array"
27
+ },
28
+ "default": "['', 'xs', 's', 'm', 'l', 'xl']"
29
+ },
30
+ {
31
+ "kind": "class",
32
+ "description": "",
33
+ "name": "AbstractImage",
34
+ "members": [
35
+ {
36
+ "kind": "field",
37
+ "name": "nativeAttributes",
38
+ "type": {
39
+ "text": "object"
40
+ },
41
+ "static": true,
42
+ "default": "{}"
43
+ },
44
+ {
45
+ "kind": "method",
46
+ "name": "updateWidth",
47
+ "parameters": [
48
+ {
49
+ "name": "attrName",
50
+ "type": {
51
+ "text": "string"
52
+ }
53
+ },
54
+ {
55
+ "name": "oldValue",
56
+ "type": {
57
+ "text": "string"
58
+ }
59
+ },
60
+ {
61
+ "name": "newValue",
62
+ "type": {
63
+ "text": "string"
64
+ }
65
+ },
66
+ {
67
+ "name": "attrValues",
68
+ "type": {
69
+ "text": "string[]"
70
+ }
71
+ }
72
+ ]
73
+ },
74
+ {
75
+ "kind": "method",
76
+ "name": "updateStyle",
77
+ "parameters": [
78
+ {
79
+ "name": "cssName",
80
+ "type": {
81
+ "text": "string"
82
+ }
83
+ },
84
+ {
85
+ "name": "breakpoint",
86
+ "type": {
87
+ "text": "string"
88
+ }
89
+ },
90
+ {
91
+ "name": "value",
92
+ "type": {
93
+ "text": "string | null"
94
+ }
95
+ }
96
+ ]
97
+ },
98
+ {
99
+ "kind": "method",
100
+ "name": "updateAttribute",
101
+ "parameters": [
102
+ {
103
+ "name": "attrName",
104
+ "type": {
105
+ "text": "string"
106
+ }
107
+ },
108
+ {
109
+ "name": "oldValue",
110
+ "type": {
111
+ "text": "string"
112
+ }
113
+ },
114
+ {
115
+ "name": "newValue",
116
+ "type": {
117
+ "text": "string"
118
+ }
119
+ },
120
+ {
121
+ "name": "attrValues",
122
+ "type": {
123
+ "text": "string[]"
124
+ }
125
+ }
126
+ ]
127
+ },
128
+ {
129
+ "kind": "method",
130
+ "name": "splitAttrNameFromBreakpoint",
131
+ "parameters": [
132
+ {
133
+ "name": "attrName",
134
+ "type": {
135
+ "text": "string"
136
+ }
137
+ }
138
+ ]
139
+ },
140
+ {
141
+ "kind": "field",
142
+ "name": "borderRadius"
143
+ },
144
+ {
145
+ "kind": "field",
146
+ "name": "noBorderRadius"
147
+ },
148
+ {
149
+ "kind": "field",
150
+ "name": "noBorderRadiusMobile"
151
+ },
152
+ {
153
+ "kind": "field",
154
+ "name": "noBorderRadiusTablet"
155
+ },
156
+ {
157
+ "kind": "field",
158
+ "name": "noBorderRadiusLaptop"
159
+ },
160
+ {
161
+ "kind": "field",
162
+ "name": "width",
163
+ "type": {
164
+ "text": "string | null"
165
+ },
166
+ "attribute": "width"
167
+ },
168
+ {
169
+ "kind": "field",
170
+ "name": "widthMobile"
171
+ },
172
+ {
173
+ "kind": "field",
174
+ "name": "widthTablet"
175
+ },
176
+ {
177
+ "kind": "field",
178
+ "name": "widthLaptop"
179
+ },
180
+ {
181
+ "kind": "field",
182
+ "name": "widthDesktop"
183
+ },
184
+ {
185
+ "kind": "field",
186
+ "name": "disabled"
187
+ },
188
+ {
189
+ "kind": "field",
190
+ "name": "height",
191
+ "type": {
192
+ "text": "string | null"
193
+ },
194
+ "attribute": "height"
195
+ },
196
+ {
197
+ "kind": "field",
198
+ "name": "heightMobile"
199
+ },
200
+ {
201
+ "kind": "field",
202
+ "name": "heightTablet"
203
+ },
204
+ {
205
+ "kind": "field",
206
+ "name": "heightLaptop"
207
+ },
208
+ {
209
+ "kind": "field",
210
+ "name": "heightDesktop"
211
+ },
212
+ {
213
+ "kind": "field",
214
+ "name": "cover"
215
+ }
216
+ ],
217
+ "attributes": [
218
+ {
219
+ "name": "border-radius"
220
+ },
221
+ {
222
+ "name": "no-border-radius"
223
+ },
224
+ {
225
+ "name": "no-border-radius--mobile"
226
+ },
227
+ {
228
+ "name": "no-border-radius--tablet"
229
+ },
230
+ {
231
+ "name": "no-border-radius--laptop"
232
+ },
233
+ {
234
+ "name": "width",
235
+ "type": {
236
+ "text": "string | null"
237
+ },
238
+ "fieldName": "width",
239
+ "description": "The Lavender width size token."
240
+ },
241
+ {
242
+ "name": "width--mobile"
243
+ },
244
+ {
245
+ "name": "width--tablet"
246
+ },
247
+ {
248
+ "name": "width--laptop"
249
+ },
250
+ {
251
+ "name": "width--desktop"
252
+ },
253
+ {
254
+ "name": "cover"
255
+ },
256
+ {
257
+ "name": "disabled"
258
+ },
259
+ {
260
+ "name": "height",
261
+ "type": {
262
+ "text": "string | null"
263
+ },
264
+ "fieldName": "height",
265
+ "description": "The Lavender height size token."
266
+ }
267
+ ],
268
+ "superclass": {
269
+ "name": "PxElement",
270
+ "package": "@proximus/lavender-common"
271
+ }
272
+ }
273
+ ],
274
+ "exports": [
275
+ {
276
+ "kind": "js",
277
+ "name": "styleSheet",
278
+ "declaration": {
279
+ "name": "styleSheet",
280
+ "module": "src/AbstractImage.ts"
281
+ }
282
+ },
283
+ {
284
+ "kind": "js",
285
+ "name": "imageWidthValues",
286
+ "declaration": {
287
+ "name": "imageWidthValues",
288
+ "module": "src/AbstractImage.ts"
289
+ }
290
+ },
291
+ {
292
+ "kind": "js",
293
+ "name": "imageHeightValues",
294
+ "declaration": {
295
+ "name": "imageHeightValues",
296
+ "module": "src/AbstractImage.ts"
297
+ }
298
+ },
299
+ {
300
+ "kind": "js",
301
+ "name": "AbstractImage",
302
+ "declaration": {
303
+ "name": "AbstractImage",
304
+ "module": "src/AbstractImage.ts"
305
+ }
306
+ }
307
+ ]
308
+ },
309
+ {
310
+ "kind": "javascript-module",
311
+ "path": "src/Image.ts",
312
+ "declarations": [
313
+ {
314
+ "kind": "class",
315
+ "description": "",
316
+ "name": "Image",
317
+ "members": [
318
+ {
319
+ "kind": "field",
320
+ "name": "nativeName",
321
+ "type": {
322
+ "text": "string"
323
+ },
324
+ "static": true,
325
+ "default": "'img'"
326
+ },
327
+ {
328
+ "kind": "field",
329
+ "name": "nativeProperties",
330
+ "static": true,
331
+ "default": "nativeImageProperties"
332
+ },
333
+ {
334
+ "kind": "field",
335
+ "name": "nativeMethods",
336
+ "static": true,
337
+ "default": "nativeImageMethods"
338
+ },
339
+ {
340
+ "kind": "field",
341
+ "name": "nativeAttributes",
342
+ "type": {
343
+ "text": "object"
344
+ },
345
+ "static": true,
346
+ "default": "{ alt: ['alt'], src: ['src'], srcset: ['srcset'], sizes: ['sizes'], crossorigin: ['crossOrigin'], usemap: ['useMap'], ismap: ['isMap'], referrerpolicy: ['referrerPolicy'], decoding: ['decoding'], loading: ['loading'], fetchpriority: ['fetchPriority'], title: ['title'], // Lavender owns the dimension properties and accepts size tokens. height: [], width: [], border: ['border'], hspace: ['hspace'], vspace: ['vspace'], longdesc: ['longDesc'], lowsrc: ['lowsrc'], name: ['name'], } satisfies NativeAttributeMap<HTMLImageElement>",
347
+ "inheritedFrom": {
348
+ "name": "AbstractImage",
349
+ "module": "src/AbstractImage.ts"
350
+ }
351
+ },
352
+ {
353
+ "kind": "field",
354
+ "name": "alt",
355
+ "type": {
356
+ "text": "string"
357
+ },
358
+ "attribute": "alt"
359
+ },
360
+ {
361
+ "kind": "field",
362
+ "name": "src",
363
+ "type": {
364
+ "text": "string"
365
+ },
366
+ "attribute": "src"
367
+ },
368
+ {
369
+ "kind": "field",
370
+ "name": "srcset",
371
+ "type": {
372
+ "text": "string"
373
+ },
374
+ "attribute": "srcset"
375
+ },
376
+ {
377
+ "kind": "field",
378
+ "name": "sizes",
379
+ "type": {
380
+ "text": "string"
381
+ },
382
+ "attribute": "sizes"
383
+ },
384
+ {
385
+ "kind": "field",
386
+ "name": "crossOrigin",
387
+ "type": {
388
+ "text": "string | null"
389
+ },
390
+ "attribute": "crossorigin"
391
+ },
392
+ {
393
+ "kind": "field",
394
+ "name": "useMap",
395
+ "type": {
396
+ "text": "string"
397
+ },
398
+ "attribute": "usemap"
399
+ },
400
+ {
401
+ "kind": "field",
402
+ "name": "isMap",
403
+ "type": {
404
+ "text": "boolean"
405
+ },
406
+ "attribute": "ismap"
407
+ },
408
+ {
409
+ "kind": "field",
410
+ "name": "referrerPolicy",
411
+ "type": {
412
+ "text": "string"
413
+ },
414
+ "attribute": "referrerpolicy"
415
+ },
416
+ {
417
+ "kind": "field",
418
+ "name": "decoding",
419
+ "type": {
420
+ "text": "'async' | 'sync' | 'auto'"
421
+ },
422
+ "attribute": "decoding"
423
+ },
424
+ {
425
+ "kind": "field",
426
+ "name": "loading",
427
+ "type": {
428
+ "text": "'eager' | 'lazy'"
429
+ },
430
+ "attribute": "loading"
431
+ },
432
+ {
433
+ "kind": "field",
434
+ "name": "fetchPriority",
435
+ "type": {
436
+ "text": "'auto' | 'high' | 'low'"
437
+ },
438
+ "attribute": "fetchpriority"
439
+ },
440
+ {
441
+ "kind": "field",
442
+ "name": "title",
443
+ "type": {
444
+ "text": "string"
445
+ },
446
+ "attribute": "title"
447
+ },
448
+ {
449
+ "kind": "field",
450
+ "name": "border",
451
+ "type": {
452
+ "text": "string"
453
+ },
454
+ "attribute": "border"
455
+ },
456
+ {
457
+ "kind": "field",
458
+ "name": "hspace",
459
+ "type": {
460
+ "text": "number"
461
+ },
462
+ "attribute": "hspace"
463
+ },
464
+ {
465
+ "kind": "field",
466
+ "name": "vspace",
467
+ "type": {
468
+ "text": "number"
469
+ },
470
+ "attribute": "vspace"
471
+ },
472
+ {
473
+ "kind": "field",
474
+ "name": "longDesc",
475
+ "type": {
476
+ "text": "string"
477
+ },
478
+ "attribute": "longdesc"
479
+ },
480
+ {
481
+ "kind": "field",
482
+ "name": "lowsrc",
483
+ "type": {
484
+ "text": "string"
485
+ },
486
+ "attribute": "lowsrc"
487
+ },
488
+ {
489
+ "kind": "field",
490
+ "name": "name",
491
+ "type": {
492
+ "text": "string"
493
+ },
494
+ "attribute": "name"
495
+ },
496
+ {
497
+ "kind": "field",
498
+ "name": "currentSrc",
499
+ "type": {
500
+ "text": "string"
501
+ },
502
+ "readonly": true
503
+ },
504
+ {
505
+ "kind": "field",
506
+ "name": "naturalWidth",
507
+ "type": {
508
+ "text": "number"
509
+ },
510
+ "readonly": true
511
+ },
512
+ {
513
+ "kind": "field",
514
+ "name": "naturalHeight",
515
+ "type": {
516
+ "text": "number"
517
+ },
518
+ "readonly": true
519
+ },
520
+ {
521
+ "kind": "field",
522
+ "name": "complete",
523
+ "type": {
524
+ "text": "boolean"
525
+ },
526
+ "readonly": true
527
+ },
528
+ {
529
+ "kind": "field",
530
+ "name": "x",
531
+ "type": {
532
+ "text": "number"
533
+ },
534
+ "readonly": true
535
+ },
536
+ {
537
+ "kind": "field",
538
+ "name": "y",
539
+ "type": {
540
+ "text": "number"
541
+ },
542
+ "readonly": true
543
+ },
544
+ {
545
+ "kind": "field",
546
+ "name": "decode",
547
+ "type": {
548
+ "text": "HTMLImageElement['decode']"
549
+ },
550
+ "readonly": true
551
+ },
552
+ {
553
+ "kind": "method",
554
+ "name": "updateWidth",
555
+ "parameters": [
556
+ {
557
+ "name": "attrName",
558
+ "type": {
559
+ "text": "string"
560
+ }
561
+ },
562
+ {
563
+ "name": "oldValue",
564
+ "type": {
565
+ "text": "string"
566
+ }
567
+ },
568
+ {
569
+ "name": "newValue",
570
+ "type": {
571
+ "text": "string"
572
+ }
573
+ },
574
+ {
575
+ "name": "attrValues",
576
+ "type": {
577
+ "text": "string[]"
578
+ }
579
+ }
580
+ ],
581
+ "inheritedFrom": {
582
+ "name": "AbstractImage",
583
+ "module": "src/AbstractImage.ts"
584
+ }
585
+ },
586
+ {
587
+ "kind": "method",
588
+ "name": "updateStyle",
589
+ "parameters": [
590
+ {
591
+ "name": "cssName",
592
+ "type": {
593
+ "text": "string"
594
+ }
595
+ },
596
+ {
597
+ "name": "breakpoint",
598
+ "type": {
599
+ "text": "string"
600
+ }
601
+ },
602
+ {
603
+ "name": "value",
604
+ "type": {
605
+ "text": "string | null"
606
+ }
607
+ }
608
+ ],
609
+ "inheritedFrom": {
610
+ "name": "AbstractImage",
611
+ "module": "src/AbstractImage.ts"
612
+ }
613
+ },
614
+ {
615
+ "kind": "method",
616
+ "name": "updateAttribute",
617
+ "parameters": [
618
+ {
619
+ "name": "attrName",
620
+ "type": {
621
+ "text": "string"
622
+ }
623
+ },
624
+ {
625
+ "name": "oldValue",
626
+ "type": {
627
+ "text": "string"
628
+ }
629
+ },
630
+ {
631
+ "name": "newValue",
632
+ "type": {
633
+ "text": "string"
634
+ }
635
+ },
636
+ {
637
+ "name": "attrValues",
638
+ "type": {
639
+ "text": "string[]"
640
+ }
641
+ }
642
+ ],
643
+ "inheritedFrom": {
644
+ "name": "AbstractImage",
645
+ "module": "src/AbstractImage.ts"
646
+ }
647
+ },
648
+ {
649
+ "kind": "method",
650
+ "name": "splitAttrNameFromBreakpoint",
651
+ "parameters": [
652
+ {
653
+ "name": "attrName",
654
+ "type": {
655
+ "text": "string"
656
+ }
657
+ }
658
+ ],
659
+ "inheritedFrom": {
660
+ "name": "AbstractImage",
661
+ "module": "src/AbstractImage.ts"
662
+ }
663
+ },
664
+ {
665
+ "kind": "field",
666
+ "name": "borderRadius",
667
+ "inheritedFrom": {
668
+ "name": "AbstractImage",
669
+ "module": "src/AbstractImage.ts"
670
+ }
671
+ },
672
+ {
673
+ "kind": "field",
674
+ "name": "noBorderRadius",
675
+ "inheritedFrom": {
676
+ "name": "AbstractImage",
677
+ "module": "src/AbstractImage.ts"
678
+ }
679
+ },
680
+ {
681
+ "kind": "field",
682
+ "name": "noBorderRadiusMobile",
683
+ "inheritedFrom": {
684
+ "name": "AbstractImage",
685
+ "module": "src/AbstractImage.ts"
686
+ }
687
+ },
688
+ {
689
+ "kind": "field",
690
+ "name": "noBorderRadiusTablet",
691
+ "inheritedFrom": {
692
+ "name": "AbstractImage",
693
+ "module": "src/AbstractImage.ts"
694
+ }
695
+ },
696
+ {
697
+ "kind": "field",
698
+ "name": "noBorderRadiusLaptop",
699
+ "inheritedFrom": {
700
+ "name": "AbstractImage",
701
+ "module": "src/AbstractImage.ts"
702
+ }
703
+ },
704
+ {
705
+ "kind": "field",
706
+ "name": "width",
707
+ "type": {
708
+ "text": "string | null"
709
+ },
710
+ "attribute": "width",
711
+ "inheritedFrom": {
712
+ "name": "AbstractImage",
713
+ "module": "src/AbstractImage.ts"
714
+ }
715
+ },
716
+ {
717
+ "kind": "field",
718
+ "name": "widthMobile",
719
+ "inheritedFrom": {
720
+ "name": "AbstractImage",
721
+ "module": "src/AbstractImage.ts"
722
+ }
723
+ },
724
+ {
725
+ "kind": "field",
726
+ "name": "widthTablet",
727
+ "inheritedFrom": {
728
+ "name": "AbstractImage",
729
+ "module": "src/AbstractImage.ts"
730
+ }
731
+ },
732
+ {
733
+ "kind": "field",
734
+ "name": "widthLaptop",
735
+ "inheritedFrom": {
736
+ "name": "AbstractImage",
737
+ "module": "src/AbstractImage.ts"
738
+ }
739
+ },
740
+ {
741
+ "kind": "field",
742
+ "name": "widthDesktop",
743
+ "inheritedFrom": {
744
+ "name": "AbstractImage",
745
+ "module": "src/AbstractImage.ts"
746
+ }
747
+ },
748
+ {
749
+ "kind": "field",
750
+ "name": "disabled",
751
+ "inheritedFrom": {
752
+ "name": "AbstractImage",
753
+ "module": "src/AbstractImage.ts"
754
+ }
755
+ },
756
+ {
757
+ "kind": "field",
758
+ "name": "height",
759
+ "type": {
760
+ "text": "string | null"
761
+ },
762
+ "attribute": "height",
763
+ "inheritedFrom": {
764
+ "name": "AbstractImage",
765
+ "module": "src/AbstractImage.ts"
766
+ }
767
+ },
768
+ {
769
+ "kind": "field",
770
+ "name": "heightMobile",
771
+ "inheritedFrom": {
772
+ "name": "AbstractImage",
773
+ "module": "src/AbstractImage.ts"
774
+ }
775
+ },
776
+ {
777
+ "kind": "field",
778
+ "name": "heightTablet",
779
+ "inheritedFrom": {
780
+ "name": "AbstractImage",
781
+ "module": "src/AbstractImage.ts"
782
+ }
783
+ },
784
+ {
785
+ "kind": "field",
786
+ "name": "heightLaptop",
787
+ "inheritedFrom": {
788
+ "name": "AbstractImage",
789
+ "module": "src/AbstractImage.ts"
790
+ }
791
+ },
792
+ {
793
+ "kind": "field",
794
+ "name": "heightDesktop",
795
+ "inheritedFrom": {
796
+ "name": "AbstractImage",
797
+ "module": "src/AbstractImage.ts"
798
+ }
799
+ },
800
+ {
801
+ "kind": "field",
802
+ "name": "cover",
803
+ "inheritedFrom": {
804
+ "name": "AbstractImage",
805
+ "module": "src/AbstractImage.ts"
806
+ }
807
+ }
808
+ ],
809
+ "attributes": [
810
+ {
811
+ "name": "alt",
812
+ "type": {
813
+ "text": "string"
814
+ },
815
+ "fieldName": "alt",
816
+ "description": "The alternative text for the image."
817
+ },
818
+ {
819
+ "name": "src",
820
+ "type": {
821
+ "text": "string"
822
+ },
823
+ "fieldName": "src",
824
+ "description": "The URL of the image."
825
+ },
826
+ {
827
+ "name": "srcset",
828
+ "type": {
829
+ "text": "string"
830
+ },
831
+ "fieldName": "srcset",
832
+ "description": "The responsive image candidates."
833
+ },
834
+ {
835
+ "name": "sizes",
836
+ "type": {
837
+ "text": "string"
838
+ },
839
+ "fieldName": "sizes",
840
+ "description": "The responsive image source sizes."
841
+ },
842
+ {
843
+ "name": "crossorigin",
844
+ "type": {
845
+ "text": "string | null"
846
+ },
847
+ "fieldName": "crossOrigin",
848
+ "description": "The cross-origin image request mode."
849
+ },
850
+ {
851
+ "name": "usemap",
852
+ "type": {
853
+ "text": "string"
854
+ },
855
+ "fieldName": "useMap",
856
+ "description": "The associated image-map reference."
857
+ },
858
+ {
859
+ "name": "ismap",
860
+ "type": {
861
+ "text": "boolean"
862
+ },
863
+ "fieldName": "isMap",
864
+ "description": "Whether the image is a server-side image map."
865
+ },
866
+ {
867
+ "name": "referrerpolicy",
868
+ "type": {
869
+ "text": "string"
870
+ },
871
+ "fieldName": "referrerPolicy",
872
+ "description": "The referrer policy."
873
+ },
874
+ {
875
+ "name": "decoding",
876
+ "type": {
877
+ "text": "'async' | 'sync' | 'auto'"
878
+ },
879
+ "fieldName": "decoding",
880
+ "description": "The image decoding hint."
881
+ },
882
+ {
883
+ "name": "loading",
884
+ "type": {
885
+ "text": "'eager' | 'lazy'"
886
+ },
887
+ "fieldName": "loading",
888
+ "description": "The loading strategy for the image."
889
+ },
890
+ {
891
+ "name": "fetchpriority",
892
+ "type": {
893
+ "text": "'auto' | 'high' | 'low'"
894
+ },
895
+ "fieldName": "fetchPriority",
896
+ "description": "The resource fetch priority."
897
+ },
898
+ {
899
+ "name": "title",
900
+ "type": {
901
+ "text": "string"
902
+ },
903
+ "fieldName": "title",
904
+ "description": "The native element tooltip."
905
+ },
906
+ {
907
+ "name": "border",
908
+ "type": {
909
+ "text": "string"
910
+ },
911
+ "fieldName": "border",
912
+ "description": "The legacy image border width."
913
+ },
914
+ {
915
+ "name": "hspace",
916
+ "type": {
917
+ "text": "number"
918
+ },
919
+ "fieldName": "hspace",
920
+ "description": "The legacy horizontal image spacing."
921
+ },
922
+ {
923
+ "name": "vspace",
924
+ "type": {
925
+ "text": "number"
926
+ },
927
+ "fieldName": "vspace",
928
+ "description": "The legacy vertical image spacing."
929
+ },
930
+ {
931
+ "name": "longdesc",
932
+ "type": {
933
+ "text": "string"
934
+ },
935
+ "fieldName": "longDesc",
936
+ "description": "The legacy long-description URL."
937
+ },
938
+ {
939
+ "name": "lowsrc",
940
+ "type": {
941
+ "text": "string"
942
+ },
943
+ "fieldName": "lowsrc",
944
+ "description": "The legacy low-resolution image URL."
945
+ },
946
+ {
947
+ "name": "name",
948
+ "type": {
949
+ "text": "string"
950
+ },
951
+ "fieldName": "name",
952
+ "description": "The native element name."
953
+ },
954
+ {
955
+ "name": "border-radius",
956
+ "inheritedFrom": {
957
+ "name": "AbstractImage",
958
+ "module": "src/AbstractImage.ts"
959
+ }
960
+ },
961
+ {
962
+ "name": "no-border-radius",
963
+ "inheritedFrom": {
964
+ "name": "AbstractImage",
965
+ "module": "src/AbstractImage.ts"
966
+ }
967
+ },
968
+ {
969
+ "name": "no-border-radius--mobile",
970
+ "inheritedFrom": {
971
+ "name": "AbstractImage",
972
+ "module": "src/AbstractImage.ts"
973
+ }
974
+ },
975
+ {
976
+ "name": "no-border-radius--tablet",
977
+ "inheritedFrom": {
978
+ "name": "AbstractImage",
979
+ "module": "src/AbstractImage.ts"
980
+ }
981
+ },
982
+ {
983
+ "name": "no-border-radius--laptop",
984
+ "inheritedFrom": {
985
+ "name": "AbstractImage",
986
+ "module": "src/AbstractImage.ts"
987
+ }
988
+ },
989
+ {
990
+ "name": "width",
991
+ "type": {
992
+ "text": "string | null"
993
+ },
994
+ "fieldName": "width",
995
+ "description": "The Lavender width size token.",
996
+ "inheritedFrom": {
997
+ "name": "AbstractImage",
998
+ "module": "src/AbstractImage.ts"
999
+ }
1000
+ },
1001
+ {
1002
+ "name": "width--mobile",
1003
+ "inheritedFrom": {
1004
+ "name": "AbstractImage",
1005
+ "module": "src/AbstractImage.ts"
1006
+ }
1007
+ },
1008
+ {
1009
+ "name": "width--tablet",
1010
+ "inheritedFrom": {
1011
+ "name": "AbstractImage",
1012
+ "module": "src/AbstractImage.ts"
1013
+ }
1014
+ },
1015
+ {
1016
+ "name": "width--laptop",
1017
+ "inheritedFrom": {
1018
+ "name": "AbstractImage",
1019
+ "module": "src/AbstractImage.ts"
1020
+ }
1021
+ },
1022
+ {
1023
+ "name": "width--desktop",
1024
+ "inheritedFrom": {
1025
+ "name": "AbstractImage",
1026
+ "module": "src/AbstractImage.ts"
1027
+ }
1028
+ },
1029
+ {
1030
+ "name": "cover",
1031
+ "inheritedFrom": {
1032
+ "name": "AbstractImage",
1033
+ "module": "src/AbstractImage.ts"
1034
+ }
1035
+ },
1036
+ {
1037
+ "name": "disabled",
1038
+ "inheritedFrom": {
1039
+ "name": "AbstractImage",
1040
+ "module": "src/AbstractImage.ts"
1041
+ }
1042
+ },
1043
+ {
1044
+ "name": "height",
1045
+ "type": {
1046
+ "text": "string | null"
1047
+ },
1048
+ "fieldName": "height",
1049
+ "description": "The Lavender height size token.",
1050
+ "inheritedFrom": {
1051
+ "name": "AbstractImage",
1052
+ "module": "src/AbstractImage.ts"
1053
+ }
1054
+ }
1055
+ ],
1056
+ "superclass": {
1057
+ "name": "AbstractImage",
1058
+ "module": "/src/AbstractImage.ts"
1059
+ },
1060
+ "summary": "An image component.",
1061
+ "tagName": "px-img",
1062
+ "customElement": true
1063
+ }
1064
+ ],
1065
+ "exports": [
1066
+ {
1067
+ "kind": "js",
1068
+ "name": "Image",
1069
+ "declaration": {
1070
+ "name": "Image",
1071
+ "module": "src/Image.ts"
1072
+ }
1073
+ },
1074
+ {
1075
+ "kind": "custom-element-definition",
1076
+ "name": "px-img",
1077
+ "declaration": {
1078
+ "name": "Image",
1079
+ "module": "src/Image.ts"
1080
+ }
1081
+ }
1082
+ ]
1083
+ },
1084
+ {
1085
+ "kind": "javascript-module",
1086
+ "path": "src/Picture.ts",
1087
+ "declarations": [
1088
+ {
1089
+ "kind": "class",
1090
+ "description": "",
1091
+ "name": "Picture",
1092
+ "members": [
1093
+ {
1094
+ "kind": "field",
1095
+ "name": "nativeName",
1096
+ "type": {
1097
+ "text": "string"
1098
+ },
1099
+ "static": true,
1100
+ "default": "'picture'"
1101
+ },
1102
+ {
1103
+ "kind": "field",
1104
+ "name": "possibleImgExtension",
1105
+ "type": {
1106
+ "text": "array"
1107
+ },
1108
+ "privacy": "private",
1109
+ "default": "[ 'webp', 'svg', 'apng', 'png', 'jpg', 'jpeg', 'jfif', 'pjpeg', 'pjp', 'avif', 'gif', 'bmp', 'ico', 'cur', 'tif', 'tiff', ]"
1110
+ },
1111
+ {
1112
+ "kind": "field",
1113
+ "name": "loading"
1114
+ },
1115
+ {
1116
+ "kind": "field",
1117
+ "name": "alt"
1118
+ },
1119
+ {
1120
+ "kind": "field",
1121
+ "name": "src"
1122
+ },
1123
+ {
1124
+ "kind": "field",
1125
+ "name": "$imgEl",
1126
+ "readonly": true
1127
+ },
1128
+ {
1129
+ "kind": "method",
1130
+ "name": "removeSrc"
1131
+ },
1132
+ {
1133
+ "kind": "method",
1134
+ "name": "imgExists",
1135
+ "parameters": [
1136
+ {
1137
+ "name": "imgUrl",
1138
+ "type": {
1139
+ "text": "string"
1140
+ }
1141
+ }
1142
+ ]
1143
+ },
1144
+ {
1145
+ "kind": "method",
1146
+ "name": "transformImgPath",
1147
+ "parameters": [
1148
+ {
1149
+ "name": "imgName",
1150
+ "type": {
1151
+ "text": "string"
1152
+ }
1153
+ },
1154
+ {
1155
+ "name": "imgExtension",
1156
+ "type": {
1157
+ "text": "string"
1158
+ }
1159
+ },
1160
+ {
1161
+ "name": "breakpoint",
1162
+ "type": {
1163
+ "text": "string"
1164
+ }
1165
+ }
1166
+ ]
1167
+ },
1168
+ {
1169
+ "kind": "method",
1170
+ "name": "addImg",
1171
+ "parameters": [
1172
+ {
1173
+ "name": "imgPath",
1174
+ "type": {
1175
+ "text": "string"
1176
+ }
1177
+ },
1178
+ {
1179
+ "name": "alt",
1180
+ "type": {
1181
+ "text": "string"
1182
+ }
1183
+ },
1184
+ {
1185
+ "name": "loading",
1186
+ "type": {
1187
+ "text": "string"
1188
+ }
1189
+ }
1190
+ ]
1191
+ },
1192
+ {
1193
+ "kind": "method",
1194
+ "name": "addSrcset",
1195
+ "parameters": [
1196
+ {
1197
+ "name": "imgPath",
1198
+ "type": {
1199
+ "text": "string"
1200
+ }
1201
+ },
1202
+ {
1203
+ "name": "media",
1204
+ "type": {
1205
+ "text": "string"
1206
+ }
1207
+ }
1208
+ ]
1209
+ },
1210
+ {
1211
+ "kind": "method",
1212
+ "name": "addSrc",
1213
+ "parameters": [
1214
+ {
1215
+ "name": "value",
1216
+ "type": {
1217
+ "text": "string"
1218
+ }
1219
+ },
1220
+ {
1221
+ "name": "alt",
1222
+ "type": {
1223
+ "text": "string"
1224
+ }
1225
+ },
1226
+ {
1227
+ "name": "loading",
1228
+ "type": {
1229
+ "text": "string"
1230
+ }
1231
+ }
1232
+ ]
1233
+ },
1234
+ {
1235
+ "kind": "method",
1236
+ "name": "updateLoading",
1237
+ "parameters": [
1238
+ {
1239
+ "name": "loading",
1240
+ "type": {
1241
+ "text": "string"
1242
+ }
1243
+ }
1244
+ ]
1245
+ },
1246
+ {
1247
+ "kind": "method",
1248
+ "name": "updateAlt",
1249
+ "parameters": [
1250
+ {
1251
+ "name": "alt",
1252
+ "type": {
1253
+ "text": "string"
1254
+ }
1255
+ }
1256
+ ]
1257
+ },
1258
+ {
1259
+ "kind": "field",
1260
+ "name": "nativeAttributes",
1261
+ "type": {
1262
+ "text": "object"
1263
+ },
1264
+ "static": true,
1265
+ "default": "{}",
1266
+ "inheritedFrom": {
1267
+ "name": "AbstractImage",
1268
+ "module": "src/AbstractImage.ts"
1269
+ }
1270
+ },
1271
+ {
1272
+ "kind": "method",
1273
+ "name": "updateWidth",
1274
+ "parameters": [
1275
+ {
1276
+ "name": "attrName",
1277
+ "type": {
1278
+ "text": "string"
1279
+ }
1280
+ },
1281
+ {
1282
+ "name": "oldValue",
1283
+ "type": {
1284
+ "text": "string"
1285
+ }
1286
+ },
1287
+ {
1288
+ "name": "newValue",
1289
+ "type": {
1290
+ "text": "string"
1291
+ }
1292
+ },
1293
+ {
1294
+ "name": "attrValues",
1295
+ "type": {
1296
+ "text": "string[]"
1297
+ }
1298
+ }
1299
+ ],
1300
+ "inheritedFrom": {
1301
+ "name": "AbstractImage",
1302
+ "module": "src/AbstractImage.ts"
1303
+ }
1304
+ },
1305
+ {
1306
+ "kind": "method",
1307
+ "name": "updateStyle",
1308
+ "parameters": [
1309
+ {
1310
+ "name": "cssName",
1311
+ "type": {
1312
+ "text": "string"
1313
+ }
1314
+ },
1315
+ {
1316
+ "name": "breakpoint",
1317
+ "type": {
1318
+ "text": "string"
1319
+ }
1320
+ },
1321
+ {
1322
+ "name": "value",
1323
+ "type": {
1324
+ "text": "string | null"
1325
+ }
1326
+ }
1327
+ ],
1328
+ "inheritedFrom": {
1329
+ "name": "AbstractImage",
1330
+ "module": "src/AbstractImage.ts"
1331
+ }
1332
+ },
1333
+ {
1334
+ "kind": "method",
1335
+ "name": "updateAttribute",
1336
+ "parameters": [
1337
+ {
1338
+ "name": "attrName",
1339
+ "type": {
1340
+ "text": "string"
1341
+ }
1342
+ },
1343
+ {
1344
+ "name": "oldValue",
1345
+ "type": {
1346
+ "text": "string"
1347
+ }
1348
+ },
1349
+ {
1350
+ "name": "newValue",
1351
+ "type": {
1352
+ "text": "string"
1353
+ }
1354
+ },
1355
+ {
1356
+ "name": "attrValues",
1357
+ "type": {
1358
+ "text": "string[]"
1359
+ }
1360
+ }
1361
+ ],
1362
+ "inheritedFrom": {
1363
+ "name": "AbstractImage",
1364
+ "module": "src/AbstractImage.ts"
1365
+ }
1366
+ },
1367
+ {
1368
+ "kind": "method",
1369
+ "name": "splitAttrNameFromBreakpoint",
1370
+ "parameters": [
1371
+ {
1372
+ "name": "attrName",
1373
+ "type": {
1374
+ "text": "string"
1375
+ }
1376
+ }
1377
+ ],
1378
+ "inheritedFrom": {
1379
+ "name": "AbstractImage",
1380
+ "module": "src/AbstractImage.ts"
1381
+ }
1382
+ },
1383
+ {
1384
+ "kind": "field",
1385
+ "name": "borderRadius",
1386
+ "inheritedFrom": {
1387
+ "name": "AbstractImage",
1388
+ "module": "src/AbstractImage.ts"
1389
+ }
1390
+ },
1391
+ {
1392
+ "kind": "field",
1393
+ "name": "noBorderRadius",
1394
+ "inheritedFrom": {
1395
+ "name": "AbstractImage",
1396
+ "module": "src/AbstractImage.ts"
1397
+ }
1398
+ },
1399
+ {
1400
+ "kind": "field",
1401
+ "name": "noBorderRadiusMobile",
1402
+ "inheritedFrom": {
1403
+ "name": "AbstractImage",
1404
+ "module": "src/AbstractImage.ts"
1405
+ }
1406
+ },
1407
+ {
1408
+ "kind": "field",
1409
+ "name": "noBorderRadiusTablet",
1410
+ "inheritedFrom": {
1411
+ "name": "AbstractImage",
1412
+ "module": "src/AbstractImage.ts"
1413
+ }
1414
+ },
1415
+ {
1416
+ "kind": "field",
1417
+ "name": "noBorderRadiusLaptop",
1418
+ "inheritedFrom": {
1419
+ "name": "AbstractImage",
1420
+ "module": "src/AbstractImage.ts"
1421
+ }
1422
+ },
1423
+ {
1424
+ "kind": "field",
1425
+ "name": "width",
1426
+ "type": {
1427
+ "text": "string | null"
1428
+ },
1429
+ "attribute": "width",
1430
+ "inheritedFrom": {
1431
+ "name": "AbstractImage",
1432
+ "module": "src/AbstractImage.ts"
1433
+ }
1434
+ },
1435
+ {
1436
+ "kind": "field",
1437
+ "name": "widthMobile",
1438
+ "inheritedFrom": {
1439
+ "name": "AbstractImage",
1440
+ "module": "src/AbstractImage.ts"
1441
+ }
1442
+ },
1443
+ {
1444
+ "kind": "field",
1445
+ "name": "widthTablet",
1446
+ "inheritedFrom": {
1447
+ "name": "AbstractImage",
1448
+ "module": "src/AbstractImage.ts"
1449
+ }
1450
+ },
1451
+ {
1452
+ "kind": "field",
1453
+ "name": "widthLaptop",
1454
+ "inheritedFrom": {
1455
+ "name": "AbstractImage",
1456
+ "module": "src/AbstractImage.ts"
1457
+ }
1458
+ },
1459
+ {
1460
+ "kind": "field",
1461
+ "name": "widthDesktop",
1462
+ "inheritedFrom": {
1463
+ "name": "AbstractImage",
1464
+ "module": "src/AbstractImage.ts"
1465
+ }
1466
+ },
1467
+ {
1468
+ "kind": "field",
1469
+ "name": "disabled",
1470
+ "inheritedFrom": {
1471
+ "name": "AbstractImage",
1472
+ "module": "src/AbstractImage.ts"
1473
+ }
1474
+ },
1475
+ {
1476
+ "kind": "field",
1477
+ "name": "height",
1478
+ "type": {
1479
+ "text": "string | null"
1480
+ },
1481
+ "attribute": "height",
1482
+ "inheritedFrom": {
1483
+ "name": "AbstractImage",
1484
+ "module": "src/AbstractImage.ts"
1485
+ }
1486
+ },
1487
+ {
1488
+ "kind": "field",
1489
+ "name": "heightMobile",
1490
+ "inheritedFrom": {
1491
+ "name": "AbstractImage",
1492
+ "module": "src/AbstractImage.ts"
1493
+ }
1494
+ },
1495
+ {
1496
+ "kind": "field",
1497
+ "name": "heightTablet",
1498
+ "inheritedFrom": {
1499
+ "name": "AbstractImage",
1500
+ "module": "src/AbstractImage.ts"
1501
+ }
1502
+ },
1503
+ {
1504
+ "kind": "field",
1505
+ "name": "heightLaptop",
1506
+ "inheritedFrom": {
1507
+ "name": "AbstractImage",
1508
+ "module": "src/AbstractImage.ts"
1509
+ }
1510
+ },
1511
+ {
1512
+ "kind": "field",
1513
+ "name": "heightDesktop",
1514
+ "inheritedFrom": {
1515
+ "name": "AbstractImage",
1516
+ "module": "src/AbstractImage.ts"
1517
+ }
1518
+ },
1519
+ {
1520
+ "kind": "field",
1521
+ "name": "cover",
1522
+ "inheritedFrom": {
1523
+ "name": "AbstractImage",
1524
+ "module": "src/AbstractImage.ts"
1525
+ }
1526
+ }
1527
+ ],
1528
+ "attributes": [
1529
+ {
1530
+ "name": "loading"
1531
+ },
1532
+ {
1533
+ "name": "alt"
1534
+ },
1535
+ {
1536
+ "name": "src"
1537
+ },
1538
+ {
1539
+ "name": "border-radius",
1540
+ "inheritedFrom": {
1541
+ "name": "AbstractImage",
1542
+ "module": "src/AbstractImage.ts"
1543
+ }
1544
+ },
1545
+ {
1546
+ "name": "no-border-radius",
1547
+ "inheritedFrom": {
1548
+ "name": "AbstractImage",
1549
+ "module": "src/AbstractImage.ts"
1550
+ }
1551
+ },
1552
+ {
1553
+ "name": "no-border-radius--mobile",
1554
+ "inheritedFrom": {
1555
+ "name": "AbstractImage",
1556
+ "module": "src/AbstractImage.ts"
1557
+ }
1558
+ },
1559
+ {
1560
+ "name": "no-border-radius--tablet",
1561
+ "inheritedFrom": {
1562
+ "name": "AbstractImage",
1563
+ "module": "src/AbstractImage.ts"
1564
+ }
1565
+ },
1566
+ {
1567
+ "name": "no-border-radius--laptop",
1568
+ "inheritedFrom": {
1569
+ "name": "AbstractImage",
1570
+ "module": "src/AbstractImage.ts"
1571
+ }
1572
+ },
1573
+ {
1574
+ "name": "width",
1575
+ "type": {
1576
+ "text": "string | null"
1577
+ },
1578
+ "fieldName": "width",
1579
+ "description": "The Lavender width size token.",
1580
+ "inheritedFrom": {
1581
+ "name": "AbstractImage",
1582
+ "module": "src/AbstractImage.ts"
1583
+ }
1584
+ },
1585
+ {
1586
+ "name": "width--mobile",
1587
+ "inheritedFrom": {
1588
+ "name": "AbstractImage",
1589
+ "module": "src/AbstractImage.ts"
1590
+ }
1591
+ },
1592
+ {
1593
+ "name": "width--tablet",
1594
+ "inheritedFrom": {
1595
+ "name": "AbstractImage",
1596
+ "module": "src/AbstractImage.ts"
1597
+ }
1598
+ },
1599
+ {
1600
+ "name": "width--laptop",
1601
+ "inheritedFrom": {
1602
+ "name": "AbstractImage",
1603
+ "module": "src/AbstractImage.ts"
1604
+ }
1605
+ },
1606
+ {
1607
+ "name": "width--desktop",
1608
+ "inheritedFrom": {
1609
+ "name": "AbstractImage",
1610
+ "module": "src/AbstractImage.ts"
1611
+ }
1612
+ },
1613
+ {
1614
+ "name": "cover",
1615
+ "inheritedFrom": {
1616
+ "name": "AbstractImage",
1617
+ "module": "src/AbstractImage.ts"
1618
+ }
1619
+ },
1620
+ {
1621
+ "name": "disabled",
1622
+ "inheritedFrom": {
1623
+ "name": "AbstractImage",
1624
+ "module": "src/AbstractImage.ts"
1625
+ }
1626
+ },
1627
+ {
1628
+ "name": "height",
1629
+ "type": {
1630
+ "text": "string | null"
1631
+ },
1632
+ "fieldName": "height",
1633
+ "description": "The Lavender height size token.",
1634
+ "inheritedFrom": {
1635
+ "name": "AbstractImage",
1636
+ "module": "src/AbstractImage.ts"
1637
+ }
1638
+ }
1639
+ ],
1640
+ "superclass": {
1641
+ "name": "AbstractImage",
1642
+ "module": "/src/AbstractImage.ts"
1643
+ },
1644
+ "tagName": "px-picture",
1645
+ "customElement": true
1646
+ }
1647
+ ],
1648
+ "exports": [
1649
+ {
1650
+ "kind": "js",
1651
+ "name": "Picture",
1652
+ "declaration": {
1653
+ "name": "Picture",
1654
+ "module": "src/Picture.ts"
1655
+ }
1656
+ },
1657
+ {
1658
+ "kind": "custom-element-definition",
1659
+ "name": "px-picture",
1660
+ "declaration": {
1661
+ "name": "Picture",
1662
+ "module": "src/Picture.ts"
1663
+ }
1664
+ }
1665
+ ]
1666
+ },
1667
+ {
1668
+ "kind": "javascript-module",
1669
+ "path": "src/image.css",
1670
+ "declarations": [],
1671
+ "exports": []
1672
+ },
1673
+ {
1674
+ "kind": "javascript-module",
1675
+ "path": "src/index.ts",
1676
+ "declarations": [],
1677
+ "exports": [
1678
+ {
1679
+ "kind": "js",
1680
+ "name": "*",
1681
+ "declaration": {
1682
+ "name": "*",
1683
+ "module": "src/Image"
1684
+ }
1685
+ },
1686
+ {
1687
+ "kind": "js",
1688
+ "name": "*",
1689
+ "declaration": {
1690
+ "name": "*",
1691
+ "module": "src/Picture"
1692
+ }
1693
+ }
1694
+ ]
1695
+ }
1696
+ ]
1697
+ }