@eturnity/eturnity_reusable_components 8.31.1 → 8.31.2

package/dist/main.es190.js

@@ -2,13 +2,14 @@ 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: "16",
-  fill: "none"
+  width: "64",
+  height: "64",
+  fill: "none",
+  viewBox: "0 -0.5 64 64"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  stroke: "#000",
-  d: "m2.107 13.26.848-2.545a.5.5 0 0 1 .121-.195l8.46-8.46a.5.5 0 0 1 .706 0l1.697 1.698a.5.5 0 0 1 0 .707L5.48 12.924a.5.5 0 0 1-.195.12l-2.546.85a.5.5 0 0 1-.632-.633Z"
+  fill: "#000",
+  d: "M38.25 20.5c5.96 0 10.836 4.638 11.223 10.5H64v1H49.494c-.133 6.096-5.116 11-11.244 11-2.422 0-4.664-.77-6.5-2.072A11.2 11.2 0 0 1 25.25 43c-6.128 0-11.111-4.904-11.244-11H0v-1h14.027c.387-5.862 5.264-10.5 11.223-10.5 2.422 0 4.664.768 6.5 2.071a11.2 11.2 0 0 1 6.5-2.071m-13 1C19.591 21.5 15 26.091 15 31.75S19.591 42 25.25 42c2.099 0 4.05-.633 5.675-1.717A11.22 11.22 0 0 1 27 31.75c0-3.413 1.523-6.47 3.925-8.534A10.2 10.2 0 0 0 25.25 21.5m13 0a10.2 10.2 0 0 0-5.676 1.716A11.22 11.22 0 0 1 36.5 31.75c0 3.413-1.524 6.47-3.926 8.533A10.2 10.2 0 0 0 38.25 42c5.659 0 10.25-4.591 10.25-10.25S43.909 21.5 38.25 21.5m-6.5 2.325A10.23 10.23 0 0 0 28 31.75a10.23 10.23 0 0 0 3.75 7.924 10.23 10.23 0 0 0 3.75-7.924 10.23 10.23 0 0 0-3.75-7.925"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2
@@ -16,8 +17,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const edit = { render };
+const ed_transformer = { render };
 export {
-  edit as default,
+  ed_transformer as default,
   render
 };

package/dist/main.es191.js

@@ -7,8 +7,8 @@ const _hoisted_1 = {
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#B2B9C5",
-  d: "M27 16.325 16.675 26.563 13 27l.438-3.675L23.675 13z"
+  stroke: "#000",
+  d: "m2.107 13.26.848-2.545a.5.5 0 0 1 .121-.195l8.46-8.46a.5.5 0 0 1 .706 0l1.697 1.698a.5.5 0 0 1 0 .707L5.48 12.924a.5.5 0 0 1-.195.12l-2.546.85a.5.5 0 0 1-.632-.633Z"
 }, 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 edit_button = { render };
+const edit = { render };
 export {
-  edit_button as default,
+  edit as default,
   render
 };

package/dist/main.es192.js

