@eturnity/eturnity_reusable_components 8.31.3 → 8.31.5-EPDM-13818.0

package/dist/main.es376.js

@@ -1,252 +1,23 @@
 import "./main.es3.js";
-import styled from "./main.es7.js";
-import { fetchIcon } from "./main.es381.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.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"]);
-    };
-  }
+import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "26",
+  height: "26",
+  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"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const winter = { render };
 export {
-  _sfc_main as default
+  winter as default,
+  render
 };

package/dist/main.es377.js

@@ -1,57 +1,23 @@
-import styled from "./main.es7.js";
-import _sfc_main$1 from "./main.es376.js";
-import theme from "./main.es8.js";
 import "./main.es3.js";
-import _export_sfc from "./main.es11.js";
-import { resolveComponent, openBlock, createBlock, withCtx } from "./main.es6.js";
-const Caret = styled("div", {
-  size: String
-})`
-    padding: 4px;
-    display: flex;
-    align-items: center;
-  `;
-const _sfc_main = {
-  name: "CaretElement",
-  components: {
-    Icon: _sfc_main$1,
-    Caret
-  },
-  props: {
-    isDown: {
-      type: Boolean,
-      default: false
-    },
-    size: {
-      type: String,
-      default: "10px"
-    }
-  },
-  data() {
-    return {
-      theme
-    };
-  }
+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"
 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Icon = resolveComponent("Icon");
-  const _component_Caret = resolveComponent("Caret", true);
-  return openBlock(), createBlock(_component_Caret, null, {
-    default: withCtx(() => [$props.isDown ? (openBlock(), createBlock(_component_Icon, {
-      key: 0,
-      color: $data.theme.semanticColors.teal[800],
-      name: "arrow_up_unfilled",
-      size: $props.size
-    }, null, 8, ["color", "size"])) : (openBlock(), createBlock(_component_Icon, {
-      key: 1,
-      color: $data.theme.semanticColors.teal[800],
-      name: "arrow_down_unfilled",
-      size: $props.size
-    }, null, 8, ["color", "size"]))]),
-    _: 1
-  });
+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 RCCaret = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const workflow_template = { render };
 export {
-  RCCaret as default
+  workflow_template as default,
+  render
 };

package/dist/main.es378.js

@@ -1,12 +1,57 @@
-function getDevtoolsGlobalHook() {
-  return getTarget().__VUE_DEVTOOLS_GLOBAL_HOOK__;
-}
-function getTarget() {
-  return typeof navigator !== "undefined" && typeof window !== "undefined" ? window : typeof globalThis !== "undefined" ? globalThis : {};
+import styled from "./main.es7.js";
+import _sfc_main$1 from "./main.es24.js";
+import theme from "./main.es8.js";
+import "./main.es3.js";
+import _export_sfc from "./main.es11.js";
+import { resolveComponent, openBlock, createBlock, withCtx } from "./main.es6.js";
+const Caret = styled("div", {
+  size: String
+})`
+    padding: 4px;
+    display: flex;
+    align-items: center;
+  `;
+const _sfc_main = {
+  name: "CaretElement",
+  components: {
+    Icon: _sfc_main$1,
+    Caret
+  },
+  props: {
+    isDown: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: String,
+      default: "10px"
+    }
+  },
+  data() {
+    return {
+      theme
+    };
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Icon = resolveComponent("Icon");
+  const _component_Caret = resolveComponent("Caret", true);
+  return openBlock(), createBlock(_component_Caret, null, {
+    default: withCtx(() => [$props.isDown ? (openBlock(), createBlock(_component_Icon, {
+      key: 0,
+      color: $data.theme.semanticColors.teal[800],
+      name: "arrow_up_unfilled",
+      size: $props.size
+    }, null, 8, ["color", "size"])) : (openBlock(), createBlock(_component_Icon, {
+      key: 1,
+      color: $data.theme.semanticColors.teal[800],
+      name: "arrow_down_unfilled",
+      size: $props.size
+    }, null, 8, ["color", "size"]))]),
+    _: 1
+  });
 }
-const isProxyAvailable = typeof Proxy === "function";
+const RCCaret = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  getDevtoolsGlobalHook,
-  getTarget,
-  isProxyAvailable
+  RCCaret as default
 };