@rosettadash/web-components 0.1.1 → 0.1.3

package/src/visual/plugin/metric-chip/rd-metric-chip.js

@@ -0,0 +1,23 @@
+import { defineRosettaElement } from '../../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export const RD_METRIC_CHIP_TAG = 'rd-metric-chip';
+/** @rosettadash/web-components/visual/plugin/metric-chip — visual.plugin.metric-chip */
+export class RdMetricChipElement extends RosettaAtomElement {
+    static tagName = RD_METRIC_CHIP_TAG;
+    static get observedAttributes() {
+        return ["chip-label", "chip-value"];
+    }
+    buildMarkup() {
+        const chipLabel = this.readAttr('chip-label', 'Metric');
+        const chipValue = this.readAttr('chip-value', '—');
+        return `
+      <span class="rd-plugin-metric-chip" data-testid="rd-plugin-metric-chip">
+        <span class="rd-metric-chip__label">${this.esc(chipLabel)}</span>
+        <span class="rd-metric-chip__value">${this.esc(chipValue)}</span>
+      </span>`;
+    }
+}
+export function registerRdMetricChip() {
+    defineRosettaElement(RD_METRIC_CHIP_TAG, RdMetricChipElement);
+}
+//# sourceMappingURL=rd-metric-chip.js.map

package/src/visual/plugin/metric-chip/rd-metric-chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-metric-chip.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/plugin/metric-chip/rd-metric-chip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,MAAM,CAAC,MAAM,kBAAkB,GAAG,gBAAgB,CAAC;AAUnD,wFAAwF;AACxF,MAAM,OAAO,mBAAoB,SAAQ,kBAAkB;IACzD,MAAM,CAAU,OAAO,GAAG,kBAAkB,CAAC;IAE7C,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,YAAY,EAAC,YAAY,CAAC,CAAC;IACrC,CAAC;IAES,WAAW;QACnB,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QACxD,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;QACnD,OAAO;;8CAEmC,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC;8CACnB,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC;cACnD,CAAC;IACb,CAAC;;AAGH,MAAM,UAAU,oBAAoB;IAClC,oBAAoB,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC;AAChE,CAAC"}

package/src/visual/plugin/status-badge/index.d.ts

@@ -0,0 +1,2 @@
+export type { StatusBadgeProps } from './rd-status-badge.js';
+export { registerRdStatusBadge, RD_STATUS_BADGE_TAG, RdStatusBadgeElement } from './rd-status-badge.js';

package/src/visual/plugin/status-badge/index.js

@@ -0,0 +1,2 @@
+export { registerRdStatusBadge, RD_STATUS_BADGE_TAG, RdStatusBadgeElement } from './rd-status-badge.js';
+//# sourceMappingURL=index.js.map

package/src/visual/plugin/status-badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/plugin/status-badge/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC"}

package/src/visual/plugin/status-badge/rd-status-badge.d.ts

