{"version":3,"file":"phone-block-country-code.9f32f1ff.js","sources":["../../src/components/phone-block-country-code.ts"],"sourcesContent":["import { defineComponent } from \"vue\";\nimport common from \"../core/core\";\nimport countriesPhoneCodes from \"../assets/json/countries-phone-codes.json\";\n\nexport default defineComponent({\n  template: `\n                <VDropdown\n                    :shown=\"show\"\n                    :triggers=\"[]\"\n                    auto-hide\n                    @hide=\"hide\"\n                    style=\"height: 3.75rem; margin-bottom: -3.75rem;\"\n                    popper-class=\"phone-block__country-code-dropdown\"\n                >\n                    <template #popper>\n                            <button @click=\"update(id, country)\" v-close-popper v-for=\"country in this.countryOptions\" :key=\"country.countryCode\">\n                                <span :class=\"'phone-block__country-flag fflag fflag-' + country.country_code\"></span> <span class=\"text-gray-60 d-inline-block\" style=\"width: 3.5rem\">{{ country.phone_code }}</span> {{ country.name }}\n                            </button>\n                    </template>\n                </VDropdown>\n    `,\n  data() {\n    return {\n      countryOptions: countriesPhoneCodes,\n    };\n  },\n  props: [\"show\", \"id\", \"update\", \"hide\"],\n  mixins: [common],\n});\n"],"names":["phoneBlockCountryCode","defineComponent","countriesPhoneCodes","common"],"mappings":"6bAIA,MAAAA,EAAeC,EAAgB,CAC7B,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAgBV,MAAO,CACE,MAAA,CACL,eAAgBC,CAAA,CAEpB,EACA,MAAO,CAAC,OAAQ,KAAM,SAAU,MAAM,EACtC,OAAQ,CAACC,CAAM,CACjB,CAAC"}