@nativescript-community/ui-persistent-bottomsheet/vue3/index.js

NativeScript plugin that allows you to easily add a persistent bottomsheet to your projects.

const PBSPlugin = {
    install(app) {
        app.registerElement('BottomSheet', () => require('../index').PersistentBottomSheet, {
            model: {
                prop: 'stepIndex',
                event: 'stepIndexChange',
            },
            nodeOps: {
                insert(child, parent, atIndex) {
                    const parentView = parent.nativeView;
                    const childView = child.nativeView;
                    if (childView.nodeRole === 'bottomSheet') {
                        parentView.bottomSheet = childView;
                    }
                    else {
                        parentView.addChild(childView);
                    }
                },
                remove(child, parent) {
                    const parentView = parent.nativeView;
                    const childView = child.nativeView;
                    if (parentView.bottomSheet === childView) {
                        parentView.bottomSheet = null;
                    }
                    else {
                        parentView.removeChild(childView);
                    }
                },
            },
        });
    },
};
export default PBSPlugin;
//# sourceMappingURL=index.js.map