@eturnity/eturnity_reusable_components 8.22.12 → 8.22.13

package/dist/main.es160.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: "64",
+  width: "96",
+  height: "96",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "M44.75 31.5H64v1H44.75v3.057h-25V32.5H0v-1h19.75v-3.055h25zm-24 1v2.057h23V32.5zm0-1h23v-2.055h-23z"
+  d: "M96 0v96H0V0zM1 95h94V1H1z"
 }, 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_fuse = { render };
+const ed_flexiblecomponent_square = { render };
 export {
-  ed_fuse as default,
+  ed_flexiblecomponent_square as default,
   render
 };

package/dist/main.es161.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: "64",
+  height: "64",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "M22.152 24.996a.5.5 0 0 1 0 .98l-.1.01h-4.103a.5.5 0 1 1 0-1h4.103zm2.05-4.101a.5.5 0 0 1 0 .98l-.1.01h-8.205a.5.5 0 1 1 0-1h8.205zM20.5 0v16.781h7.705l.1.01a.5.5 0 0 1 0 .98l-.1.01h-16.41a.5.5 0 1 1 0-1H19.5V0z"
+  d: "M44.75 31.5H64v1H44.75v3.057h-25V32.5H0v-1h19.75v-3.055h25zm-24 1v2.057h23V32.5zm0-1h23v-2.055h-23z"
 }, 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_ground = { render };
+const ed_fuse = { render };
 export {
-  ed_ground as default,
+  ed_fuse as default,
   render
 };

package/dist/main.es162.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: "176",
-  height: "64",
+  width: "40",
+  height: "40",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "M32 12c11.047 0 20 8.953 20.001 20 0 11.047-8.954 20-20.001 20.001-11.047 0-20-8.954-20-20.001s8.953-20 20-20M21.588 47.896A18.9 18.9 0 0 0 32 51c6.973 0 13.066-3.756 16.371-9.354zm-1.089-31.021C15.942 20.345 13 25.829 13 32s2.94 11.652 7.496 15.123l28.516-6.654A18.9 18.9 0 0 0 51 32c0-3.045-.718-5.922-1.991-8.473zM32 13c-3.843 0-7.42 1.141-10.41 3.102l26.781 6.25C45.065 16.754 38.972 13 32 13"
+  d: "M22.152 24.996a.5.5 0 0 1 0 .98l-.1.01h-4.103a.5.5 0 1 1 0-1h4.103zm2.05-4.101a.5.5 0 0 1 0 .98l-.1.01h-8.205a.5.5 0 1 1 0-1h8.205zM20.5 0v16.781h7.705l.1.01a.5.5 0 0 1 0 .98l-.1.01h-16.41a.5.5 0 1 1 0-1H19.5V0z"
 }, 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_heatpump = { render };
+const ed_ground = { render };
 export {
-  ed_heatpump as default,
+  ed_ground as default,
   render
 };

package/dist/main.es163.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: "52",
-  height: "40",
+  width: "176",
+  height: "64",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "M52 40H0V0h52zM1 39h50V1H1zM9.718 4.379a.5.5 0 0 1 .5.5v30.244a.5.5 0 0 1-1 0V20.5H3.152v-1h6.066V4.879a.5.5 0 0 1 .5-.5m13.656 0a.5.5 0 0 1 .5.5v30.244a.5.5 0 0 1-1 0V4.879a.5.5 0 0 1 .5-.5m13.655 0a.5.5 0 0 1 .5.5v30.244a.5.5 0 0 1-1 0V4.879a.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-.576a.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-.5z"
+  d: "M32 12c11.047 0 20 8.953 20.001 20 0 11.047-8.954 20-20.001 20.001-11.047 0-20-8.954-20-20.001s8.953-20 20-20M21.588 47.896A18.9 18.9 0 0 0 32 51c6.973 0 13.066-3.756 16.371-9.354zm-1.089-31.021C15.942 20.345 13 25.829 13 32s2.94 11.652 7.496 15.123l28.516-6.654A18.9 18.9 0 0 0 51 32c0-3.045-.718-5.922-1.991-8.473zM32 13c-3.843 0-7.42 1.141-10.41 3.102l26.781 6.25C45.065 16.754 38.972 13 32 13"
 }, 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_battery = { render };
+const ed_heatpump = { render };
 export {
-  ed_icon_battery as default,
+  ed_heatpump as default,
   render
 };

package/dist/main.es164.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",
+  width: "52",
   height: "40",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "M39 20C39 9.507 30.493 1 20 1S1 9.507 1 20s8.507 19 19 19v1C8.954 40 0 31.046 0 20S8.954 0 20 0s20 8.954 20 20-8.954 20-20 20v-1c10.493 0 19-8.507 19-19"
+  d: "M52 40H0V0h52zM1 39h50V1H1zM9.718 4.379a.5.5 0 0 1 .5.5v30.244a.5.5 0 0 1-1 0V20.5H3.152v-1h6.066V4.879a.5.5 0 0 1 .5-.5m13.656 0a.5.5 0 0 1 .5.5v30.244a.5.5 0 0 1-1 0V4.879a.5.5 0 0 1 .5-.5m13.655 0a.5.5 0 0 1 .5.5v30.244a.5.5 0 0 1-1 0V4.879a.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-.576a.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-.5z"
 }, 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_circle = { render };
