@aceshooting/lyra-ui 6.1.0 → 7.0.0

package/dist/components/layout/card/card.class.js

@@ -4,11 +4,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { html, nothing } from 'lit';
-import { property, state } from 'lit/decorators.js';
-import { LyraElement } from '../../../internal/lyra-element.js';
-import { safeLinkHref } from '../../../internal/safe-url.js';
-import { styles } from './card.styles.js';
+import { html, nothing } from "lit";
+import { property, state } from "lit/decorators.js";
+import { LyraElement } from "../../../internal/lyra-element.js";
+import { safeLinkHref } from "../../../internal/safe-url.js";
+import { styles } from "./card.styles.js";
 /**
  * Anything in the composed path between the original event target and `[part='base']` that a user
  * would reasonably consider "the thing I clicked". A whole-card activation must not fire when the
@@ -17,15 +17,15 @@ import { styles } from './card.styles.js';
  * `role="button"`), it can only distinguish the two cases at event time.
  */
 const NESTED_CONTROL_SELECTOR = [
-    'a[href]',
-    'button',
-    'input',
-    'select',
-    'textarea',
-    'summary',
-    'audio[controls]',
-    'video[controls]',
-    'label',
+    "a[href]",
+    "button",
+    "input",
+    "select",
+    "textarea",
+    "summary",
+    "audio[controls]",
+    "video[controls]",
+    "label",
     '[contenteditable]:not([contenteditable="false"])',
     '[tabindex]:not([tabindex="-1"])',
     '[role="button"]',
@@ -39,7 +39,7 @@ const NESTED_CONTROL_SELECTOR = [
     '[role="textbox"]',
     '[role="slider"]',
     '[role="spinbutton"]',
-].join(',');
+].join(",");
 /**
  * `<lr-card>` — a generic, styled bordered content container: the "small bordered surface with
  * padding" idiom common to hero highlights, clickable grid tiles, and management-list items. A
@@ -56,13 +56,16 @@ const NESTED_CONTROL_SELECTOR = [
  * @slot footer - Footer content, rendered below the body.
  * @slot actions - Small header controls, rendered alongside the header content.
  * @csspart base - The outer container (a `<div>`, or an `<a>` when `href` is set).
+ * @csspart activation-button - The native whole-card action, rendered while `interactive`
+ *   without `href`. It is a sibling of slotted controls, so actionable descendants are never
+ *   nested inside another actionable role.
  * @csspart media - Wrapper around the `media` slot. Hidden entirely when empty.
  * @csspart header - Wrapper around the `header` slot and `actions`. Hidden entirely when both are empty.
  * @csspart actions - Wrapper around the `actions` slot. Hidden entirely when empty.
  * @csspart body - Wrapper around the default slot.
  * @csspart footer - Wrapper around the `footer` slot. Hidden entirely when empty.
- * @event lr-card-activate - The whole card was activated (click, or Enter/Space while
- * `[part='base']` has focus). No detail. Only fired while `interactive` is set **without** `href`
+ * @event lr-card-activate - The whole card was activated (click, or Enter/Space on the native
+ * `activation-button`). No detail. Only fired while `interactive` is set **without** `href`
  * -- with `href` the root is a real `<a>` and native navigation is the activation. Never fired for
  * an interaction that originated in a slotted control (a button, link, input, or anything else
  * focusable), so a card can keep its own action buttons.
@@ -72,7 +75,7 @@ export class LyraCard extends LyraElement {
         super(...arguments);
         /** Visual treatment, mirroring `wa-card`'s `appearance` vocabulary. `'outlined'` (the default)
          *  is a bordered surface -- the common "small bordered surface with padding" idiom. */
-        this.appearance = 'outlined';
+        this.appearance = "outlined";
         /** Opt-in clickable-tile behavior: the hover/focus-visible treatment (border-color shift,
          *  `cursor: pointer`) plus, when `href` is **not** also set, real activation semantics --
          *  `[part='base']` becomes focusable (`tabindex="0"`), responds to Enter/Space, and emits
@@ -80,44 +83,53 @@ export class LyraCard extends LyraElement {
          *  stays the activation and `lr-card-activate` is never fired. `false` (the default) reproduces
          *  today's exact static output: no `tabindex`, no listeners, no events. */
         this.interactive = false;
