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

package/dist/main.es18.js

@@ -1,26 +1,229 @@
-import { isProxyAvailable, getTarget, getDevtoolsGlobalHook } from "./main.es375.js";
-import { HOOK_SETUP } from "./main.es376.js";
-import { ApiProxy } from "./main.es377.js";
-function setupDevtoolsPlugin(pluginDescriptor, setupFn) {
-  const descriptor = pluginDescriptor;
-  const target = getTarget();
-  const hook = getDevtoolsGlobalHook();
-  const enableProxy = isProxyAvailable && descriptor.enableEarlyProxy;
-  if (hook && (target.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !enableProxy)) {
-    hook.emit(HOOK_SETUP, pluginDescriptor, setupFn);
-  } else {
-    const proxy = enableProxy ? new ApiProxy(descriptor, hook) : null;
-    const list = target.__VUE_DEVTOOLS_PLUGINS__ = target.__VUE_DEVTOOLS_PLUGINS__ || [];
-    list.push({
-      pluginDescriptor: descriptor,
-      setupFn,
-      proxy
-    });
-    if (proxy) {
-      setupFn(proxy.proxiedTarget);
+import styled from "./main.es7.js";
+import "./main.es3.js";
+import _export_sfc from "./main.es11.js";
+import { resolveComponent, openBlock, createBlock, withCtx, createVNode, createTextVNode } from "./main.es6.js";
+import { toDisplayString } from "./main.es22.js";
+const Container = styled.div`
+    position: relative;
+    display: flex;
+    height: 47px;
+    width: ${(props) => props.width};
+  `;
+const TopValueContainer = styled("div", {
+  position: String
+})`
+    font-size: 11px;
+    left: ${(props) => props.position};
+    position: absolute;
+    display: flex;
+    justify-content: center
+    width: 0px;
+    color:${(props) => props.theme.colors.black};
+    item-align: center;
+
+  `;
+const BottomValueContainer = styled("div", {
+  position: String
+})`
+    font-size: 12px;
+    left: ${(props) => props.position};
+    width: 0px;
+    bottom: -2px;
+    position: absolute;
+    display: flex;
+    justify-content: center;
+    item-align: center;
+    border-radius: 4px;
+    color: white;
+  `;
+const TextWrapper = styled("div", {
+  backgroundColor: String
+})`
+    padding: 2px 6px;
+    background-color: ${(props) => props.theme.colors[props.backgroundColor] || props.backgroundColor};
+    border-radius: 4px;
+  `;
+const Arrow = styled("div", {
+  backgroundColor: String
+})`
+    position: absolute;
+    bottom: -10px;
+    left: calc(50% - 6px);
+    width: 0;
+    height: 0;
+    border: 6px solid transparent;
+    border-top-color: ${(props) => props.theme.colors[props.backgroundColor] || props.backgroundColor};
+    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.1));
+  `;
+const MainLine = styled.div`
+    display: block;
+    position: absolute;
+    bottom: 16px;
+    height: 4px;
+    width: 100%;
+    border-radius: 4px;
+    background-color: ${(props) => props.theme.colors.grey4};
+  `;
+const MainLineHighlight = styled("div", {
+  minPercent: Number,
+  maxPercent: Number
+})`
+    display: block;
+    position: absolute;
+    left: ${(props) => props.minPercent + "%"};
+    right: ${(props) => 100 - props.maxPercent + "%"};
+    bottom: 16px;
+    height: 4px;
+    background-color: white;
+  `;
+const VerticalMarker = styled("div")`
+    position: absolute;
+    width: 1px;
+    height: 8px;
+    background-color: white;
+    display: inline-block;
+    top: -6px;
+    left: 0px;
+  `;
+const VerticalMarkerArrow = styled("div", {
+  color: String
+})`
+    position: absolute;
+    width: 1px;
+    height: 4px;
+    background-color: ${(props) => props.color};
+    display: inline-block;
+    bottom: -14px;
+    left: 0px;
+  `;
+const _sfc_main = {
+  name: "ProgressBar",
+  components: {
+    Container,
+    MainLineHighlight,
+    Arrow,
+    TopValueContainer,
+    BottomValueContainer,
+    MainLine,
+    VerticalMarker,
+    VerticalMarkerArrow,
+    TextWrapper
+  },
+  props: {
+    minValue: {
+      required: true,
+      type: Number
+    },
+    maxValue: {
+      required: true,
+      type: Number
+    },
+    value: {
+      required: true,
+      type: Number
+    },
+    arrowColor: {
+      required: false,
+      type: String,
+      default: "white"
+    },
+    width: {
+      required: false,
+      type: String,
+      default: null
+    }
+  },
+  data() {
+    return {};
+  },
+  computed: {
+    minPercent() {
+      if (this.maxValue === this.minValue) {
+        return 50;
+      } else {
+        return 30;
+      }
+    },
+    maxPercent() {
+      if (this.maxValue === this.minValue) {
+        return 50;
+      } else {
+        return 70;
+      }
+    },
+    valuePercent() {
+      let percent;
+      if (this.maxValue === this.minValue) {
+        percent = this.minPercent + 10 * (this.value - this.minValue);
+      } else {
+        percent = this.minPercent + (this.maxPercent - this.minPercent) / (this.maxValue - this.minValue) * (this.value - this.minValue);
+      }
+      return Math.max(0, Math.min(100, percent));
+    },
+    colorVerticalMarkerArrow() {
+      if (this.value < this.maxValue && this.value > this.minValue) {
+        return "black";
+      } else {
+        return "white";
+      }
     }
   }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_MainLine = resolveComponent("MainLine");
+  const _component_MainLineHighlight = resolveComponent("MainLineHighlight");
+  const _component_TextWrapper = resolveComponent("TextWrapper");
+  const _component_Arrow = resolveComponent("Arrow");
+  const _component_VerticalMarkerArrow = resolveComponent("VerticalMarkerArrow");
+  const _component_TopValueContainer = resolveComponent("TopValueContainer");
+  const _component_VerticalMarker = resolveComponent("VerticalMarker");
+  const _component_BottomValueContainer = resolveComponent("BottomValueContainer");
+  const _component_Container = resolveComponent("Container");
+  return openBlock(), createBlock(_component_Container, {
+    width: $props.width
+  }, {
+    default: withCtx(() => [createVNode(_component_MainLine), createTextVNode(), createVNode(_component_MainLineHighlight, {
+      "max-percent": $options.maxPercent,
+      "min-percent": $options.minPercent
+    }, null, 8, ["max-percent", "min-percent"]), createTextVNode(), createVNode(_component_TopValueContainer, {
+      position: $options.valuePercent + "%"
+    }, {
+      default: withCtx(() => [createVNode(_component_TextWrapper, {
+        "background-color": $props.arrowColor
+      }, {
+        default: withCtx(() => [createTextVNode(toDisplayString($props.value), 1)]),
+        _: 1
+      }, 8, ["background-color"]), createTextVNode(), createVNode(_component_Arrow, {
+        "background-color": $props.arrowColor
+      }, null, 8, ["background-color"]), createTextVNode(), createVNode(_component_VerticalMarkerArrow, {
+        color: $options.colorVerticalMarkerArrow
+      }, null, 8, ["color"])]),
+      _: 1
+    }, 8, ["position"]), createTextVNode(), createVNode(_component_BottomValueContainer, {
+      position: $options.minPercent + "%"
+    }, {
+      default: withCtx(() => [createVNode(_component_TextWrapper, null, {
+        default: withCtx(() => [createTextVNode(toDisplayString($props.minValue), 1)]),
+        _: 1
+      }), createTextVNode(), createVNode(_component_VerticalMarker, {
+        side: "bottom"
+      })]),
+      _: 1
+    }, 8, ["position"]), createTextVNode(), createVNode(_component_BottomValueContainer, {
+      position: $options.maxPercent + "%"
+    }, {
+      default: withCtx(() => [createVNode(_component_TextWrapper, null, {
+        default: withCtx(() => [createTextVNode(toDisplayString($props.maxValue), 1)]),
+        _: 1
+      }), createTextVNode(), createVNode(_component_VerticalMarker, {
+        side: "bottom"
+      })]),
+      _: 1
+    }, 8, ["position"])]),
+    _: 1
+  }, 8, ["width"]);
 }
+const PanelRangeInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  setupDevtoolsPlugin
+  PanelRangeInfo as default
 };

package/dist/main.es185.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: "64",
-  height: "64",
+  width: "40",
+  height: "40",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "M34.07 62.762a.5.5 0 0 1 0 .98l-.1.01H30.03a.5.5 0 0 1 0-1h3.939zm1.97-3.969a.5.5 0 0 1 0 .98l-.1.01h-7.877a.5.5 0 0 1 0-1h7.877zm-3.54-3.978h7.377l.1.01a.5.5 0 0 1 0 .98l-.1.01H24.123a.5.5 0 0 1 0-1H31.5V43.159h1zm-.008-43.905h7.877v32.248H23.631V10.91h7.874L31.5.001 32.492 0zM32 30.757l-4.43-12.9h3.939l-.003-5.947H24.63v30.248h14.738V11.91h-6.877v5.947h3.938z"
+  d: "M24 36h-1V20.5H0v-1h23V4h1zM40 5c-8.284 0-15 6.716-15 15s6.716 15 15 15v1c-8.837 0-16-7.163-16-16S31.163 4 40 4z"
 }, 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 ed_spd = { render };
+const ed_socket = { render };
 export {
-  ed_spd as default,
+  ed_socket as default,
   render
 };

package/dist/main.es186.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: "296",
-  height: "40",
+  width: "64",
+  height: "64",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "M120 0v40H0V0zM1 39h78L55 20 79 1H1zm80.708 0H119V1.708zM81 38.294 118.294 1H81zM106.5 35a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm.101-3.49a.5.5 0 0 1 0 .98l-.101.01h-11a.5.5 0 0 1 0-1h11zM86.5 7.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm.1-3.49a.5.5 0 0 1 0 .98l-.1.01h-11a.5.5 0 0 1 0-1h11zM296 0v40H176V0zM177 39h78l-24-19 24-19h-78zm80.708 0H295V1.708zm-.708-.706L294.294 1H257zM282.5 35a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm.101-3.49a.5.5 0 0 1 0 .98l-.101.01h-11a.5.5 0 0 1 0-1h11zM262.5 7.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm.101-3.49a.5.5 0 0 1 0 .98L271.5 5h-11a.5.5 0 0 1 0-1h11zM122 19.5v1h-2v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm6 0v1h-2v-1z"
+  d: "M34.07 62.762a.5.5 0 0 1 0 .98l-.1.01H30.03a.5.5 0 0 1 0-1h3.939zm1.97-3.969a.5.5 0 0 1 0 .98l-.1.01h-7.877a.5.5 0 0 1 0-1h7.877zm-3.54-3.978h7.377l.1.01a.5.5 0 0 1 0 .98l-.1.01H24.123a.5.5 0 0 1 0-1H31.5V43.159h1zm-.008-43.905h7.877v32.248H23.631V10.91h7.874L31.5.001 32.492 0zM32 30.757l-4.43-12.9h3.939l-.003-5.947H24.63v30.248h14.738V11.91h-6.877v5.947h3.938z"
 }, 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 ed_stringwithoptimizer = { render };
