@symphony-talent/component-library 4.162.0 → 4.164.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 +2 -2
- package/esm2020/lib/design-guide/icon-explorer/icon-explorer.helper.mjs +7 -1
- package/esm2020/lib/organisms/generate-license-modal/generate-license-modal.component.mjs +7 -6
- package/esm2020/lib/organisms/generate-license-modal/generate-license-modal.module.mjs +5 -1
- package/esm2020/lib/pages/settings-license-management/settings-license-management.component.model.mjs +1 -1
- 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 +2 -2
- package/esm2020/projects/component-library/lib/design-guide/icon-explorer/icon-explorer.helper.mjs +7 -1
- package/esm2020/projects/component-library/lib/organisms/generate-license-modal/generate-license-modal.component.mjs +7 -6
- package/esm2020/projects/component-library/lib/organisms/generate-license-modal/generate-license-modal.module.mjs +5 -1
- package/esm2020/projects/component-library/lib/pages/settings-license-management/settings-license-management.component.model.mjs +1 -1
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +14 -4
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +14 -4
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +14 -4
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +14 -4
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/atoms/icon/icon.enum.d.ts +2 -1
- package/lib/organisms/generate-license-modal/generate-license-modal.component.d.ts +1 -1
- package/lib/organisms/generate-license-modal/generate-license-modal.module.d.ts +3 -2
- 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
- package/projects/component-library/lib/organisms/generate-license-modal/generate-license-modal.component.d.ts +1 -1
- package/projects/component-library/lib/organisms/generate-license-modal/generate-license-modal.module.d.ts +3 -2
|
@@ -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=\"0\" name=\"input-number\" class=\"input-number\" autocomplete=\"off\" [(ngModel)]=\"value\"\n (keyup)=\"onValueChange(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
|
|
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=\"0\" name=\"input-number\" class=\"input-number\" autocomplete=\"off\" [(ngModel)]=\"value\"\n (keyup)=\"onValueChange(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=\"0\" name=\"input-number\" class=\"input-number\" autocomplete=\"off\" [(ngModel)]=\"value\"\n (keyup)=\"onValueChange(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
|
|
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=\"0\" name=\"input-number\" class=\"input-number\" autocomplete=\"off\" [(ngModel)]=\"value\"\n (keyup)=\"onValueChange(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: [{
|
|
@@ -4627,10 +4628,10 @@ class GenerateLicenseModalComponent {
|
|
|
4627
4628
|
}
|
|
4628
4629
|
}
|
|
4629
4630
|
GenerateLicenseModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GenerateLicenseModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4630
|
-
GenerateLicenseModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GenerateLicenseModalComponent, selector: "symphony-generate-license-modal", inputs: { model: "model" }, outputs: { closeButtonClicked: "closeButtonClicked", inputValueChanged: "inputValueChanged" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n <
|
|
4631
|
+
GenerateLicenseModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GenerateLicenseModalComponent, selector: "symphony-generate-license-modal", inputs: { model: "model" }, outputs: { closeButtonClicked: "closeButtonClicked", inputValueChanged: "inputValueChanged" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"\n ></symphony-h4\n >\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <div class=\"row\">\n <section class=\"modal-body sfx-p-30 wrapped\">\n <symphony-input-number [label]=\"model.label\" [maxValue]=\"model.maxValue\" [errorMessage] = \"model.errorMessage\"\n (valueChanged)=\"inputValue($event)\">\n </symphony-input-number>\n </section>\n </div>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button-v2 class=\"sfx-ml-20\" [text]=\"model.buttonText\" [disabled]=\"this.value > model.maxValue || !this.value\"\n (clicked)=\"onGenerateButtonClick()\"></symphony-button-v2>\n </section>\n</div>", styles: [".wrapped{word-break:break-word}\n"], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: InputNumberComponent, selector: "symphony-input-number", inputs: ["label", "maxValue", "errorMessage"], outputs: ["valueChanged"] }, { type: ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
4631
4632
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GenerateLicenseModalComponent, decorators: [{
|
|
4632
4633
|
type: Component,
|
|
4633
|
-
args: [{ selector: 'symphony-generate-license-modal', template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n <
|
|
4634
|
+
args: [{ selector: 'symphony-generate-license-modal', template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"\n ></symphony-h4\n >\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <div class=\"row\">\n <section class=\"modal-body sfx-p-30 wrapped\">\n <symphony-input-number [label]=\"model.label\" [maxValue]=\"model.maxValue\" [errorMessage] = \"model.errorMessage\"\n (valueChanged)=\"inputValue($event)\">\n </symphony-input-number>\n </section>\n </div>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button-v2 class=\"sfx-ml-20\" [text]=\"model.buttonText\" [disabled]=\"this.value > model.maxValue || !this.value\"\n (clicked)=\"onGenerateButtonClick()\"></symphony-button-v2>\n </section>\n</div>", styles: [".wrapped{word-break:break-word}\n"] }]
|
|
4634
4635
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
4635
4636
|
type: Input
|
|
4636
4637
|
}], closeButtonClicked: [{
|
|
@@ -4646,11 +4647,13 @@ GenerateLicenseModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.
|
|
|
4646
4647
|
H4Module,
|
|
4647
4648
|
ParagraphModule,
|
|
4648
4649
|
InputNumberModule,
|
|
4650
|
+
IconModule,
|
|
4649
4651
|
ButtonV2Module], exports: [GenerateLicenseModalComponent] });
|
|
4650
4652
|
GenerateLicenseModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GenerateLicenseModalModule, imports: [[CommonModule,
|
|
4651
4653
|
H4Module,
|
|
4652
4654
|
ParagraphModule,
|
|
4653
4655
|
InputNumberModule,
|
|
4656
|
+
IconModule,
|
|
4654
4657
|
ButtonV2Module]] });
|
|
4655
4658
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GenerateLicenseModalModule, decorators: [{
|
|
4656
4659
|
type: NgModule,
|
|
@@ -4660,6 +4663,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
4660
4663
|
H4Module,
|
|
4661
4664
|
ParagraphModule,
|
|
4662
4665
|
InputNumberModule,
|
|
4666
|
+
IconModule,
|
|
4663
4667
|
ButtonV2Module],
|
|
4664
4668
|
exports: [GenerateLicenseModalComponent],
|
|
4665
4669
|
}]
|
|
@@ -6369,6 +6373,12 @@ class IconExplorerHelper {
|
|
|
6369
6373
|
iconName: 'REPORTS',
|
|
6370
6374
|
iconClass: 'si-reports',
|
|
6371
6375
|
hasBorder: false,
|
|
6376
|
+
},
|
|
6377
|
+
{
|
|
6378
|
+
icon: Icons.SFXINSIGHTS,
|
|
6379
|
+
iconName: 'SFXINSIGHTS',
|
|
6380
|
+
iconClass: 'si-sfx-insights-b',
|
|
6381
|
+
hasBorder: false,
|
|
6372
6382
|
}
|
|
6373
6383
|
];
|
|
6374
6384
|
}
|