@proximus/lavender-tile 1.4.16-beta.3 → 1.4.16-beta.5

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.
Files changed (11) hide show
  1. package/dist/Tile.d.ts +3 -1
  2. package/dist/TileButton.d.ts +3 -1
  3. package/dist/TileCheckbox.d.ts +3 -3
  4. package/dist/TileLink.d.ts +3 -3
  5. package/dist/TileRadio.d.ts +3 -3
  6. package/dist/TileSwitch.d.ts +3 -3
  7. package/dist/custom-elements.json +70 -68
  8. package/dist/index.es.js +132 -127
  9. package/dist/vscode.html-custom-data.json +8 -6
  10. package/dist/web-types.json +19 -21
  11. package/package.json +1 -1
package/dist/Tile.d.ts CHANGED
@@ -2,8 +2,8 @@ import { VerticallyExtendedElement } from '@proximus/lavender-common';
2
2
  import '@proximus/lavender-layout';
3
3
  export declare const tileBackgroundColorValues: string[];
4
4
  export declare class Tile extends VerticallyExtendedElement<HTMLDivElement> {
5
+ protected static readonly template: HTMLTemplateElement;
5
6
  static nativeName: string;
6
- protected template(): string;
7
7
  constructor();
8
8
  connectedCallback(): void;
9
9
  static get observedAttributes(): string[];
@@ -26,4 +26,6 @@ export declare class Tile extends VerticallyExtendedElement<HTMLDivElement> {
26
26
  set inverted(value: boolean);
27
27
  get disabled(): boolean;
28
28
  set disabled(value: boolean);
29
+ get visual(): string | null;
30
+ set visual(value: string | null);
29
31
  }
package/dist/TileButton.d.ts CHANGED
@@ -2,9 +2,9 @@ import { PxElement } from '@proximus/lavender-common';
2
2
  import '@proximus/lavender-layout';
3
3
  import { Tile } from './Tile';
4
4
  export declare class TileButton extends PxElement<HTMLButtonElement> {
5
+ protected static readonly template: HTMLTemplateElement;
5
6
  static nativeName: string;
6
7
  static accessorExclusions: string[];
7
- protected template(): string;
8
8
  constructor();
9
9
  connectedCallback(): void;
10
10
  static get observedAttributes(): string[];
@@ -22,4 +22,6 @@ export declare class TileButton extends PxElement<HTMLButtonElement> {
22
22
  set inverted(value: boolean);
23
23
  get disabled(): boolean;
24
24
  set disabled(value: boolean);
25
+ get visual(): string | null;
26
+ set visual(value: string | null);
25
27
  }
package/dist/TileCheckbox.d.ts CHANGED
@@ -3,8 +3,8 @@ import '@proximus/lavender-layout';
3
3
  import { Tile } from './Tile';
4
4
  import { type Checkbox } from '@proximus/lavender-checkbox';
5
5
  export declare class TileCheckbox extends WithExtraAttributes {
6
+ protected static readonly template: HTMLTemplateElement;
6
7
  protected internals: ElementInternals;
7
- protected template(): string;
8
8
  constructor();
9
9
  connectedCallback(): void;
10
10
  static get observedAttributes(): string[];
@@ -20,10 +20,10 @@ export declare class TileCheckbox extends WithExtraAttributes {
20
20
  get $checkbox(): Checkbox;
21
21
  get $slotPrefix(): Element | null;
22
22
  get $children(): NodeListOf<Element>;
23
- get centerContent(): boolean;
24
- set centerContent(value: boolean);
25
23
  get backgroundColor(): string | null;
26
24
  set backgroundColor(value: string | null);
25
+ get visual(): string | null;
26
+ set visual(value: string | null);
27
27
  get inverted(): boolean;
28
28
  set inverted(value: boolean);
29
29
  get checked(): boolean;
package/dist/TileLink.d.ts CHANGED
@@ -3,8 +3,8 @@ import '@proximus/lavender-layout';
3
3
  import { Tile } from './Tile';
4
4
  import { Icon } from '@proximus/lavender-icon';
5
5
  export declare class TileLink extends PxElement<HTMLLinkElement> {
6
+ protected static readonly template: HTMLTemplateElement;
6
7
  static nativeName: string;
7
- protected template(): string;
8
8
  constructor();
9
9
  connectedCallback(): void;
10
10
  static get observedAttributes(): string[];
@@ -13,10 +13,10 @@ export declare class TileLink extends PxElement<HTMLLinkElement> {
13
13
  get $slotPrefix(): Element | null;
14
14
  get $children(): NodeListOf<Element>;
15
15
  get $pxIcon(): Icon;
16
- get centerContent(): boolean;
17
- set centerContent(value: boolean);
18
16
  get backgroundColor(): string | null;
19
17
  set backgroundColor(value: string | null);
18
+ get visual(): string | null;
19
+ set visual(value: string | null);
20
20
  get inverted(): boolean;
21
21
  set inverted(value: boolean);
22
22
  get disabled(): boolean;
package/dist/TileRadio.d.ts CHANGED
@@ -4,8 +4,8 @@ import { Tile } from './Tile';
4
4
  import { type IRadio } from '@proximus/lavender-radio-group';
5
5
  import { type Radio } from '@proximus/lavender-radio-group';
6
6
  export declare class TileRadio extends WithExtraAttributes implements IRadio {
7
+ protected static readonly template: HTMLTemplateElement;
7
8
  protected internals: ElementInternals;
8
- protected template(): string;
9
9
  constructor();
10
10
  connectedCallback(): void;
11
11
  static get observedAttributes(): string[];
@@ -21,10 +21,10 @@ export declare class TileRadio extends WithExtraAttributes implements IRadio {
21
21
  get $radio(): Radio;
22
22
  get $slotPrefix(): Element | null;
23
23
  get $children(): NodeListOf<Element>;
24
- get centerContent(): boolean;
25
- set centerContent(value: boolean);
26
24
  get backgroundColor(): string | null;
27
25
  set backgroundColor(value: string | null);
26
+ get visual(): string | null;
27
+ set visual(value: string | null);
28
28
  get inverted(): boolean;
29
29
  set inverted(value: boolean);
30
30
  get checked(): boolean;
package/dist/TileSwitch.d.ts CHANGED
@@ -3,8 +3,8 @@ import '@proximus/lavender-layout';
3
3
  import { Tile } from './Tile';
4
4
  import { type Switch } from '@proximus/lavender-switch';
5
5
  export declare class TileSwitch extends WithExtraAttributes {
6
+ protected static readonly template: HTMLTemplateElement;
6
7
  protected internals: ElementInternals;
7
- protected template(): string;
8
8
  constructor();
9
9
  connectedCallback(): void;
10
10
  static get observedAttributes(): string[];
@@ -20,10 +20,10 @@ export declare class TileSwitch extends WithExtraAttributes {
20
20
  get $switch(): Switch;
21
21
  get $slotPrefix(): Element | null;
22
22
  get $children(): NodeListOf<Element>;
23
- get centerContent(): boolean;
24
- set centerContent(value: boolean);
25
23
  get backgroundColor(): string | null;
26
24
  set backgroundColor(value: string | null);
25
+ get visual(): string | null;
26
+ set visual(value: string | null);
27
27
  get inverted(): boolean;
28
28
  set inverted(value: boolean);
29
29
  get checked(): boolean;
package/dist/custom-elements.json CHANGED
@@ -138,6 +138,13 @@
138
138
  "description": "",
139
139
  "name": "Tile",
140
140
  "members": [
141
+ {
142
+ "kind": "field",
143
+ "name": "template",
144
+ "privacy": "protected",
145
+ "static": true,
146
+ "readonly": true
147
+ },
141
148
  {
142
149
  "kind": "field",
143
150
  "name": "nativeName",
@@ -147,11 +154,6 @@
147
154
  "static": true,
148
155
  "default": "'div'"
149
156
  },
150
- {
151
- "kind": "method",
152
- "name": "template",
153
- "privacy": "protected"
154
- },
155
157
  {
156
158
  "kind": "method",
157
159
  "name": "updateCenterPrefix"
@@ -231,7 +233,7 @@
231
233
  },
232
234
  {
233
235
  "kind": "field",
234
- "name": "innerHTML"
236
+ "name": "visual"
235
237
  }
236
238
  ],
237
239
  "attributes": [
@@ -249,6 +251,9 @@
249
251
  },
250
252
  {
251
253
  "name": "disabled"
254
+ },
255
+ {
256
+ "name": "visual"
252
257
  }
253
258
  ],
254
259
  "superclass": {
@@ -295,6 +300,13 @@
295
300
  "description": "",
296
301
  "name": "TileButton",
297
302
  "members": [
303
+ {
304
+ "kind": "field",
305
+ "name": "template",
306
+ "privacy": "protected",
307
+ "static": true,
308
+ "readonly": true
309
+ },
298
310
  {
299
311
  "kind": "field",
300
312
  "name": "nativeName",
@@ -313,11 +325,6 @@
313
325
  "static": true,
314
326
  "default": "['disabled']"
315
327
  },
316
- {
317
- "kind": "method",
318
- "name": "template",
319
- "privacy": "protected"
320
- },
321
328
  {
322
329
  "kind": "field",
323
330
  "name": "$tile",
@@ -355,7 +362,7 @@
355
362
  },
356
363
  {
357
364
  "kind": "field",
358
- "name": "innerHTML"
365
+ "name": "visual"
359
366
  }
360
367
  ],
361
368
  "attributes": [
@@ -373,6 +380,9 @@
373
380
  },
374
381
  {
375
382
  "name": "disabled"
383
+ },
384
+ {
385
+ "name": "visual"
376
386
  }
377
387
  ],
378
388
  "superclass": {
@@ -411,6 +421,13 @@
411
421
  "description": "",
412
422
  "name": "TileCheckbox",
413
423
  "members": [
424
+ {
425
+ "kind": "field",
426
+ "name": "template",
427
+ "privacy": "protected",
428
+ "static": true,
429
+ "readonly": true
430
+ },
414
431
  {
415
432
  "kind": "field",
416
433
  "name": "internals",
@@ -419,11 +436,6 @@
419
436
  },
420
437
  "privacy": "protected"
421
438
  },
422
- {
423
- "kind": "method",
424
- "name": "template",
425
- "privacy": "protected"
426
- },
427
439
  {
428
440
  "kind": "method",
429
441
  "name": "handleDisabledAttributeChange",
@@ -506,11 +518,11 @@
506
518
  },
507
519
  {
508
520
  "kind": "field",
509
- "name": "centerContent"
521
+ "name": "backgroundColor"
510
522
  },
511
523
  {
512
524
  "kind": "field",
513
- "name": "backgroundColor"
525
+ "name": "visual"
514
526
  },
515
527
  {
516
528
  "kind": "field",
@@ -538,10 +550,6 @@
538
550
  {
539
551
  "kind": "field",
540
552
  "name": "value"
541
- },
542
- {
543
- "kind": "field",
544
- "name": "innerHTML"
545
553
  }
546
554
  ],
547
555
  "events": [
@@ -553,15 +561,15 @@
553
561
  }
554
562
  ],
555
563
  "attributes": [
556
- {
557
- "name": "center-content"
558
- },
559
564
  {
560
565
  "name": "background-color"
561
566
  },
562
567
  {
563
568
  "name": "inverted"
564
569
  },
570
+ {
571
+ "name": "visual"
572
+ },
565
573
  {
566
574
  "name": "name"
567
575
  },
@@ -614,6 +622,13 @@
614
622
  "description": "",
615
623
  "name": "TileLink",
616
624
  "members": [
625
+ {
626
+ "kind": "field",
627
+ "name": "template",
628
+ "privacy": "protected",
629
+ "static": true,
630
+ "readonly": true
631
+ },
617
632
  {
618
633
  "kind": "field",
619
634
  "name": "nativeName",
@@ -623,11 +638,6 @@
623
638
  "static": true,
624
639
  "default": "'a'"
625
640
  },
626
- {
627
- "kind": "method",
628
- "name": "template",
629
- "privacy": "protected"
630
- },
631
641
  {
632
642
  "kind": "field",
633
643
  "name": "$tile",
@@ -650,11 +660,11 @@
650
660
  },
651
661
  {
652
662
  "kind": "field",
653
- "name": "centerContent"
663
+ "name": "backgroundColor"
654
664
  },
655
665
  {
656
666
  "kind": "field",
657
- "name": "backgroundColor"
667
+ "name": "visual"
658
668
  },
659
669
  {
660
670
  "kind": "field",
@@ -667,16 +677,9 @@
667
677
  {
668
678
  "kind": "field",
669
679
  "name": "targetBlankAriaLabel"
670
- },
671
- {
672
- "kind": "field",
673
- "name": "innerHTML"
674
680
  }
675
681
  ],
676
682
  "attributes": [
677
- {
678
- "name": "center-content"
679
- },
680
683
  {
681
684
  "name": "background-color"
682
685
  },
@@ -686,6 +689,9 @@
686
689
  {
687
690
  "name": "disabled"
688
691
  },
692
+ {
693
+ "name": "visual"
694
+ },
689
695
  {
690
696
  "name": "target-blank-aria-label"
691
697
  }
@@ -726,6 +732,13 @@
726
732
  "description": "",
727
733
  "name": "TileRadio",
728
734
  "members": [
735
+ {
736
+ "kind": "field",
737
+ "name": "template",
738
+ "privacy": "protected",
739
+ "static": true,
740
+ "readonly": true
741
+ },
729
742
  {
730
743
  "kind": "field",
731
744
  "name": "internals",
@@ -734,11 +747,6 @@
734
747
  },
735
748
  "privacy": "protected"
736
749
  },
737
- {
738
- "kind": "method",
739
- "name": "template",
740
- "privacy": "protected"
741
- },
742
750
  {
743
751
  "kind": "method",
744
752
  "name": "handleDisabledAttributeChange",
@@ -821,11 +829,11 @@
821
829
  },
822
830
  {
823
831
  "kind": "field",
824
- "name": "centerContent"
832
+ "name": "backgroundColor"
825
833
  },
826
834
  {
827
835
  "kind": "field",
828
- "name": "backgroundColor"
836
+ "name": "visual"
829
837
  },
830
838
  {
831
839
  "kind": "field",
@@ -853,10 +861,6 @@
853
861
  {
854
862
  "kind": "field",
855
863
  "name": "value"
856
- },
857
- {
858
- "kind": "field",
859
- "name": "innerHTML"
860
864
  }
861
865
  ],
862
866
  "events": [
@@ -868,15 +872,15 @@
868
872
  }
869
873
  ],
870
874
  "attributes": [
871
- {
872
- "name": "center-content"
873
- },
874
875
  {
875
876
  "name": "background-color"
876
877
  },
877
878
  {
878
879
  "name": "inverted"
879
880
  },
881
+ {
882
+ "name": "visual"
883
+ },
880
884
  {
881
885
  "name": "name"
882
886
  },
@@ -929,6 +933,13 @@
929
933
  "description": "",
930
934
  "name": "TileSwitch",
931
935
  "members": [
936
+ {
937
+ "kind": "field",
938
+ "name": "template",
939
+ "privacy": "protected",
940
+ "static": true,
941
+ "readonly": true
942
+ },
932
943
  {
933
944
  "kind": "field",
934
945
  "name": "internals",
@@ -937,11 +948,6 @@
937
948
  },
938
949
  "privacy": "protected"
939
950
  },
940
- {
941
- "kind": "method",
942
- "name": "template",
943
- "privacy": "protected"
944
- },
945
951
  {
946
952
  "kind": "method",
947
953
  "name": "handleDisabledAttributeChange",
@@ -1024,11 +1030,11 @@
1024
1030
  },
1025
1031
  {
1026
1032
  "kind": "field",
1027
- "name": "centerContent"
1033
+ "name": "backgroundColor"
1028
1034
  },
1029
1035
  {
1030
1036
  "kind": "field",
1031
- "name": "backgroundColor"
1037
+ "name": "visual"
1032
1038
  },
1033
1039
  {
1034
1040
  "kind": "field",
@@ -1052,10 +1058,6 @@
1052
1058
  {
1053
1059
  "kind": "field",
1054
1060
  "name": "value"
1055
- },
1056
- {
1057
- "kind": "field",
1058
- "name": "innerHTML"
1059
1061
  }
1060
1062
  ],
1061
1063
  "events": [
@@ -1067,15 +1069,15 @@
1067
1069
  }
1068
1070
  ],
1069
1071
  "attributes": [
1070
- {
1071
- "name": "center-content"
1072
- },
1073
1072
  {
1074
1073
  "name": "background-color"
1075
1074
  },
1076
1075
  {
1077
1076
  "name": "inverted"
1078
1077
  },
1078
+ {
1079
+ "name": "visual"
1080
+ },
1079
1081
  {
1080
1082
  "name": "name"
1081
1083
  },