@eturnity/eturnity_reusable_components 8.22.8 → 8.22.9

package/dist/main.es20.js

@@ -1,4 +1,543 @@
-const Test_vue_vue_type_style_index_0_lang = "";
+import "./main.es3.js";
+import _sfc_main$1 from "./main.es372.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.es21.js";
+import { ref } from "./main.es16.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 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 = true;
+      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 _hoisted_1 = {
+  ref: "icon",
+  "data-test-id": "infoText_trigger"
+};
+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(), $setup.isVisible && !!$props.text ? (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 {
-  Test_vue_vue_type_style_index_0_lang as default
+  InfoText as default
 };

package/dist/main.es200.js

@@ -2,11 +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",
-  viewBox: "0 0 256 256"
+  width: "14",
+  height: "14",
+  fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  d: "M245.7 232.4c1 7.7-2.4 11.3-10.3 10.8l-62.1-6.9c-4.9-.5-8-1.9-9.3-4.1s-.6-4.7 2.3-7.5c1.9-1.6 4.1-3.9 6.8-6.8s5-5.2 6.8-7c1.9-2 2.4-3.8 1.8-5.4-.7-1.6-2-3.5-4-5.7-4.7-4.4-9-8.5-12.9-12.1q-5.85-5.4-12.9-12.6c-1-1-2-2-3-3.2s-1.8-2.4-2.3-3.8-.6-2.9-.2-4.4q.45-2.4 3.3-5.1c1-1 1.9-1.9 2.5-2.6.7-.7 1.3-1.4 2-2s1.4-1.2 2.1-2c.7-.7 1.7-1.8 2.9-3.1q5.1-4.95 9.3-4.2 4.35.75 9.3 5.7c3.4 3.3 6.8 6.6 10.3 10s7.5 7.2 11.8 11.5c3.2 3 5.9 5 8.2 6.2s4.5.6 6.7-1.5c1.5-1.5 3.4-3.3 5.7-5.3s4.2-3.9 5.9-5.5c2.9-2.8 5.4-3.9 7.7-3.2s3.7 3.1 4.2 7.4zM11.1 24c-.5-4.3 0-7.2 1.6-8.9 1.6-1.6 4.4-2.3 8.5-2l62 6.9c5.1.5 8.2 1.9 9.5 4.1q1.95 3.3-2.4 7.5c-1.7 1.6-3.7 3.8-6.2 6.4-2.4 2.6-4.6 4.8-6.4 6.6-2 2-2.7 3.8-2 5.4s2.1 3.5 4.3 5.7c2.2 2.3 4.2 4.3 6.2 6 1.9 1.7 3.8 3.4 5.7 5.2 1.9 1.7 3.8 3.6 5.8 5.5l6.3 6.2c1 1 2 2.1 2.9 3.4s1.6 2.7 2 4.2.4 3-.1 4.7c-.5 1.6-1.6 3.3-3.3 4.9l-2.8 2.7c-.7.7-1.3 1.3-1.9 2s-1.3 1.3-2.1 2l-2.8 3c-3.4 3.3-6.3 4.5-8.7 3.7s-5.3-2.9-8.7-6.2-6.5-6.4-9.6-9.2c-3-2.9-6.7-6.5-11.1-10.7-3-3-5.7-5-8.1-6.2s-4.6-.7-6.8 1.5c-1.5 1.6-3.6 3.7-6.3 6-2.7 2.4-4.9 4.4-6.5 6-2.9 2.8-5.4 3.9-7.6 3.2s-3.5-3.1-4-7.4zm223.7-11.1c4.4-.5 7.4 0 9.1 1.6s2.4 4.4 2 8.5l-7.1 60.6c-.5 4.8-1.9 7.8-4.2 9.1s-4.8.5-7.7-2.5c-1.7-1.6-3.9-3.7-6.5-6-2.7-2.4-5-4.5-6.8-6.3-2-1.8-3.9-2.4-5.5-1.9-1.7.6-3.6 1.9-5.8 4.1-4.5 4.4-8.5 8.5-12 12.1-3.4 3.6-7.5 7.7-12.2 12.3-1 1-2.2 1.9-3.5 2.8s-2.8 1.6-4.3 2-3.1.4-4.8-.1-3.4-1.6-5-3.4c-1-1-1.9-1.8-2.6-2.5s-1.5-1.3-2.1-2c-.7-.7-1.4-1.3-2.1-2-.7-.6-1.7-1.6-2.9-3-3.4-3.3-4.7-6.2-4-8.6.7-2.5 2.8-5.3 6.3-8.6l9.6-9.8c3.2-3.3 7-7.1 11.3-11.3 3.2-3 5.4-5.6 6.6-7.9s.6-4.4-1.8-6.4c-1.5-1.5-3.4-3.5-5.8-6-2.4-2.6-4.4-4.6-6-6.3-2.9-2.8-3.9-5.2-3.3-7.4.7-2.1 3.2-3.4 7.6-3.9zM21.2 241.7c-4.2.3-7.2-.3-9-1.9s-2.5-4.3-2.1-8.3l7.1-60.6c.5-4.9 1.9-8 4.2-9.2s4.8-.5 7.7 2.3c1.7 1.6 4 3.8 6.9 6.4q4.35 3.9 7.2 6.6c2 2 3.7 2.8 5 2.6s3-1.4 5-3.6q3.3-3.15 6.3-6.3c2-2 4-4.1 6-6 2-2 4.1-4 6.2-6.2 2.1-2.1 4.3-4.4 6.7-6.6q1.5-1.5 3.3-3c1.2-1 2.5-1.7 3.9-2.2s2.9-.5 4.5-.1 3.3 1.5 5.2 3.3c1 1 1.9 1.8 2.6 2.5s1.5 1.3 2.1 2l2 2.2 3 2.7c3.4 3.3 4.8 6.3 4.4 9s-2.4 5.8-5.9 9.2c-3.2 3.1-6.5 6.5-10.1 10-3.5 3.5-7.5 7.4-11.8 11.7-3 3-4.9 5.4-5.7 7.3q-1.05 2.85 2.1 6c1.7 1.5 3.6 3.3 5.7 5.5s4 4.1 5.7 5.8c2.9 2.8 3.9 5.2 3.2 7.4-.7 2.1-3.3 3.4-7.7 3.9z",
-  style: { "stroke-dasharray": "1461,1461", "stroke-dashoffset": "0", "fill-opacity": "1" }
+  fill: "#263238",
+  "fill-rule": "evenodd",
+  d: "m7 1.205 4.382 3.286-.764 1.018L7 2.795 3.382 5.51l-.764-1.018zM7 12.795l4.382-3.286-.764-1.018L7 11.205 3.382 8.49l-.764 1.018z",
+  "clip-rule": "evenodd"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2
@@ -14,8 +18,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const expand = { render };
+const expand_all = { render };
 export {
-  expand as default,
+  expand_all as default,
   render
 };

package/dist/main.es201.js

@@ -7,10 +7,8 @@ const _hoisted_1 = {
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
-  "fill-rule": "evenodd",
-  d: "m7 1.205 4.382 3.286-.764 1.018L7 2.795 3.382 5.51l-.764-1.018zM7 12.795l4.382-3.286-.764-1.018L7 11.205 3.382 8.49l-.764 1.018z",
-  "clip-rule": "evenodd"
+  fill: "#0D0D0D",
+  d: "M.75 0h7.584l3.413 3.413V6.72h-1.222V4.887H6.859V1.222H1.972v10.997h3.665v1.221H.75zm7.331 1.475v2.19h2.19zm2.474 6.52 2.968 3.003L10.555 14l-.868-.859 1.515-1.532H6.858v-1.222h4.344L9.687 8.855z"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2
@@ -18,8 +16,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const expand_all = { render };
+const export_document = { render };
 export {
-  expand_all as default,
+  export_document as default,
   render
 };

package/dist/main.es202.js

@@ -2,22 +2,19 @@ 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",
-  fill: "none"
+  viewBox: "0 0 14 14"
 };
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#0D0D0D",
-  d: "M.75 0h7.584l3.413 3.413V6.72h-1.222V4.887H6.859V1.222H1.972v10.997h3.665v1.221H.75zm7.331 1.475v2.19h2.19zm2.474 6.52 2.968 3.003L10.555 14l-.868-.859 1.515-1.532H6.858v-1.222h4.344L9.687 8.855z"
-}, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", { d: "M12.6 14H1.2c-.7 0-1.3-.6-1.3-1.3V1.3C-.1.6.5 0 1.2 0H6v2H2.9c-.5 0-1 .4-1 .9v8.3c0 .4.5.8 1 .8h8.3c.4 0 .9-.4.9-.9V8h2v4.7c-.2.7-.7 1.3-1.5 1.3M7.9 0h6v6z" }, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", { d: "M5.7 9.8 4.3 8.3l7.1-7.1 1.4 1.4z" }, 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 export_document = { render };
+const external_icon = { render };
 export {
-  export_document as default,
+  external_icon as default,
   render
 };

