@eturnity/eturnity_reusable_components 8.22.4 → 8.22.6

package/dist/main.es234.js

@@ -2,27 +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: "32",
-  height: "42",
+  width: "14",
+  height: "12",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#FDB813",
-  d: "M26 40.5H4c-2.2 0-4-1.8-4-4v-32c0-2.2 1.8-4 4-4h22c2.2 0 4 1.8 4 4v32c0 2.2-1.8 4-4 4"
+  fill: "#263238",
+  "fill-rule": "evenodd",
+  d: "M6.346 10.728c-.178.303-.485.672-.971.672-.483 0-.79-.364-.97-.666-.193-.326-.346-.76-.477-1.232-.26-.944-.467-2.19-.668-3.399l-.003-.021c-.205-1.235-.404-2.43-.65-3.318-.123-.446-.248-.778-.373-.988A.6.6 0 0 0 2.1 1.6c-.115.011-.28.104-.469.475-.194.383-.336.924-.435 1.507a15 15 0 0 0-.171 1.595A17 17 0 0 0 1 5.852V5.9a.5.5 0 0 1-1 0v-.06l.003-.158c.004-.136.01-.329.023-.56.026-.46.078-1.08.184-1.705C.314 2.8.477 2.14.74 1.624.994 1.124 1.428.6 2.125.6c.483 0 .79.364.97.666.193.326.346.76.477 1.232.26.944.467 2.19.668 3.399l.003.021c.205 1.235.404 2.43.65 3.318.123.446.248.778.373.988.047.08.083.125.108.151a1 1 0 0 0 .11-.153c.124-.213.25-.55.374-1 .245-.898.444-2.106.649-3.353l.003-.021c.2-1.222.407-2.48.668-3.433.13-.476.284-.914.476-1.242C7.832.869 8.14.5 8.625.5c.488 0 .795.374.972.679.192.33.345.772.476 1.253.26.962.466 2.232.667 3.467l.003.02c.205 1.26.404 2.48.65 3.388q.186.686.375 1.012a.7.7 0 0 0 .135.18c.155-.01.313-.102.481-.372.183-.29.32-.71.418-1.175A10.7 10.7 0 0 0 13 7.146v-.029L13 7.11a.5.5 0 0 1 1 .003v.05a10 10 0 0 1-.029.592c-.027.378-.081.888-.19 1.404-.107.507-.275 1.06-.549 1.498-.276.443-.715.843-1.357.843-.488 0-.795-.374-.972-.679-.192-.33-.345-.772-.476-1.253-.26-.962-.467-2.232-.667-3.467l-.004-.02c-.204-1.26-.403-2.48-.649-3.388-.123-.456-.25-.796-.375-1.012a1 1 0 0 0-.108-.154 1 1 0 0 0-.107.151c-.125.213-.251.55-.375 1-.245.898-.444 2.106-.649 3.353l-.003.021c-.2 1.222-.407 2.48-.668 3.433-.13.476-.284.914-.476 1.242",
+  "clip-rule": "evenodd"
 }, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#fff",