+const ed_icon_battery = { render };
 export {
-  ed_icon_circle as default,
+  ed_icon_battery as default,
   render
 };

package/dist/main.es165.js

@@ -8,7 +8,7 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "M20 0c11.047 0 20 8.953 20.001 20 0 11.047-8.954 20.001-20.001 20.001S0 31.047 0 20 8.953 0 20 0M9.588 35.896A18.9 18.9 0 0 0 20 39c6.973 0 13.067-3.756 16.372-9.354zM8.499 4.874C3.942 8.345 1 13.829 1 20s2.941 11.652 7.497 15.123l28.515-6.654A18.9 18.9 0 0 0 39 20c0-3.045-.718-5.922-1.991-8.473zM20 1c-3.843 0-7.42 1.141-10.41 3.103l26.781 6.249C33.065 4.754 26.972 1 20 1"
+  d: "M39 20C39 9.507 30.493 1 20 1S1 9.507 1 20s8.507 19 19 19v1C8.954 40 0 31.046 0 20S8.954 0 20 0s20 8.954 20 20-8.954 20-20 20v-1c10.493 0 19-8.507 19-19"
 }, 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_heatpump = { render };
+const ed_icon_circle = { render };
 export {
-  ed_icon_heatpump as default,
+  ed_icon_circle as default,
   render
 };

package/dist/main.es166.js

@@ -8,23 +8,16 @@ const _hoisted_1 = {
 };
 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: "M20 0c11.047 0 20 8.953 20.001 20 0 11.047-8.954 20.001-20.001 20.001S0 31.047 0 20 8.953 0 20 0M9.588 35.896A18.9 18.9 0 0 0 20 39c6.973 0 13.067-3.756 16.372-9.354zM8.499 4.874C3.942 8.345 1 13.829 1 20s2.941 11.652 7.497 15.123l28.515-6.654A18.9 18.9 0 0 0 39 20c0-3.045-.718-5.922-1.991-8.473zM20 1c-3.843 0-7.42 1.141-10.41 3.103l26.781 6.249C33.065 4.754 26.972 1 20 1"
 }, 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_inverter = { render };
+const ed_icon_heatpump = { render };
 export {
-  ed_icon_inverter as default,
+  ed_icon_heatpump as default,
   render
 };

package/dist/main.es167.js

@@ -8,16 +8,23 @@ const _hoisted_1 = {
 };
 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: "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"
 }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
+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
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
 }
-const ed_icon_m = { render };
+const ed_icon_inverter = { render };
 export {
-  ed_icon_m as default,
+  ed_icon_inverter as default,
   render
 };

package/dist/main.es168.js

@@ -8,23 +8,16 @@ const _hoisted_1 = {
 };
 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: "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"
 }, 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_icon_m = { render };
 export {
-  ed_icon_optimizer as default,
+  ed_icon_m as default,
   render
 };

package/dist/main.es169.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: "82",
-  height: "82",
+  width: "40",
+  height: "40",
   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: "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"
 }, 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",
+  d: "M40 40H0V0h40zM1.708 39H39V1.708zM1 38.294 38.294 1H1z",
   "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_optimizer_path = { render };
+const ed_icon_optimizer = { render };
 export {
-  ed_icon_optimizer_path as default,
+  ed_icon_optimizer as default,
   render
 };

package/dist/main.es17.js

@@ -1,26 +1,229 @@
-import { isProxyAvailable, getTarget, getDevtoolsGlobalHook } from "./main.es373.js";
-import { HOOK_SETUP } from "./main.es374.js";
-import { ApiProxy } from "./main.es375.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.es21.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.es170.js

@@ -2,22 +2,29 @@ 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: "82",
+  height: "82",
   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: "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 = [
-  _hoisted_2
+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
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
 }
-const ed_integratedbatteryinverter = { render };
+const ed_icon_optimizer_path = { render };
 export {
-  ed_integratedbatteryinverter as default,
+  ed_icon_optimizer_path as default,
   render
 };

package/dist/main.es171.js

@@ -3,12 +3,12 @@ import { openBlock, createElementBlock, createElementVNode as createBaseVNode }
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "96",
-  height: "96",
+  height: "191",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "M96 96H0V0h96zM1.706 95H95V1.706zM1 94.292 94.292 1H1z"
+  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_inverterBlank = { render };
+const ed_integratedbatteryinverter = { render };
 export {
-  ed_inverterBlank as default,
+  ed_integratedbatteryinverter as default,
   render
 };

package/dist/main.es172.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: "96",
+  height: "96",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "M64 98H0V0h64zM1 49.5V97h62V49.5zm0-1h62V1H1z"
+  d: "M96 96H0V0h96zM1.706 95H95V1.706zM1 94.292 94.292 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_mainsconnection = { render };
+const ed_inverterBlank = { render };
 export {
-  ed_mainsconnection as default,
+  ed_inverterBlank as default,
   render
 };