@nstudio/ui-collectionview 4.0.70

package/react/index.d.ts

@@ -0,0 +1,119 @@
+import * as React from 'react';
+import { CoreTypes, ItemEventData, ItemsSource, View } from '@nativescript/core';
+import { NSVElement, NativeScriptProps, ViewAttributes } from 'react-nativescript';
+import { CollectionView as NativeScriptCollectionView } from '..';
+export declare type CellViewContainer = View;
+declare type CellFactory = (item: any) => React.ReactElement;
+export declare function registerCollectionView(): void;
+interface CollectionViewAttributes extends ViewAttributes {
+    colWidth?: CoreTypes.PercentLengthType | string;
+    horizontalSpacing?: CoreTypes.LengthType | string;
+    isBounceEnabled?: boolean;
+    isItemsSourceIn?: boolean;
+    isScrollEnabled?: boolean;
+    itemViewLoader?: any;
+    items?: any[] | ItemsSource;
+    itemTemplateSelector?: string | ((item: any, index: number, items: any) => string);
+    layoutStyle?: string;
+    loadMoreThreshold?: number;
+    onItemsChangedInternal?: (oldValue: any, newValue: any) => void;
+    onItemLoading?: (args: ItemEventData) => void;
+    onSpanSizeChangedInternal?: (oldValue: any, newValue: any) => void;
+    orientation?: 'horizontal' | 'vertical';
+    plugins?: string[];
+    reverseLayout?: boolean;
+    rowHeight?: CoreTypes.PercentLengthType | string;
+    spanSize?: (item: any, index: number) => number;
+    verticalSpacing?: CoreTypes.LengthType | string;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            collectionView: NativeScriptProps<CollectionViewAttributes, NativeScriptCollectionView>;
+        }
+    }
+}
+declare type OwnProps = {
+    items: ItemsSource | any[];
+    /** User may specify cellFactory for single-template or cellFactories for multi-template. */
+    cellFactory?: CellFactory;
+    cellFactories?: Map<string, {
+        placeholderItem: any;
+        cellFactory: CellFactory;
+    }>;
+    /** For now, we don't support custom onItemLoading event handlers. */
+    /**
+     * The event will be raised when the CollectionView is scrolled so that the last item is visible.
+     * This event is intended to be used to add additional data in the CollectionView.
+     */
+    _debug?: {
+        logLevel: 'debug' | 'info';
+        onCellFirstLoad?: (container: CellViewContainer) => void;
+        onCellRecycle?: (container: CellViewContainer) => void;
+    };
+} & Omit<CollectionViewAttributes, 'onItemLoading'>;
+declare type Props = OwnProps & {
+    forwardedRef?: React.RefObject<NSVElement<NativeScriptCollectionView>>;
+};
+declare type NumberKey = number | string;
+interface State {
+    nativeCells: Record<NumberKey, CellViewContainer>;
+    nativeCellToItemIndex: Map<CellViewContainer, NumberKey>;
+    itemIndexToNativeCell?: Map<NumberKey, CellViewContainer>;
+}
+/**
+ * A React wrapper around the NativeScript CollectionView component.
+ * @see https://docs.nativescript.org/ui/ns-ui-widgets/list-view
+ * @module ui/list-view/list-view
+ */
+export declare class _CollectionView extends React.Component<Props, State> {
+    static readonly defaultProps: {
+        _debug: {
+            logLevel: "info";
+            onCellFirstLoad: any;
+            onCellRecycle: any;
+        };
+    };
+    constructor(props: Props);
+    private readonly myRef;
+    private readonly argsViewToRootKeyAndRef;
+    private roots;
+    /**
+     * CollectionView code-behind:
+     * @see https://github.com/NativeScript/nativescript-sdk-examples-js/blob/master/app/ns-ui-widgets-category/list-view/code-behind/code-behind-ts-page.ts
+     * CollectionView item templates:
+     * @see https://medium.com/@alexander.vakrilov/faster-nativescript-CollectionView-with-multiple-item-templates-8f903a32e48f
+     * Cell state in CollectionView:
+     * @see https://medium.com/@alexander.vakrilov/managing-component-state-in-nativescript-CollectionView-b139e45d899b
+     * @see https://github.com/NativeScript/nativescript-angular/issues/1245#issuecomment-393465035
+     * loadMoreItems:
+     * @see https://github.com/NativeScript/nativescript-sdk-examples-js/blob/master/app/ns-ui-widgets-category/list-view/events/events-ts-page.ts
+     */
+    private readonly defaultOnItemLoading;
+    protected getNativeView(): NativeScriptCollectionView | null;
+    private readonly renderNewRoot;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    static isItemsSource(arr: any[] | ItemsSource): arr is ItemsSource;
+    render(): JSX.Element;
+}
+export declare const CollectionView: React.ForwardRefExoticComponent<{
+    items: ItemsSource | any[];
+    /** User may specify cellFactory for single-template or cellFactories for multi-template. */
+    cellFactory?: CellFactory;
+    cellFactories?: Map<string, {
+        placeholderItem: any;
+        cellFactory: CellFactory;
+    }>;
+    /** For now, we don't support custom onItemLoading event handlers. */
+    /**
+     * The event will be raised when the CollectionView is scrolled so that the last item is visible.
+     * This event is intended to be used to add additional data in the CollectionView.
+     */
+    _debug?: {
+        logLevel: 'debug' | 'info';
+        onCellFirstLoad?: (container: CellViewContainer) => void;
+        onCellRecycle?: (container: CellViewContainer) => void;
+    };
+} & Omit<CollectionViewAttributes, "onItemLoading"> & React.RefAttributes<NSVElement<NativeScriptCollectionView>>>;
+export {};

