Instalar jQWidgets en Angular 2+ & Angular CLI

La instalación de jQWidgets se realiza luego de haber instalado Angular 2+ con Angular CLI.

1. Instalar jqwidgets-framework via npm.

npm i jqwidgets-framework -D

2. Editar el archivo angular-clie.json:
En apps.styles agregar  "../node_modules/jqwidgets-framework/jqwidgets/styles/jqx.base.css"

"styles": [
        "../node_modules/bootstrap/dist/css/bootstrap.min.css",
        "../node_modules/jqwidgets-framework/jqwidgets/styles/jqx.base.css",
        "styles.css"

      ],

En apps.scripts agregar "../node_modules/jqwidgets-framework/scripts/jquery-1.11.1.min.js" y "../node_modules/jqwidgets-framework/jqwidgets/jqx-all.js"

"scripts": [
        "../node_modules/jqwidgets-framework/scripts/jquery-1.11.1.min.js",
        "../node_modules/jqwidgets-framework/jqwidgets/jqx-all.js"
      ],

3. Editar el archivo tsconfig.json:
En typeRoots agregar "node_modules/jqwidgets-framework/jqwidgets-ts"

"typeRoots": [
      "node_modules/@types",
      "node_modules/jqwidgets-framework/jqwidgets-ts"
    ],

4. Siguiendo la documentación oficial, agregar en el app.module.ts los componentes de jqx que se vayan a utilizar, solo que de modo diferente:

//Incorrecto
//import { jqxButtonComponent } from '../../../jqwidgets-ts/angular_jqxbuttons';
//Correcto
import { jqxButtonComponent } from 'jqwidgets-framework/jqwidgets-ts/angular_jqxbuttons';

Y luego anexarlo a declarations:

declarations: [
    AppComponent,
...
    jqxButtonComponent,
...
  ],

5. Para los componentes individuales a utilizar, seguir la documentación utilizando el modo indicado en el paso 4.

6. Información adicional: las imágenes de la librería se encuentran en la carpeta node_modules/jqwidgets-framework/images

-
http://www.jqwidgets.com/angular/
http://www.jqwidgets.com/angular-components-documentation/
http://www.jqwidgets.com/jquery-widgets-documentation/documentation/angular2/angular2.htm
http://www.jqwidgets.com/angular-components-documentation/documentation/jqxcombobox/angular-combobox-getting-started.htm?search=
https://www.jqwidgets.com/community/topic/referenceerror-jqxbaseframework-is-not-defined-in-angular2/
http://www.jqwidgets.com/community/topic/system-js-and-new-angular-cli/
http://www.jqwidgets.com/jquery-widgets-documentation/documentation/angular2/angular2-webpack.htm?search=