+        /** Host `aria-label` forwarded to the native no-href activation button. */
+        this.accessibleLabel = null;
         this.hasHeaderSlot = false;
         this.hasMediaSlot = false;
         this.hasFooterSlot = false;
         this.hasActionsSlot = false;
+        this.accessibleContentText = "";
         this.onHeaderSlotChange = (e) => {
-            this.hasHeaderSlot = e.target.assignedElements({ flatten: true }).length > 0;
+            this.hasHeaderSlot =
+                e.target.assignedElements({ flatten: true }).length >
+                    0;
         };
         this.onMediaSlotChange = (e) => {
-            this.hasMediaSlot = e.target.assignedElements({ flatten: true }).length > 0;
+            this.hasMediaSlot =
+                e.target.assignedElements({ flatten: true }).length >
+                    0;
         };
         this.onFooterSlotChange = (e) => {
-            this.hasFooterSlot = e.target.assignedElements({ flatten: true }).length > 0;
+            this.hasFooterSlot =
+                e.target.assignedElements({ flatten: true }).length >
+                    0;
         };
         this.onActionsSlotChange = (e) => {
-            this.hasActionsSlot = e.target.assignedElements({ flatten: true }).length > 0;
+            this.hasActionsSlot =
+                e.target.assignedElements({ flatten: true }).length >
+                    0;
         };
         this.onBaseClick = (e) => {
-            if (this.originatesInNestedControl(e, e.currentTarget))
-                return;
-            this.emit('lr-card-activate');
-        };
-        this.onBaseKeyDown = (e) => {
-            if (e.key !== 'Enter' && e.key !== ' ' && e.key !== 'Spacebar')
+            const origin = e.composedPath()[0];
+            if (origin instanceof Element &&
+                origin.getAttribute("part") === "activation-button") {
+                this.emit("lr-card-activate");
                 return;
+            }
             if (this.originatesInNestedControl(e, e.currentTarget))
                 return;
-            // Space in particular must be swallowed, or the page scrolls under the focused card.
-            e.preventDefault();
-            this.emit('lr-card-activate');
+            this.emit("lr-card-activate");
         };
     }
     static { this.styles = [LyraElement.styles, styles]; }
     willUpdate(changed) {
         if (!this.hasUpdated) {
-            this.hasHeaderSlot = Array.from(this.children).some((el) => el.getAttribute('slot') === 'header');
-            this.hasMediaSlot = Array.from(this.children).some((el) => el.getAttribute('slot') === 'media');
-            this.hasFooterSlot = Array.from(this.children).some((el) => el.getAttribute('slot') === 'footer');
-            this.hasActionsSlot = Array.from(this.children).some((el) => el.getAttribute('slot') === 'actions');
+            this.hasHeaderSlot = Array.from(this.children).some((el) => el.getAttribute("slot") === "header");
+            this.hasMediaSlot = Array.from(this.children).some((el) => el.getAttribute("slot") === "media");
+            this.hasFooterSlot = Array.from(this.children).some((el) => el.getAttribute("slot") === "footer");
+            this.hasActionsSlot = Array.from(this.children).some((el) => el.getAttribute("slot") === "actions");
+            this.accessibleContentText = this.textContent?.trim() ?? "";
         }
         void changed;
     }
@@ -141,9 +153,37 @@ export class LyraCard extends LyraElement {
         }
         return false;
     }