package/react/index.js

@@ -0,0 +1,148 @@
+import * as React from 'react';
+import { NSVRoot, render as RNSRender, registerElement, unmountComponentAtNode } from 'react-nativescript';
+export function registerCollectionView() {
+    registerElement('collectionView', () => require('..').CollectionView);
+}
+/**
+ * A React wrapper around the NativeScript CollectionView component.
+ * @see https://docs.nativescript.org/ui/ns-ui-widgets/list-view
+ * @module ui/list-view/list-view
+ */
+export class _CollectionView extends React.Component {
+    constructor(props) {
+        super(props);
+        this.myRef = React.createRef();
+        this.argsViewToRootKeyAndRef = new Map();
+        this.roots = new Set();
+        /**
+         * CollectionView code-behind:
+         * @see https://github.com/NativeScript/nativescript-sdk-examples-js/blob/master/app/ns-ui-widgets-category/list-view/code-behind/code-behind-ts-page.ts
+         * CollectionView item templates:
+         * @see https://medium.com/@alexander.vakrilov/faster-nativescript-CollectionView-with-multiple-item-templates-8f903a32e48f
+         * Cell state in CollectionView:
+         * @see https://medium.com/@alexander.vakrilov/managing-component-state-in-nativescript-CollectionView-b139e45d899b
+         * @see https://github.com/NativeScript/nativescript-angular/issues/1245#issuecomment-393465035
+         * loadMoreItems:
+         * @see https://github.com/NativeScript/nativescript-sdk-examples-js/blob/master/app/ns-ui-widgets-category/list-view/events/events-ts-page.ts
+         */
+        this.defaultOnItemLoading = (args) => {
+            const { logLevel, onCellRecycle, onCellFirstLoad } = this.props._debug;
+            const { items, itemTemplateSelector } = this.props;
+            const item = _CollectionView.isItemsSource(items) ? items.getItem(args.index) : items[args.index];
+            const template = itemTemplateSelector
+                ? typeof itemTemplateSelector === 'string'
+                    ? itemTemplateSelector
+                    : itemTemplateSelector(item, args.index, items)
+                : null;
+            const cellFactory = template === null ? this.props.cellFactory : this.props.cellFactories ? this.props.cellFactories.get(template).cellFactory : this.props.cellFactory;
+            if (typeof cellFactory === 'undefined') {
+                console.warn(`CollectionView: No cell factory found, given template ${template}!`);
+                return;
+            }
+            const view = args.view;
+            if (!view) {
+                const rootKeyAndRef = this.renderNewRoot(item, cellFactory);
+                args.view = rootKeyAndRef.nativeView;
+                /* Here we're re-using the ref - I assume this is best practice. If not, we can make a new one on each update instead. */
+                this.argsViewToRootKeyAndRef.set(args.view, rootKeyAndRef);
+                if (onCellFirstLoad)
+                    onCellFirstLoad(rootKeyAndRef.nativeView);
+            }
+            else {
+                if (onCellRecycle)
+                    onCellRecycle(view);
+                const { rootKey, nativeView } = this.argsViewToRootKeyAndRef.get(view);
+                if (typeof rootKey === 'undefined') {
+                    console.error('Unable to find root key that args.view corresponds to!', view);
+                    return;
+                }
+                if (!nativeView) {
+                    console.error('Unable to find ref that args.view corresponds to!', view);
+                    return;
+                }
+                // args.view = null;
+                RNSRender(cellFactory(item), null, () => {
+                    // console.log(`Rendered into cell! detachedRootRef:`);
+                }, rootKey);
+            }
+        };
+        this.renderNewRoot = (item, cellFactory) => {
+            const node = this.getNativeView();
+            if (!node) {
+                throw new Error('Unable to get ref to CollectionView');
+            }
+            const rootKey = `CollectionView-${node._domId}-${this.roots.size.toString()}`;
+            const root = new NSVRoot();
+            RNSRender(cellFactory(item), root, () => {
+                // console.log(`Rendered into cell! ref:`);
+            }, rootKey);
+            this.roots.add(rootKey);
+            return {
+                rootKey,
+                nativeView: root.baseRef.nativeView
+            };
+        };
+        this.state = {
+            nativeCells: {},
+            nativeCellToItemIndex: new Map(),
+            itemIndexToNativeCell: props._debug.logLevel === 'debug' ? new Map() : undefined
+        };
+    }
+    getNativeView() {
+        const ref = this.props.forwardedRef || this.myRef;
+        return ref.current ? ref.current.nativeView : null;
+    }
+    componentDidMount() {
+        const node = this.getNativeView();
+        if (!node) {
+            console.warn('React ref to NativeScript View lost, so unable to set item templates.');
+            return;
+        }
+        /* NOTE: does not support updating of this.props.cellFactories upon Props update. */
+        if (this.props.cellFactories) {
+            const itemTemplates = [];
+            this.props.cellFactories.forEach((info, key) => {
+                const { placeholderItem, cellFactory } = info;
+                itemTemplates.push({
+                    key,
+                    createView: () => {
+                        const rootKeyAndRef = this.renderNewRoot(placeholderItem, cellFactory);
+                        this.argsViewToRootKeyAndRef.set(rootKeyAndRef.nativeView, rootKeyAndRef);
+                        return rootKeyAndRef.nativeView;
+                    }
+                });
+            });
+            node.itemTemplates = itemTemplates;
+        }
+    }
+    componentWillUnmount() {
+        this.roots.forEach((root) => unmountComponentAtNode(root));
+    }
+    static isItemsSource(arr) {
+        /**
+         * Same implementation as used in official ListPicker component:
+         * @see https://github.com/NativeScript/NativeScript/blob/b436ecde3605b695a0ffa1757e38cc094e2fe311/tns-core-modules/ui/list-picker/list-picker-common.ts#L74
+         */
+        return typeof arr.getItem === 'function';
+    }
+    render() {
+        const { 
+        // Only used by the class component; not the JSX element.
+        forwardedRef, 
+        //@ts-ignore
+        children, _debug, cellFactories, cellFactory, ...rest } = this.props;
+        if (children) {
+            console.warn("Ignoring 'children' prop on CollectionView; not supported.");
+        }
+        return React.createElement("collectionView", { ...rest, onItemLoading: this.defaultOnItemLoading, ref: forwardedRef || this.myRef });
+    }
+}
+_CollectionView.defaultProps = {
+    _debug: {
+        logLevel: 'info',
+        onCellFirstLoad: undefined,
+        onCellRecycle: undefined
+    }
+};
+export const CollectionView = React.forwardRef((props, ref) => (React.createElement(_CollectionView, { ...props, forwardedRef: ref })));
+//# sourceMappingURL=index.js.map

