{"version":3,"file":"country_dropdown-C6cAgPYZ.js","sources":["../../../app/javascript/components/country_dropdown.vue"],"sourcesContent":["<!--\nPublic: Select for country and state/region\n\nExample:\n<country-dropdown\n  country            = \"<%= @user.country_code %>\"\n  country-field-id   = \"user_country_code\"\n  country-field-name = \"user[country_code]\"\n  horizontalPosition         = \"true\"\n  region             = \"<%= @user.region_code %>\"\n  region-field-id    = \"user_region_code\"\n  region-field-name  = \"user[region_code]\"\n>\n</country-dropdown>\n-->\n<template>\n  <div :class=\"classes\">\n    <div :class=\"formGroupClasses\">\n      <label v-if=\"internalShowLabel\" for=\"country\" :class=\"`pb-2 ${labelClasses}`\">Country</label>\n      <span v-if=\"toBoolean(required) && internalShowLabel\" class=\"color-bright-red ps-1\">*</span>\n      <select :id       = \"countryFieldId\"\n              :class    = \"dropdownClasses\"\n              :required = \"required\"\n              :name     = \"countryFieldName\"\n              v-model   = \"internalCountry\"\n              @change   = \"displayRegions\">\n        <option value=\"\">Please select a country</option>\n        <option v-for=\"country in countries\" :value=\"country.code\">\n          {{ country.name }}\n        </option>\n      </select>\n    </div>\n    <div v-if=\"showRegion\" :class=\"formGroupClasses\">\n      <label v-if=\"internalShowLabel\" for=\"state\" :class=\"`pb-2 ${labelClasses}`\">{{ regionType }}</label>\n      <select :id     = \"regionFieldId\"\n              :class  = \"dropdownClasses\"\n              :name   = \"regionFieldName\"\n              v-model = \"internalRegion\">\n        <option value=\"\">Please select a region</option>\n        <option v-for=\"region in regions\" :value=\"region.code\">\n          {{ region.name }}\n        </option>\n      </select>\n    </div>\n  </div>\n</template>\n\n<script>\n  import { get }     from '../lib/async.js'\n  import { present, toBoolean } from '../lib/utils.js'\n\n  const COUNTRY_URL              = \"/api/country-list\"\n  const REGION_URL               = \"/api/regions-by-country\"\n  const COUNTRIES_WITH_STATES    = [ 'AU', 'DE', 'MY', 'US' ]\n  const COUNTRIES_WITH_PROVINCES = [ 'CA', 'IE' ]\n  const COUNTRIES_WITH_COUNTIES  = [ 'GB', 'JM' ]\n  const COUNTRIES_WITH_CANTONS   = [ 'CH' ]\n  const COUNTRIES_WITH_REGIONS   = [\n    ...COUNTRIES_WITH_STATES,\n    ...COUNTRIES_WITH_PROVINCES,\n    ...COUNTRIES_WITH_COUNTIES,\n    ...COUNTRIES_WITH_CANTONS\n  ]\n\n  export default {\n    props: {\n      // ID of country form field.\n      countryFieldId:      { default: '' },\n      // Name of country form field.\n      countryFieldName:    { default: '' },\n      // Member edit page uses a horizontal orientation. Contact uses vertical.\n      horizontalPosition:  { default: false },\n      // Places the label to the left of the dropdown, rather than above.\n      horizontalAlignment: { default: false },\n      // Apply these classes to the labels.\n      labelClasses:        { default: '' },\n      // ID of region form field.\n      regionFieldId:       { default: '' },\n      // Name of region for field\n      regionFieldName:     { default: '' },\n      // User's country, if present.\n      country:             { default: '' },\n      // User's region/state/province, if present.\n      region:              { default: '' },\n      // true if required\n      required:            { default: true },\n      // allow for manual setting of the dropdown width by column\n      dropdownWidth:       { default: '' },\n      // Show the label if true.\n      showLabel:           { default: true }\n    },\n\n    data() {\n      return {\n        // Public: API-populated array of countries.\n        countries:       [],\n        // Public: The currently-selected country.\n        internalCountry: this.country,\n        // Public: The currently-select region.\n        internalRegion:  this.region,\n        // Public: API-populated array of regions.\n        regions:         [],\n        // Internal: Whether to render the region dropdown.\n        showRegion:      false,\n        // Togglable show value.\n        internalShowLabel: toBoolean(this.showLabel)\n      }\n    },\n\n    computed: {\n      // Internal: CSS wrapping classes\n      classes() {\n        return toBoolean(this.horizontalPosition) ? 'd-flex w-50' : ''\n      },\n\n      // Internal: form-group classes will differ on form orientation.\n      formGroupClasses() {\n        return toBoolean(this.horizontalPosition) ? 'px-2' : 'pb-4'\n      },\n\n      dropdownClasses() {\n        return present(this.dropdownWidth) ? `form-control ${this.dropdownWidth} form-select` : 'form-control form-select'\n      },\n\n      // Interal: Text to display for type of region\n      regionType() {\n        if (COUNTRIES_WITH_STATES.includes(this.internalCountry))    return 'State'\n        if (COUNTRIES_WITH_PROVINCES.includes(this.internalCountry)) return 'Province'\n        if (COUNTRIES_WITH_COUNTIES.includes(this.internalCountry))  return 'County'\n        if (COUNTRIES_WITH_CANTONS.includes(this.internalCountry))   return 'Canton'\n\n        return 'Region'\n      }\n    },\n\n    methods: {\n      toBoolean: toBoolean,\n\n      // Public: Get the region for the selected country and show dropdown.\n      displayRegions() {\n        if (COUNTRIES_WITH_REGIONS.includes(this.internalCountry)) {\n          get(`${REGION_URL}/${this.internalCountry}`)\n            .then(res => { this.regions = res })\n            .then(()  => { this.showRegion = true })\n        } else {\n          this.showRegion     = false\n          this.internalRegion = ''\n        }\n      }\n    },\n\n    mounted() {\n      get(COUNTRY_URL)\n        .then(res => { this.countries = res })\n        .then(this.displayRegions)\n    }\n\n  }\n</script>\n"],"names":["COUNTRY_URL","REGION_URL","COUNTRIES_WITH_STATES","COUNTRIES_WITH_PROVINCES","COUNTRIES_WITH_COUNTIES","COUNTRIES_WITH_CANTONS","COUNTRIES_WITH_REGIONS","_sfc_main","toBoolean","present","get","res","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_createElementBlock","_normalizeClass","$options","_createElementVNode","$data","$props","_createCommentVNode","_hoisted_1","_cache","$event","args","_openBlock","_Fragment","_renderList","country","region"],"mappings":"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"}