@kigi/components 1.8.5 → 1.8.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kigi/components",
-  "version": "1.8.5",
+  "version": "1.8.7",
   "description": "@kigi/components",
   "main": "src/components/index.ts",
   "scripts": {

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

@@ -1,7 +1,7 @@
 <div class="mbg-input-wrapper mbg-input-name-wrapper"
      ng-if="$ctrl.props">
        <input type="text"
-              ng-if="$ctrl.state == 'TO' || $ctrl.state == 'MT'"
+              ng-if="$ctrl.state == 'TO' || $ctrl.state == 'MT' || $ctrl.state == 'AL'"
               mbg-mask-ie
               ng-model="$ctrl.ngModel"
               name="{{$ctrl.name}}"
@@ -17,7 +17,7 @@
               placeholder="{{ $ctrl.props.placeholder }}" />
 
        <input type="text"
-              ng-if="!$ctrl.state || ($ctrl.state != 'TO' && $ctrl.state != 'MT')"
+              ng-if="!$ctrl.state || ($ctrl.state != 'TO' && $ctrl.state != 'MT' && $ctrl.state != 'AL')"
               ng-model="$ctrl.ngModel"
               name="{{$ctrl.name}}"
               ng-init="$ctrl.onInit()"

package/src/components/mbg-list/index.ts

@@ -4,10 +4,9 @@ import { mbgListColumn } from './components/mbg-list-column/mbg-list-column'
 import { mbgListRow } from './components/mbg-list-row/mbg-list-row'
 
 const mbgListModule = angular
-    .module('mbg.components.mbgList', [])
-    .component('mbgList', mbgList)
-    .component('mbgListColumn', mbgListColumn)
-    .component('mbgListRow', mbgListRow)
-    .name
+  .module('mbg.components.mbgList', [])
+  .component('mbgList', mbgList)
+  .component('mbgListColumn', mbgListColumn)
+  .component('mbgListRow', mbgListRow).name
 
 export { mbgListModule }

package/src/components/mbg-list/mbg-list.html

@@ -30,7 +30,8 @@
         </td>
         <td ng-if="$ctrl.radio && !$row.isAdicional">
           <mbg-radio ng-model="$ctrl.selectedMap[$ctrl.removeCircularJson($row.$json)]"
-                     ng-change="$ctrl.toogleRadio($ctrl.removeCircularJson($row.$json))"></mbg-radio>
+                     ng-change="$ctrl.toogleRadio($ctrl.removeCircularJson($row.$json))"
+                     ng-if="!$ctrl.checkboxIf || $ctrl.checkboxIf({ $row: $row })"></mbg-radio>
         </td>
         <td ng-repeat="column in $ctrl.columns"
             ng-if="!$row.isAdicional && !column.hidden"

package/src/components/mbg-list/mbg-list.ts

@@ -209,7 +209,13 @@ export class MbgListController {
   handleClickRow(row, index) {
     if (this.rowsAdicional !== index && (this.checkbox || this.radio) && this.enableOnSelectByRow) {
       if (this.radio) {
-        this.toogleRadio(row.$json)
+        if (this.checkboxIf) {
+          if (this.checkboxIf({ $row: row })) {
+            this.toogleRadio(row.$json)
+          }
+        } else {
+          this.toogleRadio(row.$json)
+        }
       } else {
         if (this.checkboxIf) {
           if (this.checkboxIf({ $row: row })) {

package/src/components/mbg-progress-circle/mbg-progress-circle.ts

@@ -4,98 +4,100 @@ import * as angular from 'angular'
 import { UtilUID } from '../../helpers/util-uid'
 const progressBar = require('progressbar.js')
 class MbgProgressCircleController {
-  private unWatchPercentage: any
-  private unWatchShow: any
-  private progressCircle: any
-  private onFinish: Function
-  private uidComponent
-  private show = false
-  private closeOnFinish
-  private duration: number
-  private percentage
 
-  constructor(public $scope, public $element, public $attrs, public $timeout) {
-    this.percentage = this.percentage || 100
-    if (this.closeOnFinish == undefined) {
-      this.closeOnFinish = true
+    private unWatchPercentage: any
+    private unWatchShow: any
+    private progressCircle: any
+    private onFinish: Function
+    private uidComponent
+    private show = false
+    private duration: number
+    private percentage
+
+    constructor(public $scope, public $element, public $attrs, public $timeout) {
+        this.percentage = this.percentage || 100
     }
-  }
 
-  createProgress() {
-    this.duration = this.duration || 1400
-    this.uidComponent = UtilUID.generete()
-    this.unWatchShow = this.$scope.$watch('$ctrl.show', (value) => {
-      this.$timeout(() => {
-        value !== undefined && value ? this.addInBody() : this.removeInBody()
-      })
-    })
-    this.$timeout(() => {
-      this.progressCircle = new progressBar.Circle('#progress', {
-        color: '#666',
-        strokeWidth: 4,
-        trailWidth: 1,
-        easing: 'easeInOut',
-        duration: this.duration,
-        text: {
-          autoStyleContainer: true,
-        },
-        from: { color: '#666', width: 1 },
-        to: { color: '#000', width: 4 },
-        step: (state, circle) => {
-          const value = Math.round(circle.value() * 100)
-          if (value === 0) {
-            circle.setText('')
-          } else {
-            if (this.duration && value === 100 && this.closeOnFinish) {
-              this.$timeout(() => (this.show = false), 2000)
-            }
-            circle.setText(value + '%')
-          }
-        },
-      })
-      this.progressCircle.text.style.fontFamily = '"Raleway", Helvetica, sans-serif'
-      this.progressCircle.text.style.fontSize = '2rem'
-      this.progressCircle.animate(0.0)
+    createProgress() {
+        this.duration = this.duration || 1400
+        this.uidComponent = UtilUID.generete()
+        this.unWatchShow = this.$scope.$watch('$ctrl.show', (value) => {
+            this.$timeout(() => {
+                value !== undefined && value ? this.addInBody() : this.removeInBody()
+            })
+        })
+        this.$timeout(() => {
+            this.progressCircle = new progressBar.Circle('#progress', {
+                color: '#666',
+                strokeWidth: 4,
+                trailWidth: 1,
+                easing: 'easeInOut',
+                duration: this.duration,
+                text: {
+                    autoStyleContainer: true,
+                },
+                from: { color: '#666', width: 1 },
+                to: { color: '#000', width: 4 },
+                step: (state, circle) => {
+                    const value = Math.round(circle.value() * 100)
+                    if (value === 0) {
+                        circle.setText('')
+                    } else {
+                        if (this.duration && value === 100) {
+                            this.$timeout(() => this.show = false, 2000)
+                        }
+                        circle.setText(value + '%')
+                    }
+                }
+            })
+            this.progressCircle.text.style.fontFamily = '"Raleway", Helvetica, sans-serif'
+            this.progressCircle.text.style.fontSize = '2rem'
+            this.progressCircle.animate(0.0)
 
-      this.unWatchPercentage = this.$scope.$watch('$ctrl.percentage', (value) => {
-        if (this.progressCircle && value !== undefined) {
-          this.progressCircle.animate(value / 100)
-        }
-      })
-    })
-  }
+            this.unWatchPercentage = this.$scope.$watch('$ctrl.percentage', (value) => {
+                if (this.progressCircle && value !== undefined) {
+                    this.progressCircle.animate(value / 100)
+                }
+            })
+        })
+    }
 
-  addInBody() {
-    const body = angular.element(document).find('body')
-    const list = this.$element.find('div.mbg-progress-circle-wrapper')
-    list.attr('uid', this.uidComponent)
-    body.append(list)
-  }
+    addInBody() {
+        const body = angular.element(document).find('body')
+        const list = this.$element.find('div.mbg-progress-circle-wrapper')
+        list.attr('uid', this.uidComponent)
+        body.append(list)
+    }
 
-  removeInBody() {
-    const list = angular.element(`[uid="${this.uidComponent}"]`)
-    this.$element.find('.mbg-progress-circle-wrapper').append(list)
-  }
+    removeInBody() {
+        const list = angular.element(`[uid="${this.uidComponent}"]`)
+        this.$element.find('.mbg-progress-circle-wrapper').append(list)
+    }
 
-  $onDestroy() {
-    if (this.unWatchPercentage) {
-      this.unWatchPercentage()
+    $onDestroy() {
+        if (this.unWatchPercentage) {
+            this.unWatchPercentage()
+        }
     }
-  }
+
 }
 
-MbgProgressCircleController.$inject = ['$scope', '$element', '$attrs', '$timeout']
+MbgProgressCircleController.$inject = [
+    '$scope',
+    '$element',
+    '$attrs',
+    '$timeout'
+]
 
 const mbgProgressCircle = {
-  bindings: {
-    percentage: '=?',
-    titleProgress: '@?',
-    show: '=?',
-    duration: '=?',
-    closeOnFinish: '=?',
-  },
-  template,
-  controller: MbgProgressCircleController,
+    bindings: {
+        percentage: '=?',
+        titleProgress: '@?',
+        show: '=?',
+        duration: '=?'
+    },
+    template,
+    controller: MbgProgressCircleController,
 }
 
 export { mbgProgressCircle }

package/src/helpers/ie-directive/ie-directive.ts

@@ -8,6 +8,7 @@ export class NgMaskIe {
   private $timeout
   private $parse
   private uid: string = UtilUID.generete()
+  private ordZero = '0'.charCodeAt(0)
 
   constructor() {
     this.restrict = 'A'
@@ -25,12 +26,12 @@ export class NgMaskIe {
         scope.$parent && scope.$parent.$parent && scope.$parent.$parent.$ctrl
           ? scope.$parent.$parent.$ctrl.state
           : null
-      const valid = this.validade(data, state)
+      const valid = this.validate(data, state)
       const form = elm.closest('form')
       const formName = form.attr('name')
       const formScope = form.scope()
       if (formName && formScope) {
-        this.setIeValidade(elm, valid)
+        this.setIeValidate(elm, valid)
         if (!valid) {
           elm.addClass('mbg-error')
         } else {
@@ -65,43 +66,74 @@ export class NgMaskIe {
     ngModelController.$formatters.push(formatterView)
 
     scope.$on('$destroy', () => {
-      this.setIeValidade(elm, true)
+      this.setIeValidate(elm, true)
     })
   }
 
-  validade(ngModel, state) {
+  validate(ngModel, state) {
     switch (state) {
       case 'TO':
-        if (ngModel && (ngModel.length === 11 || ngModel.length === 9)) {
-          const digit = ngModel[ngModel.length - 1]
-          let total = 0
-          let indexCalc = 0
-          for (let index = 9; index >= 2; index--) {
-            total += ngModel[indexCalc] * index
-            if (ngModel.length === 11 && indexCalc === 1) {
-              indexCalc = indexCalc + 3
-            } else {
-              indexCalc++
-            }
-          }
-          const result = total - Math.floor(total / 11) * 11
-          if (result < 2) {
-            return Number(digit) === 0
-          } else {
-            return Number(digit) === 11 - result
-          }
+        return this.validateTO(ngModel)
+      case 'MT':
+        return this.validateMT(ngModel)
+      case 'AL':
+        return this.validateAL(ngModel)
+    }
+  }
+
+  charToInt(ch) {
+    return ch.charCodeAt(0) - this.ordZero
+  }
+
+  intToChar(int) {
+    return String.fromCharCode(int + this.ordZero)
+  }
+
+  validateAL(ie) {
+    let dig = -1
+    if (ie.length != 9) return false
+    var b = 9,
+      soma = 0
+    for (var i = 0; i <= 7; i++) {
+      soma += this.charToInt(ie.charAt(i)) * b
+      --b
+    }
+    soma *= 10
+    dig = soma - Math.floor(soma / 11) * 11
+    if (dig == 10) {
+      dig = 0
+    }
+    return this.intToChar(dig) == ie.charAt(8)
+  }
+
+  validateTO(ngModel) {
+    if (ngModel && (ngModel.length === 11 || ngModel.length === 9)) {
+      const digit = ngModel[ngModel.length - 1]
+      let total = 0
+      let indexCalc = 0
+      for (let index = 9; index >= 2; index--) {
+        total += ngModel[indexCalc] * index
+        if (ngModel.length === 11 && indexCalc === 1) {
+          indexCalc = indexCalc + 3
         } else {
-          return false
+          indexCalc++
         }
-      case 'MT':
-        return this.validadeMT(ngModel)
+      }
+      const result = total - Math.floor(total / 11) * 11
+      if (result < 2) {
+        return Number(digit) === 0
+      } else {
+        return Number(digit) === 11 - result
+      }
+    } else {
+      return false
     }
   }
 
-  validadeMT(model, plusZero = '') {
+  validateMT(model, plusZero = '') {
     const lengthZero = plusZero.length
     model = `${plusZero}${model}`
-    if (model.length != 11 && lengthZero < 2) return this.validadeMT(model, `0`)
+    if (model.length != 11 && lengthZero < 2) return this.validateMT(model, `0`)
     var nro = new Array(11)
     for (var i = 0; i <= 10; i++) nro[i] = parseInt(model[i])
     let b = 3
@@ -121,7 +153,7 @@ export class NgMaskIe {
     return dig == nro[10]
   }
 
-  setIeValidade(elm, valid) {
+  setIeValidate(elm, valid) {
     const form = elm.closest('form')
     const formName = form.attr('name')
     const formScope = form.scope()