Handle permission denied errors.

vite/src/pipedal/DraggableButtonBase.tsx

@@ -26,6 +26,7 @@ import ButtonBase, { ButtonBaseProps } from "@mui/material/ButtonBase";
 
 export interface DraggableButtonBaseProps extends ButtonBaseProps {
     onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    onDoubleClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     onLongPressStart?: (currentTarget: HTMLButtonElement, e: React.PointerEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement>) => boolean;
     onLongPressMove?: (e: React.PointerEvent<HTMLButtonElement>) => void;
     onLongPressEnd?: (e: React.PointerEvent<HTMLButtonElement>| React.MouseEvent<HTMLButtonElement>) => void;
@@ -59,7 +60,7 @@ function screenToClient(e: React.PointerEvent): Point {
 
 export default function DraggableButtonBase(props: DraggableButtonBaseProps) {
     // Ensure that the props are spread correctly
-    const { onClick, onLongPressStart, onLongPressMove: 
+    const { onClick, onDoubleClick, onLongPressStart, onLongPressMove: 
         doLongPressMove,onLongPressEnd, longPressDelay,instantMouseLongPress, ...rest } = props;
 
     let [hTimeout, setHTimeout] = React.useState<number | null>(null);
@@ -68,6 +69,7 @@ export default function DraggableButtonBase(props: DraggableButtonBaseProps) {
     let [clickSuppressed, setClickSuppressed] = React.useState<boolean>(false);
     let [pointerDownPoint, setPointerDownPoint] = React.useState<Point>({ x: 0, y: 0 });
     let [ longPressedElement, setLongPressedElement ] = React.useState<HTMLButtonElement | null>(null);
+    let [lastClick, setLastClick] = React.useState<number | null>(null);
 
 
     function handleSuppressClick(e: MouseEvent) {
@@ -278,8 +280,26 @@ export default function DraggableButtonBase(props: DraggableButtonBaseProps) {
                     if (onClick) {
                         onClick(e);
                     }
+                    // check to see whether this is a double-click
+                    let time = Date.now();
+                    if (lastClick && time-lastClick < 500) {
+                        if (onDoubleClick) {
+                            onDoubleClick(e);
+                        }
+                        setLastClick(null);
+                    } else {
+                        setLastClick(time);
+                    }
                 }
             }}
+            onDoubleClick={(e) => {
+                // chrome doesnt' do double-click for touch events
+                // so we need to re-implement it on the onclick handler.
+                e.stopPropagation();
+                e.preventDefault();
+                return false;
+
+            }}
             onPointerCancelCapture={(e) => {
                 if (pointerId !== null) {
                     e.currentTarget.releasePointerCapture(e.pointerId);

vite/src/pipedal/PluginControl.tsx

@@ -31,7 +31,7 @@ import Typography from '@mui/material/Typography';
 import Input from '@mui/material/Input';
 import Select from '@mui/material/Select';
 import Switch from '@mui/material/Switch';
-import Utility, { nullCast } from './Utility';
+import Utility from './Utility';
 import MenuItem from '@mui/material/MenuItem';
 import { PiPedalModel, PiPedalModelFactory } from './PiPedalModel';
 import DialIcon from './svg/fx_dial.svg?react';
@@ -231,12 +231,12 @@ const PluginControl =
             onInputFocus(event: SyntheticEvent): void {
                 //this.displayValueRef.current!.style.display = "none";
                 this.setState({ editFocused: true });
-                if (Utility.hasIMEKeyboard()) {
-                    event.preventDefault();
-                    event.stopPropagation();
-                    this.inputRef.current?.blur();
-                    this.props.requestIMEEdit(nullCast(this.props.uiControl), this.props.value)
-                }
+                // if (Utility.hasIMEKeyboard()) {
+                //     event.preventDefault();
+                //     event.stopPropagation();
+                //     this.inputRef.current?.blur();
+                //     this.props.requestIMEEdit(nullCast(this.props.uiControl), this.props.value)
+                // }
             }
             onInputKeyPress(e: any): void {
                 if (e.charCode === 13 && this.inputChanged) {

vite/src/pipedal/ToobPlayerControl.tsx

@@ -713,24 +713,17 @@ export default function ToobPlayerControl(
                         bottom: 0
                     }}
                 >
-                    {/**
-                     * 
-                        sx={{
-                            '& .MuiTouchRipple-root': {
-                            },
-                            '& .MuiTouchRipple-ripple': {
-                                transform: 'scale(1.9) !important',
-                            }
-                        }}
-                     */}
                     <ButtonEx tooltip="Loop Settings" variant="dialogSecondary"
                         style={{
                             flex: "0 1 auto", maxWidth: 200,
                             textTransform: "none", padding: "4px 8px"
                         }}
+                        disabled={audioFile === ""}
                         startIcon={(<RepeatIcon />)}
                         onClick={() => {
-                            setShowLoopDialog(true);
+                            if (audioFile !== "") {
+                                setShowLoopDialog(true);
+                            }
                         }}
                     >
                         <Typography noWrap variant="caption">