@klippa/ngx-enhancy-forms 8.1.0 → 8.2.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.
@@ -1920,6 +1920,7 @@
1920
1920
  __extends(HourMinuteInputComponent, _super);
1921
1921
  function HourMinuteInputComponent() {
1922
1922
  var _this = _super.apply(this, __spread(arguments)) || this;
1923
+ _this.placeholders = ['hour', 'min'];
1923
1924
  _this.hoursTouched = false;
1924
1925
  _this.minutesTouched = false;
1925
1926
  return _this;
@@ -1964,11 +1965,9 @@
1964
1965
  return;
1965
1966
  }
1966
1967
  // if we have valid time
1967
- if (stringIsSetAndFilled(this.hours) &&
1968
- Number.isFinite(parsedHours) &&
1968
+ if (Number.isFinite(parsedHours) &&
1969
1969
  parsedHours >= 0 &&
1970
- parsedHours <= 99 &&
1971
- stringIsSetAndFilled(this.minutes) &&
1970
+ parsedHours <= 9999 &&
1972
1971
  Number.isFinite(parsedMinutes) &&
1973
1972
  parsedMinutes >= 0 &&
1974
1973
  parsedMinutes <= 59) {
@@ -1996,9 +1995,9 @@
1996
1995
  HourMinuteInputComponent.decorators = [
1997
1996
  { type: core.Component, args: [{
1998
1997
  selector: 'klp-form-hour-minute-input',
1999
- template: "<div class=\"componentContainer\" [ngClass]=\"{disabled: disabled}\">\n\t<input maxlength=\"2\" placeholder=\"__\" [disabled]=\"disabled\" [(ngModel)]=\"hours\" (blur)=\"formatHours(); formatTime(); touchHours(); notifyNewTime()\" (ngModelChange)=\"notifyNewTime()\">\n\t<div class=\"divider\">:</div>\n\t<input maxlength=\"2\" placeholder=\"__\" [disabled]=\"disabled\" [(ngModel)]=\"minutes\" (blur)=\"formatMinutes(); formatTime(); touchMinutes(); notifyNewTime()\" (ngModelChange)=\"notifyNewTime()\">\n</div>\n",
1998
+ template: "<div class=\"componentContainer\" [ngClass]=\"{disabled: disabled}\">\n\t<input class=\"hourInput\" maxlength=\"4\" [placeholder]=\"placeholders[0]\" [disabled]=\"disabled\" [(ngModel)]=\"hours\" (blur)=\"formatHours(); formatTime(); touchHours(); notifyNewTime()\" (ngModelChange)=\"notifyNewTime()\">\n\t<div class=\"divider\">:</div>\n\t<input maxlength=\"2\" [placeholder]=\"placeholders[1]\" [disabled]=\"disabled\" [(ngModel)]=\"minutes\" (blur)=\"formatMinutes(); formatTime(); touchMinutes(); notifyNewTime()\" (ngModelChange)=\"notifyNewTime()\">\n</div>\n",
2000
1999
  providers: [{ provide: forms.NG_VALUE_ACCESSOR, useExisting: HourMinuteInputComponent, multi: true }],
2001
- styles: [":host{display:flex}.componentContainer{align-items:center;background:#fff;border:1px solid #e6ecf5;display:flex;flex:0 0 auto;height:42px;padding:6px .625rem}.componentContainer.disabled{background:#f9f9f9;cursor:not-allowed}.componentContainer input{border:none;color:#888da8;padding:0;text-align:center;width:20px}.componentContainer input::-moz-placeholder{color:#adadad}.componentContainer input:-ms-input-placeholder{color:#adadad}.componentContainer input::placeholder{color:#adadad}.componentContainer .divider{margin:0 .3125rem}"]
2000
+ styles: [":host{display:flex}.componentContainer{align-items:center;background:#fff;border:1px solid #e6ecf5;display:flex;flex:0 0 auto;height:42px;padding:6px .625rem}.componentContainer.disabled{background:#f9f9f9;cursor:not-allowed}.componentContainer input{border:none;color:#888da8;padding:0;text-align:center;width:30px}.componentContainer input.hourInput{width:50px}.componentContainer input::-moz-placeholder{color:#adadad}.componentContainer input:-ms-input-placeholder{color:#adadad}.componentContainer input::placeholder{color:#adadad}.componentContainer .divider{margin:0 .3125rem}"]
2002
2001
  },] }
2003
2002
  ];
2004
2003