@eturnity/eturnity_reusable_components 8.31.0-dev-03-8.31.1 → 8.31.1

package/dist/main.es97.js

@@ -2,17 +2,17 @@ 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: "8",
-  height: "16",
+  width: "13",
+  height: "23",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#263238",
-  d: "M21.5 14.75a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.5 25.25a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0"
+  d: "M21.5 14.75a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.5 20a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.5 25.25a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0"
 }, null, -1);
 const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#99DB0C",
-  d: "m22.94 18.96-3.78 3.73-2.1.25.25-2.1 3.73-3.78z"
+  d: "m28.94 7.96-3.78 3.73-2.1.25.25-2.1 3.73-3.78z"
 }, null, -1);
 const _hoisted_4 = [
   _hoisted_2,
@@ -21,8 +21,8 @@ const _hoisted_4 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
 }
-const context_menu2 = { render };
+const context_menu1 = { render };
 export {
-  context_menu2 as default,
+  context_menu1 as default,
   render
 };

package/dist/main.es98.js

@@ -2,22 +2,27 @@ 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: "6",
+  width: "8",
   height: "16",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#263238",
-  d: "M21.75 14.75a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.75 20a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.75 25.25a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0"
+  d: "M21.5 14.75a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.5 25.25a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0"
 }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#99DB0C",
+  d: "m22.94 18.96-3.78 3.73-2.1.25.25-2.1 3.73-3.78z"
+}, 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 context_menu = { render };
+const context_menu2 = { render };
 export {
-  context_menu as default,
+  context_menu2 as default,
   render
 };

package/dist/main.es99.js

