@datarailsshared/datarailsshared 1.3.8 → 1.3.9

package/bundles/datarailsshared-datarailsshared.umd.js

@@ -1270,6 +1270,10 @@
             this.elementRef = elementRef;
             this.renderer = renderer;
             this.cdr = cdr;
+            this.type = 'string';
+            this.placeholder = '';
+            this.readonly = false;
+            this.clearable = false;
             this.value = null;
             this._disabled = null;
             this._elementClass = [];
@@ -1280,17 +1284,11 @@
                 checkFocusOut: function (target, element) { return true; },
                 text: 'Save'
             };
-            this.onChange = function () { };
-            this.onTouched = function () { };
-            this.type = 'string';
-            this.placeholder = '';
-            this.readonly = false;
-            this.clearable = false;
-            this.min = null;
-            this.max = null;
             this.searchHandler = new i0.EventEmitter();
             this.buttonHandler = new i0.EventEmitter();
             this.tabindex = -1;
+            this.onChange = function () { };
+            this.onTouched = function () { };
         }
         Object.defineProperty(DrInputComponent.prototype, "disabled", {
             set: function (value) {
@@ -1299,7 +1297,6 @@
             enumerable: false,
             configurable: true
         });
-        ;
         Object.defineProperty(DrInputComponent.prototype, "buttonOptions", {
             set: function (value) {
                 var _this = this;
@@ -1328,7 +1325,6 @@
             enumerable: false,
             configurable: true
         });
-        ;
         Object.defineProperty(DrInputComponent.prototype, "elementClass", {
             get: function () {
                 return this._elementClass.join(' ');
@@ -1396,7 +1392,7 @@
     DrInputComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'dr-input',
-                    template: "<ng-content select=\"[prefixIcon]\"></ng-content>\r\n<input [(ngModel)]=\"value\"\r\n       (ngModelChange)=\"updateChanges()\"\r\n       (blur)=\"onTouched()\"\r\n       [disabled]=\"_disabled\"\r\n       [readonly]=\"readonly\"\r\n       [type]=\"type\"\r\n       [placeholder]=\"placeholder\"\r\n       [matDatepicker]=\"matDatePicker\"\r\n       [min]=\"min\"\r\n       [max]=\"max\"\r\n>\r\n<span class=\"clear-icon\" (click)=\"writeValue(null)\"></span>\r\n<span *ngIf=\"type === 'search'\" class=\"search-icon\" (click)=\"onSearchClicked($event)\"></span>\r\n<ng-content select=\"[suffixIcon]\"></ng-content>\r\n<button *ngIf=\"_buttonOptions.show || (_buttonOptions.showOnFocus && _buttonOptions.focusSet)\"\r\n        (click)=\"onButtonClicked($event)\">\r\n    {{_buttonOptions.text}}\r\n</button>\r\n",
+                    template: "<ng-content select=\"[prefixIcon]\"></ng-content>\r\n<input [(ngModel)]=\"value\"\r\n       (ngModelChange)=\"updateChanges()\"\r\n       (blur)=\"onTouched()\"\r\n       [disabled]=\"_disabled\"\r\n       [readonly]=\"readonly\"\r\n       [type]=\"type\"\r\n       [placeholder]=\"placeholder\"\r\n       [name]=\"name\"\r\n>\r\n<span class=\"clear-icon\" (click)=\"writeValue(null)\"></span>\r\n<span *ngIf=\"type === 'search'\" class=\"search-icon\" (click)=\"onSearchClicked($event)\"></span>\r\n<ng-content select=\"[suffixIcon]\"></ng-content>\r\n<button *ngIf=\"_buttonOptions.show || (_buttonOptions.showOnFocus && _buttonOptions.focusSet)\"\r\n        (click)=\"onButtonClicked($event)\">\r\n    {{_buttonOptions.text}}\r\n</button>\r\n",
                     providers: [{
                             provide: forms.NG_VALUE_ACCESSOR,
                             useExisting: i0.forwardRef(function () { return DrInputComponent; }),
@@ -1412,21 +1408,19 @@
         { type: i0.ChangeDetectorRef }
     ]; };
     DrInputComponent.propDecorators = {
+        disabled: [{ type: i0.Input }],
+        buttonOptions: [{ type: i0.Input }],
         type: [{ type: i0.Input }],
+        name: [{ type: i0.Input }],
         placeholder: [{ type: i0.Input }],
         readonly: [{ type: i0.Input }],
         clearable: [{ type: i0.Input }],
-        min: [{ type: i0.Input }],
-        max: [{ type: i0.Input }],
-        matDatePicker: [{ type: i0.Input }],
-        disabled: [{ type: i0.Input }],
-        buttonOptions: [{ type: i0.Input }],
+        elementClass: [{ type: i0.HostBinding, args: ['class',] }],
         searchHandler: [{ type: i0.Output }],
         buttonHandler: [{ type: i0.Output }],
         prefixIcon: [{ type: i0.ContentChild, args: ['prefix', { static: false },] }],
         suffixIcon: [{ type: i0.ContentChild, args: ['suffix', { static: false },] }],
-        tabindex: [{ type: i0.HostBinding, args: ['tabindex',] }],
-        elementClass: [{ type: i0.HostBinding, args: ['class',] }]
+        tabindex: [{ type: i0.HostBinding, args: ['tabindex',] }]
     };
 
     var DrSelectComponent = /** @class */ (function () {
@@ -1807,7 +1801,7 @@
                         { provide: forms.NG_VALUE_ACCESSOR, useExisting: DrToggleComponent, multi: true }
                     ],
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [":host{display:flex;justify-content:space-between;align-items:center}:host .toggle-container.disabled{pointer-events:none}:host .toggle-container.disabled .toggle-body{background-color:#8f9bb329!important}:host .toggle-container.disabled .toggle-body i{background:rgba(143,155,179,.24)!important}:host .toggle-container.success input:checked+span.toggle-body{background-color:#03a678}:host .toggle-container input{display:none}:host .toggle-container input:checked+span.toggle-body>i,:host .toggle-container input:checked+span.toggle-body:active>i{margin-left:16px}:host .toggle-container input:checked+span.toggle-body{background-color:#579bf2}:host .toggle-container .toggle-body{cursor:pointer;display:block;width:30px;height:16px;margin:7px auto;border-radius:15px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;background-color:#aeb5bb}:host .toggle-container .toggle-body:active{background-color:#a6b9cb}:host .toggle-container .toggle-body-wrapper{display:flex;flex-direction:column}:host .toggle-container .toggle-body i{height:12px;width:12px;background:#fff;display:inline-block;border-radius:100px;margin-top:1.8px;margin-left:1.5px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;pointer-events:none}\n"]
+                    styles: [":host{display:flex;justify-content:space-between;align-items:center}:host .toggle-container.disabled{pointer-events:none}:host .toggle-container.disabled .toggle-body{background-color:#8f9bb329!important}:host .toggle-container.disabled .toggle-body i{background:rgba(143,155,179,.24)!important}:host .toggle-container.success input:checked+span.toggle-body{background-color:#03a678}:host .toggle-container input{display:none}:host .toggle-container input:checked+span.toggle-body>i,:host .toggle-container input:checked+span.toggle-body:active>i{margin-left:16px}:host .toggle-container input:checked+span.toggle-body{background-color:#579bf2}:host .toggle-container .toggle-body{cursor:pointer;display:block;width:30px;height:16px;margin:7px auto;border-radius:15px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;background-color:#aeb5bb;line-height:1}:host .toggle-container .toggle-body:active{background-color:#a6b9cb}:host .toggle-container .toggle-body-wrapper{display:flex;flex-direction:column}:host .toggle-container .toggle-body i{height:12px;width:12px;background:#fff;display:inline-block;border-radius:100px;margin-top:2px;margin-left:1.5px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;pointer-events:none}\n"]
                 },] }
     ];
     DrToggleComponent.ctorParameters = function () { return [
@@ -2113,7 +2107,7 @@
     DrDatePickerComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'new-dr-date-picker',
-                    template: " <dr-input\r\n    (click)=\"datePicker.open()\"\r\n    [(ngModel)]=\"value\"\r\n    [min]=\"min\"\r\n    [max]=\"max\"\r\n    [placeholder]=\"placeholder\"\r\n    [matDatePicker]=\"datePicker\"\r\n    [drDatePickerFormat]=\"_format\"\r\n    [readonly]=\"readonly\"\r\n  ></dr-input>\r\n  <mat-datepicker\r\n    #datePicker startView=\"{{_lastView}}\"\r\n    (yearSelected)=\"chosenYearHandler($event, datePicker)\"\r\n    (monthSelected)=\"chosenMonthHandler($event, datePicker)\">\r\n  </mat-datepicker>\r\n\r\n",
+                    template: " <dr-input\r\n    (click)=\"datePicker.open()\"\r\n    [(ngModel)]=\"value\"\r\n    [placeholder]=\"placeholder\"\r\n    [drDatePickerFormat]=\"_format\"\r\n    [readonly]=\"readonly\"\r\n  ></dr-input>\r\n  <mat-datepicker\r\n    #datePicker startView=\"{{_lastView}}\"\r\n    (yearSelected)=\"chosenYearHandler($event, datePicker)\"\r\n    (monthSelected)=\"chosenMonthHandler($event, datePicker)\">\r\n  </mat-datepicker>\r\n\r\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     providers: [
                         { provide: forms.NG_VALUE_ACCESSOR, useExisting: DrDatePickerComponent, multi: true }