@kigi/components 1.8.1 → 1.8.2-beta.1

package/package.json

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

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

@@ -1,64 +1,80 @@
 import './mbg-input-text.scss'
 import * as angular from 'angular'
 import template from './mbg-input-text.html'
+import { Capitalize } from '../../helpers/capitalize'
 
 class MbgInputTextController {
-    private ngChange
-    private ngModel
-    private ngRequired
-    private ngDisabled
-    private props
-    private ngKeydown
-    private ngValue
+  private ngChange
+  private ngModel
+  private ngRequired
+  private ngDisabled
+  private props
+  private ngKeydown
+  private ngValue
+  private capitalize
 
-    constructor(public $scope, public $element, public $attrs) {
-        if ($attrs.ngRequired === '') { this.ngRequired = true }
-        if ($attrs.ngDisabled === '') { this.ngDisabled = true }
-        this.props = {}
+  constructor(public $scope, public $element, public $attrs) {
+    if ($attrs.ngRequired === '') {
+      this.ngRequired = true
     }
-
-    $onInit() {
-        if (this.ngValue) {
-            this.ngModel = this.ngValue
-        }
+    if ($attrs.ngDisabled === '') {
+      this.ngDisabled = true
     }
+    this.props = {}
+  }
 
-    fillAttributes() {
-        // console.log(this.$attrs.$attr.hasOwnProperty('enableKeyboard'))
+  $onInit() {
+    if (this.capitalize) {
+      this.ngModel = this.capitalizeBool(this.ngModel || '')
     }
-
-    onChange($event) {
-        if (this.ngChange) {
-            this.ngChange({ $event })
-        }
+    if (this.ngValue) {
+      this.ngModel = this.ngValue
     }
+  }
+
+  fillAttributes() {
+    // console.log(this.$attrs.$attr.hasOwnProperty('enableKeyboard'))
+  }
 
-    onKeydown($event: Event) {
-        $event.stopPropagation()
-        if (this.ngKeydown) {
-            this.ngKeydown({ $event })
-        }
+  capitalizeBool(str) {
+    return Capitalize.format(str)
+  }
+
+  onChange($event) {
+    if (this.capitalize) {
+      this.ngModel = this.capitalizeBool(this.ngModel)
+    }
+    if (this.ngChange) {
+      this.ngChange({ $event })
     }
+  }
 
+  onKeydown($event: Event) {
+    $event.stopPropagation()
+    if (this.ngKeydown) {
+      this.ngKeydown({ $event })
+    }
+  }
 }
 MbgInputTextController.$inject = ['$scope', '$element', '$attrs']
 
 const mbgInputText = {
-    bindings: {
-        ngValue: '=?',
-        ngModel: '=',
-        ngChange: '&?',
-        ngRequired: '=?',
-        ngDisabled: '=?',
-        placeholder: '@?',
-        ngBlur: '&?',
-        ngFocus: '&?',
-        ngKeyup: '&?',
-        ngKeypress: '&?',
-        ngKeydown: '&?',
-    },
-    template,
-    controller: MbgInputTextController,
+  bindings: {
+    ngValue: '=?',
+    ngModel: '=',
+    ngChange: '&?',
+    ngRequired: '=?',
+    ngDisabled: '=?',
+    placeholder: '@?',
+    ngBlur: '&?',
+    ngFocus: '&?',
+    ngKeyup: '&?',
+    ngKeypress: '&?',
+    ngKeydown: '&?',
+    capitalize: '=?',
+  },
+  template,
+  controller: MbgInputTextController,
 }
 
 export { mbgInputText }

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

@@ -1,3 +1,4 @@
+import { Capitalize } from '@kigi/components/src/helpers/capitalize';
 import * as angular from 'angular'
 import './mbg-select.scss'
 import template from './mbg-select.html'
@@ -42,6 +43,7 @@ class MbgSelectController {
   private fixedValue: string
   private transcludeSize: any
   private getCustomModel: Function
+  private capitalize
 
   constructor(
     public $scope,
@@ -50,7 +52,7 @@ class MbgSelectController {
     public $timeout,
     public $compile,
     public $transclude,
-  ) {}
+  ) { }
 
   $onInit() {
     this.fixedValue = this.ngValue || 'id'
@@ -251,6 +253,9 @@ class MbgSelectController {
   }
 
   onInputChange() {
+    if (this.capitalize) {
+      this.inputValue = Capitalize.format(this.inputValue)
+    }
     if (this.timeoutChange) {
       this.$timeout.cancel(this.timeoutChange)
     }
@@ -667,6 +672,7 @@ const mbgSelect = {
     callbackAddFixedOption: '&?',
     transcludeSize: '=?',
     getCustomModel: '&?',
+    capitalize: '=?'
   },
   controller: MbgSelectController,
   template,

package/src/helpers/capitalize.ts

@@ -1,24 +1,46 @@
 export namespace Capitalize {
-    const prepositions = [
-        'de', 'da', 'do', 'dos', 'de',
-        'a', 'ante', 'após', 'até', 'com', 'contra', 'desde',
-        'em', 'entre', 'para', 'per', 'perante', 'por', 'sem',
-        'sob', 'sobre', 'trás'
-    ]
+  const prepositions = [
+    'de',
+    'da',
+    'do',
+    'dos',
+    'de',
+    'a',
+    'ante',
+    'após',
+    'até',
+    'com',
+    'contra',
+    'desde',
+    'em',
+    'entre',
+    'para',
+    'per',
+    'perante',
+    'por',
+    'sem',
+    'sob',
+    'sobre',
+    'trás',
+  ]
 
-    export function format(str: string) {
-        return (str || '')
-            .toLowerCase()
-            .replace(/  /g, '')
-            .split(' ')
-            .map((w, index) => prepositions.filter((e) => e.toLowerCase() === w.toLowerCase()).length === 0
-                ? w.charAt(0).toUpperCase() + w.slice(1)
-                : lowerCase(w, index))
-            .join(' ')
-    }
+  export function format(str: string) {
+    return (str || '')
+      .toLowerCase()
+      .replace(/  /g, '')
+      .split(' ')
+      .map((w, index) =>
+        prepositions.filter((e) => e.toLowerCase() === w.toLowerCase()).length === 0
+          ? w.charAt(0).toUpperCase() + w.slice(1)
+          : lowerCase(w, index),
+      )
+      .join(' ')
+  }
 
-    const lowerCase = (str, index) => {
-        const lowerCaseString = (str || '').toLowerCase()
-        return index === 0 ? lowerCaseString.charAt(0).toUpperCase() + lowerCaseString.slice(1) : lowerCaseString
-    }
+  const lowerCase = (str, index) => {
+    const lowerCaseString = (str || '').toLowerCase()
+    return index === 0
+      ? lowerCaseString.charAt(0).toUpperCase() + lowerCaseString.slice(1)
+      : lowerCaseString
+  }
 }