@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
|
@@ -12,10 +12,10 @@ export class EditableSettingItemComponent {
|
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
EditableSettingItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
-
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
|
|
15
|
+
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: i1.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "trimId": i3.TrimIdPipe } });
|
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingItemComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
|
-
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
|
|
18
|
+
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"] }]
|
|
19
19
|
}], ctorParameters: function () { return []; }, propDecorators: { editableSettingItemModel: [{
|
|
20
20
|
type: Input
|
|
21
21
|
}], valueChanged: [{
|
|
@@ -11,8 +11,8 @@ export class EditableSettingPartialPageComponent {
|
|
|
11
11
|
this.saveClicked = new EventEmitter();
|
|
12
12
|
this.reloadClicked = new EventEmitter();
|
|
13
13
|
}
|
|
14
|
-
onEditableSettingValueChange(
|
|
15
|
-
this.editableSettingValueChanged.emit(
|
|
14
|
+
onEditableSettingValueChange(item) {
|
|
15
|
+
this.editableSettingValueChanged.emit(item);
|
|
16
16
|
}
|
|
17
17
|
onSaveclick(partialPageModel) {
|
|
18
18
|
this.saveClicked.emit(partialPageModel);
|
|
@@ -22,10 +22,10 @@ export class EditableSettingPartialPageComponent {
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
EditableSettingPartialPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingPartialPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
-
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(
|
|
25
|
+
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: i1.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i2.EditableSettingItemListComponent, selector: "symphony-editable-setting-item-list", inputs: ["settingItemsList"], outputs: ["settingItemValueChanged"] }, { type: i3.ButtonV2Component, selector: "symphony-button-v2" }, { type: i4.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingPartialPageComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
|
-
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(
|
|
28
|
+
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: [""] }]
|
|
29
29
|
}], ctorParameters: function () { return []; }, propDecorators: { partialPageModel: [{
|
|
30
30
|
type: Input
|
|
31
31
|
}], isLoadingPartialPage: [{
|
|
@@ -39,4 +39,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
39
39
|
}], reloadClicked: [{
|
|
40
40
|
type: Output
|
|
41
41
|
}] } });
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdGFibGUtc2V0dGluZy1wYXJ0aWFsLXBhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9zZXR0aW5nLWRldGFpbC1wYWdlL3BhcnRpYWwtcGFnZS9lZGl0YWJsZS1zZXR0aW5nLXBhcnRpYWwtcGFnZS9lZGl0YWJsZS1zZXR0aW5nLXBhcnRpYWwtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL3NldHRpbmctZGV0YWlsLXBhZ2UvcGFydGlhbC1wYWdlL2VkaXRhYmxlLXNldHRpbmctcGFydGlhbC1wYWdlL2VkaXRhYmxlLXNldHRpbmctcGFydGlhbC1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFTdkUsTUFBTSxPQUFPLG1DQUFtQztJQVE5QztRQUpVLGdDQUEyQixHQUNuQyxJQUFJLFlBQVksRUFBNEIsQ0FBQztRQUNyQyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFtQyxDQUFDO1FBQ2xFLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRWhCLDRCQUE0QixDQUMxQixJQUE4QjtRQUU5QixJQUFJLENBQUMsMkJBQTJCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzlDLENBQUM7SUFDRCxXQUFXLENBQUMsZ0JBQWlEO1FBQzNELElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUNELGFBQWEsQ0FBQyxLQUFLO1FBQ2pCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pDLENBQUM7O2dJQXBCVSxtQ0FBbUM7b0hBQW5DLG1DQUFtQyxxVkNUaEQsMjNFQWlFQTsyRkR4RGEsbUNBQW1DO2tCQUwvQyxTQUFTOytCQUNFLHdDQUF3QzswRUFLekMsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLG9CQUFvQjtzQkFBNUIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNJLDJCQUEyQjtzQkFBcEMsTUFBTTtnQkFFRyxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRWRpdGFibGVTZXR0aW5nUGFydGlhbFBhZ2VNb2RlbCB9IGZyb20gJy4vZWRpdGFibGUtc2V0dGluZy1wYXJ0aWFsLXBhZ2UuY29tcG9uZW50Lm1vZGVsJztcbmltcG9ydCB7IEVkaXRhYmxlU2V0dGluZ0l0ZW1Nb2RlbCB9IGZyb20gJy4uLy4uLy4uLy4uL21vbGVjdWxlcy9lZGl0YWJsZS1zZXR0aW5nLWl0ZW0vZWRpdGFibGUtc2V0dGluZy1pdGVtLmNvbXBvbmVudC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWVkaXRhYmxlLXNldHRpbmctcGFydGlhbC1wYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2VkaXRhYmxlLXNldHRpbmctcGFydGlhbC1wYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZWRpdGFibGUtc2V0dGluZy1wYXJ0aWFsLXBhZ2UuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRWRpdGFibGVTZXR0aW5nUGFydGlhbFBhZ2VDb21wb25lbnQge1xuICBASW5wdXQoKSBwYXJ0aWFsUGFnZU1vZGVsOiBFZGl0YWJsZVNldHRpbmdQYXJ0aWFsUGFnZU1vZGVsO1xuICBASW5wdXQoKSBpc0xvYWRpbmdQYXJ0aWFsUGFnZT86IGJvb2xlYW47XG4gIEBJbnB1dCgpIGVycm9yUGFnZVN0YXRlPzogYm9vbGVhbjtcbiAgQE91dHB1dCgpIGVkaXRhYmxlU2V0dGluZ1ZhbHVlQ2hhbmdlZCA9XG4gICAgbmV3IEV2ZW50RW1pdHRlcjxFZGl0YWJsZVNldHRpbmdJdGVtTW9kZWw+KCk7XG4gIEBPdXRwdXQoKSBzYXZlQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8RWRpdGFibGVTZXR0aW5nUGFydGlhbFBhZ2VNb2RlbD4oKTtcbiAgQE91dHB1dCgpIHJlbG9hZENsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbkVkaXRhYmxlU2V0dGluZ1ZhbHVlQ2hhbmdlKFxuICAgIGl0ZW06IEVkaXRhYmxlU2V0dGluZ0l0ZW1Nb2RlbFxuICApIHtcbiAgICB0aGlzLmVkaXRhYmxlU2V0dGluZ1ZhbHVlQ2hhbmdlZC5lbWl0KGl0ZW0pO1xuICB9XG4gIG9uU2F2ZWNsaWNrKHBhcnRpYWxQYWdlTW9kZWw6IEVkaXRhYmxlU2V0dGluZ1BhcnRpYWxQYWdlTW9kZWwpIHtcbiAgICB0aGlzLnNhdmVDbGlja2VkLmVtaXQocGFydGlhbFBhZ2VNb2RlbCk7XG4gIH1cbiAgb25SZWxvYWRDbGljayhldmVudCkge1xuICAgIHRoaXMucmVsb2FkQ2xpY2tlZC5lbWl0KGV2ZW50KTtcbiAgfVxufVxuIiwiPHNlY3Rpb24gKm5nSWY9XCJwYXJ0aWFsUGFnZU1vZGVsICYmICFpc0xvYWRpbmdQYXJ0aWFsUGFnZSAmJiAhZXJyb3JQYWdlU3RhdGVcIj5cbiAgPHN5bXBob255LXBhcmFncmFwaCBjbGFzcz1cInNmeC1mb250LWJvbGQgc2Z4LW1iLTUgc2Z4LWQtZmxleFwiPnt7XG4gICAgcGFydGlhbFBhZ2VNb2RlbC5wYXJ0aWFsVGl0bGVcbiAgfX08L3N5bXBob255LXBhcmFncmFwaD5cbiAgPHN5bXBob255LXBhcmFncmFwaCBjbGFzcz1cInNmeC1tYi0yMCBzZngtZC1mbGV4XCI+e3tcbiAgICBwYXJ0aWFsUGFnZU1vZGVsLnBhcnRpYWxEZXNjcmlwdGlvblxuICB9fTwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLTQgY29sLWxnLTNcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltkcm9wZG93bi1kcm9wem9uZV1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8c2VjdGlvblxuICAgICpuZ0lmPVwiIXBhcnRpYWxQYWdlTW9kZWwuaXNMb2FkaW5nTGlzdCAmJiAhcGFydGlhbFBhZ2VNb2RlbC5lcnJvckxpc3RTdGF0ZVwiXG4gID5cbiAgICA8c3ltcGhvbnktZWRpdGFibGUtc2V0dGluZy1pdGVtLWxpc3RcbiAgICAgIGNsYXNzPVwic2Z4LW10LTMwIHNmeC1kLWJsb2NrXCJcbiAgICAgIFtzZXR0aW5nSXRlbXNMaXN0XT1cInBhcnRpYWxQYWdlTW9kZWwuc2V0dGluZ0l0ZW1zTGlzdFwiXG4gICAgICAoc2V0dGluZ0l0ZW1WYWx1ZUNoYW5nZWQpPVwib25FZGl0YWJsZVNldHRpbmdWYWx1ZUNoYW5nZSgkZXZlbnQpXCJcbiAgICA+PC9zeW1waG9ueS1lZGl0YWJsZS1zZXR0aW5nLWl0ZW0tbGlzdD5cbiAgICA8c3ltcGhvbnktYnV0dG9uLXYyXG4gICAgICBpZD1cImJ1dHRvbi1wYXJ0aWFsUGFnZS1zYXZlXCJcbiAgICAgIGNsYXNzPVwicHVsbC1yaWdodCBzZngtZC1mbGV4XCJcbiAgICAgIHRleHQ9XCJTYXZlXCJcbiAgICAgIFtkaXNhYmxlZF09XCJwYXJ0aWFsUGFnZU1vZGVsLnNhdmVCdG5EaXNhYmxlZFwiXG4gICAgICAoY2xpY2tlZCk9XCJvblNhdmVjbGljayhwYXJ0aWFsUGFnZU1vZGVsKVwiXG4gICAgPjwvc3ltcGhvbnktYnV0dG9uLXYyPlxuICA8L3NlY3Rpb24+XG4gIDxzeW1waG9ueS1zZngtbG9hZGVyXG4gICAgKm5nSWY9XCJwYXJ0aWFsUGFnZU1vZGVsLmlzTG9hZGluZ0xpc3RcIlxuICA+PC9zeW1waG9ueS1zZngtbG9hZGVyPlxuICA8c3ltcGhvbnktc2Z4LWxvYWRlclxuICAgICpuZ0lmPVwicGFydGlhbFBhZ2VNb2RlbC5lcnJvckxpc3RTdGF0ZSAmJiAhcGFydGlhbFBhZ2VNb2RlbC5pc0xvYWRpbmdMaXN0XCJcbiAgICBbaGFzQ3VzdG9tTWVzc2FnZV09XCJwYXJ0aWFsUGFnZU1vZGVsLmVycm9yTGlzdFN0YXRlXCJcbiAgPlxuICAgIDxzeW1waG9ueS1wYXJhZ3JhcGhcbiAgICAgIGN1c3RvbS1tZXNzYWdlXG4gICAgICBjbGFzcz1cInNmeC1tYi0yMCBzZngtbXQtMjAgc2Z4LWQtYmxvY2sgdGV4dC1jZW50ZXJcIlxuICAgICAgPkxvYWRpbmcgdGhpcyBwYWdlIGlzIHRha2luZyBsb25nZXIgdGhhbiBleHBlY3RlZC48YnIgLz5UcnkgdG9cbiAgICAgIDxzcGFuXG4gICAgICAgIChjbGljayk9XCJvblJlbG9hZENsaWNrKCRldmVudClcIlxuICAgICAgICBjbGFzcz1cInNmeC12Mi1wdXJwbGUxIHNmeC1mb250LWJvbGQgc2Z4LWN1cnNvci1wb2ludGVyXCJcbiAgICAgICAgPnJlbG9hZDwvc3BhblxuICAgICAgPlxuICAgICAgaXQgb3IgY29tZSBiYWNrIGxhdGVyLjwvc3ltcGhvbnktcGFyYWdyYXBoXG4gICAgPlxuICA8L3N5bXBob255LXNmeC1sb2FkZXI+XG48L3NlY3Rpb24+XG48c3ltcGhvbnktc2Z4LWxvYWRlciAqbmdJZj1cImlzTG9hZGluZ1BhcnRpYWxQYWdlXCI+PC9zeW1waG9ueS1zZngtbG9hZGVyPlxuPHN5bXBob255LXNmeC1sb2FkZXJcbiAgKm5nSWY9XCJlcnJvclBhZ2VTdGF0ZSAmJiAhaXNMb2FkaW5nUGFydGlhbFBhZ2VcIlxuICBbaGFzQ3VzdG9tTWVzc2FnZV09XCJlcnJvclBhZ2VTdGF0ZVwiXG4+XG4gIDxzeW1waG9ueS1wYXJhZ3JhcGhcbiAgICBjdXN0b20tbWVzc2FnZVxuICAgIGNsYXNzPVwic2Z4LW1iLTIwIHNmeC1tdC0yMCBzZngtZC1ibG9jayB0ZXh0LWNlbnRlclwiXG4gICAgPkxvYWRpbmcgdGhpcyBwYWdlIGlzIHRha2luZyBsb25nZXIgdGhhbiBleHBlY3RlZC48YnIgLz5UcnkgdG9cbiAgICA8c3BhblxuICAgICAgKGNsaWNrKT1cIm9uUmVsb2FkQ2xpY2soJGV2ZW50KVwiXG4gICAgICBjbGFzcz1cInNmeC12Mi1wdXJwbGUxIHNmeC1mb250LWJvbGQgc2Z4LWN1cnNvci1wb2ludGVyXCJcbiAgICAgID5yZWxvYWQ8L3NwYW5cbiAgICA+XG4gICAgaXQgb3IgY29tZSBiYWNrIGxhdGVyLjwvc3ltcGhvbnktcGFyYWdyYXBoXG4gID5cbjwvc3ltcGhvbnktc2Z4LWxvYWRlcj5cbiJdfQ==
|
|
@@ -12,10 +12,10 @@ export class EditableSettingItemComponent {
|
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
EditableSettingItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
-
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
|
|
15
|
+
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: i1.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "trimId": i3.TrimIdPipe } });
|
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingItemComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
|
-
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
|
|
18
|
+
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"] }]
|
|
19
19
|
}], ctorParameters: function () { return []; }, propDecorators: { editableSettingItemModel: [{
|
|
20
20
|
type: Input
|
|
21
21
|
}], valueChanged: [{
|
|
@@ -11,8 +11,8 @@ export class EditableSettingPartialPageComponent {
|
|
|
11
11
|
this.saveClicked = new EventEmitter();
|
|
12
12
|
this.reloadClicked = new EventEmitter();
|
|
13
13
|
}
|
|
14
|
-
onEditableSettingValueChange(
|
|
15
|
-
this.editableSettingValueChanged.emit(
|
|
14
|
+
onEditableSettingValueChange(item) {
|
|
15
|
+
this.editableSettingValueChanged.emit(item);
|
|
16
16
|
}
|
|
17
17
|
onSaveclick(partialPageModel) {
|
|
18
18
|
this.saveClicked.emit(partialPageModel);
|
|
@@ -22,10 +22,10 @@ export class EditableSettingPartialPageComponent {
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
EditableSettingPartialPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingPartialPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
-
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(
|
|
25
|
+
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: i1.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i2.EditableSettingItemListComponent, selector: "symphony-editable-setting-item-list", inputs: ["settingItemsList"], outputs: ["settingItemValueChanged"] }, { type: i3.ButtonV2Component, selector: "symphony-button-v2" }, { type: i4.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingPartialPageComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
|
-
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(
|
|
28
|
+
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: [""] }]
|
|
29
29
|
}], ctorParameters: function () { return []; }, propDecorators: { partialPageModel: [{
|
|
30
30
|
type: Input
|
|
31
31
|
}], isLoadingPartialPage: [{
|
|
@@ -39,4 +39,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
39
39
|
}], reloadClicked: [{
|
|
40
40
|
type: Output
|
|
41
41
|
}] } });
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdGFibGUtc2V0dGluZy1wYXJ0aWFsLXBhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9zZXR0aW5nLWRldGFpbC1wYWdlL3BhcnRpYWwtcGFnZS9lZGl0YWJsZS1zZXR0aW5nLXBhcnRpYWwtcGFnZS9lZGl0YWJsZS1zZXR0aW5nLXBhcnRpYWwtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL3NldHRpbmctZGV0YWlsLXBhZ2UvcGFydGlhbC1wYWdlL2VkaXRhYmxlLXNldHRpbmctcGFydGlhbC1wYWdlL2VkaXRhYmxlLXNldHRpbmctcGFydGlhbC1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFTdkUsTUFBTSxPQUFPLG1DQUFtQztJQVE5QztRQUpVLGdDQUEyQixHQUNuQyxJQUFJLFlBQVksRUFBNEIsQ0FBQztRQUNyQyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFtQyxDQUFDO1FBQ2xFLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRWhCLDRCQUE0QixDQUMxQixJQUE4QjtRQUU5QixJQUFJLENBQUMsMkJBQTJCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzlDLENBQUM7SUFDRCxXQUFXLENBQUMsZ0JBQWlEO1FBQzNELElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUNELGFBQWEsQ0FBQyxLQUFLO1FBQ2pCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pDLENBQUM7O2dJQXBCVSxtQ0FBbUM7b0hBQW5DLG1DQUFtQyxxVkNUaEQsMjNFQWlFQTsyRkR4RGEsbUNBQW1DO2tCQUwvQyxTQUFTOytCQUNFLHdDQUF3QzswRUFLekMsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLG9CQUFvQjtzQkFBNUIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNJLDJCQUEyQjtzQkFBcEMsTUFBTTtnQkFFRyxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRWRpdGFibGVTZXR0aW5nUGFydGlhbFBhZ2VNb2RlbCB9IGZyb20gJy4vZWRpdGFibGUtc2V0dGluZy1wYXJ0aWFsLXBhZ2UuY29tcG9uZW50Lm1vZGVsJztcbmltcG9ydCB7IEVkaXRhYmxlU2V0dGluZ0l0ZW1Nb2RlbCB9IGZyb20gJy4uLy4uLy4uLy4uL21vbGVjdWxlcy9lZGl0YWJsZS1zZXR0aW5nLWl0ZW0vZWRpdGFibGUtc2V0dGluZy1pdGVtLmNvbXBvbmVudC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWVkaXRhYmxlLXNldHRpbmctcGFydGlhbC1wYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2VkaXRhYmxlLXNldHRpbmctcGFydGlhbC1wYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZWRpdGFibGUtc2V0dGluZy1wYXJ0aWFsLXBhZ2UuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRWRpdGFibGVTZXR0aW5nUGFydGlhbFBhZ2VDb21wb25lbnQge1xuICBASW5wdXQoKSBwYXJ0aWFsUGFnZU1vZGVsOiBFZGl0YWJsZVNldHRpbmdQYXJ0aWFsUGFnZU1vZGVsO1xuICBASW5wdXQoKSBpc0xvYWRpbmdQYXJ0aWFsUGFnZT86IGJvb2xlYW47XG4gIEBJbnB1dCgpIGVycm9yUGFnZVN0YXRlPzogYm9vbGVhbjtcbiAgQE91dHB1dCgpIGVkaXRhYmxlU2V0dGluZ1ZhbHVlQ2hhbmdlZCA9XG4gICAgbmV3IEV2ZW50RW1pdHRlcjxFZGl0YWJsZVNldHRpbmdJdGVtTW9kZWw+KCk7XG4gIEBPdXRwdXQoKSBzYXZlQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8RWRpdGFibGVTZXR0aW5nUGFydGlhbFBhZ2VNb2RlbD4oKTtcbiAgQE91dHB1dCgpIHJlbG9hZENsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbkVkaXRhYmxlU2V0dGluZ1ZhbHVlQ2hhbmdlKFxuICAgIGl0ZW06IEVkaXRhYmxlU2V0dGluZ0l0ZW1Nb2RlbFxuICApIHtcbiAgICB0aGlzLmVkaXRhYmxlU2V0dGluZ1ZhbHVlQ2hhbmdlZC5lbWl0KGl0ZW0pO1xuICB9XG4gIG9uU2F2ZWNsaWNrKHBhcnRpYWxQYWdlTW9kZWw6IEVkaXRhYmxlU2V0dGluZ1BhcnRpYWxQYWdlTW9kZWwpIHtcbiAgICB0aGlzLnNhdmVDbGlja2VkLmVtaXQocGFydGlhbFBhZ2VNb2RlbCk7XG4gIH1cbiAgb25SZWxvYWRDbGljayhldmVudCkge1xuICAgIHRoaXMucmVsb2FkQ2xpY2tlZC5lbWl0KGV2ZW50KTtcbiAgfVxufVxuIiwiPHNlY3Rpb24gKm5nSWY9XCJwYXJ0aWFsUGFnZU1vZGVsICYmICFpc0xvYWRpbmdQYXJ0aWFsUGFnZSAmJiAhZXJyb3JQYWdlU3RhdGVcIj5cbiAgPHN5bXBob255LXBhcmFncmFwaCBjbGFzcz1cInNmeC1mb250LWJvbGQgc2Z4LW1iLTUgc2Z4LWQtZmxleFwiPnt7XG4gICAgcGFydGlhbFBhZ2VNb2RlbC5wYXJ0aWFsVGl0bGVcbiAgfX08L3N5bXBob255LXBhcmFncmFwaD5cbiAgPHN5bXBob255LXBhcmFncmFwaCBjbGFzcz1cInNmeC1tYi0yMCBzZngtZC1mbGV4XCI+e3tcbiAgICBwYXJ0aWFsUGFnZU1vZGVsLnBhcnRpYWxEZXNjcmlwdGlvblxuICB9fTwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLTQgY29sLWxnLTNcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltkcm9wZG93bi1kcm9wem9uZV1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8c2VjdGlvblxuICAgICpuZ0lmPVwiIXBhcnRpYWxQYWdlTW9kZWwuaXNMb2FkaW5nTGlzdCAmJiAhcGFydGlhbFBhZ2VNb2RlbC5lcnJvckxpc3RTdGF0ZVwiXG4gID5cbiAgICA8c3ltcGhvbnktZWRpdGFibGUtc2V0dGluZy1pdGVtLWxpc3RcbiAgICAgIGNsYXNzPVwic2Z4LW10LTMwIHNmeC1kLWJsb2NrXCJcbiAgICAgIFtzZXR0aW5nSXRlbXNMaXN0XT1cInBhcnRpYWxQYWdlTW9kZWwuc2V0dGluZ0l0ZW1zTGlzdFwiXG4gICAgICAoc2V0dGluZ0l0ZW1WYWx1ZUNoYW5nZWQpPVwib25FZGl0YWJsZVNldHRpbmdWYWx1ZUNoYW5nZSgkZXZlbnQpXCJcbiAgICA+PC9zeW1waG9ueS1lZGl0YWJsZS1zZXR0aW5nLWl0ZW0tbGlzdD5cbiAgICA8c3ltcGhvbnktYnV0dG9uLXYyXG4gICAgICBpZD1cImJ1dHRvbi1wYXJ0aWFsUGFnZS1zYXZlXCJcbiAgICAgIGNsYXNzPVwicHVsbC1yaWdodCBzZngtZC1mbGV4XCJcbiAgICAgIHRleHQ9XCJTYXZlXCJcbiAgICAgIFtkaXNhYmxlZF09XCJwYXJ0aWFsUGFnZU1vZGVsLnNhdmVCdG5EaXNhYmxlZFwiXG4gICAgICAoY2xpY2tlZCk9XCJvblNhdmVjbGljayhwYXJ0aWFsUGFnZU1vZGVsKVwiXG4gICAgPjwvc3ltcGhvbnktYnV0dG9uLXYyPlxuICA8L3NlY3Rpb24+XG4gIDxzeW1waG9ueS1zZngtbG9hZGVyXG4gICAgKm5nSWY9XCJwYXJ0aWFsUGFnZU1vZGVsLmlzTG9hZGluZ0xpc3RcIlxuICA+PC9zeW1waG9ueS1zZngtbG9hZGVyPlxuICA8c3ltcGhvbnktc2Z4LWxvYWRlclxuICAgICpuZ0lmPVwicGFydGlhbFBhZ2VNb2RlbC5lcnJvckxpc3RTdGF0ZSAmJiAhcGFydGlhbFBhZ2VNb2RlbC5pc0xvYWRpbmdMaXN0XCJcbiAgICBbaGFzQ3VzdG9tTWVzc2FnZV09XCJwYXJ0aWFsUGFnZU1vZGVsLmVycm9yTGlzdFN0YXRlXCJcbiAgPlxuICAgIDxzeW1waG9ueS1wYXJhZ3JhcGhcbiAgICAgIGN1c3RvbS1tZXNzYWdlXG4gICAgICBjbGFzcz1cInNmeC1tYi0yMCBzZngtbXQtMjAgc2Z4LWQtYmxvY2sgdGV4dC1jZW50ZXJcIlxuICAgICAgPkxvYWRpbmcgdGhpcyBwYWdlIGlzIHRha2luZyBsb25nZXIgdGhhbiBleHBlY3RlZC48YnIgLz5UcnkgdG9cbiAgICAgIDxzcGFuXG4gICAgICAgIChjbGljayk9XCJvblJlbG9hZENsaWNrKCRldmVudClcIlxuICAgICAgICBjbGFzcz1cInNmeC12Mi1wdXJwbGUxIHNmeC1mb250LWJvbGQgc2Z4LWN1cnNvci1wb2ludGVyXCJcbiAgICAgICAgPnJlbG9hZDwvc3BhblxuICAgICAgPlxuICAgICAgaXQgb3IgY29tZSBiYWNrIGxhdGVyLjwvc3ltcGhvbnktcGFyYWdyYXBoXG4gICAgPlxuICA8L3N5bXBob255LXNmeC1sb2FkZXI+XG48L3NlY3Rpb24+XG48c3ltcGhvbnktc2Z4LWxvYWRlciAqbmdJZj1cImlzTG9hZGluZ1BhcnRpYWxQYWdlXCI+PC9zeW1waG9ueS1zZngtbG9hZGVyPlxuPHN5bXBob255LXNmeC1sb2FkZXJcbiAgKm5nSWY9XCJlcnJvclBhZ2VTdGF0ZSAmJiAhaXNMb2FkaW5nUGFydGlhbFBhZ2VcIlxuICBbaGFzQ3VzdG9tTWVzc2FnZV09XCJlcnJvclBhZ2VTdGF0ZVwiXG4+XG4gIDxzeW1waG9ueS1wYXJhZ3JhcGhcbiAgICBjdXN0b20tbWVzc2FnZVxuICAgIGNsYXNzPVwic2Z4LW1iLTIwIHNmeC1tdC0yMCBzZngtZC1ibG9jayB0ZXh0LWNlbnRlclwiXG4gICAgPkxvYWRpbmcgdGhpcyBwYWdlIGlzIHRha2luZyBsb25nZXIgdGhhbiBleHBlY3RlZC48YnIgLz5UcnkgdG9cbiAgICA8c3BhblxuICAgICAgKGNsaWNrKT1cIm9uUmVsb2FkQ2xpY2soJGV2ZW50KVwiXG4gICAgICBjbGFzcz1cInNmeC12Mi1wdXJwbGUxIHNmeC1mb250LWJvbGQgc2Z4LWN1cnNvci1wb2ludGVyXCJcbiAgICAgID5yZWxvYWQ8L3NwYW5cbiAgICA+XG4gICAgaXQgb3IgY29tZSBiYWNrIGxhdGVyLjwvc3ltcGhvbnktcGFyYWdyYXBoXG4gID5cbjwvc3ltcGhvbnktc2Z4LWxvYWRlcj5cbiJdfQ==
|
|
@@ -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: [{
|