scb-wc-test 0.1.21 → 0.1.23

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
 };