@eturnity/eturnity_reusable_components 8.40.7 → 8.40.8--EPDM-16185.0

package/dist/main.es744.js

@@ -1,64 +1,25 @@
-function makeMap(str, expectsLowerCase) {
-  const map = /* @__PURE__ */ Object.create(null);
-  const list = str.split(",");
-  for (let i = 0; i < list.length; i++) {
-    map[list[i]] = true;
+let supported;
+let perf;
+function isPerformanceSupported() {
+  var _a;
+  if (supported !== void 0) {
+    return supported;
   }
-  return expectsLowerCase ? (val) => !!map[val.toLowerCase()] : (val) => !!map[val];
+  if (typeof window !== "undefined" && window.performance) {
+    supported = true;
+    perf = window.performance;
+  } else if (typeof globalThis !== "undefined" && ((_a = globalThis.perf_hooks) === null || _a === void 0 ? void 0 : _a.performance)) {
+    supported = true;
+    perf = globalThis.perf_hooks.performance;
+  } else {
+    supported = false;
+  }
+  return supported;
+}
+function now() {
+  return isPerformanceSupported() ? perf.now() : Date.now();
 }
-!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
-!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
-const NOOP = () => {
-};
-const extend = Object.assign;
-const hasOwnProperty = Object.prototype.hasOwnProperty;
-const hasOwn = (val, key) => hasOwnProperty.call(val, key);
-const isArray = Array.isArray;
-const isMap = (val) => toTypeString(val) === "[object Map]";
-const isFunction = (val) => typeof val === "function";
-const isString = (val) => typeof val === "string";
-const isSymbol = (val) => typeof val === "symbol";
-const isObject = (val) => val !== null && typeof val === "object";
-const objectToString = Object.prototype.toString;
-const toTypeString = (value) => objectToString.call(value);
-const toRawType = (value) => {
-  return toTypeString(value).slice(8, -1);
-};
-const isIntegerKey = (key) => isString(key) && key !== "NaN" && key[0] !== "-" && "" + parseInt(key, 10) === key;
-const cacheStringFunction = (fn) => {
-  const cache = /* @__PURE__ */ Object.create(null);
-  return (str) => {
-    const hit = cache[str];
-    return hit || (cache[str] = fn(str));
-  };
-};
-const capitalize = cacheStringFunction(
-  (str) => str.charAt(0).toUpperCase() + str.slice(1)
-);
-const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
-const def = (obj, key, value) => {
-  Object.defineProperty(obj, key, {
-    configurable: true,
-    enumerable: false,
-    value
-  });
-};
 export {
-  NOOP,
-  capitalize,
-  def,
-  extend,
-  hasChanged,
-  hasOwn,
-  isArray,
-  isFunction,
-  isIntegerKey,
-  isMap,
-  isObject,
-  isString,
-  isSymbol,
-  makeMap,
-  objectToString,
-  toRawType,
-  toTypeString
+  isPerformanceSupported,
+  now
 };

package/dist/main.es9.js

@@ -1,5 +1,5 @@
 import styled from "./main.es7.js";
-import _sfc_main$1 from "./main.es15.js";
+import _sfc_main$1 from "./main.es26.js";
 import theme from "./main.es8.js";
 import "./main.es3.js";
 import _export_sfc from "./main.es11.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "8.40.7",
+  "version": "8.40.8--EPDM-16185.0",
   "files": [
     "dist",
     "src"

package/src/components/barchart/BottomFields.vue

@@ -1,19 +1,5 @@
 <template>
   <Container :is-chart-controls-shown-in-bottom="isChartControlsShownInBottom">
-    <LabelsColumn :width="yAxisWidth">
-      <LabelRow v-for="series in seriesData" :key="series.name">
-        {{ series.name }}
-      </LabelRow>
-      <TotalRow v-if="seriesData.length && fieldMode === 'percentage'">
-        {{ $gettext ? `${$gettext('loadprofile_total')} (%)` : 'Total (%)' }}
-      </TotalRow>
-      <TotalRow v-if="seriesData.length">
-        {{
-          $gettext ? `${$gettext('loadprofile_total')} (kWh)` : 'Total (kWh)'
-        }}
-      </TotalRow>
-    </LabelsColumn>
-
     <FieldsContainer
       :class="`fields-container-${chartId}`"
       @scroll="handleFieldsScroll"
@@ -26,6 +12,11 @@
             :key="series.name"
             :data-series-name="series.name"
           >
+            <LabelsColumn :width="yAxisWidth">
+              <LabelRow>
+                {{ series.name }}
+              </LabelRow>
+            </LabelsColumn>
             <InputGroup
               v-for="(item, index) in props.data"
               :key="index"
@@ -60,6 +51,15 @@
           </InputRow>
 
           <TotalInputRow v-if="fieldMode === 'percentage'">
+            <LabelsColumn :width="yAxisWidth">
+              <TotalRow v-if="seriesData.length">
+                {{
+                  $gettext
+                    ? `${$gettext('loadprofile_total')} (%)`
+                    : 'Total (%)'
+                }}
+              </TotalRow>
+            </LabelsColumn>
             <InputGroup
               v-for="(item, index) in props.data"
               :key="index"
@@ -83,6 +83,15 @@
           </TotalInputRow>
 
           <TotalInputRow>
+            <LabelsColumn :width="yAxisWidth">
+              <TotalRow v-if="seriesData.length">
+                {{
+                  $gettext
+                    ? `${$gettext('loadprofile_total')} (kWh)`
+                    : 'Total (kWh)'
+                }}
+              </TotalRow>
+            </LabelsColumn>
             <InputGroup
               v-for="(item, index) in props.data"
               :key="index"
@@ -111,6 +120,7 @@
         <!-- For simple bar chart -->
         <template v-else>
           <InputRow>
+            <LabelsColumn :width="yAxisWidth" />
             <InputGroup
               v-for="(item, index) in props.data"
               :key="index"

package/src/components/pageTitle/index.vue

@@ -1,5 +1,9 @@
 <template>
-  <TitleWrap data-test-id="page_wrapper" :has-info-text="!!infoText">
+  <TitleWrap
+    data-test-id="page_wrapper"
+    :has-info-text="!!infoText"
+    :no-margin="noMargin"
+  >
     <TitleText
       :color="color"
       data-test-id="page_title_text"
@@ -31,21 +35,27 @@
   import styled from 'vue3-styled-components'
   import InfoText from '../infoText'
 
-  const wrapAttrs = { hasInfoText: Boolean }
+  const wrapAttrs = { hasInfoText: Boolean, noMargin: Boolean }
   const TitleWrap = styled('div', wrapAttrs)`
     display: grid;
     align-items: center;
     grid-gap: 12px;
     grid-template-columns: ${(props) =>
       props.hasInfoText ? 'auto auto 1fr' : '1fr'};
-    margin-bottom: 20px;
+    margin-bottom: ${(props) => (props.noMargin ? '0px' : '20px')};
   `
 
   const titleAttrs = { color: String, fontSize: String, uppercase: Boolean }
   const TitleText = styled('span', titleAttrs)`
     color: ${(props) => (props.color ? props.color : props.theme.colors.black)};
-    font-weight: 600;
-    font-size: ${(props) => (props.fontSize ? props.fontSize : '20px')};
+    font-weight: 500;
+    line-height: 130%;
+    font-size: ${(props) =>
+      props.fontSize === 'large'
+        ? '24px'
+        : props.fontSize === 'small'
+        ? '18px'
+        : '20px'};
   `
 
   export default {
@@ -68,7 +78,7 @@
       fontSize: {
         required: false,
         type: String,
-        default: '',
+        default: 'medium',
       },
       uppercase: {
         required: false,
@@ -85,6 +95,11 @@
         type: String,
         default: 'center',
       },
+      noMargin: {
+        required: false,
+        type: Boolean,
+        default: false,
+      },
     },
   }
 </script>