@eturnity/eturnity_reusable_components 7.48.1-EPDM-12680.0.1 → 7.48.1-EPDM-12680.1

package/dist/main.es92.js

@@ -0,0 +1,23 @@
+import "./main.es3.js";
+import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "6",
+  height: "16",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#263238",
+  d: "M21.75 14.75a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.75 20a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.75 25.25a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const context_menu = { render };
+export {
+  context_menu as default,
+  render
+};

package/dist/main.es93.js

@@ -0,0 +1,23 @@
+import "./main.es3.js";
+import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "6",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#B2B9C5",
+  d: "M16.5 19.75a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.75 19.75a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M27 19.75a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const context_menu_tabs = { render };
+export {
+  context_menu_tabs as default,
+  render
+};

package/dist/main.es94.js

@@ -0,0 +1,24 @@
+import "./main.es3.js";
+import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "800",
+  height: "800",
+  viewBox: "0 0 512 512"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "none",
+  "fill-rule": "evenodd",
+  d: "M426.667 128v320h-256V128zM384 170.667H213.333v234.666H384zm-64-128v42.666H128v256H85.333V42.667z"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const copy = { render };
+export {
+  copy as default,
+  render
+};

package/dist/main.es95.js

@@ -0,0 +1,28 @@
+import "./main.es3.js";
+import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "10",
+  height: "10",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#000",
+  d: "m9.879 8.479-1.4 1.4L.12 1.52l1.4-1.4L5.7 4.3z"
+}, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#000",
+  d: "m1.521 9.879-1.4-1.4L8.48.12l1.4 1.4z"
+}, null, -1);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+const cross = { render };
+export {
+  cross as default,
+  render
+};

package/dist/main.es96.js

@@ -0,0 +1,28 @@
+import "./main.es3.js";
+import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "20",
+  height: "14",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#263238",
+  d: "M20 16c2.829 0 4.976 1.278 6.69 4.003C24.975 22.724 22.827 24 20 24s-4.975-1.276-6.69-3.997C15.024 17.278 17.171 16 20 16m0-2c-4.273 0-7.094 2.43-9 6.005C12.906 23.57 15.727 26 20 26s7.094-2.43 9-5.995C27.094 16.43 24.273 14 20 14"
+}, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#263238",
+  d: "M20 22a2 2 0 1 0 0-4 2 2 0 0 0 0 4"
+}, null, -1);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+const current_variant = { render };
+export {
+  current_variant as default,
+  render
+};

package/dist/main.es97.js

@@ -0,0 +1,23 @@
+import "./main.es3.js";
+import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "18",
+  height: "18",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#fff",
+  d: "M0 10h8V0H0zm0 8h8v-6H0zm10 0h8V8h-8zm0-18v6h8V0z"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const dashboard = { render };
+export {
+  dashboard as default,
+  render
+};

package/dist/main.es98.js

@@ -0,0 +1,23 @@
+import "./main.es3.js";
+import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "18",
+  height: "18",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#263238",
+  d: "M16 0H2a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h4v-2H2V2h14v14h-4v2h4c1.1 0 2-.9 2-2V2a2 2 0 0 0-2-2M9 6l-4 4h3v8h2v-8h3z"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const data_transfer = { render };
+export {
+  data_transfer as default,
+  render
+};

package/dist/main.es99.js

@@ -0,0 +1,28 @@
+import "./main.es3.js";
+import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "12",
+  height: "16",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#263238",
+  d: "M15 13h2v14h-2z"
+}, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#263238",
+  d: "M17 21a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h8l-2.857 4L25 21z"
+}, null, -1);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+const deadline = { render };
+export {
+  deadline as default,
+  render
+};

package/dist/style.css

