@eturnity/eturnity_reusable_components 8.7.4-EPDM-12729.14 → 8.7.4-EPDM-12729.16

package/dist/main.es16.js

@@ -1,692 +0,0 @@
-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
-};