Support Angular 13
xibriz opened this issue · comments
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").
same here.
- angular update it works
ng update
-
ngx-bootstrap upgrade broke:
Module '"ngx-bootstrap"' has no exported member 'BsDropdownModule'
, just need to be changed:import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
-
"sortablejs": ">=1.14.0" also work
-
good practice is to add also
peerDependencies: "@types/sortablejs": "^1.10.7"
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
Hi team,
any update on this to support Angular 13 :) ?
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?
@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 :/
@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.
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 :
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
@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 ;)
Any updates to support Angular 13?
Any news?
Is this project dead? :D Should we do fork for new updates?
Any updates on this issue?
Does anyone know good alternatives for the angular 15 with the mixed orientation support?
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
Any news on this? The latest version of Angular is 16 now.
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