package/dist/main.es203.js

@@ -2,10 +2,18 @@ import "./main.es3.js";
 import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 14 14"
+  width: "34",
+  height: "34",
+  fill: "none"
 };
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", { d: "M12.6 14H1.2c-.7 0-1.3-.6-1.3-1.3V1.3C-.1.6.5 0 1.2 0H6v2H2.9c-.5 0-1 .4-1 .9v8.3c0 .4.5.8 1 .8h8.3c.4 0 .9-.4.9-.9V8h2v4.7c-.2.7-.7 1.3-1.5 1.3M7.9 0h6v6z" }, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", { d: "M5.7 9.8 4.3 8.3l7.1-7.1 1.4 1.4z" }, null, -1);
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#384F5A",
+  d: "M4 33.9S4 36 6.1 36h27.8s2.1 0 2.1-2.1V6.1S36 4 33.9 4H6.1S4 4 4 6.1z"
+}, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#fff",
+  d: "M21.3 30c-2.8 0-5.1-.4-6.4-1.4-2.1-1.4-2.9-3.2-2.9-6.7V10.6s0-.6.6-.6h14.2s.6 0 .6.6v2.5s0 .6-.6.6h-9.5s-.6 0-.6.6v2.1s0 .6.6.6h6.5s.6 0 .6.6V20s0 .6-.6.6h-6.5s-.6 0-.6.6v1.4c0 2.4 2.3 3.4 4.7 3.4 0 0 2.6-.1 5.3-1.1 0 0 .5-.2.6.4l.1 2.5s0 .6-.5.8c-.1 0-2.7 1.4-5.6 1.4"
+}, null, -1);
 const _hoisted_4 = [
   _hoisted_2,
   _hoisted_3
@@ -13,8 +21,8 @@ const _hoisted_4 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
 }
-const external_icon = { render };
+const fav_icon = { render };
 export {
-  external_icon as default,
+  fav_icon as default,
   render
 };