@aceshooting/lyra-ui 6.2.0 → 7.0.0

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

@@ -1,4 +1,4 @@
-import { css } from 'lit';
+import { css } from "lit";
 export const styles = css `
   :host {
     display: block;
@@ -6,7 +6,7 @@ export const styles = css `
     max-inline-size: 100%;
   }
 
-  [part='base'] {
+  [part="base"] {
     display: grid;
     grid-template-columns: auto minmax(0, 1fr) auto;
     align-items: center;
@@ -14,7 +14,7 @@ export const styles = css `
     min-inline-size: 0;
   }
 
-  [part='viewport'] {
+  [part="viewport"] {
     min-inline-size: 0;
     overflow: auto;
     overscroll-behavior-inline: contain;
@@ -22,38 +22,38 @@ export const styles = css `
     scrollbar-width: auto;
   }
 
-  :host([hide-scrollbar]) [part='viewport'] {
+  :host([hide-scrollbar]) [part="viewport"] {
     scrollbar-width: none;
   }
 
-  :host([hide-scrollbar]) [part='viewport']::-webkit-scrollbar {
+  :host([hide-scrollbar]) [part="viewport"]::-webkit-scrollbar {
     display: none;
   }
 
-  [part='content'] {
+  [part="content"] {
     display: flex;
     gap: var(--lr-space-s);
     min-inline-size: max-content;
   }
 
-  :host([orientation='vertical']) [part='base'] {
+  :host([orientation="vertical"]) [part="base"] {
     grid-template-columns: minmax(0, 1fr);
     grid-template-rows: auto minmax(0, 1fr) auto;
     min-block-size: var(--lr-scroller-min-block-size, var(--lr-size-10rem));
   }
 
-  :host([orientation='vertical']) [part='viewport'],
-  :host([orientation='vertical']) [part='content'] {
+  :host([orientation="vertical"]) [part="viewport"],
+  :host([orientation="vertical"]) [part="content"] {
     block-size: 100%;
   }
 
-  :host([orientation='vertical']) [part='content'] {
+  :host([orientation="vertical"]) [part="content"] {
     flex-direction: column;
     min-block-size: max-content;
     min-inline-size: 100%;
   }
 
-  [part='control'] {
+  [part="control"] {
     /* Keep the glyph-sized control compact by default (--lr-scroller-control-size
        is a consumer-tunable custom property, not this floor) while still giving the
        interactive box the shared minimum target size -- same "small glyph, padded hit
@@ -73,47 +73,52 @@ export const styles = css `
     cursor: pointer;
   }
 
-  [part='control']:hover {
+  [part="control"]:hover {
     background: var(--lr-color-brand-quiet);
   }
 
+  [part="viewport"]:hover {
+    outline: var(--lr-border-width-thin) solid var(--lr-color-border);
+    outline-offset: var(--lr-focus-ring-offset);
+  }
+
   /* previous/next are the same rendered button as [part='control'] above (each
      button's part attribute carries both tokens, e.g. part="control previous", so
      this needs the token-matching ~= form, not =, to actually hit it) -- this
      restates the identical floor directly against each individual part name too,
      since a shadow-part guard lookup is per-name, not per-rendered-element. */
-  [part~='previous'],
-  [part~='next'] {
+  [part~="previous"],
+  [part~="next"] {
     min-inline-size: var(--lr-icon-button-size);
     min-block-size: var(--lr-icon-button-size);
   }
 
-  [part='control']:disabled {
+  [part="control"]:disabled {
     cursor: default;
     opacity: var(--lr-opacity-disabled);
   }
 
-  [part='control']:focus-visible,
-  [part='viewport']:focus-visible {
+  [part="control"]:focus-visible,
+  [part="viewport"]:focus-visible {
     outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color);
     outline-offset: var(--lr-focus-ring-offset);
   }
 
-  :host(:dir(rtl)) [part='previous-glyph'],
-  :host(:dir(rtl)) [part='next-glyph'] {
+  :host(:dir(rtl)) [part="previous-glyph"],
+  :host(:dir(rtl)) [part="next-glyph"] {
     transform: scaleX(-1);
   }
 
-  :host([orientation='vertical']) [part='previous'] {
+  :host([orientation="vertical"]) [part="previous"] {
     grid-row: 1;
   }
 
-  :host([orientation='vertical']) [part='next'] {
+  :host([orientation="vertical"]) [part="next"] {
     grid-row: 3;
   }
 
   @media (prefers-reduced-motion: reduce) {
-    [part='viewport'] {
+    [part="viewport"] {
       scroll-behavior: auto;
     }
   }

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

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

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

@@ -1,5 +1,5 @@
-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 SegmentedItem {
     value: string;
     label: string;
@@ -9,9 +9,9 @@ export interface SegmentedItem {
     icon?: unknown;
     disabled?: boolean;
 }
-export type LyraSegmentedSize = '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl';
+export type LyraSegmentedSize = "2xs" | "xs" | "s" | "m" | "l" | "xl";
 export interface LyraSegmentedEventMap {
-    'lr-change': CustomEvent<{
+    "lr-change": CustomEvent<{
         value: string;
     }>;
 }
@@ -62,6 +62,9 @@ export interface LyraSegmentedEventMap {
  *   segment's padding. Re-set per `size`; this default applies at the unset/`m` size.
  * @cssprop [--lr-segmented-font-size=var(--lr-font-size-sm)] - Each segment's font size. Re-set per
  *   `size`; this default applies at the unset/`m` size.
+ * @cssprop [--lr-segmented-track-gap=var(--lr-size-0-125rem)] - Gap between segments.
+ * @cssprop [--lr-segmented-track-radius=var(--lr-radius)] - Track corner radius.
+ * @cssprop [--lr-segmented-track-padding=var(--lr-size-0-125rem)] - Track inset padding.
  */
 export declare class LyraSegmented extends LyraElement<LyraSegmentedEventMap> {
     static styles: import("lit").CSSResultGroup[];
@@ -80,19 +83,21 @@ export declare class LyraSegmented extends LyraElement<LyraSegmentedEventMap> {
      *  identical to this component's pre-`size` rendering, so leaving it unset never changes
      *  output. */
     size: LyraSegmentedSize;
+    private selectedItem?;
     private select;
-    private segmentButton;
+    private segmentButtonAt;
     private focusItem;
     /** Scroll the segment with the given `value` into view within the (possibly overflowing) track.
      *  Public so a consumer can reveal a segment without selecting it. */
     scrollToValue(value: string): void;
     protected updated(changed: PropertyValues): void;
+    protected willUpdate(changed: PropertyValues): void;
     private onKeyDown;
     render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'lr-segmented': LyraSegmented;
+        "lr-segmented": LyraSegmented;
     }
 }
 //# sourceMappingURL=segmented.class.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"segmented.class.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/segmented/segmented.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAKhE,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd;;qCAEiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAEtE,MAAM,WAAW,qBAAqB;IACpC,WAAW,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC7C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,qBAAa,aAAc,SAAQ,WAAW,CAAC,qBAAqB,CAAC;IACnE,OAAgB,MAAM,iCAAgC;IAEtD,8BAA8B;IACE,KAAK,EAAE,aAAa,EAAE,CAAM;IAE5D,6CAA6C;IACjC,KAAK,SAAM;IAEvB;;;;yCAIqC;IACzB,KAAK,SAAM;IAEvB;;;kBAGc;IACe,IAAI,EAAE,iBAAiB,CAAO;IAE3D,OAAO,CAAC,MAAM;IAMd,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,SAAS;IAMjB;0EACsE;IACtE,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAMjC;IAED,UAAmB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAQxD;IAED,OAAO,CAAC,SAAS,CA6Bf;IAEO,MAAM,IAAI,cAAc,CA4BhC;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,aAAa,CAAC;KAC/B;CACF"}
+{"version":3,"file":"segmented.class.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/segmented/segmented.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAKhE,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd;;qCAEiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAEtE,MAAM,WAAW,qBAAqB;IACpC,WAAW,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC7C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,qBAAa,aAAc,SAAQ,WAAW,CAAC,qBAAqB,CAAC;IACnE,OAAgB,MAAM,iCAAgC;IAEtD,8BAA8B;IACE,KAAK,EAAE,aAAa,EAAE,CAAM;IAE5D,6CAA6C;IACjC,KAAK,SAAM;IAEvB;;;;yCAIqC;IACzB,KAAK,SAAM;IAEvB;;;kBAGc;IACe,IAAI,EAAE,iBAAiB,CAAO;IAElD,OAAO,CAAC,YAAY,CAAC,CAAgB;IAE9C,OAAO,CAAC,MAAM;IAUd,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,SAAS;IAMjB;0EACsE;IACtE,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAOjC;IAED,UAAmB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAYxD;IAED,UAAmB,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAY3D;IAED,OAAO,CAAC,SAAS,CA+Cf;IAEO,MAAM,IAAI,cAAc,CAiDhC;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,aAAa,CAAC;KAC/B;CACF"}

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

@@ -4,13 +4,13 @@ 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 } from 'lit/decorators.js';
-import { repeat } from 'lit/directives/repeat.js';
-import { LyraElement } from '../../../internal/lyra-element.js';
-import { isRtl } from '../../../internal/rtl.js';
-import { prefersReducedMotion } from '../../../internal/motion.js';
-import { styles } from './segmented.styles.js';
+import { html, nothing } from "lit";
+import { property, state } from "lit/decorators.js";
+import { repeat } from "lit/directives/repeat.js";
+import { LyraElement } from "../../../internal/lyra-element.js";
+import { isRtl } from "../../../internal/rtl.js";
+import { prefersReducedMotion } from "../../../internal/motion.js";
+import { styles } from "./segmented.styles.js";
 /**
  * `<lr-segmented>` — a single-select button row with the WAI-ARIA APG `radiogroup` contract
  * built in: `role="radiogroup"`/`role="radio"`, roving tabindex, automatic activation (click or
@@ -58,6 +58,9 @@ import { styles } from './segmented.styles.js';
  *   segment's padding. Re-set per `size`; this default applies at the unset/`m` size.
  * @cssprop [--lr-segmented-font-size=var(--lr-font-size-sm)] - Each segment's font size. Re-set per
  *   `size`; this default applies at the unset/`m` size.
+ * @cssprop [--lr-segmented-track-gap=var(--lr-size-0-125rem)] - Gap between segments.
+ * @cssprop [--lr-segmented-track-radius=var(--lr-radius)] - Track corner radius.
+ * @cssprop [--lr-segmented-track-padding=var(--lr-size-0-125rem)] - Track inset padding.
  */
 export class LyraSegmented extends LyraElement {
     constructor() {
@@ -65,38 +68,50 @@ export class LyraSegmented extends LyraElement {
         /** The button row's items. */
         this.items = [];
         /** The currently selected item's `value`. */
-        this.value = '';
+        this.value = "";
         /** Accessible name for the radiogroup, used when no visible label context
          *  exists around it (e.g. no wrapping `<label>` or adjacent heading). Set
          *  as `aria-label` on the `role="radiogroup"` element. A plain `aria-label`
          *  attribute on the host itself is honored as a fallback when this is left
          *  unset, matching `<lr-slider>`. */
-        this.label = '';
+        this.label = "";
         /** Visual size — same `2xs`-`xl` scale as `<lr-select>`/`<lr-combobox>` (`s` through `xl`)
          *  and `<lr-input>` (`2xs`). Reflects as the `size` attribute. The default `m` tier is
          *  identical to this component's pre-`size` rendering, so leaving it unset never changes
          *  output. */
-        this.size = 'm';
+        this.size = "m";
         this.onKeyDown = (e) => {
-            const navigable = this.items.filter((i) => !i.disabled);
+            const navigable = this.items
+                .map((item, index) => ({ item, index }))
+                .filter(({ item }) => !item.disabled);
             if (navigable.length === 0)
                 return;
-            const currentIndex = navigable.findIndex((i) => i.value === this.value);
+            const focusedIndex = Number(this.renderRoot.activeElement
+                ?.dataset["index"]);
+            const selectedIndex = this.items.indexOf(this.selectedItem);
+            const currentIndex = selectedIndex < 0
+                ? -1
+                : navigable.findIndex(({ index }) => index ===
+                    (Number.isInteger(focusedIndex) ? focusedIndex : selectedIndex));
             const rtl = isRtl(this);
-            const forwardKey = rtl ? 'ArrowLeft' : 'ArrowRight';
-            const backwardKey = rtl ? 'ArrowRight' : 'ArrowLeft';
+            const forwardKey = rtl ? "ArrowLeft" : "ArrowRight";
+            const backwardKey = rtl ? "ArrowRight" : "ArrowLeft";
             let targetIndex;
             switch (e.key) {
                 case forwardKey:
-                    targetIndex = currentIndex < 0 ? 0 : (currentIndex + 1) % navigable.length;
+                    targetIndex =
+                        currentIndex < 0 ? 0 : (currentIndex + 1) % navigable.length;
                     break;
                 case backwardKey:
-                    targetIndex = currentIndex < 0 ? navigable.length - 1 : (currentIndex - 1 + navigable.length) % navigable.length;
+                    targetIndex =
+                        currentIndex < 0
+                            ? navigable.length - 1
+                            : (currentIndex - 1 + navigable.length) % navigable.length;
                     break;
-                case 'Home':
+                case "Home":
                     targetIndex = 0;
                     break;
-                case 'End':
+                case "End":
                     targetIndex = navigable.length - 1;
                     break;
                 default:
@@ -104,32 +119,37 @@ export class LyraSegmented extends LyraElement {
             }
             e.preventDefault();
             const target = navigable[targetIndex];
-            this.select(target);
-            this.focusItem(target.value);
+            this.select(target.item);
+            this.focusItem(target.index);
         };
     }
     static { this.styles = [LyraElement.styles, styles]; }
     select(item) {
-        if (item.disabled || item.value === this.value)
+        if (item.disabled || item === this.selectedItem)
             return;
-        this.value = item.value;
-        this.emit('lr-change', { value: item.value });
+        const valueChanged = item.value !== this.value;
+        this.selectedItem = item;
+        if (valueChanged) {
+            this.value = item.value;
+            this.emit("lr-change", { value: item.value });
+        }
     }
-    segmentButton(value) {
-        return this.renderRoot.querySelector(`[part="segment"][data-value="${CSS.escape(value)}"]`);
+    segmentButtonAt(index) {
+        return this.renderRoot.querySelector(`[part="segment"][data-index="${index}"]`);
     }
-    focusItem(value) {
+    focusItem(index) {
         // Keyboard nav already reveals the focused segment implicitly (native focus() scrolls it into
         // view). scrollToValue below closes the equivalent gap for programmatic `value` changes.
-        this.segmentButton(value)?.focus();
+        this.segmentButtonAt(index)?.focus();
     }
     /** Scroll the segment with the given `value` into view within the (possibly overflowing) track.
      *  Public so a consumer can reveal a segment without selecting it. */
     scrollToValue(value) {
-        this.segmentButton(value)?.scrollIntoView({
-            block: 'nearest',
-            inline: 'nearest',
-            behavior: prefersReducedMotion() ? 'auto' : 'smooth',
+        const index = this.items.findIndex((item) => item.value === value);
+        this.segmentButtonAt(index)?.scrollIntoView({
+            block: "nearest",
+            inline: "nearest",
+            behavior: prefersReducedMotion() ? "auto" : "smooth",
         });
     }
     updated(changed) {
@@ -137,32 +157,60 @@ export class LyraSegmented extends LyraElement {
         // Reveal a programmatically-changed selection. Guard the first render so an initial mount
         // never scrolls an ancestor page to the selected segment. Keyboard-driven changes already
         // reveal via focusItem()'s focus(), and re-scrolling there is harmless/idempotent.
-        if (changed.has('value') && changed.get('value') !== undefined && this.value) {
+        if (changed.has("value") &&
+            changed.get("value") !== undefined &&
+            this.value) {
             this.scrollToValue(this.value);
         }
     }
+    willUpdate(changed) {
+        if (changed.has("value") ||
+            (changed.has("items") &&
+                (!this.selectedItem ||
+                    !this.items.includes(this.selectedItem) ||
+                    this.selectedItem.value !== this.value))) {
+            this.selectedItem = this.items.find((item) => item.value === this.value && !item.disabled);
+        }
+    }
     render() {
-        const ariaLabel = this.label || this.getAttribute('aria-label') || nothing;
+        const ariaLabel = this.label || this.getAttribute("aria-label") || nothing;
         // WAI-ARIA APG radiogroup: exactly one non-disabled radio is ever tabbable.
         // That's normally the checked item, but a fresh/cleared radiogroup has no
         // checked item at all -- falling back to `item.value === this.value` alone
         // would then match nothing and drop every button out of the tab order, so
         // fall back to the first non-disabled item when nothing is selected (or the
         // selected value doesn't match a current, non-disabled item).
-        const selectedIndex = this.items.findIndex((item) => item.value === this.value && !item.disabled);
-        const tabbableIndex = selectedIndex !== -1 ? selectedIndex : this.items.findIndex((item) => !item.disabled);
+        const selectedIndex = this.items.indexOf(this.selectedItem);
+        const fallbackSelectedIndex = selectedIndex >= 0
+            ? selectedIndex
+            : this.items.findIndex((item) => item.value === this.value && !item.disabled);
+        const tabbableIndex = fallbackSelectedIndex !== -1
+            ? fallbackSelectedIndex
+            : this.items.findIndex((item) => !item.disabled);
         return html `
-      <div part="base" role="radiogroup" aria-label=${ariaLabel} @keydown=${this.onKeyDown}>
-        ${repeat(this.items, (item) => item.value, (item, index) => html `<button
+      <div
+        part="base"
+        role="radiogroup"
+        aria-label=${ariaLabel}
+        @keydown=${this.onKeyDown}
+      >
+        ${repeat(this.items, (item, index) => `${item.value}\u0000${index}`, (item, index) => html `<button
             type="button"
             part="segment"
             data-value=${item.value}
+            data-index=${index}
             role="radio"
-            aria-checked=${item.value === this.value ? 'true' : 'false'}
-            aria-disabled=${item.disabled ? 'true' : 'false'}
-            tabindex=${index === tabbableIndex ? '0' : '-1'}
+            aria-checked=${index === fallbackSelectedIndex ? "true" : "false"}
+            aria-disabled=${item.disabled ? "true" : "false"}
+            tabindex=${index === tabbableIndex ? "0" : "-1"}
             @click=${() => this.select(item)}
-          >${item.icon ? html `<span part="segment-icon" aria-hidden="true">${item.icon}</span>` : nothing}<span part="segment-label">${item.label}</span></button>`)}
+          >
+            ${item.icon
+            ? html `<span part="segment-icon" aria-hidden="true"
+                  >${item.icon}</span
+                >`
+            : nothing}<span part="segment-label">${item.label}</span>
+          </button>`)}
       </div>
     `;
     }
@@ -179,4 +227,7 @@ __decorate([
 __decorate([
     property({ reflect: true })
 ], LyraSegmented.prototype, "size", void 0);
+__decorate([
+    state()
+], LyraSegmented.prototype, "selectedItem", void 0);
 //# sourceMappingURL=segmented.class.js.map

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { css } from 'lit';
+import { css } from "lit";
 export const styles = css `
   :host {
     display: inline-flex;
@@ -15,32 +15,32 @@ export const styles = css `
     --lr-segmented-segment-padding: var(--lr-size-0-125rem) var(--lr-space-s);
     --lr-segmented-font-size: var(--lr-font-size-sm);
   }
-  :host([size='2xs']) {
+  :host([size="2xs"]) {
     --lr-segmented-track-min-height: var(--lr-size-1-25rem);
     --lr-segmented-segment-padding: var(--lr-size-0-0625rem) var(--lr-space-2xs);
     --lr-segmented-font-size: var(--lr-font-size-2xs);
   }
-  :host([size='xs']) {
+  :host([size="xs"]) {
     --lr-segmented-track-min-height: var(--lr-size-1-5rem);
     --lr-segmented-segment-padding: var(--lr-size-0-125rem) var(--lr-space-xs);
     --lr-segmented-font-size: var(--lr-font-size-xs);
   }
-  :host([size='s']) {
+  :host([size="s"]) {
     --lr-segmented-track-min-height: var(--lr-size-1-875rem);
     --lr-segmented-segment-padding: var(--lr-size-0-125rem) var(--lr-space-xs);
     --lr-segmented-font-size: var(--lr-font-size-sm);
   }
-  :host([size='l']) {
+  :host([size="l"]) {
     --lr-segmented-track-min-height: var(--lr-size-3rem);
     --lr-segmented-segment-padding: var(--lr-space-s) var(--lr-space-m);
     --lr-segmented-font-size: var(--lr-font-size-lg);
   }
-  :host([size='xl']) {
+  :host([size="xl"]) {
     --lr-segmented-track-min-height: var(--lr-size-3-5rem);
     --lr-segmented-segment-padding: var(--lr-space-m) var(--lr-space-l);
     --lr-segmented-font-size: var(--lr-font-size-xl);
   }
-  [part='base'] {
+  [part="base"] {
     display: inline-flex;
     flex-wrap: nowrap;
     overflow-x: auto;
@@ -50,13 +50,16 @@ export const styles = css `
        only works as an undeclared sentinel, so the fallback arm below can fall through to the
        per-size --lr-segmented-track-min-height floor. Declaring it as "auto" on :host would be a
        valid value that always wins, silently making the per-size floor dead code. */
-    min-block-size: var(--lr-segmented-track-height, var(--lr-segmented-track-min-height));
+    min-block-size: var(
+      --lr-segmented-track-height,
+      var(--lr-segmented-track-min-height)
+    );
     block-size: var(--lr-segmented-track-height, auto);
     box-sizing: border-box;
     border: var(--lr-border-width-thin) solid var(--lr-color-border);
-    border-radius: var(--lr-radius);
-    padding: var(--lr-size-0-125rem);
-    gap: var(--lr-size-0-125rem);
+    border-radius: var(--lr-segmented-track-radius, var(--lr-radius));
+    padding: var(--lr-segmented-track-padding, var(--lr-size-0-125rem));
+    gap: var(--lr-segmented-track-gap, var(--lr-size-0-125rem));
     /* This is intentionally static: the edge fade is a low-cost affordance for an overflowing
        row and does not need scroll-position JavaScript or observers. */
     -webkit-mask-image: linear-gradient(
@@ -74,7 +77,7 @@ export const styles = css `
       transparent
     );
   }
-  [part='segment'] {
+  [part="segment"] {
     min-inline-size: 0;
     border: none;
     border-radius: calc(var(--lr-radius) * 0.7);
@@ -85,14 +88,14 @@ export const styles = css `
     padding: var(--lr-segmented-segment-padding);
     cursor: pointer;
   }
-  [part='segment-icon'] {
+  [part="segment-icon"] {
     display: inline-flex;
     align-items: center;
     margin-inline-end: var(--lr-space-xs);
     block-size: var(--lr-size-1em);
     max-inline-size: var(--lr-size-2-5rem);
   }
-  [part='segment'][aria-disabled='true'] {
+  [part="segment"][aria-disabled="true"] {
     opacity: var(--lr-opacity-disabled);
     cursor: not-allowed;
   }
@@ -102,10 +105,12 @@ export const styles = css `
      -- (0,1,0) total, functionally identical selection to the unwrapped shape but now losing (on
      the pseudo-element tiebreak) to a consumer's own ::part(segment):hover override ((0,1,1))
      without that consumer needing !important -- mirrors lr-attachment-trigger's identical fix. */
-  :where([part='segment']):hover:where(:not([aria-disabled='true']):not([aria-checked='true'])) {
+  :where([part="segment"]):hover:where(
+      :not([aria-disabled="true"]):not([aria-checked="true"])
+    ) {
     color: var(--lr-segmented-hover-color, var(--lr-color-text));
   }
-  [part='segment']:focus-visible {
+  [part="segment"]:focus-visible {
     outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color);
     outline-offset: var(--lr-focus-ring-offset);
   }
@@ -113,10 +118,13 @@ export const styles = css `
      :host is re-declared per size tier, which would shadow any value a consumer sets on an
      ancestor -- exactly what these hooks exist to allow. Unset, each falls back to the token the
      rule used before the hooks existed, so the rendering is unchanged. */
-  [part='segment'][aria-checked='true'] {
+  [part="segment"][aria-checked="true"] {
     background: var(--lr-segmented-selected-bg, var(--lr-color-surface));
     color: var(--lr-segmented-selected-color, var(--lr-color-text));
-    font-weight: var(--lr-segmented-selected-font-weight, var(--lr-font-weight-semibold));
+    font-weight: var(
+      --lr-segmented-selected-font-weight,
+      var(--lr-font-weight-semibold)
+    );
     box-shadow: var(--lr-segmented-selected-shadow, var(--lr-shadow));
   }
 `;

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

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