@symphony-talent/component-library 4.163.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/icon/icon.enum.mjs +2 -1
- package/esm2020/lib/atoms/input-number/input-number.component.mjs +3 -3
- package/esm2020/lib/design-guide/icon-explorer/icon-explorer.helper.mjs +7 -1
- package/esm2020/lib/molecules/reports-card/reports-card.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/atoms/icon/icon.enum.mjs +2 -1
- package/esm2020/projects/component-library/lib/atoms/input-number/input-number.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/design-guide/icon-explorer/icon-explorer.helper.mjs +7 -1
- 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 +11 -4
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +11 -4
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +11 -4
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +11 -4
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/atoms/icon/icon.enum.d.ts +2 -1
- package/package.json +1 -1
- package/projects/component-library/global-assets/iconography/library-fonts/library-icons.eot +0 -0
- package/projects/component-library/global-assets/iconography/library-fonts/library-icons.svg +1 -0
- package/projects/component-library/global-assets/iconography/library-fonts/library-icons.ttf +0 -0
- package/projects/component-library/global-assets/iconography/library-fonts/library-icons.woff +0 -0
- package/projects/component-library/global-assets/iconography/library-icons.css +8 -5
- package/projects/component-library/global-assets/iconography/{sfx-icons-v8.json → sfx icons-v9.json } +59 -18
- package/projects/component-library/lib/atoms/icon/icon.enum.d.ts +2 -1
|
@@ -1524,6 +1524,7 @@ var Icons;
|
|
|
1524
1524
|
Icons["ADDTOJOB"] = "si-add-to-job";
|
|
1525
1525
|
Icons["LICENSE"] = "si-license";
|
|
1526
1526
|
Icons["REPORTS"] = "si-reports";
|
|
1527
|
+
Icons["SFXINSIGHTS"] = "si-sfx-insights-b";
|
|
1527
1528
|
})(Icons || (Icons = {}));
|
|
1528
1529
|
|
|
1529
1530
|
class IconWrapperComponent {
|
|
@@ -1805,10 +1806,10 @@ class InputNumberComponent {
|
|
|
1805
1806
|
}
|
|
1806
1807
|
}
|
|
1807
1808
|
InputNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1808
|
-
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"] }] });
|
|
1809
1810
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputNumberComponent, decorators: [{
|
|
1810
1811
|
type: Component,
|
|
1811
|
-
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"] }]
|
|
1812
1813
|
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
|
1813
1814
|
type: Input
|
|
1814
1815
|
}], maxValue: [{
|
|
@@ -3193,10 +3194,10 @@ class ReportsCardComponent {
|
|
|
3193
3194
|
}
|
|
3194
3195
|
}
|
|
3195
3196
|
ReportsCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3196
|
-
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 } });
|
|
3197
3198
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardComponent, decorators: [{
|
|
3198
3199
|
type: Component,
|
|
3199
|
-
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"] }]
|
|
3200
3201
|
}], ctorParameters: function () { return []; }, propDecorators: { reportsCardModel: [{
|
|
3201
3202
|
type: Input
|
|
3202
3203
|
}], clicked: [{
|
|
@@ -6372,6 +6373,12 @@ class IconExplorerHelper {
|
|
|
6372
6373
|
iconName: 'REPORTS',
|
|
6373
6374
|
iconClass: 'si-reports',
|
|
6374
6375
|
hasBorder: false,
|
|
6376
|
+
},
|
|
6377
|
+
{
|
|
6378
|
+
icon: Icons.SFXINSIGHTS,
|
|
6379
|
+
iconName: 'SFXINSIGHTS',
|
|
6380
|
+
iconClass: 'si-sfx-insights-b',
|
|
6381
|
+
hasBorder: false,
|
|
6375
6382
|
}
|
|
6376
6383
|
];
|
|
6377
6384
|
}
|