scb-wc-test 0.1.39 → 0.1.40
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.
|
@@ -1,21 +1,25 @@
|
|
|
1
|
-
import{a as u,n as d,i as
|
|
2
|
-
${this.showIcon?this.status==="success"?
|
|
3
|
-
<span>${this.label}</span>
|
|
4
|
-
`}};
|
|
1
|
+
import{a as u,n as d,i as m,x as c,t as p}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";(function(){try{var i=typeof globalThis<"u"?globalThis:window;if(!i.__scb_ce_guard_installed__){i.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,r,s){try{customElements.get(e)||t(e,r,s)}catch(n){var o=String(n||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var h=Object.defineProperty,b=Object.getOwnPropertyDescriptor,l=(i,t,e,r)=>{for(var s=r>1?void 0:r?b(t,e):t,o=i.length-1,n;o>=0;o--)(n=i[o])&&(s=(r?n(t,e,s):n(s))||s);return r&&s&&h(t,e,s),s};let a=class extends m{constructor(){super(...arguments),this.status="",this.label="",this.showIcon=!1}render(){return c`
|
|
2
|
+
${this.showIcon?this.status==="success"?c`<md-icon>check_circle</md-icon>`:this.status==="warning"?c`<md-icon>warning</md-icon>`:this.status==="error"?c`<md-icon>error</md-icon>`:"":""}
|
|
3
|
+
<span class="label">${this.label}</span>
|
|
4
|
+
`}};a.styles=u`
|
|
5
5
|
:host {
|
|
6
6
|
display: inline-block;
|
|
7
|
-
border-radius:
|
|
8
|
-
padding: 6px
|
|
9
|
-
font-size: 14px;
|
|
10
|
-
font-weight: 600;
|
|
7
|
+
border-radius: var(--md-sys-shape-corner-full);
|
|
8
|
+
padding: 6px var(--spacing-5);
|
|
11
9
|
border: none;
|
|
12
10
|
box-sizing: border-box;
|
|
13
11
|
user-select: none;
|
|
14
12
|
display: flex;
|
|
15
13
|
align-items: center;
|
|
16
|
-
gap:
|
|
14
|
+
gap: var(--spacing-3);
|
|
17
15
|
width: fit-content;
|
|
18
16
|
}
|
|
17
|
+
.label{
|
|
18
|
+
font-size: var(--md-sys-typescale-label-medium-size);
|
|
19
|
+
line-height: var(--md-sys-typescale-label-medium-line-height);
|
|
20
|
+
font-weight: var(--md-sys-typescale-label-medium-weight);
|
|
21
|
+
letter-spacing: var(--md-sys-typescale-label-medium-tracking);
|
|
22
|
+
}
|
|
19
23
|
:host([status="success"]) {
|
|
20
24
|
background: var(--md-sys-color-success-container);
|
|
21
25
|
color: var(--md-sys-color-on-success-container);
|
|
@@ -28,4 +32,4 @@ import{a as u,n as d,i as p,x as a,t as h}from"../../vendor/vendor.js";import"..
|
|
|
28
32
|
background: var(--md-sys-color-error-container);
|
|
29
33
|
color: var(--md-sys-color-on-error-container);
|
|
30
34
|
}
|
|
31
|
-
`;l([d({type:String})],
|
|
35
|
+
`;l([d({type:String})],a.prototype,"status",2);l([d({type:String})],a.prototype,"label",2);l([d({type:Boolean,attribute:"show-icon"})],a.prototype,"showIcon",2);a=l([p("scb-status-pill")],a);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "scb-wc-test",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.40",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"module": "index.js",
|
|
@@ -274,5 +274,5 @@
|
|
|
274
274
|
},
|
|
275
275
|
"./mvc/*": "./mvc/*"
|
|
276
276
|
},
|
|
277
|
-
"buildHash": "
|
|
277
|
+
"buildHash": "8D3F10EDE061E0FD288ADE49F82655234B8AF8575AC19D69693BB40A0EB31062"
|
|
278
278
|
}
|
|
@@ -1,37 +1,41 @@
|
|
|
1
|
-
import { css as
|
|
2
|
-
import { property as l, customElement as
|
|
1
|
+
import { css as m, LitElement as d, html as o } from "lit";
|
|
2
|
+
import { property as l, customElement as u } from "lit/decorators.js";
|
|
3
3
|
import "@material/web/icon/icon.js";
|
|
4
|
-
var h = Object.defineProperty,
|
|
5
|
-
for (var s = t > 1 ? void 0 : t ?
|
|
6
|
-
(
|
|
7
|
-
return t && s && h(
|
|
4
|
+
var h = Object.defineProperty, y = Object.getOwnPropertyDescriptor, n = (p, r, a, t) => {
|
|
5
|
+
for (var s = t > 1 ? void 0 : t ? y(r, a) : r, i = p.length - 1, c; i >= 0; i--)
|
|
6
|
+
(c = p[i]) && (s = (t ? c(r, a, s) : c(s)) || s);
|
|
7
|
+
return t && s && h(r, a, s), s;
|
|
8
8
|
};
|
|
9
|
-
let
|
|
9
|
+
let e = class extends d {
|
|
10
10
|
constructor() {
|
|
11
11
|
super(...arguments), this.status = "", this.label = "", this.showIcon = !1;
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
|
-
return
|
|
15
|
-
${this.showIcon ? this.status === "success" ?
|
|
16
|
-
<span>${this.label}</span>
|
|
14
|
+
return o`
|
|
15
|
+
${this.showIcon ? this.status === "success" ? o`<md-icon>check_circle</md-icon>` : this.status === "warning" ? o`<md-icon>warning</md-icon>` : this.status === "error" ? o`<md-icon>error</md-icon>` : "" : ""}
|
|
16
|
+
<span class="label">${this.label}</span>
|
|
17
17
|
`;
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
|
-
|
|
20
|
+
e.styles = m`
|
|
21
21
|
:host {
|
|
22
22
|
display: inline-block;
|
|
23
|
-
border-radius:
|
|
24
|
-
padding: 6px
|
|
25
|
-
font-size: 14px;
|
|
26
|
-
font-weight: 600;
|
|
23
|
+
border-radius: var(--md-sys-shape-corner-full);
|
|
24
|
+
padding: 6px var(--spacing-5);
|
|
27
25
|
border: none;
|
|
28
26
|
box-sizing: border-box;
|
|
29
27
|
user-select: none;
|
|
30
28
|
display: flex;
|
|
31
29
|
align-items: center;
|
|
32
|
-
gap:
|
|
30
|
+
gap: var(--spacing-3);
|
|
33
31
|
width: fit-content;
|
|
34
32
|
}
|
|
33
|
+
.label{
|
|
34
|
+
font-size: var(--md-sys-typescale-label-medium-size);
|
|
35
|
+
line-height: var(--md-sys-typescale-label-medium-line-height);
|
|
36
|
+
font-weight: var(--md-sys-typescale-label-medium-weight);
|
|
37
|
+
letter-spacing: var(--md-sys-typescale-label-medium-tracking);
|
|
38
|
+
}
|
|
35
39
|
:host([status="success"]) {
|
|
36
40
|
background: var(--md-sys-color-success-container);
|
|
37
41
|
color: var(--md-sys-color-on-success-container);
|
|
@@ -47,16 +51,16 @@ r.styles = u`
|
|
|
47
51
|
`;
|
|
48
52
|
n([
|
|
49
53
|
l({ type: String })
|
|
50
|
-
],
|
|
54
|
+
], e.prototype, "status", 2);
|
|
51
55
|
n([
|
|
52
56
|
l({ type: String })
|
|
53
|
-
],
|
|
57
|
+
], e.prototype, "label", 2);
|
|
54
58
|
n([
|
|
55
59
|
l({ type: Boolean, attribute: "show-icon" })
|
|
56
|
-
],
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
],
|
|
60
|
+
], e.prototype, "showIcon", 2);
|
|
61
|
+
e = n([
|
|
62
|
+
u("scb-status-pill")
|
|
63
|
+
], e);
|
|
60
64
|
export {
|
|
61
|
-
|
|
65
|
+
e as ScbStatusPill
|
|
62
66
|
};
|
package/scb-wc-test.bundle.js
CHANGED
|
@@ -5850,22 +5850,26 @@ var ScbWcTest=function(a){"use strict";var _s;function d(o,e,t,r){var i=argument
|
|
|
5850
5850
|
|
|
5851
5851
|
`,je([l({type:String})],a.ScbSnackbar.prototype,"message",2),je([l({type:Boolean,reflect:!0})],a.ScbSnackbar.prototype,"open",2),je([l({type:String,attribute:"action-text"})],a.ScbSnackbar.prototype,"actionText",2),je([l({type:Boolean,attribute:"show-close"})],a.ScbSnackbar.prototype,"showClose",2),je([l({type:Boolean,reflect:!0})],a.ScbSnackbar.prototype,"fixed",2),je([l({type:Boolean})],a.ScbSnackbar.prototype,"fadeout",2),je([l({type:Boolean,attribute:"with-longer-action"})],a.ScbSnackbar.prototype,"withLongerAction",2),a.ScbSnackbar=je([f("scb-snackbar")],a.ScbSnackbar);var Ch=Object.defineProperty,Eh=Object.getOwnPropertyDescriptor,ni=(o,e,t,r)=>{for(var i=r>1?void 0:r?Eh(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Ch(e,t,i),i};a.ScbStatusPill=class extends y{constructor(){super(...arguments),this.status="",this.label="",this.showIcon=!1}render(){return c`
|
|
5852
5852
|
${this.showIcon?this.status==="success"?c`<md-icon>check_circle</md-icon>`:this.status==="warning"?c`<md-icon>warning</md-icon>`:this.status==="error"?c`<md-icon>error</md-icon>`:"":""}
|
|
5853
|
-
<span>${this.label}</span>
|
|
5853
|
+
<span class="label">${this.label}</span>
|
|
5854
5854
|
`}},a.ScbStatusPill.styles=b`
|
|
5855
5855
|
:host {
|
|
5856
5856
|
display: inline-block;
|
|
5857
|
-
border-radius:
|
|
5858
|
-
padding: 6px
|
|
5859
|
-
font-size: 14px;
|
|
5860
|
-
font-weight: 600;
|
|
5857
|
+
border-radius: var(--md-sys-shape-corner-full);
|
|
5858
|
+
padding: 6px var(--spacing-5);
|
|
5861
5859
|
border: none;
|
|
5862
5860
|
box-sizing: border-box;
|
|
5863
5861
|
user-select: none;
|
|
5864
5862
|
display: flex;
|
|
5865
5863
|
align-items: center;
|
|
5866
|
-
gap:
|
|
5864
|
+
gap: var(--spacing-3);
|
|
5867
5865
|
width: fit-content;
|
|
5868
5866
|
}
|
|
5867
|
+
.label{
|
|
5868
|
+
font-size: var(--md-sys-typescale-label-medium-size);
|
|
5869
|
+
line-height: var(--md-sys-typescale-label-medium-line-height);
|
|
5870
|
+
font-weight: var(--md-sys-typescale-label-medium-weight);
|
|
5871
|
+
letter-spacing: var(--md-sys-typescale-label-medium-tracking);
|
|
5872
|
+
}
|
|
5869
5873
|
:host([status="success"]) {
|
|
5870
5874
|
background: var(--md-sys-color-success-container);
|
|
5871
5875
|
color: var(--md-sys-color-on-success-container);
|