@@ -7,9 +7,8 @@ const _hoisted_1 = {
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  stroke: "#0f0",
-  d: "m2.107 13.26.848-2.545a.5.5 0 0 1 .121-.195l8.46-8.46a.5.5 0 0 1 .706 0l1.697 1.698a.5.5 0 0 1 0 .707L5.48 12.924a.5.5 0 0 1-.195.12l-2.546.85a.5.5 0 0 1-.632-.633Z",
-  class: "isStrokePath"
+  fill: "#B2B9C5",
+  d: "M27 16.325 16.675 26.563 13 27l.438-3.675L23.675 13z"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2
@@ -17,8 +16,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const edit_stroke = { render };
+const edit_button = { render };
 export {
-  edit_stroke as default,
+  edit_button as default,
   render
 };

package/dist/main.es193.js

@@ -2,13 +2,14 @@ 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: "7",
+  width: "16",
+  height: "16",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
-  d: "M.304 6V.4h3.448v.848h-2.52v1.488h2.224v.832H1.232v1.584h2.544V6zM4.383 6V.4h3.48v.848H5.31v1.568h2.184v.848H5.31V6zM9.981 6.096q-.44 0-.808-.104a2.125 2.125 0 0 1-1.096-.696 1.5 1.5 0 0 1-.248-.48l.912-.28q.104.295.408.52t.752.232q.52 0 .824-.216a.67.67 0 0 0 .304-.568.63.63 0 0 0-.256-.52q-.255-.208-.688-.32l-.688-.176a2.6 2.6 0 0 1-.712-.304 1.54 1.54 0 0 1-.496-.504 1.4 1.4 0 0 1-.176-.72q0-.784.512-1.216.512-.44 1.464-.44.536 0 .936.168.408.16.672.448.264.28.392.64l-.896.288a1.1 1.1 0 0 0-.416-.528q-.295-.208-.736-.208-.456 0-.72.216-.255.216-.256.6 0 .312.2.488.208.168.56.256l.688.168q.752.184 1.168.632.416.449.416.992 0 .48-.232.848a1.54 1.54 0 0 1-.688.576q-.448.208-1.096.208"
+  stroke: "#0f0",
+  d: "m2.107 13.26.848-2.545a.5.5 0 0 1 .121-.195l8.46-8.46a.5.5 0 0 1 .706 0l1.697 1.698a.5.5 0 0 1 0 .707L5.48 12.924a.5.5 0 0 1-.195.12l-2.546.85a.5.5 0 0 1-.632-.633Z",
+  class: "isStrokePath"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2
@@ -16,8 +17,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const efs = { render };
+const edit_stroke = { render };
 export {
-  efs as default,
+  edit_stroke as default,
   render
 };

package/dist/main.es194.js

@@ -2,15 +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: "10",
-  height: "18",
+  width: "12",
+  height: "7",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#263238",
-  "fill-rule": "evenodd",
-  d: "M9.367 9.334A.2.2 0 0 0 9.218 9h-3.05L8.299.785c.052-.202-.201-.339-.342-.184L.634 8.666A.2.2 0 0 0 .782 9h3.05l-2.13 8.215c-.053.202.2.34.341.184z",
-  "clip-rule": "evenodd"
+  d: "M.304 6V.4h3.448v.848h-2.52v1.488h2.224v.832H1.232v1.584h2.544V6zM4.383 6V.4h3.48v.848H5.31v1.568h2.184v.848H5.31V6zM9.981 6.096q-.44 0-.808-.104a2.125 2.125 0 0 1-1.096-.696 1.5 1.5 0 0 1-.248-.48l.912-.28q.104.295.408.52t.752.232q.52 0 .824-.216a.67.67 0 0 0 .304-.568.63.63 0 0 0-.256-.52q-.255-.208-.688-.32l-.688-.176a2.6 2.6 0 0 1-.712-.304 1.54 1.54 0 0 1-.496-.504 1.4 1.4 0 0 1-.176-.72q0-.784.512-1.216.512-.44 1.464-.44.536 0 .936.168.408.16.672.448.264.28.392.64l-.896.288a1.1 1.1 0 0 0-.416-.528q-.295-.208-.736-.208-.456 0-.72.216-.255.216-.256.6 0 .312.2.488.208.168.56.256l.688.168q.752.184 1.168.632.416.449.416.992 0 .48-.232.848a1.54 1.54 0 0 1-.688.576q-.448.208-1.096.208"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2
@@ -18,8 +16,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const electricity_tariff = { render };
+const efs = { render };
 export {
-  electricity_tariff as default,
+  efs as default,
   render
 };

package/dist/main.es195.js

@@ -2,13 +2,15 @@ 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: "13",
+  width: "10",
+  height: "18",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#263238",
-  d: "M25.353 14.647H14.647c-.906 0-1.647.741-1.647 1.647v7.412c0 .906.741 1.647 1.647 1.647h10.706c.906 0 1.647-.741 1.647-1.647v-7.412c0-.906-.741-1.647-1.647-1.647m0 3.022L20 20.412l-5.353-2.743v-1.375L20 19.036l5.353-2.742z"
+  "fill-rule": "evenodd",
+  d: "M9.367 9.334A.2.2 0 0 0 9.218 9h-3.05L8.299.785c.052-.202-.201-.339-.342-.184L.634 8.666A.2.2 0 0 0 .782 9h3.05l-2.13 8.215c-.053.202.2.34.341.184z",
+  "clip-rule": "evenodd"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2
@@ -16,8 +18,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const email = { render };
+const electricity_tariff = { render };
 export {
-  email as default,
+  electricity_tariff as default,
   render
 };

package/dist/main.es196.js

@@ -2,15 +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: "13",
-  height: "14",
+  width: "16",
+  height: "13",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#263238",
-  "fill-rule": "evenodd",
-  d: "M10 1a.5.5 0 0 0-1 0v2a1 1 0 0 0-1 1v1.5a2.5 2.5 0 0 0 2 2.45v2.967a2.083 2.083 0 1 1-4.167 0V6.5a4.5 4.5 0 0 0-4.5-4.5H.5a.5.5 0 0 0 0 1h.833a3.5 3.5 0 0 1 3.5 3.5v4.417a3.083 3.083 0 0 0 6.167 0V7.95a2.5 2.5 0 0 0 2-2.45V4a1 1 0 0 0-1-1V1a.5.5 0 0 0-1 0v2h-1zm2 4.5a1.5 1.5 0 0 1-3 0V4h3z",
-  "clip-rule": "evenodd"
+  d: "M25.353 14.647H14.647c-.906 0-1.647.741-1.647 1.647v7.412c0 .906.741 1.647 1.647 1.647h10.706c.906 0 1.647-.741 1.647-1.647v-7.412c0-.906-.741-1.647-1.647-1.647m0 3.022L20 20.412l-5.353-2.743v-1.375L20 19.036l5.353-2.742z"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2
@@ -18,8 +16,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const ems1 = { render };
+const email = { render };
 export {
-  ems1 as default,
+  email as default,
   render
 };

package/dist/main.es197.js

@@ -2,14 +2,14 @@ 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",
+  width: "13",
   height: "14",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#263238",
   "fill-rule": "evenodd",
-  d: "M5.732 1.264a.5.5 0 0 1 .536 0l4.5 2.863A.5.5 0 0 1 11 4.55V13.5a.5.5 0 1 0 1 0V4.55a1.5 1.5 0 0 0-.695-1.266L6.805.42a1.5 1.5 0 0 0-1.61 0l-4.5 2.864A1.5 1.5 0 0 0 0 4.549V13.5a.5.5 0 1 0 1 0V4.55a.5.5 0 0 1 .232-.423zm.742 2.894a.5.5 0 1 0-.948-.316L4.113 8.08A.7.7 0 0 0 4.777 9h2.03l-1.281 3.842a.5.5 0 0 0 .948.316l1.413-4.236A.7.7 0 0 0 7.223 8h-2.03z",
+  d: "M10 1a.5.5 0 0 0-1 0v2a1 1 0 0 0-1 1v1.5a2.5 2.5 0 0 0 2 2.45v2.967a2.083 2.083 0 1 1-4.167 0V6.5a4.5 4.5 0 0 0-4.5-4.5H.5a.5.5 0 0 0 0 1h.833a3.5 3.5 0 0 1 3.5 3.5v4.417a3.083 3.083 0 0 0 6.167 0V7.95a2.5 2.5 0 0 0 2-2.45V4a1 1 0 0 0-1-1V1a.5.5 0 0 0-1 0v2h-1zm2 4.5a1.5 1.5 0 0 1-3 0V4h3z",
   "clip-rule": "evenodd"
 }, null, -1);
 const _hoisted_3 = [
@@ -18,8 +18,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const ems = { render };
+const ems1 = { render };
 export {
-  ems as default,
+  ems1 as default,
   render
 };

package/dist/main.es198.js

@@ -7,22 +7,19 @@ const _hoisted_1 = {
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#B2B9C5",
-  d: "M23.411 14.06h1.706V26H23.41zM14.883 15.194 16.077 14l5.97 5.97-1.194 1.194z"
+  fill: "#263238",
+  "fill-rule": "evenodd",
+  d: "M5.732 1.264a.5.5 0 0 1 .536 0l4.5 2.863A.5.5 0 0 1 11 4.55V13.5a.5.5 0 1 0 1 0V4.55a1.5 1.5 0 0 0-.695-1.266L6.805.42a1.5 1.5 0 0 0-1.61 0l-4.5 2.864A1.5 1.5 0 0 0 0 4.549V13.5a.5.5 0 1 0 1 0V4.55a.5.5 0 0 1 .232-.423zm.742 2.894a.5.5 0 1 0-.948-.316L4.113 8.08A.7.7 0 0 0 4.777 9h2.03l-1.281 3.842a.5.5 0 0 0 .948.316l1.413-4.236A.7.7 0 0 0 7.223 8h-2.03z",
+  "clip-rule": "evenodd"
 }, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#B2B9C5",
-  d: "m16.077 25.94-1.194-1.195 5.97-5.97 1.194 1.195z"
-}, 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 end_of_the_list = { render };
+const ems = { render };
 export {
-  end_of_the_list as default,
+  ems as default,
   render
 };

