@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.
Files changed (31) hide show
  1. package/esm2020/lib/atoms/input-number/input-number.component.mjs +5 -3
  2. package/esm2020/lib/organisms/generate-license-modal/generate-license-modal.component.mjs +1 -1
  3. package/esm2020/lib/pages/modals/notification-modal/notification-modal.component.mjs +38 -0
  4. package/esm2020/lib/pages/modals/notification-modal/notification-modal.model.mjs +2 -0
  5. package/esm2020/lib/pages/modals/notification-modal/notification-modal.module.mjs +38 -0
  6. package/esm2020/projects/component-library/lib/atoms/input-number/input-number.component.mjs +5 -3
  7. package/esm2020/projects/component-library/lib/organisms/generate-license-modal/generate-license-modal.component.mjs +1 -1
  8. package/esm2020/projects/component-library/lib/pages/modals/notification-modal/notification-modal.component.mjs +38 -0
  9. package/esm2020/projects/component-library/lib/pages/modals/notification-modal/notification-modal.model.mjs +2 -0
  10. package/esm2020/projects/component-library/lib/pages/modals/notification-modal/notification-modal.module.mjs +38 -0
  11. package/esm2020/projects/component-library/public-api.mjs +4 -1
  12. package/esm2020/public-api.mjs +4 -1
  13. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +67 -4
  14. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  15. package/fesm2015/symphony-talent-component-library.mjs +67 -4
  16. package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
  17. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +67 -4
  18. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  19. package/fesm2020/symphony-talent-component-library.mjs +67 -4
  20. package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
  21. package/lib/atoms/input-number/input-number.component.d.ts +3 -2
  22. package/lib/pages/modals/notification-modal/notification-modal.component.d.ts +14 -0
  23. package/lib/pages/modals/notification-modal/notification-modal.model.d.ts +17 -0
  24. package/lib/pages/modals/notification-modal/notification-modal.module.d.ts +12 -0
  25. package/package.json +1 -1
  26. package/projects/component-library/lib/atoms/input-number/input-number.component.d.ts +3 -2
  27. package/projects/component-library/lib/pages/modals/notification-modal/notification-modal.component.d.ts +14 -0
  28. package/projects/component-library/lib/pages/modals/notification-modal/notification-modal.model.d.ts +17 -0
  29. package/projects/component-library/lib/pages/modals/notification-modal/notification-modal.module.d.ts +12 -0
  30. package/projects/component-library/public-api.d.ts +3 -0
  31. package/public-api.d.ts +3 -0
