@eturnity/eturnity_reusable_components 8.22.7 → 8.22.9

package/dist/main.es367.js

@@ -2,24 +2,36 @@ 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: "16",
+  height: "16",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#3C474C",
-  "fill-rule": "evenodd",
-  d: "M12.967 14H1.032a1 1 0 0 1-.88-1.476L6.12 1.497a1 1 0 0 1 1.759 0l5.968 11.027a1 1 0 0 1-.88 1.476M5.98 3.404h2.039V8.45H5.98zM7 12.486c.732 0 1.325-.587 1.325-1.312 0-.724-.593-1.311-1.325-1.311s-1.326.587-1.326 1.312c0 .724.594 1.311 1.326 1.311",
-  "clip-rule": "evenodd"
+  fill: "#FC0",
+  d: "M14.277 15H1.723a1 1 0 0 1-.868-1.496L7.132 2.519a1 1 0 0 1 1.736 0l6.277 10.985A1 1 0 0 1 14.277 15"
 }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#fff",
+  d: "M7 5h2v5H7z",
+  class: "fix"
+}, null, -1);
+const _hoisted_4 = /* @__PURE__ */ createBaseVNode("circle", {
+  cx: "8",
+  cy: "12.7",
+  r: "1.3",
+  fill: "#fff",
+  class: "fix"
+}, null, -1);
+const _hoisted_5 = [
+  _hoisted_2,
+  _hoisted_3,
+  _hoisted_4
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_5);
 }
-const warning_triangle = { render };
+const warning_triangle_white = { render };
 export {
-  warning_triangle as default,
+  warning_triangle_white as default,
   render
 };

package/dist/main.es368.js

@@ -7,31 +7,17 @@ const _hoisted_1 = {
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#FC0",
-  d: "M14.277 15H1.723a1 1 0 0 1-.868-1.496L7.132 2.519a1 1 0 0 1 1.736 0l6.277 10.985A1 1 0 0 1 14.277 15"
+  fill: "#263238",
+  d: "M17 15a2 2 0 1 1-4 0 2 2 0 0 1 4 0M27 25a2 2 0 1 1-4 0 2 2 0 0 1 4 0M21 16.5a1.5 1.5 0 0 1 3 0V21h2v-4.5a3.5 3.5 0 1 0-7 0v7a1.5 1.5 0 0 1-3 0V19h-2v4.5a3.5 3.5 0 1 0 7 0z"
 }, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#fff",
-  d: "M7 5h2v5H7z",
-  class: "fix"
-}, null, -1);
-const _hoisted_4 = /* @__PURE__ */ createBaseVNode("circle", {
-  cx: "8",
-  cy: "12.7",
-  r: "1.3",
-  fill: "#fff",
-  class: "fix"
-}, null, -1);
-const _hoisted_5 = [
-  _hoisted_2,
-  _hoisted_3,
-  _hoisted_4
+const _hoisted_3 = [
+  _hoisted_2
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_5);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const warning_triangle_white = { render };
+const way = { render };
 export {
-  warning_triangle_white as default,
+  way as default,
   render
 };

package/dist/main.es369.js

@@ -3,12 +3,12 @@ import { openBlock, createElementBlock, createElementVNode as createBaseVNode }
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
-  height: "16",
+  height: "12",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#263238",
-  d: "M17 15a2 2 0 1 1-4 0 2 2 0 0 1 4 0M27 25a2 2 0 1 1-4 0 2 2 0 0 1 4 0M21 16.5a1.5 1.5 0 0 1 3 0V21h2v-4.5a3.5 3.5 0 1 0-7 0v7a1.5 1.5 0 0 1-3 0V19h-2v4.5a3.5 3.5 0 1 0 7 0z"
+  d: "m13 17.949 1.273 1.272a8.1 8.1 0 0 1 11.454 0L27 17.95c-3.863-3.863-10.13-3.863-14 0m5.09 5.09L20 24.95l1.91-1.91a2.696 2.696 0 0 0-3.82 0m-2.544-2.545 1.272 1.273a4.5 4.5 0 0 1 6.364 0l1.273-1.273c-2.457-2.456-6.447-2.456-8.91 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 way = { render };
+const wifi = { render };
 export {
-  way as default,
+  wifi as default,
   render
 };

package/dist/main.es37.js

@@ -2,31 +2,25 @@ 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",
-  viewBox: "12 12 16 16"
+  width: "42",
+  height: "36",
+  fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
-  "fill-rule": "evenodd",
-  d: "m20 13 7 3.817-.952 1.62L20 15.14l-6.048 3.298-.952-1.62z",
-  "clip-rule": "evenodd"
+  fill: "#DEE2EB",
+  d: "M22 42.5c9.389 0 17-7.611 17-17s-7.611-17-17-17-17 7.611-17 17 7.611 17 17 17"
 }, null, -1);
 const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  stroke: "#263238",
