@inspark/inspark-components 1.0.23 → 1.0.24
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/full/bundles/inspark-inspark-components.umd.js +12 -2
- package/full/bundles/inspark-inspark-components.umd.js.map +1 -1
- package/full/bundles/inspark-inspark-components.umd.min.js +1 -1
- package/full/bundles/inspark-inspark-components.umd.min.js.map +1 -1
- package/full/components/input-text/input-text.component.d.ts +2 -0
- package/full/esm2015/components/input-text/input-text.component.js +13 -3
- package/full/esm5/components/input-text/input-text.component.js +13 -3
- package/full/fesm2015/inspark-inspark-components.js +12 -2
- package/full/fesm2015/inspark-inspark-components.js.map +1 -1
- package/full/fesm5/inspark-inspark-components.js +12 -2
- package/full/fesm5/inspark-inspark-components.js.map +1 -1
- package/full/inspark-inspark-components.metadata.json +1 -1
- package/full/package.json +1 -1
- package/interface/package.json +1 -1
- package/package.json +1 -1
|
@@ -895,6 +895,8 @@
|
|
|
895
895
|
this.display = false;
|
|
896
896
|
this.large = true;
|
|
897
897
|
this.small = false;
|
|
898
|
+
this.widget = false;
|
|
899
|
+
this.forms = true;
|
|
898
900
|
this.placeholder = '';
|
|
899
901
|
this.id = null;
|
|
900
902
|
this.testId = null;
|
|
@@ -992,6 +994,14 @@
|
|
|
992
994
|
core.Input(),
|
|
993
995
|
__metadata("design:type", Object)
|
|
994
996
|
], InputTextComponent.prototype, "small", void 0);
|
|
997
|
+
__decorate([
|
|
998
|
+
core.Input(),
|
|
999
|
+
__metadata("design:type", Object)
|
|
1000
|
+
], InputTextComponent.prototype, "widget", void 0);
|
|
1001
|
+
__decorate([
|
|
1002
|
+
core.Input(),
|
|
1003
|
+
__metadata("design:type", Object)
|
|
1004
|
+
], InputTextComponent.prototype, "forms", void 0);
|
|
995
1005
|
__decorate([
|
|
996
1006
|
core.Input(),
|
|
997
1007
|
__metadata("design:type", Object)
|
|
@@ -1051,7 +1061,7 @@
|
|
|
1051
1061
|
InputTextComponent = InputTextComponent_1 = __decorate([
|
|
1052
1062
|
core.Component({
|
|
1053
1063
|
selector: 'in-input-text',
|
|
1054
|
-
template: "<label [ngStyle]=\"{width: width}\" class=\"label type_varchars\">\n <span *ngIf=\"label\" class=\"c-label__content\">\n {{label}}\n <span *ngIf=\"required\" class=\"c-label__req\">*</span>\n <span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{error}}</span>\n <span\n *ngIf=\"maxlength && value && value.length && value.length >= maxlength\"\n class=\"constraints-message__warning u-text_uppercase\">\n {{'maxlength: ' | translate}} {{maxlength}}</span>\n </span>\n <form class=\"c-label\">\n <div class=\"input-wrapper u-margin-right-tiny\" [ngClass]=\"{'u-margin-right-tiny': right}\">\n <input (blur)=\"this.blur.emit($event)\"\n (change)=\"onChange($event)\"\n (focus)=\"this.focus.emit($event)\"\n (input)=\"onChange($event)\"\n [(ngModel)]=\"value\"\n [autocomplete]=\"autocomplete? 'on':'off'\"\n [disabled]=\"disabled\"\n [id]=\"id\"\n [maxlength]=\"maxlength\"\n [name]=\"name\"\n [ngClass]=\"{'c-input_opaque' : opacity === false,\n
|
|
1064
|
+
template: "<label [ngStyle]=\"{width: width}\" class=\"label type_varchars\">\n <span *ngIf=\"label\" class=\"c-label__content\">\n {{label}}\n <span *ngIf=\"required\" class=\"c-label__req\">*</span>\n <span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{error}}</span>\n <span\n *ngIf=\"maxlength && value && value.length && value.length >= maxlength\"\n class=\"constraints-message__warning u-text_uppercase\">\n {{'maxlength: ' | translate}} {{maxlength}}</span>\n </span>\n <form class=\"c-label\">\n <div class=\"input-wrapper u-margin-right-tiny\" [ngClass]=\"{'u-margin-right-tiny': right}\">\n <input (blur)=\"this.blur.emit($event)\"\n (change)=\"onChange($event)\"\n (focus)=\"this.focus.emit($event)\"\n (input)=\"onChange($event)\"\n [(ngModel)]=\"value\"\n [autocomplete]=\"autocomplete? 'on':'off'\"\n [disabled]=\"disabled\"\n [id]=\"id\"\n [maxlength]=\"maxlength\"\n [name]=\"name\"\n [ngClass]=\"{'c-input_opaque' : opacity === false,\n 'c-input_shadowed' : shadow,\n 'c-input_large' : large,\n 'c-input_small' : small,\n 'c-input_margin_padding': widget,\n 'c-input_padding_right': forms}\"\n [ngModelOptions]=\"{standalone: true}\"\n [placeholder]=\"placeholder\"\n [required]=\"required\"\n [size]=\"size\"\n [min]=\"min\"\n [max]=\"max\"\n [step]=\"step\"\n class=\"search-box c-input c-input_large c-input_small field_{{id}}\"\n type=\"search\"\n autofocus=\"\"\n tabindex=\"1\">\n <button (click)=\"clear()\"\n class=\"button-reset empty\"\n [ngClass]=\"{empty: display}\"\n type=\"reset\"\n [attr.title]=\"'Reset' | translate\">\n <i class=\"fa fa-close\"></i>\n </button>\n </div>\n </form>\n</label>\n",
|
|
1055
1065
|
providers: [
|
|
1056
1066
|
{
|
|
1057
1067
|
provide: forms.NG_VALUE_ACCESSOR,
|
|
@@ -1059,7 +1069,7 @@
|
|
|
1059
1069
|
multi: true,
|
|
1060
1070
|
}
|
|
1061
1071
|
],
|
|
1062
|
-
styles: ["@charset \"UTF-8\";.label{display:inline-block;margin-bottom:0}.c-input{height:36px}.c-input_opaque{background:var(--colorBgLevel3)}.c-input_shadowed{box-shadow:0 2px 6px 0 rgba(0,0,0,.2)}.constraints-message__warning{color:red}.button-reset{display:flex;align-items:center;position:absolute;right:6px;top:5px;padding:6px;font-size:15px;border:none;outline:0;cursor:pointer;color:var(--colorTextMuted);background-color:transparent}.button-reset:hover{color:var(--ids-theme-btn-default-color,#fff)}.empty{display:none}.input-wrapper{position:relative;display:flex;align-items:baseline}.c-input:not(:valid)~.button-reset{display:none}"]
|
|
1072
|
+
styles: ["@charset \"UTF-8\";.label{display:inline-block;margin-bottom:0}.c-input{height:36px}.c-input_opaque{background:var(--colorBgLevel3)}.c-input_shadowed{box-shadow:0 2px 6px 0 rgba(0,0,0,.2)}.constraints-message__warning{color:red}.button-reset{display:flex;align-items:center;position:absolute;right:6px;top:5px;padding:6px;font-size:15px;border:none;outline:0;cursor:pointer;color:var(--colorTextMuted);background-color:transparent}.button-reset:hover{color:var(--ids-theme-btn-default-color,#fff)}.empty{display:none}.input-wrapper{position:relative;display:flex;align-items:baseline}.c-input:not(:valid)~.button-reset{display:none}.c-input_margin_padding{margin-left:56px;padding-right:10px;max-width:1200px}.c-input_padding_right{padding-right:28px}"]
|
|
1063
1073
|
})
|
|
1064
1074
|
], InputTextComponent);
|
|
1065
1075
|
return InputTextComponent;
|