@proximus/lavender-tile 2.0.0-alpha.203 → 2.0.0-alpha.205
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/Tile.d.ts +1 -1
- package/dist/TileButton.d.ts +1 -1
- package/dist/TileCheckbox.d.ts +1 -1
- package/dist/TileLink.d.ts +1 -1
- package/dist/TileRadio.d.ts +1 -1
- package/dist/TileSwitch.d.ts +1 -1
- package/dist/custom-elements.json +42 -54
- package/dist/index.es.js +90 -90
- package/dist/web-types.json +7 -13
- 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[];
|
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[];
|
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[];
|
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[];
|
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[];
|
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[];
|
|
@@ -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"
|
|
@@ -232,10 +234,6 @@
|
|
|
232
234
|
{
|
|
233
235
|
"kind": "field",
|
|
234
236
|
"name": "visual"
|
|
235
|
-
},
|
|
236
|
-
{
|
|
237
|
-
"kind": "field",
|
|
238
|
-
"name": "innerHTML"
|
|
239
237
|
}
|
|
240
238
|
],
|
|
241
239
|
"attributes": [
|
|
@@ -302,6 +300,13 @@
|
|
|
302
300
|
"description": "",
|
|
303
301
|
"name": "TileButton",
|
|
304
302
|
"members": [
|
|
303
|
+
{
|
|
304
|
+
"kind": "field",
|
|
305
|
+
"name": "template",
|
|
306
|
+
"privacy": "protected",
|
|
307
|
+
"static": true,
|
|
308
|
+
"readonly": true
|
|
309
|
+
},
|
|
305
310
|
{
|
|
306
311
|
"kind": "field",
|
|
307
312
|
"name": "nativeName",
|
|
@@ -320,11 +325,6 @@
|
|
|
320
325
|
"static": true,
|
|
321
326
|
"default": "['disabled']"
|
|
322
327
|
},
|
|
323
|
-
{
|
|
324
|
-
"kind": "method",
|
|
325
|
-
"name": "template",
|
|
326
|
-
"privacy": "protected"
|
|
327
|
-
},
|
|
328
328
|
{
|
|
329
329
|
"kind": "field",
|
|
330
330
|
"name": "$tile",
|
|
@@ -363,10 +363,6 @@
|
|
|
363
363
|
{
|
|
364
364
|
"kind": "field",
|
|
365
365
|
"name": "visual"
|
|
366
|
-
},
|
|
367
|
-
{
|
|
368
|
-
"kind": "field",
|
|
369
|
-
"name": "innerHTML"
|
|
370
366
|
}
|
|
371
367
|
],
|
|
372
368
|
"attributes": [
|
|
@@ -425,6 +421,13 @@
|
|
|
425
421
|
"description": "",
|
|
426
422
|
"name": "TileCheckbox",
|
|
427
423
|
"members": [
|
|
424
|
+
{
|
|
425
|
+
"kind": "field",
|
|
426
|
+
"name": "template",
|
|
427
|
+
"privacy": "protected",
|
|
428
|
+
"static": true,
|
|
429
|
+
"readonly": true
|
|
430
|
+
},
|
|
428
431
|
{
|
|
429
432
|
"kind": "field",
|
|
430
433
|
"name": "internals",
|
|
@@ -433,11 +436,6 @@
|
|
|
433
436
|
},
|
|
434
437
|
"privacy": "protected"
|
|
435
438
|
},
|
|
436
|
-
{
|
|
437
|
-
"kind": "method",
|
|
438
|
-
"name": "template",
|
|
439
|
-
"privacy": "protected"
|
|
440
|
-
},
|
|
441
439
|
{
|
|
442
440
|
"kind": "method",
|
|
443
441
|
"name": "handleDisabledAttributeChange",
|
|
@@ -552,10 +550,6 @@
|
|
|
552
550
|
{
|
|
553
551
|
"kind": "field",
|
|
554
552
|
"name": "value"
|
|
555
|
-
},
|
|
556
|
-
{
|
|
557
|
-
"kind": "field",
|
|
558
|
-
"name": "innerHTML"
|
|
559
553
|
}
|
|
560
554
|
],
|
|
561
555
|
"events": [
|
|
@@ -628,6 +622,13 @@
|
|
|
628
622
|
"description": "",
|
|
629
623
|
"name": "TileLink",
|
|
630
624
|
"members": [
|
|
625
|
+
{
|
|
626
|
+
"kind": "field",
|
|
627
|
+
"name": "template",
|
|
628
|
+
"privacy": "protected",
|
|
629
|
+
"static": true,
|
|
630
|
+
"readonly": true
|
|
631
|
+
},
|
|
631
632
|
{
|
|
632
633
|
"kind": "field",
|
|
633
634
|
"name": "nativeName",
|
|
@@ -637,11 +638,6 @@
|
|
|
637
638
|
"static": true,
|
|
638
639
|
"default": "'a'"
|
|
639
640
|
},
|
|
640
|
-
{
|
|
641
|
-
"kind": "method",
|
|
642
|
-
"name": "template",
|
|
643
|
-
"privacy": "protected"
|
|
644
|
-
},
|
|
645
641
|
{
|
|
646
642
|
"kind": "field",
|
|
647
643
|
"name": "$tile",
|
|
@@ -681,10 +677,6 @@
|
|
|
681
677
|
{
|
|
682
678
|
"kind": "field",
|
|
683
679
|
"name": "targetBlankAriaLabel"
|
|
684
|
-
},
|
|
685
|
-
{
|
|
686
|
-
"kind": "field",
|
|
687
|
-
"name": "innerHTML"
|
|
688
680
|
}
|
|
689
681
|
],
|
|
690
682
|
"attributes": [
|
|
@@ -740,6 +732,13 @@
|
|
|
740
732
|
"description": "",
|
|
741
733
|
"name": "TileRadio",
|
|
742
734
|
"members": [
|
|
735
|
+
{
|
|
736
|
+
"kind": "field",
|
|
737
|
+
"name": "template",
|
|
738
|
+
"privacy": "protected",
|
|
739
|
+
"static": true,
|
|
740
|
+
"readonly": true
|
|
741
|
+
},
|
|
743
742
|
{
|
|
744
743
|
"kind": "field",
|
|
745
744
|
"name": "internals",
|
|
@@ -748,11 +747,6 @@
|
|
|
748
747
|
},
|
|
749
748
|
"privacy": "protected"
|
|
750
749
|
},
|
|
751
|
-
{
|
|
752
|
-
"kind": "method",
|
|
753
|
-
"name": "template",
|
|
754
|
-
"privacy": "protected"
|
|
755
|
-
},
|
|
756
750
|
{
|
|
757
751
|
"kind": "method",
|
|
758
752
|
"name": "handleDisabledAttributeChange",
|
|
@@ -867,10 +861,6 @@
|
|
|
867
861
|
{
|
|
868
862
|
"kind": "field",
|
|
869
863
|
"name": "value"
|
|
870
|
-
},
|
|
871
|
-
{
|
|
872
|
-
"kind": "field",
|
|
873
|
-
"name": "innerHTML"
|
|
874
864
|
}
|
|
875
865
|
],
|
|
876
866
|
"events": [
|
|
@@ -943,6 +933,13 @@
|
|
|
943
933
|
"description": "",
|
|
944
934
|
"name": "TileSwitch",
|
|
945
935
|
"members": [
|
|
936
|
+
{
|
|
937
|
+
"kind": "field",
|
|
938
|
+
"name": "template",
|
|
939
|
+
"privacy": "protected",
|
|
940
|
+
"static": true,
|
|
941
|
+
"readonly": true
|
|
942
|
+
},
|
|
946
943
|
{
|
|
947
944
|
"kind": "field",
|
|
948
945
|
"name": "internals",
|
|
@@ -951,11 +948,6 @@
|
|
|
951
948
|
},
|
|
952
949
|
"privacy": "protected"
|
|
953
950
|
},
|
|
954
|
-
{
|
|
955
|
-
"kind": "method",
|
|
956
|
-
"name": "template",
|
|
957
|
-
"privacy": "protected"
|
|
958
|
-
},
|
|
959
951
|
{
|
|
960
952
|
"kind": "method",
|
|
961
953
|
"name": "handleDisabledAttributeChange",
|
|
@@ -1066,10 +1058,6 @@
|
|
|
1066
1058
|
{
|
|
1067
1059
|
"kind": "field",
|
|
1068
1060
|
"name": "value"
|
|
1069
|
-
},
|
|
1070
|
-
{
|
|
1071
|
-
"kind": "field",
|
|
1072
|
-
"name": "innerHTML"
|
|
1073
1061
|
}
|
|
1074
1062
|
],
|
|
1075
1063
|
"events": [
|
package/dist/index.es.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { PxElement as e, VerticallyExtendedElement as t, WithExtraAttributes as n, booleanPropertyToAttributeSetter as r, checkName as i,
|
|
1
|
+
import { PxElement as e, VerticallyExtendedElement as t, WithExtraAttributes as n, booleanPropertyToAttributeSetter as r, checkName as i, createTemplate as a, log as o, propertyToAttributeSetter as s, renderTemplate as c } from "@proximus/lavender-common";
|
|
2
2
|
import "@proximus/lavender-layout";
|
|
3
|
-
import { checkboxStateValues as
|
|
4
|
-
import { stateValues as
|
|
3
|
+
import { checkboxStateValues as l } from "@proximus/lavender-checkbox";
|
|
4
|
+
import { stateValues as u } from "@proximus/lavender-radio-group";
|
|
5
5
|
//#region src/Common.ts
|
|
6
|
-
function
|
|
6
|
+
function d(e) {
|
|
7
7
|
e.hasAttribute("width") || e.setAttribute("width", "s"), e.setAttribute("border-radius", "pill");
|
|
8
8
|
}
|
|
9
|
-
function
|
|
9
|
+
function f(e, t, n, r = []) {
|
|
10
10
|
n ? (e.setAttribute("inverted", ""), r.forEach((e) => e.setAttribute("inverted", "")), t.forEach((e) => {
|
|
11
11
|
e.hasAttribute("inverted") || e.setAttribute("inverted", "");
|
|
12
12
|
})) : (e.removeAttribute("inverted"), r.forEach((e) => e.removeAttribute("inverted")), t.forEach((e) => {
|
|
13
13
|
e.hasAttribute("inverted") && e.removeAttribute("inverted");
|
|
14
14
|
}));
|
|
15
15
|
}
|
|
16
|
-
function
|
|
16
|
+
function p(e, t, n, r = [], i = {}) {
|
|
17
17
|
n ? (e.setAttribute("disabled", ""), r.forEach((e) => e.setAttribute("disabled", "")), t.forEach((e) => {
|
|
18
18
|
e.hasAttribute("disabled") || e.setAttribute("disabled", "");
|
|
19
19
|
}), i.ariaEl && i.setAria && i.ariaEl.setAttribute("aria-disabled", "true"), i.ariaEl && i.setTabIndex && (i.ariaEl.tabIndex = -1)) : (e.removeAttribute("disabled"), r.forEach((e) => e.removeAttribute("disabled")), t.forEach((e) => {
|
|
@@ -22,27 +22,27 @@ function d(e, t, n, r = [], i = {}) {
|
|
|
22
22
|
}
|
|
23
23
|
//#endregion
|
|
24
24
|
//#region src/tile.css?inline
|
|
25
|
-
var
|
|
26
|
-
|
|
27
|
-
var
|
|
25
|
+
var m = ":host{display:block}.tile,.tile *{box-sizing:border-box}.tile{height:100%;padding:var(--px-padding-s-mobile);text-align:left;font-family:var(--px-font-family);color:var(--px-color-text-neutral-default);border-radius:var(--px-radius-main);background:var(--tile-background-color-default,var(--px-color-background-container-light-default));flex-direction:column;display:flex}.tile ::slotted([slot=prefix]){font-size:var(--px-text-size-label-m-mobile);margin-bottom:var(--px-spacing-xs-mobile)}.tile ::slotted([slot=suffix]){margin-left:auto;margin-bottom:var(--px-spacing-xs-mobile)}.tile ::slotted([slot=label]){font-size:var(--px-text-size-label-m-mobile);font-weight:var(--px-font-weight-title);line-height:var(--px-line-height-ratio-l)}.tile ::slotted([slot=description]){font-size:var(--px-text-size-label-m-mobile);line-height:var(--px-line-height-ratio-l)}:host([visual=none]) .tile{flex-direction:row-reverse;align-items:flex-start}:host([visual=none]) .tile .tile__content{flex-grow:1}:host([hoverable]:hover:not([disabled])) .tile{background-color:var(--px-color-background-state-hover-bordered-default)}:host([hoverable][disabled]) .tile{color:var(--px-color-text-state-disabled-default)}:host([disabled]) .tile{background-color:var(--px-color-background-state-disabled-default)}@media screen and (width>=48rem){.tile{padding:var(--px-padding-s-tablet)}.tile ::slotted([slot=prefix]){font-size:var(--px-text-size-label-m-tablet);margin-bottom:var(--px-spacing-xs-tablet)}.tile ::slotted([slot=suffix]){margin-bottom:var(--px-spacing-xs-tablet)}.tile ::slotted([slot=label]),.tile ::slotted([slot=description]){font-size:var(--px-text-size-label-m-tablet)}}@media screen and (width>=64.0625rem){.tile{padding:var(--px-padding-s-laptop)}.tile ::slotted([slot=prefix]){font-size:var(--px-text-size-label-m-laptop);margin-bottom:var(--px-spacing-xs-laptop)}.tile ::slotted([slot=suffix]){margin-bottom:var(--px-spacing-xs-laptop)}.tile ::slotted([slot=label]),.tile ::slotted([slot=description]){font-size:var(--px-text-size-label-m-laptop)}}@media screen and (width>=90.0625rem){.tile{padding:var(--px-padding-s-desktop)}.tile ::slotted([slot=prefix]){font-size:var(--px-text-size-label-m-desktop);margin-bottom:var(--px-spacing-xs-desktop)}.tile ::slotted([slot=suffix]){margin-bottom:var(--px-spacing-xs-desktop)}.tile ::slotted([slot=label]),.tile ::slotted([slot=description]){font-size:var(--px-text-size-label-m-desktop)}}:host([inverted]) .tile{color:var(--px-color-text-neutral-inverted);background:var(--tile-background-color-inverted,var(--px-color-background-container-light-inverted))}:host([inverted]):host([hoverable]:hover:not([disabled])) .tile{background-color:var(--px-color-background-state-hover-bordered-inverted)}:host([inverted]):host([hoverable][disabled]) .tile{color:var(--px-color-text-state-disabled-inverted)}:host([inverted]):host([disabled]) .tile{background-color:var(--px-color-background-state-disabled-inverted)}", h = new CSSStyleSheet();
|
|
26
|
+
h.replaceSync(m);
|
|
27
|
+
var g = [
|
|
28
28
|
"",
|
|
29
29
|
"default",
|
|
30
30
|
"container-light",
|
|
31
31
|
"container-default"
|
|
32
|
-
],
|
|
32
|
+
], _ = class e extends t {
|
|
33
33
|
static {
|
|
34
|
-
this.
|
|
34
|
+
this.template = a("<div class=\"tile\"><px-hstack gap=\"s\" align-items=\"center\" class=\"tile__header\"><slot name=\"prefix\"></slot><slot name=\"suffix\"></slot></px-hstack><px-vstack gap=\"none\" class=\"tile__content\"><slot name=\"label\"></slot><slot name=\"description\"></slot></px-vstack></div>");
|
|
35
35
|
}
|
|
36
|
-
|
|
37
|
-
|
|
36
|
+
static {
|
|
37
|
+
this.nativeName = "div";
|
|
38
38
|
}
|
|
39
39
|
constructor() {
|
|
40
|
-
super(
|
|
40
|
+
super(h), c(this.shadowRoot, e.template);
|
|
41
41
|
}
|
|
42
42
|
connectedCallback() {
|
|
43
43
|
if (super.connectedCallback(), this.$slotPrefix) {
|
|
44
44
|
let e = this.querySelector("px-img[slot=\"prefix\"]");
|
|
45
|
-
e &&
|
|
45
|
+
e && d(e);
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
static get observedAttributes() {
|
|
@@ -65,7 +65,7 @@ var m = [
|
|
|
65
65
|
this.updateCenterContent();
|
|
66
66
|
break;
|
|
67
67
|
case "background-color":
|
|
68
|
-
this.updateBackgroundColor(t, n,
|
|
68
|
+
this.updateBackgroundColor(t, n, g);
|
|
69
69
|
break;
|
|
70
70
|
default: super.attributeChangedCallback(e, t, n);
|
|
71
71
|
}
|
|
@@ -78,7 +78,7 @@ var m = [
|
|
|
78
78
|
}
|
|
79
79
|
updateBackgroundColor(e, t, n) {
|
|
80
80
|
if (!i(n, t)) {
|
|
81
|
-
|
|
81
|
+
o(`"${t}" is not a valid background-color value for ${this.tagName.toLowerCase()}. Allowed values are: "${n.join("\", \"")}".`);
|
|
82
82
|
return;
|
|
83
83
|
}
|
|
84
84
|
let r = (e) => {
|
|
@@ -138,30 +138,30 @@ var m = [
|
|
|
138
138
|
this._updateAttribute("visual", e);
|
|
139
139
|
}
|
|
140
140
|
};
|
|
141
|
-
customElements.get("px-tile") || customElements.define("px-tile",
|
|
141
|
+
customElements.get("px-tile") || customElements.define("px-tile", _);
|
|
142
142
|
//#endregion
|
|
143
143
|
//#region src/tile-button.css?inline
|
|
144
|
-
var
|
|
145
|
-
|
|
146
|
-
var
|
|
147
|
-
|
|
148
|
-
var
|
|
144
|
+
var v = ":host(:not([disabled])):host(:active){padding:0}:host(:not([disabled])):host(:active) .tile-button{border-width:var(--px-size-border-m);border-color:var(--px-color-border-state-active-default)}.tile-button{font-size:var(--px-text-size-body-m-mobile);background:0 0;padding:0}@media screen and (width>=48rem){.tile-button{font-size:var(--px-text-size-body-m-tablet)}}@media screen and (width>=64.0625rem){.tile-button{font-size:var(--px-text-size-body-m-laptop)}}@media screen and (width>=90.0625rem){.tile-button{font-size:var(--px-text-size-body-m-desktop)}}:host([inverted]):host(:not([disabled])):host(:active) .tile-button{border-color:var(--px-color-border-state-active-inverted)}", y = ":host{padding:calc(var(--px-size-border-m) - var(--px-size-border-s));outline:none;display:block}:is(:host .tile-link,:host .tile-button,:host .tile-checkbox,:host .tile-radio,:host .tile-switch),:is(:host .tile-link,:host .tile-button,:host .tile-checkbox,:host .tile-radio,:host .tile-switch) *{box-sizing:border-box}:host .tile-link,:host .tile-button,:host .tile-checkbox,:host .tile-radio,:host .tile-switch{border-radius:var(--px-radius-main);height:100%}:is(:host .tile-link,:host .tile-button,:host .tile-checkbox,:host .tile-radio,:host .tile-switch) px-tile{height:100%}:host .tile-link,:host .tile-button,:host .tile-checkbox,:host .tile-radio,:host .tile-switch{cursor:pointer;border:var(--px-size-border-s) solid transparent;outline-color:var(--px-color-border-focus-outline-default);outline-width:var(--px-focus-outline-mobile);border:var(--px-size-border-s) solid var(--px-color-border-main-default);width:100%;display:block}:host:host(:not([disabled])):host(:hover) .tile-link,:host:host(:not([disabled])):host(:hover) .tile-button,:host:host(:not([disabled])):host(:hover) .tile-checkbox,:host:host(:not([disabled])):host(:hover) .tile-radio,:host:host(:not([disabled])):host(:hover) .tile-switch{border-color:var(--px-color-border-state-hover-default)}:host:host(:not([disabled])):host(:focus-visible) .tile-checkbox,:host:host(:not([disabled])):host(:focus-visible) .tile-radio,:host:host(:not([disabled])):host(:focus-visible) .tile-switch{outline-offset:var(--px-focus-offset-mobile);outline-style:solid}:is(:host:host(:not([disabled])) .tile-link,:host:host(:not([disabled])) .tile-button):focus-visible{outline-offset:var(--px-focus-offset-mobile);outline-style:solid}:host:host([checked]){padding:0}:host:host([checked]) .tile-checkbox,:host:host([checked]) .tile-radio,:host:host([checked]) .tile-switch{border-width:var(--px-size-border-m);border-color:var(--px-color-border-state-active-default)}:host:host([disabled]) .tile-link,:host:host([disabled]) .tile-button,:host:host([disabled]) .tile-checkbox,:host:host([disabled]) .tile-radio,:host:host([disabled]) .tile-switch{cursor:default;pointer-events:none}:host:host([disabled]) .tile-checkbox,:host:host([disabled]) .tile-radio,:host:host([disabled]) .tile-switch{border-color:#0000}:host:host([state=error]) .tile-checkbox,:host:host([state=error]) .tile-radio,:host:host([state=error]) .tile-switch{border-color:var(--px-color-border-purpose-error-default)}:host:host([state=error]):hover:not([disabled]) .tile-checkbox,:host:host([state=error]):hover:not([disabled]) .tile-radio,:host:host([state=error]):hover:not([disabled]) .tile-switch{border-color:var(--px-color-border-state-hover-default)}@media screen and (width>=48rem){:scope:host .tile-link,:scope:host .tile-button,:scope:host .tile-checkbox,:scope:host .tile-radio,:scope:host .tile-switch{outline-width:var(--px-focus-outline-desktop)}:scope:host:host(:not([disabled])):host(:focus-visible) .tile-checkbox,:scope:host:host(:not([disabled])):host(:focus-visible) .tile-radio,:scope:host:host(:not([disabled])):host(:focus-visible) .tile-switch{outline-offset:var(--px-focus-offset-desktop);outline-width:var(--px-focus-outline-desktop)}:is(:scope:host:host(:not([disabled])) .tile-link,:scope:host:host(:not([disabled])) .tile-button):focus-visible{outline-offset:var(--px-focus-offset-desktop);outline-width:var(--px-focus-outline-desktop)}}@media screen and (width>=64.0625rem){:scope:host .tile-link,:scope:host .tile-button,:scope:host .tile-checkbox,:scope:host .tile-radio,:scope:host .tile-switch{outline-width:var(--px-focus-outline-laptop)}:scope:host:host(:not([disabled])):host(:focus-visible) .tile-checkbox,:scope:host:host(:not([disabled])):host(:focus-visible) .tile-radio,:scope:host:host(:not([disabled])):host(:focus-visible) .tile-switch{outline-offset:var(--px-focus-offset-desktop);outline-width:var(--px-focus-outline-desktop)}:is(:scope:host:host(:not([disabled])) .tile-link,:scope:host:host(:not([disabled])) .tile-button):focus-visible{outline-offset:var(--px-focus-offset-desktop);outline-width:var(--px-focus-outline-desktop)}}@media screen and (width>=90.0625rem){:scope:host .tile-link,:scope:host .tile-button,:scope:host .tile-checkbox,:scope:host .tile-radio,:scope:host .tile-switch{outline-width:var(--px-focus-outline-desktop)}:scope:host:host(:not([disabled])):host(:focus-visible) .tile-checkbox,:scope:host:host(:not([disabled])):host(:focus-visible) .tile-radio,:scope:host:host(:not([disabled])):host(:focus-visible) .tile-switch{outline-offset:var(--px-focus-offset-desktop);outline-width:var(--px-focus-outline-desktop)}:is(:scope:host:host(:not([disabled])) .tile-link,:scope:host:host(:not([disabled])) .tile-button):focus-visible{outline-offset:var(--px-focus-offset-desktop);outline-width:var(--px-focus-outline-desktop)}}:host([inverted]) .tile-link,:host([inverted]) .tile-button,:host([inverted]) .tile-checkbox,:host([inverted]) .tile-radio,:host([inverted]) .tile-switch{outline-color:var(--px-color-border-focus-outline-inverted);border-color:var(--px-color-border-main-inverted)}:host([inverted]):host(:not([disabled])):host(:hover) .tile-link,:host([inverted]):host(:not([disabled])):host(:hover) .tile-button,:host([inverted]):host(:not([disabled])):host(:hover) .tile-checkbox,:host([inverted]):host(:not([disabled])):host(:hover) .tile-radio,:host([inverted]):host(:not([disabled])):host(:hover) .tile-switch{border-color:var(--px-color-border-state-hover-inverted)}:host([inverted]):host(:not([disabled])):host(:active) .tile-link,:host([inverted]):host(:not([disabled])):host(:active) .tile-button{border-color:var(--px-color-border-state-active-inverted)}:host([inverted]):host([checked]) .tile-checkbox,:host([inverted]):host([checked]) .tile-radio,:host([inverted]):host([checked]) .tile-switch{border-color:var(--px-color-border-state-active-inverted)}:host([inverted]):host([state=error]) .tile-checkbox,:host([inverted]):host([state=error]) .tile-radio,:host([inverted]):host([state=error]) .tile-switch{border-color:var(--px-color-border-purpose-error-inverted)}:host([inverted]):host([state=error]):host(:hover:not([disabled])) .tile-checkbox,:host([inverted]):host([state=error]):host(:hover:not([disabled])) .tile-radio,:host([inverted]):host([state=error]):host(:hover:not([disabled])) .tile-switch{border-color:var(--px-color-border-state-hover-inverted)}", b = new CSSStyleSheet();
|
|
145
|
+
b.replaceSync(v);
|
|
146
|
+
var x = new CSSStyleSheet();
|
|
147
|
+
x.replaceSync(y);
|
|
148
|
+
var S = class t extends e {
|
|
149
|
+
static {
|
|
150
|
+
this.template = a("<button class=\"tile-button\"><px-tile hoverable><slot name=\"prefix\" slot=\"prefix\"></slot><slot name=\"suffix\" slot=\"suffix\"></slot><slot name=\"label\" slot=\"label\"></slot><slot name=\"description\" slot=\"description\"></slot></px-tile></button>");
|
|
151
|
+
}
|
|
149
152
|
static {
|
|
150
153
|
this.nativeName = "button";
|
|
151
154
|
}
|
|
152
155
|
static {
|
|
153
156
|
this.accessorExclusions = ["disabled"];
|
|
154
157
|
}
|
|
155
|
-
template() {
|
|
156
|
-
return "\n <button class=\"tile-button\">\n <px-tile hoverable>\n <slot name=\"prefix\" slot=\"prefix\"></slot>\n <slot name=\"suffix\" slot=\"suffix\"></slot>\n <slot name=\"label\" slot=\"label\"></slot>\n <slot name=\"description\" slot=\"description\"></slot>\n </px-tile>\n </button>\n ";
|
|
157
|
-
}
|
|
158
158
|
constructor() {
|
|
159
|
-
super(
|
|
159
|
+
super(x, b), c(this.shadowRoot, t.template);
|
|
160
160
|
}
|
|
161
161
|
connectedCallback() {
|
|
162
162
|
if (this.$slotPrefix) {
|
|
163
163
|
let e = this.querySelector("px-img[slot=\"prefix\"]");
|
|
164
|
-
e &&
|
|
164
|
+
e && d(e);
|
|
165
165
|
}
|
|
166
166
|
this.backgroundColor ||= "container-default";
|
|
167
167
|
}
|
|
@@ -187,10 +187,10 @@ var b = class extends e {
|
|
|
187
187
|
this.$tile.setAttribute(e, this.getAttribute(e) || "");
|
|
188
188
|
break;
|
|
189
189
|
case "inverted":
|
|
190
|
-
|
|
190
|
+
f(this.$tile, this.$children, this.inverted);
|
|
191
191
|
break;
|
|
192
192
|
case "disabled":
|
|
193
|
-
|
|
193
|
+
p(this.$tile, this.$children, this.disabled, [], {
|
|
194
194
|
ariaEl: this.$el,
|
|
195
195
|
setAria: !0,
|
|
196
196
|
setTabIndex: !0
|
|
@@ -245,22 +245,22 @@ var b = class extends e {
|
|
|
245
245
|
this._updateAttribute("visual", e);
|
|
246
246
|
}
|
|
247
247
|
};
|
|
248
|
-
customElements.get("px-tile-button") || customElements.define("px-tile-button",
|
|
248
|
+
customElements.get("px-tile-button") || customElements.define("px-tile-button", S);
|
|
249
249
|
//#endregion
|
|
250
250
|
//#region src/TileCheckbox.ts
|
|
251
|
-
var
|
|
252
|
-
|
|
253
|
-
var
|
|
254
|
-
|
|
255
|
-
|
|
251
|
+
var C = new CSSStyleSheet();
|
|
252
|
+
C.replaceSync(y);
|
|
253
|
+
var w = class e extends n {
|
|
254
|
+
static {
|
|
255
|
+
this.template = a("<div class=\"tile-checkbox\"><px-tile hoverable><slot name=\"prefix\" slot=\"prefix\"></slot><px-checkbox slot=\"suffix\" inert></px-checkbox><slot name=\"label\" slot=\"label\"></slot><slot name=\"description\" slot=\"description\"></slot></px-tile></div>");
|
|
256
256
|
}
|
|
257
257
|
constructor() {
|
|
258
|
-
super(
|
|
258
|
+
super(C), c(this.shadowRoot, e.template), this.internals = this.attachInternals?.();
|
|
259
259
|
}
|
|
260
260
|
connectedCallback() {
|
|
261
261
|
if (this.tabIndex = 0, this.role = "checkbox", this.internals && (this.internals.role = "checkbox", this.internals.ariaChecked = `${this.checked}`), this.ariaChecked = `${this.checked}`, this.$slotPrefix) {
|
|
262
262
|
let e = this.querySelector("px-img[slot=\"prefix\"]");
|
|
263
|
-
e &&
|
|
263
|
+
e && d(e);
|
|
264
264
|
}
|
|
265
265
|
this.addEventListener("mouseover", () => {
|
|
266
266
|
this.$checkbox.setAttribute("hover", "");
|
|
@@ -291,7 +291,7 @@ var S = class extends n {
|
|
|
291
291
|
this.$tile.setAttribute(e, this.getAttribute(e) || "");
|
|
292
292
|
break;
|
|
293
293
|
case "inverted":
|
|
294
|
-
|
|
294
|
+
f(this, this.$children, this.inverted, [this.$tile, this.$checkbox]);
|
|
295
295
|
break;
|
|
296
296
|
case "name":
|
|
297
297
|
case "value":
|
|
@@ -299,9 +299,9 @@ var S = class extends n {
|
|
|
299
299
|
break;
|
|
300
300
|
case "state":
|
|
301
301
|
if (this.$checkbox) {
|
|
302
|
-
if (this.checkName(
|
|
302
|
+
if (this.checkName(l, n)) this.$checkbox.setAttribute("state", n);
|
|
303
303
|
else {
|
|
304
|
-
|
|
304
|
+
o(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${l.join("\", \"")}".`);
|
|
305
305
|
return;
|
|
306
306
|
}
|
|
307
307
|
}
|
|
@@ -357,13 +357,13 @@ var S = class extends n {
|
|
|
357
357
|
return this.getAttribute("background-color");
|
|
358
358
|
}
|
|
359
359
|
set backgroundColor(e) {
|
|
360
|
-
|
|
360
|
+
s(this, "background-color", e);
|
|
361
361
|
}
|
|
362
362
|
get visual() {
|
|
363
363
|
return this.getAttribute("visual");
|
|
364
364
|
}
|
|
365
365
|
set visual(e) {
|
|
366
|
-
|
|
366
|
+
s(this, "visual", e);
|
|
367
367
|
}
|
|
368
368
|
get inverted() {
|
|
369
369
|
return this.hasAttribute("inverted");
|
|
@@ -381,13 +381,13 @@ var S = class extends n {
|
|
|
381
381
|
return this.getAttribute("name");
|
|
382
382
|
}
|
|
383
383
|
set name(e) {
|
|
384
|
-
|
|
384
|
+
s(this, "name", e);
|
|
385
385
|
}
|
|
386
386
|
get state() {
|
|
387
387
|
return this.getAttribute("state");
|
|
388
388
|
}
|
|
389
389
|
set state(e) {
|
|
390
|
-
|
|
390
|
+
s(this, "state", e);
|
|
391
391
|
}
|
|
392
392
|
get disabled() {
|
|
393
393
|
return this.hasAttribute("disabled");
|
|
@@ -399,25 +399,25 @@ var S = class extends n {
|
|
|
399
399
|
return this.getAttribute("value");
|
|
400
400
|
}
|
|
401
401
|
set value(e) {
|
|
402
|
-
|
|
402
|
+
s(this, "value", e);
|
|
403
403
|
}
|
|
404
404
|
};
|
|
405
|
-
customElements.get("px-tile-checkbox") || customElements.define("px-tile-checkbox",
|
|
405
|
+
customElements.get("px-tile-checkbox") || customElements.define("px-tile-checkbox", w);
|
|
406
406
|
//#endregion
|
|
407
407
|
//#region src/TileRadio.ts
|
|
408
|
-
var
|
|
409
|
-
|
|
410
|
-
var
|
|
411
|
-
|
|
412
|
-
|
|
408
|
+
var T = new CSSStyleSheet();
|
|
409
|
+
T.replaceSync(y);
|
|
410
|
+
var E = class e extends n {
|
|
411
|
+
static {
|
|
412
|
+
this.template = a("<div class=\"tile-radio\"><px-tile hoverable><slot name=\"prefix\" slot=\"prefix\"></slot><px-radio slot=\"suffix\" inert></px-radio><slot name=\"label\" slot=\"label\"></slot><slot name=\"description\" slot=\"description\"></slot></px-tile></div>");
|
|
413
413
|
}
|
|
414
414
|
constructor() {
|
|
415
|
-
super(
|
|
415
|
+
super(T), c(this.shadowRoot, e.template), this.internals = this.attachInternals?.();
|
|
416
416
|
}
|
|
417
417
|
connectedCallback() {
|
|
418
418
|
if (this.role = "radio", this.internals && (this.internals.role = "radio", this.internals.ariaChecked = `${this.checked}`), this.ariaChecked = `${this.checked}`, this.tabIndex = this.parentElement?.querySelector("px-tile-radio") === this ? 0 : -1, this.$slotPrefix) {
|
|
419
419
|
let e = this.querySelector("px-img[slot=\"prefix\"]");
|
|
420
|
-
e &&
|
|
420
|
+
e && d(e);
|
|
421
421
|
}
|
|
422
422
|
this.addEventListener("mouseover", () => {
|
|
423
423
|
this.$radio.setAttribute("hover", "");
|
|
@@ -448,7 +448,7 @@ var w = class extends n {
|
|
|
448
448
|
this.$tile.setAttribute(e, this.getAttribute(e) || "");
|
|
449
449
|
break;
|
|
450
450
|
case "inverted":
|
|
451
|
-
|
|
451
|
+
f(this, this.$children, this.inverted, [this.$tile, this.$radio]);
|
|
452
452
|
break;
|
|
453
453
|
case "name":
|
|
454
454
|
case "value":
|
|
@@ -456,9 +456,9 @@ var w = class extends n {
|
|
|
456
456
|
break;
|
|
457
457
|
case "state":
|
|
458
458
|
if (this.$radio) {
|
|
459
|
-
if (this.checkName(
|
|
459
|
+
if (this.checkName(u, n)) this.$radio.setAttribute("state", n);
|
|
460
460
|
else {
|
|
461
|
-
|
|
461
|
+
o(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${u.join("\", \"")}".`);
|
|
462
462
|
return;
|
|
463
463
|
}
|
|
464
464
|
}
|
|
@@ -514,13 +514,13 @@ var w = class extends n {
|
|
|
514
514
|
return this.getAttribute("background-color");
|
|
515
515
|
}
|
|
516
516
|
set backgroundColor(e) {
|
|
517
|
-
|
|
517
|
+
s(this, "background-color", e);
|
|
518
518
|
}
|
|
519
519
|
get visual() {
|
|
520
520
|
return this.getAttribute("visual");
|
|
521
521
|
}
|
|
522
522
|
set visual(e) {
|
|
523
|
-
|
|
523
|
+
s(this, "visual", e);
|
|
524
524
|
}
|
|
525
525
|
get inverted() {
|
|
526
526
|
return this.hasAttribute("inverted");
|
|
@@ -538,13 +538,13 @@ var w = class extends n {
|
|
|
538
538
|
return this.getAttribute("name");
|
|
539
539
|
}
|
|
540
540
|
set name(e) {
|
|
541
|
-
|
|
541
|
+
s(this, "name", e);
|
|
542
542
|
}
|
|
543
543
|
get state() {
|
|
544
544
|
return this.getAttribute("state") ?? "";
|
|
545
545
|
}
|
|
546
546
|
set state(e) {
|
|
547
|
-
|
|
547
|
+
s(this, "state", e);
|
|
548
548
|
}
|
|
549
549
|
get disabled() {
|
|
550
550
|
return this.hasAttribute("disabled");
|
|
@@ -556,30 +556,30 @@ var w = class extends n {
|
|
|
556
556
|
return this.getAttribute("value");
|
|
557
557
|
}
|
|
558
558
|
set value(e) {
|
|
559
|
-
|
|
559
|
+
s(this, "value", e);
|
|
560
560
|
}
|
|
561
561
|
};
|
|
562
|
-
customElements.get("px-tile-radio") || customElements.define("px-tile-radio",
|
|
562
|
+
customElements.get("px-tile-radio") || customElements.define("px-tile-radio", E);
|
|
563
563
|
//#endregion
|
|
564
564
|
//#region src/tile-link.css?inline
|
|
565
|
-
var
|
|
566
|
-
|
|
567
|
-
var
|
|
568
|
-
|
|
569
|
-
var
|
|
565
|
+
var D = ":host(:not([disabled])):host(:active){padding:0}:host(:not([disabled])):host(:active) .tile-link{border-width:var(--px-size-border-m);border-color:var(--px-color-border-state-active-default)}.tile-link{text-decoration:none}.tile-link px-icon{color:var(--px-color-icon-brand-default)}.tile-link[aria-disabled=true] px-icon{color:var(--px-color-icon-state-disabled-default)}:host([inverted]):host(:not([disabled])):host(:active) .tile-link{border-color:var(--px-color-border-state-active-inverted)}:host([inverted]) .tile-link px-icon{color:var(--px-color-icon-brand-inverted)}:host([inverted]) .tile-link[aria-disabled=true] px-icon{color:var(--px-color-icon-state-disabled-inverted)}", O = new CSSStyleSheet();
|
|
566
|
+
O.replaceSync(D);
|
|
567
|
+
var k = new CSSStyleSheet();
|
|
568
|
+
k.replaceSync(y);
|
|
569
|
+
var A = class t extends e {
|
|
570
570
|
static {
|
|
571
|
-
this.
|
|
571
|
+
this.template = a("<a class=\"tile-link\"><px-tile hoverable><slot name=\"prefix\" slot=\"prefix\"></slot><px-icon\n name=\"chevron_right\"\n slot=\"suffix\"\n from=\"lavender\"\n size=\"s\"\n color=\"inherit\"\n ></px-icon><slot name=\"label\" slot=\"label\"></slot><slot name=\"description\" slot=\"description\"></slot></px-tile></a>");
|
|
572
572
|
}
|
|
573
|
-
|
|
574
|
-
|
|
573
|
+
static {
|
|
574
|
+
this.nativeName = "a";
|
|
575
575
|
}
|
|
576
576
|
constructor() {
|
|
577
|
-
super(
|
|
577
|
+
super(k, O), c(this.shadowRoot, t.template);
|
|
578
578
|
}
|
|
579
579
|
connectedCallback() {
|
|
580
580
|
if (this.$slotPrefix) {
|
|
581
581
|
let e = this.querySelector("px-img[slot=\"prefix\"]");
|
|
582
|
-
e &&
|
|
582
|
+
e && d(e);
|
|
583
583
|
}
|
|
584
584
|
this.backgroundColor ||= "container-default", this.hasAttribute("target") && this.getAttribute("target") === "_blank" && (this.$pxIcon.setAttribute("name", "target_blank"), this.$pxIcon.setAttribute("aria-label", this.targetBlankAriaLabel ? this.targetBlankAriaLabel : "Opens in a new tab"));
|
|
585
585
|
}
|
|
@@ -600,10 +600,10 @@ var O = class extends e {
|
|
|
600
600
|
this.$tile.setAttribute(e, this.getAttribute(e) || "");
|
|
601
601
|
break;
|
|
602
602
|
case "inverted":
|
|
603
|
-
|
|
603
|
+
f(this.$tile, this.$children, this.inverted, [this.$pxIcon]);
|
|
604
604
|
break;
|
|
605
605
|
case "disabled":
|
|
606
|
-
|
|
606
|
+
p(this.$tile, this.$children, this.disabled, [], {
|
|
607
607
|
ariaEl: this.$el,
|
|
608
608
|
setAria: !0,
|
|
609
609
|
setTabIndex: !0
|
|
@@ -658,22 +658,22 @@ var O = class extends e {
|
|
|
658
658
|
this._updateAttribute("target-blank-aria-label", e);
|
|
659
659
|
}
|
|
660
660
|
};
|
|
661
|
-
customElements.get("px-tile-link") || customElements.define("px-tile-link",
|
|
661
|
+
customElements.get("px-tile-link") || customElements.define("px-tile-link", A);
|
|
662
662
|
//#endregion
|
|
663
663
|
//#region src/TileSwitch.ts
|
|
664
|
-
var
|
|
665
|
-
|
|
666
|
-
var
|
|
667
|
-
|
|
668
|
-
|
|
664
|
+
var j = new CSSStyleSheet();
|
|
665
|
+
j.replaceSync(y);
|
|
666
|
+
var M = class e extends n {
|
|
667
|
+
static {
|
|
668
|
+
this.template = a("<div class=\"tile-switch\"><px-tile hoverable><slot name=\"prefix\" slot=\"prefix\"></slot><px-switch slot=\"suffix\" inert></px-switch><slot name=\"label\" slot=\"label\"></slot><slot name=\"description\" slot=\"description\"></slot></px-tile></div>");
|
|
669
669
|
}
|
|
670
670
|
constructor() {
|
|
671
|
-
super(
|
|
671
|
+
super(j), c(this.shadowRoot, e.template), this.internals = this.attachInternals?.();
|
|
672
672
|
}
|
|
673
673
|
connectedCallback() {
|
|
674
674
|
if (this.tabIndex = 0, this.role = "checkbox", this.internals && (this.internals.role = "checkbox", this.internals.ariaChecked = `${this.checked}`), this.ariaChecked = `${this.checked}`, this.$slotPrefix) {
|
|
675
675
|
let e = this.querySelector("px-img[slot=\"prefix\"]");
|
|
676
|
-
e &&
|
|
676
|
+
e && d(e);
|
|
677
677
|
}
|
|
678
678
|
this.addEventListener("mouseover", () => {
|
|
679
679
|
this.$switch.setAttribute("hover", "");
|
|
@@ -703,7 +703,7 @@ var A = class extends n {
|
|
|
703
703
|
this.$tile.setAttribute(e, this.getAttribute(e) || "");
|
|
704
704
|
break;
|
|
705
705
|
case "inverted":
|
|
706
|
-
|
|
706
|
+
f(this, this.$children, this.inverted, [this.$tile, this.$switch]);
|
|
707
707
|
break;
|
|
708
708
|
case "name":
|
|
709
709
|
case "value":
|
|
@@ -760,13 +760,13 @@ var A = class extends n {
|
|
|
760
760
|
return this.getAttribute("background-color");
|
|
761
761
|
}
|
|
762
762
|
set backgroundColor(e) {
|
|
763
|
-
|
|
763
|
+
s(this, "background-color", e);
|
|
764
764
|
}
|
|
765
765
|
get visual() {
|
|
766
766
|
return this.getAttribute("visual");
|
|
767
767
|
}
|
|
768
768
|
set visual(e) {
|
|
769
|
-
|
|
769
|
+
s(this, "visual", e);
|
|
770
770
|
}
|
|
771
771
|
get inverted() {
|
|
772
772
|
return this.hasAttribute("inverted");
|
|
@@ -784,7 +784,7 @@ var A = class extends n {
|
|
|
784
784
|
return this.getAttribute("name");
|
|
785
785
|
}
|
|
786
786
|
set name(e) {
|
|
787
|
-
|
|
787
|
+
s(this, "name", e);
|
|
788
788
|
}
|
|
789
789
|
get disabled() {
|
|
790
790
|
return this.hasAttribute("disabled");
|
|
@@ -796,9 +796,9 @@ var A = class extends n {
|
|
|
796
796
|
return this.getAttribute("value");
|
|
797
797
|
}
|
|
798
798
|
set value(e) {
|
|
799
|
-
|
|
799
|
+
s(this, "value", e);
|
|
800
800
|
}
|
|
801
801
|
};
|
|
802
|
-
customElements.get("px-tile-switch") || customElements.define("px-tile-switch",
|
|
802
|
+
customElements.get("px-tile-switch") || customElements.define("px-tile-switch", M);
|
|
803
803
|
//#endregion
|
|
804
|
-
export {
|
|
804
|
+
export { _ as Tile, S as TileButton, w as TileCheckbox, A as TileLink, E as TileRadio, M as TileSwitch, g as tileBackgroundColorValues };
|
package/dist/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"name": "@proximus/lavender-tile",
|
|
4
|
-
"version": "2.0.0-alpha.
|
|
4
|
+
"version": "2.0.0-alpha.205",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -31,8 +31,7 @@
|
|
|
31
31
|
{ "name": "backgroundColor" },
|
|
32
32
|
{ "name": "inverted" },
|
|
33
33
|
{ "name": "disabled" },
|
|
34
|
-
{ "name": "visual" }
|
|
35
|
-
{ "name": "innerHTML" }
|
|
34
|
+
{ "name": "visual" }
|
|
36
35
|
],
|
|
37
36
|
"events": []
|
|
38
37
|
}
|
|
@@ -60,8 +59,7 @@
|
|
|
60
59
|
{ "name": "backgroundColor" },
|
|
61
60
|
{ "name": "inverted" },
|
|
62
61
|
{ "name": "disabled" },
|
|
63
|
-
{ "name": "visual" }
|
|
64
|
-
{ "name": "innerHTML" }
|
|
62
|
+
{ "name": "visual" }
|
|
65
63
|
],
|
|
66
64
|
"events": []
|
|
67
65
|
}
|
|
@@ -95,8 +93,7 @@
|
|
|
95
93
|
{ "name": "name" },
|
|
96
94
|
{ "name": "state" },
|
|
97
95
|
{ "name": "disabled" },
|
|
98
|
-
{ "name": "value" }
|
|
99
|
-
{ "name": "innerHTML" }
|
|
96
|
+
{ "name": "value" }
|
|
100
97
|
],
|
|
101
98
|
"events": [{ "name": "change", "type": "Event" }]
|
|
102
99
|
}
|
|
@@ -123,8 +120,7 @@
|
|
|
123
120
|
{ "name": "visual" },
|
|
124
121
|
{ "name": "inverted" },
|
|
125
122
|
{ "name": "disabled" },
|
|
126
|
-
{ "name": "targetBlankAriaLabel" }
|
|
127
|
-
{ "name": "innerHTML" }
|
|
123
|
+
{ "name": "targetBlankAriaLabel" }
|
|
128
124
|
],
|
|
129
125
|
"events": []
|
|
130
126
|
}
|
|
@@ -158,8 +154,7 @@
|
|
|
158
154
|
{ "name": "name" },
|
|
159
155
|
{ "name": "state" },
|
|
160
156
|
{ "name": "disabled" },
|
|
161
|
-
{ "name": "value" }
|
|
162
|
-
{ "name": "innerHTML" }
|
|
157
|
+
{ "name": "value" }
|
|
163
158
|
],
|
|
164
159
|
"events": [{ "name": "change", "type": "Event" }]
|
|
165
160
|
}
|
|
@@ -191,8 +186,7 @@
|
|
|
191
186
|
{ "name": "checked", "type": "boolean" },
|
|
192
187
|
{ "name": "name" },
|
|
193
188
|
{ "name": "disabled" },
|
|
194
|
-
{ "name": "value" }
|
|
195
|
-
{ "name": "innerHTML" }
|
|
189
|
+
{ "name": "value" }
|
|
196
190
|
],
|
|
197
191
|
"events": [{ "name": "change", "type": "Event" }]
|
|
198
192
|
}
|