@rosettadash/vue 0.1.1

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

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

package/src/visual/kpi/kpi-card.d.ts

@@ -0,0 +1,63 @@
+import { type PropType, type SlotsType, type VNode } from 'vue';
+export interface KpiCardProps {
+    title?: string;
+    value?: string | number;
+    delta?: string;
+    format?: 'number' | 'currency' | 'percent';
+    className?: string;
+}
+/** @rosettadash/vue/visual/kpi — visual.kpi */
+export declare const KpiCard: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    title: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    value: {
+        type: PropType<string | number | undefined>;
+        default: undefined;
+    };
+    delta: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    format: {
+        type: PropType<"number" | "currency" | "percent" | 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;
+    };
+    value: {
+        type: PropType<string | number | undefined>;
+        default: undefined;
+    };
+    delta: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    format: {
+        type: PropType<"number" | "currency" | "percent" | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    className: string | undefined;
+    title: string | undefined;
+    value: string | number | undefined;
+    delta: string | undefined;
+    format: "number" | "currency" | "percent" | undefined;
+}, SlotsType<{
+    default?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type KpiCardComponent = typeof KpiCard;

package/src/visual/kpi/kpi-card.js

@@ -0,0 +1,26 @@
+import { defineComponent, h } from 'vue';
+/** @rosettadash/vue/visual/kpi — visual.kpi */
+export const KpiCard = defineComponent({
+    name: 'RdKpiCard',
+    props: {
+        className: { type: String, default: undefined },
+        title: { type: String, default: undefined },
+        value: { type: String, default: undefined },
+        delta: { type: String, default: undefined },
+        format: { type: String, default: undefined },
+    },
+    slots: Object,
+    setup(props, { slots, attrs }) {
+        return () => {
+            var _a, _b, _c;
+            const rootClass = ['rd-kpi', props.className, typeof attrs.class === 'string' ? attrs.class : ''].filter(Boolean).join(' ');
+            return h('article', { class: rootClass, 'data-testid': 'rd-kpi' }, [
+                h('span', { class: 'rd-kpi__title' }, (_a = props.title) !== null && _a !== void 0 ? _a : 'Metric'),
+                h('span', { class: 'rd-kpi__value' }, String((_b = props.value) !== null && _b !== void 0 ? _b : '—')),
+                props.delta ? h('span', { class: 'rd-kpi__delta' }, props.delta) : null,
+                (_c = slots.default) === null || _c === void 0 ? void 0 : _c.call(slots),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=kpi-card.js.map

package/src/visual/kpi/kpi-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-card.js","sourceRoot":"","sources":["../../../../../../packages/vue/src/visual/kpi/kpi-card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAA6C,MAAM,KAAK,CAAC;AAUpF,+CAA+C;AAC/C,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,KAAK,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3E,KAAK,EAAE,EAAE,IAAI,EAAE,MAA+C,EAAE,OAAO,EAAE,SAAS,EAAE;QACpF,KAAK,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3E,MAAM,EAAE,EAAE,IAAI,EAAE,MAAiE,EAAE,OAAO,EAAE,SAAS,EAAE;KACxG;IACD,KAAK,EAAE,MAAgD;IACvD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE;;YACV,MAAM,SAAS,GAAG,CAAC,QAAQ,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;YAC5H,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE;gBACnE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,QAAQ,CAAC;gBAC9D,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,MAAM,CAAC,MAAA,KAAK,CAAC,KAAK,mCAAI,GAAG,CAAC,CAAC;gBACjE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;gBACvE,MAAA,KAAK,CAAC,OAAO,qDAAI;aAClB,CAAC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/src/visual/link-list/index.d.ts

@@ -0,0 +1,2 @@
+export type { LinkListItem, LinkListProps, LinkListComponent, } from './link-list';
+export { LinkList } from './link-list';

package/src/visual/link-list/index.js

@@ -0,0 +1,2 @@
+export { LinkList } from './link-list';
+//# sourceMappingURL=index.js.map

package/src/visual/link-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/vue/src/visual/link-list/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}

package/src/visual/link-list/link-list.d.ts

@@ -0,0 +1,46 @@
+import { type PropType } from 'vue';
+/** Single link item for visual/link-list. */
+export interface LinkListItem {
+    label: string;
+    href: string;
+}
+/** Public props contract for visual/link-list (parity with web-components). */
+export interface LinkListProps {
+    items?: LinkListItem[];
+    className?: string;
+    dense?: boolean;
+}
+export declare const LinkList: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<LinkListItem[]>;
+        default: () => never[];
+    };
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    dense: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<LinkListItem[]>;
+        default: () => never[];
+    };
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    dense: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    className: string | undefined;
+    items: LinkListItem[];
+    dense: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type LinkListComponent = typeof LinkList;

package/src/visual/link-list/link-list.js

@@ -0,0 +1,35 @@
+import { defineComponent, h } from 'vue';
+export const LinkList = defineComponent({
+    name: 'RdLinkList',
+    props: {
+        items: {
+            type: Array,
+            default: () => [],
+        },
+        className: { type: String, default: undefined },
+        dense: { type: Boolean, default: false },
+    },
+    setup(props, { attrs }) {
+        return () => {
+            var _a, _b;
+            const rootClass = [
+                'rd-link-list',
+                props.dense ? 'rd-link-list--dense' : '',
+                (_a = props.className) !== null && _a !== void 0 ? _a : '',
+                typeof attrs.class === 'string' ? attrs.class : '',
+            ]
+                .filter(Boolean)
+                .join(' ');
+            return h('ul', {
+                class: rootClass,
+                'data-testid': 'rd-link-list',
+            }, ((_b = props.items) !== null && _b !== void 0 ? _b : []).map((item) => h('li', { class: 'rd-link-list__item', key: `${item.href}:${item.label}` }, [
+                h('a', {
+                    class: 'rd-link-list__link',
+                    href: item.href,
+                }, item.label),
+            ])));
+        };
+    },
+});
+//# sourceMappingURL=link-list.js.map

package/src/visual/link-list/link-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-list.js","sourceRoot":"","sources":["../../../../../../packages/vue/src/visual/link-list/link-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAiB,MAAM,KAAK,CAAC;AAexD,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,KAAiC;YACvC,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE;SAClB;QACD,SAAS,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/E,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;KACzC;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,OAAO,GAAG,EAAE;;YACV,MAAM,SAAS,GAAG;gBAChB,cAAc;gBACd,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE;gBACxC,MAAA,KAAK,CAAC,SAAS,mCAAI,EAAE;gBACrB,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;aACnD;iBACE,MAAM,CAAC,OAAO,CAAC;iBACf,IAAI,CAAC,GAAG,CAAC,CAAC;YAEb,OAAO,CAAC,CACN,IAAI,EACJ;gBACE,KAAK,EAAE,SAAS;gBAChB,aAAa,EAAE,cAAc;aAC9B,EACD,CAAC,MAAA,KAAK,CAAC,KAAK,mCAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAC/B,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,EAAE,EAAE;gBAC1E,CAAC,CACC,GAAG,EACH;oBACE,KAAK,EAAE,oBAAoB;oBAC3B,IAAI,EAAE,IAAI,CAAC,IAAI;iBAChB,EACD,IAAI,CAAC,KAAK,CACX;aACF,CAAC,CACH,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/src/visual/media/equirect-viewport/index.d.ts

@@ -0,0 +1,39 @@
+import { type EquirectPreviewMode } from '@rosettadash/web-components/visual/media/equirect-viewport';
+export type { EquirectPreviewMode };
+export interface EquirectViewportProps {
+    label?: string;
+    previewMode?: EquirectPreviewMode;
+    sourceWidth?: number;
+    sourceHeight?: number;
+    cropX?: number;
+    cropY?: number;
+    cropWidth?: number;
+    cropHeight?: number;
+    outputWidth?: number;
+    outputHeight?: number;
+    yaw?: number;
+    pitch?: number;
+    horizontalFov?: number;
+    className?: string;
+}
+/**
+ * Vue wrapper around `<rd-equirect-viewport>`.
+ */
+export declare const EquirectViewport: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    className: {
+        type: import("vue").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: import("vue").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 EquirectViewportComponent = typeof EquirectViewport;

package/src/visual/media/equirect-viewport/index.js

@@ -0,0 +1,40 @@
+import { DB_EQUIRECT_VIEWPORT_TAG, registerRdEquirectViewport, } from '@rosettadash/web-components/visual/media/equirect-viewport';
+import { defineCustomElementHost } from '../../../lib/custom-element-host';
+/**
+ * Vue wrapper around `<rd-equirect-viewport>`.
+ */
+export const EquirectViewport = defineCustomElementHost({
+    name: 'RdEquirectViewport',
+    tagName: DB_EQUIRECT_VIEWPORT_TAG,
+    register: registerRdEquirectViewport,
+    attrs: {
+        previewMode: 'preview-mode',
+        sourceWidth: 'source-width',
+        sourceHeight: 'source-height',
+        cropX: 'crop-x',
+        cropY: 'crop-y',
+        cropWidth: 'crop-width',
+        cropHeight: 'crop-height',
+        outputWidth: 'output-width',
+        outputHeight: 'output-height',
+        horizontalFov: 'horizontal-fov',
+    },
+    events: {
+        'crop-region': 'cropRegion',
+    },
+}, {
+    label: { type: String, default: undefined },
+    previewMode: { type: String, default: undefined },
+    sourceWidth: { type: Number, default: undefined },
+    sourceHeight: { type: Number, 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 },
+});
+//# sourceMappingURL=index.js.map

package/src/visual/media/equirect-viewport/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/vue/src/visual/media/equirect-viewport/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,0BAA0B,GAE3B,MAAM,4DAA4D,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAqB3E;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,uBAAuB,CACrD;IACE,IAAI,EAAE,oBAAoB;IAC1B,OAAO,EAAE,wBAAwB;IACjC,QAAQ,EAAE,0BAA0B;IACpC,KAAK,EAAE;QACL,WAAW,EAAE,cAAc;QAC3B,WAAW,EAAE,cAAc;QAC3B,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,aAAa,EAAE,YAAY;KAC5B;CACF,EACD;IACE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC3C,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IACjD,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IACjD,YAAY,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAClD,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;CACpD,CACF,CAAC"}

package/src/visual/media/live-capture/index.d.ts

@@ -0,0 +1,2 @@
+export type { LiveCaptureProps, LiveCaptureComponent } from './live-capture';
+export { LiveCapture } from './live-capture';

package/src/visual/media/live-capture/index.js

@@ -0,0 +1,2 @@
+export { LiveCapture } from './live-capture';
+//# sourceMappingURL=index.js.map

package/src/visual/media/live-capture/index.js.map

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

package/src/visual/media/live-capture/live-capture.d.ts

@@ -0,0 +1,34 @@
+import { type PropType, type SlotsType, type VNode } from 'vue';
+export interface LiveCaptureProps {
+    label?: string;
+    onStart?: () => void;
+    className?: string;
+}
+/** @rosettadash/vue/visual/media/live-capture — visual.media.live-capture */
+export declare const LiveCapture: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    label: {
+        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;
+    };
+    label: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    className: string | undefined;
+    label: string | undefined;
+}, SlotsType<{
+    default?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type LiveCaptureComponent = typeof LiveCapture;

package/src/visual/media/live-capture/live-capture.js

@@ -0,0 +1,22 @@
+import { defineComponent, h } from 'vue';
+/** @rosettadash/vue/visual/media/live-capture — visual.media.live-capture */
+export const LiveCapture = defineComponent({
+    name: 'RdLiveCapture',
+    props: {
+        className: { type: String, default: undefined },
+        label: { type: String, default: undefined },
+    },
+    slots: Object,
+    setup(props, { slots, attrs }) {
+        return () => {
+            var _a, _b;
+            const rootClass = ['rd-media-live-capture', props.className, typeof attrs.class === 'string' ? attrs.class : ''].filter(Boolean).join(' ');
+            return h('section', { class: rootClass, 'data-testid': 'rd-media-live-capture' }, [
+                h('span', { class: 'rd-media__label' }, (_a = props.label) !== null && _a !== void 0 ? _a : 'Live capture'),
+                h('button', { type: 'button', class: 'rd-button' }, 'Start camera'),
+                (_b = slots.default) === null || _b === void 0 ? void 0 : _b.call(slots),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=live-capture.js.map

package/src/visual/media/live-capture/live-capture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-capture.js","sourceRoot":"","sources":["../../../../../../../packages/vue/src/visual/media/live-capture/live-capture.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAA6C,MAAM,KAAK,CAAC;AAQpF,6EAA6E;AAC7E,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,IAAI,EAAE,eAAe;IACrB,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,OAAO,GAAG,EAAE;;YACV,MAAM,SAAS,GAAG,CAAC,uBAAuB,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;YAC3I,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,uBAAuB,EAAE,EAAE;gBAClF,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,cAAc,CAAC;gBACtE,CAAC,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,cAAc,CAAC;gBACnE,MAAA,KAAK,CAAC,OAAO,qDAAI;aAClB,CAAC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/src/visual/media/video-source/index.d.ts

@@ -0,0 +1,32 @@
+export interface VideoSourceProps {
+    label?: string;
+    accept?: string;
+    sourceWidth?: number;
+    sourceHeight?: number;
+    className?: string;
+}
+export interface VideoFileDetail {
+    file: File;
+    metadata: Record<string, string | number | boolean | null | undefined>;
+}
+/**
+ * Vue wrapper around `<rd-video-source>`.
+ */
+export declare const VideoSource: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    className: {
+        type: import("vue").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: import("vue").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 VideoSourceComponent = typeof VideoSource;

package/src/visual/media/video-source/index.js

@@ -0,0 +1,24 @@
+import { DB_VIDEO_SOURCE_TAG, registerRdVideoSource, } from '@rosettadash/web-components/visual/media/video-source';
+import { defineCustomElementHost } from '../../../lib/custom-element-host';
+/**
+ * Vue wrapper around `<rd-video-source>`.
+ */
+export const VideoSource = defineCustomElementHost({
+    name: 'RdVideoSource',
+    tagName: DB_VIDEO_SOURCE_TAG,
+    register: registerRdVideoSource,
+    attrs: {
+        sourceWidth: 'source-width',
+        sourceHeight: 'source-height',
+    },
+    events: {
+        'video-file': 'videoFile',
+        metadata: 'metadata',
+    },
+}, {
+    label: { type: String, default: undefined },
+    accept: { type: String, default: undefined },
+    sourceWidth: { type: Number, default: undefined },
+    sourceHeight: { type: Number, default: undefined },
+});
+//# sourceMappingURL=index.js.map

package/src/visual/media/video-source/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/vue/src/visual/media/video-source/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,uDAAuD,CAAC;AAC/D,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAe3E;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,uBAAuB,CAChD;IACE,IAAI,EAAE,eAAe;IACrB,OAAO,EAAE,mBAAmB;IAC5B,QAAQ,EAAE,qBAAqB;IAC/B,KAAK,EAAE;QACL,WAAW,EAAE,cAAc;QAC3B,YAAY,EAAE,eAAe;KAC9B;IACD,MAAM,EAAE;QACN,YAAY,EAAE,WAAW;QACzB,QAAQ,EAAE,UAAU;KACrB;CACF,EACD;IACE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC3C,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC5C,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IACjD,YAAY,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;CACnD,CACF,CAAC"}

package/src/visual/news/article-detail/index.d.ts

@@ -0,0 +1,2 @@
+export type { NewsArticleDetailProps, NewsArticleDetailComponent } from './news-article-detail';
+export { NewsArticleDetail } from './news-article-detail';

package/src/visual/news/article-detail/index.js

@@ -0,0 +1,2 @@
+export { NewsArticleDetail } from './news-article-detail';
+//# sourceMappingURL=index.js.map

package/src/visual/news/article-detail/index.js.map

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

package/src/visual/news/article-detail/news-article-detail.d.ts

@@ -0,0 +1,43 @@
+import { type PropType, type SlotsType, type VNode } from 'vue';
+export interface NewsArticleDetailProps {
+    title?: string;
+    emptyMessage?: string;
+    className?: string;
+}
+/** @rosettadash/vue/visual/news/article-detail — visual.news.article-detail */
+export declare const NewsArticleDetail: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    title: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    emptyMessage: {
+        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;
+    };
+    title: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    emptyMessage: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    className: string | undefined;
+    title: string | undefined;
+    emptyMessage: string | undefined;
+}, SlotsType<{
+    default?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type NewsArticleDetailComponent = typeof NewsArticleDetail;

package/src/visual/news/article-detail/news-article-detail.js

@@ -0,0 +1,23 @@
+import { defineComponent, h } from 'vue';
+/** @rosettadash/vue/visual/news/article-detail — visual.news.article-detail */
+export const NewsArticleDetail = defineComponent({
+    name: 'RdNewsArticleDetail',
+    props: {
+        className: { type: String, default: undefined },
+        title: { type: String, default: undefined },
+        emptyMessage: { type: String, default: undefined },
+    },
+    slots: Object,
+    setup(props, { slots, attrs }) {
+        return () => {
+            var _a, _b, _c;
+            const rootClass = ['rd-news-article-detail', props.className, typeof attrs.class === 'string' ? attrs.class : ''].filter(Boolean).join(' ');
+            return h('section', { class: rootClass, 'data-testid': 'rd-news-article-detail' }, [
+                h('header', { class: 'rd-detail__header' }, h('span', null, (_a = props.title) !== null && _a !== void 0 ? _a : 'Article')),
+                h('p', { class: 'rd-detail__empty' }, (_b = props.emptyMessage) !== null && _b !== void 0 ? _b : 'Select a headline in News Results'),
+                (_c = slots.default) === null || _c === void 0 ? void 0 : _c.call(slots),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=news-article-detail.js.map

package/src/visual/news/article-detail/news-article-detail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"news-article-detail.js","sourceRoot":"","sources":["../../../../../../../packages/vue/src/visual/news/article-detail/news-article-detail.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAA6C,MAAM,KAAK,CAAC;AAQpF,+EAA+E;AAC/E,MAAM,CAAC,MAAM,iBAAiB,GAAG,eAAe,CAAC;IAC/C,IAAI,EAAE,qBAAqB;IAC3B,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,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,wBAAwB,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;YAC5I,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,wBAAwB,EAAE,EAAE;gBACnF,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,SAAS,CAAC,CAAC;gBACtF,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,mCAAmC,CAAC;gBAChG,MAAA,KAAK,CAAC,OAAO,qDAAI;aAClB,CAAC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/src/visual/news/language-select/index.d.ts

@@ -0,0 +1,2 @@
+export type { NewsLanguageSelectProps, NewsLanguageSelectComponent } from './news-language-select';
+export { NewsLanguageSelect } from './news-language-select';

package/src/visual/news/language-select/index.js

@@ -0,0 +1,2 @@
+export { NewsLanguageSelect } from './news-language-select';
+//# sourceMappingURL=index.js.map

package/src/visual/news/language-select/index.js.map

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

package/src/visual/news/language-select/news-language-select.d.ts

@@ -0,0 +1,76 @@
+import { type PropType, type SlotsType, type VNode } from 'vue';
+export interface NewsLanguageSelectProps {
+    label?: string;
+    placeholder?: string;
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    value?: string;
+    onChange?: (value: string) => void;
+    className?: string;
+}
+/** @rosettadash/vue/visual/news/language-select — visual.news.language-select */
+export declare const NewsLanguageSelect: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    label: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    placeholder: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    options: {
+        type: PropType<{
+            value: string;
+            label: string;
+        }[] | undefined>;
+        default: undefined;
+    };
+    value: {
+        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;
+    };
+    label: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    placeholder: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    options: {
+        type: PropType<{
+            value: string;
+            label: string;
+        }[] | undefined>;
+        default: undefined;
+    };
+    value: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    className: string | undefined;
+    label: string | undefined;
+    placeholder: string | undefined;
+    value: string | undefined;
+    options: {
+        value: string;
+        label: string;
+    }[] | undefined;
+}, SlotsType<{
+    default?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type NewsLanguageSelectComponent = typeof NewsLanguageSelect;

package/src/visual/news/language-select/news-language-select.js

@@ -0,0 +1,28 @@
+import { defineComponent, h } from 'vue';
+/** @rosettadash/vue/visual/news/language-select — visual.news.language-select */
+export const NewsLanguageSelect = defineComponent({
+    name: 'RdNewsLanguageSelect',
+    props: {
+        className: { type: String, default: undefined },
+        label: { type: String, default: undefined },
+        placeholder: { type: String, default: undefined },
+        options: { type: Array, default: undefined },
+        value: { type: String, default: undefined },
+    },
+    slots: Object,
+    setup(props, { slots, attrs }) {
+        return () => {
+            var _a, _b, _c, _d;
+            const rootClass = ['rd-news-language-select', props.className, typeof attrs.class === 'string' ? attrs.class : ''].filter(Boolean).join(' ');
+            return h('section', { class: rootClass, 'data-testid': 'rd-news-language-select' }, [
+                props.label ? h('span', { class: 'rd-field__label' }, props.label) : null,
+                h('select', { class: 'rd-select', value: (_a = props.value) !== null && _a !== void 0 ? _a : '' }, [
+                    h('option', { value: '' }, (_b = props.placeholder) !== null && _b !== void 0 ? _b : 'Select…'),
+                    ...((_c = props.options) !== null && _c !== void 0 ? _c : []).map((o) => h('option', { key: o.value, value: o.value }, o.label)),
+                ]),
+                (_d = slots.default) === null || _d === void 0 ? void 0 : _d.call(slots),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=news-language-select.js.map

package/src/visual/news/language-select/news-language-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"news-language-select.js","sourceRoot":"","sources":["../../../../../../../packages/vue/src/visual/news/language-select/news-language-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAA6C,MAAM,KAAK,CAAC;AAWpF,iFAAiF;AACjF,MAAM,CAAC,MAAM,kBAAkB,GAAG,eAAe,CAAC;IAChD,IAAI,EAAE,sBAAsB;IAC5B,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,WAAW,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QACjF,OAAO,EAAE,EAAE,IAAI,EAAE,KAAiE,EAAE,OAAO,EAAE,SAAS,EAAE;QACxG,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,OAAO,GAAG,EAAE;;YACV,MAAM,SAAS,GAAG,CAAC,yBAAyB,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;YAC7I,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,yBAAyB,EAAE,EAAE;gBACpF,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;gBACzE,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,EAAE,EAAE,EAAE;oBAC5D,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,MAAA,KAAK,CAAC,WAAW,mCAAI,SAAS,CAAC;oBAC1D,GAAG,CAAC,MAAA,KAAK,CAAC,OAAO,mCAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;iBAC5F,CAAC;gBACF,MAAA,KAAK,CAAC,OAAO,qDAAI;aAClB,CAAC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/src/visual/news/region-select/index.d.ts

@@ -0,0 +1,2 @@
+export type { NewsRegionSelectProps, NewsRegionSelectComponent } from './news-region-select';
+export { NewsRegionSelect } from './news-region-select';

package/src/visual/news/region-select/index.js

@@ -0,0 +1,2 @@
+export { NewsRegionSelect } from './news-region-select';
+//# sourceMappingURL=index.js.map