@fundamental-ngx/cx 0.38.2-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +90 -0
- package/esm2020/fundamental-ngx-cx.mjs +5 -0
- package/esm2020/fundamental-ngx.module.mjs +16 -0
- package/esm2020/public_api.mjs +2 -0
- package/fesm2015/fundamental-ngx-cx.mjs +23 -0
- package/fesm2015/fundamental-ngx-cx.mjs.map +1 -0
- package/fesm2020/fundamental-ngx-cx.mjs +23 -0
- package/fesm2020/fundamental-ngx-cx.mjs.map +1 -0
- package/fundamental-ngx-cx-v0.38.2-rc.2.tgz +0 -0
- package/fundamental-ngx.module.d.ts +6 -0
- package/index.d.ts +5 -0
- package/package.json +56 -0
- package/public_api.d.ts +1 -0
package/README.md
ADDED
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
# @Fundamental-NGX/CX
|
|
2
|
+
|
|
3
|
+
[](//www.npmjs.com/package/@fundamental-ngx/cx)
|
|
4
|
+

|
|
5
|
+

|
|
6
|
+
[](https://ui-fundamentals.slack.com)
|
|
7
|
+
[](https://api.reuse.software/info/github.com/SAP/fundamental-ngx)
|
|
8
|
+
|
|
9
|
+
## Content
|
|
10
|
+
|
|
11
|
+
- [1. Description](#1)
|
|
12
|
+
- [2. Requirements](#2)
|
|
13
|
+
- [3. Versioning](#3)
|
|
14
|
+
- [4. Getting Started](#4)
|
|
15
|
+
- [5. Known Issues](#5)
|
|
16
|
+
- [6. Support](#6)
|
|
17
|
+
- [7. Contributing](#7)
|
|
18
|
+
- [8. License](https://github.com/SAP/fundamental-ngx/blob/main/LICENSE.txt)
|
|
19
|
+
- [9. Similar Projects](#8)
|
|
20
|
+
|
|
21
|
+
## <a name="1"></a>1. Description
|
|
22
|
+
|
|
23
|
+
The `@fundamental-ngx/cx` library is a set of [Angular](https://angular.io/) components built using [Fundamental Library Styles](https://sap.github.io/fundamental-styles/).
|
|
24
|
+
|
|
25
|
+
The Fundamental Library Styles is a design system and HTML/CSS component library used to build modern product user experiences with the SAP look and feel.
|
|
26
|
+
|
|
27
|
+
See [Component Documentation](https://sap.github.io/fundamental-ngx/docs/home) for examples and API details.
|
|
28
|
+
|
|
29
|
+
## <a name="2"></a>2. Requirements
|
|
30
|
+
|
|
31
|
+
To download and use Fundamental Library for Angular, you will first need to install the [node package manager](https://www.npmjs.com/get-npm).
|
|
32
|
+
|
|
33
|
+
Fundamental Library for Angular is intended for use with Angular 8 or newer.
|
|
34
|
+
|
|
35
|
+
Prior knowledge of Angular is recommended, to use the fundamental-ngx library.
|
|
36
|
+
|
|
37
|
+
## <a name="3"></a>3. Versioning
|
|
38
|
+
|
|
39
|
+
Check the [Breaking Changes](https://github.com/SAP/fundamental-ngx/wiki#breaking-changes) for the latest patches changes.
|
|
40
|
+
|
|
41
|
+
## <a name="4"></a>4. Getting Started
|
|
42
|
+
|
|
43
|
+
For an existing Angular CLI application,
|
|
44
|
+
|
|
45
|
+
0. **Video tutorial**
|
|
46
|
+
[How to use the Fundamental Core Library](https://www.youtube.com/watch?v=i4VIiuzD2Fg)
|
|
47
|
+
|
|
48
|
+
1. **Install Fundamental-NGX.**
|
|
49
|
+
`ng add @fundamental-ngx/cx`
|
|
50
|
+
For models prior to 0.10 use `fundamental-ngx`
|
|
51
|
+
|
|
52
|
+
_If you do not use the Angular CLI or if this command does not work for you, please see the [full installation guide](https://github.com/SAP/fundamental-ngx/wiki/Full-Installation-Guide)._
|
|
53
|
+
|
|
54
|
+
1. **Edit your tsconfig.**
|
|
55
|
+
Edit the `target` in your `tsconfig.json` to `es5`. The library is incompatible with later versions.
|
|
56
|
+
1. **Import the modules you want to use.**
|
|
57
|
+
|
|
58
|
+
To add the entire library, add the following import to your main application module.
|
|
59
|
+
|
|
60
|
+
```typescript
|
|
61
|
+
import { FundamentalNgxCxModule } from '@fundamental-ngx/cx';
|
|
62
|
+
|
|
63
|
+
@NgModule({
|
|
64
|
+
...
|
|
65
|
+
imports: [FundamentalNgxCxModule],
|
|
66
|
+
})
|
|
67
|
+
export class DemoModule { }
|
|
68
|
+
```
|
|
69
|
+
|
|
70
|
+
To include an individual Angular Fundamental component in your application, you only need to import the relevant module.
|
|
71
|
+
|
|
72
|
+
For example, to use Switchs, add the following import to your main application module.
|
|
73
|
+
|
|
74
|
+
```typescript
|
|
75
|
+
import { CheckboxModule } from '@fundamental-ngx/cx';
|
|
76
|
+
```
|
|
77
|
+
|
|
78
|
+
## <a name="5"></a>5. Known Issues
|
|
79
|
+
|
|
80
|
+
Please see [Issues](https://github.com/SAP/fundamental-ngx/issues).
|
|
81
|
+
|
|
82
|
+
## <a name="6"></a>6. Support
|
|
83
|
+
|
|
84
|
+
If you encounter an issue, you can [create a ticket](https://github.com/SAP/fundamental-ngx/issues).
|
|
85
|
+
|
|
86
|
+
## <a name="7"></a>7. Contributing
|
|
87
|
+
|
|
88
|
+
If you want to contribute, please check the [CONTRIBUTING.md](https://github.com/SAP/fundamental-ngx/blob/main/CONTRIBUTING.md) documentation for contribution guidelines. Please follow the [Angular commit message guidelines](https://github.com/angular/angular/blob/master/CONTRIBUTING.md#commit).
|
|
89
|
+
|
|
90
|
+
Check out the [NEW_COMPONENT.md](https://github.com/SAP/fundamental-ngx/blob/main/NEW_COMPONENT.md) guide on building a new component for the library and creating the necessary documentation for your new component.
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public_api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVuZGFtZW50YWwtbmd4LWN4LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicy9jeC9zcmMvbGliL2Z1bmRhbWVudGFsLW5neC1jeC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpY19hcGknO1xuIl19
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class FundamentalNgxCxModule {
|
|
4
|
+
}
|
|
5
|
+
FundamentalNgxCxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: FundamentalNgxCxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6
|
+
FundamentalNgxCxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: FundamentalNgxCxModule });
|
|
7
|
+
FundamentalNgxCxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: FundamentalNgxCxModule });
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: FundamentalNgxCxModule, decorators: [{
|
|
9
|
+
type: NgModule,
|
|
10
|
+
args: [{
|
|
11
|
+
imports: [],
|
|
12
|
+
declarations: [],
|
|
13
|
+
exports: []
|
|
14
|
+
}]
|
|
15
|
+
}] });
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVuZGFtZW50YWwtbmd4Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvY3gvc3JjL2xpYi9mdW5kYW1lbnRhbC1uZ3gubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBT3pDLE1BQU0sT0FBTyxzQkFBc0I7O21IQUF0QixzQkFBc0I7b0hBQXRCLHNCQUFzQjtvSEFBdEIsc0JBQXNCOzJGQUF0QixzQkFBc0I7a0JBTGxDLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFLEVBQUU7b0JBQ1gsWUFBWSxFQUFFLEVBQUU7b0JBQ2hCLE9BQU8sRUFBRSxFQUFFO2lCQUNkIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbXSxcbiAgICBkZWNsYXJhdGlvbnM6IFtdLFxuICAgIGV4cG9ydHM6IFtdXG59KVxuZXhwb3J0IGNsYXNzIEZ1bmRhbWVudGFsTmd4Q3hNb2R1bGUge31cbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './fundamental-ngx.module';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvY3gvc3JjL2xpYi9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsMEJBQTBCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2Z1bmRhbWVudGFsLW5neC5tb2R1bGUnO1xuIl19
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
|
|
4
|
+
class FundamentalNgxCxModule {
|
|
5
|
+
}
|
|
6
|
+
FundamentalNgxCxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: FundamentalNgxCxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7
|
+
FundamentalNgxCxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: FundamentalNgxCxModule });
|
|
8
|
+
FundamentalNgxCxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: FundamentalNgxCxModule });
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: FundamentalNgxCxModule, decorators: [{
|
|
10
|
+
type: NgModule,
|
|
11
|
+
args: [{
|
|
12
|
+
imports: [],
|
|
13
|
+
declarations: [],
|
|
14
|
+
exports: []
|
|
15
|
+
}]
|
|
16
|
+
}] });
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* Generated bundle index. Do not edit.
|
|
20
|
+
*/
|
|
21
|
+
|
|
22
|
+
export { FundamentalNgxCxModule };
|
|
23
|
+
//# sourceMappingURL=fundamental-ngx-cx.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fundamental-ngx-cx.mjs","sources":["../../../../libs/cx/src/lib/fundamental-ngx.module.ts","../../../../libs/cx/src/lib/fundamental-ngx-cx.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\n\n@NgModule({\n imports: [],\n declarations: [],\n exports: []\n})\nexport class FundamentalNgxCxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;MAOa,sBAAsB,CAAA;;mHAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;oHAAtB,sBAAsB,EAAA,CAAA,CAAA;oHAAtB,sBAAsB,EAAA,CAAA,CAAA;2FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,OAAO,EAAE,EAAE;iBACd,CAAA;;;ACND;;AAEG;;;;"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
|
|
4
|
+
class FundamentalNgxCxModule {
|
|
5
|
+
}
|
|
6
|
+
FundamentalNgxCxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: FundamentalNgxCxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7
|
+
FundamentalNgxCxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: FundamentalNgxCxModule });
|
|
8
|
+
FundamentalNgxCxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: FundamentalNgxCxModule });
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: FundamentalNgxCxModule, decorators: [{
|
|
10
|
+
type: NgModule,
|
|
11
|
+
args: [{
|
|
12
|
+
imports: [],
|
|
13
|
+
declarations: [],
|
|
14
|
+
exports: []
|
|
15
|
+
}]
|
|
16
|
+
}] });
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* Generated bundle index. Do not edit.
|
|
20
|
+
*/
|
|
21
|
+
|
|
22
|
+
export { FundamentalNgxCxModule };
|
|
23
|
+
//# sourceMappingURL=fundamental-ngx-cx.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fundamental-ngx-cx.mjs","sources":["../../../../libs/cx/src/lib/fundamental-ngx.module.ts","../../../../libs/cx/src/lib/fundamental-ngx-cx.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\n\n@NgModule({\n imports: [],\n declarations: [],\n exports: []\n})\nexport class FundamentalNgxCxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;MAOa,sBAAsB,CAAA;;mHAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;oHAAtB,sBAAsB,EAAA,CAAA,CAAA;oHAAtB,sBAAsB,EAAA,CAAA,CAAA;2FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,OAAO,EAAE,EAAE;AACd,iBAAA,CAAA;;;ACND;;AAEG;;;;"}
|
|
Binary file
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class FundamentalNgxCxModule {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FundamentalNgxCxModule, never>;
|
|
4
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<FundamentalNgxCxModule, never, never, never>;
|
|
5
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<FundamentalNgxCxModule>;
|
|
6
|
+
}
|
package/index.d.ts
ADDED
package/package.json
ADDED
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@fundamental-ngx/cx",
|
|
3
|
+
"version": "0.38.2-rc.2",
|
|
4
|
+
"schematics": "./schematics/collection.json",
|
|
5
|
+
"description": "Fundamental Library for Angular - cx",
|
|
6
|
+
"license": "Apache-2.0",
|
|
7
|
+
"homepage": "https://sap.github.io/fundamental-ngx/home",
|
|
8
|
+
"repository": {
|
|
9
|
+
"type": "git",
|
|
10
|
+
"url": "https://github.com/SAP/fundamental-ngx"
|
|
11
|
+
},
|
|
12
|
+
"engine": {
|
|
13
|
+
"node": ">= 10"
|
|
14
|
+
},
|
|
15
|
+
"peerDependencies": {
|
|
16
|
+
"@angular/common": "^15.0.0",
|
|
17
|
+
"@angular/platform-browser": "^15.0.0",
|
|
18
|
+
"@angular/core": "^15.0.0",
|
|
19
|
+
"@angular/forms": "^15.0.0",
|
|
20
|
+
"@angular/animations": "^15.0.0",
|
|
21
|
+
"@angular/router": "^15.0.0",
|
|
22
|
+
"@angular/cdk": "^15.0.0",
|
|
23
|
+
"rxjs": "7.5.6"
|
|
24
|
+
},
|
|
25
|
+
"dependencies": {
|
|
26
|
+
"@sap-theming/theming-base-content": "11.1.47",
|
|
27
|
+
"focus-trap": "6.7.3",
|
|
28
|
+
"fundamental-styles": "0.26.0-rc.45",
|
|
29
|
+
"@fundamental-styles/cx": "0.25.1-rc.16",
|
|
30
|
+
"@fundamental-ngx/i18n": "0.38.2-rc.2",
|
|
31
|
+
"fast-deep-equal": "3.1.3",
|
|
32
|
+
"lodash-es": "4.17.21",
|
|
33
|
+
"tslib": "^2.0.0",
|
|
34
|
+
"compare-versions": "4.1.3"
|
|
35
|
+
},
|
|
36
|
+
"module": "fesm2015/fundamental-ngx-cx.mjs",
|
|
37
|
+
"es2020": "fesm2020/fundamental-ngx-cx.mjs",
|
|
38
|
+
"esm2020": "esm2020/fundamental-ngx-cx.mjs",
|
|
39
|
+
"fesm2020": "fesm2020/fundamental-ngx-cx.mjs",
|
|
40
|
+
"fesm2015": "fesm2015/fundamental-ngx-cx.mjs",
|
|
41
|
+
"typings": "index.d.ts",
|
|
42
|
+
"exports": {
|
|
43
|
+
"./package.json": {
|
|
44
|
+
"default": "./package.json"
|
|
45
|
+
},
|
|
46
|
+
".": {
|
|
47
|
+
"types": "./index.d.ts",
|
|
48
|
+
"esm2020": "./esm2020/fundamental-ngx-cx.mjs",
|
|
49
|
+
"es2020": "./fesm2020/fundamental-ngx-cx.mjs",
|
|
50
|
+
"es2015": "./fesm2015/fundamental-ngx-cx.mjs",
|
|
51
|
+
"node": "./fesm2015/fundamental-ngx-cx.mjs",
|
|
52
|
+
"default": "./fesm2020/fundamental-ngx-cx.mjs"
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
"sideEffects": false
|
|
56
|
+
}
|
package/public_api.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './fundamental-ngx.module';
|