@eturnity/eturnity_reusable_components 7.51.16-EPDM-13568.3 → 7.51.16-EPDM-10609.14

package/src/components/sideMenu/index.vue

@@ -9,53 +9,33 @@
           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">
-            <Icon
-              :color="
-                activeTab === item.key
-                  ? theme.colors.white
-                  : theme.colors.primary
-              "
-              cursor="pointer"
-              :name="item.icon"
-              size="18px"
-            />
+          <IconContainer
+            :is-active="activeTab === item.key || activeParentTab === item.key"
+          >
+            <Icon color="#fff" cursor="pointer" :name="item.icon" size="18px" />
           </IconContainer>
-          <ListText :is-active="activeTab === item.key">{{
-            $gettext(item.label)
-          }}</ListText>
+          <ListText>{{ $gettext(item.label) }}</ListText>
         </ListItem>
         <CollapseWrapper v-else :key="idx + item.key">
           <CollapseContainer
             :data-id="`sub_menu_settings_${item.key}`"
-            :is-active="activeParentTab === item.key"
             @click="toggleActiveDropdown(item.key)"
           >
             <IconContainer :is-active="activeParentTab === item.key">
               <Icon
-                :color="
-                  activeParentTab === item.key
-                    ? theme.colors.white
-                    : theme.colors.primary
-                "
+                color="#fff"
                 cursor="pointer"
                 :name="item.icon"
                 size="18px"
               />
             </IconContainer>
-            <ListText :is-active="activeTab === item.key">{{
-              $gettext(item.label)
-            }}</ListText>
+            <ListText>{{ $gettext(item.label) }}</ListText>
             <ArrowContainer>
               <Icon
-                :color="
-                  activeDropdown === item.key
-                    ? theme.colors.white
-                    : theme.colors.primary
-                "
+                color="white"
                 :name="activeDropdown === item.key ? 'arrow_up' : 'arrow_down'"
                 size="10px"
               />
@@ -88,7 +68,7 @@
         @click="$emit('on-logout')"
       >
         <RotateIcon
-          :color="theme.colors.primary"
+          color="#fff"
           cursor="pointer"
           name="initial_situation"
           size="18px"
@@ -103,17 +83,16 @@
   import styled from 'vue3-styled-components'
   import Icon from '../icon'
   import Spinner from '../spinner'
-  import theme from '@/assets/theme.js'
 
   const PageAttrs = { isLoading: Boolean }
   const PageContainer = styled('div', PageAttrs)`
-    background-color: ${(props) => props.theme.colors.white};
+    background-color: ${(props) =>
+      props.isLoading ? props.theme.colors.white : props.theme.colors.grey6};
     padding: 14px 12px;
     min-width: 220px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
-    border-right: 1px solid rgba(89, 0, 204, 0.2);
   `
 
   const ListContainer = styled.div`
@@ -132,19 +111,17 @@
     padding: 4px;
     border-radius: 6px;
     background-color: ${(props) =>
-      props.isActive ? props.theme.colors.primary : ''};
+      props.isActive ? 'rgba(255, 255, 255, 0.1)' : ''};
 
     :hover {
-      background-color: rgba(89, 0, 204, 0.2);
+      background-color: rgba(255, 255, 255, 0.1);
     }
   `
 
-  const ListTextAttrs = { isActive: Boolean }
-  const ListText = styled('div', ListTextAttrs)`
+  const ListText = styled.div`
     font-size: 16px;
     font-weight: 700;
-    color: ${(props) =>
-      props.isActive ? props.theme.colors.white : props.theme.colors.primary};
+    color: ${(props) => props.theme.colors.white};
   `
 
   const IconContainer = styled('div', IconAttrs)`
@@ -153,16 +130,18 @@
     justify-items: center;
     width: 32px;
     height: 32px;
+    background-color: ${(props) =>
+      props.isActive ? props.theme.colors.red : 'rgba(255, 255, 255, 0.2)'};
     border-radius: 6px;
 
     ${({ isButton = false }) =>
       isButton &&
       `
-        cursor: pointer;
-        &:hover {
-          background-color: rgba(89, 0, 204, 0.2);
-        }
-        `}
+  cursor: pointer;
+  &:hover {
+    background-color: rgba(255, 255, 255, 0.3);
+  }
+  `}
   `
 
   const SpinnerContainer = styled.div`
@@ -182,7 +161,7 @@
   const AppVersion = styled.p`
     font-size: 11px;
     line-height: 13px;
-    color: ${(props) => props.theme.colors.primary};
+    color: ${(props) => props.theme.colors.white};
     margin-right: 6px;
   `
 
@@ -196,19 +175,20 @@
     margin-left: 65px;
     padding: 8px;
     border-radius: 6px;
-    color: ${(props) =>
-      props.isActive ? props.theme.colors.white : props.theme.colors.primary};
+    color: ${(props) => props.theme.colors.white};
     font-weight: 700;
-    background: ${(props) =>
-      props.isActive ? props.theme.colors.primary : ''};
+    ${({ isActive }) =>
+      isActive &&
+      `
+    background: rgba(255, 255, 255, 0.1);
+  `}
 
     &:hover {
-      background: rgba(89, 0, 204, 0.2);
+      background: rgba(255, 255, 255, 0.1);
     }
   `
 
