@brightspot/ui 1.0.1-wc.4 → 1.2.0

package/dist/components/icon/Icon.js

@@ -0,0 +1,172 @@
+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 { LitElement, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { unsafeHTML } from 'lit/directives/unsafe-html.js';
+import { unsafeSVG } from 'lit/directives/unsafe-svg.js';
+import * as LucideExports from 'lucide-static/dist/cjs/lucide-static';
+import { getIcon } from '../../LucideDynamicLoader.js';
+import { EventEmitterMixin } from '../../util/EventEmitterMixin.js';
+import { ReadyMixin } from '../../util/ReadyMixin.js';
+import { pascalToKebab } from '../../util/string.js';
+import { addMask } from '../../util/svg.js';
+const svgs = {};
+for (const [key, value] of Object.entries(LucideExports)) {
+    if (typeof value === 'string') {
+        svgs[key] = value;
+    }
+}
+/**
+ * An icon component for displaying Lucide icons.
+ *
+ * Icons inherit parent text color by default or can use gradient fills.
+ * All icons are from the Lucide icon library (https://lucide.dev/icons/).
+ * Supports both direct SVG rendering and mask-based gradient fills.
+ *
+ * @element btu-icon
+ *
+ * @fires {CustomEvent} btu-icon-ready - Fired after first render and initialization
+ *
+ * @cssprop --Icon-size - Icon size (overrides size default)
+ * @cssprop --Icon-fill - Icon fill color for filled icons (e.g., "currentColor")
+ * @cssprop --Icon-svg - SVG data URI for mask-based rendering
+ *
+ * @example
+ * ```html
+ * <!-- Icon inheriting parent text color -->
+ * <btu-icon symbol="heart" size="md"></btu-icon>
+ *
+ * <!-- Gradient icon -->
+ * <btu-icon symbol="star" size="lg" gradient="primary"></btu-icon>
+ *
+ * <!-- Custom size via CSS -->
+ * <btu-icon symbol="check" style="--Icon-size: 3rem"></btu-icon>
+ *
+ * <!-- Filled icon via CSS (advanced usage) -->
+ * <btu-icon symbol="heart" style="--Icon-fill: currentColor"></btu-icon>
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // Programmatic usage
+ * const icon = document.createElement('btu-icon')
+ * icon.symbol = 'smile'
+ * icon.size = 'lg'
+ * icon.addEventListener('btu-icon-ready', () => console.log('Icon loaded'))
+ * ```
+ */
+export default class Icon extends EventEmitterMixin(ReadyMixin(LitElement)) {
+    constructor() {
+        super(...arguments);
+        /**
+         * Size of the icon.
+         * - 'xs': Extra small (0.75rem)
+         * - 'sm': Small (1rem)
+         * - 'md': Medium (1.25rem, default)
+         * - 'lg': Large (1.5rem)
+         * - 'xl': Extra large (1.75rem)
+         * @attr
+         */
+        this.size = 'md';
+        /**
+         * Lucide icon name to display.
+         * See https://lucide.dev/icons/ for available icons.
+         * @attr
+         */
+        this.symbol = 'circle-dashed';
+        /** @internal */
+        this.initialClasses = [];
+    }
+    static get tagName() {
+        return 'BTU-ICON';
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        // Capture initial classes from backend HTML
+        if (this.className) {
+            this.initialClasses = this.className.split(' ').filter(c => c.trim());
+        }
+    }
+    createRenderRoot() {
+        return this;
+    }
+    willUpdate() {
+        const classes = [...this.initialClasses, 'btu-icon', `btu-icon-${this.size}`];
+        // Add gradient class if gradient is set
+        if (this.gradient) {
+            const iconName = window.BRIGHTSPOT?.icons?.materialToLucide?.[this.symbol] || this.symbol;
+            const kebabName = pascalToKebab(iconName);
+            classes.push(`btu-icon-gradient-${this.gradient}`);
+            classes.push(`btu-icon-via-mask-${kebabName}`);
+        }
+        this.className = classes.filter(Boolean).join(' ');
+    }
+    firstUpdated() {
+        this.emit('btu-icon-ready');
+    }
+    /**
+     * Escape HTML special characters to prevent XSS attacks in comments.
+     * @internal
+     */
+    escapeHtml(text) {
+        return text
+            .replace(/&/g, '&amp;')
+            .replace(/</g, '&lt;')
+            .replace(/>/g, '&gt;')
+            .replace(/"/g, '&quot;')
+            .replace(/'/g, '&#39;');
+    }
+    render() {
+        const iconName = window.BRIGHTSPOT?.icons?.materialToLucide?.[this.symbol] || this.symbol;
+        const data = getIcon(iconName);
+        let svgContent = data?.iconSvg ?? '';
+        let isInvalid = false;
+        if (!svgContent) {
+            // Fallback to default icon and mark as invalid
+            isInvalid = true;
+            const fallbackData = getIcon('circle-dashed');
+            svgContent = fallbackData?.iconSvg ?? '';
+            // If fallback also fails, show comment
+            if (!svgContent) {
+                return html `${unsafeHTML(`<!-- btu-icon: Icon "${this.escapeHtml(this.symbol)}" not found and fallback failed -->`)}`;
+            }
+        }
+        const decodedSvg = decodeURIComponent(svgContent);
+        // Prevent HTML comment injection by escaping dashes
+        const debugComment = isInvalid
+            ? `<!-- btu-icon: Icon "${this.escapeHtml(this.symbol)}" not found. Showing fallback "circle-dashed". See https://lucide.dev/icons/ for available icons. -->\n`
+            : '';
+        // For gradient fill, generate mask SVG and let Tailwind handle sizing/styling
+        if (this.gradient) {
+            const kebabName = pascalToKebab(iconName);
+            // Set mask URL for Tailwind plugin to reference
+            this.style.setProperty('--mask-url', `url(#${kebabName})`);
+            // Add mask element to SVG - Tailwind class handles display/sizing
+            const maskedSvg = addMask(decodedSvg, kebabName);
+            return html `${unsafeHTML(debugComment)}${unsafeSVG(maskedSvg)}`;
+        }
+        // Non-gradient path: render SVG with sizing
+        const fillAttr = this.style.getPropertyValue('--Icon-fill') ? `fill="var(--Icon-fill)"` : ''; // Optional fill
+        const styledSvg = decodedSvg.replace('<svg', `<svg ${fillAttr} style="width: var(--Icon-size); height: var(--Icon-size); display: inline-block;"`);
+        return html `${unsafeHTML(debugComment)}${unsafeSVG(styledSvg)}`;
+    }
+}
+__decorate([
+    property({ type: String })
+], Icon.prototype, "size", void 0);
+__decorate([
+    property({ type: String })
+], Icon.prototype, "symbol", void 0);
+__decorate([
+    property({ type: String })
+], Icon.prototype, "gradient", void 0);
+// Register custom element with guard to prevent double registration
+// (common with yarn link, HMR, or webpack bundle duplication)
+if (!customElements.get('btu-icon')) {
+    customElements.define('btu-icon', Icon);
+}
+//# sourceMappingURL=Icon.js.map

package/dist/components/icon/Icon.js.map

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

package/dist/components/linear-progress/LinearProgress.d.ts

@@ -0,0 +1,40 @@
+import { LitElement } from 'lit';
+declare const LinearProgress_base: (new (...args: any[]) => import("../../util/ProgressMixin.js").ProgressMixinInterface) & (new (...args: any[]) => import("../../util/EventEmitterMixin.js").EventEmitterMixinInterface) & (new (...args: any[]) => import("../../util/ReadyMixin.js").ReadyMixinInterface) & typeof LitElement;
+/**
+ * A horizontal linear progress bar for showing task completion.
+ *
+ * @element btu-linear-progress
+ *
+ * @fires {CustomEvent} btu-progress-ready - Fired after first render and initialization
+ * @fires {CustomEvent} btu-progress-complete - Fired when progress reaches 100
+ *
+ * @cssprop --progress-color - Custom progress bar color (overrides theme color)
+ * @cssprop --track-color - Track/background color (overrides default gray-100)
+ *
+ * @example
+ * ```html
+ * <!-- Basic progress bar (fills container width) -->
+ * <btu-linear-progress progress="50" color="primary"></btu-linear-progress>
+ *
+ * <!-- Control width via CSS -->
+ * <btu-linear-progress progress="75" color="success" label="75%" style="width: 300px;"></btu-linear-progress>
+ * ```
+ */
+export default class LinearProgress extends LinearProgress_base {
+    /** @internal */
+    private _initialClasses;
+    connectedCallback(): void;
+    createRenderRoot(): this;
+    willUpdate(): void;
+    firstUpdated(changedProperties: Map<PropertyKey, unknown>): void;
+    disconnectedCallback(): void;
+    updated(changedProperties: Map<PropertyKey, unknown>): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'btu-linear-progress': LinearProgress;
+    }
+}
+export {};
+//# sourceMappingURL=LinearProgress.d.ts.map

package/dist/components/linear-progress/LinearProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinearProgress.d.ts","sourceRoot":"","sources":["../../../src/components/linear-progress/LinearProgress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAA;;AAKpD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,mBAAwD;IAClG,gBAAgB;IAChB,OAAO,CAAC,eAAe,CAAe;IAEtC,iBAAiB,IAAI,IAAI;IAQzB,gBAAgB;IAIhB,UAAU,IAAI,IAAI;IAMlB,YAAY,CAAC,iBAAiB,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI;IAKhE,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI;IAO3D,MAAM;CAiCP;AAOD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,cAAc,CAAA;KACtC;CACF"}

package/dist/components/linear-progress/LinearProgress.js

@@ -0,0 +1,95 @@
+import { LitElement, css, html, nothing } from 'lit';
+import { EventEmitterMixin } from '../../util/EventEmitterMixin.js';
+import { ProgressMixin } from '../../util/ProgressMixin.js';
+import { ReadyMixin } from '../../util/ReadyMixin.js';
+/**
+ * A horizontal linear progress bar for showing task completion.
+ *
+ * @element btu-linear-progress
+ *
+ * @fires {CustomEvent} btu-progress-ready - Fired after first render and initialization
+ * @fires {CustomEvent} btu-progress-complete - Fired when progress reaches 100
+ *
+ * @cssprop --progress-color - Custom progress bar color (overrides theme color)
+ * @cssprop --track-color - Track/background color (overrides default gray-100)
+ *
+ * @example
+ * ```html
+ * <!-- Basic progress bar (fills container width) -->
+ * <btu-linear-progress progress="50" color="primary"></btu-linear-progress>
+ *
+ * <!-- Control width via CSS -->
+ * <btu-linear-progress progress="75" color="success" label="75%" style="width: 300px;"></btu-linear-progress>
+ * ```
+ */
+export default class LinearProgress extends ProgressMixin(EventEmitterMixin(ReadyMixin(LitElement))) {
+    constructor() {
+        super(...arguments);
+        /** @internal */
+        this._initialClasses = [];
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        // Capture initial classes from backend HTML
+        if (this.className) {
+            this._initialClasses = this.className.split(' ').filter(c => c.trim());
+        }
+    }
+    createRenderRoot() {
+        return this;
+    }
+    willUpdate() {
+        const classes = [...this._initialClasses, 'inline-flex', 'items-center', 'w-full'];
+        this.className = classes.join(' ');
+    }
+    firstUpdated(changedProperties) {
+        super.firstUpdated(changedProperties);
+        this._setupInitialAnimation();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._cleanupInitialAnimation();
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        // Track completion at 100%
+        this._trackCompletion();
+    }
+    render() {
+        const height = this.thickness ?? 8; // default thickness is 8
+        const color = this._getProgressColorValue();
+        const progressValue = this._getAnimatedProgress();
+        return html `
+      <div class="flex w-full items-center gap-3">
+        <span
+          class="block flex-1"
+          role="progressbar"
+          aria-label="${this.ariaLabel || nothing}"
+          aria-labelledby="${this.ariaLabelledBy || nothing}"
+          aria-valuenow="${progressValue}"
+          aria-valuemin="0"
+          aria-valuemax="100"
+          aria-valuetext="${this.ariaValueText || this.label || `${progressValue} percent`}"
+        >
+          <div
+            class="relative overflow-hidden rounded-full bg-[var(--track-color,_oklch(var(--btu-theme-gray-100)))]"
+            style="height: ${height}px;"
+          >
+            <div
+              class="h-full rounded-full [transition:_width_0.3s_ease]"
+              style="width: ${progressValue}%; background-color: ${color};"
+            ></div>
+          </div>
+        </span>
+        ${this.label
+            ? html `<span class="flex-shrink-0 whitespace-nowrap text-sm font-medium text-gray-700">${this.label}</span>`
+            : ''}
+      </div>
+    `;
+    }
+}
+// Register custom element with guard to prevent double registration
+if (!customElements.get('btu-linear-progress')) {
+    customElements.define('btu-linear-progress', LinearProgress);
+}
+//# sourceMappingURL=LinearProgress.js.map

package/dist/components/linear-progress/LinearProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinearProgress.js","sourceRoot":"","sources":["../../../src/components/linear-progress/LinearProgress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAErD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,aAAa,CAAC,iBAAiB,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC;IAApG;;QACE,gBAAgB;QACR,oBAAe,GAAa,EAAE,CAAA;IAsExC,CAAC;IApEC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAA;QACzB,4CAA4C;QAC5C,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAA;QACxE,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAA;IACb,CAAC;IAED,UAAU;QACR,MAAM,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,QAAQ,CAAC,CAAA;QAElF,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IACpC,CAAC;IAED,YAAY,CAAC,iBAA4C;QACvD,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAA;QACrC,IAAI,CAAC,sBAAsB,EAAE,CAAA;IAC/B,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAA;QAC5B,IAAI,CAAC,wBAAwB,EAAE,CAAA;IACjC,CAAC;IAED,OAAO,CAAC,iBAA4C;QAClD,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAA;QAEhC,2BAA2B;QAC3B,IAAI,CAAC,gBAAgB,EAAE,CAAA;IACzB,CAAC;IAED,MAAM;QACJ,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,IAAI,CAAC,CAAA,CAAC,yBAAyB;QAC5D,MAAM,KAAK,GAAG,IAAI,CAAC,sBAAsB,EAAE,CAAA;QAC3C,MAAM,aAAa,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAA;QAEjD,OAAO,IAAI,CAAA;;;;;wBAKS,IAAI,CAAC,SAAS,IAAI,OAAO;6BACpB,IAAI,CAAC,cAAc,IAAI,OAAO;2BAChC,aAAa;;;4BAGZ,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,KAAK,IAAI,GAAG,aAAa,UAAU;;;;6BAI7D,MAAM;;;;8BAIL,aAAa,wBAAwB,KAAK;;;;UAI9D,IAAI,CAAC,KAAK;YACV,CAAC,CAAC,IAAI,CAAA,mFAAmF,IAAI,CAAC,KAAK,SAAS;YAC5G,CAAC,CAAC,EAAE;;KAET,CAAA;IACH,CAAC;CACF;AAED,oEAAoE;AACpE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,qBAAqB,CAAC,EAAE,CAAC;IAC/C,cAAc,CAAC,MAAM,CAAC,qBAAqB,EAAE,cAAc,CAAC,CAAA;AAC9D,CAAC"}