-  d: "M3 8.5v-4c0-.5.5-1 1-1h22c.5 0 1 .5 1 1v4c0 .6-.5 1-1 1H4c-.6 0-1-.4-1-1M15 29.6a4 4 0 1 0 0-8 4 4 0 0 0 0 8M15 19.6c-.6 0-1-.4-1-1v-2.1c0-.5.4-1 1-1 .5 0 1 .4 1 1v2.1c0 .6-.4 1-1 1M15 35.6c-.6 0-1-.4-1-1v-2.1c0-.5.4-1 1-1 .5 0 1 .4 1 1v2.1c0 .6-.4 1-1 1M21 25.6c0-.6.4-1 1-1h2c.5 0 1 .4 1 1v.1c0 .5-.4 1-1 1h-2c-.6-.1-1-.5-1-1.1M5 25.6c0-.6.4-1 1-1h2c.5 0 1 .4 1 1v.1c0 .5-.4 1-1 1H6c-.6-.1-1-.5-1-1.1M10.8 21.3c-.4.4-1 .4-1.4.1l-1.5-1.5c-.4-.4-.4-1 0-1.4H8c.4-.4 1-.4 1.4 0l1.5 1.5c.3.3.3.9-.1 1.3M22.1 32.6c-.4.4-1 .4-1.4.1l-1.5-1.5c-.4-.4-.4-1 0-1.4l.1-.1c.4-.4 1-.4 1.4 0l1.5 1.5c.3.4.3 1.1-.1 1.4M19.3 21.4c-.4-.4-.4-1-.1-1.4l1.5-1.5c.4-.4 1-.4 1.4 0l.1.1c.4.4.4 1 0 1.4l-1.5 1.5c-.4.2-1.1.2-1.4-.1M8 32.7c-.4-.4-.4-1-.1-1.4l1.5-1.5c.4-.4 1-.4 1.4 0l.1.1c.4.4.4 1 0 1.4l-1.5 1.5c-.5.3-1.1.3-1.4-.1"
-}, 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 solar_calc = { render };
+const inverter = { render };
 export {
-  solar_calc as default,
+  inverter as default,
   render
 };

package/dist/main.es235.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: "12",
-  height: "14",
+  width: "10",
+  height: "12",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
-  d: "m20 14 5 5H15zM20 26l-5-5h10z"
+  fill: "#505CA6",
+  d: "M20.274 22.706q.036-.117.067-.237c0-.013.352-1.364.726-2.774.645-2.424.801-2.912.834-2.987.127-.254.338-.456.597-.571.29-.132.6-.211.917-.234a.42.42 0 0 0 .284-.166.5.5 0 0 0 .107-.304.43.43 0 0 0-.436-.433h-4.903a.434.434 0 0 0-.432.432v.015a.43.43 0 0 0 .362.427c.33.04.653.124.961.25a.96.96 0 0 1 .353.262c.09.113.138.255.135.4-.015.296-.071.588-.167.867q-.027.09-.052.183c-.106.377-.262.949-.442 1.612-.417 1.525-.933 3.423-1.062 3.784-.083.243-.417.82-1.53.905a.433.433 0 0 0-.398.43.434.434 0 0 0 .431.433h4.905a.432.432 0 0 0 .052-.86l-.127-.016c-.43-.049-.965-.111-1.191-.404a.7.7 0 0 1-.104-.545q.04-.239.113-.47"
 }, 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 sorting = { render };
+const italic = { render };
 export {
-  sorting as default,
+  italic as default,
   render
 };

package/dist/main.es236.js

@@ -2,21 +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: "838",
-  height: "833"
+  width: "9",
+  height: "6",
+  fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#B2B9C5",
-  d: "m-5.088 441.733 3.394-93.75 847.238-2.857-3.71 95.947zM328.564 674.17l-98.277-105.353 43.342-.606c23.838-.333 56.955-.67 73.592-.75l30.25-.144L376 413.06l-1.513-199.44-72.81-.257-72.81-.256 97.721-105.333c53.746-57.933 97.914-105.408 98.15-105.5.52-.202 204.228 210.321 204.228 211.082 0 .295-41.554.25-81.979.25h-73.5L475 413.047l1.471 154.258 72.812.257 72.812.256-91.9 99.5-103.353 112.205z"
+  fill: "#263238",
+  d: "M.7 4.384.518 3.312 3.269.4H4.46zM.126 6V.4h.912V6zm3.288 0L1.157 3.152l.656-.568L4.557 6z"
 }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#263238",
