@eturnity/eturnity_reusable_components 8.31.6-EPDM-16401.1-test → 8.31.6-EPDM-16401.3

package/dist/main.es253.js

@@ -2,17 +2,17 @@ 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: "20",
-  height: "18",
+  width: "18",
+  height: "24",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#B2B9C5",
-  d: "M24.567 23.793a6 6 0 1 0-6.538-9.154 7.716 7.716 0 0 1 6.538 9.154"
+  fill: "#323232",
+  d: "m8.99 16.505-7.37-5.73L0 12.035l9 7 9-7-1.63-1.27zm.01-1.54 7.36-5.73L18 7.965l-9-7-9 7 1.63 1.27z"
 }, null, -1);
 const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#B2B9C5",
-  d: "M23 22.286a6 6 0 1 1-12 0 6 6 0 0 1 12 0"
+  fill: "#323232",
+  d: "m8.99 20.505-7.37-5.73L0 16.035l9 7 9-7-1.63-1.27z"
 }, null, -1);
 const _hoisted_4 = [
   _hoisted_2,
@@ -21,8 +21,8 @@ const _hoisted_4 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
 }
-const lead_provider = { render };
+const layers_close = { render };
 export {
-  lead_provider as default,
+  layers_close as default,
   render
 };

package/dist/main.es254.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: "16",
-  height: "16",
+  width: "18",
+  height: "26",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#fff",
-  "fill-rule": "evenodd",
-  d: "M2 2h4v2H2zM1 2a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zm1 5h4v2H2zM1 7a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zm5 5H2v2h4zm-4-1a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1zm7.5-8.5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zM9 8a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5A.5.5 0 0 1 9 8m.5 4.5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1z",
-  "clip-rule": "evenodd"
+  fill: "#323232",
+  d: "m8.99 17.505-7.37-5.73L0 13.035l9 7 9-7-1.63-1.27zm.01-2.54 7.36-5.73L18 7.965l-9-7-9 7 1.63 1.27z"
 }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#323232",
+  d: "m8.99 22.505-7.37-5.73L0 18.035l9 7 9-7-1.63-1.27z"
+}, 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 legend = { render };
+const layers_open = { render };
 export {
-  legend as default,
+  layers_open as default,
   render
 };

package/dist/main.es255.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: "10",
+  width: "42",
+  height: "42",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#fff",
-  "fill-rule": "evenodd",
-  d: "M.2 9.857V.143h1.554v9.714zm5.18-1.651L2.142 5 5.38 1.794V4.2h3.238V1.794L11.856 5 8.618 8.206V5.8H5.38zM12.245.143v9.714h1.554V.143z",
-  "clip-rule": "evenodd"
+  fill: "#E3E9F0",
+  d: "M34 34.7H6c-3.3 0-6-2.7-6-6s2.7-6 6-6h28c3.3 0 6 2.7 6 6s-2.7 6-6 6M20 18.3a9 9 0 1 0 0-18 9 9 0 0 0 0 18"
 }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#FF5656",
+  d: "M20 25.7a8 8 0 1 0 0-16 8 8 0 0 0 0 16M29 40.7H11c-3.3 0-6-2.7-6-6s2.7-6 6-6h18c3.3 0 6 2.7 6 6s-2.7 6-6 6"
+}, 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 length_2d = { render };
+const lead_marketplace = { render };
 export {
-  length_2d as default,
+  lead_marketplace as default,
   render
 };

package/dist/main.es256.js

@@ -2,22 +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: "14",
+  width: "20",
+  height: "18",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#fff",
-  d: "M5.333 14 0 8.667 1.067 7.6 6.4 12.933zM8.422 9.978 4 10l.022-4.422 1.65 1.65 1.556-1.556-1.65-1.65L10 4l-.022 4.422-1.65-1.65-1.556 1.556zM7.6 1.067 12.933 6.4 14 5.333 8.667 0z"
+  fill: "#B2B9C5",
+  d: "M24.567 23.793a6 6 0 1 0-6.538-9.154 7.716 7.716 0 0 1 6.538 9.154"
 }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#B2B9C5",
