@symphony-talent/component-library 4.10.0 → 4.12.0

package/fesm2020/symphony-talent-component-library.mjs

@@ -263,7 +263,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
 
 class TrimIdPipe {
     transform(value) {
-        return value?.replace(/\s/g, '');
+        return value?.replace(/[^\w]/g, "");
     }
 }
 TrimIdPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TrimIdPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
@@ -6308,23 +6308,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
 class InputLimitedTextComponent {
     constructor() {
         this.textChange = new EventEmitter();
-        this.characterCount = 0;
     }
     ngOnInit() {
         this.trySetCurrentCount();
     }
     trySetCurrentCount() {
-        this.characterCount = this.currentCount ? this.currentCount : 0;
+        const characterCount = this.currentCount ? this.currentCount : 0;
+        this.currentCount = characterCount;
     }
     onTextAreaChanged(event) {
         this.textChange.emit(event);
     }
 }
 InputLimitedTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputLimitedTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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"] }] });
+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]=\"currentCount\"\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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputLimitedTextComponent, decorators: [{
             type: Component,
-            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"] }]
+            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]=\"currentCount\"\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"] }]
         }], propDecorators: { textAreamodel: [{
                 type: Input
             }], isDisabled: [{