@propmix/profet-common-header 2.0.9-unstable → 2.0.10-unstable
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 +61 -23
- package/esm2020/lib/common-header.module.mjs +4 -8
- package/esm2020/lib/header/header.component.mjs +3 -4
- package/esm2020/lib/utils/image.dataurl.mjs +2 -1
- package/fesm2015/propmix-profet-common-header.mjs +6 -10
- package/fesm2015/propmix-profet-common-header.mjs.map +1 -1
- package/fesm2020/propmix-profet-common-header.mjs +6 -10
- package/fesm2020/propmix-profet-common-header.mjs.map +1 -1
- package/lib/common-header.module.d.ts +1 -2
- package/lib/header/header.component.d.ts +1 -0
- package/lib/utils/image.dataurl.d.ts +1 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -13,14 +13,15 @@ This library was generated with [Angular CLI](https://github.com/angular/angular
|
|
|
13
13
|
npm i @propmix/profet-common-header
|
|
14
14
|
|
|
15
15
|
|
|
16
|
-
2. Import the library in module
|
|
16
|
+
2. Import the library and required pipes in module
|
|
17
17
|
|
|
18
18
|
import { CommonHeaderModule } from "@propmix/profet-common-header";
|
|
19
19
|
imports: [
|
|
20
20
|
|
|
21
21
|
// Other import statements
|
|
22
22
|
CommonHeaderModule
|
|
23
|
-
]
|
|
23
|
+
],
|
|
24
|
+
providers: [TitleCasePipe, LowerCasePipe]
|
|
24
25
|
|
|
25
26
|
|
|
26
27
|
3. Use library in the component html
|
|
@@ -29,9 +30,49 @@ This library was generated with [Angular CLI](https://github.com/angular/angular
|
|
|
29
30
|
|
|
30
31
|
|
|
31
32
|
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
### Input
|
|
36
|
+
|
|
37
|
+
1. `template` - To pass custom HTML that need to render in the header library
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
*HTML Usage* - `<lib-header [template]="reference"></lib-header>`
|
|
41
|
+
|
|
42
|
+
#### Sample
|
|
43
|
+
|
|
44
|
+
<lib-header [template]="create_ref" (menuEvent)="sideMenuToggle()"></lib-header>
|
|
45
|
+
|
|
46
|
+
<ng-template #create_ref>
|
|
47
|
+
<button>Create</button>
|
|
48
|
+
</ng-template>
|
|
49
|
+
|
|
50
|
+
2. `appName` - To pass the current application
|
|
51
|
+
|
|
52
|
+
*HTML Usage* - `<lib-header [appName]="app"></lib-header>`
|
|
53
|
+
|
|
54
|
+
The `appName` is a constant that can be assigned one of the following values provided by the library.
|
|
55
|
+
|
|
56
|
+
import { PROFET_APPS } from '@propmix/profet-common-header';
|
|
57
|
+
|
|
58
|
+
export class AppComponent {
|
|
59
|
+
app = PROFET_APPS.profet_portal; // Assigning the constant value to the app variable
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
The `PROFET_APPS` can have the following possible values:
|
|
63
|
+
|
|
64
|
+
| Constant | Description |
|
|
65
|
+
|----------------------------------------|----------------------------------------|
|
|
66
|
+
| `PROFET_APPS.profet_portal` | Represents **Profet Portal** |
|
|
67
|
+
| `PROFET_APPS.appraisal_management` | Represents **Profet Order Management** |
|
|
68
|
+
| `PROFET_APPS.appraisal_review` | Represents **Profet Review** |
|
|
69
|
+
| `PROFET_APPS.appraisal_valuation` | Represents **Profet Valuation** |
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
|
|
32
73
|
### Output
|
|
33
74
|
|
|
34
|
-
1. menuEvent - To capture the side menu click
|
|
75
|
+
1. `menuEvent` - To capture the side menu click
|
|
35
76
|
|
|
36
77
|
*HTML Usage* - `<lib-header (menuEvent)="sideMenuToggle()"></lib-header>`
|
|
37
78
|
|
|
@@ -43,26 +84,11 @@ This library was generated with [Angular CLI](https://github.com/angular/angular
|
|
|
43
84
|
this.sidenav.toggle();
|
|
44
85
|
}
|
|
45
86
|
|
|
46
|
-
2. infoEvent - Getting company data from header
|
|
87
|
+
2. `infoEvent` - Getting company data from header
|
|
47
88
|
|
|
48
89
|
*HTML Usage* - `<lib-header (infoEvent)="getCompanyData($event)"></lib-header>`
|
|
49
|
-
|
|
50
|
-
### Input
|
|
51
|
-
|
|
52
|
-
1. template - To pass custom HTML that need to render within the header library
|
|
53
90
|
|
|
54
91
|
|
|
55
|
-
*HTML Usage* - `<lib-header [template]="reference"></lib-header>`
|
|
56
|
-
|
|
57
|
-
#### Sample
|
|
58
|
-
|
|
59
|
-
<lib-header [template]="create_ref" (menuEvent)="sideMenuToggle()"></lib-header>
|
|
60
|
-
|
|
61
|
-
<ng-template #create_ref>
|
|
62
|
-
<button>Create</button>
|
|
63
|
-
</ng-template>
|
|
64
|
-
|
|
65
|
-
|
|
66
92
|
## Config
|
|
67
93
|
|
|
68
94
|
|
|
@@ -101,7 +127,19 @@ Use the configuration option in the app.module.ts file
|
|
|
101
127
|
{ provide: 'headerConfig', useFactory: initializeHeaderConfig }
|
|
102
128
|
]
|
|
103
129
|
|
|
104
|
-
|
|
130
|
+
#### Pipes Used
|
|
131
|
+
This library uses two Angular pipes, so you need to ensure they are available in your module:
|
|
132
|
+
|
|
133
|
+
`TitleCasePipe`: Transforms strings into Title Case.
|
|
134
|
+
|
|
135
|
+
`LowerCasePipe`: Transforms strings to lowercase.
|
|
136
|
+
|
|
137
|
+
Make sure to provide these pipes in the AppModule of your application.
|
|
138
|
+
|
|
139
|
+
|
|
140
|
+
providers: [TitleCasePipe, LowerCasePipe]
|
|
141
|
+
|
|
142
|
+
## Publishing to npm repository
|
|
105
143
|
|
|
106
144
|
1. ng build common-header
|
|
107
145
|
|
|
@@ -111,17 +149,17 @@ Use the configuration option in the app.module.ts file
|
|
|
111
149
|
|
|
112
150
|
|
|
113
151
|
|
|
114
|
-
## Local testing
|
|
152
|
+
## Local Development & testing
|
|
115
153
|
|
|
116
154
|
Do these steps from the library directory
|
|
117
155
|
|
|
118
|
-
1. ng build common-header
|
|
156
|
+
1. ng build common-header --watch
|
|
119
157
|
|
|
120
158
|
2. cd dist/common-header/
|
|
121
159
|
|
|
122
160
|
3. npm link
|
|
123
161
|
|
|
124
|
-
Do this steps from the
|
|
162
|
+
Do this steps from the consumer application
|
|
125
163
|
|
|
126
164
|
1. npm ci
|
|
127
165
|
|
|
@@ -9,7 +9,6 @@ import { MatMenuModule } from '@angular/material/menu';
|
|
|
9
9
|
import { CommonModule } from '@angular/common';
|
|
10
10
|
import { MatSnackBarModule } from "@angular/material/snack-bar";
|
|
11
11
|
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
12
|
-
import { MatChipsModule } from '@angular/material/chips';
|
|
13
12
|
import * as i0 from "@angular/core";
|
|
14
13
|
export class CommonHeaderModule {
|
|
15
14
|
}
|
|
@@ -22,8 +21,7 @@ CommonHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", vers
|
|
|
22
21
|
MatSidenavModule,
|
|
23
22
|
MatMenuModule,
|
|
24
23
|
MatSnackBarModule,
|
|
25
|
-
MatTooltipModule,
|
|
26
|
-
MatChipsModule], exports: [HeaderComponent] });
|
|
24
|
+
MatTooltipModule], exports: [HeaderComponent] });
|
|
27
25
|
CommonHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CommonHeaderModule, imports: [CommonModule,
|
|
28
26
|
MatToolbarModule,
|
|
29
27
|
MatIconModule,
|
|
@@ -32,8 +30,7 @@ CommonHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", vers
|
|
|
32
30
|
MatSidenavModule,
|
|
33
31
|
MatMenuModule,
|
|
34
32
|
MatSnackBarModule,
|
|
35
|
-
MatTooltipModule
|
|
36
|
-
MatChipsModule] });
|
|
33
|
+
MatTooltipModule] });
|
|
37
34
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CommonHeaderModule, decorators: [{
|
|
38
35
|
type: NgModule,
|
|
39
36
|
args: [{
|
|
@@ -49,12 +46,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
49
46
|
MatSidenavModule,
|
|
50
47
|
MatMenuModule,
|
|
51
48
|
MatSnackBarModule,
|
|
52
|
-
MatTooltipModule
|
|
53
|
-
MatChipsModule
|
|
49
|
+
MatTooltipModule
|
|
54
50
|
],
|
|
55
51
|
exports: [
|
|
56
52
|
HeaderComponent
|
|
57
53
|
]
|
|
58
54
|
}]
|
|
59
55
|
}] });
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLWhlYWRlci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21tb24taGVhZGVyL3NyYy9saWIvY29tbW9uLWhlYWRlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDNUQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3RELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUMxRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDOztBQXFCN0QsTUFBTSxPQUFPLGtCQUFrQjs7Z0hBQWxCLGtCQUFrQjtpSEFBbEIsa0JBQWtCLGlCQWpCM0IsZUFBZSxhQUdmLFlBQVk7UUFDWixnQkFBZ0I7UUFDaEIsYUFBYTtRQUNiLGdCQUFnQjtRQUNoQixlQUFlO1FBQ2YsZ0JBQWdCO1FBQ2hCLGFBQWE7UUFDYixpQkFBaUI7UUFDakIsZ0JBQWdCLGFBR2hCLGVBQWU7aUhBR04sa0JBQWtCLFlBZDNCLFlBQVk7UUFDWixnQkFBZ0I7UUFDaEIsYUFBYTtRQUNiLGdCQUFnQjtRQUNoQixlQUFlO1FBQ2YsZ0JBQWdCO1FBQ2hCLGFBQWE7UUFDYixpQkFBaUI7UUFDakIsZ0JBQWdCOzRGQU1QLGtCQUFrQjtrQkFuQjlCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLGVBQWU7cUJBQ2hCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGdCQUFnQjt3QkFDaEIsYUFBYTt3QkFDYixnQkFBZ0I7d0JBQ2hCLGVBQWU7d0JBQ2YsZ0JBQWdCO3dCQUNoQixhQUFhO3dCQUNiLGlCQUFpQjt3QkFDakIsZ0JBQWdCO3FCQUNqQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsZUFBZTtxQkFDaEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9oZWFkZXIvaGVhZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNYXRUb29sYmFyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbGJhcic7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbidcbmltcG9ydCB7IEh0dHBDbGllbnRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nXG5pbXBvcnQgeyBNYXRTaWRlbmF2TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2lkZW5hdic7XG5pbXBvcnQgeyBNYXRNZW51TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbWVudSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0U25hY2tCYXJNb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvc25hY2stYmFyXCI7XG5pbXBvcnQgeyBNYXRUb29sdGlwTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbHRpcCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEhlYWRlckNvbXBvbmVudFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE1hdFRvb2xiYXJNb2R1bGUsXG4gICAgTWF0SWNvbk1vZHVsZSxcbiAgICBIdHRwQ2xpZW50TW9kdWxlLFxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRTaWRlbmF2TW9kdWxlLFxuICAgIE1hdE1lbnVNb2R1bGUsXG4gICAgTWF0U25hY2tCYXJNb2R1bGUsXG4gICAgTWF0VG9vbHRpcE1vZHVsZVxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgSGVhZGVyQ29tcG9uZW50XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgQ29tbW9uSGVhZGVyTW9kdWxlIHsgfVxuIl19
|