package/dist/main.es199.js

@@ -2,24 +2,27 @@ 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: "14",
-  height: "15",
+  width: "12",
+  height: "14",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#000",
-  "fill-rule": "evenodd",
-  d: "M12.307 11.565a.496.496 0 0 1-.729.014.563.563 0 0 1-.016-.759 5.95 5.95 0 1 0-9.124 0 .563.563 0 0 1-.017.758.496.496 0 0 1-.728-.013 7 7 0 1 1 10.614 0M7.5 5h1v1h-1zm-1 0h-1v1h1zm3 1V5h1v1zm-5-1h-1v1h1zm-2 0a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1zm4.974 3.658a.5.5 0 1 0-.948-.316l-.913 2.737a.7.7 0 0 0 .664.921h1.03l-.781 2.342a.5.5 0 1 0 .948.316l.913-2.737A.7.7 0 0 0 7.723 11h-1.03z",
-  "clip-rule": "evenodd"
+  fill: "#B2B9C5",
+  d: "M23.411 14.06h1.706V26H23.41zM14.883 15.194 16.077 14l5.97 5.97-1.194 1.194z"
 }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#B2B9C5",
+  d: "m16.077 25.94-1.194-1.195 5.97-5.97 1.194 1.195z"
+}, 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 energy_meter = { render };
+const end_of_the_list = { render };
 export {
-  energy_meter as default,
+  end_of_the_list as default,
   render
 };