+  d: "M23 22.286a6 6 0 1 1-12 0 6 6 0 0 1 12 0"
+}, 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 length_3d = { render };
+const lead_provider = { render };
 export {
-  length_3d as default,
+  lead_provider as default,
   render
 };

package/dist/main.es257.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: "14",
-  height: "14",
+  width: "16",
+  height: "16",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
-  d: "M12.444 0H1.556C.7 0 0 .7 0 1.556v10.888C0 13.3.7 14 1.556 14h10.888C13.3 14 14 13.3 14 12.444V1.556C14 .7 13.3 0 12.444 0M7.801 3.158l.825-.825L9.722 3.43l1.097-1.097.824.825-1.096 1.096 1.096 1.097-.824.825-1.097-1.09-1.096 1.097L7.8 5.36l1.097-1.097zm-5.273.513h3.889v1.167h-3.89zm4.083 6.44H5.056v1.556H3.889V10.11H2.333V8.944H3.89V7.39h1.167v1.555H6.61zm5.056.972h-3.89V9.917h3.89zm0-1.944h-3.89V7.972h3.89z"
+  fill: "#fff",
+  "fill-rule": "evenodd",
+  d: "M2 2h4v2H2zM1 2a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zm1 5h4v2H2zM1 7a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zm5 5H2v2h4zm-4-1a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1zm7.5-8.5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zM9 8a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5A.5.5 0 0 1 9 8m.5 4.5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1z",
+  "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 length_calculator = { render };
+const legend = { render };
 export {
-  length_calculator as default,
+  legend as default,
   render
 };

package/dist/main.es258.js

@@ -1,20 +1,25 @@
 import "./main.es3.js";
-import { openBlock, createElementBlock, createStaticVNode } from "./main.es6.js";
+import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
-  width: "34",
-  height: "32",
+  width: "14",
+  height: "10",
   fill: "none"
 };
-const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<path fill="#666" d="m30.027 35.049 5.445-5.861.5 5.925z"></path><path stroke="#666" stroke-miterlimit="10" d="m34.527 33.687-6.5-4.5"></path><path stroke="#666" stroke-dasharray="2 2" stroke-miterlimit="10" d="m20.027 23.687 8 5.5"></path><path fill="#666" d="m9.973 35.049-5.445-5.861-.5 5.925z"></path><path stroke="#666" stroke-miterlimit="10" d="m5.473 33.687 6.5-4.5"></path><path stroke="#666" stroke-dasharray="2 2" stroke-miterlimit="10" d="m19.973 23.687-8 5.5"></path><path fill="#666" d="M24.027 9.287h-8l4-4.4z"></path><path stroke="#666" stroke-miterlimit="10" d="M20.027 6.187v9"></path><path stroke="#666" stroke-dasharray="2 2" stroke-miterlimit="10" d="M20.027 15.187v8"></path><path stroke="#666" d="m12.027 18.687 8-4.5 8 4.5m-16 0 8 4.5m-8-4.5v10.5l8 5m0-11 8-4.5m-8 4.5v11m8-15.5v10.5l-8 5"></path>', 10);
-const _hoisted_12 = [
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#fff",
+  "fill-rule": "evenodd",
+  d: "M.2 9.857V.143h1.554v9.714zm5.18-1.651L2.142 5 5.38 1.794V4.2h3.238V1.794L11.856 5 8.618 8.206V5.8H5.38zM12.245.143v9.714h1.554V.143z",
+  "clip-rule": "evenodd"
+}, null, -1);
+const _hoisted_3 = [
   _hoisted_2
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_12);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const length_in_2d_active = { render };
+const length_2d = { render };
 export {
-  length_in_2d_active as default,
+  length_2d as default,
   render
 };

package/dist/main.es259.js

@@ -1,20 +1,23 @@
 import "./main.es3.js";
-import { openBlock, createElementBlock, createStaticVNode } from "./main.es6.js";
+import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
-  width: "42",
-  height: "42",
+  width: "14",
+  height: "14",
   fill: "none"
 };
