{"version":3,"file":"BushelFlagMaterial-DHMqeJam.js","sources":["../../../resources/js/components/common/forms/BushelFlagMaterial.vue"],"sourcesContent":["<template>\n  <b-form-group style=\"position: relative\" class=\"bushel-material-form mb-0\" :class=\"{ 'input-is-invalid': error }\">\n    <div class=\"row\">\n      <div\n        class=\"col-12 text-left\"\n        :class=\"{\n          'text-center': centerLabel,\n          'd-sm-none': colWrapSize == 'sm',\n          'd-md-none': colWrapSize == 'md',\n          'd-lg-none': colWrapSize == 'lg',\n        }\"\n      >\n        <label :class=\"[inputFocused || (value && value.length > 0) || (modelValue && modelValue.length > 0) ? 'label-focussed' : '']\">{{\n          labelActive\n        }}</label>\n      </div>\n      <div\n        class=\"col-4 text-right mt-2 d-none\"\n        :class=\"{\n          labelColClass,\n          'd-sm-block': colWrapSize == 'sm',\n          'd-md-block': colWrapSize == 'md',\n          'd-lg-block': colWrapSize == 'lg',\n        }\"\n      >\n        <label :class=\"{ 'label-focussed': inputFocused }\">{{ labelActive }}</label>\n      </div>\n      <div class=\"col-12\" :class=\"inputColClass\">\n        <b-input-group>\n          <BInputGroupPrepend class=\"border-bottom\">\n            <div class=\"bushel__flag mt-2\" :class=\"countries.find((c) => c.cc.toLowerCase() == country.toLowerCase()).cc.toLowerCase()\"></div>\n          </BInputGroupPrepend>\n          <b-form-input\n            id=\"flag-mask\"\n            v-maska\n            :data-maska=\"countries.find((c) => c.cc.toLowerCase() == country.toLowerCase()).mask\"\n            :value=\"modelValue ? modelValue : value\"\n            :autocomplete=\"autocomplete\"\n            type=\"tel\"\n            :name=\"name\"\n            class=\"form-control\"\n            :class=\"{ 'is-invalid': error, 'text-center': centerInput, 'pl-3': prefix && prefix.length >= 1 }\"\n            @input=\"onInput\"\n            @focus=\"inputFocused = true\"\n            @blur=\"inputFocused = false\"\n          />\n        </b-input-group>\n        <span class=\"highlight\" :class=\"{ 'highlight-focussed': inputFocused }\" />\n        <span class=\"bar\" :class=\"{ 'bar-focussed': inputFocused }\" />\n        <!-- <label :class=\"{'center-label': centerLabel, 'label-fixed': labelFixed || (value && value.length >= 1) }\">{{labelActive}}</label> -->\n        <div v-if=\"prefix && prefix.length >= 1\" class=\"input-prefix\">\n          {{ prefix }}\n        </div>\n        <div v-if=\"suffix && suffix.length >= 1\" class=\"input-suffix\">\n          {{ suffix }}\n        </div>\n        <div v-if=\"appendIcon\" class=\"append-icon\" :class=\"appendIcon\" @click=\"$emit('iconClicked')\" />\n        <div v-if=\"thin\" class=\"thin-padding\" />\n        <div v-if=\"!thin\" v-show=\"!error\" class=\"feedback-spacer\" :class=\"{ 'd-none': inputFocused }\" />\n        <b-form-invalid-feedback v-if=\"!thin\" v-show=\"error\" id=\"inputLiveFeedback\" class=\"message hidden-overflow-vis\">\n          {{ errorText }}\n        </b-form-invalid-feedback>\n        <b-form-text v-if=\"!thin\" v-show=\"!error\" class=\"message hidden-overflow-vis\" :class=\"{ 'd-none': !inputFocused }\">\n          {{ message }}\n        </b-form-text>\n      </div>\n    </div>\n  </b-form-group>\n</template>\n\n<script>\nimport { vMaska } from \"maska/vue\";\nimport BFormGroup from \"@/components/base/BFormGroup.vue\";\nimport BFormInvalidFeedback from \"@/components/base/BFormInvalidFeedback.vue\";\nimport BFormText from \"@/components/base/BFormText.vue\";\nimport BInputGroupPrepend from \"@/components/base/BInputGroupPrepend.vue\";\nimport BInputGroup from \"@/components/base/BInputGroup.vue\";\nimport BFormInput from \"@/components/base/BFormInput.vue\";\nimport phoneMasks from \"@/services/phoneMasks\";\n\nexport default {\n  components: {\n    BFormGroup,\n    BFormInvalidFeedback,\n    BFormText,\n    BInputGroupPrepend,\n    BInputGroup,\n    BFormInput,\n  },\n  directives: { maska: vMaska },\n  props: {\n    labelColClass: { type: String },\n    inputColClass: { type: String },\n    colWrapSize: { type: String },\n    country: { type: String, default: \"us\" },\n    type: { type: String, default: \"text\" },\n    name: { type: String },\n    value: { type: null },\n    modelValue: { type: null },\n    message: { type: String },\n    error: { type: Boolean },\n    errorText: { type: String },\n    labelActive: { type: String },\n    suffix: { type: String },\n    prefix: { type: String },\n    appendIcon: { type: String },\n    centerLabel: { type: Boolean, default: false },\n    centerInput: { type: Boolean, default: false },\n    labelFixed: { type: Boolean, default: false },\n    thin: { type: Boolean, default: false },\n    autocomplete: { type: String },\n  },\n\n  emits: [\"update:modelValue\", \"input\"],\n  data: () => ({\n    inputFocused: false,\n    selectedCountry: null,\n    countries: [],\n  }),\n  created() {\n    this.countries = phoneMasks;\n  },\n  methods: {\n    onInput(e) {\n      this.$emit(\"update:modelValue\", e);\n      this.$emit(\"input\", e);\n    },\n  },\n};\n</script>\n\n<style scoped>\n:deep(.vue-country-select) {\n  border-bottom: 1px solid rgba(0, 0, 0, 0.125);\n  border-radius: 0px;\n  border-right: 0px;\n  border-left: 0px;\n  border-top: 0px;\n}\n:deep(.vue-country-select .dropdown-arrow) {\n  display: none;\n}\n\n:deep(.vue-country-select:focus, .vue-country-select:focus-within, .vue-country-select .dropdown:focus) {\n  border-color: #93a3bd;\n  box-shadow: none;\n  outline: none;\n  background: transparent;\n}\n\n:deep(.vue-country-select .dropdown:hover) {\n  background: transparent;\n}\n\n:deep(.vue-country-select .dropdown) {\n  border-color: #93a3bd;\n  box-shadow: none;\n  outline: none;\n  padding-bottom: 0.2em;\n}\n\n.input-is-invalid :deep(.vue-country-select) {\n  border-bottom: 1px solid #ff5454;\n}\n</style>\n\n<style scoped lang=\"scss\">\n@import \"@sass/_variables.scss\";\n\n.form-group {\n  padding-top: 20px;\n  position: relative;\n  margin-bottom: -1px;\n  text-align: left !important;\n}\n\nlabel {\n  left: 55px;\n}\n\n.label-focussed {\n  left: 20px;\n  top: -9px !important;\n}\n</style>\n"],"names":["_sfc_main","components","BFormGroup","BFormInvalidFeedback","BFormText","BInputGroupPrepend","BInputGroup","BFormInput","directives","maska","vMaska","props","labelColClass","type","String","inputColClass","colWrapSize","country","default","name","value","modelValue","message","error","Boolean","errorText","labelActive","suffix","prefix","appendIcon","centerLabel","centerInput","labelFixed","thin","autocomplete","emits","data","inputFocused","selectedCountry","countries","created","phoneMasks","methods","onInput","e","$emit","_hoisted_1","class","key","_createBlock","_component_b_form_group","style","_normalizeClass","$props","_withCtx","_createElementVNode","_ctx","length","_createVNode","_component_b_input_group","_component_BInputGroupPrepend","find","c","cc","toLowerCase","_","_component_b_form_input","id","mask","$options","onFocus","onBlur","_createElementBlock","_hoisted_2","_toDisplayString","_createCommentVNode","_hoisted_3","onClick","_openBlock","_hoisted_4","_component_b_form_invalid_feedback","_createTextVNode","_component_b_form_text"],"mappings":"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"}