@symphony-talent/component-library 4.67.0 → 4.69.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/feedback-card/feedback-card.component.mjs +2 -2
- package/esm2020/lib/pages/domain-whitelisting-partial-page/domain-whitelisting-partial-page.component.mjs +7 -4
- package/esm2020/lib/pages/feedback-setting-details-page/feedback-setting-details-page.component.mjs +9 -3
- package/esm2020/projects/component-library/lib/molecules/feedback-card/feedback-card.component.mjs +2 -2
- package/esm2020/projects/component-library/lib/pages/domain-whitelisting-partial-page/domain-whitelisting-partial-page.component.mjs +7 -4
- package/esm2020/projects/component-library/lib/pages/feedback-setting-details-page/feedback-setting-details-page.component.mjs +9 -3
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +16 -7
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +16 -7
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +16 -7
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +16 -7
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/pages/domain-whitelisting-partial-page/domain-whitelisting-partial-page.component.d.ts +2 -0
- package/lib/pages/feedback-setting-details-page/feedback-setting-details-page.component.d.ts +3 -1
- package/package.json +1 -1
- package/projects/component-library/lib/pages/domain-whitelisting-partial-page/domain-whitelisting-partial-page.component.d.ts +2 -0
- package/projects/component-library/lib/pages/feedback-setting-details-page/feedback-setting-details-page.component.d.ts +3 -1
|
@@ -2800,10 +2800,10 @@ class FeedbackCardComponent {
|
|
|
2800
2800
|
}
|
|
2801
2801
|
}
|
|
2802
2802
|
FeedbackCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2803
|
-
FeedbackCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCardComponent, selector: "symphony-feedback-card", inputs: { model: "model" }, outputs: { cardClick: "cardClick" }, ngImport: i0, template: "<div *ngIf=\"model\" (click)=\"onCardClick($event)\" class=\"card-item-wrapper\">\n <div class=\"card-item sfx-d-flex\">\n <div class=\"card-title-wrap sfx-d-flex sfx-pb-15 sfx-mb-15\">\n <div class=\"card-wrap-text title card-title\">\n <symphony-h4 title=\"{{ model.title }}\">{{ model.title }}</symphony-h4>\n </div>\n <div class=\"card-icon\">\n <symphony-icon\n *ngIf=\"model.showEditIcon\"\n class=\"feedback-edit\"\n [icon]=\"'si-edit'\"\n [size]=\"'15.5px'\"\n ></symphony-icon>\n </div>\n </div>\n <div class=\"card-description\" *ngFor=\"let bodyText of model.body\">\n <symphony-paragraph class=\"card-wrap-text body\" title=\"{{ bodyText }}\">\n {{ bodyText }}\n </symphony-paragraph>\n </div>\n <div *ngIf=\"model.additionalDetails\" class=\"additional-details\">\n <symphony-color-sample\n *ngIf=\"model.additionalDetails.showIcon\"\n [color]=\"model.additionalDetails.iconColor\"\n ></symphony-color-sample>\n <span class=\"display-text\">{{\n model.additionalDetails.displayText\n }}</span>\n </div>\n <div class=\"card-footer sfx-d-flex\" [ngSwitch]=\"model.feedbackState\">\n <ng-container *ngSwitchCase=\"'Yes'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-green\"\n [icon]=\"'si-feedback-yes'\"\n ></symphony-icon>\n <symphony-paragraph>Yes</symphony-paragraph>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'No'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-red\"\n [icon]=\"'si-feedback-no'\"\n ></symphony-icon>\n <symphony-paragraph>No</symphony-paragraph>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'Not Now'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-orange\"\n [icon]=\"'si-feedback-maybe'\"\n ></symphony-icon>\n <symphony-paragraph>Not Now</symphony-paragraph>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'None'\">\n <symphony-paragraph class=\"sfx-bold\"\n >Provide Feedback</symphony-paragraph\n >\n </ng-container>\n </div>\n </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%}.card-wrap-text{font-size:16px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-word}.card-wrap-text.title
|
|
2803
|
+
FeedbackCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCardComponent, selector: "symphony-feedback-card", inputs: { model: "model" }, outputs: { cardClick: "cardClick" }, ngImport: i0, template: "<div *ngIf=\"model\" (click)=\"onCardClick($event)\" class=\"card-item-wrapper\">\n <div class=\"card-item sfx-d-flex\">\n <div class=\"card-title-wrap sfx-d-flex sfx-pb-15 sfx-mb-15\">\n <div class=\"card-wrap-text title card-title\">\n <symphony-h4 title=\"{{ model.title }}\">{{ model.title }}</symphony-h4>\n </div>\n <div class=\"card-icon\">\n <symphony-icon\n *ngIf=\"model.showEditIcon\"\n class=\"feedback-edit\"\n [icon]=\"'si-edit'\"\n [size]=\"'15.5px'\"\n ></symphony-icon>\n </div>\n </div>\n <div class=\"card-description\" *ngFor=\"let bodyText of model.body\">\n <symphony-paragraph class=\"card-wrap-text body\" title=\"{{ bodyText }}\">\n {{ bodyText }}\n </symphony-paragraph>\n </div>\n <div *ngIf=\"model.additionalDetails\" class=\"additional-details\">\n <symphony-color-sample\n *ngIf=\"model.additionalDetails.showIcon\"\n [color]=\"model.additionalDetails.iconColor\"\n ></symphony-color-sample>\n <span class=\"display-text\">{{\n model.additionalDetails.displayText\n }}</span>\n </div>\n <div class=\"card-footer sfx-d-flex\" [ngSwitch]=\"model.feedbackState\">\n <ng-container *ngSwitchCase=\"'Yes'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-green\"\n [icon]=\"'si-feedback-yes'\"\n ></symphony-icon>\n <symphony-paragraph>Yes</symphony-paragraph>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'No'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-red\"\n [icon]=\"'si-feedback-no'\"\n ></symphony-icon>\n <symphony-paragraph>No</symphony-paragraph>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'Not Now'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-orange\"\n [icon]=\"'si-feedback-maybe'\"\n ></symphony-icon>\n <symphony-paragraph>Not Now</symphony-paragraph>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'None'\">\n <symphony-paragraph class=\"sfx-bold\"\n >Provide Feedback</symphony-paragraph\n >\n </ng-container>\n </div>\n </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%}.card-wrap-text{font-size:16px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-word}.card-wrap-text.title{-webkit-line-clamp:1}.card-wrap-text.body{-webkit-line-clamp:2}.card-item{box-shadow:0 2px 10px rgba(0,0,0,.2);border-radius:10px;padding:20px;transition:.2s;cursor:pointer;height:260px;flex-direction:column;border:2px solid transparent}.card-item:hover{box-shadow:none;border-color:#82919f}.card-title-wrap{border-bottom:1px solid #d9d9d9}.card-title-wrap .card-title h4{font-size:14px;font-weight:500;letter-spacing:0}.card-icon{margin-left:auto}.card-icon i{vertical-align:text-top}.card-description p.body-copy-primary{margin:0}.card-footer{margin-top:auto;align-self:flex-end}.card-footer p.body-copy-primary{margin:0;line-height:24px}.card-footer .sfx-bold p{color:#712ace;font-weight:700}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}.additional-details .color-sample{height:20px!important;width:20px!important}.additional-details .display-text{margin-top:9px;display:inline-block;font-style:italic;font-weight:500}\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: ColorSampleComponent, selector: "symphony-color-sample", inputs: ["color", "isSmall"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2804
2804
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardComponent, decorators: [{
|
|
2805
2805
|
type: Component,
|
|
2806
|
-
args: [{ selector: 'symphony-feedback-card', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"model\" (click)=\"onCardClick($event)\" class=\"card-item-wrapper\">\n <div class=\"card-item sfx-d-flex\">\n <div class=\"card-title-wrap sfx-d-flex sfx-pb-15 sfx-mb-15\">\n <div class=\"card-wrap-text title card-title\">\n <symphony-h4 title=\"{{ model.title }}\">{{ model.title }}</symphony-h4>\n </div>\n <div class=\"card-icon\">\n <symphony-icon\n *ngIf=\"model.showEditIcon\"\n class=\"feedback-edit\"\n [icon]=\"'si-edit'\"\n [size]=\"'15.5px'\"\n ></symphony-icon>\n </div>\n </div>\n <div class=\"card-description\" *ngFor=\"let bodyText of model.body\">\n <symphony-paragraph class=\"card-wrap-text body\" title=\"{{ bodyText }}\">\n {{ bodyText }}\n </symphony-paragraph>\n </div>\n <div *ngIf=\"model.additionalDetails\" class=\"additional-details\">\n <symphony-color-sample\n *ngIf=\"model.additionalDetails.showIcon\"\n [color]=\"model.additionalDetails.iconColor\"\n ></symphony-color-sample>\n <span class=\"display-text\">{{\n model.additionalDetails.displayText\n }}</span>\n </div>\n <div class=\"card-footer sfx-d-flex\" [ngSwitch]=\"model.feedbackState\">\n <ng-container *ngSwitchCase=\"'Yes'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-green\"\n [icon]=\"'si-feedback-yes'\"\n ></symphony-icon>\n <symphony-paragraph>Yes</symphony-paragraph>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'No'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-red\"\n [icon]=\"'si-feedback-no'\"\n ></symphony-icon>\n <symphony-paragraph>No</symphony-paragraph>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'Not Now'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-orange\"\n [icon]=\"'si-feedback-maybe'\"\n ></symphony-icon>\n <symphony-paragraph>Not Now</symphony-paragraph>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'None'\">\n <symphony-paragraph class=\"sfx-bold\"\n >Provide Feedback</symphony-paragraph\n >\n </ng-container>\n </div>\n </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%}.card-wrap-text{font-size:16px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-word}.card-wrap-text.title
|
|
2806
|
+
args: [{ selector: 'symphony-feedback-card', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"model\" (click)=\"onCardClick($event)\" class=\"card-item-wrapper\">\n <div class=\"card-item sfx-d-flex\">\n <div class=\"card-title-wrap sfx-d-flex sfx-pb-15 sfx-mb-15\">\n <div class=\"card-wrap-text title card-title\">\n <symphony-h4 title=\"{{ model.title }}\">{{ model.title }}</symphony-h4>\n </div>\n <div class=\"card-icon\">\n <symphony-icon\n *ngIf=\"model.showEditIcon\"\n class=\"feedback-edit\"\n [icon]=\"'si-edit'\"\n [size]=\"'15.5px'\"\n ></symphony-icon>\n </div>\n </div>\n <div class=\"card-description\" *ngFor=\"let bodyText of model.body\">\n <symphony-paragraph class=\"card-wrap-text body\" title=\"{{ bodyText }}\">\n {{ bodyText }}\n </symphony-paragraph>\n </div>\n <div *ngIf=\"model.additionalDetails\" class=\"additional-details\">\n <symphony-color-sample\n *ngIf=\"model.additionalDetails.showIcon\"\n [color]=\"model.additionalDetails.iconColor\"\n ></symphony-color-sample>\n <span class=\"display-text\">{{\n model.additionalDetails.displayText\n }}</span>\n </div>\n <div class=\"card-footer sfx-d-flex\" [ngSwitch]=\"model.feedbackState\">\n <ng-container *ngSwitchCase=\"'Yes'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-green\"\n [icon]=\"'si-feedback-yes'\"\n ></symphony-icon>\n <symphony-paragraph>Yes</symphony-paragraph>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'No'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-red\"\n [icon]=\"'si-feedback-no'\"\n ></symphony-icon>\n <symphony-paragraph>No</symphony-paragraph>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'Not Now'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-orange\"\n [icon]=\"'si-feedback-maybe'\"\n ></symphony-icon>\n <symphony-paragraph>Not Now</symphony-paragraph>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'None'\">\n <symphony-paragraph class=\"sfx-bold\"\n >Provide Feedback</symphony-paragraph\n >\n </ng-container>\n </div>\n </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%}.card-wrap-text{font-size:16px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-word}.card-wrap-text.title{-webkit-line-clamp:1}.card-wrap-text.body{-webkit-line-clamp:2}.card-item{box-shadow:0 2px 10px rgba(0,0,0,.2);border-radius:10px;padding:20px;transition:.2s;cursor:pointer;height:260px;flex-direction:column;border:2px solid transparent}.card-item:hover{box-shadow:none;border-color:#82919f}.card-title-wrap{border-bottom:1px solid #d9d9d9}.card-title-wrap .card-title h4{font-size:14px;font-weight:500;letter-spacing:0}.card-icon{margin-left:auto}.card-icon i{vertical-align:text-top}.card-description p.body-copy-primary{margin:0}.card-footer{margin-top:auto;align-self:flex-end}.card-footer p.body-copy-primary{margin:0;line-height:24px}.card-footer .sfx-bold p{color:#712ace;font-weight:700}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}.additional-details .color-sample{height:20px!important;width:20px!important}.additional-details .display-text{margin-top:9px;display:inline-block;font-style:italic;font-weight:500}\n"] }]
|
|
2807
2807
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
2808
2808
|
type: Input
|
|
2809
2809
|
}], cardClick: [{
|
|
@@ -8039,14 +8039,17 @@ class DomainWhitelistingPartialPageComponent {
|
|
|
8039
8039
|
this.clicked = new EventEmitter();
|
|
8040
8040
|
}
|
|
8041
8041
|
onClick() {
|
|
8042
|
-
this.clicked.emit(this.
|
|
8042
|
+
this.clicked.emit(this.valueToAdd);
|
|
8043
|
+
}
|
|
8044
|
+
onTextChanged(value) {
|
|
8045
|
+
this.valueToAdd = value;
|
|
8043
8046
|
}
|
|
8044
8047
|
}
|
|
8045
8048
|
DomainWhitelistingPartialPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DomainWhitelistingPartialPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8046
|
-
DomainWhitelistingPartialPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DomainWhitelistingPartialPageComponent, selector: "symphony-domain-whitelisting-partial-page", inputs: { model: "model" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div *ngIf=\"model\">\n <h3 sfx-header>{{ model.pageTitle }}</h3>\n <div class=\"sfx-pt-20 sfx-border-top-gray-1 sfx-pb-5 sfx-font-bold\">\n <symphony-paragraph>\n {{model.title}}\n </symphony-paragraph>\n </div>\n <div>\n <symphony-paragraph>\n {{model.description}}\n </symphony-paragraph>\n </div>\n <div class=\"sfx-pt-20 sfx-pl-30\">\n <div class=\"sfx-pb-20\">\n <symphony-paragraph class=\"sfx-font-bold\">\n {{model.heading}}\n </symphony-paragraph>\n <symphony-paragraph>\n {{model.text}}\n </symphony-paragraph>\n </div>\n <div *ngIf=\"!model.isLoading\" class=\"whitelist-domains\">\n <symphony-input-textarea class=\"text-box\" [model]=\"model.whitelistedDomains\">\n </symphony-input-textarea>\n <symphony-button-v2 class=\"button\" (click)=\"onClick()\" [text]=\"model.buttonText\"> </symphony-button-v2>\n </div>\n <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n </div>\n</div>", styles: [".text-box{width:100%;display:block}.whitelist-domains{min-width:250px;padding-right:45%}.button{float:right}\n"], components: [{ type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: InputTextareaComponent, selector: "symphony-input-textarea", inputs: ["model", "isDisabled", "currentCount", "placeholder", "rows"], outputs: ["textAreaChanged"] }, { 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"] }] });
|
|
8049
|
+
DomainWhitelistingPartialPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DomainWhitelistingPartialPageComponent, selector: "symphony-domain-whitelisting-partial-page", inputs: { model: "model" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div *ngIf=\"model\">\n <h3 sfx-header>{{ model.pageTitle }}</h3>\n <div class=\"sfx-pt-20 sfx-border-top-gray-1 sfx-pb-5 sfx-font-bold\">\n <symphony-paragraph>\n {{model.title}}\n </symphony-paragraph>\n </div>\n <div>\n <symphony-paragraph>\n {{model.description}}\n </symphony-paragraph>\n </div>\n <div class=\"sfx-pt-20 sfx-pl-30\">\n <div class=\"sfx-pb-20\">\n <symphony-paragraph class=\"sfx-font-bold\">\n {{model.heading}}\n </symphony-paragraph>\n <symphony-paragraph>\n {{model.text}}\n </symphony-paragraph>\n </div>\n <div *ngIf=\"!model.isLoading\" class=\"whitelist-domains\">\n <symphony-input-textarea class=\"text-box\" [model]=\"model.whitelistedDomains\"\n (textAreaChanged)=\"onTextChanged($event)\">\n </symphony-input-textarea>\n <symphony-button-v2 class=\"button\" (click)=\"onClick()\" [text]=\"model.buttonText\"> </symphony-button-v2>\n </div>\n <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n </div>\n</div>", styles: [".text-box{width:100%;display:block}.whitelist-domains{min-width:250px;padding-right:45%}.button{float:right}\n"], components: [{ type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: InputTextareaComponent, selector: "symphony-input-textarea", inputs: ["model", "isDisabled", "currentCount", "placeholder", "rows"], outputs: ["textAreaChanged"] }, { 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"] }] });
|
|
8047
8050
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DomainWhitelistingPartialPageComponent, decorators: [{
|
|
8048
8051
|
type: Component,
|
|
8049
|
-
args: [{ selector: 'symphony-domain-whitelisting-partial-page', template: "<div *ngIf=\"model\">\n <h3 sfx-header>{{ model.pageTitle }}</h3>\n <div class=\"sfx-pt-20 sfx-border-top-gray-1 sfx-pb-5 sfx-font-bold\">\n <symphony-paragraph>\n {{model.title}}\n </symphony-paragraph>\n </div>\n <div>\n <symphony-paragraph>\n {{model.description}}\n </symphony-paragraph>\n </div>\n <div class=\"sfx-pt-20 sfx-pl-30\">\n <div class=\"sfx-pb-20\">\n <symphony-paragraph class=\"sfx-font-bold\">\n {{model.heading}}\n </symphony-paragraph>\n <symphony-paragraph>\n {{model.text}}\n </symphony-paragraph>\n </div>\n <div *ngIf=\"!model.isLoading\" class=\"whitelist-domains\">\n <symphony-input-textarea class=\"text-box\" [model]=\"model.whitelistedDomains\">\n </symphony-input-textarea>\n <symphony-button-v2 class=\"button\" (click)=\"onClick()\" [text]=\"model.buttonText\"> </symphony-button-v2>\n </div>\n <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n </div>\n</div>", styles: [".text-box{width:100%;display:block}.whitelist-domains{min-width:250px;padding-right:45%}.button{float:right}\n"] }]
|
|
8052
|
+
args: [{ selector: 'symphony-domain-whitelisting-partial-page', template: "<div *ngIf=\"model\">\n <h3 sfx-header>{{ model.pageTitle }}</h3>\n <div class=\"sfx-pt-20 sfx-border-top-gray-1 sfx-pb-5 sfx-font-bold\">\n <symphony-paragraph>\n {{model.title}}\n </symphony-paragraph>\n </div>\n <div>\n <symphony-paragraph>\n {{model.description}}\n </symphony-paragraph>\n </div>\n <div class=\"sfx-pt-20 sfx-pl-30\">\n <div class=\"sfx-pb-20\">\n <symphony-paragraph class=\"sfx-font-bold\">\n {{model.heading}}\n </symphony-paragraph>\n <symphony-paragraph>\n {{model.text}}\n </symphony-paragraph>\n </div>\n <div *ngIf=\"!model.isLoading\" class=\"whitelist-domains\">\n <symphony-input-textarea class=\"text-box\" [model]=\"model.whitelistedDomains\"\n (textAreaChanged)=\"onTextChanged($event)\">\n </symphony-input-textarea>\n <symphony-button-v2 class=\"button\" (click)=\"onClick()\" [text]=\"model.buttonText\"> </symphony-button-v2>\n </div>\n <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n </div>\n</div>", styles: [".text-box{width:100%;display:block}.whitelist-domains{min-width:250px;padding-right:45%}.button{float:right}\n"] }]
|
|
8050
8053
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
8051
8054
|
type: Input
|
|
8052
8055
|
}], clicked: [{
|
|
@@ -8058,6 +8061,7 @@ class FeedbackSettingDetailsPageComponent {
|
|
|
8058
8061
|
this.detailNavigationClicked = new EventEmitter();
|
|
8059
8062
|
this.settingToggleClicked = new EventEmitter();
|
|
8060
8063
|
this.addButtonClicked = new EventEmitter();
|
|
8064
|
+
this.saveButtonClicked = new EventEmitter();
|
|
8061
8065
|
}
|
|
8062
8066
|
onDetailNavigationClick(event) {
|
|
8063
8067
|
this.detailNavigationClicked.emit(event);
|
|
@@ -8068,12 +8072,15 @@ class FeedbackSettingDetailsPageComponent {
|
|
|
8068
8072
|
onAddButtonClick() {
|
|
8069
8073
|
this.addButtonClicked.emit();
|
|
8070
8074
|
}
|
|
8075
|
+
onSaveButtonClick(event) {
|
|
8076
|
+
this.saveButtonClicked.emit(event);
|
|
8077
|
+
}
|
|
8071
8078
|
}
|
|
8072
8079
|
FeedbackSettingDetailsPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackSettingDetailsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8073
|
-
FeedbackSettingDetailsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackSettingDetailsPageComponent, selector: "symphony-feedback-setting-details-page", inputs: { model: "model" }, outputs: { detailNavigationClicked: "detailNavigationClicked", settingToggleClicked: "settingToggleClicked", addButtonClicked: "addButtonClicked" }, ngImport: i0, template: "<symphony-setting-details-template *ngIf=\"model\">\n <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-h3 sfx-header [text]=\"model.pageTitle\"></symphony-h3>\n <symphony-settings-detail-navigation-list\n sfx-nav\n [navigationList]=\"model.navigationList\"\n (navigationItemClicked)=\"onDetailNavigationClick($event)\"\n ></symphony-settings-detail-navigation-list>\n\n <section sfx-content>\n <symphony-toggle-list-partial-page\n *ngIf=\"model.displayToggleList\"\n [model]=\"model.toggleListPartialPageModel\"\n (updateSettingToggle)=\"onToggleClick($event)\"\n (addButtonClick)=\"onAddButtonClick()\"\n >\n </symphony-toggle-list-partial-page>\n <symphony-domain-whitelisting-partial-page \n *ngIf=\"!model.displayToggleList\"\n [model]=\"model.whitelistDomainModel\"\n >\n </symphony-domain-whitelisting-partial-page>\n </section>\n</symphony-setting-details-template>\n", components: [{ type: SettingDetailsTemplateComponent, selector: "symphony-setting-details-template" }, { type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"], outputs: ["breadcrumbClicked"] }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: SettingsDetailNavigationListComponent, selector: "symphony-settings-detail-navigation-list", inputs: ["navigationList"], outputs: ["navigationItemClicked"] }, { type: ToggleListPartialPageComponent, selector: "symphony-toggle-list-partial-page", inputs: ["model"], outputs: ["updateSettingToggle", "addButtonClick"] }, { type: DomainWhitelistingPartialPageComponent, selector: "symphony-domain-whitelisting-partial-page", inputs: ["model"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
8080
|
+
FeedbackSettingDetailsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackSettingDetailsPageComponent, selector: "symphony-feedback-setting-details-page", inputs: { model: "model" }, outputs: { detailNavigationClicked: "detailNavigationClicked", settingToggleClicked: "settingToggleClicked", addButtonClicked: "addButtonClicked", saveButtonClicked: "saveButtonClicked" }, ngImport: i0, template: "<symphony-setting-details-template *ngIf=\"model\">\n <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-h3 sfx-header [text]=\"model.pageTitle\"></symphony-h3>\n <symphony-settings-detail-navigation-list\n sfx-nav\n [navigationList]=\"model.navigationList\"\n (navigationItemClicked)=\"onDetailNavigationClick($event)\"\n ></symphony-settings-detail-navigation-list>\n\n <section sfx-content>\n <symphony-toggle-list-partial-page\n *ngIf=\"model.displayToggleList\"\n [model]=\"model.toggleListPartialPageModel\"\n (updateSettingToggle)=\"onToggleClick($event)\"\n (addButtonClick)=\"onAddButtonClick()\"\n >\n </symphony-toggle-list-partial-page>\n <symphony-domain-whitelisting-partial-page \n *ngIf=\"!model.displayToggleList\"\n [model]=\"model.whitelistDomainModel\"\n (clicked)=\"onSaveButtonClick($event)\"\n >\n </symphony-domain-whitelisting-partial-page>\n </section>\n</symphony-setting-details-template>\n", components: [{ type: SettingDetailsTemplateComponent, selector: "symphony-setting-details-template" }, { type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"], outputs: ["breadcrumbClicked"] }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: SettingsDetailNavigationListComponent, selector: "symphony-settings-detail-navigation-list", inputs: ["navigationList"], outputs: ["navigationItemClicked"] }, { type: ToggleListPartialPageComponent, selector: "symphony-toggle-list-partial-page", inputs: ["model"], outputs: ["updateSettingToggle", "addButtonClick"] }, { type: DomainWhitelistingPartialPageComponent, selector: "symphony-domain-whitelisting-partial-page", inputs: ["model"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
8074
8081
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackSettingDetailsPageComponent, decorators: [{
|
|
8075
8082
|
type: Component,
|
|
8076
|
-
args: [{ selector: 'symphony-feedback-setting-details-page', template: "<symphony-setting-details-template *ngIf=\"model\">\n <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-h3 sfx-header [text]=\"model.pageTitle\"></symphony-h3>\n <symphony-settings-detail-navigation-list\n sfx-nav\n [navigationList]=\"model.navigationList\"\n (navigationItemClicked)=\"onDetailNavigationClick($event)\"\n ></symphony-settings-detail-navigation-list>\n\n <section sfx-content>\n <symphony-toggle-list-partial-page\n *ngIf=\"model.displayToggleList\"\n [model]=\"model.toggleListPartialPageModel\"\n (updateSettingToggle)=\"onToggleClick($event)\"\n (addButtonClick)=\"onAddButtonClick()\"\n >\n </symphony-toggle-list-partial-page>\n <symphony-domain-whitelisting-partial-page \n *ngIf=\"!model.displayToggleList\"\n [model]=\"model.whitelistDomainModel\"\n >\n </symphony-domain-whitelisting-partial-page>\n </section>\n</symphony-setting-details-template>\n" }]
|
|
8083
|
+
args: [{ selector: 'symphony-feedback-setting-details-page', template: "<symphony-setting-details-template *ngIf=\"model\">\n <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-h3 sfx-header [text]=\"model.pageTitle\"></symphony-h3>\n <symphony-settings-detail-navigation-list\n sfx-nav\n [navigationList]=\"model.navigationList\"\n (navigationItemClicked)=\"onDetailNavigationClick($event)\"\n ></symphony-settings-detail-navigation-list>\n\n <section sfx-content>\n <symphony-toggle-list-partial-page\n *ngIf=\"model.displayToggleList\"\n [model]=\"model.toggleListPartialPageModel\"\n (updateSettingToggle)=\"onToggleClick($event)\"\n (addButtonClick)=\"onAddButtonClick()\"\n >\n </symphony-toggle-list-partial-page>\n <symphony-domain-whitelisting-partial-page \n *ngIf=\"!model.displayToggleList\"\n [model]=\"model.whitelistDomainModel\"\n (clicked)=\"onSaveButtonClick($event)\"\n >\n </symphony-domain-whitelisting-partial-page>\n </section>\n</symphony-setting-details-template>\n" }]
|
|
8077
8084
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
8078
8085
|
type: Input
|
|
8079
8086
|
}], detailNavigationClicked: [{
|
|
@@ -8082,6 +8089,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
8082
8089
|
type: Output
|
|
8083
8090
|
}], addButtonClicked: [{
|
|
8084
8091
|
type: Output
|
|
8092
|
+
}], saveButtonClicked: [{
|
|
8093
|
+
type: Output
|
|
8085
8094
|
}] } });
|
|
8086
8095
|
|
|
8087
8096
|
class ToggleListPartialPageModule {
|