+  d: "M4.401 6v-.712q0-.248.128-.512a2.5 2.5 0 0 1 .36-.544q.24-.272.56-.512l.976-.704q.184-.128.336-.296.16-.169.256-.352a.84.84 0 0 0 .096-.376.8.8 0 0 0-.12-.424.8.8 0 0 0-.328-.304 1.1 1.1 0 0 0-.512-.112 1.04 1.04 0 0 0-.832.392q-.136.176-.192.384l-.952-.176q.08-.384.336-.712.264-.336.672-.536.416-.2.944-.2.592 0 1.024.216.44.216.672.6.24.376.24.864 0 .496-.272.896a3.2 3.2 0 0 1-.744.752l-.896.664q-.264.192-.432.416-.169.216-.232.464h2.648V6z"
+}, 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 split = { render };
+const k2 = { render };
 export {
-  split as default,
+  k2 as default,
   render
 };

package/dist/main.es237.js

@@ -2,17 +2,19 @@ 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: "14",
   height: "14",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#B2B9C5",
-  d: "M16.589 25.94h-1.706V14h1.706zM25.117 24.806 23.923 26l-5.97-5.97 1.194-1.194z"
+  fill: "#6F20DC",
+  d: "M3 2a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h.5a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zM5.75 3a1 1 0 0 1 1-1h.5a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-.5a1 1 0 0 1-1-1zM10.5 2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h.5a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1z"
 }, null, -1);
 const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#B2B9C5",
-  d: "m23.923 14.06 1.194 1.194-5.97 5.97-1.194-1.194z"
+  fill: "#6F20DC",
+  "fill-rule": "evenodd",
+  d: "M0 2a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1",
+  "clip-rule": "evenodd"
 }, null, -1);
 const _hoisted_4 = [
   _hoisted_2,
@@ -21,8 +23,8 @@ const _hoisted_4 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
 }
-const start_of_the_list = { render };
+const kanban_view = { render };
 export {
-  start_of_the_list as default,
+  kanban_view as default,
   render
 };

package/dist/main.es238.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: "11",
-  height: "12",
+  width: "15",
+  height: "15",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#505CA6",
-  d: "M18.125 17.813c0-.788.759-1.563 1.875-1.563.968 0 1.666.582 1.835 1.25h1.271C22.932 16.034 21.539 15 20 15c-1.645 0-3.125 1.183-3.125 2.813 0 .59.195 1.123.522 1.562h-1.772v1.25h8.75v-1.25H20c-1.116 0-1.875-.775-1.875-1.562M21.875 22.188q0-.158-.04-.313h1.271q.02.153.019.313C23.125 23.817 21.645 25 20 25c-1.538 0-2.931-1.034-3.107-2.5h1.271c.17.668.868 1.25 1.836 1.25 1.116 0 1.875-.775 1.875-1.562"
+  fill: "#323232",
+  d: "M21.421 18.963a4.16 4.16 0 0 0-.811-4.743 4.174 4.174 0 0 0-5.898 0 4.174 4.174 0 0 0 0 5.899 4.16 4.16 0 0 0 4.743.81l2.138 2.139-1.966 1.966L21.593 27l1.966-1.966.983.983 1.966-1.966zm-4.743-.81a1.394 1.394 0 0 1 0-1.967c.54-.54 1.425-.54 1.966 0s.54 1.426 0 1.966c-.54.541-1.426.541-1.966 0"
 }, 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 strikethrough = { render };
+const key = { render };
 export {
-  strikethrough as default,
+  key as default,
   render
 };

package/dist/main.es239.js

@@ -1,18 +1,20 @@
 import "./main.es3.js";