-const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<path fill="#B2B9C5" d="M0 0h40v40H0z"></path><path fill="#fff" d="m30.027 35.049 5.445-5.861.5 5.925z"></path><path stroke="#fff" stroke-miterlimit="10" d="m34.527 33.687-6.5-4.5"></path><path stroke="#fff" stroke-dasharray="2 2" stroke-miterlimit="10" d="m20.027 23.687 8 5.5"></path><path fill="#fff" d="m9.973 35.049-5.445-5.861-.5 5.925z"></path><path stroke="#fff" stroke-miterlimit="10" d="m5.473 33.687 6.5-4.5"></path><path stroke="#fff" stroke-dasharray="2 2" stroke-miterlimit="10" d="m19.973 23.687-8 5.5"></path><path fill="#fff" d="M24.027 9.287h-8l4-4.4z"></path><path stroke="#fff" stroke-miterlimit="10" d="M20.027 6.187v9"></path><path stroke="#fff" stroke-dasharray="2 2" stroke-miterlimit="10" d="M20.027 15.187v8"></path><path stroke="#fff" d="m12.027 18.687 8-4.5 8 4.5m-16 0 8 4.5m-8-4.5v10.5l8 5m0-11 8-4.5m-8 4.5v11m8-15.5v10.5l-8 5"></path>', 11);
-const _hoisted_13 = [
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#fff",
+  d: "M5.333 14 0 8.667 1.067 7.6 6.4 12.933zM8.422 9.978 4 10l.022-4.422 1.65 1.65 1.556-1.556-1.65-1.65L10 4l-.022 4.422-1.65-1.65-1.556 1.556zM7.6 1.067 12.933 6.4 14 5.333 8.667 0z"
+}, null, -1);
+const _hoisted_3 = [
   _hoisted_2
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_13);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const length_in_2d_inctive = { render };
+const length_3d = { render };
 export {
-  length_in_2d_inctive as default,
+  length_3d as default,
   render
 };

package/dist/main.es26.js

@@ -1,26 +1,252 @@
-import styled from "./main.es7.js";
 import "./main.es3.js";
-import _export_sfc from "./main.es11.js";
-import { resolveComponent, openBlock, createBlock, withCtx, createTextVNode } from "./main.es6.js";
-const StarElement = styled.span`
+import styled from "./main.es7.js";
+import { fetchIcon } from "./main.es30.js";
+import { reactive } from "./main.es18.js";
+import { computed, onMounted, watch, openBlock, createBlock, withCtx, createVNode, createElementVNode as createBaseVNode, createTextVNode, createCommentVNode } from "./main.es6.js";
+import { toDisplayString } from "./main.es16.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
+    }
+  },
+  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.red};
+      theme
+    }) => theme.colors.white};
+    border-radius: 100%;
+    width: 15px;
+    height: 15px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 10px;
   `;
-const _sfc_main = {
-  name: "IsRequiredLabelStar",
-  components: {
-    StarElement
+    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"};
+    }
+    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};`}
+    }
+    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;
+      }
+    }
+  `;
+    const icon = reactive({
+      html: ""
+    });
+    const loadSvg = async () => {
+      icon.html = await fetchIcon(props.name.toLowerCase());
+    };
+    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"]);
+    };
   }
 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_StarElement = resolveComponent("StarElement");
-  return openBlock(), createBlock(_component_StarElement, null, {
-    default: withCtx(() => [createTextVNode("*")]),
-    _: 1
-  });
-}
-const IsRequiredLabelStar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  IsRequiredLabelStar as default
+  _sfc_main as default
 };

package/dist/main.es260.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: "16",
+  width: "14",
+  height: "14",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#263238",
-  d: "M17.9 26.3c0 .35.28.7.7.7h2.8c.42 0 .7-.35.7-.7v-.7h-4.2zM20 13a4.87 4.87 0 0 0-4.9 4.9c0 1.68.84 3.15 2.1 3.99v1.61c0 .35.28.7.7.7h4.2c.42 0 .7-.35.7-.7v-1.61c1.26-.91 2.1-2.38 2.1-3.99 0-2.73-2.17-4.9-4.9-4.9"
+  d: "M12.444 0H1.556C.7 0 0 .7 0 1.556v10.888C0 13.3.7 14 1.556 14h10.888C13.3 14 14 13.3 14 12.444V1.556C14 .7 13.3 0 12.444 0M7.801 3.158l.825-.825L9.722 3.43l1.097-1.097.824.825-1.096 1.096 1.096 1.097-.824.825-1.097-1.09-1.096 1.097L7.8 5.36l1.097-1.097zm-5.273.513h3.889v1.167h-3.89zm4.083 6.44H5.056v1.556H3.889V10.11H2.333V8.944H3.89V7.39h1.167v1.555H6.61zm5.056.972h-3.89V9.917h3.89zm0-1.944h-3.89V7.972h3.89z"
 }, 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 light_bulb = { render };
