@eturnity/eturnity_reusable_components 8.40.8-EPDM-1744.0 → 8.40.8-EPDM-13987.0

package/dist/main.es15.js

@@ -0,0 +1,261 @@
+import "./main.es3.js";
+import styled from "./main.es7.js";
+import { fetchIcon } from "./main.es27.js";
+import { rotateSvg } from "./main.es28.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
+    },
+    svgRotation: {
+      type: Number,
+      default: null
+    }
+  },
+  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"};
+    }
+    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 () => {
+      let svgString = await fetchIcon(props.name.toLowerCase());
+      if (props.svgRotation)
+        svgString = rotateSvg(svgString, props.svgRotation);
+      icon.html = svgString;
+    };
+    const counter = computed(() => props.count > 9 ? "9+" : props.count.toString());
+    onMounted(() => loadSvg());
+    watch(() => props.name, loadSvg);
+    watch(() => props.svgRotation, 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"]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/main.es150.js

@@ -0,0 +1,23 @@
+import "./main.es3.js";
+import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "176",
+  height: "64",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#000",
+  d: "M116 52H64V12h52zm48 0h-40V12h40zm-99-1h50V13H65zm60.708 0H163V13.708zm-.708-.706L162.294 13H125zM150.5 47a.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-1zM73.718 16.379a.5.5 0 0 1 .5.5v30.244a.5.5 0 0 1-1 0V32.5h-6.066v-1h6.066V16.879a.5.5 0 0 1 .5-.5m13.656 0a.5.5 0 0 1 .5.5v30.244a.5.5 0 0 1-1 0V16.879a.5.5 0 0 1 .5-.5m13.655 0a.5.5 0 0 1 .5.5v30.244a.5.5 0 0 1-1 0V16.879a.5.5 0 0 1 .5-.5m58.572 27.13a.5.5 0 0 1 0 .981l-.101.01h-11a.5.5 0 0 1 0-1h11zm-80.87-19.314a.5.5 0 0 1 .5.5v14.61a.5.5 0 0 1-.5.5h-.575a.5.5 0 0 1-.5-.5v-14.61a.5.5 0 0 1 .5-.5zm13.657 0a.5.5 0 0 1 .5.5v14.61a.5.5 0 0 1-.5.5h-.576a.5.5 0 0 1-.5-.5v-14.61a.5.5 0 0 1 .5-.5zm13.658 0a.5.5 0 0 1 .5.5v6.573h6.302v1.463h-6.302v6.574a.5.5 0 0 1-.5.5h-.575a.5.5 0 0 1-.5-.5v-14.61a.5.5 0 0 1 .5-.5zm24.2-7.715c.696-.466 1.374-.586 2.021-.39.612.188 1.116.637 1.543 1.134.429.5.829 1.11 1.206 1.684.385.588.749 1.14 1.129 1.582.383.447.735.724 1.076.827.306.094.675.069 1.171-.263.514-.345 1.138-1.007 1.885-2.146a.501.501 0 0 1 .836.549c-.777 1.185-1.488 1.974-2.164 2.428-.695.466-1.374.586-2.02.39-.613-.187-1.118-.637-1.544-1.133-.43-.501-.829-1.111-1.205-1.685-.386-.588-.749-1.14-1.129-1.582-.384-.447-.736-.724-1.076-.828-.307-.094-.677-.069-1.172.264-.451.302-.984.847-1.611 1.74l-.274.406a.5.5 0 0 1-.836-.549l.288-.426c.666-.95 1.284-1.605 1.876-2.001"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const ed_batteryacinverter = { render };
+export {
+  ed_batteryacinverter as default,
+  render
+};

package/dist/main.es151.js

@@ -0,0 +1,23 @@
+import "./main.es3.js";
+import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "176",
+  height: "64",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#000",
+  d: "M116 52H64V12h52zm48 0h-40V12h40zm-99-1h50V13H65zm60.708 0H163V13.708zm-.708-.706L162.294 13H125zM150.5 47a.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-1zM73.718 16.379a.5.5 0 0 1 .5.5v30.244a.5.5 0 0 1-1 0V32.5h-6.066v-1h6.066V16.879a.5.5 0 0 1 .5-.5m13.656 0a.5.5 0 0 1 .5.5v30.244a.5.5 0 0 1-1 0V16.879a.5.5 0 0 1 .5-.5m13.655 0a.5.5 0 0 1 .5.5v30.244a.5.5 0 0 1-1 0V16.879a.5.5 0 0 1 .5-.5m58.572 27.13a.5.5 0 0 1 0 .981l-.101.01h-11a.5.5 0 0 1 0-1h11zm-80.87-19.314a.5.5 0 0 1 .5.5v14.61a.5.5 0 0 1-.5.5h-.575a.5.5 0 0 1-.5-.5v-14.61a.5.5 0 0 1 .5-.5zm13.657 0a.5.5 0 0 1 .5.5v14.61a.5.5 0 0 1-.5.5h-.576a.5.5 0 0 1-.5-.5v-14.61a.5.5 0 0 1 .5-.5zm13.658 0a.5.5 0 0 1 .5.5v6.573h6.302v1.463h-6.302v6.574a.5.5 0 0 1-.5.5h-.575a.5.5 0 0 1-.5-.5v-14.61a.5.5 0 0 1 .5-.5zM130.5 19.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 .98l-.101.01h-11a.5.5 0 0 1 0-1h11z"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const ed_batteryintegratedinverter = { render };
+export {
+  ed_batteryintegratedinverter as default,
+  render
+};

package/dist/main.es152.js

@@ -0,0 +1,23 @@
+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",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#000",
+  d: "M46.784 29.524a.49.49 0 0 1 .701 0 .51.51 0 0 1 0 .712L46.24 31.5h17.761v1H46.239l1.246 1.266a.51.51 0 0 1 0 .713.49.49 0 0 1-.702 0l-1.738-1.766-1.736 1.766-.078.064a.49.49 0 0 1-.625-.064.51.51 0 0 1-.063-.634l.063-.079L44.344 32l-1.738-1.764a.51.51 0 0 1 0-.712.49.49 0 0 1 .702 0l1.738 1.764zm-1.613-6.509a.5.5 0 0 1 .243.97l-33.97 8.5-.06.015H0v-1h11.26z"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const ed_cirquitbreaker = { render };
+export {
+  ed_cirquitbreaker as default,
+  render
+};

package/dist/main.es153.js

@@ -0,0 +1,23 @@
+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",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#000",
+  d: "m30.407 19.262-2.424.616 1.716 6.935 14.985-3.809a.5.5 0 0 1 .247.969l-33.485 8.511-.06.016H0v-1h11.262l17.469-4.441-1.716-6.935-2.423.616.959-8.498zM64.001 32.5H45.547a.5.5 0 1 1 0-1H64z"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const ed_cirquitbreaker_magnetic = { render };
+export {
+  ed_cirquitbreaker_magnetic as default,
+  render
+};

package/dist/main.es154.js

@@ -0,0 +1,23 @@
+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",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#000",
+  d: "M23.636 12.71a.496.496 0 0 1 .603.365l1.06 4.369 4.78-1.195 1.473 6.068-4.78 1.196.938 3.87 17.46-4.368.102-.015a.501.501 0 0 1 .142.986l-33.97 8.5-.06.014H0v-1h11.26l15.48-3.874-1.175-4.841 4.78-1.197-1-4.126-4.78 1.197-1.296-5.341a.505.505 0 0 1 .367-.608M64 32.5H45.047a.5.5 0 1 1 0-1H64z"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const ed_cirquitbreaker_thermal = { render };
+export {
+  ed_cirquitbreaker_thermal as default,
+  render
+};

package/dist/main.es155.js

@@ -0,0 +1,23 @@
+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: "65",
+  height: "64",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#000",
+  d: "M29.977 10.316a.5.5 0 0 1 .607.362l1.231 4.845 4.362-1.108 1.478 5.815-4.361 1.109 1.142 4.492 11.61-2.95a.5.5 0 1 1 .246.968l-33.969 8.635-.06.016H.877v-1h11.262l15.703-3.992-1.827-7.384-2.423.615.959-8.497 4.856 7.02-2.424.616 1.828 7.384 4.656-1.184-1.389-5.463 4.361-1.108-.985-3.876-4.361 1.108-1.478-5.815a.5.5 0 0 1 .362-.608M65 32.5H45.924a.5.5 0 0 1 0-1H65z"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const ed_cirquitbreaker_thermal_magnetic = { render };
+export {
+  ed_cirquitbreaker_thermal_magnetic as default,
+  render
+};

package/dist/main.es156.js

@@ -0,0 +1,23 @@
+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",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#000",
+  d: "M32 0c17.673 0 32 14.327 32 32S49.673 64 32 64 0 49.673 0 32 14.327 0 32 0M10.438 54.269C16.017 59.672 23.618 63 32 63c8.38 0 15.982-3.328 21.562-8.731L32 32.707zM9.73 10.438C4.327 16.017 1 23.618 1 32c0 8.38 3.327 15.982 8.73 21.562L31.293 32zM32.707 32l21.562 21.562C59.672 47.982 63 40.38 63 32c0-8.38-3.328-15.983-8.731-21.562zM32 1c-8.38 0-15.983 3.327-21.562 8.73L32 31.293 53.562 9.73C47.982 4.327 40.38 1 32 1"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const ed_consumption = { render };
+export {
+  ed_consumption as default,
+  render
+};

package/dist/main.es157.js

@@ -0,0 +1,23 @@
+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: "24",
+  height: "14",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#000",
+  d: "M5.5 9.5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1zm9 0a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1zm9 0a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1zm.051-6.498a.5.5 0 0 1 0 .996L23.5 4H.5a.5.5 0 0 1 0-1h23z"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const ed_dc = { render };
+export {
+  ed_dc as default,
+  render
+};

package/dist/main.es158.js

@@ -0,0 +1,23 @@
+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",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#000",
+  d: "M45.22 28.5a.5.5 0 0 1 .5.5v2.5h18.281v1h-18.28V35a.5.5 0 0 1-1 0v-6a.5.5 0 0 1 .5-.5m.226-5.5a.5.5 0 0 1 .142.986l-34.1 8.5-.06.015H0v-1h11.305l34.042-8.486z"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const ed_disconnector = { render };
+export {
+  ed_disconnector as default,
+  render
+};

package/dist/main.es159.js

@@ -0,0 +1,23 @@
+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",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#000",
+  d: "M45.047 28.547a.5.5 0 0 1 .5.5V31.5H64v1H45.547v2.454a.5.5 0 0 1-1 0v-5.907a.5.5 0 0 1 .5-.5m-7.068-3.63 7.194-1.772.1-.014a.5.5 0 0 1 .14.985l-7.195 1.772 1.016 4.126-20.278 4.996-1.017-4.126-6.497 1.601-.058.015H0v-1h11.263l6.437-1.587-1.01-4.104 20.278-4.997zM18.91 30.644l.779 3.156 18.335-4.518-.777-3.155zM17.9 26.54l.772 3.134 18.336-4.518-.772-3.133z"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const ed_disconnector_fuse = { render };
+export {
+  ed_disconnector_fuse as default,
+  render
+};