@@ -0,0 +1,16 @@
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export declare const RD_STATUS_BADGE_TAG = "rd-status-badge";
+export interface StatusBadgeProps {
+    statusText?: string;
+    tone?: 'success' | 'warning' | 'error' | 'neutral';
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/visual/plugin/status-badge — visual.plugin.status-badge */
+export declare class RdStatusBadgeElement extends RosettaAtomElement {
+    static readonly tagName = "rd-status-badge";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+}
+export declare function registerRdStatusBadge(): void;

package/src/visual/plugin/status-badge/rd-status-badge.js

@@ -0,0 +1,19 @@
+import { defineRosettaElement } from '../../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export const RD_STATUS_BADGE_TAG = 'rd-status-badge';
+/** @rosettadash/web-components/visual/plugin/status-badge — visual.plugin.status-badge */
+export class RdStatusBadgeElement extends RosettaAtomElement {
+    static tagName = RD_STATUS_BADGE_TAG;
+    static get observedAttributes() {
+        return ["status-text", "tone"];
+    }
+    buildMarkup() {
+        const text = this.readAttr('status-text', 'Active');
+        const tone = this.readAttr('tone', 'success');
+        return `<span class="rd-plugin-status-badge rd-status-badge--${tone}" data-testid="rd-plugin-status-badge">${this.esc(text)}</span>`;
+    }
+}
+export function registerRdStatusBadge() {
+    defineRosettaElement(RD_STATUS_BADGE_TAG, RdStatusBadgeElement);
+}
+//# sourceMappingURL=rd-status-badge.js.map

package/src/visual/plugin/status-badge/rd-status-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-status-badge.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/plugin/status-badge/rd-status-badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,MAAM,CAAC,MAAM,mBAAmB,GAAG,iBAAiB,CAAC;AAUrD,0FAA0F;AAC1F,MAAM,OAAO,oBAAqB,SAAQ,kBAAkB;IAC1D,MAAM,CAAU,OAAO,GAAG,mBAAmB,CAAC;IAE9C,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,aAAa,EAAC,MAAM,CAAC,CAAC;IAChC,CAAC;IAES,WAAW;QACnB,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;QACpD,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;QAC9C,OAAO,wDAAwD,IAAI,0CAA0C,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;IACvI,CAAC;;AAGH,MAAM,UAAU,qBAAqB;IACnC,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,CAAC,CAAC;AAClE,CAAC"}

package/src/visual/skeleton/index.d.ts

@@ -0,0 +1,2 @@
+export type { LoadingSkeletonProps } from './rd-loading-skeleton.js';
+export { registerRdLoadingSkeleton, RD_LOADING_SKELETON_TAG, RdLoadingSkeletonElement } from './rd-loading-skeleton.js';

package/src/visual/skeleton/index.js

@@ -0,0 +1,2 @@
+export { registerRdLoadingSkeleton, RD_LOADING_SKELETON_TAG, RdLoadingSkeletonElement } from './rd-loading-skeleton.js';
+//# sourceMappingURL=index.js.map

package/src/visual/skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/visual/skeleton/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC"}

package/src/visual/skeleton/rd-loading-skeleton.d.ts

@@ -0,0 +1,15 @@
+import { RosettaAtomElement } from '../../lib/rosetta-atom-element.js';
+export declare const RD_LOADING_SKELETON_TAG = "rd-loading-skeleton";
+export interface LoadingSkeletonProps {
+    lines?: number;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/visual/skeleton — visual.skeleton */
+export declare class RdLoadingSkeletonElement extends RosettaAtomElement {
+    static readonly tagName = "rd-loading-skeleton";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+}
+export declare function registerRdLoadingSkeleton(): void;

package/src/visual/skeleton/rd-loading-skeleton.js

@@ -0,0 +1,20 @@
+import { defineRosettaElement } from '../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../lib/rosetta-atom-element.js';
+export const RD_LOADING_SKELETON_TAG = 'rd-loading-skeleton';
+/** @rosettadash/web-components/visual/skeleton — visual.skeleton */
+export class RdLoadingSkeletonElement extends RosettaAtomElement {
+    static tagName = RD_LOADING_SKELETON_TAG;
+    static get observedAttributes() {
+        return ["lines"];
+    }
+    buildMarkup() {
+        const lines = this.readNumAttr('lines', 4);
+        const rows = Array.from({ length: lines }, (_, i) => `<span class="rd-skeleton__line${i === 2 ? ' rd-skeleton__line--short' : ''}"></span>`).join('');
+        return `
+      <section class="rd-skeleton" data-testid="rd-skeleton">${rows}<div data-ref="slot"></div></section>`;
+    }
+}
+export function registerRdLoadingSkeleton() {
+    defineRosettaElement(RD_LOADING_SKELETON_TAG, RdLoadingSkeletonElement);
+}
+//# sourceMappingURL=rd-loading-skeleton.js.map

package/src/visual/skeleton/rd-loading-skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-loading-skeleton.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/visual/skeleton/rd-loading-skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEvE,MAAM,CAAC,MAAM,uBAAuB,GAAG,qBAAqB,CAAC;AAS7D,oEAAoE;AACpE,MAAM,OAAO,wBAAyB,SAAQ,kBAAkB;IAC9D,MAAM,CAAU,OAAO,GAAG,uBAAuB,CAAC;IAElD,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC;IAES,WAAW;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;QAC3C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,iCAAiC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACtJ,OAAO;+DACoD,IAAI,uCAAuC,CAAC;IACzG,CAAC;;AAGH,MAAM,UAAU,yBAAyB;IACvC,oBAAoB,CAAC,uBAAuB,EAAE,wBAAwB,CAAC,CAAC;AAC1E,CAAC"}

package/src/visual/svg/icon/index.d.ts

@@ -0,0 +1,2 @@
+export type { SvgIconProps } from './rd-svg-icon.js';
+export { registerRdSvgIcon, RD_SVG_ICON_TAG, RdSvgIconElement } from './rd-svg-icon.js';

package/src/visual/svg/icon/index.js

@@ -0,0 +1,2 @@
+export { registerRdSvgIcon, RD_SVG_ICON_TAG, RdSvgIconElement } from './rd-svg-icon.js';
+//# sourceMappingURL=index.js.map

package/src/visual/svg/icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/svg/icon/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC"}

package/src/visual/svg/icon/rd-svg-icon.d.ts

@@ -0,0 +1,18 @@
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export declare const RD_SVG_ICON_TAG = "rd-svg-icon";
+export interface SvgIconProps {
+    markup?: string;
+    title?: string;
+    color?: string;
+    size?: number | string;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/visual/svg/icon — visual.svg.icon */
+export declare class RdSvgIconElement extends RosettaAtomElement {
+    static readonly tagName = "rd-svg-icon";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+}
+export declare function registerRdSvgIcon(): void;

package/src/visual/svg/icon/rd-svg-icon.js

@@ -0,0 +1,20 @@
+import { defineRosettaElement } from '../../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export const RD_SVG_ICON_TAG = 'rd-svg-icon';
+/** @rosettadash/web-components/visual/svg/icon — visual.svg.icon */
+export class RdSvgIconElement extends RosettaAtomElement {
+    static tagName = RD_SVG_ICON_TAG;
+    static get observedAttributes() {
+        return ["markup", "title", "color", "size"];
+    }
+    buildMarkup() {
+        const markup = this.readAttr('markup', '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2l2.4 7.4H22l-6 4.6 2.3 7-6.3-4.6L5.7 21l2.3-7-6-4.6h7.6z" fill="currentColor"/></svg>');
+        const size = this.readAttr('size', '28');
+        const title = this.readAttr('title');
+        return `<span class="rd-svg-icon" data-testid="rd-svg-icon" style="width:${size}px;height:${size}px"${title ? ` title="${this.esc(title)}"` : ''}>${markup}</span>`;
+    }
+}
+export function registerRdSvgIcon() {
+    defineRosettaElement(RD_SVG_ICON_TAG, RdSvgIconElement);
+}
+//# sourceMappingURL=rd-svg-icon.js.map

package/src/visual/svg/icon/rd-svg-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-svg-icon.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/svg/icon/rd-svg-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAC;AAY7C,oEAAoE;AACpE,MAAM,OAAO,gBAAiB,SAAQ,kBAAkB;IACtD,MAAM,CAAU,OAAO,GAAG,eAAe,CAAC;IAE1C,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,MAAM,CAAC,CAAC;IAC3C,CAAC;IAES,WAAW;QACnB,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,iKAAiK,CAAC,CAAC;QAC1M,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QACzC,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrC,OAAO,oEAAoE,IAAI,aAAa,IAAI,MAAM,KAAK,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,IAAI,MAAM,SAAS,CAAC;IACtK,CAAC;;AAGH,MAAM,UAAU,iBAAiB;IAC/B,oBAAoB,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC;AAC1D,CAAC"}

package/src/visual/svg/inline/index.d.ts

@@ -0,0 +1,2 @@
+export type { SvgInlineProps } from './rd-svg-inline.js';
+export { registerRdSvgInline, RD_SVG_INLINE_TAG, RdSvgInlineElement } from './rd-svg-inline.js';

package/src/visual/svg/inline/index.js

@@ -0,0 +1,2 @@
+export { registerRdSvgInline, RD_SVG_INLINE_TAG, RdSvgInlineElement } from './rd-svg-inline.js';
+//# sourceMappingURL=index.js.map

package/src/visual/svg/inline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/svg/inline/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC"}

package/src/visual/svg/inline/rd-svg-inline.d.ts

@@ -0,0 +1,17 @@
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export declare const RD_SVG_INLINE_TAG = "rd-svg-inline";
+export interface SvgInlineProps {
+    markup?: string;
+    width?: number | string;
+    height?: number | string;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/visual/svg/inline — visual.svg.inline */
+export declare class RdSvgInlineElement extends RosettaAtomElement {
+    static readonly tagName = "rd-svg-inline";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+}
+export declare function registerRdSvgInline(): void;

package/src/visual/svg/inline/rd-svg-inline.js

@@ -0,0 +1,20 @@
+import { defineRosettaElement } from '../../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export const RD_SVG_INLINE_TAG = 'rd-svg-inline';
+/** @rosettadash/web-components/visual/svg/inline — visual.svg.inline */
+export class RdSvgInlineElement extends RosettaAtomElement {
+    static tagName = RD_SVG_INLINE_TAG;
+    static get observedAttributes() {
+        return ["markup", "width", "height"];
+    }
+    buildMarkup() {
+        const markup = this.readAttr('markup', '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10" fill="currentColor" opacity="0.2"/></svg>');
+        const width = this.readAttr('width', '96');
+        const height = this.readAttr('height', '96');
+        return `<div class="rd-svg-inline" data-testid="rd-svg-inline" style="width:${width}px;height:${height}px">${markup}</div>`;
+    }
+}
+export function registerRdSvgInline() {
+    defineRosettaElement(RD_SVG_INLINE_TAG, RdSvgInlineElement);
+}
+//# sourceMappingURL=rd-svg-inline.js.map

package/src/visual/svg/inline/rd-svg-inline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-svg-inline.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/svg/inline/rd-svg-inline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,MAAM,CAAC,MAAM,iBAAiB,GAAG,eAAe,CAAC;AAWjD,wEAAwE;AACxE,MAAM,OAAO,kBAAmB,SAAQ,kBAAkB;IACxD,MAAM,CAAU,OAAO,GAAG,iBAAiB,CAAC;IAE5C,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,CAAC,CAAC;IACrC,CAAC;IAES,WAAW;QACnB,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,sIAAsI,CAAC,CAAC;QAC/K,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QAC3C,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;QAC7C,OAAO,uEAAuE,KAAK,aAAa,MAAM,OAAO,MAAM,QAAQ,CAAC;IAC9H,CAAC;;AAGH,MAAM,UAAU,mBAAmB;IACjC,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC;AAC9D,CAAC"}

package/src/visual/table/index.d.ts

@@ -0,0 +1,2 @@
+export type { DataTableProps } from './rd-data-table.js';
+export { registerRdDataTable, RD_DATA_TABLE_TAG, RdDataTableElement } from './rd-data-table.js';

package/src/visual/table/index.js

@@ -0,0 +1,2 @@
+export { registerRdDataTable, RD_DATA_TABLE_TAG, RdDataTableElement } from './rd-data-table.js';
+//# sourceMappingURL=index.js.map

package/src/visual/table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/visual/table/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC"}

package/src/visual/table/rd-data-table.d.ts

@@ -0,0 +1,26 @@
+import { RosettaAtomElement } from '../../lib/rosetta-atom-element.js';
+export declare const RD_DATA_TABLE_TAG = "rd-data-table";
+export interface DataTableRow {
+    id: string;
+    name?: string;
+    status?: string;
+    amount?: string | number;
+    date?: string;
+    [key: string]: string | number | undefined;
+}
+export interface DataTableProps {
+    title?: string;
+    rows?: DataTableRow[];
+    selectedRowId?: string;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/visual/table — visual.table */
+export declare class RdDataTableElement extends RosettaAtomElement {
+    static readonly tagName = "rd-data-table";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+    protected wireEvents(): void;
+}
+export declare function registerRdDataTable(): void;

package/src/visual/table/rd-data-table.js

@@ -0,0 +1,46 @@
+import { defineRosettaElement } from '../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../lib/rosetta-atom-element.js';
+export const RD_DATA_TABLE_TAG = 'rd-data-table';
+/** @rosettadash/web-components/visual/table — visual.table */
+export class RdDataTableElement extends RosettaAtomElement {
+    static tagName = RD_DATA_TABLE_TAG;
+    static get observedAttributes() {
+        return ["title", "rows", "selected-row-id"];
+    }
+    buildMarkup() {
+        const title = this.readAttr('title', 'Data table');
+        const selectedId = this.readAttr('selected-row-id');
+        const rows = this.parseJsonAttr('rows', []);
+        const body = rows.map((row) => {
+            const id = String(row['id'] ?? '');
+            const selected = id === selectedId;
+            const classes = ['rd-table__row', 'rd-table__row--interactive', selected ? 'rd-table__row--selected' : '']
+                .filter(Boolean)
+                .join(' ');
+            return `<tr class="${classes}" data-row-id="${this.esc(id)}"${selected ? ' aria-selected="true"' : ''}><td>${this.esc(String(row['name'] ?? ''))}</td><td>${this.esc(String(row['status'] ?? ''))}</td><td>${this.esc(String(row['amount'] ?? ''))}</td><td>${this.esc(String(row['date'] ?? ''))}</td></tr>`;
+        }).join('');
+        return `
+      <section class="rd-table rd-table" data-testid="rd-table">
+        <header class="rd-table__header"><span>${this.esc(title)}</span></header>
+        <div class="rd-table__scroll">
+          <table class="rd-table__table">
+            <thead><tr><th>Name</th><th>Status</th><th>Amount</th><th>Date</th></tr></thead>
+            <tbody>${body}</tbody>
+          </table>
+        </div>
+        <div data-ref="slot"></div>
+      </section>`;
+    }
+    wireEvents() {
+        this.addEventListener('click', (event) => {
+            const row = event.target instanceof HTMLElement ? event.target.closest('tr[data-row-id]') : null;
+            if (row instanceof HTMLElement && row.dataset['rowId']) {
+                this.dispatchDetail('row-select', { id: row.dataset['rowId'] });
+            }
+        });
+    }
+}
+export function registerRdDataTable() {
+    defineRosettaElement(RD_DATA_TABLE_TAG, RdDataTableElement);
+}
+//# sourceMappingURL=rd-data-table.js.map

package/src/visual/table/rd-data-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-data-table.js","sourceRoot":"","sources":["../../../../../../packages/web-components/src/visual/table/rd-data-table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEvE,MAAM,CAAC,MAAM,iBAAiB,GAAG,eAAe,CAAC;AAoBjD,8DAA8D;AAC9D,MAAM,OAAO,kBAAmB,SAAQ,kBAAkB;IACxD,MAAM,CAAU,OAAO,GAAG,iBAAiB,CAAC;IAE5C,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,OAAO,EAAC,MAAM,EAAC,iBAAiB,CAAC,CAAC;IAC5C,CAAC;IAES,WAAW;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;QACnD,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC;QACpD,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAqD,MAAM,EAAE,EAAE,CAAC,CAAC;QAChG,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YAC5B,MAAM,EAAE,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;YACnC,MAAM,QAAQ,GAAG,EAAE,KAAK,UAAU,CAAC;YACnC,MAAM,OAAO,GAAG,CAAC,eAAe,EAAE,4BAA4B,EAAE,QAAQ,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,CAAC;iBACvG,MAAM,CAAC,OAAO,CAAC;iBACf,IAAI,CAAC,GAAG,CAAC,CAAC;YACb,OAAO,cAAc,OAAO,kBAAkB,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,QAAQ,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,YAAY,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,YAAY,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,YAAY,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,YAAY,CAAC;QAChT,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACZ,OAAO;;iDAEsC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;;;;qBAI3C,IAAI;;;;iBAIR,CAAC;IAChB,CAAC;IAEkB,UAAU;QAC3B,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACvC,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,YAAY,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;YACjG,IAAI,GAAG,YAAY,WAAW,IAAI,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;gBACvD,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YAClE,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;;AAGH,MAAM,UAAU,mBAAmB;IACjC,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC;AAC9D,CAAC"}

package/src/visual/wasm/media/index.d.ts

@@ -0,0 +1 @@
+export { RdWasmMediaElement, DB_WASM_MEDIA_TAG, registerRdWasmMedia, } from '../../../wasm/wasm-media/rd-wasm-media.js';

package/src/visual/wasm/media/index.js

@@ -0,0 +1,2 @@
+export { RdWasmMediaElement, DB_WASM_MEDIA_TAG, registerRdWasmMedia, } from '../../../wasm/wasm-media/rd-wasm-media.js';
+//# sourceMappingURL=index.js.map

package/src/visual/wasm/media/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/wasm/media/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,2CAA2C,CAAC"}

package/src/visual/wasm/module/index.d.ts

@@ -0,0 +1,2 @@
+export type { WasmModuleProps } from './rd-wasm-module.js';
+export { registerRdWasmModule, RD_WASM_MODULE_TAG, RdWasmModuleElement } from './rd-wasm-module.js';

package/src/visual/wasm/module/index.js

@@ -0,0 +1,2 @@
+export { registerRdWasmModule, RD_WASM_MODULE_TAG, RdWasmModuleElement } from './rd-wasm-module.js';
+//# sourceMappingURL=index.js.map

package/src/visual/wasm/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/wasm/module/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC"}

package/src/visual/wasm/module/rd-wasm-module.d.ts

@@ -0,0 +1,16 @@
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export declare const RD_WASM_MODULE_TAG = "rd-wasm-module";
+export interface WasmModuleProps {
+    moduleLabel?: string;
+    exportName?: string;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/visual/wasm/module — visual.wasm.module */
+export declare class RdWasmModuleElement extends RosettaAtomElement {
+    static readonly tagName = "rd-wasm-module";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+}
+export declare function registerRdWasmModule(): void;

package/src/visual/wasm/module/rd-wasm-module.js

@@ -0,0 +1,24 @@
+import { defineRosettaElement } from '../../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export const RD_WASM_MODULE_TAG = 'rd-wasm-module';
+/** @rosettadash/web-components/visual/wasm/module — visual.wasm.module */
+export class RdWasmModuleElement extends RosettaAtomElement {
+    static tagName = RD_WASM_MODULE_TAG;
+    static get observedAttributes() {
+        return ["module-label", "export-name"];
+    }
+    buildMarkup() {
+        const moduleLabel = this.readAttr('module-label', 'WASM Module');
+        const exportName = this.readAttr('export-name', 'run()');
+        return `
+      <section class="rd-wasm-module" data-testid="rd-wasm-module">
+        <span class="rd-wasm__label">${this.esc(moduleLabel)}</span>
+        <code>${this.esc(exportName)}()</code>
+        <div data-ref="slot"></div>
+      </section>`;
+    }
+}
+export function registerRdWasmModule() {
+    defineRosettaElement(RD_WASM_MODULE_TAG, RdWasmModuleElement);
+}
+//# sourceMappingURL=rd-wasm-module.js.map

package/src/visual/wasm/module/rd-wasm-module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-wasm-module.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/wasm/module/rd-wasm-module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,MAAM,CAAC,MAAM,kBAAkB,GAAG,gBAAgB,CAAC;AAUnD,0EAA0E;AAC1E,MAAM,OAAO,mBAAoB,SAAQ,kBAAkB;IACzD,MAAM,CAAU,OAAO,GAAG,kBAAkB,CAAC;IAE7C,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,cAAc,EAAC,aAAa,CAAC,CAAC;IACxC,CAAC;IAES,WAAW;QACnB,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC;QACjE,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;QACzD,OAAO;;uCAE4B,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC;gBAC5C,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC;;iBAEnB,CAAC;IAChB,CAAC;;AAGH,MAAM,UAAU,oBAAoB;IAClC,oBAAoB,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC;AAChE,CAAC"}

package/src/visual/wasm/worker-host/index.d.ts

@@ -0,0 +1,2 @@
+export type { WasmWorkerHostProps } from './rd-wasm-worker-host.js';
+export { registerRdWasmWorkerHost, RD_WASM_WORKER_HOST_TAG, RdWasmWorkerHostElement } from './rd-wasm-worker-host.js';

package/src/visual/wasm/worker-host/index.js

@@ -0,0 +1,2 @@
+export { registerRdWasmWorkerHost, RD_WASM_WORKER_HOST_TAG, RdWasmWorkerHostElement } from './rd-wasm-worker-host.js';
+//# sourceMappingURL=index.js.map

package/src/visual/wasm/worker-host/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/wasm/worker-host/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC"}

package/src/visual/wasm/worker-host/rd-wasm-worker-host.d.ts

@@ -0,0 +1,16 @@
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export declare const RD_WASM_WORKER_HOST_TAG = "rd-wasm-worker-host";
+export interface WasmWorkerHostProps {
+    workerLabel?: string;
+    workerStatus?: string;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/visual/wasm/worker-host — visual.wasm.worker-host */
+export declare class RdWasmWorkerHostElement extends RosettaAtomElement {
+    static readonly tagName = "rd-wasm-worker-host";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+}
+export declare function registerRdWasmWorkerHost(): void;

package/src/visual/wasm/worker-host/rd-wasm-worker-host.js

@@ -0,0 +1,24 @@
+import { defineRosettaElement } from '../../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export const RD_WASM_WORKER_HOST_TAG = 'rd-wasm-worker-host';
+/** @rosettadash/web-components/visual/wasm/worker-host — visual.wasm.worker-host */
+export class RdWasmWorkerHostElement extends RosettaAtomElement {
+    static tagName = RD_WASM_WORKER_HOST_TAG;
+    static get observedAttributes() {
+        return ["worker-label", "worker-status"];
+    }
+    buildMarkup() {
+        const workerLabel = this.readAttr('worker-label', 'Worker');
+        const workerStatus = this.readAttr('worker-status', 'Idle');
+        return `
+      <section class="rd-wasm-worker-host" data-testid="rd-wasm-worker-host">
+        <span class="rd-wasm__label">${this.esc(workerLabel)}</span>
+        <span class="rd-wasm__status">${this.esc(workerStatus)}</span>
+        <div data-ref="slot"></div>
+      </section>`;
+    }
+}
+export function registerRdWasmWorkerHost() {
+    defineRosettaElement(RD_WASM_WORKER_HOST_TAG, RdWasmWorkerHostElement);
+}
+//# sourceMappingURL=rd-wasm-worker-host.js.map

package/src/visual/wasm/worker-host/rd-wasm-worker-host.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-wasm-worker-host.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/wasm/worker-host/rd-wasm-worker-host.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,MAAM,CAAC,MAAM,uBAAuB,GAAG,qBAAqB,CAAC;AAU7D,oFAAoF;AACpF,MAAM,OAAO,uBAAwB,SAAQ,kBAAkB;IAC7D,MAAM,CAAU,OAAO,GAAG,uBAAuB,CAAC;IAElD,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,cAAc,EAAC,eAAe,CAAC,CAAC;IAC1C,CAAC;IAES,WAAW;QACnB,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;QAC5D,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;QAC5D,OAAO;;uCAE4B,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC;wCACpB,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC;;iBAE7C,CAAC;IAChB,CAAC;;AAGH,MAAM,UAAU,wBAAwB;IACtC,oBAAoB,CAAC,uBAAuB,EAAE,uBAAuB,CAAC,CAAC;AACzE,CAAC"}

package/src/wasm/wasm-media/rd-wasm-media.d.ts

@@ -10,8 +10,10 @@ export declare class RdWasmMediaElement extends HTMLElement {
     private error;
     private resourcesReady;
     private extractListener;
+    static get observedAttributes(): string[];
     connectedCallback(): void;
     disconnectedCallback(): void;
+    attributeChangedCallback(): void;
     setProperty(name: string, value: unknown): void;
     whenReady(): Promise<void>;
     get label(): string;
@@ -19,11 +21,19 @@ export declare class RdWasmMediaElement extends HTMLElement {
     get extractionMode(): ExtractionMode;
     get outputFormat(): string;
     get showProgress(): boolean;
+    get reverse(): boolean;
     get filterPreview(): string;
     private resolveCrop;
     private mountShadow;
     private paint;
+    private resolveTrim;
+    private hasValidTrim;
+    private inputFileName;
+    private outputFileName;
+    private emitExtractError;
+    private blobFromFfmpegOutput;
     private ensureFfmpeg;
+    private attachFfmpegLogs;
     runEquirectExtract(): Promise<void>;
 }
 export declare function registerRdWasmMedia(): void;