@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
|
@@ -3177,10 +3177,10 @@ class EditableSettingItemComponent {
|
|
|
3177
3177
|
}
|
|
3178
3178
|
}
|
|
3179
3179
|
EditableSettingItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3180
|
-
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
|
|
3180
|
+
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 } });
|
|
3181
3181
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingItemComponent, decorators: [{
|
|
3182
3182
|
type: Component,
|
|
3183
|
-
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
|
|
3183
|
+
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"] }]
|
|
3184
3184
|
}], ctorParameters: function () { return []; }, propDecorators: { editableSettingItemModel: [{
|
|
3185
3185
|
type: Input
|
|
3186
3186
|
}], valueChanged: [{
|
|
@@ -7491,8 +7491,8 @@ class EditableSettingPartialPageComponent {
|
|
|
7491
7491
|
this.saveClicked = new EventEmitter();
|
|
7492
7492
|
this.reloadClicked = new EventEmitter();
|
|
7493
7493
|
}
|
|
7494
|
-
onEditableSettingValueChange(
|
|
7495
|
-
this.editableSettingValueChanged.emit(
|
|
7494
|
+
onEditableSettingValueChange(item) {
|
|
7495
|
+
this.editableSettingValueChanged.emit(item);
|
|
7496
7496
|
}
|
|
7497
7497
|
onSaveclick(partialPageModel) {
|
|
7498
7498
|
this.saveClicked.emit(partialPageModel);
|
|
@@ -7502,10 +7502,10 @@ class EditableSettingPartialPageComponent {
|
|
|
7502
7502
|
}
|
|
7503
7503
|
}
|
|
7504
7504
|
EditableSettingPartialPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingPartialPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7505
|
-
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(
|
|
7505
|
+
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"] }] });
|
|
7506
7506
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingPartialPageComponent, decorators: [{
|
|
7507
7507
|
type: Component,
|
|
7508
|
-
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(
|
|
7508
|
+
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: [""] }]
|
|
7509
7509
|
}], ctorParameters: function () { return []; }, propDecorators: { partialPageModel: [{
|
|
7510
7510
|
type: Input
|
|
7511
7511
|
}], isLoadingPartialPage: [{
|