@symphony-talent/component-library 4.221.0 → 4.223.0
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/esm2020/lib/atoms/input-number/input-number.component.mjs +5 -3
- package/esm2020/lib/organisms/generate-license-modal/generate-license-modal.component.mjs +1 -1
- package/esm2020/lib/pages/modals/notification-modal/notification-modal.component.mjs +38 -0
- package/esm2020/lib/pages/modals/notification-modal/notification-modal.model.mjs +2 -0
- package/esm2020/lib/pages/modals/notification-modal/notification-modal.module.mjs +38 -0
- package/esm2020/projects/component-library/lib/atoms/input-number/input-number.component.mjs +5 -3
- package/esm2020/projects/component-library/lib/organisms/generate-license-modal/generate-license-modal.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/pages/modals/notification-modal/notification-modal.component.mjs +38 -0
- package/esm2020/projects/component-library/lib/pages/modals/notification-modal/notification-modal.model.mjs +2 -0
- package/esm2020/projects/component-library/lib/pages/modals/notification-modal/notification-modal.module.mjs +38 -0
- package/esm2020/projects/component-library/public-api.mjs +4 -1
- package/esm2020/public-api.mjs +4 -1
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +67 -4
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +67 -4
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +67 -4
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +67 -4
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/atoms/input-number/input-number.component.d.ts +3 -2
- package/lib/pages/modals/notification-modal/notification-modal.component.d.ts +14 -0
- package/lib/pages/modals/notification-modal/notification-modal.model.d.ts +17 -0
- package/lib/pages/modals/notification-modal/notification-modal.module.d.ts +12 -0
- package/package.json +1 -1
- package/projects/component-library/lib/atoms/input-number/input-number.component.d.ts +3 -2
- package/projects/component-library/lib/pages/modals/notification-modal/notification-modal.component.d.ts +14 -0
- package/projects/component-library/lib/pages/modals/notification-modal/notification-modal.model.d.ts +17 -0
- package/projects/component-library/lib/pages/modals/notification-modal/notification-modal.module.d.ts +12 -0
- package/projects/component-library/public-api.d.ts +3 -0
- package/public-api.d.ts +3 -0
|
@@ -11,17 +11,19 @@ export class InputNumberComponent {
|
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
InputNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
-
InputNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputNumberComponent, selector: "symphony-input-number", inputs: { label: "label", maxValue: "maxValue", errorMessage: "errorMessage" }, outputs: { valueChanged: "valueChanged" }, ngImport: i0, template: "<div class=\"input-number-wrap\">\n <div
|
|
14
|
+
InputNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputNumberComponent, selector: "symphony-input-number", inputs: { label: "label", maxValue: "maxValue", errorMessage: "errorMessage", placeholder: "placeholder" }, outputs: { valueChanged: "valueChanged" }, ngImport: i0, template: "<div class=\"input-number-wrap\">\n <div>\n <label for=\"input-number\" class=\"input-number-label\">{{label}}</label>\n </div>\n <div>\n <input #input type=\"number\" min=\"1\" name=\"input-number\" class=\"input-number\" autocomplete=\"off\" [(ngModel)]=\"value\" placeholder=\"{{ placeholder }}\"\n (keyup)=\"onValueChange(value)\" oninput=\"validity.valid||(value='')\" />\n </div>\n <p class=\"error\" *ngIf=\"value > maxValue && errorMessage\">{{errorMessage}}</p>\n</div>", styles: [".input-number-wrap{position:relative;padding:15px}.input-number-wrap.input-secondary{color:#000}.input-number-wrap.input-secondary .input-number{background-color:#fff;border-color:#334860}.input-number-wrap .input-number-label{display:block;font-weight:500;margin-bottom:.3rem;line-height:25px}.input-number-wrap .input-number-label.sfx-d-inline-block{display:inline-block}.input-number-wrap .input-number{width:100%;height:40px;border:1px solid #334860;border-radius:4px;padding-left:.9375rem;padding-right:.9375rem;line-height:25px}.input-number-wrap .input-number:focus{border-color:#464646}.input-number-wrap .input-number:focus-visible{outline:none}.input-number-wrap .error{color:#ac4463}.input-number-wrap input::-webkit-outer-spin-button,.input-number-wrap input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-number-wrap input[type=number]{-moz-appearance:textfield}\n"], directives: [{ type: i1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputNumberComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
|
-
args: [{ selector: 'symphony-input-number', template: "<div class=\"input-number-wrap\">\n <div
|
|
17
|
+
args: [{ selector: 'symphony-input-number', template: "<div class=\"input-number-wrap\">\n <div>\n <label for=\"input-number\" class=\"input-number-label\">{{label}}</label>\n </div>\n <div>\n <input #input type=\"number\" min=\"1\" name=\"input-number\" class=\"input-number\" autocomplete=\"off\" [(ngModel)]=\"value\" placeholder=\"{{ placeholder }}\"\n (keyup)=\"onValueChange(value)\" oninput=\"validity.valid||(value='')\" />\n </div>\n <p class=\"error\" *ngIf=\"value > maxValue && errorMessage\">{{errorMessage}}</p>\n</div>", styles: [".input-number-wrap{position:relative;padding:15px}.input-number-wrap.input-secondary{color:#000}.input-number-wrap.input-secondary .input-number{background-color:#fff;border-color:#334860}.input-number-wrap .input-number-label{display:block;font-weight:500;margin-bottom:.3rem;line-height:25px}.input-number-wrap .input-number-label.sfx-d-inline-block{display:inline-block}.input-number-wrap .input-number{width:100%;height:40px;border:1px solid #334860;border-radius:4px;padding-left:.9375rem;padding-right:.9375rem;line-height:25px}.input-number-wrap .input-number:focus{border-color:#464646}.input-number-wrap .input-number:focus-visible{outline:none}.input-number-wrap .error{color:#ac4463}.input-number-wrap input::-webkit-outer-spin-button,.input-number-wrap input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-number-wrap input[type=number]{-moz-appearance:textfield}\n"] }]
|
|
18
18
|
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
|
19
19
|
type: Input
|
|
20
20
|
}], maxValue: [{
|
|
21
21
|
type: Input
|
|
22
22
|
}], errorMessage: [{
|
|
23
23
|
type: Input
|
|
24
|
+
}], placeholder: [{
|
|
25
|
+
type: Input
|
|
24
26
|
}], valueChanged: [{
|
|
25
27
|
type: Output
|
|
26
28
|
}] } });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtbnVtYmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvaW5wdXQtbnVtYmVyL2lucHV0LW51bWJlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LW51bWJlci9pbnB1dC1udW1iZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU92RSxNQUFNLE9BQU8sb0JBQW9CO0lBUS9CO1FBRlUsaUJBQVksR0FBeUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUVsRCxDQUFDO0lBRWpCLGFBQWEsQ0FBQyxLQUFLO1FBQ2pCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLENBQUM7O2lIQVpVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLG9OQ1BqQyx3Z0JBU007MkZERk8sb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLHVCQUF1QjswRUFNeEIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNJLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1pbnB1dC1udW1iZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vaW5wdXQtbnVtYmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW5wdXQtbnVtYmVyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgSW5wdXROdW1iZXJDb21wb25lbnQge1xuICB2YWx1ZTpudW1iZXI7XG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XG4gIEBJbnB1dCgpIG1heFZhbHVlOiBudW1iZXI7XG4gIEBJbnB1dCgpIGVycm9yTWVzc2FnZT86IHN0cmluZztcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZWQ6IEV2ZW50RW1pdHRlcjxudW1iZXI+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgb25WYWx1ZUNoYW5nZSh2YWx1ZSl7XG4gICAgdGhpcy52YWx1ZUNoYW5nZWQuZW1pdCh2YWx1ZSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJpbnB1dC1udW1iZXItd3JhcFwiPlxuICAgIDxkaXY+XG4gICAgICAgIDxsYWJlbCBmb3I9XCJpbnB1dC1udW1iZXJcIiBjbGFzcz1cImlucHV0LW51bWJlci1sYWJlbFwiPnt7bGFiZWx9fTwvbGFiZWw+XG4gICAgPC9kaXY+XG4gICAgPGRpdj5cbiAgICAgICAgPGlucHV0ICNpbnB1dCB0eXBlPVwibnVtYmVyXCIgbWluPVwiMVwiIG5hbWU9XCJpbnB1dC1udW1iZXJcIiBjbGFzcz1cImlucHV0LW51bWJlclwiIGF1dG9jb21wbGV0ZT1cIm9mZlwiIFsobmdNb2RlbCldPVwidmFsdWVcIiBwbGFjZWhvbGRlcj1cInt7IHBsYWNlaG9sZGVyIH19XCJcbiAgICAgICAgICAgIChrZXl1cCk9XCJvblZhbHVlQ2hhbmdlKHZhbHVlKVwiIG9uaW5wdXQ9XCJ2YWxpZGl0eS52YWxpZHx8KHZhbHVlPScnKVwiIC8+XG4gICAgPC9kaXY+XG4gICAgPHAgY2xhc3M9XCJlcnJvclwiICpuZ0lmPVwidmFsdWUgPiBtYXhWYWx1ZSAmJiBlcnJvck1lc3NhZ2VcIj57e2Vycm9yTWVzc2FnZX19PC9wPlxuPC9kaXY+Il19
|
|
@@ -21,7 +21,7 @@ export class GenerateLicenseModalComponent {
|
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
GenerateLicenseModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GenerateLicenseModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
-
GenerateLicenseModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GenerateLicenseModalComponent, selector: "symphony-generate-license-modal", inputs: { model: "model" }, outputs: { closeButtonClicked: "closeButtonClicked", inputValueChanged: "inputValueChanged" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"\n ></symphony-h4\n >\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <div class=\"row\">\n <section class=\"modal-body sfx-p-30 wrapped\">\n <symphony-input-number [label]=\"model.label\" [maxValue]=\"model.maxValue\" [errorMessage] = \"model.errorMessage\"\n (valueChanged)=\"inputValue($event)\">\n </symphony-input-number>\n </section>\n </div>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button-v2 class=\"sfx-ml-20\" [text]=\"model.buttonText\" [disabled]=\"this.value > model.maxValue || !this.value\"\n (clicked)=\"onGenerateButtonClick()\"></symphony-button-v2>\n </section>\n</div>", styles: [".wrapped{word-break:break-word}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.InputNumberComponent, selector: "symphony-input-number", inputs: ["label", "maxValue", "errorMessage"], outputs: ["valueChanged"] }, { type: i4.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
24
|
+
GenerateLicenseModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GenerateLicenseModalComponent, selector: "symphony-generate-license-modal", inputs: { model: "model" }, outputs: { closeButtonClicked: "closeButtonClicked", inputValueChanged: "inputValueChanged" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"\n ></symphony-h4\n >\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <div class=\"row\">\n <section class=\"modal-body sfx-p-30 wrapped\">\n <symphony-input-number [label]=\"model.label\" [maxValue]=\"model.maxValue\" [errorMessage] = \"model.errorMessage\"\n (valueChanged)=\"inputValue($event)\">\n </symphony-input-number>\n </section>\n </div>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button-v2 class=\"sfx-ml-20\" [text]=\"model.buttonText\" [disabled]=\"this.value > model.maxValue || !this.value\"\n (clicked)=\"onGenerateButtonClick()\"></symphony-button-v2>\n </section>\n</div>", styles: [".wrapped{word-break:break-word}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.InputNumberComponent, selector: "symphony-input-number", inputs: ["label", "maxValue", "errorMessage", "placeholder"], outputs: ["valueChanged"] }, { type: i4.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GenerateLicenseModalComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
27
|
args: [{ selector: 'symphony-generate-license-modal', template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"\n ></symphony-h4\n >\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <div class=\"row\">\n <section class=\"modal-body sfx-p-30 wrapped\">\n <symphony-input-number [label]=\"model.label\" [maxValue]=\"model.maxValue\" [errorMessage] = \"model.errorMessage\"\n (valueChanged)=\"inputValue($event)\">\n </symphony-input-number>\n </section>\n </div>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button-v2 class=\"sfx-ml-20\" [text]=\"model.buttonText\" [disabled]=\"this.value > model.maxValue || !this.value\"\n (clicked)=\"onGenerateButtonClick()\"></symphony-button-v2>\n </section>\n</div>", styles: [".wrapped{word-break:break-word}\n"] }]
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "../../../atoms/icon/icon.component";
|
|
4
|
+
import * as i2 from "../../../atoms/h3/h3.component";
|
|
5
|
+
import * as i3 from "../../../atoms/paragraph/paragraph.component";
|
|
6
|
+
import * as i4 from "../../../atoms/button-v2/button.component";
|
|
7
|
+
import * as i5 from "@angular/common";
|
|
8
|
+
export class NotificationModalComponent {
|
|
9
|
+
constructor() {
|
|
10
|
+
this.closeButtonClicked = new EventEmitter();
|
|
11
|
+
this.primaryButtonClicked = new EventEmitter();
|
|
12
|
+
this.secondaryButtonClicked = new EventEmitter();
|
|
13
|
+
}
|
|
14
|
+
onCloseButtonClick() {
|
|
15
|
+
this.closeButtonClicked.emit();
|
|
16
|
+
}
|
|
17
|
+
onPrimaryButtonClick(event) {
|
|
18
|
+
this.primaryButtonClicked.emit(event);
|
|
19
|
+
}
|
|
20
|
+
onSecondaryButtonClick() {
|
|
21
|
+
this.secondaryButtonClicked.emit();
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
NotificationModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
+
NotificationModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NotificationModalComponent, selector: "symphony-notification-modal", inputs: { model: "model" }, outputs: { closeButtonClicked: "closeButtonClicked", primaryButtonClicked: "primaryButtonClicked", secondaryButtonClicked: "secondaryButtonClicked" }, ngImport: i0, template: "<div class=\"sfx sfx-modal notification-modal\">\n <section class=\"modal-body notification-modal__body sfx-p-30\">\n <symphony-icon\n class=\"notification-modal__close-button\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n\n <div *ngIf=\"model?.icon && model.icon !== ''\" class=\"notification-modal__icon\">\n <symphony-icon\n [icon]=\"model.icon\"\n [size]=\"model?.iconSize || '60px'\"\n [iconColor]=\"model?.iconColor || '#16b783'\"\n ></symphony-icon>\n </div>\n\n <symphony-h3\n *ngIf=\"model?.heading\"\n class=\"notification-modal__heading\"\n [text]=\"model.heading\"\n ></symphony-h3>\n\n <symphony-paragraph *ngIf=\"model?.bodyText\" class=\"notification-modal__message\">\n {{ model.bodyText }}\n </symphony-paragraph>\n\n <section\n *ngIf=\"model?.summaryTitle || model?.summaryItems?.length\"\n class=\"notification-modal__summary\"\n >\n <symphony-paragraph *ngIf=\"model?.summaryTitle\" class=\"notification-modal__summary-title\">\n {{ model.summaryTitle }}\n </symphony-paragraph>\n\n <div *ngFor=\"let item of model?.summaryItems\" class=\"notification-modal__summary-row\">\n <symphony-paragraph class=\"notification-modal__summary-label\">{{ item.label }}</symphony-paragraph>\n <symphony-paragraph class=\"notification-modal__summary-value\">{{ item.value }}</symphony-paragraph>\n </div>\n\n <ng-content select=\"[notification-modal-body]\"></ng-content>\n </section>\n\n <div\n *ngIf=\"model?.secondaryButtonText || model?.primaryButtonText\"\n class=\"notification-modal__actions\"\n >\n <symphony-button-v2\n *ngIf=\"model?.secondaryButtonText\"\n class=\"notification-modal__button notification-modal__button--secondary\"\n [text]=\"model.secondaryButtonText\"\n [disabled]=\"model.secondaryButtonDisabled\"\n [isSecondary]=\"true\"\n (clicked)=\"onSecondaryButtonClick()\"\n ></symphony-button-v2>\n\n <symphony-button-v2\n *ngIf=\"model?.primaryButtonText\"\n class=\"notification-modal__button notification-modal__button--primary\"\n [text]=\"model.primaryButtonText\"\n [disabled]=\"model.primaryButtonDisabled\"\n (clicked)=\"onPrimaryButtonClick($event)\"\n ></symphony-button-v2>\n </div>\n </section>\n</div>\n", styles: [".notification-modal__body{padding:40px 30px;position:relative;text-align:center}.notification-modal__close-button{position:absolute;right:30px;top:30px;cursor:pointer}.notification-modal__icon{display:inline-flex;margin-bottom:10px}.notification-modal__heading{display:block;margin-bottom:10px}.notification-modal__message{display:block;margin-bottom:20px}.notification-modal__message p.body-copy-primary,.notification-modal__message p.body-copy-secondary{color:#5b6d80;font-size:16px}.notification-modal__summary{background:#f9fafb;border:1px solid #dce2ea;border-radius:10px;margin-bottom:30px;padding:30px 20px 25px;text-align:left}.notification-modal__summary-title{display:block;margin-bottom:10px}.notification-modal__summary-title p.body-copy-primary,.notification-modal__summary-title p.body-copy-secondary{font-size:18px}.notification-modal__summary-row{display:grid;grid-gap:5px;gap:5px;grid-template-columns:150px repeat(1,minmax(220px,1fr));padding:5px 0}.notification-modal__summary-label p.body-copy-primary,.notification-modal__summary-label p.body-copy-secondary{color:#6a768a}.notification-modal__actions{display:flex;gap:15px;justify-content:center}.notification-modal__button{flex:1 1 0}.notification-modal__button button{min-width:0;width:100%}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationModalComponent, decorators: [{
|
|
27
|
+
type: Component,
|
|
28
|
+
args: [{ selector: 'symphony-notification-modal', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx sfx-modal notification-modal\">\n <section class=\"modal-body notification-modal__body sfx-p-30\">\n <symphony-icon\n class=\"notification-modal__close-button\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n\n <div *ngIf=\"model?.icon && model.icon !== ''\" class=\"notification-modal__icon\">\n <symphony-icon\n [icon]=\"model.icon\"\n [size]=\"model?.iconSize || '60px'\"\n [iconColor]=\"model?.iconColor || '#16b783'\"\n ></symphony-icon>\n </div>\n\n <symphony-h3\n *ngIf=\"model?.heading\"\n class=\"notification-modal__heading\"\n [text]=\"model.heading\"\n ></symphony-h3>\n\n <symphony-paragraph *ngIf=\"model?.bodyText\" class=\"notification-modal__message\">\n {{ model.bodyText }}\n </symphony-paragraph>\n\n <section\n *ngIf=\"model?.summaryTitle || model?.summaryItems?.length\"\n class=\"notification-modal__summary\"\n >\n <symphony-paragraph *ngIf=\"model?.summaryTitle\" class=\"notification-modal__summary-title\">\n {{ model.summaryTitle }}\n </symphony-paragraph>\n\n <div *ngFor=\"let item of model?.summaryItems\" class=\"notification-modal__summary-row\">\n <symphony-paragraph class=\"notification-modal__summary-label\">{{ item.label }}</symphony-paragraph>\n <symphony-paragraph class=\"notification-modal__summary-value\">{{ item.value }}</symphony-paragraph>\n </div>\n\n <ng-content select=\"[notification-modal-body]\"></ng-content>\n </section>\n\n <div\n *ngIf=\"model?.secondaryButtonText || model?.primaryButtonText\"\n class=\"notification-modal__actions\"\n >\n <symphony-button-v2\n *ngIf=\"model?.secondaryButtonText\"\n class=\"notification-modal__button notification-modal__button--secondary\"\n [text]=\"model.secondaryButtonText\"\n [disabled]=\"model.secondaryButtonDisabled\"\n [isSecondary]=\"true\"\n (clicked)=\"onSecondaryButtonClick()\"\n ></symphony-button-v2>\n\n <symphony-button-v2\n *ngIf=\"model?.primaryButtonText\"\n class=\"notification-modal__button notification-modal__button--primary\"\n [text]=\"model.primaryButtonText\"\n [disabled]=\"model.primaryButtonDisabled\"\n (clicked)=\"onPrimaryButtonClick($event)\"\n ></symphony-button-v2>\n </div>\n </section>\n</div>\n", styles: [".notification-modal__body{padding:40px 30px;position:relative;text-align:center}.notification-modal__close-button{position:absolute;right:30px;top:30px;cursor:pointer}.notification-modal__icon{display:inline-flex;margin-bottom:10px}.notification-modal__heading{display:block;margin-bottom:10px}.notification-modal__message{display:block;margin-bottom:20px}.notification-modal__message p.body-copy-primary,.notification-modal__message p.body-copy-secondary{color:#5b6d80;font-size:16px}.notification-modal__summary{background:#f9fafb;border:1px solid #dce2ea;border-radius:10px;margin-bottom:30px;padding:30px 20px 25px;text-align:left}.notification-modal__summary-title{display:block;margin-bottom:10px}.notification-modal__summary-title p.body-copy-primary,.notification-modal__summary-title p.body-copy-secondary{font-size:18px}.notification-modal__summary-row{display:grid;grid-gap:5px;gap:5px;grid-template-columns:150px repeat(1,minmax(220px,1fr));padding:5px 0}.notification-modal__summary-label p.body-copy-primary,.notification-modal__summary-label p.body-copy-secondary{color:#6a768a}.notification-modal__actions{display:flex;gap:15px;justify-content:center}.notification-modal__button{flex:1 1 0}.notification-modal__button button{min-width:0;width:100%}\n"] }]
|
|
29
|
+
}], propDecorators: { model: [{
|
|
30
|
+
type: Input
|
|
31
|
+
}], closeButtonClicked: [{
|
|
32
|
+
type: Output
|
|
33
|
+
}], primaryButtonClicked: [{
|
|
34
|
+
type: Output
|
|
35
|
+
}], secondaryButtonClicked: [{
|
|
36
|
+
type: Output
|
|
37
|
+
}] } });
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLW1vZGFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvcGFnZXMvbW9kYWxzL25vdGlmaWNhdGlvbi1tb2RhbC9ub3RpZmljYXRpb24tbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9tb2RhbHMvbm90aWZpY2F0aW9uLW1vZGFsL25vdGlmaWNhdGlvbi1tb2RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBUzFGLE1BQU0sT0FBTywwQkFBMEI7SUFOdkM7UUFTWSx1QkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQzlDLHlCQUFvQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDbEQsMkJBQXNCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQWE3RDtJQVhDLGtCQUFrQjtRQUNoQixJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDakMsQ0FBQztJQUVELG9CQUFvQixDQUFDLEtBQWE7UUFDaEMsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRUQsc0JBQXNCO1FBQ3BCLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyQyxDQUFDOzt1SEFqQlUsMEJBQTBCOzJHQUExQiwwQkFBMEIsc1BDVHZDLGc2RUFpRUE7MkZEeERhLDBCQUEwQjtrQkFOdEMsU0FBUzsrQkFDRSw2QkFBNkIsaUJBR3hCLGlCQUFpQixDQUFDLElBQUk7OEJBRzVCLEtBQUs7c0JBQWIsS0FBSztnQkFFSSxrQkFBa0I7c0JBQTNCLE1BQU07Z0JBQ0csb0JBQW9CO3NCQUE3QixNQUFNO2dCQUNHLHNCQUFzQjtzQkFBL0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTm90aWZpY2F0aW9uTW9kYWxNb2RlbCB9IGZyb20gJy4vbm90aWZpY2F0aW9uLW1vZGFsLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktbm90aWZpY2F0aW9uLW1vZGFsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25vdGlmaWNhdGlvbi1tb2RhbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25vdGlmaWNhdGlvbi1tb2RhbC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBOb3RpZmljYXRpb25Nb2RhbENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG1vZGVsPzogTm90aWZpY2F0aW9uTW9kYWxNb2RlbDtcblxuICBAT3V0cHV0KCkgY2xvc2VCdXR0b25DbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgcHJpbWFyeUJ1dHRvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgpIHNlY29uZGFyeUJ1dHRvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgb25DbG9zZUJ1dHRvbkNsaWNrKCkge1xuICAgIHRoaXMuY2xvc2VCdXR0b25DbGlja2VkLmVtaXQoKTtcbiAgfVxuXG4gIG9uUHJpbWFyeUJ1dHRvbkNsaWNrKGV2ZW50OiBzdHJpbmcpIHtcbiAgICB0aGlzLnByaW1hcnlCdXR0b25DbGlja2VkLmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgb25TZWNvbmRhcnlCdXR0b25DbGljaygpIHtcbiAgICB0aGlzLnNlY29uZGFyeUJ1dHRvbkNsaWNrZWQuZW1pdCgpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2Z4IHNmeC1tb2RhbCBub3RpZmljYXRpb24tbW9kYWxcIj5cbiAgPHNlY3Rpb24gY2xhc3M9XCJtb2RhbC1ib2R5IG5vdGlmaWNhdGlvbi1tb2RhbF9fYm9keSBzZngtcC0zMFwiPlxuICAgIDxzeW1waG9ueS1pY29uXG4gICAgICBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9fY2xvc2UtYnV0dG9uXCJcbiAgICAgIFtpY29uXT1cIidzaS1jbG9zZS1tb2RhbCdcIlxuICAgICAgKGNsaWNrZWQpPVwib25DbG9zZUJ1dHRvbkNsaWNrKClcIlxuICAgID48L3N5bXBob255LWljb24+XG5cbiAgICA8ZGl2ICpuZ0lmPVwibW9kZWw/Lmljb24gJiYgbW9kZWwuaWNvbiAhPT0gJydcIiBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9faWNvblwiPlxuICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgW2ljb25dPVwibW9kZWwuaWNvblwiXG4gICAgICAgIFtzaXplXT1cIm1vZGVsPy5pY29uU2l6ZSB8fCAnNjBweCdcIlxuICAgICAgICBbaWNvbkNvbG9yXT1cIm1vZGVsPy5pY29uQ29sb3IgfHwgJyMxNmI3ODMnXCJcbiAgICAgID48L3N5bXBob255LWljb24+XG4gICAgPC9kaXY+XG5cbiAgICA8c3ltcGhvbnktaDNcbiAgICAgICpuZ0lmPVwibW9kZWw/LmhlYWRpbmdcIlxuICAgICAgY2xhc3M9XCJub3RpZmljYXRpb24tbW9kYWxfX2hlYWRpbmdcIlxuICAgICAgW3RleHRdPVwibW9kZWwuaGVhZGluZ1wiXG4gICAgPjwvc3ltcGhvbnktaDM+XG5cbiAgICA8c3ltcGhvbnktcGFyYWdyYXBoICpuZ0lmPVwibW9kZWw/LmJvZHlUZXh0XCIgY2xhc3M9XCJub3RpZmljYXRpb24tbW9kYWxfX21lc3NhZ2VcIj5cbiAgICAgIHt7IG1vZGVsLmJvZHlUZXh0IH19XG4gICAgPC9zeW1waG9ueS1wYXJhZ3JhcGg+XG5cbiAgICA8c2VjdGlvblxuICAgICAgKm5nSWY9XCJtb2RlbD8uc3VtbWFyeVRpdGxlIHx8IG1vZGVsPy5zdW1tYXJ5SXRlbXM/Lmxlbmd0aFwiXG4gICAgICBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9fc3VtbWFyeVwiXG4gICAgPlxuICAgICAgPHN5bXBob255LXBhcmFncmFwaCAqbmdJZj1cIm1vZGVsPy5zdW1tYXJ5VGl0bGVcIiBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9fc3VtbWFyeS10aXRsZVwiPlxuICAgICAgICB7eyBtb2RlbC5zdW1tYXJ5VGl0bGUgfX1cbiAgICAgIDwvc3ltcGhvbnktcGFyYWdyYXBoPlxuXG4gICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBpdGVtIG9mIG1vZGVsPy5zdW1tYXJ5SXRlbXNcIiBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9fc3VtbWFyeS1yb3dcIj5cbiAgICAgICAgPHN5bXBob255LXBhcmFncmFwaCBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9fc3VtbWFyeS1sYWJlbFwiPnt7IGl0ZW0ubGFiZWwgfX08L3N5bXBob255LXBhcmFncmFwaD5cbiAgICAgICAgPHN5bXBob255LXBhcmFncmFwaCBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9fc3VtbWFyeS12YWx1ZVwiPnt7IGl0ZW0udmFsdWUgfX08L3N5bXBob255LXBhcmFncmFwaD5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbbm90aWZpY2F0aW9uLW1vZGFsLWJvZHldXCI+PC9uZy1jb250ZW50PlxuICAgIDwvc2VjdGlvbj5cblxuICAgIDxkaXZcbiAgICAgICpuZ0lmPVwibW9kZWw/LnNlY29uZGFyeUJ1dHRvblRleHQgfHwgbW9kZWw/LnByaW1hcnlCdXR0b25UZXh0XCJcbiAgICAgIGNsYXNzPVwibm90aWZpY2F0aW9uLW1vZGFsX19hY3Rpb25zXCJcbiAgICA+XG4gICAgICA8c3ltcGhvbnktYnV0dG9uLXYyXG4gICAgICAgICpuZ0lmPVwibW9kZWw/LnNlY29uZGFyeUJ1dHRvblRleHRcIlxuICAgICAgICBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9fYnV0dG9uIG5vdGlmaWNhdGlvbi1tb2RhbF9fYnV0dG9uLS1zZWNvbmRhcnlcIlxuICAgICAgICBbdGV4dF09XCJtb2RlbC5zZWNvbmRhcnlCdXR0b25UZXh0XCJcbiAgICAgICAgW2Rpc2FibGVkXT1cIm1vZGVsLnNlY29uZGFyeUJ1dHRvbkRpc2FibGVkXCJcbiAgICAgICAgW2lzU2Vjb25kYXJ5XT1cInRydWVcIlxuICAgICAgICAoY2xpY2tlZCk9XCJvblNlY29uZGFyeUJ1dHRvbkNsaWNrKClcIlxuICAgICAgPjwvc3ltcGhvbnktYnV0dG9uLXYyPlxuXG4gICAgICA8c3ltcGhvbnktYnV0dG9uLXYyXG4gICAgICAgICpuZ0lmPVwibW9kZWw/LnByaW1hcnlCdXR0b25UZXh0XCJcbiAgICAgICAgY2xhc3M9XCJub3RpZmljYXRpb24tbW9kYWxfX2J1dHRvbiBub3RpZmljYXRpb24tbW9kYWxfX2J1dHRvbi0tcHJpbWFyeVwiXG4gICAgICAgIFt0ZXh0XT1cIm1vZGVsLnByaW1hcnlCdXR0b25UZXh0XCJcbiAgICAgICAgW2Rpc2FibGVkXT1cIm1vZGVsLnByaW1hcnlCdXR0b25EaXNhYmxlZFwiXG4gICAgICAgIChjbGlja2VkKT1cIm9uUHJpbWFyeUJ1dHRvbkNsaWNrKCRldmVudClcIlxuICAgICAgPjwvc3ltcGhvbnktYnV0dG9uLXYyPlxuICAgIDwvZGl2PlxuICA8L3NlY3Rpb24+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLW1vZGFsLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9tb2RhbHMvbm90aWZpY2F0aW9uLW1vZGFsL25vdGlmaWNhdGlvbi1tb2RhbC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBOb3RpZmljYXRpb25Nb2RhbE1vZGVsIHtcbiAgaWNvbj86IHN0cmluZztcbiAgaWNvblNpemU/OiBzdHJpbmc7XG4gIGljb25Db2xvcj86IHN0cmluZztcbiAgaGVhZGluZz86IHN0cmluZztcbiAgYm9keVRleHQ/OiBzdHJpbmc7XG4gIHN1bW1hcnlUaXRsZT86IHN0cmluZztcbiAgc3VtbWFyeUl0ZW1zPzogTm90aWZpY2F0aW9uTW9kYWxTdW1tYXJ5SXRlbVtdO1xuICBwcmltYXJ5QnV0dG9uVGV4dD86IHN0cmluZztcbiAgcHJpbWFyeUJ1dHRvbkRpc2FibGVkPzogYm9vbGVhbjtcbiAgc2Vjb25kYXJ5QnV0dG9uVGV4dD86IHN0cmluZztcbiAgc2Vjb25kYXJ5QnV0dG9uRGlzYWJsZWQ/OiBib29sZWFuO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIE5vdGlmaWNhdGlvbk1vZGFsU3VtbWFyeUl0ZW0ge1xuICBsYWJlbDogc3RyaW5nO1xuICB2YWx1ZTogc3RyaW5nO1xufVxuIl19
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { NotificationModalComponent } from './notification-modal.component';
|
|
4
|
+
import { H3Module } from '../../../atoms/h3/h3.module';
|
|
5
|
+
import { ParagraphModule } from '../../../atoms/paragraph/paragraph.module';
|
|
6
|
+
import { ButtonV2Module } from '../../../atoms/button-v2/button.module';
|
|
7
|
+
import { IconModule } from '../../../atoms/icon/icon.module';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export class NotificationModalModule {
|
|
10
|
+
}
|
|
11
|
+
NotificationModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
12
|
+
NotificationModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationModalModule, declarations: [NotificationModalComponent], imports: [CommonModule,
|
|
13
|
+
H3Module,
|
|
14
|
+
ParagraphModule,
|
|
15
|
+
ButtonV2Module,
|
|
16
|
+
IconModule], exports: [NotificationModalComponent] });
|
|
17
|
+
NotificationModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationModalModule, imports: [[
|
|
18
|
+
CommonModule,
|
|
19
|
+
H3Module,
|
|
20
|
+
ParagraphModule,
|
|
21
|
+
ButtonV2Module,
|
|
22
|
+
IconModule,
|
|
23
|
+
]] });
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationModalModule, decorators: [{
|
|
25
|
+
type: NgModule,
|
|
26
|
+
args: [{
|
|
27
|
+
declarations: [NotificationModalComponent],
|
|
28
|
+
imports: [
|
|
29
|
+
CommonModule,
|
|
30
|
+
H3Module,
|
|
31
|
+
ParagraphModule,
|
|
32
|
+
ButtonV2Module,
|
|
33
|
+
IconModule,
|
|
34
|
+
],
|
|
35
|
+
exports: [NotificationModalComponent],
|
|
36
|
+
}]
|
|
37
|
+
}] });
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLW1vZGFsLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvcGFnZXMvbW9kYWxzL25vdGlmaWNhdGlvbi1tb2RhbC9ub3RpZmljYXRpb24tbW9kYWwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDNUUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7QUFhN0QsTUFBTSxPQUFPLHVCQUF1Qjs7b0hBQXZCLHVCQUF1QjtxSEFBdkIsdUJBQXVCLGlCQVZuQiwwQkFBMEIsYUFFdkMsWUFBWTtRQUNaLFFBQVE7UUFDUixlQUFlO1FBQ2YsY0FBYztRQUNkLFVBQVUsYUFFRiwwQkFBMEI7cUhBRXpCLHVCQUF1QixZQVR6QjtZQUNQLFlBQVk7WUFDWixRQUFRO1lBQ1IsZUFBZTtZQUNmLGNBQWM7WUFDZCxVQUFVO1NBQ1g7MkZBR1UsdUJBQXVCO2tCQVhuQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLDBCQUEwQixDQUFDO29CQUMxQyxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixRQUFRO3dCQUNSLGVBQWU7d0JBQ2YsY0FBYzt3QkFDZCxVQUFVO3FCQUNYO29CQUNELE9BQU8sRUFBRSxDQUFDLDBCQUEwQixDQUFDO2lCQUN0QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTm90aWZpY2F0aW9uTW9kYWxDb21wb25lbnQgfSBmcm9tICcuL25vdGlmaWNhdGlvbi1tb2RhbC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSDNNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi9hdG9tcy9oMy9oMy5tb2R1bGUnO1xuaW1wb3J0IHsgUGFyYWdyYXBoTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vYXRvbXMvcGFyYWdyYXBoL3BhcmFncmFwaC5tb2R1bGUnO1xuaW1wb3J0IHsgQnV0dG9uVjJNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi9hdG9tcy9idXR0b24tdjIvYnV0dG9uLm1vZHVsZSc7XG5pbXBvcnQgeyBJY29uTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vYXRvbXMvaWNvbi9pY29uLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW05vdGlmaWNhdGlvbk1vZGFsQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBIM01vZHVsZSxcbiAgICBQYXJhZ3JhcGhNb2R1bGUsXG4gICAgQnV0dG9uVjJNb2R1bGUsXG4gICAgSWNvbk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW05vdGlmaWNhdGlvbk1vZGFsQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgTm90aWZpY2F0aW9uTW9kYWxNb2R1bGUge31cbiJdfQ==
|
package/esm2020/projects/component-library/lib/atoms/input-number/input-number.component.mjs
CHANGED
|
@@ -11,17 +11,19 @@ export class InputNumberComponent {
|
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
InputNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
-
InputNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputNumberComponent, selector: "symphony-input-number", inputs: { label: "label", maxValue: "maxValue", errorMessage: "errorMessage" }, outputs: { valueChanged: "valueChanged" }, ngImport: i0, template: "<div class=\"input-number-wrap\">\n <div
|
|
14
|
+
InputNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputNumberComponent, selector: "symphony-input-number", inputs: { label: "label", maxValue: "maxValue", errorMessage: "errorMessage", placeholder: "placeholder" }, outputs: { valueChanged: "valueChanged" }, ngImport: i0, template: "<div class=\"input-number-wrap\">\n <div>\n <label for=\"input-number\" class=\"input-number-label\">{{label}}</label>\n </div>\n <div>\n <input #input type=\"number\" min=\"1\" name=\"input-number\" class=\"input-number\" autocomplete=\"off\" [(ngModel)]=\"value\" placeholder=\"{{ placeholder }}\"\n (keyup)=\"onValueChange(value)\" oninput=\"validity.valid||(value='')\" />\n </div>\n <p class=\"error\" *ngIf=\"value > maxValue && errorMessage\">{{errorMessage}}</p>\n</div>", styles: [".input-number-wrap{position:relative;padding:15px}.input-number-wrap.input-secondary{color:#000}.input-number-wrap.input-secondary .input-number{background-color:#fff;border-color:#334860}.input-number-wrap .input-number-label{display:block;font-weight:500;margin-bottom:.3rem;line-height:25px}.input-number-wrap .input-number-label.sfx-d-inline-block{display:inline-block}.input-number-wrap .input-number{width:100%;height:40px;border:1px solid #334860;border-radius:4px;padding-left:.9375rem;padding-right:.9375rem;line-height:25px}.input-number-wrap .input-number:focus{border-color:#464646}.input-number-wrap .input-number:focus-visible{outline:none}.input-number-wrap .error{color:#ac4463}.input-number-wrap input::-webkit-outer-spin-button,.input-number-wrap input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-number-wrap input[type=number]{-moz-appearance:textfield}\n"], directives: [{ type: i1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputNumberComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
|
-
args: [{ selector: 'symphony-input-number', template: "<div class=\"input-number-wrap\">\n <div
|
|
17
|
+
args: [{ selector: 'symphony-input-number', template: "<div class=\"input-number-wrap\">\n <div>\n <label for=\"input-number\" class=\"input-number-label\">{{label}}</label>\n </div>\n <div>\n <input #input type=\"number\" min=\"1\" name=\"input-number\" class=\"input-number\" autocomplete=\"off\" [(ngModel)]=\"value\" placeholder=\"{{ placeholder }}\"\n (keyup)=\"onValueChange(value)\" oninput=\"validity.valid||(value='')\" />\n </div>\n <p class=\"error\" *ngIf=\"value > maxValue && errorMessage\">{{errorMessage}}</p>\n</div>", styles: [".input-number-wrap{position:relative;padding:15px}.input-number-wrap.input-secondary{color:#000}.input-number-wrap.input-secondary .input-number{background-color:#fff;border-color:#334860}.input-number-wrap .input-number-label{display:block;font-weight:500;margin-bottom:.3rem;line-height:25px}.input-number-wrap .input-number-label.sfx-d-inline-block{display:inline-block}.input-number-wrap .input-number{width:100%;height:40px;border:1px solid #334860;border-radius:4px;padding-left:.9375rem;padding-right:.9375rem;line-height:25px}.input-number-wrap .input-number:focus{border-color:#464646}.input-number-wrap .input-number:focus-visible{outline:none}.input-number-wrap .error{color:#ac4463}.input-number-wrap input::-webkit-outer-spin-button,.input-number-wrap input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-number-wrap input[type=number]{-moz-appearance:textfield}\n"] }]
|
|
18
18
|
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
|
19
19
|
type: Input
|
|
20
20
|
}], maxValue: [{
|
|
21
21
|
type: Input
|
|
22
22
|
}], errorMessage: [{
|
|
23
23
|
type: Input
|
|
24
|
+
}], placeholder: [{
|
|
25
|
+
type: Input
|
|
24
26
|
}], valueChanged: [{
|
|
25
27
|
type: Output
|
|
26
28
|
}] } });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtbnVtYmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvaW5wdXQtbnVtYmVyL2lucHV0LW51bWJlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LW51bWJlci9pbnB1dC1udW1iZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU92RSxNQUFNLE9BQU8sb0JBQW9CO0lBUS9CO1FBRlUsaUJBQVksR0FBeUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUVsRCxDQUFDO0lBRWpCLGFBQWEsQ0FBQyxLQUFLO1FBQ2pCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLENBQUM7O2lIQVpVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLG9OQ1BqQyx3Z0JBU007MkZERk8sb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLHVCQUF1QjswRUFNeEIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNJLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1pbnB1dC1udW1iZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vaW5wdXQtbnVtYmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW5wdXQtbnVtYmVyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgSW5wdXROdW1iZXJDb21wb25lbnQge1xuICB2YWx1ZTpudW1iZXI7XG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XG4gIEBJbnB1dCgpIG1heFZhbHVlOiBudW1iZXI7XG4gIEBJbnB1dCgpIGVycm9yTWVzc2FnZT86IHN0cmluZztcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZWQ6IEV2ZW50RW1pdHRlcjxudW1iZXI+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgb25WYWx1ZUNoYW5nZSh2YWx1ZSl7XG4gICAgdGhpcy52YWx1ZUNoYW5nZWQuZW1pdCh2YWx1ZSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJpbnB1dC1udW1iZXItd3JhcFwiPlxuICAgIDxkaXY+XG4gICAgICAgIDxsYWJlbCBmb3I9XCJpbnB1dC1udW1iZXJcIiBjbGFzcz1cImlucHV0LW51bWJlci1sYWJlbFwiPnt7bGFiZWx9fTwvbGFiZWw+XG4gICAgPC9kaXY+XG4gICAgPGRpdj5cbiAgICAgICAgPGlucHV0ICNpbnB1dCB0eXBlPVwibnVtYmVyXCIgbWluPVwiMVwiIG5hbWU9XCJpbnB1dC1udW1iZXJcIiBjbGFzcz1cImlucHV0LW51bWJlclwiIGF1dG9jb21wbGV0ZT1cIm9mZlwiIFsobmdNb2RlbCldPVwidmFsdWVcIiBwbGFjZWhvbGRlcj1cInt7IHBsYWNlaG9sZGVyIH19XCJcbiAgICAgICAgICAgIChrZXl1cCk9XCJvblZhbHVlQ2hhbmdlKHZhbHVlKVwiIG9uaW5wdXQ9XCJ2YWxpZGl0eS52YWxpZHx8KHZhbHVlPScnKVwiIC8+XG4gICAgPC9kaXY+XG4gICAgPHAgY2xhc3M9XCJlcnJvclwiICpuZ0lmPVwidmFsdWUgPiBtYXhWYWx1ZSAmJiBlcnJvck1lc3NhZ2VcIj57e2Vycm9yTWVzc2FnZX19PC9wPlxuPC9kaXY+Il19
|
|
@@ -21,7 +21,7 @@ export class GenerateLicenseModalComponent {
|
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
GenerateLicenseModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GenerateLicenseModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
-
GenerateLicenseModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GenerateLicenseModalComponent, selector: "symphony-generate-license-modal", inputs: { model: "model" }, outputs: { closeButtonClicked: "closeButtonClicked", inputValueChanged: "inputValueChanged" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"\n ></symphony-h4\n >\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <div class=\"row\">\n <section class=\"modal-body sfx-p-30 wrapped\">\n <symphony-input-number [label]=\"model.label\" [maxValue]=\"model.maxValue\" [errorMessage] = \"model.errorMessage\"\n (valueChanged)=\"inputValue($event)\">\n </symphony-input-number>\n </section>\n </div>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button-v2 class=\"sfx-ml-20\" [text]=\"model.buttonText\" [disabled]=\"this.value > model.maxValue || !this.value\"\n (clicked)=\"onGenerateButtonClick()\"></symphony-button-v2>\n </section>\n</div>", styles: [".wrapped{word-break:break-word}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.InputNumberComponent, selector: "symphony-input-number", inputs: ["label", "maxValue", "errorMessage"], outputs: ["valueChanged"] }, { type: i4.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
24
|
+
GenerateLicenseModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GenerateLicenseModalComponent, selector: "symphony-generate-license-modal", inputs: { model: "model" }, outputs: { closeButtonClicked: "closeButtonClicked", inputValueChanged: "inputValueChanged" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"\n ></symphony-h4\n >\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <div class=\"row\">\n <section class=\"modal-body sfx-p-30 wrapped\">\n <symphony-input-number [label]=\"model.label\" [maxValue]=\"model.maxValue\" [errorMessage] = \"model.errorMessage\"\n (valueChanged)=\"inputValue($event)\">\n </symphony-input-number>\n </section>\n </div>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button-v2 class=\"sfx-ml-20\" [text]=\"model.buttonText\" [disabled]=\"this.value > model.maxValue || !this.value\"\n (clicked)=\"onGenerateButtonClick()\"></symphony-button-v2>\n </section>\n</div>", styles: [".wrapped{word-break:break-word}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.InputNumberComponent, selector: "symphony-input-number", inputs: ["label", "maxValue", "errorMessage", "placeholder"], outputs: ["valueChanged"] }, { type: i4.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GenerateLicenseModalComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
27
|
args: [{ selector: 'symphony-generate-license-modal', template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"\n ></symphony-h4\n >\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <div class=\"row\">\n <section class=\"modal-body sfx-p-30 wrapped\">\n <symphony-input-number [label]=\"model.label\" [maxValue]=\"model.maxValue\" [errorMessage] = \"model.errorMessage\"\n (valueChanged)=\"inputValue($event)\">\n </symphony-input-number>\n </section>\n </div>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button-v2 class=\"sfx-ml-20\" [text]=\"model.buttonText\" [disabled]=\"this.value > model.maxValue || !this.value\"\n (clicked)=\"onGenerateButtonClick()\"></symphony-button-v2>\n </section>\n</div>", styles: [".wrapped{word-break:break-word}\n"] }]
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "../../../atoms/icon/icon.component";
|
|
4
|
+
import * as i2 from "../../../atoms/h3/h3.component";
|
|
5
|
+
import * as i3 from "../../../atoms/paragraph/paragraph.component";
|
|
6
|
+
import * as i4 from "../../../atoms/button-v2/button.component";
|
|
7
|
+
import * as i5 from "@angular/common";
|
|
8
|
+
export class NotificationModalComponent {
|
|
9
|
+
constructor() {
|
|
10
|
+
this.closeButtonClicked = new EventEmitter();
|
|
11
|
+
this.primaryButtonClicked = new EventEmitter();
|
|
12
|
+
this.secondaryButtonClicked = new EventEmitter();
|
|
13
|
+
}
|
|
14
|
+
onCloseButtonClick() {
|
|
15
|
+
this.closeButtonClicked.emit();
|
|
16
|
+
}
|
|
17
|
+
onPrimaryButtonClick(event) {
|
|
18
|
+
this.primaryButtonClicked.emit(event);
|
|
19
|
+
}
|
|
20
|
+
onSecondaryButtonClick() {
|
|
21
|
+
this.secondaryButtonClicked.emit();
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
NotificationModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
+
NotificationModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NotificationModalComponent, selector: "symphony-notification-modal", inputs: { model: "model" }, outputs: { closeButtonClicked: "closeButtonClicked", primaryButtonClicked: "primaryButtonClicked", secondaryButtonClicked: "secondaryButtonClicked" }, ngImport: i0, template: "<div class=\"sfx sfx-modal notification-modal\">\n <section class=\"modal-body notification-modal__body sfx-p-30\">\n <symphony-icon\n class=\"notification-modal__close-button\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n\n <div *ngIf=\"model?.icon && model.icon !== ''\" class=\"notification-modal__icon\">\n <symphony-icon\n [icon]=\"model.icon\"\n [size]=\"model?.iconSize || '60px'\"\n [iconColor]=\"model?.iconColor || '#16b783'\"\n ></symphony-icon>\n </div>\n\n <symphony-h3\n *ngIf=\"model?.heading\"\n class=\"notification-modal__heading\"\n [text]=\"model.heading\"\n ></symphony-h3>\n\n <symphony-paragraph *ngIf=\"model?.bodyText\" class=\"notification-modal__message\">\n {{ model.bodyText }}\n </symphony-paragraph>\n\n <section\n *ngIf=\"model?.summaryTitle || model?.summaryItems?.length\"\n class=\"notification-modal__summary\"\n >\n <symphony-paragraph *ngIf=\"model?.summaryTitle\" class=\"notification-modal__summary-title\">\n {{ model.summaryTitle }}\n </symphony-paragraph>\n\n <div *ngFor=\"let item of model?.summaryItems\" class=\"notification-modal__summary-row\">\n <symphony-paragraph class=\"notification-modal__summary-label\">{{ item.label }}</symphony-paragraph>\n <symphony-paragraph class=\"notification-modal__summary-value\">{{ item.value }}</symphony-paragraph>\n </div>\n\n <ng-content select=\"[notification-modal-body]\"></ng-content>\n </section>\n\n <div\n *ngIf=\"model?.secondaryButtonText || model?.primaryButtonText\"\n class=\"notification-modal__actions\"\n >\n <symphony-button-v2\n *ngIf=\"model?.secondaryButtonText\"\n class=\"notification-modal__button notification-modal__button--secondary\"\n [text]=\"model.secondaryButtonText\"\n [disabled]=\"model.secondaryButtonDisabled\"\n [isSecondary]=\"true\"\n (clicked)=\"onSecondaryButtonClick()\"\n ></symphony-button-v2>\n\n <symphony-button-v2\n *ngIf=\"model?.primaryButtonText\"\n class=\"notification-modal__button notification-modal__button--primary\"\n [text]=\"model.primaryButtonText\"\n [disabled]=\"model.primaryButtonDisabled\"\n (clicked)=\"onPrimaryButtonClick($event)\"\n ></symphony-button-v2>\n </div>\n </section>\n</div>\n", styles: [".notification-modal__body{padding:40px 30px;position:relative;text-align:center}.notification-modal__close-button{position:absolute;right:30px;top:30px;cursor:pointer}.notification-modal__icon{display:inline-flex;margin-bottom:10px}.notification-modal__heading{display:block;margin-bottom:10px}.notification-modal__message{display:block;margin-bottom:20px}.notification-modal__message p.body-copy-primary,.notification-modal__message p.body-copy-secondary{color:#5b6d80;font-size:16px}.notification-modal__summary{background:#f9fafb;border:1px solid #dce2ea;border-radius:10px;margin-bottom:30px;padding:30px 20px 25px;text-align:left}.notification-modal__summary-title{display:block;margin-bottom:10px}.notification-modal__summary-title p.body-copy-primary,.notification-modal__summary-title p.body-copy-secondary{font-size:18px}.notification-modal__summary-row{display:grid;grid-gap:5px;gap:5px;grid-template-columns:150px repeat(1,minmax(220px,1fr));padding:5px 0}.notification-modal__summary-label p.body-copy-primary,.notification-modal__summary-label p.body-copy-secondary{color:#6a768a}.notification-modal__actions{display:flex;gap:15px;justify-content:center}.notification-modal__button{flex:1 1 0}.notification-modal__button button{min-width:0;width:100%}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationModalComponent, decorators: [{
|
|
27
|
+
type: Component,
|
|
28
|
+
args: [{ selector: 'symphony-notification-modal', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx sfx-modal notification-modal\">\n <section class=\"modal-body notification-modal__body sfx-p-30\">\n <symphony-icon\n class=\"notification-modal__close-button\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n\n <div *ngIf=\"model?.icon && model.icon !== ''\" class=\"notification-modal__icon\">\n <symphony-icon\n [icon]=\"model.icon\"\n [size]=\"model?.iconSize || '60px'\"\n [iconColor]=\"model?.iconColor || '#16b783'\"\n ></symphony-icon>\n </div>\n\n <symphony-h3\n *ngIf=\"model?.heading\"\n class=\"notification-modal__heading\"\n [text]=\"model.heading\"\n ></symphony-h3>\n\n <symphony-paragraph *ngIf=\"model?.bodyText\" class=\"notification-modal__message\">\n {{ model.bodyText }}\n </symphony-paragraph>\n\n <section\n *ngIf=\"model?.summaryTitle || model?.summaryItems?.length\"\n class=\"notification-modal__summary\"\n >\n <symphony-paragraph *ngIf=\"model?.summaryTitle\" class=\"notification-modal__summary-title\">\n {{ model.summaryTitle }}\n </symphony-paragraph>\n\n <div *ngFor=\"let item of model?.summaryItems\" class=\"notification-modal__summary-row\">\n <symphony-paragraph class=\"notification-modal__summary-label\">{{ item.label }}</symphony-paragraph>\n <symphony-paragraph class=\"notification-modal__summary-value\">{{ item.value }}</symphony-paragraph>\n </div>\n\n <ng-content select=\"[notification-modal-body]\"></ng-content>\n </section>\n\n <div\n *ngIf=\"model?.secondaryButtonText || model?.primaryButtonText\"\n class=\"notification-modal__actions\"\n >\n <symphony-button-v2\n *ngIf=\"model?.secondaryButtonText\"\n class=\"notification-modal__button notification-modal__button--secondary\"\n [text]=\"model.secondaryButtonText\"\n [disabled]=\"model.secondaryButtonDisabled\"\n [isSecondary]=\"true\"\n (clicked)=\"onSecondaryButtonClick()\"\n ></symphony-button-v2>\n\n <symphony-button-v2\n *ngIf=\"model?.primaryButtonText\"\n class=\"notification-modal__button notification-modal__button--primary\"\n [text]=\"model.primaryButtonText\"\n [disabled]=\"model.primaryButtonDisabled\"\n (clicked)=\"onPrimaryButtonClick($event)\"\n ></symphony-button-v2>\n </div>\n </section>\n</div>\n", styles: [".notification-modal__body{padding:40px 30px;position:relative;text-align:center}.notification-modal__close-button{position:absolute;right:30px;top:30px;cursor:pointer}.notification-modal__icon{display:inline-flex;margin-bottom:10px}.notification-modal__heading{display:block;margin-bottom:10px}.notification-modal__message{display:block;margin-bottom:20px}.notification-modal__message p.body-copy-primary,.notification-modal__message p.body-copy-secondary{color:#5b6d80;font-size:16px}.notification-modal__summary{background:#f9fafb;border:1px solid #dce2ea;border-radius:10px;margin-bottom:30px;padding:30px 20px 25px;text-align:left}.notification-modal__summary-title{display:block;margin-bottom:10px}.notification-modal__summary-title p.body-copy-primary,.notification-modal__summary-title p.body-copy-secondary{font-size:18px}.notification-modal__summary-row{display:grid;grid-gap:5px;gap:5px;grid-template-columns:150px repeat(1,minmax(220px,1fr));padding:5px 0}.notification-modal__summary-label p.body-copy-primary,.notification-modal__summary-label p.body-copy-secondary{color:#6a768a}.notification-modal__actions{display:flex;gap:15px;justify-content:center}.notification-modal__button{flex:1 1 0}.notification-modal__button button{min-width:0;width:100%}\n"] }]
|
|
29
|
+
}], propDecorators: { model: [{
|
|
30
|
+
type: Input
|
|
31
|
+
}], closeButtonClicked: [{
|
|
32
|
+
type: Output
|
|
33
|
+
}], primaryButtonClicked: [{
|
|
34
|
+
type: Output
|
|
35
|
+
}], secondaryButtonClicked: [{
|
|
36
|
+
type: Output
|
|
37
|
+
}] } });
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLW1vZGFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvcGFnZXMvbW9kYWxzL25vdGlmaWNhdGlvbi1tb2RhbC9ub3RpZmljYXRpb24tbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9tb2RhbHMvbm90aWZpY2F0aW9uLW1vZGFsL25vdGlmaWNhdGlvbi1tb2RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBUzFGLE1BQU0sT0FBTywwQkFBMEI7SUFOdkM7UUFTWSx1QkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQzlDLHlCQUFvQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDbEQsMkJBQXNCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQWE3RDtJQVhDLGtCQUFrQjtRQUNoQixJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDakMsQ0FBQztJQUVELG9CQUFvQixDQUFDLEtBQWE7UUFDaEMsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRUQsc0JBQXNCO1FBQ3BCLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyQyxDQUFDOzt1SEFqQlUsMEJBQTBCOzJHQUExQiwwQkFBMEIsc1BDVHZDLGc2RUFpRUE7MkZEeERhLDBCQUEwQjtrQkFOdEMsU0FBUzsrQkFDRSw2QkFBNkIsaUJBR3hCLGlCQUFpQixDQUFDLElBQUk7OEJBRzVCLEtBQUs7c0JBQWIsS0FBSztnQkFFSSxrQkFBa0I7c0JBQTNCLE1BQU07Z0JBQ0csb0JBQW9CO3NCQUE3QixNQUFNO2dCQUNHLHNCQUFzQjtzQkFBL0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTm90aWZpY2F0aW9uTW9kYWxNb2RlbCB9IGZyb20gJy4vbm90aWZpY2F0aW9uLW1vZGFsLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktbm90aWZpY2F0aW9uLW1vZGFsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25vdGlmaWNhdGlvbi1tb2RhbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25vdGlmaWNhdGlvbi1tb2RhbC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBOb3RpZmljYXRpb25Nb2RhbENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG1vZGVsPzogTm90aWZpY2F0aW9uTW9kYWxNb2RlbDtcblxuICBAT3V0cHV0KCkgY2xvc2VCdXR0b25DbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgcHJpbWFyeUJ1dHRvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgpIHNlY29uZGFyeUJ1dHRvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgb25DbG9zZUJ1dHRvbkNsaWNrKCkge1xuICAgIHRoaXMuY2xvc2VCdXR0b25DbGlja2VkLmVtaXQoKTtcbiAgfVxuXG4gIG9uUHJpbWFyeUJ1dHRvbkNsaWNrKGV2ZW50OiBzdHJpbmcpIHtcbiAgICB0aGlzLnByaW1hcnlCdXR0b25DbGlja2VkLmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgb25TZWNvbmRhcnlCdXR0b25DbGljaygpIHtcbiAgICB0aGlzLnNlY29uZGFyeUJ1dHRvbkNsaWNrZWQuZW1pdCgpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2Z4IHNmeC1tb2RhbCBub3RpZmljYXRpb24tbW9kYWxcIj5cbiAgPHNlY3Rpb24gY2xhc3M9XCJtb2RhbC1ib2R5IG5vdGlmaWNhdGlvbi1tb2RhbF9fYm9keSBzZngtcC0zMFwiPlxuICAgIDxzeW1waG9ueS1pY29uXG4gICAgICBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9fY2xvc2UtYnV0dG9uXCJcbiAgICAgIFtpY29uXT1cIidzaS1jbG9zZS1tb2RhbCdcIlxuICAgICAgKGNsaWNrZWQpPVwib25DbG9zZUJ1dHRvbkNsaWNrKClcIlxuICAgID48L3N5bXBob255LWljb24+XG5cbiAgICA8ZGl2ICpuZ0lmPVwibW9kZWw/Lmljb24gJiYgbW9kZWwuaWNvbiAhPT0gJydcIiBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9faWNvblwiPlxuICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgW2ljb25dPVwibW9kZWwuaWNvblwiXG4gICAgICAgIFtzaXplXT1cIm1vZGVsPy5pY29uU2l6ZSB8fCAnNjBweCdcIlxuICAgICAgICBbaWNvbkNvbG9yXT1cIm1vZGVsPy5pY29uQ29sb3IgfHwgJyMxNmI3ODMnXCJcbiAgICAgID48L3N5bXBob255LWljb24+XG4gICAgPC9kaXY+XG5cbiAgICA8c3ltcGhvbnktaDNcbiAgICAgICpuZ0lmPVwibW9kZWw/LmhlYWRpbmdcIlxuICAgICAgY2xhc3M9XCJub3RpZmljYXRpb24tbW9kYWxfX2hlYWRpbmdcIlxuICAgICAgW3RleHRdPVwibW9kZWwuaGVhZGluZ1wiXG4gICAgPjwvc3ltcGhvbnktaDM+XG5cbiAgICA8c3ltcGhvbnktcGFyYWdyYXBoICpuZ0lmPVwibW9kZWw/LmJvZHlUZXh0XCIgY2xhc3M9XCJub3RpZmljYXRpb24tbW9kYWxfX21lc3NhZ2VcIj5cbiAgICAgIHt7IG1vZGVsLmJvZHlUZXh0IH19XG4gICAgPC9zeW1waG9ueS1wYXJhZ3JhcGg+XG5cbiAgICA8c2VjdGlvblxuICAgICAgKm5nSWY9XCJtb2RlbD8uc3VtbWFyeVRpdGxlIHx8IG1vZGVsPy5zdW1tYXJ5SXRlbXM/Lmxlbmd0aFwiXG4gICAgICBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9fc3VtbWFyeVwiXG4gICAgPlxuICAgICAgPHN5bXBob255LXBhcmFncmFwaCAqbmdJZj1cIm1vZGVsPy5zdW1tYXJ5VGl0bGVcIiBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9fc3VtbWFyeS10aXRsZVwiPlxuICAgICAgICB7eyBtb2RlbC5zdW1tYXJ5VGl0bGUgfX1cbiAgICAgIDwvc3ltcGhvbnktcGFyYWdyYXBoPlxuXG4gICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBpdGVtIG9mIG1vZGVsPy5zdW1tYXJ5SXRlbXNcIiBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9fc3VtbWFyeS1yb3dcIj5cbiAgICAgICAgPHN5bXBob255LXBhcmFncmFwaCBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9fc3VtbWFyeS1sYWJlbFwiPnt7IGl0ZW0ubGFiZWwgfX08L3N5bXBob255LXBhcmFncmFwaD5cbiAgICAgICAgPHN5bXBob255LXBhcmFncmFwaCBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9fc3VtbWFyeS12YWx1ZVwiPnt7IGl0ZW0udmFsdWUgfX08L3N5bXBob255LXBhcmFncmFwaD5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbbm90aWZpY2F0aW9uLW1vZGFsLWJvZHldXCI+PC9uZy1jb250ZW50PlxuICAgIDwvc2VjdGlvbj5cblxuICAgIDxkaXZcbiAgICAgICpuZ0lmPVwibW9kZWw/LnNlY29uZGFyeUJ1dHRvblRleHQgfHwgbW9kZWw/LnByaW1hcnlCdXR0b25UZXh0XCJcbiAgICAgIGNsYXNzPVwibm90aWZpY2F0aW9uLW1vZGFsX19hY3Rpb25zXCJcbiAgICA+XG4gICAgICA8c3ltcGhvbnktYnV0dG9uLXYyXG4gICAgICAgICpuZ0lmPVwibW9kZWw/LnNlY29uZGFyeUJ1dHRvblRleHRcIlxuICAgICAgICBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9fYnV0dG9uIG5vdGlmaWNhdGlvbi1tb2RhbF9fYnV0dG9uLS1zZWNvbmRhcnlcIlxuICAgICAgICBbdGV4dF09XCJtb2RlbC5zZWNvbmRhcnlCdXR0b25UZXh0XCJcbiAgICAgICAgW2Rpc2FibGVkXT1cIm1vZGVsLnNlY29uZGFyeUJ1dHRvbkRpc2FibGVkXCJcbiAgICAgICAgW2lzU2Vjb25kYXJ5XT1cInRydWVcIlxuICAgICAgICAoY2xpY2tlZCk9XCJvblNlY29uZGFyeUJ1dHRvbkNsaWNrKClcIlxuICAgICAgPjwvc3ltcGhvbnktYnV0dG9uLXYyPlxuXG4gICAgICA8c3ltcGhvbnktYnV0dG9uLXYyXG4gICAgICAgICpuZ0lmPVwibW9kZWw/LnByaW1hcnlCdXR0b25UZXh0XCJcbiAgICAgICAgY2xhc3M9XCJub3RpZmljYXRpb24tbW9kYWxfX2J1dHRvbiBub3RpZmljYXRpb24tbW9kYWxfX2J1dHRvbi0tcHJpbWFyeVwiXG4gICAgICAgIFt0ZXh0XT1cIm1vZGVsLnByaW1hcnlCdXR0b25UZXh0XCJcbiAgICAgICAgW2Rpc2FibGVkXT1cIm1vZGVsLnByaW1hcnlCdXR0b25EaXNhYmxlZFwiXG4gICAgICAgIChjbGlja2VkKT1cIm9uUHJpbWFyeUJ1dHRvbkNsaWNrKCRldmVudClcIlxuICAgICAgPjwvc3ltcGhvbnktYnV0dG9uLXYyPlxuICAgIDwvZGl2PlxuICA8L3NlY3Rpb24+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLW1vZGFsLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9tb2RhbHMvbm90aWZpY2F0aW9uLW1vZGFsL25vdGlmaWNhdGlvbi1tb2RhbC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBOb3RpZmljYXRpb25Nb2RhbE1vZGVsIHtcbiAgaWNvbj86IHN0cmluZztcbiAgaWNvblNpemU/OiBzdHJpbmc7XG4gIGljb25Db2xvcj86IHN0cmluZztcbiAgaGVhZGluZz86IHN0cmluZztcbiAgYm9keVRleHQ/OiBzdHJpbmc7XG4gIHN1bW1hcnlUaXRsZT86IHN0cmluZztcbiAgc3VtbWFyeUl0ZW1zPzogTm90aWZpY2F0aW9uTW9kYWxTdW1tYXJ5SXRlbVtdO1xuICBwcmltYXJ5QnV0dG9uVGV4dD86IHN0cmluZztcbiAgcHJpbWFyeUJ1dHRvbkRpc2FibGVkPzogYm9vbGVhbjtcbiAgc2Vjb25kYXJ5QnV0dG9uVGV4dD86IHN0cmluZztcbiAgc2Vjb25kYXJ5QnV0dG9uRGlzYWJsZWQ/OiBib29sZWFuO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIE5vdGlmaWNhdGlvbk1vZGFsU3VtbWFyeUl0ZW0ge1xuICBsYWJlbDogc3RyaW5nO1xuICB2YWx1ZTogc3RyaW5nO1xufVxuIl19
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { NotificationModalComponent } from './notification-modal.component';
|
|
4
|
+
import { H3Module } from '../../../atoms/h3/h3.module';
|
|
5
|
+
import { ParagraphModule } from '../../../atoms/paragraph/paragraph.module';
|
|
6
|
+
import { ButtonV2Module } from '../../../atoms/button-v2/button.module';
|
|
7
|
+
import { IconModule } from '../../../atoms/icon/icon.module';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export class NotificationModalModule {
|
|
10
|
+
}
|
|
11
|
+
NotificationModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
12
|
+
NotificationModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationModalModule, declarations: [NotificationModalComponent], imports: [CommonModule,
|
|
13
|
+
H3Module,
|
|
14
|
+
ParagraphModule,
|
|
15
|
+
ButtonV2Module,
|
|
16
|
+
IconModule], exports: [NotificationModalComponent] });
|
|
17
|
+
NotificationModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationModalModule, imports: [[
|
|
18
|
+
CommonModule,
|
|
19
|
+
H3Module,
|
|
20
|
+
ParagraphModule,
|
|
21
|
+
ButtonV2Module,
|
|
22
|
+
IconModule,
|
|
23
|
+
]] });
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationModalModule, decorators: [{
|
|
25
|
+
type: NgModule,
|
|
26
|
+
args: [{
|
|
27
|
+
declarations: [NotificationModalComponent],
|
|
28
|
+
imports: [
|
|
29
|
+
CommonModule,
|
|
30
|
+
H3Module,
|
|
31
|
+
ParagraphModule,
|
|
32
|
+
ButtonV2Module,
|
|
33
|
+
IconModule,
|
|
34
|
+
],
|
|
35
|
+
exports: [NotificationModalComponent],
|
|
36
|
+
}]
|
|
37
|
+
}] });
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLW1vZGFsLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvcGFnZXMvbW9kYWxzL25vdGlmaWNhdGlvbi1tb2RhbC9ub3RpZmljYXRpb24tbW9kYWwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDNUUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7QUFhN0QsTUFBTSxPQUFPLHVCQUF1Qjs7b0hBQXZCLHVCQUF1QjtxSEFBdkIsdUJBQXVCLGlCQVZuQiwwQkFBMEIsYUFFdkMsWUFBWTtRQUNaLFFBQVE7UUFDUixlQUFlO1FBQ2YsY0FBYztRQUNkLFVBQVUsYUFFRiwwQkFBMEI7cUhBRXpCLHVCQUF1QixZQVR6QjtZQUNQLFlBQVk7WUFDWixRQUFRO1lBQ1IsZUFBZTtZQUNmLGNBQWM7WUFDZCxVQUFVO1NBQ1g7MkZBR1UsdUJBQXVCO2tCQVhuQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLDBCQUEwQixDQUFDO29CQUMxQyxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixRQUFRO3dCQUNSLGVBQWU7d0JBQ2YsY0FBYzt3QkFDZCxVQUFVO3FCQUNYO29CQUNELE9BQU8sRUFBRSxDQUFDLDBCQUEwQixDQUFDO2lCQUN0QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTm90aWZpY2F0aW9uTW9kYWxDb21wb25lbnQgfSBmcm9tICcuL25vdGlmaWNhdGlvbi1tb2RhbC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSDNNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi9hdG9tcy9oMy9oMy5tb2R1bGUnO1xuaW1wb3J0IHsgUGFyYWdyYXBoTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vYXRvbXMvcGFyYWdyYXBoL3BhcmFncmFwaC5tb2R1bGUnO1xuaW1wb3J0IHsgQnV0dG9uVjJNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi9hdG9tcy9idXR0b24tdjIvYnV0dG9uLm1vZHVsZSc7XG5pbXBvcnQgeyBJY29uTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vYXRvbXMvaWNvbi9pY29uLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW05vdGlmaWNhdGlvbk1vZGFsQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBIM01vZHVsZSxcbiAgICBQYXJhZ3JhcGhNb2R1bGUsXG4gICAgQnV0dG9uVjJNb2R1bGUsXG4gICAgSWNvbk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW05vdGlmaWNhdGlvbk1vZGFsQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgTm90aWZpY2F0aW9uTW9kYWxNb2R1bGUge31cbiJdfQ==
|