@eturnity/eturnity_reusable_components 8.7.1 → 8.7.2-EPDM-10609.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "8.7.1",
+  "version": "8.7.2-EPDM-10609.15",
   "files": [
     "dist",
     "src"

package/src/assets/svgIcons/plus_button.svg

@@ -0,0 +1,4 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22 10V12L0 12L1.19209e-07 10L22 10Z" fill="white"/>
+<path d="M10 0H12V22H10V0Z" fill="white"/>
+</svg>

package/src/assets/svgIcons/star.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 9.46199L9.708 11.7L8.724 7.48199L12 4.64399L7.686 4.27799L6 0.299988L4.314 4.27799L0 4.64399L3.276 7.48199L2.292 11.7L6 9.46199Z" fill="#FDB813"/>
+</svg>

package/src/assets/theme.js

@@ -11,7 +11,9 @@ const theme = {
     lightGray: '#f2f2f2',
     white: '#ffffff',
     blue: '#48a2d0',
+    blue2: '#6CD4D4',
     red: '#ff5656',
+    pureRed: '#ff0000',
     blue1: '#e4efff',
     brightBlue: '#0068DE',
     grey1: '#666',

package/src/components/infoCard/InfoCard.stories.js

@@ -16,7 +16,18 @@ export default {
       description: '',
     },
     color: {
-      description: 'Color of text and icon (can overwrite preset styles)',
+      description: 'Color of the text (can overwrite preset styles)',
+      control: {
+        type: 'color',
+        presetColors: [
+          theme.colors.grey3,
+          theme.colors.grey4,
+          theme.colors.red,
+        ],
+      },
+    },
+    iconColor: {
+      description: 'Color of the icon (can overwrite preset styles)',
       control: {
         type: 'color',
         presetColors: [
@@ -97,6 +108,12 @@ InfoCardTypeWarning.args = {
   type: 'warning',
 }
 
+export const InfoCardTypeErrorMinor = Template.bind({})
+InfoCardTypeErrorMinor.args = {
+  ...defaultInfoCardProps,
+  type: 'error_minor',
+}
+
 export const InfoCardTypeInfoMinWidth = Template.bind({})
 InfoCardTypeInfoMinWidth.args = {
   ...defaultInfoCardProps,
@@ -108,7 +125,14 @@ export const InfoCardTypeInfoColorOverwritten = Template.bind({})
 InfoCardTypeInfoColorOverwritten.args = {
   ...defaultInfoCardProps,
 
-  color: theme.colors.red,
+  color: theme.colors.green,
+}
+
+export const InfoCardTypeInfoIconColorOverwritten = Template.bind({})
+InfoCardTypeInfoIconColorOverwritten.args = {
+  ...defaultInfoCardProps,
+
+  iconColor: theme.colors.green,
 }
 
 export const InfoCardTypeWarningAlignItemsOverwritten = Template.bind({})
@@ -129,16 +153,18 @@ InfoCardTypeWarningPaddingOverwritten.args = {
   padding: '50px',
 }
 
-export const InfoCardTypeInfoBorderColorOverwritten = Template.bind({})
-InfoCardTypeInfoBorderColorOverwritten.args = {
+export const InfoCardTypeErrorMinorBorderColorOverwritten = Template.bind({})
+InfoCardTypeErrorMinorBorderColorOverwritten.args = {
   ...defaultInfoCardProps,
+  type: 'error_minor',
 
-  borderColor: theme.colors.red,
+  borderColor: theme.colors.green,
 }
 
-export const InfoCardTypeInfoBorderStyleOverwritten = Template.bind({})
-InfoCardTypeInfoBorderStyleOverwritten.args = {
+export const InfoCardTypeErrorMinorBorderStyleOverwritten = Template.bind({})
+InfoCardTypeErrorMinorBorderStyleOverwritten.args = {
   ...defaultInfoCardProps,
+  type: 'error_minor',
 
   borderStyle: 'solid none',
 }

package/src/components/infoCard/index.vue

@@ -10,7 +10,7 @@
     :preset-styles="presetStyles"
   >
     <RCIcon
-      :color="color ? color : presetStyles.iconColor"
+      :color="iconColor ? iconColor : presetStyles.iconColor"
       data-test-id="info_card_icon"
       name="info"
       size="24px"
@@ -79,6 +79,11 @@
         type: String,
         default: '',
       },
+      iconColor: {
+        required: false,
+        type: String,
+        default: '',
+      },
       color: {
         required: false,
         type: String,
@@ -113,6 +118,9 @@
       isWarning() {
         return this.type === 'warning'
       },
+      isErrorMinor() {
+        return this.type === 'error_minor'
+      },
       presetStyles() {
         // the types that doesn't have explicit border anyway have it transparent
         // to avoid flickering in case the same info card would switch the types
@@ -128,6 +136,10 @@
           stylesCollection.color = theme.colors.white
           stylesCollection.backgroundColor = theme.colors.yellow
           stylesCollection.iconColor = theme.colors.white
+        } else if (this.isErrorMinor) {
+          stylesCollection.borderStyle = 'dashed'
+          stylesCollection.borderColor = theme.colors.pureRed
+          stylesCollection.iconColor = theme.colors.pureRed
         } else {
           stylesCollection.borderStyle = 'dashed'
           stylesCollection.borderColor = theme.colors.grey4

package/src/components/infoCard/infoCard.spec.js

@@ -47,10 +47,18 @@ describe('RCInfoCard.vue', () => {
 
       expect(wrapper.vm.isInfo).toBe(true)
       expect(wrapper.vm.isWarning).toBe(false)
+      expect(wrapper.vm.isErrorMinor).toBe(false)
 
       await wrapper.setProps({ type: 'warning' })
 
       expect(wrapper.vm.isInfo).toBe(false)
       expect(wrapper.vm.isWarning).toBe(true)
+      expect(wrapper.vm.isErrorMinor).toBe(false)
+
+      await wrapper.setProps({ type: 'error_minor' })
+
+      expect(wrapper.vm.isInfo).toBe(false)
+      expect(wrapper.vm.isWarning).toBe(false)
+      expect(wrapper.vm.isErrorMinor).toBe(true)
     })
 })

package/src/components/infoText/constants.js

@@ -0,0 +1,4 @@
+export const TEXT_OVERLAY_TOP_OFFSET = 35
+export const TEXT_OVERLAY_LEFT_OFFSET = 3
+export const TEXT_OVERLAY_ARROW_LEFT_OFFSET = 62
+export const TEXT_OVERLAY_ARROW_RIGHT_NEGATIVE_OFFSET = 68

package/src/components/infoText/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <PageContainer ref="container">
+  <PageContainer ref="container" :type="type">
     <div
       ref="icon"
       data-test-id="infoText_trigger"
@@ -7,7 +7,13 @@
       @mouseenter="!isMobile && openTrigger === 'onHover' && showInfo()"
       @mouseleave="!isMobile && openTrigger === 'onHover' && hideInfo()"
     >
+      <Dot
+        v-if="type === 'dot'"
+        :color="dotColor"
+        data-test-id="infoText_dot"
+      />
       <IconComponent
+        v-else
         :color="iconColor || computedIconColor"
         :cursor="isDisabled ? 'not-allowed' : 'pointer'"
         :disabled="isDisabled"
@@ -94,7 +100,7 @@
   `
 
   const PageContainer = styled('div')`
-    display: inline-block;
+    display: ${(props) => (props.type === 'dot' ? 'unset' : 'inline-block')};
     position: relative;
   `
 
@@ -108,12 +114,20 @@
     height: auto;
   `
 
+  const Dot = styled('div')`
+    width: 5px;
+    height: 5px;
+    background-color: ${(props) => props.color};
+    border-radius: 50%;
+  `
+
   export default {
     name: 'InfoText',
     components: {
       IconComponent,
       TextOverlay,
       Arrow,
+      Dot,
       PageContainer,
       TextWrapper,
       OverlayImage,
@@ -165,6 +179,16 @@
         default: false,
         required: false,
       },
+      dotColor: {
+        type: String,
+        required: false,
+        default: theme.colors.blue2,
+      },
+      type: {
+        type: String,
+        required: false,
+        default: 'info', // info, dot
+      },
     },
     setup(props) {
       const isVisible = ref(false)
@@ -354,7 +378,6 @@
       }
 
       const updatePosition = async () => {
-        console.log('updatePosition')
         if (!infoBox.value || !textContent.value) return
 
         // First make the content visible but hidden to get accurate measurements

package/src/components/infoText/infoText.spec.js

@@ -0,0 +1,62 @@
+/* eslint-disable */
+import { mount } from '@vue/test-utils'
+import InfoText from '@/components/infoText'
+import theme from '@/assets/theme'
+
+jest.mock('@/components/icon/iconCache.mjs', () => ({
+  // need to mock this due to how jest handles import.meta
+  fetchIcon: jest.fn(() => Promise.resolve('close_for_modals,_tool_tips.svg')),
+}))
+
+describe('InfoText Component', () => {
+  let wrapper
+
+  beforeEach(() => {
+    wrapper = mount(InfoText, {
+      props: {
+        text: 'default text',
+        size: '14px',
+        infoPosition: 'bottom',
+        alignArrow: 'center',
+        openTrigger: 'onHover',
+        width: '165px',
+        maxWidth: '165px',
+        shouldUseTeleport: false,
+        dotColor: '#00009f',
+        type: 'info',
+      },
+      global: {
+        provide: {
+          theme,
+        },
+      },
+    })
+  })
+
+  test('renders InfoText component with default props', () => {
+    expect(wrapper.find('[data-test-id="infoText_info"]').exists()).toBe(true)
+    expect(wrapper.vm.text).toContain('default text')
+    expect(wrapper.vm.size).toContain('14px')
+    expect(wrapper.vm.infoPosition).toContain('bottom')
+    expect(wrapper.vm.alignArrow).toContain('center')
+  })
+
+  test('openTrigger prop is set to onClick', async () => {
+    await wrapper.setProps({ openTrigger: 'onClick' })
+
+    //should not see text upon hover
+    expect(wrapper.find('[data-test-id="info_text_wrapper"]').exists()).toBe(
+      false
+    )
+    //should see text upon click
+    await wrapper.find('[data-test-id="infoText_trigger"]').trigger('click')
+    expect(wrapper.find('[data-test-id="info_text_wrapper"]').exists()).toBe(
+      true
+    )
+  })
+
+  test('position type is dot', async () => {
+    await wrapper.setProps({ type: 'dot' })
+    expect(wrapper.find('[data-test-id="infoText_dot"]').exists()).toBe(true)
+  })
+})

package/src/components/infoText/infoText.stories.js

@@ -0,0 +1,48 @@
+import InfoText from './index.vue'
+
+export default {
+  title: 'infoText',
+  component: InfoText,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered',
+  },
+}
+
+// import InfoText from "@eturnity/eturnity_reusable_components/src/components/infoText"
+//To use:
+// <info-text
+//     text="Veritatis et quasi architecto beatae vitae"
+//     size="20px"
+//     alignArrow="right" // which side the arrow should be on
+// />
+
+export const Default = {
+  args: {
+    text: 'default text',
+    size: '14px',
+    infoPosition: 'bottom',
+    alignArrow: 'center',
+    openTrigger: 'onHover',
+    width: '165px',
+    maxWidth: '165px',
+    shouldUseTeleport: false,
+    dotColor: '#00009f',
+    type: 'info',
+  },
+}
+
+export const Dot = {
+  args: {
+    ...Default.args,
+    type: 'dot',
+  },
+}
+
+//will only show the info text on click
+export const OnClick = {
+  args: {
+    ...Default.args,
+    openTrigger: 'onClick',
+  },
+}

package/src/components/inputs/select/index.vue

@@ -137,7 +137,7 @@
           </Caret>
         </SelectButton>
         <DropdownWrapper ref="dropdownWrapperRef" :no-relative="noRelative">
-          <Teleport to="#portal-target">
+          <Teleport to="body">
             <SelectDropdown
               v-show="isSelectDropdownShown"
               ref="dropdown"

package/src/components/inputs/select/option/index.vue

@@ -150,12 +150,11 @@
     computed: {},
     methods: {
       clickHandler(e) {
-        if (this.isDisabled) {
+        if (this.isDisabled || !!this.$attrs?.onClick) {
           // prevent emitter if the option is disabled
           return
-        } else {
-          this.$parent.$emit('option-selected', this.value, e)
         }
+        this.$parent.$emit('option-selected', this.value, e)
       },
       hoverHandler() {
         this.$parent.$emit('option-hovered', this.value)

package/src/components/sideMenu/index.vue

@@ -9,10 +9,12 @@
           v-if="!item.children"
           :key="idx"
           :data-id="`sub_menu_settings_${item.key}`"
-          :is-active="activeTab === item.key"
+          :is-active="activeTab === item.key || activeParentTab === item.key"
           @click="$emit('tab-click', { activeKey: item.key })"
         >
-          <IconContainer :is-active="activeTab === item.key">
+          <IconContainer
+            :is-active="activeTab === item.key || activeParentTab === item.key"
+          >
             <Icon color="#fff" cursor="pointer" :name="item.icon" size="18px" />
           </IconContainer>
           <ListText>{{ $gettext(item.label) }}</ListText>

package/src/components/tableDropdown/index.vue

@@ -59,8 +59,10 @@
           </NoTemplate>
           <InputContainer
             v-if="item.type === 'input'"
+            :has-message="showInfoText"
             @click.stop="onInputClick()"
           >
+            <InfoText v-if="showInfoText" :text="infoTextMessage" type="dot" />
             <TextContainer
               v-if="customInputDisabled"
               class="input-placeholder"
@@ -387,7 +389,13 @@
     padding-left: 15px;
   `
 
-  const InputContainer = styled.div`
+  const inputContainerAttrs = { hasMessage: Boolean }
+  const InputContainer = styled('div', inputContainerAttrs)`
+    margin-left: ${(props) => (props.hasMessage ? '10px' : '0')};
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+
     .inputField input {
       border-radius: 4px 0 0 4px;
     }
@@ -523,6 +531,14 @@
         required: false,
         default: false,
       },
+      showInfoText: {
+        required: false,
+        default: false,
+      },
+      infoTextMessage: {
+        required: false,
+        default: '',
+      },
     },
     data() {
       return {

package/dist/main.es.js

@@ -1,7 +0,0 @@
-import App from "./main.es2.js";
-import "./main.es3.js";
-import router from "./main.es4.js";
-import { createApp } from "./main.es5.js";
-const app = createApp(App);
-app.use(router);
-app.mount("#app");

package/dist/main.es10.js

@@ -1,10 +0,0 @@
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-export {
-  _export_sfc as default
-};

package/dist/main.es100.js

@@ -1,23 +0,0 @@
-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: "18",
-  fill: "none"
-};
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#fff",
-  d: "m13.483 9.497-3.069 3.069-.414.414V13h-.02l-.98.98-.98-.98H8v-.02l-.414-.414-3.069-3.069 1.414-1.414 2.07 2.068V4h2v6.151l2.068-2.069zM16 16H0v2h18v-2zM16 0H0v2h18V0z"
-}, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
-];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
-}
-const deal_flow = { render };
-export {
-  deal_flow as default,
-  render
-};

package/dist/main.es101.js

@@ -1,23 +0,0 @@
-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: "16",
-  fill: "none"
-};
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#DEE2EB",
-  d: "M15.771 25.713A1.35 1.35 0 0 0 17.124 27h5.494c.725 0 1.317-.564 1.353-1.287l.79-9.1h-9.78zm5.455-6.842h.903v4.968h-.903zm-1.807 0h.904v4.968h-.904zm-1.806 0h.903v4.968h-.903zM22.129 13.903V13h-4.516v.903H14v1.807h11.742v-1.807z"
-}, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
-];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
-}
-const _delete = { render };
-export {
-  _delete as default,
-  render
-};

package/dist/main.es102.js

@@ -1,20 +0,0 @@
-import "./main.es3.js";
-import { openBlock, createElementBlock, createStaticVNode } from "./main.es6.js";
-const _hoisted_1 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "42",
-  height: "42",
-  fill: "none"
-};
-const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<path fill="#B2B9C5" d="M0 0h40v40H0z"></path><path fill="#fff" d="M20.5 7C21.9 7 23 8.1 23 9.5S21.9 12 20.5 12 18 10.9 18 9.5 19.1 7 20.5 7m0-1C18.6 6 17 7.6 17 9.5s1.6 3.5 3.5 3.5S24 11.4 24 9.5 22.4 6 20.5 6M30.5 7C31.9 7 33 8.1 33 9.5S31.9 12 30.5 12 28 10.9 28 9.5 29.1 7 30.5 7m0-1C28.6 6 27 7.6 27 9.5s1.6 3.5 3.5 3.5S34 11.4 34 9.5 32.4 6 30.5 6M30.5 28c1.4 0 2.5 1.1 2.5 2.5S31.9 33 30.5 33 28 31.9 28 30.5s1.1-2.5 2.5-2.5m0-1c-1.9 0-3.5 1.6-3.5 3.5s1.6 3.5 3.5 3.5 3.5-1.6 3.5-3.5-1.6-3.5-3.5-3.5M20.5 28c1.4 0 2.5 1.1 2.5 2.5S21.9 33 20.5 33 18 31.9 18 30.5s1.1-2.5 2.5-2.5m0-1c-1.9 0-3.5 1.6-3.5 3.5s1.6 3.5 3.5 3.5 3.5-1.6 3.5-3.5-1.6-3.5-3.5-3.5"></path><path stroke="#fff" stroke-miterlimit="10" d="M30.5 12v16M28 9.5h-4M28 30.5h-4"></path><path fill="#fff" d="M15 17v7.6c0 .8-.6 1.4-1.4 1.4H9.4c-.8 0-1.4-.6-1.4-1.4V17zm1-1H7v8.6C7 25.9 8.1 27 9.4 27h4.2c1.3 0 2.4-1.1 2.4-2.4z"></path><path fill="#fff" d="M16 15v1H7v-1zm1-1H6v3h11z"></path><path stroke="#fff" stroke-miterlimit="10" d="M11.5 19v5M13.5 19v5M9.5 19v5"></path><path fill="#fff" d="M12 13v1h-1v-1zm1-1h-3v3h3z"></path>', 7);
-const _hoisted_9 = [
-  _hoisted_2
-];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_9);
-}
-const delete_area_active = { render };
-export {
-  delete_area_active as default,
-  render
-};

package/dist/main.es103.js

@@ -1,20 +0,0 @@
-import "./main.es3.js";
-import { openBlock, createElementBlock, createStaticVNode } from "./main.es6.js";
-const _hoisted_1 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "30",
-  height: "30",
-  fill: "none"
-};
-const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<path fill="#666" d="M20.5 7C21.9 7 23 8.1 23 9.5S21.9 12 20.5 12 18 10.9 18 9.5 19.1 7 20.5 7m0-1C18.6 6 17 7.6 17 9.5s1.6 3.5 3.5 3.5S24 11.4 24 9.5 22.4 6 20.5 6M30.5 7C31.9 7 33 8.1 33 9.5S31.9 12 30.5 12 28 10.9 28 9.5 29.1 7 30.5 7m0-1C28.6 6 27 7.6 27 9.5s1.6 3.5 3.5 3.5S34 11.4 34 9.5 32.4 6 30.5 6M30.5 28c1.4 0 2.5 1.1 2.5 2.5S31.9 33 30.5 33 28 31.9 28 30.5s1.1-2.5 2.5-2.5m0-1c-1.9 0-3.5 1.6-3.5 3.5s1.6 3.5 3.5 3.5 3.5-1.6 3.5-3.5-1.6-3.5-3.5-3.5M20.5 28c1.4 0 2.5 1.1 2.5 2.5S21.9 33 20.5 33 18 31.9 18 30.5s1.1-2.5 2.5-2.5m0-1c-1.9 0-3.5 1.6-3.5 3.5s1.6 3.5 3.5 3.5 3.5-1.6 3.5-3.5-1.6-3.5-3.5-3.5"></path><path stroke="#666" stroke-miterlimit="10" d="M30.5 12v16M28 9.5h-4M28 30.5h-4"></path><path fill="#666" d="M15 17v7.6c0 .8-.6 1.4-1.4 1.4H9.4c-.8 0-1.4-.6-1.4-1.4V17zm1-1H7v8.6C7 25.9 8.1 27 9.4 27h4.2c1.3 0 2.4-1.1 2.4-2.4z"></path><path fill="#666" d="M16 15v1H7v-1zm1-1H6v3h11z"></path><path stroke="#666" stroke-miterlimit="10" d="M11.5 19v5M13.5 19v5M9.5 19v5"></path><path fill="#666" d="M12 13v1h-1v-1zm1-1h-3v3h3z"></path>', 6);
-const _hoisted_8 = [
-  _hoisted_2
-];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_8);
-}
-const delete_area_inactive = { render };
-export {
-  delete_area_inactive as default,
-  render
-};

package/dist/main.es104.js

@@ -1,20 +0,0 @@
-import "./main.es3.js";
-import { openBlock, createElementBlock, createStaticVNode } from "./main.es6.js";
-const _hoisted_1 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "42",
-  height: "42",
-  fill: "none"
-};
-const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<path fill="#B2B9C5" d="M0 0h40v40H0z"></path><path fill="#fff" d="M19.5 7C20.9 7 22 8.1 22 9.5S20.9 12 19.5 12 17 10.9 17 9.5 18.1 7 19.5 7m0-1C17.6 6 16 7.6 16 9.5s1.6 3.5 3.5 3.5S23 11.4 23 9.5 21.4 6 19.5 6M30.5 7C31.9 7 33 8.1 33 9.5S31.9 12 30.5 12 28 10.9 28 9.5 29.1 7 30.5 7m0-1C28.6 6 27 7.6 27 9.5s1.6 3.5 3.5 3.5S34 11.4 34 9.5 32.4 6 30.5 6M30.5 28c1.4 0 2.5 1.1 2.5 2.5S31.9 33 30.5 33 28 31.9 28 30.5s1.1-2.5 2.5-2.5m0-1c-1.9 0-3.5 1.6-3.5 3.5s1.6 3.5 3.5 3.5 3.5-1.6 3.5-3.5-1.6-3.5-3.5-3.5M19.5 28c1.4 0 2.5 1.1 2.5 2.5S20.9 33 19.5 33 17 31.9 17 30.5s1.1-2.5 2.5-2.5m0-1c-1.9 0-3.5 1.6-3.5 3.5s1.6 3.5 3.5 3.5 3.5-1.6 3.5-3.5-1.6-3.5-3.5-3.5"></path><path stroke="#fff" stroke-miterlimit="10" d="M30.5 12v16M28 9.5h-6M28 30.5h-6"></path><path fill="#fff" d="M18 19H6v2h12z"></path><path fill="#fff" d="M13 26V14h-2v12z"></path>', 5);
-const _hoisted_7 = [
-  _hoisted_2
-];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_7);
-}
-const direction_active1 = { render };
-export {
-  direction_active1 as default,
-  render
-};

package/dist/main.es105.js

@@ -1,37 +0,0 @@
-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: "42",
-  height: "42",
-  fill: "none"
-};
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#B2B9C5",
-  d: "M0 0h40v40H0z"
-}, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  stroke: "#fff",
-  "stroke-miterlimit": "10",
-  "stroke-width": "1.348",
-  d: "M6.5 20h27"
-}, null, -1);
-const _hoisted_4 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#fff",
-  stroke: "#fff",
-  "stroke-miterlimit": "10",
-  d: "M19 14 7 20l12 6-5-6z"
-}, null, -1);
-const _hoisted_5 = [
-  _hoisted_2,
-  _hoisted_3,
-  _hoisted_4
-];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_5);
-}
-const direction_active = { render };
-export {
-  direction_active as default,
-  render
-};

package/dist/main.es106.js

@@ -1,28 +0,0 @@
-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: "10",
-  fill: "none"
-};
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#B2B9C5",
-  d: "M18 5.8H6V4.2h12z"
-}, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#B2B9C5",
-  d: "m0 5 7 5V0z"
-}, null, -1);
-const _hoisted_4 = [
-  _hoisted_2,
-  _hoisted_3
-];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
-}
-const direction_arrow = { render };
-export {
-  direction_arrow as default,
-  render
-};