@kigi/components 1.4.4 → 1.4.8

package/package.json

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

package/src/components/mbg-address/modals/mbg-address-manual/mbg-address-manual.html

@@ -31,6 +31,10 @@
         <div class="mbg-input-wrapper input-cep-wrapper">
           <input autocomplete="{{ $ctrl.autocompleteValue }}"
                  autocorrect="{{ $ctrl.autocompleteValue }}"
+                 ng-class="{'mbg-error': !$ctrl.entity.zipCode && $ctrl.inputErrors}"
+                 mbg-error="!$ctrl.entity.zipCode"
+                 mbg-error-when="$ctrl.inputErrors"
+                 mbg-error-message="É necessário informar o CEP"
                  spellcheck="false"
                  type="text"
                  ng-change="$ctrl.onChangeCep()"
@@ -91,7 +95,7 @@
   <div class="content-confirm-upload">
     <mbg-btn-form label="Salvar"
                   loading="$ctrl.loading"
-                  ng-click="$ctrl.finish()"></mbg-btn-form>
+                  ng-click="$ctrl.finish(manualAddress.$valid)"></mbg-btn-form>
     <a class="btn-cancel"
        ng-click="$ctrl.dismiss()">Cancelar</a>
   </div>

package/src/components/mbg-address/modals/mbg-address-manual/mbg-address-manual.ts

@@ -26,6 +26,7 @@ class MbgAddressManualController {
   public navigatorData
   public entity: any = {}
   public countries: any[]
+  public inputErrors: boolean = false
 
   constructor(
     public $scope,
@@ -149,7 +150,11 @@ class MbgAddressManualController {
     })
   }
 
-  finish() {
+  finish(valid) {
+    this.inputErrors = true
+    if (!valid) {
+      return
+    }
     this.$uibModalInstance.close(this.entity)
   }
 }

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

@@ -72,7 +72,6 @@
                    ng-model="$ctrl.gridValues[$index][$parent.$index].stock"
                    placeholder="0"
                    ng-keydown="$ctrl.onKeydown($event)"
-                   positive-number="true"
                    ng-class="{ 'grid-disable': $ctrl.activeAddOrRemove && !$ctrl.gridValues[$index][$parent.$index].enable }"
                    ng-change="$ctrl.handleGridValues()"
                    ng-model-options="{ debounce: 500 }"
@@ -92,4 +91,4 @@
       </tr>
     </tbody>
   </table>
-</div>
+</div>

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

@@ -53,7 +53,6 @@
                    ng-model="item.stock"
                    ng-keydown="$ctrl.onKeydown($event)"
                    placeholder="0"
-                   positive-number="true"
                    placeholder="Estoque"
                    ng-model-options="{ debounce: 500 }"
                    class="inline-product-stock" />
@@ -72,4 +71,4 @@
       </div>
     </div>
   </div>
-</div>
+</div>

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

@@ -88,12 +88,17 @@
     <ul class="ul-options"
         vs-repeat="{size: {{$ctrl.transcludeSize || 'null'}}}">
       <li ng-mousedown="$ctrl.selectOption(item)"
+          class="mbg-item-select"
           ng-style="$ctrl.transcludeSize && {'min-height': $ctrl.transcludeSize}"
           ng-repeat="item in $ctrl.data">
         <div ng-if="$ctrl.transcludeTemplate"
              mbg-dynamic-html="$ctrl.transcludeTemplate"></div>
-        <div ng-if="!$ctrl.transcludeTemplate && $ctrl.labelValue">{{item[$ctrl.labelValue]}}</div>
-        <div ng-if="!$ctrl.transcludeTemplate && !$ctrl.labelValue">{{item}}</div>
+        <div ng-if="!$ctrl.transcludeTemplate && $ctrl.labelValue"><span
+                ng-class="{'mbg-item-animation': item[$ctrl.labelValue].length > 30}">{{item[$ctrl.labelValue]}}</span>
+        </div>
+        <div ng-if="!$ctrl.transcludeTemplate && !$ctrl.labelValue"><span
+                ng-class="{'mbg-item-animation': item.length > 30}">{{item}}</span>
+        </div>
         <i title="Favoritar"
            ng-if="$ctrl.enableFavorite"
            ng-mousedown="$ctrl.favorite($event, item)"
@@ -115,4 +120,4 @@
       </li>
     </ul>
   </div>
-</div>
+</div>

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

@@ -1,5 +1,6 @@
 .mbg-select-wrapper {
   position: relative;
+
   .mbg-select-input-fake {
     border: 1px solid #ddd;
     background: #fff;
@@ -131,7 +132,8 @@
       transform: rotate(40deg);
       opacity: 0.4;
 
-      &:hover, &.fixed {
+      &:hover,
+      &.fixed {
         transform: rotate(0deg);
         opacity: 1;
       }
@@ -170,3 +172,35 @@ mbg-select[disabled="disabled"] {
     font-weight: 500;
   }
 }
+
+.mbg-item-select {
+  span.mbg-item-animation {
+    left: 0;
+    transition-delay: 1s;
+  }
+
+  &:hover {
+    text-overflow: initial;
+
+    span.mbg-item-animation {
+      display: inline-block;
+      position: relative;
+      animation: animation-select-label 5s infinite;
+    }
+  }
+}
+
+@keyframes animation-select-label {
+  0% {
+    transform: translateX(0%);
+  }
+  15% {
+    transform: translateX(0%);
+  }
+  80% {
+    transform: translateX(-50%);
+  }
+  100% {
+    transform: translateX(0%);
+  }
+}