scb-wc-test 0.1.80 → 0.1.81
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "scb-wc-test",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.81",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"module": "index.js",
|
|
@@ -304,5 +304,5 @@
|
|
|
304
304
|
},
|
|
305
305
|
"./mvc/*": "./mvc/*"
|
|
306
306
|
},
|
|
307
|
-
"buildHash": "
|
|
307
|
+
"buildHash": "A38DABAC9665BE119E5B3B7C63AE434921E42435382A84E408E7BCCC8A9DA755"
|
|
308
308
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { css as d, LitElement as m, html as
|
|
2
|
-
import { property as
|
|
1
|
+
import { css as d, LitElement as m, html as a } from "lit";
|
|
2
|
+
import { property as i, customElement as u } from "lit/decorators.js";
|
|
3
3
|
import "../scb-icon-button/scb-icon-button.js";
|
|
4
4
|
import "../scb-button/scb-button.js";
|
|
5
|
-
var b = Object.defineProperty, h = Object.getOwnPropertyDescriptor, s = (t, o,
|
|
6
|
-
for (var
|
|
7
|
-
(p = t[l]) && (
|
|
8
|
-
return c &&
|
|
5
|
+
var b = Object.defineProperty, h = Object.getOwnPropertyDescriptor, s = (t, o, n, c) => {
|
|
6
|
+
for (var r = c > 1 ? void 0 : c ? h(o, n) : o, l = t.length - 1, p; l >= 0; l--)
|
|
7
|
+
(p = t[l]) && (r = (c ? p(o, n, r) : p(r)) || r);
|
|
8
|
+
return c && r && b(o, n, r), r;
|
|
9
9
|
};
|
|
10
10
|
let e = class extends m {
|
|
11
11
|
constructor() {
|
|
@@ -39,20 +39,20 @@ let e = class extends m {
|
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
41
|
const t = !!this.actionText, o = !!this.showClose;
|
|
42
|
-
let
|
|
43
|
-
return !t && !o && (
|
|
44
|
-
<div class="${
|
|
45
|
-
${this.withLongerAction ?
|
|
42
|
+
let n = "snackbar";
|
|
43
|
+
return !t && !o && (n += " no-actions"), this.withLongerAction && (n += " longer-action"), a`
|
|
44
|
+
<div class="${n}" ?hidden=${!this.open}>
|
|
45
|
+
${this.withLongerAction ? a`
|
|
46
46
|
<div class="message">${this.message}</div>
|
|
47
47
|
<div class="actions">
|
|
48
|
-
${t ?
|
|
48
|
+
${t ? a`
|
|
49
49
|
<scb-button
|
|
50
50
|
variant="text"
|
|
51
51
|
label=${this.actionText}
|
|
52
52
|
@click=${this.handleAction}
|
|
53
53
|
></scb-button>
|
|
54
54
|
` : ""}
|
|
55
|
-
${o ?
|
|
55
|
+
${o ? a`
|
|
56
56
|
<scb-icon-button
|
|
57
57
|
icon="close"
|
|
58
58
|
@click=${this.handleClose}
|
|
@@ -60,16 +60,16 @@ let e = class extends m {
|
|
|
60
60
|
></scb-icon-button>
|
|
61
61
|
` : ""}
|
|
62
62
|
</div>
|
|
63
|
-
` :
|
|
63
|
+
` : a`
|
|
64
64
|
<span class="message">${this.message}</span>
|
|
65
|
-
${t ?
|
|
65
|
+
${t ? a`
|
|
66
66
|
<scb-button
|
|
67
67
|
variant="text"
|
|
68
68
|
label=${this.actionText}
|
|
69
69
|
@click=${this.handleAction}
|
|
70
70
|
></scb-button>
|
|
71
71
|
` : ""}
|
|
72
|
-
${o ?
|
|
72
|
+
${o ? a`
|
|
73
73
|
<scb-icon-button
|
|
74
74
|
icon="close"
|
|
75
75
|
@click=${this.handleClose}
|
|
@@ -87,6 +87,7 @@ e.styles = d`
|
|
|
87
87
|
display: block;
|
|
88
88
|
min-width: 312px;
|
|
89
89
|
max-width: 560px;
|
|
90
|
+
font-family: var(--brand-font, 'Inter', sans-serif);
|
|
90
91
|
}
|
|
91
92
|
:host([fixed]) {
|
|
92
93
|
position: fixed;
|
|
@@ -166,25 +167,25 @@ e.styles = d`
|
|
|
166
167
|
}
|
|
167
168
|
`;
|
|
168
169
|
s([
|
|
169
|
-
|
|
170
|
+
i({ type: String })
|
|
170
171
|
], e.prototype, "message", 2);
|
|
171
172
|
s([
|
|
172
|
-
|
|
173
|
+
i({ type: Boolean, reflect: !0 })
|
|
173
174
|
], e.prototype, "open", 2);
|
|
174
175
|
s([
|
|
175
|
-
|
|
176
|
+
i({ type: String, attribute: "action-text" })
|
|
176
177
|
], e.prototype, "actionText", 2);
|
|
177
178
|
s([
|
|
178
|
-
|
|
179
|
+
i({ type: Boolean, attribute: "show-close" })
|
|
179
180
|
], e.prototype, "showClose", 2);
|
|
180
181
|
s([
|
|
181
|
-
|
|
182
|
+
i({ type: Boolean, reflect: !0 })
|
|
182
183
|
], e.prototype, "fixed", 2);
|
|
183
184
|
s([
|
|
184
|
-
|
|
185
|
+
i({ type: Boolean })
|
|
185
186
|
], e.prototype, "fadeout", 2);
|
|
186
187
|
s([
|
|
187
|
-
|
|
188
|
+
i({ type: Boolean, attribute: "with-longer-action" })
|
|
188
189
|
], e.prototype, "withLongerAction", 2);
|
|
189
190
|
e = s([
|
|
190
191
|
u("scb-snackbar")
|
package/scb-wc-test.bundle.js
CHANGED
|
@@ -6331,6 +6331,7 @@ var ScbWcTest=function(a){"use strict";var Es;function d(o,e,t,i){var r=argument
|
|
|
6331
6331
|
display: block;
|
|
6332
6332
|
min-width: 312px;
|
|
6333
6333
|
max-width: 560px;
|
|
6334
|
+
font-family: var(--brand-font, 'Inter', sans-serif);
|
|
6334
6335
|
}
|
|
6335
6336
|
:host([fixed]) {
|
|
6336
6337
|
position: fixed;
|