@@ -2,13 +2,13 @@ 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: "16",
-  height: "6",
+  width: "6",
+  height: "16",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#B2B9C5",
-  d: "M16.5 19.75a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.75 19.75a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M27 19.75a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0"
+  fill: "#263238",
+  d: "M21.75 14.75a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.75 20a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.75 25.25a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2
@@ -16,8 +16,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const context_menu_tabs = { render };
+const context_menu = { render };
 export {
-  context_menu_tabs as default,
+  context_menu as default,
   render
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "8.31.0-dev-03-8.31.1",
+  "version": "8.31.1",
   "files": [
     "dist",
     "src"

package/src/Test.vue

@@ -8,7 +8,15 @@
       :value="value"
       width="120px"
   /></PageContainer>
-  <IconCollection color="red" />
+  <Accordion>
+    <template #trigger>
+      <div><StatusIndicator :is-warning="true">42</StatusIndicator>Header</div>
+    </template>
+    <template #content>
+      <div>Content</div>
+      <IconCollection color="red" />
+    </template>
+  </Accordion>
   <input v-model="value" max="30" min="0" type="range" />
 </template>
 
@@ -16,7 +24,8 @@
   import styled from 'vue3-styled-components'
   import PanelRangeInfo from '@/components/panelRangeInfo'
   import IconCollection from './components/icon/iconCollection.vue'
-
+  import Accordion from './components/accordion'
+  import StatusIndicator from './components/statusIndicator'
   const PageContainer = styled.div`
     padding: 40px;
   `
@@ -27,6 +36,8 @@
       PageContainer,
       PanelRangeInfo,
       IconCollection,
+      StatusIndicator,
+      Accordion,
     },
     data() {
       return {

package/src/components/accordion/Accordion.stories.js

@@ -0,0 +1,41 @@
+import Accordion from './index.vue'
+
+export default {
+  title: 'Accordion',
+  component: Accordion,
+  // argTypes: {},
+}
+
+const Template = (args, { argTypes }) => ({
+  // Components used in your story `template` are defined in the `components` object
+  components: { Accordion },
+  // The story's `args` need to be mapped into the template through the `setup()` method
+  props: Object.keys(argTypes),
+  template: `<Accordion v-bind="$props">
+  <template #trigger>
+      trigger button
+  </template>
+  <template #content>
+      <div>
+        <h3>fully customizable Accordion</h3>
+        <ul>
+          <li>item</li>
+          <li>item</li>
+          <li>item</li>
+        </ul>
+      </div>
+  </template>
+</Accordion>`,
+})
+
+export const Default = Template.bind({})
+Default.args = {
+  openingMode: 'click',
+  width: '150px',
+}
+
+export const withHover = Template.bind({})
+withHover.args = {
+  openingMode: 'hover',
+  width: '100%',
+}

package/src/components/accordion/Caret.vue

@@ -0,0 +1,49 @@
+<template>
+  <Caret>
+    <Icon
+      v-if="isDown"
+      :color="theme.semanticColors.teal[800]"
+      name="arrow_up_unfilled"
+      :size="size"
+    />
+    <Icon
+      v-else
+      :color="theme.semanticColors.teal[800]"
+      name="arrow_down_unfilled"
+      :size="size"
+    />
+  </Caret>
+</template>
+<script>
+  import styled from 'vue3-styled-components'
+  import Icon from '../icon'
+  import theme from '@/assets/theme.js'
+  const Caret = styled('div', { size: String })`
+    padding: 4px;
+    display: flex;
+    align-items: center;
+  `
+
+  export default {
+    name: 'CaretElement',
+    components: {
+      Icon,
+      Caret,
+    },
+    props: {
+      isDown: {
+        type: Boolean,
+        default: false,
+      },
+      size: {
+        type: String,
+        default: '10px',
+      },
+    },
+    data() {
+      return {
+        theme,
+      }
+    },
+  }
+</script>

package/src/components/accordion/index.vue

@@ -0,0 +1,91 @@
+<template>
+  <Wrapper ref="accordeon" :width="width">
+    <WrapperHead @click="toggleOpenByClick">
+      <slot name="trigger"></slot>
+      <RCCaret :is-down="isOpenByClick" />
+    </WrapperHead>
+    <WrapperContent
+      v-show="isOpenByClick"
+      class="accordion-content"
+      :class="{ openAccordion: isOpenByClick && openingMode == 'click' }"
+    >
+      <slot name="content"></slot>
+    </WrapperContent>
+  </Wrapper>
+</template>
+
+<script>
+  // import Icon from "@eturnity/eturnity_reusable_components/src/components/icon"
+  //  How to use:
+  //<AccordionComponent
+  //    width="300px"
+  //    backgroundColor="red">
+
+  // <AccordionComponent/>
+
+  import styled from 'vue3-styled-components'
+  import RCCaret from './Caret.vue'
+  const wrapperAttrs = {
+    width: String,
+  }
+  const Wrapper = styled('div', wrapperAttrs)`
+    display: flex;
+    flex-direction: column;
+
+    width: ${({ width }) => width};
+    position: relative;
+    border-bottom: 1px solid ${(props) => props.theme.semanticColors.grey[400]};
+  `
+  const WrapperContent = styled('div')`
+    diplay: flex;
+    width: 100%;
+  `
+  const WrapperHead = styled('div', wrapperAttrs)`
+    display: flex;
+    width: 100%;
+    align-content: space-between;
+    justify-content: space-between;
+    align-items: center;
+    cursor: pointer;
+  `
+
+  export default {
+    name: 'DropdownComponent',
+    components: {
+      WrapperHead,
+      WrapperContent,
+      Wrapper,
+      RCCaret,
+    },
+    props: {
+      width: {
+        type: String,
+        required: false,
+        default: '100%',
+      },
+      openingMode: {
+        type: String,
+        required: false,
+        default: 'click',
+      },
+    },
+    emits: ['on-open', 'on-close'],
+    data() {
+      return {
+        isOpenByClick: false,
+      }
+    },
+    methods: {
+      toggleOpenByClick() {
+        this.$emit(this.isOpenByClick ? 'on-close' : 'on-open')
+        this.isOpenByClick = !this.isOpenByClick
+      },
+      close() {
+        this.isOpenByClick = false
+      },
+      open() {
+        this.isOpenByClick = true
+      },
+    },
+  }
+</script>

package/src/components/buttons/mainButton/index.vue

@@ -21,7 +21,7 @@
           :name="icon"
           size="14px"
         />
-        {{ isFirstLetterCapitalized ? capitalizeFirstLetter(text) : text }}
+        {{ text }}
       </LabelComponent>
     </ButtonContainer>
   </PageContainer>
@@ -231,10 +231,6 @@
         default: 'medium',
         required: false,
       },
-      isFirstLetterCapitalized: {
-        type: Boolean,
-        default: false,
-      },
     },
     computed: {
       theme() {
@@ -250,10 +246,5 @@
               .default.textColor
       },
     },
-    methods: {
-      capitalizeFirstLetter(word) {
-        return word.charAt(0).toUpperCase() + word.slice(1)
-      },
-    },
   }
 </script>

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

