@necrolab/dashboard 0.5.28 → 0.5.30

package/src/components/ui/Modal.vue

@@ -4,7 +4,7 @@
         :class="{ 'fade-in': !isClosing, 'fade-out': isClosing }"
         role="dialog"
         aria-modal="true"
-        @touchmove.stop>
+        @touchmove.passive.stop>
         <div
             class="modal-content"
             :class="{ 'modal-slide-in': !isClosing, 'modal-slide-out': isClosing }"

package/src/components/ui/ReadonlyFieldsSection.vue

@@ -9,9 +9,9 @@
         <div class="col-span-6">
             <label class="flex items-center mb-2 text-light-200 font-medium">Status</label>
             <div class="flex-gap-3 items-center h-10">
-                <StatusBadge :enabled="data.enabled" size="large" />
-                <span class="text-sm font-medium" :class="data.enabled ? 'text-green-400' : 'text-red-400'">
-                    {{ data.enabled ? 'Enabled' : 'Disabled' }}
+                <StatusBadge :enabled="Boolean(data.enabled)" size="large" />
+                <span class="text-sm font-medium" :class="Boolean(data.enabled) ? 'text-green-400' : 'text-red-400'">
+                    {{ Boolean(data.enabled) ? 'Enabled' : 'Disabled' }}
                 </span>
             </div>
         </div>

package/src/components/ui/StatusBadge.vue

@@ -4,7 +4,7 @@ import { CheckmarkIcon, CloseXIcon } from "@/components/icons";
 defineProps({
     enabled: {
         type: Boolean,
-        required: true
+        default: false
     },
     size: {
         type: String,

package/src/components/ui/TaskToggle.vue

@@ -32,8 +32,7 @@ const props = defineProps({
         default: ""
     },
     modelValue: {
-        type: Boolean,
-        required: true
+        default: false
     },
     disabled: {
         type: Boolean,
@@ -48,7 +47,7 @@ const props = defineProps({
 const emit = defineEmits(["update:modelValue"]);
 
 const model = computed({
-    get: () => props.modelValue,
+    get: () => Boolean(props.modelValue),
     set: (value) => emit("update:modelValue", value)
 });
 </script>

package/src/components/ui/controls/CountryChooser.vue

@@ -20,8 +20,8 @@
             class="bg-dark-400 border border-dark-650 rounded-lg shadow-2xl z-50 p-2 !max-h-52 !overflow-y-auto custom-scrollbar-y min-w-20 w-25"
             :style="menuStyle"
             @click.stop
-            @wheel.stop
-            @touchmove.stop
+            @wheel.passive.stop
+            @touchmove.passive.stop
           >
             <div class="country-header-item">TM</div>
             <div

package/src/components/ui/controls/atomic/Dropdown.vue

@@ -25,7 +25,7 @@
                     :style="menuStyle"
                     role="listbox"
                     @click.stop
-                    @wheel.stop>
+                    @wheel.passive.stop>
                     <button
                         v-bind:key="f"
                         class="dropdown-item"
@@ -133,7 +133,7 @@ const handleClickOutside = (event) => {
 
 onMounted(() => {
     document.addEventListener('mousedown', handleClickOutside);
-    document.addEventListener('touchstart', handleClickOutside);
+    document.addEventListener('touchstart', handleClickOutside, { passive: true });
 });
 
 onUnmounted(() => {

package/src/components/ui/controls/atomic/MultiDropdown.vue

@@ -18,7 +18,7 @@
                     class="dropdown-menu-portal multi scrollable"
                     :style="menuStyle"
                     @click.stop
-                    @wheel.stop>
+                    @wheel.passive.stop>
                     <div class="option-list scrollable">
                         <button
                             v-for="(option, i) in props.options"

package/src/composables/useDynamicTableHeight.js

@@ -5,10 +5,10 @@ export function useDynamicTableHeight(options = {}) {
     const { windowHeight, windowWidth } = useWindowDimensions();
 
     const {
-        topReservedSpace = 243,
-        bottomBuffer = 16,
-        rowHeight = 64,
-        minRowsToShow = 2
+        topReservedSpace = options.TOP_RESERVED_SPACE ?? 243,
+        bottomBuffer = options.BOTTOM_BUFFER ?? 16,
+        rowHeight = options.ROW_HEIGHT ?? 64,
+        minRowsToShow = options.MIN_ROWS_TO_SHOW ?? 2
     } = options;
 
     const dynamicTableHeight = computed(() => {

package/src/composables/useRowSelection.js

@@ -24,7 +24,6 @@ export function useRowSelection(toggleCallback) {
 
     if (tapGap < DOUBLE_TAP_DELAY && tapGap > 0) {
       if (!event.target.closest('button') && !event.target.closest('.checkbox')) {
-        event.preventDefault()
         toggleCallback()
       }
     }

package/src/composables/useZoomPrevention.js

@@ -9,40 +9,22 @@ export function useZoomPrevention() {
         MINUS: 189
     };
 
-    // Prevent pinch-to-zoom gestures
-    document.addEventListener('touchstart', (e) => {
-        if (e.touches.length > 1) {
-            e.preventDefault();
-        }
-    }, { passive: false });
-
-    document.addEventListener('touchmove', (e) => {
-        if (e.touches.length > 1) {
-            e.preventDefault();
-        }
-    }, { passive: false });
-
-    document.addEventListener('gesturestart', (e) => {
-        e.preventDefault();
-    }, { passive: false });
-
-    document.addEventListener('gesturechange', (e) => {
-        e.preventDefault();
-    }, { passive: false });
-
-    document.addEventListener('gestureend', (e) => {
-        e.preventDefault();
-    }, { passive: false });
-
-    // Prevent double-tap zoom
-    let lastTouchEnd = 0;
-    document.addEventListener('touchend', (e) => {
-        const now = Date.now();
-        if (now - lastTouchEnd <= 300) {
-            e.preventDefault();
-        }
-        lastTouchEnd = now;
-    }, { passive: false });
+    const isIOSLikeDevice =
+        /iPad|iPhone|iPod/.test(navigator.userAgent) ||
+        (navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1);
+    const hasTouch = typeof window !== "undefined" && "ontouchstart" in window;
+
+    if (isIOSLikeDevice || hasTouch) {
+        // Prevent double-tap zoom
+        let lastTouchEnd = 0;
+        document.addEventListener('touchend', (e) => {
+            const now = Date.now();
+            if (now - lastTouchEnd <= 300) {
+                e.preventDefault();
+            }
+            lastTouchEnd = now;
+        }, { passive: false });
+    }
 
     // Prevent ALL keyboard zoom combinations
     document.addEventListener("keydown", function (event) {
@@ -69,27 +51,6 @@ export function useZoomPrevention() {
         }
     }, { passive: false });
 
-    // Prevent Ctrl/Cmd + Mouse wheel zoom (desktop)
-    document.addEventListener("wheel", function (event) {
-        if (event.ctrlKey || event.metaKey) {
-            event.preventDefault();
-        }
-    }, { passive: false });
-
-    // Also block mousewheel for older browsers
-    document.addEventListener("mousewheel", function (event) {
-        if (event.ctrlKey || event.metaKey) {
-            event.preventDefault();
-        }
-    }, { passive: false });
-
-    // Block DOMMouseScroll for Firefox
-    document.addEventListener("DOMMouseScroll", function (event) {
-        if (event.ctrlKey || event.metaKey) {
-            event.preventDefault();
-        }
-    }, { passive: false });
-
     return {
         KEY_CODES
     };