scb-wc-test 0.1.174 → 0.1.176
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-notification-card/scb-notification-card.js +10 -5
- package/mvc/components/scb-slider/scb-slider.js +9 -7
- package/package.json +2 -2
- package/scb-notification-card/scb-notification-card.js +14 -9
- package/scb-slider/scb-slider.d.ts +4 -0
- package/scb-slider/scb-slider.js +66 -50
- package/scb-wc-test.bundle.js +38 -31
|
@@ -7,8 +7,10 @@ import{a as h,n as o,i as d,x as l,t as f}from"../../vendor/vendor.js";import"..
|
|
|
7
7
|
</div>
|
|
8
8
|
`:null}
|
|
9
9
|
<div class="notification-text-container">
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
<div class="notification-title-container">
|
|
11
|
+
${this.title?l`<div class="notification-title">${this.title}</div>`:null}
|
|
12
|
+
${this.subtitle?l`<div class="notification-subtitle">${this.subtitle}</div>`:null}
|
|
13
|
+
</div>
|
|
12
14
|
${this.supportingText?l`<div class="notification-text">${this.supportingText}</div>`:null}
|
|
13
15
|
${this.linkText?l`
|
|
14
16
|
<div class="notification-footer">
|
|
@@ -171,7 +173,7 @@ import{a as h,n as o,i as d,x as l,t as f}from"../../vendor/vendor.js";import"..
|
|
|
171
173
|
.notification-main.vertical {
|
|
172
174
|
flex-direction: column;
|
|
173
175
|
column-gap: 0;
|
|
174
|
-
row-gap: var(--spacing-
|
|
176
|
+
row-gap: var(--spacing-4, 12px);
|
|
175
177
|
align-items: flex-start;
|
|
176
178
|
}
|
|
177
179
|
|
|
@@ -196,12 +198,16 @@ import{a as h,n as o,i as d,x as l,t as f}from"../../vendor/vendor.js";import"..
|
|
|
196
198
|
min-width: 0;
|
|
197
199
|
}
|
|
198
200
|
|
|
201
|
+
.notification-title-container{
|
|
202
|
+
display: flex;
|
|
203
|
+
flex-direction: column;
|
|
204
|
+
}
|
|
205
|
+
|
|
199
206
|
.notification-title {
|
|
200
207
|
font-size: var(--md-sys-typescale-headline-small-size, 24px);
|
|
201
208
|
font-weight: var(--weight-bold, 700);
|
|
202
209
|
line-height: var(--md-sys-typescale-headline-small-line-height, 30px);
|
|
203
210
|
letter-spacing: var(--md-sys-typescale-headline-small-tracking, -0.6px);
|
|
204
|
-
|
|
205
211
|
white-space: normal;
|
|
206
212
|
word-break: normal;
|
|
207
213
|
overflow-wrap: normal;
|
|
@@ -215,7 +221,6 @@ import{a as h,n as o,i as d,x as l,t as f}from"../../vendor/vendor.js";import"..
|
|
|
215
221
|
font-weight: var(--weight-semibold, 600);
|
|
216
222
|
line-height: var(--md-sys-typescale-title-medium-line-height, 26px);
|
|
217
223
|
letter-spacing: var(--md-sys-typescale-title-medium-tracking, -0.3px);
|
|
218
|
-
|
|
219
224
|
white-space: normal;
|
|
220
225
|
word-break: normal;
|
|
221
226
|
overflow-wrap: normal;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import{a as
|
|
1
|
+
import{a as d,n as r,i as h,E as p,x as b,t as v}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";(function(){try{var l=typeof globalThis<"u"?globalThis:window;if(!l.__scb_ce_guard_installed__){l.__scb_ce_guard_installed__=!0;var a=customElements.define.bind(customElements);customElements.define=function(i,n,s){try{customElements.get(i)||a(i,n,s)}catch(o){var u=String(o||"");if(u.indexOf("already been used")===-1&&u.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var c=Object.defineProperty,m=Object.getOwnPropertyDescriptor,t=(l,a,i,n)=>{for(var s=n>1?void 0:n?m(a,i):a,u=l.length-1,o;u>=0;u--)(o=l[u])&&(s=(n?o(a,i,s):o(s))||s);return n&&s&&c(a,i,s),s};let e=class extends h{constructor(){super(...arguments),this.ticks=!1,this.step=5,this.value=20,this.range=!1,this.valueStart=0,this.valueEnd=100,this.min=0,this.max=100,this.labeled=!0,this.disabled=!1,this.name=""}_onInput(l){const a=l.target;this.range?(this.valueStart=a.valueStart,this.valueEnd=a.valueEnd):this.value=a.value,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}_onChange(l){const a=l.target;this.range?(this.valueStart=a.valueStart,this.valueEnd=a.valueEnd):this.value=a.value,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}render(){const a=this.labeled?p:this.ariaLabel||p;return b`
|
|
2
2
|
<md-slider
|
|
3
3
|
?ticks=${this.ticks}
|
|
4
|
+
.value=${this.value}
|
|
4
5
|
.step=${this.step}
|
|
5
6
|
?range=${this.range}
|
|
6
7
|
.valueStart=${this.valueStart}
|
|
@@ -12,14 +13,15 @@ import{a as u,n as a,i as d,E as b,x as c,t as v}from"../../vendor/vendor.js";im
|
|
|
12
13
|
.valueLabelStart=${this.valueLabelStart}
|
|
13
14
|
.valueLabelEnd=${this.valueLabelEnd}
|
|
14
15
|
?disabled=${this.disabled}
|
|
15
|
-
aria-label=${
|
|
16
|
+
aria-label=${a}
|
|
16
17
|
name=${this.name}
|
|
18
|
+
name-start=${this.nameStart}
|
|
19
|
+
name-end=${this.nameEnd}
|
|
20
|
+
@input=${this._onInput}
|
|
21
|
+
@change=${this._onChange}
|
|
17
22
|
></md-slider>
|
|
18
|
-
`}};e.styles=
|
|
23
|
+
`}};e.styles=d`
|
|
19
24
|
:host {
|
|
20
25
|
display: block;
|
|
21
|
-
/* Vertikalt avstånd styrs av spacing-attributen via CSS-variabler */
|
|
22
|
-
margin-block-start: var(--scb-switch-spacing-block-start, 0);
|
|
23
|
-
margin-block-end: var(--scb-switch-spacing-block-end, 0);
|
|
24
26
|
}
|
|
25
|
-
`;t([
|
|
27
|
+
`;t([r({type:Boolean})],e.prototype,"ticks",2);t([r({type:Number})],e.prototype,"step",2);t([r({type:Number,reflect:!0})],e.prototype,"value",2);t([r({type:Boolean})],e.prototype,"range",2);t([r({type:Number,attribute:"value-start"})],e.prototype,"valueStart",2);t([r({type:Number,attribute:"value-end"})],e.prototype,"valueEnd",2);t([r({type:Number,reflect:!0})],e.prototype,"min",2);t([r({type:Number,reflect:!0})],e.prototype,"max",2);t([r({type:Boolean})],e.prototype,"labeled",2);t([r({type:String,attribute:"value-label"})],e.prototype,"valueLabel",2);t([r({type:String,attribute:"value-label-start"})],e.prototype,"valueLabelStart",2);t([r({type:String,attribute:"value-label-end"})],e.prototype,"valueLabelEnd",2);t([r({type:Boolean,reflect:!0})],e.prototype,"disabled",2);t([r({type:String,reflect:!0})],e.prototype,"name",2);t([r({type:String,attribute:"name-start",reflect:!0})],e.prototype,"nameStart",2);t([r({type:String,attribute:"name-end",reflect:!0})],e.prototype,"nameEnd",2);e=t([v("scb-slider")],e);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "scb-wc-test",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.176",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"module": "index.js",
|
|
@@ -373,5 +373,5 @@
|
|
|
373
373
|
},
|
|
374
374
|
"./mvc/*": "./mvc/*"
|
|
375
375
|
},
|
|
376
|
-
"buildHash": "
|
|
376
|
+
"buildHash": "2D068D18B1E8BDFAB227BB69E630D6B84E5457F7B7054EE8F9F12355671197D4"
|
|
377
377
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { css as h, LitElement as d, html as l } from "lit";
|
|
2
|
-
import { property as o, customElement as
|
|
2
|
+
import { property as o, customElement as f } from "lit/decorators.js";
|
|
3
3
|
import "@material/web/icon/icon.js";
|
|
4
4
|
import "@material/web/focus/md-focus-ring.js";
|
|
5
5
|
import "../scb-icon-button/scb-icon-button.js";
|
|
6
|
-
var
|
|
6
|
+
var g = Object.defineProperty, m = Object.getOwnPropertyDescriptor, i = (e, n, s, r) => {
|
|
7
7
|
for (var a = r > 1 ? void 0 : r ? m(n, s) : n, c = e.length - 1, p; c >= 0; c--)
|
|
8
8
|
(p = e[c]) && (a = (r ? p(n, s, a) : p(a)) || a);
|
|
9
|
-
return r && a &&
|
|
9
|
+
return r && a && g(n, s, a), a;
|
|
10
10
|
};
|
|
11
11
|
let t = class extends d {
|
|
12
12
|
constructor() {
|
|
@@ -55,8 +55,10 @@ let t = class extends d {
|
|
|
55
55
|
</div>
|
|
56
56
|
` : null}
|
|
57
57
|
<div class="notification-text-container">
|
|
58
|
-
|
|
59
|
-
|
|
58
|
+
<div class="notification-title-container">
|
|
59
|
+
${this.title ? l`<div class="notification-title">${this.title}</div>` : null}
|
|
60
|
+
${this.subtitle ? l`<div class="notification-subtitle">${this.subtitle}</div>` : null}
|
|
61
|
+
</div>
|
|
60
62
|
${this.supportingText ? l`<div class="notification-text">${this.supportingText}</div>` : null}
|
|
61
63
|
${this.linkText ? l`
|
|
62
64
|
<div class="notification-footer">
|
|
@@ -223,7 +225,7 @@ t.styles = [
|
|
|
223
225
|
.notification-main.vertical {
|
|
224
226
|
flex-direction: column;
|
|
225
227
|
column-gap: 0;
|
|
226
|
-
row-gap: var(--spacing-
|
|
228
|
+
row-gap: var(--spacing-4, 12px);
|
|
227
229
|
align-items: flex-start;
|
|
228
230
|
}
|
|
229
231
|
|
|
@@ -248,12 +250,16 @@ t.styles = [
|
|
|
248
250
|
min-width: 0;
|
|
249
251
|
}
|
|
250
252
|
|
|
253
|
+
.notification-title-container{
|
|
254
|
+
display: flex;
|
|
255
|
+
flex-direction: column;
|
|
256
|
+
}
|
|
257
|
+
|
|
251
258
|
.notification-title {
|
|
252
259
|
font-size: var(--md-sys-typescale-headline-small-size, 24px);
|
|
253
260
|
font-weight: var(--weight-bold, 700);
|
|
254
261
|
line-height: var(--md-sys-typescale-headline-small-line-height, 30px);
|
|
255
262
|
letter-spacing: var(--md-sys-typescale-headline-small-tracking, -0.6px);
|
|
256
|
-
|
|
257
263
|
white-space: normal;
|
|
258
264
|
word-break: normal;
|
|
259
265
|
overflow-wrap: normal;
|
|
@@ -267,7 +273,6 @@ t.styles = [
|
|
|
267
273
|
font-weight: var(--weight-semibold, 600);
|
|
268
274
|
line-height: var(--md-sys-typescale-title-medium-line-height, 26px);
|
|
269
275
|
letter-spacing: var(--md-sys-typescale-title-medium-tracking, -0.3px);
|
|
270
|
-
|
|
271
276
|
white-space: normal;
|
|
272
277
|
word-break: normal;
|
|
273
278
|
overflow-wrap: normal;
|
|
@@ -401,7 +406,7 @@ i([
|
|
|
401
406
|
o({ type: String, attribute: "spacing-right" })
|
|
402
407
|
], t.prototype, "spacingRight", 2);
|
|
403
408
|
t = i([
|
|
404
|
-
|
|
409
|
+
f("scb-notification-card")
|
|
405
410
|
], t);
|
|
406
411
|
export {
|
|
407
412
|
t as ScbNotificationCard
|
|
@@ -14,7 +14,11 @@ export declare class ScbSlider extends LitElement {
|
|
|
14
14
|
valueLabelEnd?: string;
|
|
15
15
|
disabled: boolean;
|
|
16
16
|
name: string;
|
|
17
|
+
nameStart?: string;
|
|
18
|
+
nameEnd?: string;
|
|
17
19
|
static styles: import('lit').CSSResult;
|
|
20
|
+
private _onInput;
|
|
21
|
+
private _onChange;
|
|
18
22
|
render(): TemplateResult;
|
|
19
23
|
}
|
|
20
24
|
declare global {
|
package/scb-slider/scb-slider.js
CHANGED
|
@@ -1,20 +1,29 @@
|
|
|
1
|
-
import { css as
|
|
2
|
-
import { property as a, customElement as
|
|
1
|
+
import { css as h, LitElement as b, nothing as o, html as v } from "lit";
|
|
2
|
+
import { property as a, customElement as d } from "lit/decorators.js";
|
|
3
3
|
import "@material/web/slider/slider.js";
|
|
4
|
-
var m = Object.defineProperty, y = Object.getOwnPropertyDescriptor,
|
|
5
|
-
for (var
|
|
6
|
-
(
|
|
7
|
-
return i &&
|
|
4
|
+
var m = Object.defineProperty, y = Object.getOwnPropertyDescriptor, t = (l, r, n, i) => {
|
|
5
|
+
for (var s = i > 1 ? void 0 : i ? y(r, n) : r, u = l.length - 1, p; u >= 0; u--)
|
|
6
|
+
(p = l[u]) && (s = (i ? p(r, n, s) : p(s)) || s);
|
|
7
|
+
return i && s && m(r, n, s), s;
|
|
8
8
|
};
|
|
9
|
-
let
|
|
9
|
+
let e = class extends b {
|
|
10
10
|
constructor() {
|
|
11
11
|
super(...arguments), this.ticks = !1, this.step = 5, this.value = 20, this.range = !1, this.valueStart = 0, this.valueEnd = 100, this.min = 0, this.max = 100, this.labeled = !0, this.disabled = !1, this.name = "";
|
|
12
12
|
}
|
|
13
|
+
_onInput(l) {
|
|
14
|
+
const r = l.target;
|
|
15
|
+
this.range ? (this.valueStart = r.valueStart, this.valueEnd = r.valueEnd) : this.value = r.value, this.dispatchEvent(new Event("input", { bubbles: !0, composed: !0 }));
|
|
16
|
+
}
|
|
17
|
+
_onChange(l) {
|
|
18
|
+
const r = l.target;
|
|
19
|
+
this.range ? (this.valueStart = r.valueStart, this.valueEnd = r.valueEnd) : this.value = r.value, this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 }));
|
|
20
|
+
}
|
|
13
21
|
render() {
|
|
14
|
-
const r = this.labeled ?
|
|
15
|
-
return
|
|
22
|
+
const r = this.labeled ? o : this.ariaLabel || o;
|
|
23
|
+
return v`
|
|
16
24
|
<md-slider
|
|
17
25
|
?ticks=${this.ticks}
|
|
26
|
+
.value=${this.value}
|
|
18
27
|
.step=${this.step}
|
|
19
28
|
?range=${this.range}
|
|
20
29
|
.valueStart=${this.valueStart}
|
|
@@ -28,63 +37,70 @@ let t = class extends v {
|
|
|
28
37
|
?disabled=${this.disabled}
|
|
29
38
|
aria-label=${r}
|
|
30
39
|
name=${this.name}
|
|
40
|
+
name-start=${this.nameStart}
|
|
41
|
+
name-end=${this.nameEnd}
|
|
42
|
+
@input=${this._onInput}
|
|
43
|
+
@change=${this._onChange}
|
|
31
44
|
></md-slider>
|
|
32
45
|
`;
|
|
33
46
|
}
|
|
34
47
|
};
|
|
35
|
-
|
|
48
|
+
e.styles = h`
|
|
36
49
|
:host {
|
|
37
50
|
display: block;
|
|
38
|
-
/* Vertikalt avstånd styrs av spacing-attributen via CSS-variabler */
|
|
39
|
-
margin-block-start: var(--scb-switch-spacing-block-start, 0);
|
|
40
|
-
margin-block-end: var(--scb-switch-spacing-block-end, 0);
|
|
41
51
|
}
|
|
42
52
|
`;
|
|
43
|
-
|
|
53
|
+
t([
|
|
44
54
|
a({ type: Boolean })
|
|
45
|
-
],
|
|
46
|
-
|
|
47
|
-
a({ type: Number })
|
|
48
|
-
], t.prototype, "step", 2);
|
|
49
|
-
e([
|
|
55
|
+
], e.prototype, "ticks", 2);
|
|
56
|
+
t([
|
|
50
57
|
a({ type: Number })
|
|
51
|
-
],
|
|
52
|
-
|
|
58
|
+
], e.prototype, "step", 2);
|
|
59
|
+
t([
|
|
60
|
+
a({ type: Number, reflect: !0 })
|
|
61
|
+
], e.prototype, "value", 2);
|
|
62
|
+
t([
|
|
53
63
|
a({ type: Boolean })
|
|
54
|
-
],
|
|
55
|
-
|
|
64
|
+
], e.prototype, "range", 2);
|
|
65
|
+
t([
|
|
56
66
|
a({ type: Number, attribute: "value-start" })
|
|
57
|
-
],
|
|
58
|
-
|
|
67
|
+
], e.prototype, "valueStart", 2);
|
|
68
|
+
t([
|
|
59
69
|
a({ type: Number, attribute: "value-end" })
|
|
60
|
-
],
|
|
61
|
-
|
|
62
|
-
a({ type: Number })
|
|
63
|
-
],
|
|
64
|
-
|
|
65
|
-
a({ type: Number })
|
|
66
|
-
],
|
|
67
|
-
|
|
70
|
+
], e.prototype, "valueEnd", 2);
|
|
71
|
+
t([
|
|
72
|
+
a({ type: Number, reflect: !0 })
|
|
73
|
+
], e.prototype, "min", 2);
|
|
74
|
+
t([
|
|
75
|
+
a({ type: Number, reflect: !0 })
|
|
76
|
+
], e.prototype, "max", 2);
|
|
77
|
+
t([
|
|
68
78
|
a({ type: Boolean })
|
|
69
|
-
],
|
|
70
|
-
|
|
79
|
+
], e.prototype, "labeled", 2);
|
|
80
|
+
t([
|
|
71
81
|
a({ type: String, attribute: "value-label" })
|
|
72
|
-
],
|
|
73
|
-
|
|
82
|
+
], e.prototype, "valueLabel", 2);
|
|
83
|
+
t([
|
|
74
84
|
a({ type: String, attribute: "value-label-start" })
|
|
75
|
-
],
|
|
76
|
-
|
|
85
|
+
], e.prototype, "valueLabelStart", 2);
|
|
86
|
+
t([
|
|
77
87
|
a({ type: String, attribute: "value-label-end" })
|
|
78
|
-
],
|
|
79
|
-
|
|
80
|
-
a({ type: Boolean })
|
|
81
|
-
],
|
|
82
|
-
|
|
83
|
-
a({ type: String })
|
|
84
|
-
],
|
|
85
|
-
t
|
|
86
|
-
|
|
87
|
-
],
|
|
88
|
+
], e.prototype, "valueLabelEnd", 2);
|
|
89
|
+
t([
|
|
90
|
+
a({ type: Boolean, reflect: !0 })
|
|
91
|
+
], e.prototype, "disabled", 2);
|
|
92
|
+
t([
|
|
93
|
+
a({ type: String, reflect: !0 })
|
|
94
|
+
], e.prototype, "name", 2);
|
|
95
|
+
t([
|
|
96
|
+
a({ type: String, attribute: "name-start", reflect: !0 })
|
|
97
|
+
], e.prototype, "nameStart", 2);
|
|
98
|
+
t([
|
|
99
|
+
a({ type: String, attribute: "name-end", reflect: !0 })
|
|
100
|
+
], e.prototype, "nameEnd", 2);
|
|
101
|
+
e = t([
|
|
102
|
+
d("scb-slider")
|
|
103
|
+
], e);
|
|
88
104
|
export {
|
|
89
|
-
|
|
105
|
+
e as ScbSlider
|
|
90
106
|
};
|
package/scb-wc-test.bundle.js
CHANGED
|
@@ -38,7 +38,7 @@ var ScbWcTest=function(o){"use strict";var fc;function h(a,e,t,i){var r=argument
|
|
|
38
38
|
* @license
|
|
39
39
|
* Copyright 2021 Google LLC
|
|
40
40
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
41
|
-
*/function
|
|
41
|
+
*/function pe(a){return(e,t)=>{const{slot:i,selector:r}=a??{},s="slot"+(i?`[name=${i}]`:":not([name])");return Ki(e,t,{get(){var p;const l=(p=this.renderRoot)==null?void 0:p.querySelector(s),d=(l==null?void 0:l.assignedElements(a))??[];return r===void 0?d:d.filter(u=>u.matches(r))}})}}/**
|
|
42
42
|
* @license
|
|
43
43
|
* Copyright 2017 Google LLC
|
|
44
44
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -98,7 +98,7 @@ var ScbWcTest=function(o){"use strict";var fc;function h(a,e,t,i){var r=argument
|
|
|
98
98
|
* @license
|
|
99
99
|
* Copyright 2022 Google LLC
|
|
100
100
|
* SPDX-License-Identifier: Apache-2.0
|
|
101
|
-
*/const jc=450,sn=225,Kc=.2,Gc=10,Yc=75,Xc=.35,Zc="::after",Jc="forwards";var
|
|
101
|
+
*/const jc=450,sn=225,Kc=.2,Gc=10,Yc=75,Xc=.35,Zc="::after",Jc="forwards";var be;(function(a){a[a.INACTIVE=0]="INACTIVE",a[a.TOUCH_DELAY=1]="TOUCH_DELAY",a[a.HOLDING=2]="HOLDING",a[a.WAITING_FOR_CLICK=3]="WAITING_FOR_CLICK"})(be||(be={}));const Qc=["click","contextmenu","pointercancel","pointerdown","pointerenter","pointerleave","pointerup"],ed=150,Ja=window.matchMedia("(forced-colors: active)");class er extends _{constructor(){super(...arguments),this.disabled=!1,this.hovered=!1,this.pressed=!1,this.rippleSize="",this.rippleScale="",this.initialSize=0,this.state=be.INACTIVE,this.checkBoundsAfterContextMenu=!1,this.attachableController=new an(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(e){this.attachableController.htmlFor=e}get control(){return this.attachableController.control}set control(e){this.attachableController.control=e}attach(e){this.attachableController.attach(e)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}render(){const e={hovered:this.hovered,pressed:this.pressed};return c`<div class="surface ${F(e)}"></div>`}update(e){e.has("disabled")&&this.disabled&&(this.hovered=!1,this.pressed=!1),super.update(e)}handlePointerenter(e){this.shouldReactToEvent(e)&&(this.hovered=!0)}handlePointerleave(e){this.shouldReactToEvent(e)&&(this.hovered=!1,this.state!==be.INACTIVE&&this.endPressAnimation())}handlePointerup(e){if(this.shouldReactToEvent(e)){if(this.state===be.HOLDING){this.state=be.WAITING_FOR_CLICK;return}if(this.state===be.TOUCH_DELAY){this.state=be.WAITING_FOR_CLICK,this.startPressAnimation(this.rippleStartEvent);return}}}async handlePointerdown(e){if(this.shouldReactToEvent(e)){if(this.rippleStartEvent=e,!this.isTouch(e)){this.state=be.WAITING_FOR_CLICK,this.startPressAnimation(e);return}this.checkBoundsAfterContextMenu&&!this.inBounds(e)||(this.checkBoundsAfterContextMenu=!1,this.state=be.TOUCH_DELAY,await new Promise(t=>{setTimeout(t,ed)}),this.state===be.TOUCH_DELAY&&(this.state=be.HOLDING,this.startPressAnimation(e)))}}handleClick(){if(!this.disabled){if(this.state===be.WAITING_FOR_CLICK){this.endPressAnimation();return}this.state===be.INACTIVE&&(this.startPressAnimation(),this.endPressAnimation())}}handlePointercancel(e){this.shouldReactToEvent(e)&&this.endPressAnimation()}handleContextmenu(){this.disabled||(this.checkBoundsAfterContextMenu=!0,this.endPressAnimation())}determineRippleSize(){const{height:e,width:t}=this.getBoundingClientRect(),i=Math.max(e,t),r=Math.max(Xc*i,Yc),s=Math.floor(i*Kc),d=Math.sqrt(t**2+e**2)+Gc;this.initialSize=s,this.rippleScale=`${(d+r)/s}`,this.rippleSize=`${s}px`}getNormalizedPointerEventCoords(e){const{scrollX:t,scrollY:i}=window,{left:r,top:s}=this.getBoundingClientRect(),l=t+r,d=i+s,{pageX:p,pageY:u}=e;return{x:p-l,y:u-d}}getTranslationCoordinates(e){const{height:t,width:i}=this.getBoundingClientRect(),r={x:(i-this.initialSize)/2,y:(t-this.initialSize)/2};let s;return e instanceof PointerEvent?s=this.getNormalizedPointerEventCoords(e):s={x:i/2,y:t/2},s={x:s.x-this.initialSize/2,y:s.y-this.initialSize/2},{startPoint:s,endPoint:r}}startPressAnimation(e){var l;if(!this.mdRoot)return;this.pressed=!0,(l=this.growAnimation)==null||l.cancel(),this.determineRippleSize();const{startPoint:t,endPoint:i}=this.getTranslationCoordinates(e),r=`${t.x}px, ${t.y}px`,s=`${i.x}px, ${i.y}px`;this.growAnimation=this.mdRoot.animate({top:[0,0],left:[0,0],height:[this.rippleSize,this.rippleSize],width:[this.rippleSize,this.rippleSize],transform:[`translate(${r}) scale(1)`,`translate(${s}) scale(${this.rippleScale})`]},{pseudoElement:Zc,duration:jc,easing:Ue.STANDARD,fill:Jc})}async endPressAnimation(){this.rippleStartEvent=void 0,this.state=be.INACTIVE;const e=this.growAnimation;let t=1/0;if(typeof(e==null?void 0:e.currentTime)=="number"?t=e.currentTime:e!=null&&e.currentTime&&(t=e.currentTime.to("ms").value),t>=sn){this.pressed=!1;return}await new Promise(i=>{setTimeout(i,sn-t)}),this.growAnimation===e&&(this.pressed=!1)}shouldReactToEvent(e){if(this.disabled||!e.isPrimary||this.rippleStartEvent&&this.rippleStartEvent.pointerId!==e.pointerId)return!1;if(e.type==="pointerenter"||e.type==="pointerleave")return!this.isTouch(e);const t=e.buttons===1;return this.isTouch(e)||t}inBounds({x:e,y:t}){const{top:i,left:r,bottom:s,right:l}=this.getBoundingClientRect();return e>=r&&e<=l&&t>=i&&t<=s}isTouch({pointerType:e}){return e==="touch"}async handleEvent(e){if(!(Ja!=null&&Ja.matches))switch(e.type){case"click":this.handleClick();break;case"contextmenu":this.handleContextmenu();break;case"pointercancel":this.handlePointercancel(e);break;case"pointerdown":await this.handlePointerdown(e);break;case"pointerenter":this.handlePointerenter(e);break;case"pointerleave":this.handlePointerleave(e);break;case"pointerup":this.handlePointerup(e);break}}onControlChange(e,t){for(const i of Qc)e==null||e.removeEventListener(i,this),t==null||t.addEventListener(i,this)}}h([n({type:Boolean,reflect:!0})],er.prototype,"disabled",void 0),h([T()],er.prototype,"hovered",void 0),h([T()],er.prototype,"pressed",void 0),h([A(".surface")],er.prototype,"mdRoot",void 0);/**
|
|
102
102
|
* @license
|
|
103
103
|
* Copyright 2024 Google LLC
|
|
104
104
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -164,7 +164,7 @@ var ScbWcTest=function(o){"use strict";var fc;function h(a,e,t,i){var r=argument
|
|
|
164
164
|
${this.trailingIcon?b:e}
|
|
165
165
|
<span class="label"><slot></slot></span>
|
|
166
166
|
${this.trailingIcon?e:b}
|
|
167
|
-
`}handleSlotChange(){this.hasIcon=this.assignedIcons.length>0}}fe(ee),cn(ee),ee.formAssociated=!0,ee.shadowRootOptions={mode:"open",delegatesFocus:!0},h([n({type:Boolean,reflect:!0})],ee.prototype,"disabled",void 0),h([n()],ee.prototype,"href",void 0),h([n()],ee.prototype,"target",void 0),h([n({type:Boolean,attribute:"trailing-icon",reflect:!0})],ee.prototype,"trailingIcon",void 0),h([n({type:Boolean,attribute:"has-icon",reflect:!0})],ee.prototype,"hasIcon",void 0),h([n()],ee.prototype,"type",void 0),h([n({reflect:!0})],ee.prototype,"value",void 0),h([A(".button")],ee.prototype,"buttonElement",void 0),h([
|
|
167
|
+
`}handleSlotChange(){this.hasIcon=this.assignedIcons.length>0}}fe(ee),cn(ee),ee.formAssociated=!0,ee.shadowRootOptions={mode:"open",delegatesFocus:!0},h([n({type:Boolean,reflect:!0})],ee.prototype,"disabled",void 0),h([n()],ee.prototype,"href",void 0),h([n()],ee.prototype,"target",void 0),h([n({type:Boolean,attribute:"trailing-icon",reflect:!0})],ee.prototype,"trailingIcon",void 0),h([n({type:Boolean,attribute:"has-icon",reflect:!0})],ee.prototype,"hasIcon",void 0),h([n()],ee.prototype,"type",void 0),h([n({reflect:!0})],ee.prototype,"value",void 0),h([A(".button")],ee.prototype,"buttonElement",void 0),h([pe({slot:"icon",flatten:!0})],ee.prototype,"assignedIcons",void 0);/**
|
|
168
168
|
* @license
|
|
169
169
|
* Copyright 2021 Google LLC
|
|
170
170
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -362,7 +362,7 @@ var ScbWcTest=function(o){"use strict";var fc;function h(a,e,t,i){var r=argument
|
|
|
362
362
|
* @license
|
|
363
363
|
* Copyright 2023 Google LLC
|
|
364
364
|
* SPDX-License-Identifier: Apache-2.0
|
|
365
|
-
*/class pn extends _{get chips(){return this.childElements.filter(e=>e instanceof ht)}constructor(){super(),this.internals=this.attachInternals(),this.addEventListener("focusin",this.updateTabIndices.bind(this)),this.addEventListener("update-focus",this.updateTabIndices.bind(this)),this.addEventListener("keydown",this.handleKeyDown.bind(this)),this.internals.role="toolbar"}render(){return c`<slot @slotchange=${this.updateTabIndices}></slot>`}handleKeyDown(e){const t=e.key==="ArrowLeft",i=e.key==="ArrowRight",r=e.key==="Home",s=e.key==="End";if(!t&&!i&&!r&&!s)return;const{chips:l}=this;if(l.length<2)return;if(e.preventDefault(),r||s){const x=r?0:l.length-1;l[x].focus({trailing:s}),this.updateTabIndices();return}const p=getComputedStyle(this).direction==="rtl"?t:i,u=l.find(x=>x.matches(":focus-within"));if(!u){(p?l[0]:l[l.length-1]).focus({trailing:!p}),this.updateTabIndices();return}const m=l.indexOf(u);let v=p?m+1:m-1;for(;v!==m;){v>=l.length?v=0:v<0&&(v=l.length-1);const x=l[v];if(x.disabled&&!x.alwaysFocusable){p?v++:v--;continue}x.focus({trailing:!p}),this.updateTabIndices();break}}updateTabIndices(){const{chips:e}=this;let t;for(const i of e){const r=i.alwaysFocusable||!i.disabled;if(i.matches(":focus-within")&&r){t=i;continue}r&&!t&&(t=i),i.tabIndex=-1}t&&(t.tabIndex=0)}}h([
|
|
365
|
+
*/class pn extends _{get chips(){return this.childElements.filter(e=>e instanceof ht)}constructor(){super(),this.internals=this.attachInternals(),this.addEventListener("focusin",this.updateTabIndices.bind(this)),this.addEventListener("update-focus",this.updateTabIndices.bind(this)),this.addEventListener("keydown",this.handleKeyDown.bind(this)),this.internals.role="toolbar"}render(){return c`<slot @slotchange=${this.updateTabIndices}></slot>`}handleKeyDown(e){const t=e.key==="ArrowLeft",i=e.key==="ArrowRight",r=e.key==="Home",s=e.key==="End";if(!t&&!i&&!r&&!s)return;const{chips:l}=this;if(l.length<2)return;if(e.preventDefault(),r||s){const x=r?0:l.length-1;l[x].focus({trailing:s}),this.updateTabIndices();return}const p=getComputedStyle(this).direction==="rtl"?t:i,u=l.find(x=>x.matches(":focus-within"));if(!u){(p?l[0]:l[l.length-1]).focus({trailing:!p}),this.updateTabIndices();return}const m=l.indexOf(u);let v=p?m+1:m-1;for(;v!==m;){v>=l.length?v=0:v<0&&(v=l.length-1);const x=l[v];if(x.disabled&&!x.alwaysFocusable){p?v++:v--;continue}x.focus({trailing:!p}),this.updateTabIndices();break}}updateTabIndices(){const{chips:e}=this;let t;for(const i of e){const r=i.alwaysFocusable||!i.disabled;if(i.matches(":focus-within")&&r){t=i;continue}r&&!t&&(t=i),i.tabIndex=-1}t&&(t.tabIndex=0)}}h([pe()],pn.prototype,"childElements",void 0);/**
|
|
366
366
|
* @license
|
|
367
367
|
* Copyright 2024 Google LLC
|
|
368
368
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -651,7 +651,7 @@ var ScbWcTest=function(o){"use strict";var fc;function h(a,e,t,i){var r=argument
|
|
|
651
651
|
<span class="label ${F(i)}" aria-hidden=${!t}
|
|
652
652
|
>${r}</span
|
|
653
653
|
>
|
|
654
|
-
`}animateLabelIfNeeded({wasFocused:e,wasPopulated:t}){var s,l,d;if(!this.label)return;e??(e=this.focused),t??(t=this.populated);const i=e||t,r=this.focused||this.populated;i!==r&&(this.isAnimating=!0,(s=this.labelAnimation)==null||s.cancel(),this.labelAnimation=(l=this.floatingLabelEl)==null?void 0:l.animate(this.getLabelKeyframes(),{duration:150,easing:Ue.STANDARD}),(d=this.labelAnimation)==null||d.addEventListener("finish",()=>{this.isAnimating=!1}))}getLabelKeyframes(){const{floatingLabelEl:e,restingLabelEl:t}=this;if(!e||!t)return[];const{x:i,y:r,height:s}=e.getBoundingClientRect(),{x:l,y:d,height:p}=t.getBoundingClientRect(),u=e.scrollWidth,m=t.scrollWidth,v=m/u,x=l-i,g=d-r+Math.round((p-s*v)/2),w=`translateX(${x}px) translateY(${g}px) scale(${v})`,S="translateX(0) translateY(0) scale(1)",k=t.clientWidth,C=m>k?`${k/v}px`:"";return this.focused||this.populated?[{transform:w,width:C},{transform:S,width:C}]:[{transform:S,width:C},{transform:w,width:C}]}getSurfacePositionClientRect(){return this.containerEl.getBoundingClientRect()}}h([n({type:Boolean})],N.prototype,"disabled",void 0),h([n({type:Boolean})],N.prototype,"error",void 0),h([n({type:Boolean})],N.prototype,"focused",void 0),h([n()],N.prototype,"label",void 0),h([n({type:Boolean,attribute:"no-asterisk"})],N.prototype,"noAsterisk",void 0),h([n({type:Boolean})],N.prototype,"populated",void 0),h([n({type:Boolean})],N.prototype,"required",void 0),h([n({type:Boolean})],N.prototype,"resizable",void 0),h([n({attribute:"supporting-text"})],N.prototype,"supportingText",void 0),h([n({attribute:"error-text"})],N.prototype,"errorText",void 0),h([n({type:Number})],N.prototype,"count",void 0),h([n({type:Number})],N.prototype,"max",void 0),h([n({type:Boolean,attribute:"has-start"})],N.prototype,"hasStart",void 0),h([n({type:Boolean,attribute:"has-end"})],N.prototype,"hasEnd",void 0),h([
|
|
654
|
+
`}animateLabelIfNeeded({wasFocused:e,wasPopulated:t}){var s,l,d;if(!this.label)return;e??(e=this.focused),t??(t=this.populated);const i=e||t,r=this.focused||this.populated;i!==r&&(this.isAnimating=!0,(s=this.labelAnimation)==null||s.cancel(),this.labelAnimation=(l=this.floatingLabelEl)==null?void 0:l.animate(this.getLabelKeyframes(),{duration:150,easing:Ue.STANDARD}),(d=this.labelAnimation)==null||d.addEventListener("finish",()=>{this.isAnimating=!1}))}getLabelKeyframes(){const{floatingLabelEl:e,restingLabelEl:t}=this;if(!e||!t)return[];const{x:i,y:r,height:s}=e.getBoundingClientRect(),{x:l,y:d,height:p}=t.getBoundingClientRect(),u=e.scrollWidth,m=t.scrollWidth,v=m/u,x=l-i,g=d-r+Math.round((p-s*v)/2),w=`translateX(${x}px) translateY(${g}px) scale(${v})`,S="translateX(0) translateY(0) scale(1)",k=t.clientWidth,C=m>k?`${k/v}px`:"";return this.focused||this.populated?[{transform:w,width:C},{transform:S,width:C}]:[{transform:S,width:C},{transform:w,width:C}]}getSurfacePositionClientRect(){return this.containerEl.getBoundingClientRect()}}h([n({type:Boolean})],N.prototype,"disabled",void 0),h([n({type:Boolean})],N.prototype,"error",void 0),h([n({type:Boolean})],N.prototype,"focused",void 0),h([n()],N.prototype,"label",void 0),h([n({type:Boolean,attribute:"no-asterisk"})],N.prototype,"noAsterisk",void 0),h([n({type:Boolean})],N.prototype,"populated",void 0),h([n({type:Boolean})],N.prototype,"required",void 0),h([n({type:Boolean})],N.prototype,"resizable",void 0),h([n({attribute:"supporting-text"})],N.prototype,"supportingText",void 0),h([n({attribute:"error-text"})],N.prototype,"errorText",void 0),h([n({type:Number})],N.prototype,"count",void 0),h([n({type:Number})],N.prototype,"max",void 0),h([n({type:Boolean,attribute:"has-start"})],N.prototype,"hasStart",void 0),h([n({type:Boolean,attribute:"has-end"})],N.prototype,"hasEnd",void 0),h([pe({slot:"aria-describedby"})],N.prototype,"slottedAriaDescribedBy",void 0),h([T()],N.prototype,"isAnimating",void 0),h([T()],N.prototype,"refreshErrorAlert",void 0),h([T()],N.prototype,"disableTransitions",void 0),h([A(".label.floating")],N.prototype,"floatingLabelEl",void 0),h([A(".label.resting")],N.prototype,"restingLabelEl",void 0),h([A(".container")],N.prototype,"containerEl",void 0);/**
|
|
655
655
|
* @license
|
|
656
656
|
* Copyright 2021 Google LLC
|
|
657
657
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -808,7 +808,7 @@ var ScbWcTest=function(o){"use strict";var fc;function h(a,e,t,i){var r=argument
|
|
|
808
808
|
@request-activation=${this.listController.onRequestActivation}
|
|
809
809
|
@slotchange=${this.listController.onSlotchange}>
|
|
810
810
|
</slot>
|
|
811
|
-
`}activateNextItem(){return this.listController.activateNextItem()}activatePreviousItem(){return this.listController.activatePreviousItem()}}h([
|
|
811
|
+
`}activateNextItem(){return this.listController.activateNextItem()}activatePreviousItem(){return this.listController.activatePreviousItem()}}h([pe({flatten:!0})],An.prototype,"slotItems",void 0);/**
|
|
812
812
|
* @license
|
|
813
813
|
* Copyright 2024 Google LLC
|
|
814
814
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -935,7 +935,7 @@ var ScbWcTest=function(o){"use strict";var fc;function h(a,e,t,i){var r=argument
|
|
|
935
935
|
@activate-typeahead=${this.handleActivateTypeahead}
|
|
936
936
|
@stay-open-on-focusout=${this.handleStayOpenOnFocusout}
|
|
937
937
|
@close-on-focusout=${this.handleCloseOnFocusout}
|
|
938
|
-
@slotchange=${this.listController.onSlotchange}></slot>`}renderElevation(){return c`<md-elevation part="elevation"></md-elevation>`}getSurfaceClasses(){return{open:this.open,fixed:this.positioning==="fixed","has-overflow":this.hasOverflow}}captureKeydown(e){e.target===this&&!e.defaultPrevented&&Pn(e.code)&&(e.preventDefault(),this.close()),this.typeaheadController.onKeydown(e)}async animateOpen(){const e=this.surfaceEl,t=this.slotEl;if(!e||!t)return!0;const i=this.openDirection;this.dispatchEvent(new Event("opening")),e.classList.toggle("animating",!0);const r=this.openCloseAnimationSignal.start(),s=e.offsetHeight,l=i==="UP",d=this.items,p=500,u=50,m=250,v=(p-m)/d.length,x=e.animate([{height:"0px"},{height:`${s}px`}],{duration:p,easing:Ue.EMPHASIZED}),g=t.animate([{transform:l?`translateY(-${s}px)`:""},{transform:""}],{duration:p,easing:Ue.EMPHASIZED}),w=e.animate([{opacity:0},{opacity:1}],u),S=[];for(let C=0;C<d.length;C++){const O=l?d.length-1-C:C,R=d[O],L=R.animate([{opacity:0},{opacity:1}],{duration:m,delay:v*C});R.classList.toggle("md-menu-hidden",!0),L.addEventListener("finish",()=>{R.classList.toggle("md-menu-hidden",!1)}),S.push([R,L])}let k=C=>{};const $=new Promise(C=>{k=C});return r.addEventListener("abort",()=>{x.cancel(),g.cancel(),w.cancel(),S.forEach(([C,O])=>{C.classList.toggle("md-menu-hidden",!1),O.cancel()}),k(!0)}),x.addEventListener("finish",()=>{e.classList.toggle("animating",!1),this.openCloseAnimationSignal.finish(),k(!1)}),await $}animateClose(){let e;const t=new Promise(L=>{e=L}),i=this.surfaceEl,r=this.slotEl;if(!i||!r)return e(!1),t;const l=this.openDirection==="UP";this.dispatchEvent(new Event("closing")),i.classList.toggle("animating",!0);const d=this.openCloseAnimationSignal.start(),p=i.offsetHeight,u=this.items,m=150,v=50,x=m-v,g=50,w=50,S=.35,k=(m-w-g)/u.length,$=i.animate([{height:`${p}px`},{height:`${p*S}px`}],{duration:m,easing:Ue.EMPHASIZED_ACCELERATE}),C=r.animate([{transform:""},{transform:l?`translateY(-${p*(1-S)}px)`:""}],{duration:m,easing:Ue.EMPHASIZED_ACCELERATE}),O=i.animate([{opacity:1},{opacity:0}],{duration:v,delay:x}),R=[];for(let L=0;L<u.length;L++){const Pe=l?L:u.length-1-L,Ve=u[Pe],K=Ve.animate([{opacity:1},{opacity:0}],{duration:g,delay:w+k*L});K.addEventListener("finish",()=>{Ve.classList.toggle("md-menu-hidden",!0)}),R.push([Ve,K])}return d.addEventListener("abort",()=>{$.cancel(),C.cancel(),O.cancel(),R.forEach(([L,Pe])=>{Pe.cancel(),L.classList.toggle("md-menu-hidden",!1)}),e(!1)}),$.addEventListener("finish",()=>{i.classList.toggle("animating",!1),R.forEach(([L])=>{L.classList.toggle("md-menu-hidden",!1)}),this.openCloseAnimationSignal.finish(),this.dispatchEvent(new Event("closed")),e(!0)}),t}handleKeydown(e){this.pointerPath=[],this.listController.handleKeydown(e)}setUpGlobalEventListeners(){document.addEventListener("click",this.onDocumentClick,{capture:!0}),window.addEventListener("pointerdown",this.onWindowPointerdown),document.addEventListener("resize",this.onWindowResize,{passive:!0}),window.addEventListener("resize",this.onWindowResize,{passive:!0})}cleanUpGlobalEventListeners(){document.removeEventListener("click",this.onDocumentClick,{capture:!0}),window.removeEventListener("pointerdown",this.onWindowPointerdown),document.removeEventListener("resize",this.onWindowResize),window.removeEventListener("resize",this.onWindowResize)}onCloseMenu(){this.close()}onDeactivateItems(e){e.stopPropagation(),this.listController.onDeactivateItems()}onRequestActivation(e){e.stopPropagation(),this.listController.onRequestActivation(e)}handleDeactivateTypeahead(e){e.stopPropagation(),this.typeaheadActive=!1}handleActivateTypeahead(e){e.stopPropagation(),this.typeaheadActive=!0}handleStayOpenOnFocusout(e){e.stopPropagation(),this.stayOpenOnFocusout=!0}handleCloseOnFocusout(e){e.stopPropagation(),this.stayOpenOnFocusout=!1}close(){this.open=!1,this.slotItems.forEach(t=>{var i;(i=t.close)==null||i.call(t)})}show(){this.open=!0}activateNextItem(){return this.listController.activateNextItem()??null}activatePreviousItem(){return this.listController.activatePreviousItem()??null}reposition(){this.open&&this.menuPositionController.position()}}h([A(".menu")],G.prototype,"surfaceEl",void 0),h([A("slot")],G.prototype,"slotEl",void 0),h([n()],G.prototype,"anchor",void 0),h([n()],G.prototype,"positioning",void 0),h([n({type:Boolean})],G.prototype,"quick",void 0),h([n({type:Boolean,attribute:"has-overflow"})],G.prototype,"hasOverflow",void 0),h([n({type:Boolean,reflect:!0})],G.prototype,"open",void 0),h([n({type:Number,attribute:"x-offset"})],G.prototype,"xOffset",void 0),h([n({type:Number,attribute:"y-offset"})],G.prototype,"yOffset",void 0),h([n({type:Number,attribute:"typeahead-delay"})],G.prototype,"typeaheadDelay",void 0),h([n({attribute:"anchor-corner"})],G.prototype,"anchorCorner",void 0),h([n({attribute:"menu-corner"})],G.prototype,"menuCorner",void 0),h([n({type:Boolean,attribute:"stay-open-on-outside-click"})],G.prototype,"stayOpenOnOutsideClick",void 0),h([n({type:Boolean,attribute:"stay-open-on-focusout"})],G.prototype,"stayOpenOnFocusout",void 0),h([n({type:Boolean,attribute:"skip-restore-focus"})],G.prototype,"skipRestoreFocus",void 0),h([n({attribute:"default-focus"})],G.prototype,"defaultFocus",void 0),h([n({type:Boolean,attribute:"no-navigation-wrap"})],G.prototype,"noNavigationWrap",void 0),h([
|
|
938
|
+
@slotchange=${this.listController.onSlotchange}></slot>`}renderElevation(){return c`<md-elevation part="elevation"></md-elevation>`}getSurfaceClasses(){return{open:this.open,fixed:this.positioning==="fixed","has-overflow":this.hasOverflow}}captureKeydown(e){e.target===this&&!e.defaultPrevented&&Pn(e.code)&&(e.preventDefault(),this.close()),this.typeaheadController.onKeydown(e)}async animateOpen(){const e=this.surfaceEl,t=this.slotEl;if(!e||!t)return!0;const i=this.openDirection;this.dispatchEvent(new Event("opening")),e.classList.toggle("animating",!0);const r=this.openCloseAnimationSignal.start(),s=e.offsetHeight,l=i==="UP",d=this.items,p=500,u=50,m=250,v=(p-m)/d.length,x=e.animate([{height:"0px"},{height:`${s}px`}],{duration:p,easing:Ue.EMPHASIZED}),g=t.animate([{transform:l?`translateY(-${s}px)`:""},{transform:""}],{duration:p,easing:Ue.EMPHASIZED}),w=e.animate([{opacity:0},{opacity:1}],u),S=[];for(let C=0;C<d.length;C++){const O=l?d.length-1-C:C,R=d[O],L=R.animate([{opacity:0},{opacity:1}],{duration:m,delay:v*C});R.classList.toggle("md-menu-hidden",!0),L.addEventListener("finish",()=>{R.classList.toggle("md-menu-hidden",!1)}),S.push([R,L])}let k=C=>{};const $=new Promise(C=>{k=C});return r.addEventListener("abort",()=>{x.cancel(),g.cancel(),w.cancel(),S.forEach(([C,O])=>{C.classList.toggle("md-menu-hidden",!1),O.cancel()}),k(!0)}),x.addEventListener("finish",()=>{e.classList.toggle("animating",!1),this.openCloseAnimationSignal.finish(),k(!1)}),await $}animateClose(){let e;const t=new Promise(L=>{e=L}),i=this.surfaceEl,r=this.slotEl;if(!i||!r)return e(!1),t;const l=this.openDirection==="UP";this.dispatchEvent(new Event("closing")),i.classList.toggle("animating",!0);const d=this.openCloseAnimationSignal.start(),p=i.offsetHeight,u=this.items,m=150,v=50,x=m-v,g=50,w=50,S=.35,k=(m-w-g)/u.length,$=i.animate([{height:`${p}px`},{height:`${p*S}px`}],{duration:m,easing:Ue.EMPHASIZED_ACCELERATE}),C=r.animate([{transform:""},{transform:l?`translateY(-${p*(1-S)}px)`:""}],{duration:m,easing:Ue.EMPHASIZED_ACCELERATE}),O=i.animate([{opacity:1},{opacity:0}],{duration:v,delay:x}),R=[];for(let L=0;L<u.length;L++){const Pe=l?L:u.length-1-L,Ve=u[Pe],K=Ve.animate([{opacity:1},{opacity:0}],{duration:g,delay:w+k*L});K.addEventListener("finish",()=>{Ve.classList.toggle("md-menu-hidden",!0)}),R.push([Ve,K])}return d.addEventListener("abort",()=>{$.cancel(),C.cancel(),O.cancel(),R.forEach(([L,Pe])=>{Pe.cancel(),L.classList.toggle("md-menu-hidden",!1)}),e(!1)}),$.addEventListener("finish",()=>{i.classList.toggle("animating",!1),R.forEach(([L])=>{L.classList.toggle("md-menu-hidden",!1)}),this.openCloseAnimationSignal.finish(),this.dispatchEvent(new Event("closed")),e(!0)}),t}handleKeydown(e){this.pointerPath=[],this.listController.handleKeydown(e)}setUpGlobalEventListeners(){document.addEventListener("click",this.onDocumentClick,{capture:!0}),window.addEventListener("pointerdown",this.onWindowPointerdown),document.addEventListener("resize",this.onWindowResize,{passive:!0}),window.addEventListener("resize",this.onWindowResize,{passive:!0})}cleanUpGlobalEventListeners(){document.removeEventListener("click",this.onDocumentClick,{capture:!0}),window.removeEventListener("pointerdown",this.onWindowPointerdown),document.removeEventListener("resize",this.onWindowResize),window.removeEventListener("resize",this.onWindowResize)}onCloseMenu(){this.close()}onDeactivateItems(e){e.stopPropagation(),this.listController.onDeactivateItems()}onRequestActivation(e){e.stopPropagation(),this.listController.onRequestActivation(e)}handleDeactivateTypeahead(e){e.stopPropagation(),this.typeaheadActive=!1}handleActivateTypeahead(e){e.stopPropagation(),this.typeaheadActive=!0}handleStayOpenOnFocusout(e){e.stopPropagation(),this.stayOpenOnFocusout=!0}handleCloseOnFocusout(e){e.stopPropagation(),this.stayOpenOnFocusout=!1}close(){this.open=!1,this.slotItems.forEach(t=>{var i;(i=t.close)==null||i.call(t)})}show(){this.open=!0}activateNextItem(){return this.listController.activateNextItem()??null}activatePreviousItem(){return this.listController.activatePreviousItem()??null}reposition(){this.open&&this.menuPositionController.position()}}h([A(".menu")],G.prototype,"surfaceEl",void 0),h([A("slot")],G.prototype,"slotEl",void 0),h([n()],G.prototype,"anchor",void 0),h([n()],G.prototype,"positioning",void 0),h([n({type:Boolean})],G.prototype,"quick",void 0),h([n({type:Boolean,attribute:"has-overflow"})],G.prototype,"hasOverflow",void 0),h([n({type:Boolean,reflect:!0})],G.prototype,"open",void 0),h([n({type:Number,attribute:"x-offset"})],G.prototype,"xOffset",void 0),h([n({type:Number,attribute:"y-offset"})],G.prototype,"yOffset",void 0),h([n({type:Number,attribute:"typeahead-delay"})],G.prototype,"typeaheadDelay",void 0),h([n({attribute:"anchor-corner"})],G.prototype,"anchorCorner",void 0),h([n({attribute:"menu-corner"})],G.prototype,"menuCorner",void 0),h([n({type:Boolean,attribute:"stay-open-on-outside-click"})],G.prototype,"stayOpenOnOutsideClick",void 0),h([n({type:Boolean,attribute:"stay-open-on-focusout"})],G.prototype,"stayOpenOnFocusout",void 0),h([n({type:Boolean,attribute:"skip-restore-focus"})],G.prototype,"skipRestoreFocus",void 0),h([n({attribute:"default-focus"})],G.prototype,"defaultFocus",void 0),h([n({type:Boolean,attribute:"no-navigation-wrap"})],G.prototype,"noNavigationWrap",void 0),h([pe({flatten:!0})],G.prototype,"slotItems",void 0),h([T()],G.prototype,"typeaheadActive",void 0);/**
|
|
939
939
|
* @license
|
|
940
940
|
* Copyright 2024 Google LLC
|
|
941
941
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -991,7 +991,7 @@ var ScbWcTest=function(o){"use strict";var fc;function h(a,e,t,i){var r=argument
|
|
|
991
991
|
<slot
|
|
992
992
|
name="trailing-supporting-text"
|
|
993
993
|
slot="trailing-supporting-text"></slot>
|
|
994
|
-
`}focus(){var e;(e=this.listItemRoot)==null||e.focus()}}fe(ye),ye.shadowRootOptions={..._.shadowRootOptions,delegatesFocus:!0},h([n({type:Boolean,reflect:!0})],ye.prototype,"disabled",void 0),h([n()],ye.prototype,"type",void 0),h([n()],ye.prototype,"href",void 0),h([n()],ye.prototype,"target",void 0),h([n({type:Boolean,attribute:"keep-open"})],ye.prototype,"keepOpen",void 0),h([n({type:Boolean})],ye.prototype,"selected",void 0),h([A(".list-item")],ye.prototype,"listItemRoot",void 0),h([
|
|
994
|
+
`}focus(){var e;(e=this.listItemRoot)==null||e.focus()}}fe(ye),ye.shadowRootOptions={..._.shadowRootOptions,delegatesFocus:!0},h([n({type:Boolean,reflect:!0})],ye.prototype,"disabled",void 0),h([n()],ye.prototype,"type",void 0),h([n()],ye.prototype,"href",void 0),h([n()],ye.prototype,"target",void 0),h([n({type:Boolean,attribute:"keep-open"})],ye.prototype,"keepOpen",void 0),h([n({type:Boolean})],ye.prototype,"selected",void 0),h([A(".list-item")],ye.prototype,"listItemRoot",void 0),h([pe({slot:"headline"})],ye.prototype,"headlineElements",void 0),h([pe({slot:"supporting-text"})],ye.prototype,"supportingTextElements",void 0),h([Ua({slot:""})],ye.prototype,"defaultElements",void 0),h([n({attribute:"typeahead-text"})],ye.prototype,"typeaheadText",null);/**
|
|
995
995
|
* @license
|
|
996
996
|
* Copyright 2024 Google LLC
|
|
997
997
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -1017,7 +1017,7 @@ var ScbWcTest=function(o){"use strict";var fc;function h(a,e,t,i){var r=argument
|
|
|
1017
1017
|
@close-menu=${this.onCloseSubmenu}
|
|
1018
1018
|
@slotchange=${this.onSlotchange}>
|
|
1019
1019
|
</slot>
|
|
1020
|
-
`}firstUpdated(){this.onSlotchange()}async show(){const e=this.menu;if(!e||e.open)return;e.addEventListener("closed",()=>{this.item.ariaExpanded="false",this.dispatchEvent(So()),this.dispatchEvent(Gr()),e.ariaHidden="true"},{once:!0}),e.positioning==="document"&&(e.positioning="absolute"),e.quick=!0,e.hasOverflow=!0,e.anchorCorner=this.anchorCorner,e.menuCorner=this.menuCorner,e.anchorElement=this.item,e.defaultFocus="first-item",e.removeAttribute("aria-hidden"),e.skipRestoreFocus=!1;const t=e.open;if(e.show(),this.item.ariaExpanded="true",this.item.ariaHasPopup="menu",e.id&&this.item.setAttribute("aria-controls",e.id),this.dispatchEvent(Gr()),this.dispatchEvent(lp()),this.item.selected=!0,!t){let i=s=>{};const r=new Promise(s=>{i=s});e.addEventListener("opened",i,{once:!0}),await r}}async close(){const e=this.menu;if(!e||!e.open)return;this.dispatchEvent(So()),e.quick=!0,e.close(),this.dispatchEvent(Gr());let t=r=>{};const i=new Promise(r=>{t=r});e.addEventListener("closed",t,{once:!0}),await i}onSlotchange(){var t;if(!this.item)return;this.item.ariaExpanded="false",this.item.ariaHasPopup="menu",(t=this.menu)!=null&&t.id&&this.item.setAttribute("aria-controls",this.menu.id),this.item.keepOpen=!0;const e=this.menu;e&&(e.isSubmenu=!0,e.ariaHidden="true")}onClick(){this.show()}async onKeydown(e){const t=this.isSubmenuOpenKey(e.code);if(e.defaultPrevented)return;const i=t&&(Rt.LEFT===e.code||Rt.RIGHT===e.code);if((e.code===$i.SPACE||i)&&(e.preventDefault(),i&&e.stopPropagation()),!t)return;const r=this.menu;if(!r)return;const s=r.items,l=Kr(s);if(l){await this.show(),l.tabIndex=0,l.focus();return}}onCloseSubmenu(e){const{itemPath:t,reason:i}=e.detail;if(t.push(this.item),this.dispatchEvent(So()),i.kind===ko.KEYDOWN&&i.key===$o.ESCAPE){e.stopPropagation(),this.item.dispatchEvent(Tn());return}this.dispatchEvent(Gr())}async onSubMenuKeydown(e){var r;if(e.defaultPrevented)return;const{close:t,keyCode:i}=this.isSubmenuCloseKey(e.code);t&&(e.preventDefault(),(i===Rt.LEFT||i===Rt.RIGHT)&&e.stopPropagation(),await this.close(),Zd(this.menu.items),(r=this.item)==null||r.focus(),this.item.tabIndex=0,this.item.focus())}isSubmenuOpenKey(e){const i=getComputedStyle(this).direction==="rtl"?Rt.LEFT:Rt.RIGHT;switch(e){case i:case $i.SPACE:case $i.ENTER:return!0;default:return!1}}isSubmenuCloseKey(e){const i=getComputedStyle(this).direction==="rtl"?Rt.RIGHT:Rt.LEFT;switch(e){case i:case $o.ESCAPE:return{close:!0,keyCode:e};default:return{close:!1}}}}h([n({attribute:"anchor-corner"})],Mt.prototype,"anchorCorner",void 0),h([n({attribute:"menu-corner"})],Mt.prototype,"menuCorner",void 0),h([n({type:Number,attribute:"hover-open-delay"})],Mt.prototype,"hoverOpenDelay",void 0),h([n({type:Number,attribute:"hover-close-delay"})],Mt.prototype,"hoverCloseDelay",void 0),h([n({type:Boolean,reflect:!0,attribute:"md-sub-menu"})],Mt.prototype,"isSubMenu",void 0),h([
|
|
1020
|
+
`}firstUpdated(){this.onSlotchange()}async show(){const e=this.menu;if(!e||e.open)return;e.addEventListener("closed",()=>{this.item.ariaExpanded="false",this.dispatchEvent(So()),this.dispatchEvent(Gr()),e.ariaHidden="true"},{once:!0}),e.positioning==="document"&&(e.positioning="absolute"),e.quick=!0,e.hasOverflow=!0,e.anchorCorner=this.anchorCorner,e.menuCorner=this.menuCorner,e.anchorElement=this.item,e.defaultFocus="first-item",e.removeAttribute("aria-hidden"),e.skipRestoreFocus=!1;const t=e.open;if(e.show(),this.item.ariaExpanded="true",this.item.ariaHasPopup="menu",e.id&&this.item.setAttribute("aria-controls",e.id),this.dispatchEvent(Gr()),this.dispatchEvent(lp()),this.item.selected=!0,!t){let i=s=>{};const r=new Promise(s=>{i=s});e.addEventListener("opened",i,{once:!0}),await r}}async close(){const e=this.menu;if(!e||!e.open)return;this.dispatchEvent(So()),e.quick=!0,e.close(),this.dispatchEvent(Gr());let t=r=>{};const i=new Promise(r=>{t=r});e.addEventListener("closed",t,{once:!0}),await i}onSlotchange(){var t;if(!this.item)return;this.item.ariaExpanded="false",this.item.ariaHasPopup="menu",(t=this.menu)!=null&&t.id&&this.item.setAttribute("aria-controls",this.menu.id),this.item.keepOpen=!0;const e=this.menu;e&&(e.isSubmenu=!0,e.ariaHidden="true")}onClick(){this.show()}async onKeydown(e){const t=this.isSubmenuOpenKey(e.code);if(e.defaultPrevented)return;const i=t&&(Rt.LEFT===e.code||Rt.RIGHT===e.code);if((e.code===$i.SPACE||i)&&(e.preventDefault(),i&&e.stopPropagation()),!t)return;const r=this.menu;if(!r)return;const s=r.items,l=Kr(s);if(l){await this.show(),l.tabIndex=0,l.focus();return}}onCloseSubmenu(e){const{itemPath:t,reason:i}=e.detail;if(t.push(this.item),this.dispatchEvent(So()),i.kind===ko.KEYDOWN&&i.key===$o.ESCAPE){e.stopPropagation(),this.item.dispatchEvent(Tn());return}this.dispatchEvent(Gr())}async onSubMenuKeydown(e){var r;if(e.defaultPrevented)return;const{close:t,keyCode:i}=this.isSubmenuCloseKey(e.code);t&&(e.preventDefault(),(i===Rt.LEFT||i===Rt.RIGHT)&&e.stopPropagation(),await this.close(),Zd(this.menu.items),(r=this.item)==null||r.focus(),this.item.tabIndex=0,this.item.focus())}isSubmenuOpenKey(e){const i=getComputedStyle(this).direction==="rtl"?Rt.LEFT:Rt.RIGHT;switch(e){case i:case $i.SPACE:case $i.ENTER:return!0;default:return!1}}isSubmenuCloseKey(e){const i=getComputedStyle(this).direction==="rtl"?Rt.RIGHT:Rt.LEFT;switch(e){case i:case $o.ESCAPE:return{close:!0,keyCode:e};default:return{close:!1}}}}h([n({attribute:"anchor-corner"})],Mt.prototype,"anchorCorner",void 0),h([n({attribute:"menu-corner"})],Mt.prototype,"menuCorner",void 0),h([n({type:Number,attribute:"hover-open-delay"})],Mt.prototype,"hoverOpenDelay",void 0),h([n({type:Number,attribute:"hover-close-delay"})],Mt.prototype,"hoverCloseDelay",void 0),h([n({type:Boolean,reflect:!0,attribute:"md-sub-menu"})],Mt.prototype,"isSubMenu",void 0),h([pe({slot:"item",flatten:!0})],Mt.prototype,"items",void 0),h([pe({slot:"menu",flatten:!0})],Mt.prototype,"menus",void 0);/**
|
|
1021
1021
|
* @license
|
|
1022
1022
|
* Copyright 2024 Google LLC
|
|
1023
1023
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -1242,7 +1242,7 @@ var ScbWcTest=function(o){"use strict";var fc;function h(a,e,t,i){var r=argument
|
|
|
1242
1242
|
@request-deselection=${this.handleRequestDeselection}>
|
|
1243
1243
|
${this.renderMenuContent()}
|
|
1244
1244
|
</md-menu>
|
|
1245
|
-
</div>`}renderMenuContent(){return c`<slot></slot>`}handleKeydown(e){var s,l;if(this.open||this.disabled||!this.menu)return;const t=this.menu.typeaheadController,i=e.code==="Space"||e.code==="ArrowDown"||e.code==="ArrowUp"||e.code==="End"||e.code==="Home"||e.code==="Enter";if(!t.isTypingAhead&&i){switch(e.preventDefault(),this.open=!0,e.code){case"Space":case"ArrowDown":case"Enter":this.defaultFocus=je.NONE;break;case"End":this.defaultFocus=je.LAST_ITEM;break;case"ArrowUp":case"Home":this.defaultFocus=je.FIRST_ITEM;break}return}if(e.key.length===1){t.onKeydown(e),e.preventDefault();const{lastActiveRecord:d}=t;if(!d)return;(l=(s=this.labelEl)==null?void 0:s.setAttribute)==null||l.call(s,"aria-live","polite"),this.selectItem(d[Re.ITEM])&&this.dispatchInteractionEvents()}}handleClick(){this.open=!this.open}handleFocus(){this.focused=!0}handleBlur(){this.focused=!1}handleFocusout(e){e.relatedTarget&&Co(e.relatedTarget,this)||(this.open=!1)}getSelectedOptions(){if(!this.menu)return this.lastSelectedOptionRecords=[],null;const e=this.menu.items;return this.lastSelectedOptionRecords=Ep(e),this.lastSelectedOptionRecords}async getUpdateComplete(){var e;return await((e=this.menu)==null?void 0:e.updateComplete),super.getUpdateComplete()}updateValueAndDisplayText(){const e=this.getSelectedOptions()??[];let t=!1;if(e.length){const[i]=e[0];t=this.lastSelectedOption!==i,this.lastSelectedOption=i,this[sa]=i.value,this.displayText=i.displayText}else t=this.lastSelectedOption!==null,this.lastSelectedOption=null,this[sa]="",this.displayText="";return t}async handleOpening(e){var s,l,d;if((l=(s=this.labelEl)==null?void 0:s.removeAttribute)==null||l.call(s,"aria-live"),this.redispatchEvent(e),this.defaultFocus!==je.NONE)return;const t=this.menu.items,i=(d=ki(t))==null?void 0:d.item;let[r]=this.lastSelectedOptionRecords[0]??[null];i&&i!==r&&(i.tabIndex=-1),r=r??t[0],r&&(r.tabIndex=0,r.focus())}redispatchEvent(e){Ot(this,e)}handleClosed(e){this.open=!1,this.redispatchEvent(e)}handleCloseMenu(e){const t=e.detail.reason,i=e.detail.itemPath[0];this.open=!1;let r=!1;t.kind==="click-selection"?r=this.selectItem(i):t.kind==="keydown"&&cp(t.key)?r=this.selectItem(i):(i.tabIndex=-1,i.blur()),r&&this.dispatchInteractionEvents()}selectItem(e){return(this.getSelectedOptions()??[]).forEach(([i])=>{e!==i&&(i.selected=!1)}),e.selected=!0,this.updateValueAndDisplayText()}handleRequestSelection(e){const t=e.target;this.lastSelectedOptionRecords.some(([i])=>i===t)||this.selectItem(t)}handleRequestDeselection(e){const t=e.target;this.lastSelectedOptionRecords.some(([i])=>i===t)&&this.updateValueAndDisplayText()}initUserSelection(){this.lastUserSetValue&&!this.lastSelectedOptionRecords.length?this.select(this.lastUserSetValue):this.lastUserSetSelectedIndex!==null&&!this.lastSelectedOptionRecords.length?this.selectIndex(this.lastUserSetSelectedIndex):this.updateValueAndDisplayText()}handleIconChange(){this.hasLeadingIcon=this.leadingIcons.length>0}dispatchInteractionEvents(){this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0}))}getErrorText(){return this.error?this.errorText:this.nativeErrorText}[pt](){return this.value}formResetCallback(){this.reset()}formStateRestoreCallback(e){this.value=e}click(){var e;(e=this.field)==null||e.click()}[Xt](){return new Tp(()=>this)}[Zt](){return this.field}}fe(B),B.shadowRootOptions={..._.shadowRootOptions,delegatesFocus:!0},h([n({type:Boolean})],B.prototype,"quick",void 0),h([n({type:Boolean})],B.prototype,"required",void 0),h([n({type:String,attribute:"error-text"})],B.prototype,"errorText",void 0),h([n()],B.prototype,"label",void 0),h([n({type:Boolean,attribute:"no-asterisk"})],B.prototype,"noAsterisk",void 0),h([n({type:String,attribute:"supporting-text"})],B.prototype,"supportingText",void 0),h([n({type:Boolean,reflect:!0})],B.prototype,"error",void 0),h([n({attribute:"menu-positioning"})],B.prototype,"menuPositioning",void 0),h([n({type:Boolean,attribute:"clamp-menu-width"})],B.prototype,"clampMenuWidth",void 0),h([n({type:Number,attribute:"typeahead-delay"})],B.prototype,"typeaheadDelay",void 0),h([n({type:Boolean,attribute:"has-leading-icon"})],B.prototype,"hasLeadingIcon",void 0),h([n({attribute:"display-text"})],B.prototype,"displayText",void 0),h([n({attribute:"menu-align"})],B.prototype,"menuAlign",void 0),h([n()],B.prototype,"value",null),h([n({type:Number,attribute:"selected-index"})],B.prototype,"selectedIndex",null),h([T()],B.prototype,"nativeError",void 0),h([T()],B.prototype,"nativeErrorText",void 0),h([T()],B.prototype,"focused",void 0),h([T()],B.prototype,"open",void 0),h([T()],B.prototype,"defaultFocus",void 0),h([A(".field")],B.prototype,"field",void 0),h([A("md-menu")],B.prototype,"menu",void 0),h([A("#label")],B.prototype,"labelEl",void 0),h([
|
|
1245
|
+
</div>`}renderMenuContent(){return c`<slot></slot>`}handleKeydown(e){var s,l;if(this.open||this.disabled||!this.menu)return;const t=this.menu.typeaheadController,i=e.code==="Space"||e.code==="ArrowDown"||e.code==="ArrowUp"||e.code==="End"||e.code==="Home"||e.code==="Enter";if(!t.isTypingAhead&&i){switch(e.preventDefault(),this.open=!0,e.code){case"Space":case"ArrowDown":case"Enter":this.defaultFocus=je.NONE;break;case"End":this.defaultFocus=je.LAST_ITEM;break;case"ArrowUp":case"Home":this.defaultFocus=je.FIRST_ITEM;break}return}if(e.key.length===1){t.onKeydown(e),e.preventDefault();const{lastActiveRecord:d}=t;if(!d)return;(l=(s=this.labelEl)==null?void 0:s.setAttribute)==null||l.call(s,"aria-live","polite"),this.selectItem(d[Re.ITEM])&&this.dispatchInteractionEvents()}}handleClick(){this.open=!this.open}handleFocus(){this.focused=!0}handleBlur(){this.focused=!1}handleFocusout(e){e.relatedTarget&&Co(e.relatedTarget,this)||(this.open=!1)}getSelectedOptions(){if(!this.menu)return this.lastSelectedOptionRecords=[],null;const e=this.menu.items;return this.lastSelectedOptionRecords=Ep(e),this.lastSelectedOptionRecords}async getUpdateComplete(){var e;return await((e=this.menu)==null?void 0:e.updateComplete),super.getUpdateComplete()}updateValueAndDisplayText(){const e=this.getSelectedOptions()??[];let t=!1;if(e.length){const[i]=e[0];t=this.lastSelectedOption!==i,this.lastSelectedOption=i,this[sa]=i.value,this.displayText=i.displayText}else t=this.lastSelectedOption!==null,this.lastSelectedOption=null,this[sa]="",this.displayText="";return t}async handleOpening(e){var s,l,d;if((l=(s=this.labelEl)==null?void 0:s.removeAttribute)==null||l.call(s,"aria-live"),this.redispatchEvent(e),this.defaultFocus!==je.NONE)return;const t=this.menu.items,i=(d=ki(t))==null?void 0:d.item;let[r]=this.lastSelectedOptionRecords[0]??[null];i&&i!==r&&(i.tabIndex=-1),r=r??t[0],r&&(r.tabIndex=0,r.focus())}redispatchEvent(e){Ot(this,e)}handleClosed(e){this.open=!1,this.redispatchEvent(e)}handleCloseMenu(e){const t=e.detail.reason,i=e.detail.itemPath[0];this.open=!1;let r=!1;t.kind==="click-selection"?r=this.selectItem(i):t.kind==="keydown"&&cp(t.key)?r=this.selectItem(i):(i.tabIndex=-1,i.blur()),r&&this.dispatchInteractionEvents()}selectItem(e){return(this.getSelectedOptions()??[]).forEach(([i])=>{e!==i&&(i.selected=!1)}),e.selected=!0,this.updateValueAndDisplayText()}handleRequestSelection(e){const t=e.target;this.lastSelectedOptionRecords.some(([i])=>i===t)||this.selectItem(t)}handleRequestDeselection(e){const t=e.target;this.lastSelectedOptionRecords.some(([i])=>i===t)&&this.updateValueAndDisplayText()}initUserSelection(){this.lastUserSetValue&&!this.lastSelectedOptionRecords.length?this.select(this.lastUserSetValue):this.lastUserSetSelectedIndex!==null&&!this.lastSelectedOptionRecords.length?this.selectIndex(this.lastUserSetSelectedIndex):this.updateValueAndDisplayText()}handleIconChange(){this.hasLeadingIcon=this.leadingIcons.length>0}dispatchInteractionEvents(){this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0}))}getErrorText(){return this.error?this.errorText:this.nativeErrorText}[pt](){return this.value}formResetCallback(){this.reset()}formStateRestoreCallback(e){this.value=e}click(){var e;(e=this.field)==null||e.click()}[Xt](){return new Tp(()=>this)}[Zt](){return this.field}}fe(B),B.shadowRootOptions={..._.shadowRootOptions,delegatesFocus:!0},h([n({type:Boolean})],B.prototype,"quick",void 0),h([n({type:Boolean})],B.prototype,"required",void 0),h([n({type:String,attribute:"error-text"})],B.prototype,"errorText",void 0),h([n()],B.prototype,"label",void 0),h([n({type:Boolean,attribute:"no-asterisk"})],B.prototype,"noAsterisk",void 0),h([n({type:String,attribute:"supporting-text"})],B.prototype,"supportingText",void 0),h([n({type:Boolean,reflect:!0})],B.prototype,"error",void 0),h([n({attribute:"menu-positioning"})],B.prototype,"menuPositioning",void 0),h([n({type:Boolean,attribute:"clamp-menu-width"})],B.prototype,"clampMenuWidth",void 0),h([n({type:Number,attribute:"typeahead-delay"})],B.prototype,"typeaheadDelay",void 0),h([n({type:Boolean,attribute:"has-leading-icon"})],B.prototype,"hasLeadingIcon",void 0),h([n({attribute:"display-text"})],B.prototype,"displayText",void 0),h([n({attribute:"menu-align"})],B.prototype,"menuAlign",void 0),h([n()],B.prototype,"value",null),h([n({type:Number,attribute:"selected-index"})],B.prototype,"selectedIndex",null),h([T()],B.prototype,"nativeError",void 0),h([T()],B.prototype,"nativeErrorText",void 0),h([T()],B.prototype,"focused",void 0),h([T()],B.prototype,"open",void 0),h([T()],B.prototype,"defaultFocus",void 0),h([A(".field")],B.prototype,"field",void 0),h([A("md-menu")],B.prototype,"menu",void 0),h([A("#label")],B.prototype,"labelEl",void 0),h([pe({slot:"leading-icon",flatten:!0})],B.prototype,"leadingIcons",void 0);/**
|
|
1246
1246
|
* @license
|
|
1247
1247
|
* Copyright 2023 Google LLC
|
|
1248
1248
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -1319,7 +1319,7 @@ var ScbWcTest=function(o){"use strict";var fc;function h(a,e,t,i){var r=argument
|
|
|
1319
1319
|
<slot
|
|
1320
1320
|
name="trailing-supporting-text"
|
|
1321
1321
|
slot="trailing-supporting-text"></slot>
|
|
1322
|
-
`}focus(){var e;(e=this.listItemRoot)==null||e.focus()}}fe(Ce),Ce.shadowRootOptions={..._.shadowRootOptions,delegatesFocus:!0},h([n({type:Boolean,reflect:!0})],Ce.prototype,"disabled",void 0),h([n({type:Boolean,attribute:"md-menu-item",reflect:!0})],Ce.prototype,"isMenuItem",void 0),h([n({type:Boolean})],Ce.prototype,"selected",void 0),h([n()],Ce.prototype,"value",void 0),h([A(".list-item")],Ce.prototype,"listItemRoot",void 0),h([
|
|
1322
|
+
`}focus(){var e;(e=this.listItemRoot)==null||e.focus()}}fe(Ce),Ce.shadowRootOptions={..._.shadowRootOptions,delegatesFocus:!0},h([n({type:Boolean,reflect:!0})],Ce.prototype,"disabled",void 0),h([n({type:Boolean,attribute:"md-menu-item",reflect:!0})],Ce.prototype,"isMenuItem",void 0),h([n({type:Boolean})],Ce.prototype,"selected",void 0),h([n()],Ce.prototype,"value",void 0),h([A(".list-item")],Ce.prototype,"listItemRoot",void 0),h([pe({slot:"headline"})],Ce.prototype,"headlineElements",void 0),h([pe({slot:"supporting-text"})],Ce.prototype,"supportingTextElements",void 0),h([Ua({slot:""})],Ce.prototype,"defaultElements",void 0),h([n({attribute:"typeahead-text"})],Ce.prototype,"typeaheadText",null),h([n({attribute:"display-text"})],Ce.prototype,"displayText",null);/**
|
|
1323
1323
|
* @license
|
|
1324
1324
|
* Copyright 2023 Google LLC
|
|
1325
1325
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -1477,7 +1477,7 @@ var ScbWcTest=function(o){"use strict";var fc;function h(a,e,t,i){var r=argument
|
|
|
1477
1477
|
${this.fullWidthIndicator?b:e}
|
|
1478
1478
|
</div>
|
|
1479
1479
|
${this.fullWidthIndicator?e:b}
|
|
1480
|
-
</div>`}getContentClasses(){return{"has-icon":this.hasIcon,"has-label":!this.iconOnly}}updated(){this.internals.ariaSelected=String(this.active)}async handleKeydown(e){await 0,!e.defaultPrevented&&(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.click())}handleContentClick(e){e.stopPropagation(),this.click()}[(jn=Ci,Kn)](e){if(!this[Ci])return;this[Ci].getAnimations().forEach(i=>{i.cancel()});const t=this.getKeyframes(e);t!==null&&this[Ci].animate(t,{duration:250,easing:Ue.EMPHASIZED})}getKeyframes(e){var v;const t=jp();if(!this.active)return t?[{opacity:1},{transform:"none"}]:null;const i={},r=((v=e[Ci])==null?void 0:v.getBoundingClientRect())??{},s=r.left,l=r.width,d=this[Ci].getBoundingClientRect(),p=d.left,u=d.width,m=l/u;return!t&&s!==void 0&&p!==void 0&&!isNaN(m)?i.transform=`translateX(${(s-p).toFixed(4)}px) scaleX(${m.toFixed(4)})`:i.opacity=0,[i,{transform:"none"}]}handleSlotChange(){this.iconOnly=!1;for(const e of this.assignedDefaultNodes){const t=e.nodeType===Node.TEXT_NODE&&!!e.wholeText.match(/\S/);if(e.nodeType===Node.ELEMENT_NODE||t)return}this.iconOnly=!0}handleIconSlotChange(){this.hasIcon=this.assignedIcons.length>0}}h([n({type:Boolean,reflect:!0,attribute:"md-tab"})],Ke.prototype,"isTab",void 0),h([n({type:Boolean,reflect:!0})],Ke.prototype,"active",void 0),h([n({type:Boolean})],Ke.prototype,"selected",null),h([n({type:Boolean,attribute:"has-icon"})],Ke.prototype,"hasIcon",void 0),h([n({type:Boolean,attribute:"icon-only"})],Ke.prototype,"iconOnly",void 0),h([A(".indicator")],Ke.prototype,jn,void 0),h([T()],Ke.prototype,"fullWidthIndicator",void 0),h([Ua({flatten:!0})],Ke.prototype,"assignedDefaultNodes",void 0),h([
|
|
1480
|
+
</div>`}getContentClasses(){return{"has-icon":this.hasIcon,"has-label":!this.iconOnly}}updated(){this.internals.ariaSelected=String(this.active)}async handleKeydown(e){await 0,!e.defaultPrevented&&(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.click())}handleContentClick(e){e.stopPropagation(),this.click()}[(jn=Ci,Kn)](e){if(!this[Ci])return;this[Ci].getAnimations().forEach(i=>{i.cancel()});const t=this.getKeyframes(e);t!==null&&this[Ci].animate(t,{duration:250,easing:Ue.EMPHASIZED})}getKeyframes(e){var v;const t=jp();if(!this.active)return t?[{opacity:1},{transform:"none"}]:null;const i={},r=((v=e[Ci])==null?void 0:v.getBoundingClientRect())??{},s=r.left,l=r.width,d=this[Ci].getBoundingClientRect(),p=d.left,u=d.width,m=l/u;return!t&&s!==void 0&&p!==void 0&&!isNaN(m)?i.transform=`translateX(${(s-p).toFixed(4)}px) scaleX(${m.toFixed(4)})`:i.opacity=0,[i,{transform:"none"}]}handleSlotChange(){this.iconOnly=!1;for(const e of this.assignedDefaultNodes){const t=e.nodeType===Node.TEXT_NODE&&!!e.wholeText.match(/\S/);if(e.nodeType===Node.ELEMENT_NODE||t)return}this.iconOnly=!0}handleIconSlotChange(){this.hasIcon=this.assignedIcons.length>0}}h([n({type:Boolean,reflect:!0,attribute:"md-tab"})],Ke.prototype,"isTab",void 0),h([n({type:Boolean,reflect:!0})],Ke.prototype,"active",void 0),h([n({type:Boolean})],Ke.prototype,"selected",null),h([n({type:Boolean,attribute:"has-icon"})],Ke.prototype,"hasIcon",void 0),h([n({type:Boolean,attribute:"icon-only"})],Ke.prototype,"iconOnly",void 0),h([A(".indicator")],Ke.prototype,jn,void 0),h([T()],Ke.prototype,"fullWidthIndicator",void 0),h([Ua({flatten:!0})],Ke.prototype,"assignedDefaultNodes",void 0),h([pe({slot:"icon",flatten:!0})],Ke.prototype,"assignedIcons",void 0);function jp(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}/**
|
|
1481
1481
|
* @license
|
|
1482
1482
|
* Copyright 2023 Google LLC
|
|
1483
1483
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -1519,7 +1519,7 @@ var ScbWcTest=function(o){"use strict";var fc;function h(a,e,t,i){var r=argument
|
|
|
1519
1519
|
@click=${this.handleTabClick}></slot>
|
|
1520
1520
|
</div>
|
|
1521
1521
|
<md-divider part="divider"></md-divider>
|
|
1522
|
-
`}async handleTabClick(e){const t=e.target;await 0,!(e.defaultPrevented||!Xp(t)||t.active)&&this.activateTab(t)}activateTab(e){const{tabs:t}=this,i=this.activeTab;if(!(!t.includes(e)||i===e)){for(const r of t)r.active=r===e;if(i){if(!this.dispatchEvent(new Event("change",{bubbles:!0,cancelable:!0}))){for(const s of t)s.active=s===i;return}e[Kn](i)}this.updateFocusableTab(e),this.scrollToTab(e)}}updateFocusableTab(e){for(const t of this.tabs)t.tabIndex=t===e?0:-1}async handleKeydown(e){await 0;const t=e.key==="ArrowLeft",i=e.key==="ArrowRight",r=e.key==="Home",s=e.key==="End";if(e.defaultPrevented||!t&&!i&&!r&&!s)return;const{tabs:l}=this;if(l.length<2)return;e.preventDefault();let d;if(r||s)d=r?0:l.length-1;else{const m=getComputedStyle(this).direction==="rtl"?t:i,{focusedTab:v}=this;if(!v)d=m?0:l.length-1;else{const x=this.tabs.indexOf(v);d=m?x+1:x-1,d>=l.length?d=0:d<0&&(d=l.length-1)}}const p=l[d];p.focus(),this.autoActivate?this.activateTab(p):this.updateFocusableTab(p)}handleKeyup(){this.scrollToTab(this.focusedTab??this.activeTab)}handleFocusout(){if(this.matches(":focus-within"))return;const{activeTab:e}=this;e&&this.updateFocusableTab(e)}handleSlotChange(){const e=this.tabs[0];!this.activeTab&&e&&this.activateTab(e),this.scrollToTab(this.activeTab)}}h([
|
|
1522
|
+
`}async handleTabClick(e){const t=e.target;await 0,!(e.defaultPrevented||!Xp(t)||t.active)&&this.activateTab(t)}activateTab(e){const{tabs:t}=this,i=this.activeTab;if(!(!t.includes(e)||i===e)){for(const r of t)r.active=r===e;if(i){if(!this.dispatchEvent(new Event("change",{bubbles:!0,cancelable:!0}))){for(const s of t)s.active=s===i;return}e[Kn](i)}this.updateFocusableTab(e),this.scrollToTab(e)}}updateFocusableTab(e){for(const t of this.tabs)t.tabIndex=t===e?0:-1}async handleKeydown(e){await 0;const t=e.key==="ArrowLeft",i=e.key==="ArrowRight",r=e.key==="Home",s=e.key==="End";if(e.defaultPrevented||!t&&!i&&!r&&!s)return;const{tabs:l}=this;if(l.length<2)return;e.preventDefault();let d;if(r||s)d=r?0:l.length-1;else{const m=getComputedStyle(this).direction==="rtl"?t:i,{focusedTab:v}=this;if(!v)d=m?0:l.length-1;else{const x=this.tabs.indexOf(v);d=m?x+1:x-1,d>=l.length?d=0:d<0&&(d=l.length-1)}}const p=l[d];p.focus(),this.autoActivate?this.activateTab(p):this.updateFocusableTab(p)}handleKeyup(){this.scrollToTab(this.focusedTab??this.activeTab)}handleFocusout(){if(this.matches(":focus-within"))return;const{activeTab:e}=this;e&&this.updateFocusableTab(e)}handleSlotChange(){const e=this.tabs[0];!this.activeTab&&e&&this.activateTab(e),this.scrollToTab(this.activeTab)}}h([pe({flatten:!0,selector:"[md-tab]"})],Ti.prototype,"tabs",void 0),h([n({type:Number,attribute:"active-tab-index"})],Ti.prototype,"activeTabIndex",null),h([n({type:Boolean,attribute:"auto-activate"})],Ti.prototype,"autoActivate",void 0),h([A(".tabs")],Ti.prototype,"tabsScrollerElement",void 0),h([A("slot")],Ti.prototype,"slotElement",void 0);function Xp(a){return a instanceof HTMLElement&&a.hasAttribute("md-tab")}/**
|
|
1523
1523
|
* @license
|
|
1524
1524
|
* Copyright 2024 Google LLC
|
|
1525
1525
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -1641,7 +1641,7 @@ var ScbWcTest=function(o){"use strict";var fc;function h(a,e,t,i){var r=argument
|
|
|
1641
1641
|
@select=${this.redispatchEvent} />
|
|
1642
1642
|
${d}
|
|
1643
1643
|
</div>
|
|
1644
|
-
`}renderPrefix(){return this.renderAffix(this.prefixText,!1)}renderSuffix(){return this.renderAffix(this.suffixText,!0)}renderAffix(e,t){return e?c`<span class="${F({suffix:t,prefix:!t})}">${e}</span>`:b}getErrorText(){return this.error?this.errorText:this.nativeErrorText}handleFocusChange(){var e;this.focused=((e=this.inputOrTextarea)==null?void 0:e.matches(":focus"))??!1}handleInput(e){this.dirty=!0,this.value=e.target.value}redispatchEvent(e){Ot(this,e)}getInputOrTextarea(){return this.inputOrTextarea||(this.connectedCallback(),this.scheduleUpdate()),this.isUpdatePending&&this.scheduleUpdate(),this.inputOrTextarea}getInput(){return this.type==="textarea"?null:this.getInputOrTextarea()}handleIconChange(){this.hasLeadingIcon=this.leadingIcons.length>0,this.hasTrailingIcon=this.trailingIcons.length>0}[pt](){return this.value}formResetCallback(){this.reset()}formStateRestoreCallback(e){this.value=e}focus(){this.getInputOrTextarea().focus()}[Xt](){return new rh(()=>({state:this,renderedControl:this.inputOrTextarea}))}[Zt](){return this.inputOrTextarea}[ta](e){var i;e==null||e.preventDefault();const t=this.getErrorText();this.nativeError=!!e,this.nativeErrorText=this.validationMessage,t===this.getErrorText()&&((i=this.field)==null||i.reannounceError())}}fe(P),P.shadowRootOptions={..._.shadowRootOptions,delegatesFocus:!0},h([n({type:Boolean,reflect:!0})],P.prototype,"error",void 0),h([n({attribute:"error-text"})],P.prototype,"errorText",void 0),h([n()],P.prototype,"label",void 0),h([n({type:Boolean,attribute:"no-asterisk"})],P.prototype,"noAsterisk",void 0),h([n({type:Boolean,reflect:!0})],P.prototype,"required",void 0),h([n()],P.prototype,"value",void 0),h([n({attribute:"prefix-text"})],P.prototype,"prefixText",void 0),h([n({attribute:"suffix-text"})],P.prototype,"suffixText",void 0),h([n({type:Boolean,attribute:"has-leading-icon"})],P.prototype,"hasLeadingIcon",void 0),h([n({type:Boolean,attribute:"has-trailing-icon"})],P.prototype,"hasTrailingIcon",void 0),h([n({attribute:"supporting-text"})],P.prototype,"supportingText",void 0),h([n({attribute:"text-direction"})],P.prototype,"textDirection",void 0),h([n({type:Number})],P.prototype,"rows",void 0),h([n({type:Number})],P.prototype,"cols",void 0),h([n({reflect:!0})],P.prototype,"inputMode",void 0),h([n()],P.prototype,"max",void 0),h([n({type:Number})],P.prototype,"maxLength",void 0),h([n()],P.prototype,"min",void 0),h([n({type:Number})],P.prototype,"minLength",void 0),h([n({type:Boolean,attribute:"no-spinner"})],P.prototype,"noSpinner",void 0),h([n()],P.prototype,"pattern",void 0),h([n({reflect:!0,converter:ih})],P.prototype,"placeholder",void 0),h([n({type:Boolean,reflect:!0})],P.prototype,"readOnly",void 0),h([n({type:Boolean,reflect:!0})],P.prototype,"multiple",void 0),h([n()],P.prototype,"step",void 0),h([n({reflect:!0})],P.prototype,"type",void 0),h([n({reflect:!0})],P.prototype,"autocomplete",void 0),h([T()],P.prototype,"dirty",void 0),h([T()],P.prototype,"focused",void 0),h([T()],P.prototype,"nativeError",void 0),h([T()],P.prototype,"nativeErrorText",void 0),h([A(".input")],P.prototype,"inputOrTextarea",void 0),h([A(".field")],P.prototype,"field",void 0),h([
|
|
1644
|
+
`}renderPrefix(){return this.renderAffix(this.prefixText,!1)}renderSuffix(){return this.renderAffix(this.suffixText,!0)}renderAffix(e,t){return e?c`<span class="${F({suffix:t,prefix:!t})}">${e}</span>`:b}getErrorText(){return this.error?this.errorText:this.nativeErrorText}handleFocusChange(){var e;this.focused=((e=this.inputOrTextarea)==null?void 0:e.matches(":focus"))??!1}handleInput(e){this.dirty=!0,this.value=e.target.value}redispatchEvent(e){Ot(this,e)}getInputOrTextarea(){return this.inputOrTextarea||(this.connectedCallback(),this.scheduleUpdate()),this.isUpdatePending&&this.scheduleUpdate(),this.inputOrTextarea}getInput(){return this.type==="textarea"?null:this.getInputOrTextarea()}handleIconChange(){this.hasLeadingIcon=this.leadingIcons.length>0,this.hasTrailingIcon=this.trailingIcons.length>0}[pt](){return this.value}formResetCallback(){this.reset()}formStateRestoreCallback(e){this.value=e}focus(){this.getInputOrTextarea().focus()}[Xt](){return new rh(()=>({state:this,renderedControl:this.inputOrTextarea}))}[Zt](){return this.inputOrTextarea}[ta](e){var i;e==null||e.preventDefault();const t=this.getErrorText();this.nativeError=!!e,this.nativeErrorText=this.validationMessage,t===this.getErrorText()&&((i=this.field)==null||i.reannounceError())}}fe(P),P.shadowRootOptions={..._.shadowRootOptions,delegatesFocus:!0},h([n({type:Boolean,reflect:!0})],P.prototype,"error",void 0),h([n({attribute:"error-text"})],P.prototype,"errorText",void 0),h([n()],P.prototype,"label",void 0),h([n({type:Boolean,attribute:"no-asterisk"})],P.prototype,"noAsterisk",void 0),h([n({type:Boolean,reflect:!0})],P.prototype,"required",void 0),h([n()],P.prototype,"value",void 0),h([n({attribute:"prefix-text"})],P.prototype,"prefixText",void 0),h([n({attribute:"suffix-text"})],P.prototype,"suffixText",void 0),h([n({type:Boolean,attribute:"has-leading-icon"})],P.prototype,"hasLeadingIcon",void 0),h([n({type:Boolean,attribute:"has-trailing-icon"})],P.prototype,"hasTrailingIcon",void 0),h([n({attribute:"supporting-text"})],P.prototype,"supportingText",void 0),h([n({attribute:"text-direction"})],P.prototype,"textDirection",void 0),h([n({type:Number})],P.prototype,"rows",void 0),h([n({type:Number})],P.prototype,"cols",void 0),h([n({reflect:!0})],P.prototype,"inputMode",void 0),h([n()],P.prototype,"max",void 0),h([n({type:Number})],P.prototype,"maxLength",void 0),h([n()],P.prototype,"min",void 0),h([n({type:Number})],P.prototype,"minLength",void 0),h([n({type:Boolean,attribute:"no-spinner"})],P.prototype,"noSpinner",void 0),h([n()],P.prototype,"pattern",void 0),h([n({reflect:!0,converter:ih})],P.prototype,"placeholder",void 0),h([n({type:Boolean,reflect:!0})],P.prototype,"readOnly",void 0),h([n({type:Boolean,reflect:!0})],P.prototype,"multiple",void 0),h([n()],P.prototype,"step",void 0),h([n({reflect:!0})],P.prototype,"type",void 0),h([n({reflect:!0})],P.prototype,"autocomplete",void 0),h([T()],P.prototype,"dirty",void 0),h([T()],P.prototype,"focused",void 0),h([T()],P.prototype,"nativeError",void 0),h([T()],P.prototype,"nativeErrorText",void 0),h([A(".input")],P.prototype,"inputOrTextarea",void 0),h([A(".field")],P.prototype,"field",void 0),h([pe({slot:"leading-icon"})],P.prototype,"leadingIcons",void 0),h([pe({slot:"trailing-icon"})],P.prototype,"trailingIcons",void 0);/**
|
|
1645
1645
|
* @license
|
|
1646
1646
|
* Copyright 2021 Google LLC
|
|
1647
1647
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -1667,7 +1667,7 @@ var ScbWcTest=function(o){"use strict";var fc;function h(a,e,t,i){var r=argument
|
|
|
1667
1667
|
* @license
|
|
1668
1668
|
* Copyright 2021 Google LLC
|
|
1669
1669
|
* SPDX-License-Identifier: Apache-2.0
|
|
1670
|
-
*/let qo=class extends nh{constructor(){super(...arguments),this.fieldTag=ge`md-outlined-field`}};qo.styles=[Zn,sh],qo=h([y("md-outlined-text-field")],qo);var lh=Object.defineProperty,ch=Object.getOwnPropertyDescriptor,
|
|
1670
|
+
*/let qo=class extends nh{constructor(){super(...arguments),this.fieldTag=ge`md-outlined-field`}};qo.styles=[Zn,sh],qo=h([y("md-outlined-text-field")],qo);var lh=Object.defineProperty,ch=Object.getOwnPropertyDescriptor,ve=(a,e,t,i)=>{for(var r=i>1?void 0:i?ch(e,t):e,s=a.length-1,l;s>=0;s--)(l=a[s])&&(r=(i?l(e,t,r):l(r))||r);return i&&r&&lh(e,t,r),r};o.ScbAccordionItem=class extends _{constructor(){super(...arguments),this.open=!1,this.title="",this.content="",this.overline="",this.supportingText="",this.leading=!1,this.leadingVariant="",this.leadingIcon="",this.imgHrefImage="",this.avatarLabel="",this.avatarAlt="",this.avatarVariant="icon",this.avatarSrc="",this.density=0,this._unique=o.ScbAccordionItem._uid(),this._onToggle=e=>{const t=e.currentTarget;this.open=!!t.open;const i=this.closest("scb-accordion");this.open&&i&&!i.hasAttribute("detached")&&i.querySelectorAll("scb-accordion-item").forEach(s=>{s!==this&&s.setOpen(!1)}),this._applyInertByOpen()}}static _uid(){var e,t;return((t=(e=globalThis.crypto)==null?void 0:e.randomUUID)==null?void 0:t.call(e))??`${o.ScbAccordionItem._uidPrefix}-${++o.ScbAccordionItem._uidSeq}`}firstUpdated(){this._applyInertByOpen()}_applyInertByOpen(){const e=this.renderRoot.querySelector(".scb-accordion-bottom"),t=this.renderRoot.querySelector("details");!e||!t||(t.open?(e.removeAttribute("inert"),e.setAttribute("aria-hidden","false")):(e.setAttribute("inert",""),e.setAttribute("aria-hidden","true")))}_onKeyDown(e){const t=this.closest("scb-accordion"),r=Array.from((t==null?void 0:t.querySelectorAll("scb-accordion-item"))||[]).map(d=>{var p;return((p=d.renderRoot.querySelector("details"))==null?void 0:p.querySelector(".scb-accordion-top"))||null}).filter(d=>!!d),s=e.currentTarget,l=r.indexOf(s);switch(e.key){case"ArrowDown":e.preventDefault(),l<r.length-1&&r[l+1].focus();break;case"ArrowUp":e.preventDefault(),l>0&&r[l-1].focus();break;case"Home":e.preventDefault(),r.length&&r[0].focus();break;case"End":e.preventDefault(),r.length&&r[r.length-1].focus();break}}setOpen(e){this.open=!!e;const t=this.renderRoot.querySelector("details");t&&(t.open=this.open),this._applyInertByOpen()}updated(e){if(e.has("open")){const t=this.renderRoot.querySelector("details");t&&t.open!==this.open&&(t.open=this.open),this._applyInertByOpen(),this.dispatchEvent(new CustomEvent("open-changed",{detail:{open:this.open,title:this.title},bubbles:!0,composed:!0}))}}render(){const e=`bottom-${this._unique}`,t=`header-${this._unique}`,i=this.leading?this.leadingVariant==="image"&&this.imgHrefImage?c`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />`:this.leadingVariant==="avatar"?c`
|
|
1671
1671
|
<scb-avatar
|
|
1672
1672
|
label=${this.avatarLabel}
|
|
1673
1673
|
alt=${this.avatarAlt}
|
|
@@ -1871,7 +1871,7 @@ var ScbWcTest=function(o){"use strict";var fc;function h(a,e,t,i){var r=argument
|
|
|
1871
1871
|
@media (prefers-reduced-motion: reduce) {
|
|
1872
1872
|
md-ripple { display: none; }
|
|
1873
1873
|
}
|
|
1874
|
-
`],
|
|
1874
|
+
`],ve([n({type:Boolean,reflect:!0})],o.ScbAccordionItem.prototype,"open",2),ve([n({type:String,reflect:!0})],o.ScbAccordionItem.prototype,"title",2),ve([n({type:String})],o.ScbAccordionItem.prototype,"content",2),ve([n({type:String,attribute:"overline"})],o.ScbAccordionItem.prototype,"overline",2),ve([n({type:String,attribute:"supporting-text"})],o.ScbAccordionItem.prototype,"supportingText",2),ve([n({type:Boolean})],o.ScbAccordionItem.prototype,"leading",2),ve([n({type:String,attribute:"leading-variant",reflect:!0})],o.ScbAccordionItem.prototype,"leadingVariant",2),ve([n({type:String,attribute:"leading-icon"})],o.ScbAccordionItem.prototype,"leadingIcon",2),ve([n({type:String,attribute:"img-href-image",reflect:!0})],o.ScbAccordionItem.prototype,"imgHrefImage",2),ve([n({type:String,attribute:"avatar-label"})],o.ScbAccordionItem.prototype,"avatarLabel",2),ve([n({type:String,attribute:"avatar-alt"})],o.ScbAccordionItem.prototype,"avatarAlt",2),ve([n({type:String,attribute:"avatar-variant"})],o.ScbAccordionItem.prototype,"avatarVariant",2),ve([n({type:String,attribute:"avatar-src"})],o.ScbAccordionItem.prototype,"avatarSrc",2),ve([n({type:Number,reflect:!0})],o.ScbAccordionItem.prototype,"density",2),o.ScbAccordionItem=ve([y("scb-accordion-item")],o.ScbAccordionItem);var dh=Object.defineProperty,ph=Object.getOwnPropertyDescriptor,Jn=a=>{throw TypeError(a)},le=(a,e,t,i)=>{for(var r=i>1?void 0:i?ph(e,t):e,s=a.length-1,l;s>=0;s--)(l=a[s])&&(r=(i?l(e,t,r):l(r))||r);return i&&r&&dh(e,t,r),r},hh=(a,e,t)=>e.has(a)||Jn("Cannot "+t),uh=(a,e,t)=>e.has(a)?Jn("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(a):e.set(a,t),Qn=(a,e,t)=>(hh(a,e,"access private method"),t),na,Uo;o.ScbButton=class extends _{constructor(){super(...arguments),uh(this,na),this.variant="filled",this.type="button",this.label="Button",this.trailingIcon=!1,this.icon="",this.iconFilled=!1,this.disabled=!1,this.fullWidth=!1,this.href="",this.target="",this.rel="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0}__getMdHost(){return this.renderRoot.querySelector("md-filled-button, md-outlined-button, md-filled-tonal-button, md-text-button")}__getInnerNativeButton(e){var t;return((t=e==null?void 0:e.shadowRoot)==null?void 0:t.querySelector("button"))??null}__syncAriaToInner(){var u;const e=this.__getMdHost(),t=this.__getInnerNativeButton(e);if(!e||!t)return;const i=(this.getAttribute("aria-label")||"").trim(),r=(e.getAttribute("aria-label")||"").trim(),s=this.label.trim()===""?(this.icon||"").trim():"",l=i||r||s;l?t.setAttribute("aria-label",l):t.removeAttribute("aria-label");const d=this.getAttribute("aria-controls");d!==null?t.setAttribute("aria-controls",d):t.removeAttribute("aria-controls");const p=this.getAttribute("aria-expanded");p!==null?t.setAttribute("aria-expanded",p):t.removeAttribute("aria-expanded"),e.removeAttribute("aria-label"),e.removeAttribute("aria-controls"),e.removeAttribute("aria-expanded"),this.removeAttribute("aria-expanded"),(u=this.__ariaObserver)==null||u.disconnect(),this.__ariaObserver=new MutationObserver(m=>{const v=this.__getMdHost(),x=this.__getInnerNativeButton(v);if(!(!v||!x)){for(const g of m){if(g.type!=="attributes"||!g.attributeName)continue;const w=g.attributeName,S=this.getAttribute(w);if(w==="aria-label"){const k=(v.getAttribute("aria-label")||"").trim(),$=(S||k||(this.label.trim()===""?(this.icon||"").trim():"")).trim();$?x.setAttribute("aria-label",$):x.removeAttribute("aria-label"),v.removeAttribute("aria-label")}else(w==="aria-controls"||w==="aria-expanded")&&(S===null?x.removeAttribute(w):x.setAttribute(w,S),w==="aria-expanded"&&this.removeAttribute("aria-expanded"))}v.removeAttribute("aria-label"),v.removeAttribute("aria-controls"),v.removeAttribute("aria-expanded")}}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-controls","aria-expanded"]})}firstUpdated(){(this.type==="submit"||this.type==="reset")&&this.addEventListener("click",()=>{if(!this.disabled){const e=this.closest("form");e&&(this.type==="submit"&&e.requestSubmit(),this.type==="reset"&&e.reset())}}),this.__syncAriaToInner(),Qn(this,na,Uo).call(this)}updated(e){e.has("variant")&&this.__syncAriaToInner(),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&Qn(this,na,Uo).call(this)}disconnectedCallback(){var e;(e=this.__ariaObserver)==null||e.disconnect(),super.disconnectedCallback()}mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}static get styles(){return f`
|
|
1875
1875
|
/* Gör hosten stretchbar i t.ex. flex/grid */
|
|
1876
1876
|
:host {
|
|
1877
1877
|
display: inline-flex;
|
|
@@ -2769,7 +2769,7 @@ var ScbWcTest=function(o){"use strict";var fc;function h(a,e,t,i){var r=argument
|
|
|
2769
2769
|
color: var(--md-sys-color-on-surface);
|
|
2770
2770
|
}
|
|
2771
2771
|
}
|
|
2772
|
-
`,Te([n({type:String,attribute:"trailing-icon"})],o.ScbSearch.prototype,"trailingIcon",2),Te([n({type:String,attribute:"supporting-text"})],o.ScbSearch.prototype,"supportingText",2),Te([n({type:String})],o.ScbSearch.prototype,"value",2),Te([n({type:String,reflect:!0})],o.ScbSearch.prototype,"name",2),Te([n({type:Boolean,reflect:!0})],o.ScbSearch.prototype,"disabled",2),Te([n({type:String,reflect:!0})],o.ScbSearch.prototype,"spacing",2),Te([n({type:String,attribute:"spacing-top",reflect:!0})],o.ScbSearch.prototype,"spacingTop",2),Te([n({type:String,attribute:"spacing-bottom",reflect:!0})],o.ScbSearch.prototype,"spacingBottom",2),Te([n({type:String,attribute:"spacing-left",reflect:!0})],o.ScbSearch.prototype,"spacingLeft",2),Te([n({type:String,attribute:"spacing-right",reflect:!0})],o.ScbSearch.prototype,"spacingRight",2),Te([n({type:String,reflect:!0})],o.ScbSearch.prototype,"size",2),Te([n({type:Boolean,attribute:"full-screen",reflect:!0})],o.ScbSearch.prototype,"fullScreen",2),o.ScbSearch=Te([y("scb-search")],o.ScbSearch);var Mh=Object.defineProperty,Dh=Object.getOwnPropertyDescriptor,pl=a=>{throw TypeError(a)},
|
|
2772
|
+
`,Te([n({type:String,attribute:"trailing-icon"})],o.ScbSearch.prototype,"trailingIcon",2),Te([n({type:String,attribute:"supporting-text"})],o.ScbSearch.prototype,"supportingText",2),Te([n({type:String})],o.ScbSearch.prototype,"value",2),Te([n({type:String,reflect:!0})],o.ScbSearch.prototype,"name",2),Te([n({type:Boolean,reflect:!0})],o.ScbSearch.prototype,"disabled",2),Te([n({type:String,reflect:!0})],o.ScbSearch.prototype,"spacing",2),Te([n({type:String,attribute:"spacing-top",reflect:!0})],o.ScbSearch.prototype,"spacingTop",2),Te([n({type:String,attribute:"spacing-bottom",reflect:!0})],o.ScbSearch.prototype,"spacingBottom",2),Te([n({type:String,attribute:"spacing-left",reflect:!0})],o.ScbSearch.prototype,"spacingLeft",2),Te([n({type:String,attribute:"spacing-right",reflect:!0})],o.ScbSearch.prototype,"spacingRight",2),Te([n({type:String,reflect:!0})],o.ScbSearch.prototype,"size",2),Te([n({type:Boolean,attribute:"full-screen",reflect:!0})],o.ScbSearch.prototype,"fullScreen",2),o.ScbSearch=Te([y("scb-search")],o.ScbSearch);var Mh=Object.defineProperty,Dh=Object.getOwnPropertyDescriptor,pl=a=>{throw TypeError(a)},me=(a,e,t,i)=>{for(var r=i>1?void 0:i?Dh(e,t):e,s=a.length-1,l;s>=0;s--)(l=a[s])&&(r=(i?l(e,t,r):l(r))||r);return i&&r&&Mh(e,t,r),r},Bh=(a,e,t)=>e.has(a)||pl("Cannot "+t),Fh=(a,e,t)=>e.has(a)?pl("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(a):e.set(a,t),hl=(a,e,t)=>(Bh(a,e,"access private method"),t),va,Qo;o.ScbAvatar=class extends _{constructor(){super(...arguments),Fh(this,va),this.src="",this.alt="",this.label="",this.size="medium",this.shape="circular",this.iconName="",this.variant="image",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._imgError=!1,this._hasIconSlot=!1,this._onImgLoad=()=>{this._imgError=!1,this.dispatchEvent(new CustomEvent("image-load",{bubbles:!0,composed:!0}))},this._onImgError=()=>{this._imgError=!0,this.dispatchEvent(new CustomEvent("image-error",{bubbles:!0,composed:!0}))},this._onIconSlotChange=e=>{const t=e.currentTarget;this._hasIconSlot=(t.assignedNodes({flatten:!0})||[]).length>0}}async firstUpdated(){this.variant==="icon"&&await Promise.resolve().then(()=>et),hl(this,va,Qo).call(this)}updated(e){super.updated(e),e.has("variant")&&this.variant==="icon"&&Promise.resolve().then(()=>et),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&hl(this,va,Qo).call(this)}_initials(){const e=(this.label||this.alt||"").trim();if(!e)return"?";const t=e.split(/\s+/).filter(Boolean);if(t.length===1)return t[0].slice(0,1).toUpperCase();const i=t[0].slice(0,1),r=t[t.length-1].slice(0,1);return(i+r).toUpperCase()}_ariaLabel(){const e=(this.label||this.alt||"").trim();return e||null}mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}render(){const e=this._ariaLabel(),t=this.variant==="image"&&!!this.src&&!this._imgError,i=c`${b}
|
|
2773
2773
|
<slot name="icon" @slotchange=${this._onIconSlotChange}></slot>
|
|
2774
2774
|
${this._hasIconSlot?b:this.iconName?c`<md-icon aria-hidden="true">${this.iconName}</md-icon>`:c`<div class="fallback" part="fallback">${this._initials()}</div>`}
|
|
2775
2775
|
`,r=t?c`<img
|
|
@@ -2877,7 +2877,7 @@ var ScbWcTest=function(o){"use strict";var fc;function h(a,e,t,i){var r=argument
|
|
|
2877
2877
|
outline-offset: 2px;
|
|
2878
2878
|
border-radius: var(--_radius);
|
|
2879
2879
|
}
|
|
2880
|
-
`,
|
|
2880
|
+
`,me([n({type:String})],o.ScbAvatar.prototype,"src",2),me([n({type:String})],o.ScbAvatar.prototype,"alt",2),me([n({type:String})],o.ScbAvatar.prototype,"label",2),me([n({type:String,reflect:!0})],o.ScbAvatar.prototype,"size",2),me([n({type:String,reflect:!0})],o.ScbAvatar.prototype,"shape",2),me([n({type:String,attribute:"icon-name",reflect:!0})],o.ScbAvatar.prototype,"iconName",2),me([n({type:String,reflect:!0})],o.ScbAvatar.prototype,"variant",2),me([n({type:String,reflect:!0})],o.ScbAvatar.prototype,"spacing",2),me([n({type:String,attribute:"spacing-top",reflect:!0})],o.ScbAvatar.prototype,"spacingTop",2),me([n({type:String,attribute:"spacing-bottom",reflect:!0})],o.ScbAvatar.prototype,"spacingBottom",2),me([n({type:String,attribute:"spacing-left",reflect:!0})],o.ScbAvatar.prototype,"spacingLeft",2),me([n({type:String,attribute:"spacing-right",reflect:!0})],o.ScbAvatar.prototype,"spacingRight",2),me([T()],o.ScbAvatar.prototype,"_imgError",2),me([T()],o.ScbAvatar.prototype,"_hasIconSlot",2),o.ScbAvatar=me([y("scb-avatar")],o.ScbAvatar);var Hh=Object.defineProperty,Nh=Object.getOwnPropertyDescriptor,ul=a=>{throw TypeError(a)},rt=(a,e,t,i)=>{for(var r=i>1?void 0:i?Nh(e,t):e,s=a.length-1,l;s>=0;s--)(l=a[s])&&(r=(i?l(e,t,r):l(r))||r);return i&&r&&Hh(e,t,r),r},Vh=(a,e,t)=>e.has(a)||ul("Cannot "+t),qh=(a,e,t)=>e.has(a)?ul("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(a):e.set(a,t),bl=(a,e,t)=>(Vh(a,e,"access private method"),t),ma,es;o.ScbAppBar=class extends _{constructor(){super(...arguments),qh(this,ma),this.title="",this.type="default",this.position="default",this.searchSupportingText="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0}handleAvatarSlotChange(e){e.target.assignedElements({flatten:!0}).forEach(r=>{r.tagName==="SCB-AVATAR"&&r.setAttribute("size","small")})}firstUpdated(){bl(this,ma,es).call(this)}updated(e){e.has("title")&&this.dispatchEvent(new CustomEvent("title-changed",{detail:{title:this.title},bubbles:!0,composed:!0})),e.has("position")&&this.dispatchEvent(new CustomEvent("position-changed",{detail:{position:this.position},bubbles:!0,composed:!0})),e.has("type")&&this.dispatchEvent(new CustomEvent("type-changed",{detail:{type:this.type},bubbles:!0,composed:!0})),e.has("searchSupportingText")&&this.dispatchEvent(new CustomEvent("search-supporting-text-changed",{detail:{searchSupportingText:this.searchSupportingText},bubbles:!0,composed:!0})),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&bl(this,ma,es).call(this)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}render(){switch(this.type){case"small-flexible":return c`
|
|
2881
2881
|
<header class="small-flexible ${this.position=="bottom"?"position-bottom":this.position=="top"?"position-top":""}" role="banner" aria-label="Small app bar">
|
|
2882
2882
|
<div class="leading">
|
|
2883
2883
|
<slot name="leading"></slot>
|
|
@@ -8217,8 +8217,10 @@ ${this.value}</textarea
|
|
|
8217
8217
|
</div>
|
|
8218
8218
|
`:null}
|
|
8219
8219
|
<div class="notification-text-container">
|
|
8220
|
-
|
|
8221
|
-
|
|
8220
|
+
<div class="notification-title-container">
|
|
8221
|
+
${this.title?c`<div class="notification-title">${this.title}</div>`:null}
|
|
8222
|
+
${this.subtitle?c`<div class="notification-subtitle">${this.subtitle}</div>`:null}
|
|
8223
|
+
</div>
|
|
8222
8224
|
${this.supportingText?c`<div class="notification-text">${this.supportingText}</div>`:null}
|
|
8223
8225
|
${this.linkText?c`
|
|
8224
8226
|
<div class="notification-footer">
|
|
@@ -8381,7 +8383,7 @@ ${this.value}</textarea
|
|
|
8381
8383
|
.notification-main.vertical {
|
|
8382
8384
|
flex-direction: column;
|
|
8383
8385
|
column-gap: 0;
|
|
8384
|
-
row-gap: var(--spacing-
|
|
8386
|
+
row-gap: var(--spacing-4, 12px);
|
|
8385
8387
|
align-items: flex-start;
|
|
8386
8388
|
}
|
|
8387
8389
|
|
|
@@ -8406,12 +8408,16 @@ ${this.value}</textarea
|
|
|
8406
8408
|
min-width: 0;
|
|
8407
8409
|
}
|
|
8408
8410
|
|
|
8411
|
+
.notification-title-container{
|
|
8412
|
+
display: flex;
|
|
8413
|
+
flex-direction: column;
|
|
8414
|
+
}
|
|
8415
|
+
|
|
8409
8416
|
.notification-title {
|
|
8410
8417
|
font-size: var(--md-sys-typescale-headline-small-size, 24px);
|
|
8411
8418
|
font-weight: var(--weight-bold, 700);
|
|
8412
8419
|
line-height: var(--md-sys-typescale-headline-small-line-height, 30px);
|
|
8413
8420
|
letter-spacing: var(--md-sys-typescale-headline-small-tracking, -0.6px);
|
|
8414
|
-
|
|
8415
8421
|
white-space: normal;
|
|
8416
8422
|
word-break: normal;
|
|
8417
8423
|
overflow-wrap: normal;
|
|
@@ -8425,7 +8431,6 @@ ${this.value}</textarea
|
|
|
8425
8431
|
font-weight: var(--weight-semibold, 600);
|
|
8426
8432
|
line-height: var(--md-sys-typescale-title-medium-line-height, 26px);
|
|
8427
8433
|
letter-spacing: var(--md-sys-typescale-title-medium-tracking, -0.3px);
|
|
8428
|
-
|
|
8429
8434
|
white-space: normal;
|
|
8430
8435
|
word-break: normal;
|
|
8431
8436
|
overflow-wrap: normal;
|
|
@@ -9235,7 +9240,7 @@ ${this.value}</textarea
|
|
|
9235
9240
|
md-icon.radio-checked{
|
|
9236
9241
|
color: var(--md-sys-color-primary);
|
|
9237
9242
|
}
|
|
9238
|
-
`,ui([n({type:String})],o.ScbSelectOption.prototype,"value",2),ui([n({type:Boolean,reflect:!0})],o.ScbSelectOption.prototype,"disabled",2),ui([n({type:Boolean})],o.ScbSelectOption.prototype,"showCheckbox",2),ui([n({type:Boolean})],o.ScbSelectOption.prototype,"checked",2),ui([n({type:Boolean})],o.ScbSelectOption.prototype,"showRadio",2),ui([n({type:String})],o.ScbSelectOption.prototype,"label",2),o.ScbSelectOption=ui([y("scb-select-option")],o.ScbSelectOption);var Tv=Object.defineProperty,Ev=Object.getOwnPropertyDescriptor,
|
|
9243
|
+
`,ui([n({type:String})],o.ScbSelectOption.prototype,"value",2),ui([n({type:Boolean,reflect:!0})],o.ScbSelectOption.prototype,"disabled",2),ui([n({type:Boolean})],o.ScbSelectOption.prototype,"showCheckbox",2),ui([n({type:Boolean})],o.ScbSelectOption.prototype,"checked",2),ui([n({type:Boolean})],o.ScbSelectOption.prototype,"showRadio",2),ui([n({type:String})],o.ScbSelectOption.prototype,"label",2),o.ScbSelectOption=ui([y("scb-select-option")],o.ScbSelectOption);var Tv=Object.defineProperty,Ev=Object.getOwnPropertyDescriptor,he=(a,e,t,i)=>{for(var r=i>1?void 0:i?Ev(e,t):e,s=a.length-1,l;s>=0;s--)(l=a[s])&&(r=(i?l(e,t,r):l(r))||r);return i&&r&&Tv(e,t,r),r};o.ScbSelect=class extends _{constructor(){super(),this._internals=null,this.focusedIndex=-1,this.variant="single-select",this.value="",this.values=[],this.disabled=!1,this.open=!1,this.label="",this.name="",this.placeholder="",this.supportingText="",this.withRadiobuttons=!1,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._onDocumentClick=e=>{if(!this.open)return;e.composedPath().includes(this)||(this.open=!1,this.removeAttribute("open"))},this._onSlotClick=e=>{var l;const t=(l=this.shadowRoot)==null?void 0:l.querySelector("slot");if(!t)return;const i=t.assignedElements({flatten:!0}).filter(d=>d.tagName.toLowerCase()==="scb-select-option"),r=e.composedPath(),s=i.find(d=>r.includes(d));s&&(this._selectOption(s),e.stopPropagation())},this._onKeyDown=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this._toggleOpen())},this._onOptionKeyDown=e=>{var t;if(e.key==="Enter"||e.key===" "){e.preventDefault();const i=(t=this.shadowRoot)==null?void 0:t.querySelector("slot");if(!i)return;const r=i.assignedElements({flatten:!0}).filter(d=>d.tagName.toLowerCase()==="scb-select-option"),s=e.composedPath(),l=r.find(d=>s.includes(d));l&&this._selectOption(l)}},"attachInternals"in this&&(this._internals=this.attachInternals())}connectedCallback(){super.connectedCallback(),document.addEventListener("mousedown",this._onDocumentClick)}disconnectedCallback(){document.removeEventListener("mousedown",this._onDocumentClick),super.disconnectedCallback()}_mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}_applySpacing(){const e=this._mapSpacingToken(this.spacing),t=this._mapSpacingToken(this.spacingTop)??e,i=this._mapSpacingToken(this.spacingBottom)??e,r=this._mapSpacingToken(this.spacingLeft),s=this._mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-select-spacing-block-start",t):this.style.removeProperty("--scb-select-spacing-block-start"),i?this.style.setProperty("--scb-select-spacing-block-end",i):this.style.removeProperty("--scb-select-spacing-block-end"),r?this.style.setProperty("--scb-select-spacing-inline-start",r):this.style.removeProperty("--scb-select-spacing-inline-start"),s?this.style.setProperty("--scb-select-spacing-inline-end",s):this.style.removeProperty("--scb-select-spacing-inline-end")}_toggleOpen(){this.disabled||(this.open=!this.open,this.open?(this.focusedIndex=0,this.requestUpdate()):this.focusedIndex=-1)}_selectOption(e){e.disabled||(this.variant==="multi-select"?(this.values.indexOf(e.value)>-1?this.values=this.values.filter(i=>i!==e.value):this.values=[...this.values,e.value],this.value=this.values.join(","),this.dispatchEvent(new CustomEvent("change",{detail:{values:this.values},bubbles:!0,composed:!0}))):this.variant==="single-select"&&this.withRadiobuttons?(this.value=e.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0}))):(this.value=e.value,this.open=!1,this.removeAttribute("open"),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0}))),this._updateOptionsChecked(),this.requestUpdate())}_getSelectedLabel(){var i;const e=(i=this.shadowRoot)==null?void 0:i.querySelector("slot");if(!e)return"";const t=e.assignedElements({flatten:!0}).filter(r=>r.tagName.toLowerCase()==="scb-select-option");if(this.variant==="multi-select"){const r=t.filter(s=>this.values.includes(s.value));return r&&r.length>0?r.map(s=>s.label).join(", "):""}else{const r=t.find(s=>s.value===this.value);return r?r.label:""}}firstUpdated(){this._updateOptionsChecked(),this._internals&&this._internals.setFormValue(this.value),this._applySpacing()}updated(e){this._updateOptionsChecked(),this._internals&&this._internals.setFormValue(this.value),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&this._applySpacing()}_updateOptionsChecked(){var i;const e=(i=this.shadowRoot)==null?void 0:i.querySelector("slot");if(!e)return;e.assignedElements({flatten:!0}).filter(r=>r.tagName.toLowerCase()==="scb-select-option").forEach(r=>{this.variant==="multi-select"?(r.showCheckbox=!0,r.checked=this.values.includes(r.value),r.showRadio=!1):(r.showCheckbox=!1,r.checked=this.value===r.value,this.withRadiobuttons&&(r.showRadio=!0))})}render(){return c`
|
|
9239
9244
|
${this.label||this.supportingText?c`
|
|
9240
9245
|
<label class="select-label" id="scb-select-label-${this.name}">
|
|
9241
9246
|
${this.label?c`
|
|
@@ -9400,9 +9405,10 @@ ${this.value}</textarea
|
|
|
9400
9405
|
padding: var(--spacing-6) 52px var(--spacing-6) var(--spacing-5);
|
|
9401
9406
|
}
|
|
9402
9407
|
|
|
9403
|
-
`,
|
|
9408
|
+
`,he([n({type:String})],o.ScbSelect.prototype,"variant",2),he([n({type:String})],o.ScbSelect.prototype,"value",2),he([n({type:Array})],o.ScbSelect.prototype,"values",2),he([n({type:Boolean})],o.ScbSelect.prototype,"disabled",2),he([n({type:Boolean,reflect:!0})],o.ScbSelect.prototype,"open",2),he([n({type:String})],o.ScbSelect.prototype,"label",2),he([n({type:String})],o.ScbSelect.prototype,"name",2),he([n({type:String})],o.ScbSelect.prototype,"placeholder",2),he([n({type:String,attribute:"supporting-text"})],o.ScbSelect.prototype,"supportingText",2),he([n({type:Boolean,attribute:"with-radiobuttons"})],o.ScbSelect.prototype,"withRadiobuttons",2),he([n({type:String,reflect:!0})],o.ScbSelect.prototype,"spacing",2),he([n({type:String,attribute:"spacing-top",reflect:!0})],o.ScbSelect.prototype,"spacingTop",2),he([n({type:String,attribute:"spacing-bottom",reflect:!0})],o.ScbSelect.prototype,"spacingBottom",2),he([n({type:String,attribute:"spacing-left",reflect:!0})],o.ScbSelect.prototype,"spacingLeft",2),he([n({type:String,attribute:"spacing-right",reflect:!0})],o.ScbSelect.prototype,"spacingRight",2),o.ScbSelect=he([y("scb-select")],o.ScbSelect);var Av=Object.defineProperty,Iv=Object.getOwnPropertyDescriptor,de=(a,e,t,i)=>{for(var r=i>1?void 0:i?Iv(e,t):e,s=a.length-1,l;s>=0;s--)(l=a[s])&&(r=(i?l(e,t,r):l(r))||r);return i&&r&&Av(e,t,r),r};o.ScbSlider=class extends _{constructor(){super(...arguments),this.ticks=!1,this.step=5,this.value=20,this.range=!1,this.valueStart=0,this.valueEnd=100,this.min=0,this.max=100,this.labeled=!0,this.disabled=!1,this.name=""}_onInput(e){const t=e.target;this.range?(this.valueStart=t.valueStart,this.valueEnd=t.valueEnd):this.value=t.value,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}_onChange(e){const t=e.target;this.range?(this.valueStart=t.valueStart,this.valueEnd=t.valueEnd):this.value=t.value,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}render(){const t=this.labeled?b:this.ariaLabel||b;return c`
|
|
9404
9409
|
<md-slider
|
|
9405
9410
|
?ticks=${this.ticks}
|
|
9411
|
+
.value=${this.value}
|
|
9406
9412
|
.step=${this.step}
|
|
9407
9413
|
?range=${this.range}
|
|
9408
9414
|
.valueStart=${this.valueStart}
|
|
@@ -9416,15 +9422,16 @@ ${this.value}</textarea
|
|
|
9416
9422
|
?disabled=${this.disabled}
|
|
9417
9423
|
aria-label=${t}
|
|
9418
9424
|
name=${this.name}
|
|
9425
|
+
name-start=${this.nameStart}
|
|
9426
|
+
name-end=${this.nameEnd}
|
|
9427
|
+
@input=${this._onInput}
|
|
9428
|
+
@change=${this._onChange}
|
|
9419
9429
|
></md-slider>
|
|
9420
9430
|
`}},o.ScbSlider.styles=f`
|
|
9421
9431
|
:host {
|
|
9422
9432
|
display: block;
|
|
9423
|
-
/* Vertikalt avstånd styrs av spacing-attributen via CSS-variabler */
|
|
9424
|
-
margin-block-start: var(--scb-switch-spacing-block-start, 0);
|
|
9425
|
-
margin-block-end: var(--scb-switch-spacing-block-end, 0);
|
|
9426
9433
|
}
|
|
9427
|
-
`,
|
|
9434
|
+
`,de([n({type:Boolean})],o.ScbSlider.prototype,"ticks",2),de([n({type:Number})],o.ScbSlider.prototype,"step",2),de([n({type:Number,reflect:!0})],o.ScbSlider.prototype,"value",2),de([n({type:Boolean})],o.ScbSlider.prototype,"range",2),de([n({type:Number,attribute:"value-start"})],o.ScbSlider.prototype,"valueStart",2),de([n({type:Number,attribute:"value-end"})],o.ScbSlider.prototype,"valueEnd",2),de([n({type:Number,reflect:!0})],o.ScbSlider.prototype,"min",2),de([n({type:Number,reflect:!0})],o.ScbSlider.prototype,"max",2),de([n({type:Boolean})],o.ScbSlider.prototype,"labeled",2),de([n({type:String,attribute:"value-label"})],o.ScbSlider.prototype,"valueLabel",2),de([n({type:String,attribute:"value-label-start"})],o.ScbSlider.prototype,"valueLabelStart",2),de([n({type:String,attribute:"value-label-end"})],o.ScbSlider.prototype,"valueLabelEnd",2),de([n({type:Boolean,reflect:!0})],o.ScbSlider.prototype,"disabled",2),de([n({type:String,reflect:!0})],o.ScbSlider.prototype,"name",2),de([n({type:String,attribute:"name-start",reflect:!0})],o.ScbSlider.prototype,"nameStart",2),de([n({type:String,attribute:"name-end",reflect:!0})],o.ScbSlider.prototype,"nameEnd",2),o.ScbSlider=de([y("scb-slider")],o.ScbSlider);var zv=Object.defineProperty,Pv=Object.getOwnPropertyDescriptor,ze=(a,e,t,i)=>{for(var r=i>1?void 0:i?Pv(e,t):e,s=a.length-1,l;s>=0;s--)(l=a[s])&&(r=(i?l(e,t,r):l(r))||r);return i&&r&&zv(e,t,r),r};o.ScbSnackbar=class extends _{constructor(){super(...arguments),this.message="",this.open=!1,this.actionText="",this.showClose=!1,this.fixed=!1,this.fadeout=!1,this.withLongerAction=!1,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0}mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}applySpacing(){const e=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??e,i=this.mapSpacingToken(this.spacingBottom)??e,r=this.mapSpacingToken(this.spacingLeft),s=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-snackbar-spacing-block-start",t):this.style.removeProperty("--scb-snackbar-spacing-block-start"),i?this.style.setProperty("--scb-snackbar-spacing-block-end",i):this.style.removeProperty("--scb-snackbar-spacing-block-end"),r?this.style.setProperty("--scb-snackbar-spacing-inline-start",r):this.style.removeProperty("--scb-snackbar-spacing-inline-start"),s?this.style.setProperty("--scb-snackbar-spacing-inline-end",s):this.style.removeProperty("--scb-snackbar-spacing-inline-end")}connectedCallback(){super.connectedCallback(),this.applySpacing()}handleAction(){this.dispatchEvent(new CustomEvent("snackbar-action",{bubbles:!0,composed:!0})),this.open=!1}handleClose(){this.open=!1}updated(e){super.updated(e),e.has("open")&&(this.open?this.dispatchEvent(new CustomEvent("snackbar-open",{bubbles:!0,composed:!0})):this.dispatchEvent(new CustomEvent("snackbar-close",{bubbles:!0,composed:!0}))),(e.has("open")||e.has("fadeout"))&&(this.open&&this.fadeout?(window.clearTimeout(this._fadeoutTimer),this._fadeoutTimer=window.setTimeout(()=>{this.open=!1},5e3)):window.clearTimeout(this._fadeoutTimer)),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&this.applySpacing()}render(){const e=!!this.actionText,t=!!this.showClose;let i="snackbar";return!e&&!t&&(i+=" no-actions"),this.withLongerAction&&(i+=" longer-action"),c`
|
|
9428
9435
|
<div class="${i}" ?hidden=${!this.open}>
|
|
9429
9436
|
${this.withLongerAction?c`
|
|
9430
9437
|
<div class="message">${this.message}</div>
|
|
@@ -10125,7 +10132,7 @@ ${this.value}</textarea
|
|
|
10125
10132
|
.scb-toc-list {
|
|
10126
10133
|
display: block;
|
|
10127
10134
|
}
|
|
10128
|
-
`],fi([n({type:Boolean,reflect:!0})],o.ScbToc.prototype,"detached",2),fi([n({type:String,reflect:!0})],o.ScbToc.prototype,"spacing",2),fi([n({type:String,attribute:"spacing-top",reflect:!0})],o.ScbToc.prototype,"spacingTop",2),fi([n({type:String,attribute:"spacing-bottom",reflect:!0})],o.ScbToc.prototype,"spacingBottom",2),fi([n({type:String,attribute:"spacing-left",reflect:!0})],o.ScbToc.prototype,"spacingLeft",2),fi([n({type:String,attribute:"spacing-right",reflect:!0})],o.ScbToc.prototype,"spacingRight",2),o.ScbToc=fi([y("scb-toc")],o.ScbToc);var rm=Object.defineProperty,am=Object.getOwnPropertyDescriptor,mc=a=>{throw TypeError(a)},
|
|
10135
|
+
`],fi([n({type:Boolean,reflect:!0})],o.ScbToc.prototype,"detached",2),fi([n({type:String,reflect:!0})],o.ScbToc.prototype,"spacing",2),fi([n({type:String,attribute:"spacing-top",reflect:!0})],o.ScbToc.prototype,"spacingTop",2),fi([n({type:String,attribute:"spacing-bottom",reflect:!0})],o.ScbToc.prototype,"spacingBottom",2),fi([n({type:String,attribute:"spacing-left",reflect:!0})],o.ScbToc.prototype,"spacingLeft",2),fi([n({type:String,attribute:"spacing-right",reflect:!0})],o.ScbToc.prototype,"spacingRight",2),o.ScbToc=fi([y("scb-toc")],o.ScbToc);var rm=Object.defineProperty,am=Object.getOwnPropertyDescriptor,mc=a=>{throw TypeError(a)},ue=(a,e,t,i)=>{for(var r=i>1?void 0:i?am(e,t):e,s=a.length-1,l;s>=0;s--)(l=a[s])&&(r=(i?l(e,t,r):l(r))||r);return i&&r&&rm(e,t,r),r},om=(a,e,t)=>e.has(a)||mc("Cannot "+t),sm=(a,e,t)=>e.has(a)?mc("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(a):e.set(a,t),yi=(a,e,t)=>(om(a,e,"access private method"),t),At,Fs,Ui;return o.ScbViz=class extends _{constructor(){super(...arguments),sm(this,At),this.variant="Standard",this.selectedChip="Diagram",this.title="",this.subtitle="",this.description="",this.comment="",this.source="",this.footnote="",this.lang="sv",this.imageHref="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0}get descriptionLabel(){return this.lang==="en"?"Description of the chart":"Beskrivning av diagrammet"}get moreAboutStatsLabel(){return this.lang==="en"?"More about the statistics":"Mer om statistiken"}get commentLabel(){return this.lang==="en"?"Comments":"Kommentar"}get sourceLabel(){return this.lang==="en"?"Source":"Källa"}get footnoteLabel(){return this.lang==="en"?"Footnotes":"Fotnot"}firstUpdated(e){var i;const t=(i=this.shadowRoot)==null?void 0:i.querySelector('slot[name="table"]');t&&(t.addEventListener("slotchange",()=>this._styleSlottedTable()),this._styleSlottedTable()),yi(this,At,Fs).call(this)}updated(e){super.updated(e),this._styleSlottedTable(),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&yi(this,At,Fs).call(this)}_styleSlottedTable(){var i;const e=(i=this.shadowRoot)==null?void 0:i.querySelector('slot[name="table"]');if(!e)return;e.assignedElements({flatten:!0}).forEach(r=>{if(r.tagName==="TABLE"){const s=r;s.style.borderCollapse="collapse",s.style.width="100%",r.querySelectorAll("tbody tr:nth-child(odd)").forEach(l=>{l.style.background="var(--md-sys-color-surface-container)"}),r.querySelectorAll("th").forEach(l=>{const d=l;d.style.border="1px solid var(--md-sys-color-on-surface)",d.style.padding="8px"}),r.querySelectorAll("td").forEach(l=>{const d=l;d.style.border="1px solid var(--md-sys-color-on-surface)",d.style.padding="8px"}),r.querySelectorAll("tr").forEach(l=>{const d=Array.from(l.children).filter(p=>p.tagName==="TD"||p.tagName==="TH");d.length>0&&(d[0].style.borderLeft="none",d[d.length-1].style.borderRight="none")})}})}render(){switch(this.variant){case"Table":return c`
|
|
10129
10136
|
<div part="container">
|
|
10130
10137
|
<div class="header">
|
|
10131
10138
|
${this.title?c` <div class="label">${this.title}</div> `:""}
|
|
@@ -10432,4 +10439,4 @@ ${this.value}</textarea
|
|
|
10432
10439
|
:host([variant='Standard'].chip-diagram) slot[name='diagram'] {
|
|
10433
10440
|
display: block;
|
|
10434
10441
|
}
|
|
10435
|
-
`,
|
|
10442
|
+
`,ue([n({type:String,reflect:!0})],o.ScbViz.prototype,"variant",2),ue([n({type:String})],o.ScbViz.prototype,"selectedChip",2),ue([n({type:String,reflect:!0})],o.ScbViz.prototype,"title",2),ue([n({type:String,reflect:!0})],o.ScbViz.prototype,"subtitle",2),ue([n({type:String,reflect:!0})],o.ScbViz.prototype,"description",2),ue([n({type:String,reflect:!0})],o.ScbViz.prototype,"comment",2),ue([n({type:String,reflect:!0})],o.ScbViz.prototype,"source",2),ue([n({type:String,reflect:!0})],o.ScbViz.prototype,"footnote",2),ue([n({type:String,reflect:!0,attribute:"lang"})],o.ScbViz.prototype,"lang",2),ue([n({type:String,reflect:!0,attribute:"image-href"})],o.ScbViz.prototype,"imageHref",2),ue([n({type:String,reflect:!0})],o.ScbViz.prototype,"spacing",2),ue([n({type:String,attribute:"spacing-top",reflect:!0})],o.ScbViz.prototype,"spacingTop",2),ue([n({type:String,attribute:"spacing-bottom",reflect:!0})],o.ScbViz.prototype,"spacingBottom",2),ue([n({type:String,attribute:"spacing-left",reflect:!0})],o.ScbViz.prototype,"spacingLeft",2),ue([n({type:String,attribute:"spacing-right",reflect:!0})],o.ScbViz.prototype,"spacingRight",2),o.ScbViz=ue([y("scb-viz")],o.ScbViz),o.ScbHeaderMenuGroup=tc,o.ScbHeaderUtility=ic,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"}),o}({});
|