@mixd-id/web-scaffold 0.1.230406050 → 0.1.230406051

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mixd-id/web-scaffold",
   "private": false,
-  "version": "0.1.230406050",
+  "version": "0.1.230406051",
   "scripts": {
     "dev": "vite serve",
     "build": "vite build",

package/src/components/ContextMenu.vue

@@ -129,7 +129,7 @@ export default {
 
 				if(caller){
 
-					const media = this.$util.getMediaPrefix(window.innerWidth)
+					const media = this.$util.calculateMediaPrefix(window.innerWidth)
 					let maxHeight, transformOrigin
 					let top, right, bottom, left
 					if([ '*', 'sm' ].includes(media)){

package/src/components/Modal.vue

@@ -63,7 +63,10 @@ export default{
     class:{ type: String, default: '' },
 		dismissable: undefined,
 		height: String,
-		position: String,
+		position: {
+			type: String,
+			default: 'bottom'
+		},
 		state: [ Number, Boolean, String ],
 		transition: { type: String, default: 'slideup' },
 		width: String,

package/src/index.js

@@ -2,11 +2,6 @@ import {defineAsyncComponent, ref} from "vue"
 import {observeInit} from './utils/helpers.mjs'
 import throttle from "lodash/throttle"
 
-const calculateIsMobile = () => {
-  if(typeof window === 'undefined') return false
-  return window.innerWidth < window.innerHeight && window.innerWidth <= 800
-}
-
 let _UNIQID = 0
 const uniqid = () => {
   return _UNIQID++
@@ -191,7 +186,7 @@ const util = {
     })
   },
 
-  getMediaPrefix(width){
+  calculateMediaPrefix(width){
 
     let prefix = '*'
     for(let breakpoint in mediaBreakpoints){
@@ -201,7 +196,9 @@ const util = {
     }
 
     return prefix
-  }
+  },
+
+  uniqid
 
 }
 
@@ -209,18 +206,17 @@ export default{
 
   install: (app, options) => {
 
-    let isMobile = ref(calculateIsMobile())
-
     if(typeof window !== 'undefined' && 'IntersectionObserver' in window) {
       app.config.globalProperties.$observe = observeInit()
 
-      window.addEventListener('resize', throttle(() => {
-        isMobile.value = calculateIsMobile()
-      }, 300, { trailing:true }))
+      app.config.globalProperties.$screenPrefix = ref(util.calculateMediaPrefix(window.innerWidth))
+      const onWindowResize = throttle(() => {
+        app.config.globalProperties.$screenPrefix.value = util.calculateMediaPrefix(window.innerWidth)
+      }, 500, { leading:true })
+      window.addEventListener('resize', onWindowResize)
     }
 
     app.config.globalProperties.uniqid = uniqid
-    app.config.globalProperties.isMobile = isMobile
     app.config.globalProperties.$download = download
     app.config.globalProperties.$preload = preload
     app.config.globalProperties.$popPreloads = popPreloads

package/src/themes/default/index.js

@@ -10,6 +10,10 @@ const plugin = Plugin(function({ addBase, config, theme }) {
       'fontSize': '13px'
     },
 
+    'html, body': {
+      'height': '100%'
+    },
+
     'html, .html': {
 
       "--h-cp-sm": '2rem',