@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
|
@@ -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: [{
|