@rosettadash/vue 0.1.1

package/src/layout/modal/modal-layout.d.ts

@@ -0,0 +1,64 @@
+import { type PropType, type SlotsType, type VNode } from 'vue';
+export interface ModalLayoutProps {
+    title?: string;
+    body?: string;
+    confirmLabel?: string;
+    open?: boolean;
+    onConfirm?: () => void;
+    className?: string;
+}
+/** @rosettadash/vue/layout/modal — layout.modal */
+export declare const ModalLayout: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    title: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    body: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    confirmLabel: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    open: {
+        type: PropType<boolean | 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;
+    };
+    body: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    confirmLabel: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    open: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    className: string | undefined;
+    body: string | undefined;
+    title: string | undefined;
+    open: boolean | undefined;
+    confirmLabel: string | undefined;
+}, SlotsType<{
+    default?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type ModalLayoutComponent = typeof ModalLayout;

package/src/layout/modal/modal-layout.js

@@ -0,0 +1,28 @@
+import { defineComponent, h } from 'vue';
+/** @rosettadash/vue/layout/modal — layout.modal */
+export const ModalLayout = defineComponent({
+    name: 'RdModalLayout',
+    props: {
+        className: { type: String, default: undefined },
+        title: { type: String, default: undefined },
+        body: { type: String, default: undefined },
+        confirmLabel: { type: String, default: undefined },
+        open: { type: Boolean, default: undefined },
+    },
+    slots: Object,
+    setup(props, { slots, attrs }) {
+        return () => {
+            var _a, _b, _c;
+            const rootClass = ['rd-modal', props.className, typeof attrs.class === 'string' ? attrs.class : ''].filter(Boolean).join(' ');
+            return h('section', { class: rootClass, 'data-testid': 'rd-modal', role: 'dialog', 'aria-modal': 'true' }, [
+                h('div', { class: 'rd-modal__dialog' }, [
+                    h('span', { class: 'rd-modal__title' }, (_a = props.title) !== null && _a !== void 0 ? _a : 'Dialog'),
+                    props.body ? h('p', { class: 'rd-modal__body' }, props.body) : null,
+                    h('button', { type: 'button', class: 'rd-modal__confirm' }, (_b = props.confirmLabel) !== null && _b !== void 0 ? _b : 'Confirm'),
+                    (_c = slots.default) === null || _c === void 0 ? void 0 : _c.call(slots),
+                ]),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=modal-layout.js.map

package/src/layout/modal/modal-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-layout.js","sourceRoot":"","sources":["../../../../../../packages/vue/src/layout/modal/modal-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAA6C,MAAM,KAAK,CAAC;AAWpF,mDAAmD;AACnD,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;QAC3E,IAAI,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC1E,YAAY,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAClF,IAAI,EAAE,EAAE,IAAI,EAAE,OAAwC,EAAE,OAAO,EAAE,SAAS,EAAE;KAC7E;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,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE;gBAC3G,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE;oBACtC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,QAAQ,CAAC;oBAChE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI;oBACnE,CAAC,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,SAAS,CAAC;oBAC5F,MAAA,KAAK,CAAC,OAAO,qDAAI;iBAClB,CAAC;aACH,CAAC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/src/layout/tabs/index.d.ts

@@ -0,0 +1,2 @@
+export type { TabsLayoutProps, TabsLayoutComponent } from './tabs-layout';
+export { TabsLayout } from './tabs-layout';

package/src/layout/tabs/index.js

@@ -0,0 +1,2 @@
+export { TabsLayout } from './tabs-layout';
+//# sourceMappingURL=index.js.map

package/src/layout/tabs/index.js.map

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

package/src/layout/tabs/tabs-layout.d.ts

@@ -0,0 +1,58 @@
+import { type PropType, type SlotsType, type VNode } from 'vue';
+export interface TabsLayoutTab {
+    id: string;
+    label: string;
+}
+export interface TabsLayoutProps {
+    title?: string;
+    tabs?: TabsLayoutTab[];
+    activeTabId?: string;
+    onTabChange?: (tabId: string) => void;
+    className?: string;
+}
+/** @rosettadash/vue/layout/tabs — layout.tabs */
+export declare const TabsLayout: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    title: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    tabs: {
+        type: PropType<TabsLayoutTab[] | undefined>;
+        default: undefined;
+    };
+    activeTabId: {
+        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;
+    };
+    tabs: {
+        type: PropType<TabsLayoutTab[] | undefined>;
+        default: undefined;
+    };
+    activeTabId: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    className: string | undefined;
+    title: string | undefined;
+    tabs: TabsLayoutTab[] | undefined;
+    activeTabId: string | undefined;
+}, SlotsType<{
+    default?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type TabsLayoutComponent = typeof TabsLayout;

package/src/layout/tabs/tabs-layout.js

@@ -0,0 +1,27 @@
+import { defineComponent, h } from 'vue';
+/** @rosettadash/vue/layout/tabs — layout.tabs */
+export const TabsLayout = defineComponent({
+    name: 'RdTabsLayout',
+    props: {
+        className: { type: String, default: undefined },
+        title: { type: String, default: undefined },
+        tabs: { type: Array, default: undefined },
+        activeTabId: { type: String, default: undefined },
+    },
+    slots: Object,
+    setup(props, { slots, attrs }) {
+        function tabClass(id) {
+            return ['rd-tabs__tab', props.activeTabId === id ? 'rd-tabs__tab--active' : ''].filter(Boolean).join(' ');
+        }
+        return () => {
+            var _a, _b;
+            const rootClass = ['rd-tabs', props.className, typeof attrs.class === 'string' ? attrs.class : ''].filter(Boolean).join(' ');
+            return h('section', { class: rootClass, 'data-testid': 'rd-tabs' }, [
+                props.title ? h('span', { class: 'rd-tabs__title' }, props.title) : null,
+                h('div', { class: 'rd-tabs__tabs', role: 'tablist' }, ((_a = props.tabs) !== null && _a !== void 0 ? _a : []).map((tab) => h('button', { type: 'button', key: tab.id, role: 'tab', class: tabClass(tab.id) }, tab.label))),
+                h('div', { class: 'rd-tabs__panel' }, (_b = slots.default) === null || _b === void 0 ? void 0 : _b.call(slots)),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=tabs-layout.js.map

package/src/layout/tabs/tabs-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-layout.js","sourceRoot":"","sources":["../../../../../../packages/vue/src/layout/tabs/tabs-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAA6C,MAAM,KAAK,CAAC;AAepF,iDAAiD;AACjD,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,KAAK,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3E,IAAI,EAAE,EAAE,IAAI,EAAE,KAA8C,EAAE,OAAO,EAAE,SAAS,EAAE;QAClF,WAAW,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;KAClF;IACD,KAAK,EAAE,MAAgD;IACvD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,SAAS,QAAQ,CAAC,EAAU;YAC1B,OAAO,CAAC,cAAc,EAAE,KAAK,CAAC,WAAW,KAAK,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC5G,CAAC;QACD,OAAO,GAAG,EAAE;;YACV,MAAM,SAAS,GAAG,CAAC,SAAS,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;YAC7H,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE;gBACpE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;gBACxE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,MAAA,KAAK,CAAC,IAAI,mCAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CACnF,CAAC,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,CAAC,KAAK,CAAC,CAC9F,CAAC;gBACF,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,MAAA,KAAK,CAAC,OAAO,qDAAI,CAAC;aACzD,CAAC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/src/lib/custom-element-host.d.ts

@@ -0,0 +1,34 @@
+import { type PropType } from 'vue';
+export interface CustomElementHostOptions {
+    name: string;
+    tagName: string;
+    register: () => void;
+    /** Prop name → attribute name (omit for same kebab conversion). */
+    attrs?: Record<string, string>;
+    /** Prop keys synced via `element.setProperty(name, value)` when available. */
+    properties?: string[];
+    /** DOM event name → Vue emit name. */
+    events?: Record<string, string>;
+}
+/**
+ * Thin Vue wrapper factory around a registered custom element.
+ * Attributes are applied with setAttribute only (WC hosts often expose
+ * getters without setters, so Vue must not assign DOM properties).
+ */
+export declare function defineCustomElementHost(options: CustomElementHostOptions, propDefs: Record<string, unknown>): 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>;

package/src/lib/custom-element-host.js

@@ -0,0 +1,91 @@
+import { defineComponent, h, onBeforeUnmount, onMounted, ref, watch, } from 'vue';
+function toKebab(name) {
+    return name.replace(/[A-Z]/g, (ch) => `-${ch.toLowerCase()}`);
+}
+function syncAttributes(el, props, propKeys, attrMap) {
+    var _a;
+    for (const key of propKeys) {
+        const attr = (_a = attrMap[key]) !== null && _a !== void 0 ? _a : toKebab(key);
+        const value = props[key];
+        if (value === undefined || value === null || value === false) {
+            el.removeAttribute(attr);
+        }
+        else if (value === true) {
+            el.setAttribute(attr, '');
+        }
+        else {
+            el.setAttribute(attr, String(value));
+        }
+    }
+}
+function syncProperties(el, props, propertyKeys) {
+    const setProperty = el
+        .setProperty;
+    if (typeof setProperty !== 'function') {
+        return;
+    }
+    for (const key of propertyKeys) {
+        setProperty.call(el, key, props[key]);
+    }
+}
+/**
+ * Thin Vue wrapper factory around a registered custom element.
+ * Attributes are applied with setAttribute only (WC hosts often expose
+ * getters without setters, so Vue must not assign DOM properties).
+ */
+export function defineCustomElementHost(options, propDefs) {
+    var _a, _b, _c;
+    const attrMap = (_a = options.attrs) !== null && _a !== void 0 ? _a : {};
+    const eventMap = (_b = options.events) !== null && _b !== void 0 ? _b : {};
+    const propKeys = Object.keys(propDefs);
+    const propertyKeys = (_c = options.properties) !== null && _c !== void 0 ? _c : [];
+    return defineComponent({
+        name: options.name,
+        props: Object.assign({ className: {
+                type: String,
+                default: undefined,
+            } }, propDefs),
+        emits: Object.values(eventMap),
+        setup(props, { emit, attrs }) {
+            options.register();
+            const host = ref(null);
+            const listeners = [];
+            function applyAttrs() {
+                if (host.value) {
+                    syncAttributes(host.value, props, propKeys, attrMap);
+                    syncProperties(host.value, props, propertyKeys);
+                }
+            }
+            onMounted(() => {
+                const el = host.value;
+                if (!el) {
+                    return;
+                }
+                applyAttrs();
+                for (const [domEvent, vueEvent] of Object.entries(eventMap)) {
+                    const handler = (event) => {
+                        emit(vueEvent, event.detail);
+                    };
+                    el.addEventListener(domEvent, handler);
+                    listeners.push([domEvent, handler]);
+                }
+            });
+            onBeforeUnmount(() => {
+                const el = host.value;
+                for (const [domEvent, handler] of listeners) {
+                    el === null || el === void 0 ? void 0 : el.removeEventListener(domEvent, handler);
+                }
+            });
+            watch(() => [
+                ...propKeys.map((key) => props[key]),
+                ...propertyKeys.map((key) => props[key]),
+            ], () => applyAttrs());
+            return () => h(options.tagName, {
+                ref: host,
+                class: [props.className, attrs.class].filter(Boolean).join(' ') ||
+                    undefined,
+            });
+        },
+    });
+}
+//# sourceMappingURL=custom-element-host.js.map

package/src/lib/custom-element-host.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-element-host.js","sourceRoot":"","sources":["../../../../../packages/vue/src/lib/custom-element-host.ts"],"names":[],"mappings":"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"}

package/src/logic/timer/index.d.ts

@@ -0,0 +1,2 @@
+export type { TimerProps, TimerComponent } from './timer';
+export { Timer } from './timer';

package/src/logic/timer/index.js

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

package/src/logic/timer/index.js.map

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

package/src/logic/timer/timer.d.ts

@@ -0,0 +1,63 @@
+import { type PropType, type SlotsType, type VNode } from 'vue';
+export interface TimerProps {
+    label?: string;
+    mode?: 'interval' | 'countdown';
+    intervalMs?: number;
+    tickCount?: number;
+    className?: string;
+}
+/** @rosettadash/vue/logic/timer — logic.timer */
+export declare const Timer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    label: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    mode: {
+        type: PropType<"interval" | "countdown" | undefined>;
+        default: undefined;
+    };
+    intervalMs: {
+        type: PropType<number | undefined>;
+        default: undefined;
+    };
+    tickCount: {
+        type: PropType<number | 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;
+    };
+    mode: {
+        type: PropType<"interval" | "countdown" | undefined>;
+        default: undefined;
+    };
+    intervalMs: {
+        type: PropType<number | undefined>;
+        default: undefined;
+    };
+    tickCount: {
+        type: PropType<number | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    className: string | undefined;
+    mode: "interval" | "countdown" | undefined;
+    label: string | undefined;
+    intervalMs: number | undefined;
+    tickCount: number | undefined;
+}, SlotsType<{
+    default?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type TimerComponent = typeof Timer;

package/src/logic/timer/timer.js

@@ -0,0 +1,25 @@
+import { defineComponent, h } from 'vue';
+/** @rosettadash/vue/logic/timer — logic.timer */
+export const Timer = defineComponent({
+    name: 'RdTimer',
+    props: {
+        className: { type: String, default: undefined },
+        label: { type: String, default: undefined },
+        mode: { type: String, default: undefined },
+        intervalMs: { type: Number, default: undefined },
+        tickCount: { type: Number, default: undefined },
+    },
+    slots: Object,
+    setup(props, { slots, attrs }) {
+        return () => {
+            var _a, _b;
+            const rootClass = ['rd-timer', props.className, typeof attrs.class === 'string' ? attrs.class : ''].filter(Boolean).join(' ');
+            return h('section', { class: rootClass, 'data-testid': 'rd-timer' }, [
+                props.label ? h('span', { class: 'rd-timer__label' }, props.label) : null,
+                h('span', { class: 'rd-timer__value' }, `${(_a = props.tickCount) !== null && _a !== void 0 ? _a : 0} ticks`),
+                (_b = slots.default) === null || _b === void 0 ? void 0 : _b.call(slots),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=timer.js.map

package/src/logic/timer/timer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timer.js","sourceRoot":"","sources":["../../../../../../packages/vue/src/logic/timer/timer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAA6C,MAAM,KAAK,CAAC;AAUpF,iDAAiD;AACjD,MAAM,CAAC,MAAM,KAAK,GAAG,eAAe,CAAC;IACnC,IAAI,EAAE,SAAS;IACf,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,MAAwD,EAAE,OAAO,EAAE,SAAS,EAAE;QAC5F,UAAU,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAChF,SAAS,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;KAChF;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,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,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,GAAG,MAAA,KAAK,CAAC,SAAS,mCAAI,CAAC,QAAQ,CAAC;gBACxE,MAAA,KAAK,CAAC,OAAO,qDAAI;aAClB,CAAC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/src/visual/chart/bar/bar-chart.d.ts

@@ -0,0 +1,33 @@
+import { type PropType, type SlotsType, type VNode } from 'vue';
+export interface BarChartProps {
+    title?: string;
+    className?: string;
+}
+/** @rosettadash/vue/visual/chart/bar — visual.chart.bar */
+export declare const BarChart: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    title: {
+        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;
+    };
+}>> & Readonly<{}>, {
+    className: string | undefined;
+    title: string | undefined;
+}, SlotsType<{
+    default?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type BarChartComponent = typeof BarChart;

package/src/visual/chart/bar/bar-chart.js

@@ -0,0 +1,23 @@
+import { defineComponent, h } from 'vue';
+/** @rosettadash/vue/visual/chart/bar — visual.chart.bar */
+export const BarChart = defineComponent({
+    name: 'RdBarChart',
+    props: {
+        className: { type: String, default: undefined },
+        title: { type: String, default: undefined },
+    },
+    slots: Object,
+    setup(props, { slots, attrs }) {
+        const barHeights = [40, 65, 55, 80, 48];
+        return () => {
+            var _a, _b;
+            const rootClass = ['rd-chart-bar', props.className, typeof attrs.class === 'string' ? attrs.class : ''].filter(Boolean).join(' ');
+            return h('section', { class: rootClass, 'data-testid': 'rd-chart-bar' }, [
+                h('header', { class: 'rd-chart-bar__header' }, h('span', null, (_a = props.title) !== null && _a !== void 0 ? _a : 'Bar chart')),
+                h('div', { class: 'rd-chart-bar__bars', 'aria-hidden': 'true' }, barHeights.map((height, i) => h('div', { key: i, class: 'rd-chart-bar__bar-wrap' }, h('div', { class: 'rd-chart-bar__bar', style: { height: `${height}%` } })))),
+                (_b = slots.default) === null || _b === void 0 ? void 0 : _b.call(slots),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=bar-chart.js.map

package/src/visual/chart/bar/bar-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar-chart.js","sourceRoot":"","sources":["../../../../../../../packages/vue/src/visual/chart/bar/bar-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAA6C,MAAM,KAAK,CAAC;AAOpF,2DAA2D;AAC3D,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,IAAI,EAAE,YAAY;IAClB,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,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;QACxC,OAAO,GAAG,EAAE;;YACV,MAAM,SAAS,GAAG,CAAC,cAAc,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;YAClI,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,EAAE;gBACzE,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,WAAW,CAAC,CAAC;gBAC3F,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAC5F,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,EAAE,EAAE,CAAC,CAAC,CACjI,CAAC;gBACF,MAAA,KAAK,CAAC,OAAO,qDAAI;aAClB,CAAC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/src/visual/chart/bar/index.d.ts

@@ -0,0 +1,2 @@
+export type { BarChartProps, BarChartComponent } from './bar-chart';
+export { BarChart } from './bar-chart';

package/src/visual/chart/bar/index.js

@@ -0,0 +1,2 @@
+export { BarChart } from './bar-chart';
+//# sourceMappingURL=index.js.map

package/src/visual/chart/bar/index.js.map

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

package/src/visual/chart/line/index.d.ts

@@ -0,0 +1,2 @@
+export type { LineChartProps, LineChartComponent } from './line-chart';
+export { LineChart } from './line-chart';

package/src/visual/chart/line/index.js

@@ -0,0 +1,2 @@
+export { LineChart } from './line-chart';
+//# sourceMappingURL=index.js.map

package/src/visual/chart/line/index.js.map

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

package/src/visual/chart/line/line-chart.d.ts

@@ -0,0 +1,33 @@
+import { type PropType, type SlotsType, type VNode } from 'vue';
+export interface LineChartProps {
+    title?: string;
+    className?: string;
+}
+/** @rosettadash/vue/visual/chart/line — visual.chart.line */
+export declare const LineChart: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    title: {
+        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;
+    };
+}>> & Readonly<{}>, {
+    className: string | undefined;
+    title: string | undefined;
+}, SlotsType<{
+    default?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type LineChartComponent = typeof LineChart;

package/src/visual/chart/line/line-chart.js

@@ -0,0 +1,24 @@
+import { defineComponent, h } from 'vue';
+/** @rosettadash/vue/visual/chart/line — visual.chart.line */
+export const LineChart = defineComponent({
+    name: 'RdLineChart',
+    props: {
+        className: { type: String, default: undefined },
+        title: { type: String, default: undefined },
+    },
+    slots: Object,
+    setup(props, { slots, attrs }) {
+        return () => {
+            var _a, _b;
+            const rootClass = ['rd-chart-line', props.className, typeof attrs.class === 'string' ? attrs.class : ''].filter(Boolean).join(' ');
+            return h('section', { class: rootClass, 'data-testid': 'rd-chart-line' }, [
+                h('header', { class: 'rd-chart-line__header' }, h('span', null, (_a = props.title) !== null && _a !== void 0 ? _a : 'Line chart')),
+                h('svg', { viewBox: '0 0 240 96', class: 'rd-chart-line__svg', 'aria-hidden': 'true' }, [
+                    h('polyline', { class: 'rd-chart-line__line', points: '0,80 40,60 80,65 120,40 160,45 200,20 240,30' }),
+                ]),
+                (_b = slots.default) === null || _b === void 0 ? void 0 : _b.call(slots),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=line-chart.js.map

package/src/visual/chart/line/line-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-chart.js","sourceRoot":"","sources":["../../../../../../../packages/vue/src/visual/chart/line/line-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAA6C,MAAM,KAAK,CAAC;AAOpF,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,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,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,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,eAAe,EAAE,EAAE;gBAC1E,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,YAAY,CAAC,CAAC;gBAC7F,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE;oBACtF,CAAC,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,MAAM,EAAE,8CAA8C,EAAE,CAAC;iBACxG,CAAC;gBACF,MAAA,KAAK,CAAC,OAAO,qDAAI;aAClB,CAAC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/src/visual/chart/pie/index.d.ts

@@ -0,0 +1,2 @@
+export type { PieChartProps, PieChartComponent } from './pie-chart';
+export { PieChart } from './pie-chart';

package/src/visual/chart/pie/index.js

@@ -0,0 +1,2 @@
+export { PieChart } from './pie-chart';
+//# sourceMappingURL=index.js.map

package/src/visual/chart/pie/index.js.map

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