text: import "./inputcomp.css";
  import {openBlock as $k60sI$openBlock, createElementBlock as $k60sI$createElementBlock, createElementVNode as $k60sI$createElementVNode, normalizeClass as $k60sI$normalizeClass, withDirectives as $k60sI$withDirectives, normalizeStyle as $k60sI$normalizeStyle, toDisplayString as $k60sI$toDisplayString, vShow as $k60sI$vShow} from "vue";
  
  function $parcel$defineInteropFlag(a) {
    Object.defineProperty(a, '__esModule', {value: true, configurable: true});
  }
  function $parcel$export(e, n, v, s) {
    Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
  }
  var $parcel$global =
  typeof globalThis !== 'undefined'
    ? globalThis
    : typeof self !== 'undefined'
    ? self
    : typeof window !== 'undefined'
    ? window
    : typeof global !== 'undefined'
    ? global
    : {};
  var $parcel$modules = {};
  var $parcel$inits = {};
  
  var parcelRequire = $parcel$global["parcelRequire4819"];
  if (parcelRequire == null) {
    parcelRequire = function(id) {
      if (id in $parcel$modules) {
        return $parcel$modules[id].exports;
      }
      if (id in $parcel$inits) {
        var init = $parcel$inits[id];
        delete $parcel$inits[id];
        var module = {id: id, exports: {}};
        $parcel$modules[id] = module;
        init.call(module.exports, module, module.exports);
        return module.exports;
      }
      var err = new Error("Cannot find module '" + id + "'");
      err.code = 'MODULE_NOT_FOUND';
      throw err;
    };
  
    parcelRequire.register = function register(id, init) {
      $parcel$inits[id] = init;
    };
  
    $parcel$global["parcelRequire4819"] = parcelRequire;
  }
  let $64a0fc5799189bbe$var$script;
  parcelRequire.register("8zHWs", function(module, exports) {
  
  $parcel$defineInteropFlag(module.exports);
  
  $parcel$export(module.exports, "default", () => $63e3ad8ba7c358e2$export$2e2bcd8739ae039);
  var $63e3ad8ba7c358e2$export$2e2bcd8739ae039 = {
      name: 'InputComp',
      props: {
          heading: {
              type: String,
              default: null
          },
          // eslint-disable-next-line vue/require-prop-types
          inputValue: {
              default: null
          },
          inputChecked: {
              type: Boolean,
              default: false
          },
          inputType: {
              type: String,
              default: 'text'
          },
          placeholder: {
              type: String,
              default: 'Enter a value'
          },
          inputSize: {
              type: String,
              default: '40'
          },
          headerPosition: {
              type: String,
              default: 'left'
          },
          singleBorder: {
              type: Boolean,
              default: false
          },
          cssVariables: {
              type: Object,
              default: ()=>{
                  return null;
              }
          }
      },
      emits: {
          'inputCompValueChanged': null
      },
      computed: {
          header_style: function() {
              let header_margin = null;
              if (this.headerPosition === 'left') header_margin = 'margin-right: 5px;';
              else if (this.headerPosition === 'below') header_margin = 'margin-top: 2px;';
              return header_margin;
          },
          input_box_style: function() {
              let box_style = null;
              if (this.singleBorder) box_style = 'border: none; border-bottom: 1px solid;';
              else box_style = 'border: 1px solid;';
              if (this.inputType === 'number') box_style = `${box_style}width: ${this.inputSize}px;`;
              return box_style;
          }
      },
      mounted () {
          if (this.cssVariables !== null) for (let key of Object.keys(this.cssVariables))this.$el.style.setProperty(`--${key}`, this.cssVariables[key]);
      },
      methods: {
          value_changed: function(e) {
              if (this.inputType === 'checkbox') this.$emit('inputCompValueChanged', e.currentTarget.checked);
              else if (this.inputType === 'number') this.$emit('inputCompValueChanged', e.currentTarget.valueAsNumber);
              else this.$emit('inputCompValueChanged', e.currentTarget.value);
          },
          compute_container_class: function() {
              if (this.headerPosition === 'left') return 'inputComp_containerBox__left';
              else if (this.headerPosition === 'above') return 'inputComp_containerBox__top';
              else if (this.headerPosition === 'below') return 'inputComp_containerBox__below';
          }
      }
  };
  
  });
  
  
  parcelRequire.register("3qV5W", function(module, exports) {
  
  $parcel$export(module.exports, "render", () => $280016a687ee73bf$export$b3890eb0ae9dca99);
  
  const $280016a687ee73bf$var$_hoisted_1 = {
      class: "inputComp"
  };
  const $280016a687ee73bf$var$_hoisted_2 = [
      "size",
      "type",
      "placeholder",
      "value",
      "checked"
  ];
  function $280016a687ee73bf$export$b3890eb0ae9dca99(_ctx, _cache) {
      return $k60sI$openBlock(), $k60sI$createElementBlock("div", $280016a687ee73bf$var$_hoisted_1, [
          $k60sI$createElementVNode("div", {
              class: $k60sI$normalizeClass(_ctx.compute_container_class())
          }, [
              $k60sI$withDirectives($k60sI$createElementVNode("div", {
                  class: "inputComp_headerBox",
                  style: $k60sI$normalizeStyle(_ctx.header_style)
              }, $k60sI$toDisplayString(_ctx.heading), 5), [
                  [
                      $k60sI$vShow,
                      _ctx.heading
                  ]
              ]),
              $k60sI$createElementVNode("input", {
                  class: "inputComp_input",
                  size: _ctx.inputSize,
                  type: _ctx.inputType,
                  style: $k60sI$normalizeStyle(_ctx.input_box_style),
                  placeholder: _ctx.placeholder,
                  value: _ctx.inputValue,
                  checked: _ctx.inputChecked,
                  onChange: _cache[0] || (_cache[0] = ($event)=>_ctx.value_changed($event)
                  )
              }, null, 44, $280016a687ee73bf$var$_hoisted_2)
          ], 2)
      ]);
  }
  
  });
  
  
  
  parcelRequire.register("gb3x1", function(module, exports) {
  
  $parcel$export(module.exports, "default", () => $bc7069bb93edc013$export$2e2bcd8739ae039);
  let $bc7069bb93edc013$var$NOOP = ()=>{
  };
  var $bc7069bb93edc013$export$2e2bcd8739ae039 = (script)=>{
  };
  
  });
  
  
  let $64a0fc5799189bbe$var$initialize = ()=>{
      $64a0fc5799189bbe$var$script = (parcelRequire("8zHWs"));
      if ($64a0fc5799189bbe$var$script.__esModule) $64a0fc5799189bbe$var$script = $64a0fc5799189bbe$var$script.default;
      $64a0fc5799189bbe$var$script.render = (parcelRequire("3qV5W")).render;
      $64a0fc5799189bbe$var$script.__cssModules = {};
      (parcelRequire("gb3x1")).default($64a0fc5799189bbe$var$script);
      $64a0fc5799189bbe$var$script.__scopeId = 'data-v-d30770';
      $64a0fc5799189bbe$var$script.__file = "InputComp.vue";
  };
  $64a0fc5799189bbe$var$initialize();
  var $64a0fc5799189bbe$export$2e2bcd8739ae039 = $64a0fc5799189bbe$var$script;
  
  
  export {$64a0fc5799189bbe$export$2e2bcd8739ae039 as default};
  