@eturnity/eturnity_reusable_components 8.19.8-EPDM-14690.2 → 8.19.8-EPDM-14690.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "8.19.8-EPDM-14690.2",
+  "version": "8.19.8-EPDM-14690.3",
   "files": [
     "dist",
     "src"

package/src/components/barchart/BottomFields.vue

@@ -34,6 +34,7 @@
                 :allow-negative="false"
                 :disabled="isInputsDisabled"
                 input-height="36px"
+                :is-disabled-styled-only="true"
                 :is-info-border="
                   fieldMode === 'percentage'
                     ? calculatePercentageTotal(item.label) !== 100
@@ -63,6 +64,7 @@
                 :allow-negative="false"
                 :disabled="isInputsDisabled"
                 input-height="36px"
+                :is-disabled-styled-only="true"
                 :is-read-only="true"
                 :min-decimals="0"
                 :number-precision="fieldMode === 'percentage' ? 2 : 0"
@@ -111,6 +113,7 @@
                 :allow-negative="false"
                 :disabled="isInputsDisabled"
                 input-height="36px"
+                :is-disabled-styled-only="true"
                 :min-decimals="0"
                 :number-precision="0"
                 text-align="center"
@@ -130,11 +133,7 @@
   >
     <InfoCard align-items="center" type="info">
       <InfoCardBody>
-        {{
-          $gettext
-            ? $gettext('load_profile_not_add_up_to_100')
-            : 'load_profile_not_add_up_to_100'
-        }}
+        {{ percentageErrorMessage }}
       </InfoCardBody>
     </InfoCard>
   </InfoCardContainer>
@@ -197,6 +196,10 @@
       type: Boolean,
       default: false,
     },
+    percentageErrorMessage: {
+      type: String,
+      default: '',
+    },
   })
 
   const seriesData = ref([])
@@ -286,7 +289,10 @@
     return Math.round(percentageTotal)
   }
 
-  const handleInputBlur = (_value, seriesName, label, currentSeriesData) => {
+  const handleInputBlur = (_value, seriesName, label) => {
+    if (props.isInputsDisabled) {
+      return
+    }
     let value = Number(_value)
 
     const payload = seriesName

package/src/components/barchart/index.vue

@@ -165,6 +165,7 @@
       :is-chart-controls-shown-in-bottom="isChartControlsShown('bottom')"
       :is-inputs-disabled="isLoading"
       :is-scrollable="isScrollable"
+      :percentage-error-message="percentageErrorMessage"
       :series="series"
       :y-axis-width="yAxisWidth"
       @input-blur="handleInputBlur"
@@ -302,6 +303,10 @@
       type: Boolean,
       default: false,
     },
+    percentageErrorMessage: {
+      type: String,
+      default: '',
+    },
   })
 
   const generateChartId = () =>

package/src/components/inputs/inputNumber/index.vue

@@ -51,7 +51,7 @@
             :color-mode="colorMode"
             :data-id="inputDataId"
             :data-qa-id="dataQaId"
-            :disabled="disabled"
+            :disabled="disabled && !isDisabledStyledOnly"
             :font-color="colorMode === 'transparent' ? 'white' : fontColor"
             :font-size="fontSize"
             :has-label-slot="hasLabelSlot"
@@ -97,7 +97,7 @@
         :color-mode="colorMode"
         :data-id="inputDataId"
         :data-qa-id="dataQaId"
-        :disabled="disabled"
+        :disabled="disabled && !isDisabledStyledOnly"
         :font-color="colorMode === 'transparent' ? 'white' : fontColor"
         :font-size="fontSize"
         :has-label-slot="hasLabelSlot"
@@ -781,6 +781,10 @@
         type: String,
         default: '',
       },
+      isDisabledStyledOnly: {
+        type: Boolean,
+        default: false,
+      },
     },
     data() {
       return {