@onereach/ui-components 4.11.0-beta.2941.0 → 4.11.0

package/dist/esm/v3/components/or-carousel/OrCarousel.vue.d.ts

@@ -1,582 +0,0 @@
-import { Splide, ResponsiveOptions } from '@splidejs/splide';
-import '@splidejs/splide/dist/css/splide.min.css';
-import { PropType } from 'vue-demi';
-import { Direction, KeyBoard, Type } from './constants';
-declare const _default: import("vue-demi").DefineComponent<{
-    type: {
-        type: PropType<Type>;
-        default: string;
-    };
-    perPage: {
-        type: NumberConstructor;
-        default: number;
-    };
-    rewind: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    speed: {
-        type: NumberConstructor;
-        default: number;
-    };
-    width: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    height: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    fixedWidth: {
-        type: NumberConstructor;
-        default: number;
-    };
-    heightRatio: {
-        type: NumberConstructor;
-        default: number;
-    };
-    perMove: {
-        type: NumberConstructor;
-        default: number;
-    };
-    start: {
-        type: NumberConstructor;
-        default: number;
-    };
-    focus: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: string;
-    };
-    trimSpace: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    keyboard: {
-        type: PropType<KeyBoard>;
-        default: string;
-    };
-    gap: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    easing: {
-        type: StringConstructor;
-        default: string;
-    };
-    autoplay: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    interval: {
-        type: NumberConstructor;
-        default: number;
-    };
-    pauseOnHover: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    pauseOnFocus: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    drag: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    flickThreshold: {
-        type: NumberConstructor;
-        default: number;
-    };
-    flickPower: {
-        type: NumberConstructor;
-        default: number;
-    };
-    flickMaxPages: {
-        type: NumberConstructor;
-        default: number;
-    };
-    direction: {
-        type: PropType<Direction>;
-        default: string;
-    };
-    updateOnMove: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    breakpoints: {
-        type: PropType<Record<string | number, ResponsiveOptions>>;
-        default: () => {};
-    };
-    classes: {
-        type: PropType<Record<string, string>>;
-        default: () => {};
-    };
-    pagination: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    arrows: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    carousel: import("vue-demi").Ref<{
-        readonly root: HTMLElement;
-        readonly event: {
-            on: {
-                <K extends keyof import("@splidejs/splide").EventMap>(event: K, callback: import("@splidejs/splide").EventMap[K]): void;
-                (events: string | string[], callback: import("@splidejs/splide").AnyFunction): void;
-            };
-            off: <K_1 extends keyof import("@splidejs/splide").EventMap>(events: string | string[] | K_1 | K_1[]) => void;
-            emit: {
-                <K_2 extends keyof import("@splidejs/splide").EventMap>(event: K_2, ...args: Parameters<import("@splidejs/splide").EventMap[K_2]>): void;
-                (event: string, ...args: any[]): void;
-            };
-            bus: DocumentFragment;
-            bind: (target: EventTarget | EventTarget[], events: string | string[], callback: import("@splidejs/splide").AnyFunction, options?: AddEventListenerOptions | undefined) => void;
-            unbind: (target: EventTarget | EventTarget[], events: string | string[], callback?: import("@splidejs/splide").AnyFunction | undefined) => void;
-            dispatch: <T>(target: EventTarget, event: string, detail?: T | undefined) => void;
-            destroy: () => void;
-        };
-        readonly Components: {
-            [x: string]: {
-                setup?: (() => void) | undefined;
-                mount?: (() => void) | undefined;
-                destroy?: ((completely?: boolean | undefined) => void) | undefined;
-            };
-            Media: {
-                reduce: (reduced: boolean) => void;
-                set: (options: import("@splidejs/splide").Options, userOptions?: boolean | undefined) => void;
-                setup?: (() => void) | undefined;
-                mount?: (() => void) | undefined;
-                destroy?: ((completely?: boolean | undefined) => void) | undefined;
-            };
-            Direction: {
-                resolve: (prop: string, axisOnly?: boolean | undefined, direction?: "ltr" | "rtl" | "ttb" | undefined) => string;
-                orient: (value: number) => number;
-                setup?: (() => void) | undefined;
-                mount?: (() => void) | undefined;
-                destroy?: ((completely?: boolean | undefined) => void) | undefined;
-            };
-            Elements: {
-                setup?: (() => void) | undefined;
-                mount?: (() => void) | undefined;
-                destroy?: ((completely?: boolean | undefined) => void) | undefined;
-                root: HTMLElement;
-                track: HTMLElement;
-                list: HTMLElement;
-                slides: HTMLElement[];
-                arrows?: HTMLElement | undefined;
-                pagination?: HTMLUListElement | undefined;
-                prev?: HTMLButtonElement | undefined;
-                next?: HTMLButtonElement | undefined;
-                bar?: HTMLElement | undefined;
-                toggle?: HTMLElement | undefined;
-            };
-            Slides: {
-                update: () => void;
-                register: (slide: HTMLElement, index: number, slideIndex: number) => void;
-                get: (excludeClones?: boolean | undefined) => import("@splidejs/splide").SlideComponent[];
-                getIn: (page: number) => import("@splidejs/splide").SlideComponent[];
-                getAt: (index: number) => import("@splidejs/splide").SlideComponent | undefined;
-                add: (slide: string | Element | (string | Element)[], index?: number | undefined) => void;
-                remove: (selector: string | number | number[] | ((Slide: import("@splidejs/splide").SlideComponent, index: number, Slides: import("@splidejs/splide").SlideComponent[]) => any)) => void;
-                forEach: (iteratee: (Slide: import("@splidejs/splide").SlideComponent, index: number, Slides: import("@splidejs/splide").SlideComponent[]) => void, excludeClones?: boolean | undefined) => void;
-                filter: (matcher: string | number | number[] | ((Slide: import("@splidejs/splide").SlideComponent, index: number, Slides: import("@splidejs/splide").SlideComponent[]) => any)) => import("@splidejs/splide").SlideComponent[];
-                style: (prop: string, value: string | number, useContainer?: boolean | undefined) => void;
-                getLength: (excludeClones?: boolean | undefined) => number;
-                isEnough: () => boolean;
-                setup?: (() => void) | undefined;
-                mount?: (() => void) | undefined;
-                destroy?: ((completely?: boolean | undefined) => void) | undefined;
-            };
-            Layout: {
-                listSize: () => number;
-                slideSize: (index: number, withoutGap?: boolean | undefined) => number;
-                sliderSize: () => number;
-                totalSize: (index?: number | undefined, withoutGap?: boolean | undefined) => number;
-                getPadding: (right: boolean) => number;
-                setup?: (() => void) | undefined;
-                mount?: (() => void) | undefined;
-                destroy?: ((completely?: boolean | undefined) => void) | undefined;
-            };
-            Clones: {
-                setup?: (() => void) | undefined;
-                mount?: (() => void) | undefined;
-                destroy?: ((completely?: boolean | undefined) => void) | undefined;
-            };
-            Move: {
-                move: (dest: number, index: number, prev: number, callback?: import("@splidejs/splide").AnyFunction | undefined) => void;
-                jump: (index: number) => void;
-                translate: (position: number, preventLoop?: boolean | undefined) => void;
-                shift: (position: number, backwards: boolean) => number;
-                cancel: () => void;
-                toIndex: (position: number) => number;
-                toPosition: (index: number, trimming?: boolean | undefined) => number;
-                getPosition: () => number;
-                getLimit: (max: boolean) => number;
-                exceededLimit: (max?: boolean | undefined, position?: number | undefined) => boolean;
-                reposition: () => void;
-                setup?: (() => void) | undefined;
-                mount?: (() => void) | undefined;
-                destroy?: ((completely?: boolean | undefined) => void) | undefined;
-            };
-            Controller: {
-                go: (control: string | number, allowSameIndex?: boolean | undefined, callback?: import("@splidejs/splide").AnyFunction | undefined) => void;
-                scroll: (destination: number, duration?: number | undefined, snap?: boolean | undefined, callback?: import("@splidejs/splide").AnyFunction | undefined) => void;
-                getNext: (destination?: boolean | undefined) => number;
-                getPrev: (destination?: boolean | undefined) => number;
-                getEnd: () => number;
-                setIndex: (index: number) => void;
-                getIndex: (prev?: boolean | undefined) => number;
-                toIndex: (page: number) => number;
-                toPage: (index: number) => number;
-                toDest: (position: number) => number;
-                hasFocus: () => boolean;
-                isBusy: () => boolean;
-                getAdjacent: (prev: boolean, destination?: boolean | undefined) => number;
-                setup?: (() => void) | undefined;
-                mount?: (() => void) | undefined;
-                destroy?: ((completely?: boolean | undefined) => void) | undefined;
-            };
-            Arrows: {
-                arrows: {
-                    prev?: HTMLButtonElement | undefined;
-                    next?: HTMLButtonElement | undefined;
-                };
-                setup?: (() => void) | undefined;
-                mount?: (() => void) | undefined;
-                destroy?: ((completely?: boolean | undefined) => void) | undefined;
-            };
-            Autoplay: {
-                play: () => void;
-                pause: () => void;
-                isPaused: () => boolean;
-                setup?: (() => void) | undefined;
-                mount?: (() => void) | undefined;
-                destroy?: ((completely?: boolean | undefined) => void) | undefined;
-            };
-            Cover: {
-                setup?: (() => void) | undefined;
-                mount?: (() => void) | undefined;
-                destroy?: ((completely?: boolean | undefined) => void) | undefined;
-            };
-            Scroll: {
-                scroll: (position: number, duration?: number | undefined, snap?: boolean | undefined, callback?: import("@splidejs/splide").AnyFunction | undefined) => void;
-                cancel: () => void;
-                setup?: (() => void) | undefined;
-                mount?: (() => void) | undefined;
-                destroy?: ((completely?: boolean | undefined) => void) | undefined;
-            };
-            Drag: {
-                disable: (disabled: boolean) => void;
-                isDragging: () => boolean;
-                setup?: (() => void) | undefined;
-                mount?: (() => void) | undefined;
-                destroy?: ((completely?: boolean | undefined) => void) | undefined;
-            };
-            Keyboard: {
-                disable: (disabled: boolean) => void;
-                setup?: (() => void) | undefined;
-                mount?: (() => void) | undefined;
-                destroy?: ((completely?: boolean | undefined) => void) | undefined;
-            };
-            LazyLoad: {
-                setup?: (() => void) | undefined;
-                mount?: (() => void) | undefined;
-                destroy?: ((completely?: boolean | undefined) => void) | undefined;
-            };
-            Pagination: {
-                items: {
-                    li: HTMLLIElement;
-                    button: HTMLButtonElement;
-                    page: number;
-                }[];
-                getAt: (index: number) => import("@splidejs/splide").PaginationItem;
-                update: () => void;
-                setup?: (() => void) | undefined;
-                mount?: (() => void) | undefined;
-                destroy?: ((completely?: boolean | undefined) => void) | undefined;
-            };
-            Sync: {
-                remount: () => void;
-                setup?: (() => void) | undefined;
-                mount?: (() => void) | undefined;
-                destroy?: ((completely?: boolean | undefined) => void) | undefined;
-            };
-            Wheel: {
-                setup?: (() => void) | undefined;
-                mount?: (() => void) | undefined;
-                destroy?: ((completely?: boolean | undefined) => void) | undefined;
-            };
-            Live: {
-                disable: (disabled: boolean) => void;
-                setup?: (() => void) | undefined;
-                mount?: (() => void) | undefined;
-                destroy?: ((completely?: boolean | undefined) => void) | undefined;
-            };
-            Transition: {
-                start: (index: number, done: () => void) => void;
-                cancel: () => void;
-                setup?: (() => void) | undefined;
-                mount?: (() => void) | undefined;
-                destroy?: ((completely?: boolean | undefined) => void) | undefined;
-            };
-        };
-        readonly state: {
-            set: (state: number) => void;
-            is: (states: number | number[]) => boolean;
-        };
-        readonly splides: {
-            splide: any;
-            isParent?: boolean | undefined;
-        }[];
-        mount: (Extensions?: Record<string, import("@splidejs/splide").ComponentConstructor> | undefined, Transition?: import("@splidejs/splide").ComponentConstructor | undefined) => Splide;
-        sync: (splide: Splide) => Splide;
-        go: (control: string | number) => Splide;
-        on: {
-            <K_3 extends keyof import("@splidejs/splide").EventMap>(events: K_3, callback: import("@splidejs/splide").EventMap[K_3]): Splide;
-            (events: string | string[], callback: import("@splidejs/splide").AnyFunction): Splide;
-        };
-        off: <K_4 extends keyof import("@splidejs/splide").EventMap>(events: string | string[] | K_4 | K_4[]) => Splide;
-        emit: {
-            <K_5 extends keyof import("@splidejs/splide").EventMap>(event: K_5, ...args: Parameters<import("@splidejs/splide").EventMap[K_5]>): Splide;
-            (event: string, ...args: any[]): Splide;
-        };
-        add: (slides: string | HTMLElement | (string | HTMLElement)[], index?: number | undefined) => Splide;
-        remove: (matcher: string | number | number[] | ((Slide: import("@splidejs/splide").SlideComponent, index: number, Slides: import("@splidejs/splide").SlideComponent[]) => any)) => Splide;
-        is: (type: string) => boolean;
-        refresh: () => Splide;
-        destroy: (completely?: boolean | undefined) => Splide;
-        options: {
-            [x: string]: any;
-            type?: string | undefined;
-            role?: string | undefined;
-            waitForTransition?: boolean | undefined;
-            autoWidth?: boolean | undefined;
-            autoHeight?: boolean | undefined;
-            start?: number | undefined;
-            arrowPath?: string | undefined;
-            autoplay?: boolean | "pause" | undefined;
-            interval?: number | undefined;
-            pauseOnHover?: boolean | undefined;
-            pauseOnFocus?: boolean | undefined;
-            resetProgress?: boolean | undefined;
-            lazyLoad?: boolean | "nearby" | "sequential" | undefined;
-            preloadPages?: number | undefined;
-            keyboard?: boolean | "global" | "focused" | undefined;
-            wheel?: boolean | undefined;
-            wheelMinThreshold?: number | undefined;
-            wheelSleep?: number | undefined;
-            releaseWheel?: boolean | undefined;
-            direction?: "ltr" | "rtl" | "ttb" | undefined;
-            cover?: boolean | undefined;
-            slideFocus?: boolean | undefined;
-            isNavigation?: boolean | undefined;
-            trimSpace?: boolean | "move" | undefined;
-            updateOnMove?: boolean | undefined;
-            mediaQuery?: "min" | "max" | undefined;
-            focusableNodes?: string | undefined;
-            noDrag?: string | undefined;
-            live?: boolean | undefined;
-            useScroll?: boolean | undefined;
-            breakpoints?: Record<string | number, ResponsiveOptions> | undefined;
-            reducedMotion?: any | undefined;
-            classes?: Record<string, string> | undefined;
-            i18n?: Record<string, string> | undefined;
-            label?: string | undefined;
-            labelledby?: string | undefined;
-            speed?: number | undefined;
-            rewind?: boolean | undefined;
-            rewindSpeed?: number | undefined;
-            rewindByDrag?: boolean | undefined;
-            width?: string | number | undefined;
-            height?: string | number | undefined;
-            fixedWidth?: string | number | undefined;
-            fixedHeight?: string | number | undefined;
-            heightRatio?: number | undefined;
-            perPage?: number | undefined;
-            perMove?: number | undefined;
-            clones?: number | undefined;
-            cloneStatus?: boolean | undefined;
-            focus?: number | "center" | undefined;
-            gap?: string | number | undefined;
-            padding?: string | number | {
-                left?: string | number | undefined;
-                right?: string | number | undefined;
-            } | {
-                top?: string | number | undefined;
-                bottom?: string | number | undefined;
-            } | undefined;
-            arrows?: boolean | undefined;
-            pagination?: boolean | undefined;
-            paginationKeyboard?: boolean | undefined;
-            paginationDirection?: "ltr" | "rtl" | "ttb" | undefined;
-            easing?: string | undefined;
-            easingFunc?: ((t: number) => number) | undefined;
-            drag?: boolean | "free" | undefined;
-            snap?: boolean | undefined;
-            dragMinThreshold?: number | {
-                mouse: number;
-                touch: number;
-            } | undefined;
-            flickPower?: number | undefined;
-            flickMaxPages?: number | undefined;
-            destroy?: boolean | "completely" | undefined;
-        };
-        readonly length: number;
-        readonly index: number;
-    } | null>;
-}, unknown, {}, {
-    initEventsEmitting(): void;
-}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, string[], string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
-    type: {
-        type: PropType<Type>;
-        default: string;
-    };
-    perPage: {
-        type: NumberConstructor;
-        default: number;
-    };
-    rewind: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    speed: {
-        type: NumberConstructor;
-        default: number;
-    };
-    width: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    height: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    fixedWidth: {
-        type: NumberConstructor;
-        default: number;
-    };
-    heightRatio: {
-        type: NumberConstructor;
-        default: number;
-    };
-    perMove: {
-        type: NumberConstructor;
-        default: number;
-    };
-    start: {
-        type: NumberConstructor;
-        default: number;
-    };
-    focus: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: string;
-    };
-    trimSpace: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    keyboard: {
-        type: PropType<KeyBoard>;
-        default: string;
-    };
-    gap: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    easing: {
-        type: StringConstructor;
-        default: string;
-    };
-    autoplay: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    interval: {
-        type: NumberConstructor;
-        default: number;
-    };
-    pauseOnHover: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    pauseOnFocus: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    drag: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    flickThreshold: {
-        type: NumberConstructor;
-        default: number;
-    };
-    flickPower: {
-        type: NumberConstructor;
-        default: number;
-    };
-    flickMaxPages: {
-        type: NumberConstructor;
-        default: number;
-    };
-    direction: {
-        type: PropType<Direction>;
-        default: string;
-    };
-    updateOnMove: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    breakpoints: {
-        type: PropType<Record<string | number, ResponsiveOptions>>;
-        default: () => {};
-    };
-    classes: {
-        type: PropType<Record<string, string>>;
-        default: () => {};
-    };
-    pagination: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    arrows: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {
-    drag: boolean;
-    type: Type;
-    perPage: number;
-    rewind: boolean;
-    speed: number;
-    width: string | number;
-    height: string | number;
-    fixedWidth: number;
-    heightRatio: number;
-    perMove: number;
-    start: number;
-    focus: string | number;
-    trimSpace: boolean;
-    keyboard: KeyBoard;
-    gap: string | number;
-    easing: string;
-    autoplay: boolean;
-    interval: number;
-    pauseOnHover: boolean;
-    pauseOnFocus: boolean;
-    flickThreshold: number;
-    flickPower: number;
-    flickMaxPages: number;
-    direction: Direction;
-    updateOnMove: boolean;
-    breakpoints: Record<string | number, ResponsiveOptions>;
-    classes: Record<string, string>;
-    pagination: boolean;
-    arrows: boolean;
-}>;
-export default _default;

