@symphony-talent/component-library 4.56.0 → 4.58.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/organisms/addition-modal/addition-modal.component.mjs +3 -3
- package/esm2020/lib/pages/toggle-list-partial-page/toggle-list-partial-page.component.mjs +6 -6
- package/esm2020/projects/component-library/lib/organisms/addition-modal/addition-modal.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/pages/toggle-list-partial-page/toggle-list-partial-page.component.mjs +6 -6
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +4 -4
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +4 -4
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +4 -4
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +4 -4
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -22,10 +22,10 @@ export class AdditionModalComponent {
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
AdditionModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
-
AdditionModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionModalComponent, selector: "symphony-addition-modal", inputs: { model: "model" }, outputs: { buttonClicked: "buttonClicked", closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\">\n <symphony-paragraph>{{ model.content }}</symphony-paragraph>\n <symphony-input-text\n (textChange)=\"onInputValueChange($event)\"\n ></symphony-input-text>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button\n *ngIf=\"model.btnSecondary\"\n [text]=\"model.btnSecondary\"\n [isSecondary]=\"true\"\n (clicked)=\"
|
|
25
|
+
AdditionModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionModalComponent, selector: "symphony-addition-modal", inputs: { model: "model" }, outputs: { buttonClicked: "buttonClicked", closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\">\n <symphony-paragraph>{{ model.content }}</symphony-paragraph>\n <symphony-input-text\n (textChange)=\"onInputValueChange($event)\"\n ></symphony-input-text>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button\n *ngIf=\"model.btnSecondary\"\n [text]=\"model.btnSecondary\"\n [isSecondary]=\"true\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-button>\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"model.btnPrimary\"\n [disabled]=\"false\"\n (clicked)=\"onButtonClick()\"\n ></symphony-button>\n </section>\n</div>\n", components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size"], outputs: ["textChange"] }, { type: i5.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionModalComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
|
-
args: [{ selector: 'symphony-addition-modal', template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\">\n <symphony-paragraph>{{ model.content }}</symphony-paragraph>\n <symphony-input-text\n (textChange)=\"onInputValueChange($event)\"\n ></symphony-input-text>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button\n *ngIf=\"model.btnSecondary\"\n [text]=\"model.btnSecondary\"\n [isSecondary]=\"true\"\n (clicked)=\"
|
|
28
|
+
args: [{ selector: 'symphony-addition-modal', template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\">\n <symphony-paragraph>{{ model.content }}</symphony-paragraph>\n <symphony-input-text\n (textChange)=\"onInputValueChange($event)\"\n ></symphony-input-text>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button\n *ngIf=\"model.btnSecondary\"\n [text]=\"model.btnSecondary\"\n [isSecondary]=\"true\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-button>\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"model.btnPrimary\"\n [disabled]=\"false\"\n (clicked)=\"onButtonClick()\"\n ></symphony-button>\n </section>\n</div>\n" }]
|
|
29
29
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
30
30
|
type: Input
|
|
31
31
|
}], buttonClicked: [{
|
|
@@ -33,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
33
33
|
}], closeButtonClicked: [{
|
|
34
34
|
type: Output
|
|
35
35
|
}] } });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb24tbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvYWRkaXRpb24tbW9kYWwvYWRkaXRpb24tbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvYWRkaXRpb24tbW9kYWwvYWRkaXRpb24tbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7QUFPdkUsTUFBTSxPQUFPLHNCQUFzQjtJQU9qQztRQUxVLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUMzQyx1QkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBSXpDLENBQUM7SUFFaEIsYUFBYTtRQUNYLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNqQyxDQUFDO0lBRUQsa0JBQWtCLENBQUMsS0FBYTtRQUM5QixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztJQUMxQixDQUFDOzttSEFuQlUsc0JBQXNCO3VHQUF0QixzQkFBc0Isa0xDUG5DLHV2Q0FzQ0E7MkZEL0JhLHNCQUFzQjtrQkFKbEMsU0FBUzsrQkFDRSx5QkFBeUI7MEVBSTFCLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxhQUFhO3NCQUF0QixNQUFNO2dCQUNHLGtCQUFrQjtzQkFBM0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBZGRpdGlvbk1vZGVsIH0gZnJvbSAnLi9hZGRpdGlvbi1tb2RhbC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWFkZGl0aW9uLW1vZGFsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FkZGl0aW9uLW1vZGFsLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgQWRkaXRpb25Nb2RhbENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG1vZGVsOiBBZGRpdGlvbk1vZGVsO1xuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCkgY2xvc2VCdXR0b25DbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIHZhbHVlVG9BZGQ6IHN0cmluZztcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25CdXR0b25DbGljaygpIHtcbiAgICB0aGlzLmJ1dHRvbkNsaWNrZWQuZW1pdCh0aGlzLnZhbHVlVG9BZGQpO1xuICB9XG5cbiAgb25DbG9zZUJ1dHRvbkNsaWNrKCkge1xuICAgIHRoaXMuY2xvc2VCdXR0b25DbGlja2VkLmVtaXQoKTtcbiAgfVxuXG4gIG9uSW5wdXRWYWx1ZUNoYW5nZSh2YWx1ZTogc3RyaW5nKSB7XG4gICAgdGhpcy52YWx1ZVRvQWRkID0gdmFsdWU7XG4gIH1cbn1cbiIsIjxkaXYgKm5nSWY9XCJtb2RlbFwiIGNsYXNzPVwic2Z4IHNmeC1tb2RhbFwiPlxuICA8c2VjdGlvbiBjbGFzcz1cIm1vZGFsLWhlYWRlciBzZngtcC0zMCBzZngtcHQtNDBcIj5cbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtdGl0bGVcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy04IGNvbC1zbS04IGNvbC1tZC04IGNvbC1sZy04XCI+XG4gICAgICAgICAgPHN5bXBob255LWg0IFt0ZXh0XT1cIm1vZGVsLnRpdGxlXCI+PC9zeW1waG9ueS1oND5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtNCBjb2wtc20tNCBjb2wtbWQtNCBjb2wtbGctNFwiPlxuICAgICAgICAgIDxzeW1waG9ueS1pY29uXG4gICAgICAgICAgICBjbGFzcz1cInB1bGwtcmlnaHRcIlxuICAgICAgICAgICAgW2ljb25dPVwiJ3NpLWNsb3NlLW1vZGFsJ1wiXG4gICAgICAgICAgICAoY2xpY2tlZCk9XCJvbkNsb3NlQnV0dG9uQ2xpY2soKVwiXG4gICAgICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9zZWN0aW9uPlxuICA8c2VjdGlvbiBjbGFzcz1cIm1vZGFsLWJvZHkgc2Z4LXAtMzBcIj5cbiAgICA8c3ltcGhvbnktcGFyYWdyYXBoPnt7IG1vZGVsLmNvbnRlbnQgfX08L3N5bXBob255LXBhcmFncmFwaD5cbiAgICA8c3ltcGhvbnktaW5wdXQtdGV4dFxuICAgICAgKHRleHRDaGFuZ2UpPVwib25JbnB1dFZhbHVlQ2hhbmdlKCRldmVudClcIlxuICAgID48L3N5bXBob255LWlucHV0LXRleHQ+XG4gIDwvc2VjdGlvbj5cbiAgPHNlY3Rpb24gY2xhc3M9XCJtb2RhbC1mb290ZXIgc2Z4LXB0LTMwIHNmeC1wYi00MFwiPlxuICAgIDxzeW1waG9ueS1idXR0b25cbiAgICAgICpuZ0lmPVwibW9kZWwuYnRuU2Vjb25kYXJ5XCJcbiAgICAgIFt0ZXh0XT1cIm1vZGVsLmJ0blNlY29uZGFyeVwiXG4gICAgICBbaXNTZWNvbmRhcnldPVwidHJ1ZVwiXG4gICAgICAoY2xpY2tlZCk9XCJvbkNsb3NlQnV0dG9uQ2xpY2soKVwiXG4gICAgPjwvc3ltcGhvbnktYnV0dG9uPlxuICAgIDxzeW1waG9ueS1idXR0b25cbiAgICAgIGNsYXNzPVwic2Z4LW1sLTIwXCJcbiAgICAgIFt0ZXh0XT1cIm1vZGVsLmJ0blByaW1hcnlcIlxuICAgICAgW2Rpc2FibGVkXT1cImZhbHNlXCJcbiAgICAgIChjbGlja2VkKT1cIm9uQnV0dG9uQ2xpY2soKVwiXG4gICAgPjwvc3ltcGhvbnktYnV0dG9uPlxuICA8L3NlY3Rpb24+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -2,9 +2,9 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
|
2
2
|
import { Icons } from '../../atoms/icon/icon.enum';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "../../molecules/labelled-toggle-list/labelled-toggle-list.component";
|
|
5
|
-
import * as i2 from "../../
|
|
6
|
-
import * as i3 from "../../
|
|
7
|
-
import * as i4 from "../../atoms/
|
|
5
|
+
import * as i2 from "../../atoms/paragraph/paragraph.component";
|
|
6
|
+
import * as i3 from "../../molecules/button-with-icon/button-with-icon.component";
|
|
7
|
+
import * as i4 from "../../atoms/sfx-loader/sfx-loader.component";
|
|
8
8
|
import * as i5 from "@angular/common";
|
|
9
9
|
export class ToggleListPartialPageComponent {
|
|
10
10
|
constructor() {
|
|
@@ -20,10 +20,10 @@ export class ToggleListPartialPageComponent {
|
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
ToggleListPartialPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ToggleListPartialPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
-
ToggleListPartialPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ToggleListPartialPageComponent, selector: "symphony-toggle-list-partial-page", inputs: { model: "model" }, outputs: { updateSettingToggle: "updateSettingToggle", addButtonClick: "addButtonClick" }, ngImport: i0, template: "<div *ngIf=\"model\">\n <h3 sfx-header>{{ model.PageLabel }}</h3>\n <symphony-labelled-toggle-list\n [modelList]=\"model.toggleModels\"\n (toggleListItemValue)=\"updateSettingValue($event)\"\n >\n </symphony-labelled-toggle-list>\n <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n class=\"add-button sfx-font-bold\"\n (clicked)=\"onAddButtonClick()\"\n [icon]=\"icon\"\n [text]=\"model.addButtonText\"\n [showActionButton]=\"true\"\n [showPopover]=\"true\"\n [isDisabled]=\"false\"\n ></symphony-button-with-icon>\n\n <div\n *ngIf=\"model.isLoading\"\n class=\"sfx-mt-80 sfx-mb-40\"\n feedback-card-list\n >\n <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n </div>\n
|
|
23
|
+
ToggleListPartialPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ToggleListPartialPageComponent, selector: "symphony-toggle-list-partial-page", inputs: { model: "model" }, outputs: { updateSettingToggle: "updateSettingToggle", addButtonClick: "addButtonClick" }, ngImport: i0, template: "<div *ngIf=\"model\">\n <h3 sfx-header>{{ model.PageLabel }}</h3>\n <symphony-labelled-toggle-list\n [modelList]=\"model.toggleModels\"\n (toggleListItemValue)=\"updateSettingValue($event)\"\n >\n </symphony-labelled-toggle-list>\n <div\n *ngIf=\"!model.toggleModels.length && !model.isLoading\"\n class=\"sfx-mt-80 sfx-mb-40\"\n feedback-card-list\n >\n <symphony-paragraph class=\"text-center\">{{\n model.message\n }}</symphony-paragraph>\n </div>\n \n <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n class=\"add-button sfx-font-bold\"\n (clicked)=\"onAddButtonClick()\"\n [icon]=\"icon\"\n [text]=\"model.addButtonText\"\n [showActionButton]=\"true\"\n [showPopover]=\"true\"\n [isDisabled]=\"false\"\n ></symphony-button-with-icon>\n\n <div\n *ngIf=\"model.isLoading\"\n class=\"sfx-mt-80 sfx-mb-40\"\n feedback-card-list\n >\n <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n </div>\n</div>\n", styles: [".add-button{color:#712ace}\n"], components: [{ type: i1.LabelledToggleListComponent, selector: "symphony-labelled-toggle-list", inputs: ["modelList"], outputs: ["toggleListItemValue"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i3.ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: ["text", "icon", "showActionButton", "showPopover", "isDisabled"], outputs: ["clicked"] }, { type: i4.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
24
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ToggleListPartialPageComponent, decorators: [{
|
|
25
25
|
type: Component,
|
|
26
|
-
args: [{ selector: 'symphony-toggle-list-partial-page', template: "<div *ngIf=\"model\">\n <h3 sfx-header>{{ model.PageLabel }}</h3>\n <symphony-labelled-toggle-list\n [modelList]=\"model.toggleModels\"\n (toggleListItemValue)=\"updateSettingValue($event)\"\n >\n </symphony-labelled-toggle-list>\n <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n class=\"add-button sfx-font-bold\"\n (clicked)=\"onAddButtonClick()\"\n [icon]=\"icon\"\n [text]=\"model.addButtonText\"\n [showActionButton]=\"true\"\n [showPopover]=\"true\"\n [isDisabled]=\"false\"\n ></symphony-button-with-icon>\n\n <div\n *ngIf=\"model.isLoading\"\n class=\"sfx-mt-80 sfx-mb-40\"\n feedback-card-list\n >\n <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n </div>\n
|
|
26
|
+
args: [{ selector: 'symphony-toggle-list-partial-page', template: "<div *ngIf=\"model\">\n <h3 sfx-header>{{ model.PageLabel }}</h3>\n <symphony-labelled-toggle-list\n [modelList]=\"model.toggleModels\"\n (toggleListItemValue)=\"updateSettingValue($event)\"\n >\n </symphony-labelled-toggle-list>\n <div\n *ngIf=\"!model.toggleModels.length && !model.isLoading\"\n class=\"sfx-mt-80 sfx-mb-40\"\n feedback-card-list\n >\n <symphony-paragraph class=\"text-center\">{{\n model.message\n }}</symphony-paragraph>\n </div>\n \n <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n class=\"add-button sfx-font-bold\"\n (clicked)=\"onAddButtonClick()\"\n [icon]=\"icon\"\n [text]=\"model.addButtonText\"\n [showActionButton]=\"true\"\n [showPopover]=\"true\"\n [isDisabled]=\"false\"\n ></symphony-button-with-icon>\n\n <div\n *ngIf=\"model.isLoading\"\n class=\"sfx-mt-80 sfx-mb-40\"\n feedback-card-list\n >\n <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n </div>\n</div>\n", styles: [".add-button{color:#712ace}\n"] }]
|
|
27
27
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
28
28
|
type: Input
|
|
29
29
|
}], updateSettingToggle: [{
|
|
@@ -31,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
31
31
|
}], addButtonClick: [{
|
|
32
32
|
type: Output
|
|
33
33
|
}] } });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvcGFnZXMvdG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS90b2dnbGUtbGlzdC1wYXJ0aWFsLXBhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUd2RSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7Ozs7QUFPbkQsTUFBTSxPQUFPLDhCQUE4QjtJQU96QztRQUxVLHdCQUFtQixHQUFHLElBQUksWUFBWSxFQUE0QixDQUFDO1FBQ25FLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUVwRCxTQUFJLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQztJQUVOLENBQUM7SUFFaEIsa0JBQWtCLENBQUMsS0FBSztRQUN0QixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzdCLENBQUM7OzJIQWZVLDhCQUE4QjsrR0FBOUIsOEJBQThCLGdNQ1YzQyx5L0JBbUNBOzJGRHpCYSw4QkFBOEI7a0JBTDFDLFNBQVM7K0JBQ0UsbUNBQW1DOzBFQUtwQyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksbUJBQW1CO3NCQUE1QixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVG9nZ2xlTGlzdFBhcnRpYWxQYWdlTW9kZWwgfSBmcm9tICcuL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5tb2RlbCc7XG5pbXBvcnQgeyBMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWwgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvbGFiZWxsZWQtaW5wdXQtdG9nZ2xlL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS5tb2RlbCc7XG5pbXBvcnQgeyBJY29ucyB9IGZyb20gJy4uLy4uL2F0b21zL2ljb24vaWNvbi5lbnVtJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktdG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBUb2dnbGVMaXN0UGFydGlhbFBhZ2VDb21wb25lbnQge1xuICBASW5wdXQoKSBtb2RlbDogVG9nZ2xlTGlzdFBhcnRpYWxQYWdlTW9kZWw7XG4gIEBPdXRwdXQoKSB1cGRhdGVTZXR0aW5nVG9nZ2xlID0gbmV3IEV2ZW50RW1pdHRlcjxMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWw+KCk7XG4gIEBPdXRwdXQoKSBhZGRCdXR0b25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBpY29uID0gSWNvbnMuSU5DTFVERTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgdXBkYXRlU2V0dGluZ1ZhbHVlKGV2ZW50KSB7XG4gICAgdGhpcy51cGRhdGVTZXR0aW5nVG9nZ2xlLmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgb25BZGRCdXR0b25DbGljaygpIHtcbiAgICB0aGlzLmFkZEJ1dHRvbkNsaWNrLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiAqbmdJZj1cIm1vZGVsXCI+XG4gIDxoMyBzZngtaGVhZGVyPnt7IG1vZGVsLlBhZ2VMYWJlbCB9fTwvaDM+XG4gIDxzeW1waG9ueS1sYWJlbGxlZC10b2dnbGUtbGlzdFxuICAgIFttb2RlbExpc3RdPVwibW9kZWwudG9nZ2xlTW9kZWxzXCJcbiAgICAodG9nZ2xlTGlzdEl0ZW1WYWx1ZSk9XCJ1cGRhdGVTZXR0aW5nVmFsdWUoJGV2ZW50KVwiXG4gID5cbiAgPC9zeW1waG9ueS1sYWJlbGxlZC10b2dnbGUtbGlzdD5cbiAgPGRpdlxuICAgICpuZ0lmPVwiIW1vZGVsLnRvZ2dsZU1vZGVscy5sZW5ndGggJiYgIW1vZGVsLmlzTG9hZGluZ1wiXG4gICAgY2xhc3M9XCJzZngtbXQtODAgc2Z4LW1iLTQwXCJcbiAgICBmZWVkYmFjay1jYXJkLWxpc3RcbiAgPlxuICAgIDxzeW1waG9ueS1wYXJhZ3JhcGggY2xhc3M9XCJ0ZXh0LWNlbnRlclwiPnt7XG4gICAgICBtb2RlbC5tZXNzYWdlXG4gICAgfX08L3N5bXBob255LXBhcmFncmFwaD5cbiAgPC9kaXY+XG4gIFxuICA8c3ltcGhvbnktYnV0dG9uLXdpdGgtaWNvbiAqbmdJZj1cIm1vZGVsLmVuYWJsZUFkZEJ1dHRvblwiXG4gICAgY2xhc3M9XCJhZGQtYnV0dG9uIHNmeC1mb250LWJvbGRcIlxuICAgIChjbGlja2VkKT1cIm9uQWRkQnV0dG9uQ2xpY2soKVwiXG4gICAgW2ljb25dPVwiaWNvblwiXG4gICAgW3RleHRdPVwibW9kZWwuYWRkQnV0dG9uVGV4dFwiXG4gICAgW3Nob3dBY3Rpb25CdXR0b25dPVwidHJ1ZVwiXG4gICAgW3Nob3dQb3BvdmVyXT1cInRydWVcIlxuICAgIFtpc0Rpc2FibGVkXT1cImZhbHNlXCJcbiAgPjwvc3ltcGhvbnktYnV0dG9uLXdpdGgtaWNvbj5cblxuICA8ZGl2XG4gICAgKm5nSWY9XCJtb2RlbC5pc0xvYWRpbmdcIlxuICAgIGNsYXNzPVwic2Z4LW10LTgwIHNmeC1tYi00MFwiXG4gICAgZmVlZGJhY2stY2FyZC1saXN0XG4gID5cbiAgICA8c3ltcGhvbnktc2Z4LWxvYWRlciBbbWVzc2FnZV09XCJtb2RlbC5sb2FkaW5nTWVzc2FnZVwiPjwvc3ltcGhvbnktc2Z4LWxvYWRlcj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
package/esm2020/projects/component-library/lib/organisms/addition-modal/addition-modal.component.mjs
CHANGED
|
@@ -22,10 +22,10 @@ export class AdditionModalComponent {
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
AdditionModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
-
AdditionModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionModalComponent, selector: "symphony-addition-modal", inputs: { model: "model" }, outputs: { buttonClicked: "buttonClicked", closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\">\n <symphony-paragraph>{{ model.content }}</symphony-paragraph>\n <symphony-input-text\n (textChange)=\"onInputValueChange($event)\"\n ></symphony-input-text>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button\n *ngIf=\"model.btnSecondary\"\n [text]=\"model.btnSecondary\"\n [isSecondary]=\"true\"\n (clicked)=\"
|
|
25
|
+
AdditionModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionModalComponent, selector: "symphony-addition-modal", inputs: { model: "model" }, outputs: { buttonClicked: "buttonClicked", closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\">\n <symphony-paragraph>{{ model.content }}</symphony-paragraph>\n <symphony-input-text\n (textChange)=\"onInputValueChange($event)\"\n ></symphony-input-text>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button\n *ngIf=\"model.btnSecondary\"\n [text]=\"model.btnSecondary\"\n [isSecondary]=\"true\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-button>\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"model.btnPrimary\"\n [disabled]=\"false\"\n (clicked)=\"onButtonClick()\"\n ></symphony-button>\n </section>\n</div>\n", components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size"], outputs: ["textChange"] }, { type: i5.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionModalComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
|
-
args: [{ selector: 'symphony-addition-modal', template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\">\n <symphony-paragraph>{{ model.content }}</symphony-paragraph>\n <symphony-input-text\n (textChange)=\"onInputValueChange($event)\"\n ></symphony-input-text>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button\n *ngIf=\"model.btnSecondary\"\n [text]=\"model.btnSecondary\"\n [isSecondary]=\"true\"\n (clicked)=\"
|
|
28
|
+
args: [{ selector: 'symphony-addition-modal', template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\">\n <symphony-paragraph>{{ model.content }}</symphony-paragraph>\n <symphony-input-text\n (textChange)=\"onInputValueChange($event)\"\n ></symphony-input-text>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button\n *ngIf=\"model.btnSecondary\"\n [text]=\"model.btnSecondary\"\n [isSecondary]=\"true\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-button>\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"model.btnPrimary\"\n [disabled]=\"false\"\n (clicked)=\"onButtonClick()\"\n ></symphony-button>\n </section>\n</div>\n" }]
|
|
29
29
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
30
30
|
type: Input
|
|
31
31
|
}], buttonClicked: [{
|
|
@@ -33,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
33
33
|
}], closeButtonClicked: [{
|
|
34
34
|
type: Output
|
|
35
35
|
}] } });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb24tbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvYWRkaXRpb24tbW9kYWwvYWRkaXRpb24tbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvYWRkaXRpb24tbW9kYWwvYWRkaXRpb24tbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7QUFPdkUsTUFBTSxPQUFPLHNCQUFzQjtJQU9qQztRQUxVLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUMzQyx1QkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBSXpDLENBQUM7SUFFaEIsYUFBYTtRQUNYLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNqQyxDQUFDO0lBRUQsa0JBQWtCLENBQUMsS0FBYTtRQUM5QixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztJQUMxQixDQUFDOzttSEFuQlUsc0JBQXNCO3VHQUF0QixzQkFBc0Isa0xDUG5DLHV2Q0FzQ0E7MkZEL0JhLHNCQUFzQjtrQkFKbEMsU0FBUzsrQkFDRSx5QkFBeUI7MEVBSTFCLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxhQUFhO3NCQUF0QixNQUFNO2dCQUNHLGtCQUFrQjtzQkFBM0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBZGRpdGlvbk1vZGVsIH0gZnJvbSAnLi9hZGRpdGlvbi1tb2RhbC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWFkZGl0aW9uLW1vZGFsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FkZGl0aW9uLW1vZGFsLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgQWRkaXRpb25Nb2RhbENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG1vZGVsOiBBZGRpdGlvbk1vZGVsO1xuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCkgY2xvc2VCdXR0b25DbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIHZhbHVlVG9BZGQ6IHN0cmluZztcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25CdXR0b25DbGljaygpIHtcbiAgICB0aGlzLmJ1dHRvbkNsaWNrZWQuZW1pdCh0aGlzLnZhbHVlVG9BZGQpO1xuICB9XG5cbiAgb25DbG9zZUJ1dHRvbkNsaWNrKCkge1xuICAgIHRoaXMuY2xvc2VCdXR0b25DbGlja2VkLmVtaXQoKTtcbiAgfVxuXG4gIG9uSW5wdXRWYWx1ZUNoYW5nZSh2YWx1ZTogc3RyaW5nKSB7XG4gICAgdGhpcy52YWx1ZVRvQWRkID0gdmFsdWU7XG4gIH1cbn1cbiIsIjxkaXYgKm5nSWY9XCJtb2RlbFwiIGNsYXNzPVwic2Z4IHNmeC1tb2RhbFwiPlxuICA8c2VjdGlvbiBjbGFzcz1cIm1vZGFsLWhlYWRlciBzZngtcC0zMCBzZngtcHQtNDBcIj5cbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtdGl0bGVcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy04IGNvbC1zbS04IGNvbC1tZC04IGNvbC1sZy04XCI+XG4gICAgICAgICAgPHN5bXBob255LWg0IFt0ZXh0XT1cIm1vZGVsLnRpdGxlXCI+PC9zeW1waG9ueS1oND5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtNCBjb2wtc20tNCBjb2wtbWQtNCBjb2wtbGctNFwiPlxuICAgICAgICAgIDxzeW1waG9ueS1pY29uXG4gICAgICAgICAgICBjbGFzcz1cInB1bGwtcmlnaHRcIlxuICAgICAgICAgICAgW2ljb25dPVwiJ3NpLWNsb3NlLW1vZGFsJ1wiXG4gICAgICAgICAgICAoY2xpY2tlZCk9XCJvbkNsb3NlQnV0dG9uQ2xpY2soKVwiXG4gICAgICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9zZWN0aW9uPlxuICA8c2VjdGlvbiBjbGFzcz1cIm1vZGFsLWJvZHkgc2Z4LXAtMzBcIj5cbiAgICA8c3ltcGhvbnktcGFyYWdyYXBoPnt7IG1vZGVsLmNvbnRlbnQgfX08L3N5bXBob255LXBhcmFncmFwaD5cbiAgICA8c3ltcGhvbnktaW5wdXQtdGV4dFxuICAgICAgKHRleHRDaGFuZ2UpPVwib25JbnB1dFZhbHVlQ2hhbmdlKCRldmVudClcIlxuICAgID48L3N5bXBob255LWlucHV0LXRleHQ+XG4gIDwvc2VjdGlvbj5cbiAgPHNlY3Rpb24gY2xhc3M9XCJtb2RhbC1mb290ZXIgc2Z4LXB0LTMwIHNmeC1wYi00MFwiPlxuICAgIDxzeW1waG9ueS1idXR0b25cbiAgICAgICpuZ0lmPVwibW9kZWwuYnRuU2Vjb25kYXJ5XCJcbiAgICAgIFt0ZXh0XT1cIm1vZGVsLmJ0blNlY29uZGFyeVwiXG4gICAgICBbaXNTZWNvbmRhcnldPVwidHJ1ZVwiXG4gICAgICAoY2xpY2tlZCk9XCJvbkNsb3NlQnV0dG9uQ2xpY2soKVwiXG4gICAgPjwvc3ltcGhvbnktYnV0dG9uPlxuICAgIDxzeW1waG9ueS1idXR0b25cbiAgICAgIGNsYXNzPVwic2Z4LW1sLTIwXCJcbiAgICAgIFt0ZXh0XT1cIm1vZGVsLmJ0blByaW1hcnlcIlxuICAgICAgW2Rpc2FibGVkXT1cImZhbHNlXCJcbiAgICAgIChjbGlja2VkKT1cIm9uQnV0dG9uQ2xpY2soKVwiXG4gICAgPjwvc3ltcGhvbnktYnV0dG9uPlxuICA8L3NlY3Rpb24+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -2,9 +2,9 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
|
2
2
|
import { Icons } from '../../atoms/icon/icon.enum';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "../../molecules/labelled-toggle-list/labelled-toggle-list.component";
|
|
5
|
-
import * as i2 from "../../
|
|
6
|
-
import * as i3 from "../../
|
|
7
|
-
import * as i4 from "../../atoms/
|
|
5
|
+
import * as i2 from "../../atoms/paragraph/paragraph.component";
|
|
6
|
+
import * as i3 from "../../molecules/button-with-icon/button-with-icon.component";
|
|
7
|
+
import * as i4 from "../../atoms/sfx-loader/sfx-loader.component";
|
|
8
8
|
import * as i5 from "@angular/common";
|
|
9
9
|
export class ToggleListPartialPageComponent {
|
|
10
10
|
constructor() {
|
|
@@ -20,10 +20,10 @@ export class ToggleListPartialPageComponent {
|
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
ToggleListPartialPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ToggleListPartialPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
-
ToggleListPartialPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ToggleListPartialPageComponent, selector: "symphony-toggle-list-partial-page", inputs: { model: "model" }, outputs: { updateSettingToggle: "updateSettingToggle", addButtonClick: "addButtonClick" }, ngImport: i0, template: "<div *ngIf=\"model\">\n <h3 sfx-header>{{ model.PageLabel }}</h3>\n <symphony-labelled-toggle-list\n [modelList]=\"model.toggleModels\"\n (toggleListItemValue)=\"updateSettingValue($event)\"\n >\n </symphony-labelled-toggle-list>\n <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n class=\"add-button sfx-font-bold\"\n (clicked)=\"onAddButtonClick()\"\n [icon]=\"icon\"\n [text]=\"model.addButtonText\"\n [showActionButton]=\"true\"\n [showPopover]=\"true\"\n [isDisabled]=\"false\"\n ></symphony-button-with-icon>\n\n <div\n *ngIf=\"model.isLoading\"\n class=\"sfx-mt-80 sfx-mb-40\"\n feedback-card-list\n >\n <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n </div>\n
|
|
23
|
+
ToggleListPartialPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ToggleListPartialPageComponent, selector: "symphony-toggle-list-partial-page", inputs: { model: "model" }, outputs: { updateSettingToggle: "updateSettingToggle", addButtonClick: "addButtonClick" }, ngImport: i0, template: "<div *ngIf=\"model\">\n <h3 sfx-header>{{ model.PageLabel }}</h3>\n <symphony-labelled-toggle-list\n [modelList]=\"model.toggleModels\"\n (toggleListItemValue)=\"updateSettingValue($event)\"\n >\n </symphony-labelled-toggle-list>\n <div\n *ngIf=\"!model.toggleModels.length && !model.isLoading\"\n class=\"sfx-mt-80 sfx-mb-40\"\n feedback-card-list\n >\n <symphony-paragraph class=\"text-center\">{{\n model.message\n }}</symphony-paragraph>\n </div>\n \n <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n class=\"add-button sfx-font-bold\"\n (clicked)=\"onAddButtonClick()\"\n [icon]=\"icon\"\n [text]=\"model.addButtonText\"\n [showActionButton]=\"true\"\n [showPopover]=\"true\"\n [isDisabled]=\"false\"\n ></symphony-button-with-icon>\n\n <div\n *ngIf=\"model.isLoading\"\n class=\"sfx-mt-80 sfx-mb-40\"\n feedback-card-list\n >\n <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n </div>\n</div>\n", styles: [".add-button{color:#712ace}\n"], components: [{ type: i1.LabelledToggleListComponent, selector: "symphony-labelled-toggle-list", inputs: ["modelList"], outputs: ["toggleListItemValue"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i3.ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: ["text", "icon", "showActionButton", "showPopover", "isDisabled"], outputs: ["clicked"] }, { type: i4.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
24
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ToggleListPartialPageComponent, decorators: [{
|
|
25
25
|
type: Component,
|
|
26
|
-
args: [{ selector: 'symphony-toggle-list-partial-page', template: "<div *ngIf=\"model\">\n <h3 sfx-header>{{ model.PageLabel }}</h3>\n <symphony-labelled-toggle-list\n [modelList]=\"model.toggleModels\"\n (toggleListItemValue)=\"updateSettingValue($event)\"\n >\n </symphony-labelled-toggle-list>\n <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n class=\"add-button sfx-font-bold\"\n (clicked)=\"onAddButtonClick()\"\n [icon]=\"icon\"\n [text]=\"model.addButtonText\"\n [showActionButton]=\"true\"\n [showPopover]=\"true\"\n [isDisabled]=\"false\"\n ></symphony-button-with-icon>\n\n <div\n *ngIf=\"model.isLoading\"\n class=\"sfx-mt-80 sfx-mb-40\"\n feedback-card-list\n >\n <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n </div>\n
|
|
26
|
+
args: [{ selector: 'symphony-toggle-list-partial-page', template: "<div *ngIf=\"model\">\n <h3 sfx-header>{{ model.PageLabel }}</h3>\n <symphony-labelled-toggle-list\n [modelList]=\"model.toggleModels\"\n (toggleListItemValue)=\"updateSettingValue($event)\"\n >\n </symphony-labelled-toggle-list>\n <div\n *ngIf=\"!model.toggleModels.length && !model.isLoading\"\n class=\"sfx-mt-80 sfx-mb-40\"\n feedback-card-list\n >\n <symphony-paragraph class=\"text-center\">{{\n model.message\n }}</symphony-paragraph>\n </div>\n \n <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n class=\"add-button sfx-font-bold\"\n (clicked)=\"onAddButtonClick()\"\n [icon]=\"icon\"\n [text]=\"model.addButtonText\"\n [showActionButton]=\"true\"\n [showPopover]=\"true\"\n [isDisabled]=\"false\"\n ></symphony-button-with-icon>\n\n <div\n *ngIf=\"model.isLoading\"\n class=\"sfx-mt-80 sfx-mb-40\"\n feedback-card-list\n >\n <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n </div>\n</div>\n", styles: [".add-button{color:#712ace}\n"] }]
|
|
27
27
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
28
28
|
type: Input
|
|
29
29
|
}], updateSettingToggle: [{
|
|
@@ -31,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
31
31
|
}], addButtonClick: [{
|
|
32
32
|
type: Output
|
|
33
33
|
}] } });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvcGFnZXMvdG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS90b2dnbGUtbGlzdC1wYXJ0aWFsLXBhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUd2RSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7Ozs7QUFPbkQsTUFBTSxPQUFPLDhCQUE4QjtJQU96QztRQUxVLHdCQUFtQixHQUFHLElBQUksWUFBWSxFQUE0QixDQUFDO1FBQ25FLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUVwRCxTQUFJLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQztJQUVOLENBQUM7SUFFaEIsa0JBQWtCLENBQUMsS0FBSztRQUN0QixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzdCLENBQUM7OzJIQWZVLDhCQUE4QjsrR0FBOUIsOEJBQThCLGdNQ1YzQyx5L0JBbUNBOzJGRHpCYSw4QkFBOEI7a0JBTDFDLFNBQVM7K0JBQ0UsbUNBQW1DOzBFQUtwQyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksbUJBQW1CO3NCQUE1QixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVG9nZ2xlTGlzdFBhcnRpYWxQYWdlTW9kZWwgfSBmcm9tICcuL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5tb2RlbCc7XG5pbXBvcnQgeyBMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWwgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvbGFiZWxsZWQtaW5wdXQtdG9nZ2xlL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS5tb2RlbCc7XG5pbXBvcnQgeyBJY29ucyB9IGZyb20gJy4uLy4uL2F0b21zL2ljb24vaWNvbi5lbnVtJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktdG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBUb2dnbGVMaXN0UGFydGlhbFBhZ2VDb21wb25lbnQge1xuICBASW5wdXQoKSBtb2RlbDogVG9nZ2xlTGlzdFBhcnRpYWxQYWdlTW9kZWw7XG4gIEBPdXRwdXQoKSB1cGRhdGVTZXR0aW5nVG9nZ2xlID0gbmV3IEV2ZW50RW1pdHRlcjxMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWw+KCk7XG4gIEBPdXRwdXQoKSBhZGRCdXR0b25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBpY29uID0gSWNvbnMuSU5DTFVERTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgdXBkYXRlU2V0dGluZ1ZhbHVlKGV2ZW50KSB7XG4gICAgdGhpcy51cGRhdGVTZXR0aW5nVG9nZ2xlLmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgb25BZGRCdXR0b25DbGljaygpIHtcbiAgICB0aGlzLmFkZEJ1dHRvbkNsaWNrLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiAqbmdJZj1cIm1vZGVsXCI+XG4gIDxoMyBzZngtaGVhZGVyPnt7IG1vZGVsLlBhZ2VMYWJlbCB9fTwvaDM+XG4gIDxzeW1waG9ueS1sYWJlbGxlZC10b2dnbGUtbGlzdFxuICAgIFttb2RlbExpc3RdPVwibW9kZWwudG9nZ2xlTW9kZWxzXCJcbiAgICAodG9nZ2xlTGlzdEl0ZW1WYWx1ZSk9XCJ1cGRhdGVTZXR0aW5nVmFsdWUoJGV2ZW50KVwiXG4gID5cbiAgPC9zeW1waG9ueS1sYWJlbGxlZC10b2dnbGUtbGlzdD5cbiAgPGRpdlxuICAgICpuZ0lmPVwiIW1vZGVsLnRvZ2dsZU1vZGVscy5sZW5ndGggJiYgIW1vZGVsLmlzTG9hZGluZ1wiXG4gICAgY2xhc3M9XCJzZngtbXQtODAgc2Z4LW1iLTQwXCJcbiAgICBmZWVkYmFjay1jYXJkLWxpc3RcbiAgPlxuICAgIDxzeW1waG9ueS1wYXJhZ3JhcGggY2xhc3M9XCJ0ZXh0LWNlbnRlclwiPnt7XG4gICAgICBtb2RlbC5tZXNzYWdlXG4gICAgfX08L3N5bXBob255LXBhcmFncmFwaD5cbiAgPC9kaXY+XG4gIFxuICA8c3ltcGhvbnktYnV0dG9uLXdpdGgtaWNvbiAqbmdJZj1cIm1vZGVsLmVuYWJsZUFkZEJ1dHRvblwiXG4gICAgY2xhc3M9XCJhZGQtYnV0dG9uIHNmeC1mb250LWJvbGRcIlxuICAgIChjbGlja2VkKT1cIm9uQWRkQnV0dG9uQ2xpY2soKVwiXG4gICAgW2ljb25dPVwiaWNvblwiXG4gICAgW3RleHRdPVwibW9kZWwuYWRkQnV0dG9uVGV4dFwiXG4gICAgW3Nob3dBY3Rpb25CdXR0b25dPVwidHJ1ZVwiXG4gICAgW3Nob3dQb3BvdmVyXT1cInRydWVcIlxuICAgIFtpc0Rpc2FibGVkXT1cImZhbHNlXCJcbiAgPjwvc3ltcGhvbnktYnV0dG9uLXdpdGgtaWNvbj5cblxuICA8ZGl2XG4gICAgKm5nSWY9XCJtb2RlbC5pc0xvYWRpbmdcIlxuICAgIGNsYXNzPVwic2Z4LW10LTgwIHNmeC1tYi00MFwiXG4gICAgZmVlZGJhY2stY2FyZC1saXN0XG4gID5cbiAgICA8c3ltcGhvbnktc2Z4LWxvYWRlciBbbWVzc2FnZV09XCJtb2RlbC5sb2FkaW5nTWVzc2FnZVwiPjwvc3ltcGhvbnktc2Z4LWxvYWRlcj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -4663,10 +4663,10 @@ class AdditionModalComponent {
|
|
|
4663
4663
|
}
|
|
4664
4664
|
}
|
|
4665
4665
|
AdditionModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4666
|
-
AdditionModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionModalComponent, selector: "symphony-addition-modal", inputs: { model: "model" }, outputs: { buttonClicked: "buttonClicked", closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\">\n <symphony-paragraph>{{ model.content }}</symphony-paragraph>\n <symphony-input-text\n (textChange)=\"onInputValueChange($event)\"\n ></symphony-input-text>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button\n *ngIf=\"model.btnSecondary\"\n [text]=\"model.btnSecondary\"\n [isSecondary]=\"true\"\n (clicked)=\"
|
|
4666
|
+
AdditionModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionModalComponent, selector: "symphony-addition-modal", inputs: { model: "model" }, outputs: { buttonClicked: "buttonClicked", closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\">\n <symphony-paragraph>{{ model.content }}</symphony-paragraph>\n <symphony-input-text\n (textChange)=\"onInputValueChange($event)\"\n ></symphony-input-text>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button\n *ngIf=\"model.btnSecondary\"\n [text]=\"model.btnSecondary\"\n [isSecondary]=\"true\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-button>\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"model.btnPrimary\"\n [disabled]=\"false\"\n (clicked)=\"onButtonClick()\"\n ></symphony-button>\n </section>\n</div>\n", components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size"], outputs: ["textChange"] }, { type: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
4667
4667
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionModalComponent, decorators: [{
|
|
4668
4668
|
type: Component,
|
|
4669
|
-
args: [{ selector: 'symphony-addition-modal', template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\">\n <symphony-paragraph>{{ model.content }}</symphony-paragraph>\n <symphony-input-text\n (textChange)=\"onInputValueChange($event)\"\n ></symphony-input-text>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button\n *ngIf=\"model.btnSecondary\"\n [text]=\"model.btnSecondary\"\n [isSecondary]=\"true\"\n (clicked)=\"
|
|
4669
|
+
args: [{ selector: 'symphony-addition-modal', template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\">\n <symphony-paragraph>{{ model.content }}</symphony-paragraph>\n <symphony-input-text\n (textChange)=\"onInputValueChange($event)\"\n ></symphony-input-text>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n <symphony-button\n *ngIf=\"model.btnSecondary\"\n [text]=\"model.btnSecondary\"\n [isSecondary]=\"true\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-button>\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"model.btnPrimary\"\n [disabled]=\"false\"\n (clicked)=\"onButtonClick()\"\n ></symphony-button>\n </section>\n</div>\n" }]
|
|
4670
4670
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
4671
4671
|
type: Input
|
|
4672
4672
|
}], buttonClicked: [{
|
|
@@ -8007,10 +8007,10 @@ class ToggleListPartialPageComponent {
|
|
|
8007
8007
|
}
|
|
8008
8008
|
}
|
|
8009
8009
|
ToggleListPartialPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ToggleListPartialPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8010
|
-
ToggleListPartialPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ToggleListPartialPageComponent, selector: "symphony-toggle-list-partial-page", inputs: { model: "model" }, outputs: { updateSettingToggle: "updateSettingToggle", addButtonClick: "addButtonClick" }, ngImport: i0, template: "<div *ngIf=\"model\">\n <h3 sfx-header>{{ model.PageLabel }}</h3>\n <symphony-labelled-toggle-list\n [modelList]=\"model.toggleModels\"\n (toggleListItemValue)=\"updateSettingValue($event)\"\n >\n </symphony-labelled-toggle-list>\n <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n class=\"add-button sfx-font-bold\"\n (clicked)=\"onAddButtonClick()\"\n [icon]=\"icon\"\n [text]=\"model.addButtonText\"\n [showActionButton]=\"true\"\n [showPopover]=\"true\"\n [isDisabled]=\"false\"\n ></symphony-button-with-icon>\n\n <div\n *ngIf=\"model.isLoading\"\n class=\"sfx-mt-80 sfx-mb-40\"\n feedback-card-list\n >\n <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n </div>\n
|
|
8010
|
+
ToggleListPartialPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ToggleListPartialPageComponent, selector: "symphony-toggle-list-partial-page", inputs: { model: "model" }, outputs: { updateSettingToggle: "updateSettingToggle", addButtonClick: "addButtonClick" }, ngImport: i0, template: "<div *ngIf=\"model\">\n <h3 sfx-header>{{ model.PageLabel }}</h3>\n <symphony-labelled-toggle-list\n [modelList]=\"model.toggleModels\"\n (toggleListItemValue)=\"updateSettingValue($event)\"\n >\n </symphony-labelled-toggle-list>\n <div\n *ngIf=\"!model.toggleModels.length && !model.isLoading\"\n class=\"sfx-mt-80 sfx-mb-40\"\n feedback-card-list\n >\n <symphony-paragraph class=\"text-center\">{{\n model.message\n }}</symphony-paragraph>\n </div>\n \n <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n class=\"add-button sfx-font-bold\"\n (clicked)=\"onAddButtonClick()\"\n [icon]=\"icon\"\n [text]=\"model.addButtonText\"\n [showActionButton]=\"true\"\n [showPopover]=\"true\"\n [isDisabled]=\"false\"\n ></symphony-button-with-icon>\n\n <div\n *ngIf=\"model.isLoading\"\n class=\"sfx-mt-80 sfx-mb-40\"\n feedback-card-list\n >\n <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n </div>\n</div>\n", styles: [".add-button{color:#712ace}\n"], components: [{ type: LabelledToggleListComponent, selector: "symphony-labelled-toggle-list", inputs: ["modelList"], outputs: ["toggleListItemValue"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: ["text", "icon", "showActionButton", "showPopover", "isDisabled"], outputs: ["clicked"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
8011
8011
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ToggleListPartialPageComponent, decorators: [{
|
|
8012
8012
|
type: Component,
|
|
8013
|
-
args: [{ selector: 'symphony-toggle-list-partial-page', template: "<div *ngIf=\"model\">\n <h3 sfx-header>{{ model.PageLabel }}</h3>\n <symphony-labelled-toggle-list\n [modelList]=\"model.toggleModels\"\n (toggleListItemValue)=\"updateSettingValue($event)\"\n >\n </symphony-labelled-toggle-list>\n <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n class=\"add-button sfx-font-bold\"\n (clicked)=\"onAddButtonClick()\"\n [icon]=\"icon\"\n [text]=\"model.addButtonText\"\n [showActionButton]=\"true\"\n [showPopover]=\"true\"\n [isDisabled]=\"false\"\n ></symphony-button-with-icon>\n\n <div\n *ngIf=\"model.isLoading\"\n class=\"sfx-mt-80 sfx-mb-40\"\n feedback-card-list\n >\n <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n </div>\n
|
|
8013
|
+
args: [{ selector: 'symphony-toggle-list-partial-page', template: "<div *ngIf=\"model\">\n <h3 sfx-header>{{ model.PageLabel }}</h3>\n <symphony-labelled-toggle-list\n [modelList]=\"model.toggleModels\"\n (toggleListItemValue)=\"updateSettingValue($event)\"\n >\n </symphony-labelled-toggle-list>\n <div\n *ngIf=\"!model.toggleModels.length && !model.isLoading\"\n class=\"sfx-mt-80 sfx-mb-40\"\n feedback-card-list\n >\n <symphony-paragraph class=\"text-center\">{{\n model.message\n }}</symphony-paragraph>\n </div>\n \n <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n class=\"add-button sfx-font-bold\"\n (clicked)=\"onAddButtonClick()\"\n [icon]=\"icon\"\n [text]=\"model.addButtonText\"\n [showActionButton]=\"true\"\n [showPopover]=\"true\"\n [isDisabled]=\"false\"\n ></symphony-button-with-icon>\n\n <div\n *ngIf=\"model.isLoading\"\n class=\"sfx-mt-80 sfx-mb-40\"\n feedback-card-list\n >\n <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n </div>\n</div>\n", styles: [".add-button{color:#712ace}\n"] }]
|
|
8014
8014
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
8015
8015
|
type: Input
|
|
8016
8016
|
}], updateSettingToggle: [{
|