@wirekyt/vue 0.0.1 → 0.0.2

package/dist/marquee.d.cts

@@ -0,0 +1,208 @@
+import { a as PolymorphicProps } from "./factory-BNwuanv4.cjs";
+import { i as EmitFn$1, l as PropTypes, o as Optional } from "./index-B-o8jLyV.cjs";
+import { ComputedRef, HTMLAttributes, MaybeRef, UnwrapRef } from "vue";
+import * as marquee from "@wirekyt/dom/machines/marquee";
+import { EdgeProps, PauseStatusDetails, PauseStatusDetails as MarqueePauseStatusDetails, Side, Side as MarqueeSide, anatomy as marqueeAnatomy } from "@wirekyt/dom/machines/marquee";
+//#region src/components/marquee/content.vue.d.ts
+interface MarqueeContentBaseProps extends PolymorphicProps {}
+interface MarqueeContentProps extends MarqueeContentBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default: typeof __VLS_export$6;
+declare const __VLS_export$6: __VLS_WithSlots$6<import("vue").DefineComponent<MarqueeContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MarqueeContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$6<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/marquee/types.d.ts
+interface RootProps {
+  autoFill?: boolean;
+  defaultPaused?: boolean;
+  delay?: number;
+  id?: string;
+  ids?: Partial<{
+    root: string;
+    viewport: string;
+    content: (index: number) => string;
+  }>;
+  loopCount?: number;
+  pauseOnInteraction?: boolean;
+  paused?: boolean;
+  reverse?: boolean;
+  side?: marquee.Side;
+  spacing?: string;
+  speed?: number;
+  translations?: marquee.IntlTranslations;
+}
+type RootEmits = {
+  complete: [];
+  loopComplete: [];
+  pauseChange: [details: marquee.PauseStatusDetails];
+};
+//#endregion
+//#region src/components/marquee/use-marquee.d.ts
+interface UseMarqueeProps extends Optional<Omit<marquee.Props, "dir" | "getRootNode">, "id"> {}
+interface UseMarqueeReturn extends ComputedRef<marquee.Api<PropTypes>> {}
+declare const useMarquee: (props?: MaybeRef<UseMarqueeProps>, emit?: EmitFn$1<RootEmits>) => UseMarqueeReturn;
+//#endregion
+//#region src/components/marquee/use-context.d.ts
+interface UseMarqueeContext extends UseMarqueeReturn {}
+declare const MarqueeProvider: (opts: UseMarqueeContext) => void, useMarqueeContext: (fallback?: UseMarqueeContext | undefined) => UseMarqueeContext;
+//#endregion
+//#region src/components/marquee/context.vue.d.ts
+interface MarqueeContextProps {
+  children: (context: UseMarqueeContext) => any;
+}
+declare const _default$1: typeof __VLS_export$5;
+declare const __VLS_export$5: __VLS_WithSlots$5<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+  default?: (props: {
+    paused: boolean;
+    orientation: "horizontal" | "vertical";
+    side: import("@wirekyt/dom/machines/marquee").Side;
+    multiplier: number;
+    contentCount: number;
+    pause: VoidFunction;
+    resume: VoidFunction;
+    togglePause: VoidFunction;
+    restart: VoidFunction;
+    getRootProps: () => import("vue").HTMLAttributes & {
+      key?: string | number | symbol | undefined;
+      ref?: import("vue").VNodeRef | undefined;
+    };
+    getViewportProps: () => import("vue").HTMLAttributes & {
+      key?: string | number | symbol | undefined;
+      ref?: import("vue").VNodeRef | undefined;
+    };
+    getContentProps: (props: import("@wirekyt/dom/machines/marquee").ContentProps) => import("vue").HTMLAttributes & {
+      key?: string | number | symbol | undefined;
+      ref?: import("vue").VNodeRef | undefined;
+    };
+    getEdgeProps: (props: import("@wirekyt/dom/machines/marquee").EdgeProps) => import("vue").HTMLAttributes & {
+      key?: string | number | symbol | undefined;
+      ref?: import("vue").VNodeRef | undefined;
+    };
+    getItemProps: () => import("vue").HTMLAttributes & {
+      key?: string | number | symbol | undefined;
+      ref?: import("vue").VNodeRef | undefined;
+    };
+  }) => any;
+}>;
+type __VLS_WithSlots$5<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/marquee/edge.vue.d.ts
+interface MarqueeEdgeBaseProps extends EdgeProps, PolymorphicProps {}
+interface MarqueeEdgeProps extends MarqueeEdgeBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$2: typeof __VLS_export$4;
+declare const __VLS_export$4: __VLS_WithSlots$4<import("vue").DefineComponent<MarqueeEdgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MarqueeEdgeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$4<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/marquee/item.vue.d.ts
+interface MarqueeItemBaseProps extends PolymorphicProps {}
+interface MarqueeItemProps extends MarqueeItemBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$3: typeof __VLS_export$3;
+declare const __VLS_export$3: __VLS_WithSlots$3<import("vue").DefineComponent<MarqueeItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MarqueeItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/marquee/root.vue.d.ts
+interface MarqueeRootBaseProps extends RootProps, PolymorphicProps {}
+interface MarqueeRootProps extends MarqueeRootBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+interface MarqueeRootEmits extends RootEmits {}
+declare const _default$4: typeof __VLS_export$2;
+declare const __VLS_export$2: __VLS_WithSlots$2<import("vue").DefineComponent<MarqueeRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  complete: () => any;
+  loopComplete: () => any;
+  pauseChange: (details: import("@wirekyt/dom/machines/marquee").PauseStatusDetails) => any;
+}, string, import("vue").PublicProps, Readonly<MarqueeRootProps> & Readonly<{
+  onComplete?: (() => any) | undefined;
+  onLoopComplete?: (() => any) | undefined;
+  onPauseChange?: ((details: import("@wirekyt/dom/machines/marquee").PauseStatusDetails) => any) | undefined;
+}>, {
+  reverse: boolean;
+  autoFill: boolean;
+  pauseOnInteraction: boolean;
+  paused: boolean;
+  defaultPaused: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/marquee/root-provider.vue.d.ts
+interface RootProviderProps {
+  value: UnwrapRef<UseMarqueeReturn>;
+}
+interface MarqueeRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface MarqueeRootProviderProps extends MarqueeRootProviderBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$5: typeof __VLS_export$1;
+declare const __VLS_export$1: __VLS_WithSlots$1<import("vue").DefineComponent<MarqueeRootProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MarqueeRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/marquee/viewport.vue.d.ts
+interface MarqueeViewportBaseProps extends PolymorphicProps {}
+interface MarqueeViewportProps extends MarqueeViewportBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$6: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<MarqueeViewportProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MarqueeViewportProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+declare namespace marquee_d_exports {
+  export { _default as Content, MarqueeContentBaseProps as ContentBaseProps, MarqueeContentProps as ContentProps, _default$1 as Context, MarqueeContextProps as ContextProps, _default$2 as Edge, MarqueeEdgeBaseProps as EdgeBaseProps, MarqueeEdgeProps as EdgeProps, _default$3 as Item, MarqueeItemBaseProps as ItemBaseProps, MarqueeItemProps as ItemProps, PauseStatusDetails, _default$4 as Root, MarqueeRootBaseProps as RootBaseProps, MarqueeRootEmits as RootEmits, MarqueeRootProps as RootProps, _default$5 as RootProvider, MarqueeRootProviderBaseProps as RootProviderBaseProps, MarqueeRootProviderProps as RootProviderProps, Side, _default$6 as Viewport, MarqueeViewportBaseProps as ViewportBaseProps, MarqueeViewportProps as ViewportProps };
+}
+//#endregion
+export { marquee_d_exports as Marquee, _default as MarqueeContent, type MarqueeContentBaseProps, type MarqueeContentProps, _default$1 as MarqueeContext, type MarqueeContextProps, _default$2 as MarqueeEdge, type MarqueeEdgeBaseProps, type MarqueeEdgeProps, _default$3 as MarqueeItem, type MarqueeItemBaseProps, type MarqueeItemProps, type MarqueePauseStatusDetails, _default$4 as MarqueeRoot, type MarqueeRootBaseProps, type MarqueeRootEmits, type MarqueeRootProps, _default$5 as MarqueeRootProvider, type MarqueeRootProviderBaseProps, type MarqueeRootProviderProps, type MarqueeSide, _default$6 as MarqueeViewport, type MarqueeViewportBaseProps, type MarqueeViewportProps, type UseMarqueeContext, type UseMarqueeProps, type UseMarqueeReturn, marqueeAnatomy, useMarquee, useMarqueeContext };

package/dist/marquee.d.ts

@@ -0,0 +1,208 @@
+import { a as PolymorphicProps } from "./factory-BNwuanv4.js";
+import { i as EmitFn$1, l as PropTypes, o as Optional } from "./index-BSoF1D-v.js";
+import { ComputedRef, HTMLAttributes, MaybeRef, UnwrapRef } from "vue";
+import * as marquee from "@wirekyt/dom/machines/marquee";
+import { EdgeProps, PauseStatusDetails, PauseStatusDetails as MarqueePauseStatusDetails, Side, Side as MarqueeSide, anatomy as marqueeAnatomy } from "@wirekyt/dom/machines/marquee";
+//#region src/components/marquee/content.vue.d.ts
+interface MarqueeContentBaseProps extends PolymorphicProps {}
+interface MarqueeContentProps extends MarqueeContentBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default: typeof __VLS_export$6;
+declare const __VLS_export$6: __VLS_WithSlots$6<import("vue").DefineComponent<MarqueeContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MarqueeContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$6<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/marquee/types.d.ts
+interface RootProps {
+  autoFill?: boolean;
+  defaultPaused?: boolean;
+  delay?: number;
+  id?: string;
+  ids?: Partial<{
+    root: string;
+    viewport: string;
+    content: (index: number) => string;
+  }>;
+  loopCount?: number;
+  pauseOnInteraction?: boolean;
+  paused?: boolean;
+  reverse?: boolean;
+  side?: marquee.Side;
+  spacing?: string;
+  speed?: number;
+  translations?: marquee.IntlTranslations;
+}
+type RootEmits = {
+  complete: [];
+  loopComplete: [];
+  pauseChange: [details: marquee.PauseStatusDetails];
+};
+//#endregion
+//#region src/components/marquee/use-marquee.d.ts
+interface UseMarqueeProps extends Optional<Omit<marquee.Props, "dir" | "getRootNode">, "id"> {}
+interface UseMarqueeReturn extends ComputedRef<marquee.Api<PropTypes>> {}
+declare const useMarquee: (props?: MaybeRef<UseMarqueeProps>, emit?: EmitFn$1<RootEmits>) => UseMarqueeReturn;
+//#endregion
+//#region src/components/marquee/use-context.d.ts
+interface UseMarqueeContext extends UseMarqueeReturn {}
+declare const MarqueeProvider: (opts: UseMarqueeContext) => void, useMarqueeContext: (fallback?: UseMarqueeContext | undefined) => UseMarqueeContext;
+//#endregion
+//#region src/components/marquee/context.vue.d.ts
+interface MarqueeContextProps {
+  children: (context: UseMarqueeContext) => any;
+}
+declare const _default$1: typeof __VLS_export$5;
+declare const __VLS_export$5: __VLS_WithSlots$5<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+  default?: (props: {
+    paused: boolean;
+    orientation: "horizontal" | "vertical";
+    side: import("@wirekyt/dom/machines/marquee").Side;
+    multiplier: number;
+    contentCount: number;
+    pause: VoidFunction;
+    resume: VoidFunction;
+    togglePause: VoidFunction;
+    restart: VoidFunction;
+    getRootProps: () => import("vue").HTMLAttributes & {
+      key?: string | number | symbol | undefined;
+      ref?: import("vue").VNodeRef | undefined;
+    };
+    getViewportProps: () => import("vue").HTMLAttributes & {
+      key?: string | number | symbol | undefined;
+      ref?: import("vue").VNodeRef | undefined;
+    };
+    getContentProps: (props: import("@wirekyt/dom/machines/marquee").ContentProps) => import("vue").HTMLAttributes & {
+      key?: string | number | symbol | undefined;
+      ref?: import("vue").VNodeRef | undefined;
+    };
+    getEdgeProps: (props: import("@wirekyt/dom/machines/marquee").EdgeProps) => import("vue").HTMLAttributes & {
+      key?: string | number | symbol | undefined;
+      ref?: import("vue").VNodeRef | undefined;
+    };
+    getItemProps: () => import("vue").HTMLAttributes & {
+      key?: string | number | symbol | undefined;
+      ref?: import("vue").VNodeRef | undefined;
+    };
+  }) => any;
+}>;
+type __VLS_WithSlots$5<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/marquee/edge.vue.d.ts
+interface MarqueeEdgeBaseProps extends EdgeProps, PolymorphicProps {}
+interface MarqueeEdgeProps extends MarqueeEdgeBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$2: typeof __VLS_export$4;
+declare const __VLS_export$4: __VLS_WithSlots$4<import("vue").DefineComponent<MarqueeEdgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MarqueeEdgeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$4<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/marquee/item.vue.d.ts
+interface MarqueeItemBaseProps extends PolymorphicProps {}
+interface MarqueeItemProps extends MarqueeItemBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$3: typeof __VLS_export$3;
+declare const __VLS_export$3: __VLS_WithSlots$3<import("vue").DefineComponent<MarqueeItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MarqueeItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/marquee/root.vue.d.ts
+interface MarqueeRootBaseProps extends RootProps, PolymorphicProps {}
+interface MarqueeRootProps extends MarqueeRootBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+interface MarqueeRootEmits extends RootEmits {}
+declare const _default$4: typeof __VLS_export$2;
+declare const __VLS_export$2: __VLS_WithSlots$2<import("vue").DefineComponent<MarqueeRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  complete: () => any;
+  loopComplete: () => any;
+  pauseChange: (details: import("@wirekyt/dom/machines/marquee").PauseStatusDetails) => any;
+}, string, import("vue").PublicProps, Readonly<MarqueeRootProps> & Readonly<{
+  onComplete?: (() => any) | undefined;
+  onLoopComplete?: (() => any) | undefined;
+  onPauseChange?: ((details: import("@wirekyt/dom/machines/marquee").PauseStatusDetails) => any) | undefined;
+}>, {
+  reverse: boolean;
+  autoFill: boolean;
+  pauseOnInteraction: boolean;
+  paused: boolean;
+  defaultPaused: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/marquee/root-provider.vue.d.ts
+interface RootProviderProps {
+  value: UnwrapRef<UseMarqueeReturn>;
+}
+interface MarqueeRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface MarqueeRootProviderProps extends MarqueeRootProviderBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$5: typeof __VLS_export$1;
+declare const __VLS_export$1: __VLS_WithSlots$1<import("vue").DefineComponent<MarqueeRootProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MarqueeRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/marquee/viewport.vue.d.ts
+interface MarqueeViewportBaseProps extends PolymorphicProps {}
+interface MarqueeViewportProps extends MarqueeViewportBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$6: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<MarqueeViewportProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MarqueeViewportProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+declare namespace marquee_d_exports {
+  export { _default as Content, MarqueeContentBaseProps as ContentBaseProps, MarqueeContentProps as ContentProps, _default$1 as Context, MarqueeContextProps as ContextProps, _default$2 as Edge, MarqueeEdgeBaseProps as EdgeBaseProps, MarqueeEdgeProps as EdgeProps, _default$3 as Item, MarqueeItemBaseProps as ItemBaseProps, MarqueeItemProps as ItemProps, PauseStatusDetails, _default$4 as Root, MarqueeRootBaseProps as RootBaseProps, MarqueeRootEmits as RootEmits, MarqueeRootProps as RootProps, _default$5 as RootProvider, MarqueeRootProviderBaseProps as RootProviderBaseProps, MarqueeRootProviderProps as RootProviderProps, Side, _default$6 as Viewport, MarqueeViewportBaseProps as ViewportBaseProps, MarqueeViewportProps as ViewportProps };
+}
+//#endregion
+export { marquee_d_exports as Marquee, _default as MarqueeContent, type MarqueeContentBaseProps, type MarqueeContentProps, _default$1 as MarqueeContext, type MarqueeContextProps, _default$2 as MarqueeEdge, type MarqueeEdgeBaseProps, type MarqueeEdgeProps, _default$3 as MarqueeItem, type MarqueeItemBaseProps, type MarqueeItemProps, type MarqueePauseStatusDetails, _default$4 as MarqueeRoot, type MarqueeRootBaseProps, type MarqueeRootEmits, type MarqueeRootProps, _default$5 as MarqueeRootProvider, type MarqueeRootProviderBaseProps, type MarqueeRootProviderProps, type MarqueeSide, _default$6 as MarqueeViewport, type MarqueeViewportBaseProps, type MarqueeViewportProps, type UseMarqueeContext, type UseMarqueeProps, type UseMarqueeReturn, marqueeAnatomy, useMarquee, useMarqueeContext };

package/dist/marquee.js

@@ -0,0 +1,235 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { c as normalizeProps$1, d as useForwardExpose, m as createContext, s as useMachine } from "./utils-D95V66v9.js";
+import { a as DEFAULT_LOCALE, d as useEnvironmentContext, o as useLocaleContext, u as DEFAULT_ENVIRONMENT } from "./providers-C3XQH-uu.js";
+import { t as cleanProps } from "./clean-props--1kqQE0Y.js";
+import { n as wire } from "./factory-8Ao0DEy3.js";
+import { Fragment, computed, createBlock, createElementBlock, defineComponent, getCurrentInstance, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderList, renderSlot, toValue, unref, useAttrs, useId, withCtx } from "vue";
+import { hasProp, isString } from "@wirekyt/dom/utils";
+import * as marquee from "@wirekyt/dom/machines/marquee";
+import { anatomy as marqueeAnatomy } from "@wirekyt/dom/machines/marquee";
+//#region src/utils/use-scope-id.ts
+function hasVnodeScopeId(vnode) {
+	if (vnode === null || typeof vnode !== "object") return false;
+	const vnodeObj = vnode;
+	return hasProp(vnodeObj, "scopeId") && isString(vnodeObj.scopeId);
+}
+function hasTypeScopeId(type) {
+	if (type === null || typeof type !== "object") return false;
+	const typeObj = type;
+	return hasProp(typeObj, "__scopeId") && isString(typeObj.__scopeId);
+}
+function getScopeIdFromInstance(instance) {
+	if (hasVnodeScopeId(instance.vnode)) return instance.vnode.scopeId;
+	if (hasTypeScopeId(instance.type)) return instance.type.__scopeId;
+}
+function useScopeId() {
+	const instance = getCurrentInstance();
+	if (!instance) return;
+	let scopeId = getScopeIdFromInstance(instance);
+	if (!scopeId && instance.parent) {
+		let parent = instance.parent;
+		while (parent && !scopeId) {
+			scopeId = getScopeIdFromInstance(parent);
+			parent = parent.parent;
+		}
+	}
+	return scopeId;
+}
+//#endregion
+//#region src/components/marquee/use-context.ts
+const [MarqueeProvider, useMarqueeContext] = createContext("MarqueeContext");
+//#endregion
+//#region src/components/marquee/content.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "content",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const marquee = useMarqueeContext();
+		const attrs = useAttrs();
+		const scopeId = useScopeId();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(true), createElementBlock(Fragment, null, renderList(Array.from({ length: unref(marquee).contentCount }), (_, index) => {
+				return openBlock(), createBlock(unref(wire).div, mergeProps({ key: index }, { ref_for: true }, {
+					...unref(attrs),
+					...unref(scopeId) ? { [unref(scopeId)]: "" } : {},
+					...unref(marquee).getContentProps({ index })
+				}, { "as-child": __props.asChild }), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, ["as-child"]);
+			}), 128);
+		};
+	}
+});
+//#endregion
+//#region src/components/marquee/context.vue
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	__name: "context",
+	setup(__props) {
+		const api = useMarqueeContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(api))));
+		};
+	}
+});
+//#endregion
+//#region src/components/marquee/edge.vue
+const _sfc_main$2 = /*@__PURE__*/ defineComponent({
+	__name: "edge",
+	props: {
+		side: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const marquee = useMarqueeContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(marquee).getEdgeProps({ side: props.side }), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/marquee/item.vue
+const _sfc_main$3 = /*@__PURE__*/ defineComponent({
+	__name: "item",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const marquee = useMarqueeContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(marquee).getItemProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/marquee/use-marquee.ts
+const useMarquee = (props = {}, emit) => {
+	const id = useId();
+	const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+	const locale = useLocaleContext(DEFAULT_LOCALE);
+	const context = computed(() => {
+		const localeProps = toValue(props);
+		return {
+			id,
+			dir: locale.value.dir,
+			getRootNode: env?.value.getRootNode,
+			...cleanProps(localeProps),
+			onPauseChange: (details) => {
+				emit?.("pauseChange", details);
+				localeProps.onPauseChange?.(details);
+			},
+			onLoopComplete: () => {
+				emit?.("loopComplete");
+				localeProps.onLoopComplete?.();
+			},
+			onComplete: () => {
+				emit?.("complete");
+				localeProps.onComplete?.();
+			}
+		};
+	});
+	const service = useMachine(marquee.machine, context);
+	return computed(() => marquee.connect(service, normalizeProps$1));
+};
+//#endregion
+//#region src/components/marquee/root.vue
+const _sfc_main$4 = /*@__PURE__*/ defineComponent({
+	__name: "root",
+	props: /*@__PURE__*/ mergeDefaults({
+		autoFill: { type: Boolean },
+		defaultPaused: { type: Boolean },
+		delay: {},
+		id: {},
+		ids: {},
+		loopCount: {},
+		pauseOnInteraction: { type: Boolean },
+		paused: { type: Boolean },
+		reverse: { type: Boolean },
+		side: {},
+		spacing: {},
+		speed: {},
+		translations: {},
+		asChild: { type: Boolean }
+	}, {
+		autoFill: void 0,
+		defaultPaused: void 0,
+		pauseOnInteraction: void 0,
+		paused: void 0,
+		reverse: void 0
+	}),
+	emits: [
+		"complete",
+		"loopComplete",
+		"pauseChange"
+	],
+	setup(__props, { emit: __emit }) {
+		const marquee = useMarquee(__props, __emit);
+		MarqueeProvider(marquee);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(marquee).getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/marquee/root-provider.vue
+const _sfc_main$5 = /*@__PURE__*/ defineComponent({
+	__name: "root-provider",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const marquee = computed(() => props.value);
+		MarqueeProvider(marquee);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(marquee.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/marquee/viewport.vue
+const _sfc_main$6 = /*@__PURE__*/ defineComponent({
+	__name: "viewport",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const marquee = useMarqueeContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(marquee).getViewportProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/marquee/marquee.ts
+var marquee_exports = /* @__PURE__ */ __exportAll({
+	Content: () => _sfc_main,
+	Context: () => _sfc_main$1,
+	Edge: () => _sfc_main$2,
+	Item: () => _sfc_main$3,
+	Root: () => _sfc_main$4,
+	RootProvider: () => _sfc_main$5,
+	Viewport: () => _sfc_main$6
+});
+//#endregion
+export { marquee_exports as Marquee, _sfc_main as MarqueeContent, _sfc_main$1 as MarqueeContext, _sfc_main$2 as MarqueeEdge, _sfc_main$3 as MarqueeItem, _sfc_main$4 as MarqueeRoot, _sfc_main$5 as MarqueeRootProvider, _sfc_main$6 as MarqueeViewport, marqueeAnatomy, useMarquee, useMarqueeContext };