@symphony-talent/component-library 4.65.0 → 4.67.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/atoms/button-v2/button.component.mjs +2 -2
- package/esm2020/lib/atoms/icon-wrapper/icon-wrapper.component.mjs +2 -2
- package/esm2020/lib/molecules/breadcrumb/breadcrumb.component.mjs +2 -2
- package/esm2020/lib/molecules/feedback-candidate-certifications/feedback-candidate-certifications.component.mjs +3 -3
- package/esm2020/lib/molecules/feedback-candidate-education/feedback-candidate-education.component.mjs +3 -3
- package/esm2020/lib/molecules/feedback-candidate-workhistory/feedback-candidate-workhistory.component.mjs +3 -3
- package/esm2020/lib/molecules/feedback-card/feedback-card.component.mjs +3 -3
- package/esm2020/lib/organisms/feedback-detail-candidate-info/feedback-detail-candidate-info.component.mjs +9 -10
- package/esm2020/lib/organisms/feedback-detail-candidate-info/feedback-detail-candidate-info.module.mjs +5 -5
- package/esm2020/lib/organisms/feedback-detail-header/feedback-detail-header.component.mjs +5 -6
- package/esm2020/lib/organisms/feedback-detail-header/feedback-detail-header.module.mjs +5 -13
- package/esm2020/lib/organisms/feedback-detail-interest-form/feedback-detail-interest-form.component.mjs +4 -4
- package/esm2020/lib/organisms/feedback-detail-interest-form/feedback-detail-interest-form.module.mjs +8 -4
- package/esm2020/lib/organisms/feedback-login-modal/feedback-login-modal.component.mjs +4 -4
- package/esm2020/lib/organisms/feedback-login-modal/feedback-login-modal.module.mjs +8 -8
- package/esm2020/lib/pages/domain-whitelisting-partial-page/domain-whitelisting-partial-page.component.mjs +5 -4
- package/esm2020/lib/pages/domain-whitelisting-partial-page/domain-whitelisting-partial-page.model.mjs +1 -1
- package/esm2020/lib/pages/domain-whitelisting-partial-page/domain-whitelisting-partial-page.module.mjs +21 -4
- package/esm2020/lib/pages/feedback-detail-page/feedback-detail-page.component.mjs +10 -9
- package/esm2020/lib/pages/feedback-detail-page/feedback-detail-page.module.mjs +5 -1
- package/esm2020/lib/pages/feedback-setting-details-page/feedback-setting-details-page.component.mjs +5 -4
- package/esm2020/lib/pages/feedback-setting-details-page/feedback-setting-details-page.component.model.mjs +1 -1
- package/esm2020/lib/pages/feedback-setting-details-page/feedback-setting-details-page.module.mjs +7 -3
- package/esm2020/lib/templates/feeback-list-template/feedback-list-template.component.mjs +3 -3
- package/esm2020/lib/templates/feedback-detail-template/feedback-detail-template.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/atoms/button-v2/button.component.mjs +2 -2
- package/esm2020/projects/component-library/lib/atoms/icon-wrapper/icon-wrapper.component.mjs +2 -2
- package/esm2020/projects/component-library/lib/molecules/breadcrumb/breadcrumb.component.mjs +2 -2
- package/esm2020/projects/component-library/lib/molecules/feedback-candidate-certifications/feedback-candidate-certifications.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/molecules/feedback-candidate-education/feedback-candidate-education.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/molecules/feedback-candidate-workhistory/feedback-candidate-workhistory.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/molecules/feedback-card/feedback-card.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/organisms/feedback-detail-candidate-info/feedback-detail-candidate-info.component.mjs +9 -10
- package/esm2020/projects/component-library/lib/organisms/feedback-detail-candidate-info/feedback-detail-candidate-info.module.mjs +5 -5
- package/esm2020/projects/component-library/lib/organisms/feedback-detail-header/feedback-detail-header.component.mjs +5 -6
- package/esm2020/projects/component-library/lib/organisms/feedback-detail-header/feedback-detail-header.module.mjs +5 -13
- package/esm2020/projects/component-library/lib/organisms/feedback-detail-interest-form/feedback-detail-interest-form.component.mjs +4 -4
- package/esm2020/projects/component-library/lib/organisms/feedback-detail-interest-form/feedback-detail-interest-form.module.mjs +8 -4
- package/esm2020/projects/component-library/lib/organisms/feedback-login-modal/feedback-login-modal.component.mjs +4 -4
- package/esm2020/projects/component-library/lib/organisms/feedback-login-modal/feedback-login-modal.module.mjs +8 -8
- package/esm2020/projects/component-library/lib/pages/domain-whitelisting-partial-page/domain-whitelisting-partial-page.component.mjs +5 -4
- package/esm2020/projects/component-library/lib/pages/domain-whitelisting-partial-page/domain-whitelisting-partial-page.model.mjs +1 -1
- package/esm2020/projects/component-library/lib/pages/domain-whitelisting-partial-page/domain-whitelisting-partial-page.module.mjs +21 -4
- package/esm2020/projects/component-library/lib/pages/feedback-detail-page/feedback-detail-page.component.mjs +10 -9
- package/esm2020/projects/component-library/lib/pages/feedback-detail-page/feedback-detail-page.module.mjs +5 -1
- package/esm2020/projects/component-library/lib/pages/feedback-setting-details-page/feedback-setting-details-page.component.mjs +5 -4
- package/esm2020/projects/component-library/lib/pages/feedback-setting-details-page/feedback-setting-details-page.component.model.mjs +1 -1
- package/esm2020/projects/component-library/lib/pages/feedback-setting-details-page/feedback-setting-details-page.module.mjs +7 -3
- package/esm2020/projects/component-library/lib/templates/feeback-list-template/feedback-list-template.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/templates/feedback-detail-template/feedback-detail-template.component.mjs +3 -3
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +105 -86
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +105 -86
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +105 -86
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +105 -86
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/organisms/feedback-detail-candidate-info/feedback-detail-candidate-info.module.d.ts +2 -2
- package/lib/organisms/feedback-detail-header/feedback-detail-header.module.d.ts +2 -4
- package/lib/organisms/feedback-detail-interest-form/feedback-detail-interest-form.module.d.ts +2 -1
- package/lib/organisms/feedback-login-modal/feedback-login-modal.module.d.ts +4 -4
- package/lib/pages/domain-whitelisting-partial-page/domain-whitelisting-partial-page.model.d.ts +2 -0
- package/lib/pages/domain-whitelisting-partial-page/domain-whitelisting-partial-page.module.d.ts +2 -1
- package/lib/pages/feedback-detail-page/feedback-detail-page.module.d.ts +5 -4
- package/lib/pages/feedback-setting-details-page/feedback-setting-details-page.component.model.d.ts +3 -0
- package/lib/pages/feedback-setting-details-page/feedback-setting-details-page.module.d.ts +2 -1
- package/package.json +1 -1
- package/projects/component-library/global-assets/spacing.scss +3 -0
- package/projects/component-library/lib/organisms/feedback-detail-candidate-info/feedback-detail-candidate-info.module.d.ts +2 -2
- package/projects/component-library/lib/organisms/feedback-detail-header/feedback-detail-header.module.d.ts +2 -4
- package/projects/component-library/lib/organisms/feedback-detail-interest-form/feedback-detail-interest-form.module.d.ts +2 -1
- package/projects/component-library/lib/organisms/feedback-login-modal/feedback-login-modal.module.d.ts +4 -4
- package/projects/component-library/lib/pages/domain-whitelisting-partial-page/domain-whitelisting-partial-page.model.d.ts +2 -0
- package/projects/component-library/lib/pages/domain-whitelisting-partial-page/domain-whitelisting-partial-page.module.d.ts +2 -1
- package/projects/component-library/lib/pages/feedback-detail-page/feedback-detail-page.module.d.ts +5 -4
- package/projects/component-library/lib/pages/feedback-setting-details-page/feedback-setting-details-page.component.model.d.ts +3 -0
- package/projects/component-library/lib/pages/feedback-setting-details-page/feedback-setting-details-page.module.d.ts +2 -1
|
@@ -176,10 +176,10 @@ class ButtonV2Component extends ButtonComponent {
|
|
|
176
176
|
}
|
|
177
177
|
}
|
|
178
178
|
ButtonV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
179
|
-
ButtonV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ButtonV2Component, selector: "symphony-button-v2", usesInheritance: true, ngImport: i0, template: "<div class=\"v2\">\n <button\n class=\"btn sb-sfx-btn\"\n [ngClass]=\"{\n 'btn-secondary': isSecondary,\n 'btn-primary': !isSecondary,\n 'is-inverse': isInverse\n }\"\n (click)=\"onClick()\"\n [disabled]=\"disabled\"\n >\n {{ text }}\n </button>\n</div>\n", styles: [".v2 button{outline:none}.v2 .btn{padding-left:
|
|
179
|
+
ButtonV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ButtonV2Component, selector: "symphony-button-v2", usesInheritance: true, ngImport: i0, template: "<div class=\"v2\">\n <button\n class=\"btn sb-sfx-btn\"\n [ngClass]=\"{\n 'btn-secondary': isSecondary,\n 'btn-primary': !isSecondary,\n 'is-inverse': isInverse\n }\"\n (click)=\"onClick()\"\n [disabled]=\"disabled\"\n >\n {{ text }}\n </button>\n</div>\n", styles: [".v2 button{outline:none}.v2 .btn{padding-left:1.25rem;padding-right:1.25rem;border-radius:30px;height:40px;font-family:runda,sans-serif;letter-spacing:.4px}.v2 .btn.sb-sfx-btn{border-radius:30px!important;font-weight:700!important;min-width:110px;text-transform:uppercase}.v2 .btn:focus{outline:none}.v2 .btn:disabled{cursor:not-allowed;opacity:70%}.v2 .btn:disabled:hover{opacity:70%}.v2 .btn-primary{background:#2B8FF3!important;color:#fff;border:1px solid #FFF}.v2 .btn-primary:hover{opacity:90%}.v2 .btn-secondary{background:#fff;color:#000;border:2px solid #000000}.v2 .btn-secondary:hover{opacity:90%}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
180
180
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonV2Component, decorators: [{
|
|
181
181
|
type: Component,
|
|
182
|
-
args: [{ selector: 'symphony-button-v2', template: "<div class=\"v2\">\n <button\n class=\"btn sb-sfx-btn\"\n [ngClass]=\"{\n 'btn-secondary': isSecondary,\n 'btn-primary': !isSecondary,\n 'is-inverse': isInverse\n }\"\n (click)=\"onClick()\"\n [disabled]=\"disabled\"\n >\n {{ text }}\n </button>\n</div>\n", styles: [".v2 button{outline:none}.v2 .btn{padding-left:
|
|
182
|
+
args: [{ selector: 'symphony-button-v2', template: "<div class=\"v2\">\n <button\n class=\"btn sb-sfx-btn\"\n [ngClass]=\"{\n 'btn-secondary': isSecondary,\n 'btn-primary': !isSecondary,\n 'is-inverse': isInverse\n }\"\n (click)=\"onClick()\"\n [disabled]=\"disabled\"\n >\n {{ text }}\n </button>\n</div>\n", styles: [".v2 button{outline:none}.v2 .btn{padding-left:1.25rem;padding-right:1.25rem;border-radius:30px;height:40px;font-family:runda,sans-serif;letter-spacing:.4px}.v2 .btn.sb-sfx-btn{border-radius:30px!important;font-weight:700!important;min-width:110px;text-transform:uppercase}.v2 .btn:focus{outline:none}.v2 .btn:disabled{cursor:not-allowed;opacity:70%}.v2 .btn:disabled:hover{opacity:70%}.v2 .btn-primary{background:#2B8FF3!important;color:#fff;border:1px solid #FFF}.v2 .btn-primary:hover{opacity:90%}.v2 .btn-secondary{background:#fff;color:#000;border:2px solid #000000}.v2 .btn-secondary:hover{opacity:90%}\n"] }]
|
|
183
183
|
}], ctorParameters: function () { return []; } });
|
|
184
184
|
|
|
185
185
|
class ButtonV2Module {
|
|
@@ -1321,10 +1321,10 @@ class IconWrapperComponent {
|
|
|
1321
1321
|
}
|
|
1322
1322
|
}
|
|
1323
1323
|
IconWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1324
|
-
IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: { backgroundColor: "backgroundColor", isInverse: "isInverse", hasHoverWithoutBorder: "hasHoverWithoutBorder" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"icon-wrapper\" [ngClass]=\"{ 'is-inverse': isInverse, 'hoverWithoutBorder': hasHoverWithoutBorder }\"\n (click)=\"onClick()\" [style.background]=\"backgroundColor ? backgroundColor : 'null'\">\n <ng-content></ng-content>\n</div>", styles: [".icon-wrapper{border-radius:50%;border:2px solid #334860;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.icon-wrapper:hover{background:#334860;color:#fff}.icon-wrapper.is-inverse{background:#000;color:#fff}.icon-wrapper.is-inverse:hover{background:#fff;color:#000}.icon-wrapper.hoverWithoutBorder{border:none;line-height:30px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
1324
|
+
IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: { backgroundColor: "backgroundColor", isInverse: "isInverse", hasHoverWithoutBorder: "hasHoverWithoutBorder" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"icon-wrapper\" [ngClass]=\"{ 'is-inverse': isInverse, 'hoverWithoutBorder': hasHoverWithoutBorder }\"\n (click)=\"onClick()\" [style.background]=\"backgroundColor ? backgroundColor : 'null'\">\n <ng-content></ng-content>\n</div>", styles: [".icon-wrapper{border-radius:50%;border:2px solid #334860;height:40px;width:40px;padding:9px 0;color:#334860;cursor:pointer;text-align:center}.icon-wrapper:hover{background:#334860;color:#fff}.icon-wrapper.is-inverse{background:#000;color:#fff}.icon-wrapper.is-inverse:hover{background:#fff;color:#000}.icon-wrapper.hoverWithoutBorder{border:none;line-height:30px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
1325
1325
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconWrapperComponent, decorators: [{
|
|
1326
1326
|
type: Component,
|
|
1327
|
-
args: [{ selector: 'symphony-icon-wrapper', template: "<div class=\"icon-wrapper\" [ngClass]=\"{ 'is-inverse': isInverse, 'hoverWithoutBorder': hasHoverWithoutBorder }\"\n (click)=\"onClick()\" [style.background]=\"backgroundColor ? backgroundColor : 'null'\">\n <ng-content></ng-content>\n</div>", styles: [".icon-wrapper{border-radius:50%;border:2px solid #334860;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.icon-wrapper:hover{background:#334860;color:#fff}.icon-wrapper.is-inverse{background:#000;color:#fff}.icon-wrapper.is-inverse:hover{background:#fff;color:#000}.icon-wrapper.hoverWithoutBorder{border:none;line-height:30px}\n"] }]
|
|
1327
|
+
args: [{ selector: 'symphony-icon-wrapper', template: "<div class=\"icon-wrapper\" [ngClass]=\"{ 'is-inverse': isInverse, 'hoverWithoutBorder': hasHoverWithoutBorder }\"\n (click)=\"onClick()\" [style.background]=\"backgroundColor ? backgroundColor : 'null'\">\n <ng-content></ng-content>\n</div>", styles: [".icon-wrapper{border-radius:50%;border:2px solid #334860;height:40px;width:40px;padding:9px 0;color:#334860;cursor:pointer;text-align:center}.icon-wrapper:hover{background:#334860;color:#fff}.icon-wrapper.is-inverse{background:#000;color:#fff}.icon-wrapper.is-inverse:hover{background:#fff;color:#000}.icon-wrapper.hoverWithoutBorder{border:none;line-height:30px}\n"] }]
|
|
1328
1328
|
}], ctorParameters: function () { return []; }, propDecorators: { backgroundColor: [{
|
|
1329
1329
|
type: Input
|
|
1330
1330
|
}], isInverse: [{
|
|
@@ -2721,10 +2721,10 @@ class BreadcrumbComponent {
|
|
|
2721
2721
|
}
|
|
2722
2722
|
}
|
|
2723
2723
|
BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2724
|
-
BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: { breadcrumbs: "breadcrumbs" }, outputs: { breadcrumbClicked: "breadcrumbClicked" }, ngImport: i0, template: "<div class=\"sfx-breadcrumb-wrapper\">\n <span\n class=\"breadcrumb-item\"\n *ngFor=\"let breadcrumb of breadcrumbs; let last = last\"\n >\n <span class=\"breadcrumb-link\" *ngIf=\"!last\"\n ><a *ngIf=\"!breadcrumb.link\"\n id=\"{{ breadcrumb.identifier }}\"\n class=\"sfx-cursor-pointer sfx-txt-black\"\n (click)=\"onBreadcrumbClick(breadcrumb)\"\n >{{ breadcrumb.label }}</a\n >\n <a\n *ngIf=\"breadcrumb.link\"\n id=\"{{ breadcrumb.identifier }}\"\n class=\"sfx-cursor-pointer sfx-txt-black\"\n href=\"{{ breadcrumb.link }}\"\n >{{ breadcrumb.label }}</a\n >\n </span\n >\n <span class=\"breadcrumb-link\" *ngIf=\"last\">{{ breadcrumb.label }} </span>\n\n <symphony-icon [icon]=\"icon\" [size]=\"'12px'\" *ngIf=\"!last\"></symphony-icon>\n </span>\n</div>\n", styles: [".sfx-p-0{padding:0}.sfx-p-5{padding:.3rem}.sfx-p-10{padding:.625rem}.sfx-p-15{padding:.9375rem}.sfx-p-20{padding:1.25rem}.sfx-p-30{padding:1.875rem}.sfx-pt-0{padding-top:0}.sfx-pt-5{padding-top:.3rem}.sfx-pt-10{padding-top:.625rem}.sfx-pt-15{padding-top:.9375rem}.sfx-pt-20{padding-top:1.25rem}.sfx-pt-25{padding-top:1.5625rem}.sfx-pt-30{padding-top:1.875rem}.sfx-pt-35{padding-top:2.1875rem}.sfx-pt-40{padding-top:2.5rem}.sfx-pt-50{padding-top:3.125rem}.sfx-pb-0{padding-bottom:0}.sfx-pb-5{padding-bottom:.3rem}.sfx-pb-10{padding-bottom:.625rem}.sfx-pb-15{padding-bottom:.9375rem}.sfx-pb-20{padding-bottom:1.25rem}.sfx-pb-25{padding-bottom:1.5625rem}.sfx-pb-30{padding-bottom:1.875rem}.sfx-pb-35{padding-bottom:2.1875rem}.sfx-pb-40{padding-bottom:2.5rem}.sfx-pb-50{padding-bottom:3.125rem}.sfx-pl-0{padding-left:0}.sfx-pl-5{padding-left:.3rem}.sfx-pl-10{padding-left:.625rem}.sfx-pl-15{padding-left:.9375rem}.sfx-pl-20{padding-left:1.25rem}.sfx-pl-25{padding-left:1.5625rem}.sfx-pl-30{padding-left:1.875rem}.sfx-pr-0{padding-right:0}.sfx-pr-5{padding-right:.3rem}.sfx-pr-10{padding-right:.625rem}.sfx-pr-15{padding-right:.9375rem}.sfx-pr-20{padding-right:1.25rem}.sfx-pr-25{padding-right:1.5625rem}.sfx-pr-30{padding-right:1.875rem}.sfx-py-15{padding-left:.9375rem;padding-right:.9375rem}.sfx-py-30{padding-left:1.875rem;padding-right:1.875rem}.sfx-px-0{padding-top:0;padding-bottom:0}.sfx-px-15{padding-top:.9375rem;padding-bottom:.9375rem}.sfx-px-20{padding-top:1.25rem;padding-bottom:1.25rem}.sfx-px-30{padding-top:1.875rem;padding-bottom:1.875rem}.sfx-m-0{margin:0}.sfx-m-5{margin:.3rem}.sfx-m-10{margin:.625rem}.sfx-m-15{margin:.9375rem}.sfx-m-20{margin:1.25rem}.sfx-m-auto{margin:0 auto}.sfx-mt-0{margin-top:0}.sfx-mt-5{margin-top:.3rem}.sfx-mt-10{margin-top:.625rem}.sfx-mt-15{margin-top:.9375rem}.sfx-mt-20{margin-top:1.25rem}.sfx-mt-25{margin-top:1.5625rem}.sfx-mt-30{margin-top:1.875rem}.sfx-mt-40{margin-top:2.5rem}.sfx-mt-80{margin-top:5rem}.sfx-mb-0{margin-bottom:0}.sfx-mb-5{margin-bottom:.3rem}.sfx-mb-10{margin-bottom:.625rem}.sfx-mb-15{margin-bottom:.9375rem}.sfx-mb-20{margin-bottom:1.25rem}.sfx-mb-25{margin-bottom:1.5625rem}.sfx-mb-30{margin-bottom:1.875rem}.sfx-mb-40{margin-bottom:2.5rem}.sfx-ml-0{margin-left:0}.sfx-ml-5{margin-left:.3rem}.sfx-ml-10{margin-left:.625rem}.sfx-ml-15{margin-left:.9375rem}.sfx-ml-20{margin-left:1.25rem}.sfx-ml-auto{margin-left:auto}.sfx-mr-0{margin-right:0}.sfx-mr-5{margin-right:.3rem}.sfx-mr-10{margin-right:.625rem}.sfx-mr-15{margin-right:.9375rem}.sfx-mr-20{margin-right:1.25rem}.sfx-mr-25{margin-right:1.5625rem}.sfx-mr-30{margin-right:1.875rem}.sfx-mr-40{margin-right:2.5rem}.sfx-breadcrumb-wrapper{padding-top:1.25rem}.sfx-breadcrumb-wrapper .breadcrumb-item{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important}.sfx-breadcrumb-wrapper .breadcrumb-item .breadcrumb-link a{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important;color:#82919f!important}.sfx-breadcrumb-wrapper .breadcrumb-item .breadcrumb-link:last-child{color:#000!important}.sfx-breadcrumb-wrapper .breadcrumb-item:last-child{color:#000!important}.sfx-breadcrumb-wrapper i{padding:0 6px;top:1.5px;position:relative;color:#82919f!important;font-size:13px!important}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2724
|
+
BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: { breadcrumbs: "breadcrumbs" }, outputs: { breadcrumbClicked: "breadcrumbClicked" }, ngImport: i0, template: "<div class=\"sfx-breadcrumb-wrapper\">\n <span\n class=\"breadcrumb-item\"\n *ngFor=\"let breadcrumb of breadcrumbs; let last = last\"\n >\n <span class=\"breadcrumb-link\" *ngIf=\"!last\"\n ><a *ngIf=\"!breadcrumb.link\"\n id=\"{{ breadcrumb.identifier }}\"\n class=\"sfx-cursor-pointer sfx-txt-black\"\n (click)=\"onBreadcrumbClick(breadcrumb)\"\n >{{ breadcrumb.label }}</a\n >\n <a\n *ngIf=\"breadcrumb.link\"\n id=\"{{ breadcrumb.identifier }}\"\n class=\"sfx-cursor-pointer sfx-txt-black\"\n href=\"{{ breadcrumb.link }}\"\n >{{ breadcrumb.label }}</a\n >\n </span\n >\n <span class=\"breadcrumb-link\" *ngIf=\"last\">{{ breadcrumb.label }} </span>\n\n <symphony-icon [icon]=\"icon\" [size]=\"'12px'\" *ngIf=\"!last\"></symphony-icon>\n </span>\n</div>\n", styles: [".sfx-p-0{padding:0}.sfx-p-5{padding:.3rem}.sfx-p-10{padding:.625rem}.sfx-p-15{padding:.9375rem}.sfx-p-20{padding:1.25rem}.sfx-p-30{padding:1.875rem}.sfx-pt-0{padding-top:0}.sfx-pt-5{padding-top:.3rem}.sfx-pt-10{padding-top:.625rem}.sfx-pt-15{padding-top:.9375rem}.sfx-pt-20{padding-top:1.25rem}.sfx-pt-25{padding-top:1.5625rem}.sfx-pt-30{padding-top:1.875rem}.sfx-pt-35{padding-top:2.1875rem}.sfx-pt-40{padding-top:2.5rem}.sfx-pt-50{padding-top:3.125rem}.sfx-pb-0{padding-bottom:0}.sfx-pb-5{padding-bottom:.3rem}.sfx-pb-10{padding-bottom:.625rem}.sfx-pb-15{padding-bottom:.9375rem}.sfx-pb-20{padding-bottom:1.25rem}.sfx-pb-25{padding-bottom:1.5625rem}.sfx-pb-30{padding-bottom:1.875rem}.sfx-pb-35{padding-bottom:2.1875rem}.sfx-pb-40{padding-bottom:2.5rem}.sfx-pb-50{padding-bottom:3.125rem}.sfx-pl-0{padding-left:0}.sfx-pl-5{padding-left:.3rem}.sfx-pl-10{padding-left:.625rem}.sfx-pl-15{padding-left:.9375rem}.sfx-pl-20{padding-left:1.25rem}.sfx-pl-25{padding-left:1.5625rem}.sfx-pl-30{padding-left:1.875rem}.sfx-pr-0{padding-right:0}.sfx-pr-5{padding-right:.3rem}.sfx-pr-10{padding-right:.625rem}.sfx-pr-15{padding-right:.9375rem}.sfx-pr-20{padding-right:1.25rem}.sfx-pr-25{padding-right:1.5625rem}.sfx-pr-30{padding-right:1.875rem}.sfx-py-15{padding-left:.9375rem;padding-right:.9375rem}.sfx-py-30{padding-left:1.875rem;padding-right:1.875rem}.sfx-px-0{padding-top:0;padding-bottom:0}.sfx-px-15{padding-top:.9375rem;padding-bottom:.9375rem}.sfx-px-20{padding-top:1.25rem;padding-bottom:1.25rem}.sfx-px-30{padding-top:1.875rem;padding-bottom:1.875rem}.sfx-m-0{margin:0}.sfx-m-5{margin:.3rem}.sfx-m-10{margin:.625rem}.sfx-m-15{margin:.9375rem}.sfx-m-20{margin:1.25rem}.sfx-m-auto{margin:0 auto}.sfx-mt-0{margin-top:0}.sfx-mt-5{margin-top:.3rem}.sfx-mt-10{margin-top:.625rem}.sfx-mt-15{margin-top:.9375rem}.sfx-mt-20{margin-top:1.25rem}.sfx-mt-25{margin-top:1.5625rem}.sfx-mt-30{margin-top:1.875rem}.sfx-mt-40{margin-top:2.5rem}.sfx-mt-80{margin-top:5rem}.sfx-mb-0{margin-bottom:0}.sfx-mb-5{margin-bottom:.3rem}.sfx-mb-10{margin-bottom:.625rem}.sfx-mb-15{margin-bottom:.9375rem}.sfx-mb-20{margin-bottom:1.25rem}.sfx-mb-25{margin-bottom:1.5625rem}.sfx-mb-30{margin-bottom:1.875rem}.sfx-mb-40{margin-bottom:2.5rem}.sfx-mb-50{margin-bottom:3.125rem}.sfx-ml-0{margin-left:0}.sfx-ml-5{margin-left:.3rem}.sfx-ml-10{margin-left:.625rem}.sfx-ml-15{margin-left:.9375rem}.sfx-ml-20{margin-left:1.25rem}.sfx-ml-auto{margin-left:auto}.sfx-mr-0{margin-right:0}.sfx-mr-5{margin-right:.3rem}.sfx-mr-10{margin-right:.625rem}.sfx-mr-15{margin-right:.9375rem}.sfx-mr-20{margin-right:1.25rem}.sfx-mr-25{margin-right:1.5625rem}.sfx-mr-30{margin-right:1.875rem}.sfx-mr-40{margin-right:2.5rem}.sfx-breadcrumb-wrapper{padding-top:1.25rem}.sfx-breadcrumb-wrapper .breadcrumb-item{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important}.sfx-breadcrumb-wrapper .breadcrumb-item .breadcrumb-link a{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important;color:#82919f!important}.sfx-breadcrumb-wrapper .breadcrumb-item .breadcrumb-link:last-child{color:#000!important}.sfx-breadcrumb-wrapper .breadcrumb-item:last-child{color:#000!important}.sfx-breadcrumb-wrapper i{padding:0 6px;top:1.5px;position:relative;color:#82919f!important;font-size:13px!important}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2725
2725
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
2726
2726
|
type: Component,
|
|
2727
|
-
args: [{ selector: 'symphony-breadcrumb', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-breadcrumb-wrapper\">\n <span\n class=\"breadcrumb-item\"\n *ngFor=\"let breadcrumb of breadcrumbs; let last = last\"\n >\n <span class=\"breadcrumb-link\" *ngIf=\"!last\"\n ><a *ngIf=\"!breadcrumb.link\"\n id=\"{{ breadcrumb.identifier }}\"\n class=\"sfx-cursor-pointer sfx-txt-black\"\n (click)=\"onBreadcrumbClick(breadcrumb)\"\n >{{ breadcrumb.label }}</a\n >\n <a\n *ngIf=\"breadcrumb.link\"\n id=\"{{ breadcrumb.identifier }}\"\n class=\"sfx-cursor-pointer sfx-txt-black\"\n href=\"{{ breadcrumb.link }}\"\n >{{ breadcrumb.label }}</a\n >\n </span\n >\n <span class=\"breadcrumb-link\" *ngIf=\"last\">{{ breadcrumb.label }} </span>\n\n <symphony-icon [icon]=\"icon\" [size]=\"'12px'\" *ngIf=\"!last\"></symphony-icon>\n </span>\n</div>\n", styles: [".sfx-p-0{padding:0}.sfx-p-5{padding:.3rem}.sfx-p-10{padding:.625rem}.sfx-p-15{padding:.9375rem}.sfx-p-20{padding:1.25rem}.sfx-p-30{padding:1.875rem}.sfx-pt-0{padding-top:0}.sfx-pt-5{padding-top:.3rem}.sfx-pt-10{padding-top:.625rem}.sfx-pt-15{padding-top:.9375rem}.sfx-pt-20{padding-top:1.25rem}.sfx-pt-25{padding-top:1.5625rem}.sfx-pt-30{padding-top:1.875rem}.sfx-pt-35{padding-top:2.1875rem}.sfx-pt-40{padding-top:2.5rem}.sfx-pt-50{padding-top:3.125rem}.sfx-pb-0{padding-bottom:0}.sfx-pb-5{padding-bottom:.3rem}.sfx-pb-10{padding-bottom:.625rem}.sfx-pb-15{padding-bottom:.9375rem}.sfx-pb-20{padding-bottom:1.25rem}.sfx-pb-25{padding-bottom:1.5625rem}.sfx-pb-30{padding-bottom:1.875rem}.sfx-pb-35{padding-bottom:2.1875rem}.sfx-pb-40{padding-bottom:2.5rem}.sfx-pb-50{padding-bottom:3.125rem}.sfx-pl-0{padding-left:0}.sfx-pl-5{padding-left:.3rem}.sfx-pl-10{padding-left:.625rem}.sfx-pl-15{padding-left:.9375rem}.sfx-pl-20{padding-left:1.25rem}.sfx-pl-25{padding-left:1.5625rem}.sfx-pl-30{padding-left:1.875rem}.sfx-pr-0{padding-right:0}.sfx-pr-5{padding-right:.3rem}.sfx-pr-10{padding-right:.625rem}.sfx-pr-15{padding-right:.9375rem}.sfx-pr-20{padding-right:1.25rem}.sfx-pr-25{padding-right:1.5625rem}.sfx-pr-30{padding-right:1.875rem}.sfx-py-15{padding-left:.9375rem;padding-right:.9375rem}.sfx-py-30{padding-left:1.875rem;padding-right:1.875rem}.sfx-px-0{padding-top:0;padding-bottom:0}.sfx-px-15{padding-top:.9375rem;padding-bottom:.9375rem}.sfx-px-20{padding-top:1.25rem;padding-bottom:1.25rem}.sfx-px-30{padding-top:1.875rem;padding-bottom:1.875rem}.sfx-m-0{margin:0}.sfx-m-5{margin:.3rem}.sfx-m-10{margin:.625rem}.sfx-m-15{margin:.9375rem}.sfx-m-20{margin:1.25rem}.sfx-m-auto{margin:0 auto}.sfx-mt-0{margin-top:0}.sfx-mt-5{margin-top:.3rem}.sfx-mt-10{margin-top:.625rem}.sfx-mt-15{margin-top:.9375rem}.sfx-mt-20{margin-top:1.25rem}.sfx-mt-25{margin-top:1.5625rem}.sfx-mt-30{margin-top:1.875rem}.sfx-mt-40{margin-top:2.5rem}.sfx-mt-80{margin-top:5rem}.sfx-mb-0{margin-bottom:0}.sfx-mb-5{margin-bottom:.3rem}.sfx-mb-10{margin-bottom:.625rem}.sfx-mb-15{margin-bottom:.9375rem}.sfx-mb-20{margin-bottom:1.25rem}.sfx-mb-25{margin-bottom:1.5625rem}.sfx-mb-30{margin-bottom:1.875rem}.sfx-mb-40{margin-bottom:2.5rem}.sfx-ml-0{margin-left:0}.sfx-ml-5{margin-left:.3rem}.sfx-ml-10{margin-left:.625rem}.sfx-ml-15{margin-left:.9375rem}.sfx-ml-20{margin-left:1.25rem}.sfx-ml-auto{margin-left:auto}.sfx-mr-0{margin-right:0}.sfx-mr-5{margin-right:.3rem}.sfx-mr-10{margin-right:.625rem}.sfx-mr-15{margin-right:.9375rem}.sfx-mr-20{margin-right:1.25rem}.sfx-mr-25{margin-right:1.5625rem}.sfx-mr-30{margin-right:1.875rem}.sfx-mr-40{margin-right:2.5rem}.sfx-breadcrumb-wrapper{padding-top:1.25rem}.sfx-breadcrumb-wrapper .breadcrumb-item{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important}.sfx-breadcrumb-wrapper .breadcrumb-item .breadcrumb-link a{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important;color:#82919f!important}.sfx-breadcrumb-wrapper .breadcrumb-item .breadcrumb-link:last-child{color:#000!important}.sfx-breadcrumb-wrapper .breadcrumb-item:last-child{color:#000!important}.sfx-breadcrumb-wrapper i{padding:0 6px;top:1.5px;position:relative;color:#82919f!important;font-size:13px!important}\n"] }]
|
|
2727
|
+
args: [{ selector: 'symphony-breadcrumb', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-breadcrumb-wrapper\">\n <span\n class=\"breadcrumb-item\"\n *ngFor=\"let breadcrumb of breadcrumbs; let last = last\"\n >\n <span class=\"breadcrumb-link\" *ngIf=\"!last\"\n ><a *ngIf=\"!breadcrumb.link\"\n id=\"{{ breadcrumb.identifier }}\"\n class=\"sfx-cursor-pointer sfx-txt-black\"\n (click)=\"onBreadcrumbClick(breadcrumb)\"\n >{{ breadcrumb.label }}</a\n >\n <a\n *ngIf=\"breadcrumb.link\"\n id=\"{{ breadcrumb.identifier }}\"\n class=\"sfx-cursor-pointer sfx-txt-black\"\n href=\"{{ breadcrumb.link }}\"\n >{{ breadcrumb.label }}</a\n >\n </span\n >\n <span class=\"breadcrumb-link\" *ngIf=\"last\">{{ breadcrumb.label }} </span>\n\n <symphony-icon [icon]=\"icon\" [size]=\"'12px'\" *ngIf=\"!last\"></symphony-icon>\n </span>\n</div>\n", styles: [".sfx-p-0{padding:0}.sfx-p-5{padding:.3rem}.sfx-p-10{padding:.625rem}.sfx-p-15{padding:.9375rem}.sfx-p-20{padding:1.25rem}.sfx-p-30{padding:1.875rem}.sfx-pt-0{padding-top:0}.sfx-pt-5{padding-top:.3rem}.sfx-pt-10{padding-top:.625rem}.sfx-pt-15{padding-top:.9375rem}.sfx-pt-20{padding-top:1.25rem}.sfx-pt-25{padding-top:1.5625rem}.sfx-pt-30{padding-top:1.875rem}.sfx-pt-35{padding-top:2.1875rem}.sfx-pt-40{padding-top:2.5rem}.sfx-pt-50{padding-top:3.125rem}.sfx-pb-0{padding-bottom:0}.sfx-pb-5{padding-bottom:.3rem}.sfx-pb-10{padding-bottom:.625rem}.sfx-pb-15{padding-bottom:.9375rem}.sfx-pb-20{padding-bottom:1.25rem}.sfx-pb-25{padding-bottom:1.5625rem}.sfx-pb-30{padding-bottom:1.875rem}.sfx-pb-35{padding-bottom:2.1875rem}.sfx-pb-40{padding-bottom:2.5rem}.sfx-pb-50{padding-bottom:3.125rem}.sfx-pl-0{padding-left:0}.sfx-pl-5{padding-left:.3rem}.sfx-pl-10{padding-left:.625rem}.sfx-pl-15{padding-left:.9375rem}.sfx-pl-20{padding-left:1.25rem}.sfx-pl-25{padding-left:1.5625rem}.sfx-pl-30{padding-left:1.875rem}.sfx-pr-0{padding-right:0}.sfx-pr-5{padding-right:.3rem}.sfx-pr-10{padding-right:.625rem}.sfx-pr-15{padding-right:.9375rem}.sfx-pr-20{padding-right:1.25rem}.sfx-pr-25{padding-right:1.5625rem}.sfx-pr-30{padding-right:1.875rem}.sfx-py-15{padding-left:.9375rem;padding-right:.9375rem}.sfx-py-30{padding-left:1.875rem;padding-right:1.875rem}.sfx-px-0{padding-top:0;padding-bottom:0}.sfx-px-15{padding-top:.9375rem;padding-bottom:.9375rem}.sfx-px-20{padding-top:1.25rem;padding-bottom:1.25rem}.sfx-px-30{padding-top:1.875rem;padding-bottom:1.875rem}.sfx-m-0{margin:0}.sfx-m-5{margin:.3rem}.sfx-m-10{margin:.625rem}.sfx-m-15{margin:.9375rem}.sfx-m-20{margin:1.25rem}.sfx-m-auto{margin:0 auto}.sfx-mt-0{margin-top:0}.sfx-mt-5{margin-top:.3rem}.sfx-mt-10{margin-top:.625rem}.sfx-mt-15{margin-top:.9375rem}.sfx-mt-20{margin-top:1.25rem}.sfx-mt-25{margin-top:1.5625rem}.sfx-mt-30{margin-top:1.875rem}.sfx-mt-40{margin-top:2.5rem}.sfx-mt-80{margin-top:5rem}.sfx-mb-0{margin-bottom:0}.sfx-mb-5{margin-bottom:.3rem}.sfx-mb-10{margin-bottom:.625rem}.sfx-mb-15{margin-bottom:.9375rem}.sfx-mb-20{margin-bottom:1.25rem}.sfx-mb-25{margin-bottom:1.5625rem}.sfx-mb-30{margin-bottom:1.875rem}.sfx-mb-40{margin-bottom:2.5rem}.sfx-mb-50{margin-bottom:3.125rem}.sfx-ml-0{margin-left:0}.sfx-ml-5{margin-left:.3rem}.sfx-ml-10{margin-left:.625rem}.sfx-ml-15{margin-left:.9375rem}.sfx-ml-20{margin-left:1.25rem}.sfx-ml-auto{margin-left:auto}.sfx-mr-0{margin-right:0}.sfx-mr-5{margin-right:.3rem}.sfx-mr-10{margin-right:.625rem}.sfx-mr-15{margin-right:.9375rem}.sfx-mr-20{margin-right:1.25rem}.sfx-mr-25{margin-right:1.5625rem}.sfx-mr-30{margin-right:1.875rem}.sfx-mr-40{margin-right:2.5rem}.sfx-breadcrumb-wrapper{padding-top:1.25rem}.sfx-breadcrumb-wrapper .breadcrumb-item{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important}.sfx-breadcrumb-wrapper .breadcrumb-item .breadcrumb-link a{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important;color:#82919f!important}.sfx-breadcrumb-wrapper .breadcrumb-item .breadcrumb-link:last-child{color:#000!important}.sfx-breadcrumb-wrapper .breadcrumb-item:last-child{color:#000!important}.sfx-breadcrumb-wrapper i{padding:0 6px;top:1.5px;position:relative;color:#82919f!important;font-size:13px!important}\n"] }]
|
|
2728
2728
|
}], ctorParameters: function () { return []; }, propDecorators: { breadcrumbs: [{
|
|
2729
2729
|
type: Input
|
|
2730
2730
|
}], breadcrumbClicked: [{
|
|
@@ -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>{{ 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\">\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,.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;min-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:7px;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>{{ 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\">\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,.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;min-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:7px;display:inline-block;font-style:italic;font-weight:500}\n"] }]
|
|
2807
2807
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
2808
2808
|
type: Input
|
|
2809
2809
|
}], cardClick: [{
|
|
@@ -3817,10 +3817,10 @@ class FeedbackLoginModalComponent {
|
|
|
3817
3817
|
}
|
|
3818
3818
|
}
|
|
3819
3819
|
FeedbackLoginModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackLoginModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3820
|
-
FeedbackLoginModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackLoginModalComponent, selector: "symphony-feedback-login-modal", inputs: { model: "model" }, outputs: { verifyClicked: "verifyClicked", resendClick: "resendClick", authCodeChange: "authCodeChange" }, ngImport: i0, template: "<div 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>Two-Factor Authentication</symphony-h4>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\" *ngIf=\"!model.isLoading\">\n <symphony-paragraph>To access the feedback request, two-factor authentication is required. Please enter the verification code that was sent to the following email address:</symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-mb-20 sfx-d-block\"\n [text]=\"model.email\"\n ></symphony-paragraph>\n <div>\n <symphony-input-text\n class=\"authentication-input sfx-d-inline-block\"\n [label]=\"'Authentication Code'\"\n (textChange)=\"onAuthCodeChange($event)\"\n >\n </symphony-input-text>\n <symphony-h5\n class=\"sfx-d-inline-block sfx-cursor-pointer\"\n [text]=\"'Resend'\"\n (click)=\"onResendClick()\"\n ></symphony-h5>\n </div>\n <div class=\"input-validation sfx-txt-red\">\n <p *ngIf=\"model.showApiError\">Verification code is not valid<span>*</span></p>\n </div>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-d-block\"\n >If you dont have access to the email address listed above, please contact your administrator</symphony-paragraph>\n </section>\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\">\n <symphony-button
|
|
3820
|
+
FeedbackLoginModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackLoginModalComponent, selector: "symphony-feedback-login-modal", inputs: { model: "model" }, outputs: { verifyClicked: "verifyClicked", resendClick: "resendClick", authCodeChange: "authCodeChange" }, ngImport: i0, template: "<div 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>Two-Factor Authentication</symphony-h4>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\" *ngIf=\"!model.isLoading\">\n <symphony-paragraph>To access the feedback request, two-factor authentication is required. Please enter the verification code that was sent to the following email address:</symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-mb-20 sfx-d-block\"\n [text]=\"model.email\"\n ></symphony-paragraph>\n <div>\n <symphony-input-text\n class=\"authentication-input sfx-d-inline-block\"\n [label]=\"'Authentication Code'\"\n (textChange)=\"onAuthCodeChange($event)\"\n >\n </symphony-input-text>\n <symphony-h5\n class=\"sfx-d-inline-block sfx-cursor-pointer btn-resend\"\n [text]=\"'Resend'\"\n (click)=\"onResendClick()\"\n ></symphony-h5>\n </div>\n <div class=\"input-validation sfx-txt-red-v2\">\n <p *ngIf=\"model.showApiError\">Verification code is not valid<span>*</span></p>\n </div>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-d-block\"\n >If you dont have access to the email address listed above, please contact your administrator</symphony-paragraph>\n </section>\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\">\n <symphony-button-v2\n [text]=\"'Verify'\"\n [disabled]=\"model.isVerifyButtonDisabled || model.isLoading\"\n (clicked)=\"onVerifyClick($event)\"\n ></symphony-button-v2>\n </section>\n</div>\n", styles: [".modal-wrapper{margin:0 auto;max-width:500px;width:100%;box-shadow:0 0 30px rgba(0,0,0,.2)}.authentication-input .input-text-label{margin-left:0!important}.authentication-input input{width:100px!important;margin-left:0!important}.loader-container{padding-top:100px;padding-bottom:100px}.btn-resend .h5-primary{font-weight:700!important;font-size:14px;color:#712ace}\n"], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "maxlength"], outputs: ["textChange"] }, { type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }, { type: ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
3821
3821
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackLoginModalComponent, decorators: [{
|
|
3822
3822
|
type: Component,
|
|
3823
|
-
args: [{ selector: 'symphony-feedback-login-modal', encapsulation: ViewEncapsulation.None, template: "<div 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>Two-Factor Authentication</symphony-h4>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\" *ngIf=\"!model.isLoading\">\n <symphony-paragraph>To access the feedback request, two-factor authentication is required. Please enter the verification code that was sent to the following email address:</symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-mb-20 sfx-d-block\"\n [text]=\"model.email\"\n ></symphony-paragraph>\n <div>\n <symphony-input-text\n class=\"authentication-input sfx-d-inline-block\"\n [label]=\"'Authentication Code'\"\n (textChange)=\"onAuthCodeChange($event)\"\n >\n </symphony-input-text>\n <symphony-h5\n class=\"sfx-d-inline-block sfx-cursor-pointer\"\n [text]=\"'Resend'\"\n (click)=\"onResendClick()\"\n ></symphony-h5>\n </div>\n <div class=\"input-validation sfx-txt-red\">\n <p *ngIf=\"model.showApiError\">Verification code is not valid<span>*</span></p>\n </div>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-d-block\"\n >If you dont have access to the email address listed above, please contact your administrator</symphony-paragraph>\n </section>\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\">\n <symphony-button
|
|
3823
|
+
args: [{ selector: 'symphony-feedback-login-modal', encapsulation: ViewEncapsulation.None, template: "<div 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>Two-Factor Authentication</symphony-h4>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\" *ngIf=\"!model.isLoading\">\n <symphony-paragraph>To access the feedback request, two-factor authentication is required. Please enter the verification code that was sent to the following email address:</symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-mb-20 sfx-d-block\"\n [text]=\"model.email\"\n ></symphony-paragraph>\n <div>\n <symphony-input-text\n class=\"authentication-input sfx-d-inline-block\"\n [label]=\"'Authentication Code'\"\n (textChange)=\"onAuthCodeChange($event)\"\n >\n </symphony-input-text>\n <symphony-h5\n class=\"sfx-d-inline-block sfx-cursor-pointer btn-resend\"\n [text]=\"'Resend'\"\n (click)=\"onResendClick()\"\n ></symphony-h5>\n </div>\n <div class=\"input-validation sfx-txt-red-v2\">\n <p *ngIf=\"model.showApiError\">Verification code is not valid<span>*</span></p>\n </div>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-d-block\"\n >If you dont have access to the email address listed above, please contact your administrator</symphony-paragraph>\n </section>\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\">\n <symphony-button-v2\n [text]=\"'Verify'\"\n [disabled]=\"model.isVerifyButtonDisabled || model.isLoading\"\n (clicked)=\"onVerifyClick($event)\"\n ></symphony-button-v2>\n </section>\n</div>\n", styles: [".modal-wrapper{margin:0 auto;max-width:500px;width:100%;box-shadow:0 0 30px rgba(0,0,0,.2)}.authentication-input .input-text-label{margin-left:0!important}.authentication-input input{width:100px!important;margin-left:0!important}.loader-container{padding-top:100px;padding-bottom:100px}.btn-resend .h5-primary{font-weight:700!important;font-size:14px;color:#712ace}\n"] }]
|
|
3824
3824
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
3825
3825
|
type: Input
|
|
3826
3826
|
}], verifyClicked: [{
|
|
@@ -3839,18 +3839,18 @@ FeedbackLoginModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0"
|
|
|
3839
3839
|
H5Module,
|
|
3840
3840
|
ParagraphModule,
|
|
3841
3841
|
IconModule,
|
|
3842
|
-
ButtonModule,
|
|
3843
3842
|
InputTextModule,
|
|
3844
|
-
SfxLoaderModule
|
|
3843
|
+
SfxLoaderModule,
|
|
3844
|
+
ButtonV2Module], exports: [FeedbackLoginModalComponent] });
|
|
3845
3845
|
FeedbackLoginModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackLoginModalModule, imports: [[
|
|
3846
3846
|
CommonModule,
|
|
3847
3847
|
H4Module,
|
|
3848
3848
|
H5Module,
|
|
3849
3849
|
ParagraphModule,
|
|
3850
3850
|
IconModule,
|
|
3851
|
-
ButtonModule,
|
|
3852
3851
|
InputTextModule,
|
|
3853
|
-
SfxLoaderModule
|
|
3852
|
+
SfxLoaderModule,
|
|
3853
|
+
ButtonV2Module
|
|
3854
3854
|
]] });
|
|
3855
3855
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackLoginModalModule, decorators: [{
|
|
3856
3856
|
type: NgModule,
|
|
@@ -3862,9 +3862,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
3862
3862
|
H5Module,
|
|
3863
3863
|
ParagraphModule,
|
|
3864
3864
|
IconModule,
|
|
3865
|
-
ButtonModule,
|
|
3866
3865
|
InputTextModule,
|
|
3867
|
-
SfxLoaderModule
|
|
3866
|
+
SfxLoaderModule,
|
|
3867
|
+
ButtonV2Module
|
|
3868
3868
|
],
|
|
3869
3869
|
exports: [FeedbackLoginModalComponent],
|
|
3870
3870
|
}]
|
|
@@ -5646,10 +5646,10 @@ class FeedbackDetailHeaderComponent {
|
|
|
5646
5646
|
}
|
|
5647
5647
|
}
|
|
5648
5648
|
FeedbackDetailHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5649
|
-
FeedbackDetailHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailHeaderComponent, selector: "symphony-feedback-detail-header", inputs: { model: "model" }, outputs: { previewClicked: "previewClicked" }, ngImport: i0, template: "<
|
|
5649
|
+
FeedbackDetailHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailHeaderComponent, selector: "symphony-feedback-detail-header", inputs: { model: "model" }, outputs: { previewClicked: "previewClicked" }, ngImport: i0, template: "<section class=\"candidate-details-header-wrap\">\n <div *ngIf=\"model\">\n \n <symphony-h3 [text]=\"model.name\"></symphony-h3>\n \n <ul class=\"candidate-details sfx-mt-10 sfx-mb-0 list-unstyled\">\n <li *ngFor=\"let data of headerDetails\">{{ data }}</li>\n </ul>\n </div>\n \n <div *ngIf=\"model.displayResume\">\n <symphony-button-v2\n [text]=\"'View Resume'\"\n [isSecondary]=\"true\"\n (clicked)=\"onClick()\"\n ></symphony-button-v2>\n </div>\n</section>\n\n", styles: [".candidate-details-header-wrap{display:flex;flex-direction:row;margin-bottom:20px}.candidate-details-header-wrap div:first-child{flex:1}.candidate-details-header-wrap div:last-child{align-self:flex-end}.candidate-details-header-wrap .candidate-details{min-width:435px}.candidate-details-header-wrap .candidate-details li{display:inline-block}.candidate-details-header-wrap .candidate-details li:nth-child(2):before,.candidate-details-header-wrap .candidate-details li:nth-child(2):after{content:\"\\a\";width:4px;height:4px;border-radius:50%;background:#000;display:inline-block;margin:2px 6px}.align-text-bottom{vertical-align:text-bottom}.review-button .btn.btn-secondary{min-width:100px;height:40px;padding-left:25px;padding-right:25px}@media (max-width: 320px){.candidate-details li:nth-child(2):after{display:none}}\n"], components: [{ type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
5650
5650
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailHeaderComponent, decorators: [{
|
|
5651
5651
|
type: Component,
|
|
5652
|
-
args: [{ selector: 'symphony-feedback-detail-header', encapsulation: ViewEncapsulation.None, template: "<
|
|
5652
|
+
args: [{ selector: 'symphony-feedback-detail-header', encapsulation: ViewEncapsulation.None, template: "<section class=\"candidate-details-header-wrap\">\n <div *ngIf=\"model\">\n \n <symphony-h3 [text]=\"model.name\"></symphony-h3>\n \n <ul class=\"candidate-details sfx-mt-10 sfx-mb-0 list-unstyled\">\n <li *ngFor=\"let data of headerDetails\">{{ data }}</li>\n </ul>\n </div>\n \n <div *ngIf=\"model.displayResume\">\n <symphony-button-v2\n [text]=\"'View Resume'\"\n [isSecondary]=\"true\"\n (clicked)=\"onClick()\"\n ></symphony-button-v2>\n </div>\n</section>\n\n", styles: [".candidate-details-header-wrap{display:flex;flex-direction:row;margin-bottom:20px}.candidate-details-header-wrap div:first-child{flex:1}.candidate-details-header-wrap div:last-child{align-self:flex-end}.candidate-details-header-wrap .candidate-details{min-width:435px}.candidate-details-header-wrap .candidate-details li{display:inline-block}.candidate-details-header-wrap .candidate-details li:nth-child(2):before,.candidate-details-header-wrap .candidate-details li:nth-child(2):after{content:\"\\a\";width:4px;height:4px;border-radius:50%;background:#000;display:inline-block;margin:2px 6px}.align-text-bottom{vertical-align:text-bottom}.review-button .btn.btn-secondary{min-width:100px;height:40px;padding-left:25px;padding-right:25px}@media (max-width: 320px){.candidate-details li:nth-child(2):after{display:none}}\n"] }]
|
|
5653
5653
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
5654
5654
|
type: Input
|
|
5655
5655
|
}], previewClicked: [{
|
|
@@ -5661,15 +5661,11 @@ class FeedbackDetailHeaderModule {
|
|
|
5661
5661
|
FeedbackDetailHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5662
5662
|
FeedbackDetailHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailHeaderModule, declarations: [FeedbackDetailHeaderComponent], imports: [CommonModule,
|
|
5663
5663
|
H3Module,
|
|
5664
|
-
|
|
5665
|
-
IconWrapperModule,
|
|
5666
|
-
ButtonModule], exports: [FeedbackDetailHeaderComponent] });
|
|
5664
|
+
ButtonV2Module], exports: [FeedbackDetailHeaderComponent] });
|
|
5667
5665
|
FeedbackDetailHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailHeaderModule, imports: [[
|
|
5668
5666
|
CommonModule,
|
|
5669
5667
|
H3Module,
|
|
5670
|
-
|
|
5671
|
-
IconWrapperModule,
|
|
5672
|
-
ButtonModule
|
|
5668
|
+
ButtonV2Module
|
|
5673
5669
|
]] });
|
|
5674
5670
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailHeaderModule, decorators: [{
|
|
5675
5671
|
type: NgModule,
|
|
@@ -5678,9 +5674,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
5678
5674
|
imports: [
|
|
5679
5675
|
CommonModule,
|
|
5680
5676
|
H3Module,
|
|
5681
|
-
|
|
5682
|
-
IconWrapperModule,
|
|
5683
|
-
ButtonModule
|
|
5677
|
+
ButtonV2Module
|
|
5684
5678
|
],
|
|
5685
5679
|
exports: [FeedbackDetailHeaderComponent]
|
|
5686
5680
|
}]
|
|
@@ -5690,10 +5684,10 @@ class FeedbackCandidateWorkHistoryComponent {
|
|
|
5690
5684
|
constructor() { }
|
|
5691
5685
|
}
|
|
5692
5686
|
FeedbackCandidateWorkHistoryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateWorkHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5693
|
-
FeedbackCandidateWorkHistoryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCandidateWorkHistoryComponent, selector: "symphony-feedback-candidate-workhistory", inputs: { workHistories: "workHistories" }, ngImport: i0, template: "<section>\n <ul class=\"list-unstyled sfx-mt-
|
|
5687
|
+
FeedbackCandidateWorkHistoryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCandidateWorkHistoryComponent, selector: "symphony-feedback-candidate-workhistory", inputs: { workHistories: "workHistories" }, ngImport: i0, template: "<section>\n <ul class=\"list-unstyled sfx-mt-30 sfx-mb-0\">\n <li *ngFor=\"let history of workHistories\" class=\"sfx-mb-40\">\n <symphony-h3\n class=\"sfx-d-block sfx-mb-10\"\n [text]=\"history.jobTitle\"\n ></symphony-h3>\n <symphony-paragraph\n class=\"sfx-font-bold sfx-d-block sfx-mb-5\"\n [text]=\"history.companyName\"\n ></symphony-paragraph>\n <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n >{{ history.startDate }} - {{ history.endDate }}</symphony-paragraph\n >\n <symphony-paragraph\n class=\"sfx-d-block sfx-mb-15\"\n [text]=\"history.location\"\n ></symphony-paragraph>\n <symphony-paragraph [text]=\"history.description\"></symphony-paragraph>\n </li>\n </ul>\n</section>", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}@media (max-width: 767px){.list-unstyled.sfx-mt-40{margin-top:35px}}\n"], components: [{ type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
5694
5688
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateWorkHistoryComponent, decorators: [{
|
|
5695
5689
|
type: Component,
|
|
5696
|
-
args: [{ selector: 'symphony-feedback-candidate-workhistory', encapsulation: ViewEncapsulation.None, template: "<section>\n <ul class=\"list-unstyled sfx-mt-
|
|
5690
|
+
args: [{ selector: 'symphony-feedback-candidate-workhistory', encapsulation: ViewEncapsulation.None, template: "<section>\n <ul class=\"list-unstyled sfx-mt-30 sfx-mb-0\">\n <li *ngFor=\"let history of workHistories\" class=\"sfx-mb-40\">\n <symphony-h3\n class=\"sfx-d-block sfx-mb-10\"\n [text]=\"history.jobTitle\"\n ></symphony-h3>\n <symphony-paragraph\n class=\"sfx-font-bold sfx-d-block sfx-mb-5\"\n [text]=\"history.companyName\"\n ></symphony-paragraph>\n <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n >{{ history.startDate }} - {{ history.endDate }}</symphony-paragraph\n >\n <symphony-paragraph\n class=\"sfx-d-block sfx-mb-15\"\n [text]=\"history.location\"\n ></symphony-paragraph>\n <symphony-paragraph [text]=\"history.description\"></symphony-paragraph>\n </li>\n </ul>\n</section>", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}@media (max-width: 767px){.list-unstyled.sfx-mt-40{margin-top:35px}}\n"] }]
|
|
5697
5691
|
}], ctorParameters: function () { return []; }, propDecorators: { workHistories: [{
|
|
5698
5692
|
type: Input
|
|
5699
5693
|
}] } });
|
|
@@ -5702,10 +5696,10 @@ class FeedbackCandidateEducationComponent {
|
|
|
5702
5696
|
constructor() { }
|
|
5703
5697
|
}
|
|
5704
5698
|
FeedbackCandidateEducationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateEducationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5705
|
-
FeedbackCandidateEducationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCandidateEducationComponent, selector: "symphony-feedback-candidate-education", inputs: { educationHistories: "educationHistories" }, ngImport: i0, template: "<section>\n <ul class=\"list-unstyled sfx-mt-
|
|
5699
|
+
FeedbackCandidateEducationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCandidateEducationComponent, selector: "symphony-feedback-candidate-education", inputs: { educationHistories: "educationHistories" }, ngImport: i0, template: "<section>\n <ul class=\"list-unstyled sfx-mt-30 sfx-mb-0\">\n <li *ngFor=\"let education of educationHistories\" class=\"sfx-mb-40\">\n <symphony-h3\n class=\"sfx-d-block sfx-mb-10\"\n [text]=\"education.collegeName\"\n ></symphony-h3>\n <symphony-paragraph\n class=\"sfx-font-bold sfx-d-block sfx-mb-5\"\n [text]=\"education.courseName\"\n ></symphony-paragraph>\n <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n >{{ education.startYear }} - {{ education.endYear }}</symphony-paragraph\n >\n <symphony-paragraph\n class=\"sfx-d-block sfx-mb-15\"\n [text]=\"education.location\"\n ></symphony-paragraph>\n <symphony-paragraph [text]=\"education.status\"></symphony-paragraph>\n </li>\n </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}@media (max-width: 767px){.list-unstyled.sfx-mt-40{margin-top:35px}}\n"], components: [{ type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
5706
5700
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateEducationComponent, decorators: [{
|
|
5707
5701
|
type: Component,
|
|
5708
|
-
args: [{ selector: 'symphony-feedback-candidate-education', template: "<section>\n <ul class=\"list-unstyled sfx-mt-
|
|
5702
|
+
args: [{ selector: 'symphony-feedback-candidate-education', template: "<section>\n <ul class=\"list-unstyled sfx-mt-30 sfx-mb-0\">\n <li *ngFor=\"let education of educationHistories\" class=\"sfx-mb-40\">\n <symphony-h3\n class=\"sfx-d-block sfx-mb-10\"\n [text]=\"education.collegeName\"\n ></symphony-h3>\n <symphony-paragraph\n class=\"sfx-font-bold sfx-d-block sfx-mb-5\"\n [text]=\"education.courseName\"\n ></symphony-paragraph>\n <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n >{{ education.startYear }} - {{ education.endYear }}</symphony-paragraph\n >\n <symphony-paragraph\n class=\"sfx-d-block sfx-mb-15\"\n [text]=\"education.location\"\n ></symphony-paragraph>\n <symphony-paragraph [text]=\"education.status\"></symphony-paragraph>\n </li>\n </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}@media (max-width: 767px){.list-unstyled.sfx-mt-40{margin-top:35px}}\n"] }]
|
|
5709
5703
|
}], ctorParameters: function () { return []; }, propDecorators: { educationHistories: [{
|
|
5710
5704
|
type: Input
|
|
5711
5705
|
}] } });
|
|
@@ -5714,10 +5708,10 @@ class FeedbackCandidateCertificationsComponent {
|
|
|
5714
5708
|
constructor() { }
|
|
5715
5709
|
}
|
|
5716
5710
|
FeedbackCandidateCertificationsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateCertificationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5717
|
-
FeedbackCandidateCertificationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCandidateCertificationsComponent, selector: "symphony-feedback-candidate-certifications", inputs: { certificationHistories: "certificationHistories" }, ngImport: i0, template: "<section>\n <ul class=\"list-unstyled sfx-mt-
|
|
5711
|
+
FeedbackCandidateCertificationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCandidateCertificationsComponent, selector: "symphony-feedback-candidate-certifications", inputs: { certificationHistories: "certificationHistories" }, ngImport: i0, template: "<section>\n <ul class=\"list-unstyled sfx-mt-30 sfx-mb-0\">\n <li *ngFor=\"let certifications of certificationHistories\" class=\"sfx-mb-40\">\n <symphony-h3\n class=\"sfx-d-block sfx-mb-10\"\n [text]=\"certifications.name\"\n ></symphony-h3>\n <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n >{{ certifications.startYear }} -\n {{ certifications.endYear }}</symphony-paragraph\n >\n <symphony-paragraph\n class=\"sfx-d-block sfx-mb-15\"\n [text]=\"certifications.location\"\n ></symphony-paragraph>\n <symphony-paragraph\n [text]=\"certifications.description\"\n ></symphony-paragraph>\n </li>\n </ul>\n</section>", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}@media (max-width: 767px){.list-unstyled.sfx-mt-40{margin-top:35px}}\n"], components: [{ type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
5718
5712
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateCertificationsComponent, decorators: [{
|
|
5719
5713
|
type: Component,
|
|
5720
|
-
args: [{ selector: 'symphony-feedback-candidate-certifications', template: "<section>\n <ul class=\"list-unstyled sfx-mt-
|
|
5714
|
+
args: [{ selector: 'symphony-feedback-candidate-certifications', template: "<section>\n <ul class=\"list-unstyled sfx-mt-30 sfx-mb-0\">\n <li *ngFor=\"let certifications of certificationHistories\" class=\"sfx-mb-40\">\n <symphony-h3\n class=\"sfx-d-block sfx-mb-10\"\n [text]=\"certifications.name\"\n ></symphony-h3>\n <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n >{{ certifications.startYear }} -\n {{ certifications.endYear }}</symphony-paragraph\n >\n <symphony-paragraph\n class=\"sfx-d-block sfx-mb-15\"\n [text]=\"certifications.location\"\n ></symphony-paragraph>\n <symphony-paragraph\n [text]=\"certifications.description\"\n ></symphony-paragraph>\n </li>\n </ul>\n</section>", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}@media (max-width: 767px){.list-unstyled.sfx-mt-40{margin-top:35px}}\n"] }]
|
|
5721
5715
|
}], ctorParameters: function () { return []; }, propDecorators: { certificationHistories: [{
|
|
5722
5716
|
type: Input
|
|
5723
5717
|
}] } });
|
|
@@ -5726,10 +5720,10 @@ class FeedbackDetailCandidateInfoComponent {
|
|
|
5726
5720
|
constructor() { }
|
|
5727
5721
|
}
|
|
5728
5722
|
FeedbackDetailCandidateInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailCandidateInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5729
|
-
FeedbackDetailCandidateInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: { model: "model" }, ngImport: i0, template: "<
|
|
5723
|
+
FeedbackDetailCandidateInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: { model: "model" }, ngImport: i0, template: "<section class=\"sfx-mb-50\" *ngIf=\"model.workHistory.displaySection\">\n <symphony-h5>WORK HISTORY</symphony-h5>\n <ng-container *ngIf=\"model.workHistory.data?.length\">\n <symphony-feedback-candidate-workhistory\n [workHistories]=\"model.workHistory.data\"\n ></symphony-feedback-candidate-workhistory>\n </ng-container>\n <ng-container *ngIf=\"!model.workHistory.data?.length\">\n <ng-container\n *ngTemplateOutlet=\"\n noData;\n context: { $implicit: model.workHistory.displayErrorMessage }\n \"\n ></ng-container\n ></ng-container>\n</section>\n\n<section class=\"sfx-mb-50\" *ngIf=\"model.education.displaySection\">\n <symphony-h5>EDUCATION</symphony-h5>\n <ng-container *ngIf=\"model.education.data?.length\">\n <symphony-feedback-candidate-education\n [educationHistories]=\"model.education.data\"\n ></symphony-feedback-candidate-education>\n </ng-container>\n <ng-container *ngIf=\"!model.education.data?.length\">\n <ng-container\n *ngTemplateOutlet=\"\n noData;\n context: { $implicit: model.education.displayErrorMessage }\n \"\n ></ng-container\n ></ng-container>\n</section>\n\n<section *ngIf=\"model.certifications.displaySection\">\n <symphony-h5>CERTIFICATIONS</symphony-h5>\n <ng-container *ngIf=\"model.certifications.data?.length\">\n <symphony-feedback-candidate-certifications\n [certificationHistories]=\"model.certifications.data\"\n ></symphony-feedback-candidate-certifications>\n </ng-container>\n <ng-container *ngIf=\"!model.certifications.data?.length\">\n <ng-container\n *ngTemplateOutlet=\"\n noData;\n context: { $implicit: model.certifications.displayErrorMessage }\n \"\n ></ng-container\n ></ng-container>\n </section>\n\n<ng-template #noData let-displayErrorMessage\n ><symphony-paragraph\n *ngIf=\"!displayErrorMessage\"\n class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n text=\"No data to display.\"\n ></symphony-paragraph>\n <symphony-paragraph\n *ngIf=\"displayErrorMessage\"\n class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n text=\"Data could not be retrieved, please refresh to try again.\"\n ></symphony-paragraph\n></ng-template>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.accordion-toggle:after{float:none}.panel-open .accordion-toggle symphony-icon{transform:none}\n"], components: [{ type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: FeedbackCandidateWorkHistoryComponent, selector: "symphony-feedback-candidate-workhistory", inputs: ["workHistories"] }, { type: FeedbackCandidateEducationComponent, selector: "symphony-feedback-candidate-education", inputs: ["educationHistories"] }, { type: FeedbackCandidateCertificationsComponent, selector: "symphony-feedback-candidate-certifications", inputs: ["certificationHistories"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
5730
5724
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailCandidateInfoComponent, decorators: [{
|
|
5731
5725
|
type: Component,
|
|
5732
|
-
args: [{ selector: 'symphony-feedback-detail-candidate-info', encapsulation: ViewEncapsulation.None, template: "<
|
|
5726
|
+
args: [{ selector: 'symphony-feedback-detail-candidate-info', encapsulation: ViewEncapsulation.None, template: "<section class=\"sfx-mb-50\" *ngIf=\"model.workHistory.displaySection\">\n <symphony-h5>WORK HISTORY</symphony-h5>\n <ng-container *ngIf=\"model.workHistory.data?.length\">\n <symphony-feedback-candidate-workhistory\n [workHistories]=\"model.workHistory.data\"\n ></symphony-feedback-candidate-workhistory>\n </ng-container>\n <ng-container *ngIf=\"!model.workHistory.data?.length\">\n <ng-container\n *ngTemplateOutlet=\"\n noData;\n context: { $implicit: model.workHistory.displayErrorMessage }\n \"\n ></ng-container\n ></ng-container>\n</section>\n\n<section class=\"sfx-mb-50\" *ngIf=\"model.education.displaySection\">\n <symphony-h5>EDUCATION</symphony-h5>\n <ng-container *ngIf=\"model.education.data?.length\">\n <symphony-feedback-candidate-education\n [educationHistories]=\"model.education.data\"\n ></symphony-feedback-candidate-education>\n </ng-container>\n <ng-container *ngIf=\"!model.education.data?.length\">\n <ng-container\n *ngTemplateOutlet=\"\n noData;\n context: { $implicit: model.education.displayErrorMessage }\n \"\n ></ng-container\n ></ng-container>\n</section>\n\n<section *ngIf=\"model.certifications.displaySection\">\n <symphony-h5>CERTIFICATIONS</symphony-h5>\n <ng-container *ngIf=\"model.certifications.data?.length\">\n <symphony-feedback-candidate-certifications\n [certificationHistories]=\"model.certifications.data\"\n ></symphony-feedback-candidate-certifications>\n </ng-container>\n <ng-container *ngIf=\"!model.certifications.data?.length\">\n <ng-container\n *ngTemplateOutlet=\"\n noData;\n context: { $implicit: model.certifications.displayErrorMessage }\n \"\n ></ng-container\n ></ng-container>\n </section>\n\n<ng-template #noData let-displayErrorMessage\n ><symphony-paragraph\n *ngIf=\"!displayErrorMessage\"\n class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n text=\"No data to display.\"\n ></symphony-paragraph>\n <symphony-paragraph\n *ngIf=\"displayErrorMessage\"\n class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n text=\"Data could not be retrieved, please refresh to try again.\"\n ></symphony-paragraph\n></ng-template>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.accordion-toggle:after{float:none}.panel-open .accordion-toggle symphony-icon{transform:none}\n"] }]
|
|
5733
5727
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
5734
5728
|
type: Input
|
|
5735
5729
|
}] } });
|
|
@@ -5781,7 +5775,7 @@ class FeedbackDetailCandidateInfoModule {
|
|
|
5781
5775
|
FeedbackDetailCandidateInfoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailCandidateInfoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5782
5776
|
FeedbackDetailCandidateInfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailCandidateInfoModule, declarations: [FeedbackDetailCandidateInfoComponent], imports: [CommonModule, i1$6.AccordionModule, BrowserAnimationsModule,
|
|
5783
5777
|
IconModule,
|
|
5784
|
-
|
|
5778
|
+
H5Module,
|
|
5785
5779
|
SfxAccordionHeaderModule,
|
|
5786
5780
|
FeedbackCandidateWorkHistoryModule,
|
|
5787
5781
|
FeedbackCandidateEducationModule,
|
|
@@ -5792,7 +5786,7 @@ FeedbackDetailCandidateInfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion:
|
|
|
5792
5786
|
AccordionModule.forRoot(),
|
|
5793
5787
|
BrowserAnimationsModule,
|
|
5794
5788
|
IconModule,
|
|
5795
|
-
|
|
5789
|
+
H5Module,
|
|
5796
5790
|
SfxAccordionHeaderModule,
|
|
5797
5791
|
FeedbackCandidateWorkHistoryModule,
|
|
5798
5792
|
FeedbackCandidateEducationModule,
|
|
@@ -5808,7 +5802,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
5808
5802
|
AccordionModule.forRoot(),
|
|
5809
5803
|
BrowserAnimationsModule,
|
|
5810
5804
|
IconModule,
|
|
5811
|
-
|
|
5805
|
+
H5Module,
|
|
5812
5806
|
SfxAccordionHeaderModule,
|
|
5813
5807
|
FeedbackCandidateWorkHistoryModule,
|
|
5814
5808
|
FeedbackCandidateEducationModule,
|
|
@@ -6852,10 +6846,10 @@ class FeedbackListTemplateComponent {
|
|
|
6852
6846
|
constructor() { }
|
|
6853
6847
|
}
|
|
6854
6848
|
FeedbackListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6855
|
-
FeedbackListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackListTemplateComponent, selector: "symphony-feedback-list-template", ngImport: i0, template: "<section class=\"sfx-page-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-9 col-md-9 col-lg-9\">\n <ng-content select=\"[page-title]\"></ng-content>\n </div>\n\n <div class=\"col-xs-12 col-sm-3 col-md-3 col-lg-3\">\n <ng-content select=\"[button-primary]\"></ng-content>\n </div>\n </div>\n</section>\n<div class=\"sfx-border-bottom-black-
|
|
6849
|
+
FeedbackListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackListTemplateComponent, selector: "symphony-feedback-list-template", ngImport: i0, template: "<section class=\"sfx-page-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-9 col-md-9 col-lg-9\">\n <ng-content select=\"[page-title]\"></ng-content>\n </div>\n\n <div class=\"col-xs-12 col-sm-3 col-md-3 col-lg-3\">\n <ng-content select=\"[button-primary]\"></ng-content>\n </div>\n </div>\n</section>\n<div class=\"sfx-border-bottom-black-2\"></div>\n<section class=\"sfx-pt-40\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <ng-content select=\"[feedback-card-list]\"></ng-content>\n </div>\n </div>\n</section>\n", styles: [""] });
|
|
6856
6850
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackListTemplateComponent, decorators: [{
|
|
6857
6851
|
type: Component,
|
|
6858
|
-
args: [{ selector: 'symphony-feedback-list-template', template: "<section class=\"sfx-page-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-9 col-md-9 col-lg-9\">\n <ng-content select=\"[page-title]\"></ng-content>\n </div>\n\n <div class=\"col-xs-12 col-sm-3 col-md-3 col-lg-3\">\n <ng-content select=\"[button-primary]\"></ng-content>\n </div>\n </div>\n</section>\n<div class=\"sfx-border-bottom-black-
|
|
6852
|
+
args: [{ selector: 'symphony-feedback-list-template', template: "<section class=\"sfx-page-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-9 col-md-9 col-lg-9\">\n <ng-content select=\"[page-title]\"></ng-content>\n </div>\n\n <div class=\"col-xs-12 col-sm-3 col-md-3 col-lg-3\">\n <ng-content select=\"[button-primary]\"></ng-content>\n </div>\n </div>\n</section>\n<div class=\"sfx-border-bottom-black-2\"></div>\n<section class=\"sfx-pt-40\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <ng-content select=\"[feedback-card-list]\"></ng-content>\n </div>\n </div>\n</section>\n", styles: [""] }]
|
|
6859
6853
|
}], ctorParameters: function () { return []; } });
|
|
6860
6854
|
|
|
6861
6855
|
class FeedbackListPageComponent {
|
|
@@ -6934,10 +6928,10 @@ class FeedbackDetailTemplateComponent {
|
|
|
6934
6928
|
constructor() { }
|
|
6935
6929
|
}
|
|
6936
6930
|
FeedbackDetailTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6937
|
-
FeedbackDetailTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailTemplateComponent, selector: "symphony-feedback-detail-template", ngImport: i0, template: "<section class=\"sfx-border-bottom-
|
|
6931
|
+
FeedbackDetailTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailTemplateComponent, selector: "symphony-feedback-detail-template", ngImport: i0, template: "<section class=\"sfx-border-bottom-black-2 sfx-mt-10 sfx-header-mobile\">\n <div class=\"row\">\n <div\n class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-back-section\"\n >\n <ng-content select=\"[sfx-back-button]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <ng-content select=\"[sfx-header]\"></ng-content>\n </div>\n </div>\n</section>\n\n<section class=\"sfx-column-wrap\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 col-md-8 col-lg-8\">\n <ng-content select=\"[sfx-left-column]\"></ng-content>\n </div>\n <div\n id=\"review\"\n class=\"col-xs-12 col-sm-12 col-md-4 col-lg-4 sticky-top\"\n >\n <ng-content select=\"[sfx-right-column]\"></ng-content>\n </div>\n </div>\n</section>\n", styles: [".sfx-column-wrap{margin-top:50px}.sticky-top{position:-webkit-sticky;position:sticky;top:50px;z-index:1020}@media (max-width: 767px){.sfx-header-mobile.sfx-pb-10{padding-bottom:25px}.sfx-back-section.sfx-mb-30{margin-bottom:10px}.sfx-column-wrap{margin-top:40px}.sticky-top{position:relative;top:auto}.sticky-top.sfx-mr-20{margin-right:0}}\n"] });
|
|
6938
6932
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailTemplateComponent, decorators: [{
|
|
6939
6933
|
type: Component,
|
|
6940
|
-
args: [{ selector: 'symphony-feedback-detail-template', template: "<section class=\"sfx-border-bottom-
|
|
6934
|
+
args: [{ selector: 'symphony-feedback-detail-template', template: "<section class=\"sfx-border-bottom-black-2 sfx-mt-10 sfx-header-mobile\">\n <div class=\"row\">\n <div\n class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-back-section\"\n >\n <ng-content select=\"[sfx-back-button]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <ng-content select=\"[sfx-header]\"></ng-content>\n </div>\n </div>\n</section>\n\n<section class=\"sfx-column-wrap\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 col-md-8 col-lg-8\">\n <ng-content select=\"[sfx-left-column]\"></ng-content>\n </div>\n <div\n id=\"review\"\n class=\"col-xs-12 col-sm-12 col-md-4 col-lg-4 sticky-top\"\n >\n <ng-content select=\"[sfx-right-column]\"></ng-content>\n </div>\n </div>\n</section>\n", styles: [".sfx-column-wrap{margin-top:50px}.sticky-top{position:-webkit-sticky;position:sticky;top:50px;z-index:1020}@media (max-width: 767px){.sfx-header-mobile.sfx-pb-10{padding-bottom:25px}.sfx-back-section.sfx-mb-30{margin-bottom:10px}.sfx-column-wrap{margin-top:40px}.sticky-top{position:relative;top:auto}.sticky-top.sfx-mr-20{margin-right:0}}\n"] }]
|
|
6941
6935
|
}], ctorParameters: function () { return []; } });
|
|
6942
6936
|
|
|
6943
6937
|
class InputLimitedTextComponent {
|
|
@@ -6995,10 +6989,10 @@ class FeedbackDetailInterestFormComponent {
|
|
|
6995
6989
|
}
|
|
6996
6990
|
}
|
|
6997
6991
|
FeedbackDetailInterestFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailInterestFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6998
|
-
FeedbackDetailInterestFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailInterestFormComponent, selector: "symphony-feedback-detail-interest-form", inputs: { model: "model" }, outputs: { cancel: "cancel", save: "save", commentsTextChange: "commentsTextChange" }, ngImport: i0, template: "<ng-container *ngIf=\"model\">\n <symphony-h4\n class=\"sfx-mb-25 sfx-d-block\"\n [text]=\"'Interested in this contact?'\"\n ></symphony-h4>\n\n <div class=\"form-group sfx-d-flex sfx-mb-30\">\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-green': model.status === 'Yes' }\"\n [icon]=\"'si-feedback-yes'\"\n (clicked)=\"onInterestedButtonClick('Yes')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Yes'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-red': model.status === 'No' }\"\n [icon]=\"'si-feedback-no'\"\n (clicked)=\"onInterestedButtonClick('No')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'No'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-orange': model.status === 'Not Now' }\"\n [icon]=\"'si-feedback-maybe'\"\n (clicked)=\"onInterestedButtonClick('Not Now')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Not Now'\"></symphony-paragraph>\n </div>\n </div>\n\n <div class=\"form-group\">\n <symphony-input-dropdown\n *ngIf=\"model.showReasonDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n [inputDropdownListModel]=\"model.reasonDropdown\"\n ></symphony-input-dropdown>\n\n <symphony-input-dropdown\n *ngIf=\"model.showRecommendationDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n [inputDropdownListModel]=\"model.recommendationDropdown\"\n ></symphony-input-dropdown>\n\n <ng-container *ngIf=\"model.showCommentTextarea\">\n <label for=\"comments\" class=\"form-label\">Comments</label>\n <symphony-input-limited-text \n [textAreamodel]=\"model.commentTextarea\"\n [isDisabled]=\"false\"\n [rows]=\"4\"\n placeholder=\"\"\n [currentCount]=\"model.commentTextarea.value?.length\"\n (textChange)=\"onCommentsTextChange($event)\">\n </symphony-input-limited-text>\n </ng-container>\n </div>\n\n <div class=\"
|
|
6992
|
+
FeedbackDetailInterestFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailInterestFormComponent, selector: "symphony-feedback-detail-interest-form", inputs: { model: "model" }, outputs: { cancel: "cancel", save: "save", commentsTextChange: "commentsTextChange" }, ngImport: i0, template: "<ng-container *ngIf=\"model\">\n <symphony-h4\n class=\"sfx-mb-25 sfx-d-block\"\n [text]=\"'Interested in this contact?'\"\n ></symphony-h4>\n\n <div class=\"form-group sfx-d-flex sfx-mb-30\">\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-green': model.status === 'Yes' }\"\n [icon]=\"'si-feedback-yes'\"\n (clicked)=\"onInterestedButtonClick('Yes')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Yes'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-red': model.status === 'No' }\"\n [icon]=\"'si-feedback-no'\"\n (clicked)=\"onInterestedButtonClick('No')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'No'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-orange': model.status === 'Not Now' }\"\n [icon]=\"'si-feedback-maybe'\"\n (clicked)=\"onInterestedButtonClick('Not Now')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Not Now'\"></symphony-paragraph>\n </div>\n </div>\n\n <div class=\"form-group\">\n <symphony-input-dropdown\n *ngIf=\"model.showReasonDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n [inputDropdownListModel]=\"model.reasonDropdown\"\n ></symphony-input-dropdown>\n\n <symphony-input-dropdown\n *ngIf=\"model.showRecommendationDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n [inputDropdownListModel]=\"model.recommendationDropdown\"\n ></symphony-input-dropdown>\n\n <ng-container *ngIf=\"model.showCommentTextarea\">\n <label for=\"comments\" class=\"form-label\">Comments</label>\n <symphony-input-limited-text \n [textAreamodel]=\"model.commentTextarea\"\n [isDisabled]=\"false\"\n [rows]=\"4\"\n placeholder=\"\"\n [currentCount]=\"model.commentTextarea.value?.length\"\n (textChange)=\"onCommentsTextChange($event)\">\n </symphony-input-limited-text>\n </ng-container>\n </div>\n\n <div class=\"sfx-d-inline-block sfx-wid-100 sfx-mt-40\">\n <symphony-button-v2\n class=\"sfx-ml-10 save pull-right\"\n [text]=\"'Save'\"\n [disabled]=\"model.isSaveDisabled || !model.status\"\n (clicked)=\"onSaveClick()\"\n ></symphony-button-v2>\n <symphony-button-v2\n class=\"pull-right\"\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n (clicked)=\"onCancelClick()\"\n ></symphony-button-v2>\n </div>\n</ng-container>\n", styles: ["body .sfx .form-label{line-height:25px;margin-bottom:.27rem;font-weight:500}body .sfx textarea{box-shadow:none}body .sfx .form-group p.body-copy-primary{margin-top:4px}.sfx-mr-50{margin-right:3.125rem}.color-light-gray2{color:#d9d9d9}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}textarea#comments{min-height:100px;resize:vertical}@media (max-width: 767px){.form-group .sfx-mr-50{margin-right:30px}.form-group.pull-right{float:none!important}}@media (max-width: 320px){.form-group .save{margin-left:15px}.form-group button.btn{min-width:auto}}\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: InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: InputLimitedTextComponent, selector: "symphony-input-limited-text", inputs: ["textAreamodel", "isDisabled", "currentCount", "placeholder", "rows"], outputs: ["textChange"] }, { type: ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
6999
6993
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailInterestFormComponent, decorators: [{
|
|
7000
6994
|
type: Component,
|
|
7001
|
-
args: [{ selector: 'symphony-feedback-detail-interest-form', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"model\">\n <symphony-h4\n class=\"sfx-mb-25 sfx-d-block\"\n [text]=\"'Interested in this contact?'\"\n ></symphony-h4>\n\n <div class=\"form-group sfx-d-flex sfx-mb-30\">\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-green': model.status === 'Yes' }\"\n [icon]=\"'si-feedback-yes'\"\n (clicked)=\"onInterestedButtonClick('Yes')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Yes'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-red': model.status === 'No' }\"\n [icon]=\"'si-feedback-no'\"\n (clicked)=\"onInterestedButtonClick('No')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'No'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-orange': model.status === 'Not Now' }\"\n [icon]=\"'si-feedback-maybe'\"\n (clicked)=\"onInterestedButtonClick('Not Now')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Not Now'\"></symphony-paragraph>\n </div>\n </div>\n\n <div class=\"form-group\">\n <symphony-input-dropdown\n *ngIf=\"model.showReasonDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n [inputDropdownListModel]=\"model.reasonDropdown\"\n ></symphony-input-dropdown>\n\n <symphony-input-dropdown\n *ngIf=\"model.showRecommendationDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n [inputDropdownListModel]=\"model.recommendationDropdown\"\n ></symphony-input-dropdown>\n\n <ng-container *ngIf=\"model.showCommentTextarea\">\n <label for=\"comments\" class=\"form-label\">Comments</label>\n <symphony-input-limited-text \n [textAreamodel]=\"model.commentTextarea\"\n [isDisabled]=\"false\"\n [rows]=\"4\"\n placeholder=\"\"\n [currentCount]=\"model.commentTextarea.value?.length\"\n (textChange)=\"onCommentsTextChange($event)\">\n </symphony-input-limited-text>\n </ng-container>\n </div>\n\n <div class=\"
|
|
6995
|
+
args: [{ selector: 'symphony-feedback-detail-interest-form', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"model\">\n <symphony-h4\n class=\"sfx-mb-25 sfx-d-block\"\n [text]=\"'Interested in this contact?'\"\n ></symphony-h4>\n\n <div class=\"form-group sfx-d-flex sfx-mb-30\">\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-green': model.status === 'Yes' }\"\n [icon]=\"'si-feedback-yes'\"\n (clicked)=\"onInterestedButtonClick('Yes')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Yes'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-red': model.status === 'No' }\"\n [icon]=\"'si-feedback-no'\"\n (clicked)=\"onInterestedButtonClick('No')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'No'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-orange': model.status === 'Not Now' }\"\n [icon]=\"'si-feedback-maybe'\"\n (clicked)=\"onInterestedButtonClick('Not Now')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Not Now'\"></symphony-paragraph>\n </div>\n </div>\n\n <div class=\"form-group\">\n <symphony-input-dropdown\n *ngIf=\"model.showReasonDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n [inputDropdownListModel]=\"model.reasonDropdown\"\n ></symphony-input-dropdown>\n\n <symphony-input-dropdown\n *ngIf=\"model.showRecommendationDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n [inputDropdownListModel]=\"model.recommendationDropdown\"\n ></symphony-input-dropdown>\n\n <ng-container *ngIf=\"model.showCommentTextarea\">\n <label for=\"comments\" class=\"form-label\">Comments</label>\n <symphony-input-limited-text \n [textAreamodel]=\"model.commentTextarea\"\n [isDisabled]=\"false\"\n [rows]=\"4\"\n placeholder=\"\"\n [currentCount]=\"model.commentTextarea.value?.length\"\n (textChange)=\"onCommentsTextChange($event)\">\n </symphony-input-limited-text>\n </ng-container>\n </div>\n\n <div class=\"sfx-d-inline-block sfx-wid-100 sfx-mt-40\">\n <symphony-button-v2\n class=\"sfx-ml-10 save pull-right\"\n [text]=\"'Save'\"\n [disabled]=\"model.isSaveDisabled || !model.status\"\n (clicked)=\"onSaveClick()\"\n ></symphony-button-v2>\n <symphony-button-v2\n class=\"pull-right\"\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n (clicked)=\"onCancelClick()\"\n ></symphony-button-v2>\n </div>\n</ng-container>\n", styles: ["body .sfx .form-label{line-height:25px;margin-bottom:.27rem;font-weight:500}body .sfx textarea{box-shadow:none}body .sfx .form-group p.body-copy-primary{margin-top:4px}.sfx-mr-50{margin-right:3.125rem}.color-light-gray2{color:#d9d9d9}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}textarea#comments{min-height:100px;resize:vertical}@media (max-width: 767px){.form-group .sfx-mr-50{margin-right:30px}.form-group.pull-right{float:none!important}}@media (max-width: 320px){.form-group .save{margin-left:15px}.form-group button.btn{min-width:auto}}\n"] }]
|
|
7002
6996
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
7003
6997
|
type: Input
|
|
7004
6998
|
}], cancel: [{
|
|
@@ -7026,10 +7020,10 @@ class FeedbackDetailPageComponent {
|
|
|
7026
7020
|
}
|
|
7027
7021
|
}
|
|
7028
7022
|
FeedbackDetailPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7029
|
-
FeedbackDetailPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailPageComponent, selector: "symphony-feedback-detail-page", inputs: { model: "model" }, outputs: { back: "back", previewClicked: "previewClicked", saveFeedback: "saveFeedback" }, ngImport: i0, template: "<symphony-feedback-detail-template *ngIf=\"!model.isLoading\">\n <symphony-icon\n
|
|
7023
|
+
FeedbackDetailPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailPageComponent, selector: "symphony-feedback-detail-page", inputs: { model: "model" }, outputs: { back: "back", previewClicked: "previewClicked", saveFeedback: "saveFeedback" }, ngImport: i0, template: "<symphony-feedback-detail-template *ngIf=\"!model.isLoading\">\n\n <symphony-icon-wrapper\n (click)=\"onBackClick()\"\n class=\"sfx-d-inline-block\"\n sfx-back-button\n >\n <symphony-icon [icon]=\"'si-arrow-bold-previous'\" [size]=\"'14px'\"></symphony-icon>\n </symphony-icon-wrapper>\n\n <symphony-feedback-detail-header\n sfx-header\n [model]=\"model.header\"\n (previewClicked)=\"onPreviewClick()\"\n >\n </symphony-feedback-detail-header>\n\n <symphony-feedback-detail-candidate-info\n sfx-left-column\n [model]=\"model\"\n ></symphony-feedback-detail-candidate-info>\n\n <symphony-feedback-detail-interest-form\n sfx-right-column\n [model]=\"model.interest\"\n (save)=\"onSaveFeedback($event)\"\n (cancel)=\"onBackClick()\"\n ></symphony-feedback-detail-interest-form>\n</symphony-feedback-detail-template>\n<div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n</div>\n", styles: [""], components: [{ type: FeedbackDetailTemplateComponent, selector: "symphony-feedback-detail-template" }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: FeedbackDetailHeaderComponent, selector: "symphony-feedback-detail-header", inputs: ["model"], outputs: ["previewClicked"] }, { type: FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: ["model"] }, { type: FeedbackDetailInterestFormComponent, selector: "symphony-feedback-detail-interest-form", inputs: ["model"], outputs: ["cancel", "save", "commentsTextChange"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
7030
7024
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailPageComponent, decorators: [{
|
|
7031
7025
|
type: Component,
|
|
7032
|
-
args: [{ selector: 'symphony-feedback-detail-page', template: "<symphony-feedback-detail-template *ngIf=\"!model.isLoading\">\n <symphony-icon\n
|
|
7026
|
+
args: [{ selector: 'symphony-feedback-detail-page', template: "<symphony-feedback-detail-template *ngIf=\"!model.isLoading\">\n\n <symphony-icon-wrapper\n (click)=\"onBackClick()\"\n class=\"sfx-d-inline-block\"\n sfx-back-button\n >\n <symphony-icon [icon]=\"'si-arrow-bold-previous'\" [size]=\"'14px'\"></symphony-icon>\n </symphony-icon-wrapper>\n\n <symphony-feedback-detail-header\n sfx-header\n [model]=\"model.header\"\n (previewClicked)=\"onPreviewClick()\"\n >\n </symphony-feedback-detail-header>\n\n <symphony-feedback-detail-candidate-info\n sfx-left-column\n [model]=\"model\"\n ></symphony-feedback-detail-candidate-info>\n\n <symphony-feedback-detail-interest-form\n sfx-right-column\n [model]=\"model.interest\"\n (save)=\"onSaveFeedback($event)\"\n (cancel)=\"onBackClick()\"\n ></symphony-feedback-detail-interest-form>\n</symphony-feedback-detail-template>\n<div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n</div>\n", styles: [""] }]
|
|
7033
7027
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
7034
7028
|
type: Input
|
|
7035
7029
|
}], back: [{
|
|
@@ -7091,7 +7085,8 @@ FeedbackDetailInterestFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion:
|
|
|
7091
7085
|
ParagraphModule,
|
|
7092
7086
|
ButtonModule,
|
|
7093
7087
|
FormsModule,
|
|
7094
|
-
InputLimitedTextModule
|
|
7088
|
+
InputLimitedTextModule,
|
|
7089
|
+
ButtonV2Module], exports: [FeedbackDetailInterestFormComponent] });
|
|
7095
7090
|
FeedbackDetailInterestFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailInterestFormModule, imports: [[
|
|
7096
7091
|
CommonModule,
|
|
7097
7092
|
H4Module,
|
|
@@ -7100,7 +7095,8 @@ FeedbackDetailInterestFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion:
|
|
|
7100
7095
|
ParagraphModule,
|
|
7101
7096
|
ButtonModule,
|
|
7102
7097
|
FormsModule,
|
|
7103
|
-
InputLimitedTextModule
|
|
7098
|
+
InputLimitedTextModule,
|
|
7099
|
+
ButtonV2Module
|
|
7104
7100
|
]] });
|
|
7105
7101
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailInterestFormModule, decorators: [{
|
|
7106
7102
|
type: NgModule,
|
|
@@ -7114,7 +7110,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
7114
7110
|
ParagraphModule,
|
|
7115
7111
|
ButtonModule,
|
|
7116
7112
|
FormsModule,
|
|
7117
|
-
InputLimitedTextModule
|
|
7113
|
+
InputLimitedTextModule,
|
|
7114
|
+
ButtonV2Module
|
|
7118
7115
|
],
|
|
7119
7116
|
exports: [FeedbackDetailInterestFormComponent]
|
|
7120
7117
|
}]
|
|
@@ -7128,6 +7125,7 @@ FeedbackDetailPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0"
|
|
|
7128
7125
|
FeedbackDetailTemplateModule,
|
|
7129
7126
|
FeedbackDetailHeaderModule,
|
|
7130
7127
|
IconModule,
|
|
7128
|
+
IconWrapperModule,
|
|
7131
7129
|
FeedbackDetailCandidateInfoModule,
|
|
7132
7130
|
FeedbackDetailInterestFormModule,
|
|
7133
7131
|
SfxLoaderModule], exports: [FeedbackDetailPageComponent] });
|
|
@@ -7137,6 +7135,7 @@ FeedbackDetailPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0"
|
|
|
7137
7135
|
FeedbackDetailTemplateModule,
|
|
7138
7136
|
FeedbackDetailHeaderModule,
|
|
7139
7137
|
IconModule,
|
|
7138
|
+
IconWrapperModule,
|
|
7140
7139
|
FeedbackDetailCandidateInfoModule,
|
|
7141
7140
|
FeedbackDetailInterestFormModule,
|
|
7142
7141
|
SfxLoaderModule
|
|
@@ -7151,6 +7150,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
7151
7150
|
FeedbackDetailTemplateModule,
|
|
7152
7151
|
FeedbackDetailHeaderModule,
|
|
7153
7152
|
IconModule,
|
|
7153
|
+
IconWrapperModule,
|
|
7154
7154
|
FeedbackDetailCandidateInfoModule,
|
|
7155
7155
|
FeedbackDetailInterestFormModule,
|
|
7156
7156
|
SfxLoaderModule
|
|
@@ -8034,6 +8034,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
8034
8034
|
type: Output
|
|
8035
8035
|
}] } });
|
|
8036
8036
|
|
|
8037
|
+
class DomainWhitelistingPartialPageComponent {
|
|
8038
|
+
constructor() {
|
|
8039
|
+
this.clicked = new EventEmitter();
|
|
8040
|
+
}
|
|
8041
|
+
onClick() {
|
|
8042
|
+
this.clicked.emit(this.model.whitelistedDomains.value);
|
|
8043
|
+
}
|
|
8044
|
+
}
|
|
8045
|
+
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"] }] });
|
|
8047
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DomainWhitelistingPartialPageComponent, decorators: [{
|
|
8048
|
+
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"] }]
|
|
8050
|
+
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
8051
|
+
type: Input
|
|
8052
|
+
}], clicked: [{
|
|
8053
|
+
type: Output
|
|
8054
|
+
}] } });
|
|
8055
|
+
|
|
8037
8056
|
class FeedbackSettingDetailsPageComponent {
|
|
8038
8057
|
constructor() {
|
|
8039
8058
|
this.detailNavigationClicked = new EventEmitter();
|
|
@@ -8051,10 +8070,10 @@ class FeedbackSettingDetailsPageComponent {
|
|
|
8051
8070
|
}
|
|
8052
8071
|
}
|
|
8053
8072
|
FeedbackSettingDetailsPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackSettingDetailsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8054
|
-
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 [model]=\"model.toggleListPartialPageModel\"\n (updateSettingToggle)=\"onToggleClick($event)\"\n (addButtonClick)=\"onAddButtonClick()\"\n >\n </symphony-toggle-list-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"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
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"] }] });
|
|
8055
8074
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackSettingDetailsPageComponent, decorators: [{
|
|
8056
8075
|
type: Component,
|
|
8057
|
-
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 [model]=\"model.toggleListPartialPageModel\"\n (updateSettingToggle)=\"onToggleClick($event)\"\n (addButtonClick)=\"onAddButtonClick()\"\n >\n </symphony-toggle-list-partial-page>\n </section>\n</symphony-setting-details-template>\n" }]
|
|
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" }]
|
|
8058
8077
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
8059
8078
|
type: Input
|
|
8060
8079
|
}], detailNavigationClicked: [{
|
|
@@ -8110,6 +8129,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
8110
8129
|
}]
|
|
8111
8130
|
}] });
|
|
8112
8131
|
|
|
8132
|
+
class DomainWhitelistingPartialPageModule {
|
|
8133
|
+
}
|
|
8134
|
+
DomainWhitelistingPartialPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DomainWhitelistingPartialPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8135
|
+
DomainWhitelistingPartialPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DomainWhitelistingPartialPageModule, declarations: [DomainWhitelistingPartialPageComponent], imports: [ParagraphModule,
|
|
8136
|
+
CommonModule,
|
|
8137
|
+
InputTextareaModule,
|
|
8138
|
+
ButtonV2Module,
|
|
8139
|
+
SfxLoaderModule], exports: [DomainWhitelistingPartialPageComponent] });
|
|
8140
|
+
DomainWhitelistingPartialPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DomainWhitelistingPartialPageModule, imports: [[
|
|
8141
|
+
ParagraphModule,
|
|
8142
|
+
CommonModule,
|
|
8143
|
+
InputTextareaModule,
|
|
8144
|
+
ButtonV2Module,
|
|
8145
|
+
SfxLoaderModule,
|
|
8146
|
+
]] });
|
|
8147
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DomainWhitelistingPartialPageModule, decorators: [{
|
|
8148
|
+
type: NgModule,
|
|
8149
|
+
args: [{
|
|
8150
|
+
declarations: [DomainWhitelistingPartialPageComponent],
|
|
8151
|
+
exports: [DomainWhitelistingPartialPageComponent],
|
|
8152
|
+
imports: [
|
|
8153
|
+
ParagraphModule,
|
|
8154
|
+
CommonModule,
|
|
8155
|
+
InputTextareaModule,
|
|
8156
|
+
ButtonV2Module,
|
|
8157
|
+
SfxLoaderModule,
|
|
8158
|
+
],
|
|
8159
|
+
}]
|
|
8160
|
+
}] });
|
|
8161
|
+
|
|
8113
8162
|
class FeedbackSettingDetailsPageModule {
|
|
8114
8163
|
}
|
|
8115
8164
|
FeedbackSettingDetailsPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackSettingDetailsPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -8119,7 +8168,8 @@ FeedbackSettingDetailsPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion:
|
|
|
8119
8168
|
BreadcrumbModule,
|
|
8120
8169
|
H3Module,
|
|
8121
8170
|
PlaceholderModule,
|
|
8122
|
-
ToggleListPartialPageModule
|
|
8171
|
+
ToggleListPartialPageModule,
|
|
8172
|
+
DomainWhitelistingPartialPageModule], exports: [FeedbackSettingDetailsPageComponent] });
|
|
8123
8173
|
FeedbackSettingDetailsPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackSettingDetailsPageModule, imports: [[
|
|
8124
8174
|
CommonModule,
|
|
8125
8175
|
SettingsDetailNavigationListModule,
|
|
@@ -8128,11 +8178,13 @@ FeedbackSettingDetailsPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion:
|
|
|
8128
8178
|
H3Module,
|
|
8129
8179
|
PlaceholderModule,
|
|
8130
8180
|
ToggleListPartialPageModule,
|
|
8181
|
+
DomainWhitelistingPartialPageModule,
|
|
8131
8182
|
]] });
|
|
8132
8183
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackSettingDetailsPageModule, decorators: [{
|
|
8133
8184
|
type: NgModule,
|
|
8134
8185
|
args: [{
|
|
8135
8186
|
declarations: [FeedbackSettingDetailsPageComponent],
|
|
8187
|
+
exports: [FeedbackSettingDetailsPageComponent],
|
|
8136
8188
|
imports: [
|
|
8137
8189
|
CommonModule,
|
|
8138
8190
|
SettingsDetailNavigationListModule,
|
|
@@ -8141,8 +8193,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
8141
8193
|
H3Module,
|
|
8142
8194
|
PlaceholderModule,
|
|
8143
8195
|
ToggleListPartialPageModule,
|
|
8196
|
+
DomainWhitelistingPartialPageModule,
|
|
8144
8197
|
],
|
|
8145
|
-
exports: [FeedbackSettingDetailsPageComponent],
|
|
8146
8198
|
}]
|
|
8147
8199
|
}] });
|
|
8148
8200
|
var PartialPages;
|
|
@@ -8228,39 +8280,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
8228
8280
|
}]
|
|
8229
8281
|
}] });
|
|
8230
8282
|
|
|
8231
|
-
class DomainWhitelistingPartialPageComponent {
|
|
8232
|
-
constructor() {
|
|
8233
|
-
this.clicked = new EventEmitter();
|
|
8234
|
-
}
|
|
8235
|
-
onClick() {
|
|
8236
|
-
this.clicked.emit(this.model.whitelistedDomains.value);
|
|
8237
|
-
}
|
|
8238
|
-
}
|
|
8239
|
-
DomainWhitelistingPartialPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DomainWhitelistingPartialPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8240
|
-
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\" class=\"sfx-pt-20 sfx-border-top-gray-1\">\n <div class=\"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 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>\n</div>", styles: [".text-box{width:100%;display:block}.whitelist-domains{padding-right:750px}.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" }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
8241
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DomainWhitelistingPartialPageComponent, decorators: [{
|
|
8242
|
-
type: Component,
|
|
8243
|
-
args: [{ selector: 'symphony-domain-whitelisting-partial-page', template: "<div *ngIf=\"model\" class=\"sfx-pt-20 sfx-border-top-gray-1\">\n <div class=\"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 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>\n</div>", styles: [".text-box{width:100%;display:block}.whitelist-domains{padding-right:750px}.button{float:right}\n"] }]
|
|
8244
|
-
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
8245
|
-
type: Input
|
|
8246
|
-
}], clicked: [{
|
|
8247
|
-
type: Output
|
|
8248
|
-
}] } });
|
|
8249
|
-
|
|
8250
|
-
class DomainWhitelistingPartialPageModule {
|
|
8251
|
-
}
|
|
8252
|
-
DomainWhitelistingPartialPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DomainWhitelistingPartialPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8253
|
-
DomainWhitelistingPartialPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DomainWhitelistingPartialPageModule, declarations: [DomainWhitelistingPartialPageComponent], imports: [ParagraphModule, CommonModule, InputTextareaModule, ButtonV2Module], exports: [DomainWhitelistingPartialPageComponent] });
|
|
8254
|
-
DomainWhitelistingPartialPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DomainWhitelistingPartialPageModule, imports: [[ParagraphModule, CommonModule, InputTextareaModule, ButtonV2Module]] });
|
|
8255
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DomainWhitelistingPartialPageModule, decorators: [{
|
|
8256
|
-
type: NgModule,
|
|
8257
|
-
args: [{
|
|
8258
|
-
declarations: [DomainWhitelistingPartialPageComponent],
|
|
8259
|
-
exports: [DomainWhitelistingPartialPageComponent],
|
|
8260
|
-
imports: [ParagraphModule, CommonModule, InputTextareaModule, ButtonV2Module],
|
|
8261
|
-
}]
|
|
8262
|
-
}] });
|
|
8263
|
-
|
|
8264
8283
|
/*
|
|
8265
8284
|
* ATOMS
|
|
8266
8285
|
*/
|