@eturnity/eturnity_reusable_components 7.45.5-EPDM-10609.1 → 7.45.5-EPDM-12680.2

package/dist/main.es92.js

@@ -0,0 +1,23 @@
+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",
+  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"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const context_menu = { render };
+export {
+  context_menu as default,
+  render
+};

package/dist/main.es93.js

@@ -0,0 +1,23 @@
+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",
+  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"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const context_menu_tabs = { render };
+export {
+  context_menu_tabs as default,
+  render
+};

package/dist/main.es94.js

@@ -0,0 +1,24 @@
+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: "800",
+  height: "800",
+  viewBox: "0 0 512 512"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "none",
+  "fill-rule": "evenodd",
+  d: "M426.667 128v320h-256V128zM384 170.667H213.333v234.666H384zm-64-128v42.666H128v256H85.333V42.667z"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const copy = { render };
+export {
+  copy as default,
+  render
+};

package/dist/main.es95.js

@@ -0,0 +1,28 @@
+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: "10",
+  height: "10",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#000",
+  d: "m9.879 8.479-1.4 1.4L.12 1.52l1.4-1.4L5.7 4.3z"
+}, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#000",
+  d: "m1.521 9.879-1.4-1.4L8.48.12l1.4 1.4z"
+}, null, -1);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+const cross = { render };
+export {
+  cross as default,
+  render
+};

package/dist/main.es96.js

@@ -0,0 +1,28 @@
+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: "20",
+  height: "14",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#263238",
+  d: "M20 16c2.829 0 4.976 1.278 6.69 4.003C24.975 22.724 22.827 24 20 24s-4.975-1.276-6.69-3.997C15.024 17.278 17.171 16 20 16m0-2c-4.273 0-7.094 2.43-9 6.005C12.906 23.57 15.727 26 20 26s7.094-2.43 9-5.995C27.094 16.43 24.273 14 20 14"
+}, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#263238",
+  d: "M20 22a2 2 0 1 0 0-4 2 2 0 0 0 0 4"
+}, null, -1);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+const current_variant = { render };
+export {
+  current_variant as default,
+  render
+};

package/dist/main.es97.js

@@ -0,0 +1,23 @@
+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: "M0 10h8V0H0zm0 8h8v-6H0zm10 0h8V8h-8zm0-18v6h8V0z"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const dashboard = { render };
+export {
+  dashboard as default,
+  render
+};

package/dist/main.es98.js

@@ -0,0 +1,23 @@
+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: "#263238",
+  d: "M16 0H2a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h4v-2H2V2h14v14h-4v2h4c1.1 0 2-.9 2-2V2a2 2 0 0 0-2-2M9 6l-4 4h3v8h2v-8h3z"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const data_transfer = { render };
+export {
+  data_transfer as default,
+  render
+};

package/dist/main.es99.js

@@ -0,0 +1,28 @@
+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: "12",
+  height: "16",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#263238",
+  d: "M15 13h2v14h-2z"
+}, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#263238",
+  d: "M17 21a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h8l-2.857 4L25 21z"
+}, null, -1);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+const deadline = { render };
+export {
+  deadline as default,
+  render
+};

package/dist/style.css

