@rosettadash/vue 0.1.1

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

@@ -0,0 +1,26 @@
+import { defineComponent, h, computed } from 'vue';
+/** @rosettadash/vue/visual/skeleton — visual.skeleton */
+export const LoadingSkeleton = defineComponent({
+    name: 'RdLoadingSkeleton',
+    props: {
+        className: { type: String, default: undefined },
+        lines: { type: Number, default: undefined },
+    },
+    slots: Object,
+    setup(props, { slots, attrs }) {
+        const skeletonLines = computed(() => {
+            var _a;
+            const count = (_a = props.lines) !== null && _a !== void 0 ? _a : 4;
+            return Array.from({ length: count }, (_, i) => ['rd-skeleton__line', i === 2 ? 'rd-skeleton__line--short' : ''].filter(Boolean).join(' '));
+        });
+        return () => {
+            var _a;
+            const rootClass = ['rd-skeleton', props.className, typeof attrs.class === 'string' ? attrs.class : ''].filter(Boolean).join(' ');
+            return h('section', { class: rootClass, 'data-testid': 'rd-skeleton' }, [
+                ...skeletonLines.value.map((line, i) => h('span', { key: i, class: line })),
+                (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=loading-skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loading-skeleton.js","sourceRoot":"","sources":["../../../../../../packages/vue/src/visual/skeleton/loading-skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,QAAQ,EAA6C,MAAM,KAAK,CAAC;AAO9F,yDAAyD;AACzD,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC;IAC7C,IAAI,EAAE,mBAAmB;IACzB,KAAK,EAAE;QACL,SAAS,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/E,KAAK,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5E;IACD,KAAK,EAAE,MAAgD;IACvD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,MAAM,aAAa,GAAG,QAAQ,CAAC,GAAG,EAAE;;YAClC,MAAM,KAAK,GAAG,MAAA,KAAK,CAAC,KAAK,mCAAI,CAAC,CAAC;YAC/B,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAC5C,CAAC,mBAAmB,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAC3F,CAAC;QACJ,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE;;YACV,MAAM,SAAS,GAAG,CAAC,aAAa,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACjI,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,EAAE;gBACxE,GAAG,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;gBAC3E,MAAA,KAAK,CAAC,OAAO,qDAAI;aAClB,CAAC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export type { SvgIconProps, SvgIconComponent } from './svg-icon';
+export { SvgIcon } from './svg-icon';

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

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

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

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

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

@@ -0,0 +1,63 @@
+import { type PropType, type SlotsType, type VNode } from 'vue';
+export interface SvgIconProps {
+    markup?: string;
+    title?: string;
+    color?: string;
+    size?: number | string;
+    className?: string;
+}
+/** @rosettadash/vue/visual/svg/icon — visual.svg.icon */
+export declare const SvgIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    markup: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    title: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    color: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<number | string | undefined>;
+        default: undefined;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    markup: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    title: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    color: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<number | string | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    className: string | undefined;
+    title: string | undefined;
+    size: string | number | undefined;
+    markup: string | undefined;
+    color: string | undefined;
+}, SlotsType<{
+    default?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type SvgIconComponent = typeof SvgIcon;

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

@@ -0,0 +1,28 @@
+import { defineComponent, h } from 'vue';
+/** @rosettadash/vue/visual/svg/icon — visual.svg.icon */
+export const SvgIcon = defineComponent({
+    name: 'RdSvgIcon',
+    props: {
+        className: { type: String, default: undefined },
+        markup: { type: String, default: undefined },
+        title: { type: String, default: undefined },
+        color: { type: String, default: undefined },
+        size: { type: String, default: undefined },
+    },
+    slots: Object,
+    setup(props, { slots, attrs }) {
+        const defaultIconSvg = '<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>';
+        return () => {
+            var _a, _b, _c, _d;
+            const rootClass = ['rd-svg-icon', props.className, typeof attrs.class === 'string' ? attrs.class : ''].filter(Boolean).join(' ');
+            return h('span', {
+                class: rootClass,
+                'data-testid': 'rd-svg-icon',
+                style: { width: `${(_a = props.size) !== null && _a !== void 0 ? _a : 28}px`, height: `${(_b = props.size) !== null && _b !== void 0 ? _b : 28}px`, color: props.color },
+                title: (_c = props.title) !== null && _c !== void 0 ? _c : '',
+                innerHTML: (_d = props.markup) !== null && _d !== void 0 ? _d : defaultIconSvg,
+            });
+        };
+    },
+});
+//# sourceMappingURL=svg-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"svg-icon.js","sourceRoot":"","sources":["../../../../../../../packages/vue/src/visual/svg/icon/svg-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAA6C,MAAM,KAAK,CAAC;AAUpF,yDAAyD;AACzD,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC;IACrC,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE;QACL,SAAS,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/E,MAAM,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC5E,KAAK,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3E,KAAK,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3E,IAAI,EAAE,EAAE,IAAI,EAAE,MAA+C,EAAE,OAAO,EAAE,SAAS,EAAE;KACpF;IACD,KAAK,EAAE,MAAgD;IACvD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,MAAM,cAAc,GAAG,iKAAiK,CAAC;QACzL,OAAO,GAAG,EAAE;;YACV,MAAM,SAAS,GAAG,CAAC,aAAa,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACjI,OAAO,CAAC,CAAC,MAAM,EAAE;gBACjB,KAAK,EAAE,SAAS;gBAChB,aAAa,EAAE,aAAa;gBAC5B,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,MAAA,KAAK,CAAC,IAAI,mCAAI,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,MAAA,KAAK,CAAC,IAAI,mCAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE;gBAC9F,KAAK,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,EAAE;gBACxB,SAAS,EAAE,MAAA,KAAK,CAAC,MAAM,mCAAI,cAAc;aAC1C,CAAC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export type { SvgInlineProps, SvgInlineComponent } from './svg-inline';
+export { SvgInline } from './svg-inline';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/vue/src/visual/svg/inline/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,53 @@
+import { type PropType, type SlotsType, type VNode } from 'vue';
+export interface SvgInlineProps {
+    markup?: string;
+    width?: number | string;
+    height?: number | string;
+    className?: string;
+}
+/** @rosettadash/vue/visual/svg/inline — visual.svg.inline */
+export declare const SvgInline: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    markup: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    width: {
+        type: PropType<number | string | undefined>;
+        default: undefined;
+    };
+    height: {
+        type: PropType<number | string | undefined>;
+        default: undefined;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    markup: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    width: {
+        type: PropType<number | string | undefined>;
+        default: undefined;
+    };
+    height: {
+        type: PropType<number | string | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    className: string | undefined;
+    height: string | number | undefined;
+    width: string | number | undefined;
+    markup: string | undefined;
+}, SlotsType<{
+    default?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type SvgInlineComponent = typeof SvgInline;

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

@@ -0,0 +1,26 @@
+import { defineComponent, h } from 'vue';
+/** @rosettadash/vue/visual/svg/inline — visual.svg.inline */
+export const SvgInline = defineComponent({
+    name: 'RdSvgInline',
+    props: {
+        className: { type: String, default: undefined },
+        markup: { type: String, default: undefined },
+        width: { type: String, default: undefined },
+        height: { type: String, default: undefined },
+    },
+    slots: Object,
+    setup(props, { slots, attrs }) {
+        const defaultSvg = '<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>';
+        return () => {
+            var _a, _b, _c;
+            const rootClass = ['rd-svg-inline', props.className, typeof attrs.class === 'string' ? attrs.class : ''].filter(Boolean).join(' ');
+            return h('div', {
+                class: rootClass,
+                'data-testid': 'rd-svg-inline',
+                style: { width: `${(_a = props.width) !== null && _a !== void 0 ? _a : 96}px`, height: `${(_b = props.height) !== null && _b !== void 0 ? _b : 96}px` },
+                innerHTML: (_c = props.markup) !== null && _c !== void 0 ? _c : defaultSvg,
+            });
+        };
+    },
+});
+//# sourceMappingURL=svg-inline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"svg-inline.js","sourceRoot":"","sources":["../../../../../../../packages/vue/src/visual/svg/inline/svg-inline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAA6C,MAAM,KAAK,CAAC;AASpF,6DAA6D;AAC7D,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE;QACL,SAAS,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/E,MAAM,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC5E,KAAK,EAAE,EAAE,IAAI,EAAE,MAA+C,EAAE,OAAO,EAAE,SAAS,EAAE;QACpF,MAAM,EAAE,EAAE,IAAI,EAAE,MAA+C,EAAE,OAAO,EAAE,SAAS,EAAE;KACtF;IACD,KAAK,EAAE,MAAgD;IACvD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,MAAM,UAAU,GAAG,sIAAsI,CAAC;QAC1J,OAAO,GAAG,EAAE;;YACV,MAAM,SAAS,GAAG,CAAC,eAAe,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACnI,OAAO,CAAC,CAAC,KAAK,EAAE;gBAChB,KAAK,EAAE,SAAS;gBAChB,aAAa,EAAE,eAAe;gBAC9B,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,MAAA,KAAK,CAAC,KAAK,mCAAI,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,EAAE,IAAI,EAAE;gBAC7E,SAAS,EAAE,MAAA,KAAK,CAAC,MAAM,mCAAI,UAAU;aACtC,CAAC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,51 @@
+import { type PropType, type SlotsType, type VNode } from 'vue';
+export interface DataTableRow {
+    id: string;
+    name?: string;
+    status?: string;
+    amount?: number;
+    date?: string;
+    [key: string]: string | number | undefined;
+}
+export interface DataTableProps {
+    title?: string;
+    rows?: DataTableRow[];
+    className?: string;
+}
+/** @rosettadash/vue/visual/table — visual.table */
+export declare const DataTable: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    title: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    rows: {
+        type: PropType<DataTableRow[] | undefined>;
+        default: undefined;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    title: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    rows: {
+        type: PropType<DataTableRow[] | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    className: string | undefined;
+    title: string | undefined;
+    rows: DataTableRow[] | undefined;
+}, SlotsType<{
+    default?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type DataTableComponent = typeof DataTable;

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

@@ -0,0 +1,31 @@
+import { defineComponent, h } from 'vue';
+/** @rosettadash/vue/visual/table — visual.table */
+export const DataTable = defineComponent({
+    name: 'RdDataTable',
+    props: {
+        className: { type: String, default: undefined },
+        title: { type: String, default: undefined },
+        rows: { type: Array, default: undefined },
+    },
+    slots: Object,
+    setup(props, { slots, attrs }) {
+        return () => {
+            var _a, _b, _c;
+            const rootClass = ['rd-table', props.className, typeof attrs.class === 'string' ? attrs.class : ''].filter(Boolean).join(' ');
+            return h('section', { class: rootClass, 'data-testid': 'rd-table' }, [
+                h('header', { class: 'rd-table__header' }, h('span', null, (_a = props.title) !== null && _a !== void 0 ? _a : 'Data table')),
+                h('table', { class: 'rd-table__table' }, [
+                    h('thead', null, h('tr', null, ['Name', 'Status', 'Amount', 'Date'].map((col) => h('th', { key: col }, col)))),
+                    h('tbody', null, ((_b = props.rows) !== null && _b !== void 0 ? _b : []).map((row) => h('tr', { key: row.id }, [
+                        h('td', null, row.name),
+                        h('td', null, row.status),
+                        h('td', null, row.amount),
+                        h('td', null, row.date),
+                    ]))),
+                ]),
+                (_c = slots.default) === null || _c === void 0 ? void 0 : _c.call(slots),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=data-table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.js","sourceRoot":"","sources":["../../../../../../packages/vue/src/visual/table/data-table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAA6C,MAAM,KAAK,CAAC;AAiBpF,mDAAmD;AACnD,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE;QACL,SAAS,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/E,KAAK,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3E,IAAI,EAAE,EAAE,IAAI,EAAE,KAA6C,EAAE,OAAO,EAAE,SAAS,EAAE;KAClF;IACD,KAAK,EAAE,MAAgD;IACvD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE;;YACV,MAAM,SAAS,GAAG,CAAC,UAAU,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC9H,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,EAAE;gBACrE,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,YAAY,CAAC,CAAC;gBACxF,CAAC,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE;oBACvC,CAAC,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;oBAC9G,CAAC,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,MAAA,KAAK,CAAC,IAAI,mCAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAC9C,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,EAAE;wBACvB,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC;wBACvB,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC;wBACzB,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC;wBACzB,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC;qBACxB,CAAC,CACH,CAAC;iBACH,CAAC;gBACF,MAAA,KAAK,CAAC,OAAO,qDAAI;aAClB,CAAC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export type { DataTableProps, DataTableComponent } from './data-table';
+export { DataTable } from './data-table';

package/src/visual/table/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/vue/src/visual/table/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,2 @@
+export type { WasmMediaProps, WasmMediaComponent } from './wasm-media';
+export { WasmMedia } from './wasm-media';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/vue/src/visual/wasm/media/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,39 @@
+import type { PropType } from 'vue';
+export interface WasmMediaProps {
+    label?: string;
+    operation?: string;
+    extractionMode?: 'flat-crop' | 'rectilinear';
+    outputFormat?: string;
+    showProgress?: boolean;
+    cropX?: number;
+    cropY?: number;
+    cropWidth?: number;
+    cropHeight?: number;
+    outputWidth?: number;
+    outputHeight?: number;
+    yaw?: number;
+    pitch?: number;
+    horizontalFov?: number;
+    inputFile?: File | Blob | null;
+    cropRegion?: Record<string, string | number | boolean | null | undefined> | null;
+    className?: string;
+}
+/** Vue host for `<rd-wasm-media>`. */
+export declare const WasmMedia: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}>, {
+    className: string | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type WasmMediaComponent = typeof WasmMedia;

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

@@ -0,0 +1,47 @@
+import { DB_WASM_MEDIA_TAG, registerRdWasmMedia, } from '@rosettadash/web-components/visual/wasm/media';
+import { defineCustomElementHost } from '../../../lib/custom-element-host';
+/** Vue host for `<rd-wasm-media>`. */
+export const WasmMedia = defineCustomElementHost({
+    name: 'RdWasmMedia',
+    tagName: DB_WASM_MEDIA_TAG,
+    register: registerRdWasmMedia,
+    properties: ['inputFile', 'cropRegion'],
+    attrs: {
+        extractionMode: 'extraction-mode',
+        outputFormat: 'output-format',
+        showProgress: 'show-progress',
+        cropX: 'crop-x',
+        cropY: 'crop-y',
+        cropWidth: 'crop-width',
+        cropHeight: 'crop-height',
+        outputWidth: 'output-width',
+        outputHeight: 'output-height',
+        horizontalFov: 'horizontal-fov',
+    },
+    events: {
+        progress: 'progress',
+        'extract-complete': 'extractComplete',
+        metadata: 'metadata',
+    },
+}, {
+    label: { type: String, default: undefined },
+    operation: { type: String, default: undefined },
+    extractionMode: { type: String, default: undefined },
+    outputFormat: { type: String, default: undefined },
+    showProgress: { type: Boolean, default: undefined },
+    cropX: { type: Number, default: undefined },
+    cropY: { type: Number, default: undefined },
+    cropWidth: { type: Number, default: undefined },
+    cropHeight: { type: Number, default: undefined },
+    outputWidth: { type: Number, default: undefined },
+    outputHeight: { type: Number, default: undefined },
+    yaw: { type: Number, default: undefined },
+    pitch: { type: Number, default: undefined },
+    horizontalFov: { type: Number, default: undefined },
+    inputFile: { type: [Object, File], default: undefined },
+    cropRegion: {
+        type: Object,
+        default: undefined,
+    },
+});
+//# sourceMappingURL=wasm-media.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wasm-media.js","sourceRoot":"","sources":["../../../../../../../packages/vue/src/visual/wasm/media/wasm-media.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,+CAA+C,CAAC;AAEvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAsB3E,sCAAsC;AACtC,MAAM,CAAC,MAAM,SAAS,GAAG,uBAAuB,CAC9C;IACE,IAAI,EAAE,aAAa;IACnB,OAAO,EAAE,iBAAiB;IAC1B,QAAQ,EAAE,mBAAmB;IAC7B,UAAU,EAAE,CAAC,WAAW,EAAE,YAAY,CAAC;IACvC,KAAK,EAAE;QACL,cAAc,EAAE,iBAAiB;QACjC,YAAY,EAAE,eAAe;QAC7B,YAAY,EAAE,eAAe;QAC7B,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;QACf,SAAS,EAAE,YAAY;QACvB,UAAU,EAAE,aAAa;QACzB,WAAW,EAAE,cAAc;QAC3B,YAAY,EAAE,eAAe;QAC7B,aAAa,EAAE,gBAAgB;KAChC;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,UAAU;QACpB,kBAAkB,EAAE,iBAAiB;QACrC,QAAQ,EAAE,UAAU;KACrB;CACF,EACD;IACE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC3C,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC/C,cAAc,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IACpD,YAAY,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAClD,YAAY,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;IACnD,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC3C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC3C,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC/C,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAChD,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IACjD,YAAY,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAClD,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IACzC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC3C,aAAa,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IACnD,SAAS,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,IAAI,CAA6C,EAAE,OAAO,EAAE,SAAS,EAAE;IACnG,UAAU,EAAE;QACV,IAAI,EAAE,MAEL;QACD,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC"}

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

@@ -0,0 +1,2 @@
+export type { WasmModuleProps, WasmModuleComponent } from './wasm-module';
+export { WasmModule } from './wasm-module';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/vue/src/visual/wasm/module/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

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

@@ -0,0 +1,43 @@
+import { type PropType, type SlotsType, type VNode } from 'vue';
+export interface WasmModuleProps {
+    moduleLabel?: string;
+    exportName?: string;
+    className?: string;
+}
+/** @rosettadash/vue/visual/wasm/module — visual.wasm.module */
+export declare const WasmModule: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    moduleLabel: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    exportName: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    moduleLabel: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    exportName: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    className: string | undefined;
+    moduleLabel: string | undefined;
+    exportName: string | undefined;
+}, SlotsType<{
+    default?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type WasmModuleComponent = typeof WasmModule;

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

@@ -0,0 +1,24 @@
+import { defineComponent, h, computed } from 'vue';
+/** @rosettadash/vue/visual/wasm/module — visual.wasm.module */
+export const WasmModule = defineComponent({
+    name: 'RdWasmModule',
+    props: {
+        className: { type: String, default: undefined },
+        moduleLabel: { type: String, default: undefined },
+        exportName: { type: String, default: undefined },
+    },
+    slots: Object,
+    setup(props, { slots, attrs }) {
+        const exportFn = computed(() => props.exportName);
+        return () => {
+            var _a, _b, _c;
+            const rootClass = ['rd-wasm-module', props.className, typeof attrs.class === 'string' ? attrs.class : ''].filter(Boolean).join(' ');
+            return h('section', { class: rootClass, 'data-testid': 'rd-wasm-module' }, [
+                h('span', { class: 'rd-wasm__label' }, (_a = props.moduleLabel) !== null && _a !== void 0 ? _a : 'WASM Module'),
+                h('code', null, `${(_b = exportFn.value) !== null && _b !== void 0 ? _b : 'run()'}()`),
+                (_c = slots.default) === null || _c === void 0 ? void 0 : _c.call(slots),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=wasm-module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wasm-module.js","sourceRoot":"","sources":["../../../../../../../packages/vue/src/visual/wasm/module/wasm-module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,QAAQ,EAA6C,MAAM,KAAK,CAAC;AAQ9F,+DAA+D;AAC/D,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE;QACL,SAAS,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/E,WAAW,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QACjF,UAAU,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;KACjF;IACD,KAAK,EAAE,MAAgD;IACvD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QAClD,OAAO,GAAG,EAAE;;YACV,MAAM,SAAS,GAAG,CAAC,gBAAgB,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACpI,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,EAAE;gBAC3E,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,MAAA,KAAK,CAAC,WAAW,mCAAI,aAAa,CAAC;gBAC1E,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,MAAA,QAAQ,CAAC,KAAK,mCAAI,OAAO,IAAI,CAAC;gBACjD,MAAA,KAAK,CAAC,OAAO,qDAAI;aAClB,CAAC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export type { WasmWorkerHostProps, WasmWorkerHostComponent } from './wasm-worker-host';
+export { WasmWorkerHost } from './wasm-worker-host';

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

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

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

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

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

@@ -0,0 +1,43 @@
+import { type PropType, type SlotsType, type VNode } from 'vue';
+export interface WasmWorkerHostProps {
+    workerLabel?: string;
+    workerStatus?: string;
+    className?: string;
+}
+/** @rosettadash/vue/visual/wasm/worker-host — visual.wasm.worker-host */
+export declare const WasmWorkerHost: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    workerLabel: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    workerStatus: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    workerLabel: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    workerStatus: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    className: string | undefined;
+    workerLabel: string | undefined;
+    workerStatus: string | undefined;
+}, SlotsType<{
+    default?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type WasmWorkerHostComponent = typeof WasmWorkerHost;

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

@@ -0,0 +1,23 @@
+import { defineComponent, h } from 'vue';
+/** @rosettadash/vue/visual/wasm/worker-host — visual.wasm.worker-host */
+export const WasmWorkerHost = defineComponent({
+    name: 'RdWasmWorkerHost',
+    props: {
+        className: { type: String, default: undefined },
+        workerLabel: { type: String, default: undefined },
+        workerStatus: { type: String, default: undefined },
+    },
+    slots: Object,
+    setup(props, { slots, attrs }) {
+        return () => {
+            var _a, _b, _c;
+            const rootClass = ['rd-wasm-worker-host', props.className, typeof attrs.class === 'string' ? attrs.class : ''].filter(Boolean).join(' ');
+            return h('section', { class: rootClass, 'data-testid': 'rd-wasm-worker-host' }, [
+                h('span', { class: 'rd-wasm__label' }, (_a = props.workerLabel) !== null && _a !== void 0 ? _a : 'Worker'),
+                h('span', { class: 'rd-wasm__status' }, (_b = props.workerStatus) !== null && _b !== void 0 ? _b : 'Idle'),
+                (_c = slots.default) === null || _c === void 0 ? void 0 : _c.call(slots),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=wasm-worker-host.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wasm-worker-host.js","sourceRoot":"","sources":["../../../../../../../packages/vue/src/visual/wasm/worker-host/wasm-worker-host.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAA6C,MAAM,KAAK,CAAC;AAQpF,yEAAyE;AACzE,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC;IAC5C,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE;QACL,SAAS,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/E,WAAW,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QACjF,YAAY,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;KACnF;IACD,KAAK,EAAE,MAAgD;IACvD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE;;YACV,MAAM,SAAS,GAAG,CAAC,qBAAqB,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACzI,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,qBAAqB,EAAE,EAAE;gBAChF,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,MAAA,KAAK,CAAC,WAAW,mCAAI,QAAQ,CAAC;gBACrE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,MAAM,CAAC;gBACrE,MAAA,KAAK,CAAC,OAAO,qDAAI;aAClB,CAAC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+/** @deprecated Import from @rosettadash/vue/visual/wasm/media */
+export type { WasmMediaProps, WasmMediaComponent } from '../../visual/wasm/media/index.js';
+export { WasmMedia } from '../../visual/wasm/media/index.js';

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

@@ -0,0 +1,2 @@
+export { WasmMedia } from '../../visual/wasm/media/index.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/vue/src/wasm/wasm-media/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC"}