SortableJS / ngx-sortablejs

Angular 2+ binding to SortableJS. Previously known as angular-sortablejs
https://sortablejs.github.io/ngx-sortablejs/
MIT License
465 stars 159 forks source link

Support Angular 13 #250

Open xibriz opened 2 years ago

xibriz commented 2 years ago

Are there any plans to keep up with the development of Angular?

Package "ngx-sortablejs" has an incompatible peer dependency to "@angular/common" (requires "^11.0.0" (extended), would install "13.0.1").

Package "ngx-sortablejs" has an incompatible peer dependency to "@angular/core" (requires "^11.0.0" (extended), would install "13.0.1").

p3x-robot commented 2 years ago

same here.

sysmat commented 2 years ago
jalalh14 commented 2 years ago

Same for me:

npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: myunivers@0.0.0 npm ERR! Found: @angular/common@13.1.1 npm ERR! node_modules/@angular/common npm ERR! @angular/common@"~13.1.0" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer @angular/common@"^11.0.0" from ngx-sortablejs@11.1.0

ducthang310 commented 2 years ago

Hi team, any update on this to support Angular 13 :) ?

inexuscore commented 2 years ago

Is this repository actively maintained? We're using this in several projects and we need to upgrade to Angular 13 as soon as possible. I don't think the current version would work with Angular 13, correct?

Reixko commented 2 years ago

@inexuscore if you would browse a little you would find that NO, this is very dead :D support for angular 12 and angular 13 is waiting, each in their separate PRs, so most you can do is to use a fork that you can find on npmjs.com :/

inexuscore commented 2 years ago

@Reixko not entirely dead, I've been using this repo in several projects lately. I managed to install the latest release using the --legacy-peer-deps flag, working fine with Angular 13 and RxJs 6+. It'd be nice to bring this repo up-to-date though.

areksliwa-modento commented 2 years ago

I suggest you move to cdk drag drop. You will avoid such situation like that. I dropped ngx-sortablejs and implemented cdk drag drop. working minimal example :

Screenshot 2022-02-28 at 14 24 09

and add CSS:

.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.list-options.cdk-drop-list-dragging .list-options__item:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

and ts:

drop(event: CdkDragDrop<string[]>, controlOptions): void {
    moveItemInArray(controlOptions, event.previousIndex, event.currentIndex);
  }

of course here you have more examples: https://material.angular.io/cdk/drag-drop/examples

Reixko commented 2 years ago

@areksliwa-modento CDK D&D is only good as long as you can live with single direction sorting -> either vertical or horizontal. I would say most people that are looking for alternatives(like me) need a sorting in a matrix(so combined vertical with horizontal sorting), which is almost impossible with angular's cdk :D I have tried it....... there is a "hack" out there, that will allow you to do mentioned matrix sorting, but that only works with version up to 10.something.something, which is not compatible with Angular12+. Oh forgot to mention - there is NO official support for matrix sorting in angular's cdk ;)

Yura13 commented 2 years ago

Any updates to support Angular 13?

alexanderpivanov commented 2 years ago

Any news?

Klapik commented 2 years ago

Is this project dead? :D Should we do fork for new updates?

saurabh47 commented 1 year ago

Any updates on this issue?

andreyv99 commented 1 year ago

Does anyone know good alternatives for the angular 15 with the mixed orientation support?

jfahrenkrug commented 1 year ago

I can't say anything about the quality of this fork, but someone updated this to be compatible with Angular 15. YMMV: https://github.com/DustFoundation/ngx-sortablejs, NPM: https://www.npmjs.com/package/@dustfoundation/ngx-sortablejs

h3902340 commented 11 months ago

Any news on this? The latest version of Angular is 16 now.

avpeshkov commented 5 months ago

For anyone who might care, found an alternative solution to support sortablejs for all angulars after 13. https://www.npmjs.com/package/nxt-sortablejs?activeTab=readme

imtiazShakil commented 1 month ago

hello developers of sortablejs.

@owen-m1 @RubaXa

Thanks for the awesome library. Can you give us an idea where we are with this library at the moment. Is this library officially maintained or not, let us know.