@@ -0,0 +1 @@
+html,body{height:100%;margin:0}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "7.45.5-EPDM-10609.1",
+  "version": "7.45.5-EPDM-12680.2",
   "files": [
     "dist",
     "src"

package/src/assets/svgIcons/collapse_all.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
+  <path d="M3 2L7 5L11 2" stroke="white" stroke-width="1.27273" class="fix"/>
+  <path d="M3 12L7 9L11 12" stroke="white" stroke-width="1.27273" class="fix"/>
+</svg>

package/src/assets/svgIcons/module.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.0722 3.6H1.6V10.4H11.0722L7.87332 7.60217L7.18484 7L7.87332 6.39783L11.0722 3.6ZM12.4 9.43572V4.56428L9.61516 7L12.4 9.43572ZM0 2H1.6H12.4H14V3.6V10.4V12H12.4H1.6H0V10.4V3.6V2Z" fill="white"/>
+</svg>

package/src/assets/svgIcons/optimizer.svg

@@ -0,0 +1,6 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="3.11079" y="3.10981" width="7.77778" height="7.77778" stroke="white" stroke-width="1.55556"/>
+<line x1="3.72749" y1="10.3387" x2="10.7275" y2="3.3387" stroke="white" stroke-width="1.55556"/>
+<line x1="-0.000366211" y1="7.05425" x2="2.99963" y2="7.05425" stroke="white" stroke-width="1.55556"/>
+<line x1="10.9994" y1="6.99957" x2="13.9994" y2="6.99957" stroke="white" stroke-width="1.55556"/>
+</svg>

package/src/assets/svgIcons/string_design.svg

@@ -0,0 +1,5 @@
+<svg width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.85714 1.92857C2.85714 2.71755 2.21755 3.35714 1.42857 3.35714C0.639593 3.35714 0 2.71755 0 1.92857C0 1.13959 0.639593 0.5 1.42857 0.5C2.21755 0.5 2.85714 1.13959 2.85714 1.92857Z" fill="white"/>
+<path d="M10 9.07143C10 9.86041 9.36041 10.5 8.57143 10.5C7.78245 10.5 7.14286 9.86041 7.14286 9.07143C7.14286 8.28245 7.78245 7.64286 8.57143 7.64286C9.36041 7.64286 10 8.28245 10 9.07143Z" fill="white"/>
+<path d="M5.71429 3C5.71429 2.40827 6.19398 1.92857 6.78571 1.92857C7.37745 1.92857 7.85714 2.40827 7.85714 3V6.21429H9.28571V3C9.28571 1.61929 8.16643 0.5 6.78571 0.5C5.405 0.5 4.28571 1.61929 4.28571 3V8C4.28571 8.59173 3.80602 9.07143 3.21429 9.07143C2.62255 9.07143 2.14286 8.59173 2.14286 8V4.78571H0.714286V8C0.714286 9.38071 1.83357 10.5 3.21429 10.5C4.595 10.5 5.71429 9.38071 5.71429 8V3Z" fill="white"/>
+</svg>

package/src/assets/theme.js

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

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

@@ -52,7 +52,9 @@
       props.isDisabled
         ? props.theme.colors.disabled
         : props.customColor
-        ? props.customColor
+        ? props.theme.colors[props.customColor]
+          ? props.theme.colors[props.customColor]
+          : props.customColor
         : props.theme.colors.yellow};
     cursor: ${(props) => (props.isDisabled ? 'not-allowed' : 'pointer')};
     user-select: none;

package/src/components/icon/index.vue

