@symphony-talent/component-library 4.162.0 → 4.163.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.
Files changed (21) hide show
  1. package/esm2020/lib/atoms/input-number/input-number.component.mjs +2 -2
  2. package/esm2020/lib/organisms/generate-license-modal/generate-license-modal.component.mjs +7 -6
  3. package/esm2020/lib/organisms/generate-license-modal/generate-license-modal.module.mjs +5 -1
  4. package/esm2020/lib/pages/settings-license-management/settings-license-management.component.model.mjs +1 -1
  5. package/esm2020/projects/component-library/lib/atoms/input-number/input-number.component.mjs +2 -2
  6. package/esm2020/projects/component-library/lib/organisms/generate-license-modal/generate-license-modal.component.mjs +7 -6
  7. package/esm2020/projects/component-library/lib/organisms/generate-license-modal/generate-license-modal.module.mjs +5 -1
  8. package/esm2020/projects/component-library/lib/pages/settings-license-management/settings-license-management.component.model.mjs +1 -1
  9. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +7 -4
  10. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  11. package/fesm2015/symphony-talent-component-library.mjs +7 -4
  12. package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
  13. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +7 -4
  14. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  15. package/fesm2020/symphony-talent-component-library.mjs +7 -4
  16. package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
  17. package/lib/organisms/generate-license-modal/generate-license-modal.component.d.ts +1 -1
  18. package/lib/organisms/generate-license-modal/generate-license-modal.module.d.ts +3 -2
  19. package/package.json +1 -1
  20. package/projects/component-library/lib/organisms/generate-license-modal/generate-license-modal.component.d.ts +1 -1
  21. package/projects/component-library/lib/organisms/generate-license-modal/generate-license-modal.module.d.ts +3 -2
@@ -1805,10 +1805,10 @@ class InputNumberComponent {
1805
1805
  }
1806
1806
  }
1807
1807
  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;margin-left:.3rem}.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
+ 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
1809
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputNumberComponent, decorators: [{
1810
1810
  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;margin-left:.3rem}.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
+ 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
1812
  }], ctorParameters: function () { return []; }, propDecorators: { label: [{
1813
1813
  type: Input
1814
1814
  }], maxValue: [{
@@ -4627,10 +4627,10 @@ class GenerateLicenseModalComponent {
4627
4627
  }
4628
4628
  }
4629
4629
  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 <ng-content select=\"[modal-header-label]\"></ng-content>\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: 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"] }] });
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=\"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
4631
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GenerateLicenseModalComponent, decorators: [{
4632
4632
  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 <ng-content select=\"[modal-header-label]\"></ng-content>\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"] }]
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=\"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
4634
  }], ctorParameters: function () { return []; }, propDecorators: { model: [{
4635
4635
  type: Input
4636
4636
  }], closeButtonClicked: [{
@@ -4646,11 +4646,13 @@ GenerateLicenseModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.
4646
4646
  H4Module,
4647
4647
  ParagraphModule,
4648
4648
  InputNumberModule,
4649
+ IconModule,
4649
4650
  ButtonV2Module], exports: [GenerateLicenseModalComponent] });
4650
4651
  GenerateLicenseModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GenerateLicenseModalModule, imports: [[CommonModule,
4651
4652
  H4Module,
4652
4653
  ParagraphModule,
4653
4654
  InputNumberModule,
4655
+ IconModule,
4654
4656
  ButtonV2Module]] });
4655
4657
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GenerateLicenseModalModule, decorators: [{
4656
4658
  type: NgModule,
@@ -4660,6 +4662,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
4660
4662
  H4Module,
4661
4663
  ParagraphModule,
4662
4664
  InputNumberModule,
4665
+ IconModule,
4663
4666
  ButtonV2Module],
4664
4667
  exports: [GenerateLicenseModalComponent],
4665
4668
  }]