+const ed_spd = { render };
 export {
-  ed_stringwithoptimizer as default,
+  ed_spd as default,
   render
 };

package/dist/main.es187.js

@@ -2,32 +2,22 @@ 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: "216",
+  width: "296",
   height: "40",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "M80 40H0V0h80zM1 39h78L55 20 79 1H1z"
+  d: "M120 0v40H0V0zM1 39h78L55 20 79 1H1zm80.708 0H119V1.708zM81 38.294 118.294 1H81zM106.5 35a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm.101-3.49a.5.5 0 0 1 0 .98l-.101.01h-11a.5.5 0 0 1 0-1h11zM86.5 7.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm.1-3.49a.5.5 0 0 1 0 .98l-.1.01h-11a.5.5 0 0 1 0-1h11zM296 0v40H176V0zM177 39h78l-24-19 24-19h-78zm80.708 0H295V1.708zm-.708-.706L294.294 1H257zM282.5 35a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm.101-3.49a.5.5 0 0 1 0 .98l-.101.01h-11a.5.5 0 0 1 0-1h11zM262.5 7.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm.101-3.49a.5.5 0 0 1 0 .98L271.5 5h-11a.5.5 0 0 1 0-1h11zM122 19.5v1h-2v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm6 0v1h-2v-1z"
 }, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#000",
