@slidev/client 52.15.0 → 52.15.2

package/internals/DrawingControls.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { Menu } from 'floating-vue'
+import { Dropdown } from 'floating-vue'
+import { ref } from 'vue'
 import { useDrawings } from '../composables/useDrawings'
 import Draggable from './Draggable.vue'
 import IconButton from './IconButton.vue'
@@ -18,6 +19,23 @@ const {
   brushColors,
 } = useDrawings()
 
+const strokeWidthDropdownShown = ref(false)
+
+function showStrokeWidthDropdown(event: Event) {
+  event.preventDefault()
+  event.stopPropagation()
+  requestAnimationFrame(() => {
+    requestAnimationFrame(() => {
+      strokeWidthDropdownShown.value = true
+    })
+  })
+}
+
+function showStrokeWidthDropdownForPointer(event: PointerEvent) {
+  if (event.pointerType !== 'mouse')
+    showStrokeWidthDropdown(event)
+}
+
 function undo() {
   drauu.undo()
 }
@@ -71,8 +89,8 @@ function setBrushColor(color: string) {
 
     <VerticalDivider />
 
-    <Menu>
-      <IconButton title="Adjust stroke width" :class="{ shallow: drawingMode === 'eraseLine' }">
+    <Dropdown v-model:shown="strokeWidthDropdownShown" :triggers="[]">
+      <IconButton title="Adjust stroke width" :class="{ shallow: drawingMode === 'eraseLine' }" @click="showStrokeWidthDropdown" @pointerdown="showStrokeWidthDropdownForPointer" @pointerup="showStrokeWidthDropdownForPointer" @touchend="showStrokeWidthDropdown">
         <svg viewBox="0 0 32 32" width="1.2em" height="1.2em">
           <line x1="2" y1="15" x2="22" y2="4" stroke="currentColor" stroke-width="1" stroke-linecap="round" />
           <line x1="2" y1="24" x2="28" y2="10" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
@@ -89,7 +107,7 @@ function setBrushColor(color: string) {
           </div>
         </div>
       </template>
-    </Menu>
+    </Dropdown>
     <IconButton
       v-for="color of brushColors"
       :key="color"
@@ -134,7 +152,7 @@ function setBrushColor(color: string) {
 </template>
 
 <style>
-.v-popper--theme-menu .v-popper__arrow-inner {
+.v-popper--theme-dropdown .v-popper__arrow-inner {
   --uno: border-main;
 }
 </style>

package/logic/recording.ts

@@ -2,8 +2,8 @@ import type RecorderType from 'recordrtc'
 import type { Options as RecorderOptions } from 'recordrtc'
 import type { Ref } from 'vue'
 import { isTruthy } from '@antfu/utils'
+import { fixWebmDuration } from '@fix-webm-duration/fix'
 import { useDevicesList, useEventListener, useLocalStorage } from '@vueuse/core'
-import fixWebmDuration from 'fix-webm-duration'
 import { nextTick, ref, shallowRef, watch } from 'vue'
 import { currentCamera, currentMic } from '../state'
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/client",
   "type": "module",
-  "version": "52.15.0",
+  "version": "52.15.2",
   "description": "Presentation slides for developers",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -29,6 +29,7 @@
   },
   "dependencies": {
     "@antfu/utils": "^9.3.0",
+    "@fix-webm-duration/fix": "^1.0.1",
     "@iconify-json/carbon": "^1.2.20",
     "@iconify-json/ph": "^1.2.2",
     "@iconify-json/svg-spinners": "^1.2.4",
@@ -47,7 +48,6 @@
     "ansis": "^4.2.0",
     "drauu": "^1.0.0",
     "file-saver": "^2.0.5",
-    "fix-webm-duration": "^1.0.6",
     "floating-vue": "^5.2.2",
     "fuse.js": "^7.3.0",
     "katex": "^0.16.45",
@@ -64,8 +64,8 @@
     "vue": "^3.5.33",
     "vue-router": "^5.0.6",
     "yaml": "^2.8.3",
-    "@slidev/parser": "52.15.0",
-    "@slidev/types": "52.15.0"
+    "@slidev/types": "52.15.2",
+    "@slidev/parser": "52.15.2"
   },
   "devDependencies": {
     "vite": "^8.0.10"