@sebgroup/green-angular 5.2.0 → 5.3.1
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/esm2022/lib/shared/core-control/core-control.directive.mjs +4 -4
- package/esm2022/src/lib/shared/core-control/core-control.directive.mjs +4 -4
- package/esm2022/src/v-angular/account-number/account-number.module.mjs +12 -15
- package/esm2022/src/v-angular/account-number/account-number.pipe.mjs +3 -2
- package/esm2022/src/v-angular/modal/fold-out/fold-out.component.mjs +2 -2
- package/esm2022/src/v-angular/table/table.component.mjs +25 -6
- package/esm2022/v-angular/account-number/account-number.module.mjs +15 -0
- package/esm2022/v-angular/account-number/account-number.pipe.mjs +55 -0
- package/esm2022/v-angular/account-number/index.mjs +3 -0
- package/esm2022/v-angular/index.mjs +2 -1
- package/esm2022/v-angular/modal/fold-out/fold-out.component.mjs +2 -2
- package/esm2022/v-angular/table/table.component.mjs +25 -6
- package/fesm2022/sebgroup-green-angular-src-lib-shared.mjs +3 -3
- package/fesm2022/sebgroup-green-angular-src-lib-shared.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-account-number.mjs +12 -14
- package/fesm2022/sebgroup-green-angular-src-v-angular-account-number.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-modal.mjs +2 -2
- package/fesm2022/sebgroup-green-angular-src-v-angular-modal.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-table.mjs +24 -5
- package/fesm2022/sebgroup-green-angular-src-v-angular-table.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-v-angular.mjs +92 -9
- package/fesm2022/sebgroup-green-angular-v-angular.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular.mjs +3 -3
- package/fesm2022/sebgroup-green-angular.mjs.map +1 -1
- package/lib/shared/core-control/core-control.directive.d.ts +1 -1
- package/package.json +2 -2
- package/src/lib/shared/core-control/core-control.directive.d.ts +1 -1
- package/src/v-angular/account-number/README.md +6 -13
- package/src/v-angular/account-number/account-number.module.d.ts +0 -6
- package/src/v-angular/account-number/account-number.pipe.d.ts +1 -1
- package/src/v-angular/table/table.component.d.ts +11 -1
- package/v-angular/account-number/account-number.module.d.ts +2 -0
- package/v-angular/account-number/account-number.pipe.d.ts +32 -0
- package/v-angular/account-number/index.d.ts +2 -0
- package/v-angular/index.d.ts +1 -0
- package/v-angular/table/table.component.d.ts +11 -1
|
@@ -15,5 +15,5 @@ export declare class NggCoreControlDirective implements ControlValueAccessor, Af
|
|
|
15
15
|
registerOnTouched(fn: any): void;
|
|
16
16
|
setDisabledState?(isDisabled: boolean): void;
|
|
17
17
|
static ɵfac: i0.ɵɵFactoryDeclaration<NggCoreControlDirective, never>;
|
|
18
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<NggCoreControlDirective, "gds-input, gds-textarea, gds-dropdown, gds-datepicker, [nggCoreControl]", never, {}, {}, never, never, false, never>;
|
|
18
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NggCoreControlDirective, "gds-input, gds-textarea, gds-dropdown, gds-datepicker, gds-select, [nggCoreControl]", never, {}, {}, never, never, false, never>;
|
|
19
19
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sebgroup/green-angular",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.3.1",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/cdk": ">=17.3.10",
|
|
6
6
|
"@angular/common": ">=17.3.12",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"scroll-into-view-if-needed": "^2.2.31"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@sebgroup/green-core": "^1.
|
|
20
|
+
"@sebgroup/green-core": "^1.65.0",
|
|
21
21
|
"@sebgroup/chlorophyll": "^3.6.14",
|
|
22
22
|
"@sebgroup/extract": "^3.0.2",
|
|
23
23
|
"tslib": "^2.3.1"
|
|
@@ -15,5 +15,5 @@ export declare class NggCoreControlDirective implements ControlValueAccessor, Af
|
|
|
15
15
|
registerOnTouched(fn: any): void;
|
|
16
16
|
setDisabledState?(isDisabled: boolean): void;
|
|
17
17
|
static ɵfac: i0.ɵɵFactoryDeclaration<NggCoreControlDirective, never>;
|
|
18
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<NggCoreControlDirective, "gds-input, gds-textarea, gds-dropdown, gds-datepicker, [nggCoreControl]", never, {}, {}, never, never, false, never>;
|
|
18
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NggCoreControlDirective, "gds-input, gds-textarea, gds-dropdown, gds-datepicker, gds-select, [nggCoreControl]", never, {}, {}, never, never, false, never>;
|
|
19
19
|
}
|
|
@@ -38,24 +38,17 @@ XXXX XXXX XXXX XXXX
|
|
|
38
38
|
XXXX XXXX XXXX XXXX ...
|
|
39
39
|
```
|
|
40
40
|
|
|
41
|
-
## Import
|
|
42
|
-
|
|
43
|
-
- Add seb-payment-front to the .npmrc: `@sebgroup:registry=https://repo7.sebank.se/artifactory/api/npm/seb-payment-front-npm-virtual/`
|
|
44
|
-
- Install @sebgroup/ngv-core: `npm i @sebgroup/ngv-core`
|
|
45
|
-
|
|
46
41
|
## Usage
|
|
47
42
|
|
|
48
|
-
- In your module,
|
|
43
|
+
- In your module, import the stand-alone pipe:
|
|
49
44
|
|
|
50
45
|
```ts
|
|
51
|
-
import { AccountNumberPipe } from '@sebgroup/
|
|
52
|
-
//
|
|
46
|
+
import { AccountNumberPipe } from '@sebgroup/green-angular/v-angular';
|
|
47
|
+
// module.ts
|
|
53
48
|
@NgModule({
|
|
54
49
|
providers: [...],
|
|
55
|
-
imports: [
|
|
56
|
-
declarations: [
|
|
57
|
-
AccountNumberPipe
|
|
58
|
-
]
|
|
50
|
+
imports: [AccountNumberPipe],
|
|
51
|
+
declarations: [...]
|
|
59
52
|
})
|
|
60
53
|
```
|
|
61
54
|
|
|
@@ -64,7 +57,7 @@ import { AccountNumberPipe } from '@sebgroup/ngv-core';
|
|
|
64
57
|
- In your HTML, use the pipe
|
|
65
58
|
|
|
66
59
|
```HTML
|
|
67
|
-
<!--
|
|
60
|
+
<!-- component.html -->
|
|
68
61
|
<span>{{ account.iban | accountNumber: 'iban' }}</span> <!-- Format according to 'iban' -->
|
|
69
62
|
<span>{{ account.bban | accountNumber: 'bban' }}</span> <!-- Format according to 'bban' -->
|
|
70
63
|
```
|
|
@@ -1,8 +1,2 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./account-number.pipe";
|
|
3
|
-
import * as i2 from "@angular/common";
|
|
4
1
|
export declare class NggvAccountNumberPipeModule {
|
|
5
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NggvAccountNumberPipeModule, never>;
|
|
6
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<NggvAccountNumberPipeModule, [typeof i1.AccountNumberPipe], [typeof i2.CommonModule], [typeof i1.AccountNumberPipe]>;
|
|
7
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<NggvAccountNumberPipeModule>;
|
|
8
2
|
}
|
|
@@ -28,5 +28,5 @@ export declare const formatAccountNumber: (value: string, schema?: AccountNumber
|
|
|
28
28
|
export declare class AccountNumberPipe implements PipeTransform {
|
|
29
29
|
transform: (value: string, schema?: AccountNumberSchema) => string;
|
|
30
30
|
static ɵfac: i0.ɵɵFactoryDeclaration<AccountNumberPipe, never>;
|
|
31
|
-
static ɵpipe: i0.ɵɵPipeDeclaration<AccountNumberPipe, "accountNumber",
|
|
31
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<AccountNumberPipe, "accountNumber", true>;
|
|
32
32
|
}
|
|
@@ -133,6 +133,15 @@ export declare class TableComponent<T extends TableRow> implements OnInit, OnCha
|
|
|
133
133
|
* Defaults to true.
|
|
134
134
|
*/
|
|
135
135
|
selectable: boolean;
|
|
136
|
+
/**
|
|
137
|
+
* Used to enable/disable expandable rows.
|
|
138
|
+
* Defaults to false.
|
|
139
|
+
*/
|
|
140
|
+
expandable: boolean;
|
|
141
|
+
/**
|
|
142
|
+
* Property name used to describe the subItems in the data table.
|
|
143
|
+
*/
|
|
144
|
+
subItemsProp: string;
|
|
136
145
|
/**
|
|
137
146
|
* Allow nggv-table to attempt sorting the data in the table. Not recommended if only a subset is loaded or if the dataset is very large.
|
|
138
147
|
* Disabled by default.
|
|
@@ -224,6 +233,7 @@ export declare class TableComponent<T extends TableRow> implements OnInit, OnCha
|
|
|
224
233
|
*/
|
|
225
234
|
propagateItemClick(item: any, preventDefaultEmit?: boolean): void;
|
|
226
235
|
getAriaLabel(column: TableColumn<T>): string | undefined;
|
|
236
|
+
private toggleRowToExpand;
|
|
227
237
|
static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any>, never>;
|
|
228
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any>, "nggv-table", never, { "tableColumns": { "alias": "tableColumns"; "required": false; }; "tableData": { "alias": "tableData"; "required": false; }; "rowId": { "alias": "rowId"; "required": false; }; "hasRowSpan": { "alias": "hasRowSpan"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "allowLocalSort": { "alias": "allowLocalSort"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "trThookFn": { "alias": "trThookFn"; "required": false; }; "ariaLabelCheckboxTh": { "alias": "ariaLabelCheckboxTh"; "required": false; }; "ariaLabelCheckboxTr": { "alias": "ariaLabelCheckboxTr"; "required": false; }; "ariaLabelsOrderBy": { "alias": "ariaLabelsOrderBy"; "required": false; }; }, { "ngvRowClick": "ngvRowClick"; "ngvRowSelect": "ngvRowSelect"; "ngvOrderBy": "ngvOrderBy"; }, ["appendedRowsTemplate", "customFooterTemplate", "customTemplates"], never, false, never>;
|
|
238
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any>, "nggv-table", never, { "tableColumns": { "alias": "tableColumns"; "required": false; }; "tableData": { "alias": "tableData"; "required": false; }; "rowId": { "alias": "rowId"; "required": false; }; "hasRowSpan": { "alias": "hasRowSpan"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "subItemsProp": { "alias": "subItemsProp"; "required": false; }; "allowLocalSort": { "alias": "allowLocalSort"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "trThookFn": { "alias": "trThookFn"; "required": false; }; "ariaLabelCheckboxTh": { "alias": "ariaLabelCheckboxTh"; "required": false; }; "ariaLabelCheckboxTr": { "alias": "ariaLabelCheckboxTr"; "required": false; }; "ariaLabelsOrderBy": { "alias": "ariaLabelsOrderBy"; "required": false; }; }, { "ngvRowClick": "ngvRowClick"; "ngvRowSelect": "ngvRowSelect"; "ngvOrderBy": "ngvOrderBy"; }, ["appendedRowsTemplate", "customFooterTemplate", "customTemplates"], never, false, never>;
|
|
229
239
|
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { PipeTransform } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare const enum SchemaType {
|
|
4
|
+
IBAN = "iban",
|
|
5
|
+
BBAN = "bban"
|
|
6
|
+
}
|
|
7
|
+
export type AccountNumberSchema = 'iban' | 'bban';
|
|
8
|
+
export declare const bbanPattern: RegExp;
|
|
9
|
+
export declare const ibanPattern: RegExp;
|
|
10
|
+
/**
|
|
11
|
+
* Formats account number according to bban or iban standard, and adds non-breakable whitespace (\u00A0) between number groups.
|
|
12
|
+
*
|
|
13
|
+
* Example:
|
|
14
|
+
* BBAN format: 'XXXX XX XXX <XXXX>'
|
|
15
|
+
* IBAN format: 'SEXX XXXX XXXX XXXX <XXXX>'
|
|
16
|
+
*
|
|
17
|
+
* @param value - account number value to format.
|
|
18
|
+
* @param schema - accepts either 'iban' or 'bban'. If undefined, schema will be evaluated to 'iban' if value starts with 2 letters.
|
|
19
|
+
* @returns - formatted value, or original value if schema could not be determined
|
|
20
|
+
*/
|
|
21
|
+
export declare const formatAccountNumber: (value: string, schema?: AccountNumberSchema) => string;
|
|
22
|
+
/**
|
|
23
|
+
* Pipe for formatting account number according to bban or iban standard, and adds non-breakable whitespace (\u00A0) between number groups.
|
|
24
|
+
*
|
|
25
|
+
* BBAN format: 'XXXX XX XXX <XXXX>'
|
|
26
|
+
* IBAN format: 'SEXX XXXX XXXX XXXX <XXXX>'
|
|
27
|
+
*/
|
|
28
|
+
export declare class AccountNumberPipe implements PipeTransform {
|
|
29
|
+
transform: (value: string, schema?: AccountNumberSchema) => string;
|
|
30
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AccountNumberPipe, never>;
|
|
31
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<AccountNumberPipe, "accountNumber", true>;
|
|
32
|
+
}
|
package/v-angular/index.d.ts
CHANGED
|
@@ -133,6 +133,15 @@ export declare class TableComponent<T extends TableRow> implements OnInit, OnCha
|
|
|
133
133
|
* Defaults to true.
|
|
134
134
|
*/
|
|
135
135
|
selectable: boolean;
|
|
136
|
+
/**
|
|
137
|
+
* Used to enable/disable expandable rows.
|
|
138
|
+
* Defaults to false.
|
|
139
|
+
*/
|
|
140
|
+
expandable: boolean;
|
|
141
|
+
/**
|
|
142
|
+
* Property name used to describe the subItems in the data table.
|
|
143
|
+
*/
|
|
144
|
+
subItemsProp: string;
|
|
136
145
|
/**
|
|
137
146
|
* Allow nggv-table to attempt sorting the data in the table. Not recommended if only a subset is loaded or if the dataset is very large.
|
|
138
147
|
* Disabled by default.
|
|
@@ -224,6 +233,7 @@ export declare class TableComponent<T extends TableRow> implements OnInit, OnCha
|
|
|
224
233
|
*/
|
|
225
234
|
propagateItemClick(item: any, preventDefaultEmit?: boolean): void;
|
|
226
235
|
getAriaLabel(column: TableColumn<T>): string | undefined;
|
|
236
|
+
private toggleRowToExpand;
|
|
227
237
|
static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any>, never>;
|
|
228
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any>, "nggv-table", never, { "tableColumns": { "alias": "tableColumns"; "required": false; }; "tableData": { "alias": "tableData"; "required": false; }; "rowId": { "alias": "rowId"; "required": false; }; "hasRowSpan": { "alias": "hasRowSpan"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "allowLocalSort": { "alias": "allowLocalSort"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "trThookFn": { "alias": "trThookFn"; "required": false; }; "ariaLabelCheckboxTh": { "alias": "ariaLabelCheckboxTh"; "required": false; }; "ariaLabelCheckboxTr": { "alias": "ariaLabelCheckboxTr"; "required": false; }; "ariaLabelsOrderBy": { "alias": "ariaLabelsOrderBy"; "required": false; }; }, { "ngvRowClick": "ngvRowClick"; "ngvRowSelect": "ngvRowSelect"; "ngvOrderBy": "ngvOrderBy"; }, ["appendedRowsTemplate", "customFooterTemplate", "customTemplates"], never, false, never>;
|
|
238
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any>, "nggv-table", never, { "tableColumns": { "alias": "tableColumns"; "required": false; }; "tableData": { "alias": "tableData"; "required": false; }; "rowId": { "alias": "rowId"; "required": false; }; "hasRowSpan": { "alias": "hasRowSpan"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "subItemsProp": { "alias": "subItemsProp"; "required": false; }; "allowLocalSort": { "alias": "allowLocalSort"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "trThookFn": { "alias": "trThookFn"; "required": false; }; "ariaLabelCheckboxTh": { "alias": "ariaLabelCheckboxTh"; "required": false; }; "ariaLabelCheckboxTr": { "alias": "ariaLabelCheckboxTr"; "required": false; }; "ariaLabelsOrderBy": { "alias": "ariaLabelsOrderBy"; "required": false; }; }, { "ngvRowClick": "ngvRowClick"; "ngvRowSelect": "ngvRowSelect"; "ngvOrderBy": "ngvOrderBy"; }, ["appendedRowsTemplate", "customFooterTemplate", "customTemplates"], never, false, never>;
|
|
229
239
|
}
|