@kigi/components 1.46.0-beta.3 → 1.46.0-beta.5

package/package.json

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

package/src/components/mbg-top-sellings-products/mbg-top-sellings-products.html

@@ -39,7 +39,7 @@
                        ng-repeat="item in $ctrl.oneMonthInterval">
                      <div class="segment-item">
                         <span class="rank">{{ $index + 1 }}°</span>
-                        <span class="name"
+                        <span class="description-top-selling-name"
                               ng-if="$ctrl.hideValue && !$ctrl.isBlockValuesTopSellingsProducts"
                               uib-tooltip="{{ item.reference }} - {{ item.nameProduct }}"
                               tooltip-placement="{{$index === 0 || $index === 1 || item.nameProduct.length > 30 ?  'bottom' :'top' }}">{{

package/src/components/mbg-top-sellings-products/mbg-top-sellings-products.scss

@@ -1,8 +1,8 @@
 mbg-top-sellings-products {
-   display: block; 
-   width: 100%; 
-   height: 100%; 
-   flex-grow: 1; 
+   display: block;
+   width: 100%;
+   height: 100%;
+   flex-grow: 1;
    box-sizing: border-box;
  //   padding: 0px 16px;
  }
@@ -14,19 +14,19 @@ mbg-top-sellings-products {
    color: #FFFFFF;
  }
  }
- 
+
  .loading-chart{
    padding: 0;
  }
- 
+
  .top-sellings-products-wrapper{
     padding: 0px 16px;
  }
- 
+
  .top-selling {
     padding: 0px 16px;
  }
- 
+
    .description-container-dash {
      flex-grow: 1;
      color: var(--titleColor);
@@ -34,17 +34,17 @@ mbg-top-sellings-products {
      justify-content: space-between;
      width: 100%;
      font-weight: 600;
-     font-size: 14px; 
+     font-size: 14px;
      align-items: center;
      padding: 8px 0 5px 0;
-   
+
      .mbg-h-c-tone-s-icon-dash {
        transition: opacity 500ms ease;
        opacity: 0.9;
      }
    }
- 
- 
+
+
    .loading-indicator-top {
      position: absolute;
      top: 97%;
@@ -53,11 +53,11 @@ mbg-top-sellings-products {
      width: 40px;
      height: 40px;
    }
- 
+
    #loading-circle-top {
      position: absolute;
    }
- 
+
    .active-index-top {
    display: flex;
    position: relative;
@@ -65,13 +65,13 @@ mbg-top-sellings-products {
    justify-content: center;
    color: #5f5b5b;
    }
- 
- 
+
+
    .opacity-dash{
      opacity: 0.6;
    }
- 
- 
+
+
    .description-header {
      flex-direction: column;
      width: 100%;
@@ -81,8 +81,8 @@ mbg-top-sellings-products {
      height: 400px;
      padding: 16px 0px;
   }
- 
-  
+
+
   .product-header {
      display: flex;
      justify-content: end;
@@ -90,37 +90,37 @@ mbg-top-sellings-products {
      width: 100%;
      // padding: 0px 24px;
   }
-  
+
   .product-header span {
      color: #555;
   }
- 
-  
+
+
   .header-sales {
      width: 40%;
      text-align: right;
   }
-  
+
   .header-stock {
      width: 20%;
      text-align: right;
   }
-  
+
   .product-list {
- 
+
      width: 100%;
   }
-  
+
   .product-item {
      display: block;
      padding: 0;
      padding: 0px 23px 0px 0px;
- 
+
   }
- 
+
   .fake-chart {
-    width: 100%; 
-    height: 100%; 
+    width: 100%;
+    height: 100%;
     position: relative;
     border-radius: 10px;
     padding: 0px;
@@ -130,41 +130,41 @@ mbg-top-sellings-products {
     flex: 1;
     display: flex;
   }
-  
+
   .swiper-container {
      width: 100%;
      overflow: hidden;
      height: 350px;
      position: relative;
- 
+
   }
- 
+
   .swiper-pagination {
    display: flex;
    gap: 5px;
  }
- 
+
  .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
-   background-color: #606A90; 
+   background-color: #606A90;
    border-radius: 50%;
    opacity: 0.5;
  }
- 
+
  .swiper-pagination-bullet-active {
-   background-color: #0EBCBD; 
+   background-color: #0EBCBD;
    opacity: 1;
  }
- 
-  
+
+
   .segment-item {
      display: flex;
      justify-content: space-between;
      padding: 6px 0;
   }
-   
-  .name {
+
+  .description-top-selling-name {
      width: 70%;
      max-width: 50%;
      white-space: nowrap;
@@ -174,9 +174,9 @@ mbg-top-sellings-products {
      font-size: 14px;
      color: #5f5b5b;
   }
- 
 
- 
+
+
   .line-block-top{
      height: 1px;
      background: black;
@@ -186,7 +186,7 @@ mbg-top-sellings-products {
      opacity: 0.3;
      top: 8px;
   }
-  
+
   .sales {
      width: 20%;
      text-align: right;
@@ -195,7 +195,7 @@ mbg-top-sellings-products {
      position: relative;
      right: 18px;
   }
-  
+
   .stock {
      width: 20%;
      text-align: right;
@@ -203,7 +203,7 @@ mbg-top-sellings-products {
      color: #5f5b5b;
      position: relative;
   }
- 
+
   .show-slides-not-data{
    display: flex;
    justify-content: center;
@@ -213,7 +213,7 @@ mbg-top-sellings-products {
    font-size: 14px;
    color: #5f5b5b;
   }
- 
+