@eturnity/eturnity_reusable_components 8.31.6-EPDM-13620.1 → 8.34.0-EPDM-13618.2

package/dist/main.es180.js

@@ -8,7 +8,7 @@ const _hoisted_1 = {
 };
 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: "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_meter_arrowleft = { render };
+const ed_meter_arrowright = { render };
 export {
-  ed_meter_arrowleft as default,
+  ed_meter_arrowright as default,
   render
 };

package/dist/main.es181.js

@@ -8,7 +8,7 @@ const _hoisted_1 = {
 };
 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: "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_meter_arrowright = { render };
+const ed_meter_bidirectional = { render };
 export {
-  ed_meter_arrowright as default,
+  ed_meter_bidirectional 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: "64",
-  height: "98",
+  width: "136",
+  height: "64",
   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: "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_bidirectional = { render };
+const ed_networkandsystemprotection_double = { render };
 export {
-  ed_meter_bidirectional as default,
+  ed_networkandsystemprotection_double as default,
   render
 };

package/dist/main.es183.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",
+  width: "88",
   height: "64",
   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: "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_networkandsystemprotection_double = { render };
+const ed_networkandsystemprotection_single = { render };
 export {
-  ed_networkandsystemprotection_double as default,
+  ed_networkandsystemprotection_single as default,
   render
 };

package/dist/main.es184.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",
-  height: "64",
+  width: "80",
+  height: "40",
   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: "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_networkandsystemprotection_single = { render };
+const ed_pvpanel__Stroke_ = { render };
 export {
-  ed_networkandsystemprotection_single as default,
+  ed_pvpanel__Stroke_ as default,
   render
 };

package/dist/main.es185.js

@@ -8,7 +8,7 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "M80 0v40H0V0zM.213 39.787h79.574V.213H.213zm79.398-39L55.343 20 79.61 39.213H.787V.787zM79 39 55 20 79 1H1v38z"
+  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_pvpanel__Stroke_ = { render };
+const ed_pvpanel = { render };
 export {
-  ed_pvpanel__Stroke_ as default,
+  ed_pvpanel as default,
   render
 };

package/dist/main.es186.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: "80",
-  height: "40",
+  width: "64",
+  height: "64",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "M80 40H0V0h80zM1 39h78L55 20 79 1H1z"
+  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_pvpanel = { render };
+const ed_rcd = { render };
 export {
-  ed_pvpanel as default,
+  ed_rcd as default,
   render
 };

package/dist/main.es187.js

@@ -8,7 +8,7 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  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"
+  d: "M43 31.5h21v1H43V38H21v-5.5H0v-1h21V26h22zM22 37h20V27H22zm9.816-7.696q.504 0 .968.184.465.176.832.504.368.32.569.744l-.584.296a1.8 1.8 0 0 0-.44-.584 2.1 2.1 0 0 0-.625-.384 1.85 1.85 0 0 0-.72-.144q-.584 0-1.047.296-.465.287-.729.8-.256.512-.256 1.184t.265 1.192q.264.52.727.816.473.288 1.065.288.384 0 .727-.152.345-.16.617-.432.279-.272.439-.624l.593.296q-.209.44-.576.784-.36.344-.832.536-.465.192-.968.192-.801 0-1.416-.368a2.67 2.67 0 0 1-.969-1.024q-.352-.656-.351-1.504 0-.848.343-1.496.352-.656.96-1.024.615-.376 1.408-.376m-5.52.096q.545 0 .96.216.425.216.657.6.24.385.24.88t-.256.88a1.8 1.8 0 0 1-.89.689L28.378 35h-.744l-1.292-2.207q-.066.005-.132.007h-1.057V35h-.68v-5.6zm10.654 0q.792 0 1.392.36.608.352.952.984.344.633.344 1.456 0 .816-.344 1.448-.345.633-.952.992-.6.36-1.392.36h-1.704v-5.6zm-1.024 4.976h1.024q.424 0 .784-.16.36-.169.632-.472.28-.305.432-.696.16-.4.16-.848t-.16-.84a2.2 2.2 0 0 0-.432-.704 1.85 1.85 0 0 0-.632-.464 1.8 1.8 0 0 0-.784-.168h-1.024zm-10.774-2.2h1.24q.304 0 .544-.136.24-.144.384-.384.153-.248.153-.56a.99.99 0 0 0-.336-.776q-.329-.304-.857-.304h-1.128z"
 }, 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_rcd = { render };