-  const CollapseContainerAttrs = { isActive: Boolean }
-  const CollapseContainer = styled('div', CollapseContainerAttrs)`
+  const CollapseContainer = styled.div`
     display: grid;
     grid-template-columns: auto 1fr auto;
     grid-gap: 20px;
@@ -216,16 +196,8 @@
     border-radius: 6px;
     align-items: center;
     cursor: pointer;
-    background: ${(props) =>
-      props.isActive ? props.theme.colors.primary : ''};
-
     &:hover {
-      background: rgba(89, 0, 204, 0.2);
-    }
-
-    div {
-      color: ${(props) =>
-        props.isActive ? props.theme.colors.white : props.theme.colors.primary};
+      background: rgba(255, 255, 255, 0.1);
     }
   `
 
@@ -282,7 +254,6 @@
     data() {
       return {
         activeDropdown: null,
-        theme,
       }
     },
     mounted() {

package/src/components/spinner/index.vue

@@ -1,12 +1,12 @@
 <template>
-  <SpinnerContainer
-    v-if="fullWidth"
-    data-test-id="spinner_full_container"
-    :size="size"
-  >
+  <SpinnerContainer v-if="fullWidth" data-test-id="spinner_full_container">
     <Container>
-      <SpinnerWrapper data-test-id="spinner_full_wrapper" :size="size">
-        <SpinnerCircle :is-white="isWhite" :size="size" />
+      <SpinnerWrapper data-test-id="spinner_full_wrapper">
+        <SpinnerSvg
+          :class="{ white: isWhite }"
+          data-test-id="spinner_full_icon"
+          :style="{ width: size, height: size }"
+        />
       </SpinnerWrapper>
     </Container>
   </SpinnerContainer>
@@ -15,14 +15,21 @@
     data-test-id="spinner_container"
     :limited-to-modal="limitedToModal"
   >
-    <SpinnerWrapper data-test-id="spinner_wrapper" :size="size">
-      <SpinnerCircle :is-white="isWhite" :size="size" />
+    <SpinnerWrapper data-test-id="spinner_wrapper">
+      <SpinnerSvg
+        :class="{ white: isWhite }"
+        data-test-id="spinner_icon"
+        :style="{ width: size, height: size }"
+      />
     </SpinnerWrapper>
   </Container>
 </template>
 
 <script>
+  // import Spinner from "@eturnity/eturnity_reusable_components/src/components/spinner"
+  // <spinner size="30px" />
   import styled from 'vue3-styled-components'
+  import SpinnerSvg from '../../assets/icons/black_spinner.svg'
 
   const SpinnerContainer = styled.div`
     position: fixed;
@@ -36,72 +43,35 @@
     justify-items: center;
     z-index: 100;
   `
-
   const containerAttrs = { limitedToModal: Boolean }
   const Container = styled('div', containerAttrs)`
     display: grid;
     align-items: center;
     justify-items: center;
     position: ${(props) => (props.limitedToModal ? 'absolute' : 'inherit')};
