scb-wc-test 0.1.28 → 0.1.29
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/mvc/components/scb-card/scb-card.js +12 -10
- package/package.json +2 -2
- package/scb-card/scb-card.js +19 -25
- package/scb-wc-test.bundle.js +11 -9
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-material.js","../../vendor/vendor.js"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{_ as m}from"../../vendor/preload-helper.js";import{a as b,n as s,i as u,x as i,t as v}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"../scb-list/scb-list.js";import"../scb-button/scb-button.js";import"../scb-link/scb-link.js";import"../scb-avatar/scb-avatar.js";import"../scb-list/scb-list-item.js";(function(){try{var a=typeof globalThis<"u"?globalThis:window;if(!a.__scb_ce_guard_installed__){a.__scb_ce_guard_installed__=!0;var o=customElements.define.bind(customElements);customElements.define=function(n,r,l){try{customElements.get(n)||o(n,r,l)}catch(d){var c=String(d||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var g=Object.defineProperty,
|
|
2
|
+
import{_ as m}from"../../vendor/preload-helper.js";import{a as b,n as s,i as u,x as i,t as v}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"../scb-list/scb-list.js";import"../scb-button/scb-button.js";import"../scb-link/scb-link.js";import"../scb-avatar/scb-avatar.js";import"../scb-list/scb-list-item.js";(function(){try{var a=typeof globalThis<"u"?globalThis:window;if(!a.__scb_ce_guard_installed__){a.__scb_ce_guard_installed__=!0;var o=customElements.define.bind(customElements);customElements.define=function(n,r,l){try{customElements.get(n)||o(n,r,l)}catch(d){var c=String(d||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var g=Object.defineProperty,f=Object.getOwnPropertyDescriptor,e=(a,o,n,r)=>{for(var l=r>1?void 0:r?f(o,n):o,c=a.length-1,d;c>=0;c--)(d=a[c])&&(l=(r?d(o,n,l):d(l))||l);return r&&l&&g(o,n,l),l};let t=class extends u{constructor(){super(...arguments),this.type="",this.variant="",this.direction="",this.mediaType="",this.mediaHref="",this.mediaAlt="",this.mediaSrcset="",this.mediaSizes="",this.mediaLoading="auto",this.mediaDecoding="async",this.mediaFetchPriority="auto",this.mediaFit="cover",this.mediaPosition="center",this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.mediaPlaceholder=!1,this.cardHref="",this.title="",this.subLabel="",this.supportingText="",this.commentsText="",this.comments=0,this.likesText="",this.likes=0,this.sizing="stretch",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.__onImgLoad=a=>{const o=a.currentTarget.closest(".media");o&&o.classList.add("is-loaded")},this.__onKeyDown=a=>{(a.key==="Enter"||a.key===" ")&&this.cardHref&&(a.preventDefault(),window.open(this.cardHref,"_self"))},this.__handleHrefNavigation=a=>{this.cardHref&&(a.target.closest("a")||window.open(this.cardHref,"_self"))}}__calcAspectWH(a){const o=(a||"").trim();if(!o)return{w:640,h:360};const n=o.includes("/")?o.split("/"):o.includes(":")?o.split(":"):o.includes("x")?o.split("x"):null;if(n&&n.length===2){const l=Number(n[0]),c=Number(n[1]);if(l>0&&c>0)return{w:l,h:c}}const r=Number(o);return isFinite(r)&&r>0?{w:1e3,h:Math.round(1e3/r)}:{w:640,h:360}}__mediaTemplate(){if((this.mediaType||"").toLowerCase()==="avatar")return i`
|
|
3
3
|
<div class="media">
|
|
4
4
|
<slot name="media">
|
|
5
5
|
<scb-avatar variant="icon" label="${this.title}" icon-name="person"></scb-avatar>
|
|
@@ -23,20 +23,22 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as b,n as s,i as u,x
|
|
|
23
23
|
@load=${this.__onImgLoad}
|
|
24
24
|
/>
|
|
25
25
|
</div>
|
|
26
|
-
`}return null}render(){const a=this.variant?`${this.variant.toLowerCase()}`:"",o=this.type==="list"?"vertical":this.direction?this.direction.toLowerCase():"",n=this.cardHref?"clickable":"",r=this.date instanceof Date?this.date.toISOString().slice(0,10):this.date||"",l=(
|
|
26
|
+
`}return null}render(){const a=this.variant?`${this.variant.toLowerCase()}`:"",o=this.type==="list"?"vertical":this.direction?this.direction.toLowerCase():"",n=this.cardHref?"clickable":"",r=this.date instanceof Date?this.date.toISOString().slice(0,10):this.date||"",l=(p=!1)=>p?i`<a class="title" href="${this.cardHref}" tabindex="0">${this.title}</a><md-icon>arrow_forward</md-icon>`:i`<span class="title">${this.title}</span>`,c=()=>this.__mediaTemplate(),d=p=>i`
|
|
27
27
|
<div
|
|
28
28
|
class="scb-card ${a} ${o} ${n}"
|
|
29
29
|
@click=${this.cardHref?this.__handleHrefNavigation:null}
|
|
30
30
|
@keydown=${this.cardHref?this.__onKeyDown:null}
|
|
31
31
|
style="cursor:${this.cardHref?"pointer":"default"};"
|
|
32
|
-
|
|
32
|
+
role=${this.cardHref?"link":"group"}
|
|
33
|
+
tabindex=${this.cardHref?"0":"-1"}
|
|
34
|
+
aria-label=${this.title||"Kort"}
|
|
33
35
|
>
|
|
34
36
|
${this.cardHref?i`<md-ripple></md-ripple>`:""}
|
|
35
37
|
${c()}
|
|
36
|
-
${
|
|
38
|
+
${p}
|
|
37
39
|
</div>
|
|
38
40
|
<md-focus-ring></md-focus-ring>
|
|
39
|
-
`;switch(this.type){case"standard":return
|
|
41
|
+
`;switch(this.type){case"standard":return d(i`
|
|
40
42
|
<div class="full-content">
|
|
41
43
|
<div class="top-content">
|
|
42
44
|
${this.title?i`<div class="header">${l(!!this.cardHref)}</div>`:""}
|
|
@@ -45,7 +47,7 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as b,n as s,i as u,x
|
|
|
45
47
|
${r?i`<div class="date">${r}</div>`:""}
|
|
46
48
|
</div>
|
|
47
49
|
</div>
|
|
48
|
-
`);case"list":return
|
|
50
|
+
`);case"list":return d(i`
|
|
49
51
|
<div class="full-content">
|
|
50
52
|
<div class="top-content">
|
|
51
53
|
${this.title?i`<div class="header"><span class="title">${this.title}</span></div>`:""}
|
|
@@ -57,7 +59,7 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as b,n as s,i as u,x
|
|
|
57
59
|
<slot></slot>
|
|
58
60
|
</div>
|
|
59
61
|
</div>
|
|
60
|
-
`);case"social":return
|
|
62
|
+
`);case"social":return d(i`
|
|
61
63
|
<div class="full-content">
|
|
62
64
|
<div class="top-content">
|
|
63
65
|
${this.title?i`<div class="header">${l(!!this.cardHref)}</div>`:""}
|
|
@@ -72,7 +74,7 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as b,n as s,i as u,x
|
|
|
72
74
|
</div>
|
|
73
75
|
</div>
|
|
74
76
|
</div>
|
|
75
|
-
`);case"link":return
|
|
77
|
+
`);case"link":return d(i`
|
|
76
78
|
<div class="full-content">
|
|
77
79
|
<div class="top-content">
|
|
78
80
|
${this.title?i`<div class="header"><span class="title">${this.title}</span></div>`:""}
|
|
@@ -84,7 +86,7 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as b,n as s,i as u,x
|
|
|
84
86
|
<slot></slot>
|
|
85
87
|
</div>
|
|
86
88
|
</div>
|
|
87
|
-
`);case"action":return
|
|
89
|
+
`);case"action":return d(i`
|
|
88
90
|
<div class="full-content">
|
|
89
91
|
<div class="top-content">
|
|
90
92
|
${this.title?i`<div class="header"><span class="title">${this.title}</span></div>`:""}
|
|
@@ -96,7 +98,7 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as b,n as s,i as u,x
|
|
|
96
98
|
<slot></slot>
|
|
97
99
|
</div>
|
|
98
100
|
</div>
|
|
99
|
-
`);default:return
|
|
101
|
+
`);default:return d(i`
|
|
100
102
|
<div class="full-content">
|
|
101
103
|
<div class="top-content">
|
|
102
104
|
${this.title?i`<div class="header">${l(!!this.cardHref)}</div>`:""}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "scb-wc-test",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.29",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"module": "index.js",
|
|
@@ -273,5 +273,5 @@
|
|
|
273
273
|
},
|
|
274
274
|
"./mvc/*": "./mvc/*"
|
|
275
275
|
},
|
|
276
|
-
"buildHash": "
|
|
276
|
+
"buildHash": "44623E3D997AE4EA4B6A3D107EAAC1DF749A4E358B14F8CB39DBE22B45755861"
|
|
277
277
|
}
|
package/scb-card/scb-card.js
CHANGED
|
@@ -6,8 +6,8 @@ import "../scb-button/scb-button.js";
|
|
|
6
6
|
import "../scb-link/scb-link.js";
|
|
7
7
|
import "../scb-avatar/scb-avatar.js";
|
|
8
8
|
var v = Object.defineProperty, g = Object.getOwnPropertyDescriptor, e = (o, r, n, a) => {
|
|
9
|
-
for (var l = a > 1 ? void 0 : a ? g(r, n) : r,
|
|
10
|
-
(
|
|
9
|
+
for (var l = a > 1 ? void 0 : a ? g(r, n) : r, d = o.length - 1, c; d >= 0; d--)
|
|
10
|
+
(c = o[d]) && (l = (a ? c(r, n, l) : c(l)) || l);
|
|
11
11
|
return a && l && v(r, n, l), l;
|
|
12
12
|
};
|
|
13
13
|
let t = class extends b {
|
|
@@ -27,8 +27,8 @@ let t = class extends b {
|
|
|
27
27
|
if (!r) return { w: 640, h: 360 };
|
|
28
28
|
const n = r.includes("/") ? r.split("/") : r.includes(":") ? r.split(":") : r.includes("x") ? r.split("x") : null;
|
|
29
29
|
if (n && n.length === 2) {
|
|
30
|
-
const l = Number(n[0]),
|
|
31
|
-
if (l > 0 &&
|
|
30
|
+
const l = Number(n[0]), d = Number(n[1]);
|
|
31
|
+
if (l > 0 && d > 0) return { w: l, h: d };
|
|
32
32
|
}
|
|
33
33
|
const a = Number(r);
|
|
34
34
|
return isFinite(a) && a > 0 ? { w: 1e3, h: Math.round(1e3 / a) } : { w: 640, h: 360 };
|
|
@@ -49,9 +49,9 @@ let t = class extends b {
|
|
|
49
49
|
const h = this.__calcAspectWH(a || "16/9");
|
|
50
50
|
r || (r = h.w), n || (n = h.h);
|
|
51
51
|
}
|
|
52
|
-
const l = `aspect-ratio:${a || `${r}/${n}`};`,
|
|
52
|
+
const l = `aspect-ratio:${a || `${r}/${n}`};`, d = this.mediaPlaceholder ? "has-ph" : "", c = this.mediaFit || "cover", p = this.mediaPosition || "center";
|
|
53
53
|
return i`
|
|
54
|
-
<div class="media ${
|
|
54
|
+
<div class="media ${d}" style="${l}">
|
|
55
55
|
<!-- Tillåt egna <source>-element via slot om man vill använda <picture> -->
|
|
56
56
|
<slot name="media-sources"></slot>
|
|
57
57
|
<img
|
|
@@ -62,7 +62,7 @@ let t = class extends b {
|
|
|
62
62
|
loading="${this.mediaLoading}"
|
|
63
63
|
decoding="${this.mediaDecoding}"
|
|
64
64
|
fetchpriority="${this.mediaFetchPriority}"
|
|
65
|
-
style="object-fit:${
|
|
65
|
+
style="object-fit:${c};object-position:${p};"
|
|
66
66
|
width="${r}"
|
|
67
67
|
height="${n}"
|
|
68
68
|
@load=${this.__onImgLoad}
|
|
@@ -73,31 +73,25 @@ let t = class extends b {
|
|
|
73
73
|
return null;
|
|
74
74
|
}
|
|
75
75
|
render() {
|
|
76
|
-
const o = this.variant ? `${this.variant.toLowerCase()}` : "", r = this.type === "list" ? "vertical" : this.direction ? this.direction.toLowerCase() : "", n = this.cardHref ? "clickable" : "", a = this.date instanceof Date ? this.date.toISOString().slice(0, 10) : this.date || "", l = (
|
|
77
|
-
role: "link",
|
|
78
|
-
tabindex: "0",
|
|
79
|
-
"aria-label": this.title || "Kort"
|
|
80
|
-
} : {
|
|
81
|
-
role: "group",
|
|
82
|
-
tabindex: "-1",
|
|
83
|
-
"aria-label": this.title || "Kort"
|
|
84
|
-
}, d = (h) => i`
|
|
76
|
+
const o = this.variant ? `${this.variant.toLowerCase()}` : "", r = this.type === "list" ? "vertical" : this.direction ? this.direction.toLowerCase() : "", n = this.cardHref ? "clickable" : "", a = this.date instanceof Date ? this.date.toISOString().slice(0, 10) : this.date || "", l = (p = !1) => p ? i`<a class="title" href="${this.cardHref}" tabindex="0">${this.title}</a><md-icon>arrow_forward</md-icon>` : i`<span class="title">${this.title}</span>`, d = () => this.__mediaTemplate(), c = (p) => i`
|
|
85
77
|
<div
|
|
86
78
|
class="scb-card ${o} ${r} ${n}"
|
|
87
79
|
@click=${this.cardHref ? this.__handleHrefNavigation : null}
|
|
88
80
|
@keydown=${this.cardHref ? this.__onKeyDown : null}
|
|
89
81
|
style="cursor:${this.cardHref ? "pointer" : "default"};"
|
|
90
|
-
|
|
82
|
+
role=${this.cardHref ? "link" : "group"}
|
|
83
|
+
tabindex=${this.cardHref ? "0" : "-1"}
|
|
84
|
+
aria-label=${this.title || "Kort"}
|
|
91
85
|
>
|
|
92
86
|
${this.cardHref ? i`<md-ripple></md-ripple>` : ""}
|
|
93
|
-
${
|
|
94
|
-
${
|
|
87
|
+
${d()}
|
|
88
|
+
${p}
|
|
95
89
|
</div>
|
|
96
90
|
<md-focus-ring></md-focus-ring>
|
|
97
91
|
`;
|
|
98
92
|
switch (this.type) {
|
|
99
93
|
case "standard":
|
|
100
|
-
return
|
|
94
|
+
return c(i`
|
|
101
95
|
<div class="full-content">
|
|
102
96
|
<div class="top-content">
|
|
103
97
|
${this.title ? i`<div class="header">${l(!!this.cardHref)}</div>` : ""}
|
|
@@ -108,7 +102,7 @@ let t = class extends b {
|
|
|
108
102
|
</div>
|
|
109
103
|
`);
|
|
110
104
|
case "list":
|
|
111
|
-
return
|
|
105
|
+
return c(i`
|
|
112
106
|
<div class="full-content">
|
|
113
107
|
<div class="top-content">
|
|
114
108
|
${this.title ? i`<div class="header"><span class="title">${this.title}</span></div>` : ""}
|
|
@@ -122,7 +116,7 @@ let t = class extends b {
|
|
|
122
116
|
</div>
|
|
123
117
|
`);
|
|
124
118
|
case "social":
|
|
125
|
-
return
|
|
119
|
+
return c(i`
|
|
126
120
|
<div class="full-content">
|
|
127
121
|
<div class="top-content">
|
|
128
122
|
${this.title ? i`<div class="header">${l(!!this.cardHref)}</div>` : ""}
|
|
@@ -139,7 +133,7 @@ let t = class extends b {
|
|
|
139
133
|
</div>
|
|
140
134
|
`);
|
|
141
135
|
case "link":
|
|
142
|
-
return
|
|
136
|
+
return c(i`
|
|
143
137
|
<div class="full-content">
|
|
144
138
|
<div class="top-content">
|
|
145
139
|
${this.title ? i`<div class="header"><span class="title">${this.title}</span></div>` : ""}
|
|
@@ -153,7 +147,7 @@ let t = class extends b {
|
|
|
153
147
|
</div>
|
|
154
148
|
`);
|
|
155
149
|
case "action":
|
|
156
|
-
return
|
|
150
|
+
return c(i`
|
|
157
151
|
<div class="full-content">
|
|
158
152
|
<div class="top-content">
|
|
159
153
|
${this.title ? i`<div class="header"><span class="title">${this.title}</span></div>` : ""}
|
|
@@ -167,7 +161,7 @@ let t = class extends b {
|
|
|
167
161
|
</div>
|
|
168
162
|
`);
|
|
169
163
|
default:
|
|
170
|
-
return
|
|
164
|
+
return c(i`
|
|
171
165
|
<div class="full-content">
|
|
172
166
|
<div class="top-content">
|
|
173
167
|
${this.title ? i`<div class="header">${l(!!this.cardHref)}</div>` : ""}
|
package/scb-wc-test.bundle.js
CHANGED
|
@@ -3240,20 +3240,22 @@ var ScbWcTest=function(a){"use strict";var _s;function d(o,e,t,r){var i=argument
|
|
|
3240
3240
|
@load=${this.__onImgLoad}
|
|
3241
3241
|
/>
|
|
3242
3242
|
</div>
|
|
3243
|
-
`}return null}render(){const e=this.variant?`${this.variant.toLowerCase()}`:"",t=this.type==="list"?"vertical":this.direction?this.direction.toLowerCase():"",r=this.cardHref?"clickable":"",i=this.date instanceof Date?this.date.toISOString().slice(0,10):this.date||"",s=(
|
|
3243
|
+
`}return null}render(){const e=this.variant?`${this.variant.toLowerCase()}`:"",t=this.type==="list"?"vertical":this.direction?this.direction.toLowerCase():"",r=this.cardHref?"clickable":"",i=this.date instanceof Date?this.date.toISOString().slice(0,10):this.date||"",s=(u=!1)=>u?c`<a class="title" href="${this.cardHref}" tabindex="0">${this.title}</a><md-icon>arrow_forward</md-icon>`:c`<span class="title">${this.title}</span>`,n=()=>this.__mediaTemplate(),h=u=>c`
|
|
3244
3244
|
<div
|
|
3245
3245
|
class="scb-card ${e} ${t} ${r}"
|
|
3246
3246
|
@click=${this.cardHref?this.__handleHrefNavigation:null}
|
|
3247
3247
|
@keydown=${this.cardHref?this.__onKeyDown:null}
|
|
3248
3248
|
style="cursor:${this.cardHref?"pointer":"default"};"
|
|
3249
|
-
|
|
3249
|
+
role=${this.cardHref?"link":"group"}
|
|
3250
|
+
tabindex=${this.cardHref?"0":"-1"}
|
|
3251
|
+
aria-label=${this.title||"Kort"}
|
|
3250
3252
|
>
|
|
3251
3253
|
${this.cardHref?c`<md-ripple></md-ripple>`:""}
|
|
3252
3254
|
${n()}
|
|
3253
|
-
${
|
|
3255
|
+
${u}
|
|
3254
3256
|
</div>
|
|
3255
3257
|
<md-focus-ring></md-focus-ring>
|
|
3256
|
-
`;switch(this.type){case"standard":return
|
|
3258
|
+
`;switch(this.type){case"standard":return h(c`
|
|
3257
3259
|
<div class="full-content">
|
|
3258
3260
|
<div class="top-content">
|
|
3259
3261
|
${this.title?c`<div class="header">${s(!!this.cardHref)}</div>`:""}
|
|
@@ -3262,7 +3264,7 @@ var ScbWcTest=function(a){"use strict";var _s;function d(o,e,t,r){var i=argument
|
|
|
3262
3264
|
${i?c`<div class="date">${i}</div>`:""}
|
|
3263
3265
|
</div>
|
|
3264
3266
|
</div>
|
|
3265
|
-
`);case"list":return
|
|
3267
|
+
`);case"list":return h(c`
|
|
3266
3268
|
<div class="full-content">
|
|
3267
3269
|
<div class="top-content">
|
|
3268
3270
|
${this.title?c`<div class="header"><span class="title">${this.title}</span></div>`:""}
|
|
@@ -3274,7 +3276,7 @@ var ScbWcTest=function(a){"use strict";var _s;function d(o,e,t,r){var i=argument
|
|
|
3274
3276
|
<slot></slot>
|
|
3275
3277
|
</div>
|
|
3276
3278
|
</div>
|
|
3277
|
-
`);case"social":return
|
|
3279
|
+
`);case"social":return h(c`
|
|
3278
3280
|
<div class="full-content">
|
|
3279
3281
|
<div class="top-content">
|
|
3280
3282
|
${this.title?c`<div class="header">${s(!!this.cardHref)}</div>`:""}
|
|
@@ -3289,7 +3291,7 @@ var ScbWcTest=function(a){"use strict";var _s;function d(o,e,t,r){var i=argument
|
|
|
3289
3291
|
</div>
|
|
3290
3292
|
</div>
|
|
3291
3293
|
</div>
|
|
3292
|
-
`);case"link":return
|
|
3294
|
+
`);case"link":return h(c`
|
|
3293
3295
|
<div class="full-content">
|
|
3294
3296
|
<div class="top-content">
|
|
3295
3297
|
${this.title?c`<div class="header"><span class="title">${this.title}</span></div>`:""}
|
|
@@ -3301,7 +3303,7 @@ var ScbWcTest=function(a){"use strict";var _s;function d(o,e,t,r){var i=argument
|
|
|
3301
3303
|
<slot></slot>
|
|
3302
3304
|
</div>
|
|
3303
3305
|
</div>
|
|
3304
|
-
`);case"action":return
|
|
3306
|
+
`);case"action":return h(c`
|
|
3305
3307
|
<div class="full-content">
|
|
3306
3308
|
<div class="top-content">
|
|
3307
3309
|
${this.title?c`<div class="header"><span class="title">${this.title}</span></div>`:""}
|
|
@@ -3313,7 +3315,7 @@ var ScbWcTest=function(a){"use strict";var _s;function d(o,e,t,r){var i=argument
|
|
|
3313
3315
|
<slot></slot>
|
|
3314
3316
|
</div>
|
|
3315
3317
|
</div>
|
|
3316
|
-
`);default:return
|
|
3318
|
+
`);default:return h(c`
|
|
3317
3319
|
<div class="full-content">
|
|
3318
3320
|
<div class="top-content">
|
|
3319
3321
|
${this.title?c`<div class="header">${s(!!this.cardHref)}</div>`:""}
|