@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.
Files changed (36) hide show
  1. package/esm2022/lib/shared/core-control/core-control.directive.mjs +4 -4
  2. package/esm2022/src/lib/shared/core-control/core-control.directive.mjs +4 -4
  3. package/esm2022/src/v-angular/account-number/account-number.module.mjs +12 -15
  4. package/esm2022/src/v-angular/account-number/account-number.pipe.mjs +3 -2
  5. package/esm2022/src/v-angular/modal/fold-out/fold-out.component.mjs +2 -2
  6. package/esm2022/src/v-angular/table/table.component.mjs +25 -6
  7. package/esm2022/v-angular/account-number/account-number.module.mjs +15 -0
  8. package/esm2022/v-angular/account-number/account-number.pipe.mjs +55 -0
  9. package/esm2022/v-angular/account-number/index.mjs +3 -0
  10. package/esm2022/v-angular/index.mjs +2 -1
  11. package/esm2022/v-angular/modal/fold-out/fold-out.component.mjs +2 -2
  12. package/esm2022/v-angular/table/table.component.mjs +25 -6
  13. package/fesm2022/sebgroup-green-angular-src-lib-shared.mjs +3 -3
  14. package/fesm2022/sebgroup-green-angular-src-lib-shared.mjs.map +1 -1
  15. package/fesm2022/sebgroup-green-angular-src-v-angular-account-number.mjs +12 -14
  16. package/fesm2022/sebgroup-green-angular-src-v-angular-account-number.mjs.map +1 -1
  17. package/fesm2022/sebgroup-green-angular-src-v-angular-modal.mjs +2 -2
  18. package/fesm2022/sebgroup-green-angular-src-v-angular-modal.mjs.map +1 -1
  19. package/fesm2022/sebgroup-green-angular-src-v-angular-table.mjs +24 -5
  20. package/fesm2022/sebgroup-green-angular-src-v-angular-table.mjs.map +1 -1
  21. package/fesm2022/sebgroup-green-angular-v-angular.mjs +92 -9
  22. package/fesm2022/sebgroup-green-angular-v-angular.mjs.map +1 -1
  23. package/fesm2022/sebgroup-green-angular.mjs +3 -3
  24. package/fesm2022/sebgroup-green-angular.mjs.map +1 -1
  25. package/lib/shared/core-control/core-control.directive.d.ts +1 -1
  26. package/package.json +2 -2
  27. package/src/lib/shared/core-control/core-control.directive.d.ts +1 -1
  28. package/src/v-angular/account-number/README.md +6 -13
  29. package/src/v-angular/account-number/account-number.module.d.ts +0 -6
  30. package/src/v-angular/account-number/account-number.pipe.d.ts +1 -1
  31. package/src/v-angular/table/table.component.d.ts +11 -1
  32. package/v-angular/account-number/account-number.module.d.ts +2 -0
  33. package/v-angular/account-number/account-number.pipe.d.ts +32 -0
  34. package/v-angular/account-number/index.d.ts +2 -0
  35. package/v-angular/index.d.ts +1 -0
  36. 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.2.0",
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.63.2",
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, declare the pipe
43
+ - In your module, import the stand-alone pipe:
49
44
 
50
45
  ```ts
51
- import { AccountNumberPipe } from '@sebgroup/ngv-core';
52
- // accounts.module.ts
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
- <!-- accounts.component.html -->
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", false>;
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,2 @@
1
+ export declare class NggvAccountNumberPipeModule {
2
+ }
@@ -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
+ }
@@ -0,0 +1,2 @@
1
+ export * from './account-number.pipe';
2
+ export * from './account-number.module';
@@ -1,3 +1,4 @@
1
+ export * from './account-number';
1
2
  export * from './alert';
2
3
  export * from './base-control-value-accessor';
3
4
  export * from './breadcrumbs';
@@ -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
  }