@@ -21,6 +21,7 @@
       <CheckWrapper :has-label="hasLabel">
         <span class="checkmark"></span>
       </CheckWrapper>
+
       <LabelText v-if="hasLabel" :is-disabled="isDisabled">
         {{ label }}
       </LabelText>
@@ -232,6 +233,16 @@
         type: String,
         default: 'pointer',
       },
+      labelInfoText: {
+        type: String,
+        required: false,
+        default: null,
+      },
+      labelInfoAlign: {
+        type: String,
+        required: false,
+        default: 'left',
+      },
     },
     computed: {
       hasLabel() {

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

@@ -3,7 +3,6 @@
     <InputWrapper
       :icon-color="iconColor"
       :icon-position="iconPosition"
-      :input-height="inputHeight"
       :is-full-height="isFullHeight"
     >
       <SearchIconSvg class="search-icn" />
@@ -13,7 +12,6 @@
         :data-qa-id="dataQaId"
         :disabled="disabled"
         :has-focus="hasFocus"
-        :input-height="inputHeight"
         :input-width="inputWidth"
         :is-disabled="disabled"
         :is-filter="isFilter"
@@ -49,7 +47,6 @@
     inputWidth: String,
     isFilter: Boolean,
     isFullHeight: Boolean,
-    inputHeight: String,
   }
   const Container = styled('div', inputAttrs)`
     width: ${(props) => (props.inputWidth ? props.inputWidth : '100%')};
@@ -64,7 +61,7 @@
     font-size: 13px;
     color: ${(props) => props.theme.colors.black};
     width: ${(props) => (props.inputWidth ? props.inputWidth : '100%')};
-    height: ${(props) => (props.isFullHeight ? '100%' : props.inputHeight)};
+    height: ${(props) => (props.isFullHeight ? '100%' : 'auto')};
     box-sizing: border-box;
     cursor: ${(props) => (props.isDisabled ? 'not-allowed' : 'auto')};
     background: ${(props) => props.theme.colors.white} !important;
@@ -81,12 +78,10 @@
     iconColor: String,
     iconPosition: String,
     isFullHeight: Boolean,
-    inputHeight: String,
   }
   const InputWrapper = styled('div', wrapperAttrs)`
     position: relative;
-    height: ${({ isFullHeight, inputHeight }) =>
-      isFullHeight ? '100%' : inputHeight};
+    height: ${(props) => (props.isFullHeight ? '100%' : 'auto')};
 
     svg {
       position: absolute;
@@ -163,10 +158,6 @@
         type: Boolean,
         default: false,
       },
-      inputHeight: {
-        type: String,
-        default: 'auto',
-      },
     },
     emits: ['on-change'],
     watch: {

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

@@ -63,6 +63,7 @@
 
   const LabelWrapper = styled.div`
     display: inline-grid;
+    justify-items: start;
     grid-template-columns: auto 1fr;
     grid-gap: 12px;
     align-items: center;

package/src/components/statusIndicator/index.vue

@@ -0,0 +1,174 @@
+<template>
+  <BoxContainer
+    :border-radius="borderRadius"
+    :is-active="isActive"
+    :is-dirty="isDirty"
+    :is-disabled="isDisabled"
+    :is-error="isError"
+    :is-valid="isValid"
+    :is-warning="isWarning"
+    :size="size"
+  >
+    <RcIcon
+      v-if="isValid"
+      :color="theme.semanticColors.purple[500]"
+      :hovered-color="theme.semanticColors.purple[500]"
+      name="checkmark_thin"
+      size="16px"
+    />
+    <RcIcon
+      v-else-if="isError"
+      :color="theme.colors.white"
+      :hovered-color="theme.colors.white"
+      name="cross"
+      size="10x"
+    />
+    <RcIcon
+      v-else-if="isWarning"
+      :color="theme.colors.white"
+      :hovered-color="theme.colors.white"
+      name="warning_triangle"
+      size="10px"
+    />
+    <NumberContainer v-else :is-active="isActive" :is-valid="isValid">
+      <slot></slot>
+    </NumberContainer>
+  </BoxContainer>
+</template>
+
+<script>
+  // to use the StatusIndicator, you need to pass the following props:
+  // <StatusIndicator
+  //  :is-error="true"
+  //  :is-warning="true"
+  //  :is-dirty="true"
+  //  :is-disabled="true"
+  //  :is-active="true"
+  // >
+  // 42
+  // </StatusIndicator>
+  import styled from 'vue3-styled-components'
+  import RcIcon from '../icon'
+  import theme from '@/assets/theme.js'
+
+  const StyledComponents = {
+    ProgressionStepItem: styled.div`
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+    `,
+    BoxContainer: styled('div', {
+      isActive: Boolean,
+      isValid: Boolean,
+      isError: Boolean,
+      isWarning: Boolean,
+      isDirty: Boolean,
+      isDisabled: Boolean,
+      size: String,
+      borderRadius: String,
+    })`
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: ${({ size }) => size};
+      height: ${({ size }) => size};
+      font-size: 16px;
+      background-color: ${({
+        theme,
+        isValid,
+        isActive,
+        isError,
+        isWarning,
+        isDirty,
+        isDisabled,
+      }) => {
+        if (isDisabled) return theme.semanticColors.grey[200]
+        if (isError) return theme.semanticColors.red[500]
+        if (isWarning) return theme.semanticColors.yellow[500]
+        if (isActive) {
+          return theme.semanticColors.purple[500]
+        }
+        if (!isDirty) return theme.semanticColors.grey[50]
+        if (isValid) return theme.semanticColors.purple[50]
+        return theme.semanticColors.grey[50]
+      }};
+      border: 1px solid;
+      border-color: ${({
+        theme,
+        isValid,
+        isActive,
+        isError,
+        isWarning,
+        isDirty,
+        isDisabled,
+      }) => {
+        if (isDisabled) return theme.semanticColors.grey[500]
+        if (isError) return theme.semanticColors.red[500]
+        if (isWarning) return theme.semanticColors.yellow[600]
+        if (!isDirty) return theme.semanticColors.grey[400]
+        if (isActive) return theme.semanticColors.purple[600]
+        if (isValid) return theme.semanticColors.purple[50]
+        return theme.semanticColors.grey[400]
+      }};
+      color: ${({ theme, isValid, isActive }) =>
+        isActive ? theme.colors.white : theme.semanticColors.grey[800]};
+      margin: 0;
+      border-radius: ${({ borderRadius }) => borderRadius};
+      cursor: ${({ isValid }) => (isValid ? 'pointer' : 'default')};
+      &:hover {
+        ${({ theme, isValid, isActive }) =>
+          isValid
+            ? 'background-color:' + theme.semanticColors.purple[100] + ';'
+            : ''}
+      }
+    `,
+    NumberContainer: styled.div``,
+  }
+  export default {
+    name: 'StatusIndicator',
+    components: {
+      ...StyledComponents,
+      RcIcon,
+    },
+    props: {
+      isError: {
+        type: Boolean,
+        default: false,
+      },
+      isWarning: {
+        type: Boolean,
+        default: false,
+      },
+      isDirty: {
+        type: Boolean,
+        default: false,
+      },
+      isDisabled: {
+        type: Boolean,
+        default: false,
+      },
+      isActive: {
+        type: Boolean,
+        default: false,
+      },
+      size: {
+        type: String,
+        default: '20px',
+      },
+      borderRadius: {
+        type: String,
+        default: '50%',
+      },
+    },
+    data() {
+      return {
+        theme,
+      }
+    },
+    computed: {
+      isValid() {
+        return this.isDirty && !this.isError && !this.isWarning
+      },
+    },
+  }
+</script>

package/dist/main.es734.js

@@ -1,4 +0,0 @@
-const __vite_glob_0_350 = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjEyIiB2aWV3Ym94PSIxMiAxNCAxNiAxMiIgd2lkdGg9IjE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTMgMTcuOTQ4NkwxNC4yNzI3IDE5LjIyMTNDMTcuNDM1NSAxNi4wNTg2IDIyLjU2NDUgMTYuMDU4NiAyNS43MjczIDE5LjIyMTNMMjcgMTcuOTQ4NkMyMy4xMzczIDE0LjA4NTggMTYuODY5MSAxNC4wODU4IDEzIDE3Ljk0ODZaTTE4LjA5MDkgMjMuMDM5NUwyMCAyNC45NDg2TDIxLjkwOTEgMjMuMDM5NUMyMC44NTkxIDIxLjk4MzEgMTkuMTQ3MyAyMS45ODMxIDE4LjA5MDkgMjMuMDM5NVpNMTUuNTQ1NSAyMC40OTRMMTYuODE4MiAyMS43NjY3QzE4LjU3NDUgMjAuMDEwNCAyMS40MjU1IDIwLjAxMDQgMjMuMTgxOCAyMS43NjY3TDI0LjQ1NDUgMjAuNDk0QzIxLjk5ODIgMTguMDM3NiAxOC4wMDgyIDE4LjAzNzYgMTUuNTQ1NSAyMC40OTRaIiBmaWxsPSIjMjYzMjM4Ij48L3BhdGg+Cjwvc3ZnPgo=";
-export {
-  __vite_glob_0_350 as default
-};

package/dist/main.es735.js

@@ -1,4 +0,0 @@
-const __vite_glob_0_351 = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI2IiB2aWV3Ym94PSI3IDcgMjYgMjYiIHdpZHRoPSIyNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMxLjYxOTYgMjAuNTIzMVYxOS40NjYzSDI5LjY4NTZMMzIgMTcuMTYyNUwzMS4yNDk3IDE2LjQxMjJMMjguMTk1NSAxOS40NjYzSDIxLjI3MzRMMjYuMTY2NCAxNC41NzMzSDMwLjQ4ODhWMTMuNTE2NUgyNy4yMjMzTDI4LjU4NjUgMTIuMTUzMkwyNy44NDY4IDExLjQwMjlMMjYuNDcyOSAxMi43NzY4VjkuNTExMjNIMjUuNDE2MVYxMy44MzM2TDIwLjUyMzEgMTguNzI2NlYxMS44MDQ1TDIzLjU4NzggOC43NTAzM0wyMi44Mzc1IDhMMjAuNTIzMSAxMC4zMTQ0VjguMzY5ODhIMTkuNDY2M1YxMC4zMTQ0TDE3LjE2MjUgOEwxNi40MTIyIDguNzUwMzNMMTkuNDY2MyAxMS44MDQ1VjE4LjcyNjZMMTQuNTczMyAxMy44MzM2VjkuNTExMjNIMTMuNTE2NVYxMi43NzY4TDEyLjE1MzIgMTEuNDAyOUwxMS40MDI5IDEyLjE1MzJMMTIuNzc2OCAxMy41MTY1SDkuNTExMjNWMTQuNTczM0gxMy44MzM2TDE4LjcyNjYgMTkuNDY2M0gxMS44MDQ1TDguNzUwMzMgMTYuNDEyMkw4IDE3LjE2MjVMMTAuMzE0NCAxOS40NjYzSDguMzY5ODhWMjAuNTIzMUgxMC4zMTQ0TDggMjIuODM3NUw4Ljc1MDMzIDIzLjU3NzNMMTEuODA0NSAyMC41MjMxSDE4LjcyNjZMMTMuODMzNiAyNS40MTYxSDkuNTExMjNWMjYuNDcyOUgxMi43NzY4TDExLjQwMjkgMjcuODQ2OEwxMi4xNTMyIDI4LjU4NjVMMTMuNTE2NSAyNy4yMjMzVjMwLjQ4ODhIMTQuNTczM1YyNi4xNjY0TDE5LjQ2NjMgMjEuMjczNFYyOC4xOTU1TDE2LjQxMjIgMzEuMjQ5N0wxNy4xNjI1IDMyTDE5LjQ2NjMgMjkuNjg1NlYzMS42MTk2SDIwLjUyMzFWMjkuNjg1NkwyMi44Mzc1IDMyTDIzLjU4NzggMzEuMjQ5N0wyMC41MjMxIDI4LjE5NTVWMjEuMjczNEwyNS40MTYxIDI2LjE2NjRWMzAuNDg4OEgyNi40NzI5VjI3LjIyMzNMMjcuODQ2OCAyOC41ODY1TDI4LjU4NjUgMjcuODQ2OEwyNy4yMjMzIDI2LjQ3MjlIMzAuNDg4OFYyNS40MTYxSDI2LjE2NjRMMjEuMjczNCAyMC41MjMxSDI4LjE5NTVMMzEuMjQ5NyAyMy41NzczTDMyIDIyLjgzNzVMMjkuNjg1NiAyMC41MjMxSDMxLjYxOTZaIiBmaWxsPSIjMjBBNENBIj48L3BhdGg+Cjwvc3ZnPgo=";
-export {
-  __vite_glob_0_351 as default
-};

package/dist/main.es736.js

@@ -1,4 +0,0 @@
-const __vite_glob_0_352 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMi40IDEuMkMyLjQgMS44NjI3NCAxLjg2Mjc0IDIuNCAxLjIgMi40QzAuNTM3MjU4IDIuNCAwIDEuODYyNzQgMCAxLjJDMCAwLjUzNzI1OCAwLjUzNzI1OCAwIDEuMiAwQzEuODYyNzQgMCAyLjQgMC41MzcyNTggMi40IDEuMloiIGZpbGw9IiMyNjMyMzgiIC8+CiAgPHBhdGggZD0iTTYgMS4yQzYgMS44NjI3NCA1LjQ2Mjc0IDIuNCA0LjggMi40QzQuMTM3MjYgMi40IDMuNiAxLjg2Mjc0IDMuNiAxLjJDMy42IDAuNTM3MjU4IDQuMTM3MjYgMCA0LjggMEM1LjQ2Mjc0IDAgNiAwLjUzNzI1OCA2IDEuMloiIGZpbGw9IiMyNjMyMzgiIC8+CiAgPHBhdGggZD0iTTIuNCA0LjhDMi40IDUuNDYyNzQgMS44NjI3NCA2IDEuMiA2QzAuNTM3MjU4IDYgMCA1LjQ2Mjc0IDAgNC44QzAgNC4xMzcyNiAwLjUzNzI1OCAzLjYgMS4yIDMuNkMxLjg2Mjc0IDMuNiAyLjQgNC4xMzcyNiAyLjQgNC44WiIgZmlsbD0iIzI2MzIzOCIgLz4KICA8cGF0aCBkPSJNNiA0LjhDNiA1LjQ2Mjc0IDUuNDYyNzQgNiA0LjggNkM0LjEzNzI2IDYgMy42IDUuNDYyNzQgMy42IDQuOEMzLjYgNC4xMzcyNiA0LjEzNzI2IDMuNiA0LjggMy42QzUuNDYyNzQgMy42IDYgNC4xMzcyNiA2IDQuOFoiIGZpbGw9IiMyNjMyMzgiIC8+CiAgPHBhdGggZmlsbD0iIzI2MzIzOCIgZD0iTTEwIDFoNnMyIDAgMiAydjBzMCAyIC0yIDJoLTZzLTIgMCAtMiAtMnYwczAgLTIgMiAtMiIgLz4KICA8cGF0aCBkPSJNMi40IDExLjJDMi40IDExLjg2MjcgMS44NjI3NCAxMi40IDEuMiAxMi40QzAuNTM3MjU4IDEyLjQgMCAxMS44NjI3IDAgMTEuMkMwIDEwLjUzNzMgMC41MzcyNTggMTAgMS4yIDEwQzEuODYyNzQgMTAgMi40IDEwLjUzNzMgMi40IDExLjJaIiBmaWxsPSIjMjYzMjM4IiAvPgogIDxwYXRoIGQ9Ik02IDExLjJDNiAxMS44NjI3IDUuNDYyNzQgMTIuNCA0LjggMTIuNEM0LjEzNzI2IDEyLjQgMy42IDExLjg2MjcgMy42IDExLjJDMy42IDEwLjUzNzMgNC4xMzcyNiAxMCA0LjggMTBDNS40NjI3NCAxMCA2IDEwLjUzNzMgNiAxMS4yWiIgZmlsbD0iIzI2MzIzOCIgLz4KICA8cGF0aCBkPSJNMi40IDE0LjhDMi40IDE1LjQ2MjcgMS44NjI3NCAxNiAxLjIgMTZDMC41MzcyNTggMTYgMCAxNS40NjI3IDAgMTQuOEMwIDE0LjEzNzMgMC41MzcyNTggMTMuNiAxLjIgMTMuNkMxLjg2Mjc0IDEzLjYgMi40IDE0LjEzNzMgMi40IDE0LjhaIiBmaWxsPSIjMjYzMjM4IiAvPgogIDxwYXRoIGQ9Ik02IDE0LjhDNiAxNS40NjI3IDUuNDYyNzQgMTYgNC44IDE2QzQuMTM3MjYgMTYgMy42IDE1LjQ2MjcgMy42IDE0LjhDMy42IDE0LjEzNzMgNC4xMzcyNiAxMy42IDQuOCAxMy42QzUuNDYyNzQgMTMuNiA2IDE0LjEzNzMgNiAxNC44WiIgZmlsbD0iIzI2MzIzOCIgLz4KICA8cGF0aCBmaWxsPSIjMjYzMjM4IiBkPSJNMTAgMTFoNnMyIDAgMiAydjBzMCAyIC0yIDJoLTZzLTIgMCAtMiAtMnYwczAgLTIgMiAtMiIgLz4KPC9zdmc+";
-export {
-  __vite_glob_0_352 as default
-};

package/src/assets/svgIcons/ed_socket.svg

@@ -1,3 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M24 36H23V20.5H0V19.5H23V4H24V36ZM40 5C31.7157 5 25 11.7157 25 20C25 28.2843 31.7157 35 40 35V36C31.1634 36 24 28.8366 24 20C24 11.1634 31.1634 4 40 4V5Z" fill="black"/>
-</svg>

package/src/assets/svgIcons/ed_terminal.svg

@@ -1,3 +0,0 @@
-<svg width="37" height="34" viewBox="0 0 37 34" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M36.3535 1.35352L31.6602 6.0459C34.3506 8.90869 36 12.7613 36 17C36 25.8366 28.8366 33 20 33C15.7613 33 11.9087 31.3506 9.0459 28.6602L4.35352 33.3535L3.64648 32.6465L8.33887 27.9531C5.75511 25.2034 4.13185 21.5408 4.00781 17.5H0V16.5H4.00781C4.27196 7.8948 11.3307 1 20 1C24.2382 1 28.0904 2.64894 30.9531 5.33887L35.6465 0.646484L36.3535 1.35352ZM9.75293 27.9531C12.4344 30.4628 16.0375 32 20 32C28.2843 32 35 25.2843 35 17C35 13.0375 33.4628 9.43445 30.9531 6.75293L9.75293 27.9531ZM20 2C11.7157 2 5 8.71573 5 17C5 20.962 6.53676 24.5647 9.0459 27.2461L30.2461 6.0459C27.5647 3.53676 23.962 2 20 2Z" fill="black"/>
-</svg>

package/src/assets/svgIcons/ed_transformer_measurement.svg

@@ -1,3 +0,0 @@
-<svg width="62" height="34" viewBox="0 0 62 34" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M31 10C34.6978 10 37.724 12.8674 37.9805 16.5H62V17.5H37.9805C37.7357 20.9674 34.9674 23.7357 31.5 23.9805V34H30.5V23.9805C27.0326 23.7357 24.2643 20.9674 24.0195 17.5H0V16.5H24.0195C24.276 12.8674 27.3022 10 31 10ZM25.0225 17.5C25.2766 20.5797 27.8547 23 31 23C34.1453 23 36.7234 20.5797 36.9775 17.5H25.0225ZM31 11C27.8547 11 25.2766 13.4203 25.0225 16.5H36.9775C36.7234 13.4203 34.1453 11 31 11Z" fill="black"/>
-</svg>