@symphony-talent/component-library 4.10.0 → 4.11.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 +5 -5
- package/esm2020/projects/component-library/lib/molecules/input-limited-text/input-limited-text.component.mjs +5 -5
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +4 -4
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +4 -4
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +4 -4
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +4 -4
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/molecules/input-limited-text/input-limited-text.component.d.ts +0 -1
- package/package.json +1 -1
- package/projects/component-library/lib/molecules/input-limited-text/input-limited-text.component.d.ts +0 -1
|
@@ -6,23 +6,23 @@ import * as i3 from "@angular/common";
|
|
|
6
6
|
export class InputLimitedTextComponent {
|
|
7
7
|
constructor() {
|
|
8
8
|
this.textChange = new EventEmitter();
|
|
9
|
-
this.characterCount = 0;
|
|
10
9
|
}
|
|
11
10
|
ngOnInit() {
|
|
12
11
|
this.trySetCurrentCount();
|
|
13
12
|
}
|
|
14
13
|
trySetCurrentCount() {
|
|
15
|
-
|
|
14
|
+
const characterCount = this.currentCount ? this.currentCount : 0;
|
|
15
|
+
this.currentCount = characterCount;
|
|
16
16
|
}
|
|
17
17
|
onTextAreaChanged(event) {
|
|
18
18
|
this.textChange.emit(event);
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
InputLimitedTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputLimitedTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
-
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]=\"
|
|
22
|
+
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: i1.InputTextareaComponent, selector: "symphony-input-textarea", inputs: ["model", "isDisabled", "currentCount", "placeholder", "rows"], outputs: ["textAreaChanged"] }, { type: i2.CharacterCounterComponent, selector: "symphony-character-counter", inputs: ["maxCount", "currentCount"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputLimitedTextComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
|
-
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]=\"
|
|
25
|
+
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"] }]
|
|
26
26
|
}], propDecorators: { textAreamodel: [{
|
|
27
27
|
type: Input
|
|
28
28
|
}], isDisabled: [{
|
|
@@ -36,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
36
36
|
}], textChange: [{
|
|
37
37
|
type: Output
|
|
38
38
|
}] } });
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtbGltaXRlZC10ZXh0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2lucHV0LWxpbWl0ZWQtdGV4dC9pbnB1dC1saW1pdGVkLXRleHQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvaW5wdXQtbGltaXRlZC10ZXh0L2lucHV0LWxpbWl0ZWQtdGV4dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVEvRSxNQUFNLE9BQU8seUJBQXlCO0lBTHRDO1FBV1ksZUFBVSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FjbkQ7SUFaQyxRQUFRO1FBQ04sSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELGtCQUFrQjtRQUNoQixNQUFNLGNBQWMsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDakUsSUFBSSxDQUFDLFlBQVksR0FBRyxjQUFjLENBQUM7SUFDckMsQ0FBQztJQUVELGlCQUFpQixDQUFDLEtBQWE7UUFDN0IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUIsQ0FBQzs7c0hBbkJVLHlCQUF5QjswR0FBekIseUJBQXlCLHdQQ1J0Qyx3akJBZ0JBOzJGRFJhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSw2QkFBNkI7OEJBSzlCLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNJLFVBQVU7c0JBQW5CLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJbnB1dFRleHRBcmVhTW9kZWwgfSBmcm9tICcuLi8uLi9hdG9tcy9pbnB1dC10ZXh0YXJlYS9pbnB1dC10ZXh0YXJlYS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWlucHV0LWxpbWl0ZWQtdGV4dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC1saW1pdGVkLXRleHQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbnB1dC1saW1pdGVkLXRleHQuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgSW5wdXRMaW1pdGVkVGV4dENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHRleHRBcmVhbW9kZWw6IElucHV0VGV4dEFyZWFNb2RlbDtcbiAgQElucHV0KCkgaXNEaXNhYmxlZDogYm9vbGVhbjtcbiAgQElucHV0KCkgY3VycmVudENvdW50OiBudW1iZXI7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHJvd3M6IG51bWJlcjtcbiAgQE91dHB1dCgpIHRleHRDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnRyeVNldEN1cnJlbnRDb3VudCgpO1xuICB9XG5cbiAgdHJ5U2V0Q3VycmVudENvdW50KCkge1xuICAgIGNvbnN0IGNoYXJhY3RlckNvdW50ID0gdGhpcy5jdXJyZW50Q291bnQgPyB0aGlzLmN1cnJlbnRDb3VudCA6IDA7XG4gICAgdGhpcy5jdXJyZW50Q291bnQgPSBjaGFyYWN0ZXJDb3VudDtcbiAgfVxuXG4gIG9uVGV4dEFyZWFDaGFuZ2VkKGV2ZW50OiBzdHJpbmcpIHtcbiAgICB0aGlzLnRleHRDaGFuZ2UuZW1pdChldmVudCk7XG4gIH1cbn1cbiIsIjxkaXYgKm5nSWY9XCJ0ZXh0QXJlYW1vZGVsXCIgY2xhc3M9XCJpbnB1dC1saW1pdGVkLXRleHQtd3JhcHBlclwiPlxuICA8c3ltcGhvbnktaW5wdXQtdGV4dGFyZWFcbiAgICAodGV4dEFyZWFDaGFuZ2VkKT1cIm9uVGV4dEFyZWFDaGFuZ2VkKCRldmVudClcIlxuICAgIFttb2RlbF09XCJ0ZXh0QXJlYW1vZGVsXCJcbiAgICBbaXNEaXNhYmxlZF09XCJpc0Rpc2FibGVkXCJcbiAgICBbcm93c109XCJyb3dzXCJcbiAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICA+PC9zeW1waG9ueS1pbnB1dC10ZXh0YXJlYT5cbiAgPGRpdiAgY2xhc3M9XCJpbnB1dC1saW1pdGVkLXRleHQtY291bnRlci13cmFwcGVyXCI+XG4gICAgPHN5bXBob255LWNoYXJhY3Rlci1jb3VudGVyXG4gICAgICAqbmdJZj1cInRleHRBcmVhbW9kZWwubWF4Q291bnRcIlxuICAgICAgW21heENvdW50XT1cInRleHRBcmVhbW9kZWwubWF4Q291bnRcIlxuICAgICAgW2N1cnJlbnRDb3VudF09XCJjdXJyZW50Q291bnRcIlxuICAgID48L3N5bXBob255LWNoYXJhY3Rlci1jb3VudGVyPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -6,23 +6,23 @@ import * as i3 from "@angular/common";
|
|
|
6
6
|
export class InputLimitedTextComponent {
|
|
7
7
|
constructor() {
|
|
8
8
|
this.textChange = new EventEmitter();
|
|
9
|
-
this.characterCount = 0;
|
|
10
9
|
}
|
|
11
10
|
ngOnInit() {
|
|
12
11
|
this.trySetCurrentCount();
|
|
13
12
|
}
|
|
14
13
|
trySetCurrentCount() {
|
|
15
|
-
|
|
14
|
+
const characterCount = this.currentCount ? this.currentCount : 0;
|
|
15
|
+
this.currentCount = characterCount;
|
|
16
16
|
}
|
|
17
17
|
onTextAreaChanged(event) {
|
|
18
18
|
this.textChange.emit(event);
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
InputLimitedTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputLimitedTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
-
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]=\"
|
|
22
|
+
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: i1.InputTextareaComponent, selector: "symphony-input-textarea", inputs: ["model", "isDisabled", "currentCount", "placeholder", "rows"], outputs: ["textAreaChanged"] }, { type: i2.CharacterCounterComponent, selector: "symphony-character-counter", inputs: ["maxCount", "currentCount"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputLimitedTextComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
|
-
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]=\"
|
|
25
|
+
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"] }]
|
|
26
26
|
}], propDecorators: { textAreamodel: [{
|
|
27
27
|
type: Input
|
|
28
28
|
}], isDisabled: [{
|
|
@@ -36,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
36
36
|
}], textChange: [{
|
|
37
37
|
type: Output
|
|
38
38
|
}] } });
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtbGltaXRlZC10ZXh0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2lucHV0LWxpbWl0ZWQtdGV4dC9pbnB1dC1saW1pdGVkLXRleHQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvaW5wdXQtbGltaXRlZC10ZXh0L2lucHV0LWxpbWl0ZWQtdGV4dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVEvRSxNQUFNLE9BQU8seUJBQXlCO0lBTHRDO1FBV1ksZUFBVSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FjbkQ7SUFaQyxRQUFRO1FBQ04sSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELGtCQUFrQjtRQUNoQixNQUFNLGNBQWMsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDakUsSUFBSSxDQUFDLFlBQVksR0FBRyxjQUFjLENBQUM7SUFDckMsQ0FBQztJQUVELGlCQUFpQixDQUFDLEtBQWE7UUFDN0IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUIsQ0FBQzs7c0hBbkJVLHlCQUF5QjswR0FBekIseUJBQXlCLHdQQ1J0Qyx3akJBZ0JBOzJGRFJhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSw2QkFBNkI7OEJBSzlCLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNJLFVBQVU7c0JBQW5CLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJbnB1dFRleHRBcmVhTW9kZWwgfSBmcm9tICcuLi8uLi9hdG9tcy9pbnB1dC10ZXh0YXJlYS9pbnB1dC10ZXh0YXJlYS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWlucHV0LWxpbWl0ZWQtdGV4dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC1saW1pdGVkLXRleHQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbnB1dC1saW1pdGVkLXRleHQuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgSW5wdXRMaW1pdGVkVGV4dENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHRleHRBcmVhbW9kZWw6IElucHV0VGV4dEFyZWFNb2RlbDtcbiAgQElucHV0KCkgaXNEaXNhYmxlZDogYm9vbGVhbjtcbiAgQElucHV0KCkgY3VycmVudENvdW50OiBudW1iZXI7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHJvd3M6IG51bWJlcjtcbiAgQE91dHB1dCgpIHRleHRDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnRyeVNldEN1cnJlbnRDb3VudCgpO1xuICB9XG5cbiAgdHJ5U2V0Q3VycmVudENvdW50KCkge1xuICAgIGNvbnN0IGNoYXJhY3RlckNvdW50ID0gdGhpcy5jdXJyZW50Q291bnQgPyB0aGlzLmN1cnJlbnRDb3VudCA6IDA7XG4gICAgdGhpcy5jdXJyZW50Q291bnQgPSBjaGFyYWN0ZXJDb3VudDtcbiAgfVxuXG4gIG9uVGV4dEFyZWFDaGFuZ2VkKGV2ZW50OiBzdHJpbmcpIHtcbiAgICB0aGlzLnRleHRDaGFuZ2UuZW1pdChldmVudCk7XG4gIH1cbn1cbiIsIjxkaXYgKm5nSWY9XCJ0ZXh0QXJlYW1vZGVsXCIgY2xhc3M9XCJpbnB1dC1saW1pdGVkLXRleHQtd3JhcHBlclwiPlxuICA8c3ltcGhvbnktaW5wdXQtdGV4dGFyZWFcbiAgICAodGV4dEFyZWFDaGFuZ2VkKT1cIm9uVGV4dEFyZWFDaGFuZ2VkKCRldmVudClcIlxuICAgIFttb2RlbF09XCJ0ZXh0QXJlYW1vZGVsXCJcbiAgICBbaXNEaXNhYmxlZF09XCJpc0Rpc2FibGVkXCJcbiAgICBbcm93c109XCJyb3dzXCJcbiAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICA+PC9zeW1waG9ueS1pbnB1dC10ZXh0YXJlYT5cbiAgPGRpdiAgY2xhc3M9XCJpbnB1dC1saW1pdGVkLXRleHQtY291bnRlci13cmFwcGVyXCI+XG4gICAgPHN5bXBob255LWNoYXJhY3Rlci1jb3VudGVyXG4gICAgICAqbmdJZj1cInRleHRBcmVhbW9kZWwubWF4Q291bnRcIlxuICAgICAgW21heENvdW50XT1cInRleHRBcmVhbW9kZWwubWF4Q291bnRcIlxuICAgICAgW2N1cnJlbnRDb3VudF09XCJjdXJyZW50Q291bnRcIlxuICAgID48L3N5bXBob255LWNoYXJhY3Rlci1jb3VudGVyPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -6312,23 +6312,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
6312
6312
|
class InputLimitedTextComponent {
|
|
6313
6313
|
constructor() {
|
|
6314
6314
|
this.textChange = new EventEmitter();
|
|
6315
|
-
this.characterCount = 0;
|
|
6316
6315
|
}
|
|
6317
6316
|
ngOnInit() {
|
|
6318
6317
|
this.trySetCurrentCount();
|
|
6319
6318
|
}
|
|
6320
6319
|
trySetCurrentCount() {
|
|
6321
|
-
|
|
6320
|
+
const characterCount = this.currentCount ? this.currentCount : 0;
|
|
6321
|
+
this.currentCount = characterCount;
|
|
6322
6322
|
}
|
|
6323
6323
|
onTextAreaChanged(event) {
|
|
6324
6324
|
this.textChange.emit(event);
|
|
6325
6325
|
}
|
|
6326
6326
|
}
|
|
6327
6327
|
InputLimitedTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputLimitedTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6328
|
-
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]=\"
|
|
6328
|
+
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"] }] });
|
|
6329
6329
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputLimitedTextComponent, decorators: [{
|
|
6330
6330
|
type: Component,
|
|
6331
|
-
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]=\"
|
|
6331
|
+
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"] }]
|
|
6332
6332
|
}], propDecorators: { textAreamodel: [{
|
|
6333
6333
|
type: Input
|
|
6334
6334
|
}], isDisabled: [{
|