1import{_ as g,ao as u}from"./index.474d7b13.js";import{N as _,_ as C,D as l,E as r,$ as b,W as L,U as x,F as I,a2 as v,H as d,G as p,R as D,Q as y,f as P,a3 as S}from"./vue.00f7c436.js";import"./sentry.09480738.js";var w={},M;function k(){return M||(M=1,function(e){Object.defineProperty(e,"__esModule",{value:!0});var s="fas",t="trash",a=448,i=512,n=[],h="f1f8",m="M135.2 17.7L128 32H32C14.3 32 0 46.3 0 64S14.3 96 32 96H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H320l-7.2-14.3C307.4 6.8 296.3 0 284.2 0H163.8c-12.1 0-23.2 6.8-28.6 17.7zM416 128H32L53.2 467c1.6 25.3 22.6 45 47.9 45H346.9c25.3 0 46.3-19.7 47.9-45L416 128z";e.definition={prefix:s,iconName:t,icon:[a,i,n,h,m]},e.faTrash=e.definition,e.prefix=s,e.iconName=t,e.width=a,e.height=i,e.ligatures=n,e.unicode=h,e.svgPathData=m,e.aliases=n}(w)),w}var O=k();const U={name:"TmlSortableList",props:{items:{type:[Object,Array],required:!0},itemClassList:{type:String,default:"col-3"},itemKey:{type:String,default:""},allowDelete:{type:Boolean,default:!1},min:{type:Number,default:0},max:{type:Number,default:0},breakpoints:{type:Object}},data(){return{internalItems:this.getItems(),activeItem:!1,activeItemIndex:!1,activeItemStartPosition:!1,activeItemWidth:null,deltaPosition:!1,rawMousePosition:!1,deleteItemOnMouseUp:!1,mouseDownAt:null,intent:null,prependables:[],appendables:[],faTrash:O.faTrash}},computed:{boundingClientRect(){const e=this.$el.getElementsByClassName("sortable-list-container");return e?e[0].getBoundingClientRect():this.$el.getBoundingClientRect()}},watch:{items(){var e;this.internalItems=this.items,this.$emit("updated-items",(e=this.internalItems)==null?void 0:e.map((s,t)=>({data:s,order:t})))}},mounted(){window.addEventListener("mouseup",this.onMouseUp),window.addEventListener("touchend",this.onMouseUp),this.prependables=Object.keys(this.$slots).filter(e=>e.substr(0,11)==="prependable"),this.appendables=Object.keys(this.$slots).filter(e=>e.substr(0,10)==="appendable")},beforeUnmount(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("touchend",this.onMouseUp),window.removeEventListener("mousemove",this.onContainerMouseMove)},methods:{getItems(){return this.items},getItemStyle(e,s){if(this.activeItem&&s===this.activeItemIndex){let t="translate(-50%, -50%)";return this.deleteItemOnMouseUp&&(t+=" scale(0.75)"),{"pointer-events":"none",position:this.breakpoints?"fixed":"absolute",top:`${this.rawMousePosition.y}px`,left:`${this.rawMousePosition.x}px`,"z-index":5,transform:t,opacity:this.deleteItemOnMouseUp?.5:1,"min-width":`${this.activeItemWidth}px`}}return{}},getSortableItemContainerClassList(e,s){const t={},a=this.itemClassList.split(" ");for(let i=0,n=a.length;i<n;++i)t[a[i]]=!0;return s===this.activeItemIndex&&(t["active-item"]=!0),t},onItemMouseDown(e,s,t){t.preventDefault(),this.mouseDownAt=new Date,this.activeItem=e,this.activeItemIndex=s,this.activeItemStartPosition=new u(t.clientX,t.clientY);const a=document.elementFromPoint(t.clientX,t.clientY);let i,n=50,h=50;if(a){this.activeItemWidth=a.getBoundingClientRect().width;const o=a.closest(".sortable-list-item-container");o?(i=o.getBoundingClientRect(),n=o.offsetWidth,h=o.offsetHeight):i={x:t.clientX,y:t.clientY}}else i={x:t.clientX,y:t.clientY};const m=this.breakpoints?new u(0,0):this.boundingClientRect;this.rawMousePosition=new u(i.x-m.x+n/2,i.y-m.y+h/2),window.addEventListener("mousemove",this.onContainerMouseMove)},onItemMouseMove(e,s,t){if(!this.activeItem)return;t.preventDefault();const a=document.elementFromPoint(t.clientX,t.clientY);if(a){const i=a.closest(".sortable-list-item");if(i){this.intent="sort";const n=i.dataset.itemKey;this.shiftItem(this.activeItem,n),this.activeItemIndex=parseInt(n,10)}}},shiftItem(e,s){const t=this.internalItems.indexOf(e);this.internalItems.splice(t,1),this.internalItems.splice(s,0,e)},removeItem(e){const s=this.internalItems.indexOf(e);this.internalItems.splice(s,1)},onContainerMouseMove(e){const s=document.elementFromPoint(e.clientX,e.clientY);if(s&&s.classList&&(s.classList.contains("trash-can")||s.closest(".trash-can"))?this.deleteItemOnMouseUp=!0:this.deleteItemOnMouseUp=!1,this.activeItem){e.preventDefault();const t=this.boundingClientRect,a=new u(e.clientX,e.clientY);this.deltaPosition=a.translate(-this.activeItemStartPosition.x,-this.activeItemStartPosition.y),this.breakpoints?this.rawMousePosition=new u(e.clientX,e.clientY):this.rawMousePosition=new u(e.clientX-t.left,e.clientY-t.top)}},onMouseUp(){this.activeItem&&(this.deleteItemOnMouseUp?(this.removeItem(this.activeItem),this.$emit("delete",this.activeItem)):new Date-this.mouseDownAt<1e3&&this.intent!=="sort"&&this.$emit("click",this.activeItem)),this.activeItem=!1,this.activeItemIndex=!1,this.deleteItemOnMouseUp=!1,this.intent=null,window.removeEventListener("mousemove",this.onContainerMouseMove)},showAppendable(){return!this.max||this.internalItems.length<this.max},showPrependable(){const e=this.max-(this.showAppendable()?1:0),s=this.internalItems.length<e;return(!this.max||s)&&this.$slots.prependable},showDelete(){return this.activeItem&&this.allowDelete&&(!this.min||this.internalItems.length>this.min)}}},E=["data-item-key","onMousedown","onMousemove"],T={key:1,class:"trash-can"};function B(e,s,t,a,i,n){const h=_("font-awesome-icon"),m=C("tml-touch-mouse");return l(),r("div",null,[b((l(),L(S(t.breakpoints?"tml-grid":"div"),{ref:"container",class:"row
1sortable-list-container",breakpoints:t.breakpoints},{default:x(()=>[(l(!0),r(I,null,v(i.prependables,o=>(l(),r("div",{key:o,class:d(t.itemClassList)},[p(e.$slots,o,{},void 0,!0)],2))),128)),(l(!0),r(I,null,v(i.internalItems,(o,c)=>(l(),r("div",{key:t.itemKey?o[t.itemKey]:c,class:d(["sortable-list-item-container",n.getSortableItemContainerClassList(o,c)])},[b((l(),r("div",{class:d(["sortable-list-item",c===i.activeItemIndex?t.itemClassList:""]),"data-item-key":c,style:D(n.getItemStyle(o,c)),onMousedown:f=>n.onItemMouseDown(o,c,f),onMousemove:f=>n.onItemMouseMove(o,c,f)},[p(e.$slots,"cell",{item:o,itemKey:c},void 0,!0)],46,E)),[[m]])],2))),128)),n.showAppendable()?(l(!0),r(I,{key:0},v(i.appendables,o=>(l(),r("div",{key:o,class:d(t.itemClassList)},[p(e.$slots,o,{},void 0,!0)],2))),128)):y("",!0),n.showDelete()?(l(),r("div",T,[P(h,{icon:i.faTrash},null,8,["icon"])])):y("",!0)]),_:3},8,["breakpoints"])),[[m]])])}const X=g(U,[["render",B],["__scopeId","data-v-c8fe9b3a"]]);export{X as default}; 2//# sourceMappingURL=TmlSortableList.5eee6e69.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.