package/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/ui-collectionview/react/index.tsx"],"names":[],"mappings":"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"}

package/svelte/index.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="svelte-native" />
+import { NativeViewElementNode, ViewNode } from 'svelte-native/dom';
+import { CollectionView } from '..';
+declare module '@nativescript/core/ui/core/view-base' {
+    interface ViewBase {
+        __SvelteComponent__?: SvelteComponent;
+        __SvelteComponentBuilder__?: any;
+        __CollectionViewCurrentIndex__?: number;
+    }
+}
+export default class CollectionViewViewElement extends NativeViewElementNode<CollectionView> {
+    constructor();
+    private loadView;
+    setAttribute(fullkey: string, value: any): void;
+    private getComponentForView;
+    onInsertedChild(childNode: ViewNode, index: number): void;
+    onRemovedChild(childNode: ViewNode): void;
+    private disposeListItem;
+    private updateListItem;
+    static register(): void;
+}

package/svelte/index.js

@@ -0,0 +1,143 @@
+import { ContentView, profile } from '@nativescript/core';
+import { NativeViewElementNode, TemplateElement, createElement, registerElement } from 'svelte-native/dom';
+import { flush } from 'svelte/internal';
+import { CollectionView } from '..';
+const SVELTE_VIEW = '_svelteViewRef';
+class SvelteKeyedTemplate {
+    constructor(key, templateEl) {
+        this._key = key;
+        this._templateEl = templateEl;
+    }
+    get component() {
+        return this._templateEl.component;
+    }
+    get key() {
+        return this._key;
+    }
+    createView() {
+        // create a proxy element to eventually contain our item (once we have one to render)
+        // TODO is StackLayout the best choice here?
+        // const wrapper = createElement('StackLayout') as NativeViewElementNode<View>;
+        const nativeEl = new ContentView();
+        // because of the way {N} works we cant use that wrapper as the target for the component
+        // it will trigger uncessary {N} component updates because the parent view is already attached
+        nativeEl.__SvelteComponentBuilder__ = (parentView, props) => {
+            profile('createView.__SvelteComponentBuilder__', () => {
+                nativeEl.__SvelteComponent__ = new this.component({
+                    target: parentView,
+                    props
+                });
+            })();
+        };
+        return nativeEl;
+    }
+}
+export default class CollectionViewViewElement extends NativeViewElementNode {
+    constructor() {
+        super('collectionview', CollectionView);
+        const nativeView = this.nativeView;
+        nativeView.itemViewLoader = (viewType) => this.loadView(viewType);
+        this.nativeView.on(CollectionView.itemLoadingEvent, this.updateListItem, this);
+        this.nativeView.on(CollectionView.itemDisposingEvent, this.disposeListItem, this);
+    }
+    loadView(viewType) {
+        if (Array.isArray(this.nativeElement.itemTemplates)) {
+            const keyedTemplate = this.nativeElement.itemTemplates.find((t) => t.key === 'default');
+            if (keyedTemplate) {
+                return keyedTemplate.createView();
+            }
+        }
+        const componentClass = this.getComponentForView(viewType);
+        if (!componentClass)
+            return null;
+        const nativeEl = new ContentView();
+        const builder = (parentView, props) => {
+            nativeEl.__SvelteComponent__ = new componentClass({
+                target: parentView,
+                props
+            });
+        };
+        // in svelte we want to add the wrapper as a child of the collectionview ourselves
+        nativeEl.__SvelteComponentBuilder__ = builder;
+        return nativeEl;
+    }
+    // For some reason itemTemplateSelector isn't defined as a "property" on radListView, so when we set the property, it is lowercase (due to svelte's forced downcasing)
+    // we intercept and fix the case here.
+    setAttribute(fullkey, value) {
+        if (fullkey.toLowerCase() === 'itemtemplateselector') {
+            fullkey = 'itemTemplateSelector';
+        }
+        super.setAttribute(fullkey, value);
+    }
+    getComponentForView(viewType) {
+        const normalizedViewType = viewType.toLowerCase();
+        const templateEl = this.childNodes.find((n) => n.tagName === 'template' && String(n.getAttribute('type')).toLowerCase() === normalizedViewType);
+        if (!templateEl)
+            return null;
+        return templateEl.component;
+    }
+    onInsertedChild(childNode, index) {
+        super.onInsertedChild(childNode, index);
+        if (childNode instanceof TemplateElement) {
+            const key = childNode.getAttribute('key') || 'default';
+            // const templates = !this.nativeView.itemTemplates || typeof this.nativeView.itemTemplates === 'string' ? [] : (this.nativeView.itemTemplates as any[]);
+            // we need to reassign or the update wont be seen
+            this.nativeView.addTemplate(key, new SvelteKeyedTemplate(key, childNode));
+            // = templates.concat([new SvelteKeyedTemplate(key, childNode)]);
+        }
+    }
+    onRemovedChild(childNode) {
+        super.onRemovedChild(childNode);
+        if (childNode instanceof TemplateElement) {
+            const key = childNode.getAttribute('key') || 'default';
+            this.nativeView.removeTemplate(key);
+        }
+    }
+    disposeListItem(args) {
+        const _view = args.view;
+        if (_view.__SvelteComponent__) {
+            _view.__SvelteComponent__.$destroy();
+            _view.__SvelteComponent__ = null;
+        }
+    }
+    updateListItem(args) {
+        const _view = args.view;
+        const props = { item: args.bindingContext, index: args.index };
+        const componentInstance = _view.__SvelteComponent__;
+        if (!componentInstance) {
+            if (_view.__SvelteComponentBuilder__) {
+                const dummy = createElement('fragment');
+                _view.__SvelteComponentBuilder__(dummy, props);
+                _view.__SvelteComponentBuilder__ = null;
+                _view.__CollectionViewCurrentIndex__ = args.index;
+                const nativeEl = dummy.firstElement().nativeView;
+                _view.content = nativeEl;
+            }
+        }
+        else {
+            // ensure we dont do unnecessary tasks if index did not change
+            // console.log('updateListItem', args.index,  _view.__CollectionViewCurrentIndex__);
+            _view.__CollectionViewCurrentIndex__ = args.index;
+            _view._batchUpdate(() => {
+                componentInstance.$set(props);
+                flush(); // we need to flush to make sure update is applied right away
+            });
+        }
+    }
+    static register() {
+        registerElement('collectionview', () => new CollectionViewViewElement());
+    }
+}
+__decorate([
+    profile,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], CollectionViewViewElement.prototype, "disposeListItem", null);
+__decorate([
+    profile,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], CollectionViewViewElement.prototype, "updateListItem", null);
+//# sourceMappingURL=index.js.map

