scb-wc-test 0.1.347 → 0.1.348

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-material.js","../../vendor/vendor.js","../scb-checkbox/scb-checkbox.js","../scb-checkbox/scb-checkbox-group.js","../scb-switch/scb-switch.js"])))=>i.map(i=>d[i]);
2
- import{_ as m}from"../../vendor/preload-helper.js";import{n as s,t as I,i as L,a as E,E as l,x 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 i=customElements.define.bind(customElements);customElements.define=function(e,d,c){try{customElements.get(e)||i(e,d,c)}catch(p){var o=String(p||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var T=Object.defineProperty,P=Object.getOwnPropertyDescriptor,V=t=>{throw TypeError(t)},r=(t,i,e,d)=>{for(var c=d>1?void 0:d?P(i,e):i,o=t.length-1,p;o>=0;o--)(p=t[o])&&(c=(d?p(i,e,c):p(c))||c);return d&&c&&T(i,e,c),c},k=(t,i,e)=>i.has(t)||V("Cannot "+e),v=(t,i,e)=>(k(t,i,"read from private field"),e?e.call(t):i.get(t)),g=(t,i,e)=>i.has(t)?V("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(t):i.set(t,e),_=(t,i,e,d)=>(k(t,i,"write to private field"),i.set(t,e),e),$=(t,i,e)=>(k(t,i,"access private method"),e),f,y,b,u,w,x;let a=class extends L{constructor(){super(...arguments),g(this,u),this.type="text",this.href="",this.itemHref="",this.target="",this.disabled=!1,this.label="",this.supportingText="",this.overline="",this.leading=!1,this.leadingVariant="",this.leadingIcon="",this.avatarLabel="",this.avatarAlt="",this.avatarVariant="icon",this.avatarSrc="",this.imgHrefImage="",this.trailing=!1,this.trailingVariant="",this.trailingIcon="",this.trailingSwitchLabel="",this.density=0,this.noDivider=!1,g(this,f,!1),g(this,y,!1),g(this,b,!1),this.onRowClick=()=>{if(this.type==="link"&&(this.href||this.itemHref))return;const t=this.shadowRoot?.querySelector("scb-checkbox"),i=this.shadowRoot?.querySelector("scb-switch");t&&(t.checked=!t.checked),i&&(i.selected=!i.selected)},g(this,x,t=>{if(!t.defaultPrevented&&(t.key==="Enter"||t.key===" ")){if(this.type==="link"){const i=this.shadowRoot?.querySelector("a[href]");if(i){t.preventDefault(),i.click();return}}t.preventDefault(),this.onRowClick()}})}static get styles(){return E`
2
+ import{_ as w}from"../../vendor/preload-helper.js";import{n as s,t as L,i as T,a as C,E as o,x 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 i=customElements.define.bind(customElements);customElements.define=function(e,d,c){try{customElements.get(e)||i(e,d,c)}catch(h){var l=String(h||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var D=Object.defineProperty,P=Object.getOwnPropertyDescriptor,E=t=>{throw TypeError(t)},r=(t,i,e,d)=>{for(var c=d>1?void 0:d?P(i,e):i,l=t.length-1,h;l>=0;l--)(h=t[l])&&(c=(d?h(i,e,c):h(c))||c);return d&&c&&D(i,e,c),c},V=(t,i,e)=>i.has(t)||E("Cannot "+e),u=(t,i,e)=>(V(t,i,"read from private field"),e?e.call(t):i.get(t)),g=(t,i,e)=>i.has(t)?E("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(t):i.set(t,e),_=(t,i,e,d)=>(V(t,i,"write to private field"),i.set(t,e),e),f=(t,i,e)=>(V(t,i,"access private method"),e),y,b,m,v,x,k,S,$;let a=class extends T{constructor(){super(...arguments),g(this,v),this.type="text",this.href="",this.itemHref="",this.target="",this.disabled=!1,this.label="",this.supportingText="",this.overline="",this.leading=!1,this.leadingVariant="",this.leadingIcon="",this.avatarLabel="",this.avatarAlt="",this.avatarVariant="icon",this.avatarSrc="",this.imgHrefImage="",this.trailing=!1,this.trailingVariant="",this.trailingIcon="",this.trailingSwitchLabel="",this.trailingSwitchSelected=!1,this.density=0,this.noDivider=!1,g(this,y,!1),g(this,b,!1),g(this,m,!1),this.onRowClick=()=>{if(this.type==="link"&&(this.href||this.itemHref))return;const t=this.shadowRoot?.querySelector("scb-checkbox"),i=this.shadowRoot?.querySelector("scb-switch");if(t&&(t.checked=!t.checked),i){const e=!this.trailingSwitchSelected;i.selected=e,f(this,v,k).call(this,e,!0)}},g(this,S,t=>{const i=t.detail?.selected,e=typeof i=="boolean"?i:t.currentTarget?.selected??!1;f(this,v,k).call(this,e,!0)}),g(this,$,t=>{if(!t.defaultPrevented&&(t.key==="Enter"||t.key===" ")){if(this.type==="link"){const i=this.shadowRoot?.querySelector("a[href]");if(i){t.preventDefault(),i.click();return}}t.preventDefault(),this.onRowClick()}})}static get styles(){return C`
3
3
  :host {
4
4
  border-bottom: var(--stroke-border, 1px) solid var(--md-sys-color-outline-variant);
5
5
  margin-bottom: calc(var(--stroke-border, 1px) * -1);
@@ -106,7 +106,7 @@ import{_ as m}from"../../vendor/preload-helper.js";import{n as s,t as I,i as L,a
106
106
  width: 100%;
107
107
  gap: 12px;
108
108
  }
109
- `}async firstUpdated(){await $(this,u,w).call(this),this.addEventListener("keydown",v(this,x))}updated(t){super.updated(t),(t.has("leading")||t.has("leadingVariant")||t.has("trailing")||t.has("trailingVariant")||t.has("type")||t.has("target"))&&$(this,u,w).call(this)}render(){const t=this.leading?(()=>{switch(this.leadingVariant){case"icon":return this.leadingIcon?n`<div class="leading"><md-icon>${this.leadingIcon}</md-icon></div>`:l;case"avatar":return n`
109
+ `}async firstUpdated(){await f(this,v,x).call(this),this.addEventListener("keydown",u(this,$))}updated(t){super.updated(t),(t.has("leading")||t.has("leadingVariant")||t.has("trailing")||t.has("trailingVariant")||t.has("type")||t.has("target"))&&f(this,v,x).call(this)}render(){const t=this.leading?(()=>{switch(this.leadingVariant){case"icon":return this.leadingIcon?n`<div class="leading"><md-icon>${this.leadingIcon}</md-icon></div>`:o;case"avatar":return n`
110
110
  <div class="leading">
111
111
  <scb-avatar
112
112
  label=${this.avatarLabel}
@@ -117,32 +117,34 @@ import{_ as m}from"../../vendor/preload-helper.js";import{n as s,t as I,i as L,a
117
117
  variant=${this.avatarVariant}
118
118
  ></scb-avatar>
119
119
  </div>
120
- `;case"image":return this.imgHrefImage?n`<div class="leading"><img class="img" part="leading-image" src="${this.imgHrefImage}" alt="" /></div>`:l;default:return l}})():l,i=this.href||this.itemHref||"",e=this.target==="_blank"?"open_in_new":"chevron_right",d=this.label?`Välj ${this.label}`:"Välj",c=this.label?`Växla ${this.label}`:"Växla";let o=l;if(this.trailing)if(this.trailingVariant==="icon"){const h=this.trailingIcon||(this.type==="link"?e:"");o=h?n`<div class="trailing"><md-icon>${h}</md-icon></div>`:l}else this.trailingVariant==="checkbox"?o=n`
120
+ `;case"image":return this.imgHrefImage?n`<div class="leading"><img class="img" part="leading-image" src="${this.imgHrefImage}" alt="" /></div>`:o;default:return o}})():o,i=this.href||this.itemHref||"",e=this.target==="_blank"?"open_in_new":"chevron_right",d=this.label?`Välj ${this.label}`:"Välj",c=this.label?`Växla ${this.label}`:"Växla";let l=o;if(this.trailing)if(this.trailingVariant==="icon"){const p=this.trailingIcon||(this.type==="link"?e:"");l=p?n`<div class="trailing"><md-icon>${p}</md-icon></div>`:o}else this.trailingVariant==="checkbox"?l=n`
121
121
  <div class="trailing">
122
122
  <scb-checkbox
123
123
  aria-label=${d}
124
- @click=${h=>h.stopPropagation()}
124
+ @click=${p=>p.stopPropagation()}
125
125
  ></scb-checkbox>
126
- </div>`:this.trailingVariant==="switch"&&(o=n`
126
+ </div>`:this.trailingVariant==="switch"&&(l=n`
127
127
  <div class="trailing">
128
128
  <scb-switch
129
- label=${this.trailingSwitchLabel||l}
129
+ .selected=${this.trailingSwitchSelected}
130
+ label=${this.trailingSwitchLabel||o}
130
131
  aria-label=${c}
131
- @click=${h=>h.stopPropagation()}
132
+ @click=${p=>p.stopPropagation()}
133
+ @change=${u(this,S)}
132
134
  ></scb-switch>
133
- </div>`);else this.type==="link"&&(o=n`<div class="trailing"><md-icon>${e}</md-icon></div>`);const p=this.type==="link"&&this.target==="_blank"?"noopener noreferrer":l,S=n`
135
+ </div>`);else this.type==="link"&&(l=n`<div class="trailing"><md-icon>${e}</md-icon></div>`);const h=this.type==="link"&&this.target==="_blank"?"noopener noreferrer":o,I=n`
134
136
  ${t}
135
137
  <div class="texts">
136
- ${this.overline?n`<div class="overline">${this.overline}</div>`:l}
138
+ ${this.overline?n`<div class="overline">${this.overline}</div>`:o}
137
139
  <div class="label">${this.label}</div>
138
- ${this.supportingText?n`<div class="supporting-text">${this.supportingText}</div>`:l}
140
+ ${this.supportingText?n`<div class="supporting-text">${this.supportingText}</div>`:o}
139
141
  </div>
140
- ${o}
142
+ ${l}
141
143
  `;return n`
142
144
  <div class="row" @click=${this.onRowClick} ?inert=${this.disabled} aria-disabled=${this.disabled?"true":"false"}>
143
- ${this.type==="link"&&i?n`<a class="link" href=${i} target=${this.target||l} rel=${p}>${S}</a>`:S}
144
- ${this.type==="link"?n`<md-ripple></md-ripple>`:l}
145
+ ${this.type==="link"&&i?n`<a class="link" href=${i} target=${this.target||o} rel=${h}>${I}</a>`:I}
146
+ ${this.type==="link"?n`<md-ripple></md-ripple>`:o}
145
147
  </div>
146
148
 
147
149
  <md-focus-ring></md-focus-ring>
148
- `}};f=new WeakMap;y=new WeakMap;b=new WeakMap;u=new WeakSet;w=async function(){const t=this.type==="link"&&(!this.trailing||this.trailingVariant==="icon");(this.leading&&this.leadingVariant==="icon"||this.trailing&&this.trailingVariant==="icon"||t)&&!v(this,f)&&(await m(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([0,1]),import.meta.url),_(this,f,!0)),this.trailing&&this.trailingVariant==="checkbox"&&!v(this,y)&&(await m(()=>import("../scb-checkbox/scb-checkbox.js"),__vite__mapDeps([2,1,0,3]),import.meta.url),_(this,y,!0)),this.trailing&&this.trailingVariant==="switch"&&!v(this,b)&&(await m(()=>import("../scb-switch/scb-switch.js"),__vite__mapDeps([4,1,0]),import.meta.url),_(this,b,!0))};x=new WeakMap;r([s({type:String,reflect:!0,attribute:"type"})],a.prototype,"type",2);r([s({type:String})],a.prototype,"href",2);r([s({type:String,attribute:"item-href"})],a.prototype,"itemHref",2);r([s({type:String,attribute:"target"})],a.prototype,"target",2);r([s({type:Boolean,attribute:"disabled"})],a.prototype,"disabled",2);r([s({type:String,reflect:!0})],a.prototype,"label",2);r([s({type:String,attribute:"supporting-text"})],a.prototype,"supportingText",2);r([s({type:String,attribute:"overline"})],a.prototype,"overline",2);r([s({type:Boolean})],a.prototype,"leading",2);r([s({type:String,attribute:"leading-variant",reflect:!0})],a.prototype,"leadingVariant",2);r([s({type:String,attribute:"leading-icon"})],a.prototype,"leadingIcon",2);r([s({type:String,attribute:"avatar-label"})],a.prototype,"avatarLabel",2);r([s({type:String,attribute:"avatar-alt"})],a.prototype,"avatarAlt",2);r([s({type:String,attribute:"avatar-variant"})],a.prototype,"avatarVariant",2);r([s({type:String,attribute:"avatar-src"})],a.prototype,"avatarSrc",2);r([s({type:String,reflect:!0,attribute:"img-href-image"})],a.prototype,"imgHrefImage",2);r([s({type:Boolean})],a.prototype,"trailing",2);r([s({type:String,attribute:"trailing-variant",reflect:!0})],a.prototype,"trailingVariant",2);r([s({type:String,attribute:"trailing-icon"})],a.prototype,"trailingIcon",2);r([s({type:String,attribute:"trailing-switch-label"})],a.prototype,"trailingSwitchLabel",2);r([s({type:Number,reflect:!0})],a.prototype,"density",2);r([s({type:Boolean,attribute:"no-divider",reflect:!0})],a.prototype,"noDivider",2);a=r([I("scb-list-item")],a);
150
+ `}};y=new WeakMap;b=new WeakMap;m=new WeakMap;v=new WeakSet;x=async function(){const t=this.type==="link"&&(!this.trailing||this.trailingVariant==="icon");(this.leading&&this.leadingVariant==="icon"||this.trailing&&this.trailingVariant==="icon"||t)&&!u(this,y)&&(await w(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([0,1]),import.meta.url),_(this,y,!0)),this.trailing&&this.trailingVariant==="checkbox"&&!u(this,b)&&(await w(()=>import("../scb-checkbox/scb-checkbox.js"),__vite__mapDeps([2,1,0,3]),import.meta.url),_(this,b,!0)),this.trailing&&this.trailingVariant==="switch"&&!u(this,m)&&(await w(()=>import("../scb-switch/scb-switch.js"),__vite__mapDeps([4,1,0]),import.meta.url),_(this,m,!0))};k=function(t,i){this.trailingSwitchSelected=t,i&&this.dispatchEvent(new CustomEvent("trailing-switch-change",{detail:{selected:t},bubbles:!0,composed:!0}))};S=new WeakMap;$=new WeakMap;r([s({type:String,reflect:!0,attribute:"type"})],a.prototype,"type",2);r([s({type:String})],a.prototype,"href",2);r([s({type:String,attribute:"item-href"})],a.prototype,"itemHref",2);r([s({type:String,attribute:"target"})],a.prototype,"target",2);r([s({type:Boolean,attribute:"disabled"})],a.prototype,"disabled",2);r([s({type:String,reflect:!0})],a.prototype,"label",2);r([s({type:String,attribute:"supporting-text"})],a.prototype,"supportingText",2);r([s({type:String,attribute:"overline"})],a.prototype,"overline",2);r([s({type:Boolean})],a.prototype,"leading",2);r([s({type:String,attribute:"leading-variant",reflect:!0})],a.prototype,"leadingVariant",2);r([s({type:String,attribute:"leading-icon"})],a.prototype,"leadingIcon",2);r([s({type:String,attribute:"avatar-label"})],a.prototype,"avatarLabel",2);r([s({type:String,attribute:"avatar-alt"})],a.prototype,"avatarAlt",2);r([s({type:String,attribute:"avatar-variant"})],a.prototype,"avatarVariant",2);r([s({type:String,attribute:"avatar-src"})],a.prototype,"avatarSrc",2);r([s({type:String,reflect:!0,attribute:"img-href-image"})],a.prototype,"imgHrefImage",2);r([s({type:Boolean})],a.prototype,"trailing",2);r([s({type:String,attribute:"trailing-variant",reflect:!0})],a.prototype,"trailingVariant",2);r([s({type:String,attribute:"trailing-icon"})],a.prototype,"trailingIcon",2);r([s({type:String,attribute:"trailing-switch-label"})],a.prototype,"trailingSwitchLabel",2);r([s({type:Boolean,attribute:"trailing-switch-selected",reflect:!0})],a.prototype,"trailingSwitchSelected",2);r([s({type:Number,reflect:!0})],a.prototype,"density",2);r([s({type:Boolean,attribute:"no-divider",reflect:!0})],a.prototype,"noDivider",2);a=r([L("scb-list-item")],a);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "scb-wc-test",
3
- "version": "0.1.347",
3
+ "version": "0.1.348",
4
4
  "type": "module",
5
5
  "main": "index.js",
6
6
  "module": "index.js",
@@ -414,5 +414,5 @@
414
414
  },
415
415
  "./mvc/*": "./mvc/*"
416
416
  },
417
- "buildHash": "1017C6A675E9A08A9187307311F5F7DFB4855F92F7DAB0A57D559FAE7E4F7069"
417
+ "buildHash": "9BE3B4226A6360E1BC78F046D8638AD8FF050366077245DE8DEFE58B1E2D9D0F"
418
418
  }
@@ -21,6 +21,7 @@ export declare class ScbListItem extends LitElement {
21
21
  trailingVariant: '' | 'icon' | 'checkbox' | 'switch';
22
22
  trailingIcon: string;
23
23
  trailingSwitchLabel: string;
24
+ trailingSwitchSelected: boolean;
24
25
  density: -4 | -2 | 0;
25
26
  noDivider: boolean;
26
27
  static get styles(): import('lit').CSSResult;
@@ -1,22 +1,29 @@
1
- import { LitElement as V, css as I, nothing as o, html as n } from "lit";
2
- import { property as s, customElement as L } from "lit/decorators.js";
1
+ import { LitElement as L, css as C, nothing as c, html as o } from "lit";
2
+ import { property as s, customElement as z } from "lit/decorators.js";
3
3
  import "@material/web/focus/md-focus-ring.js";
4
4
  import "@material/web/ripple/ripple.js";
5
- var z = Object.defineProperty, C = Object.getOwnPropertyDescriptor, _ = (t) => {
5
+ var T = Object.defineProperty, H = Object.getOwnPropertyDescriptor, I = (t) => {
6
6
  throw TypeError(t);
7
7
  }, r = (t, i, e, l) => {
8
- for (var c = l > 1 ? void 0 : l ? C(i, e) : i, p = t.length - 1, h; p >= 0; p--)
9
- (h = t[p]) && (c = (l ? h(i, e, c) : h(c)) || c);
10
- return l && c && z(i, e, c), c;
11
- }, x = (t, i, e) => i.has(t) || _("Cannot " + e), v = (t, i, e) => (x(t, i, "read from private field"), e ? e.call(t) : i.get(t)), g = (t, i, e) => i.has(t) ? _("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(t) : i.set(t, e), m = (t, i, e, l) => (x(t, i, "write to private field"), i.set(t, e), e), $ = (t, i, e) => (x(t, i, "access private method"), e), f, u, b, y, w, k;
12
- let a = class extends V {
8
+ for (var n = l > 1 ? void 0 : l ? H(i, e) : i, p = t.length - 1, v; p >= 0; p--)
9
+ (v = t[p]) && (n = (l ? v(i, e, n) : v(n)) || n);
10
+ return l && n && T(i, e, n), n;
11
+ }, _ = (t, i, e) => i.has(t) || I("Cannot " + e), y = (t, i, e) => (_(t, i, "read from private field"), e ? e.call(t) : i.get(t)), h = (t, i, e) => i.has(t) ? I("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(t) : i.set(t, e), w = (t, i, e, l) => (_(t, i, "write to private field"), i.set(t, e), e), f = (t, i, e) => (_(t, i, "access private method"), e), u, b, m, g, k, x, S, $;
12
+ let a = class extends L {
13
13
  constructor() {
14
- super(...arguments), g(this, y), this.type = "text", this.href = "", this.itemHref = "", this.target = "", this.disabled = !1, this.label = "", this.supportingText = "", this.overline = "", this.leading = !1, this.leadingVariant = "", this.leadingIcon = "", this.avatarLabel = "", this.avatarAlt = "", this.avatarVariant = "icon", this.avatarSrc = "", this.imgHrefImage = "", this.trailing = !1, this.trailingVariant = "", this.trailingIcon = "", this.trailingSwitchLabel = "", this.density = 0, this.noDivider = !1, g(this, f, !1), g(this, u, !1), g(this, b, !1), this.onRowClick = () => {
14
+ super(...arguments), h(this, g), this.type = "text", this.href = "", this.itemHref = "", this.target = "", this.disabled = !1, this.label = "", this.supportingText = "", this.overline = "", this.leading = !1, this.leadingVariant = "", this.leadingIcon = "", this.avatarLabel = "", this.avatarAlt = "", this.avatarVariant = "icon", this.avatarSrc = "", this.imgHrefImage = "", this.trailing = !1, this.trailingVariant = "", this.trailingIcon = "", this.trailingSwitchLabel = "", this.trailingSwitchSelected = !1, this.density = 0, this.noDivider = !1, h(this, u, !1), h(this, b, !1), h(this, m, !1), this.onRowClick = () => {
15
15
  var e, l;
16
16
  if (this.type === "link" && (this.href || this.itemHref)) return;
17
17
  const t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("scb-checkbox"), i = (l = this.shadowRoot) == null ? void 0 : l.querySelector("scb-switch");
18
- t && (t.checked = !t.checked), i && (i.selected = !i.selected);
19
- }, g(this, k, (t) => {
18
+ if (t && (t.checked = !t.checked), i) {
19
+ const n = !this.trailingSwitchSelected;
20
+ i.selected = n, f(this, g, x).call(this, n, !0);
21
+ }
22
+ }, h(this, S, (t) => {
23
+ var l, n;
24
+ const i = (l = t.detail) == null ? void 0 : l.selected, e = typeof i == "boolean" ? i : ((n = t.currentTarget) == null ? void 0 : n.selected) ?? !1;
25
+ f(this, g, x).call(this, e, !0);
26
+ }), h(this, $, (t) => {
20
27
  var i;
21
28
  if (!t.defaultPrevented && (t.key === "Enter" || t.key === " ")) {
22
29
  if (this.type === "link") {
@@ -31,7 +38,7 @@ let a = class extends V {
31
38
  });
32
39
  }
33
40
  static get styles() {
34
- return I`
41
+ return C`
35
42
  :host {
36
43
  border-bottom: var(--stroke-border, 1px) solid var(--md-sys-color-outline-variant);
37
44
  margin-bottom: calc(var(--stroke-border, 1px) * -1);
@@ -141,18 +148,18 @@ let a = class extends V {
141
148
  `;
142
149
  }
143
150
  async firstUpdated() {
144
- await $(this, y, w).call(this), this.addEventListener("keydown", v(this, k));
151
+ await f(this, g, k).call(this), this.addEventListener("keydown", y(this, $));
145
152
  }
146
153
  updated(t) {
147
- super.updated(t), (t.has("leading") || t.has("leadingVariant") || t.has("trailing") || t.has("trailingVariant") || t.has("type") || t.has("target")) && $(this, y, w).call(this);
154
+ super.updated(t), (t.has("leading") || t.has("leadingVariant") || t.has("trailing") || t.has("trailingVariant") || t.has("type") || t.has("target")) && f(this, g, k).call(this);
148
155
  }
149
156
  render() {
150
157
  const t = this.leading ? (() => {
151
158
  switch (this.leadingVariant) {
152
159
  case "icon":
153
- return this.leadingIcon ? n`<div class="leading"><md-icon>${this.leadingIcon}</md-icon></div>` : o;
160
+ return this.leadingIcon ? o`<div class="leading"><md-icon>${this.leadingIcon}</md-icon></div>` : c;
154
161
  case "avatar":
155
- return n`
162
+ return o`
156
163
  <div class="leading">
157
164
  <scb-avatar
158
165
  label=${this.avatarLabel}
@@ -165,59 +172,69 @@ let a = class extends V {
165
172
  </div>
166
173
  `;
167
174
  case "image":
168
- return this.imgHrefImage ? n`<div class="leading"><img class="img" part="leading-image" src="${this.imgHrefImage}" alt="" /></div>` : o;
175
+ return this.imgHrefImage ? o`<div class="leading"><img class="img" part="leading-image" src="${this.imgHrefImage}" alt="" /></div>` : c;
169
176
  default:
170
- return o;
177
+ return c;
171
178
  }
172
- })() : o, i = this.href || this.itemHref || "", e = this.target === "_blank" ? "open_in_new" : "chevron_right", l = this.label ? `Välj ${this.label}` : "Välj", c = this.label ? `Växla ${this.label}` : "Växla";
173
- let p = o;
179
+ })() : c, i = this.href || this.itemHref || "", e = this.target === "_blank" ? "open_in_new" : "chevron_right", l = this.label ? `Välj ${this.label}` : "Välj", n = this.label ? `Växla ${this.label}` : "Växla";
180
+ let p = c;
174
181
  if (this.trailing)
175
182
  if (this.trailingVariant === "icon") {
176
183
  const d = this.trailingIcon || (this.type === "link" ? e : "");
177
- p = d ? n`<div class="trailing"><md-icon>${d}</md-icon></div>` : o;
178
- } else this.trailingVariant === "checkbox" ? p = n`
184
+ p = d ? o`<div class="trailing"><md-icon>${d}</md-icon></div>` : c;
185
+ } else this.trailingVariant === "checkbox" ? p = o`
179
186
  <div class="trailing">
180
187
  <scb-checkbox
181
188
  aria-label=${l}
182
189
  @click=${(d) => d.stopPropagation()}
183
190
  ></scb-checkbox>
184
- </div>` : this.trailingVariant === "switch" && (p = n`
191
+ </div>` : this.trailingVariant === "switch" && (p = o`
185
192
  <div class="trailing">
186
193
  <scb-switch
187
- label=${this.trailingSwitchLabel || o}
188
- aria-label=${c}
194
+ .selected=${this.trailingSwitchSelected}
195
+ label=${this.trailingSwitchLabel || c}
196
+ aria-label=${n}
189
197
  @click=${(d) => d.stopPropagation()}
198
+ @change=${y(this, S)}
190
199
  ></scb-switch>
191
200
  </div>`);
192
- else this.type === "link" && (p = n`<div class="trailing"><md-icon>${e}</md-icon></div>`);
193
- const h = this.type === "link" && this.target === "_blank" ? "noopener noreferrer" : o, S = n`
201
+ else this.type === "link" && (p = o`<div class="trailing"><md-icon>${e}</md-icon></div>`);
202
+ const v = this.type === "link" && this.target === "_blank" ? "noopener noreferrer" : c, V = o`
194
203
  ${t}
195
204
  <div class="texts">
196
- ${this.overline ? n`<div class="overline">${this.overline}</div>` : o}
205
+ ${this.overline ? o`<div class="overline">${this.overline}</div>` : c}
197
206
  <div class="label">${this.label}</div>
198
- ${this.supportingText ? n`<div class="supporting-text">${this.supportingText}</div>` : o}
207
+ ${this.supportingText ? o`<div class="supporting-text">${this.supportingText}</div>` : c}
199
208
  </div>
200
209
  ${p}
201
210
  `;
202
- return n`
211
+ return o`
203
212
  <div class="row" @click=${this.onRowClick} ?inert=${this.disabled} aria-disabled=${this.disabled ? "true" : "false"}>
204
- ${this.type === "link" && i ? n`<a class="link" href=${i} target=${this.target || o} rel=${h}>${S}</a>` : S}
205
- ${this.type === "link" ? n`<md-ripple></md-ripple>` : o}
213
+ ${this.type === "link" && i ? o`<a class="link" href=${i} target=${this.target || c} rel=${v}>${V}</a>` : V}
214
+ ${this.type === "link" ? o`<md-ripple></md-ripple>` : c}
206
215
  </div>
207
216
 
208
217
  <md-focus-ring></md-focus-ring>
209
218
  `;
210
219
  }
211
220
  };
212
- f = /* @__PURE__ */ new WeakMap();
213
221
  u = /* @__PURE__ */ new WeakMap();
214
222
  b = /* @__PURE__ */ new WeakMap();
215
- y = /* @__PURE__ */ new WeakSet();
216
- w = async function() {
223
+ m = /* @__PURE__ */ new WeakMap();
224
+ g = /* @__PURE__ */ new WeakSet();
225
+ k = async function() {
217
226
  const t = this.type === "link" && (!this.trailing || this.trailingVariant === "icon");
218
- (this.leading && this.leadingVariant === "icon" || this.trailing && this.trailingVariant === "icon" || t) && !v(this, f) && (await import("@material/web/icon/icon.js"), m(this, f, !0)), this.trailing && this.trailingVariant === "checkbox" && !v(this, u) && (await import("../scb-checkbox/scb-checkbox.js"), m(this, u, !0)), this.trailing && this.trailingVariant === "switch" && !v(this, b) && (await import("../scb-switch/scb-switch.js"), m(this, b, !0));
227
+ (this.leading && this.leadingVariant === "icon" || this.trailing && this.trailingVariant === "icon" || t) && !y(this, u) && (await import("@material/web/icon/icon.js"), w(this, u, !0)), this.trailing && this.trailingVariant === "checkbox" && !y(this, b) && (await import("../scb-checkbox/scb-checkbox.js"), w(this, b, !0)), this.trailing && this.trailingVariant === "switch" && !y(this, m) && (await import("../scb-switch/scb-switch.js"), w(this, m, !0));
228
+ };
229
+ x = function(t, i) {
230
+ this.trailingSwitchSelected = t, i && this.dispatchEvent(new CustomEvent("trailing-switch-change", {
231
+ detail: { selected: t },
232
+ bubbles: !0,
233
+ composed: !0
234
+ }));
219
235
  };
220
- k = /* @__PURE__ */ new WeakMap();
236
+ S = /* @__PURE__ */ new WeakMap();
237
+ $ = /* @__PURE__ */ new WeakMap();
221
238
  r([
222
239
  s({ type: String, reflect: !0, attribute: "type" })
223
240
  ], a.prototype, "type", 2);
@@ -278,6 +295,9 @@ r([
278
295
  r([
279
296
  s({ type: String, attribute: "trailing-switch-label" })
280
297
  ], a.prototype, "trailingSwitchLabel", 2);
298
+ r([
299
+ s({ type: Boolean, attribute: "trailing-switch-selected", reflect: !0 })
300
+ ], a.prototype, "trailingSwitchSelected", 2);
281
301
  r([
282
302
  s({ type: Number, reflect: !0 })
283
303
  ], a.prototype, "density", 2);
@@ -285,7 +305,7 @@ r([
285
305
  s({ type: Boolean, attribute: "no-divider", reflect: !0 })
286
306
  ], a.prototype, "noDivider", 2);
287
307
  a = r([
288
- L("scb-list-item")
308
+ z("scb-list-item")
289
309
  ], a);
290
310
  export {
291
311
  a as ScbListItem