@eturnity/eturnity_reusable_components 8.26.4--EPDM-15979.1 → 8.26.4--EPDM-15979.2

package/dist/main.es170.js

@@ -2,18 +2,18 @@ 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: "40",
-  height: "40",
+  width: "82",
+  height: "82",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "M26.5 35a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zM31 35a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zM35.5 35a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zM35.6 31.51a.5.5 0 0 1 0 .98l-.1.01h-11a.5.5 0 0 1 0-1h11zM6.246 4.48c.696-.466 1.374-.586 2.02-.39.613.188 1.117.637 1.544 1.134.43.5.829 1.11 1.206 1.684.385.588.749 1.14 1.129 1.582.383.447.735.724 1.076.827.306.094.675.069 1.17-.263.515-.345 1.14-1.007 1.886-2.146a.5.5 0 0 1 .836.549c-.777 1.185-1.488 1.974-2.164 2.428-.695.466-1.374.586-2.02.39-.613-.187-1.118-.637-1.544-1.133-.43-.501-.829-1.111-1.205-1.685-.386-.587-.75-1.14-1.13-1.582-.383-.447-.735-.724-1.075-.828-.307-.093-.677-.069-1.172.264-.45.302-.984.847-1.61 1.74l-.275.406a.5.5 0 0 1-.836-.549l.288-.426c.666-.95 1.284-1.605 1.876-2.002"
+  d: "M9.998 10.513h24V9.488h-24zM9.998 17.513h5v-1.025h-5zM33.997 17.513h-5v-1.025h5zM18.998 17.513h6v-1.025h-6zM72.002 65.512h-24v-1.025h24zM53.002 72.512h-5v-1.025h5zM67.001 72.512h5v-1.025h-5zM63.002 72.512h-6v-1.025h6z"
 }, null, -1);
 const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
   "fill-rule": "evenodd",
-  d: "M40 40H0V0h40zM1.708 39H39V1.708zM1 38.294 38.294 1H1z",
+  d: "M0 0v82h82V0zm1.025 80.251V1.025h79.226zm.726.724h79.224V1.751z",
   "clip-rule": "evenodd"
 }, null, -1);
 const _hoisted_4 = [
@@ -23,8 +23,8 @@ const _hoisted_4 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
 }
-const ed_icon_inverter = { render };
+const ed_icon_optimizer_path = { render };
 export {
-  ed_icon_inverter as default,
+  ed_icon_optimizer_path as default,
   render
 };

package/dist/main.es171.js

@@ -2,13 +2,13 @@ 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: "40",
-  height: "40",
+  width: "96",
+  height: "191",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "M20 0c11.046 0 20 8.954 20 20s-8.954 20-20 20S0 31.046 0 20 8.954 0 20 0m0 1C9.507 1 1 9.507 1 20s8.507 19 19 19 19-8.507 19-19S30.493 1 20 1m.002 19.528 3.872-5.728h1.393V26h-1.344v-9.024l-3.921 5.84-3.92-5.808V26h-1.36V14.8h1.409z"
+  d: "M96 191H0V0h96zm-95-1h94V96H1zm73-27H22v-40h52zm-51-1h50v-38H23zm8.718-34.621a.5.5 0 0 1 .5.5v30.244a.5.5 0 0 1-1 0V143.5h-6.066v-1h6.066v-14.621a.5.5 0 0 1 .5-.5m13.656 0a.5.5 0 0 1 .5.5v30.244a.5.5 0 0 1-1 0v-30.244a.5.5 0 0 1 .5-.5m13.655 0a.5.5 0 0 1 .5.5v30.244a.5.5 0 0 1-1 0v-30.244a.5.5 0 0 1 .5-.5m-22.298 7.816a.5.5 0 0 1 .5.5v14.61a.5.5 0 0 1-.5.5h-.575a.5.5 0 0 1-.5-.5v-14.61a.5.5 0 0 1 .5-.5zm13.657 0a.5.5 0 0 1 .5.5v14.61a.5.5 0 0 1-.5.5h-.575a.5.5 0 0 1-.5-.5v-14.61a.5.5 0 0 1 .5-.5zm13.658 0a.5.5 0 0 1 .5.5v6.573h6.302v1.463h-6.302v6.574a.5.5 0 0 1-.5.5h-.575a.5.5 0 0 1-.5-.5v-14.61a.5.5 0 0 1 .5-.5zM1.707 95H95V1.707zM1 94.293 94.293 1H1z"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2
@@ -16,8 +16,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const ed_icon_m = { render };
+const ed_integratedbatteryinverter = { render };
 export {
-  ed_icon_m as default,
+  ed_integratedbatteryinverter as default,
   render
 };