package/dist/main.es20.js

@@ -1,229 +1,102 @@
 import styled from "./main.es7.js";
+import RCCaret from "./main.es377.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.es200.js

@@ -2,28 +2,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: "16",
-  height: "16",
+  width: "14",
+  height: "15",
   fill: "none"
 };
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("circle", {
-  cx: "20",
-  cy: "20",
-  r: "7"
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#000",
+  "fill-rule": "evenodd",
+  d: "M12.307 11.565a.496.496 0 0 1-.729.014.563.563 0 0 1-.016-.759 5.95 5.95 0 1 0-9.124 0 .563.563 0 0 1-.017.758.496.496 0 0 1-.728-.013 7 7 0 1 1 10.614 0M7.5 5h1v1h-1zm-1 0h-1v1h1zm3 1V5h1v1zm-5-1h-1v1h1zm-2 0a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1zm4.974 3.658a.5.5 0 1 0-.948-.316l-.913 2.737a.7.7 0 0 0 .664.921h1.03l-.781 2.342a.5.5 0 1 0 .948.316l.913-2.737A.7.7 0 0 0 7.723 11h-1.03z",
+  "clip-rule": "evenodd"
 }, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#FF5656",
-  d: "M24.96 15.04c-2.722-2.72-7.198-2.72-9.92 0-2.72 2.722-2.72 7.198 0 9.92 2.722 2.72 7.198 2.72 9.92 0 2.72-2.722 2.72-7.11 0-9.92m-1.317 7.462-1.23 1.228-2.457-2.457-2.458 2.457-1.228-1.228 2.457-2.458-2.457-2.458 1.228-1.229 2.458 2.458 2.458-2.458 1.229 1.23-2.458 2.457z"
-}, 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 erase = { render };
+const energy_meter = { render };
 export {
-  erase as default,
+  energy_meter as default,
   render
 };