@symphony-talent/component-library 4.9.0 → 4.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/molecules/input-limited-text/input-limited-text.component.mjs +10 -3
- package/esm2020/lib/organisms/feedback-detail-interest-form/feedback-detail-interest-form.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/molecules/input-limited-text/input-limited-text.component.mjs +10 -3
- package/esm2020/projects/component-library/lib/organisms/feedback-detail-interest-form/feedback-detail-interest-form.component.mjs +3 -3
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +11 -4
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +11 -4
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +11 -4
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +11 -4
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/molecules/input-limited-text/input-limited-text.component.d.ts +5 -2
- package/package.json +1 -1
- package/projects/component-library/lib/molecules/input-limited-text/input-limited-text.component.d.ts +5 -2
|
@@ -6308,16 +6308,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
6308
6308
|
class InputLimitedTextComponent {
|
|
6309
6309
|
constructor() {
|
|
6310
6310
|
this.textChange = new EventEmitter();
|
|
6311
|
+
this.characterCount = 0;
|
|
6312
|
+
}
|
|
6313
|
+
ngOnInit() {
|
|
6314
|
+
this.trySetCurrentCount();
|
|
6315
|
+
}
|
|
6316
|
+
trySetCurrentCount() {
|
|
6317
|
+
this.characterCount = this.currentCount ? this.currentCount : 0;
|
|
6311
6318
|
}
|
|
6312
6319
|
onTextAreaChanged(event) {
|
|
6313
6320
|
this.textChange.emit(event);
|
|
6314
6321
|
}
|
|
6315
6322
|
}
|
|
6316
6323
|
InputLimitedTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputLimitedTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6317
|
-
InputLimitedTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputLimitedTextComponent, selector: "symphony-input-limited-text", inputs: { textAreamodel: "textAreamodel", isDisabled: "isDisabled", currentCount: "currentCount", placeholder: "placeholder", rows: "rows" }, outputs: { textChange: "textChange" }, ngImport: i0, template: "<div *ngIf=\"textAreamodel\" class=\"input-limited-text-wrapper\">\n <symphony-input-textarea\n (textAreaChanged)=\"onTextAreaChanged($event)\"\n [model]=\"textAreamodel\"\n [isDisabled]=\"isDisabled\"\n [rows]=\"rows\"\n [placeholder]=\"placeholder\"\n ></symphony-input-textarea>\n <div class=\"input-limited-text-counter-wrapper\">\n <symphony-character-counter\n *ngIf=\"textAreamodel.maxCount\"\n [maxCount]=\"textAreamodel.maxCount\"\n [currentCount]=\"
|
|
6324
|
+
InputLimitedTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputLimitedTextComponent, selector: "symphony-input-limited-text", inputs: { textAreamodel: "textAreamodel", isDisabled: "isDisabled", currentCount: "currentCount", placeholder: "placeholder", rows: "rows" }, outputs: { textChange: "textChange" }, ngImport: i0, template: "<div *ngIf=\"textAreamodel\" class=\"input-limited-text-wrapper\">\n <symphony-input-textarea\n (textAreaChanged)=\"onTextAreaChanged($event)\"\n [model]=\"textAreamodel\"\n [isDisabled]=\"isDisabled\"\n [rows]=\"rows\"\n [placeholder]=\"placeholder\"\n ></symphony-input-textarea>\n <div class=\"input-limited-text-counter-wrapper\">\n <symphony-character-counter\n *ngIf=\"textAreamodel.maxCount\"\n [maxCount]=\"textAreamodel.maxCount\"\n [currentCount]=\"characterCount\"\n ></symphony-character-counter>\n </div>\n</div>\n", styles: [".input-limited-text-wrapper{padding:0}.input-limited-text-counter-wrapper{padding:0;float:right}\n"], components: [{ type: InputTextareaComponent, selector: "symphony-input-textarea", inputs: ["model", "isDisabled", "currentCount", "placeholder", "rows"], outputs: ["textAreaChanged"] }, { type: CharacterCounterComponent, selector: "symphony-character-counter", inputs: ["maxCount", "currentCount"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
6318
6325
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputLimitedTextComponent, decorators: [{
|
|
6319
6326
|
type: Component,
|
|
6320
|
-
args: [{ selector: 'symphony-input-limited-text', template: "<div *ngIf=\"textAreamodel\" class=\"input-limited-text-wrapper\">\n <symphony-input-textarea\n (textAreaChanged)=\"onTextAreaChanged($event)\"\n [model]=\"textAreamodel\"\n [isDisabled]=\"isDisabled\"\n [rows]=\"rows\"\n [placeholder]=\"placeholder\"\n ></symphony-input-textarea>\n <div class=\"input-limited-text-counter-wrapper\">\n <symphony-character-counter\n *ngIf=\"textAreamodel.maxCount\"\n [maxCount]=\"textAreamodel.maxCount\"\n [currentCount]=\"
|
|
6327
|
+
args: [{ selector: 'symphony-input-limited-text', template: "<div *ngIf=\"textAreamodel\" class=\"input-limited-text-wrapper\">\n <symphony-input-textarea\n (textAreaChanged)=\"onTextAreaChanged($event)\"\n [model]=\"textAreamodel\"\n [isDisabled]=\"isDisabled\"\n [rows]=\"rows\"\n [placeholder]=\"placeholder\"\n ></symphony-input-textarea>\n <div class=\"input-limited-text-counter-wrapper\">\n <symphony-character-counter\n *ngIf=\"textAreamodel.maxCount\"\n [maxCount]=\"textAreamodel.maxCount\"\n [currentCount]=\"characterCount\"\n ></symphony-character-counter>\n </div>\n</div>\n", styles: [".input-limited-text-wrapper{padding:0}.input-limited-text-counter-wrapper{padding:0;float:right}\n"] }]
|
|
6321
6328
|
}], propDecorators: { textAreamodel: [{
|
|
6322
6329
|
type: Input
|
|
6323
6330
|
}], isDisabled: [{
|
|
@@ -6353,10 +6360,10 @@ class FeedbackDetailInterestFormComponent {
|
|
|
6353
6360
|
}
|
|
6354
6361
|
}
|
|
6355
6362
|
FeedbackDetailInterestFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailInterestFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6356
|
-
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
|
|
6363
|
+
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=\"form-group pull-right sfx-mt-40\">\n <symphony-button\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n (clicked)=\"onCancelClick()\"\n ></symphony-button>\n <symphony-button\n class=\"sfx-ml-20 save\"\n [text]=\"'Save'\"\n [disabled]=\"model.isSaveDisabled || !model.status\"\n (clicked)=\"onSaveClick()\"\n ></symphony-button>\n </div>\n</ng-container>\n", styles: ["body .sfx .sfx-dropdown-label,body .sfx .sfx-dropdown button#moreDrop.dropdown-toggle.btn{margin-left:0;margin-right:0;width:100%}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: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
6357
6364
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailInterestFormComponent, decorators: [{
|
|
6358
6365
|
type: Component,
|
|
6359
|
-
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
|
|
6366
|
+
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=\"form-group pull-right sfx-mt-40\">\n <symphony-button\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n (clicked)=\"onCancelClick()\"\n ></symphony-button>\n <symphony-button\n class=\"sfx-ml-20 save\"\n [text]=\"'Save'\"\n [disabled]=\"model.isSaveDisabled || !model.status\"\n (clicked)=\"onSaveClick()\"\n ></symphony-button>\n </div>\n</ng-container>\n", styles: ["body .sfx .sfx-dropdown-label,body .sfx .sfx-dropdown button#moreDrop.dropdown-toggle.btn{margin-left:0;margin-right:0;width:100%}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"] }]
|
|
6360
6367
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
6361
6368
|
type: Input
|
|
6362
6369
|
}], cancel: [{
|