@kigi/components 1.7.3 → 1.8.2-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kigi/components",
-  "version": "1.7.3",
+  "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-product-grid/mbg-product-grid.html

@@ -62,7 +62,7 @@
               ng-model="$ctrl.gridValues[$index][$parent.$index].stock" placeholder="0"
               ng-keydown="$ctrl.onKeydown($event)"
               ng-class="{ 'grid-disable': $ctrl.activeAddOrRemove && !$ctrl.gridValues[$index][$parent.$index].enable }"
-              ng-change="$ctrl.handleGridValues()" ng-model-options="{ debounce: 500 }" class="grid-product-stock" />
+              ng-change="$ctrl.handleGridValues()" ng-model-options="{ debounce: 500 }" class="grid-product-stock" onwheel="this.blur()" />
             <input tabindex="-1" type="text" ng-model="$ctrl.gridValues[$index][$parent.$index].price"
               ng-show="$ctrl.enablePrice" ui-money-mask ng-disabled="$ctrl.ngDisabled"
               onclick="angular.element(this).scope().$ctrl.focusInput(this)"

package/src/components/mbg-product-grid/mbg-product-grid.scss

@@ -1,4 +1,13 @@
 .mbg-product-grid-wrapper {
+    input[type="number"]::-webkit-outer-spin-button,
+        input[type="number"]::-webkit-inner-spin-button {
+            -webkit-appearance: none;
+            margin: 0;
+        }
+    
+        input[type="number"] {
+            -moz-appearance: textfield;
+        }
     overflow: auto;
     table {
         border-radius: 5px;

package/src/components/mbg-product-inline/mbg-product-inline.html

@@ -40,7 +40,7 @@
           <div class="stock-col">
             <input tabindex="0" type="number" onclick="angular.element(this).scope().$ctrl.focusInput(this)"
               ng-model="item.stock" ng-keydown="$ctrl.onKeydown($event)" placeholder="0" placeholder="Estoque"
-              ng-model-options="{ debounce: 500 }" class="inline-product-stock" />
+              ng-model-options="{ debounce: 500 }" class="inline-product-stock" onwheel="this.blur()" />
           </div>
           <div class="price-col" ng-hide="$ctrl.hidePrice">
             <input tabindex="-1" type="text" onclick="angular.element(this).scope().$ctrl.focusInput(this)"

package/src/components/mbg-product-inline/mbg-product-inline.scss

@@ -1,4 +1,13 @@
 .mbg-product-inline-wrapper {
+    input[type="number"]::-webkit-outer-spin-button,
+      input[type="number"]::-webkit-inner-spin-button {
+        -webkit-appearance: none;
+        margin: 0;
+      }
+    
+      input[type="number"] {
+        -moz-appearance: textfield;
+      }
   .inline-content {
     overflow: auto;
   }

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/components/mbg-select-multi-list/mbg-select-multi-list.html

@@ -32,6 +32,13 @@
                  ng-show="$ctrl.count">
                 <span>{{$ctrl.data.length}} / {{$ctrl.count}}</span>
             </div>
+             <div class="row m-b-24 m-t-14" ng-show="$ctrl.pagination.data.length > 0">
+                <div class="col-md-12">
+                    <mbg-pagination active-page="$ctrl.pagination.page" page-size="$ctrl.pagination.pageSize"
+                        on-change="$ctrl.fetch()" count="$ctrl.pagination.count" page-range-displayed="10">
+                    </mbg-pagination>
+                </div>
+            </div>
         </div>
         <div class="col-md-6 full-height">
             <mbg-input-search ng-model="$ctrl.inputValueResult"

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

@@ -17,6 +17,7 @@ export class MbgSelectMultiListController {
   private placeholderLeft: string
   private placeholderRight: string
   private inputValueResult: string
+  private pagination
 
   constructor(
     public $scope,
@@ -167,6 +168,7 @@ const mbgSelectMultiList = {
     titleRight: '@?',
     data: '=?',
     isLoading: '=?',
+    pagination: '=?',
   },
   template,
   controller: MbgSelectMultiListController,

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
+  }
 }