nve-designsystem 0.1.82 → 0.1.83
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.
|
@@ -16,8 +16,6 @@ export default class NveDarkmodeSwitch extends LitElement implements INveCompone
|
|
|
16
16
|
darkmodeclass: string;
|
|
17
17
|
localStorageVariable: string;
|
|
18
18
|
private toggleDarkmode;
|
|
19
|
-
private checkFocus;
|
|
20
|
-
private checkInput;
|
|
21
19
|
connectedCallback(): void;
|
|
22
20
|
render(): TemplateResult;
|
|
23
21
|
}
|
|
@@ -1,22 +1,16 @@
|
|
|
1
|
-
import { s as
|
|
1
|
+
import { s as m, x as n } from "../../chunks/lit-element.js";
|
|
2
2
|
import { n as i, t as h } from "../../chunks/property.js";
|
|
3
|
-
var
|
|
4
|
-
for (var o =
|
|
5
|
-
(
|
|
6
|
-
return
|
|
3
|
+
var k = Object.defineProperty, u = Object.getOwnPropertyDescriptor, s = (t, e, d, a) => {
|
|
4
|
+
for (var o = a > 1 ? void 0 : a ? u(e, d) : e, l = t.length - 1, c; l >= 0; l--)
|
|
5
|
+
(c = t[l]) && (o = (a ? c(e, d, o) : c(o)) || o);
|
|
6
|
+
return a && o && k(e, d, o), o;
|
|
7
7
|
};
|
|
8
|
-
let r = class extends
|
|
8
|
+
let r = class extends m {
|
|
9
9
|
constructor() {
|
|
10
10
|
super(), this.testId = "", this.darkmode = !1, this.darkmodeclass = "darkmode", this.localStorageVariable = "preferdarkmode";
|
|
11
11
|
}
|
|
12
12
|
toggleDarkmode(t) {
|
|
13
|
-
|
|
14
|
-
}
|
|
15
|
-
checkFocus() {
|
|
16
|
-
console.dir(2);
|
|
17
|
-
}
|
|
18
|
-
checkInput() {
|
|
19
|
-
console.dir(3);
|
|
13
|
+
this.darkmode = !!t.target.checked, localStorage.setItem(this.localStorageVariable, this.darkmode.toString()), this.darkmode ? document.documentElement.classList.add(this.darkmodeclass) : document.documentElement.classList.remove(this.darkmodeclass);
|
|
20
14
|
}
|
|
21
15
|
connectedCallback() {
|
|
22
16
|
super.connectedCallback();
|
|
@@ -25,27 +19,22 @@ let r = class extends n {
|
|
|
25
19
|
t === null ? window.matchMedia("(prefers-color-scheme: dark)").matches && (e = !0) : e = t === "true", e ? (this.darkmode = !0, document.documentElement.classList.add(this.darkmodeclass)) : (this.darkmode = !1, document.documentElement.classList.remove(this.darkmodeclass));
|
|
26
20
|
}
|
|
27
21
|
render() {
|
|
28
|
-
return
|
|
29
|
-
@change=${this.toggleDarkmode}
|
|
30
|
-
@focus=${this.checkFocus}
|
|
31
|
-
@input=${this.checkInput}
|
|
32
|
-
?checked=${this.darkmode}
|
|
33
|
-
>
|
|
22
|
+
return n`<nve-switch @change=${this.toggleDarkmode} ?checked=${this.darkmode}>
|
|
34
23
|
<nve-icon slot="onicon" name="dark_mode"></nve-icon>
|
|
35
24
|
<nve-icon slot="officon" name="light_mode"></nve-icon>
|
|
36
25
|
</nve-switch>`;
|
|
37
26
|
}
|
|
38
27
|
};
|
|
39
|
-
|
|
28
|
+
s([
|
|
40
29
|
i({ reflect: !0, type: String })
|
|
41
30
|
], r.prototype, "testId", 2);
|
|
42
|
-
|
|
31
|
+
s([
|
|
43
32
|
i({ attribute: !1, type: Boolean })
|
|
44
33
|
], r.prototype, "darkmode", 2);
|
|
45
|
-
|
|
34
|
+
s([
|
|
46
35
|
i({ attribute: !0, type: String })
|
|
47
36
|
], r.prototype, "darkmodeclass", 2);
|
|
48
|
-
r =
|
|
37
|
+
r = s([
|
|
49
38
|
h("nve-darkmode-switch")
|
|
50
39
|
], r);
|
|
51
40
|
export {
|
package/custom-elements.json
CHANGED
|
@@ -2,77 +2,6 @@
|
|
|
2
2
|
"schemaVersion": "1.0.0",
|
|
3
3
|
"readme": "",
|
|
4
4
|
"modules": [
|
|
5
|
-
{
|
|
6
|
-
"kind": "javascript-module",
|
|
7
|
-
"path": "components/nve-badge/nve-badge.js",
|
|
8
|
-
"declarations": [
|
|
9
|
-
{
|
|
10
|
-
"kind": "class",
|
|
11
|
-
"description": "En liten etikett som vanligvis vises inne i eller i nærheten av en annen større grensesnittkomponent, som representerer en status, egenskap eller andre metadata.",
|
|
12
|
-
"name": "NveBadge",
|
|
13
|
-
"members": [
|
|
14
|
-
{
|
|
15
|
-
"kind": "field",
|
|
16
|
-
"name": "styles",
|
|
17
|
-
"type": {
|
|
18
|
-
"text": "array"
|
|
19
|
-
},
|
|
20
|
-
"static": true,
|
|
21
|
-
"default": "[styles]"
|
|
22
|
-
},
|
|
23
|
-
{
|
|
24
|
-
"kind": "field",
|
|
25
|
-
"name": "variant",
|
|
26
|
-
"type": {
|
|
27
|
-
"text": "string"
|
|
28
|
-
},
|
|
29
|
-
"default": "'primary'",
|
|
30
|
-
"description": "= primary, success, neutral, warning, danger, brand"
|
|
31
|
-
},
|
|
32
|
-
{
|
|
33
|
-
"kind": "field",
|
|
34
|
-
"name": "size",
|
|
35
|
-
"type": {
|
|
36
|
-
"text": "string"
|
|
37
|
-
},
|
|
38
|
-
"default": "'medium'",
|
|
39
|
-
"description": "= small, medium eller large"
|
|
40
|
-
},
|
|
41
|
-
{
|
|
42
|
-
"kind": "field",
|
|
43
|
-
"name": "low",
|
|
44
|
-
"type": {
|
|
45
|
-
"text": "boolean"
|
|
46
|
-
},
|
|
47
|
-
"default": "false",
|
|
48
|
-
"description": "= gir lysere bakgrunnsfarge"
|
|
49
|
-
},
|
|
50
|
-
{
|
|
51
|
-
"kind": "method",
|
|
52
|
-
"name": "render"
|
|
53
|
-
}
|
|
54
|
-
],
|
|
55
|
-
"superclass": {
|
|
56
|
-
"name": "LitElement",
|
|
57
|
-
"package": "lit"
|
|
58
|
-
},
|
|
59
|
-
"tagNameWithoutPrefix": "badge",
|
|
60
|
-
"tagName": "nve-badge",
|
|
61
|
-
"customElement": true,
|
|
62
|
-
"jsDoc": "/**\n * En liten etikett som vanligvis vises inne i eller i nærheten av en annen større grensesnittkomponent, som representerer en status, egenskap eller andre metadata.\n * @property {string} size = small, medium eller large\n * @property {string} variant = primary, success, neutral, warning, danger, brand\n * @property {boolean} low = gir lysere bakgrunnsfarge\n */"
|
|
63
|
-
}
|
|
64
|
-
],
|
|
65
|
-
"exports": [
|
|
66
|
-
{
|
|
67
|
-
"kind": "js",
|
|
68
|
-
"name": "default",
|
|
69
|
-
"declaration": {
|
|
70
|
-
"name": "NveBadge",
|
|
71
|
-
"module": "components/nve-badge/nve-badge.js"
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
]
|
|
75
|
-
},
|
|
76
5
|
{
|
|
77
6
|
"kind": "javascript-module",
|
|
78
7
|
"path": "components/nve-alert/nve-alert.js",
|
|
@@ -1230,6 +1159,77 @@
|
|
|
1230
1159
|
}
|
|
1231
1160
|
]
|
|
1232
1161
|
},
|
|
1162
|
+
{
|
|
1163
|
+
"kind": "javascript-module",
|
|
1164
|
+
"path": "components/nve-badge/nve-badge.js",
|
|
1165
|
+
"declarations": [
|
|
1166
|
+
{
|
|
1167
|
+
"kind": "class",
|
|
1168
|
+
"description": "En liten etikett som vanligvis vises inne i eller i nærheten av en annen større grensesnittkomponent, som representerer en status, egenskap eller andre metadata.",
|
|
1169
|
+
"name": "NveBadge",
|
|
1170
|
+
"members": [
|
|
1171
|
+
{
|
|
1172
|
+
"kind": "field",
|
|
1173
|
+
"name": "styles",
|
|
1174
|
+
"type": {
|
|
1175
|
+
"text": "array"
|
|
1176
|
+
},
|
|
1177
|
+
"static": true,
|
|
1178
|
+
"default": "[styles]"
|
|
1179
|
+
},
|
|
1180
|
+
{
|
|
1181
|
+
"kind": "field",
|
|
1182
|
+
"name": "variant",
|
|
1183
|
+
"type": {
|
|
1184
|
+
"text": "string"
|
|
1185
|
+
},
|
|
1186
|
+
"default": "'primary'",
|
|
1187
|
+
"description": "= primary, success, neutral, warning, danger, brand"
|
|
1188
|
+
},
|
|
1189
|
+
{
|
|
1190
|
+
"kind": "field",
|
|
1191
|
+
"name": "size",
|
|
1192
|
+
"type": {
|
|
1193
|
+
"text": "string"
|
|
1194
|
+
},
|
|
1195
|
+
"default": "'medium'",
|
|
1196
|
+
"description": "= small, medium eller large"
|
|
1197
|
+
},
|
|
1198
|
+
{
|
|
1199
|
+
"kind": "field",
|
|
1200
|
+
"name": "low",
|
|
1201
|
+
"type": {
|
|
1202
|
+
"text": "boolean"
|
|
1203
|
+
},
|
|
1204
|
+
"default": "false",
|
|
1205
|
+
"description": "= gir lysere bakgrunnsfarge"
|
|
1206
|
+
},
|
|
1207
|
+
{
|
|
1208
|
+
"kind": "method",
|
|
1209
|
+
"name": "render"
|
|
1210
|
+
}
|
|
1211
|
+
],
|
|
1212
|
+
"superclass": {
|
|
1213
|
+
"name": "LitElement",
|
|
1214
|
+
"package": "lit"
|
|
1215
|
+
},
|
|
1216
|
+
"tagNameWithoutPrefix": "badge",
|
|
1217
|
+
"tagName": "nve-badge",
|
|
1218
|
+
"customElement": true,
|
|
1219
|
+
"jsDoc": "/**\n * En liten etikett som vanligvis vises inne i eller i nærheten av en annen større grensesnittkomponent, som representerer en status, egenskap eller andre metadata.\n * @property {string} size = small, medium eller large\n * @property {string} variant = primary, success, neutral, warning, danger, brand\n * @property {boolean} low = gir lysere bakgrunnsfarge\n */"
|
|
1220
|
+
}
|
|
1221
|
+
],
|
|
1222
|
+
"exports": [
|
|
1223
|
+
{
|
|
1224
|
+
"kind": "js",
|
|
1225
|
+
"name": "default",
|
|
1226
|
+
"declaration": {
|
|
1227
|
+
"name": "NveBadge",
|
|
1228
|
+
"module": "components/nve-badge/nve-badge.js"
|
|
1229
|
+
}
|
|
1230
|
+
}
|
|
1231
|
+
]
|
|
1232
|
+
},
|
|
1233
1233
|
{
|
|
1234
1234
|
"kind": "javascript-module",
|
|
1235
1235
|
"path": "components/nve-checkbox/nve-checkbox.js",
|
|
@@ -2049,16 +2049,6 @@
|
|
|
2049
2049
|
}
|
|
2050
2050
|
]
|
|
2051
2051
|
},
|
|
2052
|
-
{
|
|
2053
|
-
"kind": "method",
|
|
2054
|
-
"name": "checkFocus",
|
|
2055
|
-
"privacy": "private"
|
|
2056
|
-
},
|
|
2057
|
-
{
|
|
2058
|
-
"kind": "method",
|
|
2059
|
-
"name": "checkInput",
|
|
2060
|
-
"privacy": "private"
|
|
2061
|
-
},
|
|
2062
2052
|
{
|
|
2063
2053
|
"kind": "method",
|
|
2064
2054
|
"name": "render",
|
|
@@ -10178,7 +10168,7 @@
|
|
|
10178
10168
|
"package": {
|
|
10179
10169
|
"name": "nve-designsystem",
|
|
10180
10170
|
"description": "Designsystem for NVE",
|
|
10181
|
-
"version": "0.1.
|
|
10171
|
+
"version": "0.1.82",
|
|
10182
10172
|
"author": {
|
|
10183
10173
|
"name": "NVE",
|
|
10184
10174
|
"email": "nve@nve.no"
|