scb-wc-test 0.1.176 → 0.1.178

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.
Files changed (14) hide show
  1. package/mvc/components/scb-button/scb-button.js +152 -31
  2. package/mvc/components/scb-header/scb-header.js +2 -3
  3. package/mvc/components/scb-search/scb-search.js +1 -1
  4. package/mvc/components/scb-table-advanced/scb-table-advanced.js +36 -11
  5. package/mvc/scb-wc-test.css +1 -1
  6. package/package.json +2 -2
  7. package/scb-button/scb-button.d.ts +3 -0
  8. package/scb-button/scb-button.js +225 -101
  9. package/scb-header/scb-header.js +2 -3
  10. package/scb-search/scb-search.js +1 -1
  11. package/scb-table-advanced/scb-table-advanced.d.ts +15 -1
  12. package/scb-table-advanced/scb-table-advanced.js +162 -27
  13. package/scb-wc-test.bundle.js +466 -321
  14. package/scb-wc-test.css +1 -1
package/mvc/components/scb-button/scb-button.js CHANGED
@@ -1,4 +1,4 @@
1
- import{n as s,t as I,i as k,a as w,x as p,E as r}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(i,a,l){try{customElements.get(i)||e(i,a,l)}catch(d){var c=String(d||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var T=Object.defineProperty,L=Object.getOwnPropertyDescriptor,A=t=>{throw TypeError(t)},n=(t,e,i,a)=>{for(var l=a>1?void 0:a?L(e,i):e,c=t.length-1,d;c>=0;c--)(d=t[c])&&(l=(a?d(e,i,l):d(l))||l);return a&&l&&T(e,i,l),l},B=(t,e,i)=>e.has(t)||A("Cannot "+i),O=(t,e,i)=>e.has(t)?A("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,i),$=(t,e,i)=>(B(t,e,"access private method"),i),m,v;let o=class extends k{constructor(){super(...arguments),O(this,m),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(t){return t?.shadowRoot?.querySelector("button")??null}__syncAriaToInner(){const t=this.__getMdHost(),e=this.__getInnerNativeButton(t);if(!t||!e)return;const i=(this.getAttribute("aria-label")||"").trim(),a=(t.getAttribute("aria-label")||"").trim(),l=this.label.trim()===""?(this.icon||"").trim():"",c=i||a||l;c?e.setAttribute("aria-label",c):e.removeAttribute("aria-label");const d=this.getAttribute("aria-controls");d!==null?e.setAttribute("aria-controls",d):e.removeAttribute("aria-controls");const y=this.getAttribute("aria-expanded");y!==null?e.setAttribute("aria-expanded",y):e.removeAttribute("aria-expanded"),t.removeAttribute("aria-label"),t.removeAttribute("aria-controls"),t.removeAttribute("aria-expanded"),this.removeAttribute("aria-expanded"),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(x=>{const b=this.__getMdHost(),h=this.__getInnerNativeButton(b);if(!(!b||!h)){for(const f of x){if(f.type!=="attributes"||!f.attributeName)continue;const u=f.attributeName,g=this.getAttribute(u);if(u==="aria-label"){const S=(b.getAttribute("aria-label")||"").trim(),_=(g||S||(this.label.trim()===""?(this.icon||"").trim():"")).trim();_?h.setAttribute("aria-label",_):h.removeAttribute("aria-label"),b.removeAttribute("aria-label")}else(u==="aria-controls"||u==="aria-expanded")&&(g===null?h.removeAttribute(u):h.setAttribute(u,g),u==="aria-expanded"&&this.removeAttribute("aria-expanded"))}b.removeAttribute("aria-label"),b.removeAttribute("aria-controls"),b.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 t=this.closest("form");t&&(this.type==="submit"&&t.requestSubmit(),this.type==="reset"&&t.reset())}}),this.__syncAriaToInner(),$(this,m,v).call(this)}updated(t){t.has("variant")&&this.__syncAriaToInner(),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&$(this,m,v).call(this)}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}static get styles(){return w`
1
+ import{n as o,t as z,i as A,a as S,x as m,E as n}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(i,s,r){try{customElements.get(i)||e(i,s,r)}catch(c){var d=String(c||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var I=Object.defineProperty,L=Object.getOwnPropertyDescriptor,k=t=>{throw TypeError(t)},l=(t,e,i,s)=>{for(var r=s>1?void 0:s?L(e,i):e,d=t.length-1,c;d>=0;d--)(c=t[d])&&(r=(s?c(e,i,r):c(r))||r);return s&&r&&I(e,i,r),r},T=(t,e,i)=>e.has(t)||k("Cannot "+i),B=(t,e,i)=>e.has(t)?k("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,i),_=(t,e,i)=>(T(t,e,"access private method"),i),g,y;let a=class extends A{constructor(){super(...arguments),B(this,g),this.variant="filled",this.size="medium",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(t){return t?.shadowRoot?.querySelector("button")??null}__syncAriaToInner(){const t=this.__getMdHost(),e=this.__getInnerNativeButton(t);if(!t||!e)return;const i=(this.getAttribute("aria-label")||"").trim(),s=(t.getAttribute("aria-label")||"").trim(),r=this.label.trim()===""?(this.icon||"").trim():"",d=i||s||r;d?e.setAttribute("aria-label",d):e.removeAttribute("aria-label");const c=this.getAttribute("aria-controls");c!==null?e.setAttribute("aria-controls",c):e.removeAttribute("aria-controls");const f=this.getAttribute("aria-expanded");f!==null?e.setAttribute("aria-expanded",f):e.removeAttribute("aria-expanded"),t.removeAttribute("aria-label"),t.removeAttribute("aria-controls"),t.removeAttribute("aria-expanded"),this.removeAttribute("aria-expanded"),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(w=>{const b=this.__getMdHost(),p=this.__getInnerNativeButton(b);if(!(!b||!p)){for(const h of w){if(h.type!=="attributes"||!h.attributeName)continue;const u=h.attributeName,v=this.getAttribute(u);if(u==="aria-label"){const $=(b.getAttribute("aria-label")||"").trim(),x=(v||$||(this.label.trim()===""?(this.icon||"").trim():"")).trim();x?p.setAttribute("aria-label",x):p.removeAttribute("aria-label"),b.removeAttribute("aria-label")}else(u==="aria-controls"||u==="aria-expanded")&&(v===null?p.removeAttribute(u):p.setAttribute(u,v),u==="aria-expanded"&&this.removeAttribute("aria-expanded"))}b.removeAttribute("aria-label"),b.removeAttribute("aria-controls"),b.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 t=this.closest("form");t&&(this.type==="submit"&&t.requestSubmit(),this.type==="reset"&&t.reset())}}),this.__syncAriaToInner(),_(this,g,y).call(this)}updated(t){t.has("variant")&&this.__syncAriaToInner(),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&_(this,g,y).call(this)}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}static get styles(){return S`
2
2
  /* Gör hosten stretchbar i t.ex. flex/grid */
3
3
  :host {
4
4
  display: inline-flex;
@@ -8,6 +8,122 @@ import{n as s,t as I,i as k,a as w,x as p,E as r}from"../../vendor/vendor.js";im
8
8
  margin-inline-start: var(--scb-button-spacing-inline-start, 0);
9
9
  margin-inline-end: var(--scb-button-spacing-inline-end, 0);
10
10
  --scb-button-font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
11
+ --scb-button-padding-block: calc(var(--spacing-4) - var(--spacing-1));
12
+ --scb-button-label-text-line-height: var(--md-sys-typescale-label-small-line-height);
13
+ --scb-button-container-height: calc(
14
+ var(--scb-button-label-text-line-height) + var(--scb-button-padding-block) + var(--scb-button-padding-block)
15
+ );
16
+
17
+
18
+ --scb-button-padding-inline: var(--spacing-5);
19
+ --scb-button-icon-edge-space: var(--spacing-5);
20
+ --scb-button-icon-gap: var(--spacing-3);
21
+ --scb-button-icon-size: var(--icon-size-small, 20px);
22
+
23
+ /* Label, mappar till md-sys-typescale-label-small */
24
+ --md-filled-button-label-text-font: var(--md-sys-typescale-label-small-font);
25
+ --md-filled-button-label-text-size: var(--md-sys-typescale-label-small-size);
26
+ --md-filled-button-label-text-line-height: var(--md-sys-typescale-label-small-line-height);
27
+ --md-filled-button-label-text-tracking: var(--md-sys-typescale-label-small-tracking);
28
+ --md-filled-button-label-text-weight: var(--md-sys-typescale-label-small-weight);
29
+
30
+ --md-outlined-button-label-text-font: var(--md-sys-typescale-label-small-font);
31
+ --md-outlined-button-label-text-size: var(--md-sys-typescale-label-small-size);
32
+ --md-outlined-button-label-text-line-height: var(--md-sys-typescale-label-small-line-height);
33
+ --md-outlined-button-label-text-tracking: var(--md-sys-typescale-label-small-tracking);
34
+ --md-outlined-button-label-text-weight: var(--md-sys-typescale-label-small-weight);
35
+
36
+ --md-filled-tonal-button-label-text-font: var(--md-sys-typescale-label-small-font);
37
+ --md-filled-tonal-button-label-text-size: var(--md-sys-typescale-label-small-size);
38
+ --md-filled-tonal-button-label-text-line-height: var(--md-sys-typescale-label-small-line-height);
39
+ --md-filled-tonal-button-label-text-tracking: var(--md-sys-typescale-label-small-tracking);
40
+ --md-filled-tonal-button-label-text-weight: var(--md-sys-typescale-label-small-weight);
41
+
42
+ --md-text-button-label-text-font: var(--md-sys-typescale-label-small-font);
43
+ --md-text-button-label-text-size: var(--md-sys-typescale-label-small-size);
44
+ --md-text-button-label-text-line-height: var(--md-sys-typescale-label-small-line-height);
45
+ --md-text-button-label-text-tracking: var(--md-sys-typescale-label-small-tracking);
46
+ --md-text-button-label-text-weight: var(--md-sys-typescale-label-small-weight);
47
+
48
+ /* Grundpadding (utan ikon) */
49
+ --md-filled-button-leading-space: var(--scb-button-padding-inline);
50
+ --md-filled-button-trailing-space: var(--scb-button-padding-inline);
51
+ --md-outlined-button-leading-space: var(--scb-button-padding-inline);
52
+ --md-outlined-button-trailing-space: var(--scb-button-padding-inline);
53
+ --md-filled-tonal-button-leading-space: var(--scb-button-padding-inline);
54
+ --md-filled-tonal-button-trailing-space: var(--scb-button-padding-inline);
55
+ --md-text-button-leading-space: var(--scb-button-padding-inline);
56
+ --md-text-button-trailing-space: var(--scb-button-padding-inline);
57
+
58
+ /* Med ikon: avstånd till ytterkanter + mellan ikon och label */
59
+ --md-filled-button-with-leading-icon-leading-space: var(--scb-button-icon-edge-space);
60
+ --md-filled-button-with-leading-icon-trailing-space: var(--scb-button-padding-inline);
61
+ --md-filled-button-with-trailing-icon-leading-space: var(--scb-button-padding-inline);
62
+ --md-filled-button-with-trailing-icon-trailing-space: var(--scb-button-icon-edge-space);
63
+
64
+ --md-outlined-button-with-leading-icon-leading-space: var(--scb-button-icon-edge-space);
65
+ --md-outlined-button-with-leading-icon-trailing-space: var(--scb-button-padding-inline);
66
+ --md-outlined-button-with-trailing-icon-leading-space: var(--scb-button-padding-inline);
67
+ --md-outlined-button-with-trailing-icon-trailing-space: var(--scb-button-icon-edge-space);
68
+
69
+ --md-filled-tonal-button-with-leading-icon-leading-space: var(--scb-button-icon-edge-space);
70
+ --md-filled-tonal-button-with-leading-icon-trailing-space: var(--scb-button-padding-inline);
71
+ --md-filled-tonal-button-with-trailing-icon-leading-space: var(--scb-button-padding-inline);
72
+ --md-filled-tonal-button-with-trailing-icon-trailing-space: var(--scb-button-icon-edge-space);
73
+
74
+ --md-text-button-with-leading-icon-leading-space: var(--scb-button-icon-edge-space);
75
+ --md-text-button-with-leading-icon-trailing-space: var(--scb-button-padding-inline);
76
+ --md-text-button-with-trailing-icon-leading-space: var(--scb-button-padding-inline);
77
+ --md-text-button-with-trailing-icon-trailing-space: var(--scb-button-icon-edge-space);
78
+
79
+ /* Ikonstorlek */
80
+ --md-filled-button-icon-size: var(--scb-button-icon-size);
81
+ --md-outlined-button-icon-size: var(--scb-button-icon-size);
82
+ --md-filled-tonal-button-icon-size: var(--scb-button-icon-size);
83
+ --md-text-button-icon-size: var(--scb-button-icon-size);
84
+ }
85
+
86
+ :host([size='small']) {
87
+ --scb-button-padding-block: calc(var(--spacing-3) - var(--spacing-1));
88
+ --scb-button-padding-inline: var(--spacing-4);
89
+ --scb-button-icon-edge-space: var(--spacing-4);
90
+ --scb-button-icon-gap: var(--spacing-2);
91
+ --scb-button-icon-size: var(--icon-size-small, 20px);
92
+ }
93
+
94
+ :host([size='large']) {
95
+ --scb-button-padding-block: var(--spacing-5);
96
+ --scb-button-label-text-line-height: var(--md-sys-typescale-label-medium-line-height);
97
+
98
+ --scb-button-padding-inline: var(--spacing-7);
99
+ --scb-button-icon-edge-space: var(--spacing-7);
100
+ --scb-button-icon-gap: var(--spacing-3);
101
+ --scb-button-icon-size: var(--icon-size-medium, 24px);
102
+
103
+ /* Label, mappar till md-sys-typescale-label-medium */
104
+ --md-filled-button-label-text-font: var(--md-sys-typescale-label-medium-font);
105
+ --md-filled-button-label-text-size: var(--md-sys-typescale-label-medium-size);
106
+ --md-filled-button-label-text-line-height: var(--md-sys-typescale-label-medium-line-height);
107
+ --md-filled-button-label-text-tracking: var(--md-sys-typescale-label-medium-tracking);
108
+ --md-filled-button-label-text-weight: var(--md-sys-typescale-label-medium-weight);
109
+
110
+ --md-outlined-button-label-text-font: var(--md-sys-typescale-label-medium-font);
111
+ --md-outlined-button-label-text-size: var(--md-sys-typescale-label-medium-size);
112
+ --md-outlined-button-label-text-line-height: var(--md-sys-typescale-label-medium-line-height);
113
+ --md-outlined-button-label-text-tracking: var(--md-sys-typescale-label-medium-tracking);
114
+ --md-outlined-button-label-text-weight: var(--md-sys-typescale-label-medium-weight);
115
+
116
+ --md-filled-tonal-button-label-text-font: var(--md-sys-typescale-label-medium-font);
117
+ --md-filled-tonal-button-label-text-size: var(--md-sys-typescale-label-medium-size);
118
+ --md-filled-tonal-button-label-text-line-height: var(--md-sys-typescale-label-medium-line-height);
119
+ --md-filled-tonal-button-label-text-tracking: var(--md-sys-typescale-label-medium-tracking);
120
+ --md-filled-tonal-button-label-text-weight: var(--md-sys-typescale-label-medium-weight);
121
+
122
+ --md-text-button-label-text-font: var(--md-sys-typescale-label-medium-font);
123
+ --md-text-button-label-text-size: var(--md-sys-typescale-label-medium-size);
124
+ --md-text-button-label-text-line-height: var(--md-sys-typescale-label-medium-line-height);
125
+ --md-text-button-label-text-tracking: var(--md-sys-typescale-label-medium-tracking);
126
+ --md-text-button-label-text-weight: var(--md-sys-typescale-label-medium-weight);
11
127
  }
12
128
 
13
129
  :host([icon-filled]) {
@@ -29,7 +145,12 @@ import{n as s,t as I,i as k,a as w,x as p,E as r}from"../../vendor/vendor.js";im
29
145
  md-outlined-button,
30
146
  md-filled-tonal-button,
31
147
  md-text-button {
32
- block-size: 100%;
148
+ block-size: var(--scb-button-block-size, auto);
149
+ gap: var(--scb-button-icon-gap);
150
+ --md-filled-button-container-height: var(--scb-button-block-size, var(--scb-button-container-height));
151
+ --md-outlined-button-container-height: var(--scb-button-block-size, var(--scb-button-container-height));
152
+ --md-filled-tonal-button-container-height: var(--scb-button-block-size, var(--scb-button-container-height));
153
+ --md-text-button-container-height: var(--scb-button-block-size, var(--scb-button-container-height));
33
154
  }
34
155
 
35
156
  :host([full-width]) md-filled-button,
@@ -84,64 +205,64 @@ import{n as s,t as I,i as k,a as w,x as p,E as r}from"../../vendor/vendor.js";im
84
205
  }
85
206
  }
86
207
  */
87
- `}render(){const t=!!this.icon?.trim(),e=t?p`<md-icon slot="icon" part="icon" ?filled=${this.iconFilled} aria-hidden="true">${this.icon}</md-icon>`:r,i=r,a=this.label.trim()===""?this.icon:void 0;switch(this.variant){case"filled":return p`
208
+ `}render(){const t=!!this.icon?.trim(),e=t?m`<md-icon slot="icon" part="icon" ?filled=${this.iconFilled} aria-hidden="true">${this.icon}</md-icon>`:n,i=n,s=this.label.trim()===""?this.icon:void 0;switch(this.variant){case"filled":return m`
88
209
  <md-filled-button
89
210
  type=${this.type}
90
211
  variant=${i}
91
212
  ?trailing-icon=${this.trailingIcon}
92
213
  ?disabled=${this.disabled}
93
- aria-label=${a}
94
- href=${this.href||r}
95
- target=${this.target||r}
96
- rel=${this.rel||r}
214
+ aria-label=${s}
215
+ href=${this.href||n}
216
+ target=${this.target||n}
217
+ rel=${this.rel||n}
97
218
  >
98
- ${t&&!this.trailingIcon?e:r}
219
+ ${t&&!this.trailingIcon?e:n}
99
220
  ${this.label}
100
- ${t&&this.trailingIcon?e:r}
221
+ ${t&&this.trailingIcon?e:n}
101
222
  </md-filled-button>
102
- `;case"outlined":return p`
223
+ `;case"outlined":return m`
103
224
  <md-outlined-button
104
225
  type=${this.type}
105
226
  variant=${i}
106
227
  ?trailing-icon=${this.trailingIcon}
107
228
  ?disabled=${this.disabled}
108
- aria-label=${a}
109
- href=${this.href||r}
110
- target=${this.target||r}
111
- rel=${this.rel||r}
229
+ aria-label=${s}
230
+ href=${this.href||n}
231
+ target=${this.target||n}
232
+ rel=${this.rel||n}
112
233
  >
113
- ${t&&!this.trailingIcon?e:r}
234
+ ${t&&!this.trailingIcon?e:n}
114
235
  ${this.label}
115
- ${t&&this.trailingIcon?e:r}
236
+ ${t&&this.trailingIcon?e:n}
116
237
  </md-outlined-button>
117
- `;case"filled-tonal":return p`
238
+ `;case"filled-tonal":return m`
118
239
  <md-filled-tonal-button
119
240
  type=${this.type}
120
241
  variant=${i}
121
242
  ?trailing-icon=${this.trailingIcon}
122
243
  ?disabled=${this.disabled}
123
- aria-label=${a}
124
- href=${this.href||r}
125
- target=${this.target||r}
126
- rel=${this.rel||r}
244
+ aria-label=${s}
245
+ href=${this.href||n}
246
+ target=${this.target||n}
247
+ rel=${this.rel||n}
127
248
  >
128
- ${t&&!this.trailingIcon?e:r}
249
+ ${t&&!this.trailingIcon?e:n}
129
250
  ${this.label}
130
- ${t&&this.trailingIcon?e:r}
251
+ ${t&&this.trailingIcon?e:n}
131
252
  </md-filled-tonal-button>
132
- `;case"text":return p`
253
+ `;case"text":return m`
133
254
  <md-text-button
134
255
  type=${this.type}
135
256
  variant=${i}
136
257
  ?trailing-icon=${this.trailingIcon}
137
258
  ?disabled=${this.disabled}
138
- aria-label=${a}
139
- href=${this.href||r}
140
- target=${this.target||r}
141
- rel=${this.rel||r}
259
+ aria-label=${s}
260
+ href=${this.href||n}
261
+ target=${this.target||n}
262
+ rel=${this.rel||n}
142
263
  >
143
- ${t&&!this.trailingIcon?e:r}
264
+ ${t&&!this.trailingIcon?e:n}
144
265
  ${this.label}
145
- ${t&&this.trailingIcon?e:r}
266
+ ${t&&this.trailingIcon?e:n}
146
267
  </md-text-button>
147
- `;default:return p``}}};m=new WeakSet;v=function(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??t,i=this.mapSpacingToken(this.spacingBottom)??t,a=this.mapSpacingToken(this.spacingLeft),l=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-button-spacing-block-start",e):this.style.removeProperty("--scb-button-spacing-block-start"),i?this.style.setProperty("--scb-button-spacing-block-end",i):this.style.removeProperty("--scb-button-spacing-block-end"),a?this.style.setProperty("--scb-button-spacing-inline-start",a):this.style.removeProperty("--scb-button-spacing-inline-start"),l?this.style.setProperty("--scb-button-spacing-inline-end",l):this.style.removeProperty("--scb-button-spacing-inline-end")};n([s({type:String,reflect:!0})],o.prototype,"variant",2);n([s({type:String,reflect:!0})],o.prototype,"type",2);n([s({type:String})],o.prototype,"label",2);n([s({type:Boolean,attribute:"trailing-icon"})],o.prototype,"trailingIcon",2);n([s({type:String})],o.prototype,"icon",2);n([s({type:Boolean,attribute:"icon-filled",reflect:!0})],o.prototype,"iconFilled",2);n([s({type:Boolean,reflect:!0})],o.prototype,"disabled",2);n([s({type:Boolean,attribute:"full-width",reflect:!0})],o.prototype,"fullWidth",2);n([s({type:String})],o.prototype,"href",2);n([s({type:String})],o.prototype,"target",2);n([s({type:String})],o.prototype,"rel",2);n([s({type:String,reflect:!0})],o.prototype,"spacing",2);n([s({type:String,attribute:"spacing-top",reflect:!0})],o.prototype,"spacingTop",2);n([s({type:String,attribute:"spacing-bottom",reflect:!0})],o.prototype,"spacingBottom",2);n([s({type:String,attribute:"spacing-left",reflect:!0})],o.prototype,"spacingLeft",2);n([s({type:String,attribute:"spacing-right",reflect:!0})],o.prototype,"spacingRight",2);o=n([I("scb-button")],o);
268
+ `;default:return m``}}};g=new WeakSet;y=function(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??t,i=this.mapSpacingToken(this.spacingBottom)??t,s=this.mapSpacingToken(this.spacingLeft),r=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-button-spacing-block-start",e):this.style.removeProperty("--scb-button-spacing-block-start"),i?this.style.setProperty("--scb-button-spacing-block-end",i):this.style.removeProperty("--scb-button-spacing-block-end"),s?this.style.setProperty("--scb-button-spacing-inline-start",s):this.style.removeProperty("--scb-button-spacing-inline-start"),r?this.style.setProperty("--scb-button-spacing-inline-end",r):this.style.removeProperty("--scb-button-spacing-inline-end")};l([o({type:String,reflect:!0})],a.prototype,"variant",2);l([o({type:String,reflect:!0})],a.prototype,"size",2);l([o({type:String,reflect:!0})],a.prototype,"type",2);l([o({type:String})],a.prototype,"label",2);l([o({type:Boolean,attribute:"trailing-icon"})],a.prototype,"trailingIcon",2);l([o({type:String})],a.prototype,"icon",2);l([o({type:Boolean,attribute:"icon-filled",reflect:!0})],a.prototype,"iconFilled",2);l([o({type:Boolean,reflect:!0})],a.prototype,"disabled",2);l([o({type:Boolean,attribute:"full-width",reflect:!0})],a.prototype,"fullWidth",2);l([o({type:String})],a.prototype,"href",2);l([o({type:String})],a.prototype,"target",2);l([o({type:String})],a.prototype,"rel",2);l([o({type:String,reflect:!0})],a.prototype,"spacing",2);l([o({type:String,attribute:"spacing-top",reflect:!0})],a.prototype,"spacingTop",2);l([o({type:String,attribute:"spacing-bottom",reflect:!0})],a.prototype,"spacingBottom",2);l([o({type:String,attribute:"spacing-left",reflect:!0})],a.prototype,"spacingLeft",2);l([o({type:String,attribute:"spacing-right",reflect:!0})],a.prototype,"spacingRight",2);a=l([z("scb-button")],a);
package/mvc/components/scb-header/scb-header.js CHANGED
@@ -141,7 +141,7 @@ import{a as x,n as c,r as y,i as S,x as u,E as m,t as k}from"../../vendor/vendor
141
141
  aria-haspopup="dialog"
142
142
  aria-expanded=${String(this._menuExpanded)}
143
143
  data-drawer-toggle=${this._drawerId}
144
- title="Öppna meny"
144
+ title="Öppna meny"
145
145
  @click=${this._onMenuClick}
146
146
  ></scb-icon-button>
147
147
  `:m}
@@ -543,7 +543,6 @@ import{a as x,n as c,r as y,i as S,x as u,E as m,t as k}from"../../vendor/vendor
543
543
  }
544
544
  .search scb-button {
545
545
  flex: 0 0 auto;
546
- --scb-button-block-size: var(--scb-search-height);
547
546
  }
548
547
  @media (min-width: 600px) {
549
548
  .search {
@@ -579,7 +578,7 @@ import{a as x,n as c,r as y,i as S,x as u,E as m,t as k}from"../../vendor/vendor
579
578
  .tabs-nav {
580
579
  display: inline-flex;
581
580
  flex-wrap: nowrap;
582
- align-items: stretch;
581
+ align-items: center;
583
582
  gap: var(--spacing-6, 18px);
584
583
  min-height: calc(var(--spacing-10, 40px));
585
584
  position: relative;
package/mvc/components/scb-search/scb-search.js CHANGED
@@ -75,7 +75,7 @@ import{a as y,n as c,i as x,E as b,x as p,t as w}from"../../vendor/vendor.js";im
75
75
 
76
76
  --scb-search-font-size: var(--md-sys-typescale-body-large-size, 18px);
77
77
  --scb-search-line-height: var(--md-sys-typescale-body-large-line-height, 24px);
78
- --scb-search-icon-size: var(--icon-size-small, 24px);
78
+ --scb-search-icon-size: var(--icon-size-medium, 24px);
79
79
  }
80
80
 
81
81
  :host([size='compact']) {
package/mvc/components/scb-table-advanced/scb-table-advanced.js CHANGED
@@ -1,11 +1,36 @@
1
- import{a as l,n as o,i as _,x as u,t as f}from"../../vendor/vendor.js";(function(){try{var d=typeof globalThis<"u"?globalThis:window;if(!d.__scb_ce_guard_installed__){d.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(t,n,e){try{customElements.get(t)||r(t,n,e)}catch(a){var s=String(a||"");if(s.indexOf("already been used")===-1&&s.indexOf("NotSupportedError")===-1)throw a}}}}catch{}})();var b=Object.defineProperty,p=Object.getOwnPropertyDescriptor,i=(d,r,t,n)=>{for(var e=n>1?void 0:n?p(r,t):r,s=d.length-1,a;s>=0;s--)(a=d[s])&&(e=(n?a(r,t,e):a(e))||e);return n&&e&&b(r,t,e),e};let c=class extends _{constructor(){super(...arguments),this.data=[]}render(){return u`
2
- <div>
3
- <h3>SCB Table Advanced</h3>
4
- <!-- Table rendering logic here -->
5
- </div>
6
- `}};c.styles=l`
7
- :host {
8
- display: block;
9
- /* Add component styles here */
10
- }
11
- `;i([o({type:Array})],c.prototype,"data",2);c=i([f("scb-table-advanced")],c);
1
+ import{a as E,n as u,i as v,x as _,t as N}from"../../vendor/vendor.js";import"../scb-pagination/scb-pagination.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-link/scb-link.js";import"../../vendor/vendor-material.js";import"../scb-button/scb-button.js";import"../../vendor/preload-helper.js";import"../scb-tooltip/scb-tooltip.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var a=customElements.define.bind(customElements);customElements.define=function(r,l,s){try{customElements.get(r)||a(r,l,s)}catch(i){var t=String(i||"");if(t.indexOf("already been used")===-1&&t.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();var T=Object.defineProperty,w=Object.getOwnPropertyDescriptor,y=(e,a,r,l)=>{for(var s=l>1?void 0:l?w(a,r):a,t=e.length-1,i;t>=0;t--)(i=e[t])&&(s=(l?i(a,r,s):i(s))||s);return l&&s&&T(a,r,s),s};let d=class extends v{constructor(){super(...arguments),this.pagination=!1,this.pageSize=10,this.currentPage=1,this.totalRows=0,this._sortedColumn=null,this._sortDirection="asc",this._onSlotChange=()=>{this.pagination&&(this._updateTotalRows(),this._paginateTable())},this._onPaginationChange=e=>{const a=e.detail;a&&typeof a.page=="number"&&this._changePage(a.page)}}render(){const e=Math.ceil(this.totalRows/this.pageSize);return _`
2
+ <slot @slotchange=${this._onSlotChange}></slot>
3
+ <div class="pagination">
4
+ ${this.pagination&&e>1?_`
5
+ <scb-pagination
6
+ .page=${this.currentPage}
7
+ .totalPages=${e}
8
+ @page-change=${this._onPaginationChange}
9
+ variant="icon"
10
+ ></scb-pagination>
11
+ `:""}
12
+ </div>
13
+ `}firstUpdated(){const e=this.shadowRoot.querySelector("slot");e&&(e.addEventListener("slotchange",()=>this._attachThListeners()),this._attachThListeners())}_attachThListeners(){const e=this.shadowRoot.querySelector("slot");if(!e)return;const a=e.assignedNodes({flatten:!0}),r=[],l=[],s=[];a.forEach(t=>{t.nodeType===Node.ELEMENT_NODE&&(r.push(...t.querySelectorAll("th")),l.push(...t.querySelectorAll("td")),s.push(...t.querySelectorAll("tr")))}),r.forEach((t,i)=>{t.style.textAlign="left",t.style.padding="16px 0px 16px 32px",t.style.position="relative",t.style.backgroundColor="var(--md-sys-color-surface)",t.style.fontFamily="var(--md-sys-typescale-label-medium-font)",t.style.fontSize="var(--md-sys-typescale-label-medium-size)",t.style.lineHeight="var(--md-sys-typescale-label-medium-line-height)",t.style.fontWeight="var(--md-sys-typescale-label-medium-weight)",t.style.letterSpacing="var(--md-sys-typescale-label-medium-tracking)";const o=t.firstChild;if(o&&o.nodeType===Node.TEXT_NODE&&o.textContent?.trim()||o&&o.nodeType===Node.ELEMENT_NODE&&o.tagName.toLowerCase()!=="p"){const c=document.createElement("p");c.textContent=o.textContent?o.textContent.trim():"",c.style.margin="0",t.replaceChild(c,o),t.querySelectorAll("scb-icon-button.scb-sort-icon").forEach(h=>h.remove());const p=document.createElement("scb-icon-button");p.className="scb-sort-icon",p.onclick=()=>this._onThClick(i),p.setAttribute("variant","standard"),this._sortedColumn===i?(p.setAttribute("variant","filled-tonal"),p.setAttribute("icon",this._sortDirection==="asc"?"arrow_downward":"arrow_upward")):(p.setAttribute("icon","swap_horiz"),p.style.transform+=" rotate(90deg)");var n=document.createElement("div");n.style.display="flex",n.style.gap="12px",n.style.flexWrap="nowrap",n.style.alignItems="center",n.appendChild(c),n.appendChild(p),t.appendChild(n)}}),l.forEach(t=>{t.style.padding="16px 0px 16px 32px",t.style.textAlign="left",t.style.borderTop="1px solid var(--md-sys-color-outline-variant)",t.style.verticalAlign="text-top",t.style.backgroundColor="var(--md-sys-color-surface)",t.style.fontFamily="var(--md-sys-typescale-body-medium-font)",t.style.fontSize="var(--md-sys-typescale-body-medium-size)",t.style.lineHeight="var(--md-sys-typescale-body-medium-line-height)",t.style.fontWeight="var(--md-sys-typescale-body-medium-weight)",t.style.letterSpacing="var(--md-sys-typescale-body-medium-tracking)"}),s.forEach(t=>{const i=t.querySelectorAll("th");i.length>0&&i.forEach((n,c)=>{c===0&&(n.style.paddingLeft="24px"),c===i.length-1?n.style.paddingRight="24px":n.style.paddingRight=""});const o=t.querySelectorAll("td");o.length>0&&o.forEach((n,c)=>{c===0&&(n.style.paddingLeft="24px"),c===o.length-1?n.style.paddingRight="24px":n.style.paddingRight=""})}),this.pagination&&this._paginateTable()}_onThClick(e){this._sortedColumn===e?this._sortDirection=this._sortDirection==="asc"?"desc":"asc":(this._sortedColumn=e,this._sortDirection="asc"),this._sortTable(e,this._sortDirection),this._attachThListeners()}_sortTable(e,a){const r=this.shadowRoot.querySelector("slot");if(!r)return;const l=r.assignedNodes({flatten:!0});let s=null;if(l.forEach(o=>{if(o.nodeType===Node.ELEMENT_NODE){const n=o.querySelector("tbody");n&&(s=n)}}),!s)return;Array.from(s.querySelectorAll("tr")).sort((o,n)=>{const c=o.children[e]?.textContent?.trim()??"",p=n.children[e]?.textContent?.trim()??"",h=Date.parse(c.replace(/\s+/g," ")),f=Date.parse(p.replace(/\s+/g," "));if(!isNaN(h)&&!isNaN(f))return a==="asc"?h-f:f-h;const g=parseFloat(c.replace(",",".")),m=parseFloat(p.replace(",","."));if(!isNaN(g)&&!isNaN(m))return a==="asc"?g-m:m-g;const b=c.localeCompare(p,"sv");return a==="asc"?b:-b}).forEach(o=>s.appendChild(o)),this.pagination&&this._paginateTable()}_updateTotalRows(){const e=this.shadowRoot.querySelector("slot");if(!e)return;const a=e.assignedNodes({flatten:!0});let r=null;a.forEach(l=>{if(l.nodeType===Node.ELEMENT_NODE){const s=l.querySelector("tbody");s&&(r=s)}}),r&&(this.totalRows=r.querySelectorAll("tr").length)}_paginateTable(){const e=this.shadowRoot.querySelector("slot");if(!e)return;const a=e.assignedNodes({flatten:!0});let r=null;if(a.forEach(i=>{if(i.nodeType===Node.ELEMENT_NODE){const o=i.querySelector("tbody");o&&(r=o)}}),!r)return;const l=Array.from(r.querySelectorAll("tr"));l.forEach(i=>i.style.display="none");const s=(this.currentPage-1)*this.pageSize,t=s+this.pageSize;l.slice(s,t).forEach(i=>i.style.display="")}_changePage(e){const a=Math.ceil(this.totalRows/this.pageSize);e<1||e>a||(this.currentPage=e,this._paginateTable(),this.requestUpdate())}};d.styles=E`
14
+ :host {
15
+ display: block;
16
+ color: var(--md-sys-color-on-surface);
17
+ font-family: var(--brand, Inter);
18
+ }
19
+ ::slotted(table) {
20
+ border-collapse: collapse;
21
+ border-spacing: 0;
22
+ border-radius: 24px;
23
+ overflow: hidden;
24
+ }
25
+ .pagination {
26
+ margin-top: 16px;
27
+ display: flex;
28
+ justify-self: center;
29
+ }
30
+ ::slotted(th) .scb-sort-icon {
31
+ pointer-events: none;
32
+ }
33
+ ::slotted(th:hover) .scb-sort-icon {
34
+ pointer-events: auto;
35
+ }
36
+ `;y([u({type:Boolean,attribute:"with-pagination"})],d.prototype,"pagination",2);y([u({type:Number})],d.prototype,"pageSize",2);y([u({type:Number})],d.prototype,"currentPage",2);y([u({type:Number})],d.prototype,"totalRows",2);d=y([N("scb-table-advanced")],d);
package/mvc/scb-wc-test.css CHANGED
@@ -1,2 +1,2 @@
1
1
  @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined&display=swap&icon_names=add,add_circle,apartment,arrow_back,arrow_back_ios,arrow_downward,arrow_drop_down,arrow_forward,arrow_forward_ios,arrow_outward,arrow_right,arrow_upward,article,assistant_direction,auto_stories,ballot,bar_chart,bid_landscape,book,book_2,border_color,breaking_news,bubble_chart,build,calendar_month,calendar_today,call_made,cancel,check,check_box,check_box_outline_blank,check_circle,check_small,checklist,chevron_left,chevron_right,close,code,code_blocks,colors,comment,compare_arrows,contact_support,content_copy,data_info_alert,data_table,database,database_search,deceased,delete,deployed_code,description,download,eco,edit,edit_square,error,event_note,expand_less,expand_more,explore,face,favorite,female,fiber_manual_record,filter_alt,filter_list,filter_vintage,folder,format_align_left,format_bold,format_color_text,format_list_bulleted,fullscreen,fullscreen_exit,grain,graph_7,grid_on,group,hearing,help,home,image,import_contacts,indeterminate_check_box,info,insert_chart,insert_chart_filled,inventory,keyboard_arrow_down,keyboard_arrow_up,label,language,laptop_windows,leaderboard,lightbulb,link,list,list_alt,location_on,location_searching,mail,male,manufacturing,menu,menu_book,mic,mobile,mobile_arrow_down,mode_comment,more_horiz,more_vert,mouse,nature,near_me,open_in_new,payment,percent,person,person_4,person_add,person_play,pin,play_arrow,preview,price_change,print,progress_activity,public,radio_button_checked,radio_button_unchecked,refresh,release_alert,remove,remove_circle,reorder,repeat,reply,restore,save,search,sell,settings,share,shopping_cart,shoppingmode,show_chart,sort,spa,space_bar,ssid_chart,straighten,style,subject,support,swap_horiz,table,table_chart,tablet,texture,thumb_up,toggle_off,toggle_on,touch_app,tune,unfold_less,unfold_more,upload,verified,view_list,view_module,visibility,visibility_off,volume_up,warning,work');
2
- @import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);@keyframes scb-kf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes scb-kf-fade-out{0%{opacity:1}to{opacity:0}}@keyframes scb-kf-slide-in{0%{opacity:0;transform:translate(var(--scb-kf-slide-from-x, -16px),var(--scb-kf-slide-from-y, 0px))}to{opacity:1;transform:translate(0,0)}}@keyframes scb-kf-slide-out{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(var(--scb-kf-slide-to-x, 16px),var(--scb-kf-slide-to-y, 0px))}}@keyframes scb-kf-scale-in{0%{opacity:0;transform:scale(var(--scb-kf-scale-from, 0.96))}to{opacity:1;transform:scale(1)}}@keyframes scb-kf-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(var(--scb-kf-scale-to, 0.98))}}@keyframes scb-kf-pulse{0%,to{transform:scale(1)}50%{transform:scale(var(--scb-kf-pulse-scale, 1.04))}}:root{color-scheme:light dark;--p-100:#FFFFFF;--p-99:#FAFDFF;--p-95:#EBF8FF;--p-90:#D6F1FF;--p-80:#B8E7FF;--p-70:#99D1FF;--p-60:#75AFFF;--p-50:#477EFF;--p-40:#1F44FF;--p-30:#1E00BE;--p-20:#0F0865;--p-10:#0B0544;--p-0:#000000;--s-100:#FFFFFF;--s-99:#FFFAFF;--s-95:#FFEBFF;--s-90:#FFDBFF;--s-80:#FFC2FF;--s-70:#FA9EFA;--s-60:#EC75F0;--s-50:#D850E2;--s-40:#B633C1;--s-30:#91219C;--s-20:#6A1471;--s-10:#430449;--s-0:#000000;--t-100:#FFFFFF;--t-99:#FAFFFA;--t-95:#E7FEE9;--t-90:#C1FAC9;--t-80:#91EDAD;--t-70:#50E294;--t-60:#00CC7B;--t-50:#00A865;--t-40:#008A53;--t-30:#007041;--t-20:#004D2D;--t-10:#00331E;--t-0:#000000;--e-100:#FFFFFF;--e-99:#FFFBFA;--e-95:#FFFEEB;--e-90:#FFD7C7;--e-80:#FFB699;--e-70:#FA9269;--e-60:#ED7140;--e-50:#DB490F;--e-40:#BF3600;--e-30:#942500;--e-20:#631900;--e-10:#3D0C00;--e-0:#000000;--w-100:#FFFFFF;--w-99:#FFFCEB;--w-95:#FFF7D1;--w-90:#FEEEA0;--w-80:#FCE369;--w-70:#F3D53F;--w-60:#E6C10A;--w-50:#D1A400;--w-40:#B28C00;--w-30:#8F7200;--w-20:#6B5600;--w-10:#473800;--w-0:#000000;--n-100:#FFFFFF;--n-99:#FAFAFA;--n-95:#F0F0F0;--n-90:#DBDBDB;--n-80:#CCCCCC;--n-70:#B3B3B3;--n-60:#999999;--n-50:#808080;--n-40:#666666;--n-30:#4D4D4D;--n-20:#333333;--n-10:#1A1A1A;--n-0:#000000;--nv-100:#FFFFFF;--nv-99:#FDFCF7;--nv-95:#F9F8EF;--nv-90:#EAE7D7;--nv-80:#D7D4BC;--nv-70:#BEB39D;--nv-60:#A69D8C;--nv-50:#726F65;--nv-40:#504F49;--nv-30:#3B3A35;--nv-20:#2B2A27;--nv-10:#1B1A18;--nv-0:#000000;--brand-font:"Inter", sans-serif;--weight-regular:400;--weight-semibold:600;--weight-bold:700;--scale-01:12px;--scale-02:14px;--scale-03:16px;--scale-04:18px;--scale-05:20px;--scale-06:24px;--scale-07:28px;--scale-08:32px;--scale-09:36px;--scale-10:40px;--scale-11:48px;--scale-12:64px;--scale-13:80px;--spacing-neg-4:-12px;--spacing-neg-3:-8px;--spacing-neg-2:-4px;--spacing-neg-1:-2px;--spacing-0:0px;--spacing-1:2px;--spacing-2:4px;--spacing-3:8px;--spacing-4:12px;--spacing-5:16px;--spacing-6:20px;--spacing-7:24px;--spacing-8:32px;--spacing-9:40px;--spacing-10:48px;--spacing-11:64px;--spacing-12:80px;--spacing-13:96px;--spacing-14:120px;--line-height-01:18px;--line-height-02:20px;--line-height-03:24px;--line-height-04:26px;--line-height-05:28px;--line-height-06:32px;--line-height-07:34px;--line-height-08:38px;--line-height-09:42px;--line-height-10:56px;--line-height-11:76px;--tracking-01:0px;--tracking-02:-0.1px;--tracking-03:-0.15px;--tracking-04:-0.3px;--tracking-05:-0.4px;--tracking-06:-0.6px;--tracking-07:-0.7px;--md-sys-typescale-display-large-font:var(--brand-font);--md-sys-typescale-display-large-size:40px;--md-sys-typescale-display-large-line-height:46px;--md-sys-typescale-display-large-weight:var(--weight-bold);--md-sys-typescale-display-large-tracking:-0.7px;--md-sys-typescale-display-medium-font:var(--brand-font);--md-sys-typescale-display-medium-size:36px;--md-sys-typescale-display-medium-line-height:42px;--md-sys-typescale-display-medium-weight:var(--weight-bold);--md-sys-typescale-display-medium-tracking:-0.6px;--md-sys-typescale-display-small-font:var(--brand-font);--md-sys-typescale-display-small-size:32px;--md-sys-typescale-display-small-line-height:38px;--md-sys-typescale-display-small-weight:var(--weight-bold);--md-sys-typescale-display-small-tracking:-0.6px;--md-sys-typescale-headline-large-font:var(--brand-font);--md-sys-typescale-headline-large-size:28px;--md-sys-typescale-headline-large-line-height:34px;--md-sys-typescale-headline-large-weight:var(--weight-bold);--md-sys-typescale-headline-large-tracking:-0.6px;--md-sys-typescale-headline-medium-font:var(--brand-font);--md-sys-typescale-headline-medium-size:24px;--md-sys-typescale-headline-medium-line-height:30px;--md-sys-typescale-headline-medium-weight:var(--weight-bold);--md-sys-typescale-headline-medium-tracking:-0.6px;--md-sys-typescale-headline-small-font:var(--brand-font);--md-sys-typescale-headline-small-size:22px;--md-sys-typescale-headline-small-line-height:28px;--md-sys-typescale-headline-small-weight:var(--weight-bold);--md-sys-typescale-headline-small-tracking:-0.5px;--md-sys-typescale-title-large-font:var(--brand-font);--md-sys-typescale-title-large-size:20px;--md-sys-typescale-title-large-line-height:28px;--md-sys-typescale-title-large-weight:var(--weight-semibold);--md-sys-typescale-title-large-tracking:-0.4px;--md-sys-typescale-title-medium-font:var(--brand-font);--md-sys-typescale-title-medium-size:18px;--md-sys-typescale-title-medium-line-height:26px;--md-sys-typescale-title-medium-weight:var(--weight-semibold);--md-sys-typescale-title-medium-tracking:-0.3px;--md-sys-typescale-title-small-font:var(--brand-font);--md-sys-typescale-title-small-size:16px;--md-sys-typescale-title-small-line-height:24px;--md-sys-typescale-title-small-weight:var(--weight-semibold);--md-sys-typescale-title-small-tracking:-0.15px;--md-sys-typescale-label-large-font:var(--brand-font);--md-sys-typescale-label-large-size:18px;--md-sys-typescale-label-large-line-height:26px;--md-sys-typescale-label-large-weight:var(--weight-semibold);--md-sys-typescale-label-large-tracking:-0.3px;--md-sys-typescale-label-medium-font:var(--brand-font);--md-sys-typescale-label-medium-size:16px;--md-sys-typescale-label-medium-line-height:24px;--md-sys-typescale-label-medium-weight:var(--weight-semibold);--md-sys-typescale-label-medium-tracking:-0.15px;--md-sys-typescale-label-small-font:var(--brand-font);--md-sys-typescale-label-small-size:14px;--md-sys-typescale-label-small-line-height:20px;--md-sys-typescale-label-small-weight:var(--weight-semibold);--md-sys-typescale-label-small-tracking:0.1px;--md-sys-typescale-body-large-font:var(--brand-font);--md-sys-typescale-body-large-size:18px;--md-sys-typescale-body-large-line-height:26px;--md-sys-typescale-body-large-weight:var(--weight-regular);--md-sys-typescale-body-large-tracking:-0.3px;--md-sys-typescale-body-medium-font:var(--brand-font);--md-sys-typescale-body-medium-size:16px;--md-sys-typescale-body-medium-line-height:24px;--md-sys-typescale-body-medium-weight:var(--weight-regular);--md-sys-typescale-body-medium-tracking:-0.15px;--md-sys-typescale-body-small-font:var(--brand-font);--md-sys-typescale-body-small-size:14px;--md-sys-typescale-body-small-line-height:20px;--md-sys-typescale-body-small-weight:var(--weight-regular);--md-sys-typescale-body-small-tracking:-0.1px;--md-sys-color-primary:light-dark(var(--p-40), var(--p-70));--md-sys-color-on-primary:light-dark(var(--p-100), var(--p-20));--md-sys-color-primary-container:light-dark(var(--p-80), var(--p-30));--md-sys-color-on-primary-container:light-dark(var(--p-30), var(--p-100));--md-sys-color-primary-fixed:light-dark(var(--p-90), var(--p-90));--md-sys-color-primary-fixed-dim:light-dark(var(--p-80), var(--p-80));--md-sys-color-on-primary-fixed:light-dark(var(--p-20), var(--p-20));--md-sys-color-on-primary-fixed-variant:light-dark(var(--p-30), var(--p-30));--md-sys-color-secondary:light-dark(var(--p-20), var(--p-80));--md-sys-color-on-secondary:light-dark(var(--p-100), var(--p-20));--md-sys-color-secondary-container:light-dark(var(--p-90), var(--p-30));--md-sys-color-on-secondary-container:light-dark(var(--p-30), var(--p-100));--md-sys-color-secondary-fixed:light-dark(var(--p-90), var(--p-90));--md-sys-color-secondary-fixed-dim:light-dark(var(--p-80), var(--p-80));--md-sys-color-on-secondary-fixed:light-dark(var(--p-20), var(--p-20));--md-sys-color-on-secondary-fixed-variant:light-dark(var(--p-30), var(--p-30));--md-sys-color-tertiary:light-dark(var(--s-40), var(--s-80));--md-sys-color-on-tertiary:light-dark(var(--t-100), var(--s-20));--md-sys-color-tertiary-container:light-dark(var(--s-90), var(--s-10));--md-sys-color-on-tertiary-container:light-dark(var(--s-20), var(--s-100));--md-sys-color-tertiary-fixed:light-dark(var(--s-90), var(--s-90));--md-sys-color-tertiary-fixed-dim:light-dark(var(--s-80), var(--s-80));--md-sys-color-on-tertiary-fixed:light-dark(var(--s-10), var(--s-10));--md-sys-color-on-tertiary-fixed-variant:light-dark(var(--s-30), var(--s-30));--md-sys-color-background:light-dark(var(--p-100), var(--p-0));--md-sys-color-on-background:light-dark(var(--p-20), var(--p-100));--md-sys-color-surface:light-dark(var(--nv-100), var(--nv-20));--md-sys-color-surface-variant:light-dark(var(--nv-99), var(--n-10));--md-sys-color-surface-bright:light-dark(var(--nv-99), var(--nv-20));--md-sys-color-surface-dim:light-dark(var(--nv-95), var(--nv-10));--md-sys-color-surface-container-lowest:light-dark(var(--p-100), var(--nv-0));--md-sys-color-surface-container-low:light-dark(var(--p-99), var(--nv-10));--md-sys-color-surface-container:light-dark(var(--p-95), var(--nv-20));--md-sys-color-surface-container-high:light-dark(var(--p-90), var(--nv-20));--md-sys-color-surface-container-highest:light-dark(var(--p-80), var(--nv-20));--md-sys-color-surface-tint:light-dark(var(--p-40), var(--p-70));--md-sys-color-on-surface:light-dark(var(--p-20), var(--p-100));--md-sys-color-on-surface-variant:light-dark(var(--p-20), var(--p-100));--md-sys-color-inverse-surface:light-dark(var(--p-20), var(--p-90));--md-sys-color-inverse-on-surface:light-dark(var(--p-95), var(--p-20));--md-sys-color-inverse-primary:light-dark(var(--p-80), var(--p-40));--md-sys-color-outline:light-dark(var(--n-50), var(--n-30));--md-sys-color-outline-variant:light-dark(var(--n-80), var(--n-30));--md-sys-color-scrim:light-dark(var(--n-0), var(--n-0));--md-sys-color-shadow:light-dark(var(--n-0), var(--n-0));--md-sys-color-error:light-dark(var(--e-40), var(--e-80));--md-sys-color-on-error:light-dark(var(--e-100), var(--e-20));--md-sys-color-error-container:light-dark(var(--e-90), var(--e-20));--md-sys-color-on-error-container:light-dark(var(--e-30), var(--e-95));--md-sys-color-warning:light-dark(var(--w-40), var(--w-80));--md-sys-color-on-warning:light-dark(var(--w-100), var(--w-20));--md-sys-color-warning-container:light-dark(var(--w-90), var(--w-20));--md-sys-color-on-warning-container:light-dark(var(--w-20), var(--w-95));--md-sys-color-info:light-dark(var(--p-40), var(--p-80));--md-sys-color-on-info:light-dark(var(--p-100), var(--p-20));--md-sys-color-info-container:light-dark(var(--p-90), var(--p-20));--md-sys-color-on-info-container:light-dark(var(--p-30), var(--p-95));--md-sys-color-success:light-dark(var(--t-40), var(--t-80));--md-sys-color-on-success:light-dark(var(--t-100), var(--t-20));--md-sys-color-success-container:light-dark(var(--t-95), var(--t-20));--md-sys-color-on-success-container:light-dark(var(--t-30), var(--t-95));--radius-none:0px;--radius-xs:4px;--radius-s:8px;--radius-m:12px;--radius-l:16px;--radius-xl:24px;--radius-full:1000px;--md-sys-shape-corner-none:var(--radius-none);--md-sys-shape-corner-extra-small:var(--radius-xs);--md-sys-shape-corner-small:var(--radius-s);--md-sys-shape-corner-medium:var(--radius-m);--md-sys-shape-corner-large:var(--radius-l);--md-sys-shape-corner-extra-large:var(--radius-xl);--md-sys-shape-corner-full:var(--radius-full);--stroke-border:1px;--stroke-focus-ring:3px;--md-focus-ring-color:light-dark(var(--p-40), var(--p-80));--md-focus-ring-width:var(--stroke-focus-ring);--md-outlined-button-outline-width:var(--stroke-border);--md-outlined-field-outline-width:var(--stroke-border);--icon-size-small:24px;--icon-size-medium:32px;--icon-size-large:40px;--icon-size-number:0px}:root[data-density="-2"],[data-density="-2"]{--spacing-0:0px;--spacing-1:0px;--spacing-2:2px;--spacing-3:6px;--spacing-4:10px;--spacing-5:14px;--spacing-6:18px;--spacing-7:20px;--spacing-8:28px;--spacing-9:36px;--spacing-10:42px;--spacing-11:56px;--spacing-12:72px;--spacing-13:88px;--spacing-14:112px}:root[data-density="-4"],[data-density="-4"]{--spacing-0:0px;--spacing-1:0px;--spacing-2:0px;--spacing-3:4px;--spacing-4:8px;--spacing-5:12px;--spacing-6:16px;--spacing-7:16px;--spacing-8:24px;--spacing-9:30px;--spacing-10:36px;--spacing-11:50px;--spacing-12:64px;--spacing-13:80px;--spacing-14:104px}@media (min-width:600px){:root{--md-sys-typescale-display-large-size:64px;--md-sys-typescale-display-large-line-height:70px;--md-sys-typescale-display-large-tracking:-0.9px;--md-sys-typescale-display-medium-size:48px;--md-sys-typescale-display-medium-line-height:54px;--md-sys-typescale-display-medium-tracking:-0.7px;--md-sys-typescale-display-small-size:36px;--md-sys-typescale-display-small-line-height:42px;--md-sys-typescale-display-small-tracking:-0.6px;--md-sys-typescale-headline-large-size:32px;--md-sys-typescale-headline-large-line-height:38px;--md-sys-typescale-headline-large-tracking:-0.6px;--md-sys-typescale-headline-medium-size:28px;--md-sys-typescale-headline-medium-line-height:34px;--md-sys-typescale-headline-medium-tracking:-0.6px;--md-sys-typescale-headline-small-size:24px;--md-sys-typescale-headline-small-line-height:30px;--md-sys-typescale-headline-small-tracking:-0.6px}}:root{--motion-scale-1:0.98;--motion-scale-2:0.96;--motion-scale-3:0.94;--motion-scale-4:0.92;--motion-scale-5:0.90;--motion-distance-0:0px;--motion-distance-1:4px;--motion-distance-2:8px;--motion-distance-3:12px;--motion-distance-4:16px;--motion-scale:var(--motion-scale-3);--motion-easing-linear:cubic-bezier(0, 0, 1, 1);--motion-easing-standard:cubic-bezier(0.2, 0, 0, 1);--motion-easing-standard-accelerate:cubic-bezier(0.3, 0, 1, 1);--motion-easing-standard-decelerate:cubic-bezier(0, 0, 0, 1);--motion-easing-emphasized:var(--motion-easing-emphasized-decelerate);--motion-easing-emphasized-accelerate:cubic-bezier(0.3, 0, 0.8, 0.15);--motion-easing-emphasized-decelerate:cubic-bezier(0.05, 0.7, 0.1, 1);--motion-duration-short:calc(200ms * var(--motion-scale));--motion-duration-medium:calc(300ms * var(--motion-scale));--motion-duration-long:calc(500ms * var(--motion-scale));--motion-duration-extra-long:calc(700ms * var(--motion-scale));--motion-keyframe-fade-in:scb-kf-fade-in;--motion-keyframe-fade-out:scb-kf-fade-out;--motion-keyframe-slide-in:scb-kf-slide-in;--motion-keyframe-slide-out:scb-kf-slide-out;--motion-keyframe-scale-in:scb-kf-scale-in;--motion-keyframe-scale-out:scb-kf-scale-out;--motion-keyframe-pulse:scb-kf-pulse}:root[data-motion-scale="1"],[data-motion-scale="1"]{--motion-scale:var(--motion-scale-1)}:root[data-motion-scale="2"],[data-motion-scale="2"]{--motion-scale:var(--motion-scale-2)}:root[data-motion-scale="3"],[data-motion-scale="3"]{--motion-scale:var(--motion-scale-3)}:root[data-motion-scale="4"],[data-motion-scale="4"]{--motion-scale:var(--motion-scale-4)}:root[data-motion-scale="5"],[data-motion-scale="5"]{--motion-scale:var(--motion-scale-5)}@media (prefers-reduced-motion:reduce){:root{--motion-scale:var(--motion-scale-1)}}label{color:light-dark(var(--p-10),var(--p-100))}fieldset.scb-fieldset{border:0;padding:0;margin:0}fieldset.scb-fieldset+fieldset.scb-fieldset{margin-block-start:var(--spacing-8, 32px)}legend.scb-legend{display:block;margin:0 0 var(--spacing-6, 20px)0;font-family:var(--brand-font);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--weight-semibold);letter-spacing:var(--md-sys-typescale-title-small-tracking);color:var(--md-sys-color-on-surface)}fieldset.scb-fieldset[disabled]{opacity:.7}
2
+ @import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);@keyframes scb-kf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes scb-kf-fade-out{0%{opacity:1}to{opacity:0}}@keyframes scb-kf-slide-in{0%{opacity:0;transform:translate(var(--scb-kf-slide-from-x, -16px),var(--scb-kf-slide-from-y, 0px))}to{opacity:1;transform:translate(0,0)}}@keyframes scb-kf-slide-out{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(var(--scb-kf-slide-to-x, 16px),var(--scb-kf-slide-to-y, 0px))}}@keyframes scb-kf-scale-in{0%{opacity:0;transform:scale(var(--scb-kf-scale-from, 0.96))}to{opacity:1;transform:scale(1)}}@keyframes scb-kf-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(var(--scb-kf-scale-to, 0.98))}}@keyframes scb-kf-pulse{0%,to{transform:scale(1)}50%{transform:scale(var(--scb-kf-pulse-scale, 1.04))}}:root{color-scheme:light dark;--p-100:#FFFFFF;--p-99:#FAFDFF;--p-95:#EBF8FF;--p-90:#D6F1FF;--p-80:#B8E7FF;--p-70:#99D1FF;--p-60:#75AFFF;--p-50:#477EFF;--p-40:#1F44FF;--p-30:#1E00BE;--p-20:#0F0865;--p-10:#0B0544;--p-0:#000000;--s-100:#FFFFFF;--s-99:#FFFAFF;--s-95:#FFEBFF;--s-90:#FFDBFF;--s-80:#FFC2FF;--s-70:#FA9EFA;--s-60:#EC75F0;--s-50:#D850E2;--s-40:#B633C1;--s-30:#91219C;--s-20:#6A1471;--s-10:#430449;--s-0:#000000;--t-100:#FFFFFF;--t-99:#FAFFFA;--t-95:#E7FEE9;--t-90:#C1FAC9;--t-80:#91EDAD;--t-70:#50E294;--t-60:#00CC7B;--t-50:#00A865;--t-40:#008A53;--t-30:#007041;--t-20:#004D2D;--t-10:#00331E;--t-0:#000000;--e-100:#FFFFFF;--e-99:#FFFBFA;--e-95:#FFFEEB;--e-90:#FFD7C7;--e-80:#FFB699;--e-70:#FA9269;--e-60:#ED7140;--e-50:#DB490F;--e-40:#BF3600;--e-30:#942500;--e-20:#631900;--e-10:#3D0C00;--e-0:#000000;--w-100:#FFFFFF;--w-99:#FFFCEB;--w-95:#FFF7D1;--w-90:#FEEEA0;--w-80:#FCE369;--w-70:#F3D53F;--w-60:#E6C10A;--w-50:#D1A400;--w-40:#B28C00;--w-30:#8F7200;--w-20:#6B5600;--w-10:#473800;--w-0:#000000;--n-100:#FFFFFF;--n-99:#FAFAFA;--n-95:#F0F0F0;--n-90:#DBDBDB;--n-80:#CCCCCC;--n-70:#B3B3B3;--n-60:#999999;--n-50:#808080;--n-40:#666666;--n-30:#4D4D4D;--n-20:#333333;--n-10:#1A1A1A;--n-0:#000000;--nv-100:#FFFFFF;--nv-99:#FDFCF7;--nv-95:#F9F8EF;--nv-90:#EAE7D7;--nv-80:#D7D4BC;--nv-70:#BEB39D;--nv-60:#A69D8C;--nv-50:#726F65;--nv-40:#504F49;--nv-30:#3B3A35;--nv-20:#2B2A27;--nv-10:#1B1A18;--nv-0:#000000;--brand-font:"Inter", sans-serif;--weight-regular:400;--weight-semibold:600;--weight-bold:700;--scale-01:12px;--scale-02:14px;--scale-03:16px;--scale-04:18px;--scale-05:20px;--scale-06:24px;--scale-07:28px;--scale-08:32px;--scale-09:36px;--scale-10:40px;--scale-11:48px;--scale-12:64px;--scale-13:80px;--spacing-neg-4:-12px;--spacing-neg-3:-8px;--spacing-neg-2:-4px;--spacing-neg-1:-2px;--spacing-0:0px;--spacing-1:2px;--spacing-2:4px;--spacing-3:8px;--spacing-4:12px;--spacing-5:16px;--spacing-6:20px;--spacing-7:24px;--spacing-8:32px;--spacing-9:40px;--spacing-10:48px;--spacing-11:64px;--spacing-12:80px;--spacing-13:96px;--spacing-14:120px;--line-height-01:18px;--line-height-02:20px;--line-height-03:24px;--line-height-04:26px;--line-height-05:28px;--line-height-06:32px;--line-height-07:34px;--line-height-08:38px;--line-height-09:42px;--line-height-10:56px;--line-height-11:76px;--tracking-01:0px;--tracking-02:-0.1px;--tracking-03:-0.15px;--tracking-04:-0.3px;--tracking-05:-0.4px;--tracking-06:-0.6px;--tracking-07:-0.7px;--md-sys-typescale-display-large-font:var(--brand-font);--md-sys-typescale-display-large-size:40px;--md-sys-typescale-display-large-line-height:46px;--md-sys-typescale-display-large-weight:var(--weight-bold);--md-sys-typescale-display-large-tracking:-0.7px;--md-sys-typescale-display-medium-font:var(--brand-font);--md-sys-typescale-display-medium-size:36px;--md-sys-typescale-display-medium-line-height:42px;--md-sys-typescale-display-medium-weight:var(--weight-bold);--md-sys-typescale-display-medium-tracking:-0.6px;--md-sys-typescale-display-small-font:var(--brand-font);--md-sys-typescale-display-small-size:32px;--md-sys-typescale-display-small-line-height:38px;--md-sys-typescale-display-small-weight:var(--weight-bold);--md-sys-typescale-display-small-tracking:-0.6px;--md-sys-typescale-headline-large-font:var(--brand-font);--md-sys-typescale-headline-large-size:28px;--md-sys-typescale-headline-large-line-height:34px;--md-sys-typescale-headline-large-weight:var(--weight-bold);--md-sys-typescale-headline-large-tracking:-0.6px;--md-sys-typescale-headline-medium-font:var(--brand-font);--md-sys-typescale-headline-medium-size:24px;--md-sys-typescale-headline-medium-line-height:30px;--md-sys-typescale-headline-medium-weight:var(--weight-bold);--md-sys-typescale-headline-medium-tracking:-0.6px;--md-sys-typescale-headline-small-font:var(--brand-font);--md-sys-typescale-headline-small-size:22px;--md-sys-typescale-headline-small-line-height:28px;--md-sys-typescale-headline-small-weight:var(--weight-bold);--md-sys-typescale-headline-small-tracking:-0.5px;--md-sys-typescale-title-large-font:var(--brand-font);--md-sys-typescale-title-large-size:20px;--md-sys-typescale-title-large-line-height:28px;--md-sys-typescale-title-large-weight:var(--weight-semibold);--md-sys-typescale-title-large-tracking:-0.4px;--md-sys-typescale-title-medium-font:var(--brand-font);--md-sys-typescale-title-medium-size:18px;--md-sys-typescale-title-medium-line-height:26px;--md-sys-typescale-title-medium-weight:var(--weight-semibold);--md-sys-typescale-title-medium-tracking:-0.3px;--md-sys-typescale-title-small-font:var(--brand-font);--md-sys-typescale-title-small-size:16px;--md-sys-typescale-title-small-line-height:24px;--md-sys-typescale-title-small-weight:var(--weight-semibold);--md-sys-typescale-title-small-tracking:-0.15px;--md-sys-typescale-label-large-font:var(--brand-font);--md-sys-typescale-label-large-size:18px;--md-sys-typescale-label-large-line-height:26px;--md-sys-typescale-label-large-weight:var(--weight-semibold);--md-sys-typescale-label-large-tracking:-0.3px;--md-sys-typescale-label-medium-font:var(--brand-font);--md-sys-typescale-label-medium-size:16px;--md-sys-typescale-label-medium-line-height:24px;--md-sys-typescale-label-medium-weight:var(--weight-semibold);--md-sys-typescale-label-medium-tracking:-0.15px;--md-sys-typescale-label-small-font:var(--brand-font);--md-sys-typescale-label-small-size:14px;--md-sys-typescale-label-small-line-height:20px;--md-sys-typescale-label-small-weight:var(--weight-semibold);--md-sys-typescale-label-small-tracking:0.1px;--md-sys-typescale-body-large-font:var(--brand-font);--md-sys-typescale-body-large-size:18px;--md-sys-typescale-body-large-line-height:26px;--md-sys-typescale-body-large-weight:var(--weight-regular);--md-sys-typescale-body-large-tracking:-0.3px;--md-sys-typescale-body-medium-font:var(--brand-font);--md-sys-typescale-body-medium-size:16px;--md-sys-typescale-body-medium-line-height:24px;--md-sys-typescale-body-medium-weight:var(--weight-regular);--md-sys-typescale-body-medium-tracking:-0.15px;--md-sys-typescale-body-small-font:var(--brand-font);--md-sys-typescale-body-small-size:14px;--md-sys-typescale-body-small-line-height:20px;--md-sys-typescale-body-small-weight:var(--weight-regular);--md-sys-typescale-body-small-tracking:-0.1px;--md-sys-color-primary:light-dark(var(--p-40), var(--p-70));--md-sys-color-on-primary:light-dark(var(--p-100), var(--p-20));--md-sys-color-primary-container:light-dark(var(--p-80), var(--p-30));--md-sys-color-on-primary-container:light-dark(var(--p-30), var(--p-100));--md-sys-color-primary-fixed:light-dark(var(--p-90), var(--p-90));--md-sys-color-primary-fixed-dim:light-dark(var(--p-80), var(--p-80));--md-sys-color-on-primary-fixed:light-dark(var(--p-20), var(--p-20));--md-sys-color-on-primary-fixed-variant:light-dark(var(--p-30), var(--p-30));--md-sys-color-secondary:light-dark(var(--p-20), var(--p-80));--md-sys-color-on-secondary:light-dark(var(--p-100), var(--p-20));--md-sys-color-secondary-container:light-dark(var(--p-90), var(--p-30));--md-sys-color-on-secondary-container:light-dark(var(--p-30), var(--p-100));--md-sys-color-secondary-fixed:light-dark(var(--p-90), var(--p-90));--md-sys-color-secondary-fixed-dim:light-dark(var(--p-80), var(--p-80));--md-sys-color-on-secondary-fixed:light-dark(var(--p-20), var(--p-20));--md-sys-color-on-secondary-fixed-variant:light-dark(var(--p-30), var(--p-30));--md-sys-color-tertiary:light-dark(var(--s-40), var(--s-80));--md-sys-color-on-tertiary:light-dark(var(--t-100), var(--s-20));--md-sys-color-tertiary-container:light-dark(var(--s-90), var(--s-10));--md-sys-color-on-tertiary-container:light-dark(var(--s-20), var(--s-100));--md-sys-color-tertiary-fixed:light-dark(var(--s-90), var(--s-90));--md-sys-color-tertiary-fixed-dim:light-dark(var(--s-80), var(--s-80));--md-sys-color-on-tertiary-fixed:light-dark(var(--s-10), var(--s-10));--md-sys-color-on-tertiary-fixed-variant:light-dark(var(--s-30), var(--s-30));--md-sys-color-background:light-dark(var(--p-100), var(--p-0));--md-sys-color-on-background:light-dark(var(--p-20), var(--p-100));--md-sys-color-surface:light-dark(var(--nv-100), var(--nv-20));--md-sys-color-surface-variant:light-dark(var(--nv-99), var(--n-10));--md-sys-color-surface-bright:light-dark(var(--nv-99), var(--nv-20));--md-sys-color-surface-dim:light-dark(var(--nv-95), var(--nv-10));--md-sys-color-surface-container-lowest:light-dark(var(--p-100), var(--nv-0));--md-sys-color-surface-container-low:light-dark(var(--p-99), var(--nv-10));--md-sys-color-surface-container:light-dark(var(--p-95), var(--nv-20));--md-sys-color-surface-container-high:light-dark(var(--p-90), var(--nv-20));--md-sys-color-surface-container-highest:light-dark(var(--p-80), var(--nv-20));--md-sys-color-surface-tint:light-dark(var(--p-40), var(--p-70));--md-sys-color-on-surface:light-dark(var(--p-20), var(--p-100));--md-sys-color-on-surface-variant:light-dark(var(--p-20), var(--p-100));--md-sys-color-inverse-surface:light-dark(var(--p-20), var(--p-90));--md-sys-color-inverse-on-surface:light-dark(var(--p-95), var(--p-20));--md-sys-color-inverse-primary:light-dark(var(--p-80), var(--p-40));--md-sys-color-outline:light-dark(var(--n-50), var(--n-30));--md-sys-color-outline-variant:light-dark(var(--n-80), var(--n-30));--md-sys-color-scrim:light-dark(var(--n-0), var(--n-0));--md-sys-color-shadow:light-dark(var(--n-0), var(--n-0));--md-sys-color-error:light-dark(var(--e-40), var(--e-80));--md-sys-color-on-error:light-dark(var(--e-100), var(--e-20));--md-sys-color-error-container:light-dark(var(--e-90), var(--e-20));--md-sys-color-on-error-container:light-dark(var(--e-30), var(--e-95));--md-sys-color-warning:light-dark(var(--w-40), var(--w-80));--md-sys-color-on-warning:light-dark(var(--w-100), var(--w-20));--md-sys-color-warning-container:light-dark(var(--w-90), var(--w-20));--md-sys-color-on-warning-container:light-dark(var(--w-20), var(--w-95));--md-sys-color-info:light-dark(var(--p-40), var(--p-80));--md-sys-color-on-info:light-dark(var(--p-100), var(--p-20));--md-sys-color-info-container:light-dark(var(--p-90), var(--p-20));--md-sys-color-on-info-container:light-dark(var(--p-30), var(--p-95));--md-sys-color-success:light-dark(var(--t-40), var(--t-80));--md-sys-color-on-success:light-dark(var(--t-100), var(--t-20));--md-sys-color-success-container:light-dark(var(--t-95), var(--t-20));--md-sys-color-on-success-container:light-dark(var(--t-30), var(--t-95));--radius-none:0px;--radius-xs:4px;--radius-s:8px;--radius-m:12px;--radius-l:16px;--radius-xl:24px;--radius-full:1000px;--md-sys-shape-corner-none:var(--radius-none);--md-sys-shape-corner-extra-small:var(--radius-xs);--md-sys-shape-corner-small:var(--radius-s);--md-sys-shape-corner-medium:var(--radius-m);--md-sys-shape-corner-large:var(--radius-l);--md-sys-shape-corner-extra-large:var(--radius-xl);--md-sys-shape-corner-full:var(--radius-full);--stroke-border:1px;--stroke-focus-ring:3px;--md-focus-ring-color:light-dark(var(--p-40), var(--p-80));--md-focus-ring-width:var(--stroke-focus-ring);--md-outlined-button-outline-width:var(--stroke-border);--md-outlined-field-outline-width:var(--stroke-border);--icon-size-small:20px;--icon-size-medium:24px;--icon-size-large:40px;--icon-size-number:0px}:root[data-density="-2"],[data-density="-2"]{--spacing-0:0px;--spacing-1:0px;--spacing-2:2px;--spacing-3:6px;--spacing-4:10px;--spacing-5:14px;--spacing-6:18px;--spacing-7:20px;--spacing-8:28px;--spacing-9:36px;--spacing-10:42px;--spacing-11:56px;--spacing-12:72px;--spacing-13:88px;--spacing-14:112px}:root[data-density="-4"],[data-density="-4"]{--spacing-0:0px;--spacing-1:0px;--spacing-2:0px;--spacing-3:4px;--spacing-4:8px;--spacing-5:12px;--spacing-6:16px;--spacing-7:16px;--spacing-8:24px;--spacing-9:30px;--spacing-10:36px;--spacing-11:50px;--spacing-12:64px;--spacing-13:80px;--spacing-14:104px}@media (min-width:600px){:root{--md-sys-typescale-display-large-size:64px;--md-sys-typescale-display-large-line-height:70px;--md-sys-typescale-display-large-tracking:-0.9px;--md-sys-typescale-display-medium-size:48px;--md-sys-typescale-display-medium-line-height:54px;--md-sys-typescale-display-medium-tracking:-0.7px;--md-sys-typescale-display-small-size:36px;--md-sys-typescale-display-small-line-height:42px;--md-sys-typescale-display-small-tracking:-0.6px;--md-sys-typescale-headline-large-size:32px;--md-sys-typescale-headline-large-line-height:38px;--md-sys-typescale-headline-large-tracking:-0.6px;--md-sys-typescale-headline-medium-size:28px;--md-sys-typescale-headline-medium-line-height:34px;--md-sys-typescale-headline-medium-tracking:-0.6px;--md-sys-typescale-headline-small-size:24px;--md-sys-typescale-headline-small-line-height:30px;--md-sys-typescale-headline-small-tracking:-0.6px}}:root{--motion-scale-1:0.98;--motion-scale-2:0.96;--motion-scale-3:0.94;--motion-scale-4:0.92;--motion-scale-5:0.90;--motion-distance-0:0px;--motion-distance-1:4px;--motion-distance-2:8px;--motion-distance-3:12px;--motion-distance-4:16px;--motion-scale:var(--motion-scale-3);--motion-easing-linear:cubic-bezier(0, 0, 1, 1);--motion-easing-standard:cubic-bezier(0.2, 0, 0, 1);--motion-easing-standard-accelerate:cubic-bezier(0.3, 0, 1, 1);--motion-easing-standard-decelerate:cubic-bezier(0, 0, 0, 1);--motion-easing-emphasized:var(--motion-easing-emphasized-decelerate);--motion-easing-emphasized-accelerate:cubic-bezier(0.3, 0, 0.8, 0.15);--motion-easing-emphasized-decelerate:cubic-bezier(0.05, 0.7, 0.1, 1);--motion-duration-short:calc(200ms * var(--motion-scale));--motion-duration-medium:calc(300ms * var(--motion-scale));--motion-duration-long:calc(500ms * var(--motion-scale));--motion-duration-extra-long:calc(700ms * var(--motion-scale));--motion-keyframe-fade-in:scb-kf-fade-in;--motion-keyframe-fade-out:scb-kf-fade-out;--motion-keyframe-slide-in:scb-kf-slide-in;--motion-keyframe-slide-out:scb-kf-slide-out;--motion-keyframe-scale-in:scb-kf-scale-in;--motion-keyframe-scale-out:scb-kf-scale-out;--motion-keyframe-pulse:scb-kf-pulse}:root[data-motion-scale="1"],[data-motion-scale="1"]{--motion-scale:var(--motion-scale-1)}:root[data-motion-scale="2"],[data-motion-scale="2"]{--motion-scale:var(--motion-scale-2)}:root[data-motion-scale="3"],[data-motion-scale="3"]{--motion-scale:var(--motion-scale-3)}:root[data-motion-scale="4"],[data-motion-scale="4"]{--motion-scale:var(--motion-scale-4)}:root[data-motion-scale="5"],[data-motion-scale="5"]{--motion-scale:var(--motion-scale-5)}@media (prefers-reduced-motion:reduce){:root{--motion-scale:var(--motion-scale-1)}}label{color:light-dark(var(--p-10),var(--p-100))}fieldset.scb-fieldset{border:0;padding:0;margin:0}fieldset.scb-fieldset+fieldset.scb-fieldset{margin-block-start:var(--spacing-8, 32px)}legend.scb-legend{display:block;margin:0 0 var(--spacing-6, 20px)0;font-family:var(--brand-font);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--weight-semibold);letter-spacing:var(--md-sys-typescale-title-small-tracking);color:var(--md-sys-color-on-surface)}fieldset.scb-fieldset[disabled]{opacity:.7}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "scb-wc-test",
3
- "version": "0.1.176",
3
+ "version": "0.1.178",
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": "2D068D18B1E8BDFAB227BB69E630D6B84E5457F7B7054EE8F9F12355671197D4"
376
+ "buildHash": "F6A0BCA80C6A176CF415B8273DF3B4155F1A137E644B825050F83C180134685E"
377
377
  }
package/scb-button/scb-button.d.ts CHANGED
@@ -1,9 +1,12 @@
1
1
  import { LitElement, TemplateResult } from 'lit';
2
2
  /** "filled", "outlined", "filled-tonal" eller "text" */
3
3
  export type ScbButtonVariant = 'filled' | 'outlined' | 'filled-tonal' | 'text';
4
+ /** "small", "medium" eller "large" */
5
+ export type ScbButtonSize = 'small' | 'medium' | 'large';
4
6
  export declare class ScbButton extends LitElement {
5
7
  #private;
6
8
  variant: ScbButtonVariant;
9
+ size: ScbButtonSize;
7
10
  type: string;
8
11
  label: string;
9
12
  trailingIcon: boolean;