@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 {
|
|
@@ -1804,10 +1805,10 @@ class InputNumberComponent {
|
|
|
1804
1805
|
}
|
|
1805
1806
|
}
|
|
1806
1807
|
InputNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1807
|
-
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
|
|
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}.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"] }] });
|
|
1808
1809
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputNumberComponent, decorators: [{
|
|
1809
1810
|
type: Component,
|
|
1810
|
-
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
|
|
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}.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"] }]
|
|
1811
1812
|
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
|
1812
1813
|
type: Input
|
|
1813
1814
|
}], maxValue: [{
|
|
@@ -4624,10 +4625,10 @@ class GenerateLicenseModalComponent {
|
|
|
4624
4625
|
}
|
|
4625
4626
|
}
|
|
4626
4627
|
GenerateLicenseModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GenerateLicenseModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4627
|
-
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 <
|
|
4628
|
+
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"] }] });
|
|
4628
4629
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GenerateLicenseModalComponent, decorators: [{
|
|
4629
4630
|
type: Component,
|
|
4630
|
-
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 <
|
|
4631
|
+
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"] }]
|
|
4631
4632
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
4632
4633
|
type: Input
|
|
4633
4634
|
}], closeButtonClicked: [{
|
|
@@ -4643,11 +4644,13 @@ GenerateLicenseModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.
|
|
|
4643
4644
|
H4Module,
|
|
4644
4645
|
ParagraphModule,
|
|
4645
4646
|
InputNumberModule,
|
|
4647
|
+
IconModule,
|
|
4646
4648
|
ButtonV2Module], exports: [GenerateLicenseModalComponent] });
|
|
4647
4649
|
GenerateLicenseModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GenerateLicenseModalModule, imports: [[CommonModule,
|
|
4648
4650
|
H4Module,
|
|
4649
4651
|
ParagraphModule,
|
|
4650
4652
|
InputNumberModule,
|
|
4653
|
+
IconModule,
|
|
4651
4654
|
ButtonV2Module]] });
|
|
4652
4655
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GenerateLicenseModalModule, decorators: [{
|
|
4653
4656
|
type: NgModule,
|
|
@@ -4657,6 +4660,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
4657
4660
|
H4Module,
|
|
4658
4661
|
ParagraphModule,
|
|
4659
4662
|
InputNumberModule,
|
|
4663
|
+
IconModule,
|
|
4660
4664
|
ButtonV2Module],
|
|
4661
4665
|
exports: [GenerateLicenseModalComponent],
|
|
4662
4666
|
}]
|
|
@@ -6366,6 +6370,12 @@ class IconExplorerHelper {
|
|
|
6366
6370
|
iconName: 'REPORTS',
|
|
6367
6371
|
iconClass: 'si-reports',
|
|
6368
6372
|
hasBorder: false,
|
|
6373
|
+
},
|
|
6374
|
+
{
|
|
6375
|
+
icon: Icons.SFXINSIGHTS,
|
|
6376
|
+
iconName: 'SFXINSIGHTS',
|
|
6377
|
+
iconClass: 'si-sfx-insights-b',
|
|
6378
|
+
hasBorder: false,
|
|
6369
6379
|
}
|
|
6370
6380
|
];
|
|
6371
6381
|
}
|