@symphony-talent/component-library 4.140.0 → 4.142.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/input-text/input-text.component.mjs +11 -4
- package/esm2020/lib/atoms/input-text/input-text.module.mjs +5 -4
- package/esm2020/projects/component-library/lib/atoms/input-text/input-text.component.mjs +11 -4
- package/esm2020/projects/component-library/lib/atoms/input-text/input-text.module.mjs +5 -4
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +11 -5
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +11 -5
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +11 -5
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +11 -5
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/atoms/input-text/input-text.component.d.ts +3 -1
- package/lib/atoms/input-text/input-text.module.d.ts +3 -2
- package/package.json +1 -1
- package/projects/component-library/lib/atoms/input-text/input-text.component.d.ts +3 -1
- package/projects/component-library/lib/atoms/input-text/input-text.module.d.ts +3 -2
|
@@ -1665,12 +1665,15 @@ class InputTextComponent {
|
|
|
1665
1665
|
onTextChange(event) {
|
|
1666
1666
|
this.textChange$.next(event.target.value);
|
|
1667
1667
|
}
|
|
1668
|
+
resetValue() {
|
|
1669
|
+
this.value = '';
|
|
1670
|
+
}
|
|
1668
1671
|
}
|
|
1669
1672
|
InputTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1670
|
-
InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputTextComponent, selector: "symphony-input-text", inputs: { placeholder: "placeholder", icon: "icon", label: "label", isInverse: "isInverse", size: "size", value: "value", maxlength: "maxlength", isDisabled: "isDisabled" }, outputs: { textChange: "textChange" }, ngImport: i0, template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <div class=\"sfx-p-5\">\n <input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n [
|
|
1673
|
+
InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputTextComponent, selector: "symphony-input-text", inputs: { placeholder: "placeholder", icon: "icon", label: "label", isInverse: "isInverse", size: "size", value: "value", maxlength: "maxlength", isDisabled: "isDisabled" }, outputs: { textChange: "textChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <div class=\"sfx-p-5\">\n <input\n #input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n [(ngModel)]=\"value\"\n (keyup)=\"onTextChange($event)\"\n [attr.maxLength]=\"maxlength !== undefined ? maxlength : null\"\n [disabled]=\"isDisabled\"\n />\n <symphony-icon [size]=\"size\" [icon]=\"icon\"></symphony-icon>\n </div>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#000}.input-text-wrap.input-secondary .input-text{background-color:#fff;border-color:#334860}.input-text-wrap.input-secondary .input-text::-moz-placeholder{color:#000}.input-text-wrap.input-secondary .input-text:-ms-input-placeholder{color:#000}.input-text-wrap.input-secondary .input-text::placeholder{color:#000}.input-text-wrap .input-text-label{display:block;font-weight:500;margin-bottom:.3rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text{width:100%;height:40px;border:1px solid #334860;border-radius:4px;padding-left:.9375rem;padding-right:1.875rem;line-height:25px}.input-text-wrap .input-text::-moz-placeholder{color:#000}.input-text-wrap .input-text:-ms-input-placeholder{color:#000}.input-text-wrap .input-text::placeholder{color:#000}.input-text-wrap .input-text:focus{border-color:#464646}.input-text-wrap .input-text:focus-visible{outline:none}.input-text-wrap .input-text:disabled{background-color:#f0f0f0;border:none}.input-text-wrap symphony-icon{position:absolute;right:17px;font-size:14px;bottom:13px}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
1671
1674
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextComponent, decorators: [{
|
|
1672
1675
|
type: Component,
|
|
1673
|
-
args: [{ selector: 'symphony-input-text', template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <div class=\"sfx-p-5\">\n <input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n [
|
|
1676
|
+
args: [{ selector: 'symphony-input-text', template: "<div\n class=\"input-text-wrap\"\n [ngClass]=\"{\n 'input-secondary': isInverse\n }\"\n>\n <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n label\n }}</label>\n <div class=\"sfx-p-5\">\n <input\n #input\n type=\"text\"\n name=\"input-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ placeholder }}\"\n [(ngModel)]=\"value\"\n (keyup)=\"onTextChange($event)\"\n [attr.maxLength]=\"maxlength !== undefined ? maxlength : null\"\n [disabled]=\"isDisabled\"\n />\n <symphony-icon [size]=\"size\" [icon]=\"icon\"></symphony-icon>\n </div>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#000}.input-text-wrap.input-secondary .input-text{background-color:#fff;border-color:#334860}.input-text-wrap.input-secondary .input-text::-moz-placeholder{color:#000}.input-text-wrap.input-secondary .input-text:-ms-input-placeholder{color:#000}.input-text-wrap.input-secondary .input-text::placeholder{color:#000}.input-text-wrap .input-text-label{display:block;font-weight:500;margin-bottom:.3rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text{width:100%;height:40px;border:1px solid #334860;border-radius:4px;padding-left:.9375rem;padding-right:1.875rem;line-height:25px}.input-text-wrap .input-text::-moz-placeholder{color:#000}.input-text-wrap .input-text:-ms-input-placeholder{color:#000}.input-text-wrap .input-text::placeholder{color:#000}.input-text-wrap .input-text:focus{border-color:#464646}.input-text-wrap .input-text:focus-visible{outline:none}.input-text-wrap .input-text:disabled{background-color:#f0f0f0;border:none}.input-text-wrap symphony-icon{position:absolute;right:17px;font-size:14px;bottom:13px}\n"] }]
|
|
1674
1677
|
}], ctorParameters: function () { return []; }, propDecorators: { placeholder: [{
|
|
1675
1678
|
type: Input
|
|
1676
1679
|
}], icon: [{
|
|
@@ -1689,18 +1692,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
1689
1692
|
type: Input
|
|
1690
1693
|
}], textChange: [{
|
|
1691
1694
|
type: Output
|
|
1695
|
+
}], input: [{
|
|
1696
|
+
type: ViewChild,
|
|
1697
|
+
args: ['input', { static: false }]
|
|
1692
1698
|
}] } });
|
|
1693
1699
|
|
|
1694
1700
|
class InputTextModule {
|
|
1695
1701
|
}
|
|
1696
1702
|
InputTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1697
|
-
InputTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextModule, declarations: [InputTextComponent], imports: [CommonModule, IconModule], exports: [InputTextComponent] });
|
|
1698
|
-
InputTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextModule, imports: [[CommonModule, IconModule]] });
|
|
1703
|
+
InputTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextModule, declarations: [InputTextComponent], imports: [CommonModule, FormsModule, IconModule], exports: [InputTextComponent] });
|
|
1704
|
+
InputTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextModule, imports: [[CommonModule, FormsModule, IconModule]] });
|
|
1699
1705
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextModule, decorators: [{
|
|
1700
1706
|
type: NgModule,
|
|
1701
1707
|
args: [{
|
|
1702
1708
|
declarations: [InputTextComponent],
|
|
1703
|
-
imports: [CommonModule, IconModule],
|
|
1709
|
+
imports: [CommonModule, FormsModule, IconModule],
|
|
1704
1710
|
exports: [InputTextComponent],
|
|
1705
1711
|
}]
|
|
1706
1712
|
}] });
|