package/esm2020/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 class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <label for=\"input-number\" class=\"input-number-label\">{{label}}</label>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <input #input type=\"number\" min=\"1\" name=\"input-number\" class=\"input-number\" autocomplete=\"off\" [(ngModel)]=\"value\"\n (keyup)=\"onValueChange(value)\" oninput=\"validity.valid||(value='')\" />\n </div>\n </div>\n <p class=\"error\" *ngIf=\"value > maxValue\">{{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:1.875rem;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"] }] });
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 class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <label for=\"input-number\" class=\"input-number-label\">{{label}}</label>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <input #input type=\"number\" min=\"1\" name=\"input-number\" class=\"input-number\" autocomplete=\"off\" [(ngModel)]=\"value\"\n (keyup)=\"onValueChange(value)\" oninput=\"validity.valid||(value='')\" />\n </div>\n </div>\n <p class=\"error\" *ngIf=\"value > maxValue\">{{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:1.875rem;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"] }]
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtbnVtYmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvaW5wdXQtbnVtYmVyL2lucHV0LW51bWJlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LW51bWJlci9pbnB1dC1udW1iZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU92RSxNQUFNLE9BQU8sb0JBQW9CO0lBTy9CO1FBRlUsaUJBQVksR0FBeUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUVsRCxDQUFDO0lBRWpCLGFBQWEsQ0FBQyxLQUFLO1FBQ2pCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLENBQUM7O2lIQVhVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLHdMQ1BqQyx3cEJBYU07MkZETk8sb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLHVCQUF1QjswRUFNeEIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDSSxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktaW5wdXQtbnVtYmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2lucHV0LW51bWJlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2lucHV0LW51bWJlci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIElucHV0TnVtYmVyQ29tcG9uZW50IHtcbiAgdmFsdWU6bnVtYmVyO1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xuICBASW5wdXQoKSBtYXhWYWx1ZTogbnVtYmVyO1xuICBASW5wdXQoKSBlcnJvck1lc3NhZ2U6IHN0cmluZztcbiAgQE91dHB1dCgpIHZhbHVlQ2hhbmdlZDogRXZlbnRFbWl0dGVyPG51bWJlcj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBvblZhbHVlQ2hhbmdlKHZhbHVlKXtcbiAgICB0aGlzLnZhbHVlQ2hhbmdlZC5lbWl0KHZhbHVlKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImlucHV0LW51bWJlci13cmFwXCI+XG4gICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTggY29sLXNtLTggY29sLW1kLTggY29sLWxnLThcIj5cbiAgICAgICAgICAgIDxsYWJlbCBmb3I9XCJpbnB1dC1udW1iZXJcIiBjbGFzcz1cImlucHV0LW51bWJlci1sYWJlbFwiPnt7bGFiZWx9fTwvbGFiZWw+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy00IGNvbC1zbS00IGNvbC1tZC00IGNvbC1sZy00XCI+XG4gICAgICAgICAgICA8aW5wdXQgI2lucHV0IHR5cGU9XCJudW1iZXJcIiBtaW49XCIxXCIgbmFtZT1cImlucHV0LW51bWJlclwiIGNsYXNzPVwiaW5wdXQtbnVtYmVyXCIgYXV0b2NvbXBsZXRlPVwib2ZmXCIgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiXG4gICAgICAgICAgICAgICAgKGtleXVwKT1cIm9uVmFsdWVDaGFuZ2UodmFsdWUpXCIgb25pbnB1dD1cInZhbGlkaXR5LnZhbGlkfHwodmFsdWU9JycpXCIgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPHAgY2xhc3M9XCJlcnJvclwiICpuZ0lmPVwidmFsdWUgPiBtYXhWYWx1ZVwiPnt7ZXJyb3JNZXNzYWdlfX08L3A+XG48L2Rpdj4iXX0=
29
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtbnVtYmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvaW5wdXQtbnVtYmVyL2lucHV0LW51bWJlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LW51bWJlci9pbnB1dC1udW1iZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU92RSxNQUFNLE9BQU8sb0JBQW9CO0lBUS9CO1FBRlUsaUJBQVksR0FBeUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUVsRCxDQUFDO0lBRWpCLGFBQWEsQ0FBQyxLQUFLO1FBQ2pCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLENBQUM7O2lIQVpVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLG9OQ1BqQyx3Z0JBU007MkZERk8sb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLHVCQUF1QjswRUFNeEIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNJLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1pbnB1dC1udW1iZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vaW5wdXQtbnVtYmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW5wdXQtbnVtYmVyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgSW5wdXROdW1iZXJDb21wb25lbnQge1xuICB2YWx1ZTpudW1iZXI7XG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XG4gIEBJbnB1dCgpIG1heFZhbHVlOiBudW1iZXI7XG4gIEBJbnB1dCgpIGVycm9yTWVzc2FnZT86IHN0cmluZztcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZWQ6IEV2ZW50RW1pdHRlcjxudW1iZXI+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgb25WYWx1ZUNoYW5nZSh2YWx1ZSl7XG4gICAgdGhpcy52YWx1ZUNoYW5nZWQuZW1pdCh2YWx1ZSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJpbnB1dC1udW1iZXItd3JhcFwiPlxuICAgIDxkaXY+XG4gICAgICAgIDxsYWJlbCBmb3I9XCJpbnB1dC1udW1iZXJcIiBjbGFzcz1cImlucHV0LW51bWJlci1sYWJlbFwiPnt7bGFiZWx9fTwvbGFiZWw+XG4gICAgPC9kaXY+XG4gICAgPGRpdj5cbiAgICAgICAgPGlucHV0ICNpbnB1dCB0eXBlPVwibnVtYmVyXCIgbWluPVwiMVwiIG5hbWU9XCJpbnB1dC1udW1iZXJcIiBjbGFzcz1cImlucHV0LW51bWJlclwiIGF1dG9jb21wbGV0ZT1cIm9mZlwiIFsobmdNb2RlbCldPVwidmFsdWVcIiBwbGFjZWhvbGRlcj1cInt7IHBsYWNlaG9sZGVyIH19XCJcbiAgICAgICAgICAgIChrZXl1cCk9XCJvblZhbHVlQ2hhbmdlKHZhbHVlKVwiIG9uaW5wdXQ9XCJ2YWxpZGl0eS52YWxpZHx8KHZhbHVlPScnKVwiIC8+XG4gICAgPC9kaXY+XG4gICAgPHAgY2xhc3M9XCJlcnJvclwiICpuZ0lmPVwidmFsdWUgPiBtYXhWYWx1ZSAmJiBlcnJvck1lc3NhZ2VcIj57e2Vycm9yTWVzc2FnZX19PC9wPlxuPC9kaXY+Il19
package/esm2020/lib/organisms/generate-license-modal/generate-license-modal.component.mjs CHANGED
@@ -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"] }]
package/esm2020/lib/pages/modals/notification-modal/notification-modal.component.mjs ADDED
@@ -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==
package/esm2020/lib/pages/modals/notification-modal/notification-modal.model.mjs ADDED
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLW1vZGFsLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9tb2RhbHMvbm90aWZpY2F0aW9uLW1vZGFsL25vdGlmaWNhdGlvbi1tb2RhbC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBOb3RpZmljYXRpb25Nb2RhbE1vZGVsIHtcbiAgaWNvbj86IHN0cmluZztcbiAgaWNvblNpemU/OiBzdHJpbmc7XG4gIGljb25Db2xvcj86IHN0cmluZztcbiAgaGVhZGluZz86IHN0cmluZztcbiAgYm9keVRleHQ/OiBzdHJpbmc7XG4gIHN1bW1hcnlUaXRsZT86IHN0cmluZztcbiAgc3VtbWFyeUl0ZW1zPzogTm90aWZpY2F0aW9uTW9kYWxTdW1tYXJ5SXRlbVtdO1xuICBwcmltYXJ5QnV0dG9uVGV4dD86IHN0cmluZztcbiAgcHJpbWFyeUJ1dHRvbkRpc2FibGVkPzogYm9vbGVhbjtcbiAgc2Vjb25kYXJ5QnV0dG9uVGV4dD86IHN0cmluZztcbiAgc2Vjb25kYXJ5QnV0dG9uRGlzYWJsZWQ/OiBib29sZWFuO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIE5vdGlmaWNhdGlvbk1vZGFsU3VtbWFyeUl0ZW0ge1xuICBsYWJlbDogc3RyaW5nO1xuICB2YWx1ZTogc3RyaW5nO1xufVxuIl19
package/esm2020/lib/pages/modals/notification-modal/notification-modal.module.mjs ADDED
@@ -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 class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <label for=\"input-number\" class=\"input-number-label\">{{label}}</label>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <input #input type=\"number\" min=\"1\" name=\"input-number\" class=\"input-number\" autocomplete=\"off\" [(ngModel)]=\"value\"\n (keyup)=\"onValueChange(value)\" oninput=\"validity.valid||(value='')\" />\n </div>\n </div>\n <p class=\"error\" *ngIf=\"value > maxValue\">{{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:1.875rem;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"] }] });
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 class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <label for=\"input-number\" class=\"input-number-label\">{{label}}</label>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <input #input type=\"number\" min=\"1\" name=\"input-number\" class=\"input-number\" autocomplete=\"off\" [(ngModel)]=\"value\"\n (keyup)=\"onValueChange(value)\" oninput=\"validity.valid||(value='')\" />\n </div>\n </div>\n <p class=\"error\" *ngIf=\"value > maxValue\">{{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:1.875rem;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"] }]
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtbnVtYmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvaW5wdXQtbnVtYmVyL2lucHV0LW51bWJlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LW51bWJlci9pbnB1dC1udW1iZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU92RSxNQUFNLE9BQU8sb0JBQW9CO0lBTy9CO1FBRlUsaUJBQVksR0FBeUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUVsRCxDQUFDO0lBRWpCLGFBQWEsQ0FBQyxLQUFLO1FBQ2pCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLENBQUM7O2lIQVhVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLHdMQ1BqQyx3cEJBYU07MkZETk8sb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLHVCQUF1QjswRUFNeEIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDSSxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktaW5wdXQtbnVtYmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2lucHV0LW51bWJlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2lucHV0LW51bWJlci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIElucHV0TnVtYmVyQ29tcG9uZW50IHtcbiAgdmFsdWU6bnVtYmVyO1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xuICBASW5wdXQoKSBtYXhWYWx1ZTogbnVtYmVyO1xuICBASW5wdXQoKSBlcnJvck1lc3NhZ2U6IHN0cmluZztcbiAgQE91dHB1dCgpIHZhbHVlQ2hhbmdlZDogRXZlbnRFbWl0dGVyPG51bWJlcj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBvblZhbHVlQ2hhbmdlKHZhbHVlKXtcbiAgICB0aGlzLnZhbHVlQ2hhbmdlZC5lbWl0KHZhbHVlKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImlucHV0LW51bWJlci13cmFwXCI+XG4gICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTggY29sLXNtLTggY29sLW1kLTggY29sLWxnLThcIj5cbiAgICAgICAgICAgIDxsYWJlbCBmb3I9XCJpbnB1dC1udW1iZXJcIiBjbGFzcz1cImlucHV0LW51bWJlci1sYWJlbFwiPnt7bGFiZWx9fTwvbGFiZWw+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy00IGNvbC1zbS00IGNvbC1tZC00IGNvbC1sZy00XCI+XG4gICAgICAgICAgICA8aW5wdXQgI2lucHV0IHR5cGU9XCJudW1iZXJcIiBtaW49XCIxXCIgbmFtZT1cImlucHV0LW51bWJlclwiIGNsYXNzPVwiaW5wdXQtbnVtYmVyXCIgYXV0b2NvbXBsZXRlPVwib2ZmXCIgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiXG4gICAgICAgICAgICAgICAgKGtleXVwKT1cIm9uVmFsdWVDaGFuZ2UodmFsdWUpXCIgb25pbnB1dD1cInZhbGlkaXR5LnZhbGlkfHwodmFsdWU9JycpXCIgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPHAgY2xhc3M9XCJlcnJvclwiICpuZ0lmPVwidmFsdWUgPiBtYXhWYWx1ZVwiPnt7ZXJyb3JNZXNzYWdlfX08L3A+XG48L2Rpdj4iXX0=
29
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtbnVtYmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvaW5wdXQtbnVtYmVyL2lucHV0LW51bWJlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LW51bWJlci9pbnB1dC1udW1iZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU92RSxNQUFNLE9BQU8sb0JBQW9CO0lBUS9CO1FBRlUsaUJBQVksR0FBeUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUVsRCxDQUFDO0lBRWpCLGFBQWEsQ0FBQyxLQUFLO1FBQ2pCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLENBQUM7O2lIQVpVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLG9OQ1BqQyx3Z0JBU007MkZERk8sb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLHVCQUF1QjswRUFNeEIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNJLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1pbnB1dC1udW1iZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vaW5wdXQtbnVtYmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW5wdXQtbnVtYmVyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgSW5wdXROdW1iZXJDb21wb25lbnQge1xuICB2YWx1ZTpudW1iZXI7XG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XG4gIEBJbnB1dCgpIG1heFZhbHVlOiBudW1iZXI7XG4gIEBJbnB1dCgpIGVycm9yTWVzc2FnZT86IHN0cmluZztcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZWQ6IEV2ZW50RW1pdHRlcjxudW1iZXI+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgb25WYWx1ZUNoYW5nZSh2YWx1ZSl7XG4gICAgdGhpcy52YWx1ZUNoYW5nZWQuZW1pdCh2YWx1ZSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJpbnB1dC1udW1iZXItd3JhcFwiPlxuICAgIDxkaXY+XG4gICAgICAgIDxsYWJlbCBmb3I9XCJpbnB1dC1udW1iZXJcIiBjbGFzcz1cImlucHV0LW51bWJlci1sYWJlbFwiPnt7bGFiZWx9fTwvbGFiZWw+XG4gICAgPC9kaXY+XG4gICAgPGRpdj5cbiAgICAgICAgPGlucHV0ICNpbnB1dCB0eXBlPVwibnVtYmVyXCIgbWluPVwiMVwiIG5hbWU9XCJpbnB1dC1udW1iZXJcIiBjbGFzcz1cImlucHV0LW51bWJlclwiIGF1dG9jb21wbGV0ZT1cIm9mZlwiIFsobmdNb2RlbCldPVwidmFsdWVcIiBwbGFjZWhvbGRlcj1cInt7IHBsYWNlaG9sZGVyIH19XCJcbiAgICAgICAgICAgIChrZXl1cCk9XCJvblZhbHVlQ2hhbmdlKHZhbHVlKVwiIG9uaW5wdXQ9XCJ2YWxpZGl0eS52YWxpZHx8KHZhbHVlPScnKVwiIC8+XG4gICAgPC9kaXY+XG4gICAgPHAgY2xhc3M9XCJlcnJvclwiICpuZ0lmPVwidmFsdWUgPiBtYXhWYWx1ZSAmJiBlcnJvck1lc3NhZ2VcIj57e2Vycm9yTWVzc2FnZX19PC9wPlxuPC9kaXY+Il19
package/esm2020/projects/component-library/lib/organisms/generate-license-modal/generate-license-modal.component.mjs CHANGED
@@ -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"] }]
package/esm2020/projects/component-library/lib/pages/modals/notification-modal/notification-modal.component.mjs ADDED
@@ -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==
package/esm2020/projects/component-library/lib/pages/modals/notification-modal/notification-modal.model.mjs ADDED
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLW1vZGFsLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9tb2RhbHMvbm90aWZpY2F0aW9uLW1vZGFsL25vdGlmaWNhdGlvbi1tb2RhbC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBOb3RpZmljYXRpb25Nb2RhbE1vZGVsIHtcbiAgaWNvbj86IHN0cmluZztcbiAgaWNvblNpemU/OiBzdHJpbmc7XG4gIGljb25Db2xvcj86IHN0cmluZztcbiAgaGVhZGluZz86IHN0cmluZztcbiAgYm9keVRleHQ/OiBzdHJpbmc7XG4gIHN1bW1hcnlUaXRsZT86IHN0cmluZztcbiAgc3VtbWFyeUl0ZW1zPzogTm90aWZpY2F0aW9uTW9kYWxTdW1tYXJ5SXRlbVtdO1xuICBwcmltYXJ5QnV0dG9uVGV4dD86IHN0cmluZztcbiAgcHJpbWFyeUJ1dHRvbkRpc2FibGVkPzogYm9vbGVhbjtcbiAgc2Vjb25kYXJ5QnV0dG9uVGV4dD86IHN0cmluZztcbiAgc2Vjb25kYXJ5QnV0dG9uRGlzYWJsZWQ/OiBib29sZWFuO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIE5vdGlmaWNhdGlvbk1vZGFsU3VtbWFyeUl0ZW0ge1xuICBsYWJlbDogc3RyaW5nO1xuICB2YWx1ZTogc3RyaW5nO1xufVxuIl19
package/esm2020/projects/component-library/lib/pages/modals/notification-modal/notification-modal.module.mjs ADDED
@@ -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==