@colijnit/corecomponents_v12 12.0.29 → 12.0.30
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/bundles/colijnit-corecomponents_v12.umd.js +26 -2
- package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
- package/colijnit-corecomponents_v12.metadata.json +1 -1
- package/esm2015/lib/components/input-text/input-text.component.js +24 -2
- package/fesm2015/colijnit-corecomponents_v12.js +23 -1
- package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
- package/lib/components/input-text/input-text.component.d.ts +5 -0
- package/lib/components/input-text/style/_layout.scss +11 -0
- package/package.json +1 -1
|
@@ -6655,9 +6655,30 @@
|
|
|
6655
6655
|
_this.showClearButton = undefined;
|
|
6656
6656
|
_this.showPlaceholderOnFocus = true;
|
|
6657
6657
|
_this.hasOwnLabel = true;
|
|
6658
|
+
_this.hideArrowButtons = false;
|
|
6658
6659
|
_super.prototype._markAsOnPush.call(_this);
|
|
6659
6660
|
return _this;
|
|
6660
6661
|
}
|
|
6662
|
+
Object.defineProperty(InputTextComponent.prototype, "model", {
|
|
6663
|
+
get: function () {
|
|
6664
|
+
return _super.prototype.model;
|
|
6665
|
+
},
|
|
6666
|
+
set: function (value) {
|
|
6667
|
+
if (this.type === 'number' && !isNaN(value)) {
|
|
6668
|
+
if (this.min && value < this.min || this.max && value > this.max) {
|
|
6669
|
+
_super.prototype.model = this._initialModel;
|
|
6670
|
+
}
|
|
6671
|
+
else {
|
|
6672
|
+
_super.prototype.model = value;
|
|
6673
|
+
}
|
|
6674
|
+
}
|
|
6675
|
+
else {
|
|
6676
|
+
_super.prototype.model = value;
|
|
6677
|
+
}
|
|
6678
|
+
},
|
|
6679
|
+
enumerable: false,
|
|
6680
|
+
configurable: true
|
|
6681
|
+
});
|
|
6661
6682
|
InputTextComponent.prototype.showClass = function () {
|
|
6662
6683
|
return true;
|
|
6663
6684
|
};
|
|
@@ -6673,7 +6694,7 @@
|
|
|
6673
6694
|
InputTextComponent.decorators = [
|
|
6674
6695
|
{ type: core.Component, args: [{
|
|
6675
6696
|
selector: "co-input-text",
|
|
6676
|
-
template: "\n <label *ngIf=\"showPlaceholderOnFocus || (!showPlaceholderOnFocus && !hasValue && !focused)\" [textContent]=\"placeholder\"></label>\n <co-icon *ngIf=\"leftIcon\" class=\"input-text-left-icon\" [icon]=\"leftIcon\"></co-icon>\n <input #input\n [type]=\"type\"\n [ngModel]=\"model\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n (ngModelChange)=\"modelChange.emit($event)\"\n >\n <co-commit-buttons *ngIf=\"showSaveCancel && focused && canSaveOrCancel\"\n [committing]=\"committing\"\n [commitFinished]=\"commitFinished\"\n (commitClick)=\"commitClick($event)\"\n (cancelClick)=\"cancelClick($event)\"\n >\n </co-commit-buttons>\n <div class=\"required-indicator\"></div>\n <ng-template #validationError></ng-template>\n ",
|
|
6697
|
+
template: "\n <label *ngIf=\"showPlaceholderOnFocus || (!showPlaceholderOnFocus && !hasValue && !focused)\" [textContent]=\"placeholder\"></label>\n <co-icon *ngIf=\"leftIcon\" class=\"input-text-left-icon\" [icon]=\"leftIcon\"></co-icon>\n <input #input\n [type]=\"type\"\n [ngModel]=\"model\"\n [min]=\"type === 'number' && this.min ? this.min : undefined\"\n [max]=\"type === 'number' && this.max ? this.max : undefined\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n (ngModelChange)=\"modelChange.emit($event)\"\n >\n <co-commit-buttons *ngIf=\"showSaveCancel && focused && canSaveOrCancel\"\n [committing]=\"committing\"\n [commitFinished]=\"commitFinished\"\n (commitClick)=\"commitClick($event)\"\n (cancelClick)=\"cancelClick($event)\"\n >\n </co-commit-buttons>\n <div class=\"required-indicator\"></div>\n <ng-template #validationError></ng-template>\n ",
|
|
6677
6698
|
providers: [{
|
|
6678
6699
|
provide: COMPONENT_INTERFACE_NAME,
|
|
6679
6700
|
useExisting: core.forwardRef(function () { return InputTextComponent; })
|
|
@@ -6695,13 +6716,16 @@
|
|
|
6695
6716
|
InputTextComponent.propDecorators = {
|
|
6696
6717
|
placeholder: [{ type: core.Input }],
|
|
6697
6718
|
type: [{ type: core.Input }],
|
|
6719
|
+
min: [{ type: core.Input }],
|
|
6720
|
+
max: [{ type: core.Input }],
|
|
6698
6721
|
showClearButton: [{ type: core.Input }],
|
|
6699
6722
|
keyDownWhiteList: [{ type: core.Input }],
|
|
6700
6723
|
showPlaceholderOnFocus: [{ type: core.Input }],
|
|
6701
6724
|
leftIcon: [{ type: core.Input }],
|
|
6702
6725
|
showClass: [{ type: core.HostBinding, args: ["class.co-input-text",] }],
|
|
6703
6726
|
hasLeftIcon: [{ type: core.HostBinding, args: ['class.has-left-icon',] }],
|
|
6704
|
-
hasOwnLabel: [{ type: core.HostBinding, args: ["class.has-own-label",] }]
|
|
6727
|
+
hasOwnLabel: [{ type: core.HostBinding, args: ["class.has-own-label",] }],
|
|
6728
|
+
hideArrowButtons: [{ type: core.Input }, { type: core.HostBinding, args: ['class.hideArrows',] }]
|
|
6705
6729
|
};
|
|
6706
6730
|
|
|
6707
6731
|
var ValidationErrorModule = /** @class */ (function () {
|