@symphony-talent/component-library 4.35.0 → 4.37.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/molecules/editable-setting-item/editable-setting-item.component.mjs +2 -2
- package/esm2020/lib/pages/setting-detail-page/partial-page/editable-setting-partial-page/editable-setting-partial-page.component.mjs +5 -5
- package/esm2020/projects/component-library/lib/molecules/editable-setting-item/editable-setting-item.component.mjs +2 -2
- package/esm2020/projects/component-library/lib/pages/setting-detail-page/partial-page/editable-setting-partial-page/editable-setting-partial-page.component.mjs +5 -5
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +6 -6
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +6 -6
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +6 -6
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +6 -6
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/pages/setting-detail-page/partial-page/editable-setting-partial-page/editable-setting-partial-page.component.d.ts +3 -2
- package/package.json +1 -1
- package/projects/component-library/lib/pages/setting-detail-page/partial-page/editable-setting-partial-page/editable-setting-partial-page.component.d.ts +3 -2
|
@@ -3179,10 +3179,10 @@ class EditableSettingItemComponent {
|
|
|
3179
3179
|
}
|
|
3180
3180
|
}
|
|
3181
3181
|
EditableSettingItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3182
|
-
EditableSettingItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EditableSettingItemComponent, selector: "symphony-editable-setting-item", inputs: { editableSettingItemModel: "editableSettingItemModel" }, outputs: { valueChanged: "valueChanged" }, ngImport: i0, template: "<section class=\"editable-setting-wrap sfx-mb-20\">\n <div class=\"sfx-pt-10\">\n <symphony-paragraph class=\"sfx-font-bold\" id=\"editable-input-label-{{ editableSettingItemModel.settingLabel | trimId}}\">\n {{ editableSettingItemModel.settingLabel }}</symphony-paragraph\n >\n </div>\n <div class=\"editable-input\">\n <input\n id=\"editable-input-item-{{ editableSettingItemModel.settingLabel | trimId}}\"\n type=\"{{ editableSettingItemModel.settingInputType }}\"\n [(ngModel)]=\"editableSettingItemModel.settingInputValue\"\n (ngModelChange)=\"onValueChange(editableSettingItemModel)\"\n placeholder=\"{{ editableSettingItemModel.settingInputPlaceholderText }}\"\n />\n </div>\n</section>\n", styles: [".editable-setting-wrap{display:flex;justify-content:space-between}.editable-setting-wrap .editable-input input::-webkit-outer-spin-button,.editable-setting-wrap .editable-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.editable-setting-wrap .editable-input input
|
|
3182
|
+
EditableSettingItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EditableSettingItemComponent, selector: "symphony-editable-setting-item", inputs: { editableSettingItemModel: "editableSettingItemModel" }, outputs: { valueChanged: "valueChanged" }, ngImport: i0, template: "<section class=\"editable-setting-wrap sfx-mb-20\">\n <div class=\"sfx-pt-10\">\n <symphony-paragraph class=\"sfx-font-bold\" id=\"editable-input-label-{{ editableSettingItemModel.settingLabel | trimId}}\">\n {{ editableSettingItemModel.settingLabel }}</symphony-paragraph\n >\n </div>\n <div class=\"editable-input\">\n <input\n id=\"editable-input-item-{{ editableSettingItemModel.settingLabel | trimId}}\"\n type=\"{{ editableSettingItemModel.settingInputType }}\"\n [(ngModel)]=\"editableSettingItemModel.settingInputValue\"\n (ngModelChange)=\"onValueChange(editableSettingItemModel)\"\n placeholder=\"{{ editableSettingItemModel.settingInputPlaceholderText }}\"\n />\n </div>\n</section>\n", styles: [".editable-setting-wrap{display:flex;justify-content:space-between}.editable-setting-wrap .editable-input input::-webkit-outer-spin-button,.editable-setting-wrap .editable-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.editable-setting-wrap .editable-input input{width:135px;height:40px;padding-inline:10px;border-radius:4px;border:1px solid #82919f;outline:none}\n"], components: [{ type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "trimId": TrimIdPipe } });
|
|
3183
3183
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingItemComponent, decorators: [{
|
|
3184
3184
|
type: Component,
|
|
3185
|
-
args: [{ selector: 'symphony-editable-setting-item', template: "<section class=\"editable-setting-wrap sfx-mb-20\">\n <div class=\"sfx-pt-10\">\n <symphony-paragraph class=\"sfx-font-bold\" id=\"editable-input-label-{{ editableSettingItemModel.settingLabel | trimId}}\">\n {{ editableSettingItemModel.settingLabel }}</symphony-paragraph\n >\n </div>\n <div class=\"editable-input\">\n <input\n id=\"editable-input-item-{{ editableSettingItemModel.settingLabel | trimId}}\"\n type=\"{{ editableSettingItemModel.settingInputType }}\"\n [(ngModel)]=\"editableSettingItemModel.settingInputValue\"\n (ngModelChange)=\"onValueChange(editableSettingItemModel)\"\n placeholder=\"{{ editableSettingItemModel.settingInputPlaceholderText }}\"\n />\n </div>\n</section>\n", styles: [".editable-setting-wrap{display:flex;justify-content:space-between}.editable-setting-wrap .editable-input input::-webkit-outer-spin-button,.editable-setting-wrap .editable-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.editable-setting-wrap .editable-input input
|
|
3185
|
+
args: [{ selector: 'symphony-editable-setting-item', template: "<section class=\"editable-setting-wrap sfx-mb-20\">\n <div class=\"sfx-pt-10\">\n <symphony-paragraph class=\"sfx-font-bold\" id=\"editable-input-label-{{ editableSettingItemModel.settingLabel | trimId}}\">\n {{ editableSettingItemModel.settingLabel }}</symphony-paragraph\n >\n </div>\n <div class=\"editable-input\">\n <input\n id=\"editable-input-item-{{ editableSettingItemModel.settingLabel | trimId}}\"\n type=\"{{ editableSettingItemModel.settingInputType }}\"\n [(ngModel)]=\"editableSettingItemModel.settingInputValue\"\n (ngModelChange)=\"onValueChange(editableSettingItemModel)\"\n placeholder=\"{{ editableSettingItemModel.settingInputPlaceholderText }}\"\n />\n </div>\n</section>\n", styles: [".editable-setting-wrap{display:flex;justify-content:space-between}.editable-setting-wrap .editable-input input::-webkit-outer-spin-button,.editable-setting-wrap .editable-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.editable-setting-wrap .editable-input input{width:135px;height:40px;padding-inline:10px;border-radius:4px;border:1px solid #82919f;outline:none}\n"] }]
|
|
3186
3186
|
}], ctorParameters: function () { return []; }, propDecorators: { editableSettingItemModel: [{
|
|
3187
3187
|
type: Input
|
|
3188
3188
|
}], valueChanged: [{
|
|
@@ -7495,8 +7495,8 @@ class EditableSettingPartialPageComponent {
|
|
|
7495
7495
|
this.saveClicked = new EventEmitter();
|
|
7496
7496
|
this.reloadClicked = new EventEmitter();
|
|
7497
7497
|
}
|
|
7498
|
-
onEditableSettingValueChange(
|
|
7499
|
-
this.editableSettingValueChanged.emit(
|
|
7498
|
+
onEditableSettingValueChange(item) {
|
|
7499
|
+
this.editableSettingValueChanged.emit(item);
|
|
7500
7500
|
}
|
|
7501
7501
|
onSaveclick(partialPageModel) {
|
|
7502
7502
|
this.saveClicked.emit(partialPageModel);
|
|
@@ -7506,10 +7506,10 @@ class EditableSettingPartialPageComponent {
|
|
|
7506
7506
|
}
|
|
7507
7507
|
}
|
|
7508
7508
|
EditableSettingPartialPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingPartialPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7509
|
-
EditableSettingPartialPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EditableSettingPartialPageComponent, selector: "symphony-editable-setting-partial-page", inputs: { partialPageModel: "partialPageModel", isLoadingPartialPage: "isLoadingPartialPage", errorPageState: "errorPageState" }, outputs: { editableSettingValueChanged: "editableSettingValueChanged", saveClicked: "saveClicked", reloadClicked: "reloadClicked" }, ngImport: i0, template: "<section *ngIf=\"partialPageModel && !isLoadingPartialPage && !errorPageState\">\n <symphony-paragraph class=\"sfx-font-bold sfx-mb-5 sfx-d-flex\">{{\n partialPageModel.partialTitle\n }}</symphony-paragraph>\n <symphony-paragraph class=\"sfx-mb-20 sfx-d-flex\">{{\n partialPageModel.partialDescription\n }}</symphony-paragraph>\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-3\">\n <ng-content select=\"[dropdown-dropzone]\"></ng-content>\n </div>\n </div>\n <section\n *ngIf=\"!partialPageModel.isLoadingList && !partialPageModel.errorListState\"\n >\n <symphony-editable-setting-item-list\n class=\"sfx-mt-30 sfx-d-block\"\n [settingItemsList]=\"partialPageModel.settingItemsList\"\n (settingItemValueChanged)=\"onEditableSettingValueChange(
|
|
7509
|
+
EditableSettingPartialPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EditableSettingPartialPageComponent, selector: "symphony-editable-setting-partial-page", inputs: { partialPageModel: "partialPageModel", isLoadingPartialPage: "isLoadingPartialPage", errorPageState: "errorPageState" }, outputs: { editableSettingValueChanged: "editableSettingValueChanged", saveClicked: "saveClicked", reloadClicked: "reloadClicked" }, ngImport: i0, template: "<section *ngIf=\"partialPageModel && !isLoadingPartialPage && !errorPageState\">\n <symphony-paragraph class=\"sfx-font-bold sfx-mb-5 sfx-d-flex\">{{\n partialPageModel.partialTitle\n }}</symphony-paragraph>\n <symphony-paragraph class=\"sfx-mb-20 sfx-d-flex\">{{\n partialPageModel.partialDescription\n }}</symphony-paragraph>\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-3\">\n <ng-content select=\"[dropdown-dropzone]\"></ng-content>\n </div>\n </div>\n <section\n *ngIf=\"!partialPageModel.isLoadingList && !partialPageModel.errorListState\"\n >\n <symphony-editable-setting-item-list\n class=\"sfx-mt-30 sfx-d-block\"\n [settingItemsList]=\"partialPageModel.settingItemsList\"\n (settingItemValueChanged)=\"onEditableSettingValueChange($event)\"\n ></symphony-editable-setting-item-list>\n <symphony-button-v2\n id=\"button-partialPage-save\"\n class=\"pull-right sfx-d-flex\"\n text=\"Save\"\n [disabled]=\"partialPageModel.saveBtnDisabled\"\n (clicked)=\"onSaveclick(partialPageModel)\"\n ></symphony-button-v2>\n </section>\n <symphony-sfx-loader\n *ngIf=\"partialPageModel.isLoadingList\"\n ></symphony-sfx-loader>\n <symphony-sfx-loader\n *ngIf=\"partialPageModel.errorListState && !partialPageModel.isLoadingList\"\n [hasCustomMessage]=\"partialPageModel.errorListState\"\n >\n <symphony-paragraph\n custom-message\n class=\"sfx-mb-20 sfx-mt-20 sfx-d-block text-center\"\n >Loading this page is taking longer than expected.<br />Try to\n <span\n (click)=\"onReloadClick($event)\"\n class=\"sfx-v2-purple1 sfx-font-bold sfx-cursor-pointer\"\n >reload</span\n >\n it or come back later.</symphony-paragraph\n >\n </symphony-sfx-loader>\n</section>\n<symphony-sfx-loader *ngIf=\"isLoadingPartialPage\"></symphony-sfx-loader>\n<symphony-sfx-loader\n *ngIf=\"errorPageState && !isLoadingPartialPage\"\n [hasCustomMessage]=\"errorPageState\"\n>\n <symphony-paragraph\n custom-message\n class=\"sfx-mb-20 sfx-mt-20 sfx-d-block text-center\"\n >Loading this page is taking longer than expected.<br />Try to\n <span\n (click)=\"onReloadClick($event)\"\n class=\"sfx-v2-purple1 sfx-font-bold sfx-cursor-pointer\"\n >reload</span\n >\n it or come back later.</symphony-paragraph\n >\n</symphony-sfx-loader>\n", styles: [""], components: [{ type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: EditableSettingItemListComponent, selector: "symphony-editable-setting-item-list", inputs: ["settingItemsList"], outputs: ["settingItemValueChanged"] }, { type: ButtonV2Component, selector: "symphony-button-v2" }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
7510
7510
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingPartialPageComponent, decorators: [{
|
|
7511
7511
|
type: Component,
|
|
7512
|
-
args: [{ selector: 'symphony-editable-setting-partial-page', template: "<section *ngIf=\"partialPageModel && !isLoadingPartialPage && !errorPageState\">\n <symphony-paragraph class=\"sfx-font-bold sfx-mb-5 sfx-d-flex\">{{\n partialPageModel.partialTitle\n }}</symphony-paragraph>\n <symphony-paragraph class=\"sfx-mb-20 sfx-d-flex\">{{\n partialPageModel.partialDescription\n }}</symphony-paragraph>\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-3\">\n <ng-content select=\"[dropdown-dropzone]\"></ng-content>\n </div>\n </div>\n <section\n *ngIf=\"!partialPageModel.isLoadingList && !partialPageModel.errorListState\"\n >\n <symphony-editable-setting-item-list\n class=\"sfx-mt-30 sfx-d-block\"\n [settingItemsList]=\"partialPageModel.settingItemsList\"\n (settingItemValueChanged)=\"onEditableSettingValueChange(
|
|
7512
|
+
args: [{ selector: 'symphony-editable-setting-partial-page', template: "<section *ngIf=\"partialPageModel && !isLoadingPartialPage && !errorPageState\">\n <symphony-paragraph class=\"sfx-font-bold sfx-mb-5 sfx-d-flex\">{{\n partialPageModel.partialTitle\n }}</symphony-paragraph>\n <symphony-paragraph class=\"sfx-mb-20 sfx-d-flex\">{{\n partialPageModel.partialDescription\n }}</symphony-paragraph>\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-3\">\n <ng-content select=\"[dropdown-dropzone]\"></ng-content>\n </div>\n </div>\n <section\n *ngIf=\"!partialPageModel.isLoadingList && !partialPageModel.errorListState\"\n >\n <symphony-editable-setting-item-list\n class=\"sfx-mt-30 sfx-d-block\"\n [settingItemsList]=\"partialPageModel.settingItemsList\"\n (settingItemValueChanged)=\"onEditableSettingValueChange($event)\"\n ></symphony-editable-setting-item-list>\n <symphony-button-v2\n id=\"button-partialPage-save\"\n class=\"pull-right sfx-d-flex\"\n text=\"Save\"\n [disabled]=\"partialPageModel.saveBtnDisabled\"\n (clicked)=\"onSaveclick(partialPageModel)\"\n ></symphony-button-v2>\n </section>\n <symphony-sfx-loader\n *ngIf=\"partialPageModel.isLoadingList\"\n ></symphony-sfx-loader>\n <symphony-sfx-loader\n *ngIf=\"partialPageModel.errorListState && !partialPageModel.isLoadingList\"\n [hasCustomMessage]=\"partialPageModel.errorListState\"\n >\n <symphony-paragraph\n custom-message\n class=\"sfx-mb-20 sfx-mt-20 sfx-d-block text-center\"\n >Loading this page is taking longer than expected.<br />Try to\n <span\n (click)=\"onReloadClick($event)\"\n class=\"sfx-v2-purple1 sfx-font-bold sfx-cursor-pointer\"\n >reload</span\n >\n it or come back later.</symphony-paragraph\n >\n </symphony-sfx-loader>\n</section>\n<symphony-sfx-loader *ngIf=\"isLoadingPartialPage\"></symphony-sfx-loader>\n<symphony-sfx-loader\n *ngIf=\"errorPageState && !isLoadingPartialPage\"\n [hasCustomMessage]=\"errorPageState\"\n>\n <symphony-paragraph\n custom-message\n class=\"sfx-mb-20 sfx-mt-20 sfx-d-block text-center\"\n >Loading this page is taking longer than expected.<br />Try to\n <span\n (click)=\"onReloadClick($event)\"\n class=\"sfx-v2-purple1 sfx-font-bold sfx-cursor-pointer\"\n >reload</span\n >\n it or come back later.</symphony-paragraph\n >\n</symphony-sfx-loader>\n", styles: [""] }]
|
|
7513
7513
|
}], ctorParameters: function () { return []; }, propDecorators: { partialPageModel: [{
|
|
7514
7514
|
type: Input
|
|
7515
7515
|
}], isLoadingPartialPage: [{
|