@@ -35,6 +35,7 @@
     },
     name: {
       required: true,
+      type: String,
     },
     color: {
       required: false,

package/src/components/infoText/index.vue

@@ -1,50 +1,30 @@
 <template>
   <ComponentWrapper>
-    <IconWrapper :size="type === 'dot' ? 'unset' : size">
+    <IconWrapper :size="size">
       <IconImg
-        ref="iconImg"
         data-test-id="infoText_trigger"
         @click.prevent="toggleShowInfo()"
         @mouseenter="openTrigger == 'onHover' ? toggleShowInfo() : ''"
         @mouseleave="openTrigger == 'onHover' ? toggleShowInfo() : ''"
       >
-        <Dot v-if="type === 'dot'" :color="dotColor" />
         <IconComponent
-          v-else
           :color="iconColor"
           cursor="pointer"
           name="info"
           :size="size"
         />
       </IconImg>
-      <template v-if="!shouldUseTeleport">
-        <TextOverlay
-          v-if="showInfo"
-          :align-arrow="alignArrow"
-          :half-computed-text-info-width="halfComputedTextInfoWidth"
-          :icon-size="size"
-          :info-position="infoPosition"
-          :max-width="maxWidth"
-          :width="width"
-          ><slot></slot>
-          <span v-html="text"></span>
-        </TextOverlay>
-      </template>
-      <Teleport v-else to="#portal-target">
-        <TextOverlay
-          v-if="showInfo"
-          :align-arrow="alignArrow"
-          :half-computed-text-info-width="halfComputedTextInfoWidth"
-          :icon-size="size"
-          :info-position="infoPosition"
-          :left="position.left"
-          :max-width="maxWidth"
-          :top="position.top"
-          :width="width"
-          ><slot></slot>
-          <span v-html="text"></span>
-        </TextOverlay>
-      </Teleport>
+      <TextOverlay
+        v-if="showInfo"
+        :align-arrow="alignArrow"
+        :half-computed-text-info-width="halfComputedTextInfoWidth"
+        :icon-size="size"
+        :info-position="infoPosition"
+        :max-width="maxWidth"
+        :width="width"
+        ><slot></slot>
+        <span v-if="text.length > 0" v-html="text"></span>
+      </TextOverlay>
     </IconWrapper>
   </ComponentWrapper>
 </template>
@@ -57,41 +37,29 @@
   //     size="20px"
   //     alignArrow="right" // which side the arrow should be on
   // />
-  import { Teleport } from 'vue'
   import theme from '../../assets/theme.js'
   import styled from 'vue3-styled-components'
   import IconComponent from '../icon'
-  import {
-    TEXT_OVERLAY_ARROW_LEFT_OFFSET,
-    TEXT_OVERLAY_ARROW_RIGHT_NEGATIVE_OFFSET,
-    TEXT_OVERLAY_TOP_OFFSET,
-  } from './constants.js'
 
   const textAttrs = {
     iconSize: String,
     alignArrow: String,
     width: String,
     halfComputedTextInfoWidth: Number,
-    top: String,
-    left: String,
     infoPosition: String,
   }
   const TextOverlay = styled('div', textAttrs)`
     position: absolute;
-    ${(props) => (props.infoPosition === 'top' ? 'bottom' : 'top')} : ${(
-      props
-    ) => (props.top ? props.top : 'calc(' + props.iconSize + ' + 5px)')};
     ${(props) =>
-      props.left
-        ? 'left: ' + props.left
-        : props.alignArrow === 'left'
+      props.infoPosition == 'top'
+        ? 'bottom : calc(' + props.iconSize + ' + 15px)'
+        : 'top : calc(' + props.iconSize + ' + 15px)'};
+    ${(props) =>
+      props.alignArrow === 'left'
         ? 'left: calc(' + props.iconSize + ' /2 - 18px)'
         : props.alignArrow === 'center'
         ? 'left: calc((-' + props.width + ' + ' + props.iconSize + ') /2 + 2px)'
         : 'right: calc(' + props.iconSize + ' /2 - 17px)'};
-
-    ${(props) => (props.infoPosition === 'left' ? 'right' : 'left')} : 0;
-
     text-align: left;
     background: ${(props) => props.theme.colors.black};
     padding: 10px;
@@ -135,14 +103,6 @@
     height: ${(props) => props.size};
   `
 
-  const Dot = styled('div')`
-    width: 5px;
-    height: 5px;
-    background-color: ${(props) => props.color};
-    border-radius: 50%;
-    display: inline-block;
-  `
-
   const IconImg = styled.div`
     line-height: 0;
   `
@@ -154,22 +114,19 @@
   export default {
     name: 'InfoText',
     components: {
-      Dot,
       IconWrapper,
       TextOverlay,
       ComponentWrapper,
       IconImg,
       IconComponent,
-      Teleport,
     },
     props: {
       text: {
-        type: String,
         required: false,
         default: '',
+        type: String,
       },
       size: {
-        type: String,
         required: false,
         default: '14px',
         type: String,
@@ -180,19 +137,16 @@
         type: String,
       },
       alignArrow: {
-        type: String,
         required: false,
         default: 'center',
         type: String,
       },
       openTrigger: {
-        type: String,
         required: false,
         default: 'onHover', // onHover, onClick
         type: String,
       },
       width: {
-        type: String,
         required: false,
         default: '165px',
         type: String,
@@ -201,28 +155,10 @@
         default: '400px',
         type: String,
       },
-      shouldUseTeleport: {
-        type: Boolean,
-        default: false,
-      },
-      dotColor: {
-        type: String,
-        required: false,
-        default: theme.colors.blue2,
-      },
-      type: {
-        type: String,
-        required: false,
-        default: 'info', // info, dot
-      },
     },
     data() {
       return {
         showInfo: false,
-        position: {
-          top: null,
-          left: null,
-        },
       }
     },
     computed: {
@@ -242,10 +178,6 @@
         } else {
           document.removeEventListener('click', this.clickOutside)
         }
-
-        if (this.shouldUseTeleport && this.showInfo) {
-          this.getTeleportPosition()
-        }
       },
       clickOutside(event) {
         if (this.$el.contains(event.target)) {
@@ -253,35 +185,6 @@
         }
         this.toggleShowInfo()
       },
-      getTextOverlayTop() {
-        const iconImg = this.$refs.iconImg.$el
-        const iconImgTop = iconImg.getBoundingClientRect().top
-        const iconImgHeight = iconImg.clientHeight
-        const textOverlayTop =
-          iconImgTop - iconImgHeight / 2 + TEXT_OVERLAY_TOP_OFFSET
-
-        console.log(textOverlayTop)
-
-        return `${textOverlayTop}px`
-      },
-      getTextOverlayLeft() {
-        const iconImg = this.$refs.iconImg.$el
-        const iconImgLeft = iconImg.getBoundingClientRect().left
-        const iconImgWidth = iconImg.clientWidth
-        const textOverlayLeft = iconImgLeft + iconImgWidth / 2 - 100 + 3
-
-        if (this.alignArrow === 'center') {
-          return `${textOverlayLeft}px`
-        } else if (this.alignArrow === 'left') {
-          return `${textOverlayLeft + TEXT_OVERLAY_ARROW_LEFT_OFFSET}px`
-        }
-
-        return `${textOverlayLeft - TEXT_OVERLAY_ARROW_RIGHT_NEGATIVE_OFFSET}px`
-      },
-      getTeleportPosition() {
-        this.position.top = this.getTextOverlayTop()
-        this.position.left = this.getTextOverlayLeft()
-      },
     },
   }
 </script>