dist/js/device-dragzone.js

import{__decorate as t}from"../node_modules/tslib/tslib.es6.js";import{LitElement as e,html as r}from"https://cdn.jsdelivr.net/gh/lit/dist@2/core/lit-core.min.js";import{property as a,customElement as d}from"https://cdn.skypack.dev/pin/[email protected]/mode=imports/optimized/lit/decorators.js";import{simulationState as i}from"./device-observer.js";var s;let o=s=class extends e{constructor(){super(),this.action="move",this.addEventListener("dragstart",this.handleDragStart),this.addEventListener("dragend",this.handleDragEnd),this.addEventListener("click",this.handleSelect)}connectedCallback(){this.draggable=!0}handleDragStart(t){this.style.opacity="0.4",t.dataTransfer&&t.target&&(i.patchSelected(t.target.id),s.dragged=t.target,t.dataTransfer.effectAllowed="move"===this.action?"move":"copy")}handleDragEnd(){this.style.opacity="1",s.dragged=null}handleSelect(t){this.style.opacity="1",t.target&&i.patchSelected(t.target.id)}render(){return r` <slot></slot> `}};t([a({type:String,attribute:"action"})],o.prototype,"action",void 0),o=s=t([d("ns-device-dragzone")],o);export{o as DeviceDragZone};