-    height: ${(props) => (props.limitedToModal ? '100%' : 'auto')};
-    width: ${(props) => (props.limitedToModal ? '100%' : 'auto')};
+    height: ${(props) => (props.limitedToModal ? '100%' : 'inherit')};
+    width: ${(props) => (props.limitedToModal ? '100%' : 'inherit')};
   `
 
-  const wrapperAttrs = { size: String }
-  const SpinnerWrapper = styled('div', wrapperAttrs)`
-    width: ${(props) =>
-      props.size === 'large'
-        ? '56px'
-        : props.size === 'medium'
-        ? '40px'
-        : '24px'};
-    height: ${(props) =>
-      props.size === 'large'
-        ? '56px'
-        : props.size === 'medium'
-        ? '40px'
-        : '24px'};
-  `
-
-  const circleAttrs = { size: String, isWhite: Boolean }
-  const SpinnerCircle = styled('div', circleAttrs)`
-    width: 100%;
-    height: 100%;
-    border-radius: 100%;
-    border: ${(props) => (props.size === 'large' ? '4px' : '2px')} solid
-      ${(props) =>
-        props.isWhite ? props.theme.colors.grey5 : props.theme.colors.white};
-    border-top-color: ${(props) =>
-      props.isWhite ? props.theme.colors.white : props.theme.colors.primary};
-    border-right-color: ${(props) =>
-      props.isWhite ? props.theme.colors.white : props.theme.colors.primary};
-    border-bottom-color: ${(props) =>
-      props.isWhite ? props.theme.colors.white : props.theme.colors.primary};
-    animation: spin 1s linear infinite;
-    transform: rotate(90deg);
+  const SpinnerWrapper = styled.div`
+    width: ${(props) => (props.size ? props.size : '60px')};
+    height: auto;
 
-    @keyframes spin {
-      to {
-        transform: rotate(450deg);
-      }
+    .white {
+      filter: brightness(0) invert(1);
     }
   `
 
   export default {
-    name: 'NewSpinner',
+    name: 'SpinnerComponent',
     components: {
-      SpinnerContainer,
-      SpinnerCircle,
       Container,
       SpinnerWrapper,
+      SpinnerContainer,
+      SpinnerSvg,
     },
     props: {
-      size: {
-        type: String,
-        default: 'medium',
-        validator: (value) => ['small', 'medium', 'large'].includes(value),
-      },
-      isWhite: {
+      fullWidth: {
         required: false,
         default: false,
         type: Boolean,
@@ -111,7 +81,12 @@
         default: false,
         type: Boolean,
       },
-      fullWidth: {
+      size: {
+        required: false,
+        default: '60px',
+        type: String,
+      },
+      isWhite: {
         required: false,
         default: false,
         type: Boolean,

package/src/components/tableDropdown/index.vue

@@ -25,19 +25,18 @@
                 item.type === 'template')
             "
           />
-          <MainButton
+          <TemplateButton
             v-if="
               item.type &&
               item.type === 'template' &&
               (item.value === '' || item.value === '-')
             "
             :key="index + '_button'"
-            button-size="small"
-            :text="$gettext('Use template...')"
-            :type="primary"
-            :variant="showArchived ? 'cancel' : 'main'"
+            :show-archived="showArchived"
             @click.stop="onTemplateClick(item.row)"
-          />
+          >
+            {{ $gettext('Use template...') }}
+          </TemplateButton>
           <TemplateLink
             v-else-if="
               item.type && item.type === 'template' && item.value !== ''
@@ -60,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"
@@ -120,7 +121,7 @@
                 @on-change="onSearch($event)"
               />
             </SearchContainer>
-            <Spinner v-if="optionsLoading" size="small" />
+            <Spinner v-if="optionsLoading" />
             <EmptyText v-else-if="!optionsLoading && !optionItems.length">
               {{ emptyText ? emptyText : $gettext('No components found.') }}
             </EmptyText>
@@ -138,13 +139,12 @@
                 <span v-if="option !== 'template'">
                   {{ !!item[option] ? item[option] : '-' }}
                 </span>
-                <MainButton
+                <TemplateButton
                   v-else-if="option === 'template' && item.has_template"
-                  button-size="small"
-                  :text="$gettext('Use template...')"
-                  :type="primary"
                   @click.stop="onTemplateClick(item)"
-                />
+                >
+                  {{ $gettext('Use template...') }}
+                </TemplateButton>
                 <NoTemplate
                   v-else-if="option === 'template' && !item.has_template"
                 >
@@ -198,7 +198,6 @@
   import Icon from '../icon'
   import theme from '@/assets/theme.js'
   import InfoText from '../infoText'
-  import MainButton from '../buttons/mainButton'
 
   const rowAttrs = { disabled: Boolean, isOpen: Boolean }
   const DropdownRow = styled('div', rowAttrs)`
@@ -357,6 +356,17 @@
   `
 
   const templateAttrs = { showArchived: Boolean }
+  const TemplateButton = styled('div', templateAttrs)`
+    cursor: pointer;
+    background-color: #263238;
+    color: ${(props) =>
+      props.showArchived ? props.theme.colors.red : props.theme.colors.white};
+    padding: 4px 10px;
+    display: inline-block;
+    border-radius: 4px;
+    text-align: center;
+    margin-left: 15px;
+  `
 
   const NoTemplate = styled('div', templateAttrs)`
     color: ${(props) =>
@@ -379,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-end;
+
     .inputField input {
       border-radius: 4px 0 0 4px;
     }
@@ -450,7 +466,7 @@
       OptionsWrapper,
       OptionsItem,
       SearchContainer,
-      MainButton,
+      TemplateButton,
       NoTemplate,
       TemplateLink,
       InputText,
@@ -515,6 +531,14 @@
         required: false,
         default: false,
       },
+      showInfoText: {
+        required: false,
+        default: false,
+      },
+      infoTextMessage: {
+        required: false,
+        default: '',
+      },
     },
     data() {
       return {

package/src/components/tables/mainTable/index.vue

@@ -91,7 +91,7 @@
     }
 
     ::-webkit-scrollbar-thumb {
-      border-bottom: 10px solid ${(props) => props.theme.colors.primary}; // width of the actual scrollbar
+      border-bottom: 10px solid ${(props) => props.theme.colors.brightBlue}; // width of the actual scrollbar
       border-radius: 4px;
     }
   `
@@ -154,7 +154,7 @@
 
     th {
       padding: 11px 15px;
-      background-color: ${(props) => props.theme.colors.grey5};
+      background-color: ${(props) => props.theme.colors.blue1};
       cursor: auto;
       height: 40px;
 

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
-};