svelte-kit-vice/src/uix/morfo/components/drag-drop.ts

import type { Morfo } from '../types';

export const dragDropMorfo: Morfo = {
	name: 'DragDrop',
	kebab: 'drag-drop',
	scope: ['soma'],
	parts: [
		{
			name: 'Provider',
			kebab: 'root',
			kind: 'public',
			defaultElement: 'div',
			optional: false,
			data: [{ attr: 'data-dragging', severity: 'optional' }],
			aria: []
		},
		{
			name: 'Draggable',
			kebab: 'draggable',
			kind: 'public',
			defaultElement: 'div',
			optional: false,
			data: [
				{ attr: 'data-dragging', severity: 'optional' },
				{ attr: 'data-disabled', severity: 'optional' }
			],
			aria: []
		},
		{
			name: 'Droppable',
			kebab: 'droppable',
			kind: 'public',
			defaultElement: 'div',
			optional: false,
			data: [
				{ attr: 'data-dragover', severity: 'optional' },
				{ attr: 'data-accepting', severity: 'optional' },
				{ attr: 'data-disabled', severity: 'optional' }
			],
			aria: []
		},
		{
			name: 'Preview',
			kebab: 'preview',
			kind: 'public',
			defaultElement: 'div',
			optional: true,
			data: [{ attr: 'data-active', severity: 'optional' }],
			aria: []
		}
	]
};