@eturnity/eturnity_reusable_components 7.48.1-EPDM-12680.18 → 7.48.1-EPDM-11313.0

package/dist/main.es92.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: "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

@@ -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: "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

@@ -1,24 +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: "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

@@ -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: "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

@@ -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: "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

@@ -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: "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

@@ -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: "#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

@@ -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: "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

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

package/src/assets/svgIcons/collapse_all.svg

@@ -1,4 +0,0 @@
-<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/hybrid.svg

@@ -1,4 +0,0 @@
-<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="M4.22998 11.8962H10.5006H12.2505V10.1463V8.97906H14.0004V5.47917H12.2505V4.31283V2.56289V2.55151H10.5006V2.56289H8.58218L7.76617 4.31283H10.5006V10.1463H5.04599L4.22998 11.8962Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.2622 4.79738C6.91629 4.63687 6.53076 4.54729 6.12431 4.54729C4.63054 4.54729 3.41919 5.75796 3.41919 7.25241C3.41919 8.33588 4.05591 9.26984 4.97534 9.70158L7.2622 4.79738ZM5.44786 3.11681C5.44786 3.49042 5.7507 3.79326 6.12431 3.79326C6.49793 3.79326 6.80077 3.49042 6.80077 3.11681V1.76459C6.80077 1.39097 6.49793 1.08813 6.12431 1.08813C5.7507 1.08813 5.44786 1.39097 5.44786 1.76459V3.11681ZM2.02818 7.88939H0.675962C0.302349 7.88939 -0.000488281 7.58655 -0.000488281 7.21294C-0.000488281 6.83932 0.302349 6.53649 0.675962 6.53649H2.02818C2.4018 6.53649 2.70463 6.83932 2.70463 7.21294C2.70463 7.58655 2.4018 7.88939 2.02818 7.88939ZM3.7057 10.5877L2.74955 11.5439C2.4855 11.8079 2.05745 11.8079 1.7934 11.5439C1.52935 11.2798 1.52935 10.8518 1.7934 10.5877L2.74955 9.63155C3.0136 9.36751 3.44165 9.36751 3.7057 9.63155C3.96975 9.8956 3.96975 10.3237 3.7057 10.5877ZM2.74955 4.79432L1.7934 3.83817C1.52935 3.57412 1.52935 3.14607 1.7934 2.88202C2.05745 2.61797 2.4855 2.61797 2.74955 2.88202L3.7057 3.83817C3.96975 4.10222 3.96975 4.53027 3.7057 4.79432C3.44165 5.05837 3.0136 5.05837 2.74955 4.79432Z" fill="white"/>
-</svg>

package/src/assets/svgIcons/module.svg

@@ -1,3 +0,0 @@
-<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/move_down.svg

@@ -1,3 +0,0 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M0.875 7.63636H4.55V0H9.45V7.63636H13.125L7 14L0.875 7.63636Z" fill="white"/>
-</svg>

package/src/assets/svgIcons/move_up.svg

@@ -1,3 +0,0 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M0.875 6.36364H4.55V14H9.45V6.36364H13.125L7 0L0.875 6.36364Z" fill="#B2B9C5"/>
-</svg>

package/src/assets/svgIcons/optimizer.svg

@@ -1,6 +0,0 @@
-<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

@@ -1,5 +0,0 @@
-<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/svgIcons/string_directions.svg

@@ -1,10 +0,0 @@
-<svg width="100px" height="100px" viewBox="8 8 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_888_9102)">
-<path d="M9 8.5V19.75C9 20.4404 9.55964 21 10.25 21V21C10.9404 21 11.5 20.4404 11.5 19.75V10.25C11.5 9.55964 12.0596 9 12.75 9V9C13.4404 9 14 9.55964 14 10.25V21.5M15.5 9H20C20.5523 9 21 9.44772 21 10V10C21 10.5523 20.5523 11 20 11H17C16.4477 11 16 11.4477 16 12V12C16 12.5523 16.4477 13 17 13H20C20.5523 13 21 13.4477 21 14V14C21 14.5523 20.5523 15 20 15H17C16.4477 15 16 15.4477 16 16V16C16 16.5523 16.4477 17 17 17H20C20.5523 17 21 17.4477 21 18V18C21 18.5523 20.5523 19 20 19H17C16.4477 19 16 19.4477 16 20V20C16 20.5523 16.4477 21 17 21H21.5" stroke="white"/>
-</g>
-<defs>
-<clipPath id="clip0_888_9102">
-<rect width="14" height="14" fill="white" transform="translate(8 8)"/>
-</clipPath>
-</defs>
-</svg>

package/src/components/infoText/placeholder.vue