-import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
+import { openBlock, createElementBlock, createStaticVNode } from "./main.es6.js";
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 20 20"
+  width: "130",
+  height: "40",
+  fill: "none"
 };
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", { d: "M3.5 13H12v5l6-6-6-6v5H4V2H2v11z" }, null, -1);
-const _hoisted_3 = [
+const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<g clip-path="url(#a)"><path stroke="#fff" stroke-miterlimit="10" stroke-width="2" d="M.264 26.996.86 26.8c13.063-4.326 26.833-4.258 39.862.195M79.91 26.996l.742-.196a93.3 93.3 0 0 1 49.127.195"></path><path stroke="#fff" stroke-miterlimit="10" stroke-width="2" d="M46.921 31.943s-9.137-.792-7.017-4.292c1.167-1.924 6.004-2.23 10.117-2.129 2.972.077 5.731.562 8.064 1.286 1.005.307 2.427.588 4.31.588 4.24 0 15.506-1.133 18.58-.204 2.419.723 3.91 3.295.086 4.751s-9.76 2.12-13.796 1.541c-4.036-.578-5.944-2-10.397-1.328-4.454.673-9.964-.204-9.964-.204zM18.292 23.445V17.79"></path><path fill="#fff" d="M17.73 17.765a2.23 2.23 0 0 1-1.695-.775 2.1 2.1 0 0 1-.451-.869 4.22 4.22 0 0 1-2.972-1.464 4.26 4.26 0 0 1 .127-5.689 3.89 3.89 0 0 1 1.337-3.16 3.887 3.887 0 0 1 5.476.418c.009.017.026.026.034.043.4-.188.843-.281 1.294-.281.903 0 1.763.391 2.35 1.081.92 1.073.98 2.597.24 3.73l.033.034a3.88 3.88 0 0 1 .928 2.827 3.85 3.85 0 0 1-1.345 2.657 3.83 3.83 0 0 1-2.512.928c-.409 0-.818-.068-1.2-.187-.06.068-.129.128-.197.187-.408.35-.92.537-1.456.537z"></path><path fill="#fff" d="M16.597 5.715c.852 0 1.703.358 2.3 1.056.178.213.314.443.425.681.026-.025.051-.06.085-.085a2.24 2.24 0 0 1 1.465-.545 2.25 2.25 0 0 1 1.465 3.951c-.035.026-.069.043-.094.069.221.144.426.315.605.527a3.033 3.033 0 0 1-.324 4.275c-.57.486-1.26.724-1.959.724a3.1 3.1 0 0 1-1.558-.426c-.077.239-.187.46-.392.63a1.393 1.393 0 0 1-1.95-.144c-.298-.35-.366-.792-.272-1.21a3.368 3.368 0 0 1-3.15-1.124 3.4 3.4 0 0 1 .365-4.802s.009 0 .017-.009a3.03 3.03 0 0 1 .996-2.844 3 3 0 0 1 1.976-.732m0-1.704a4.76 4.76 0 0 0-3.083 1.142 4.74 4.74 0 0 0-1.635 3.49c-1.532 1.883-1.55 4.659.085 6.558a5.06 5.06 0 0 0 3.007 1.695c.11.23.255.442.417.638a3.09 3.09 0 0 0 4.224.435q.472.102.97.102c1.124 0 2.215-.4 3.066-1.133a4.7 4.7 0 0 0 1.635-3.236 4.63 4.63 0 0 0-.8-3.006 3.94 3.94 0 0 0-.605-4.198 3.95 3.95 0 0 0-4.062-1.235 4.73 4.73 0 0 0-3.21-1.252z"></path><path stroke="#fff" stroke-miterlimit="10" stroke-width="2" d="M77.22 26.348v-4.053"></path><path fill="#fff" d="M77.22 22.533a2.47 2.47 0 0 1-2.316-1.618 3.03 3.03 0 0 1-2.887-3.023c0-1.013.51-1.933 1.32-2.495v-.068a1.843 1.843 0 0 1 2.47-1.729 3.24 3.24 0 0 1 2.239-.885 3.29 3.29 0 0 1 3.261 2.844 3.02 3.02 0 0 1-1.78 5.356 2.47 2.47 0 0 1-2.316 1.618z"></path><path fill="#fff" d="M78.054 13.566a2.444 2.444 0 0 1 2.444 2.444v.009a2.16 2.16 0 0 1 1.082 1.873c0 1.201-.97 2.18-2.18 2.18a2.1 2.1 0 0 1-.57-.085c0 .026.008.06.008.085a1.617 1.617 0 1 1-3.236 0c0-.025 0-.06.008-.085a2.1 2.1 0 0 1-.57.085c-1.2 0-2.18-.97-2.18-2.18a2.17 2.17 0 0 1 1.482-2.052.96.96 0 0 1-.162-.51c0-.546.443-.989.988-.989a.96.96 0 0 1 .783.418 2.44 2.44 0 0 1 2.086-1.193m0-1.703c-.902 0-1.754.29-2.452.81a2.7 2.7 0 0 0-3.091 2.3 3.88 3.88 0 0 0-1.346 2.928 3.885 3.885 0 0 0 3.177 3.815 3.32 3.32 0 0 0 2.886 1.677 3.33 3.33 0 0 0 2.887-1.677 3.885 3.885 0 0 0 3.177-3.815 3.88 3.88 0 0 0-1.176-2.768 4.154 4.154 0 0 0-4.053-3.261z"></path><path stroke="#fff" stroke-miterlimit="10" stroke-width="2" d="M20.182 27.898c8.584 1.695 17.474 5.033 17.474 11.59M3.39 29.789c8.234.98 18.614 3.457 18.614 9.7M108.242 27.898c8.584 1.695 17.475 5.033 17.475 11.59M91.441 29.789c8.235.98 18.615 3.457 18.615 9.7M101.481 16.232h-4.053v4.053h4.053zM92.65 24.398V12.792M119.509 24.722v-11.93M105.977 22.184l10.415 2.138v-2.138m-10.415 1.5V16.24h10.406v5.952M89.942 12.792v-1.04l11.658-5.9h8.95l11.658 5.9v1.04H89.934z"></path><path fill="#fff" stroke="#fff" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="m30.265 19.621 3.133-4.743h-2.46l3.27-5.68h-1.423l2.87-6.557 2.87 6.557h-1.43l3.278 5.68h-2.461l3.133 4.743h-10.78Z"></path><path stroke="#fff" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M35.655 25.156v-5.535"></path></g><defs><clipPath id="a"><path fill="#fff" d="M0 .512h130v38.976H0z"></path></clipPath></defs>', 2);
+const _hoisted_4 = [
   _hoisted_2
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
 }
-const subdirectory = { render };
+const lake = { render };
 export {
-  subdirectory as default,
+  lake as default,
   render
 };

package/dist/main.es24.js

@@ -1,201 +1,252 @@
-function makeMap(str, expectsLowerCase) {
-  const map = /* @__PURE__ */ Object.create(null);
-  const list = str.split(",");
-  for (let i = 0; i < list.length; i++) {
-    map[list[i]] = true;
-  }
-  return expectsLowerCase ? (val) => !!map[val.toLowerCase()] : (val) => !!map[val];
-}
-const EMPTY_OBJ = !!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
-const EMPTY_ARR = !!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
-const NOOP = () => {
-};
-const NO = () => false;
-const onRE = /^on[^a-z]/;
-const isOn = (key) => onRE.test(key);
-const isModelListener = (key) => key.startsWith("onUpdate:");
-const extend = Object.assign;
-const remove = (arr, el) => {
-  const i = arr.indexOf(el);
-  if (i > -1) {
-    arr.splice(i, 1);
-  }
-};
-const hasOwnProperty = Object.prototype.hasOwnProperty;
-const hasOwn = (val, key) => hasOwnProperty.call(val, key);
-const isArray = Array.isArray;
-const isMap = (val) => toTypeString(val) === "[object Map]";
-const isSet = (val) => toTypeString(val) === "[object Set]";
-const isFunction = (val) => typeof val === "function";
-const isString = (val) => typeof val === "string";
-const isObject = (val) => val !== null && typeof val === "object";
-const isPromise = (val) => {
-  return isObject(val) && isFunction(val.then) && isFunction(val.catch);
-};
-const objectToString = Object.prototype.toString;
-const toTypeString = (value) => objectToString.call(value);
-const toRawType = (value) => {
-  return toTypeString(value).slice(8, -1);
-};
-const isPlainObject = (val) => toTypeString(val) === "[object Object]";
-const isReservedProp = /* @__PURE__ */ makeMap(
-  // the leading comma is intentional so empty string "" is also included
-  ",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"
-);
-const isBuiltInDirective = /* @__PURE__ */ makeMap(
-  "bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text,memo"
-);
-const cacheStringFunction = (fn) => {
-  const cache = /* @__PURE__ */ Object.create(null);
-  return (str) => {
-    const hit = cache[str];
-    return hit || (cache[str] = fn(str));
-  };
-};
-const camelizeRE = /-(\w)/g;
-const camelize = cacheStringFunction((str) => {
-  return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : "");
-});
-const hyphenateRE = /\B([A-Z])/g;
-const hyphenate = cacheStringFunction(
-  (str) => str.replace(hyphenateRE, "-$1").toLowerCase()
-);
-const capitalize = cacheStringFunction(
-  (str) => str.charAt(0).toUpperCase() + str.slice(1)
-);
-const toHandlerKey = cacheStringFunction(
-  (str) => str ? `on${capitalize(str)}` : ``
-);
-const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
-const invokeArrayFns = (fns, arg) => {
-  for (let i = 0; i < fns.length; i++) {
-    fns[i](arg);
-  }
-};
-const def = (obj, key, value) => {
-  Object.defineProperty(obj, key, {
-    configurable: true,
-    enumerable: false,
-    value
-  });
-};
-const looseToNumber = (val) => {
-  const n = parseFloat(val);
-  return isNaN(n) ? val : n;
-};
-let _globalThis;
-const getGlobalThis = () => {
-  return _globalThis || (_globalThis = typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : {});
-};
-function normalizeStyle(value) {
-  if (isArray(value)) {
-    const res = {};
-    for (let i = 0; i < value.length; i++) {
-      const item = value[i];
-      const normalized = isString(item) ? parseStringStyle(item) : normalizeStyle(item);
-      if (normalized) {
-        for (const key in normalized) {
-          res[key] = normalized[key];
-        }
-      }
+import "./main.es3.js";
+import styled from "./main.es7.js";
+import { fetchIcon } from "./main.es375.js";
+import { reactive } from "./main.es17.js";
+import { computed, onMounted, watch, openBlock, createBlock, withCtx, createVNode, createElementVNode as createBaseVNode, createTextVNode, createCommentVNode } from "./main.es6.js";
+import { toDisplayString } from "./main.es22.js";
+const _hoisted_1 = ["innerHTML"];
+const _sfc_main = {
+  __name: "index",
+  props: {
+    disabled: {
+      required: false,
+      default: false,
+      type: Boolean
+    },
+    name: {
+      required: true,
+      type: String
+    },
+    color: {
+      required: false,
+      default: null,
+      type: String
+    },
+    hoveredColor: {
+      required: false,
+      default: null,
+      type: String
+    },
+    size: {
+      required: false,
+      default: "30px",
+      type: String
+    },
+    width: {
+      type: String,
+      required: false,
+      default: ""
+    },
+    height: {
+      type: String,
+      required: false,
+      default: ""
+    },
+    cursor: {
+      required: false,
+      default: null,
+      type: String
+    },
+    isStriked: {
+      required: false,
+      default: false,
+      type: Boolean
+    },
+    backgroundColor: {
+      required: false,
+      default: null,
+      type: String
+    },
+    count: {
+      required: false,
+      default: 0,
+      type: Number
+    },
+    animation: {
+      required: false,
+      default: "none",
+      type: String
+    },
+    fillType: {
+      required: false,
+      default: "fill",
+      type: String
+    },
+    disableHover: {
+      type: Boolean,
+      default: false
+    },
+    showCount: {
+      type: Boolean,
+      default: false
     }
-    return res;
-  } else if (isString(value)) {
-    return value;
-  } else if (isObject(value)) {
-    return value;
-  }
-}
-const listDelimiterRE = /;(?![^(]*\))/g;
-const propertyDelimiterRE = /:([^]+)/;
-const styleCommentRE = /\/\*[^]*?\*\//g;
-function parseStringStyle(cssText) {
-  const ret = {};
-  cssText.replace(styleCommentRE, "").split(listDelimiterRE).forEach((item) => {
-    if (item) {
-      const tmp = item.split(propertyDelimiterRE);
-      tmp.length > 1 && (ret[tmp[0].trim()] = tmp[1].trim());
+  },
+  setup(__props) {
+    const props = __props;
+    const Wrapper = styled("div", {
+      height: String,
+      width: String,
+      disabled: Boolean,
+      cursor: String
+    })`
+    display: flex;
+    position: relative;
+    align-content: center;
+    justify-content: center;
+    width: ${(props2) => props2.width};
+    height: ${(props2) => props2.height};
+    min-width: ${(props2) => props2.width};
+    min-height: ${(props2) => props2.height};
+    cursor: ${(props2) => props2.disabled ? "not-allowed" : props2.cursor};
+    line-height: 0;
+  `;
+    const CountWrapper = styled("div")`
+    position: absolute;
+    top: -7px;
+    right: -7px;
+    background-color: ${({
+      theme
+    }) => theme.colors.red};
+    color: ${({
+      theme
+    }) => theme.colors.white};
+    border-radius: 100%;
+    width: 15px;
+    height: 15px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 10px;
+  `;
+    const StrikedLine = styled("div", {
+      color: String
+    })`
+    display: flex;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    align-content: center;
+    justify-content: center;
+    width: 143%;
+    height: 8%;
+    background-color: ${({
+      theme,
+      color
+    }) => theme.colors[color] || color};
+    min-height: 0;
+    line-height: 0;
+    transform-origin: 0% 100%;
+    transform: rotate(-45deg);
+  `;
+    const IconImageAttrs = {
+      color: String,
+      backgroundColor: String,
+      hoveredColor: String,
+      animation: String,
+      fillType: String,
+      disableHover: Boolean,
+      showCount: Boolean
+    };
+    const IconImage = styled("div", IconImageAttrs)`
+    animation: ${(props2) => props2.animation};
+    width: 100%;
+    svg {
+      width: 100%;
+      height: 100%;
+      background-color: ${(props2) => props2.backgroundColor ? props2.backgroundColor : "transparent"};
+      padding: ${(props2) => props2.backgroundColor ? "3px" : "0"};
+      border-radius: ${(props2) => props2.showCount ? "8px 0 0  8px" : props2.backgroundColor ? "8px" : "0"};
     }
-  });
-  return ret;
-}
-function normalizeClass(value) {
-  let res = "";
-  if (isString(value)) {
-    res = value;
-  } else if (isArray(value)) {
-    for (let i = 0; i < value.length; i++) {
-      const normalized = normalizeClass(value[i]);
-      if (normalized) {
-        res += normalized + " ";
-      }
+    svg path:not(.fix, .isStrokePath) {
+      ${({
+      theme,
+      color,
+      fillType
+    }) => color && `${fillType}: ${theme.colors[color] || color};`}
+    }
+    svg .isStroke {
+      ${({
+      theme,
+      color
+    }) => color && `stroke: ${theme.colors[color] || color};`}
+    }
+    svg .isFill {
+      ${({
+      theme,
+      color
+    }) => color && `fill: ${theme.colors[color] || color};`}
     }
-  } else if (isObject(value)) {
-    for (const name in value) {
-      if (value[name]) {
-        res += name + " ";
+    svg .isStrokePath:not(.fix) {
+      ${({
+      theme,
+      color
+    }) => color && `stroke: ${theme.colors[color] || color};`}
+    }
+    ${(props2) => !props2.disableHover && `
+     &:hover svg path:not(.fix, .isStrokePath) {
+      ${`${props2.fillType}: ${props2.theme.colors[props2.hoveredColor] || props2.color};`}
+     &:hover svg isStrokePath:not(.fix) {
+      ${`stroke: ${props2.theme.colors[props2.hoveredColor] || props2.color};`}
+    }
+    &:hover + div {
+      background-color: ${props2.hoveredColor};
+    }
+    `}
+
+    @keyframes fade {
+      50% {
+        opacity: 0.3;
       }
     }
-  }
-  return res.trim();
-}
-const toDisplayString = (val) => {
-  return isString(val) ? val : val == null ? "" : isArray(val) || isObject(val) && (val.toString === objectToString || !isFunction(val.toString)) ? JSON.stringify(val, replacer, 2) : String(val);
-};
-const replacer = (_key, val) => {
-  if (val && val.__v_isRef) {
-    return replacer(_key, val.value);
-  } else if (isMap(val)) {
-    return {
-      [`Map(${val.size})`]: [...val.entries()].reduce((entries, [key, val2]) => {
-        entries[`${key} =>`] = val2;
-        return entries;
-      }, {})
+  `;
+    const icon = reactive({
+      html: ""
+    });
+    const loadSvg = async () => {
+      icon.html = await fetchIcon(props.name.toLowerCase());
     };
-  } else if (isSet(val)) {
-    return {
-      [`Set(${val.size})`]: [...val.values()]
+    const counter = computed(() => props.count > 9 ? "9+" : props.count.toString());
+    onMounted(() => loadSvg());
+    watch(() => props.name, loadSvg);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Wrapper, {
+        cursor: __props.cursor,
+        "data-test-id": "icon_wrapper",
+        disabled: __props.disabled,
+        height: __props.height ? __props.height : __props.size,
+        width: __props.width ? __props.width : __props.size
+      }, {
+        default: withCtx(() => [createVNode(IconImage, {
+          animation: __props.animation,
+          "background-color": __props.backgroundColor,
+          color: __props.color,
+          "data-test-id": "icon_image",
+          "disable-hover": __props.disableHover,
+          "fill-type": __props.fillType,
+          "hovered-color": __props.hoveredColor,
+          "show-count": __props.showCount
+        }, {
+          default: withCtx(() => [createBaseVNode("i", {
+            "data-test-id": "icon_svg",
+            innerHTML: icon.html
+          }, null, 8, _hoisted_1)]),
+          _: 1
+        }, 8, ["animation", "background-color", "color", "disable-hover", "fill-type", "hovered-color", "show-count"]), createTextVNode(), __props.isStriked ? (openBlock(), createBlock(StrikedLine, {
+          key: 0,
+          color: __props.color,
+          "data-test-id": "icon_striked_line"
+        }, null, 8, ["color"])) : createCommentVNode("", true), createTextVNode(), __props.count > 0 ? (openBlock(), createBlock(CountWrapper, {
+          key: 1,
+          "data-test-id": "icon_count"
+        }, {
+          default: withCtx(() => [createTextVNode(toDisplayString(counter.value), 1)]),
+          _: 1
+        })) : createCommentVNode("", true)]),
+        _: 1
+      }, 8, ["cursor", "disabled", "height", "width"]);
     };
-  } else if (isObject(val) && !isArray(val) && !isPlainObject(val)) {
-    return String(val);
   }
-  return val;
 };
 export {
-  EMPTY_ARR,
-  EMPTY_OBJ,
-  NO,
-  NOOP,
-  camelize,
-  capitalize,
-  def,
-  extend,
-  getGlobalThis,
-  hasChanged,
-  hasOwn,
-  hyphenate,
-  invokeArrayFns,
-  isArray,
-  isBuiltInDirective,
-  isFunction,
-  isMap,
-  isModelListener,
-  isObject,
-  isOn,
-  isPlainObject,
-  isPromise,
-  isReservedProp,
-  isSet,
-  isString,
-  looseToNumber,
-  makeMap,
-  normalizeClass,
-  normalizeStyle,
-  objectToString,
-  parseStringStyle,
-  remove,
-  toDisplayString,
-  toHandlerKey,
-  toRawType,
-  toTypeString
+  _sfc_main as default
 };