package/svelte/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/ui-collectionview/svelte/index.ts"],"names":[],"mappings":"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"}

package/vue/component.d.ts

@@ -0,0 +1,38 @@
+declare const _default: {
+    props: {
+        items: {
+            validator: (val: any) => boolean;
+            required: boolean;
+        };
+        '+alias': {
+            type: StringConstructor;
+            default: string;
+        };
+        '+index': {
+            type: StringConstructor;
+        };
+        itemTemplateSelector: {
+            type: FunctionConstructor;
+            default: any;
+        };
+    };
+    template: string;
+    watch: {
+        items: {
+            handler(newVal: any, oldVal: any): void;
+            deep: boolean;
+        };
+    };
+    created(): void;
+    mounted(): void;
+    methods: {
+        getItem(index: any): any;
+        onItemTap(args: any): void;
+        updateViewTemplate(args: any): void;
+        onItemLoadingInternal(args: any): void;
+        onItemDisposingInternal(args: any): void;
+        refresh(): void;
+        scrollToIndex(index: any, animate?: boolean): void;
+    };
+};
+export default _default;

package/vue/component.js

@@ -0,0 +1,104 @@
+import { Observable, ObservableArray } from '@nativescript/core';
+const VUE_VIEW = '__vueVNodeRef__';
+export default {
+    props: {
+        items: {
+            validator: (val) => !val || Array.isArray(val) || val instanceof ObservableArray,
+            required: true
+        },
+        '+alias': {
+            type: String,
+            default: 'item'
+        },
+        '+index': {
+            type: String
+        },
+        itemTemplateSelector: {
+            type: Function,
+            default: undefined
+        }
+    },
+    template: `<NativeCollectionView ref="listView" :items="items" v-bind="$attrs" v-on="listeners" @itemTap="onItemTap" @itemLoading="onItemLoadingInternal" @itemDisposing="onItemDisposingInternal"
+  >
+  <slot /></NativeCollectionView>`,
+    watch: {
+        items: {
+            handler(newVal, oldVal) {
+                if (!(oldVal instanceof Observable)) {
+                    this.$refs.listView.setAttribute('items', newVal);
+                }
+            },
+            deep: true
+        }
+    },
+    created() {
+        // we need to remove the itemTap handler from a clone of the $listeners
+        // object because we are emitting the event ourselves with added data.
+        const listeners = Object.assign({}, this.$listeners);
+        delete listeners.itemTap;
+        this.listeners = listeners;
+        this.getItemContext = getItemContext.bind(this);
+    },
+    mounted() {
+        const listView = this.$refs.listView;
+        this.listView = listView.nativeView;
+        listView.setAttribute('itemTemplates', this.$templates.getKeyedTemplates());
+        const itemTemplateSelector = this.itemTemplateSelector
+            ? this.itemTemplateSelector // custom template selector if any
+            : (item, index, items) => this.$templates.selectorFn(this.getItemContext(item, index));
+        listView.setAttribute('itemTemplateSelector', itemTemplateSelector);
+    },
+    methods: {
+        getItem(index) {
+            return this.listView.getItemAtIndex(index);
+        },
+        onItemTap(args) {
+            this.$emit('itemTap', { item: this.getItem(args.index), ...args });
+        },
+        updateViewTemplate(args) {
+            const listView = args.object;
+            const index = args.index;
+            const items = args.object.items;
+            const currentItem = args.bindingContext;
+            const name = listView._itemTemplateSelector(currentItem, index, items);
+            const context = this.getItemContext(currentItem, index);
+            const oldVnode = args.view && args.view[VUE_VIEW];
+            if (args.view) {
+                args.view._batchUpdate(() => {
+                    args.view = this.$templates.patchTemplate(name, context, oldVnode);
+                });
+            }
+            else {
+                args.view = this.$templates.patchTemplate(name, context, oldVnode);
+            }
+        },
+        onItemLoadingInternal(args) {
+            this.updateViewTemplate(args);
+        },
+        onItemDisposingInternal(args) {
+            const oldVnode = args.view && args.view[VUE_VIEW];
+            if (oldVnode && oldVnode.context) {
+                oldVnode.context.$destroy();
+                args.view[VUE_VIEW] = null;
+            }
+        },
+        refresh() {
+            this.listView.refresh();
+        },
+        scrollToIndex(index, animate = false) {
+            this.listView.scrollToIndex(index, animate);
+        }
+        // getSelectedItems() {
+        //     return (this.listView as CollectionView).getSelectedItems();
+        // }
+    }
+};
+function getItemContext(item, index = -1, alias = this.$props['+alias'], index_alias = this.$props['+index']) {
+    return {
+        [alias]: item,
+        [index_alias || '$index']: index,
+        $even: index % 2 === 0,
+        $odd: index % 2 !== 0
+    };
+}
+//# sourceMappingURL=component.js.map

package/vue/component.js.map

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

package/vue/index.d.ts

@@ -0,0 +1,4 @@
+declare const CollectionViewPlugin: {
+    install(Vue: any, options: any): void;
+};
+export default CollectionViewPlugin;

package/vue/index.js

@@ -0,0 +1,12 @@
+import { CollectionView } from '..';
+const CollectionViewPlugin = {
+    install(Vue, options) {
+        Vue.registerElement('CollectionView', function () {
+            return CollectionView;
+        }, {
+            component: require('./component').default
+        });
+    }
+};
+export default CollectionViewPlugin;
+//# sourceMappingURL=index.js.map

package/vue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/ui-collectionview/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,IAAI,CAAC;AAEpC,MAAM,oBAAoB,GAAG;IACzB,OAAO,CAAC,GAAG,EAAE,OAAO;QAChB,GAAG,CAAC,eAAe,CACf,gBAAgB,EAChB;YACI,OAAO,cAAc,CAAC;QAC1B,CAAC,EACD;YACI,SAAS,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC,OAAO;SAC5C,CACJ,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,eAAe,oBAAoB,CAAC"}