@eturnity/eturnity_reusable_components 8.40.8--dev-06.0 → 8.40.8-EPDM-17241.2

package/dist/main.es25.js

@@ -1,66 +1,543 @@
-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];
-}
-!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
-!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
-const onRE = /^on[^a-z]/;
-const isOn = (key) => onRE.test(key);
-const isModelListener = (key) => key.startsWith("onUpdate:");
-const extend = Object.assign;
-const isArray = Array.isArray;
-const isFunction = (val) => typeof val === "function";
-const isString = (val) => typeof val === "string";
-const cacheStringFunction = (fn) => {
-  const cache = /* @__PURE__ */ Object.create(null);
-  return (str) => {
-    const hit = cache[str];
-    return hit || (cache[str] = fn(str));
-  };
+import "./main.es3.js";
+import _sfc_main$1 from "./main.es17.js";
+import styled from "./main.es7.js";
+import theme from "./main.es8.js";
+import _export_sfc from "./main.es11.js";
+import { computed, onMounted, onUnmounted, watch, nextTick, resolveComponent, openBlock, createBlock, withCtx, createElementVNode as createBaseVNode, createVNode, createElementBlock, createTextVNode, createCommentVNode, Fragment, renderSlot, Teleport } from "./main.es6.js";
+import { toDisplayString, normalizeStyle } from "./main.es16.js";
+import { ref } from "./main.es19.js";
+const TextOverlayAttrs = {
+  appTheme: String,
+  image: Boolean,
+  width: Number
+};
+const TextOverlay = styled("div", TextOverlayAttrs)`
+    color: ${(props) => props.image ? props.theme.colors.grey1 : props.theme.colors.black};
+    font-size: ${(props) => props.image ? "12px" : "13px"};
+    border-radius: 4px;
+    padding: 10px;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+    white-space: normal;
+    width: ${(props) => props.width ? `${props.width}px` : "100%"};
+    box-shadow: ${(props) => props.image ? "0 2px 10px rgba(0, 0, 0, 0.1)" : "none"};
+
+    a {
+      color: ${(props) => props.theme.colors.blue};
+    }
+
+    img + span {
+      margin-top: 10px;
+      display: block;
+    }
+  `;
+const PageContainer = styled("div")`
+    display: ${(props) => props.type === "dot" ? "unset" : "inline-block"};
+    position: relative;
+  `;
+const TextWrapper = styled("div")`
+    z-index: 9999999999;
+    position: absolute;
+  `;
+const OverlayImage = styled("img")`
+    width: 100%;
+    height: auto;
+  `;
+const Dot = styled("div")`
+    width: 5px;
+    height: 5px;
+    background-color: ${(props) => props.color};
+    border-radius: 50%;
+  `;
+const IconWrapperAttrs = {
+  backgroundColor: String,
+  borderRadius: String,
+  padding: String,
+  hoveredIcon: Boolean,
+  isActive: Boolean,
+  isDisabled: Boolean
+};
+const IconWrapper = styled("div", IconWrapperAttrs)`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 6px;
+    white-space: nowrap;
+    background-color: ${(props) => props.backgroundColor};
+    border-radius: ${(props) => props.hoveredIcon ? "6px" : props.borderRadius};
+    padding: ${(props) => props.padding};
+    width: ${(props) => props.hoveredIcon ? "32px" : ""};
+    height: ${(props) => props.hoveredIcon ? "32px" : ""};
+    cursor: pointer;
+    background-color: ${(props) => props.isActive ? props.theme.colors.transparentWhite2 : ""};
+    cursor: ${(props) => props.isDisabled ? "not-allowed" : "pointer"};
+    &:hover {
+      background-color: ${(props) => props.hoveredIcon ? props.theme.colors.transparentWhite2 : ""};
+    }
+  `;
+const LabelWrapperAttrs = {
+  size: String,
+  color: String
 };
-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 invokeArrayFns = (fns, arg) => {
-  for (let i = 0; i < fns.length; i++) {
-    fns[i](arg);
+const LabelWrapper = styled("div", LabelWrapperAttrs)`
+    font-size: ${(props) => props.size};
+    color: ${(props) => props.color};
+  `;
+const _sfc_main = {
+  name: "InfoText",
+  components: {
+    IconComponent: _sfc_main$1,
+    TextOverlay,
+    // Arrow,
+    Dot,
+    PageContainer,
+    TextWrapper,
+    OverlayImage,
+    IconWrapper,
+    LabelWrapper
+  },
+  props: {
+    text: {
+      required: false,
+      default: "",
+      type: String
+    },
+    isActive: {
+      required: false,
+      default: false,
+      type: Boolean
+    },
+    labelText: {
+      required: false,
+      default: "",
+      type: String
+    },
+    size: {
+      type: String,
+      default: "14px"
+    },
+    infoPosition: {
+      required: false,
+      default: null,
+      type: String
+    },
+    maxWidth: {
+      default: "400px",
+      type: String
+    },
+    openTrigger: {
+      type: String,
+      default: "onHover",
+      validator: (value) => ["onHover", "onClick"].includes(value)
+    },
+    buttonType: {
+      type: String,
+      default: "regular",
+      validator: (value) => ["regular", "error"].includes(value)
+    },
+    image: {
+      type: String,
+      default: ""
+    },
+    iconName: {
+      type: String,
+      default: "info"
+    },
+    iconColor: {
+      type: String,
+      default: null,
+      required: false
+    },
+    isDisabled: {
+      type: Boolean,
+      default: false,
+      required: false
+    },
+    dotColor: {
+      type: String,
+      required: false,
+      default: theme.semanticColors.blue[400]
+    },
+    type: {
+      type: String,
+      required: false,
+      default: "info"
+      // info, dot
+    },
+    appTheme: {
+      type: String,
+      default: "light",
+      // light or dark
+      required: false
+    },
+    labelAlign: {
+      type: String,
+      default: "right",
+      required: false
+    },
+    backgroundColor: {
+      type: String,
+      default: "",
+      required: false
+    },
+    contentBackgroundColor: {
+      type: String,
+      default: "",
+      required: false
+    },
+    borderRadius: {
+      type: String,
+      default: "",
+      required: false
+    },
+    padding: {
+      type: String,
+      default: "",
+      required: false
+    },
+    labelSize: {
+      type: String,
+      default: "12px",
+      required: false
+    },
+    noIcon: {
+      type: Boolean,
+      default: false,
+      required: false
+    },
+    hoveredIcon: {
+      type: Boolean,
+      default: false,
+      required: false
+    },
+    hideInfoText: {
+      type: Boolean,
+      default: false,
+      required: false
+    }
+  },
+  setup(props) {
+    const isVisible = ref(false);
+    const container = ref(null);
+    const icon = ref(null);
+    const infoBox = ref(null);
+    const textContent = ref(null);
+    const infoImage = ref(null);
+    const infoBoxWidth = ref(0);
+    const infoBoxHeight = ref(0);
+    const boxStyle = ref({});
+    const arrowStyle = ref({});
+    const wrapperStyle = ref({});
+    const isMobile = ref(window.innerWidth <= 768);
+    const textStyle = computed(() => ({
+      fontSize: props.image ? "12px" : "13px",
+      color: props.image ? theme.colors.grey1 : props.appTheme === "dark" ? theme.colors.black : theme.colors.white,
+      textAlign: props.image ? "right" : "left"
+    }));
+    const calculatePosition = (width) => {
+      if (!icon.value || !width)
+        return {};
+      const iconRect = icon.value.getBoundingClientRect();
+      const windowHeight = window.innerHeight;
+      const windowWidth = window.innerWidth;
+      const spaceBelow = windowHeight - iconRect.bottom - 10;
+      const spaceAbove = iconRect.top - 10;
+      const spaceRight = windowWidth - iconRect.right - 10;
+      const spaceLeft = iconRect.left - 10;
+      const positions = [{
+        position: "bottom",
+        space: spaceBelow
+      }, {
+        position: "top",
+        space: spaceAbove
+      }, {
+        position: "right",
+        space: spaceRight
+      }, {
+        position: "left",
+        space: spaceLeft
+      }].sort((a, b) => b.space - a.space);
+      const bestPosition = props.infoPosition ? props.infoPosition : positions[0].position;
+      let top, left, arrowPosition;
+      switch (bestPosition) {
+        case "bottom":
+          top = Math.round(iconRect.bottom + 10);
+          left = Math.round(Math.min(iconRect.left, windowWidth - width - 10));
+          arrowPosition = {
+            left: `${Math.round(Math.min(Math.max(iconRect.left - left + iconRect.width / 2 - 8, 2), width - 18))}px`,
+            top: "-7px",
+            bottom: "auto",
+            transform: "rotate(180deg)"
+          };
+          break;
+        case "top":
+          top = Math.round(iconRect.top - infoBoxHeight.value - 10);
+          left = Math.round(Math.min(iconRect.left, windowWidth - width - 10));
+          arrowPosition = {
+            left: `${Math.round(Math.min(Math.max(iconRect.left - left + iconRect.width / 2 - 8, 2), width - 18))}px`,
+            top: "auto",
+            bottom: "-7px",
+            transform: "none"
+          };
+          break;
+        case "right":
+          top = Math.round(Math.max(Math.min(iconRect.top - (infoBoxHeight.value - iconRect.height) / 2, windowHeight - infoBoxHeight.value - 10), 10));
+          left = Math.round(iconRect.right + 10);
+          arrowPosition = {
+            left: "-7px",
+            top: `${Math.round(Math.min(Math.max(iconRect.top - top + iconRect.height / 2 - 8, 2), infoBoxHeight.value - 18))}px`,
+            bottom: "auto",
+            transform: "rotate(90deg)"
+          };
+          break;
+        case "left":
+          top = Math.round(Math.max(Math.min(iconRect.top - (infoBoxHeight.value - iconRect.height) / 2, windowHeight - infoBoxHeight.value - 10), 10));
+          left = Math.round(iconRect.left - width - 10);
+          arrowPosition = {
+            left: "auto",
+            right: "-7px",
+            top: `${Math.round(Math.min(Math.max(iconRect.top - top + iconRect.height / 2 - 8, 2), infoBoxHeight.value - 18))}px`,
+            bottom: "auto",
+            transform: "rotate(-90deg)"
+          };
+          break;
+      }
+      arrowStyle.value = arrowPosition;
+      wrapperStyle.value = {
+        position: "fixed",
+        top: `${top}px`,
+        left: `${left}px`,
+        transform: "none",
+        width: `${width}px`
+      };
+      return {
+        width: "100%",
+        maxWidth: props.maxWidth,
+        overflowY: "auto",
+        backgroundColor: props.contentBackgroundColor ? props.contentBackgroundColor : props.image ? theme.colors.white : props.appTheme === "light" ? theme.colors.black : theme.colors.grey5
+      };
+    };
+    const showInfo = async () => {
+      isVisible.value = !props.hideInfoText;
+      await nextTick();
+      await nextTick();
+      await updatePosition();
+    };
+    const hideInfo = () => {
+      isVisible.value = false;
+      infoBoxWidth.value = 0;
+    };
+    const toggleInfo = () => {
+      isVisible.value ? hideInfo() : showInfo();
+    };
+    const handleScroll = () => {
+      if (isVisible.value) {
+        hideInfo();
+      }
+      updatePosition();
+    };
+    const isIconInView = () => {
+      if (!icon.value)
+        return false;
+      const rect = icon.value.getBoundingClientRect();
+      return rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth);
+    };
+    const updatePosition = async () => {
+      if (!infoBox.value || !textContent.value)
+        return;
+      if (infoBox.value.$el) {
+        infoBox.value.$el.style.visibility = "hidden";
+        infoBox.value.$el.style.display = "block";
+      }
+      await nextTick();
+      if (!isIconInView()) {
+        if (isVisible.value)
+          hideInfo();
+        return;
+      }
+      const clone = textContent.value.cloneNode(true);
+      clone.style.position = "absolute";
+      clone.style.visibility = "hidden";
+      clone.style.width = "auto";
+      clone.style.maxWidth = "none";
+      clone.style.whiteSpace = "nowrap";
+      document.body.appendChild(clone);
+      const contentWidth = clone.offsetWidth;
+      document.body.removeChild(clone);
+      const calculatedWidth = Math.min(Math.max(contentWidth, 230), parseInt(props.maxWidth, 10));
+      infoBoxWidth.value = calculatedWidth;
+      await nextTick();
+      infoBoxHeight.value = infoBox.value.$el.offsetHeight;
+      boxStyle.value = calculatePosition(calculatedWidth);
+      if (isVisible.value && infoBox.value.$el) {
+        infoBox.value.$el.style.visibility = "visible";
+      }
+    };
+    const onImageLoad = () => {
+      if (infoImage.value) {
+        infoBoxHeight.value = infoBox.value.$el.offsetHeight;
+        updatePosition();
+      }
+    };
+    const handleClickOutside = (event) => {
+      if ((props.openTrigger === "onClick" || isMobile.value) && isVisible.value) {
+        const clickedElement = event.target;
+        if (infoBox.value && !infoBox.value.$el.contains(clickedElement) && !icon.value.contains(clickedElement)) {
+          hideInfo();
+        }
+      }
+    };
+    const handleResize = () => {
+      isMobile.value = window.innerWidth <= 768;
+      updatePosition();
+    };
+    onMounted(() => {
+      window.addEventListener("scroll", handleScroll, {
+        passive: true
+      });
+      window.addEventListener("resize", handleResize);
+      document.addEventListener("scroll", handleScroll, {
+        passive: true,
+        capture: true
+      });
+      document.addEventListener("click", handleClickOutside);
+    });
+    onUnmounted(() => {
+      window.removeEventListener("scroll", handleScroll);
+      window.removeEventListener("resize", handleResize);
+      document.removeEventListener("scroll", handleScroll, {
+        capture: true
+      });
+      document.removeEventListener("click", handleClickOutside);
+    });
+    watch(isVisible, (newValue) => {
+      if (newValue) {
+        updatePosition();
+      }
+    });
+    return {
+      isVisible,
+      boxStyle,
+      arrowStyle,
+      showInfo,
+      hideInfo,
+      toggleInfo,
+      container,
+      icon,
+      infoBox,
+      textContent,
+      infoImage,
+      infoBoxWidth,
+      infoBoxHeight,
+      wrapperStyle,
+      textStyle,
+      onImageLoad,
+      isMobile
+    };
+  },
+  computed: {
+    computedIconColor() {
+      return this.buttonType === "error" ? theme.colors.red : theme.colors.mediumGray;
+    }
   }
 };
-const looseToNumber = (val) => {
-  const n = parseFloat(val);
-  return isNaN(n) ? val : n;
+const _hoisted_1 = {
+  ref: "icon",
+  "data-test-id": "infoText_trigger"
 };
-const HTML_TAGS = "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot";
-const SVG_TAGS = "svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,feDistantLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,text,textPath,title,tspan,unknown,use,view";
-const isHTMLTag = /* @__PURE__ */ makeMap(HTML_TAGS);
-const isSVGTag = /* @__PURE__ */ makeMap(SVG_TAGS);
-const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`;
-const isSpecialBooleanAttr = /* @__PURE__ */ makeMap(specialBooleanAttrs);
-function includeBooleanAttr(value) {
-  return !!value || value === "";
+const _hoisted_2 = ["innerHTML"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_LabelWrapper = resolveComponent("LabelWrapper");
+  const _component_Dot = resolveComponent("Dot");
+  const _component_IconComponent = resolveComponent("IconComponent");
+  const _component_IconWrapper = resolveComponent("IconWrapper");
+  const _component_OverlayImage = resolveComponent("OverlayImage");
+  const _component_TextOverlay = resolveComponent("TextOverlay");
+  const _component_TextWrapper = resolveComponent("TextWrapper");
+  const _component_PageContainer = resolveComponent("PageContainer");
+  return openBlock(), createBlock(_component_PageContainer, {
+    ref: "container",
+    "data-test-id": "infoText_container",
+    type: $props.type,
+    onClick: _cache[0] || (_cache[0] = ($event) => {
+      ($setup.isMobile || $props.openTrigger === "onClick") && $setup.toggleInfo();
+    }),
+    onMouseenter: _cache[1] || (_cache[1] = ($event) => !$setup.isMobile && $props.openTrigger === "onHover" && $setup.showInfo()),
+    onMouseleave: _cache[2] || (_cache[2] = ($event) => !$setup.isMobile && $props.openTrigger === "onHover" && $setup.hideInfo())
+  }, {
+    default: withCtx(() => [createBaseVNode("div", _hoisted_1, [createVNode(_component_IconWrapper, {
+      "background-color": $props.backgroundColor,
+      "border-radius": $props.borderRadius,
+      "hovered-icon": $props.hoveredIcon,
+      "is-active": $props.isActive,
+      "is-disabled": $props.isDisabled,
+      padding: $props.padding
+    }, {
+      default: withCtx(() => [!_ctx.$slots.trigger ? (openBlock(), createElementBlock(Fragment, {
+        key: 0
+      }, [$props.labelText && $props.labelAlign === "left" ? (openBlock(), createBlock(_component_LabelWrapper, {
+        key: 0,
+        color: $props.iconColor || $options.computedIconColor,
+        size: $props.labelSize
+      }, {
+        default: withCtx(() => [createTextVNode(toDisplayString($props.labelText), 1)]),
+        _: 1
+      }, 8, ["color", "size"])) : createCommentVNode("", true), createTextVNode(), $props.type === "dot" ? (openBlock(), createBlock(_component_Dot, {
+        key: 1,
+        color: $props.dotColor,
+        "data-test-id": "infoText_dot"
+      }, null, 8, ["color"])) : !$props.noIcon ? (openBlock(), createBlock(_component_IconComponent, {
+        key: 2,
+        color: $props.iconColor || $options.computedIconColor,
+        cursor: $props.isDisabled ? "not-allowed" : "pointer",
+        disabled: $props.isDisabled,
+        "hovered-color": $props.iconColor || $options.computedIconColor,
+        name: $props.iconName,
+        size: $props.size
+      }, null, 8, ["color", "cursor", "disabled", "hovered-color", "name", "size"])) : createCommentVNode("", true), createTextVNode(), $props.labelText && $props.labelAlign === "right" ? (openBlock(), createBlock(_component_LabelWrapper, {
+        key: 3,
+        color: $props.iconColor || $options.computedIconColor,
+        size: $props.labelSize
+      }, {
+        default: withCtx(() => [createTextVNode(toDisplayString($props.labelText), 1)]),
+        _: 1
+      }, 8, ["color", "size"])) : createCommentVNode("", true)], 64)) : createCommentVNode("", true), createTextVNode(), renderSlot(_ctx.$slots, "trigger")]),
+      _: 3
+    }, 8, ["background-color", "border-radius", "hovered-icon", "is-active", "is-disabled", "padding"])], 512), createTextVNode(), !$props.hideInfoText && $setup.isVisible && (!!$props.text || _ctx.$slots.default) ? (openBlock(), createBlock(Teleport, {
+      key: 0,
+      to: "body"
+    }, [createVNode(_component_TextWrapper, {
+      "data-test-id": "info_text_wrapper",
+      style: normalizeStyle($setup.wrapperStyle)
+    }, {
+      default: withCtx(() => [createVNode(_component_TextOverlay, {
+        ref: "infoBox",
+        "app-theme": $props.appTheme,
+        image: $props.image,
+        style: normalizeStyle($setup.boxStyle),
+        width: $setup.infoBoxWidth
+      }, {
+        default: withCtx(() => [$props.image ? (openBlock(), createBlock(_component_OverlayImage, {
+          key: 0,
+          ref: "infoImage",
+          alt: "Info Image",
+          src: $props.image,
+          onLoad: $setup.onImageLoad
+        }, null, 8, ["src", "onLoad"])) : createCommentVNode("", true), createTextVNode(), !$props.hideInfoText ? (openBlock(), createElementBlock("span", {
+          key: 1,
+          ref: "textContent",
+          style: normalizeStyle($setup.textStyle)
+        }, [renderSlot(_ctx.$slots, "default", {}, () => [createBaseVNode("span", {
+          innerHTML: $props.text
+        }, null, 8, _hoisted_2)])], 4)) : createCommentVNode("", true)]),
+        _: 3
+      }, 8, ["app-theme", "image", "style", "width"]), createTextVNode()]),
+      _: 3
+    }, 8, ["style"])])) : createCommentVNode("", true)]),
+    _: 3
+  }, 8, ["type"]);
 }
+const InfoText = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  capitalize,
-  extend,
-  hyphenate,
-  includeBooleanAttr,
-  invokeArrayFns,
-  isArray,
-  isFunction,
-  isHTMLTag,
-  isModelListener,
-  isOn,
-  isSVGTag,
-  isSpecialBooleanAttr,
-  isString,
-  looseToNumber,
-  makeMap
+  InfoText as default
 };

package/dist/main.es250.js

@@ -2,27 +2,22 @@ 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: "26",
+  width: "15",
+  height: "15",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   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"
+  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 = /* @__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
+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 layers_open = { render };
+const key = { render };
 export {
-  layers_open as default,
+  key as default,
   render
 };

package/dist/main.es251.js

@@ -1,28 +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: "42",
-  height: "42",
+  width: "130",
+  height: "40",
   fill: "none"
 };
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  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 = /* @__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_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,
-  _hoisted_3
+  _hoisted_2
 ];
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
 }
-const lead_marketplace = { render };
+const lake = { render };
 export {
-  lead_marketplace as default,
+  lake as default,
   render
 };