@rangertechnologies/ngnxt 2.1.76 → 2.1.78
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 +29 -29
- package/esm2022/lib/ar.i18n.mjs +29 -29
- package/esm2022/lib/components/custom-button/custom-button.component.mjs +39 -39
- package/esm2022/lib/components/custom-calendar/custom-calendar.component.mjs +366 -366
- package/esm2022/lib/components/custom-date/custom-date.component.mjs +47 -47
- package/esm2022/lib/components/custom-date-picker/custom-date-picker.component.mjs +48 -48
- package/esm2022/lib/components/custom-dropdown/custom-dropdown.component.mjs +219 -212
- package/esm2022/lib/components/custom-image/custom-image.component.mjs +34 -34
- package/esm2022/lib/components/custom-input/custom-input.component.mjs +93 -93
- package/esm2022/lib/components/custom-label/custom-label.component.mjs +21 -21
- package/esm2022/lib/components/custom-model/custom-model.component.mjs +48 -48
- package/esm2022/lib/components/custom-radio/custom-radio.component.mjs +115 -115
- package/esm2022/lib/components/custom-table/custom-table.component.mjs +169 -169
- package/esm2022/lib/components/custom-text-area/custom-text-area.component.mjs +65 -65
- package/esm2022/lib/components/custom-time/custom-time.component.mjs +61 -61
- package/esm2022/lib/components/dependent-table/dependent-table.component.mjs +42 -42
- package/esm2022/lib/components/dropdown-with-flag/dropdown-with-flag.component.mjs +39 -39
- package/esm2022/lib/components/file-upload/file-upload.component.mjs +233 -233
- package/esm2022/lib/components/file-view/file-view.component.mjs +46 -46
- package/esm2022/lib/components/loader/loader.component.mjs +23 -23
- package/esm2022/lib/components/pick-location/pick-location.component.mjs +188 -188
- package/esm2022/lib/components/search-box/search-box.component.mjs +130 -130
- package/esm2022/lib/components/table-appendix/table-appendix.component.mjs +123 -123
- package/esm2022/lib/directives/componenthost/componenthost.directive.mjs +19 -19
- package/esm2022/lib/en.i18n.mjs +29 -29
- package/esm2022/lib/i18n-config.service.mjs +4 -4
- package/esm2022/lib/i18n.component.mjs +47 -47
- package/esm2022/lib/i18n.module.mjs +38 -38
- package/esm2022/lib/i18n.pipe.mjs +25 -25
- package/esm2022/lib/i18n.service.mjs +56 -56
- package/esm2022/lib/interfaces/actionMeta.mjs +2 -2
- package/esm2022/lib/interfaces/apimeta.mjs +2 -2
- package/esm2022/lib/interfaces/dependencyMeta.mjs +2 -2
- package/esm2022/lib/model/bookletWrapper.mjs +9 -9
- package/esm2022/lib/model/changeWrapper.mjs +11 -11
- package/esm2022/lib/model/errorWrapper.mjs +6 -6
- package/esm2022/lib/model/tableWrapper.mjs +20 -20
- package/esm2022/lib/nxt-app.component.mjs +22 -22
- package/esm2022/lib/nxt-app.module.mjs +352 -352
- package/esm2022/lib/nxt-app.service.mjs +14 -14
- package/esm2022/lib/pages/booklet/booklet.component.mjs +541 -541
- package/esm2022/lib/pages/questionbook/questionbook.component.mjs +407 -407
- package/esm2022/lib/pages/questionnaire/questionnaire.component.mjs +2373 -2373
- package/esm2022/lib/pages/summary-page/summary-page.component.mjs +76 -76
- package/esm2022/lib/pipe/get-value.pipe.mjs +50 -50
- package/esm2022/lib/sample.mjs +3430 -3430
- package/esm2022/lib/services/change.service.mjs +53 -53
- package/esm2022/lib/services/data.service.mjs +80 -80
- package/esm2022/lib/services/salesforce.service.mjs +46 -46
- package/esm2022/lib/services/shared.service.mjs +100 -100
- package/esm2022/lib/services/storage.service.mjs +44 -44
- package/esm2022/lib/tam.i18n.mjs +29 -29
- package/esm2022/lib/wrapper.mjs +175 -175
- package/esm2022/public-api.mjs +15 -15
- package/esm2022/rangertechnologies-ngnxt.mjs +4 -4
- package/fesm2022/rangertechnologies-ngnxt.mjs +9812 -9805
- package/fesm2022/rangertechnologies-ngnxt.mjs.map +1 -1
- package/index.d.ts +5 -5
- package/lib/ar.i18n.d.ts +24 -24
- package/lib/components/custom-button/custom-button.component.d.ts +16 -16
- package/lib/components/custom-calendar/custom-calendar.component.d.ts +65 -65
- package/lib/components/custom-date/custom-date.component.d.ts +18 -18
- package/lib/components/custom-date-picker/custom-date-picker.component.d.ts +19 -19
- package/lib/components/custom-dropdown/custom-dropdown.component.d.ts +39 -39
- package/lib/components/custom-image/custom-image.component.d.ts +13 -13
- package/lib/components/custom-input/custom-input.component.d.ts +31 -31
- package/lib/components/custom-label/custom-label.component.d.ts +10 -10
- package/lib/components/custom-model/custom-model.component.d.ts +19 -19
- package/lib/components/custom-radio/custom-radio.component.d.ts +33 -33
- package/lib/components/custom-table/custom-table.component.d.ts +43 -43
- package/lib/components/custom-text-area/custom-text-area.component.d.ts +22 -22
- package/lib/components/custom-time/custom-time.component.d.ts +18 -18
- package/lib/components/dependent-table/dependent-table.component.d.ts +15 -15
- package/lib/components/dropdown-with-flag/dropdown-with-flag.component.d.ts +16 -16
- package/lib/components/file-upload/file-upload.component.d.ts +42 -42
- package/lib/components/file-view/file-view.component.d.ts +16 -16
- package/lib/components/loader/loader.component.d.ts +11 -11
- package/lib/components/pick-location/pick-location.component.d.ts +42 -42
- package/lib/components/search-box/search-box.component.d.ts +40 -40
- package/lib/components/table-appendix/table-appendix.component.d.ts +30 -30
- package/lib/directives/componenthost/componenthost.directive.d.ts +8 -8
- package/lib/en.i18n.d.ts +24 -24
- package/lib/i18n-config.service.d.ts +2 -2
- package/lib/i18n.component.d.ts +11 -11
- package/lib/i18n.module.d.ts +9 -9
- package/lib/i18n.pipe.d.ts +10 -10
- package/lib/i18n.service.d.ts +14 -14
- package/lib/interfaces/actionMeta.d.ts +5 -5
- package/lib/interfaces/apimeta.d.ts +14 -13
- package/lib/interfaces/dependencyMeta.d.ts +8 -8
- package/lib/model/bookletWrapper.d.ts +5 -5
- package/lib/model/changeWrapper.d.ts +10 -10
- package/lib/model/errorWrapper.d.ts +5 -5
- package/lib/model/tableWrapper.d.ts +18 -18
- package/lib/nxt-app.component.d.ts +8 -8
- package/lib/nxt-app.module.d.ts +46 -46
- package/lib/nxt-app.service.d.ts +6 -6
- package/lib/pages/booklet/booklet.component.d.ts +68 -68
- package/lib/pages/questionbook/questionbook.component.d.ts +66 -66
- package/lib/pages/questionnaire/questionnaire.component.d.ts +218 -218
- package/lib/pages/summary-page/summary-page.component.d.ts +20 -20
- package/lib/pipe/get-value.pipe.d.ts +7 -7
- package/lib/sample.d.ts +10 -10
- package/lib/services/change.service.d.ts +22 -22
- package/lib/services/data.service.d.ts +13 -13
- package/lib/services/salesforce.service.d.ts +11 -11
- package/lib/services/shared.service.d.ts +15 -15
- package/lib/services/storage.service.d.ts +13 -13
- package/lib/tam.i18n.d.ts +24 -24
- package/lib/wrapper.d.ts +203 -203
- package/package.json +1 -1
- package/public-api.d.ts +10 -10
- package/rangertechnologies-ngnxt-2.1.78.tgz +0 -0
- package/rangertechnologies-ngnxt-2.1.76.tgz +0 -0
package/README.md
CHANGED
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
# NxtApp
|
|
2
|
-
Install npm with
|
|
3
|
-
npm i @rangertechnologies/ngnxt
|
|
4
|
-
|
|
5
|
-
If the installation is giving you an error try with npm i @rangertechnologies/ngnxt —force
|
|
6
|
-
|
|
7
|
-
Once the installation is successful, To check go to package.json file and search for @ranger you will get to see the below line with the latest version
|
|
8
|
-
|
|
9
|
-
"@rangertechnologies/ngnxt": "version_number",
|
|
10
|
-
|
|
11
|
-
After the installation,
|
|
12
|
-
|
|
13
|
-
You can start using the NxtApp. Follow the below instructions to use the NxtApp
|
|
14
|
-
|
|
15
|
-
Import NxtAppModule in the ts component where you are going to use NxtApp. To import,
|
|
16
|
-
|
|
17
|
-
import { NxtAppModule } from '@rangertechnologies/ngnxt';
|
|
18
|
-
Add NxtAppModule under imports: [NxtAppModule]
|
|
19
|
-
|
|
20
|
-
Use the below line in the HTML component
|
|
21
|
-
|
|
22
|
-
<lib-booklet [bookletJSON]="nxtJSON" (handleBookletActionEvent)="nxtFormHandler($event)" ></lib-booklet>
|
|
23
|
-
|
|
24
|
-
Above line is one such example of how you can use the NxtApp.
|
|
25
|
-
|
|
26
|
-
The values/actions you need to take care of
|
|
27
|
-
nxtJSON
|
|
28
|
-
nxtFormHandler
|
|
29
|
-
|
|
1
|
+
# NxtApp
|
|
2
|
+
Install npm with
|
|
3
|
+
npm i @rangertechnologies/ngnxt
|
|
4
|
+
|
|
5
|
+
If the installation is giving you an error try with npm i @rangertechnologies/ngnxt —force
|
|
6
|
+
|
|
7
|
+
Once the installation is successful, To check go to package.json file and search for @ranger you will get to see the below line with the latest version
|
|
8
|
+
|
|
9
|
+
"@rangertechnologies/ngnxt": "version_number",
|
|
10
|
+
|
|
11
|
+
After the installation,
|
|
12
|
+
|
|
13
|
+
You can start using the NxtApp. Follow the below instructions to use the NxtApp
|
|
14
|
+
|
|
15
|
+
Import NxtAppModule in the ts component where you are going to use NxtApp. To import,
|
|
16
|
+
|
|
17
|
+
import { NxtAppModule } from '@rangertechnologies/ngnxt';
|
|
18
|
+
Add NxtAppModule under imports: [NxtAppModule]
|
|
19
|
+
|
|
20
|
+
Use the below line in the HTML component
|
|
21
|
+
|
|
22
|
+
<lib-booklet [bookletJSON]="nxtJSON" (handleBookletActionEvent)="nxtFormHandler($event)" ></lib-booklet>
|
|
23
|
+
|
|
24
|
+
Above line is one such example of how you can use the NxtApp.
|
|
25
|
+
|
|
26
|
+
The values/actions you need to take care of
|
|
27
|
+
nxtJSON
|
|
28
|
+
nxtFormHandler
|
|
29
|
+
|
|
30
30
|
For more information, you can visit http://docs.rangernxt.com.s3-website-us-east-1.amazonaws.com/
|
package/esm2022/lib/ar.i18n.mjs
CHANGED
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
const arI18n = {
|
|
2
|
-
required: "مطلوب",
|
|
3
|
-
addMore: "أضف المزيد",
|
|
4
|
-
select: "يختار",
|
|
5
|
-
attachment: "مرفق",
|
|
6
|
-
chooseFiles: "اختر الملفات",
|
|
7
|
-
uploadFile: "رفع ملف",
|
|
8
|
-
thisFieldIsRequired: "هذه الخانة مطلوبه.",
|
|
9
|
-
pickYourLocation: "اختر موقعك",
|
|
10
|
-
// firstName: "الاسم الأول",
|
|
11
|
-
// lastName: "اسم العائلة",
|
|
12
|
-
// division: "قسم",
|
|
13
|
-
// numberPlate: "لوحة الأرقام",
|
|
14
|
-
calibrated: "معايرة",
|
|
15
|
-
enterValue: "أدخل القيمة",
|
|
16
|
-
details: "تفاصيل",
|
|
17
|
-
pleaseMakeChoice: "يرجى الاختيار",
|
|
18
|
-
attach: "يربط",
|
|
19
|
-
add: "يضيف",
|
|
20
|
-
zeroOfZero: "0 من 0",
|
|
21
|
-
selectDate: "حدد تاريخ",
|
|
22
|
-
toBuyTicket: "لشراء تذكرة",
|
|
23
|
-
pickLocation: "اختر الموقع",
|
|
24
|
-
enterLocation: "إدخال الدولة",
|
|
25
|
-
searchNearestLocation: "البحث عن أقرب موقع",
|
|
26
|
-
currentTheme: "rtl",
|
|
27
|
-
};
|
|
28
|
-
export default arI18n;
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
const arI18n = {
|
|
2
|
+
required: "مطلوب",
|
|
3
|
+
addMore: "أضف المزيد",
|
|
4
|
+
select: "يختار",
|
|
5
|
+
attachment: "مرفق",
|
|
6
|
+
chooseFiles: "اختر الملفات",
|
|
7
|
+
uploadFile: "رفع ملف",
|
|
8
|
+
thisFieldIsRequired: "هذه الخانة مطلوبه.",
|
|
9
|
+
pickYourLocation: "اختر موقعك",
|
|
10
|
+
// firstName: "الاسم الأول",
|
|
11
|
+
// lastName: "اسم العائلة",
|
|
12
|
+
// division: "قسم",
|
|
13
|
+
// numberPlate: "لوحة الأرقام",
|
|
14
|
+
calibrated: "معايرة",
|
|
15
|
+
enterValue: "أدخل القيمة",
|
|
16
|
+
details: "تفاصيل",
|
|
17
|
+
pleaseMakeChoice: "يرجى الاختيار",
|
|
18
|
+
attach: "يربط",
|
|
19
|
+
add: "يضيف",
|
|
20
|
+
zeroOfZero: "0 من 0",
|
|
21
|
+
selectDate: "حدد تاريخ",
|
|
22
|
+
toBuyTicket: "لشراء تذكرة",
|
|
23
|
+
pickLocation: "اختر الموقع",
|
|
24
|
+
enterLocation: "إدخال الدولة",
|
|
25
|
+
searchNearestLocation: "البحث عن أقرب موقع",
|
|
26
|
+
currentTheme: "rtl",
|
|
27
|
+
};
|
|
28
|
+
export default arI18n;
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXIuaTE4bi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL254dC1hcHAvc3JjL2xpYi9hci5pMThuLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sTUFBTSxHQUFHO0lBQ1gsUUFBUSxFQUFFLE9BQU87SUFDakIsT0FBTyxFQUFFLFlBQVk7SUFDckIsTUFBTSxFQUFFLE9BQU87SUFDZixVQUFVLEVBQUUsTUFBTTtJQUNsQixXQUFXLEVBQUUsY0FBYztJQUMzQixVQUFVLEVBQUUsU0FBUztJQUNyQixtQkFBbUIsRUFBRSxvQkFBb0I7SUFDekMsZ0JBQWdCLEVBQUUsWUFBWTtJQUM5Qiw0QkFBNEI7SUFDNUIsMkJBQTJCO0lBQzNCLG1CQUFtQjtJQUNuQiwrQkFBK0I7SUFDL0IsVUFBVSxFQUFFLFFBQVE7SUFDcEIsVUFBVSxFQUFFLGFBQWE7SUFDekIsT0FBTyxFQUFFLFFBQVE7SUFDakIsZ0JBQWdCLEVBQUUsZUFBZTtJQUNqQyxNQUFNLEVBQUUsTUFBTTtJQUNkLEdBQUcsRUFBRSxNQUFNO0lBQ1gsVUFBVSxFQUFFLFFBQVE7SUFDcEIsVUFBVSxFQUFFLFdBQVc7SUFDdkIsV0FBVyxFQUFFLGFBQWE7SUFDMUIsWUFBWSxFQUFFLGFBQWE7SUFDM0IsYUFBYSxFQUFFLGNBQWM7SUFDN0IscUJBQXFCLEVBQUUsb0JBQW9CO0lBQzNDLFlBQVksRUFBRSxLQUFLO0NBQ3RCLENBQUE7QUFFRCxlQUFlLE1BQU0sQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImNvbnN0IGFySTE4biA9IHtcclxuICAgIHJlcXVpcmVkOiBcItmF2LfZhNmI2KhcIixcclxuICAgIGFkZE1vcmU6IFwi2KPYttmBINin2YTZhdiy2YrYr1wiLFxyXG4gICAgc2VsZWN0OiBcItmK2K7Yqtin2LFcIixcclxuICAgIGF0dGFjaG1lbnQ6IFwi2YXYsdmB2YJcIixcclxuICAgIGNob29zZUZpbGVzOiBcItin2K7YqtixINin2YTZhdmE2YHYp9iqXCIsXHJcbiAgICB1cGxvYWRGaWxlOiBcItix2YHYuSDZhdmE2YFcIixcclxuICAgIHRoaXNGaWVsZElzUmVxdWlyZWQ6IFwi2YfYsNmHINin2YTYrtin2YbYqSDZhdi32YTZiNio2YcuXCIsXHJcbiAgICBwaWNrWW91ckxvY2F0aW9uOiBcItin2K7YqtixINmF2YjZgti52YNcIixcclxuICAgIC8vIGZpcnN0TmFtZTogXCLYp9mE2KfYs9mFINin2YTYo9mI2YRcIixcclxuICAgIC8vIGxhc3ROYW1lOiBcItin2LPZhSDYp9mE2LnYp9im2YTYqVwiLFxyXG4gICAgLy8gZGl2aXNpb246IFwi2YLYs9mFXCIsXHJcbiAgICAvLyBudW1iZXJQbGF0ZTogXCLZhNmI2K3YqSDYp9mE2KPYsdmC2KfZhVwiLFxyXG4gICAgY2FsaWJyYXRlZDogXCLZhdi52KfZitix2KlcIixcclxuICAgIGVudGVyVmFsdWU6IFwi2KPYr9iu2YQg2KfZhNmC2YrZhdipXCIsXHJcbiAgICBkZXRhaWxzOiBcItiq2YHYp9i12YrZhFwiLCAvLyBIQSAyMEZFQjI0IFBUVyBkZXRhaWxzIHRvIERldGFpbHNcclxuICAgIHBsZWFzZU1ha2VDaG9pY2U6IFwi2YrYsdis2Ykg2KfZhNin2K7YqtmK2KfYsVwiLFxyXG4gICAgYXR0YWNoOiBcItmK2LHYqNi3XCIsXHJcbiAgICBhZGQ6IFwi2YrYttmK2YFcIixcclxuICAgIHplcm9PZlplcm86IFwiMCDZhdmGIDBcIixcclxuICAgIHNlbGVjdERhdGU6IFwi2K3Yr9ivINiq2KfYsdmK2K5cIixcclxuICAgIHRvQnV5VGlja2V0OiBcItmE2LTYsdin2KEg2KrYsNmD2LHYqVwiLFxyXG4gICAgcGlja0xvY2F0aW9uOiBcItin2K7YqtixINin2YTZhdmI2YLYuVwiLFxyXG4gICAgZW50ZXJMb2NhdGlvbjogXCLYpdiv2K7Yp9mEINin2YTYr9mI2YTYqVwiLFxyXG4gICAgc2VhcmNoTmVhcmVzdExvY2F0aW9uOiBcItin2YTYqNit2Ksg2LnZhiDYo9mC2LHYqCDZhdmI2YLYuVwiLFxyXG4gICAgY3VycmVudFRoZW1lOiBcInJ0bFwiLFxyXG59XHJcblxyXG5leHBvcnQgZGVmYXVsdCBhckkxOG47Il19
|
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class CustomButtonComponent {
|
|
4
|
-
// 08NOV23 - button input and outpts
|
|
5
|
-
height;
|
|
6
|
-
width;
|
|
7
|
-
textColor = '#fff';
|
|
8
|
-
buttonText;
|
|
9
|
-
value;
|
|
10
|
-
backgroundColor = '#007bff'; // Default background color
|
|
11
|
-
buttonValue = new EventEmitter();
|
|
12
|
-
constructor() { }
|
|
13
|
-
ngOnInit() {
|
|
14
|
-
}
|
|
15
|
-
handleClick(event) {
|
|
16
|
-
this.buttonValue.emit(event);
|
|
17
|
-
}
|
|
18
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CustomButtonComponent, selector: "app-custom-button", inputs: { height: "height", width: "width", textColor: "textColor", buttonText: "buttonText", value: "value", backgroundColor: "backgroundColor" }, outputs: { buttonValue: "buttonValue" }, ngImport: i0, template: "\n<!-- 08NOV23 - button html added-->\n<button \n[style.height]=\"height\" \n[style.color]=\"textColor\"\n[style.background-color]=\"backgroundColor\"\n[style.width]=\"width\" class=\"custom-button\"\n[value] =\"value\"\n(click)=\"handleClick(value)\"\n >{{ buttonText }}</button>\n", styles: [".custom-button{border:none;cursor:pointer;border-radius:5px;font-size:16px;font-size:14px}.custom-button:hover{background-color:#0056b3}\n"] });
|
|
20
|
-
}
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomButtonComponent, decorators: [{
|
|
22
|
-
type: Component,
|
|
23
|
-
args: [{ selector: 'app-custom-button', template: "\n<!-- 08NOV23 - button html added-->\n<button \n[style.height]=\"height\" \n[style.color]=\"textColor\"\n[style.background-color]=\"backgroundColor\"\n[style.width]=\"width\" class=\"custom-button\"\n[value] =\"value\"\n(click)=\"handleClick(value)\"\n >{{ buttonText }}</button>\n", styles: [".custom-button{border:none;cursor:pointer;border-radius:5px;font-size:16px;font-size:14px}.custom-button:hover{background-color:#0056b3}\n"] }]
|
|
24
|
-
}], ctorParameters: function () { return []; }, propDecorators: { height: [{
|
|
25
|
-
type: Input
|
|
26
|
-
}], width: [{
|
|
27
|
-
type: Input
|
|
28
|
-
}], textColor: [{
|
|
29
|
-
type: Input
|
|
30
|
-
}], buttonText: [{
|
|
31
|
-
type: Input
|
|
32
|
-
}], value: [{
|
|
33
|
-
type: Input
|
|
34
|
-
}], backgroundColor: [{
|
|
35
|
-
type: Input
|
|
36
|
-
}], buttonValue: [{
|
|
37
|
-
type: Output
|
|
38
|
-
}] } });
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class CustomButtonComponent {
|
|
4
|
+
// 08NOV23 - button input and outpts
|
|
5
|
+
height;
|
|
6
|
+
width;
|
|
7
|
+
textColor = '#fff';
|
|
8
|
+
buttonText;
|
|
9
|
+
value;
|
|
10
|
+
backgroundColor = '#007bff'; // Default background color
|
|
11
|
+
buttonValue = new EventEmitter();
|
|
12
|
+
constructor() { }
|
|
13
|
+
ngOnInit() {
|
|
14
|
+
}
|
|
15
|
+
handleClick(event) {
|
|
16
|
+
this.buttonValue.emit(event);
|
|
17
|
+
}
|
|
18
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CustomButtonComponent, selector: "app-custom-button", inputs: { height: "height", width: "width", textColor: "textColor", buttonText: "buttonText", value: "value", backgroundColor: "backgroundColor" }, outputs: { buttonValue: "buttonValue" }, ngImport: i0, template: "\r\n<!-- 08NOV23 - button html added-->\r\n<button \r\n[style.height]=\"height\" \r\n[style.color]=\"textColor\"\r\n[style.background-color]=\"backgroundColor\"\r\n[style.width]=\"width\" class=\"custom-button\"\r\n[value] =\"value\"\r\n(click)=\"handleClick(value)\"\r\n >{{ buttonText }}</button>\r\n", styles: [".custom-button{border:none;cursor:pointer;border-radius:5px;font-size:16px;font-size:14px}.custom-button:hover{background-color:#0056b3}\n"] });
|
|
20
|
+
}
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CustomButtonComponent, decorators: [{
|
|
22
|
+
type: Component,
|
|
23
|
+
args: [{ selector: 'app-custom-button', template: "\r\n<!-- 08NOV23 - button html added-->\r\n<button \r\n[style.height]=\"height\" \r\n[style.color]=\"textColor\"\r\n[style.background-color]=\"backgroundColor\"\r\n[style.width]=\"width\" class=\"custom-button\"\r\n[value] =\"value\"\r\n(click)=\"handleClick(value)\"\r\n >{{ buttonText }}</button>\r\n", styles: [".custom-button{border:none;cursor:pointer;border-radius:5px;font-size:16px;font-size:14px}.custom-button:hover{background-color:#0056b3}\n"] }]
|
|
24
|
+
}], ctorParameters: function () { return []; }, propDecorators: { height: [{
|
|
25
|
+
type: Input
|
|
26
|
+
}], width: [{
|
|
27
|
+
type: Input
|
|
28
|
+
}], textColor: [{
|
|
29
|
+
type: Input
|
|
30
|
+
}], buttonText: [{
|
|
31
|
+
type: Input
|
|
32
|
+
}], value: [{
|
|
33
|
+
type: Input
|
|
34
|
+
}], backgroundColor: [{
|
|
35
|
+
type: Input
|
|
36
|
+
}], buttonValue: [{
|
|
37
|
+
type: Output
|
|
38
|
+
}] } });
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ueHQtYXBwL3NyYy9saWIvY29tcG9uZW50cy9jdXN0b20tYnV0dG9uL2N1c3RvbS1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnh0LWFwcC9zcmMvbGliL2NvbXBvbmVudHMvY3VzdG9tLWJ1dHRvbi9jdXN0b20tYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTy9FLE1BQU0sT0FBTyxxQkFBcUI7SUFDaEMscUNBQXFDO0lBQzVCLE1BQU0sQ0FBUztJQUNmLEtBQUssQ0FBUztJQUNkLFNBQVMsR0FBVSxNQUFNLENBQUE7SUFDekIsVUFBVSxDQUFTO0lBQ25CLEtBQUssQ0FBUTtJQUNiLGVBQWUsR0FBVyxTQUFTLENBQUMsQ0FBQywyQkFBMkI7SUFDL0QsV0FBVyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFDaEQsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBSztRQUNmLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7dUdBaEJVLHFCQUFxQjsyRkFBckIscUJBQXFCLHNQQ1BsQyxnVEFVQTs7MkZESGEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLG1CQUFtQjswRUFNcEIsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWN1c3RvbS1idXR0b24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jdXN0b20tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jdXN0b20tYnV0dG9uLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ3VzdG9tQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICAvLyAgMDhOT1YyMyAtIGJ1dHRvbiBpbnB1dCBhbmQgb3V0cHRzXHJcbiAgQElucHV0KCkgaGVpZ2h0OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgd2lkdGg6IHN0cmluZztcclxuICBASW5wdXQoKSB0ZXh0Q29sb3I6IHN0cmluZyA9JyNmZmYnXHJcbiAgQElucHV0KCkgYnV0dG9uVGV4dDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHZhbHVlOnN0cmluZztcclxuICBASW5wdXQoKSBiYWNrZ3JvdW5kQ29sb3I6IHN0cmluZyA9ICcjMDA3YmZmJzsgLy8gRGVmYXVsdCBiYWNrZ3JvdW5kIGNvbG9yXHJcbiAgQE91dHB1dCgpIGJ1dHRvblZhbHVlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7IFxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbiAgaGFuZGxlQ2xpY2soZXZlbnQpe1xyXG4gICAgdGhpcy5idXR0b25WYWx1ZS5lbWl0KGV2ZW50KTtcclxuICB9XHJcbn1cclxuIiwiXHJcbjwhLS0gMDhOT1YyMyAtIGJ1dHRvbiBodG1sIGFkZGVkLS0+XHJcbjxidXR0b24gXHJcbltzdHlsZS5oZWlnaHRdPVwiaGVpZ2h0XCIgXHJcbltzdHlsZS5jb2xvcl09XCJ0ZXh0Q29sb3JcIlxyXG5bc3R5bGUuYmFja2dyb3VuZC1jb2xvcl09XCJiYWNrZ3JvdW5kQ29sb3JcIlxyXG5bc3R5bGUud2lkdGhdPVwid2lkdGhcIiBjbGFzcz1cImN1c3RvbS1idXR0b25cIlxyXG5bdmFsdWVdID1cInZhbHVlXCJcclxuKGNsaWNrKT1cImhhbmRsZUNsaWNrKHZhbHVlKVwiXHJcbiA+e3sgYnV0dG9uVGV4dCB9fTwvYnV0dG9uPlxyXG4iXX0=
|