-  d: "M80 0v40H0V0zM.213 39.787h79.574V.213H.213zm79.398-39L55.343 20 79.61 39.213H.787V.787zM79 39 55 20 79 1H1v38zM216 40h-80V0h80zm-79-1h78l-24-19 24-19h-78z"
-}, null, -1);
-const _hoisted_4 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#000",
-  d: "M216 0v40h-80V0zm-79.787 39.787h79.574V.213h-79.574zm79.398-39L191.343 20l24.268 19.213h-78.824V.787zM215 39l-24-19 24-19h-78v38zM82 19.5v1h-2v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm6 0v1h-2v-1z"
-}, null, -1);
-const _hoisted_5 = [
-  _hoisted_2,
-  _hoisted_3,
-  _hoisted_4
+const _hoisted_3 = [
+  _hoisted_2
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_5);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const ed_stringwithoutoptimizer = { render };
+const ed_stringwithoptimizer = { render };
 export {
-  ed_stringwithoutoptimizer as default,
+  ed_stringwithoptimizer as default,
   render
 };

package/dist/main.es188.js

@@ -2,23 +2,32 @@ 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: "64",
-  height: "64",
-  fill: "none",
-  viewBox: "0 -0.5 64 64"
+  width: "216",
+  height: "40",
+  fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#000",
-  d: "M38.25 20.5c5.96 0 10.836 4.638 11.223 10.5H64v1H49.494c-.133 6.096-5.116 11-11.244 11-2.422 0-4.664-.77-6.5-2.072A11.2 11.2 0 0 1 25.25 43c-6.128 0-11.111-4.904-11.244-11H0v-1h14.027c.387-5.862 5.264-10.5 11.223-10.5 2.422 0 4.664.768 6.5 2.071a11.2 11.2 0 0 1 6.5-2.071m-13 1C19.591 21.5 15 26.091 15 31.75S19.591 42 25.25 42c2.099 0 4.05-.633 5.675-1.717A11.22 11.22 0 0 1 27 31.75c0-3.413 1.523-6.47 3.925-8.534A10.2 10.2 0 0 0 25.25 21.5m13 0a10.2 10.2 0 0 0-5.676 1.716A11.22 11.22 0 0 1 36.5 31.75c0 3.413-1.524 6.47-3.926 8.533A10.2 10.2 0 0 0 38.25 42c5.659 0 10.25-4.591 10.25-10.25S43.909 21.5 38.25 21.5m-6.5 2.325A10.23 10.23 0 0 0 28 31.75a10.23 10.23 0 0 0 3.75 7.924 10.23 10.23 0 0 0 3.75-7.924 10.23 10.23 0 0 0-3.75-7.925"
+  d: "M80 40H0V0h80zM1 39h78L55 20 79 1H1z"
 }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#000",