package/dist/esm/v3/components/or-carousel/constants.d.ts

@@ -1,15 +0,0 @@
-export declare enum Direction {
-    ltr = "ltr",
-    rtl = "rtl",
-    ttb = "ttb"
-}
-export declare enum Type {
-    slide = "slide",
-    loop = "loop",
-    fade = "fade"
-}
-export declare enum KeyBoard {
-    global = "global",
-    focused = "focused"
-}
-export declare const EVENTS: string[];

package/dist/esm/v3/components/or-carousel/index.d.ts

@@ -1,2 +0,0 @@
-export { default as OrCarousel } from './OrCarousel.vue';
-export { default as OrCarouselItem } from './or-carousel-item/OrCarouselItem.vue';

package/dist/esm/v3/components/or-carousel/index.js

@@ -1,18 +0,0 @@
-export { s as OrCarousel } from '../../OrCarousel-5cc74f26.js';
-export { s as OrCarouselItem } from '../../OrCarouselItem-8c7ccd0f.js';
-import '@splidejs/splide';
-import '@splidejs/splide/dist/css/splide.min.css';
-import '../../OrIcon-d8ea7901.js';
-import 'vue-demi';
-import '../../OrTooltip-c1006713.js';
-import 'lodash/isNil';
-import '../../OrTooltipContent-c0042844.js';
-import 'vue';
-import '../../style-inject.es-4c6f2515.js';
-import '../../OrFloating-1a9ccfe9.js';
-import '@floating-ui/dom';
-import '../../OrTeleport.vue3-9bce0c02.js';
-import '../../dom-f1d55b67.js';
-import 'lodash/isElement';
-import 'lodash/get';
-import '../../px-to-rem-0b26b83e.js';

