@brightspot/ui 1.0.1-wc.4 → 1.2.0

package/dist/tailwind.config.ts

@@ -11,11 +11,15 @@ export default {
   ],
   content: [],
   safelist: [
+    // Lucide icon mask classes
+    {
+      pattern: /btu-icon-via-mask-.+/,
+    },
     // BTU component classes with dynamic color, size, and numbered variants
-    // Matches: btu-button-primary, btu-badge-lg, btu-icon-error, btu-heading-2xl, etc.
+    // Matches: btu-button-primary, btu-badge-lg, btu-icon-error, btu-heading-2xl, btu-avatar-md, etc.
     {
       pattern:
-        /btu-.*?-(ai|black|white|primary|teal|gray|purple|rose|error|warning|success|xs|sm|md|lg|xl|2xl|1|2|3|4|5|6)/,
+        /btu-.*?-(ai|black|white|primary|teal|gray|purple|rose|error|warning|success|xs|sm|md|lg|xl|xxl|2xl|1|2|3|4|5|6)/,
     },
     // Padding and margin classes for all directions and values 0-8 (including decimals)
     // Matches: p-0, px-2, py-6, pt-4, pb-8, pl-1, pr-3, ps-5, pe-7, m-0, mx-2, p-1.5, mx-2.5, etc.
@@ -403,6 +407,8 @@ export default {
         'sortable-added': `${theme('transitionDuration.1000')} forwards scale-up ease-in-out`,
         'sortable-added-bg': `${theme('transitionDuration.1000')} forwards bg-color-change ease-in-out`,
         'sortable-drag': `${theme('transitionDuration.250')} forwards scale-down`,
+        'circular-progress-rotate': 'circular-progress-rotate 1.6s linear infinite',
+        'circular-progress-dash': 'circular-progress-dash 1s infinite ease-in-out both',
       }),
       animationDuration: {
         DEFAULT: '0.33s',
@@ -575,6 +581,25 @@ export default {
         'slide-fade-scroll': {
           from: { opacity: '0', transform: 'translateY(4dvh)' },
         },
+        'circular-progress-rotate': {
+          '100%': {
+            transform: 'rotate(360deg)',
+          },
+        },
+        'circular-progress-dash': {
+          '0%': {
+            strokeDasharray: '1, 200',
+            strokeDashoffset: '0',
+          },
+          '50%': {
+            strokeDasharray: '89, 200',
+            strokeDashoffset: '-35',
+          },
+          '100%': {
+            strokeDasharray: '89, 200',
+            strokeDashoffset: '-124',
+          },
+        },
       }),
       spacing: {
         xs: 'var(--gap-xs)',

package/dist/{utils → util}/EventEmitterMixin.d.ts

@@ -5,22 +5,28 @@ type UnpackCustomEvent<T> = T extends CustomEvent<infer U> ? U : never;
  * Map of custom events emitted by Brightspot UI components.
  * All events use CustomEvent and bubble through the DOM with composed: true.
  */
-interface CustomEventMap {
-    'btu-brightspot-element-connected': CustomEvent<unknown>;
-    'btu-brightspot-element-disconnected': CustomEvent<unknown>;
-    'btu-brightspot-element-error': CustomEvent<{
+export interface CustomEventMap {
+    'btu-element-connected': CustomEvent<unknown>;
+    'btu-element-disconnected': CustomEvent<unknown>;
+    'btu-element-error': CustomEvent<{
         error: Error;
     }>;
-    'btu-cig-cluster-ready': CustomEvent<unknown>;
-    'btu-copy-to-clipboard-copied': CustomEvent<unknown>;
-    'btu-dialog-closed': CustomEvent<unknown>;
-    'btu-dialog-ready': CustomEvent<unknown>;
-    'btu-eig-ready': CustomEvent<unknown>;
-    'btu-input-password-hide': CustomEvent<unknown>;
-    'btu-input-password-show': CustomEvent<unknown>;
-    'btu-table-checked-all': CustomEvent<unknown>;
-    'btu-widget-ready': CustomEvent<unknown>;
-    'btu-widget-toggle': CustomEvent<unknown>;
+    'btu-badge-ready': CustomEvent<unknown>;
+    'btu-progress-ready': CustomEvent<unknown>;
+    'btu-progress-complete': CustomEvent<unknown>;
+    'btu-avatar-ready': CustomEvent<unknown>;
+    'btu-avatar-image-loaded': CustomEvent<{
+        src: string;
+    }>;
+    'btu-avatar-image-error': CustomEvent<{
+        src: string;
+        error: Event;
+    }>;
+    'btu-avatar-group-ready': CustomEvent<unknown>;
+    'btu-avatar-group-overflow': CustomEvent<{
+        hidden: number;
+    }>;
+    'btu-icon-ready': CustomEvent<unknown>;
 }
 interface CombinedEventMap extends HTMLElementEventMap, CustomEventMap {
 }
@@ -42,9 +48,9 @@ export declare class EventEmitterMixinInterface {
  *
  * @mixin
  *
- * @fires {CustomEvent} btu-brightspot-element-connected - Fired when element connects to DOM
- * @fires {CustomEvent} btu-brightspot-element-disconnected - Fired when element disconnects from DOM
- * @fires {CustomEvent<{error: Error}>} btu-brightspot-element-error - Fired on connection error
+ * @fires {CustomEvent} btu-element-connected - Fired when element connects to DOM
+ * @fires {CustomEvent} btu-element-disconnected - Fired when element disconnects from DOM
+ * @fires {CustomEvent<{error: Error}>} btu-element-error - Fired on connection error
  *
  * @example
  * ```typescript

package/dist/util/EventEmitterMixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventEmitterMixin.d.ts","sourceRoot":"","sources":["../../src/util/EventEmitterMixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAEhC,KAAK,WAAW,CAAC,CAAC,GAAG,MAAM,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAA;AACxD,KAAK,iBAAiB,CAAC,CAAC,IAAI,CAAC,SAAS,WAAW,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAEtE;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,uBAAuB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC7C,0BAA0B,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAChD,mBAAmB,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC,CAAA;IAClD,iBAAiB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IACvC,oBAAoB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC1C,uBAAuB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC7C,kBAAkB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IACxC,yBAAyB,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACvD,wBAAwB,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC,CAAA;IACpE,wBAAwB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC9C,2BAA2B,EAAE,WAAW,CAAC;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC5D,gBAAgB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CACvC;AAED,UAAU,gBAAiB,SAAQ,mBAAmB,EAAE,cAAc;CAAG;AAEzE;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,0BAA0B;IAC7C,IAAI,EAAE,CAAC,CAAC,SAAS,MAAM,cAAc,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IACtG,gBAAgB,CAAC,CAAC,SAAS,MAAM,gBAAgB,EAC/C,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,EAC9D,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI;IACP,mBAAmB,CAAC,CAAC,SAAS,MAAM,gBAAgB,EAClD,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,EAC9D,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,GACvC,IAAI;CACR;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EAAE,YAAY,CAAC,KAqD/C,WAAW,CAAC,0BAA0B,CAAC,GAAG,CAC5E,CAAA"}

package/dist/{utils → util}/EventEmitterMixin.js

@@ -8,9 +8,9 @@ import { LitElement } from 'lit';
  *
  * @mixin
  *
- * @fires {CustomEvent} btu-brightspot-element-connected - Fired when element connects to DOM
- * @fires {CustomEvent} btu-brightspot-element-disconnected - Fired when element disconnects from DOM
- * @fires {CustomEvent<{error: Error}>} btu-brightspot-element-error - Fired on connection error
+ * @fires {CustomEvent} btu-element-connected - Fired when element connects to DOM
+ * @fires {CustomEvent} btu-element-disconnected - Fired when element disconnects from DOM
+ * @fires {CustomEvent<{error: Error}>} btu-element-error - Fired on connection error
  *
  * @example
  * ```typescript
@@ -27,21 +27,21 @@ export const EventEmitterMixin = (superClass) => {
     class EventEmitterMixinClass extends superClass {
         /**
          * Lifecycle callback fired when element is connected to the DOM.
-         * Emits btu-brightspot-element-connected or btu-brightspot-element-error.
+         * Emits btu-element-connected or btu-element-error.
          * @internal
          */
         connectedCallback() {
             super.connectedCallback();
-            Promise.resolve().then(() => this.emit('btu-brightspot-element-connected', {}), error => this.emit('btu-brightspot-element-error', { error }));
+            Promise.resolve().then(() => this.emit('btu-element-connected', {}), error => this.emit('btu-element-error', { error }));
         }
         /**
          * Lifecycle callback fired when element is disconnected from the DOM.
-         * Emits btu-brightspot-element-disconnected.
+         * Emits btu-element-disconnected.
          * @internal
          */
         disconnectedCallback() {
             super.disconnectedCallback();
-            this.emit('btu-brightspot-element-disconnected');
+            this.emit('btu-element-disconnected');
         }
         /**
          * Dispatches a type-safe CustomEvent with standardized configuration.

package/dist/util/EventEmitterMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventEmitterMixin.js","sourceRoot":"","sources":["../../src/util/EventEmitterMixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AA4ChC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAoC,UAAa,EAAE,EAAE;IACpF,MAAM,sBAAuB,SAAQ,UAAU;QAC7C;;;;WAIG;QACH,iBAAiB;YACf,KAAK,CAAC,iBAAiB,EAAE,CAAA;YACzB,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CACpB,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE,EAAE,CAAC,EAC5C,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE,EAAE,KAAK,EAAE,CAAC,CACnD,CAAA;QACH,CAAC;QAED;;;;WAIG;QACH,oBAAoB;YAClB,KAAK,CAAC,oBAAoB,EAAE,CAAA;YAC5B,IAAI,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAA;QACvC,CAAC;QAED;;;;;;;;;;;;;;;;WAgBG;QACH,IAAI,CAAiC,IAAO,EAAE,MAA6C;YACzF,OAAO,IAAI,CAAC,aAAa,CACvB,IAAI,WAAW,CAAC,IAAI,EAAE;gBACpB,OAAO,EAAE,IAAI;gBACb,UAAU,EAAE,KAAK;gBACjB,QAAQ,EAAE,IAAI;gBACd,MAAM;aACP,CAAC,CACH,CAAA;QACH,CAAC;KACF;IACD,OAAO,sBAAqE,CAAA;AAC9E,CAAC,CAAA"}

package/dist/util/ProgressMixin.d.ts

@@ -0,0 +1,52 @@
+import type { LitElement } from 'lit';
+import type { ThemeColors } from '../tailwind-plugin-theme';
+/**
+ * Progress indicator colors (excludes 'ai' gradient)
+ */
+export type ProgressColors = Exclude<ThemeColors, 'ai'>;
+/**
+ * Interface for components using ProgressMixin.
+ * Provides common progress indicator properties and methods.
+ */
+export interface ProgressMixinInterface {
+    color: ProgressColors;
+    thickness?: number;
+    progress: number;
+    label?: string;
+    initialAnimation: boolean;
+    ariaLabel: string | null;
+    ariaLabelledBy: string | null;
+    ariaValueText: string | null;
+    completionAnnouncement?: string;
+    _getProgressColorValue(): string;
+    _getAnimatedProgress(): number;
+    _setupInitialAnimation(): void;
+    _cleanupInitialAnimation(): void;
+    _trackCompletion(): void;
+}
+type Constructor<T = {}> = new (...args: any[]) => T;
+/**
+ * Mixin that adds common progress indicator properties.
+ * Used by progress components like CircularProgress and LinearProgress.
+ *
+ * @mixin
+ *
+ * @param Base - The base class to extend
+ * @returns Extended class with progress properties
+ *
+ * @fires {CustomEvent} btu-progress-ready - Fired after first render and initialization
+ * @fires {CustomEvent} btu-progress-complete - Fired when progress reaches 100
+ *
+ * @cssprop --progress-color - Progress indicator color (overrides theme color)
+ * @cssprop --track-color - Track/background color (overrides default gray-100)
+ *
+ * @example
+ * ```typescript
+ * class MyProgress extends ProgressMixin(LitElement) {
+ *   // Component now has color, size, thickness, and progress properties
+ * }
+ * ```
+ */
+export declare const ProgressMixin: <T extends Constructor<LitElement>>(Base: T) => Constructor<ProgressMixinInterface> & T;
+export {};
+//# sourceMappingURL=ProgressMixin.d.ts.map

package/dist/util/ProgressMixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressMixin.d.ts","sourceRoot":"","sources":["../../src/util/ProgressMixin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAErC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAI3D;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA;AAEvD;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,cAAc,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,EAAE,OAAO,CAAA;IACzB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,sBAAsB,IAAI,MAAM,CAAA;IAChC,oBAAoB,IAAI,MAAM,CAAA;IAC9B,sBAAsB,IAAI,IAAI,CAAA;IAC9B,wBAAwB,IAAI,IAAI,CAAA;IAChC,gBAAgB,IAAI,IAAI,CAAA;CACzB;AAED,KAAK,WAAW,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAA;AAEpD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,KAkLzC,WAAW,CAAC,sBAAsB,CAAC,GAAG,CACpE,CAAA"}

package/dist/util/ProgressMixin.js

@@ -0,0 +1,190 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 { property } from 'lit/decorators.js';
+import { announce } from '../util/aria';
+/**
+ * Mixin that adds common progress indicator properties.
+ * Used by progress components like CircularProgress and LinearProgress.
+ *
+ * @mixin
+ *
+ * @param Base - The base class to extend
+ * @returns Extended class with progress properties
+ *
+ * @fires {CustomEvent} btu-progress-ready - Fired after first render and initialization
+ * @fires {CustomEvent} btu-progress-complete - Fired when progress reaches 100
+ *
+ * @cssprop --progress-color - Progress indicator color (overrides theme color)
+ * @cssprop --track-color - Track/background color (overrides default gray-100)
+ *
+ * @example
+ * ```typescript
+ * class MyProgress extends ProgressMixin(LitElement) {
+ *   // Component now has color, size, thickness, and progress properties
+ * }
+ * ```
+ */
+export const ProgressMixin = (Base) => {
+    class ProgressMixinClass extends Base {
+        constructor() {
+            super(...arguments);
+            /**
+             * Color theme of the progress indicator.
+             * Supports: black, white, primary, teal, gray, purple, rose, error, warning, success
+             * @attr
+             */
+            this.color = 'primary';
+            /**
+             * Progress value for determinate variant.
+             * Value between 0 and 100.
+             * @attr
+             */
+            this._progress = 0;
+            /**
+             * Whether to animate progress from 0 to target value when component first becomes visible.
+             * @attr initial-animation
+             */
+            this.initialAnimation = true;
+            /**
+             * Optional aria-label attribute for screen readers.
+             * Describes what the progress indicator represents.
+             * @attr aria-label
+             */
+            this.ariaLabel = null;
+            /**
+             * Optional aria-labelledby attribute for screen readers.
+             * References the ID of an element that labels the progress indicator.
+             * @attr aria-labelledby
+             */
+            this.ariaLabelledBy = null;
+            /**
+             * Optional aria-valuetext attribute for screen readers.
+             * Provides human-readable text alternative for progress value.
+             * @attr aria-valuetext
+             */
+            this.ariaValueText = null;
+            this._isAnimationInitialized = false;
+            this._hasCompletedAt100 = false;
+        }
+        get progress() {
+            return this._progress;
+        }
+        set progress(value) {
+            const numValue = isNaN(value) ? 0 : value;
+            this._progress = Math.min(Math.max(numValue, 0), 100);
+        }
+        /**
+         * Get the color value with --progress-color custom property override support.
+         * Returns a CSS color string that checks for custom property first, then falls back to theme color.
+         */
+        _getProgressColorValue() {
+            // Handle special colors (white, black)
+            if (this.color === 'white' || this.color === 'black') {
+                return `var(--progress-color, var(--btu-theme-${this.color}))`;
+            }
+            // Standard theme colors use -600 variant
+            return `var(--progress-color, oklch(var(--btu-theme-${this.color}-600)))`;
+        }
+        /**
+         * Get the animated progress value.
+         * Returns 0 if initialAnimation is enabled and animation hasn't started yet, otherwise returns actual progress.
+         */
+        _getAnimatedProgress() {
+            if (this.initialAnimation && !this._isAnimationInitialized) {
+                return 0;
+            }
+            return this._progress;
+        }
+        /**
+         * Setup initial animation with IntersectionObserver when component first becomes visible.
+         * Should be called from component's firstUpdated() or updated() methods.
+         * Safe to call multiple times - will skip if already initialized.
+         */
+        _setupInitialAnimation() {
+            if (!this.initialAnimation || this._isAnimationInitialized) {
+                this._isAnimationInitialized = true;
+                return;
+            }
+            this._cleanupInitialAnimation();
+            this._intersectionObserver = new IntersectionObserver(entries => {
+                entries.forEach(entry => {
+                    if (entry.isIntersecting && !this._isAnimationInitialized) {
+                        requestAnimationFrame(() => {
+                            this._isAnimationInitialized = true;
+                            this.requestUpdate();
+                        });
+                        this._intersectionObserver?.disconnect();
+                    }
+                });
+            }, { threshold: 0.1 });
+            this._intersectionObserver.observe(this);
+        }
+        /**
+         * Cleanup intersection observer.
+         * Should be called from component's disconnectedCallback() method.
+         */
+        _cleanupInitialAnimation() {
+            this._intersectionObserver?.disconnect();
+        }
+        /**
+         * Lifecycle callback fired after the first render.
+         * Emits btu-progress-ready event.
+         * @internal
+         */
+        firstUpdated(changedProperties) {
+            super.firstUpdated(changedProperties);
+            this.emit('btu-progress-ready');
+        }
+        /**
+         * Track progress completion and emit event when reaching 100%.
+         * Should be called from component's updated() method.
+         */
+        _trackCompletion() {
+            if (this._progress === 100 && !this._hasCompletedAt100) {
+                this._hasCompletedAt100 = true;
+                this.emit('btu-progress-complete');
+                // Announce completion to screen readers if message provided
+                if (this.completionAnnouncement) {
+                    announce(this.completionAnnouncement);
+                }
+            }
+            else if (this._progress < 100 && this._hasCompletedAt100) {
+                // Reset flag if progress drops below 100 (allows re-triggering)
+                this._hasCompletedAt100 = false;
+            }
+        }
+    }
+    __decorate([
+        property({ type: String })
+    ], ProgressMixinClass.prototype, "color", void 0);
+    __decorate([
+        property({ type: Number })
+    ], ProgressMixinClass.prototype, "thickness", void 0);
+    __decorate([
+        property({ type: Number })
+    ], ProgressMixinClass.prototype, "progress", null);
+    __decorate([
+        property({ type: String })
+    ], ProgressMixinClass.prototype, "label", void 0);
+    __decorate([
+        property({ type: Boolean, attribute: 'initial-animation' })
+    ], ProgressMixinClass.prototype, "initialAnimation", void 0);
+    __decorate([
+        property({ type: String, attribute: 'aria-label' })
+    ], ProgressMixinClass.prototype, "ariaLabel", void 0);
+    __decorate([
+        property({ type: String, attribute: 'aria-labelledby' })
+    ], ProgressMixinClass.prototype, "ariaLabelledBy", void 0);
+    __decorate([
+        property({ type: String, attribute: 'aria-valuetext' })
+    ], ProgressMixinClass.prototype, "ariaValueText", void 0);
+    __decorate([
+        property({ type: String, attribute: 'completion-announcement' })
+    ], ProgressMixinClass.prototype, "completionAnnouncement", void 0);
+    return ProgressMixinClass;
+};
+//# sourceMappingURL=ProgressMixin.js.map

package/dist/util/ProgressMixin.js.map

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

package/dist/util/ReadyMixin.d.ts

@@ -0,0 +1,31 @@
+import { LitElement } from 'lit';
+type Constructor<T = object> = new (...args: any[]) => T;
+export declare class ReadyMixinInterface {
+}
+/**
+ * @mixin
+ * Mixin that ensures DOM is fully loaded before initializing component
+ * Prevents components from querying or manipulating DOM elements before
+ * they're available by deferring \`super.connectedCallback()\` until the DOM is ready.
+ *
+ * @example
+ * ```typescript
+ * import { ReadyMixin } from './ReadyMixin'
+ *
+ * // Basic usage
+ * class MyComponent extends ReadyMixin(LitElement) {
+ *   connectedCallback() {
+ *     super.connectedCallback()
+ *     // DOM is guaranteed to be ready here
+ *     const child = this.querySelector('.child')
+ *   }
+ * }
+ *
+ * // With multiple mixins
+ * class NavRail extends EventEmitterMixin(ReadyMixin(LitElement)) {
+ *   // All mixins benefit from DOM-ready guarantee
+ * }
+ */
+export declare const ReadyMixin: <T extends Constructor<LitElement>>(superClass: T) => Constructor<ReadyMixinInterface> & T;
+export {};
+//# sourceMappingURL=ReadyMixin.d.ts.map

package/dist/util/ReadyMixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadyMixin.d.ts","sourceRoot":"","sources":["../../src/util/ReadyMixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAChC,KAAK,WAAW,CAAC,CAAC,GAAG,MAAM,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAA;AAExD,MAAM,CAAC,OAAO,OAAO,mBAAmB;CAAG;AAE3C;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EAAE,YAAY,CAAC,KAc/C,WAAW,CAAC,mBAAmB,CAAC,GAAG,CAC9D,CAAA"}

package/dist/util/ReadyMixin.js

@@ -0,0 +1,42 @@
+import { LitElement } from 'lit';
+/**
+ * @mixin
+ * Mixin that ensures DOM is fully loaded before initializing component
+ * Prevents components from querying or manipulating DOM elements before
+ * they're available by deferring \`super.connectedCallback()\` until the DOM is ready.
+ *
+ * @example
+ * ```typescript
+ * import { ReadyMixin } from './ReadyMixin'
+ *
+ * // Basic usage
+ * class MyComponent extends ReadyMixin(LitElement) {
+ *   connectedCallback() {
+ *     super.connectedCallback()
+ *     // DOM is guaranteed to be ready here
+ *     const child = this.querySelector('.child')
+ *   }
+ * }
+ *
+ * // With multiple mixins
+ * class NavRail extends EventEmitterMixin(ReadyMixin(LitElement)) {
+ *   // All mixins benefit from DOM-ready guarantee
+ * }
+ */
+export const ReadyMixin = (superClass) => {
+    class ReadyMixinClass extends superClass {
+        connectedCallback() {
+            const init = () => {
+                super.connectedCallback();
+            };
+            if (document.readyState !== 'loading') {
+                init();
+            }
+            else {
+                document.addEventListener('DOMContentLoaded', () => init());
+            }
+        }
+    }
+    return ReadyMixinClass;
+};
+//# sourceMappingURL=ReadyMixin.js.map

package/dist/util/ReadyMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadyMixin.js","sourceRoot":"","sources":["../../src/util/ReadyMixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAKhC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAoC,UAAa,EAAE,EAAE;IAC7E,MAAM,eAAgB,SAAQ,UAAU;QACtC,iBAAiB;YACf,MAAM,IAAI,GAAG,GAAG,EAAE;gBAChB,KAAK,CAAC,iBAAiB,EAAE,CAAA;YAC3B,CAAC,CAAA;YAED,IAAI,QAAQ,CAAC,UAAU,KAAK,SAAS,EAAE,CAAC;gBACtC,IAAI,EAAE,CAAA;YACR,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,CAAC,CAAA;YAC7D,CAAC;QACH,CAAC;KACF;IACD,OAAO,eAAuD,CAAA;AAChE,CAAC,CAAA"}

package/dist/util/aria.d.ts

@@ -0,0 +1,3 @@
+export declare function replaceWithEach(template: string, data: string[]): string;
+export declare function announce(message: string, data?: string[]): void;
+//# sourceMappingURL=aria.d.ts.map

package/dist/util/aria.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria.d.ts","sourceRoot":"","sources":["../../src/util/aria.ts"],"names":[],"mappings":"AAUA,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,UAQ/D;AAED,wBAAgB,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,QA+BxD"}

package/dist/util/aria.js

@@ -0,0 +1,44 @@
+/*
+  Simple string replacement utility.
+  Find all instances of "___" in the string
+  and replace with each string in the list of data.
+  eg:
+    template = 'Today is ___ and the weather is ___.'
+    data = ['Friday', 'sunnny']
+    --------------------------
+    <- 'Today is Friday and the weather is sunny.'
+*/
+export function replaceWithEach(template, data) {
+    return template.replace(/_{3}/g, (i => (_) => data[i++])(0));
+}
+export function announce(message, data) {
+    let container = document.getElementById('aria-live-container');
+    if (!container) {
+        container = document.createElement('div');
+        container.setAttribute('id', 'aria-live-container');
+        document.body.appendChild(container);
+    }
+    const status = document.createElement('div');
+    const id = 'speak-' + Date.now();
+    status.setAttribute('id', id);
+    status.setAttribute('aria-atomic', 'true');
+    status.setAttribute('aria-live', 'polite');
+    status.style.cssText =
+        'position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0;';
+    if (data && data.length) {
+        message = replaceWithEach(`${message}`, data);
+    }
+    container.appendChild(status);
+    setTimeout(() => {
+        const liveRegion = document.getElementById(id);
+        if (liveRegion)
+            liveRegion.innerHTML = message;
+    }, 150);
+    if (window.BRIGHTSPOT?.ariaDebug === true) {
+        console.log(`ARIA Announced: "${message}"`);
+    }
+    setTimeout(() => {
+        document.getElementById(id)?.remove();
+    }, 2000);
+}
+//# sourceMappingURL=aria.js.map

package/dist/util/aria.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria.js","sourceRoot":"","sources":["../../src/util/aria.ts"],"names":[],"mappings":"AAAA;;;;;;;;;EASE;AACF,MAAM,UAAU,eAAe,CAAC,QAAgB,EAAE,IAAc;IAC9D,OAAO,QAAQ,CAAC,OAAO,CACrB,OAAO,EACP,CACE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAS,EAAE,EAAE,CACjB,IAAI,CAAC,CAAC,EAAE,CAAC,CACZ,CAAC,CAAC,CAAC,CACL,CAAA;AACH,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,OAAe,EAAE,IAAe;IACvD,IAAI,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAA;IAC9D,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QACzC,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,qBAAqB,CAAC,CAAA;QACnD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;IACtC,CAAC;IACD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IAC5C,MAAM,EAAE,GAAG,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;IAChC,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;IAC7B,MAAM,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAA;IAC1C,MAAM,CAAC,YAAY,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;IAC1C,MAAM,CAAC,KAAK,CAAC,OAAO;QAClB,wJAAwJ,CAAA;IAC1J,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;QACxB,OAAO,GAAG,eAAe,CAAC,GAAG,OAAO,EAAE,EAAE,IAAI,CAAC,CAAA;IAC/C,CAAC;IACD,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;IAE7B,UAAU,CAAC,GAAG,EAAE;QACd,MAAM,UAAU,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAA;QAC9C,IAAI,UAAU;YAAE,UAAU,CAAC,SAAS,GAAG,OAAO,CAAA;IAChD,CAAC,EAAE,GAAG,CAAC,CAAA;IAEP,IAAI,MAAM,CAAC,UAAU,EAAE,SAAS,KAAK,IAAI,EAAE,CAAC;QAC1C,OAAO,CAAC,GAAG,CAAC,oBAAoB,OAAO,GAAG,CAAC,CAAA;IAC7C,CAAC;IAED,UAAU,CAAC,GAAG,EAAE;QACd,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAA;IACvC,CAAC,EAAE,IAAI,CAAC,CAAA;AACV,CAAC"}

package/dist/util/svg.d.ts

@@ -1,3 +1,12 @@
 export declare function addNameSpaceXML(data: string): string;
+/**
+ * Adds a mask element to an SVG string. The mask is inserted immediately after the opening <svg> tag
+ * and wraps the existing SVG content, ending before the closing </svg> tag.
+ *
+ * @param {string} svg - The SVG string to which the mask will be added. Must contain valid <svg> tags.
+ * @param {string} maskId - The ID to assign to the <mask> element.
+ * @returns {string} - The modified SVG string with the mask element added.
+ */
+export declare function addMask(svg: string, maskId: string): string;
 export declare function encodeSVG(data: string): string;
 //# sourceMappingURL=svg.d.ts.map

package/dist/util/svg.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"svg.d.ts","sourceRoot":"","sources":["../../src/util/svg.ts"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAKpD;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAK9C"}
+{"version":3,"file":"svg.d.ts","sourceRoot":"","sources":["../../src/util/svg.ts"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAKpD;AAED;;;;;;;GAOG;AACH,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAe3D;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAK9C"}

package/dist/util/svg.js

@@ -5,6 +5,28 @@ export function addNameSpaceXML(data) {
     }
     return data;
 }
+/**
+ * Adds a mask element to an SVG string. The mask is inserted immediately after the opening <svg> tag
+ * and wraps the existing SVG content, ending before the closing </svg> tag.
+ *
+ * @param {string} svg - The SVG string to which the mask will be added. Must contain valid <svg> tags.
+ * @param {string} maskId - The ID to assign to the <mask> element.
+ * @returns {string} - The modified SVG string with the mask element added.
+ */
+export function addMask(svg, maskId) {
+    // Insert <mask id="..."> right after <svg ...>
+    const openingSvgTagMatch = svg.match(/<svg[^>]*>/);
+    if (!openingSvgTagMatch)
+        return svg;
+    const openingSvgTag = openingSvgTagMatch[0];
+    const maskOpen = `<mask id="${maskId}">`;
+    const maskClose = `</mask>`;
+    // Find positions
+    const start = svg.indexOf(openingSvgTag) + openingSvgTag.length;
+    const end = svg.lastIndexOf('</svg>');
+    // Insert mask tags
+    return svg.slice(0, start) + maskOpen + svg.slice(start, end) + maskClose + svg.slice(end);
+}
 export function encodeSVG(data) {
     data = data.replace(/"/g, `'`);
     data = data.replace(/>\s{1,}</g, `><`);

package/dist/util/svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"svg.js","sourceRoot":"","sources":["../../src/util/svg.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,GAAG,0BAA0B,CAAA;AAE1C,MAAM,UAAU,eAAe,CAAC,IAAY;IAC1C,IAAI,IAAI,CAAC,OAAO,CAAC,4BAA4B,CAAC,GAAG,CAAC,EAAE,CAAC;QACnD,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,yCAAyC,CAAC,CAAA;IACzE,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,IAAY;IACpC,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;IAC9B,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA;IACtC,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC,CAAA;IACnC,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAA;AAClD,CAAC"}
+{"version":3,"file":"svg.js","sourceRoot":"","sources":["../../src/util/svg.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,GAAG,0BAA0B,CAAA;AAE1C,MAAM,UAAU,eAAe,CAAC,IAAY;IAC1C,IAAI,IAAI,CAAC,OAAO,CAAC,4BAA4B,CAAC,GAAG,CAAC,EAAE,CAAC;QACnD,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,yCAAyC,CAAC,CAAA;IACzE,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,OAAO,CAAC,GAAW,EAAE,MAAc;IACjD,+CAA+C;IAC/C,MAAM,kBAAkB,GAAG,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,CAAA;IAClD,IAAI,CAAC,kBAAkB;QAAE,OAAO,GAAG,CAAA;IAEnC,MAAM,aAAa,GAAG,kBAAkB,CAAC,CAAC,CAAC,CAAA;IAC3C,MAAM,QAAQ,GAAG,aAAa,MAAM,IAAI,CAAA;IACxC,MAAM,SAAS,GAAG,SAAS,CAAA;IAE3B,iBAAiB;IACjB,MAAM,KAAK,GAAG,GAAG,CAAC,OAAO,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC,MAAM,CAAA;IAC/D,MAAM,GAAG,GAAG,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAA;IAErC,mBAAmB;IACnB,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,QAAQ,GAAG,GAAG,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,SAAS,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;AAC5F,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,IAAY;IACpC,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;IAC9B,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA;IACtC,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC,CAAA;IACnC,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAA;AAClD,CAAC"}

package/dist/util/throttle.d.ts

@@ -0,0 +1,4 @@
+type UnknownFunction = (...args: unknown[]) => unknown;
+export declare function throttle(interval: number, fn: UnknownFunction): UnknownFunction;
+export {};
+//# sourceMappingURL=throttle.d.ts.map

package/dist/util/throttle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"throttle.d.ts","sourceRoot":"","sources":["../../src/util/throttle.ts"],"names":[],"mappings":"AAAA,KAAK,eAAe,GAAG,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAA;AAGtD,wBAAgB,QAAQ,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,eAAe,GAAG,eAAe,CA8B/E"}