+const ed_rcd_simple = { render };
 export {
-  ed_rcd as default,
+  ed_rcd_simple as default,
   render
 };

package/dist/main.es188.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: "32",
+  height: "24",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "M43 31.5h21v1H43V38H21v-5.5H0v-1h21V26h22zM22 37h20V27H22zm9.816-7.696q.504 0 .968.184.465.176.832.504.368.32.569.744l-.584.296a1.8 1.8 0 0 0-.44-.584 2.1 2.1 0 0 0-.625-.384 1.85 1.85 0 0 0-.72-.144q-.584 0-1.047.296-.465.287-.729.8-.256.512-.256 1.184t.265 1.192q.264.52.727.816.473.288 1.065.288.384 0 .727-.152.345-.16.617-.432.279-.272.439-.624l.593.296q-.209.44-.576.784-.36.344-.832.536-.465.192-.968.192-.801 0-1.416-.368a2.67 2.67 0 0 1-.969-1.024q-.352-.656-.351-1.504 0-.848.343-1.496.352-.656.96-1.024.615-.376 1.408-.376m-5.52.096q.545 0 .96.216.425.216.657.6.24.385.24.88t-.256.88a1.8 1.8 0 0 1-.89.689L28.378 35h-.744l-1.292-2.207q-.066.005-.132.007h-1.057V35h-.68v-5.6zm10.654 0q.792 0 1.392.36.608.352.952.984.344.633.344 1.456 0 .816-.344 1.448-.345.633-.952.992-.6.36-1.392.36h-1.704v-5.6zm-1.024 4.976h1.024q.424 0 .784-.16.36-.169.632-.472.28-.305.432-.696.16-.4.16-.848t-.16-.84a2.2 2.2 0 0 0-.432-.704 1.85 1.85 0 0 0-.632-.464 1.8 1.8 0 0 0-.784-.168h-1.024zm-10.774-2.2h1.24q.304 0 .544-.136.24-.144.384-.384.153-.248.153-.56a.99.99 0 0 0-.336-.776q-.329-.304-.857-.304h-1.128z"
+  d: "M22.57 9.962C23.478 5.417 27.355 2 32 2v1.042c-4.764 0-8.626 4.01-8.627 8.958 0 4.947 3.863 8.958 8.627 8.958V22l-.495-.013c-4.426-.233-8.062-3.57-8.934-7.956V22h-1.003v-9.48H0V11.48h21.568V2h1.003z"
 }, 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_rcd_simple = { render };
+const ed_socket = { render };
 export {
-  ed_rcd_simple as default,
+  ed_socket as default,
   render
 };

package/dist/main.es189.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: "32",
-  height: "24",
+  width: "64",
+  height: "64",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "M22.57 9.962C23.478 5.417 27.355 2 32 2v1.042c-4.764 0-8.626 4.01-8.627 8.958 0 4.947 3.863 8.958 8.627 8.958V22l-.495-.013c-4.426-.233-8.062-3.57-8.934-7.956V22h-1.003v-9.48H0V11.48h21.568V2h1.003z"
+  d: "M34.07 62.762a.5.5 0 0 1 0 .98l-.1.01H30.03a.5.5 0 0 1 0-1h3.939zm1.97-3.969a.5.5 0 0 1 0 .98l-.1.01h-7.877a.5.5 0 0 1 0-1h7.877zm-3.54-3.978h7.377l.1.01a.5.5 0 0 1 0 .98l-.1.01H24.123a.5.5 0 0 1 0-1H31.5V43.159h1zm-.008-43.905h7.877v32.248H23.631V10.91h7.874L31.5.001 32.492 0zM32 30.757l-4.43-12.9h3.939l-.003-5.947H24.63v30.248h14.738V11.91h-6.877v5.947h3.938z"
 }, 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_socket = { render };
+const ed_spd = { render };
 export {
-  ed_socket as default,
+  ed_spd as default,
   render
 };

package/dist/main.es19.js

@@ -1,229 +1,102 @@
 import styled from "./main.es7.js";
