import{a as u,b as y,c as S,d as I,e as L}from"./chunk-2U5AECGN.js";import"./chunk-ROUB2DV5.js";import"./chunk-D2NXOKOR.js";import"./chunk-3OLHRZ2P.js";import"./chunk-OH3XPIE7.js";import"./chunk-PYXABXFS.js";import"./chunk-RAVHNKJU.js";import{Gc as _,Hd as w,Pb as m,Qb as b,Rb as g,Sb as D,Tb as i,Ub as t,ac as C,cc as f,fb as d,oc as k,pa as s,qa as x,tc as n,uc as v,yb as h}from"./chunk-AQ27DSQO.js";import"./chunk-EQDQRRRY.js";var P=r=>[r];function O(r,e){if(r&1&&(i(0,"div",14),n(1),t()),r&2){let o=e.$implicit;d(),v(o)}}function E(r,e){if(r&1&&(i(0,"div",20),n(1),t()),r&2){let o=e.$implicit;d(),v(o)}}function T(r,e){if(r&1&&(i(0,"div",20),n(1),t()),r&2){let o=e.$implicit;d(),v(o)}}function z(r,e){if(r&1&&(i(0,"div",22),n(1),t()),r&2){let o=e.$implicit;d(),v(o)}}function U(r,e){if(r&1&&(i(0,"div",25),n(1),t()),r&2){let o=e.$implicit;d(),v(o)}}function V(r,e){if(r&1&&(i(0,"div",27),n(1),t()),r&2){let o=e.$implicit;D("cdkDragDisabled",o.disabled),d(),v(o.value)}}var M=class r{movies=["Episode I - The Phantom Menace","Episode II - Attack of the Clones","Episode III - Revenge of the Sith","Episode IV - A New Hope","Episode V - The Empire Strikes Back"];drop(e){u(this.movies,e.previousIndex,e.currentIndex)}todo=["Get to work","Pick up groceries","Go home","Fall asleep"];done=["Get up","Brush teeth","Take a shower","Check e-mail","Walk dog"];drop1(e){e.previousContainer===e.container?u(e.container.data,e.previousIndex,e.currentIndex):y(e.previousContainer.data,e.container.data,e.previousIndex,e.currentIndex)}timePeriods=["Bronze age","Iron age","Middle ages","Early modern period","Long nineteenth century"];drop3(e){u(this.timePeriods,e.previousIndex,e.currentIndex)}items=["Zero","One","Two","Three","Four","Five","Six","Seven","Eight","Nine"];drop4(e){u(this.items,e.previousIndex,e.currentIndex)}items1=[{value:"I can be dragged",disabled:!1},{value:"I cannot be dragged",disabled:!0},{value:"I can also be dragged",disabled:!1}];drop5(e){u(this.items,e.previousIndex,e.currentIndex)}static \u0275fac=function(o){return new(o||r)};static \u0275cmp=h({type:r,selectors:[["app-ui-sortable"]],decls:76,vars:8,consts:[["todoList","cdkDropList"],["doneList","cdkDropList"],[1,"page-header"],[1,"row"],[1,"col-sm-12"],[1,"page-title"],[1,"col-xl-5"],[1,"card","custom-card"],[1,"card-header"],[1,"card-title"],[1,"card-body"],["cdkDrag","",1,"basic-box"],[1,"col-xl-7"],["cdkDropList","",1,"example-list1",3,"cdkDropListDropped"],["cdkDrag","",1,"example-box1"],[1,"col-xl-12"],[1,"col-xl-6"],[1,"example-container2"],[1,"mb-3"],["cdkDropList","",1,"example-list2",3,"cdkDropListDropped","cdkDropListData","cdkDropListConnectedTo"],["cdkDrag","",1,"example-box2"],["cdkDropList","","cdkDropListOrientation","horizontal",1,"example-list3",3,"cdkDropListDropped"],["cdkDrag","",1,"example-box3"],["id","sortable-grid",1,"card-body"],["cdkDropList","","cdkDropListOrientation","mixed",1,"example-list4",3,"cdkDropListDropped"],["cdkDrag","",1,"example-box4"],["cdkDropList","",1,"example-list5",3,"cdkDropListDropped"],["cdkDrag","",1,"example-box5",3,"cdkDragDisabled"]],template:function(o,a){if(o&1){let c=C();i(0,"div",2)(1,"div",3)(2,"div",4)(3,"h3",5),n(4,"Sortable JS"),t()()()(),i(5,"div",3)(6,"div",6)(7,"div",7)(8,"div",8)(9,"div",9),n(10," Basic Drag&Drop "),t()(),i(11,"div",10)(12,"div",11),n(13," Drag me around "),t()()()(),i(14,"div",12)(15,"div",7)(16,"div",8)(17,"div",9),n(18," Drag&Drop sorting "),t()(),i(19,"div",10)(20,"div",13),f("cdkDropListDropped",function(p){return s(c),x(a.drop(p))}),b(21,O,2,1,"div",14,m),t()()()()(),i(23,"div",3)(24,"div",15)(25,"div",7)(26,"div",8)(27,"div",9),n(28," Drag&Drop connected sorting "),t()(),i(29,"div",10)(30,"div",3)(31,"div",16)(32,"div",17)(33,"h2",18),n(34,"To do"),t(),i(35,"div",19,0),f("cdkDropListDropped",function(p){return s(c),x(a.drop1(p))}),b(37,E,2,1,"div",20,m),t()()(),i(39,"div",16)(40,"div",17)(41,"h2",18),n(42,"Done"),t(),i(43,"div",19,1),f("cdkDropListDropped",function(p){return s(c),x(a.drop1(p))}),b(45,T,2,1,"div",20,m),t()()()()()()()(),i(47,"div",3)(48,"div",15)(49,"div",7)(50,"div",8)(51,"div",9),n(52," Drag&Drop horizontal sorting "),t()(),i(53,"div",10)(54,"div",21),f("cdkDropListDropped",function(p){return s(c),x(a.drop3(p))}),b(55,z,2,1,"div",22,m),t()()()()(),i(57,"div",3)(58,"div",12)(59,"div",7)(60,"div",8)(61,"div",9),n(62," Drag&Drop horizontal wrapping list "),t()(),i(63,"div",23)(64,"div",24),f("cdkDropListDropped",function(p){return s(c),x(a.drop4(p))}),b(65,U,2,1,"div",25,m),t()()()(),i(67,"div",6)(68,"div",7)(69,"div",8)(70,"div",9),n(71," Drag&Drop disabled "),t()(),i(72,"div",23)(73,"div",26),f("cdkDropListDropped",function(p){return s(c),x(a.drop5(p))}),b(74,V,2,2,"div",27,m),t()()()()()}if(o&2){let c=k(36),l=k(44);d(21),g(a.movies),d(14),D("cdkDropListData",a.todo)("cdkDropListConnectedTo",_(4,P,l)),d(2),g(a.todo),d(6),D("cdkDropListData",a.done)("cdkDropListConnectedTo",_(6,P,c)),d(2),g(a.done),d(10),g(a.timePeriods),d(10),g(a.items),d(9),g(a.items1)}},dependencies:[w,L,I,S],styles:[".basic-box[_ngcontent-%COMP%]{width:200px;height:200px;border:solid 1px #ccc;color:#000000de;cursor:move;display:flex;justify-content:center;align-items:center;text-align:center;background:#fff;border-radius:4px;position:relative;z-index:1;transition:box-shadow .2s cubic-bezier(0,0,.2,1);box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.basic-box[_ngcontent-%COMP%]:active{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.example-list1[_ngcontent-%COMP%]{width:500px;max-width:100%;border:solid 1px #ccc;min-height:60px;display:block;background:#fff;border-radius:4px;overflow:hidden}.example-box1[_ngcontent-%COMP%]{padding:20px 10px;border-bottom:solid 1px #ccc;color:#000000de;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;cursor:move;background:#fff;font-size:14px}.cdk-drag-preview[_ngcontent-%COMP%]{border:none;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.example-box1[_ngcontent-%COMP%]:last-child{border:none}.example-list1.cdk-drop-list-dragging[_ngcontent-%COMP%]   .example-box1[_ngcontent-%COMP%]:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.example-container2[_ngcontent-%COMP%]{width:400px;max-width:100%;margin:0 25px 25px 0;display:inline-block;vertical-align:top}.example-list2[_ngcontent-%COMP%]{border:solid 1px #ccc;min-height:60px;background:#fff;border-radius:4px;overflow:hidden;display:block}.example-box2[_ngcontent-%COMP%]{padding:20px 10px;border-bottom:solid 1px #ccc;color:#000000de;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;cursor:move;background:#fff;font-size:14px}.example-box2[_ngcontent-%COMP%]:last-child{border:none}.example-list2.cdk-drop-list-dragging[_ngcontent-%COMP%]   .example-box2[_ngcontent-%COMP%]:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.example-list3[_ngcontent-%COMP%]{width:1000px;max-width:100%;border:solid 1px #ccc;min-height:60px;display:flex;flex-direction:row;background:#fff;border-radius:4px;overflow:hidden}.example-box3[_ngcontent-%COMP%]{padding:20px 10px;border-right:solid 1px #ccc;color:#000000de;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;cursor:move;background:#fff;font-size:14px;flex-grow:1;flex-basis:0}.example-box[_ngcontent-%COMP%]:last-child{border:none}.example-list3.cdk-drop-list-dragging[_ngcontent-%COMP%]   .example-box3[_ngcontent-%COMP%]:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.example-list4[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap;width:505px;max-width:100%;gap:15px;padding:15px;border:solid 1px #ccc;min-height:60px;border-radius:4px;overflow:hidden}.example-box4[_ngcontent-%COMP%]{padding:20px 10px;border:solid 1px #ccc;border-radius:4px;color:#000000de;display:inline-block;box-sizing:border-box;cursor:move;background:#fff;text-align:center;font-size:14px;min-width:115px}.example-list5[_ngcontent-%COMP%]{width:500px;max-width:100%;border:solid 1px #ccc;min-height:60px;display:block;background:#fff;border-radius:4px;overflow:hidden}.example-box5[_ngcontent-%COMP%]{padding:20px 10px;border-bottom:solid 1px #ccc;color:#000000de;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;cursor:move;background:#fff;font-size:14px}.example-box5.cdk-drag-disabled[_ngcontent-%COMP%]{background:#ccc;cursor:not-allowed;-webkit-user-select:none;user-select:none}.cdk-drag-preview[_ngcontent-%COMP%]{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder[_ngcontent-%COMP%]{opacity:0}.cdk-drag-animating[_ngcontent-%COMP%]{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box5[_ngcontent-%COMP%]:last-child{border:none}.example-list5.cdk-drop-list-dragging[_ngcontent-%COMP%]   .example-box5[_ngcontent-%COMP%]:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}"]})};export{M as UiSortableComponent};