@@ -1,225 +0,0 @@
-<template>
-  <ComponentWrapper>
-    <IconWrapper :size="size">
-      <IconImg
-        ref="iconImg"
-        @click.prevent="toggleShowInfo()"
-        @mouseenter="openTrigger == 'onHover' ? toggleShowInfo() : ''"
-        @mouseleave="openTrigger == 'onHover' ? toggleShowInfo() : ''"
-      >
-        <IconComponent
-          :color="iconColor"
-          cursor="pointer"
-          name="info"
-          :size="size"
-        />
-      </IconImg>
-      <TextOverlay
-        v-if="showInfo"
-        :arrow-position="arrowPosition"
-        :icon-size="size"
-        :max-width="maxWidth"
-        :position="overlayPosition"
-        :style="overlayStyle"
-        :width="width"
-        ><slot></slot>
-        <span v-html="text"></span>
-      </TextOverlay>
-    </IconWrapper>
-  </ComponentWrapper>
-</template>
-
-<script>
-  // import InfoText from "@eturnity/eturnity_reusable_components/src/components/infoText"
-  //To use:
-  // <info-text
-  //     text="Veritatis et quasi architecto beatae vitae"
-  //     size="20px"
-  // />
-  import theme from '../../assets/theme.js'
-  import styled from 'vue3-styled-components'
-  import IconComponent from '../icon'
-
-  const textAttrs = {
-    iconSize: String,
-    width: String,
-    position: String,
-    arrowPosition: String,
-  }
-  const TextOverlay = styled('div', textAttrs)`
-    position: absolute;
-    text-align: left;
-    background: ${(props) => props.theme.colors.black};
-    padding: 10px;
-    width: ${(props) => props.width};
-    max-width: ${(props) => props.maxWidth};
-    font-size: 13px;
-    font-weight: 400;
-    line-height: normal;
-    border-radius: 4px;
-    z-index: 9999;
-    color: ${(props) => props.theme.colors.white};
-    word-wrap: break-word;
-    overflow-wrap: break-word;
-
-    :before {
-      content: '';
-      background-color: ${(props) => props.theme.colors.black};
-      position: absolute;
-      ${(props) => (props.position === 'top' ? 'bottom: -4px;' : 'top: -4px;')}
-      ${(props) => {
-        switch (props.arrowPosition) {
-          case 'left':
-            return 'left: 40px;'
-          case 'center':
-            return 'left: calc(50% - 4px);'
-          case 'right':
-            return 'right: 40px;'
-          default:
-            return 'left: calc(50% - 4px);'
-        }
-      }}
-      height: 8px;
-      width: 8px;
-      transform-origin: center center;
-      transform: rotate(45deg);
-    }
-
-    span a {
-      color: #2cc0eb;
-    }
-  `
-
-  const iconAttrs = { size: String }
-  const IconWrapper = styled('div', iconAttrs)`
-    position: relative;
-    height: ${(props) => props.size};
-  `
-
-  const IconImg = styled.div`
-    line-height: 0;
-  `
-
-  const ComponentWrapper = styled.div`
-    display: inline-block;
-  `
-
-  export default {
-    name: 'InfoText',
-    components: {
-      IconWrapper,
-      TextOverlay,
-      ComponentWrapper,
-      IconImg,
-      IconComponent,
-    },
-    props: {
-      text: {
-        required: false,
-      },
-      size: {
-        required: false,
-        default: '14px',
-      },
-      openTrigger: {
-        required: false,
-        default: 'onHover', // onHover, onClick
-      },
-      width: {
-        required: false,
-        default: '200px',
-      },
-      maxWidth: {
-        type: String,
-        default: '400px',
-      },
-    },
-    data() {
-      return {
-        showInfo: false,
-        overlayStyle: {},
-        overlayPosition: 'top',
-        arrowPosition: 'center',
-      }
-    },
-    computed: {
-      iconColor() {
-        return theme.colors.mediumGray
-      },
-    },
-    mounted() {
-      window.addEventListener('resize', this.positionOverlay)
-    },
-    beforeUnmount() {
-      window.removeEventListener('resize', this.positionOverlay)
-    },
-    methods: {
-      toggleShowInfo() {
-        this.showInfo = !this.showInfo
-
-        if (this.showInfo) {
-          document.addEventListener('click', this.clickOutside)
-          this.$nextTick(() => {
-            this.positionOverlay()
-          })
-        } else {
-          document.removeEventListener('click', this.clickOutside)
-        }
-      },
-      clickOutside(event) {
-        if (this.$el.contains(event.target)) {
-          return
-        }
-        this.toggleShowInfo()
-      },
-      positionOverlay() {
-        const iconRect = this.$refs.iconImg.getBoundingClientRect()
-        const overlayRect = this.$el
-          .querySelector('.TextOverlay')
-          .getBoundingClientRect()
-
-        let top, left
-
-        // Check if there's enough space above the icon
-        if (
-          iconRect.top > overlayRect.height + 10 &&
-          iconRect.top > window.innerHeight / 2
-        ) {
-          top = -overlayRect.height - 10
-          this.overlayPosition = 'top'
-        } else {
-          // If not, position it below the icon
-          top = iconRect.height + 10
-          this.overlayPosition = 'bottom'
-        }
-
-        left = -(overlayRect.width / 2) + iconRect.width / 2
-
-        // Ensure the overlay doesn't go off-screen horizontally
-        if (iconRect.left + left < 0) {
-          left = -iconRect.left
-          this.arrowPosition = 'left'
-        } else if (
-          iconRect.left + left + overlayRect.width >
-          window.innerWidth
-        ) {
-          left = window.innerWidth - (iconRect.left + overlayRect.width)
-          this.arrowPosition = 'right'
-        } else {
-          this.arrowPosition = 'center'
-        }
-
-        // Adjust vertical position if it goes off-screen
-        const totalHeight = iconRect.top + top + overlayRect.height
-        if (totalHeight > window.innerHeight) {
-          top -= totalHeight - window.innerHeight + 10
-        }
-
-        this.overlayStyle = {
-          top: `${top}px`,
-          left: `${left}px`,
-        }
-      },
-    },
-  }
-</script>