+import RCCaret from "./main.es382.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.es16.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;
+import { resolveComponent, openBlock, createBlock, withCtx, createVNode, renderSlot, createTextVNode, withDirectives } from "./main.es6.js";
+import { vShow } from "./main.es5.js";
+import { normalizeClass } from "./main.es24.js";
+const wrapperAttrs = {
+  width: String
+};
+const Wrapper = styled("div", wrapperAttrs)`
     display: flex;
-    justify-content: center
-    width: 0px;
-    color:${(props) => props.theme.colors.black};
-    item-align: center;
+    flex-direction: column;
 
+    width: ${({
+  width
+}) => width};
+    position: relative;
+    border-bottom: 1px solid ${(props) => props.theme.semanticColors.grey[400]};
   `;
-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;
+const WrapperContent = styled("div")`
+    diplay: flex;
     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 WrapperHead = styled("div", wrapperAttrs)`
+    display: flex;
+    width: 100%;
+    align-content: space-between;
+    justify-content: space-between;
+    align-items: center;
+    cursor: pointer;
   `;
 const _sfc_main = {
-  name: "ProgressBar",
+  name: "DropdownComponent",
   components: {
-    Container,
-    MainLineHighlight,
-    Arrow,
-    TopValueContainer,
-    BottomValueContainer,
-    MainLine,
-    VerticalMarker,
-    VerticalMarkerArrow,
-    TextWrapper
+    WrapperHead,
+    WrapperContent,
+    Wrapper,
+    RCCaret
   },
   props: {
-    minValue: {
-      required: true,
-      type: Number
-    },
-    maxValue: {
-      required: true,
-      type: Number
-    },
-    value: {
-      required: true,
-      type: Number
-    },
-    arrowColor: {
-      required: false,
-      type: String,
-      default: "white"
-    },
     width: {
+      type: String,
       required: false,
+      default: "100%"
+    },
+    openingMode: {
       type: String,
-      default: null
+      required: false,
+      default: "click"
     }
   },
+  emits: ["on-open", "on-close"],
   data() {
-    return {};
+    return {
+      isOpenByClick: false
+    };
   },
-  computed: {
-    minPercent() {
-      if (this.maxValue === this.minValue) {
-        return 50;
-      } else {
-        return 30;
-      }
-    },
-    maxPercent() {
-      if (this.maxValue === this.minValue) {
-        return 50;
-      } else {
-        return 70;
-      }
+  methods: {
+    toggleOpenByClick() {
+      this.$emit(this.isOpenByClick ? "on-close" : "on-open");
+      this.isOpenByClick = !this.isOpenByClick;
     },
-    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));
+    close() {
+      this.isOpenByClick = false;
     },
-    colorVerticalMarkerArrow() {
-      if (this.value < this.maxValue && this.value > this.minValue) {
-        return "black";
-      } else {
-        return "white";
-      }
+    open() {
+      this.isOpenByClick = true;
     }
   }
 };
 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, {
+  const _component_RCCaret = resolveComponent("RCCaret");
+  const _component_WrapperHead = resolveComponent("WrapperHead");
+  const _component_WrapperContent = resolveComponent("WrapperContent");
+  const _component_Wrapper = resolveComponent("Wrapper");
+  return openBlock(), createBlock(_component_Wrapper, {
+    ref: "accordeon",
     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_WrapperHead, {
+      onClick: $options.toggleOpenByClick
     }, {
-      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(() => [renderSlot(_ctx.$slots, "trigger"), createTextVNode(), createVNode(_component_RCCaret, {
+        "is-down": $data.isOpenByClick
+      }, null, 8, ["is-down"])]),
+      _: 3
+    }, 8, ["onClick"]), createTextVNode(), withDirectives(createVNode(_component_WrapperContent, {
+      class: normalizeClass(["accordion-content", {
+        openAccordion: $data.isOpenByClick && $props.openingMode == "click"
+      }])
     }, {
-      default: withCtx(() => [createVNode(_component_TextWrapper, null, {
-        default: withCtx(() => [createTextVNode(toDisplayString($props.maxValue), 1)]),
-        _: 1
-      }), createTextVNode(), createVNode(_component_VerticalMarker, {
-        side: "bottom"
-      })]),
-      _: 1
-    }, 8, ["position"])]),
-    _: 1
+      default: withCtx(() => [renderSlot(_ctx.$slots, "content")]),
+      _: 3
+    }, 8, ["class"]), [[vShow, $data.isOpenByClick]])]),
+    _: 3
   }, 8, ["width"]);
 }
-const PanelRangeInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const Accordion = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  PanelRangeInfo as default
+  Accordion as default
 };

package/dist/main.es190.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: "296",
+  height: "40",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "M34.07 62.762a.5.5 0 0 1 0 .98l-.1.01H30.03a.5.5 0 0 1 0-1h3.939zm1.97-3.969a.5.5 0 0 1 0 .98l-.1.01h-7.877a.5.5 0 0 1 0-1h7.877zm-3.54-3.978h7.377l.1.01a.5.5 0 0 1 0 .98l-.1.01H24.123a.5.5 0 0 1 0-1H31.5V43.159h1zm-.008-43.905h7.877v32.248H23.631V10.91h7.874L31.5.001 32.492 0zM32 30.757l-4.43-12.9h3.939l-.003-5.947H24.63v30.248h14.738V11.91h-6.877v5.947h3.938z"
+  d: "M120 0v40H0V0zM1 39h78L55 20 79 1H1zm80.708 0H119V1.708zM81 38.294 118.294 1H81zM106.5 35a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm.101-3.49a.5.5 0 0 1 0 .98l-.101.01h-11a.5.5 0 0 1 0-1h11zM86.5 7.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm.1-3.49a.5.5 0 0 1 0 .98l-.1.01h-11a.5.5 0 0 1 0-1h11zM296 0v40H176V0zM177 39h78l-24-19 24-19h-78zm80.708 0H295V1.708zm-.708-.706L294.294 1H257zM282.5 35a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm.101-3.49a.5.5 0 0 1 0 .98l-.101.01h-11a.5.5 0 0 1 0-1h11zM262.5 7.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm.101-3.49a.5.5 0 0 1 0 .98L271.5 5h-11a.5.5 0 0 1 0-1h11zM122 19.5v1h-2v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm6 0v1h-2v-1z"
 }, 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_spd = { render };
+const ed_stringwithoptimizer = { render };
 export {
-  ed_spd as default,
+  ed_stringwithoptimizer as default,
   render
 };

package/dist/main.es191.js

@@ -2,22 +2,32 @@ 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: "296",
+  width: "216",
   height: "40",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "M120 0v40H0V0zM1 39h78L55 20 79 1H1zm80.708 0H119V1.708zM81 38.294 118.294 1H81zM106.5 35a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm.101-3.49a.5.5 0 0 1 0 .98l-.101.01h-11a.5.5 0 0 1 0-1h11zM86.5 7.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm.1-3.49a.5.5 0 0 1 0 .98l-.1.01h-11a.5.5 0 0 1 0-1h11zM296 0v40H176V0zM177 39h78l-24-19 24-19h-78zm80.708 0H295V1.708zm-.708-.706L294.294 1H257zM282.5 35a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm.101-3.49a.5.5 0 0 1 0 .98l-.101.01h-11a.5.5 0 0 1 0-1h11zM262.5 7.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm.101-3.49a.5.5 0 0 1 0 .98L271.5 5h-11a.5.5 0 0 1 0-1h11zM122 19.5v1h-2v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm6 0v1h-2v-1z"
+  d: "M80 40H0V0h80zM1 39h78L55 20 79 1H1z"
 }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#000",
+  d: "M80 0v40H0V0zM.213 39.787h79.574V.213H.213zm79.398-39L55.343 20 79.61 39.213H.787V.787zM79 39 55 20 79 1H1v38zM216 40h-80V0h80zm-79-1h78l-24-19 24-19h-78z"
+}, null, -1);
+const _hoisted_4 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#000",
+  d: "M216 0v40h-80V0zm-79.787 39.787h79.574V.213h-79.574zm79.398-39L191.343 20l24.268 19.213h-78.824V.787zM215 39l-24-19 24-19h-78v38zM82 19.5v1h-2v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm6 0v1h-2v-1z"
+}, null, -1);
+const _hoisted_5 = [
+  _hoisted_2,
+  _hoisted_3,
+  _hoisted_4
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_5);
 }
-const ed_stringwithoptimizer = { render };
+const ed_stringwithoutoptimizer = { render };
 export {
-  ed_stringwithoptimizer as default,
+  ed_stringwithoutoptimizer as default,
   render
 };