package/dist/esm/v3/components/or-carousel/or-carousel-item/OrCarouselItem.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue-demi").DefineComponent<{}, {}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{}>>, {}>;
-export default _default;

package/dist/esm/v3/components/or-carousel/or-carousel-item/index.d.ts

@@ -1 +0,0 @@
-export { default as OrCarouselItem } from './OrCarouselItem.vue';

package/dist/esm/v3/components/or-carousel/or-carousel-item/index.js

@@ -1,3 +0,0 @@
-export { s as OrCarouselItem } from '../../../OrCarouselItem-8c7ccd0f.js';
-import 'vue-demi';
-import 'vue';

package/dist/esm/v3/components/or-hint/OrHint.stories.bundled.d.ts

@@ -1,8 +0,0 @@
-import { Story } from '@storybook/vue';
-declare const _default: {
-    title: string;
-    component: any;
-};
-export default _default;
-export declare const Default: Story<import("@storybook/vue").Args>;
-export declare const Slot: Story<import("@storybook/vue").Args>;

package/src/components/or-carousel/OrCarousel.stories.mdx

@@ -1,34 +0,0 @@
-import { Meta, Description } from "@storybook/addon-docs";
-
-<Meta title="Components/OrCarousel/OrCarousel Usage" />
-
-#### OrCarousel Usage
-
-OrCarousel based on [Splide](https://splidejs.com/) carousel. <br />
-OrCarousel supports keyboard navigation, drag navigation, slides groups, autoplay.<br />
-OrCarousel component used in together with OrCarouselItem.
-
-```ts
-import OrCarousel from './OrCarousel.vue';
-import OrCarouselItem from './OrCarouselItem.vue';
-
-
-export default{
-    components: {
-      OrCarousel,
-      OrCarouselItem,
-    },
-    data() {
-      return {
-        items: Array(4).fill('https://via.placeholder.com/350'),
-      };
-    },
-    template: `
-      <or-carousel>
-        <or-carousel-item :key="item" v-for="item in items">
-           <img :src='item'>
-        </or-carousel-item>
-      </or-carousel>
-  `,
-  };
-```