@qikdev/vue-ui 0.1.2 → 0.1.8

package/src/modal/PromptModal.vue

@@ -1,31 +0,0 @@
-<template>
-    <flex-column>
-        <flex-header>
-        	Prompt
-        </flex-header>
-        <flex-body>
-        	Prompt
-        </flex-body>
-        <flex-footer>
-        	<flex-row>
-        		<flex-cell>
-        			<ux-button @click="dismiss">Cancel</ux-button>
-        		</flex-cell>
-
-        		<flex-cell>
-        			<ux-button @click="done">Done</ux-button>
-        		</flex-cell>
-        	</flex-row>
-        </flex-footer>
-    </flex-column>
-</template>
-<script>
-
-import ModalMixin from './ModalMixin';
-
-export default {
-	mixins:[ModalMixin],
-}
-</script>
-<style lang="scss">
-</style>

package/src/services/device.js

@@ -1,211 +0,0 @@
-
-import { reactive } from 'vue'
-
-export default function() {
-
-    var service = reactive({
-        mounted:false,
-        screen: {
-            width: 1024,
-            height: 768,
-        },
-        limits: {
-            xs: 600,
-            sm: 960,
-            md: 1264,
-            lg: 1904,
-        },
-        breakpoint: {
-            mobile: false,
-            tablet: false,
-            desktop: false,
-            xs: false,
-            sm: false,
-            md: false,
-            lg: false,
-            xl: false,
-            xsOnly: false,
-            smOnly: false,
-            smAndDown: false,
-            smAndUp: false,
-            mdOnly: false,
-            mdAndDown: false,
-            mdAndUp: false,
-            lgOnly: false,
-            lgAndDown: false,
-            lgAndUp: false,
-            xlOnly: false,
-            point: 0,
-        },
-    });
-
-    ////////////////////////////////
-
-    var mounted;
-    let WindowReference;
-
-    ////////////////////////////////
-
-    service.resize = function() {
-        console.log('RESIZE')
-
-        var width = Math.max(WindowReference.innerWidth || 0);
-        var height = Math.max(WindowReference.innerHeight || 0);
-
-        service.screen = {
-            width,
-            height,
-        }
-
-        ///////////////////////////////////////////
-
-        var breakpoint = {
-            mobile: false,
-            tablet: false,
-            desktop: false,
-            xs: false,
-            sm: false,
-            md: false,
-            lg: false,
-            xl: false,
-            xsOnly: false,
-            smOnly: false,
-            smAndDown: false,
-            smAndUp: false,
-            mdOnly: false,
-            mdAndDown: false,
-            mdAndUp: false,
-            lgOnly: false,
-            lgAndDown: false,
-            lgAndUp: false,
-            xlOnly: false,
-            point: 0,
-        }
-
-        ///////////////////////////////////////////
-
-        var point = 0;
-
-        if (width > service.limits.xs) {
-            point++;
-        }
-
-        if (width > service.limits.sm) {
-            point++;
-        }
-
-        if (width > service.limits.md) {
-            point++;
-        }
-
-        if (width > service.limits.lg) {
-            point++;
-        }
-
-        ///////////////////////////////////////////
-
-        //XS Mobile
-        if (point < 1) {
-            breakpoint.mobile = true;
-            breakpoint.xs = true;
-            breakpoint.xsOnly = true;
-
-            //Down
-            breakpoint.smAndDown = true;
-            breakpoint.mdAndDown = true;
-            breakpoint.lgAndDown = true;
-
-        }
-
-        //SM Tablet
-        if (point == 1) {
-            breakpoint.tablet = true;
-            breakpoint.sm = true;
-            breakpoint.smOnly = true;
-
-            //Down
-            breakpoint.smAndDown = true;
-            breakpoint.mdAndDown = true;
-            breakpoint.lgAndDown = true;
-
-            //Up
-            breakpoint.smAndUp = true;
-        }
-
-        //MD Tablet
-        if (point == 2) {
-            breakpoint.desktop = true;
-            breakpoint.md = true;
-            breakpoint.mdOnly = true;
-            //Down
-            breakpoint.mdAndDown = true;
-            breakpoint.lgAndDown = true;
-
-            //Up
-            breakpoint.smAndUp = true;
-            breakpoint.mdAndUp = true;
-        }
-
-        //LG Desktop
-        if (point == 3) {
-            breakpoint.desktop = true;
-            breakpoint.lg = true;
-            breakpoint.lgOnly = true;
-            //Down
-            breakpoint.lgAndDown = true;
-
-            //Up
-            breakpoint.smAndUp = true;
-            breakpoint.mdAndUp = true;
-            breakpoint.lgAndUp = true;
-        }
-
-        //XL Desktop
-        if (point > 3) {
-            breakpoint.desktop = true;
-            breakpoint.xl = true;
-            breakpoint.xlOnly = true;
-            //Up
-             breakpoint.smAndUp = true;
-            breakpoint.mdAndUp = true;
-            breakpoint.lgAndUp = true;
-        }
-
-
-        service.point = point;
-        service.breakpoint = breakpoint;
-
-        // console.log('SERVICE', point, service.screen, breakpoint)
-
-    }
-
-
-    ////////////////////////////////
-
-    service.mount = function(window) {
-        if (mounted) {
-            return;
-        }
-
-        WindowReference = window;
-        service.resize();
-        mounted = true;
-        service.mounted = true;
-        WindowReference.addEventListener('resize', service.resize);
-    }
-
-
-    ////////////////////////////////
-
-    service.unmount = function() {
-        WindowReference.removeEventListener('resize', service.resize);
-        WindowReference = false;
-        mounted = false;
-        service.mounted = false;
-    }
-
-    ////////////////////////////////
-
-    return service;
-
-}

