beeman / ngx-split

This fork is now obsolete, please use https://github.com/angular-split/angular-split

ngx-split

Angular UI library to split views and allow dragging to resize areas using CSS flexbox layout.

Documentation and examples: https://beeman.github.io/ngx-split/

Credits

This project a fork of angular-split by bertrandg, thanks a lot! 🙏

Thanks a lot to emeryao for the package name ngx-split 🙏!

Crossbrowser testing sponsored by Browser Stack

License

Apache 2.0

ngx-split's Issues

Add back cypress e2e from original project

The e2e test should be added back. Found here: https://github.com/beeman/angular-split/tree/master/cypress

https://github.com/bertrandg/angular-split/pull/221/files

Cant use it in Angular 10

Thank you for forking & updating the module.

But I am having problems getting it to work in Angular 10.

First, my package.json to give you idea of what I have (It's a bare-bones install):

{
  "name": "mlalgo",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "~10.0.4",
    "@angular/common": "~10.0.4",
    "@angular/compiler": "~10.0.4",
    "@angular/core": "~10.0.4",
    "@angular/forms": "~10.0.4",
    "@angular/platform-browser": "~10.0.4",
    "@angular/platform-browser-dynamic": "~10.0.4",
    "@angular/router": "~10.0.4",
    "ngx-split": "^2.0.0",
    "rxjs": "~6.5.5",
    "tslib": "^2.0.0",
    "zone.js": "~0.10.3"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.1000.3",
    "@angular/cli": "~10.0.3",
    "@angular/compiler-cli": "~10.0.4",
    "@types/node": "^12.11.1",
    "@types/jasmine": "~3.5.0",
    "@types/jasminewd2": "~2.0.3",
    "codelyzer": "^6.0.0",
    "jasmine-core": "~3.5.0",
    "jasmine-spec-reporter": "~5.0.0",
    "karma": "~5.0.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~3.0.2",
    "karma-jasmine": "~3.3.0",
    "karma-jasmine-html-reporter": "^1.5.0",
    "protractor": "~7.0.0",
    "ts-node": "~8.3.0",
    "tslint": "~6.1.0",
    "typescript": "~3.9.5"
  }

}

Next, I included it in app.module.ts:

But I get the error "ui-split' is not a known element":

The Error:

Please provide help regarding this problem.

Add Travis configuration

After #1 landed, travis config should be added back

BUG: Size property does not accept string in strict mode

With Angular Ivy, there is a warning when adding a string (like *) to the size property. This should be properly types and supported.

Related issue on donor repo: angular-split/angular-split#220

Running Jest test fails because it fails to load split.component.scss

After adding "NgxSplitModule" to the TestBed configuration i always get the same error saying that the split component .scss can't be loaded which causes my tests to fails. Apart from that even after correctly adding the NgxSplitModule to the module of my component visual studio always complains that "ui-split" is not a know element, same with "ui-split-area", the same thing does not happen with the angular-split library as switching the modules and corresponding selectors shows different behaviors.
I believe that somehow the npm package does not seem to be correctly created which causes these problems with identifying components and selectors

Images:

Move styles into separate .scss files

Currently, there is no clean way to override the styles.

To make the usage of this library more flexible, the style should be taken out and offered as .scss files.

• Remove styles to separate file
• Clean up usage of ng-deep and host where possible
• Offer dark mode
• Offer way to get tiny borders.

ANNOUNCEMENT: This library will be discontinued in favor of the original angular-split

I've been added to https://github.com/bertrandg/angular-split as maintainer and will focus my efforts on maintaining that library.

Please file any issues there.

Once I've released a stable version of angular-split that works with modern Angular versions, this repo will be archived.

Can't use in Angular 8

Having issue with using it on angular 8 ("@angular/core": "^8.2.0").
Getting this error during project compilation:
ERROR in C:/project/node_modules/ngx-split/fesm5/ngx-split.js 871:12-21 "export 'ɵɵadvance' was not found in '@angular/core' ERROR in C:/project/node_modules/ngx-split/fesm5/ngx-split.js 865:32-43 "export 'ɵɵloadQuery' was not found in '@angular/core'