@@ -0,0 +1 @@
+html,body{height:100%;margin:0}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "7.48.1-EPDM-12680.0.1",
+  "version": "7.48.1-EPDM-12680.1",
   "files": [
     "dist",
     "src"

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

@@ -13,7 +13,11 @@
     </LabelSlotWrapper>
 
     <LabelWrapper v-if="labelText">
-      <LabelText :data-id="labelDataId" :label-font-color="labelFontColor">
+      <LabelText
+        :data-id="labelDataId"
+        :label-font-color="labelFontColor"
+        :label-font-weight="labelFontWeight"
+      >
         {{ labelText }}
       </LabelText>
 
@@ -187,6 +191,7 @@
     isInteractive: Boolean,
     alignItems: String,
     labelFontColor: String,
+    labelFontWeight: String,
     borderColor: String,
     showLinearUnitName: Boolean,
     colorMode: String,
@@ -241,7 +246,9 @@
         ? props.fontColor + ' !important'
         : props.theme.colors.black};
     background-color: ${(props) =>
-      props.backgroundColor
+      props.isDisabled
+        ? props.theme.colors.disabled + ' !important'
+        : props.backgroundColor
         ? props.backgroundColor + ' !important'
         : props.theme.colors.white};
     width: ${(props) =>
@@ -391,7 +398,7 @@
       props.theme.colors[props.labelFontColor]
         ? props.theme.colors[props.labelFontColor]
         : props.labelFontColor};
-    font-weight: 700;
+    font-weight: ${(props) => props.labelFontWeight};
   `
 
   const IconAttrs = { size: String, marginRight: Number }
@@ -604,6 +611,11 @@
         required: false,
         default: 'eturnityGrey',
       },
+      labelFontWeight: {
+        type: String,
+        required: false,
+        default: '700',
+      },
       focus: {
         type: Boolean,
         required: false,

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

@@ -1,5 +1,5 @@
 <template>
-  <ComponentWrapper :layout="layout">
+  <ComponentWrapper :color-mode="colorMode" :layout="layout">
     <RadioWrapper
       v-for="(item, index) in options"
       :key="item.value"
@@ -7,7 +7,9 @@
     >
       <LabelContainer
         :checkmark-color="checkmarkColor"
+        :color-mode="colorMode"
         :has-label="!!item.label"
+        :has-slots="!!$slots[`input-${item.value}`]"
         :is-checked="selectedOption === item.value"
         :is-disabled="item.disabled"
         :size="size"
@@ -25,6 +27,7 @@
         <span class="checkmark"></span>
         <LabelText
           v-if="item.label"
+          :color-mode="colorMode"
           :data-test-id="'radioLabel_' + item.value"
           :is-disabled="item.disabled"
         >
@@ -96,12 +99,14 @@
 
   const wrapperProps = {
     layout: String,
+    colorMode: String,
   }
   const ComponentWrapper = styled('div', wrapperProps)`
     display: flex;
     flex-direction: ${(props) =>
       props.layout === 'vertical' ? 'column' : 'row'};
-    grid-gap: 10px 5px;
+    grid-gap: ${(props) =>
+      props.colorMode === 'transparent' ? '16px 5px' : '10px 5px'};
     flex-wrap: wrap;
   `
 
@@ -124,14 +129,20 @@
     isChecked: Boolean,
     checkmarkColor: String,
     hasLabel: Boolean,
+    colorMode: String,
+    hasSlots: Boolean,
   }
   const LabelContainer = styled('label', containerProps)`
     display: grid;
     grid-template-columns: auto 1fr auto;
-    grid-gap: ${(props) => (props.hasLabel ? '15px' : 0)};
+    grid-gap: ${(props) => (props.hasLabel || props.hasSlots ? '15px' : 0)};
     align-items: center;
     color: ${(props) =>
-      props.isDisabled ? props.theme.colors.grey2 : props.theme.colors.black};
+      props.isDisabled
+        ? props.theme.colors.grey2
+        : props.colorMode === 'transparent'
+        ? props.theme.colors.white
+        : props.theme.colors.black};
     position: relative;
     cursor: ${(props) => (props.isDisabled ? 'not-allowed' : 'pointer')};
     font-size: ${(props) =>
@@ -188,10 +199,14 @@
     }
   `
 
-  const textAttrs = { isDisabled: Boolean }
+  const textAttrs = { isDisabled: Boolean, colorMode: String }
   const LabelText = styled('div', textAttrs)`
     color: ${(props) =>
-      props.isDisabled ? props.theme.colors.grey2 : props.theme.colors.black};
+      props.isDisabled
+        ? props.theme.colors.grey2
+        : props.colorMode === 'transparent'
+        ? props.theme.colors.white
+        : props.theme.colors.black};
   `
 
   const RadioImage = styled.img`
@@ -281,6 +296,11 @@
         required: false,
         type: String,
       },
