@symphony-talent/component-library 4.66.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/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/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/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/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 +49 -49
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +49 -49
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +49 -49
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +49 -49
- 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/feedback-detail-page/feedback-detail-page.module.d.ts +5 -4
- 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/feedback-detail-page/feedback-detail-page.module.d.ts +5 -4
|
@@ -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: [{
|
|
@@ -2719,10 +2719,10 @@ class BreadcrumbComponent {
|
|
|
2719
2719
|
}
|
|
2720
2720
|
}
|
|
2721
2721
|
BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2722
|
-
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 });
|
|
2722
|
+
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 });
|
|
2723
2723
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
2724
2724
|
type: Component,
|
|
2725
|
-
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"] }]
|
|
2725
|
+
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"] }]
|
|
2726
2726
|
}], ctorParameters: function () { return []; }, propDecorators: { breadcrumbs: [{
|
|
2727
2727
|
type: Input
|
|
2728
2728
|
}], breadcrumbClicked: [{
|
|
@@ -2798,10 +2798,10 @@ class FeedbackCardComponent {
|
|
|
2798
2798
|
}
|
|
2799
2799
|
}
|
|
2800
2800
|
FeedbackCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2801
|
-
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
|
|
2801
|
+
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 });
|
|
2802
2802
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardComponent, decorators: [{
|
|
2803
2803
|
type: Component,
|
|
2804
|
-
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
|
|
2804
|
+
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"] }]
|
|
2805
2805
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
2806
2806
|
type: Input
|
|
2807
2807
|
}], cardClick: [{
|
|
@@ -3815,10 +3815,10 @@ class FeedbackLoginModalComponent {
|
|
|
3815
3815
|
}
|
|
3816
3816
|
}
|
|
3817
3817
|
FeedbackLoginModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackLoginModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3818
|
-
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
|
|
3818
|
+
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 });
|
|
3819
3819
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackLoginModalComponent, decorators: [{
|
|
3820
3820
|
type: Component,
|
|
3821
|
-
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
|
|
3821
|
+
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"] }]
|
|
3822
3822
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
3823
3823
|
type: Input
|
|
3824
3824
|
}], verifyClicked: [{
|
|
@@ -3837,18 +3837,18 @@ FeedbackLoginModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0"
|
|
|
3837
3837
|
H5Module,
|
|
3838
3838
|
ParagraphModule,
|
|
3839
3839
|
IconModule,
|
|
3840
|
-
ButtonModule,
|
|
3841
3840
|
InputTextModule,
|
|
3842
|
-
SfxLoaderModule
|
|
3841
|
+
SfxLoaderModule,
|
|
3842
|
+
ButtonV2Module], exports: [FeedbackLoginModalComponent] });
|
|
3843
3843
|
FeedbackLoginModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackLoginModalModule, imports: [[
|
|
3844
3844
|
CommonModule,
|
|
3845
3845
|
H4Module,
|
|
3846
3846
|
H5Module,
|
|
3847
3847
|
ParagraphModule,
|
|
3848
3848
|
IconModule,
|
|
3849
|
-
ButtonModule,
|
|
3850
3849
|
InputTextModule,
|
|
3851
|
-
SfxLoaderModule
|
|
3850
|
+
SfxLoaderModule,
|
|
3851
|
+
ButtonV2Module
|
|
3852
3852
|
]] });
|
|
3853
3853
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackLoginModalModule, decorators: [{
|
|
3854
3854
|
type: NgModule,
|
|
@@ -3860,9 +3860,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
3860
3860
|
H5Module,
|
|
3861
3861
|
ParagraphModule,
|
|
3862
3862
|
IconModule,
|
|
3863
|
-
ButtonModule,
|
|
3864
3863
|
InputTextModule,
|
|
3865
|
-
SfxLoaderModule
|
|
3864
|
+
SfxLoaderModule,
|
|
3865
|
+
ButtonV2Module
|
|
3866
3866
|
],
|
|
3867
3867
|
exports: [FeedbackLoginModalComponent],
|
|
3868
3868
|
}]
|
|
@@ -5643,10 +5643,10 @@ class FeedbackDetailHeaderComponent {
|
|
|
5643
5643
|
}
|
|
5644
5644
|
}
|
|
5645
5645
|
FeedbackDetailHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5646
|
-
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: "<
|
|
5646
|
+
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 });
|
|
5647
5647
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailHeaderComponent, decorators: [{
|
|
5648
5648
|
type: Component,
|
|
5649
|
-
args: [{ selector: 'symphony-feedback-detail-header', encapsulation: ViewEncapsulation.None, template: "<
|
|
5649
|
+
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"] }]
|
|
5650
5650
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
5651
5651
|
type: Input
|
|
5652
5652
|
}], previewClicked: [{
|
|
@@ -5658,15 +5658,11 @@ class FeedbackDetailHeaderModule {
|
|
|
5658
5658
|
FeedbackDetailHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5659
5659
|
FeedbackDetailHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailHeaderModule, declarations: [FeedbackDetailHeaderComponent], imports: [CommonModule,
|
|
5660
5660
|
H3Module,
|
|
5661
|
-
|
|
5662
|
-
IconWrapperModule,
|
|
5663
|
-
ButtonModule], exports: [FeedbackDetailHeaderComponent] });
|
|
5661
|
+
ButtonV2Module], exports: [FeedbackDetailHeaderComponent] });
|
|
5664
5662
|
FeedbackDetailHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailHeaderModule, imports: [[
|
|
5665
5663
|
CommonModule,
|
|
5666
5664
|
H3Module,
|
|
5667
|
-
|
|
5668
|
-
IconWrapperModule,
|
|
5669
|
-
ButtonModule
|
|
5665
|
+
ButtonV2Module
|
|
5670
5666
|
]] });
|
|
5671
5667
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailHeaderModule, decorators: [{
|
|
5672
5668
|
type: NgModule,
|
|
@@ -5675,9 +5671,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
5675
5671
|
imports: [
|
|
5676
5672
|
CommonModule,
|
|
5677
5673
|
H3Module,
|
|
5678
|
-
|
|
5679
|
-
IconWrapperModule,
|
|
5680
|
-
ButtonModule
|
|
5674
|
+
ButtonV2Module
|
|
5681
5675
|
],
|
|
5682
5676
|
exports: [FeedbackDetailHeaderComponent]
|
|
5683
5677
|
}]
|
|
@@ -5687,10 +5681,10 @@ class FeedbackCandidateWorkHistoryComponent {
|
|
|
5687
5681
|
constructor() { }
|
|
5688
5682
|
}
|
|
5689
5683
|
FeedbackCandidateWorkHistoryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateWorkHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5690
|
-
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-
|
|
5684
|
+
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 });
|
|
5691
5685
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateWorkHistoryComponent, decorators: [{
|
|
5692
5686
|
type: Component,
|
|
5693
|
-
args: [{ selector: 'symphony-feedback-candidate-workhistory', encapsulation: ViewEncapsulation.None, template: "<section>\n <ul class=\"list-unstyled sfx-mt-
|
|
5687
|
+
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"] }]
|
|
5694
5688
|
}], ctorParameters: function () { return []; }, propDecorators: { workHistories: [{
|
|
5695
5689
|
type: Input
|
|
5696
5690
|
}] } });
|
|
@@ -5699,10 +5693,10 @@ class FeedbackCandidateEducationComponent {
|
|
|
5699
5693
|
constructor() { }
|
|
5700
5694
|
}
|
|
5701
5695
|
FeedbackCandidateEducationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateEducationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5702
|
-
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-
|
|
5696
|
+
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"] }] });
|
|
5703
5697
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateEducationComponent, decorators: [{
|
|
5704
5698
|
type: Component,
|
|
5705
|
-
args: [{ selector: 'symphony-feedback-candidate-education', template: "<section>\n <ul class=\"list-unstyled sfx-mt-
|
|
5699
|
+
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"] }]
|
|
5706
5700
|
}], ctorParameters: function () { return []; }, propDecorators: { educationHistories: [{
|
|
5707
5701
|
type: Input
|
|
5708
5702
|
}] } });
|
|
@@ -5711,10 +5705,10 @@ class FeedbackCandidateCertificationsComponent {
|
|
|
5711
5705
|
constructor() { }
|
|
5712
5706
|
}
|
|
5713
5707
|
FeedbackCandidateCertificationsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateCertificationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5714
|
-
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-
|
|
5708
|
+
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"] }] });
|
|
5715
5709
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateCertificationsComponent, decorators: [{
|
|
5716
5710
|
type: Component,
|
|
5717
|
-
args: [{ selector: 'symphony-feedback-candidate-certifications', template: "<section>\n <ul class=\"list-unstyled sfx-mt-
|
|
5711
|
+
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"] }]
|
|
5718
5712
|
}], ctorParameters: function () { return []; }, propDecorators: { certificationHistories: [{
|
|
5719
5713
|
type: Input
|
|
5720
5714
|
}] } });
|
|
@@ -5723,10 +5717,10 @@ class FeedbackDetailCandidateInfoComponent {
|
|
|
5723
5717
|
constructor() { }
|
|
5724
5718
|
}
|
|
5725
5719
|
FeedbackDetailCandidateInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailCandidateInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5726
|
-
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: "<
|
|
5720
|
+
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 });
|
|
5727
5721
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailCandidateInfoComponent, decorators: [{
|
|
5728
5722
|
type: Component,
|
|
5729
|
-
args: [{ selector: 'symphony-feedback-detail-candidate-info', encapsulation: ViewEncapsulation.None, template: "<
|
|
5723
|
+
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"] }]
|
|
5730
5724
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
5731
5725
|
type: Input
|
|
5732
5726
|
}] } });
|
|
@@ -5778,7 +5772,7 @@ class FeedbackDetailCandidateInfoModule {
|
|
|
5778
5772
|
FeedbackDetailCandidateInfoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailCandidateInfoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5779
5773
|
FeedbackDetailCandidateInfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailCandidateInfoModule, declarations: [FeedbackDetailCandidateInfoComponent], imports: [CommonModule, i1$6.AccordionModule, BrowserAnimationsModule,
|
|
5780
5774
|
IconModule,
|
|
5781
|
-
|
|
5775
|
+
H5Module,
|
|
5782
5776
|
SfxAccordionHeaderModule,
|
|
5783
5777
|
FeedbackCandidateWorkHistoryModule,
|
|
5784
5778
|
FeedbackCandidateEducationModule,
|
|
@@ -5789,7 +5783,7 @@ FeedbackDetailCandidateInfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion:
|
|
|
5789
5783
|
AccordionModule.forRoot(),
|
|
5790
5784
|
BrowserAnimationsModule,
|
|
5791
5785
|
IconModule,
|
|
5792
|
-
|
|
5786
|
+
H5Module,
|
|
5793
5787
|
SfxAccordionHeaderModule,
|
|
5794
5788
|
FeedbackCandidateWorkHistoryModule,
|
|
5795
5789
|
FeedbackCandidateEducationModule,
|
|
@@ -5805,7 +5799,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
5805
5799
|
AccordionModule.forRoot(),
|
|
5806
5800
|
BrowserAnimationsModule,
|
|
5807
5801
|
IconModule,
|
|
5808
|
-
|
|
5802
|
+
H5Module,
|
|
5809
5803
|
SfxAccordionHeaderModule,
|
|
5810
5804
|
FeedbackCandidateWorkHistoryModule,
|
|
5811
5805
|
FeedbackCandidateEducationModule,
|
|
@@ -6848,10 +6842,10 @@ class FeedbackListTemplateComponent {
|
|
|
6848
6842
|
constructor() { }
|
|
6849
6843
|
}
|
|
6850
6844
|
FeedbackListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6851
|
-
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-
|
|
6845
|
+
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: [""] });
|
|
6852
6846
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackListTemplateComponent, decorators: [{
|
|
6853
6847
|
type: Component,
|
|
6854
|
-
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-
|
|
6848
|
+
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: [""] }]
|
|
6855
6849
|
}], ctorParameters: function () { return []; } });
|
|
6856
6850
|
|
|
6857
6851
|
class FeedbackListPageComponent {
|
|
@@ -6930,10 +6924,10 @@ class FeedbackDetailTemplateComponent {
|
|
|
6930
6924
|
constructor() { }
|
|
6931
6925
|
}
|
|
6932
6926
|
FeedbackDetailTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6933
|
-
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-
|
|
6927
|
+
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"] });
|
|
6934
6928
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailTemplateComponent, decorators: [{
|
|
6935
6929
|
type: Component,
|
|
6936
|
-
args: [{ selector: 'symphony-feedback-detail-template', template: "<section class=\"sfx-border-bottom-
|
|
6930
|
+
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"] }]
|
|
6937
6931
|
}], ctorParameters: function () { return []; } });
|
|
6938
6932
|
|
|
6939
6933
|
class InputLimitedTextComponent {
|
|
@@ -6991,10 +6985,10 @@ class FeedbackDetailInterestFormComponent {
|
|
|
6991
6985
|
}
|
|
6992
6986
|
}
|
|
6993
6987
|
FeedbackDetailInterestFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailInterestFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6994
|
-
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=\"
|
|
6988
|
+
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 });
|
|
6995
6989
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailInterestFormComponent, decorators: [{
|
|
6996
6990
|
type: Component,
|
|
6997
|
-
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=\"
|
|
6991
|
+
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"] }]
|
|
6998
6992
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
6999
6993
|
type: Input
|
|
7000
6994
|
}], cancel: [{
|
|
@@ -7022,10 +7016,10 @@ class FeedbackDetailPageComponent {
|
|
|
7022
7016
|
}
|
|
7023
7017
|
}
|
|
7024
7018
|
FeedbackDetailPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7025
|
-
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
|
|
7019
|
+
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"] }] });
|
|
7026
7020
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailPageComponent, decorators: [{
|
|
7027
7021
|
type: Component,
|
|
7028
|
-
args: [{ selector: 'symphony-feedback-detail-page', template: "<symphony-feedback-detail-template *ngIf=\"!model.isLoading\">\n <symphony-icon\n
|
|
7022
|
+
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: [""] }]
|
|
7029
7023
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
7030
7024
|
type: Input
|
|
7031
7025
|
}], back: [{
|
|
@@ -7087,7 +7081,8 @@ FeedbackDetailInterestFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion:
|
|
|
7087
7081
|
ParagraphModule,
|
|
7088
7082
|
ButtonModule,
|
|
7089
7083
|
FormsModule,
|
|
7090
|
-
InputLimitedTextModule
|
|
7084
|
+
InputLimitedTextModule,
|
|
7085
|
+
ButtonV2Module], exports: [FeedbackDetailInterestFormComponent] });
|
|
7091
7086
|
FeedbackDetailInterestFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailInterestFormModule, imports: [[
|
|
7092
7087
|
CommonModule,
|
|
7093
7088
|
H4Module,
|
|
@@ -7096,7 +7091,8 @@ FeedbackDetailInterestFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion:
|
|
|
7096
7091
|
ParagraphModule,
|
|
7097
7092
|
ButtonModule,
|
|
7098
7093
|
FormsModule,
|
|
7099
|
-
InputLimitedTextModule
|
|
7094
|
+
InputLimitedTextModule,
|
|
7095
|
+
ButtonV2Module
|
|
7100
7096
|
]] });
|
|
7101
7097
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailInterestFormModule, decorators: [{
|
|
7102
7098
|
type: NgModule,
|
|
@@ -7110,7 +7106,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
7110
7106
|
ParagraphModule,
|
|
7111
7107
|
ButtonModule,
|
|
7112
7108
|
FormsModule,
|
|
7113
|
-
InputLimitedTextModule
|
|
7109
|
+
InputLimitedTextModule,
|
|
7110
|
+
ButtonV2Module
|
|
7114
7111
|
],
|
|
7115
7112
|
exports: [FeedbackDetailInterestFormComponent]
|
|
7116
7113
|
}]
|
|
@@ -7124,6 +7121,7 @@ FeedbackDetailPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0"
|
|
|
7124
7121
|
FeedbackDetailTemplateModule,
|
|
7125
7122
|
FeedbackDetailHeaderModule,
|
|
7126
7123
|
IconModule,
|
|
7124
|
+
IconWrapperModule,
|
|
7127
7125
|
FeedbackDetailCandidateInfoModule,
|
|
7128
7126
|
FeedbackDetailInterestFormModule,
|
|
7129
7127
|
SfxLoaderModule], exports: [FeedbackDetailPageComponent] });
|
|
@@ -7133,6 +7131,7 @@ FeedbackDetailPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0"
|
|
|
7133
7131
|
FeedbackDetailTemplateModule,
|
|
7134
7132
|
FeedbackDetailHeaderModule,
|
|
7135
7133
|
IconModule,
|
|
7134
|
+
IconWrapperModule,
|
|
7136
7135
|
FeedbackDetailCandidateInfoModule,
|
|
7137
7136
|
FeedbackDetailInterestFormModule,
|
|
7138
7137
|
SfxLoaderModule
|
|
@@ -7147,6 +7146,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
7147
7146
|
FeedbackDetailTemplateModule,
|
|
7148
7147
|
FeedbackDetailHeaderModule,
|
|
7149
7148
|
IconModule,
|
|
7149
|
+
IconWrapperModule,
|
|
7150
7150
|
FeedbackDetailCandidateInfoModule,
|
|
7151
7151
|
FeedbackDetailInterestFormModule,
|
|
7152
7152
|
SfxLoaderModule
|