+const length_calculator = { render };
 export {
-  light_bulb as default,
+  length_calculator as default,
   render
 };

package/dist/main.es261.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 14 14"
+  width: "34",
+  height: "32",
+  fill: "none"
 };
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", { d: "M7.595 1.205 4.123 4.676a1.25 1.25 0 0 0-.363.884v6.26c0 .69.564 1.253 1.253 1.253h5.64c.5 0 .952-.3 1.153-.758l2.042-4.769c.527-1.24-.382-2.619-1.73-2.619h-3.54l.596-2.87a.95.95 0 0 0-.257-.858.93.93 0 0 0-1.322.006M1.253 13.073c.69 0 1.253-.564 1.253-1.253V6.807c0-.69-.563-1.253-1.253-1.253C.564 5.554 0 6.118 0 6.807v5.013c0 .69.564 1.253 1.253 1.253" }, null, -1);
-const _hoisted_3 = [
+const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<path fill="#666" d="m30.027 35.049 5.445-5.861.5 5.925z"></path><path stroke="#666" stroke-miterlimit="10" d="m34.527 33.687-6.5-4.5"></path><path stroke="#666" stroke-dasharray="2 2" stroke-miterlimit="10" d="m20.027 23.687 8 5.5"></path><path fill="#666" d="m9.973 35.049-5.445-5.861-.5 5.925z"></path><path stroke="#666" stroke-miterlimit="10" d="m5.473 33.687 6.5-4.5"></path><path stroke="#666" stroke-dasharray="2 2" stroke-miterlimit="10" d="m19.973 23.687-8 5.5"></path><path fill="#666" d="M24.027 9.287h-8l4-4.4z"></path><path stroke="#666" stroke-miterlimit="10" d="M20.027 6.187v9"></path><path stroke="#666" stroke-dasharray="2 2" stroke-miterlimit="10" d="M20.027 15.187v8"></path><path stroke="#666" d="m12.027 18.687 8-4.5 8 4.5m-16 0 8 4.5m-8-4.5v10.5l8 5m0-11 8-4.5m-8 4.5v11m8-15.5v10.5l-8 5"></path>', 10);
+const _hoisted_12 = [
   _hoisted_2
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_12);
 }
-const like = { render };
+const length_in_2d_active = { render };
 export {
-  like as default,
+  length_in_2d_active as default,
   render
 };

package/dist/main.es262.js

