@symphony-talent/component-library 4.164.0 → 4.165.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 +3 -3
- package/esm2020/lib/molecules/reports-card/reports-card.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/atoms/input-number/input-number.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/molecules/reports-card/reports-card.component.mjs +3 -3
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +4 -4
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +4 -4
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +4 -4
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +4 -4
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -11,10 +11,10 @@ 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=\"
|
|
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"] }] });
|
|
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=\"
|
|
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"] }]
|
|
18
18
|
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
|
19
19
|
type: Input
|
|
20
20
|
}], maxValue: [{
|
|
@@ -24,4 +24,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
24
24
|
}], valueChanged: [{
|
|
25
25
|
type: Output
|
|
26
26
|
}] } });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtbnVtYmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvaW5wdXQtbnVtYmVyL2lucHV0LW51bWJlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LW51bWJlci9pbnB1dC1udW1iZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU92RSxNQUFNLE9BQU8sb0JBQW9CO0lBTy9CO1FBRlUsaUJBQVksR0FBeUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUVsRCxDQUFDO0lBRWpCLGFBQWEsQ0FBQyxLQUFLO1FBQ2pCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLENBQUM7O2lIQVhVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLHdMQ1BqQyx3cEJBYU07MkZETk8sb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLHVCQUF1QjswRUFNeEIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDSSxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktaW5wdXQtbnVtYmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2lucHV0LW51bWJlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2lucHV0LW51bWJlci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIElucHV0TnVtYmVyQ29tcG9uZW50IHtcbiAgdmFsdWU6bnVtYmVyO1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xuICBASW5wdXQoKSBtYXhWYWx1ZTogbnVtYmVyO1xuICBASW5wdXQoKSBlcnJvck1lc3NhZ2U6IHN0cmluZztcbiAgQE91dHB1dCgpIHZhbHVlQ2hhbmdlZDogRXZlbnRFbWl0dGVyPG51bWJlcj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBvblZhbHVlQ2hhbmdlKHZhbHVlKXtcbiAgICB0aGlzLnZhbHVlQ2hhbmdlZC5lbWl0KHZhbHVlKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImlucHV0LW51bWJlci13cmFwXCI+XG4gICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTggY29sLXNtLTggY29sLW1kLTggY29sLWxnLThcIj5cbiAgICAgICAgICAgIDxsYWJlbCBmb3I9XCJpbnB1dC1udW1iZXJcIiBjbGFzcz1cImlucHV0LW51bWJlci1sYWJlbFwiPnt7bGFiZWx9fTwvbGFiZWw+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy00IGNvbC1zbS00IGNvbC1tZC00IGNvbC1sZy00XCI+XG4gICAgICAgICAgICA8aW5wdXQgI2lucHV0IHR5cGU9XCJudW1iZXJcIiBtaW49XCIxXCIgbmFtZT1cImlucHV0LW51bWJlclwiIGNsYXNzPVwiaW5wdXQtbnVtYmVyXCIgYXV0b2NvbXBsZXRlPVwib2ZmXCIgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiXG4gICAgICAgICAgICAgICAgKGtleXVwKT1cIm9uVmFsdWVDaGFuZ2UodmFsdWUpXCIgb25pbnB1dD1cInZhbGlkaXR5LnZhbGlkfHwodmFsdWU9JycpXCIgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPHAgY2xhc3M9XCJlcnJvclwiICpuZ0lmPVwidmFsdWUgPiBtYXhWYWx1ZVwiPnt7ZXJyb3JNZXNzYWdlfX08L3A+XG48L2Rpdj4iXX0=
|
|
@@ -14,13 +14,13 @@ export class ReportsCardComponent {
|
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
ReportsCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
ReportsCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ReportsCardComponent, selector: "symphony-reports-card", inputs: { reportsCardModel: "reportsCardModel" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div *ngIf=\"!reportsCardModel.enabled\" class=\"reports-card-item-wrapper\" id=\"reports-card-item-{{ reportsCardModel.title | trimId}}\">\n <div class=\"reports-card-item-disabled\">\n <div class=\"reports-card-title-wrap sfx-d-flex\">\n <div class=\"reports-card-icon\">\n <symphony-icon [icon]=\"reportsCardModel.cardIcon\"></symphony-icon>\n </div>\n <div class=\"reports-card-title\">\n <symphony-h4>{{ reportsCardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"
|
|
17
|
+
ReportsCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ReportsCardComponent, selector: "symphony-reports-card", inputs: { reportsCardModel: "reportsCardModel" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div *ngIf=\"!reportsCardModel.enabled\" class=\"reports-card-item-wrapper\" id=\"reports-card-item-{{ reportsCardModel.title | trimId}}\">\n <div class=\"reports-card-item-disabled\">\n <div class=\"reports-card-title-wrap sfx-d-flex\">\n <div class=\"reports-card-icon\">\n <symphony-icon [icon]=\"reportsCardModel.cardIcon\"></symphony-icon>\n </div>\n <div class=\"reports-card-title\">\n <symphony-h4>{{ reportsCardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"report-card-description\" title=\"{{ reportsCardModel.description }}\">\n <symphony-paragraph>{{ reportsCardModel.description }}</symphony-paragraph>\n </div>\n <div *ngIf=\"reportsCardModel.disabledMessage\" class=\"reports-card-info-wrap sfx-d-flex\">\n <div class=\"reports-card-info-icon\">\n <symphony-icon [icon]=\"reportsCardModel.disabledMessageIcon\"></symphony-icon>\n </div>\n <div class=\"reports-card-title\">\n <symphony-paragraph>{{ reportsCardModel.disabledMessage }}</symphony-paragraph>\n </div>\n </div>\n <div *ngIf=\"reportsCardModel.disabledMessageLinkValue\" class=\"reports-card-link\">\n <a href=\"{{reportsCardModel.disabledMessageLinkValue}}\">{{reportsCardModel.disabledMessageLinkText}}</a>\n </div>\n </div>\n</div>\n<div *ngIf=\"reportsCardModel.enabled\" class=\"reports-card-item-wrapper\" id=\"reports-card-item-{{ reportsCardModel.title | trimId}}\">\n <div class=\"reports-card-item-enabled\" (click)=\"onClick()\">\n <div class=\"reports-card-title-wrap sfx-d-flex\">\n <div class=\"reports-card-icon\">\n <symphony-icon [icon]=\"reportsCardModel.cardIcon\"></symphony-icon>\n </div>\n <div class=\"reports-card-title\">\n <symphony-h4>{{ reportsCardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"report-card-description\" title=\"{{ reportsCardModel.description }}\">\n <symphony-paragraph>{{ reportsCardModel.description }}</symphony-paragraph>\n </div>\n </div>\n </div>", styles: [".reports-card-item-wrapper{position:relative;width:100%;height:190px}.reports-card-item-disabled{width:100%;height:100%;border-radius:10px;padding:20px;border:2px #82919F dashed;cursor:context-menu;opacity:.3}.reports-card-item-disabled .report-card-description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.reports-card-item-enabled{width:100%;height:100%;box-shadow:0 2px 10px rgba(0,0,0,.2);border-radius:10px;padding:20px;border:2px solid transparent;cursor:pointer}.reports-card-item-enabled:hover{box-shadow:none;border-color:#82919f}.reports-card-item-enabled .report-card-description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.reports-card-title-wrap{margin-bottom:11px;align-items:baseline}.reports-card-icon{padding-right:15px;color:#334860}.reports-card-info-wrap{margin-top:1rem;align-items:baseline}.reports-card-info-icon{padding-right:7px;color:#f0001e}.reports-card-link{font-weight:500;color:#801afc;cursor:pointer;margin-left:25px}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "trimId": i5.TrimIdPipe } });
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: 'symphony-reports-card', template: "<div *ngIf=\"!reportsCardModel.enabled\" class=\"reports-card-item-wrapper\" id=\"reports-card-item-{{ reportsCardModel.title | trimId}}\">\n <div class=\"reports-card-item-disabled\">\n <div class=\"reports-card-title-wrap sfx-d-flex\">\n <div class=\"reports-card-icon\">\n <symphony-icon [icon]=\"reportsCardModel.cardIcon\"></symphony-icon>\n </div>\n <div class=\"reports-card-title\">\n <symphony-h4>{{ reportsCardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"
|
|
20
|
+
args: [{ selector: 'symphony-reports-card', template: "<div *ngIf=\"!reportsCardModel.enabled\" class=\"reports-card-item-wrapper\" id=\"reports-card-item-{{ reportsCardModel.title | trimId}}\">\n <div class=\"reports-card-item-disabled\">\n <div class=\"reports-card-title-wrap sfx-d-flex\">\n <div class=\"reports-card-icon\">\n <symphony-icon [icon]=\"reportsCardModel.cardIcon\"></symphony-icon>\n </div>\n <div class=\"reports-card-title\">\n <symphony-h4>{{ reportsCardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"report-card-description\" title=\"{{ reportsCardModel.description }}\">\n <symphony-paragraph>{{ reportsCardModel.description }}</symphony-paragraph>\n </div>\n <div *ngIf=\"reportsCardModel.disabledMessage\" class=\"reports-card-info-wrap sfx-d-flex\">\n <div class=\"reports-card-info-icon\">\n <symphony-icon [icon]=\"reportsCardModel.disabledMessageIcon\"></symphony-icon>\n </div>\n <div class=\"reports-card-title\">\n <symphony-paragraph>{{ reportsCardModel.disabledMessage }}</symphony-paragraph>\n </div>\n </div>\n <div *ngIf=\"reportsCardModel.disabledMessageLinkValue\" class=\"reports-card-link\">\n <a href=\"{{reportsCardModel.disabledMessageLinkValue}}\">{{reportsCardModel.disabledMessageLinkText}}</a>\n </div>\n </div>\n</div>\n<div *ngIf=\"reportsCardModel.enabled\" class=\"reports-card-item-wrapper\" id=\"reports-card-item-{{ reportsCardModel.title | trimId}}\">\n <div class=\"reports-card-item-enabled\" (click)=\"onClick()\">\n <div class=\"reports-card-title-wrap sfx-d-flex\">\n <div class=\"reports-card-icon\">\n <symphony-icon [icon]=\"reportsCardModel.cardIcon\"></symphony-icon>\n </div>\n <div class=\"reports-card-title\">\n <symphony-h4>{{ reportsCardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"report-card-description\" title=\"{{ reportsCardModel.description }}\">\n <symphony-paragraph>{{ reportsCardModel.description }}</symphony-paragraph>\n </div>\n </div>\n </div>", styles: [".reports-card-item-wrapper{position:relative;width:100%;height:190px}.reports-card-item-disabled{width:100%;height:100%;border-radius:10px;padding:20px;border:2px #82919F dashed;cursor:context-menu;opacity:.3}.reports-card-item-disabled .report-card-description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.reports-card-item-enabled{width:100%;height:100%;box-shadow:0 2px 10px rgba(0,0,0,.2);border-radius:10px;padding:20px;border:2px solid transparent;cursor:pointer}.reports-card-item-enabled:hover{box-shadow:none;border-color:#82919f}.reports-card-item-enabled .report-card-description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.reports-card-title-wrap{margin-bottom:11px;align-items:baseline}.reports-card-icon{padding-right:15px;color:#334860}.reports-card-info-wrap{margin-top:1rem;align-items:baseline}.reports-card-info-icon{padding-right:7px;color:#f0001e}.reports-card-link{font-weight:500;color:#801afc;cursor:pointer;margin-left:25px}\n"] }]
|
|
21
21
|
}], ctorParameters: function () { return []; }, propDecorators: { reportsCardModel: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}], clicked: [{
|
|
24
24
|
type: Output
|
|
25
25
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVwb3J0cy1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL3JlcG9ydHMtY2FyZC9yZXBvcnRzLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvcmVwb3J0cy1jYXJkL3JlcG9ydHMtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBUS9FLE1BQU0sT0FBTyxvQkFBb0I7SUFJL0I7UUFGVSxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQW9CLENBQUM7SUFFekMsQ0FBQztJQUVqQixPQUFPO1FBQ0wsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGdCQUFvQyxDQUFDLENBQUM7SUFDL0QsQ0FBQzs7aUhBUlUsb0JBQW9CO3FHQUFwQixvQkFBb0IsZ0pDUmpDLDZxRUF3Q1E7MkZEaENLLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSx1QkFBdUI7MEVBS3hCLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVwb3J0c0NhcmRNb2RlbCB9IGZyb20gJy4vcmVwb3J0cy1jYXJkLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktcmVwb3J0cy1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3JlcG9ydHMtY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3JlcG9ydHMtY2FyZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFJlcG9ydHNDYXJkQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcmVwb3J0c0NhcmRNb2RlbDpSZXBvcnRzQ2FyZE1vZGVsO1xuICBAT3V0cHV0KCkgY2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8UmVwb3J0c0NhcmRNb2RlbD4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG9uQ2xpY2soKSB7XG4gICAgdGhpcy5jbGlja2VkLmVtaXQodGhpcy5yZXBvcnRzQ2FyZE1vZGVsIGFzIFJlcG9ydHNDYXJkTW9kZWwpO1xuICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwiIXJlcG9ydHNDYXJkTW9kZWwuZW5hYmxlZFwiIGNsYXNzPVwicmVwb3J0cy1jYXJkLWl0ZW0td3JhcHBlclwiIGlkPVwicmVwb3J0cy1jYXJkLWl0ZW0te3sgcmVwb3J0c0NhcmRNb2RlbC50aXRsZSB8IHRyaW1JZH19XCI+XG4gICAgPGRpdiBjbGFzcz1cInJlcG9ydHMtY2FyZC1pdGVtLWRpc2FibGVkXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJyZXBvcnRzLWNhcmQtdGl0bGUtd3JhcCBzZngtZC1mbGV4XCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicmVwb3J0cy1jYXJkLWljb25cIj5cbiAgICAgICAgICAgICAgICA8c3ltcGhvbnktaWNvbiBbaWNvbl09XCJyZXBvcnRzQ2FyZE1vZGVsLmNhcmRJY29uXCI+PC9zeW1waG9ueS1pY29uPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicmVwb3J0cy1jYXJkLXRpdGxlXCI+XG4gICAgICAgICAgICAgICAgPHN5bXBob255LWg0Pnt7IHJlcG9ydHNDYXJkTW9kZWwudGl0bGUgfX08L3N5bXBob255LWg0PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwicmVwb3J0LWNhcmQtZGVzY3JpcHRpb25cIiB0aXRsZT1cInt7IHJlcG9ydHNDYXJkTW9kZWwuZGVzY3JpcHRpb24gfX1cIj5cbiAgICAgICAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGg+e3sgcmVwb3J0c0NhcmRNb2RlbC5kZXNjcmlwdGlvbiB9fTwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiAqbmdJZj1cInJlcG9ydHNDYXJkTW9kZWwuZGlzYWJsZWRNZXNzYWdlXCIgY2xhc3M9XCJyZXBvcnRzLWNhcmQtaW5mby13cmFwIHNmeC1kLWZsZXhcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyZXBvcnRzLWNhcmQtaW5mby1pY29uXCI+XG4gICAgICAgICAgICAgICAgPHN5bXBob255LWljb24gW2ljb25dPVwicmVwb3J0c0NhcmRNb2RlbC5kaXNhYmxlZE1lc3NhZ2VJY29uXCI+PC9zeW1waG9ueS1pY29uPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicmVwb3J0cy1jYXJkLXRpdGxlXCI+XG4gICAgICAgICAgICAgICAgPHN5bXBob255LXBhcmFncmFwaD57eyByZXBvcnRzQ2FyZE1vZGVsLmRpc2FibGVkTWVzc2FnZSB9fTwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2ICpuZ0lmPVwicmVwb3J0c0NhcmRNb2RlbC5kaXNhYmxlZE1lc3NhZ2VMaW5rVmFsdWVcIiBjbGFzcz1cInJlcG9ydHMtY2FyZC1saW5rXCI+XG4gICAgICAgICAgICA8YSBocmVmPVwie3tyZXBvcnRzQ2FyZE1vZGVsLmRpc2FibGVkTWVzc2FnZUxpbmtWYWx1ZX19XCI+e3tyZXBvcnRzQ2FyZE1vZGVsLmRpc2FibGVkTWVzc2FnZUxpbmtUZXh0fX08L2E+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+XG48ZGl2ICpuZ0lmPVwicmVwb3J0c0NhcmRNb2RlbC5lbmFibGVkXCIgY2xhc3M9XCJyZXBvcnRzLWNhcmQtaXRlbS13cmFwcGVyXCIgaWQ9XCJyZXBvcnRzLWNhcmQtaXRlbS17eyByZXBvcnRzQ2FyZE1vZGVsLnRpdGxlIHwgdHJpbUlkfX1cIj5cbiAgICA8ZGl2IGNsYXNzPVwicmVwb3J0cy1jYXJkLWl0ZW0tZW5hYmxlZFwiIChjbGljayk9XCJvbkNsaWNrKClcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJyZXBvcnRzLWNhcmQtdGl0bGUtd3JhcCBzZngtZC1mbGV4XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJyZXBvcnRzLWNhcmQtaWNvblwiPlxuICAgICAgICAgIDxzeW1waG9ueS1pY29uIFtpY29uXT1cInJlcG9ydHNDYXJkTW9kZWwuY2FyZEljb25cIj48L3N5bXBob255LWljb24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwicmVwb3J0cy1jYXJkLXRpdGxlXCI+XG4gICAgICAgICAgPHN5bXBob255LWg0Pnt7IHJlcG9ydHNDYXJkTW9kZWwudGl0bGUgfX08L3N5bXBob255LWg0PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cInJlcG9ydC1jYXJkLWRlc2NyaXB0aW9uXCIgdGl0bGU9XCJ7eyByZXBvcnRzQ2FyZE1vZGVsLmRlc2NyaXB0aW9uIH19XCI+XG4gICAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGg+e3sgcmVwb3J0c0NhcmRNb2RlbC5kZXNjcmlwdGlvbiB9fTwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PiJdfQ==
|
package/esm2020/projects/component-library/lib/atoms/input-number/input-number.component.mjs
CHANGED
|
@@ -11,10 +11,10 @@ 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=\"
|
|
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"] }] });
|
|
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=\"
|
|
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"] }]
|
|
18
18
|
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
|
19
19
|
type: Input
|
|
20
20
|
}], maxValue: [{
|
|
@@ -24,4 +24,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
24
24
|
}], valueChanged: [{
|
|
25
25
|
type: Output
|
|
26
26
|
}] } });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtbnVtYmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvaW5wdXQtbnVtYmVyL2lucHV0LW51bWJlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LW51bWJlci9pbnB1dC1udW1iZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU92RSxNQUFNLE9BQU8sb0JBQW9CO0lBTy9CO1FBRlUsaUJBQVksR0FBeUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUVsRCxDQUFDO0lBRWpCLGFBQWEsQ0FBQyxLQUFLO1FBQ2pCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLENBQUM7O2lIQVhVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLHdMQ1BqQyx3cEJBYU07MkZETk8sb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLHVCQUF1QjswRUFNeEIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDSSxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktaW5wdXQtbnVtYmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2lucHV0LW51bWJlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2lucHV0LW51bWJlci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIElucHV0TnVtYmVyQ29tcG9uZW50IHtcbiAgdmFsdWU6bnVtYmVyO1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xuICBASW5wdXQoKSBtYXhWYWx1ZTogbnVtYmVyO1xuICBASW5wdXQoKSBlcnJvck1lc3NhZ2U6IHN0cmluZztcbiAgQE91dHB1dCgpIHZhbHVlQ2hhbmdlZDogRXZlbnRFbWl0dGVyPG51bWJlcj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBvblZhbHVlQ2hhbmdlKHZhbHVlKXtcbiAgICB0aGlzLnZhbHVlQ2hhbmdlZC5lbWl0KHZhbHVlKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImlucHV0LW51bWJlci13cmFwXCI+XG4gICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTggY29sLXNtLTggY29sLW1kLTggY29sLWxnLThcIj5cbiAgICAgICAgICAgIDxsYWJlbCBmb3I9XCJpbnB1dC1udW1iZXJcIiBjbGFzcz1cImlucHV0LW51bWJlci1sYWJlbFwiPnt7bGFiZWx9fTwvbGFiZWw+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy00IGNvbC1zbS00IGNvbC1tZC00IGNvbC1sZy00XCI+XG4gICAgICAgICAgICA8aW5wdXQgI2lucHV0IHR5cGU9XCJudW1iZXJcIiBtaW49XCIxXCIgbmFtZT1cImlucHV0LW51bWJlclwiIGNsYXNzPVwiaW5wdXQtbnVtYmVyXCIgYXV0b2NvbXBsZXRlPVwib2ZmXCIgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiXG4gICAgICAgICAgICAgICAgKGtleXVwKT1cIm9uVmFsdWVDaGFuZ2UodmFsdWUpXCIgb25pbnB1dD1cInZhbGlkaXR5LnZhbGlkfHwodmFsdWU9JycpXCIgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPHAgY2xhc3M9XCJlcnJvclwiICpuZ0lmPVwidmFsdWUgPiBtYXhWYWx1ZVwiPnt7ZXJyb3JNZXNzYWdlfX08L3A+XG48L2Rpdj4iXX0=
|
package/esm2020/projects/component-library/lib/molecules/reports-card/reports-card.component.mjs
CHANGED
|
@@ -14,13 +14,13 @@ export class ReportsCardComponent {
|
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
ReportsCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
ReportsCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ReportsCardComponent, selector: "symphony-reports-card", inputs: { reportsCardModel: "reportsCardModel" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div *ngIf=\"!reportsCardModel.enabled\" class=\"reports-card-item-wrapper\" id=\"reports-card-item-{{ reportsCardModel.title | trimId}}\">\n <div class=\"reports-card-item-disabled\">\n <div class=\"reports-card-title-wrap sfx-d-flex\">\n <div class=\"reports-card-icon\">\n <symphony-icon [icon]=\"reportsCardModel.cardIcon\"></symphony-icon>\n </div>\n <div class=\"reports-card-title\">\n <symphony-h4>{{ reportsCardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"
|
|
17
|
+
ReportsCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ReportsCardComponent, selector: "symphony-reports-card", inputs: { reportsCardModel: "reportsCardModel" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div *ngIf=\"!reportsCardModel.enabled\" class=\"reports-card-item-wrapper\" id=\"reports-card-item-{{ reportsCardModel.title | trimId}}\">\n <div class=\"reports-card-item-disabled\">\n <div class=\"reports-card-title-wrap sfx-d-flex\">\n <div class=\"reports-card-icon\">\n <symphony-icon [icon]=\"reportsCardModel.cardIcon\"></symphony-icon>\n </div>\n <div class=\"reports-card-title\">\n <symphony-h4>{{ reportsCardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"report-card-description\" title=\"{{ reportsCardModel.description }}\">\n <symphony-paragraph>{{ reportsCardModel.description }}</symphony-paragraph>\n </div>\n <div *ngIf=\"reportsCardModel.disabledMessage\" class=\"reports-card-info-wrap sfx-d-flex\">\n <div class=\"reports-card-info-icon\">\n <symphony-icon [icon]=\"reportsCardModel.disabledMessageIcon\"></symphony-icon>\n </div>\n <div class=\"reports-card-title\">\n <symphony-paragraph>{{ reportsCardModel.disabledMessage }}</symphony-paragraph>\n </div>\n </div>\n <div *ngIf=\"reportsCardModel.disabledMessageLinkValue\" class=\"reports-card-link\">\n <a href=\"{{reportsCardModel.disabledMessageLinkValue}}\">{{reportsCardModel.disabledMessageLinkText}}</a>\n </div>\n </div>\n</div>\n<div *ngIf=\"reportsCardModel.enabled\" class=\"reports-card-item-wrapper\" id=\"reports-card-item-{{ reportsCardModel.title | trimId}}\">\n <div class=\"reports-card-item-enabled\" (click)=\"onClick()\">\n <div class=\"reports-card-title-wrap sfx-d-flex\">\n <div class=\"reports-card-icon\">\n <symphony-icon [icon]=\"reportsCardModel.cardIcon\"></symphony-icon>\n </div>\n <div class=\"reports-card-title\">\n <symphony-h4>{{ reportsCardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"report-card-description\" title=\"{{ reportsCardModel.description }}\">\n <symphony-paragraph>{{ reportsCardModel.description }}</symphony-paragraph>\n </div>\n </div>\n </div>", styles: [".reports-card-item-wrapper{position:relative;width:100%;height:190px}.reports-card-item-disabled{width:100%;height:100%;border-radius:10px;padding:20px;border:2px #82919F dashed;cursor:context-menu;opacity:.3}.reports-card-item-disabled .report-card-description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.reports-card-item-enabled{width:100%;height:100%;box-shadow:0 2px 10px rgba(0,0,0,.2);border-radius:10px;padding:20px;border:2px solid transparent;cursor:pointer}.reports-card-item-enabled:hover{box-shadow:none;border-color:#82919f}.reports-card-item-enabled .report-card-description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.reports-card-title-wrap{margin-bottom:11px;align-items:baseline}.reports-card-icon{padding-right:15px;color:#334860}.reports-card-info-wrap{margin-top:1rem;align-items:baseline}.reports-card-info-icon{padding-right:7px;color:#f0001e}.reports-card-link{font-weight:500;color:#801afc;cursor:pointer;margin-left:25px}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "trimId": i5.TrimIdPipe } });
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: 'symphony-reports-card', template: "<div *ngIf=\"!reportsCardModel.enabled\" class=\"reports-card-item-wrapper\" id=\"reports-card-item-{{ reportsCardModel.title | trimId}}\">\n <div class=\"reports-card-item-disabled\">\n <div class=\"reports-card-title-wrap sfx-d-flex\">\n <div class=\"reports-card-icon\">\n <symphony-icon [icon]=\"reportsCardModel.cardIcon\"></symphony-icon>\n </div>\n <div class=\"reports-card-title\">\n <symphony-h4>{{ reportsCardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"
|
|
20
|
+
args: [{ selector: 'symphony-reports-card', template: "<div *ngIf=\"!reportsCardModel.enabled\" class=\"reports-card-item-wrapper\" id=\"reports-card-item-{{ reportsCardModel.title | trimId}}\">\n <div class=\"reports-card-item-disabled\">\n <div class=\"reports-card-title-wrap sfx-d-flex\">\n <div class=\"reports-card-icon\">\n <symphony-icon [icon]=\"reportsCardModel.cardIcon\"></symphony-icon>\n </div>\n <div class=\"reports-card-title\">\n <symphony-h4>{{ reportsCardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"report-card-description\" title=\"{{ reportsCardModel.description }}\">\n <symphony-paragraph>{{ reportsCardModel.description }}</symphony-paragraph>\n </div>\n <div *ngIf=\"reportsCardModel.disabledMessage\" class=\"reports-card-info-wrap sfx-d-flex\">\n <div class=\"reports-card-info-icon\">\n <symphony-icon [icon]=\"reportsCardModel.disabledMessageIcon\"></symphony-icon>\n </div>\n <div class=\"reports-card-title\">\n <symphony-paragraph>{{ reportsCardModel.disabledMessage }}</symphony-paragraph>\n </div>\n </div>\n <div *ngIf=\"reportsCardModel.disabledMessageLinkValue\" class=\"reports-card-link\">\n <a href=\"{{reportsCardModel.disabledMessageLinkValue}}\">{{reportsCardModel.disabledMessageLinkText}}</a>\n </div>\n </div>\n</div>\n<div *ngIf=\"reportsCardModel.enabled\" class=\"reports-card-item-wrapper\" id=\"reports-card-item-{{ reportsCardModel.title | trimId}}\">\n <div class=\"reports-card-item-enabled\" (click)=\"onClick()\">\n <div class=\"reports-card-title-wrap sfx-d-flex\">\n <div class=\"reports-card-icon\">\n <symphony-icon [icon]=\"reportsCardModel.cardIcon\"></symphony-icon>\n </div>\n <div class=\"reports-card-title\">\n <symphony-h4>{{ reportsCardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"report-card-description\" title=\"{{ reportsCardModel.description }}\">\n <symphony-paragraph>{{ reportsCardModel.description }}</symphony-paragraph>\n </div>\n </div>\n </div>", styles: [".reports-card-item-wrapper{position:relative;width:100%;height:190px}.reports-card-item-disabled{width:100%;height:100%;border-radius:10px;padding:20px;border:2px #82919F dashed;cursor:context-menu;opacity:.3}.reports-card-item-disabled .report-card-description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.reports-card-item-enabled{width:100%;height:100%;box-shadow:0 2px 10px rgba(0,0,0,.2);border-radius:10px;padding:20px;border:2px solid transparent;cursor:pointer}.reports-card-item-enabled:hover{box-shadow:none;border-color:#82919f}.reports-card-item-enabled .report-card-description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.reports-card-title-wrap{margin-bottom:11px;align-items:baseline}.reports-card-icon{padding-right:15px;color:#334860}.reports-card-info-wrap{margin-top:1rem;align-items:baseline}.reports-card-info-icon{padding-right:7px;color:#f0001e}.reports-card-link{font-weight:500;color:#801afc;cursor:pointer;margin-left:25px}\n"] }]
|
|
21
21
|
}], ctorParameters: function () { return []; }, propDecorators: { reportsCardModel: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}], clicked: [{
|
|
24
24
|
type: Output
|
|
25
25
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVwb3J0cy1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL3JlcG9ydHMtY2FyZC9yZXBvcnRzLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvcmVwb3J0cy1jYXJkL3JlcG9ydHMtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBUS9FLE1BQU0sT0FBTyxvQkFBb0I7SUFJL0I7UUFGVSxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQW9CLENBQUM7SUFFekMsQ0FBQztJQUVqQixPQUFPO1FBQ0wsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGdCQUFvQyxDQUFDLENBQUM7SUFDL0QsQ0FBQzs7aUhBUlUsb0JBQW9CO3FHQUFwQixvQkFBb0IsZ0pDUmpDLDZxRUF3Q1E7MkZEaENLLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSx1QkFBdUI7MEVBS3hCLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVwb3J0c0NhcmRNb2RlbCB9IGZyb20gJy4vcmVwb3J0cy1jYXJkLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktcmVwb3J0cy1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3JlcG9ydHMtY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3JlcG9ydHMtY2FyZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFJlcG9ydHNDYXJkQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcmVwb3J0c0NhcmRNb2RlbDpSZXBvcnRzQ2FyZE1vZGVsO1xuICBAT3V0cHV0KCkgY2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8UmVwb3J0c0NhcmRNb2RlbD4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG9uQ2xpY2soKSB7XG4gICAgdGhpcy5jbGlja2VkLmVtaXQodGhpcy5yZXBvcnRzQ2FyZE1vZGVsIGFzIFJlcG9ydHNDYXJkTW9kZWwpO1xuICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwiIXJlcG9ydHNDYXJkTW9kZWwuZW5hYmxlZFwiIGNsYXNzPVwicmVwb3J0cy1jYXJkLWl0ZW0td3JhcHBlclwiIGlkPVwicmVwb3J0cy1jYXJkLWl0ZW0te3sgcmVwb3J0c0NhcmRNb2RlbC50aXRsZSB8IHRyaW1JZH19XCI+XG4gICAgPGRpdiBjbGFzcz1cInJlcG9ydHMtY2FyZC1pdGVtLWRpc2FibGVkXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJyZXBvcnRzLWNhcmQtdGl0bGUtd3JhcCBzZngtZC1mbGV4XCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicmVwb3J0cy1jYXJkLWljb25cIj5cbiAgICAgICAgICAgICAgICA8c3ltcGhvbnktaWNvbiBbaWNvbl09XCJyZXBvcnRzQ2FyZE1vZGVsLmNhcmRJY29uXCI+PC9zeW1waG9ueS1pY29uPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicmVwb3J0cy1jYXJkLXRpdGxlXCI+XG4gICAgICAgICAgICAgICAgPHN5bXBob255LWg0Pnt7IHJlcG9ydHNDYXJkTW9kZWwudGl0bGUgfX08L3N5bXBob255LWg0PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwicmVwb3J0LWNhcmQtZGVzY3JpcHRpb25cIiB0aXRsZT1cInt7IHJlcG9ydHNDYXJkTW9kZWwuZGVzY3JpcHRpb24gfX1cIj5cbiAgICAgICAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGg+e3sgcmVwb3J0c0NhcmRNb2RlbC5kZXNjcmlwdGlvbiB9fTwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiAqbmdJZj1cInJlcG9ydHNDYXJkTW9kZWwuZGlzYWJsZWRNZXNzYWdlXCIgY2xhc3M9XCJyZXBvcnRzLWNhcmQtaW5mby13cmFwIHNmeC1kLWZsZXhcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyZXBvcnRzLWNhcmQtaW5mby1pY29uXCI+XG4gICAgICAgICAgICAgICAgPHN5bXBob255LWljb24gW2ljb25dPVwicmVwb3J0c0NhcmRNb2RlbC5kaXNhYmxlZE1lc3NhZ2VJY29uXCI+PC9zeW1waG9ueS1pY29uPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicmVwb3J0cy1jYXJkLXRpdGxlXCI+XG4gICAgICAgICAgICAgICAgPHN5bXBob255LXBhcmFncmFwaD57eyByZXBvcnRzQ2FyZE1vZGVsLmRpc2FibGVkTWVzc2FnZSB9fTwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2ICpuZ0lmPVwicmVwb3J0c0NhcmRNb2RlbC5kaXNhYmxlZE1lc3NhZ2VMaW5rVmFsdWVcIiBjbGFzcz1cInJlcG9ydHMtY2FyZC1saW5rXCI+XG4gICAgICAgICAgICA8YSBocmVmPVwie3tyZXBvcnRzQ2FyZE1vZGVsLmRpc2FibGVkTWVzc2FnZUxpbmtWYWx1ZX19XCI+e3tyZXBvcnRzQ2FyZE1vZGVsLmRpc2FibGVkTWVzc2FnZUxpbmtUZXh0fX08L2E+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+XG48ZGl2ICpuZ0lmPVwicmVwb3J0c0NhcmRNb2RlbC5lbmFibGVkXCIgY2xhc3M9XCJyZXBvcnRzLWNhcmQtaXRlbS13cmFwcGVyXCIgaWQ9XCJyZXBvcnRzLWNhcmQtaXRlbS17eyByZXBvcnRzQ2FyZE1vZGVsLnRpdGxlIHwgdHJpbUlkfX1cIj5cbiAgICA8ZGl2IGNsYXNzPVwicmVwb3J0cy1jYXJkLWl0ZW0tZW5hYmxlZFwiIChjbGljayk9XCJvbkNsaWNrKClcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJyZXBvcnRzLWNhcmQtdGl0bGUtd3JhcCBzZngtZC1mbGV4XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJyZXBvcnRzLWNhcmQtaWNvblwiPlxuICAgICAgICAgIDxzeW1waG9ueS1pY29uIFtpY29uXT1cInJlcG9ydHNDYXJkTW9kZWwuY2FyZEljb25cIj48L3N5bXBob255LWljb24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwicmVwb3J0cy1jYXJkLXRpdGxlXCI+XG4gICAgICAgICAgPHN5bXBob255LWg0Pnt7IHJlcG9ydHNDYXJkTW9kZWwudGl0bGUgfX08L3N5bXBob255LWg0PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cInJlcG9ydC1jYXJkLWRlc2NyaXB0aW9uXCIgdGl0bGU9XCJ7eyByZXBvcnRzQ2FyZE1vZGVsLmRlc2NyaXB0aW9uIH19XCI+XG4gICAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGg+e3sgcmVwb3J0c0NhcmRNb2RlbC5kZXNjcmlwdGlvbiB9fTwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PiJdfQ==
|
|
@@ -1806,10 +1806,10 @@ class InputNumberComponent {
|
|
|
1806
1806
|
}
|
|
1807
1807
|
}
|
|
1808
1808
|
InputNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1809
|
-
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=\"
|
|
1809
|
+
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$4.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { type: i1$4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i1$4.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$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1810
1810
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputNumberComponent, decorators: [{
|
|
1811
1811
|
type: Component,
|
|
1812
|
-
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=\"
|
|
1812
|
+
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"] }]
|
|
1813
1813
|
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
|
1814
1814
|
type: Input
|
|
1815
1815
|
}], maxValue: [{
|
|
@@ -3194,10 +3194,10 @@ class ReportsCardComponent {
|
|
|
3194
3194
|
}
|
|
3195
3195
|
}
|
|
3196
3196
|
ReportsCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3197
|
-
ReportsCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ReportsCardComponent, selector: "symphony-reports-card", inputs: { reportsCardModel: "reportsCardModel" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div *ngIf=\"!reportsCardModel.enabled\" class=\"reports-card-item-wrapper\" id=\"reports-card-item-{{ reportsCardModel.title | trimId}}\">\n <div class=\"reports-card-item-disabled\">\n <div class=\"reports-card-title-wrap sfx-d-flex\">\n <div class=\"reports-card-icon\">\n <symphony-icon [icon]=\"reportsCardModel.cardIcon\"></symphony-icon>\n </div>\n <div class=\"reports-card-title\">\n <symphony-h4>{{ reportsCardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"
|
|
3197
|
+
ReportsCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ReportsCardComponent, selector: "symphony-reports-card", inputs: { reportsCardModel: "reportsCardModel" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div *ngIf=\"!reportsCardModel.enabled\" class=\"reports-card-item-wrapper\" id=\"reports-card-item-{{ reportsCardModel.title | trimId}}\">\n <div class=\"reports-card-item-disabled\">\n <div class=\"reports-card-title-wrap sfx-d-flex\">\n <div class=\"reports-card-icon\">\n <symphony-icon [icon]=\"reportsCardModel.cardIcon\"></symphony-icon>\n </div>\n <div class=\"reports-card-title\">\n <symphony-h4>{{ reportsCardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"report-card-description\" title=\"{{ reportsCardModel.description }}\">\n <symphony-paragraph>{{ reportsCardModel.description }}</symphony-paragraph>\n </div>\n <div *ngIf=\"reportsCardModel.disabledMessage\" class=\"reports-card-info-wrap sfx-d-flex\">\n <div class=\"reports-card-info-icon\">\n <symphony-icon [icon]=\"reportsCardModel.disabledMessageIcon\"></symphony-icon>\n </div>\n <div class=\"reports-card-title\">\n <symphony-paragraph>{{ reportsCardModel.disabledMessage }}</symphony-paragraph>\n </div>\n </div>\n <div *ngIf=\"reportsCardModel.disabledMessageLinkValue\" class=\"reports-card-link\">\n <a href=\"{{reportsCardModel.disabledMessageLinkValue}}\">{{reportsCardModel.disabledMessageLinkText}}</a>\n </div>\n </div>\n</div>\n<div *ngIf=\"reportsCardModel.enabled\" class=\"reports-card-item-wrapper\" id=\"reports-card-item-{{ reportsCardModel.title | trimId}}\">\n <div class=\"reports-card-item-enabled\" (click)=\"onClick()\">\n <div class=\"reports-card-title-wrap sfx-d-flex\">\n <div class=\"reports-card-icon\">\n <symphony-icon [icon]=\"reportsCardModel.cardIcon\"></symphony-icon>\n </div>\n <div class=\"reports-card-title\">\n <symphony-h4>{{ reportsCardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"report-card-description\" title=\"{{ reportsCardModel.description }}\">\n <symphony-paragraph>{{ reportsCardModel.description }}</symphony-paragraph>\n </div>\n </div>\n </div>", styles: [".reports-card-item-wrapper{position:relative;width:100%;height:190px}.reports-card-item-disabled{width:100%;height:100%;border-radius:10px;padding:20px;border:2px #82919F dashed;cursor:context-menu;opacity:.3}.reports-card-item-disabled .report-card-description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.reports-card-item-enabled{width:100%;height:100%;box-shadow:0 2px 10px rgba(0,0,0,.2);border-radius:10px;padding:20px;border:2px solid transparent;cursor:pointer}.reports-card-item-enabled:hover{box-shadow:none;border-color:#82919f}.reports-card-item-enabled .report-card-description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.reports-card-title-wrap{margin-bottom:11px;align-items:baseline}.reports-card-icon{padding-right:15px;color:#334860}.reports-card-info-wrap{margin-top:1rem;align-items:baseline}.reports-card-info-icon{padding-right:7px;color:#f0001e}.reports-card-link{font-weight:500;color:#801afc;cursor:pointer;margin-left:25px}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "trimId": TrimIdPipe } });
|
|
3198
3198
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardComponent, decorators: [{
|
|
3199
3199
|
type: Component,
|
|
3200
|
-
args: [{ selector: 'symphony-reports-card', template: "<div *ngIf=\"!reportsCardModel.enabled\" class=\"reports-card-item-wrapper\" id=\"reports-card-item-{{ reportsCardModel.title | trimId}}\">\n <div class=\"reports-card-item-disabled\">\n <div class=\"reports-card-title-wrap sfx-d-flex\">\n <div class=\"reports-card-icon\">\n <symphony-icon [icon]=\"reportsCardModel.cardIcon\"></symphony-icon>\n </div>\n <div class=\"reports-card-title\">\n <symphony-h4>{{ reportsCardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"
|
|
3200
|
+
args: [{ selector: 'symphony-reports-card', template: "<div *ngIf=\"!reportsCardModel.enabled\" class=\"reports-card-item-wrapper\" id=\"reports-card-item-{{ reportsCardModel.title | trimId}}\">\n <div class=\"reports-card-item-disabled\">\n <div class=\"reports-card-title-wrap sfx-d-flex\">\n <div class=\"reports-card-icon\">\n <symphony-icon [icon]=\"reportsCardModel.cardIcon\"></symphony-icon>\n </div>\n <div class=\"reports-card-title\">\n <symphony-h4>{{ reportsCardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"report-card-description\" title=\"{{ reportsCardModel.description }}\">\n <symphony-paragraph>{{ reportsCardModel.description }}</symphony-paragraph>\n </div>\n <div *ngIf=\"reportsCardModel.disabledMessage\" class=\"reports-card-info-wrap sfx-d-flex\">\n <div class=\"reports-card-info-icon\">\n <symphony-icon [icon]=\"reportsCardModel.disabledMessageIcon\"></symphony-icon>\n </div>\n <div class=\"reports-card-title\">\n <symphony-paragraph>{{ reportsCardModel.disabledMessage }}</symphony-paragraph>\n </div>\n </div>\n <div *ngIf=\"reportsCardModel.disabledMessageLinkValue\" class=\"reports-card-link\">\n <a href=\"{{reportsCardModel.disabledMessageLinkValue}}\">{{reportsCardModel.disabledMessageLinkText}}</a>\n </div>\n </div>\n</div>\n<div *ngIf=\"reportsCardModel.enabled\" class=\"reports-card-item-wrapper\" id=\"reports-card-item-{{ reportsCardModel.title | trimId}}\">\n <div class=\"reports-card-item-enabled\" (click)=\"onClick()\">\n <div class=\"reports-card-title-wrap sfx-d-flex\">\n <div class=\"reports-card-icon\">\n <symphony-icon [icon]=\"reportsCardModel.cardIcon\"></symphony-icon>\n </div>\n <div class=\"reports-card-title\">\n <symphony-h4>{{ reportsCardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"report-card-description\" title=\"{{ reportsCardModel.description }}\">\n <symphony-paragraph>{{ reportsCardModel.description }}</symphony-paragraph>\n </div>\n </div>\n </div>", styles: [".reports-card-item-wrapper{position:relative;width:100%;height:190px}.reports-card-item-disabled{width:100%;height:100%;border-radius:10px;padding:20px;border:2px #82919F dashed;cursor:context-menu;opacity:.3}.reports-card-item-disabled .report-card-description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.reports-card-item-enabled{width:100%;height:100%;box-shadow:0 2px 10px rgba(0,0,0,.2);border-radius:10px;padding:20px;border:2px solid transparent;cursor:pointer}.reports-card-item-enabled:hover{box-shadow:none;border-color:#82919f}.reports-card-item-enabled .report-card-description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.reports-card-title-wrap{margin-bottom:11px;align-items:baseline}.reports-card-icon{padding-right:15px;color:#334860}.reports-card-info-wrap{margin-top:1rem;align-items:baseline}.reports-card-info-icon{padding-right:7px;color:#f0001e}.reports-card-link{font-weight:500;color:#801afc;cursor:pointer;margin-left:25px}\n"] }]
|
|
3201
3201
|
}], ctorParameters: function () { return []; }, propDecorators: { reportsCardModel: [{
|
|
3202
3202
|
type: Input
|
|
3203
3203
|
}], clicked: [{
|