package/dist/main.es172.js

@@ -2,29 +2,22 @@ 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: "40",
-  height: "40",
+  width: "96",
+  height: "96",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "M26.5 35a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zM31 35a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zM35.5 35a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zM35.6 31.51a.5.5 0 0 1 0 .98l-.1.01h-11a.5.5 0 0 1 0-1h11zM6.5 7.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zM11 7.5a.5.5 0 0 1 0 1H9a.5.5 0 0 1 0-1zM15.5 7.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zM15.6 4.01a.5.5 0 0 1 0 .98l-.1.01h-11a.5.5 0 0 1 0-1h11z"
+  d: "M96 96H0V0h96zM1.706 95H95V1.706zM1 94.292 94.292 1H1z"
 }, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#000",
-  "fill-rule": "evenodd",
-  d: "M40 40H0V0h40zM1.708 39H39V1.708zM1 38.294 38.294 1H1z",
-  "clip-rule": "evenodd"
-}, null, -1);
-const _hoisted_4 = [
-  _hoisted_2,
-  _hoisted_3
+const _hoisted_3 = [
+  _hoisted_2
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const ed_icon_optimizer = { render };
+const ed_inverterBlank = { render };
 export {
-  ed_icon_optimizer as default,
+  ed_inverterBlank as default,
   render
 };

package/dist/main.es173.js

@@ -2,29 +2,22 @@ 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: "82",
-  height: "82",
+  width: "64",
+  height: "98",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "M9.998 10.513h24V9.488h-24zM9.998 17.513h5v-1.025h-5zM33.997 17.513h-5v-1.025h5zM18.998 17.513h6v-1.025h-6zM72.002 65.512h-24v-1.025h24zM53.002 72.512h-5v-1.025h5zM67.001 72.512h5v-1.025h-5zM63.002 72.512h-6v-1.025h6z"
+  d: "M64 98H0V0h64zM1 49.5V97h62V49.5zm0-1h62V1H1z"
 }, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#000",
-  "fill-rule": "evenodd",
-  d: "M0 0v82h82V0zm1.025 80.251V1.025h79.226zm.726.724h79.224V1.751z",
-  "clip-rule": "evenodd"
-}, null, -1);
-const _hoisted_4 = [
-  _hoisted_2,
-  _hoisted_3
+const _hoisted_3 = [
+  _hoisted_2
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const ed_icon_optimizer_path = { render };
+const ed_mainsconnection = { render };
 export {
-  ed_icon_optimizer_path as default,
+  ed_mainsconnection as default,
   render
 };

package/dist/main.es174.js

@@ -2,13 +2,13 @@ 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: "96",
-  height: "191",
+  width: "64",
+  height: "98",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "M96 191H0V0h96zm-95-1h94V96H1zm73-27H22v-40h52zm-51-1h50v-38H23zm8.718-34.621a.5.5 0 0 1 .5.5v30.244a.5.5 0 0 1-1 0V143.5h-6.066v-1h6.066v-14.621a.5.5 0 0 1 .5-.5m13.656 0a.5.5 0 0 1 .5.5v30.244a.5.5 0 0 1-1 0v-30.244a.5.5 0 0 1 .5-.5m13.655 0a.5.5 0 0 1 .5.5v30.244a.5.5 0 0 1-1 0v-30.244a.5.5 0 0 1 .5-.5m-22.298 7.816a.5.5 0 0 1 .5.5v14.61a.5.5 0 0 1-.5.5h-.575a.5.5 0 0 1-.5-.5v-14.61a.5.5 0 0 1 .5-.5zm13.657 0a.5.5 0 0 1 .5.5v14.61a.5.5 0 0 1-.5.5h-.575a.5.5 0 0 1-.5-.5v-14.61a.5.5 0 0 1 .5-.5zm13.658 0a.5.5 0 0 1 .5.5v6.573h6.302v1.463h-6.302v6.574a.5.5 0 0 1-.5.5h-.575a.5.5 0 0 1-.5-.5v-14.61a.5.5 0 0 1 .5-.5zM1.707 95H95V1.707zM1 94.293 94.293 1H1z"
+  d: "M64 98H0V0h64zM1 33.5V97h62V33.5zm0-1h62V1H1z"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2
@@ -16,8 +16,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const ed_integratedbatteryinverter = { render };
+const ed_meterBlank = { render };
 export {
-  ed_integratedbatteryinverter as default,
+  ed_meterBlank as default,
   render
 };

package/dist/main.es175.js

@@ -2,13 +2,13 @@ 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: "96",
-  height: "96",
+  width: "64",
+  height: "98",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "M96 96H0V0h96zM1.706 95H95V1.706zM1 94.292 94.292 1H1z"
+  d: "M64 98H0V0h64zM1 97h62V33.25H1zm0-64.75h62V1H1zM19.053 16h38.595v1H19.053v4L6.35 16.5 19.053 12z"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2
@@ -16,8 +16,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const ed_inverterBlank = { render };
+const ed_meter_arrowleft = { render };
 export {
-  ed_inverterBlank as default,
+  ed_meter_arrowleft as default,
   render
 };

package/dist/main.es176.js

@@ -8,7 +8,7 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "M64 98H0V0h64zM1 49.5V97h62V49.5zm0-1h62V1H1z"
+  d: "M64 98H0V0h64zM1 97h62V33.25H1zm0-64.75h62V1H1zM57.65 16.5 44.946 21v-4H6.352v-1h38.595v-4z"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2
@@ -16,8 +16,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const ed_mainsconnection = { render };
+const ed_meter_arrowright = { render };
 export {
-  ed_mainsconnection as default,
+  ed_meter_arrowright as default,
   render
 };

package/dist/main.es177.js

@@ -8,7 +8,7 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "M64 98H0V0h64zM1 33.5V97h62V33.5zm0-1h62V1H1z"
+  d: "M64 98H0V0h64zM1 97h62V33.25H1zm0-64.75h62V1H1zM57.648 16.5 44.946 21v-4H19.054v4L6.352 16.5 19.054 12v4h25.892v-4z"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2
@@ -16,8 +16,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const ed_meterBlank = { render };
+const ed_meter_bidirectional = { render };
 export {
-  ed_meterBlank as default,
+  ed_meter_bidirectional as default,
   render
 };

package/dist/main.es178.js

@@ -2,13 +2,13 @@ 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: "64",
-  height: "98",
+  width: "136",
+  height: "64",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "M64 98H0V0h64zM1 97h62V33.25H1zm0-64.75h62V1H1zM19.053 16h38.595v1H19.053v4L6.35 16.5 19.053 12z"
+  d: "m99.124 30.377-.865.872H136v1.5h-22.672v8.392h4.539v10.667h-10.578V49.51h-2.821v-1.5h2.821v-3.072h-2.976v-1.5h2.976v-2.298h4.539v-8.392h-13.57l.867.873-1.057 1.066-1.61-1.625-1.608 1.624-1.057-1.065L95.403 32l-1.61-1.622 1.058-1.064 1.608 1.62 1.608-1.62zm9.665 12.264v7.667h7.578V42.64zM33.49 48.01h2.07v1.5h-3.57v-3.406h1.5zm10.354 1.5h-5.642v-1.5h5.642zm8.283 0h-5.642v-1.5h5.642zm8.283 0H54.77v-1.5h5.641zm8.283 0h-5.641v-1.5h5.641zm8.284 0h-5.642v-1.5h5.642zm8.283 0h-5.642v-1.5h5.642zm8.283 0h-5.642v-1.5h5.642zm8.283 0h-5.641v-1.5h5.641zM81.342 43.44h2.224v1.5h-3.724v-2.262h1.5zm11.123 1.5h-5.95v-1.5h5.95zm8.899 0h-5.949v-1.5h5.949zM33.49 43.796h-1.5v-3.404h1.5zm47.852-1.143h-1.5v-2.261h1.5zm15.55-18.561-15.55 3.863v6.318h-1.5v-5.945l-17.705 4.4-.09.021H49.903l.867.873-1.057 1.066-1.61-1.625-1.609 1.624-1.056-1.065L47.047 32l-1.608-1.622 1.056-1.064 1.608 1.62 1.609-1.62 1.057 1.064-.866.872h11.962l17.977-4.467v-.105h.427l16.261-4.04zm-48.355 0L33.49 27.83v6.443h-1.5v-6.07l-18.209 4.525-.089.021H0v-1.5h13.51l34.666-8.612z"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2
@@ -16,8 +16,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const ed_meter_arrowleft = { render };
+const ed_networkandsystemprotection_double = { render };
 export {
-  ed_meter_arrowleft as default,
+  ed_networkandsystemprotection_double as default,
   render
 };

package/dist/main.es179.js

@@ -2,13 +2,13 @@ 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: "64",
-  height: "98",
+  width: "88",
+  height: "64",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "M64 98H0V0h64zM1 97h62V33.25H1zm0-64.75h62V1H1zM57.65 16.5 44.946 21v-4H6.352v-1h38.595v-4z"
+  d: "m50.929 30.334-.976.98H88v1.374H65.17v8.455h4.623V51.81H59.172v-4.646h-2.879V45.79h2.879v-4.646h4.623v-8.455h-13.84l.976.98-.97.976-1.662-1.67-1.662 1.67-.97-.975L47.328 32l-1.66-1.666.972-.975 1.659 1.666 1.659-1.666zm9.618 12.184v7.917h7.871v-7.917zM33.56 45.789h2.191v1.375h-3.567v-2.708h1.375zm10.958 1.375H38.76V45.79h5.758zm8.766 0h-5.759V45.79h5.76zm-19.724-4h-1.376v-2.708h1.375zm14.99-19.798.167.667-15.158 3.75v6.429h-1.375v-6.088L13.82 32.669l-.08.02H0v-1.375h13.573l34.814-8.615z"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2
@@ -16,8 +16,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const ed_meter_arrowright = { render };
+const ed_networkandsystemprotection_single = { render };
 export {
-  ed_meter_arrowright as default,
+  ed_networkandsystemprotection_single as default,
   render
 };

package/dist/main.es18.js

@@ -1,26 +1,229 @@
-import { isProxyAvailable, getTarget, getDevtoolsGlobalHook } from "./main.es25.js";
-import { HOOK_SETUP } from "./main.es26.js";
-import { ApiProxy } from "./main.es27.js";
-function setupDevtoolsPlugin(pluginDescriptor, setupFn) {
-  const descriptor = pluginDescriptor;
-  const target = getTarget();
-  const hook = getDevtoolsGlobalHook();
-  const enableProxy = isProxyAvailable && descriptor.enableEarlyProxy;
-  if (hook && (target.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !enableProxy)) {
-    hook.emit(HOOK_SETUP, pluginDescriptor, setupFn);
-  } else {
-    const proxy = enableProxy ? new ApiProxy(descriptor, hook) : null;
-    const list = target.__VUE_DEVTOOLS_PLUGINS__ = target.__VUE_DEVTOOLS_PLUGINS__ || [];
-    list.push({
-      pluginDescriptor: descriptor,
-      setupFn,
-      proxy
-    });
-    if (proxy) {
-      setupFn(proxy.proxiedTarget);
+import styled from "./main.es7.js";
+import "./main.es3.js";
+import _export_sfc from "./main.es11.js";
+import { resolveComponent, openBlock, createBlock, withCtx, createVNode, createTextVNode } from "./main.es6.js";
+import { toDisplayString } from "./main.es22.js";
+const Container = styled.div`
+    position: relative;
+    display: flex;
+    height: 47px;
+    width: ${(props) => props.width};
+  `;
+const TopValueContainer = styled("div", {
+  position: String
+})`
+    font-size: 11px;
+    left: ${(props) => props.position};
+    position: absolute;
+    display: flex;
+    justify-content: center
+    width: 0px;
+    color:${(props) => props.theme.colors.black};
+    item-align: center;
+
+  `;
+const BottomValueContainer = styled("div", {
+  position: String
+})`
+    font-size: 12px;
+    left: ${(props) => props.position};
+    width: 0px;
+    bottom: -2px;
+    position: absolute;
+    display: flex;
+    justify-content: center;
+    item-align: center;
+    border-radius: 4px;
+    color: white;
+  `;
+const TextWrapper = styled("div", {
+  backgroundColor: String
+})`
+    padding: 2px 6px;
+    background-color: ${(props) => props.theme.colors[props.backgroundColor] || props.backgroundColor};
+    border-radius: 4px;
+  `;
+const Arrow = styled("div", {
+  backgroundColor: String
+})`
+    position: absolute;
+    bottom: -10px;
+    left: calc(50% - 6px);
+    width: 0;
+    height: 0;
+    border: 6px solid transparent;
+    border-top-color: ${(props) => props.theme.colors[props.backgroundColor] || props.backgroundColor};
+    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.1));
+  `;
+const MainLine = styled.div`
+    display: block;
+    position: absolute;
+    bottom: 16px;
+    height: 4px;
+    width: 100%;
+    border-radius: 4px;
+    background-color: ${(props) => props.theme.colors.grey4};
+  `;
+const MainLineHighlight = styled("div", {
+  minPercent: Number,
+  maxPercent: Number
+})`
+    display: block;
+    position: absolute;
+    left: ${(props) => props.minPercent + "%"};
+    right: ${(props) => 100 - props.maxPercent + "%"};
+    bottom: 16px;
+    height: 4px;
+    background-color: white;
+  `;
+const VerticalMarker = styled("div")`
+    position: absolute;
+    width: 1px;
+    height: 8px;
+    background-color: white;
+    display: inline-block;
+    top: -6px;
+    left: 0px;
+  `;
+const VerticalMarkerArrow = styled("div", {
+  color: String
+})`
+    position: absolute;
+    width: 1px;
+    height: 4px;
+    background-color: ${(props) => props.color};
+    display: inline-block;
+    bottom: -14px;
+    left: 0px;
+  `;
+const _sfc_main = {
+  name: "ProgressBar",
+  components: {
+    Container,
+    MainLineHighlight,
+    Arrow,
+    TopValueContainer,
+    BottomValueContainer,
+    MainLine,
+    VerticalMarker,
+    VerticalMarkerArrow,
+    TextWrapper
+  },
+  props: {
+    minValue: {
+      required: true,
+      type: Number
+    },
+    maxValue: {
+      required: true,
+      type: Number
+    },
+    value: {
+      required: true,
+      type: Number
+    },
+    arrowColor: {
+      required: false,
+      type: String,
+      default: "white"
+    },
+    width: {
+      required: false,
+      type: String,
+      default: null
+    }
+  },
+  data() {
+    return {};
+  },
+  computed: {
+    minPercent() {
+      if (this.maxValue === this.minValue) {
+        return 50;
+      } else {
+        return 30;
+      }
+    },
+    maxPercent() {
+      if (this.maxValue === this.minValue) {
+        return 50;
+      } else {
+        return 70;
+      }
+    },
+    valuePercent() {
+      let percent;
+      if (this.maxValue === this.minValue) {
+        percent = this.minPercent + 10 * (this.value - this.minValue);
+      } else {
+        percent = this.minPercent + (this.maxPercent - this.minPercent) / (this.maxValue - this.minValue) * (this.value - this.minValue);
+      }
+      return Math.max(0, Math.min(100, percent));
+    },
+    colorVerticalMarkerArrow() {
+      if (this.value < this.maxValue && this.value > this.minValue) {
+        return "black";
+      } else {
+        return "white";
+      }
     }
   }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_MainLine = resolveComponent("MainLine");
+  const _component_MainLineHighlight = resolveComponent("MainLineHighlight");
+  const _component_TextWrapper = resolveComponent("TextWrapper");
+  const _component_Arrow = resolveComponent("Arrow");
+  const _component_VerticalMarkerArrow = resolveComponent("VerticalMarkerArrow");
+  const _component_TopValueContainer = resolveComponent("TopValueContainer");
+  const _component_VerticalMarker = resolveComponent("VerticalMarker");
+  const _component_BottomValueContainer = resolveComponent("BottomValueContainer");
+  const _component_Container = resolveComponent("Container");
+  return openBlock(), createBlock(_component_Container, {
+    width: $props.width
+  }, {
+    default: withCtx(() => [createVNode(_component_MainLine), createTextVNode(), createVNode(_component_MainLineHighlight, {
+      "max-percent": $options.maxPercent,
+      "min-percent": $options.minPercent
+    }, null, 8, ["max-percent", "min-percent"]), createTextVNode(), createVNode(_component_TopValueContainer, {
+      position: $options.valuePercent + "%"
+    }, {
+      default: withCtx(() => [createVNode(_component_TextWrapper, {
+        "background-color": $props.arrowColor
+      }, {
+        default: withCtx(() => [createTextVNode(toDisplayString($props.value), 1)]),
+        _: 1
+      }, 8, ["background-color"]), createTextVNode(), createVNode(_component_Arrow, {
+        "background-color": $props.arrowColor
+      }, null, 8, ["background-color"]), createTextVNode(), createVNode(_component_VerticalMarkerArrow, {
+        color: $options.colorVerticalMarkerArrow
+      }, null, 8, ["color"])]),
+      _: 1
+    }, 8, ["position"]), createTextVNode(), createVNode(_component_BottomValueContainer, {
+      position: $options.minPercent + "%"
+    }, {
+      default: withCtx(() => [createVNode(_component_TextWrapper, null, {
+        default: withCtx(() => [createTextVNode(toDisplayString($props.minValue), 1)]),
+        _: 1
+      }), createTextVNode(), createVNode(_component_VerticalMarker, {
+        side: "bottom"
+      })]),
+      _: 1
+    }, 8, ["position"]), createTextVNode(), createVNode(_component_BottomValueContainer, {
+      position: $options.maxPercent + "%"
+    }, {
+      default: withCtx(() => [createVNode(_component_TextWrapper, null, {
+        default: withCtx(() => [createTextVNode(toDisplayString($props.maxValue), 1)]),
+        _: 1
+      }), createTextVNode(), createVNode(_component_VerticalMarker, {
+        side: "bottom"
+      })]),
+      _: 1
+    }, 8, ["position"])]),
+    _: 1
+  }, 8, ["width"]);
 }
+const PanelRangeInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  setupDevtoolsPlugin
+  PanelRangeInfo as default
 };

package/dist/main.es180.js

@@ -2,13 +2,13 @@ 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: "64",
-  height: "98",
+  width: "80",
+  height: "40",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "M64 98H0V0h64zM1 97h62V33.25H1zm0-64.75h62V1H1zM57.648 16.5 44.946 21v-4H19.054v4L6.352 16.5 19.054 12v4h25.892v-4z"
+  d: "M80 0v40H0V0zM.213 39.787h79.574V.213H.213zm79.398-39L55.343 20 79.61 39.213H.787V.787zM79 39 55 20 79 1H1v38z"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2
@@ -16,8 +16,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const ed_meter_bidirectional = { render };
+const ed_pvpanel__Stroke_ = { render };
 export {
-  ed_meter_bidirectional as default,
+  ed_pvpanel__Stroke_ as default,
   render
 };

package/dist/main.es181.js

@@ -2,13 +2,13 @@ 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: "136",
-  height: "64",
+  width: "80",
+  height: "40",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "m99.124 30.377-.865.872H136v1.5h-22.672v8.392h4.539v10.667h-10.578V49.51h-2.821v-1.5h2.821v-3.072h-2.976v-1.5h2.976v-2.298h4.539v-8.392h-13.57l.867.873-1.057 1.066-1.61-1.625-1.608 1.624-1.057-1.065L95.403 32l-1.61-1.622 1.058-1.064 1.608 1.62 1.608-1.62zm9.665 12.264v7.667h7.578V42.64zM33.49 48.01h2.07v1.5h-3.57v-3.406h1.5zm10.354 1.5h-5.642v-1.5h5.642zm8.283 0h-5.642v-1.5h5.642zm8.283 0H54.77v-1.5h5.641zm8.283 0h-5.641v-1.5h5.641zm8.284 0h-5.642v-1.5h5.642zm8.283 0h-5.642v-1.5h5.642zm8.283 0h-5.642v-1.5h5.642zm8.283 0h-5.641v-1.5h5.641zM81.342 43.44h2.224v1.5h-3.724v-2.262h1.5zm11.123 1.5h-5.95v-1.5h5.95zm8.899 0h-5.949v-1.5h5.949zM33.49 43.796h-1.5v-3.404h1.5zm47.852-1.143h-1.5v-2.261h1.5zm15.55-18.561-15.55 3.863v6.318h-1.5v-5.945l-17.705 4.4-.09.021H49.903l.867.873-1.057 1.066-1.61-1.625-1.609 1.624-1.056-1.065L47.047 32l-1.608-1.622 1.056-1.064 1.608 1.62 1.609-1.62 1.057 1.064-.866.872h11.962l17.977-4.467v-.105h.427l16.261-4.04zm-48.355 0L33.49 27.83v6.443h-1.5v-6.07l-18.209 4.525-.089.021H0v-1.5h13.51l34.666-8.612z"
+  d: "M80 40H0V0h80zM1 39h78L55 20 79 1H1z"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2
@@ -16,8 +16,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const ed_networkandsystemprotection_double = { render };
+const ed_pvpanel = { render };
 export {
-  ed_networkandsystemprotection_double as default,
+  ed_pvpanel as default,
   render
 };

package/dist/main.es182.js

@@ -2,13 +2,13 @@ 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: "88",
+  width: "64",
   height: "64",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "m50.929 30.334-.976.98H88v1.374H65.17v8.455h4.623V51.81H59.172v-4.646h-2.879V45.79h2.879v-4.646h4.623v-8.455h-13.84l.976.98-.97.976-1.662-1.67-1.662 1.67-.97-.975L47.328 32l-1.66-1.666.972-.975 1.659 1.666 1.659-1.666zm9.618 12.184v7.917h7.871v-7.917zM33.56 45.789h2.191v1.375h-3.567v-2.708h1.375zm10.958 1.375H38.76V45.79h5.758zm8.766 0h-5.759V45.79h5.76zm-19.724-4h-1.376v-2.708h1.375zm14.99-19.798.167.667-15.158 3.75v6.429h-1.375v-6.088L13.82 32.669l-.08.02H0v-1.375h13.573l34.814-8.615z"
+  d: "M37.481 17.242a.5.5 0 0 1 .687-.172l3.836 2.32a.5.5 0 0 1 .167.687.5.5 0 0 1-.686.172l-2.807-1.697 1.391 5.739 5.102-1.276.1-.015a.5.5 0 0 1 .143.985l-33.97 8.5-.06.015H0v-1h11.26l27.84-6.967-1.392-5.74-1.71 2.83a.5.5 0 0 1-.685.17.5.5 0 0 1-.168-.687zM64.001 32.5H45.047a.5.5 0 1 1 0-1H64zM37.527 13.956l1.77-.442a.496.496 0 0 1 .604.364c.066.268-.099.54-.367.607l-4.365 1.093a.497.497 0 0 1-.604-.365.505.505 0 0 1 .368-.607l1.624-.408-1.595-6.577.97-.243z"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2
@@ -16,8 +16,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const ed_networkandsystemprotection_single = { render };
+const ed_rcd = { render };
 export {
-  ed_networkandsystemprotection_single as default,
+  ed_rcd as default,
   render
 };