@dhutaryan/ngx-mat-timepicker 12.4.0 → 12.5.0

package/bundles/dhutaryan-ngx-mat-timepicker.umd.js

@@ -60,6 +60,10 @@
             this.openTimepickerLabel = 'Open timepicker';
             /** Label for the button used to close the timepicker popup (used by screen readers). */
             this.closeTimepickerLabel = 'Close timepicker';
+            /** A label for OK button to apply time. */
+            this.okButton = 'OK';
+            /** A label for cancel button to close timepicker. */
+            this.cancelButton = 'Cancel';
         }
         return MatTimepickerIntl;
     }());
@@ -1462,6 +1466,18 @@
         var newValue = isMeridiem && value === 0 ? 12 : value;
         return withZeroPrefix(newValue);
     }
+    var DIGIT_KEYS = [
+        'Digit0',
+        'Digit1',
+        'Digit2',
+        'Digit3',
+        'Digit4',
+        'Digit5',
+        'Digit6',
+        'Digit7',
+        'Digit8',
+        'Digit9',
+    ];
     var MatTimeInputBase = /** @class */ (function () {
         function MatTimeInputBase(element, _cdr, _document) {
             this.element = element;
@@ -1483,6 +1499,11 @@
             enumerable: false,
             configurable: true
         });
+        MatTimeInputBase.prototype._keydown = function (event) {
+            if (!DIGIT_KEYS.includes(event.code)) {
+                event.preventDefault();
+            }
+        };
         Object.defineProperty(MatTimeInputBase.prototype, "inputElement", {
             get: function () {
                 return this.element.nativeElement;
@@ -1524,7 +1545,7 @@
         return MatTimeInputBase;
     }());
     MatTimeInputBase.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MatTimeInputBase, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }, { token: i7.DOCUMENT }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    MatTimeInputBase.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: MatTimeInputBase, inputs: { value: "value" }, outputs: { timeChanged: "timeChanged" }, ngImport: i0__namespace });
+    MatTimeInputBase.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: MatTimeInputBase, inputs: { value: "value" }, outputs: { timeChanged: "timeChanged" }, host: { listeners: { "keydown": "_keydown($event)" } }, ngImport: i0__namespace });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MatTimeInputBase, decorators: [{
                 type: i0.Directive
             }], ctorParameters: function () {
@@ -1536,6 +1557,9 @@
                     type: i0.Input
                 }], timeChanged: [{
                     type: i0.Output
+                }], _keydown: [{
+                    type: i0.HostListener,
+                    args: ['keydown', ['$event']]
                 }] } });
 
     var visible = { transform: 'scale(1)', opacity: 1, visibility: 'visible' };
@@ -3053,9 +3077,10 @@
      */
     var MatTimepickerDefaultActions = /** @class */ (function (_super) {
         __extends(MatTimepickerDefaultActions, _super);
-        function MatTimepickerDefaultActions(elementRef, _timepicker) {
+        function MatTimepickerDefaultActions(elementRef, _timepicker, _intl) {
             var _this = _super.call(this, elementRef) || this;
             _this._timepicker = _timepicker;
+            _this._intl = _intl;
             return _this;
         }
         MatTimepickerDefaultActions.prototype.ngOnInit = function () {
@@ -3063,21 +3088,21 @@
         };
         return MatTimepickerDefaultActions;
     }(_MatTimepickerDefaultActions));
-    MatTimepickerDefaultActions.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MatTimepickerDefaultActions, deps: [{ token: i0__namespace.ElementRef }, { token: MatTimepickerBase }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    MatTimepickerDefaultActions.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MatTimepickerDefaultActions, selector: "mat-timepicker-default-actions", host: { classAttribute: "mat-timepicker-actions-container" }, usesInheritance: true, ngImport: i0__namespace, template: "\n    <div class=\"mat-timepicker-actions\">\n      <ng-content></ng-content>\n      <button [color]=\"color\" mat-button matTimepickerCancel>Cancel</button>\n      <button [color]=\"color\" mat-button matTimepickerApply>OK</button>\n    </div>\n  ", isInline: true, styles: [".mat-timepicker-actions-container{margin-left:auto}.mat-timepicker-actions{display:flex;grid-gap:.5rem;gap:.5rem;align-items:center;margin-top:.5rem}\n"], components: [{ type: i1__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: MatTimepickerCancel, selector: "[matTimepickerCancel]" }, { type: MatTimepickerApply, selector: "[matTimepickerApply]" }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    MatTimepickerDefaultActions.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MatTimepickerDefaultActions, deps: [{ token: i0__namespace.ElementRef }, { token: MatTimepickerBase }, { token: MatTimepickerIntl }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    MatTimepickerDefaultActions.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MatTimepickerDefaultActions, selector: "mat-timepicker-default-actions", host: { classAttribute: "mat-timepicker-actions-container" }, usesInheritance: true, ngImport: i0__namespace, template: "\n    <div class=\"mat-timepicker-actions\">\n      <ng-content></ng-content>\n      <button [color]=\"color\" mat-button matTimepickerCancel>\n        {{ _intl.cancelButton }}\n      </button>\n      <button [color]=\"color\" mat-button matTimepickerApply>\n        {{ _intl.okButton }}\n      </button>\n    </div>\n  ", isInline: true, styles: [".mat-timepicker-actions-container{margin-left:auto}.mat-timepicker-actions{display:flex;grid-gap:.5rem;gap:.5rem;align-items:center;margin-top:.5rem}\n"], components: [{ type: i1__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: MatTimepickerCancel, selector: "[matTimepickerCancel]" }, { type: MatTimepickerApply, selector: "[matTimepickerApply]" }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MatTimepickerDefaultActions, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'mat-timepicker-default-actions',
                         styleUrls: ['timepicker-actions.scss'],
-                        template: "\n    <div class=\"mat-timepicker-actions\">\n      <ng-content></ng-content>\n      <button [color]=\"color\" mat-button matTimepickerCancel>Cancel</button>\n      <button [color]=\"color\" mat-button matTimepickerApply>OK</button>\n    </div>\n  ",
+                        template: "\n    <div class=\"mat-timepicker-actions\">\n      <ng-content></ng-content>\n      <button [color]=\"color\" mat-button matTimepickerCancel>\n        {{ _intl.cancelButton }}\n      </button>\n      <button [color]=\"color\" mat-button matTimepickerApply>\n        {{ _intl.okButton }}\n      </button>\n    </div>\n  ",
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         encapsulation: i0.ViewEncapsulation.None,
                         host: {
                             class: 'mat-timepicker-actions-container',
                         },
                     }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: MatTimepickerBase }]; } });
+            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: MatTimepickerBase }, { type: MatTimepickerIntl }]; } });
 
     var MatTimepickerModule = /** @class */ (function () {
         function MatTimepickerModule() {