package/src/services/selection.js

@@ -1,165 +0,0 @@
-import { reactive, watch } from 'vue';
-import { EventDispatcher } from '@qikdev/sdk';
-
-export default function(options) {
-
-    options = options || {};
-    let minimum = Math.max(parseInt(options.minimum || 0), 0);
-    let maximum = Math.max(parseInt(options.maximum || 0), 0);
-
-    ///////////////////////////////////
-
-    const service = EventDispatcher({})
-
-    ///////////////////////////////////
-
-    const selection = reactive([]);
-    let hash = {};
-
-    ///////////////////////////////////
-
-
-    watch(selection, function() {
-        recreateHash();
-    });
-
-    ///////////////////////////////////
-
-    function recreateHash() {
-        hash = selection.reduce(function(set, item) {
-
-            var id = item._id || item.id;
-            if (!id) {
-                return;
-            }
-            set[id] = item;
-            return set;
-        }, {});
-
-    }
-    ///////////////////////////////////
-
-    service.isSelected = function(item) {
-        return hash[item._id || item.id];
-    }
-
-    service.select = function(item, ignoreDispatch) {
-
-
-        //If there is a limit set
-        if (maximum) {
-            //But we are at or past the limit
-            if (selection.length >= maximum) {
-                if (maximum === 1) {
-                    //Clear the selection
-                    selection.length = 0;
-                }
-            }
-        }
-
-        //Check if this item is already selected
-        if (service.isSelected(item)) {
-            return;
-        }
-
-        //Add the item into the selection array
-        selection.push(item);
-
-        if (!ignoreDispatch) {
-            service.dispatch('change', selection);
-        }
-    }
-
-    service.deselect = function(item, ignoreDispatch) {
-
-
-        //If we can only select one item
-        //then just clear the selection
-        if (maximum === 1) {
-            selection.length = 0;
-            return;
-        }
-
-        //Find the index of the item
-        var index = selection.findIndex(function(entry) {
-            return (entry._id && entry._id == item._id) || (entry.id && entry.id == item.id)
-        })
-
-        //If there was no index found
-        if (index == -1) {
-            return;
-        }
-
-        //remove it from the array
-        selection.splice(index, 1);
-        if (!ignoreDispatch) {
-            service.dispatch('change', selection);
-        }
-
-    }
-
-    service.toggle = function(item, ignoreDispatch) {
-
-        if (service.isSelected(item)) {
-            service.deselect(item, ignoreDispatch);
-        } else {
-            service.select(item, ignoreDispatch);
-        }
-    }
-
-    service.selectMultiple = function(array) {
-
-
-        array.forEach(function(item) {
-            service.select(item, true);
-        })
-
-        service.dispatch('change', selection);
-    }
-
-    service.deselectMultiple = function(array) {
-
-
-        array.forEach(function(item) {
-            service.deselect(item, true);
-        })
-
-        service.dispatch('change', selection);
-    }
-
-    service.setSelection = function(array) {
-
-
-        selection.length = 0;
-        setTimeout(function() {
-            service.selectMultiple(array);
-        })
-
-    }
-
-    service.deselectAll = function() {
-        selection.length = 0;
-        service.dispatch('change', selection);
-    }
-
-    ///////////////////////////////////
-
-
-    Object.defineProperty(service, 'items', {
-        value: selection,
-        writable: false,
-    });
-
-    ///////////////////////////////////
-
-    Object.defineProperty(service, 'hash', {
-        get() {
-            return hash;
-        }
-    });
-
-
-    ///////////////////////////////////
-
-    return service;
-}