+    connectedCallback() {
+        super.connectedCallback();
+        this.contentObserver = new MutationObserver(() => {
+            this.accessibleContentText = this.textContent?.trim() ?? "";
+        });
+        this.contentObserver.observe(this, {
+            childList: true,
+            characterData: true,
+            subtree: true,
+        });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.contentObserver?.disconnect();
+        this.contentObserver = undefined;
+    }
     render() {
         const hasHeader = this.hasHeaderSlot || this.hasActionsSlot;
+        const href = safeLinkHref(this.href);
+        const activatable = this.interactive && !href;
         const body = html `
+      ${activatable
+            ? html `<button
+            part="activation-button"
+            type="button"
+            tabindex="0"
+            aria-label=${this.accessibleLabel ||
+                this.accessibleContentText ||
+                nothing}
+          ></button>`
+            : nothing}
       <div part="media" ?hidden=${!this.hasMediaSlot}>
         <slot name="media" @slotchange=${this.onMediaSlotChange}></slot>
       </div>
@@ -158,19 +198,21 @@ export class LyraCard extends LyraElement {
         <slot name="footer" @slotchange=${this.onFooterSlotChange}></slot>
       </div>
     `;
-        const href = safeLinkHref(this.href);
         // With `href`, the `<a>` is already focusable and Enter-activated natively -- layering the
         // synthetic activation on top would double-fire. Everything below binds to `nothing` when the
         // card has not opted in, so the passive default renders byte-identically to before (mirrors
         // `<lr-chip>`'s `toggleable` gating).
-        const activatable = this.interactive && !href;
         return href
-            ? html `<a part="base" href=${href}>${body}</a>`
+            ? html `<a
+          part="base"
+          href=${href}
+          target=${this.target || nothing}
+          rel=${this.target ? "noopener noreferrer" : nothing}
+          >${body}</a
+        >`
             : html `<div
           part="base"
-          tabindex=${activatable ? '0' : nothing}
           @click=${activatable ? this.onBaseClick : nothing}
-          @keydown=${activatable ? this.onBaseKeyDown : nothing}
         >
           ${body}
         </div>`;
@@ -182,9 +224,15 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], LyraCard.prototype, "interactive", void 0);
+__decorate([
+    property({ attribute: "aria-label" })
+], LyraCard.prototype, "accessibleLabel", void 0);
 __decorate([
     property()
 ], LyraCard.prototype, "href", void 0);
+__decorate([
+    property()
+], LyraCard.prototype, "target", void 0);
 __decorate([
     state()
 ], LyraCard.prototype, "hasHeaderSlot", void 0);
@@ -197,4 +245,7 @@ __decorate([
 __decorate([
     state()
 ], LyraCard.prototype, "hasActionsSlot", void 0);
+__decorate([
+    state()
+], LyraCard.prototype, "accessibleContentText", void 0);
 //# sourceMappingURL=card.class.js.map

package/dist/components/layout/card/card.class.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.class.js","sourceRoot":"","sources":["../../../../src/components/layout/card/card.class.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"card.class.js","sourceRoot":"","sources":["../../../../src/components/layout/card/card.class.ts"],"names":[],"mappings":"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"}

package/dist/components/layout/card/card.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card/card.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAyFlB,CAAC"}
+{"version":3,"file":"card.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card/card.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAsGlB,CAAC"}

package/dist/components/layout/card/card.styles.js

@@ -1,9 +1,10 @@
-import { css } from 'lit';
+import { css } from "lit";
 export const styles = css `
   :host {
     display: block;
   }
-  [part='base'] {
+  [part="base"] {
+    position: relative;
     display: flex;
     flex-direction: column;
     border: var(--lr-border-width-thin) solid var(--lr-color-border);
@@ -21,42 +22,54 @@ export const styles = css `
     text-decoration: none;
     overflow: hidden;
   }
