@eturnity/eturnity_reusable_components 7.45.5-EPDM-11313-EPDM-11314.2 → 7.45.5-EPDM-12680.0

package/dist/main.es16.js

@@ -0,0 +1,692 @@
+import styled from "./main.es7.js";
+import { numberToString, stringToNumber } from "./main.es29.js";
+import InfoText from "./main.es23.js";
+import ErrorMessage from "./main.es30.js";
+import RCSelect from "./main.es31.js";
+import RCOption from "./main.es32.js";
+import warningIcon from "./main.es33.js";
+import _sfc_main$1 from "./main.es20.js";
+import "./main.es3.js";
+import _export_sfc from "./main.es10.js";
+import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createCommentVNode, createTextVNode, createVNode, mergeProps, createElementBlock, renderList, Fragment } from "./main.es6.js";
+import { toDisplayString } from "./main.es24.js";
+import { withKeys } from "./main.es5.js";
+const inputProps = {
+  isError: Boolean,
+  hasUnit: Boolean,
+  inputWidth: String,
+  minWidth: String,
+  isDisabled: Boolean,
+  noBorder: Boolean,
+  textAlign: String,
+  fontSize: String,
+  fontColor: String,
+  backgroundColor: String,
+  hasSlot: Boolean,
+  hasLabelSlot: Boolean,
+  slotSize: String,
+  inputHeight: String,
+  isInteractive: Boolean,
+  alignItems: String,
+  labelFontColor: String,
+  borderColor: String,
+  showLinearUnitName: Boolean
+};
+const Container = styled("div", inputProps)`
+    width: ${(props) => props.inputWidth ? props.inputWidth : "100%"};
+    position: relative;
+    display: grid;
+    grid-template-columns: ${(props) => props.alignItems === "vertical" ? "1fr" : "auto 1fr"};
+  `;
+const InputContainer = styled("input", inputProps)`
+    border: ${(props) => props.isError ? "1px solid " + props.theme.colors.red : props.noBorder ? "none" : props.borderColor ? props.theme.colors[props.borderColor] ? "1px solid " + props.theme.colors[props.borderColor] : "1px solid " + props.borderColor : "1px solid " + props.theme.colors.grey4};
+    height: ${(props) => props.inputHeight};
+    max-height: ${(props) => props.inputHeight};
+    padding: 0 10px;
+    padding-right: ${({
+  slotSize,
+  isError,
+  showLinearUnitName
+}) => slotSize ? isError && !showLinearUnitName ? "calc(" + slotSize + " + 24px)" : "calc(" + slotSize + " + 10px)" : isError && !showLinearUnitName ? "24px" : "5px"};
+    border-radius: ${(props) => props.isInteractive && props.alignItems != "vertical" ? "0 4px 4px 0" : "4px"};
+    text-align: ${(props) => props.textAlign};
+    cursor: ${(props) => props.isDisabled ? "not-allowed" : "auto"};
+    font-size: ${(props) => props.fontSize ? props.fontSize : "13px"};
+    color: ${(props) => props.isError ? props.theme.colors.grey6 : props.isDisabled ? props.theme.colors.grey2 : props.fontColor ? props.fontColor + " !important" : props.theme.colors.black};
+    background-color: ${(props) => props.backgroundColor ? props.backgroundColor + " !important" : props.theme.colors.white};
+    width: ${(props) => props.inputWidth && !props.hasLabelSlot ? props.inputWidth : "100%"};
+    min-width: ${(props) => props.minWidth ? props.minWidth : "unset"};
+    background-color: ${(props) => props.isDisabled ? props.theme.colors.grey5 : "#fff"};
+    box-sizing: border-box;
+
+    &::placeholder {
+      color: ${(props) => props.theme.colors.grey2};
+    }
+
+    &:focus {
+      outline: none;
+    }
+  `;
+const InputWrapper = styled.span`
+    position: relative;
+  `;
+const UnitContainer = styled("span", inputProps)`
+    border-left: 1px solid
+      ${(props) => props.isError ? props.theme.colors.red : props.hasLength ? props.theme.colors.black : props.theme.colors.mediumGray};
+    position: absolute;
+    right: 10px;
+    top: 10px;
+    padding-left: 10px;
+    text-align: right;
+    color: ${(props) => props.isError ? props.theme.colors.red : props.hasLength ? props.theme.colors.black : props.theme.colors.mediumGray};
+  `;
+const SlotContainer = styled("span", inputProps)`
+    text-align: right;
+    border-left: 1px solid
+      ${(props) => props.isError ? props.theme.colors.red : props.hasLength ? props.theme.colors.black : props.theme.colors.mediumGray};
+    position: absolute;
+    width: ${(props) => props.slotSize ? "calc(" + props.slotSize + " - 10px)" : "fit-content"};
+    right: 10px;
+    top: 10px;
+    padding-left: 10px;
+    color: ${(props) => props.isError ? props.theme.colors.red : props.hasLength ? props.theme.colors.black : props.theme.colors.mediumGray};
+  `;
+const LabelWrapper = styled("div", inputProps)`
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    margin-bottom: 8px;
+    cursor: ${(props) => props.isInteractive ? "ew-resize" : "auto"};
+  `;
+const LabelSlotWrapper = styled("div", inputProps)`
+    display: flex;
+    gap: 10px;
+    align-items: center;
+    cursor: ${(props) => props.isInteractive ? "ew-resize" : "auto"};
+    border: ${(props) => props.alignItems == "vertical" ? "none" : props.isError ? "1px solid " + props.theme.colors.red : props.noBorder ? "none" : props.borderColor ? props.theme.colors[props.borderColor] ? "1px solid " + props.theme.colors[props.borderColor] : "1px solid " + props.borderColor : "1px solid " + props.theme.colors.grey4};
+    border-radius: 4px 0 0 4px;
+    border-right: none;
+  `;
+const LabelText = styled("div", inputProps)`
+    font-size: 13px;
+    color: ${(props) => props.theme.colors[props.labelFontColor] ? props.theme.colors[props.labelFontColor] : props.labelFontColor};
+    font-weight: 700;
+  `;
+const IconAttrs = {
+  size: String,
+  marginRight: Number
+};
+const IconWrapper = styled("div", IconAttrs)`
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    margin: auto;
+    right: ${(props) => props.marginRight + 10}px;
+    height: ${(props) => props.size ? props.size : "auto"};
+  `;
+const SelectText = styled.div`
+    font-size: 13px;
+  `;
+const SelectWrapper = styled.div`
+    position: absolute;
+    top: 2px;
+    right: 2px;
+    display: flex;
+    height: 100%;
+  `;
+const Divider = styled.div`
+    margin-top: 6px;
+    height: calc(100% - 16px);
+    width: 1px;
+    background-color: ${({
+  theme
+}) => theme.colors.grey4};
+  `;
+const _sfc_main = {
+  name: "InputNumber",
+  components: {
+    Container,
+    InputContainer,
+    InputWrapper,
+    UnitContainer,
+    ErrorMessage,
+    LabelWrapper,
+    LabelSlotWrapper,
+    LabelText,
+    InfoText,
+    Icon: _sfc_main$1,
+    SlotContainer,
+    IconWrapper,
+    RCSelect,
+    RCOption,
+    SelectWrapper,
+    SelectText,
+    Divider
+  },
+  inheritAttrs: false,
+  props: {
+    placeholder: {
+      required: false,
+      default: ""
+    },
+    isError: {
+      required: false,
+      default: false
+    },
+    inputWidth: {
+      required: false,
+      default: null
+    },
+    minWidth: {
+      required: false,
+      default: null
+    },
+    inputHeight: {
+      required: false,
+      default: "40px"
+    },
+    value: {
+      required: true,
+      default: null
+    },
+    clearInput: {
+      required: false,
+      default: false
+    },
+    alignItems: {
+      required: false,
+      default: "vertical"
+    },
+    errorMessage: {
+      required: false,
+      default: "Please insert a correct number"
+    },
+    numberPrecision: {
+      required: false,
+      default: 0
+    },
+    minDecimals: {
+      required: false,
+      default: 0
+    },
+    unitName: {
+      required: false,
+      default: ""
+    },
+    showLinearUnitName: {
+      required: false,
+      default: false
+    },
+    disabled: {
+      required: false,
+      default: false
+    },
+    noBorder: {
+      required: false,
+      default: false
+    },
+    borderColor: {
+      required: false
+    },
+    textAlign: {
+      required: false,
+      default: "left"
+    },
+    fontSize: {
+      required: false,
+      default: "13px"
+    },
+    isInteractive: {
+      required: false,
+      default: false
+    },
+    interactionStep: {
+      required: false,
+      default: 1
+    },
+    labelText: {
+      required: false,
+      default: null
+    },
+    labelInfoText: {
+      required: false,
+      default: null
+    },
+    labelInfoAlign: {
+      required: false,
+      default: "left"
+    },
+    defaultNumber: {
+      required: false,
+      default: null
+    },
+    minNumber: {
+      required: false,
+      default: null
+    },
+    fontColor: {
+      required: false,
+      default: null
+    },
+    backgroundColor: {
+      required: false,
+      default: null
+    },
+    numberToStringEnabled: {
+      required: false,
+      default: true
+    },
+    allowNegative: {
+      required: false,
+      default: true
+    },
+    slotSize: {
+      required: false
+    },
+    labelFontColor: {
+      required: false,
+      default: "eturnityGrey"
+    },
+    focus: {
+      required: false,
+      default: false
+    },
+    labelDataId: {
+      required: false,
+      default: ""
+    },
+    inputDataId: {
+      required: false,
+      default: ""
+    },
+    dataQaId: {
+      required: false,
+      default: ""
+    },
+    showSelect: {
+      type: Boolean,
+      default: false
+    },
+    selectWidth: {
+      type: Number,
+      default: 70
+    },
+    selectOptions: {
+      type: Array,
+      default: () => []
+    },
+    selectValue: {
+      type: [String, Number],
+      default: null
+    },
+    isSelectDisabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      textInput: "",
+      isFocused: false,
+      warningIcon
+    };
+  },
+  computed: {
+    displayedPlaceholder() {
+      if (this.placeholder)
+        return this.placeholder;
+      if (this.defaultNumber)
+        return `${this.defaultNumber} ${this.unitName ? this.unitName : ""}`;
+      return `${this.minNumber || 0} ${this.unitName ? this.unitName : ""}`;
+    },
+    hasSlot() {
+      return !!this.$slots.default;
+    },
+    hasLabelSlot() {
+      return !!this.$slots.label;
+    },
+    getSelectValue() {
+      const item = this.selectOptions.find(({
+        value
+      }) => value === this.selectValue);
+      return item ? item.label : "-";
+    }
+  },
+  watch: {
+    focus(value) {
+      if (value) {
+        this.focusInput();
+      }
+    },
+    clearInput: function(value) {
+      if (value) {
+        this.textInput = "";
+      }
+    }
+  },
+  created() {
+    if (this.value) {
+      this.textInput = numberToString({
+        value: this.value,
+        numberPrecision: this.numberPrecision,
+        minDecimals: this.minDecimals
+      });
+    } else if (this.defaultNumber !== null) {
+      this.textInput = numberToString({
+        value: this.defaultNumber,
+        numberPrecision: this.numberPrecision,
+        minDecimals: this.minDecimals
+      });
+    } else if (this.minNumber !== null) {
+      this.textInput = numberToString({
+        value: this.minNumber,
+        numberPrecision: this.numberPrecision,
+        minDecimals: this.minDecimals
+      });
+    }
+  },
+  mounted() {
+    if (this.focus) {
+      this.focusInput();
+    }
+  },
+  methods: {
+    onEnterPress() {
+      this.$emit("on-enter-click");
+      this.$refs.inputField1.$el.blur();
+    },
+    onChangeHandler(event2) {
+      if (isNaN(event2) || event2 === "") {
+        event2 = this.defaultNumber ? this.defaultNumber : this.minNumber || this.minNumber === 0 ? this.minNumber : event2;
+      }
+      if (!this.allowNegative) {
+        event2 = Math.abs(event2);
+      }
+      event2 = parseFloat(event2);
+      this.$emit("input-change", event2);
+    },
+    onEvaluateCode(event) {
+      const val = event.target.value;
+      let filtered = val.replace("(auto)", "").replace(/[^-()\d/*+.,]/g, "");
+      filtered = filtered.split(/([-+*/()])/);
+      let formatted = filtered.map((item) => {
+        if (item === "+" || item === "-" || item === "*" || item === "/" || item === "(" || item === ")" || item === "") {
+          return item;
+        } else {
+          let num = stringToNumber({
+            value: item,
+            numberPrecision: false,
+            minDecimals: this.minDecimals
+          });
+          return num;
+        }
+      });
+      let evaluated;
+      formatted = this.removeStringItemsAfterLastNumber(formatted);
+      evaluated = eval(formatted.join(" "));
+      if (typeof evaluated === "string") {
+        evaluated = stringToNumber({
+          value: evaluated,
+          numberPrecision: this.numberPrecision,
+          minDecimals: this.minDecimals
+        });
+      } else if (typeof evaluated === "number") {
+        evaluated = evaluated.toFixed(this.numberPrecision);
+      }
+      return evaluated;
+    },
+    removeStringItemsAfterLastNumber(array) {
+      let lastNumberIndex = -1;
+      for (let i = array.length - 1; i >= 0; i--) {
+        if (typeof array[i] === "number") {
+          lastNumberIndex = i;
+          break;
+        }
+      }
+      if (lastNumberIndex === -1) {
+        return [];
+      }
+      if (lastNumberIndex !== -1) {
+        const newArray = array.slice(0, lastNumberIndex + 1);
+        return newArray;
+      }
+      return array;
+    },
+    onInput(event2) {
+      if (!this.isFocused) {
+        return;
+      }
+      if (event2.target.value === "") {
+        this.$emit("on-input", "");
+      }
+      let evaluatedVal;
+      try {
+        evaluatedVal = this.onEvaluateCode(event2);
+      } finally {
+        if (evaluatedVal && this.value != evaluatedVal) {
+          this.$emit("on-input", evaluatedVal);
+        }
+      }
+    },
+    onInputBlur(e) {
+      this.isFocused = false;
+      let value = e.target.value;
+      let evaluatedInput = this.onEvaluateCode(e);
+      this.onChangeHandler(evaluatedInput ? evaluatedInput : value);
+      if (evaluatedInput && value.length || this.minNumber !== null) {
+        this.textInput = numberToString({
+          value: evaluatedInput && value.length ? evaluatedInput : this.defaultNumber ? this.defaultNumber : this.minNumber,
+          numberPrecision: this.numberPrecision,
+          minDecimals: this.minDecimals
+        });
+      }
+      let adjustedMinValue = evaluatedInput && evaluatedInput.length ? evaluatedInput : this.defaultNumber ? this.defaultNumber : this.minNumber || this.minNumber === 0 ? this.minNumber : "";
+      this.$emit("input-blur", adjustedMinValue);
+    },
+    focusInput() {
+      if (this.disabled) {
+        return;
+      }
+      this.isFocused = true;
+      this.$nextTick(() => {
+        this.$refs.inputField1.$el.select();
+      });
+      this.$emit("input-focus");
+    },
+    blurInput() {
+      if (this.disabled) {
+        return;
+      }
+      this.isFocused = false;
+      this.$nextTick(() => {
+        this.$refs.inputField1.$el.blur();
+      });
+    },
+    formatWithCurrency(value) {
+      let adjustedMinValue = value || value === 0 ? value : this.defaultNumber ? this.defaultNumber : this.minNumber || this.minNumber === 0 ? this.minNumber : "";
+      if ((adjustedMinValue || adjustedMinValue === 0) && !this.isFocused) {
+        let input = this.numberToStringEnabled ? numberToString({
+          value: adjustedMinValue,
+          numberPrecision: this.numberPrecision,
+          minDecimals: this.minDecimals
+        }) : adjustedMinValue;
+        let unit = this.showLinearUnitName ? "" : this.unitName;
+        return input + " " + unit;
+      } else if (!adjustedMinValue && adjustedMinValue !== 0) {
+        return "";
+      } else {
+        return this.numberToStringEnabled ? numberToString({
+          value: adjustedMinValue,
+          numberPrecision: this.numberPrecision,
+          minDecimals: this.minDecimals
+        }) : adjustedMinValue;
+      }
+    },
+    initInteraction(e) {
+      this.focusInput();
+      e.preventDefault();
+      window.addEventListener("mousemove", this.interact, false);
+      window.addEventListener("mouseup", this.stopInteract, false);
+    },
+    interact(e) {
+      e.preventDefault();
+      let value = parseFloat(this.value || 0);
+      value += parseFloat(this.interactionStep) * parseInt(e.movementX);
+      this.$emit("on-input-drag", value);
+      this.textInput = numberToString({
+        value: value && value.length ? value : this.minNumber,
+        numberPrecision: this.numberPrecision,
+        minDecimals: this.minDecimals
+      });
+    },
+    stopInteract(e) {
+      e.preventDefault();
+      window.removeEventListener("mousemove", this.interact, false);
+      window.removeEventListener("mouseup", this.stopInteract, false);
+      this.blurInput();
+    }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_LabelSlotWrapper = resolveComponent("LabelSlotWrapper");
+  const _component_LabelText = resolveComponent("LabelText");
+  const _component_InfoText = resolveComponent("InfoText");
+  const _component_LabelWrapper = resolveComponent("LabelWrapper");
+  const _component_InputContainer = resolveComponent("InputContainer");
+  const _component_SlotContainer = resolveComponent("SlotContainer");
+  const _component_UnitContainer = resolveComponent("UnitContainer");
+  const _component_Icon = resolveComponent("Icon");
+  const _component_IconWrapper = resolveComponent("IconWrapper");
+  const _component_Divider = resolveComponent("Divider");
+  const _component_SelectText = resolveComponent("SelectText");
+  const _component_RCOption = resolveComponent("RCOption");
+  const _component_RCSelect = resolveComponent("RCSelect");
+  const _component_SelectWrapper = resolveComponent("SelectWrapper");
+  const _component_InputWrapper = resolveComponent("InputWrapper");
+  const _component_ErrorMessage = resolveComponent("ErrorMessage");
+  const _component_Container = resolveComponent("Container");
+  return openBlock(), createBlock(_component_Container, {
+    "align-items": $props.alignItems,
+    "input-width": $props.inputWidth
+  }, {
+    default: withCtx(() => [$options.hasLabelSlot ? (openBlock(), createBlock(_component_LabelSlotWrapper, {
+      key: 0,
+      "align-items": $props.alignItems,
+      "border-color": $props.borderColor,
+      "is-error": $props.isError,
+      "is-interactive": $props.isInteractive,
+      "no-border": $props.noBorder,
+      onMousedown: $options.initInteraction
+    }, {
+      default: withCtx(() => [renderSlot(_ctx.$slots, "label")]),
+      _: 3
+    }, 8, ["align-items", "border-color", "is-error", "is-interactive", "no-border", "onMousedown"])) : createCommentVNode("", true), createTextVNode(), $props.labelText ? (openBlock(), createBlock(_component_LabelWrapper, {
+      key: 1
+    }, {
+      default: withCtx(() => [createVNode(_component_LabelText, {
+        "data-id": $props.labelDataId,
+        "data-test-id": _ctx.labelDataTestId,
+        "label-font-color": $props.labelFontColor
+      }, {
+        default: withCtx(() => [createTextVNode(toDisplayString($props.labelText), 1)]),
+        _: 1
+      }, 8, ["data-id", "data-test-id", "label-font-color"]), createTextVNode(), $props.labelInfoText ? (openBlock(), createBlock(_component_InfoText, {
+        key: 0,
+        "align-arrow": $props.labelInfoAlign,
+        text: $props.labelInfoText
+      }, null, 8, ["align-arrow", "text"])) : createCommentVNode("", true)]),
+      _: 1
+    })) : createCommentVNode("", true), createTextVNode(), createVNode(_component_InputWrapper, null, {
+      default: withCtx(() => [createVNode(_component_InputContainer, mergeProps(_ctx.$attrs, {
+        ref: "inputField1",
+        "align-items": $props.alignItems,
+        "background-color": $props.backgroundColor,
+        "border-color": $props.borderColor,
+        "data-id": $props.inputDataId,
+        "data-qa-id": $props.dataQaId,
+        disabled: $props.disabled,
+        "font-color": $props.fontColor,
+        "font-size": $props.fontSize,
+        "has-label-slot": $options.hasLabelSlot,
+        "has-slot": $options.hasSlot,
+        "has-unit": $props.unitName && !!$props.unitName.length,
+        "input-height": $props.inputHeight,
+        "is-disabled": $props.disabled,
+        "is-error": $props.isError,
+        "is-interactive": $props.isInteractive,
+        "min-width": $props.minWidth,
+        "no-border": $props.noBorder,
+        placeholder: $options.displayedPlaceholder,
+        "show-linear-unit-name": $props.showLinearUnitName,
+        "slot-size": $props.slotSize,
+        "text-align": $props.textAlign,
+        value: $options.formatWithCurrency($props.value),
+        onBlur: _cache[0] || (_cache[0] = ($event) => $options.onInputBlur($event)),
+        onFocus: _cache[1] || (_cache[1] = ($event) => $options.focusInput()),
+        onInput: _cache[2] || (_cache[2] = ($event) => $options.onInput($event)),
+        onKeyup: withKeys($options.onEnterPress, ["enter"])
+      }), null, 16, ["align-items", "background-color", "border-color", "data-id", "data-qa-id", "disabled", "font-color", "font-size", "has-label-slot", "has-slot", "has-unit", "input-height", "is-disabled", "is-error", "is-interactive", "min-width", "no-border", "placeholder", "show-linear-unit-name", "slot-size", "text-align", "value", "onKeyup"]), createTextVNode(), $options.hasSlot ? (openBlock(), createBlock(_component_SlotContainer, {
+        key: 0,
+        "is-error": $props.isError,
+        "slot-size": $props.slotSize
+      }, {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      }, 8, ["is-error", "slot-size"])) : createCommentVNode("", true), createTextVNode(), $props.unitName && $props.showLinearUnitName && !$options.hasSlot ? (openBlock(), createBlock(_component_UnitContainer, {
+        key: 1,
+        "has-length": !!$data.textInput.length,
+        "is-error": $props.isError
+      }, {
+        default: withCtx(() => [createTextVNode(toDisplayString($props.unitName), 1)]),
+        _: 1
+      }, 8, ["has-length", "is-error"])) : createCommentVNode("", true), createTextVNode(), $props.isError && !$props.showLinearUnitName ? (openBlock(), createBlock(_component_IconWrapper, {
+        key: 2,
+        "margin-right": $props.showSelect ? $props.selectWidth : 0,
+        size: "16px"
+      }, {
+        default: withCtx(() => [createVNode(_component_Icon, {
+          cursor: "default",
+          name: "warning",
+          size: "16px"
+        })]),
+        _: 1
+      }, 8, ["margin-right"])) : createCommentVNode("", true), createTextVNode(), $props.showSelect ? (openBlock(), createBlock(_component_SelectWrapper, {
+        key: 3
+      }, {
+        default: withCtx(() => [createVNode(_component_Divider), createTextVNode(), createVNode(_component_RCSelect, {
+          disabled: $props.isSelectDisabled,
+          "select-width": `${$props.selectWidth}px`,
+          "show-border": false,
+          onInputChange: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("select-change", $event))
+        }, {
+          selector: withCtx(() => [createVNode(_component_SelectText, null, {
+            default: withCtx(() => [createTextVNode(toDisplayString($options.getSelectValue), 1)]),
+            _: 1
+          })]),
+          dropdown: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList($props.selectOptions, (item) => {
+            return openBlock(), createBlock(_component_RCOption, {
+              key: item.value,
+              value: item.value
+            }, {
+              default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
+              _: 2
+            }, 1032, ["value"]);
+          }), 128))]),
+          _: 1
+        }, 8, ["disabled", "select-width"])]),
+        _: 1
+      })) : createCommentVNode("", true)]),
+      _: 3
+    }), createTextVNode(), $props.isError ? (openBlock(), createBlock(_component_ErrorMessage, {
+      key: 2
+    }, {
+      default: withCtx(() => [createTextVNode(toDisplayString($props.errorMessage), 1)]),
+      _: 1
+    })) : createCommentVNode("", true)]),
+    _: 3
+  }, 8, ["align-items", "input-width"]);
+}
+const InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  InputNumber as default
+};