-  "stroke-width": "2",
-  d: "m17.1 19.19 2.9-1.582 2.9 1.583"
+  fill: "#20A4CA",
+  d: "M28 42.5c9.389 0 17-7.611 17-17s-7.611-17-17-17-17 7.611-17 17 7.611 17 17 17"
 }, null, -1);
 const _hoisted_4 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
-  "fill-rule": "evenodd",
-  d: "m20 21.562 2.65 1.446-.951 1.62L20 23.702l-1.698.926-.953-1.62zm-3.873 4.252L13.952 27 13 25.38l2.175-1.186zM26.047 27l-2.174-1.186.952-1.62L27 25.38z",
-  "clip-rule": "evenodd"
+  fill: "#fff",
+  d: "M28 27.7c-1.1 0-2-.9-2-2v-11c0-1.1.9-2 2-2s2 .9 2 2v11c0 1.1-.9 2-2 2"
 }, null, -1);
 const _hoisted_5 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
-  d: "M20.966 22.915h-1.933v-4.622h1.933z"
+  fill: "#fff",
+  d: "M26 25.7c0-1.1.9-2 2-2h11c1.1 0 2 .9 2 2s-.9 2-2 2H28c-1.1 0-2-.9-2-2"
 }, null, -1);
 const _hoisted_6 = [
   _hoisted_2,
@@ -37,8 +31,8 @@ const _hoisted_6 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_6);
 }
-const adjust_roof = { render };
+const after_sale_as_a_service = { render };
 export {
-  adjust_roof as default,
+  after_sale_as_a_service as default,
   render
 };

package/dist/main.es370.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: "16",
-  height: "12",
+  width: "26",
+  height: "26",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
-  d: "m13 17.949 1.273 1.272a8.1 8.1 0 0 1 11.454 0L27 17.95c-3.863-3.863-10.13-3.863-14 0m5.09 5.09L20 24.95l1.91-1.91a2.696 2.696 0 0 0-3.82 0m-2.544-2.545 1.272 1.273a4.5 4.5 0 0 1 6.364 0l1.273-1.273c-2.457-2.456-6.447-2.456-8.91 0"
+  fill: "#20A4CA",
+  d: "M31.62 20.523v-1.057h-1.934L32 17.163l-.75-.75-3.055 3.053h-6.922l4.893-4.893h4.323v-1.056h-3.266l1.364-1.364-.74-.75-1.374 1.374V9.51h-1.057v4.323l-4.893 4.893v-6.922l3.065-3.055-.75-.75-2.315 2.314V8.37h-1.057v1.944L17.163 8l-.75.75 3.053 3.055v6.922l-4.893-4.893V9.51h-1.056v3.266l-1.364-1.374-.75.75 1.374 1.364H9.51v1.056h4.323l4.893 4.893h-6.922L8.75 16.412l-.75.75 2.314 2.304H8.37v1.057h1.944L8 22.837l.75.74 3.055-3.054h6.922l-4.893 4.893H9.51v1.057h3.266l-1.374 1.374.75.74 1.364-1.364v3.266h1.056v-4.323l4.893-4.893v6.922l-3.054 3.055.75.75 2.304-2.314v1.934h1.057v-1.934L22.837 32l.75-.75-3.064-3.055v-6.922l4.893 4.893v4.323h1.057v-3.266l1.374 1.364.74-.74-1.364-1.374h3.266v-1.057h-4.323l-4.893-4.893h6.922l3.055 3.054.75-.74-2.314-2.314z"
 }, 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 wifi = { render };