-  :host([appearance='filled']) [part='base'] {
+  :host([appearance="filled"]) [part="base"] {
     border-color: transparent;
     background: var(--lr-color-brand-quiet);
   }
-  :host([appearance='filled-outlined']) [part='base'] {
+  :host([appearance="filled-outlined"]) [part="base"] {
     background: var(--lr-color-brand-quiet);
   }
-  :host([appearance='accent']) [part='base'] {
+  :host([appearance="accent"]) [part="base"] {
     border-color: transparent;
     border-inline-start: var(--lr-size-3px) solid var(--lr-color-brand);
   }
-  :host([appearance='plain']) [part='base'] {
+  :host([appearance="plain"]) [part="base"] {
     border-color: transparent;
     background: transparent;
   }
-  :host([interactive]) [part='base'] {
+  :host([interactive]) [part="base"] {
     cursor: pointer;
     transition: border-color var(--lr-transition-fast);
   }
-  :host([interactive]) [part='base']:hover {
+  :host([interactive]) [part="base"]:hover {
     border-color: var(--lr-color-brand);
   }
-  :host([interactive]) [part='base']:focus-visible {
+  [part="activation-button"] {
+    position: absolute;
+    inset: 0;
+    z-index: var(--lr-layer-content);
+    min-inline-size: var(--lr-icon-button-size);
+    min-block-size: var(--lr-icon-button-size);
+    padding: 0;
+    border: 0;
+    border-radius: inherit;
+    background: transparent;
+    pointer-events: none;
+  }
+  [part="activation-button"]:focus-visible {
     outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color);
-    outline-offset: var(--lr-focus-ring-offset);
+    outline-offset: calc(var(--lr-focus-ring-offset) * -1);
   }
-  [part='media'][hidden],
-  [part='header'][hidden],
-  [part='footer'][hidden] {
+  [part="media"][hidden],
+  [part="header"][hidden],
+  [part="footer"][hidden] {
     display: none;
   }
-  [part='media'] ::slotted(*) {
+  [part="media"] ::slotted(*) {
     display: block;
     inline-size: 100%;
   }
-  [part='header'] {
+  [part="header"] {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
@@ -65,26 +78,26 @@ export const styles = css `
     padding: var(--lr-space-s) var(--lr-space-m);
     border-block-end: var(--lr-border-width-thin) solid var(--lr-color-border);
   }
-  ::slotted([slot='header']) {
+  ::slotted([slot="header"]) {
     flex: 1 1 auto;
     min-inline-size: 0;
     overflow-wrap: anywhere;
   }
-  [part='actions'] {
+  [part="actions"] {
     display: flex;
     align-items: center;
     gap: var(--lr-space-xs);
     flex: 0 0 auto;
     margin-inline-start: auto;
   }
-  [part='actions'][hidden] {
+  [part="actions"][hidden] {
     display: none;
   }
-  [part='body'] {
+  [part="body"] {
     padding: var(--lr-space-m);
     flex: 1 1 auto;
   }
-  [part='footer'] {
+  [part="footer"] {
     padding: var(--lr-space-s) var(--lr-space-m);
     border-block-start: var(--lr-border-width-thin) solid var(--lr-color-border);
   }

package/dist/components/layout/card/card.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/card/card.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyFxB,CAAC"}
+{"version":3,"file":"card.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/card/card.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsGxB,CAAC"}

package/dist/components/layout/carousel/carousel.class.d.ts

@@ -1,7 +1,7 @@
-import { type PropertyValues, type TemplateResult } from 'lit';
-import { LyraElement } from '../../../internal/lyra-element.js';
+import { type PropertyValues, type TemplateResult } from "lit";
+import { LyraElement } from "../../../internal/lyra-element.js";
 export interface LyraCarouselEventMap {
-    'lr-slide-change': CustomEvent<{
+    "lr-slide-change": CustomEvent<{
         index: number;
     }>;
 }
@@ -48,6 +48,7 @@ export declare class LyraCarousel extends LyraElement<LyraCarouselEventMap> {
     private timer?;
     private reduceMotion;
     private mediaQuery?;
+    private readonly slideSnapshots;
     connectedCallback(): void;
     disconnectedCallback(): void;
     protected willUpdate(changed: PropertyValues): void;
@@ -58,6 +59,9 @@ export declare class LyraCarousel extends LyraElement<LyraCarouselEventMap> {
      *  is the live slotted-slide count, not a static bound, so this re-clamps on every call rather
      *  than caching. */
     private normalizedIndex;
+    private restoreAttribute;
+    private restoreSlide;
+    private restoreSlides;
     private syncSlides;
     private changeTo;
     next: () => void;
@@ -71,7 +75,7 @@ export declare class LyraCarousel extends LyraElement<LyraCarouselEventMap> {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'lr-carousel': LyraCarousel;
+        "lr-carousel": LyraCarousel;
     }
 }
 //# sourceMappingURL=carousel.class.d.ts.map

package/dist/components/layout/carousel/carousel.class.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.class.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/carousel/carousel.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiD,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9G,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAoBhE,MAAM,WAAW,oBAAoB;IACnC,iBAAiB,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACnD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,qBAAa,YAAa,SAAQ,WAAW,CAAC,oBAAoB,CAAC;IACjE,OAAgB,MAAM,iCAAgC;IAEX,KAAK,SAAK;IACT,IAAI,UAAS;IACb,QAAQ,UAAS;IACD,gBAAgB,SAAQ;IACA,cAAc,UAAQ;IAC7D,eAAe,SAAM;IAC3B,OAAO,CAAC,mBAAmB,CAAuB;IAC1E,OAAO,CAAC,SAAS,CAAC,CAAkB;IAEnD,OAAO,CAAC,KAAK,CAAC,CAAS;IACvB,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,UAAU,CAAC,CAAiB;IAE3B,iBAAiB,IAAI,IAAI,CAMjC;IAEQ,oBAAoB,IAAI,IAAI,CAKpC;IAED,UAAmB,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAI3D;IAED,UAAmB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAGxD;IAED,OAAO,CAAC,wBAAwB,CAG9B;IAEF,OAAO,CAAC,MAAM;IAMd;;wBAEoB;IACpB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,UAAU,CAqBhB;IAEF,OAAO,CAAC,QAAQ;IAWhB,IAAI,QAAO,IAAI,CAAkC;IACjD,QAAQ,QAAO,IAAI,CAAkC;IACrD,IAAI,UAAW,MAAM,KAAG,IAAI,CAAyB;IAErD,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,YAAY,CAIlB;IAEF,OAAO,CAAC,iBAAiB,CAiBvB;IAEO,MAAM,IAAI,cAAc,CA+ChC;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,YAAY,CAAC;KAC7B;CACF"}
+{"version":3,"file":"carousel.class.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/carousel/carousel.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAehE,MAAM,WAAW,oBAAoB;IACnC,iBAAiB,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACnD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,qBAAa,YAAa,SAAQ,WAAW,CAAC,oBAAoB,CAAC;IACjE,OAAgB,MAAM,iCAAgC;IAEX,KAAK,SAAK;IACT,IAAI,UAAS;IACb,QAAQ,UAAS;IAE7D,gBAAgB,SAAQ;IAKxB,cAAc,UAAQ;IACuB,eAAe,SAAM;IAC3B,OAAO,CAAC,mBAAmB,CAElD;IACD,OAAO,CAAC,SAAS,CAAC,CAAkB;IAEnD,OAAO,CAAC,KAAK,CAAC,CAAS;IACvB,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,UAAU,CAAC,CAAiB;IACpC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAyC;IAE/D,iBAAiB,IAAI,IAAI,CASjC;IAEQ,oBAAoB,IAAI,IAAI,CASpC;IAED,UAAmB,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAI3D;IAED,UAAmB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAOxD;IAED,OAAO,CAAC,wBAAwB,CAG9B;IAEF,OAAO,CAAC,MAAM;IAMd;;wBAEoB;IACpB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,UAAU,CA8DhB;IAEF,OAAO,CAAC,QAAQ;IAWhB,IAAI,QAAO,IAAI,CAAkC;IACjD,QAAQ,QAAO,IAAI,CAAkC;IACrD,IAAI,UAAW,MAAM,KAAG,IAAI,CAAyB;IAErD,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,YAAY,CAIlB;IAEF,OAAO,CAAC,iBAAiB,CAiBvB;IAEO,MAAM,IAAI,cAAc,CAuEhC;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,YAAY,CAAC;KAC7B;CACF"}