+      colorMode: {
+        default: '',
+        required: false,
+        type: String,
+      },
     },
     emits: ['on-radio-change'],
     data() {

package/src/components/markerItem/index.vue

@@ -12,7 +12,7 @@
         :name="iconName"
         size="10px"
       />
-      <span>{{ label }}</span>
+      <span :title="label">{{ label }}</span>
     </MarkerContainer>
   </PageContainer>
 </template>
@@ -60,6 +60,13 @@
     border-radius: 4px;
     white-space: nowrap;
     cursor: ${(props) => (props.isEditionAllowed ? 'pointer' : props.cursor)};
+    overflow: hidden;
+    text-overflow: ellipsis;
+
+    span {
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
   `
 
   export default {

package/src/components/stringDesign/DropdownMenu/index.vue

@@ -322,122 +322,6 @@
       return {
         expandedInverters: [],
         expandedMppts: [],
-        // mockData: [
-        //   {
-        //     id: 1,
-        //     brand: 'PVI-10.0-TL-OUTD',
-        //     model: 'ABB',
-        //     num_modules: 20,
-        //     power: 110,
-        //     template: true,
-        //     technology: 'PV',
-        //     power_kWp: 24,
-        //     mppt_list: [
-        //       {
-        //         id: 1,
-        //         name: 'MPPT 1',
-        //         num_modules: 2,
-        //         num_strings: 2,
-        //         num_strings_available: 3,
-        //         strings: [
-        //           {
-        //             id: 1,
-        //             name: 'String A',
-        //             num_modules: 2,
-        //             color: 'red',
-        //           },
-        //           {
-        //             id: 2,
-        //             name: 'String B',
-        //             num_modules: 4,
-        //             color: 'green',
-        //           },
-        //           {
-        //             id: 3,
-        //             name: 'String C',
-        //             num_modules: 5,
-        //             color: 'blue',
-        //           },
-        //         ],
-        //       },
-        //       {
-        //         id: 2,
-        //         name: 'String B',
-        //         num_modules: 3,
-        //         num_strings: 3,
-        //         num_strings_available: 3,
-        //         strings: [
-        //           {
-        //             id: 4,
-        //             name: 'String D',
-        //             num_modules: 3,
-        //             color: 'purple',
-        //           },
-        //           {
-        //             id: 5,
-        //             name: 'String E',
-        //             num_modules: 6,
-        //             color: 'orange',
-        //           },
-        //           {
-        //             id: 6,
-        //             name: 'String F',
-        //             num_modules: 8,
-        //             color: 'yellow',
-        //           },
-        //         ],
-        //       },
-        //     ],
-        //   },
-        //   {
-        //     id: 2,
-        //     brand: 'SUN2000-15KTL-M0',
-        //     model: 'Huawei',
-        //     num_modules: 30,
-        //     power: 95,
-        //     template: false,
-        //     technology: 'PV',
-        //     power_kWp: 32,
-        //     mppt_list: [
-        //       {
-        //         id: 3,
-        //         name: 'MPPT A',
-        //         num_modules: 4,
-        //         num_strings: 1,
-        //         num_strings_available: 2,
-        //         strings: [
-        //           {
-        //             id: 7,
-        //             name: 'String G',
-        //             num_modules: 4,
-        //             color: 'pink',
-        //           },
-        //         ],
-        //       },
-        //       {
-        //         id: 4,
-        //         name: 'MPPT B',
-        //         num_modules: 6,
-        //         num_strings: 2,
-        //         num_strings_available: 2,
-        //         strings: [
-        //           {
-        //             id: 8,
-        //             name: 'String H',
-        //             num_modules: 3,
-        //             color: 'cyan',
-        //           },
-        //           {
-        //             id: 9,
-        //             name: 'String I',
-        //             num_modules: 3,
-        //             color: 'brown',
-        //           },
-        //         ],
-        //       },
-        //     ],
-        //   },
-        // ],
       }
     },
     computed: {
@@ -503,9 +387,9 @@
         switch (value) {
           case 'pv':
             return this.$gettext('PV')
-          case 'hybrid':
+          case 'pv_storage':
             return this.$gettext('hybrid')
-          case 'battery':
+          case 'storage':
             return this.$gettext('battery')
           case 'optimizer':
             return this.$gettext('inverter_type_optimizer')
@@ -518,9 +402,9 @@
         switch (value) {
           case 'pv':
             return 'pv'
-          case 'hybrid':
+          case 'pv_storage':
             return 'hybrid'
-          case 'battery':
+          case 'storage':
             return 'battery'
           case 'optimizer':
             return 'optimizer'