+  d: "M80 0v40H0V0zM.213 39.787h79.574V.213H.213zm79.398-39L55.343 20 79.61 39.213H.787V.787zM79 39 55 20 79 1H1v38zM216 40h-80V0h80zm-79-1h78l-24-19 24-19h-78z"
+}, null, -1);
+const _hoisted_4 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#000",
+  d: "M216 0v40h-80V0zm-79.787 39.787h79.574V.213h-79.574zm79.398-39L191.343 20l24.268 19.213h-78.824V.787zM215 39l-24-19 24-19h-78v38zM82 19.5v1h-2v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm8 0v1h-4v-1zm6 0v1h-2v-1z"
+}, null, -1);
+const _hoisted_5 = [
+  _hoisted_2,
+  _hoisted_3,
+  _hoisted_4
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_5);
 }
-const ed_transformer = { render };
+const ed_stringwithoutoptimizer = { render };
 export {
-  ed_transformer as default,
+  ed_stringwithoutoptimizer as default,
   render
 };

package/dist/main.es189.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: "16",
+  width: "37",
+  height: "34",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  stroke: "#000",
-  d: "m2.107 13.26.848-2.545a.5.5 0 0 1 .121-.195l8.46-8.46a.5.5 0 0 1 .706 0l1.697 1.698a.5.5 0 0 1 0 .707L5.48 12.924a.5.5 0 0 1-.195.12l-2.546.85a.5.5 0 0 1-.632-.633Z"
+  fill: "#000",
+  d: "M36.354 1.354 31.66 6.046A15.94 15.94 0 0 1 36 17c0 8.837-7.163 16-16 16-4.239 0-8.091-1.65-10.954-4.34l-4.692 4.693-.708-.706 4.693-4.694A15.94 15.94 0 0 1 4.008 17.5H0v-1h4.008C4.272 7.895 11.33 1 20 1c4.238 0 8.09 1.649 10.953 4.339L35.647.646zm-26.601 26.6A14.95 14.95 0 0 0 20 32c8.284 0 15-6.716 15-15 0-3.963-1.537-7.566-4.047-10.247zM20 2C11.716 2 5 8.716 5 17c0 3.962 1.537 7.565 4.046 10.246l21.2-21.2A14.95 14.95 0 0 0 20 2"
 }, 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 edit = { render };
+const ed_terminal = { render };
 export {
-  edit as default,
+  ed_terminal as default,
   render
 };