Draggable / Dockable Dialog (convert to Drawer)

[techniq]

It would be useful to be able to drag a Dialog (or at least minimize or make it transparent) to be able to see behind it

Might be as simple as adding a pannable action or using draggable="true" and setting opacity while being dragged (would snap back to original location after letting go)

Might also be useful to convert a Dialog to a Drawer (and vice versa) and dock the Drawer to the left or right.

Resources

• https://svelte.dev/examples#actions
• https://svelte.dev/repl/7d674cc78a3a44beb2c5a9381c7eb1a9?version=3.29.7
• https://svelte.dev/repl/f8d942a2cff64fbda44d6cc97b1ee754?version=3.29.0
• https://github.com/pupubird/svelte-draggable-draw
• https://github.com/daybrush/moveable/tree/master/packages/svelte-moveable
• https://svelte.dev/repl/4949485c5a8f46e7bdbeb73ed565a9c7?version=3.24.1

Other libraries examples

• https://material-ui.com/components/dialogs/#draggable-dialog
• https://ant.design/components/modal/#components-modal-demo-modal-render
• https://github.com/vuetifyjs/vuetify/issues/4058#issuecomment-450636420
• https://github.com/DylanVann/ant-design-draggable-modal
• https://medium.com/dev-genius/material-ui-responsive-and-draggable-dialogs-96d86efd8152
• https://github.com/roman-rr/cupertino-pane