@@ -1,23 +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",
-  width: "16",
-  height: "10",
+  width: "42",
+  height: "42",
   fill: "none"
 };
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
-  d: "M27 17.455c0 .7-.573 1.272-1.273 1.272q-.172.002-.324-.044l-2.266 2.259c.032.102.045.216.045.33 0 .7-.573 1.274-1.273 1.274a1.276 1.276 0 0 1-1.228-1.604l-1.623-1.623a1.1 1.1 0 0 1-.33.045c-.115 0-.23-.013-.332-.045l-2.895 2.902q.046.153.045.325c0 .7-.573 1.272-1.273 1.272S13 23.245 13 22.545s.573-1.272 1.273-1.272q.172-.002.324.044l2.902-2.895a1.277 1.277 0 0 1 1.228-1.604 1.277 1.277 0 0 1 1.229 1.604l1.622 1.623c.102-.032.216-.045.331-.045s.23.013.331.045l2.26-2.266a1.1 1.1 0 0 1-.046-.324c0-.7.573-1.273 1.273-1.273S27 16.755 27 17.455"
-}, null, -1);
-const _hoisted_3 = [
+const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<path fill="#B2B9C5" d="M0 0h40v40H0z"></path><path fill="#fff" d="m30.027 35.049 5.445-5.861.5 5.925z"></path><path stroke="#fff" stroke-miterlimit="10" d="m34.527 33.687-6.5-4.5"></path><path stroke="#fff" stroke-dasharray="2 2" stroke-miterlimit="10" d="m20.027 23.687 8 5.5"></path><path fill="#fff" d="m9.973 35.049-5.445-5.861-.5 5.925z"></path><path stroke="#fff" stroke-miterlimit="10" d="m5.473 33.687 6.5-4.5"></path><path stroke="#fff" stroke-dasharray="2 2" stroke-miterlimit="10" d="m19.973 23.687-8 5.5"></path><path fill="#fff" d="M24.027 9.287h-8l4-4.4z"></path><path stroke="#fff" stroke-miterlimit="10" d="M20.027 6.187v9"></path><path stroke="#fff" stroke-dasharray="2 2" stroke-miterlimit="10" d="M20.027 15.187v8"></path><path stroke="#fff" d="m12.027 18.687 8-4.5 8 4.5m-16 0 8 4.5m-8-4.5v10.5l8 5m0-11 8-4.5m-8 4.5v11m8-15.5v10.5l-8 5"></path>', 11);
+const _hoisted_13 = [
   _hoisted_2
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_13);
 }
-const line_graph = { render };
+const length_in_2d_inctive = { render };
 export {
-  line_graph as default,
+  length_in_2d_inctive as default,
   render
 };

package/dist/main.es263.js

@@ -1,20 +1,23 @@
 import "./main.es3.js";
-import { openBlock, createElementBlock, createStaticVNode } from "./main.es6.js";
+import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
-  width: "42",
-  height: "42",
+  width: "12",
+  height: "16",
   fill: "none"
 };
-const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<path fill="#B2B9C5" d="M40 35.3H0v5h40z"></path><path fill="#fff" d="M25.1 32.3c-.4 2.8-2.5 5-5.1 5s-4.7-2.2-5.1-5zM2 33.3c2.8 0 5 2.2 5 5H2zM33 38.3c0-2.8 2.2-5 5-5v5z"></path><path fill="#fff" d="M25.1 32.3c-.4 2.8-2.5 5-5.1 5s-4.7-2.2-5.1-5zM2 33.3c2.8 0 5 2.2 5 5H2zM33 38.3c0-2.8 2.2-5 5-5v5z"></path><path fill="#009688" d="M40 15.3H0v18h40z"></path><path fill="#fff" d="M20 30.3c2.817 0 5.1-2.686 5.1-6s-2.283-6-5.1-6-5.1 2.686-5.1 6 2.283 6 5.1 6M7 17.3c0 2.8-2.2 5-5 5v-5zM2 26.3c2.8 0 5 2.2 5 5H2zM33 31.3c0-2.8 2.2-5 5-5v5zM38 22.3c-2.8 0-5-2.2-5-5h5z"></path><path fill="#F44A4A" d="M20 9.5h-8.8c0 5.9 4.9 11.8 8.8 15.6 3.9-3.9 8.8-9.8 8.8-15.6z"></path><path fill="#F44A4A" d="M20 18.3A8.8 8.8 0 1 0 20 .7a8.8 8.8 0 0 0 0 17.6"></path><path fill="#fff" d="M20 12.4a2.9 2.9 0 1 0 0-5.8 2.9 2.9 0 0 0 0 5.8"></path>', 8);
-const _hoisted_10 = [
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#263238",
+  d: "M17.9 26.3c0 .35.28.7.7.7h2.8c.42 0 .7-.35.7-.7v-.7h-4.2zM20 13a4.87 4.87 0 0 0-4.9 4.9c0 1.68.84 3.15 2.1 3.99v1.61c0 .35.28.7.7.7h4.2c.42 0 .7-.35.7-.7v-1.61c1.26-.91 2.1-2.38 2.1-3.99 0-2.73-2.17-4.9-4.9-4.9"
+}, null, -1);
+const _hoisted_3 = [
   _hoisted_2
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_10);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const local_subsidies = { render };
+const light_bulb = { render };
 export {
-  local_subsidies as default,
+  light_bulb as default,
   render
 };