+const winter = { render };
 export {
-  wifi as default,
+  winter as default,
   render
 };

package/dist/main.es371.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: "26",
-  height: "26",
+  width: "18",
+  height: "16",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#20A4CA",
-  d: "M31.62 20.523v-1.057h-1.934L32 17.163l-.75-.75-3.055 3.053h-6.922l4.893-4.893h4.323v-1.056h-3.266l1.364-1.364-.74-.75-1.374 1.374V9.51h-1.057v4.323l-4.893 4.893v-6.922l3.065-3.055-.75-.75-2.315 2.314V8.37h-1.057v1.944L17.163 8l-.75.75 3.053 3.055v6.922l-4.893-4.893V9.51h-1.056v3.266l-1.364-1.374-.75.75 1.374 1.364H9.51v1.056h4.323l4.893 4.893h-6.922L8.75 16.412l-.75.75 2.314 2.304H8.37v1.057h1.944L8 22.837l.75.74 3.055-3.054h6.922l-4.893 4.893H9.51v1.057h3.266l-1.374 1.374.75.74 1.364-1.364v3.266h1.056v-4.323l4.893-4.893v6.922l-3.054 3.055.75.75 2.304-2.314v1.934h1.057v-1.934L22.837 32l.75-.75-3.064-3.055v-6.922l4.893 4.893v4.323h1.057v-3.266l1.374 1.364.74-.74-1.364-1.374h3.266v-1.057h-4.323l-4.893-4.893h6.922l3.055 3.054.75-.74-2.314-2.314z"
+  fill: "#263238",
+  d: "M2.4 1.2a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0M6 1.2a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0M2.4 4.8a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0M6 4.8a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0M10 1h6s2 0 2 2 0 2-2 2h-6S8 5 8 3s0-2 2-2M2.4 11.2a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0M6 11.2a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0M2.4 14.8a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0M6 14.8a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0M10 11h6s2 0 2 2 0 2-2 2h-6s-2 0-2-2 0-2 2-2"
 }, 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 winter = { render };
+const workflow_template = { render };
 export {
-  winter as default,
+  workflow_template as default,
   render
 };

package/dist/main.es372.js

@@ -1,23 +1,252 @@
 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: "18",
-  height: "16",
-  fill: "none"
+import styled from "./main.es7.js";
+import { fetchIcon } from "./main.es376.js";
+import { reactive } from "./main.es16.js";
+import { computed, onMounted, watch, openBlock, createBlock, withCtx, createVNode, createElementVNode as createBaseVNode, createTextVNode, createCommentVNode } from "./main.es6.js";
+import { toDisplayString } from "./main.es21.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.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 () => {
+      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"]);
+    };
+  }
 };
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
-  d: "M2.4 1.2a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0M6 1.2a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0M2.4 4.8a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0M6 4.8a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0M10 1h6s2 0 2 2 0 2-2 2h-6S8 5 8 3s0-2 2-2M2.4 11.2a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0M6 11.2a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0M2.4 14.8a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0M6 14.8a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0M10 11h6s2 0 2 2 0 2-2 2h-6s-2 0-2-2 0-2 2-2"
-}, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
-];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
-}
-const workflow_template = { render };
 export {
-  workflow_template as default,
-  render
+  _sfc_main as default
 };

package/dist/main.es375.js

@@ -1,5 +1,5 @@
 import { HOOK_PLUGIN_SETTINGS_SET } from "./main.es374.js";
-import { now } from "./main.es378.js";
+import { now } from "./main.es377.js";
 class ApiProxy {
   constructor(plugin, hook) {
     this.target = null;