scb-wc 0.1.78 → 0.1.80

package/scb-accordion/scb-accordion-item.js

@@ -1,17 +1,17 @@
-import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { ensureFocusRingOnFocusVisible as e } from "../shared/lazy-focus-ring.js";
+import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import "../scb-chevron/scb-chevron.js";
-import { LitElement as t, css as n, html as r, nothing as i } from "lit";
-import { customElement as a, property as o } from "lit/decorators.js";
-import "@material/web/focus/md-focus-ring.js";
+import { LitElement as n, css as r, html as i, nothing as a } from "lit";
+import { customElement as o, property as s } from "lit/decorators.js";
 import "@material/web/icon/icon.js";
 import "@material/web/ripple/ripple.js";
 //#region src/scb-components/scb-accordion/scb-accordion-item.ts
-var s, c = class extends t {
+var c, l = class extends n {
 	static {
-		s = this;
+		c = this;
 	}
 	constructor(...e) {
-		super(...e), this.open = !1, this.title = "", this.content = "", this.overline = "", this.supportingText = "", this.leading = !1, this.leadingVariant = "", this.leadingIcon = "", this.imgHrefImage = "", this.avatarLabel = "", this.avatarAlt = "", this.avatarVariant = "icon", this.avatarSrc = "", this.density = 0, this._unique = s._uid(), this._ignoreNextNativeTitleAttrChange = !1, this._onSummaryClick = (e) => {
+		super(...e), this.open = !1, this.title = "", this.content = "", this.overline = "", this.supportingText = "", this.leading = !1, this.leadingVariant = "", this.leadingIcon = "", this.imgHrefImage = "", this.avatarLabel = "", this.avatarAlt = "", this.avatarVariant = "icon", this.avatarSrc = "", this.density = 0, this._unique = c._uid(), this._ignoreNextNativeTitleAttrChange = !1, this._onSummaryClick = (e) => {
 			e.preventDefault();
 			let t = !this.open;
 			this.closest("scb-accordion")?.onItemToggled?.(this, t), this.setOpen(t);
@@ -27,7 +27,7 @@ var s, c = class extends t {
 		this._uidSeq = 0;
 	}
 	static _uid() {
-		return globalThis.crypto?.randomUUID?.() ?? `${s._uidPrefix}-${++s._uidSeq}`;
+		return globalThis.crypto?.randomUUID?.() ?? `${c._uidPrefix}-${++c._uidSeq}`;
 	}
 	static get observedAttributes() {
 		let e = super.observedAttributes || [];
@@ -44,7 +44,7 @@ var s, c = class extends t {
 		this._applyInertByOpen();
 	}
 	static {
-		this.styles = [n`
+		this.styles = [r`
       :host {
         display: block;
         position: relative;
@@ -257,7 +257,7 @@ var s, c = class extends t {
 		}
 	}
 	render() {
-		let e = `bottom-${this._unique}`, t = `header-${this._unique}`, n = this.leading ? this.leadingVariant === "image" && this.imgHrefImage ? r`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />` : this.leadingVariant === "avatar" ? r`
+		let t = `bottom-${this._unique}`, n = `header-${this._unique}`, r = this.leading ? this.leadingVariant === "image" && this.imgHrefImage ? i`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />` : this.leadingVariant === "avatar" ? i`
               <scb-avatar
                 label=${this.avatarLabel}
                 alt=${this.avatarAlt}
@@ -266,75 +266,76 @@ var s, c = class extends t {
                 shape="circular"
                 variant=${this.avatarVariant}
               ></scb-avatar>
-            ` : this.leadingVariant === "icon" ? r`<md-icon>${this.leadingIcon}</md-icon>` : i : i;
-		return r`
+            ` : this.leadingVariant === "icon" ? i`<md-icon>${this.leadingIcon}</md-icon>` : a : a;
+		return i`
       <details class="scb-accordion-item" open @toggle=${this._onToggle}>
         <summary
-          id=${t}
+          id=${n}
           class="scb-accordion-top"
-          aria-controls=${e}
+          aria-controls=${t}
           @click=${this._onSummaryClick}
           @keydown=${this._onKeyDown}
+          @focusin=${e}
         >
           <md-ripple></md-ripple>
 
-          ${this.leading ? r`<div class="leading">${n}</div>` : i}
+          ${this.leading ? i`<div class="leading">${r}</div>` : a}
 
           <div class="texts">
-            ${this.overline ? r`<div class="overline">${this.overline}</div>` : i}
+            ${this.overline ? i`<div class="overline">${this.overline}</div>` : a}
             <div class="title">${this.title}</div>
-            ${this.supportingText ? r`<div class="supporting-text">${this.supportingText}</div>` : i}
+            ${this.supportingText ? i`<div class="supporting-text">${this.supportingText}</div>` : a}
           </div>
 
           <scb-chevron class="chevron" .open=${this.open}></scb-chevron>
         </summary>
 
-        <div id=${e} class="scb-accordion-bottom" role="region" aria-labelledby=${t}>
+        <div id=${t} class="scb-accordion-bottom" role="region" aria-labelledby=${n}>
           <div class="bottom-inner">
             <slot>${this.content}</slot>
           </div>
         </div>
       </details>
 
-      <md-focus-ring for=${t} inward></md-focus-ring>
+      <md-focus-ring for=${n} inward></md-focus-ring>
     `;
 	}
 };
-e([o({
+t([s({
 	type: Boolean,
 	reflect: !0
-})], c.prototype, "open", void 0), e([o({ type: String })], c.prototype, "title", void 0), e([o({ type: String })], c.prototype, "content", void 0), e([o({
+})], l.prototype, "open", void 0), t([s({ type: String })], l.prototype, "title", void 0), t([s({ type: String })], l.prototype, "content", void 0), t([s({
 	type: String,
 	attribute: "overline"
-})], c.prototype, "overline", void 0), e([o({
+})], l.prototype, "overline", void 0), t([s({
 	type: String,
 	attribute: "supporting-text"
-})], c.prototype, "supportingText", void 0), e([o({ type: Boolean })], c.prototype, "leading", void 0), e([o({
+})], l.prototype, "supportingText", void 0), t([s({ type: Boolean })], l.prototype, "leading", void 0), t([s({
 	type: String,
 	attribute: "leading-variant",
 	reflect: !0
-})], c.prototype, "leadingVariant", void 0), e([o({
+})], l.prototype, "leadingVariant", void 0), t([s({
 	type: String,
 	attribute: "leading-icon"
-})], c.prototype, "leadingIcon", void 0), e([o({
+})], l.prototype, "leadingIcon", void 0), t([s({
 	type: String,
 	attribute: "img-href-image",
 	reflect: !0
-})], c.prototype, "imgHrefImage", void 0), e([o({
+})], l.prototype, "imgHrefImage", void 0), t([s({
 	type: String,
 	attribute: "avatar-label"
-})], c.prototype, "avatarLabel", void 0), e([o({
+})], l.prototype, "avatarLabel", void 0), t([s({
 	type: String,
 	attribute: "avatar-alt"
-})], c.prototype, "avatarAlt", void 0), e([o({
+})], l.prototype, "avatarAlt", void 0), t([s({
 	type: String,
 	attribute: "avatar-variant"
-})], c.prototype, "avatarVariant", void 0), e([o({
+})], l.prototype, "avatarVariant", void 0), t([s({
 	type: String,
 	attribute: "avatar-src"
-})], c.prototype, "avatarSrc", void 0), e([o({
+})], l.prototype, "avatarSrc", void 0), t([s({
 	type: Number,
 	reflect: !0
-})], c.prototype, "density", void 0), c = s = e([a("scb-accordion-item")], c);
+})], l.prototype, "density", void 0), l = c = t([o("scb-accordion-item")], l);
 //#endregion
-export { c as ScbAccordionItem };
+export { l as ScbAccordionItem };

package/scb-app-bar/scb-app-bar.js

@@ -1,8 +1,8 @@
 import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import "../scb-button/scb-button.js";
 import "../scb-icon-button/scb-icon-button.js";
-import "../scb-avatar/scb-avatar.js";
 import "../scb-search/scb-search.js";
+import "../scb-avatar/scb-avatar.js";
 import { LitElement as t, css as n, html as r } from "lit";
 import { customElement as i, property as a } from "lit/decorators.js";
 //#region src/scb-components/scb-app-bar/scb-app-bar.ts