scb-wc-test 0.1.21 → 0.1.22

package/mvc/components/scb-list/scb-list-item.js

@@ -1,5 +1,5 @@
 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-switch/scb-switch.js","../../vendor/preload-helper.js"])))=>i.map(i=>d[i]);
-import{_ as m}from"../../vendor/preload-helper.js";import{n as s,t as $,i as V,a as I,E as d,x as l}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,n,c){try{customElements.get(e)||i(e,n,c)}catch(o){var p=String(o||"");if(p.indexOf("already been used")===-1&&p.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var E=Object.defineProperty,L=Object.getOwnPropertyDescriptor,S=t=>{throw TypeError(t)},r=(t,i,e,n)=>{for(var c=n>1?void 0:n?L(i,e):i,p=t.length-1,o;p>=0;p--)(o=t[p])&&(c=(n?o(i,e,c):o(c))||c);return n&&c&&E(i,e,c),c},k=(t,i,e)=>i.has(t)||S("Cannot "+e),g=(t,i,e)=>(k(t,i,"read from private field"),e?e.call(t):i.get(t)),h=(t,i,e)=>i.has(t)?S("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(t):i.set(t,e),b=(t,i,e,n)=>(k(t,i,"write to private field"),i.set(t,e),e),x=(t,i,e)=>(k(t,i,"access private method"),e),u,f,y,v,_,w;let a=class extends V{constructor(){super(...arguments),h(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.density=0,h(this,u,!1),h(this,f,!1),h(this,y,!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)},h(this,w,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 I`
+import{_ as m}from"../../vendor/preload-helper.js";import{n as s,t as $,i as V,a as I,E as d,x as l}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,n,c){try{customElements.get(e)||i(e,n,c)}catch(o){var p=String(o||"");if(p.indexOf("already been used")===-1&&p.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var E=Object.defineProperty,L=Object.getOwnPropertyDescriptor,S=t=>{throw TypeError(t)},r=(t,i,e,n)=>{for(var c=n>1?void 0:n?L(i,e):i,p=t.length-1,o;p>=0;p--)(o=t[p])&&(c=(n?o(i,e,c):o(c))||c);return n&&c&&E(i,e,c),c},k=(t,i,e)=>i.has(t)||S("Cannot "+e),g=(t,i,e)=>(k(t,i,"read from private field"),e?e.call(t):i.get(t)),h=(t,i,e)=>i.has(t)?S("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(t):i.set(t,e),b=(t,i,e,n)=>(k(t,i,"write to private field"),i.set(t,e),e),x=(t,i,e)=>(k(t,i,"access private method"),e),u,f,y,v,_,w;let a=class extends V{constructor(){super(...arguments),h(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.density=0,this.noDivider=!1,h(this,u,!1),h(this,f,!1),h(this,y,!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)},h(this,w,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 I`
       :host {
         border-bottom: var(--stroke-border, 1px) solid var(--md-sys-color-outline-variant);
         margin-bottom: calc(var(--stroke-border, 1px) * -1);
@@ -9,6 +9,9 @@ import{_ as m}from"../../vendor/preload-helper.js";import{n as s,t as $,i as V,a
         font-family: var(--brand-font);
       }
 
+      /* Per-item: ingen divider när attributet är satt */
+      :host([no-divider]) { --stroke-border: 0px; }
+
       md-focus-ring {
         position: absolute;
         inset: 0;
@@ -93,11 +96,11 @@ import{_ as m}from"../../vendor/preload-helper.js";import{n as s,t as $,i as V,a
 
       :host([trailing-variant="checkbox"]) .row,
       :host([trailing-variant="switch"]) .row {
-      cursor: pointer;
+        cursor: pointer;
       }
 
       :host([disabled]) .row {
-      cursor: default;
+        cursor: default;
       }
 
       .link { text-decoration: none; color: inherit; display: contents; }
@@ -127,4 +130,4 @@ import{_ as m}from"../../vendor/preload-helper.js";import{n as s,t as $,i as V,a
       </div>
 
       <md-focus-ring></md-focus-ring>
-    `}};u=new WeakMap;f=new WeakMap;y=new WeakMap;v=new WeakSet;_=async function(){const t=this.type==="link"&&(!this.trailing||this.trailingVariant==="icon");(this.leading&&this.leadingVariant==="icon"||this.trailing&&this.trailingVariant==="icon"||t)&&!g(this,u)&&(await m(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([0,1]),import.meta.url),b(this,u,!0)),this.trailing&&this.trailingVariant==="checkbox"&&!g(this,f)&&(await m(()=>import("../scb-checkbox/scb-checkbox.js"),__vite__mapDeps([2,1,0]),import.meta.url),b(this,f,!0)),this.trailing&&this.trailingVariant==="switch"&&!g(this,y)&&(await m(()=>import("../scb-switch/scb-switch.js"),__vite__mapDeps([3,4,1]),import.meta.url),b(this,y,!0))};w=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:Number,reflect:!0})],a.prototype,"density",2);a=r([$("scb-list-item")],a);
+    `}};u=new WeakMap;f=new WeakMap;y=new WeakMap;v=new WeakSet;_=async function(){const t=this.type==="link"&&(!this.trailing||this.trailingVariant==="icon");(this.leading&&this.leadingVariant==="icon"||this.trailing&&this.trailingVariant==="icon"||t)&&!g(this,u)&&(await m(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([0,1]),import.meta.url),b(this,u,!0)),this.trailing&&this.trailingVariant==="checkbox"&&!g(this,f)&&(await m(()=>import("../scb-checkbox/scb-checkbox.js"),__vite__mapDeps([2,1,0]),import.meta.url),b(this,f,!0)),this.trailing&&this.trailingVariant==="switch"&&!g(this,y)&&(await m(()=>import("../scb-switch/scb-switch.js"),__vite__mapDeps([3,4,1]),import.meta.url),b(this,y,!0))};w=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:Number,reflect:!0})],a.prototype,"density",2);r([s({type:Boolean,attribute:"no-divider",reflect:!0})],a.prototype,"noDivider",2);a=r([$("scb-list-item")],a);

package/mvc/components/scb-list/scb-list.js

@@ -1,9 +1,9 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-material.js","../../vendor/vendor.js"])))=>i.map(i=>d[i]);
-import{_ as f}from"../../vendor/preload-helper.js";import{a as h,b as p,i as m,x as v,t as b}from"../../vendor/vendor.js";import"./scb-list-item.js";import"../../vendor/vendor-material.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(s,r,i){try{customElements.get(s)||t(s,r,i)}catch(a){var o=String(a||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw a}}}}catch{}})();var g=Object.defineProperty,w=Object.getOwnPropertyDescriptor,d=e=>{throw TypeError(e)},c=(e,t,s,r)=>{for(var i=r>1?void 0:r?w(t,s):t,o=e.length-1,a;o>=0;o--)(a=e[o])&&(i=(r?a(t,s,i):a(i))||i);return r&&i&&g(t,s,i),i},_=(e,t,s)=>t.has(e)||d("Cannot "+s),y=(e,t,s)=>(_(e,t,"read from private field"),t.get(e)),E=(e,t,s)=>t.has(e)?d("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,s),A=(e,t,s,r)=>(_(e,t,"write to private field"),t.set(e,s),s),n;let l=class extends m{constructor(){super(...arguments),E(this,n,!1),this._onSlotChange=()=>this._setupItems()}async firstUpdated(){y(this,n)||(await f(()=>import("../../vendor/vendor-material.js").then(e=>e.l),__vite__mapDeps([0,1]),import.meta.url),A(this,n,!0)),this._setupItems()}_getItems(){return(this._slotEl?.assignedElements({flatten:!0})??[]).filter(t=>t instanceof HTMLElement)}_setupItems(){this._getItems().forEach((s,r)=>{s.hasAttribute("role")||s.setAttribute("role","listitem"),s.setAttribute("tabindex",r===0?"0":"-1")});const t=this.renderRoot?.querySelector("md-list");t&&!t.hasAttribute("data-kbd")&&(t.setAttribute("data-kbd","true"),t.addEventListener("keydown",s=>this._onKeyDown(s)))}_onKeyDown(e){const t=this._getItems();if(!t.length)return;const s=t.findIndex(i=>i.getAttribute("tabindex")==="0"),r=i=>{const o=(i%t.length+t.length)%t.length;t.forEach(u=>u.setAttribute("tabindex","-1"));const a=t[o];a.setAttribute("tabindex","0"),a.focus()};switch(e.key){case"ArrowDown":case"ArrowRight":e.preventDefault(),r(s<0?0:s+1);break;case"ArrowUp":case"ArrowLeft":e.preventDefault(),r(s<0?0:s-1);break;case"Home":e.preventDefault(),r(0);break;case"End":e.preventDefault(),r(t.length-1);break}}render(){return v`
+import{_ as f}from"../../vendor/preload-helper.js";import{a as h,n as p,b as v,i as m,x as b,t as g}from"../../vendor/vendor.js";import"./scb-list-item.js";import"../../vendor/vendor-material.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(r,s,i){try{customElements.get(r)||t(r,s,i)}catch(a){var o=String(a||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw a}}}}catch{}})();var y=Object.defineProperty,w=Object.getOwnPropertyDescriptor,c=e=>{throw TypeError(e)},l=(e,t,r,s)=>{for(var i=s>1?void 0:s?w(t,r):t,o=e.length-1,a;o>=0;o--)(a=e[o])&&(i=(s?a(t,r,i):a(i))||i);return s&&i&&y(t,r,i),i},_=(e,t,r)=>t.has(e)||c("Cannot "+r),E=(e,t,r)=>(_(e,t,"read from private field"),t.get(e)),A=(e,t,r)=>t.has(e)?c("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,r),k=(e,t,r,s)=>(_(e,t,"write to private field"),t.set(e,r),r),d;let n=class extends m{constructor(){super(...arguments),A(this,d,!1),this.noDivider=!1,this._onSlotChange=()=>this._setupItems()}async firstUpdated(){E(this,d)||(await f(()=>import("../../vendor/vendor-material.js").then(e=>e.l),__vite__mapDeps([0,1]),import.meta.url),k(this,d,!0)),this._setupItems()}_getItems(){return(this._slotEl?.assignedElements({flatten:!0})??[]).filter(t=>t instanceof HTMLElement)}_setupItems(){this._getItems().forEach((r,s)=>{r.hasAttribute("role")||r.setAttribute("role","listitem"),r.setAttribute("tabindex",s===0?"0":"-1")});const t=this.renderRoot?.querySelector("md-list");t&&!t.hasAttribute("data-kbd")&&(t.setAttribute("data-kbd","true"),t.addEventListener("keydown",r=>this._onKeyDown(r)))}_onKeyDown(e){const t=this._getItems();if(!t.length)return;const r=t.findIndex(i=>i.getAttribute("tabindex")==="0"),s=i=>{const o=(i%t.length+t.length)%t.length;t.forEach(u=>u.setAttribute("tabindex","-1"));const a=t[o];a.setAttribute("tabindex","0"),a.focus()};switch(e.key){case"ArrowDown":case"ArrowRight":e.preventDefault(),s(r<0?0:r+1);break;case"ArrowUp":case"ArrowLeft":e.preventDefault(),s(r<0?0:r-1);break;case"Home":e.preventDefault(),s(0);break;case"End":e.preventDefault(),s(t.length-1);break}}render(){return b`
       <md-list role="list" @slotchange=${this._onSlotChange}>
         <slot></slot>
       </md-list>
-    `}};n=new WeakMap;l.styles=[h`
+    `}};d=new WeakMap;n.styles=[h`
       :host {
         display: block;
         --scb-list-bg: var(--md-sys-color-surface-container-lowest);
@@ -13,7 +13,14 @@ import{_ as f}from"../../vendor/preload-helper.js";import{a as h,b as p,i as m,x
         background: var(--scb-list-bg);
       }
 
-      ::slotted(scb-list-item:first-of-type) {
+      /* Visa top-border på första raden endast när listan saknar no-divider
+         och endast om första item inte själv är markerad med no-divider. */
+      :host(:not([no-divider])) ::slotted(scb-list-item:first-of-type:not([no-divider])) {
         border-top: 1px solid var(--md-sys-color-outline-variant);
       }
-    `];c([p("slot")],l.prototype,"_slotEl",2);l=c([b("scb-list")],l);
+
+      /* När listan har no-divider, tryck ned variabeln till alla barn */
+      :host([no-divider]) ::slotted(scb-list-item) {
+        --stroke-border: 0px;
+      }
+    `];l([p({type:Boolean,attribute:"no-divider",reflect:!0})],n.prototype,"noDivider",2);l([v("slot")],n.prototype,"_slotEl",2);n=l([g("scb-list")],n);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "scb-wc-test",
-    "version":  "0.1.21",
+    "version":  "0.1.22",
     "type":  "module",
     "main":  "index.js",
     "module":  "index.js",
@@ -277,5 +277,5 @@
                                       },
                     "./mvc/*":  "./mvc/*"
                 },
-    "buildHash":  "EBF944660ACAA62164BA02F5458DB99784C7649143696F3504ABEB1DFC9444B5"
+    "buildHash":  "D27E7601EBCF8143663394290D72984E6AE3B85033B2B0CAEB0FFB1E11A495BA"
 }

package/scb-list/scb-list-item.d.ts

@@ -21,6 +21,7 @@ export declare class ScbListItem extends LitElement {
     trailingVariant: '' | 'icon' | 'checkbox' | 'switch';
     trailingIcon: string;
     density: -4 | -2 | 0;
+    noDivider: boolean;
     static get styles(): import('lit').CSSResult;
     protected firstUpdated(): Promise<void>;
     protected updated(changed: PropertyValues): void;

package/scb-list/scb-list-item.js

@@ -11,7 +11,7 @@ var I = Object.defineProperty, L = Object.getOwnPropertyDescriptor, _ = (t) => {
 }, w = (t, i, e) => i.has(t) || _("Cannot " + e), g = (t, i, e) => (w(t, i, "read from private field"), e ? e.call(t) : i.get(t)), h = (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, n) => (w(t, i, "write to private field"), i.set(t, e), e), x = (t, i, e) => (w(t, i, "access private method"), e), y, f, u, v, b, k;
 let a = class extends S {
   constructor() {
-    super(...arguments), h(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.density = 0, h(this, y, !1), h(this, f, !1), h(this, u, !1), this.onRowClick = () => {
+    super(...arguments), h(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.density = 0, this.noDivider = !1, h(this, y, !1), h(this, f, !1), h(this, u, !1), this.onRowClick = () => {
       var e, n;
       if (this.type === "link" && (this.href || this.itemHref)) return;
       const t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("scb-checkbox"), i = (n = this.shadowRoot) == null ? void 0 : n.querySelector("scb-switch");
@@ -41,6 +41,9 @@ let a = class extends S {
         font-family: var(--brand-font);
       }
 
+      /* Per-item: ingen divider när attributet är satt */
+      :host([no-divider]) { --stroke-border: 0px; }
+
       md-focus-ring {
         position: absolute;
         inset: 0;
@@ -125,11 +128,11 @@ let a = class extends S {
 
       :host([trailing-variant="checkbox"]) .row,
       :host([trailing-variant="switch"]) .row {
-      cursor: pointer;
+        cursor: pointer;
       }
 
       :host([disabled]) .row {
-      cursor: default;
+        cursor: default;
       }
 
       .link { text-decoration: none; color: inherit; display: contents; }
@@ -260,6 +263,9 @@ r([
 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([
   V("scb-list-item")
 ], a);

package/scb-list/scb-list.d.ts

@@ -1,6 +1,7 @@
 import { LitElement, TemplateResult } from 'lit';
 export declare class ScbList extends LitElement {
     #private;
+    noDivider: boolean;
     private _slotEl;
     protected firstUpdated(): Promise<void>;
     private _onSlotChange;
@@ -10,3 +11,8 @@ export declare class ScbList extends LitElement {
     static styles: import('lit').CSSResult[];
     render(): TemplateResult;
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-list': ScbList;
+    }
+}

package/scb-list/scb-list.js

@@ -1,69 +1,69 @@
-import { css as u, LitElement as f, html as _ } from "lit";
-import { query as m, customElement as v } from "lit/decorators.js";
+import { css as v, LitElement as f, html as u } from "lit";
+import { property as m, query as _, customElement as b } from "lit/decorators.js";
 import "./scb-list-item.js";
-var g = Object.defineProperty, b = Object.getOwnPropertyDescriptor, c = (e) => {
+var g = Object.defineProperty, y = Object.getOwnPropertyDescriptor, c = (e) => {
   throw TypeError(e);
-}, d = (e, t, s, r) => {
-  for (var a = r > 1 ? void 0 : r ? b(t, s) : t, o = e.length - 1, i; o >= 0; o--)
-    (i = e[o]) && (a = (r ? i(t, s, a) : i(a)) || a);
-  return r && a && g(t, s, a), a;
-}, h = (e, t, s) => t.has(e) || c("Cannot " + s), w = (e, t, s) => (h(e, t, "read from private field"), t.get(e)), y = (e, t, s) => t.has(e) ? c("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, s), A = (e, t, s, r) => (h(e, t, "write to private field"), t.set(e, s), s), n;
-let l = class extends f {
+}, l = (e, t, r, s) => {
+  for (var i = s > 1 ? void 0 : s ? y(t, r) : t, a = e.length - 1, o; a >= 0; a--)
+    (o = e[a]) && (i = (s ? o(t, r, i) : o(i)) || i);
+  return s && i && g(t, r, i), i;
+}, p = (e, t, r) => t.has(e) || c("Cannot " + r), w = (e, t, r) => (p(e, t, "read from private field"), t.get(e)), A = (e, t, r) => t.has(e) ? c("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), k = (e, t, r, s) => (p(e, t, "write to private field"), t.set(e, r), r), d;
+let n = class extends f {
   constructor() {
-    super(...arguments), y(this, n, !1), this._onSlotChange = () => this._setupItems();
+    super(...arguments), A(this, d, !1), this.noDivider = !1, this._onSlotChange = () => this._setupItems();
   }
   async firstUpdated() {
-    w(this, n) || (await import("@material/web/list/list.js"), A(this, n, !0)), this._setupItems();
+    w(this, d) || (await import("@material/web/list/list.js"), k(this, d, !0)), this._setupItems();
   }
   _getItems() {
     var t;
-    return (((t = this._slotEl) == null ? void 0 : t.assignedElements({ flatten: !0 })) ?? []).filter((s) => s instanceof HTMLElement);
+    return (((t = this._slotEl) == null ? void 0 : t.assignedElements({ flatten: !0 })) ?? []).filter((r) => r instanceof HTMLElement);
   }
   _setupItems() {
-    var s;
-    this._getItems().forEach((r, a) => {
-      r.hasAttribute("role") || r.setAttribute("role", "listitem"), r.setAttribute("tabindex", a === 0 ? "0" : "-1");
+    var r;
+    this._getItems().forEach((s, i) => {
+      s.hasAttribute("role") || s.setAttribute("role", "listitem"), s.setAttribute("tabindex", i === 0 ? "0" : "-1");
     });
-    const t = (s = this.renderRoot) == null ? void 0 : s.querySelector("md-list");
-    t && !t.hasAttribute("data-kbd") && (t.setAttribute("data-kbd", "true"), t.addEventListener("keydown", (r) => this._onKeyDown(r)));
+    const t = (r = this.renderRoot) == null ? void 0 : r.querySelector("md-list");
+    t && !t.hasAttribute("data-kbd") && (t.setAttribute("data-kbd", "true"), t.addEventListener("keydown", (s) => this._onKeyDown(s)));
   }
   _onKeyDown(e) {
     const t = this._getItems();
     if (!t.length) return;
-    const s = t.findIndex((a) => a.getAttribute("tabindex") === "0"), r = (a) => {
-      const o = (a % t.length + t.length) % t.length;
-      t.forEach((p) => p.setAttribute("tabindex", "-1"));
-      const i = t[o];
-      i.setAttribute("tabindex", "0"), i.focus();
+    const r = t.findIndex((i) => i.getAttribute("tabindex") === "0"), s = (i) => {
+      const a = (i % t.length + t.length) % t.length;
+      t.forEach((h) => h.setAttribute("tabindex", "-1"));
+      const o = t[a];
+      o.setAttribute("tabindex", "0"), o.focus();
     };
     switch (e.key) {
       case "ArrowDown":
       case "ArrowRight":
-        e.preventDefault(), r(s < 0 ? 0 : s + 1);
+        e.preventDefault(), s(r < 0 ? 0 : r + 1);
         break;
       case "ArrowUp":
       case "ArrowLeft":
-        e.preventDefault(), r(s < 0 ? 0 : s - 1);
+        e.preventDefault(), s(r < 0 ? 0 : r - 1);
         break;
       case "Home":
-        e.preventDefault(), r(0);
+        e.preventDefault(), s(0);
         break;
       case "End":
-        e.preventDefault(), r(t.length - 1);
+        e.preventDefault(), s(t.length - 1);
         break;
     }
   }
   render() {
-    return _`
+    return u`
       <md-list role="list" @slotchange=${this._onSlotChange}>
         <slot></slot>
       </md-list>
     `;
   }
 };
-n = /* @__PURE__ */ new WeakMap();
-l.styles = [
-  u`
+d = /* @__PURE__ */ new WeakMap();
+n.styles = [
+  v`
       :host {
         display: block;
         --scb-list-bg: var(--md-sys-color-surface-container-lowest);
@@ -73,17 +73,27 @@ l.styles = [
         background: var(--scb-list-bg);
       }
 
-      ::slotted(scb-list-item:first-of-type) {
+      /* Visa top-border på första raden endast när listan saknar no-divider
+         och endast om första item inte själv är markerad med no-divider. */
+      :host(:not([no-divider])) ::slotted(scb-list-item:first-of-type:not([no-divider])) {
         border-top: 1px solid var(--md-sys-color-outline-variant);
       }
+
+      /* När listan har no-divider, tryck ned variabeln till alla barn */
+      :host([no-divider]) ::slotted(scb-list-item) {
+        --stroke-border: 0px;
+      }
     `
 ];
-d([
-  m("slot")
-], l.prototype, "_slotEl", 2);
-l = d([
-  v("scb-list")
-], l);
+l([
+  m({ type: Boolean, attribute: "no-divider", reflect: !0 })
+], n.prototype, "noDivider", 2);
+l([
+  _("slot")
+], n.prototype, "_slotEl", 2);
+n = l([
+  b("scb-list")
+], n);
 export {
-  l as ScbList
+  n as ScbList
 };