{"version":3,"sources":["webpack:///./node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack:///./ResourcePackages/Mofa/assets/src/js/functions/element-enumerator.js","webpack:///./ResourcePackages/Mofa/assets/src/js/functions/widget-initializer.js","webpack:///./ResourcePackages/Mofa/assets/src/js/components/Dropdown.vue?7a2c","webpack:///ResourcePackages/Mofa/assets/src/js/components/Dropdown.vue","webpack:///./ResourcePackages/Mofa/assets/src/js/components/Dropdown.vue?adab","webpack:///./ResourcePackages/Mofa/assets/src/js/components/Dropdown.vue","webpack:///./ResourcePackages/Mofa/assets/src/js/functions/loader.js","webpack:///./ResourcePackages/Mofa/assets/src/js/functions/array-utils.js","webpack:///./ResourcePackages/Mofa/assets/src/js/widgets/qatar-and-the-world.js"],"names":["normalizeComponent","scriptExports","render","staticRenderFns","functionalTemplate","injectStyles","scopeId","moduleIdentifier","shadowMode","hook","options","_compiled","functional","_scopeId","context","this","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","call","_registeredComponents","add","_ssrRegister","$root","$options","shadowRoot","_injectStyles","originalRender","h","existing","beforeCreate","concat","exports","ElementsEnumerator","elementsClass","prototype","getElements","elements","document","getElementsByClassName","elementIdPrefix","i","length","setAttribute","WidgetInitializer","innerInitialization","initializationCallback","notInitializedElements","element","hasAttribute","newElement","initialize","that","widgetInitialisation","_vm","_h","$createElement","_c","_self","staticClass","attrs","role","class","default","isDefaultValue","title","fullSelectedItemOrEmpty","on","click","$event","preventDefault","toggleDropdown","showDropdown","selectedItemName","_t","_v","_s","_f","visibleTextLength","rtl","selectedItem","ref","tabindex","placeholder","disabled","model","value","placeholderValue","callback","$$v","expression","_e","searchable","directives","name","rawName","searchFilter","id","searchPlaceholder","domProps","input","target","composing","_l","filteredOptions","option","idPropertyName","separatorOptionId","selected","changeDropdownValue","titlePropertyName","_withStripped","component","__file","Loader","toggleLoader","widgetSlector","widgetContainers","Array","from","forEach","widget","Constants","COMPONENTS","APP_WRP_DISPLAY_NONE","classList","remove","LOADER_WRP","ArrayUtils","elementsWithoutElementAtIndex","arr","index","filter","arrIndex","isNotEmpty","isArray","encodeToURI","paramKey","arrLength","encodedResult","encodeURI","substr","copy","slice","widgetInitializer","QATAR_AND_THE_WORLD","initQatarAndTheWorldApp","config","ConfigUtils","getConfigFor","countryCode","countryUrlName","toLowerCase","countries","formattedCountries","Vue","el","data","region","regions","c","Title","CountryName","toUpperCase","Continent","country","redirectPageUrl","currentCulture","watch","newVal","oldVal","computed","isCountrySelected","methods","goButtonClick","window","location","href","origin","components","Dropdown","$el","GlobalApp","registerInitializationHandler"],"mappings":"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","file":"qatar-and-the-world.cd70e3755e948112164f.js","sourcesContent":["/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent (\n  scriptExports,\n  render,\n  staticRenderFns,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier, /* server only */\n  shadowMode /* vue-cli only */\n) {\n  // Vue.extend constructor export interop\n  var options = typeof scriptExports === 'function'\n    ? scriptExports.options\n    : scriptExports\n\n  // render functions\n  if (render) {\n    options.render = render\n    options.staticRenderFns = staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = 'data-v-' + scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) { // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = shadowMode\n      ? function () {\n        injectStyles.call(\n          this,\n          (options.functional ? this.parent : this).$root.$options.shadowRoot\n        )\n      }\n      : injectStyles\n  }\n\n  if (hook) {\n    if (options.functional) {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functional component in vue file\n      var originalRender = options.render\n      options.render = function renderWithStyleInjection (h, context) {\n        hook.call(context)\n        return originalRender(h, context)\n      }\n    } else {\n      // inject component registration as beforeCreate hook\n      var existing = options.beforeCreate\n      options.beforeCreate = existing\n        ? [].concat(existing, hook)\n        : [hook]\n    }\n  }\n\n  return {\n    exports: scriptExports,\n    options: options\n  }\n}\n","export var ElementsEnumerator = function (elementsClass) {\r\n    this.elementsClass = elementsClass;\r\n};\r\n\rElementsEnumerator.prototype.getElements = function () {\r    var elements = document.getElementsByClassName(this.elementsClass);\r\n    var elementIdPrefix = this.elementsClass + \"-\";\r\n    for (var i = 0; i < elements.length; i++) {\r\n        var element = elements[i];\r\n        element.setAttribute(\"id\", (elementIdPrefix + (i + 1)));\r\n    }\r    return elements;\r};","import { widgetInitialisation } from \"./widget-init\";\r\nimport { ElementsEnumerator } from \"./element-enumerator\";\r\n\r\nconst initializedVueAppAttrName = \"data-vue-initialized\";\r\n\r\nexport var WidgetInitializer = function (elementsClass) {\r\n    this.elementsClass = elementsClass;\r\n};\r\n\r\nWidgetInitializer.prototype.initialize = function (initializationCallback) {\r\n    var that = this;\r\n    widgetInitialisation(function () {\r\n        return innerInitialization.call(that, initializationCallback);\r\n    });\r\n};\r\n\r\nfunction innerInitialization(initializationCallback) {\r\n    var elementsEnumerator = new ElementsEnumerator(this.elementsClass);\r\n    var notInitializedElements = elementsEnumerator.getElements();\r\n    for (var i = 0; i < notInitializedElements.length; i++) {\r\n        var element = notInitializedElements[i];\r\n        if (element.hasAttribute(initializedVueAppAttrName))\r\n            return;\r\n\r\n        var newElement = initializationCallback(element);\r\n        if (newElement)\r\n            { element = newElement; }\r\n\r\n        element.setAttribute(initializedVueAppAttrName, '');\r\n    }\r\n};","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"ul\",\n    { staticClass: \"dropdown\", attrs: { role: \"presentation\" } },\n    [\n      _c(\n        \"li\",\n        {\n          staticClass: \"time-span-dropdown-link\",\n          class: { default: _vm.isDefaultValue },\n          attrs: { role: \"presentation\", title: _vm.fullSelectedItemOrEmpty },\n          on: {\n            click: function($event) {\n              $event.preventDefault()\n              return _vm.toggleDropdown($event)\n            }\n          }\n        },\n        [\n          _c(\n            \"button\",\n            {\n              staticClass: \"dropdown-list-el-btn\",\n              attrs: {\n                \"aria-haspopup\": \"true\",\n                \"aria-expanded\": [_vm.showDropdown ? \"true\" : \"false\"],\n                \"aria-label\": _vm.selectedItemName\n              }\n            },\n            [\n              _vm._t(\n                \"selector\",\n                [\n                  _vm._v(\n                    \"\\n                \" +\n                      _vm._s(\n                        _vm._f(\"maxLength\")(\n                          _vm.selectedItemName,\n                          _vm.visibleTextLength,\n                          _vm.rtl\n                        )\n                      ) +\n                      \"\\n            \"\n                  )\n                ],\n                {\n                  selectedItem: _vm.selectedItem,\n                  selectedItemName: _vm.selectedItemName,\n                  visibleTextLength: _vm.visibleTextLength\n                }\n              )\n            ],\n            2\n          )\n        ]\n      ),\n      _vm._v(\" \"),\n      _c(\"li\", [\n        _c(\n          \"ul\",\n          {\n            ref: \"dropdownMenu\",\n            staticClass: \"dropdown-menu dropdown-menu--fixed-height\",\n            class: [_vm.showDropdown ? \"opened\" : \"closed\"],\n            attrs: { tabindex: \"-1\" }\n          },\n          [\n            _vm.placeholder\n              ? _c(\n                  \"li\",\n                  {\n                    staticClass: \"dropdown-list-el default\",\n                    attrs: { disabled: \"\" },\n                    model: {\n                      value: _vm.placeholderValue,\n                      callback: function($$v) {\n                        _vm.placeholderValue = $$v\n                      },\n                      expression: \"placeholderValue\"\n                    }\n                  },\n                  [\n                    _c(\"button\", { staticClass: \"dropdown-list-el-btn\" }, [\n                      _vm._v(_vm._s(_vm.placeholder))\n                    ])\n                  ]\n                )\n              : _vm._e(),\n            _vm._v(\" \"),\n            _vm.searchable === true\n              ? _c(\"li\", { staticClass: \"dropdown-list-el default\" }, [\n                  _c(\"input\", {\n                    directives: [\n                      {\n                        name: \"model\",\n                        rawName: \"v-model\",\n                        value: _vm.searchFilter,\n                        expression: \"searchFilter\"\n                      }\n                    ],\n                    staticClass: \"dropdown-list-el-btn\",\n                    attrs: {\n                      id: \"dropdown-search-box\",\n                      placeholder: _vm.searchPlaceholder\n                    },\n                    domProps: { value: _vm.searchFilter },\n                    on: {\n                      input: function($event) {\n                        if ($event.target.composing) {\n                          return\n                        }\n                        _vm.searchFilter = $event.target.value\n                      }\n                    }\n                  })\n                ])\n              : _vm._e(),\n            _vm._v(\" \"),\n            _vm._l(_vm.filteredOptions, function(option) {\n              return _c(\n                \"li\",\n                {\n                  staticClass: \"dropdown-list-el\",\n                  class: {\n                    \"dropdown-list-el-with-separator\":\n                      option[_vm.idPropertyName] === _vm.separatorOptionId,\n                    selected: option[_vm.idPropertyName] === _vm.value\n                  },\n                  attrs: { \"data-value\": option[_vm.idPropertyName] },\n                  on: {\n                    click: function($event) {\n                      $event.preventDefault()\n                      return _vm.changeDropdownValue(option[_vm.idPropertyName])\n                    }\n                  },\n                  model: {\n                    value: _vm.value,\n                    callback: function($$v) {\n                      _vm.value = $$v\n                    },\n                    expression: \"value\"\n                  }\n                },\n                [\n                  _c(\n                    \"button\",\n                    { staticClass: \"dropdown-list-el-btn\" },\n                    [\n                      _vm._t(\n                        \"item\",\n                        [\n                          _vm._v(\n                            \"\\n                        \" +\n                              _vm._s(option[_vm.titlePropertyName]) +\n                              \"\\n                    \"\n                          )\n                        ],\n                        {\n                          titlePropertyName: _vm.titlePropertyName,\n                          option: option\n                        }\n                      )\n                    ],\n                    2\n                  )\n                ]\n              )\n            })\n          ],\n          2\n        )\n      ])\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\r\n    <ul v-cloak role=\"presentation\"\r\n        class=\"dropdown\">\r\n        <li class=\"time-span-dropdown-link\" v-bind:class=\"{'default': isDefaultValue}\"\r\n            role=\"presentation\"\r\n            @click.prevent=\"toggleDropdown($event)\" v-bind:title=\"fullSelectedItemOrEmpty\">\r\n            <button class=\"dropdown-list-el-btn\" aria-haspopup=\"true\" v-bind:aria-expanded=\"[showDropdown? 'true': 'false' ]\"\r\n                    v-bind:aria-label=\"selectedItemName\">\r\n                <slot name=\"selector\" :selectedItem=\"selectedItem\" :selectedItemName=\"selectedItemName\" :visibleTextLength=\"visibleTextLength\">\r\n                    {{ selectedItemName | maxLength(visibleTextLength,rtl) }}\r\n                </slot>\r\n            </button>\r\n        </li>\r\n        <li>\r\n            <ul v-cloak\r\n                v-bind:class=\"[showDropdown ? 'opened': 'closed']\" ref=\"dropdownMenu\" class=\"dropdown-menu dropdown-menu--fixed-height\" tabindex=\"-1\">\r\n                <li v-if=\"placeholder\" v-model=\"placeholderValue\" class=\"dropdown-list-el default\" disabled>\r\n                    <button class=\"dropdown-list-el-btn\">{{ placeholder }}</button>\r\n                </li>\r\n                <li v-if=\"searchable === true\" class=\"dropdown-list-el default\">\r\n                    <input id=\"dropdown-search-box\"\r\n                           class=\"dropdown-list-el-btn\"\r\n                           v-model=\"searchFilter\"\r\n                           :placeholder=\"searchPlaceholder\" />\r\n                </li>\r\n                <li v-cloak v-for=\"option in filteredOptions\" class=\"dropdown-list-el\"\r\n                    v-bind:class=\"{'dropdown-list-el-with-separator':option[idPropertyName] === separatorOptionId, 'selected': option[idPropertyName] === value}\"\r\n                    v-model=\"value\" @click.prevent=\"changeDropdownValue(option[idPropertyName])\"\r\n                    :data-value=\"option[idPropertyName]\">\r\n                    <button class=\"dropdown-list-el-btn\">\r\n                        <slot name=\"item\" :titlePropertyName=\"titlePropertyName\" :option=\"option\">\r\n                            {{ option[titlePropertyName] }}\r\n                        </slot>\r\n                    </button>\r\n                </li>\r\n            </ul>\r\n        </li>\r\n    </ul>\r\n</template>\r\n<script>\r\n    import { Constants } from \"../functions/constants\";\r\n\r\n    const onDropdownValueChangeEvent = \"value-changed\";\r\n    export default {\r\n        name: \"Dropdown\",\r\n        data() {\r\n            return {\r\n                placeholderValue: Constants.COMPONENTS.DROPDOWN.PLACEHOLDER_VALUE,\r\n                showDropdown: false,\r\n                searchFilter: '',\r\n                internalOptions: this.options\r\n            };\r\n        },\r\n        props: {\r\n            value: {\r\n                type: String,\r\n                default: Constants.COMPONENTS.DROPDOWN.PLACEHOLDER_VALUE\r\n            },\r\n            options: {\r\n                type: Array,\r\n                default: null\r\n            },\r\n            placeholder: {\r\n                type: String,\r\n                default: null\r\n            },\r\n            searchPlaceholder: {\r\n                type: String,\r\n                default: null\r\n            },\r\n            separatorOptionId: {\r\n                type: String,\r\n                default: null\r\n            },\r\n            idPropertyName: {\r\n                type: String,\r\n                default: \"id\"\r\n            },\r\n            titlePropertyName: {\r\n                type: String,\r\n                default: \"title\"\r\n            },\r\n            visibleTextLength: {\r\n                type: Number,\r\n                default: 0\r\n            },\r\n            rtl: {\r\n                type: Boolean,\r\n                default: false\r\n            },\r\n            searchable: {\r\n                type: Boolean,\r\n                default: false\r\n            },\r\n        },\r\n        computed: {\r\n            isItemSelected() {\r\n                return this.value ? true : false;\r\n            },\r\n            selectedItemName() {\r\n                if (this.selectedItem !== null) {\r\n                    if (this.selectedItem[this.idPropertyName] === this.value) {\r\n                        return this.selectedItem[this.titlePropertyName];\r\n                    }\r\n                }\r\n\r\n                if (!this.value && this.placeholder)\r\n                    return this.placeholder;\r\n\r\n                return '';\r\n            },\r\n            fullSelectedItemOrEmpty() {\r\n                return (this.visibleTextLength && this.selectedItemName && this.selectedItemName.length > this.visibleTextLength) ? this.selectedItemName : \"\";\r\n            },\r\n            isDefaultValue() {\r\n                return (this.value === Constants.COMPONENTS.DROPDOWN.PLACEHOLDER_VALUE);\r\n            },\r\n            selectedItem() {\r\n                for (var i = 0; i < this.options.length; i++) {\r\n                    var option = this.options[i];\r\n                    if (option[this.idPropertyName] === this.value) {\r\n                        return option\r\n                    }\r\n                }\r\n\r\n                return null;\r\n            },\r\n            filteredOptions() {\r\n                if (this.searchFilter === '')\r\n                    return this.internalOptions;\r\n\r\n                const filtered = [];\r\n                const regOption = new RegExp(this.searchFilter, 'ig');\r\n                for (let option of this.internalOptions) {\r\n                    if (option[this.titlePropertyName].match(regOption)) {\r\n                        filtered.push(option);\r\n                    }\r\n                }\r\n                return filtered;\r\n            }\r\n        },\r\n        created() {\r\n            window.addEventListener(\"click\", this.clickEventHandler);\r\n            document.body.addEventListener('keydown', this.keyPressedHandler);\r\n        },\r\n        mounted() {\r\n            this.$el.addEventListener('focusout', this.focusout);\r\n            window.addEventListener('resize', this.isDropdownOffscreen);\r\n        },\r\n        methods: {\r\n            changeDropdownValue: function (value) {\r\n                this.value = value;\r\n                this.emitValueChanged();\r\n                this.showDropdown = false;\r\n            },\r\n            emitValueChanged() {\r\n                this.$emit('update:value', this.value)\r\n                this.$emit(onDropdownValueChangeEvent, this.value);\r\n            },\r\n            toggleDropdown() {\r\n                this.internalOptions = [...this.options];\r\n                this.searchFilter = '';\r\n                this.showDropdown = !this.showDropdown;\r\n            },\r\n            focusout(e) {\r\n                if (!this.$el.contains(e.relatedTarget)) {\r\n                    this.showDropdown = false;\r\n                }\r\n            },\r\n            clickEventHandler($event) {\r\n                if (!this.$el.contains($event.target) && this.showDropdown) {\r\n                    this.showDropdown = false;\r\n                }\r\n            },\r\n            keyPressedHandler(e) {\r\n                if (this.showDropdown === true) {\r\n                    switch (e.keyCode) {\r\n                        case 13:\r\n                            e.preventDefault();\r\n                            this.emitValueChanged();\r\n                            this.showDropdown = false;\r\n                            break;\r\n                        case 27:\r\n                            this.emitValueChanged();\r\n                            this.showDropdown = false;\r\n                            break;\r\n                        case 38:\r\n                            e.preventDefault(), this.selectNextItem(-1);\r\n                            break;\r\n                        case 40:\r\n                            e.preventDefault(), this.selectNextItem(1);\r\n                            break;\r\n                        default:\r\n                            break;\r\n                    }\r\n                }\r\n            },\r\n            selectNextItem(indexShift) {\r\n                if (typeof indexShift !== 'number' || !this.internalOptions || this.internalOptions.length < 1 || Math.abs(indexShift) !== 1)\r\n                    return;\r\n\r\n                let currentItemIndex = this.internalOptions.findIndex(o => o[this.idPropertyName] === this.value);\r\n                let newIndex = 0;\r\n                if (currentItemIndex > -1)\r\n                    newIndex = currentItemIndex + indexShift;\r\n\r\n                if (newIndex < 0 || newIndex >= this.internalOptions.length)\r\n                    newIndex = indexShift > 0 ? 0 : this.internalOptions.length - 1;\r\n\r\n                this.searchFilter = this.internalOptions[newIndex][this.titlePropertyName];\r\n                this.value = this.internalOptions[newIndex][this.idPropertyName];\r\n            },\r\n            isDropdownOffscreen() {\r\n                if (this.showDropdown) {\r\n                    const menu = this.$refs.dropdownMenu;\r\n                    const menuRect = menu.getBoundingClientRect();\r\n                    const bodyRect = document.body.getBoundingClientRect();\r\n                    const htmlLang = document.documentElement.lang;\r\n                    const menuWidth = menu.offsetWidth;\r\n\r\n                    //Drop Down menu calculation\r\n                    let offset = 15;\r\n                    if (htmlLang == 'ar') {\r\n                        if (menuRect.left < 0) {\r\n                            menu.style.transform = `translateX(${(menuWidth / 2 + offset * 3)}px)`;\r\n                        }\r\n                        if ((bodyRect.right - menuRect.right) < 200) {\r\n                            menu.style.transform = `translateX(${bodyRect.width - menuRect.right}px)`;\r\n                        }\r\n                    }\r\n                    else {\r\n                        if (menuRect.left < 0) {\r\n                            menu.style.transform = `translateX(${(menuRect.left - offset) * -1}px)`;\r\n                        }\r\n                        if (bodyRect.width < menuRect.right) {\r\n                            menu.style.transform = `translateX(${bodyRect.width - menuRect.right - offset}px)`;\r\n                        }\r\n                    }\r\n                }\r\n            },\r\n\r\n        },\r\n        watch: {\r\n            showDropdown(value) {\r\n                if (value) {\r\n                    this.$nextTick(() => {\r\n                        this.isDropdownOffscreen();\r\n                    })\r\n                } else {\r\n                    if (this.$refs.dropdownMenu.style.transform.length > 0) {\r\n                        this.$refs.dropdownMenu.style.transform = '';\r\n                    }\r\n                }\r\n            },\r\n            searchFilter(value) {\r\n                if (value !== '') {\r\n                    if (this.filteredOptions.length > 0)\r\n                        this.value = this.filteredOptions[0][this.idPropertyName];\r\n                } else {\r\n                    this.value = this.internalOptions[0][this.idPropertyName];\r\n                }\r\n            }\r\n        },\r\n        beforeDestroy() {\r\n            window.removeEventListener(\"click\", this.clickEventHandler);\r\n            window.removeEventListener('resize', this.isDropdownOffscreen);\r\n            document.body.removeEventListener(\"keydown\", this.keyPressedHandler);\r\n            this.$el.removeEventListener('focusout', this.focusout);\r\n        }\r\n    };\r\n</script>\r\n","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dropdown.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dropdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Dropdown.vue?vue&type=template&id=67a257ff&\"\nimport script from \"./Dropdown.vue?vue&type=script&lang=js&\"\nexport * from \"./Dropdown.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\a\\\\1\\\\s\\\\Website\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('67a257ff')) {\n      api.createRecord('67a257ff', component.options)\n    } else {\n      api.reload('67a257ff', component.options)\n    }\n    module.hot.accept(\"./Dropdown.vue?vue&type=template&id=67a257ff&\", function () {\n      api.rerender('67a257ff', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"ResourcePackages/Mofa/assets/src/js/components/Dropdown.vue\"\nexport default component.exports","import { Constants } from \"./constants\";\r\n\r\nexport var Loader = {\r\n\r\n    toggleLoader: function (widgetSlector) {\r\n        let widgetContainers = document.getElementsByClassName(widgetSlector);\r\n        Array.from(widgetContainers).forEach((widget) => {\r\n            widget.getElementsByClassName(Constants.COMPONENTS.APP_WRP_DISPLAY_NONE)[0].classList.remove(Constants.COMPONENTS.APP_WRP_DISPLAY_NONE);\r\n            widget.getElementsByClassName(Constants.COMPONENTS.LOADER_WRP)[0].classList.add(Constants.COMPONENTS.APP_WRP_DISPLAY_NONE);\r\n        });\r\n    }\r\n}","export var ArrayUtils = {\r\n    // https://stackoverflow.com/a/31202981\r\n    elementsWithoutElementAtIndex: function (arr, index) {\r\n        return arr.filter(function (value, arrIndex) {\r\n            return index !== arrIndex;\r\n        });\r    },\r\n    isNotEmpty: function (arr) {\r\n        if (!Array.isArray(arr))\r\n            return false;\r\n\r\n        if (arr.length === 0)\r\n            return false;\r\n\r\n        return true;\r    },\r    encodeToURI: function (arr, paramKey) {\r        if (!this.isNotEmpty(arr) || !paramKey)\r\n            return '';\r\n\r\n        const arrLength = arr.length - 1;\r\n        let encodedResult = '';\r\n        for (var i = 0; i <= arrLength; i++) {\r\n            encodedResult += `${paramKey}=${encodeURI(arr[i])}&`\r\n\r\n            if (i === arrLength)\r\n                encodedResult = encodedResult.substr(0, (encodedResult.length - 1));\r\n        }\r\n\r\n        return encodedResult;\r\n    },\r    copy: function (arr) {\r        return arr.slice();\r\n    }\r}","import { WidgetInitializer } from \"../functions/widget-initializer\";\r\nimport { Constants } from \"../functions/constants\";\r\nimport { ConfigUtils } from \"../functions/config-utils\";\r\nimport { ArrayUtils } from \"../functions/array-utils\";\r\nimport Dropdown from '../components/Dropdown';\r\nimport { Loader } from \"../functions/loader\";\r\n\r\nconst DEFAULT_COUNTRY_VALUE = null;\r\nconst DEFAULT_REGION_VALUE = \"all\";\r\n\r\nvar widgetInitializer = new WidgetInitializer(Constants.COMPONENTS.QATAR_AND_THE_WORLD);\r\nGlobalApp.registerInitializationHandler(Constants.COMPONENTS.QATAR_AND_THE_WORLD, function () {\r\n    widgetInitializer.initialize(initQatarAndTheWorldApp);\r\n    Loader.toggleLoader(Constants.COMPONENTS.QATAR_AND_THE_WORLD);\r\n});\r\n\r\nfunction initQatarAndTheWorldApp(element) {\r\n    var config = ConfigUtils.getConfigFor(element);\r\n    var countryCode = config.countryUrlName ? config.countryUrlName.toLowerCase() : DEFAULT_COUNTRY_VALUE;\r\n\r\n    let vueApp = new Vue({\r\n        el: '#' + element.id,\r\n        data: {\r\n            region: DEFAULT_REGION_VALUE,\r\n            regions: config.regions,\r\n            formattedCountries: formatCountries(config.countries),\r\n            country: countryCode,\r\n            redirectPageUrl: config.redirectPageUrl,\r\n            currentCulture: config.currentCulture\r\n        },\r\n        watch: {\r\n            countries: function (newVal, oldVal) {\r\n                this.country = DEFAULT_COUNTRY_VALUE;\r\n            }\r\n        },\r\n        computed: {\r\n            isCountrySelected: function idCountrySelected() {\r\n                return !!this.country;\r\n            },\r\n            countries: function countries() {\r\n                var filteredCountries;\r\n                if (this.region === DEFAULT_REGION_VALUE) {\r\n                    filteredCountries = ArrayUtils.copy(this.formattedCountries);\r\n                } else {\r\n                    filteredCountries = this.formattedCountries.filter(c => c.Continent === this.region);\r\n                }\r\n                return filteredCountries;\r\n            }\r\n        },\r\n        methods: {\r\n            goButtonClick: function goButtonClick() {\r\n                window.location.href = window.location.origin + this.redirectPageUrl + \"?country=\" + this.country;\r\n            }\r\n        },\r\n        components: {\r\n            Dropdown\r\n        }\r\n    });\r\n\r\n    function formatCountries(countries) {\r\n        var formattedCountries = ArrayUtils.copy(countries);\r\n        formattedCountries.forEach(c => {\r\n            c.Title = c.Title.toLowerCase();\r\n            c.CountryName = c.CountryName.toUpperCase();\r\n            c.Continent = c.Continent.toLowerCase();\r\n        });\r\n        return formattedCountries;\r\n    }\r\n\r\n    return vueApp.$el;\r\n}"],"sourceRoot":""}