@kigi/components 1.60.0 → 1.61.0-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kigi/components",
-  "version": "1.60.0",
+  "version": "1.61.0-beta.1",
   "description": "@kigi/components",
   "main": "src/components/index.ts",
   "scripts": {
@@ -100,4 +100,4 @@
     "webpack": "^2.5.1",
     "webpack-dev-server": "^2.6.1"
   }
-}
+}

package/src/components/mbg-input-number/mbg-input-number.ts

@@ -6,6 +6,7 @@ class MbgInputNumberController {
   private ngModel
   private ngRequired
   private ngDisabled
+  private maxLength
   private props
 
   constructor(public $scope, public $element, public $attrs, public $compile, public $timeout) {}
@@ -33,6 +34,9 @@ class MbgInputNumberController {
       if (this.props.allowNegative) {
         this.enableNegative()
       }
+      if (this.$attrs && this.$attrs.maxlength) {
+        this.maxLength = this.$attrs.maxlength
+      }
     })
   }
 

package/src/components/mbg-input-phone/mbg-input-phone.html

@@ -1,18 +1,18 @@
 <div class="mbg-input-wrapper mb-input-phone-wrapper"
      ng-if="$ctrl.props"
      mbg-autocomplete-off>
-  <input type="text"
-         ng-class="{'input-phone': $ctrl.inputPhone}"
-         ng-model="$ctrl.ngModel"
-         ng-change="$ctrl.onChange()"
-         placeholder="{{ $ctrl.props.placeholder }}"
-         ng-required="$ctrl.ngRequired"
-         ng-disabled="$ctrl.ngDisabled"
-         ng-blur="$ctrl.ngBlur({ $event })"
-         ng-focus="$ctrl.ngFocus({ $event })"
-         ng-keyup="$ctrl.ngKeyup({ $event })"
-         ng-keypress="$ctrl.ngKeypress({ $event })"
-         ng-keydown="$ctrl.ngKeydown({ $event })"
-         ui-br-phone-number-mask="'{{$ctrl.phoneNumberMask}}'"
-         maxlength="{{$ctrl.enableCountryCode ? 19 : 15}}" />
+   <input type="text"
+          ng-class="{'input-phone': $ctrl.inputPhone}"
+          ng-model="$ctrl.ngModel"
+          ng-change="$ctrl.onChange()"
+          placeholder="{{ $ctrl.props.placeholder }}"
+          ng-required="$ctrl.ngRequired"
+          ng-disabled="$ctrl.ngDisabled"
+          ng-blur="$ctrl.ngBlur({ $event })"
+          ng-focus="$ctrl.ngFocus({ $event })"
+          ng-keyup="$ctrl.ngKeyup({ $event })"
+          ng-keypress="$ctrl.ngKeypress({ $event })"
+          ng-keydown="$ctrl.ngKeydown({ $event })"
+          ui-br-phone-number-mask="'{{$ctrl.phoneNumberMask}}'"
+          maxlength="{{$ctrl.maxLength}}" />
 </div>

package/src/components/mbg-input-phone/mbg-input-phone.ts

@@ -9,9 +9,11 @@ class MbgInputPhoneController {
   private props
   private enableCountryCode: string
   private phoneNumberMask: string
+  private maxLength: number
 
   constructor(public $scope, public $element, public $attrs) {
     this.phoneNumberMask = this.enableCountryCode ? 'countryCode' : 'areaCode'
+    this.maxLength = this.maxLength ? this.maxLength : this.enableCountryCode ? 19 : 15
     if ($attrs.ngRequired === '') {
       this.ngRequired = true
     }
@@ -45,6 +47,7 @@ const mbgInputPhone = {
     ngKeydown: '&?',
     enableCountryCode: '=?',
     inputPhone: '=?',
+    maxLength: '=?',
   },
   template,
   controller: MbgInputPhoneController,

package/src/components/mbg-input-text/mbg-input-text.ts

@@ -14,6 +14,8 @@ class MbgInputTextController {
   private capitalize
   private focusableElements
   private nextIndex
+  private onlyNumbers = false
+
 
   constructor(public $scope, public $element, public $attrs) {
     if ($attrs.ngRequired === '') {
@@ -43,6 +45,9 @@ class MbgInputTextController {
   }
 
   onChange($event) {
+    if (this.onlyNumbers && this.ngModel) {
+      this.ngModel = String(this.ngModel).replace(/[^0-9]/g, '').replace(/^0+(\d)/, '$1');
+    }
     if (this.capitalize) {
       this.ngModel = this.capitalizeBool(this.ngModel)
     }
@@ -88,6 +93,7 @@ const mbgInputText = {
     ngKeydown: '&?',
     capitalize: '=?',
     maxLength: '@?',
+    onlyNumbers: '<?'
   },
   template,
   controller: MbgInputTextController,