var __decorate=this&&this.__decorate||function(t,e,r,a){var i,o=arguments.length,s=o<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,r,a);else for(var d=t.length-1;d>=0;d--)(i=t[d])&&(s=(o<3?i(s):o>3?i(e,r,s):i(e,r))||s);return o>3&&s&&Object.defineProperty(e,r,s),s};import{customElement,html,LitElement,property,css}from"lit-element";import"./lit-draggable";import{fireEvent}from"./util/fire-event";let LitDraggableWrapper=class extends LitElement{render(){return html`
`}_dragStart(){const t=this.getBoundingClientRect(),e=this.offsetParent.getBoundingClientRect();this._startLeft=t.left-e.left,this._startTop=t.top-e.top,fireEvent(this,"dragStart")}_drag(t){if(t.stopPropagation(),void 0===this._startLeft||void 0===this._startTop)return;const{deltaX:e,deltaY:r}=t.detail;this.style.setProperty("--drag-x",`${Math.round(this._startLeft+e)}px`),this.style.setProperty("--drag-y",`${Math.round(this._startTop+r)}px`),fireEvent(this,"dragging",{deltaX:e,deltaY:r})}_dragEnd(){this._startLeft=void 0,this._startTop=void 0,fireEvent(this,"dragStart")}static get styles(){return css`
.draggable-wrapper {
position: absolute;
transform: translate(var(--drag-x), var(--drag-y));
touch-action: none;
user-select: none;
}
`}};__decorate([property({type:Array})],LitDraggableWrapper.prototype,"grid",void 0),__decorate([property()],LitDraggableWrapper.prototype,"handle",void 0),LitDraggableWrapper=__decorate([customElement("lit-draggable-wrapper")],LitDraggableWrapper);export{LitDraggableWrapper};