{"id":19,"date":"2020-12-08T03:52:52","date_gmt":"2020-12-08T03:52:52","guid":{"rendered":"https:\/\/www.gavias-theme.com\/wp\/tolips\/?page_id=19"},"modified":"2026-01-14T14:32:23","modified_gmt":"2026-01-14T13:32:23","slug":"home-2","status":"publish","type":"page","link":"https:\/\/brn-nepremicnine.si\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19\" class=\"elementor elementor-19\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6c235b4e bg-overlay-top elementor-section-boxed elementor-section-height-default elementor-section-height-default row-top\" data-id=\"6c235b4e\" data-element_type=\"section\" data-e-type=\"section\" id=\"vrh_strani\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:162,&quot;url&quot;:&quot;https:\\\/\\\/brn-nepremicnine.si\\\/en\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/bg-6-1.jpg&quot;},{&quot;id&quot;:63,&quot;url&quot;:&quot;https:\\\/\\\/brn-nepremicnine.si\\\/en\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/bg-1.jpg&quot;}],&quot;background_slideshow_slide_duration&quot;:8000,&quot;background_slideshow_slide_transition&quot;:&quot;slide_down&quot;,&quot;background_slideshow_transition_duration&quot;:2000,&quot;background_slideshow_ken_burns&quot;:&quot;yes&quot;,&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_ken_burns_zoom_direction&quot;:&quot;in&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-10febadd column-style-top\" data-id=\"10febadd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-928ab1 elementor-widget elementor-widget-gva-heading-block\" data-id=\"928ab1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"gva-heading-block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"gva-element-gva-heading-block gva-element\">   <div class=\"align-center style-1 widget gsc-heading box-align-left arrow-4 auto-responsive\">\r\n      <div class=\"content-inner\">\r\n         \r\n                  \r\n           \r\n         \r\n                     <h2 class=\"title\">\r\n               <span>Find the right\nproperty<\/span>\r\n                                             <span class=\"harrow-4\"><\/span>            <\/h2>\r\n                  \r\n         \r\n      <\/div>\r\n   <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78fea61e elementor-widget elementor-widget-gva-listing-search-form\" data-id=\"78fea61e\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"glavniFilter\" data-widget_type=\"gva-listing-search-form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"gva-element-gva-listing-search-form gva-element\"><div class=\"gsc-listing-search\"><div class=\"ulisting-search-form style-2\">\n                                                                                                <div id=\"stm_search_form_category_77351777728796\">\n        <stm-search-form-category key=\"77351777728796\"\n                                  :stm_search_form_category_data=\"stm_search_form_category_data\"\n                                  :stm_search_form_category_texts=\"stm_search_form_category_text\" inline-template>\n            <div class=\"ulisting-search-form-wrapper\">\n                <ul class=\"nav nav-tabs\">\n                                            <li class=\"nav-item\">\n                            <a class=\"nav-link stm-cursor-pointer\"\n                               data-v-bind_class=\"{ active: active_tab == 6}\"\n                               data-v-on_click=\"set_active_tab(6)\" onmousedown=\"onButtonClick()\">For Sale<\/a>\n                        <\/li>\n                                                <li class=\"nav-item\">\n                            <a class=\"nav-link stm-cursor-pointer\"\n                               data-v-bind_class=\"{ active: active_tab == 12}\"\n                               data-v-on_click=\"set_active_tab(12)\" onmousedown=\"onButtonClick()\">For Rent<\/a>\n                        <\/li>\n                                                <li class=\"nav-item\">\n                            <a class=\"nav-link stm-cursor-pointer\"\n                               data-v-bind_class=\"{ active: active_tab == 47}\"\n                               data-v-on_click=\"set_active_tab(47)\" onmousedown=\"onButtonClick()\">Buying<\/a>\n                        <\/li>\n                                                <li class=\"nav-item\">\n                            <a class=\"nav-link stm-cursor-pointer\"\n                               data-v-bind_class=\"{ active: active_tab == 48}\"\n                               data-v-on_click=\"set_active_tab(48)\" onmousedown=\"onButtonClick()\">Leasehold<\/a>\n                        <\/li>\n                                        <\/ul>\n                <div class=\"tab-content\">\n                                                \n                        <div data-v-if=\"active_tab == 6\"\n                             class=\"tab-pane fade show active\">\n                            \n                            <div class=\"listing-search-tab-content\">\n                                <div class=\"basic-search-wrapper\">\n                                    <div class=\"stm-row row-search-form\">\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\n                                        <div class=\"stm-col col-basic-search listing-type\">\n                                            <div class=\"ulisting-form-gruop\" id=\"izbiraTipaNepremicnine\">\n                                                <ulisting-select2 :key=\"generateRandomId()\" :options='category_selected.types'\n                                                                  @input=\"change_listing_type\"\n                                                                  data-v-model='category_selected.type_selected'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  showClearButton='true'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  placeholder='Select Listing Type'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  :value=null\n\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  >\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<\/ulisting-select2>\n                                            <\/div>\n                                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\n                                        <div class=\"stm-col col-basic-search listing-search\">\n                                            <div data-v-if='category_selected.type_selected == 28' class='col-item'><div class='label'>Region<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_28.region'\n\t\t\t  placeholder=\"Choose a region...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_28.region_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='region' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='region_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item'><div class='label'>Administrative Unit<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_28.obcina'\n\t\t\t  placeholder=\"Select administrative unit...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_28.obcina_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='obcina' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina', attribute.listing_type_28.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina',attribute.listing_type_28.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='obcina_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Region<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_212.region'\n\t\t\t  placeholder=\"Choose a region...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_212.region_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='region' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='region_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Administrative Unit<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_212.obcina'\n\t\t\t  placeholder=\"Select administrative unit...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_212.obcina_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='obcina' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina', attribute.listing_type_212.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina',attribute.listing_type_212.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='obcina_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 215' class='col-item'><div class='label'>Region<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_215.region'\n\t\t\t  placeholder=\"Choose a region...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_215.region_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='region' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='region_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 215' class='col-item'><div class='label'>Administrative Unit<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_215.obcina'\n\t\t\t  placeholder=\"Select administrative unit...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_215.obcina_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='obcina' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina', attribute.listing_type_215.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina',attribute.listing_type_215.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='obcina_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 519' class='col-item'><div class='label'>Region<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_519.region'\n\t\t\t  placeholder=\"Choose a region...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_519.region_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='region' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='region_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 519' class='col-item'><div class='label'>Administrative Unit<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_519.obcina'\n\t\t\t  placeholder=\"Select administrative unit...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_519.obcina_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='obcina' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina', attribute.listing_type_519.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina',attribute.listing_type_519.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='obcina_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 521' class='col-item'><div class='label'>Region<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_521.region'\n\t\t\t  placeholder=\"Choose a region...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_521.region_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='region' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='region_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 521' class='col-item'><div class='label'>Administrative Unit<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_521.obcina'\n\t\t\t  placeholder=\"Select administrative unit...\"\n\t\t\t  order_by=''\n\t\t\t  order=''\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_521.obcina_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='obcina' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina', attribute.listing_type_521.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina',attribute.listing_type_521.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='obcina_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 523' class='col-item'><div class='label'>Region<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_523.region'\n\t\t\t  placeholder=\"Choose a region...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_523.region_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='region' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='region_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 523' class='col-item'><div class='label'>Administrative Unit<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_523.obcina'\n\t\t\t  placeholder=\"Select administrative unit...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_523.obcina_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='obcina' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina', attribute.listing_type_523.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina',attribute.listing_type_523.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='obcina_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div>                                        <\/div> \t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n                                        <div class=\"stm-col col-button-search action-advanced-search\">\n                                            <a class=\"btn-advanced-search\"><i class=\"icon las la-sliders-h\"><\/i>Advanced<\/a>\n                                        <\/div>\n                                        <div class=\"stm-col col-basic-search listing-search-action\">\n                                            <a href=\"#\" data-v-bind_href=\"category_selected.url\" class=\"btn btn-primary w-full\">Search<\/a>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>        \n\n                                <div class=\"advanced-search-wrapper\">\n                                    <div class=\"advanced-search-content\" style=\"display: none;\">\n                                        <div class=\"row\">\n                                            <div data-v-if='category_selected.type_selected == 28' class='col-item'><div class='label'>Area<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_28.area'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='sqm'\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='165'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item'><div class='label'>Price<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_28.price'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='\u20ac'\n      data-v-bind_sign='false'\n\t  min='720'\n\t  max='890000'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item'><div class='label'>Bedrooms<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_28.spalnice'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='4'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item'><div class='label'>Bathrooms<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_28.kopalnice'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='2'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item'><div class='label'>Parking Spaces<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_28.parkirna_mesta'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='3'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item list-checkboxs field-name-tip_stanovanja'><div class='label'>Type of Apartment<\/div>\n<stm-field-checkbox inline-template\n\t    data-v-bind_key=\"generateRandomId()\"\n\t    v-model='attribute.listing_type_28.tip_stanovanja'\n\t\torder_by=''\n\t\torder=''\n\t\tdata-v-bind_callback_change='change'\n\t\tdata-v-bind_items='attribute.listing_type_28.tip_stanovanja_items'\n\t\tdata-v-bind_hide_empty='\"false\"'\n        >\t\n\t<div class=\"ulisting-form-gruop ulisting-field-checkboxs checkbox-filter field-checkbox-\">\n\t\t\t\t\t<label class=\"title-field\">Type of Apartment<\/label>\n\t\t\t\t\n\t\t<div class=\"show-results\">\n\t\t\t<span data-v-if=\"value.length\" class=\"result-item\" data-v-for='item_value in value'><span data-v-for='item_list in list' data-v-if=\"item_list.value == item_value\">{{item_list.name}}<\/span><\/span>\n\t\t\t<span data-v-if=\"!value.length\">\n\t\t\t\tSelect  \n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"checkbox-filter-content\">\n\t\t\t<div class=\"content-inner\">\n\t\t\t\t<div class=\"stm-row\">\n\t\t\t\t\t<div class='stm-col-12 checkbox-input' data-v-for='(item, index) in list'>\n\t\t\t\t\t\t<div class=\"lt-checkbox pretty p-icon p-curve p-smooth\">\n\t\t\t\t\t\t\t<input data-v-on_change='updateValue' type='checkbox' data-v-bind_value='item.value' data-v-model='value' >\n\t\t\t\t\t\t\t<div class=\"state\">\n\t\t\t\t\t\t\t\t<i class=\"icon fas fa-check\"><\/i>\n\t\t\t\t\t\t\t\t<label><span class=\"item-name\">{{item.name}}<\/span> <span class=\"d-none\">({{item.count}})<\/span> <\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-checkbox>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item list-checkboxs field-name-ogrevanjehlajenje'><div class='label'>Heating\/Cooling<\/div>\n<stm-field-checkbox inline-template\n\t    data-v-bind_key=\"generateRandomId()\"\n\t    v-model='attribute.listing_type_28.ogrevanjehlajenje'\n\t\torder_by='name'\n\t\torder='ASC'\n\t\tdata-v-bind_callback_change='change'\n\t\tdata-v-bind_items='attribute.listing_type_28.ogrevanjehlajenje_items'\n\t\tdata-v-bind_hide_empty='\"false\"'\n        >\t\n\t<div class=\"ulisting-form-gruop ulisting-field-checkboxs checkbox-filter field-checkbox-\">\n\t\t\t\t\t<label class=\"title-field\">Heating\/Cooling<\/label>\n\t\t\t\t\n\t\t<div class=\"show-results\">\n\t\t\t<span data-v-if=\"value.length\" class=\"result-item\" data-v-for='item_value in value'><span data-v-for='item_list in list' data-v-if=\"item_list.value == item_value\">{{item_list.name}}<\/span><\/span>\n\t\t\t<span data-v-if=\"!value.length\">\n\t\t\t\tSelect  \n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"checkbox-filter-content\">\n\t\t\t<div class=\"content-inner\">\n\t\t\t\t<div class=\"stm-row\">\n\t\t\t\t\t<div class='stm-col-12 checkbox-input' data-v-for='(item, index) in list'>\n\t\t\t\t\t\t<div class=\"lt-checkbox pretty p-icon p-curve p-smooth\">\n\t\t\t\t\t\t\t<input data-v-on_change='updateValue' type='checkbox' data-v-bind_value='item.value' data-v-model='value' >\n\t\t\t\t\t\t\t<div class=\"state\">\n\t\t\t\t\t\t\t\t<i class=\"icon fas fa-check\"><\/i>\n\t\t\t\t\t\t\t\t<label><span class=\"item-name\">{{item.name}}<\/span> <span class=\"d-none\">({{item.count}})<\/span> <\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-checkbox>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item list-checkboxs field-name-zunanjost'><div class='label'>Exterior<\/div>\n<stm-field-checkbox inline-template\n\t    data-v-bind_key=\"generateRandomId()\"\n\t    v-model='attribute.listing_type_28.zunanjost'\n\t\torder_by='name'\n\t\torder='ASC'\n\t\tdata-v-bind_callback_change='change'\n\t\tdata-v-bind_items='attribute.listing_type_28.zunanjost_items'\n\t\tdata-v-bind_hide_empty='\"false\"'\n        >\t\n\t<div class=\"ulisting-form-gruop ulisting-field-checkboxs checkbox-filter field-checkbox-\">\n\t\t\t\t\t<label class=\"title-field\">Exterior<\/label>\n\t\t\t\t\n\t\t<div class=\"show-results\">\n\t\t\t<span data-v-if=\"value.length\" class=\"result-item\" data-v-for='item_value in value'><span data-v-for='item_list in list' data-v-if=\"item_list.value == item_value\">{{item_list.name}}<\/span><\/span>\n\t\t\t<span data-v-if=\"!value.length\">\n\t\t\t\tSelect  \n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"checkbox-filter-content\">\n\t\t\t<div class=\"content-inner\">\n\t\t\t\t<div class=\"stm-row\">\n\t\t\t\t\t<div class='stm-col-12 checkbox-input' data-v-for='(item, index) in list'>\n\t\t\t\t\t\t<div class=\"lt-checkbox pretty p-icon p-curve p-smooth\">\n\t\t\t\t\t\t\t<input data-v-on_change='updateValue' type='checkbox' data-v-bind_value='item.value' data-v-model='value' >\n\t\t\t\t\t\t\t<div class=\"state\">\n\t\t\t\t\t\t\t\t<i class=\"icon fas fa-check\"><\/i>\n\t\t\t\t\t\t\t\t<label><span class=\"item-name\">{{item.name}}<\/span> <span class=\"d-none\">({{item.count}})<\/span> <\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-checkbox>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item list-checkboxs field-name-prikljucki'><div class='label'>Installations<\/div>\n<stm-field-checkbox inline-template\n\t    data-v-bind_key=\"generateRandomId()\"\n\t    v-model='attribute.listing_type_28.prikljucki'\n\t\torder_by='name'\n\t\torder='ASC'\n\t\tdata-v-bind_callback_change='change'\n\t\tdata-v-bind_items='attribute.listing_type_28.prikljucki_items'\n\t\tdata-v-bind_hide_empty='\"false\"'\n        >\t\n\t<div class=\"ulisting-form-gruop ulisting-field-checkboxs checkbox-filter field-checkbox-\">\n\t\t\t\t\t<label class=\"title-field\">Installations<\/label>\n\t\t\t\t\n\t\t<div class=\"show-results\">\n\t\t\t<span data-v-if=\"value.length\" class=\"result-item\" data-v-for='item_value in value'><span data-v-for='item_list in list' data-v-if=\"item_list.value == item_value\">{{item_list.name}}<\/span><\/span>\n\t\t\t<span data-v-if=\"!value.length\">\n\t\t\t\tSelect  \n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"checkbox-filter-content\">\n\t\t\t<div class=\"content-inner\">\n\t\t\t\t<div class=\"stm-row\">\n\t\t\t\t\t<div class='stm-col-12 checkbox-input' data-v-for='(item, index) in list'>\n\t\t\t\t\t\t<div class=\"lt-checkbox pretty p-icon p-curve p-smooth\">\n\t\t\t\t\t\t\t<input data-v-on_change='updateValue' type='checkbox' data-v-bind_value='item.value' data-v-model='value' >\n\t\t\t\t\t\t\t<div class=\"state\">\n\t\t\t\t\t\t\t\t<i class=\"icon fas fa-check\"><\/i>\n\t\t\t\t\t\t\t\t<label><span class=\"item-name\">{{item.name}}<\/span> <span class=\"d-none\">({{item.count}})<\/span> <\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-checkbox>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Price<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_212.price'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='\u20ac'\n      data-v-bind_sign='false'\n\t  min='2200'\n\t  max='925275'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Living Area<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_212.area'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='sqm'\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='145'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Plot Size<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_212.plot_size'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='sqm'\n      data-v-bind_sign='false'\n\t  min='210'\n\t  max='2715'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Bedrooms<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_212.spalnice'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='4'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Bathrooms<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_212.kopalnice'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='3'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Kitchens<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_212.kitchens'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='2'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item list-checkboxs field-name-tip_stavbe'><div class='label'>Type of House<\/div>\n<stm-field-checkbox inline-template\n\t    data-v-bind_key=\"generateRandomId()\"\n\t    v-model='attribute.listing_type_212.tip_stavbe'\n\t\torder_by=''\n\t\torder=''\n\t\tdata-v-bind_callback_change='change'\n\t\tdata-v-bind_items='attribute.listing_type_212.tip_stavbe_items'\n\t\tdata-v-bind_hide_empty='\"false\"'\n        >\t\n\t<div class=\"ulisting-form-gruop ulisting-field-checkboxs checkbox-filter field-checkbox-\">\n\t\t\t\t\t<label class=\"title-field\">Type of House<\/label>\n\t\t\t\t\n\t\t<div class=\"show-results\">\n\t\t\t<span data-v-if=\"value.length\" class=\"result-item\" data-v-for='item_value in value'><span data-v-for='item_list in list' data-v-if=\"item_list.value == item_value\">{{item_list.name}}<\/span><\/span>\n\t\t\t<span data-v-if=\"!value.length\">\n\t\t\t\tSelect  \n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"checkbox-filter-content\">\n\t\t\t<div class=\"content-inner\">\n\t\t\t\t<div class=\"stm-row\">\n\t\t\t\t\t<div class='stm-col-12 checkbox-input' data-v-for='(item, index) in list'>\n\t\t\t\t\t\t<div class=\"lt-checkbox pretty p-icon p-curve p-smooth\">\n\t\t\t\t\t\t\t<input data-v-on_change='updateValue' type='checkbox' data-v-bind_value='item.value' data-v-model='value' >\n\t\t\t\t\t\t\t<div class=\"state\">\n\t\t\t\t\t\t\t\t<i class=\"icon fas fa-check\"><\/i>\n\t\t\t\t\t\t\t\t<label><span class=\"item-name\">{{item.name}}<\/span> <span class=\"d-none\">({{item.count}})<\/span> <\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-checkbox>\n<\/div><div data-v-if='category_selected.type_selected == 215' class='col-item'><div class='label'>Area<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_215.area'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='sqm'\n      data-v-bind_sign='false'\n\t  min='67'\n\t  max='307'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 215' class='col-item'><div class='label'>Price<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_215.price'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='\u20ac'\n      data-v-bind_sign='false'\n\t  min='2990'\n\t  max='2000000'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 215' class='col-item'><div class='label'>Parking Spaces<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_215.parkirna_mesta'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='5'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 519' class='col-item'><div class='label'>Area<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_519.area'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='sqm'\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='7'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 519' class='col-item'><div class='label'>Price<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_519.price'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='\u20ac'\n      data-v-bind_sign='false'\n\t  min='12500'\n\t  max='27000'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 519' class='col-item list-checkboxs field-name-prikljucki'><div class='label'>Installations<\/div>\n<stm-field-checkbox inline-template\n\t    data-v-bind_key=\"generateRandomId()\"\n\t    v-model='attribute.listing_type_519.prikljucki'\n\t\torder_by='name'\n\t\torder='ASC'\n\t\tdata-v-bind_callback_change='change'\n\t\tdata-v-bind_items='attribute.listing_type_519.prikljucki_items'\n\t\tdata-v-bind_hide_empty='\"false\"'\n        >\t\n\t<div class=\"ulisting-form-gruop ulisting-field-checkboxs checkbox-filter field-checkbox-\">\n\t\t\t\t\t<label class=\"title-field\">Installations<\/label>\n\t\t\t\t\n\t\t<div class=\"show-results\">\n\t\t\t<span data-v-if=\"value.length\" class=\"result-item\" data-v-for='item_value in value'><span data-v-for='item_list in list' data-v-if=\"item_list.value == item_value\">{{item_list.name}}<\/span><\/span>\n\t\t\t<span data-v-if=\"!value.length\">\n\t\t\t\tSelect  \n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"checkbox-filter-content\">\n\t\t\t<div class=\"content-inner\">\n\t\t\t\t<div class=\"stm-row\">\n\t\t\t\t\t<div class='stm-col-12 checkbox-input' data-v-for='(item, index) in list'>\n\t\t\t\t\t\t<div class=\"lt-checkbox pretty p-icon p-curve p-smooth\">\n\t\t\t\t\t\t\t<input data-v-on_change='updateValue' type='checkbox' data-v-bind_value='item.value' data-v-model='value' >\n\t\t\t\t\t\t\t<div class=\"state\">\n\t\t\t\t\t\t\t\t<i class=\"icon fas fa-check\"><\/i>\n\t\t\t\t\t\t\t\t<label><span class=\"item-name\">{{item.name}}<\/span> <span class=\"d-none\">({{item.count}})<\/span> <\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-checkbox>\n<\/div><div data-v-if='category_selected.type_selected == 521' class='col-item'><div class='label'>Plot size<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_521.plot_size'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='sqm'\n      data-v-bind_sign='false'\n\t  min='2915'\n\t  max='24182'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 521' class='col-item'><div class='label'>Price<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_521.price'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='\u20ac'\n      data-v-bind_sign='false'\n\t  min='85000'\n\t  max='170000'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 521' class='col-item list-checkboxs field-name-tip_posesti'><div class='label'>Type of Land<\/div>\n<stm-field-checkbox inline-template\n\t    data-v-bind_key=\"generateRandomId()\"\n\t    v-model='attribute.listing_type_521.tip_posesti'\n\t\torder_by='name'\n\t\torder='ASC'\n\t\tdata-v-bind_callback_change='change'\n\t\tdata-v-bind_items='attribute.listing_type_521.tip_posesti_items'\n\t\tdata-v-bind_hide_empty='\"false\"'\n        >\t\n\t<div class=\"ulisting-form-gruop ulisting-field-checkboxs checkbox-filter field-checkbox-\">\n\t\t\t\t\t<label class=\"title-field\">Type of Land<\/label>\n\t\t\t\t\n\t\t<div class=\"show-results\">\n\t\t\t<span data-v-if=\"value.length\" class=\"result-item\" data-v-for='item_value in value'><span data-v-for='item_list in list' data-v-if=\"item_list.value == item_value\">{{item_list.name}}<\/span><\/span>\n\t\t\t<span data-v-if=\"!value.length\">\n\t\t\t\tSelect  \n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"checkbox-filter-content\">\n\t\t\t<div class=\"content-inner\">\n\t\t\t\t<div class=\"stm-row\">\n\t\t\t\t\t<div class='stm-col-12 checkbox-input' data-v-for='(item, index) in list'>\n\t\t\t\t\t\t<div class=\"lt-checkbox pretty p-icon p-curve p-smooth\">\n\t\t\t\t\t\t\t<input data-v-on_change='updateValue' type='checkbox' data-v-bind_value='item.value' data-v-model='value' >\n\t\t\t\t\t\t\t<div class=\"state\">\n\t\t\t\t\t\t\t\t<i class=\"icon fas fa-check\"><\/i>\n\t\t\t\t\t\t\t\t<label><span class=\"item-name\">{{item.name}}<\/span> <span class=\"d-none\">({{item.count}})<\/span> <\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-checkbox>\n<\/div><div data-v-if='category_selected.type_selected == 523' class='col-item'><div class='label'>Area<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_523.area'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='sqm'\n      data-v-bind_sign='false'\n\t  min='72'\n\t  max='72'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 523' class='col-item'><div class='label'>Price<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_523.price'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='\u20ac'\n      data-v-bind_sign='false'\n\t  min='425000'\n\t  max='425000'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 523' class='col-item'><div class='label'>Bedrooms<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_523.spalnice'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='2'\n\t  max='2'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 523' class='col-item'><div class='label'>Bathrooms<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_523.kopalnice'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='1'\n\t  max='1'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 523' class='col-item'><div class='label'>Parking Spaces<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_523.parkirna_mesta'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='0'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div>                                        <\/div>    \n                                    <\/div>    \n                                <\/div>    \n                            <\/div>    \n                        <\/div>\n                                                \n                        <div data-v-if=\"active_tab == 12\"\n                             class=\"tab-pane fade show active\">\n                            \n                            <div class=\"listing-search-tab-content\">\n                                <div class=\"basic-search-wrapper\">\n                                    <div class=\"stm-row row-search-form\">\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\n                                        <div class=\"stm-col col-basic-search listing-type\">\n                                            <div class=\"ulisting-form-gruop\" id=\"izbiraTipaNepremicnine\">\n                                                <ulisting-select2 :key=\"generateRandomId()\" :options='category_selected.types'\n                                                                  @input=\"change_listing_type\"\n                                                                  data-v-model='category_selected.type_selected'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  showClearButton='true'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  placeholder='Select Listing Type'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  :value=null\n\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  >\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<\/ulisting-select2>\n                                            <\/div>\n                                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\n                                        <div class=\"stm-col col-basic-search listing-search\">\n                                            <div data-v-if='category_selected.type_selected == 28' class='col-item'><div class='label'>Region<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_28.region'\n\t\t\t  placeholder=\"Choose a region...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_28.region_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='region' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='region_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item'><div class='label'>Administrative Unit<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_28.obcina'\n\t\t\t  placeholder=\"Select administrative unit...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_28.obcina_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='obcina' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina', attribute.listing_type_28.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina',attribute.listing_type_28.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='obcina_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Region<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_212.region'\n\t\t\t  placeholder=\"Choose a region...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_212.region_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='region' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='region_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Administrative Unit<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_212.obcina'\n\t\t\t  placeholder=\"Select administrative unit...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_212.obcina_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='obcina' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina', attribute.listing_type_212.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina',attribute.listing_type_212.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='obcina_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 215' class='col-item'><div class='label'>Region<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_215.region'\n\t\t\t  placeholder=\"Choose a region...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_215.region_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='region' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='region_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 215' class='col-item'><div class='label'>Administrative Unit<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_215.obcina'\n\t\t\t  placeholder=\"Select administrative unit...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_215.obcina_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='obcina' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina', attribute.listing_type_215.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina',attribute.listing_type_215.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='obcina_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 519' class='col-item'><div class='label'>Region<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_519.region'\n\t\t\t  placeholder=\"Choose a region...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_519.region_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='region' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='region_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 519' class='col-item'><div class='label'>Administrative Unit<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_519.obcina'\n\t\t\t  placeholder=\"Select administrative unit...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_519.obcina_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='obcina' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina', attribute.listing_type_519.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina',attribute.listing_type_519.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='obcina_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 521' class='col-item'><div class='label'>Region<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_521.region'\n\t\t\t  placeholder=\"Choose a region...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_521.region_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='region' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='region_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 521' class='col-item'><div class='label'>Administrative Unit<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_521.obcina'\n\t\t\t  placeholder=\"Select administrative unit...\"\n\t\t\t  order_by=''\n\t\t\t  order=''\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_521.obcina_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='obcina' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina', attribute.listing_type_521.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina',attribute.listing_type_521.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='obcina_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 523' class='col-item'><div class='label'>Region<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_523.region'\n\t\t\t  placeholder=\"Choose a region...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_523.region_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='region' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='region_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 523' class='col-item'><div class='label'>Administrative Unit<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_523.obcina'\n\t\t\t  placeholder=\"Select administrative unit...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_523.obcina_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='obcina' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina', attribute.listing_type_523.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina',attribute.listing_type_523.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='obcina_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div>                                        <\/div> \t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n                                        <div class=\"stm-col col-button-search action-advanced-search\">\n                                            <a class=\"btn-advanced-search\"><i class=\"icon las la-sliders-h\"><\/i>Advanced<\/a>\n                                        <\/div>\n                                        <div class=\"stm-col col-basic-search listing-search-action\">\n                                            <a href=\"#\" data-v-bind_href=\"category_selected.url\" class=\"btn btn-primary w-full\">Search<\/a>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>        \n\n                                <div class=\"advanced-search-wrapper\">\n                                    <div class=\"advanced-search-content\" style=\"display: none;\">\n                                        <div class=\"row\">\n                                            <div data-v-if='category_selected.type_selected == 28' class='col-item'><div class='label'>Area<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_28.area'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='sqm'\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='165'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item'><div class='label'>Price<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_28.price'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='\u20ac'\n      data-v-bind_sign='false'\n\t  min='720'\n\t  max='890000'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item'><div class='label'>Bedrooms<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_28.spalnice'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='4'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item'><div class='label'>Bathrooms<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_28.kopalnice'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='2'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item'><div class='label'>Parking Spaces<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_28.parkirna_mesta'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='3'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item list-checkboxs field-name-tip_stanovanja'><div class='label'>Type of Apartment<\/div>\n<stm-field-checkbox inline-template\n\t    data-v-bind_key=\"generateRandomId()\"\n\t    v-model='attribute.listing_type_28.tip_stanovanja'\n\t\torder_by=''\n\t\torder=''\n\t\tdata-v-bind_callback_change='change'\n\t\tdata-v-bind_items='attribute.listing_type_28.tip_stanovanja_items'\n\t\tdata-v-bind_hide_empty='\"false\"'\n        >\t\n\t<div class=\"ulisting-form-gruop ulisting-field-checkboxs checkbox-filter field-checkbox-\">\n\t\t\t\t\t<label class=\"title-field\">Type of Apartment<\/label>\n\t\t\t\t\n\t\t<div class=\"show-results\">\n\t\t\t<span data-v-if=\"value.length\" class=\"result-item\" data-v-for='item_value in value'><span data-v-for='item_list in list' data-v-if=\"item_list.value == item_value\">{{item_list.name}}<\/span><\/span>\n\t\t\t<span data-v-if=\"!value.length\">\n\t\t\t\tSelect  \n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"checkbox-filter-content\">\n\t\t\t<div class=\"content-inner\">\n\t\t\t\t<div class=\"stm-row\">\n\t\t\t\t\t<div class='stm-col-12 checkbox-input' data-v-for='(item, index) in list'>\n\t\t\t\t\t\t<div class=\"lt-checkbox pretty p-icon p-curve p-smooth\">\n\t\t\t\t\t\t\t<input data-v-on_change='updateValue' type='checkbox' data-v-bind_value='item.value' data-v-model='value' >\n\t\t\t\t\t\t\t<div class=\"state\">\n\t\t\t\t\t\t\t\t<i class=\"icon fas fa-check\"><\/i>\n\t\t\t\t\t\t\t\t<label><span class=\"item-name\">{{item.name}}<\/span> <span class=\"d-none\">({{item.count}})<\/span> <\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-checkbox>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item list-checkboxs field-name-ogrevanjehlajenje'><div class='label'>Heating\/Cooling<\/div>\n<stm-field-checkbox inline-template\n\t    data-v-bind_key=\"generateRandomId()\"\n\t    v-model='attribute.listing_type_28.ogrevanjehlajenje'\n\t\torder_by='name'\n\t\torder='ASC'\n\t\tdata-v-bind_callback_change='change'\n\t\tdata-v-bind_items='attribute.listing_type_28.ogrevanjehlajenje_items'\n\t\tdata-v-bind_hide_empty='\"false\"'\n        >\t\n\t<div class=\"ulisting-form-gruop ulisting-field-checkboxs checkbox-filter field-checkbox-\">\n\t\t\t\t\t<label class=\"title-field\">Heating\/Cooling<\/label>\n\t\t\t\t\n\t\t<div class=\"show-results\">\n\t\t\t<span data-v-if=\"value.length\" class=\"result-item\" data-v-for='item_value in value'><span data-v-for='item_list in list' data-v-if=\"item_list.value == item_value\">{{item_list.name}}<\/span><\/span>\n\t\t\t<span data-v-if=\"!value.length\">\n\t\t\t\tSelect  \n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"checkbox-filter-content\">\n\t\t\t<div class=\"content-inner\">\n\t\t\t\t<div class=\"stm-row\">\n\t\t\t\t\t<div class='stm-col-12 checkbox-input' data-v-for='(item, index) in list'>\n\t\t\t\t\t\t<div class=\"lt-checkbox pretty p-icon p-curve p-smooth\">\n\t\t\t\t\t\t\t<input data-v-on_change='updateValue' type='checkbox' data-v-bind_value='item.value' data-v-model='value' >\n\t\t\t\t\t\t\t<div class=\"state\">\n\t\t\t\t\t\t\t\t<i class=\"icon fas fa-check\"><\/i>\n\t\t\t\t\t\t\t\t<label><span class=\"item-name\">{{item.name}}<\/span> <span class=\"d-none\">({{item.count}})<\/span> <\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-checkbox>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item list-checkboxs field-name-zunanjost'><div class='label'>Exterior<\/div>\n<stm-field-checkbox inline-template\n\t    data-v-bind_key=\"generateRandomId()\"\n\t    v-model='attribute.listing_type_28.zunanjost'\n\t\torder_by='name'\n\t\torder='ASC'\n\t\tdata-v-bind_callback_change='change'\n\t\tdata-v-bind_items='attribute.listing_type_28.zunanjost_items'\n\t\tdata-v-bind_hide_empty='\"false\"'\n        >\t\n\t<div class=\"ulisting-form-gruop ulisting-field-checkboxs checkbox-filter field-checkbox-\">\n\t\t\t\t\t<label class=\"title-field\">Exterior<\/label>\n\t\t\t\t\n\t\t<div class=\"show-results\">\n\t\t\t<span data-v-if=\"value.length\" class=\"result-item\" data-v-for='item_value in value'><span data-v-for='item_list in list' data-v-if=\"item_list.value == item_value\">{{item_list.name}}<\/span><\/span>\n\t\t\t<span data-v-if=\"!value.length\">\n\t\t\t\tSelect  \n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"checkbox-filter-content\">\n\t\t\t<div class=\"content-inner\">\n\t\t\t\t<div class=\"stm-row\">\n\t\t\t\t\t<div class='stm-col-12 checkbox-input' data-v-for='(item, index) in list'>\n\t\t\t\t\t\t<div class=\"lt-checkbox pretty p-icon p-curve p-smooth\">\n\t\t\t\t\t\t\t<input data-v-on_change='updateValue' type='checkbox' data-v-bind_value='item.value' data-v-model='value' >\n\t\t\t\t\t\t\t<div class=\"state\">\n\t\t\t\t\t\t\t\t<i class=\"icon fas fa-check\"><\/i>\n\t\t\t\t\t\t\t\t<label><span class=\"item-name\">{{item.name}}<\/span> <span class=\"d-none\">({{item.count}})<\/span> <\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-checkbox>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item list-checkboxs field-name-prikljucki'><div class='label'>Installations<\/div>\n<stm-field-checkbox inline-template\n\t    data-v-bind_key=\"generateRandomId()\"\n\t    v-model='attribute.listing_type_28.prikljucki'\n\t\torder_by='name'\n\t\torder='ASC'\n\t\tdata-v-bind_callback_change='change'\n\t\tdata-v-bind_items='attribute.listing_type_28.prikljucki_items'\n\t\tdata-v-bind_hide_empty='\"false\"'\n        >\t\n\t<div class=\"ulisting-form-gruop ulisting-field-checkboxs checkbox-filter field-checkbox-\">\n\t\t\t\t\t<label class=\"title-field\">Installations<\/label>\n\t\t\t\t\n\t\t<div class=\"show-results\">\n\t\t\t<span data-v-if=\"value.length\" class=\"result-item\" data-v-for='item_value in value'><span data-v-for='item_list in list' data-v-if=\"item_list.value == item_value\">{{item_list.name}}<\/span><\/span>\n\t\t\t<span data-v-if=\"!value.length\">\n\t\t\t\tSelect  \n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"checkbox-filter-content\">\n\t\t\t<div class=\"content-inner\">\n\t\t\t\t<div class=\"stm-row\">\n\t\t\t\t\t<div class='stm-col-12 checkbox-input' data-v-for='(item, index) in list'>\n\t\t\t\t\t\t<div class=\"lt-checkbox pretty p-icon p-curve p-smooth\">\n\t\t\t\t\t\t\t<input data-v-on_change='updateValue' type='checkbox' data-v-bind_value='item.value' data-v-model='value' >\n\t\t\t\t\t\t\t<div class=\"state\">\n\t\t\t\t\t\t\t\t<i class=\"icon fas fa-check\"><\/i>\n\t\t\t\t\t\t\t\t<label><span class=\"item-name\">{{item.name}}<\/span> <span class=\"d-none\">({{item.count}})<\/span> <\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-checkbox>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Price<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_212.price'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='\u20ac'\n      data-v-bind_sign='false'\n\t  min='2200'\n\t  max='925275'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Living Area<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_212.area'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='sqm'\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='145'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Plot Size<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_212.plot_size'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='sqm'\n      data-v-bind_sign='false'\n\t  min='210'\n\t  max='2715'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Bedrooms<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_212.spalnice'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='4'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Bathrooms<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_212.kopalnice'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='3'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Kitchens<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_212.kitchens'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='2'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item list-checkboxs field-name-tip_stavbe'><div class='label'>Type of House<\/div>\n<stm-field-checkbox inline-template\n\t    data-v-bind_key=\"generateRandomId()\"\n\t    v-model='attribute.listing_type_212.tip_stavbe'\n\t\torder_by=''\n\t\torder=''\n\t\tdata-v-bind_callback_change='change'\n\t\tdata-v-bind_items='attribute.listing_type_212.tip_stavbe_items'\n\t\tdata-v-bind_hide_empty='\"false\"'\n        >\t\n\t<div class=\"ulisting-form-gruop ulisting-field-checkboxs checkbox-filter field-checkbox-\">\n\t\t\t\t\t<label class=\"title-field\">Type of House<\/label>\n\t\t\t\t\n\t\t<div class=\"show-results\">\n\t\t\t<span data-v-if=\"value.length\" class=\"result-item\" data-v-for='item_value in value'><span data-v-for='item_list in list' data-v-if=\"item_list.value == item_value\">{{item_list.name}}<\/span><\/span>\n\t\t\t<span data-v-if=\"!value.length\">\n\t\t\t\tSelect  \n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"checkbox-filter-content\">\n\t\t\t<div class=\"content-inner\">\n\t\t\t\t<div class=\"stm-row\">\n\t\t\t\t\t<div class='stm-col-12 checkbox-input' data-v-for='(item, index) in list'>\n\t\t\t\t\t\t<div class=\"lt-checkbox pretty p-icon p-curve p-smooth\">\n\t\t\t\t\t\t\t<input data-v-on_change='updateValue' type='checkbox' data-v-bind_value='item.value' data-v-model='value' >\n\t\t\t\t\t\t\t<div class=\"state\">\n\t\t\t\t\t\t\t\t<i class=\"icon fas fa-check\"><\/i>\n\t\t\t\t\t\t\t\t<label><span class=\"item-name\">{{item.name}}<\/span> <span class=\"d-none\">({{item.count}})<\/span> <\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-checkbox>\n<\/div><div data-v-if='category_selected.type_selected == 215' class='col-item'><div class='label'>Area<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_215.area'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='sqm'\n      data-v-bind_sign='false'\n\t  min='67'\n\t  max='307'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 215' class='col-item'><div class='label'>Price<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_215.price'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='\u20ac'\n      data-v-bind_sign='false'\n\t  min='2990'\n\t  max='2000000'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 215' class='col-item'><div class='label'>Parking Spaces<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_215.parkirna_mesta'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='5'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 519' class='col-item'><div class='label'>Area<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_519.area'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='sqm'\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='7'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 519' class='col-item'><div class='label'>Price<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_519.price'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='\u20ac'\n      data-v-bind_sign='false'\n\t  min='12500'\n\t  max='27000'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 519' class='col-item list-checkboxs field-name-prikljucki'><div class='label'>Installations<\/div>\n<stm-field-checkbox inline-template\n\t    data-v-bind_key=\"generateRandomId()\"\n\t    v-model='attribute.listing_type_519.prikljucki'\n\t\torder_by='name'\n\t\torder='ASC'\n\t\tdata-v-bind_callback_change='change'\n\t\tdata-v-bind_items='attribute.listing_type_519.prikljucki_items'\n\t\tdata-v-bind_hide_empty='\"false\"'\n        >\t\n\t<div class=\"ulisting-form-gruop ulisting-field-checkboxs checkbox-filter field-checkbox-\">\n\t\t\t\t\t<label class=\"title-field\">Installations<\/label>\n\t\t\t\t\n\t\t<div class=\"show-results\">\n\t\t\t<span data-v-if=\"value.length\" class=\"result-item\" data-v-for='item_value in value'><span data-v-for='item_list in list' data-v-if=\"item_list.value == item_value\">{{item_list.name}}<\/span><\/span>\n\t\t\t<span data-v-if=\"!value.length\">\n\t\t\t\tSelect  \n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"checkbox-filter-content\">\n\t\t\t<div class=\"content-inner\">\n\t\t\t\t<div class=\"stm-row\">\n\t\t\t\t\t<div class='stm-col-12 checkbox-input' data-v-for='(item, index) in list'>\n\t\t\t\t\t\t<div class=\"lt-checkbox pretty p-icon p-curve p-smooth\">\n\t\t\t\t\t\t\t<input data-v-on_change='updateValue' type='checkbox' data-v-bind_value='item.value' data-v-model='value' >\n\t\t\t\t\t\t\t<div class=\"state\">\n\t\t\t\t\t\t\t\t<i class=\"icon fas fa-check\"><\/i>\n\t\t\t\t\t\t\t\t<label><span class=\"item-name\">{{item.name}}<\/span> <span class=\"d-none\">({{item.count}})<\/span> <\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-checkbox>\n<\/div><div data-v-if='category_selected.type_selected == 521' class='col-item'><div class='label'>Plot size<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_521.plot_size'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='sqm'\n      data-v-bind_sign='false'\n\t  min='2915'\n\t  max='24182'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 521' class='col-item'><div class='label'>Price<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_521.price'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='\u20ac'\n      data-v-bind_sign='false'\n\t  min='85000'\n\t  max='170000'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 521' class='col-item list-checkboxs field-name-tip_posesti'><div class='label'>Type of Land<\/div>\n<stm-field-checkbox inline-template\n\t    data-v-bind_key=\"generateRandomId()\"\n\t    v-model='attribute.listing_type_521.tip_posesti'\n\t\torder_by='name'\n\t\torder='ASC'\n\t\tdata-v-bind_callback_change='change'\n\t\tdata-v-bind_items='attribute.listing_type_521.tip_posesti_items'\n\t\tdata-v-bind_hide_empty='\"false\"'\n        >\t\n\t<div class=\"ulisting-form-gruop ulisting-field-checkboxs checkbox-filter field-checkbox-\">\n\t\t\t\t\t<label class=\"title-field\">Type of Land<\/label>\n\t\t\t\t\n\t\t<div class=\"show-results\">\n\t\t\t<span data-v-if=\"value.length\" class=\"result-item\" data-v-for='item_value in value'><span data-v-for='item_list in list' data-v-if=\"item_list.value == item_value\">{{item_list.name}}<\/span><\/span>\n\t\t\t<span data-v-if=\"!value.length\">\n\t\t\t\tSelect  \n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"checkbox-filter-content\">\n\t\t\t<div class=\"content-inner\">\n\t\t\t\t<div class=\"stm-row\">\n\t\t\t\t\t<div class='stm-col-12 checkbox-input' data-v-for='(item, index) in list'>\n\t\t\t\t\t\t<div class=\"lt-checkbox pretty p-icon p-curve p-smooth\">\n\t\t\t\t\t\t\t<input data-v-on_change='updateValue' type='checkbox' data-v-bind_value='item.value' data-v-model='value' >\n\t\t\t\t\t\t\t<div class=\"state\">\n\t\t\t\t\t\t\t\t<i class=\"icon fas fa-check\"><\/i>\n\t\t\t\t\t\t\t\t<label><span class=\"item-name\">{{item.name}}<\/span> <span class=\"d-none\">({{item.count}})<\/span> <\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-checkbox>\n<\/div><div data-v-if='category_selected.type_selected == 523' class='col-item'><div class='label'>Area<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_523.area'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='sqm'\n      data-v-bind_sign='false'\n\t  min='72'\n\t  max='72'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 523' class='col-item'><div class='label'>Price<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_523.price'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='\u20ac'\n      data-v-bind_sign='false'\n\t  min='425000'\n\t  max='425000'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 523' class='col-item'><div class='label'>Bedrooms<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_523.spalnice'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='2'\n\t  max='2'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 523' class='col-item'><div class='label'>Bathrooms<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_523.kopalnice'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='1'\n\t  max='1'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 523' class='col-item'><div class='label'>Parking Spaces<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_523.parkirna_mesta'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='0'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div>                                        <\/div>    \n                                    <\/div>    \n                                <\/div>    \n                            <\/div>    \n                        <\/div>\n                                                \n                        <div data-v-if=\"active_tab == 47\"\n                             class=\"tab-pane fade show active\">\n                            \n                            <div class=\"listing-search-tab-content\">\n                                <div class=\"basic-search-wrapper\">\n                                    <div class=\"stm-row row-search-form\">\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\n                                        <div class=\"stm-col col-basic-search listing-type\">\n                                            <div class=\"ulisting-form-gruop\" id=\"izbiraTipaNepremicnine\">\n                                                <ulisting-select2 :key=\"generateRandomId()\" :options='category_selected.types'\n                                                                  @input=\"change_listing_type\"\n                                                                  data-v-model='category_selected.type_selected'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  showClearButton='true'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  placeholder='Select Listing Type'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  :value=null\n\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  >\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<\/ulisting-select2>\n                                            <\/div>\n                                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\n                                        <div class=\"stm-col col-basic-search listing-search\">\n                                            <div data-v-if='category_selected.type_selected == 28' class='col-item'><div class='label'>Region<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_28.region'\n\t\t\t  placeholder=\"Choose a region...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_28.region_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='region' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='region_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item'><div class='label'>Administrative Unit<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_28.obcina'\n\t\t\t  placeholder=\"Select administrative unit...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_28.obcina_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='obcina' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina', attribute.listing_type_28.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina',attribute.listing_type_28.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='obcina_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Region<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_212.region'\n\t\t\t  placeholder=\"Choose a region...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_212.region_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='region' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='region_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Administrative Unit<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_212.obcina'\n\t\t\t  placeholder=\"Select administrative unit...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_212.obcina_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='obcina' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina', attribute.listing_type_212.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina',attribute.listing_type_212.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='obcina_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 215' class='col-item'><div class='label'>Region<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_215.region'\n\t\t\t  placeholder=\"Choose a region...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_215.region_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='region' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='region_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 215' class='col-item'><div class='label'>Administrative Unit<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_215.obcina'\n\t\t\t  placeholder=\"Select administrative unit...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_215.obcina_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='obcina' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina', attribute.listing_type_215.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina',attribute.listing_type_215.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='obcina_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 519' class='col-item'><div class='label'>Region<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_519.region'\n\t\t\t  placeholder=\"Choose a region...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_519.region_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='region' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='region_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 519' class='col-item'><div class='label'>Administrative Unit<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_519.obcina'\n\t\t\t  placeholder=\"Select administrative unit...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_519.obcina_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='obcina' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina', attribute.listing_type_519.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina',attribute.listing_type_519.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='obcina_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 521' class='col-item'><div class='label'>Region<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_521.region'\n\t\t\t  placeholder=\"Choose a region...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_521.region_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='region' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='region_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 521' class='col-item'><div class='label'>Administrative Unit<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_521.obcina'\n\t\t\t  placeholder=\"Select administrative unit...\"\n\t\t\t  order_by=''\n\t\t\t  order=''\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_521.obcina_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='obcina' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina', attribute.listing_type_521.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina',attribute.listing_type_521.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='obcina_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 523' class='col-item'><div class='label'>Region<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_523.region'\n\t\t\t  placeholder=\"Choose a region...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_523.region_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='region' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='region_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 523' class='col-item'><div class='label'>Administrative Unit<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_523.obcina'\n\t\t\t  placeholder=\"Select administrative unit...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_523.obcina_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='obcina' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina', attribute.listing_type_523.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina',attribute.listing_type_523.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='obcina_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div>                                        <\/div> \t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n                                        <div class=\"stm-col col-button-search action-advanced-search\">\n                                            <a class=\"btn-advanced-search\"><i class=\"icon las la-sliders-h\"><\/i>Advanced<\/a>\n                                        <\/div>\n                                        <div class=\"stm-col col-basic-search listing-search-action\">\n                                            <a href=\"#\" data-v-bind_href=\"category_selected.url\" class=\"btn btn-primary w-full\">Search<\/a>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>        \n\n                                <div class=\"advanced-search-wrapper\">\n                                    <div class=\"advanced-search-content\" style=\"display: none;\">\n                                        <div class=\"row\">\n                                            <div data-v-if='category_selected.type_selected == 28' class='col-item'><div class='label'>Area<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_28.area'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='sqm'\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='165'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item'><div class='label'>Price<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_28.price'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='\u20ac'\n      data-v-bind_sign='false'\n\t  min='720'\n\t  max='890000'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item'><div class='label'>Bedrooms<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_28.spalnice'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='4'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item'><div class='label'>Bathrooms<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_28.kopalnice'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='2'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item'><div class='label'>Parking Spaces<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_28.parkirna_mesta'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='3'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item list-checkboxs field-name-tip_stanovanja'><div class='label'>Type of Apartment<\/div>\n<stm-field-checkbox inline-template\n\t    data-v-bind_key=\"generateRandomId()\"\n\t    v-model='attribute.listing_type_28.tip_stanovanja'\n\t\torder_by=''\n\t\torder=''\n\t\tdata-v-bind_callback_change='change'\n\t\tdata-v-bind_items='attribute.listing_type_28.tip_stanovanja_items'\n\t\tdata-v-bind_hide_empty='\"false\"'\n        >\t\n\t<div class=\"ulisting-form-gruop ulisting-field-checkboxs checkbox-filter field-checkbox-\">\n\t\t\t\t\t<label class=\"title-field\">Type of Apartment<\/label>\n\t\t\t\t\n\t\t<div class=\"show-results\">\n\t\t\t<span data-v-if=\"value.length\" class=\"result-item\" data-v-for='item_value in value'><span data-v-for='item_list in list' data-v-if=\"item_list.value == item_value\">{{item_list.name}}<\/span><\/span>\n\t\t\t<span data-v-if=\"!value.length\">\n\t\t\t\tSelect  \n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"checkbox-filter-content\">\n\t\t\t<div class=\"content-inner\">\n\t\t\t\t<div class=\"stm-row\">\n\t\t\t\t\t<div class='stm-col-12 checkbox-input' data-v-for='(item, index) in list'>\n\t\t\t\t\t\t<div class=\"lt-checkbox pretty p-icon p-curve p-smooth\">\n\t\t\t\t\t\t\t<input data-v-on_change='updateValue' type='checkbox' data-v-bind_value='item.value' data-v-model='value' >\n\t\t\t\t\t\t\t<div class=\"state\">\n\t\t\t\t\t\t\t\t<i class=\"icon fas fa-check\"><\/i>\n\t\t\t\t\t\t\t\t<label><span class=\"item-name\">{{item.name}}<\/span> <span class=\"d-none\">({{item.count}})<\/span> <\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-checkbox>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item list-checkboxs field-name-ogrevanjehlajenje'><div class='label'>Heating\/Cooling<\/div>\n<stm-field-checkbox inline-template\n\t    data-v-bind_key=\"generateRandomId()\"\n\t    v-model='attribute.listing_type_28.ogrevanjehlajenje'\n\t\torder_by='name'\n\t\torder='ASC'\n\t\tdata-v-bind_callback_change='change'\n\t\tdata-v-bind_items='attribute.listing_type_28.ogrevanjehlajenje_items'\n\t\tdata-v-bind_hide_empty='\"false\"'\n        >\t\n\t<div class=\"ulisting-form-gruop ulisting-field-checkboxs checkbox-filter field-checkbox-\">\n\t\t\t\t\t<label class=\"title-field\">Heating\/Cooling<\/label>\n\t\t\t\t\n\t\t<div class=\"show-results\">\n\t\t\t<span data-v-if=\"value.length\" class=\"result-item\" data-v-for='item_value in value'><span data-v-for='item_list in list' data-v-if=\"item_list.value == item_value\">{{item_list.name}}<\/span><\/span>\n\t\t\t<span data-v-if=\"!value.length\">\n\t\t\t\tSelect  \n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"checkbox-filter-content\">\n\t\t\t<div class=\"content-inner\">\n\t\t\t\t<div class=\"stm-row\">\n\t\t\t\t\t<div class='stm-col-12 checkbox-input' data-v-for='(item, index) in list'>\n\t\t\t\t\t\t<div class=\"lt-checkbox pretty p-icon p-curve p-smooth\">\n\t\t\t\t\t\t\t<input data-v-on_change='updateValue' type='checkbox' data-v-bind_value='item.value' data-v-model='value' >\n\t\t\t\t\t\t\t<div class=\"state\">\n\t\t\t\t\t\t\t\t<i class=\"icon fas fa-check\"><\/i>\n\t\t\t\t\t\t\t\t<label><span class=\"item-name\">{{item.name}}<\/span> <span class=\"d-none\">({{item.count}})<\/span> <\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-checkbox>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item list-checkboxs field-name-zunanjost'><div class='label'>Exterior<\/div>\n<stm-field-checkbox inline-template\n\t    data-v-bind_key=\"generateRandomId()\"\n\t    v-model='attribute.listing_type_28.zunanjost'\n\t\torder_by='name'\n\t\torder='ASC'\n\t\tdata-v-bind_callback_change='change'\n\t\tdata-v-bind_items='attribute.listing_type_28.zunanjost_items'\n\t\tdata-v-bind_hide_empty='\"false\"'\n        >\t\n\t<div class=\"ulisting-form-gruop ulisting-field-checkboxs checkbox-filter field-checkbox-\">\n\t\t\t\t\t<label class=\"title-field\">Exterior<\/label>\n\t\t\t\t\n\t\t<div class=\"show-results\">\n\t\t\t<span data-v-if=\"value.length\" class=\"result-item\" data-v-for='item_value in value'><span data-v-for='item_list in list' data-v-if=\"item_list.value == item_value\">{{item_list.name}}<\/span><\/span>\n\t\t\t<span data-v-if=\"!value.length\">\n\t\t\t\tSelect  \n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"checkbox-filter-content\">\n\t\t\t<div class=\"content-inner\">\n\t\t\t\t<div class=\"stm-row\">\n\t\t\t\t\t<div class='stm-col-12 checkbox-input' data-v-for='(item, index) in list'>\n\t\t\t\t\t\t<div class=\"lt-checkbox pretty p-icon p-curve p-smooth\">\n\t\t\t\t\t\t\t<input data-v-on_change='updateValue' type='checkbox' data-v-bind_value='item.value' data-v-model='value' >\n\t\t\t\t\t\t\t<div class=\"state\">\n\t\t\t\t\t\t\t\t<i class=\"icon fas fa-check\"><\/i>\n\t\t\t\t\t\t\t\t<label><span class=\"item-name\">{{item.name}}<\/span> <span class=\"d-none\">({{item.count}})<\/span> <\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-checkbox>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item list-checkboxs field-name-prikljucki'><div class='label'>Installations<\/div>\n<stm-field-checkbox inline-template\n\t    data-v-bind_key=\"generateRandomId()\"\n\t    v-model='attribute.listing_type_28.prikljucki'\n\t\torder_by='name'\n\t\torder='ASC'\n\t\tdata-v-bind_callback_change='change'\n\t\tdata-v-bind_items='attribute.listing_type_28.prikljucki_items'\n\t\tdata-v-bind_hide_empty='\"false\"'\n        >\t\n\t<div class=\"ulisting-form-gruop ulisting-field-checkboxs checkbox-filter field-checkbox-\">\n\t\t\t\t\t<label class=\"title-field\">Installations<\/label>\n\t\t\t\t\n\t\t<div class=\"show-results\">\n\t\t\t<span data-v-if=\"value.length\" class=\"result-item\" data-v-for='item_value in value'><span data-v-for='item_list in list' data-v-if=\"item_list.value == item_value\">{{item_list.name}}<\/span><\/span>\n\t\t\t<span data-v-if=\"!value.length\">\n\t\t\t\tSelect  \n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"checkbox-filter-content\">\n\t\t\t<div class=\"content-inner\">\n\t\t\t\t<div class=\"stm-row\">\n\t\t\t\t\t<div class='stm-col-12 checkbox-input' data-v-for='(item, index) in list'>\n\t\t\t\t\t\t<div class=\"lt-checkbox pretty p-icon p-curve p-smooth\">\n\t\t\t\t\t\t\t<input data-v-on_change='updateValue' type='checkbox' data-v-bind_value='item.value' data-v-model='value' >\n\t\t\t\t\t\t\t<div class=\"state\">\n\t\t\t\t\t\t\t\t<i class=\"icon fas fa-check\"><\/i>\n\t\t\t\t\t\t\t\t<label><span class=\"item-name\">{{item.name}}<\/span> <span class=\"d-none\">({{item.count}})<\/span> <\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-checkbox>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Price<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_212.price'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='\u20ac'\n      data-v-bind_sign='false'\n\t  min='2200'\n\t  max='925275'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Living Area<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_212.area'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='sqm'\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='145'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Plot Size<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_212.plot_size'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='sqm'\n      data-v-bind_sign='false'\n\t  min='210'\n\t  max='2715'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Bedrooms<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_212.spalnice'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='4'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Bathrooms<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_212.kopalnice'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='3'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Kitchens<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_212.kitchens'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='2'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item list-checkboxs field-name-tip_stavbe'><div class='label'>Type of House<\/div>\n<stm-field-checkbox inline-template\n\t    data-v-bind_key=\"generateRandomId()\"\n\t    v-model='attribute.listing_type_212.tip_stavbe'\n\t\torder_by=''\n\t\torder=''\n\t\tdata-v-bind_callback_change='change'\n\t\tdata-v-bind_items='attribute.listing_type_212.tip_stavbe_items'\n\t\tdata-v-bind_hide_empty='\"false\"'\n        >\t\n\t<div class=\"ulisting-form-gruop ulisting-field-checkboxs checkbox-filter field-checkbox-\">\n\t\t\t\t\t<label class=\"title-field\">Type of House<\/label>\n\t\t\t\t\n\t\t<div class=\"show-results\">\n\t\t\t<span data-v-if=\"value.length\" class=\"result-item\" data-v-for='item_value in value'><span data-v-for='item_list in list' data-v-if=\"item_list.value == item_value\">{{item_list.name}}<\/span><\/span>\n\t\t\t<span data-v-if=\"!value.length\">\n\t\t\t\tSelect  \n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"checkbox-filter-content\">\n\t\t\t<div class=\"content-inner\">\n\t\t\t\t<div class=\"stm-row\">\n\t\t\t\t\t<div class='stm-col-12 checkbox-input' data-v-for='(item, index) in list'>\n\t\t\t\t\t\t<div class=\"lt-checkbox pretty p-icon p-curve p-smooth\">\n\t\t\t\t\t\t\t<input data-v-on_change='updateValue' type='checkbox' data-v-bind_value='item.value' data-v-model='value' >\n\t\t\t\t\t\t\t<div class=\"state\">\n\t\t\t\t\t\t\t\t<i class=\"icon fas fa-check\"><\/i>\n\t\t\t\t\t\t\t\t<label><span class=\"item-name\">{{item.name}}<\/span> <span class=\"d-none\">({{item.count}})<\/span> <\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-checkbox>\n<\/div><div data-v-if='category_selected.type_selected == 215' class='col-item'><div class='label'>Area<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_215.area'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='sqm'\n      data-v-bind_sign='false'\n\t  min='67'\n\t  max='307'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 215' class='col-item'><div class='label'>Price<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_215.price'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='\u20ac'\n      data-v-bind_sign='false'\n\t  min='2990'\n\t  max='2000000'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 215' class='col-item'><div class='label'>Parking Spaces<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_215.parkirna_mesta'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='5'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 519' class='col-item'><div class='label'>Area<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_519.area'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='sqm'\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='7'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 519' class='col-item'><div class='label'>Price<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_519.price'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='\u20ac'\n      data-v-bind_sign='false'\n\t  min='12500'\n\t  max='27000'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 519' class='col-item list-checkboxs field-name-prikljucki'><div class='label'>Installations<\/div>\n<stm-field-checkbox inline-template\n\t    data-v-bind_key=\"generateRandomId()\"\n\t    v-model='attribute.listing_type_519.prikljucki'\n\t\torder_by='name'\n\t\torder='ASC'\n\t\tdata-v-bind_callback_change='change'\n\t\tdata-v-bind_items='attribute.listing_type_519.prikljucki_items'\n\t\tdata-v-bind_hide_empty='\"false\"'\n        >\t\n\t<div class=\"ulisting-form-gruop ulisting-field-checkboxs checkbox-filter field-checkbox-\">\n\t\t\t\t\t<label class=\"title-field\">Installations<\/label>\n\t\t\t\t\n\t\t<div class=\"show-results\">\n\t\t\t<span data-v-if=\"value.length\" class=\"result-item\" data-v-for='item_value in value'><span data-v-for='item_list in list' data-v-if=\"item_list.value == item_value\">{{item_list.name}}<\/span><\/span>\n\t\t\t<span data-v-if=\"!value.length\">\n\t\t\t\tSelect  \n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"checkbox-filter-content\">\n\t\t\t<div class=\"content-inner\">\n\t\t\t\t<div class=\"stm-row\">\n\t\t\t\t\t<div class='stm-col-12 checkbox-input' data-v-for='(item, index) in list'>\n\t\t\t\t\t\t<div class=\"lt-checkbox pretty p-icon p-curve p-smooth\">\n\t\t\t\t\t\t\t<input data-v-on_change='updateValue' type='checkbox' data-v-bind_value='item.value' data-v-model='value' >\n\t\t\t\t\t\t\t<div class=\"state\">\n\t\t\t\t\t\t\t\t<i class=\"icon fas fa-check\"><\/i>\n\t\t\t\t\t\t\t\t<label><span class=\"item-name\">{{item.name}}<\/span> <span class=\"d-none\">({{item.count}})<\/span> <\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-checkbox>\n<\/div><div data-v-if='category_selected.type_selected == 521' class='col-item'><div class='label'>Plot size<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_521.plot_size'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='sqm'\n      data-v-bind_sign='false'\n\t  min='2915'\n\t  max='24182'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 521' class='col-item'><div class='label'>Price<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_521.price'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='\u20ac'\n      data-v-bind_sign='false'\n\t  min='85000'\n\t  max='170000'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 521' class='col-item list-checkboxs field-name-tip_posesti'><div class='label'>Type of Land<\/div>\n<stm-field-checkbox inline-template\n\t    data-v-bind_key=\"generateRandomId()\"\n\t    v-model='attribute.listing_type_521.tip_posesti'\n\t\torder_by='name'\n\t\torder='ASC'\n\t\tdata-v-bind_callback_change='change'\n\t\tdata-v-bind_items='attribute.listing_type_521.tip_posesti_items'\n\t\tdata-v-bind_hide_empty='\"false\"'\n        >\t\n\t<div class=\"ulisting-form-gruop ulisting-field-checkboxs checkbox-filter field-checkbox-\">\n\t\t\t\t\t<label class=\"title-field\">Type of Land<\/label>\n\t\t\t\t\n\t\t<div class=\"show-results\">\n\t\t\t<span data-v-if=\"value.length\" class=\"result-item\" data-v-for='item_value in value'><span data-v-for='item_list in list' data-v-if=\"item_list.value == item_value\">{{item_list.name}}<\/span><\/span>\n\t\t\t<span data-v-if=\"!value.length\">\n\t\t\t\tSelect  \n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"checkbox-filter-content\">\n\t\t\t<div class=\"content-inner\">\n\t\t\t\t<div class=\"stm-row\">\n\t\t\t\t\t<div class='stm-col-12 checkbox-input' data-v-for='(item, index) in list'>\n\t\t\t\t\t\t<div class=\"lt-checkbox pretty p-icon p-curve p-smooth\">\n\t\t\t\t\t\t\t<input data-v-on_change='updateValue' type='checkbox' data-v-bind_value='item.value' data-v-model='value' >\n\t\t\t\t\t\t\t<div class=\"state\">\n\t\t\t\t\t\t\t\t<i class=\"icon fas fa-check\"><\/i>\n\t\t\t\t\t\t\t\t<label><span class=\"item-name\">{{item.name}}<\/span> <span class=\"d-none\">({{item.count}})<\/span> <\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-checkbox>\n<\/div><div data-v-if='category_selected.type_selected == 523' class='col-item'><div class='label'>Area<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_523.area'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='sqm'\n      data-v-bind_sign='false'\n\t  min='72'\n\t  max='72'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 523' class='col-item'><div class='label'>Price<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_523.price'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='\u20ac'\n      data-v-bind_sign='false'\n\t  min='425000'\n\t  max='425000'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 523' class='col-item'><div class='label'>Bedrooms<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_523.spalnice'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='2'\n\t  max='2'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 523' class='col-item'><div class='label'>Bathrooms<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_523.kopalnice'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='1'\n\t  max='1'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 523' class='col-item'><div class='label'>Parking Spaces<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_523.parkirna_mesta'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='0'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div>                                        <\/div>    \n                                    <\/div>    \n                                <\/div>    \n                            <\/div>    \n                        <\/div>\n                                                \n                        <div data-v-if=\"active_tab == 48\"\n                             class=\"tab-pane fade show active\">\n                            \n                            <div class=\"listing-search-tab-content\">\n                                <div class=\"basic-search-wrapper\">\n                                    <div class=\"stm-row row-search-form\">\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\n                                        <div class=\"stm-col col-basic-search listing-type\">\n                                            <div class=\"ulisting-form-gruop\" id=\"izbiraTipaNepremicnine\">\n                                                <ulisting-select2 :key=\"generateRandomId()\" :options='category_selected.types'\n                                                                  @input=\"change_listing_type\"\n                                                                  data-v-model='category_selected.type_selected'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  showClearButton='true'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  placeholder='Select Listing Type'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  :value=null\n\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  >\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<\/ulisting-select2>\n                                            <\/div>\n                                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\n                                        <div class=\"stm-col col-basic-search listing-search\">\n                                            <div data-v-if='category_selected.type_selected == 28' class='col-item'><div class='label'>Region<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_28.region'\n\t\t\t  placeholder=\"Choose a region...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_28.region_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='region' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='region_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item'><div class='label'>Administrative Unit<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_28.obcina'\n\t\t\t  placeholder=\"Select administrative unit...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_28.obcina_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='obcina' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina', attribute.listing_type_28.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina',attribute.listing_type_28.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='obcina_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Region<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_212.region'\n\t\t\t  placeholder=\"Choose a region...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_212.region_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='region' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='region_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Administrative Unit<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_212.obcina'\n\t\t\t  placeholder=\"Select administrative unit...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_212.obcina_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='obcina' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina', attribute.listing_type_212.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina',attribute.listing_type_212.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='obcina_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 215' class='col-item'><div class='label'>Region<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_215.region'\n\t\t\t  placeholder=\"Choose a region...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_215.region_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='region' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='region_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 215' class='col-item'><div class='label'>Administrative Unit<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_215.obcina'\n\t\t\t  placeholder=\"Select administrative unit...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_215.obcina_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='obcina' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina', attribute.listing_type_215.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina',attribute.listing_type_215.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='obcina_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 519' class='col-item'><div class='label'>Region<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_519.region'\n\t\t\t  placeholder=\"Choose a region...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_519.region_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='region' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='region_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 519' class='col-item'><div class='label'>Administrative Unit<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_519.obcina'\n\t\t\t  placeholder=\"Select administrative unit...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_519.obcina_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='obcina' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina', attribute.listing_type_519.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina',attribute.listing_type_519.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='obcina_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 521' class='col-item'><div class='label'>Region<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_521.region'\n\t\t\t  placeholder=\"Choose a region...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_521.region_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='region' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='region_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 521' class='col-item'><div class='label'>Administrative Unit<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_521.obcina'\n\t\t\t  placeholder=\"Select administrative unit...\"\n\t\t\t  order_by=''\n\t\t\t  order=''\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_521.obcina_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='obcina' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina', attribute.listing_type_521.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina',attribute.listing_type_521.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='obcina_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 523' class='col-item'><div class='label'>Region<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_523.region'\n\t\t\t  placeholder=\"Choose a region...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_523.region_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='region' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='region_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div><div data-v-if='category_selected.type_selected == 523' class='col-item'><div class='label'>Administrative Unit<\/div><script>\n\t\n\t\/**\n\t *\n\t * Function for setting default CSS styling for a 'select2-dropdown' HTML element\n\t *\n\t *\/\n\tfunction setDefault() {\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\/\/\t\tselect2_dropdown = select2_dropdown[0];\n\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\n\t\tif(loadingObcinasSpinner) {\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t}\n\t\tif(select2_dropdown) {\n\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t}\n\t\t\n\t}\n\t\n\t\n\t\/**\n\t *\n\t * Function for hiding the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction hideUL() {\n\t\t\/\/console.log(\"HIDE UL!\")\n\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\t\tselect2_dropdown = select2_dropdown[0];\n\t\tif (select2_dropdown) {\n\t\t\t\/\/ show progress spinner\n\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: block !important; text-align:center;');\n\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\tif(select2_dropdown) {\n\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: hidden !important');\n\t\t\t}\n\t\t}\n\t}\n\n\t\/**\n\t *\n\t * Function for showing the ul list with class 'ul_list_zadetkov'\n\t *\n\t *\/\n\tfunction showUL(width) {\n\t\tsetTimeout(() => {\n\n\t\t\t\/\/console.log(\"SHOW UL!\")\n\t\t\tlet select2_dropdown = document.getElementsByClassName('select2-results')\n\n\n\t\t\tselect2_dropdown = select2_dropdown[0];\n\t\t\tif (select2_dropdown) {\n\t\t\t\t\/\/ hide progress spinner\n\t\t\t\tlet loadingObcinasSpinner = document.getElementById('loadingObcinasSpinner')\n\t\t\t\tloadingObcinasSpinner.setAttribute('style', 'display: none !important');\n\t\t\t\t\/\/console.log(\"loadingObcinasSpinner: \", loadingObcinasSpinner)\n\n\t\t\t\t\n\t\t\t\tif(select2_dropdown) {\n\t\t\t\t\tselect2_dropdown.setAttribute('style', 'visibility: visible !important');\n\t\t\t\t\tselect2_dropdown.setAttribute('style', `width: ${width}px !important`);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}, 200)\n\t}\n\t\n\t\/**\n\t* Function to reset the selected obcina after selecting region\n\t*\n\t*\/\n\tfunction resetObcina(event) {\n\t\tif(event) {\n\t\t\t\/\/ event.stopPropagation();\n\t\t}\n\t\t\/\/console.log(\"resetObcina() invoked!\")\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t\/**\n\t * Function which executes whenever user selects specific region from the list.\n\t *\n\t * Method gets the selected region and based on selected region, \"filter\" - with the help of CSS\n\t * hides the options of select obcina field to not include the obcinas which does not belong to selected region.\n\t *\n\t * @param value\n\t *\/\n\tfunction regionSelected(level, value) {\n\t\t\t\t\t\/\/console.log(\"value\", value)\n\n\t\tif (level === 'obcina') {\n\t\t\t\t\t\n\t\t\t\/\/ hide UL list\n\t\t\tthis.hideUL();\n\t\t} else {\n\t\t\t\n\t\t\t\/\/ set default css styling for a 'select2-dropdown' HTML element\n\t\t\tthis.setDefault();\n\t\t}\n\n\t\t\/\/console.log(\"Level: \", level)\n\t\tlet width;\n\n\t\tlet OBCINE = {\n\t\t\t'Jugovzhodna Slovenija': [\n\t\t\t\t\"\u010cRNOMELJ\",\n\t\t\t\t\"DOLENJSKE TOPLICE\",\n\t\t\t\t\"KO\u010cEVJE\",\n\t\t\t\t\"KOSTEL\",\n\t\t\t\t\"LO\u0160KI POTOK\",\n\t\t\t\t\"METLIKA\",\n\t\t\t\t\"MIRNA\",\n\t\t\t\t\"MIRNA PE\u010c\",\n\t\t\t\t\"MOKRONOG-TREBELNO\",\n\t\t\t\t\"NOVO MESTO\",\n\t\t\t\t\"OSILNICA\",\n\t\t\t\t\"RIBNICA\",\n\t\t\t\t\"SEMI\u010c\",\n\t\t\t\t\"SODRA\u017dICA\",\n\t\t\t\t\"STRA\u017dA\",\n\t\t\t\t\"\u0160ENTJERNEJ\",\n\t\t\t\t\"\u0160ENTRUPERT\",\n\t\t\t\t\"\u0160KOCJAN\",\n\t\t\t\t\"\u0160MARJE\u0160KE TOPLICE\",\n\t\t\t\t\"TREBNJE\",\n\t\t\t\t\"\u017dU\u017dEMBERK\"\n\t\t\t],\n\t\t\t'Koro\u0161ka': [\n\t\t\t\t\"\u010cRNA NA KORO\u0160KEM\",\n\t\t\t\t\"DRAVOGRAD\",\n\t\t\t\t\"ME\u017dICA\",\n\t\t\t\t\"MISLINJA\",\n\t\t\t\t\"MUTA\",\n\t\t\t\t\"PODVELKA\",\n\t\t\t\t\"PREVALJE\",\n\t\t\t\t\"RADLJE OB DRAVI\",\n\t\t\t\t\"RAVNE NA KORO\u0160KEM\",\n\t\t\t\t\"RIBNICA NA POHORJU\",\n\t\t\t\t\"SLOVENJ GRADEC\",\n\t\t\t\t\"VUZENICA\"\n\t\t\t],\n\t\t\t'Notranjsko-kra\u0161ka': [\n\t\t\t\t\"BLOKE\",\n\t\t\t\t\"CERKNICA\",\n\t\t\t\t\"ILIRSKA BISTRICA\",\n\t\t\t\t\"LO\u0160KA DOLINA\",\n\t\t\t\t\"PIVKA\",\n\t\t\t\t\"POSTOJNA\"\n\t\t\t],\n\t\t\t'Podravska': [\n\t\t\t\t\"BENEDIKT\",\n\t\t\t\t\"CERKVENJAK\",\n\t\t\t\t\"CIRKULANE\",\n\t\t\t\t\"DESTRNIK\",\n\t\t\t\t\"DORNAVA\",\n\t\t\t\t\"DUPLEK\",\n\t\t\t\t\"GORI\u0160NICA\",\n\t\t\t\t\"HAJDINA\",\n\t\t\t\t\"HO\u010cE-SLIVNICA\",\n\t\t\t\t\"JUR\u0160INCI\",\n\t\t\t\t\"KIDRI\u010cEVO\",\n\t\t\t\t\"KUNGOTA\",\n\t\t\t\t\"LENART\",\n\t\t\t\t\"LOVRENC NA POHORJU\",\n\t\t\t\t\"MAJ\u0160PERK\",\n\t\t\t\t\"MAKOLE\",\n\t\t\t\t\"MARIBOR\",\n\t\t\t\t\"MARKOVCI\",\n\t\t\t\t\"MIKLAV\u017d NA DRAVSKEM POLJU\",\n\t\t\t\t\"OPLOTNICA\",\n\t\t\t\t\"ORMO\u017d\",\n\t\t\t\t\"PESNICA\",\n\t\t\t\t\"PODLEHNIK\",\n\t\t\t\t\"POLJ\u010cANE\",\n\t\t\t\t\"PTUJ\",\n\t\t\t\t\"RA\u010cE-FRAM\",\n\t\t\t\t\"RU\u0160E\",\n\t\t\t\t\"SELNICA OB DRAVI\",\n\t\t\t\t\"SLOVENSKA BISTRICA\",\n\t\t\t\t\"SREDI\u0160\u010cE OB DRAVI\",\n\t\t\t\t\"STAR\u0160E\",\n\t\t\t\t\"SVETA ANA\",\n\t\t\t\t\"SVETA TROJICA V SLOV. GORICAH\",\n\t\t\t\t\"SVETI ANDRA\u017d V SLOV. GORICAH\",\n\t\t\t\t\"SVETI JURIJ V SLOV. GORICAH\",\n\t\t\t\t\"SVETI TOMA\u017d\",\n\t\t\t\t\"\u0160ENTILJ\",\n\t\t\t\t\"TRNOVSKA VAS\",\n\t\t\t\t\"VIDEM\",\n\t\t\t\t\"ZAVR\u010c\",\n\t\t\t\t\"\u017dETALE\"\n\t\t\t],\n\t\t\t\"Savinjska\": [\n\t\t\t\t\"BISTRICA OB SOTLI\",\n\t\t\t\t\"BRASLOV\u010cE\",\n\t\t\t\t\"CELJE\",\n\t\t\t\t\"DOBJE\",\n\t\t\t\t\"DOBRNA\",\n\t\t\t\t\"GORNJI GRAD\",\n\t\t\t\t\"KOZJE\",\n\t\t\t\t\"LA\u0160KO\",\n\t\t\t\t\"LJUBNO\",\n\t\t\t\t\"LU\u010cE\",\n\t\t\t\t\"MOZIRJE\",\n\t\t\t\t\"NAZARJE\",\n\t\t\t\t\"POD\u010cETRTEK\",\n\t\t\t\t\"POLZELA\",\n\t\t\t\t\"PREBOLD\",\n\t\t\t\t\"RADE\u010cE\",\n\t\t\t\t\"RE\u010cICA OB SAVINJI\",\n\t\t\t\t\"ROGA\u0160KA SLATINA\",\n\t\t\t\t\"ROGATEC\",\n\t\t\t\t\"SLOVENSKE KONJICE\",\n\t\t\t\t\"SOL\u010cAVA\",\n\t\t\t\t\"\u0160ENTJUR\",\n\t\t\t\t\"\u0160MARJE PRI JEL\u0160AH\",\n\t\t\t\t\"\u0160MARTNO OB PAKI\",\n\t\t\t\t\"\u0160O\u0160TANJ\",\n\t\t\t\t\"\u0160TORE\",\n\t\t\t\t\"TABOR\",\n\t\t\t\t\"VELENJE\",\n\t\t\t\t\"VITANJE\",\n\t\t\t\t\"VOJNIK\",\n\t\t\t\t\"VRANSKO\",\n\t\t\t\t\"ZRE\u010cE\",\n\t\t\t\t\"\u017dALEC\"\n\t\t\t],\n\t\t\t\"Pomurska\": [\n\t\t\t\t\"APA\u010cE\",\n\t\t\t\t\"BELTINCI\",\n\t\t\t\t\"CANKOVA\",\n\t\t\t\t\"\u010cREN\u0160OVCI\",\n\t\t\t\t\"DOBROVNIK\",\n\t\t\t\t\"GORNJA RADGONA\",\n\t\t\t\t\"GORNJI PETROVCI\",\n\t\t\t\t\"GRAD\",\n\t\t\t\t\"HODO\u0160\",\n\t\t\t\t\"KOBILJE\",\n\t\t\t\t\"KRI\u017dEVCI\",\n\t\t\t\t\"KUZMA\",\n\t\t\t\t\"LENDAVA\",\n\t\t\t\t\"LJUTOMER\",\n\t\t\t\t\"MORAVSKE TOPLICE\",\n\t\t\t\t\"MURSKA SOBOTA\",\n\t\t\t\t\"ODRANCI\",\n\t\t\t\t\"PUCONCI\",\n\t\t\t\t\"RADENCI\",\n\t\t\t\t\"RAZKRI\u017dJE\",\n\t\t\t\t\"ROGA\u0160OVCI\",\n\t\t\t\t\"SVETI JURIJ OB \u0160\u010cAVNICI\",\n\t\t\t\t\"\u0160ALOVCI\",\n\t\t\t\t\"TI\u0160INA\",\n\t\t\t\t\"TURNI\u0160\u010cE\",\n\t\t\t\t\"VELIKA POLANA\",\n\t\t\t\t\"VER\u017dEJ\"\n\t\t\t],\n\t\t\t\"Spodnjeposavska\": [\n\t\t\t\t\"BRE\u017dICE\",\n\t\t\t\t\"KOSTANJEVICA NA KRKI\",\n\t\t\t\t\"KR\u0160KO\",\n\t\t\t\t\"SEVNICA\"\n\t\t\t],\n\t\t\t\"Zasavska\": [\n\t\t\t\t\"HRASTNIK\",\n\t\t\t\t\"TRBOVLJE\",\n\t\t\t\t\"ZAGORJE OB SAVI\"\n\t\t\t],\n\t\t\t\"Gorenjska\": [\n\t\t\t\t\"BLED\",\n\t\t\t\t\"BOHINJ\",\n\t\t\t\t\"CERKLJE NA GORENJSKEM\",\n\t\t\t\t\"GORENJA VAS-POLJANE\",\n\t\t\t\t\"GORJE\",\n\t\t\t\t\"JESENICE\",\n\t\t\t\t\"JEZERSKO\",\n\t\t\t\t\"KRANJ\",\n\t\t\t\t\"KRANJSKA GORA\",\n\t\t\t\t\"NAKLO\",\n\t\t\t\t\"PREDDVOR\",\n\t\t\t\t\"RADOVLJICA\",\n\t\t\t\t\"\u0160EN\u010cUR\",\n\t\t\t\t\"\u0160KOFJA LOKA\",\n\t\t\t\t\"TR\u017dI\u010c\",\n\t\t\t\t\"\u017dELEZNIKI\",\n\t\t\t\t\"\u017dIRI\",\n\t\t\t\t\"\u017dIROVNICA\"\n\t\t\t],\n\t\t\t\"Gori\u0161ka\": [\n\t\t\t\t\"AJDOV\u0160\u010cINA\",\n\t\t\t\t\"BOVEC\",\n\t\t\t\t\"BRDA\",\n\t\t\t\t\"CERKNO\",\n\t\t\t\t\"IDRIJA\",\n\t\t\t\t\"KANAL\",\n\t\t\t\t\"KOBARID\",\n\t\t\t\t\"MIREN-KOSTANJEVICA\",\n\t\t\t\t\"NOVA GORICA\",\n\t\t\t\t\"REN\u010cE-VOGRSKO\",\n\t\t\t\t\"\u0160EMPETER-VRTOJBA\",\n\t\t\t\t\"TOLMIN\",\n\t\t\t\t\"VIPAVA\"\n\t\t\t],\n\t\t\t\"Obalno-kra\u0161ka\": [\n\t\t\t\t\"DIVA\u010cA\",\n\t\t\t\t\"HRPELJE-KOZINA\",\n\t\t\t\t\"IZOLA\",\n\t\t\t\t\"KOMEN\",\n\t\t\t\t\"KOPER\",\n\t\t\t\t\"PIRAN\",\n\t\t\t\t\"SE\u017dANA\"\n\t\t\t],\n\t\t\t\"Ljubljana-vicinity\": [\n\t\t\t\t\"BOROVNICA\",\n\t\t\t\t\"BREZOVICA\",\n\t\t\t\t\"DOBREPOLJE\",\n\t\t\t\t\"DOBROVA-POLHOV GRADEC\",\n\t\t\t\t\"DOL PRI LJUBLJANI\",\n\t\t\t\t\"DOM\u017dALE\",\n\t\t\t\t\"GROSUPLJE\",\n\t\t\t\t\"HORJUL\",\n\t\t\t\t\"IG\",\n\t\t\t\t\"IVAN\u010cNA GORICA\",\n\t\t\t\t\"KAMNIK\",\n\t\t\t\t\"KOMENDA\",\n\t\t\t\t\"LITIJA\",\n\t\t\t\t\"LOG - DRAGOMER\",\n\t\t\t\t\"LOGATEC\",\n\t\t\t\t\"LUKOVICA\",\n\t\t\t\t\"MEDVODE\",\n\t\t\t\t\"MENGE\u0160\",\n\t\t\t\t\"MORAV\u010cE\",\n\t\t\t\t\"\u0160KOFLJICA\",\n\t\t\t\t\"\u0160MARTNO PRI LITIJI\",\n\t\t\t\t\"TRZIN\",\n\t\t\t\t\"VELIKE LA\u0160\u010cE\",\n\t\t\t\t\"VODICE\",\n\t\t\t\t\"VRHNIKA\"\n\t\t\t],\n\t\t\t\"LJubljana\": [\n\t\t\t\t\"Be\u017eigrad\",\n\t\t\t\t\"Center\",\n\t\t\t\t\"Moste-Polje\",\n\t\t\t\t\"\u0160i\u0161ka\",\n\t\t\t\t\"Vi\u010d-Rudnik\"\n\t\t\t]\n\t\t}\n\n\t\tlet regionSelectHTMLElement = document.getElementsByClassName('region_unikaten_class')\t\t\n\t\tlet obcinaSelectHTMLElement = document.getElementsByClassName('ul_list_zadetkov')\n\n\t\tlet obcinaUnikatenSelectHTMLElement = document.getElementsByClassName('obcina_unikaten_class')\n\t\tif (obcinaUnikatenSelectHTMLElement.length) {\n\t\t\tobcinaUnikatenSelectHTMLElement = obcinaUnikatenSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent obcinaUnikatenSelectHTMLElement: \", obcinaUnikatenSelectHTMLElement.parentNode)\n\t\t\tlet select2_selection__clear = obcinaUnikatenSelectHTMLElement.parentNode.getElementsByClassName('select2-selection__clear')\n\t\t\tselect2_selection__clear = select2_selection__clear[0];\n\t\t\t\t\t\t\/\/ console.log(\"select2_selection__clear: \", select2_selection__clear)\n\t\t\t\n\t\t\tif(select2_selection__clear) {\n\t\t\t\t\/\/console.log(\"clicked!\")\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t \/\/ simulate on 'mousedown' event on obcina to reset the selected obcina value in case the user changes selection of the region\n\t\t\t\t var event = new CustomEvent(\"mousedown\", { \"detail\": \"Example of an event\" });\n\t\t\t\tselect2_selection__clear.dispatchEvent(event);\n\t\t\t\t\/\/onButtonClick();\n\n\t\t\t\t\n\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\tif (obcinaSelectHTMLElement.length) {\n\t\t\t\/\/console.log(\"Evo me!\", obcinaSelectHTMLElement[0].children)\n\t\t\tobcinaSelectHTMLElement = obcinaSelectHTMLElement[0];\n\t\t}\n\t\tif (regionSelectHTMLElement.length) {\n\t\t\tregionSelectHTMLElement = regionSelectHTMLElement[0];\n\t\t\t\/\/console.log(\"regionSelectHTMLElement: \", regionSelectHTMLElement)\n\t\t\t\/\/console.log(\"Parent: \", regionSelectHTMLElement.parentNode)\n\t\t\tlet select2_container = regionSelectHTMLElement.parentNode.getElementsByClassName('select2-container')\n\t\t\tselect2_container = select2_container[0];\n\t\t\twidth = select2_container.getBoundingClientRect().width;\n\t\t\t\/\/console.log(\"Width: \", width)\n\t\t}\n\t\t\n\n\t\tlet selectedRegionName = \"\";\n\t\tlet selectedRegionObcinasList = [];\n\t\t\/\/ console.log(\"REGION SELECT VALUE: \", regionSelectHTMLElement.value)\n\t\t\/\/ console.log(\"OBCINA SELECT HTML ELEMENT: \", obcinaSelectHTMLElement.children)\n\n\t\t\/\/ if the region is selected and the ul list of obcina selection is opened\n\t\tif (regionSelectHTMLElement.value && obcinaSelectHTMLElement.children && level !== 'region') {\n\n\t\t\t\/\/ based on selected region, retrieve from the child options of region select field the selected region\n\t\t\tArray.from(regionSelectHTMLElement.children).forEach(child => {\n\t\t\t\t\tif (child.value === regionSelectHTMLElement.value) {\n\t\t\t\t\t\tselectedRegionName = child.innerHTML;\n\t\t\t\t\t\t\/\/ console.log(\"SELECTED REGION: \", selectedRegionName)\n\n\t\t\t\t\t\t\/\/ we should first retrieve a list of selected region obcine items\n\t\t\t\t\t\tObject.keys(OBCINE).forEach(key => {\n\t\t\t\t\t\t\tif (key.toLocaleLowerCase() === selectedRegionName.toLocaleLowerCase()) {\n\t\t\t\t\t\t\t\tselectedRegionObcinasList = OBCINE[key];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\n\t\t\t\/\/console.log(\"SELECTED REGION OBCINAS LIST: \", selectedRegionObcinasList)\n\t\t\tlet allObcinasChildOptions = Array.from(obcinaSelectHTMLElement.children)\n\t\t\tif (\n\t\t\t\tallObcinasChildOptions.length\n\t\t\t) {\n\n\t\t\t\t\/\/ console.log(\"allObcinasChildOptions: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"length: \", allObcinasChildOptions.length)\n\t\t\t\t\/\/ allObcinasChildOptions = allObcinasChildOptions.slice(1, allObcinasChildOptions.length);\n\t\t\t\t\/\/ console.log(\"All: \", allObcinasChildOptions)\n\t\t\t\t\/\/ console.log(\"SELECTED REGION OBCINE: \", selectedRegionObcinasList)\n\n\t\t\t\t\/\/ now we only need to set visibility css styling of a specific option of select obcina field to 'hidden' wherever the obcina is not present in the list of selected region obcinas that belongs to                                selected region\n\t\t\t\tfor (let i = 0; i < allObcinasChildOptions.length; i++) {\n\t\t\t\t\tlet child = allObcinasChildOptions[i];\n\n\t\t\t\t\t\/\/ console.log(\"CHILD: \", child)\n\n\t\t\t\t\tif (selectedRegionObcinasList.length) {\n\t\t\t\t\t\tfor (let j = 0; j < selectedRegionObcinasList.length; j++) {\n\t\t\t\t\t\t\tlet obcinaEl = selectedRegionObcinasList[j]\n\n\t\t\t\t\t\t\t\/\/ console.log(\"obcinaEl.toLocaleLowerCase(): \", obcinaEl.toLocaleLowerCase())\n\t\t\t\t\t\t\t\/\/ console.log(\"child.innerHTML.toLocaleLowerCase(): \", child.innerHTML.toLocaleLowerCase())\n\n\t\t\t\t\t\t\t\/\/ check whether specific obcina option child is present in the selected region obcinas list\n\t\t\t\t\t\t\tif (obcinaEl.toLocaleLowerCase() === child.innerHTML.toLocaleLowerCase()) {\n\n\t\t\t\t\t\t\t\t\/\/ if belongs to selected region, ignore it\n\t\t\t\t\t\t\t\t\/\/ and break the for loop\n\t\t\t\t\t\t\t\t\/\/ console.log(\"Child: \", child)\n\t\t\t\t\t\t\t\t\/\/ console.log(\"SHOWN!\")\n\t\t\t\t\t\t\t\tchild.setAttribute('style', 'display: block !important');\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\/\/ console.log('HIDDEN 1!')\n\t\t\t\t\t\t\t\t\/\/ otherwise set visibility of a HTML option child element to 'hidden'\n\t\t\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ console.log('HIDDEN 2!')\n\t\t\t\t\t\tchild.setAttribute('style', 'display: none !important');\n\t\t\t\t\t\t\/\/ child.setAttribute('style', 'visibility: hidden !important');\n\t\t\t\t\t}\n\n\t\t\t\t}\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\n\t\t\t} else {\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (level === 'obcina') {\n\n\t\t\t\t\/\/ show UL list\n\t\t\t\tthis.showUL(width);\n\t\t\t}\n\t\t}\n\n\t}\n\t\n<\/script>\n\t\n\n\t\t<stm-field-dropdown inline-template\n\t\t\t  data-v-bind_key=\"generateRandomId()\"\n\t\t\t  v-model='attribute.listing_type_523.obcina'\n\t\t\t  placeholder=\"Select administrative unit...\"\n\t\t\t  order_by='name'\n\t\t\t  order='ASC'\n\t\t\t  data-v-bind_callback_change='change'\n\t\t\t  data-v-bind_items='attribute.listing_type_523.obcina_items'\n\t\t\t  hide_empty='false'\n\t\t\t  attribute_name='obcina' >\n\t\t\t<div class=\"ulisting-form-gruop\"\n\t\t\t\t \n\t\t\t\t \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina', attribute.listing_type_523.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t \n\t\t\t\t >\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ulisting-select2 data-v-bind_key=\"generateRandomId()\" \n\t\t\t\t\t\t\t\t  \t\n\t\t\t\t\t\t\t\t  v-on:mousedown=\"regionSelected('obcina',attribute.listing_type_523.obcina)\"\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t  data-v-bind_options='list' data-v-bind_placeholder=\"placeholder\" data-v-model='value' clear=\"true\" theme='' class='obcina_unikaten_class'><\/ulisting-select2>\n\t\t\t<\/div>\n\t\t<\/stm-field-dropdown>\n<\/div>                                        <\/div> \t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n                                        <div class=\"stm-col col-button-search action-advanced-search\">\n                                            <a class=\"btn-advanced-search\"><i class=\"icon las la-sliders-h\"><\/i>Advanced<\/a>\n                                        <\/div>\n                                        <div class=\"stm-col col-basic-search listing-search-action\">\n                                            <a href=\"#\" data-v-bind_href=\"category_selected.url\" class=\"btn btn-primary w-full\">Search<\/a>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>        \n\n                                <div class=\"advanced-search-wrapper\">\n                                    <div class=\"advanced-search-content\" style=\"display: none;\">\n                                        <div class=\"row\">\n                                            <div data-v-if='category_selected.type_selected == 28' class='col-item'><div class='label'>Area<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_28.area'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='sqm'\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='165'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item'><div class='label'>Price<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_28.price'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='\u20ac'\n      data-v-bind_sign='false'\n\t  min='720'\n\t  max='890000'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item'><div class='label'>Bedrooms<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_28.spalnice'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='4'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item'><div class='label'>Bathrooms<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_28.kopalnice'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='2'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item'><div class='label'>Parking Spaces<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_28.parkirna_mesta'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='3'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item list-checkboxs field-name-tip_stanovanja'><div class='label'>Type of Apartment<\/div>\n<stm-field-checkbox inline-template\n\t    data-v-bind_key=\"generateRandomId()\"\n\t    v-model='attribute.listing_type_28.tip_stanovanja'\n\t\torder_by=''\n\t\torder=''\n\t\tdata-v-bind_callback_change='change'\n\t\tdata-v-bind_items='attribute.listing_type_28.tip_stanovanja_items'\n\t\tdata-v-bind_hide_empty='\"false\"'\n        >\t\n\t<div class=\"ulisting-form-gruop ulisting-field-checkboxs checkbox-filter field-checkbox-\">\n\t\t\t\t\t<label class=\"title-field\">Type of Apartment<\/label>\n\t\t\t\t\n\t\t<div class=\"show-results\">\n\t\t\t<span data-v-if=\"value.length\" class=\"result-item\" data-v-for='item_value in value'><span data-v-for='item_list in list' data-v-if=\"item_list.value == item_value\">{{item_list.name}}<\/span><\/span>\n\t\t\t<span data-v-if=\"!value.length\">\n\t\t\t\tSelect  \n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"checkbox-filter-content\">\n\t\t\t<div class=\"content-inner\">\n\t\t\t\t<div class=\"stm-row\">\n\t\t\t\t\t<div class='stm-col-12 checkbox-input' data-v-for='(item, index) in list'>\n\t\t\t\t\t\t<div class=\"lt-checkbox pretty p-icon p-curve p-smooth\">\n\t\t\t\t\t\t\t<input data-v-on_change='updateValue' type='checkbox' data-v-bind_value='item.value' data-v-model='value' >\n\t\t\t\t\t\t\t<div class=\"state\">\n\t\t\t\t\t\t\t\t<i class=\"icon fas fa-check\"><\/i>\n\t\t\t\t\t\t\t\t<label><span class=\"item-name\">{{item.name}}<\/span> <span class=\"d-none\">({{item.count}})<\/span> <\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-checkbox>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item list-checkboxs field-name-ogrevanjehlajenje'><div class='label'>Heating\/Cooling<\/div>\n<stm-field-checkbox inline-template\n\t    data-v-bind_key=\"generateRandomId()\"\n\t    v-model='attribute.listing_type_28.ogrevanjehlajenje'\n\t\torder_by='name'\n\t\torder='ASC'\n\t\tdata-v-bind_callback_change='change'\n\t\tdata-v-bind_items='attribute.listing_type_28.ogrevanjehlajenje_items'\n\t\tdata-v-bind_hide_empty='\"false\"'\n        >\t\n\t<div class=\"ulisting-form-gruop ulisting-field-checkboxs checkbox-filter field-checkbox-\">\n\t\t\t\t\t<label class=\"title-field\">Heating\/Cooling<\/label>\n\t\t\t\t\n\t\t<div class=\"show-results\">\n\t\t\t<span data-v-if=\"value.length\" class=\"result-item\" data-v-for='item_value in value'><span data-v-for='item_list in list' data-v-if=\"item_list.value == item_value\">{{item_list.name}}<\/span><\/span>\n\t\t\t<span data-v-if=\"!value.length\">\n\t\t\t\tSelect  \n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"checkbox-filter-content\">\n\t\t\t<div class=\"content-inner\">\n\t\t\t\t<div class=\"stm-row\">\n\t\t\t\t\t<div class='stm-col-12 checkbox-input' data-v-for='(item, index) in list'>\n\t\t\t\t\t\t<div class=\"lt-checkbox pretty p-icon p-curve p-smooth\">\n\t\t\t\t\t\t\t<input data-v-on_change='updateValue' type='checkbox' data-v-bind_value='item.value' data-v-model='value' >\n\t\t\t\t\t\t\t<div class=\"state\">\n\t\t\t\t\t\t\t\t<i class=\"icon fas fa-check\"><\/i>\n\t\t\t\t\t\t\t\t<label><span class=\"item-name\">{{item.name}}<\/span> <span class=\"d-none\">({{item.count}})<\/span> <\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-checkbox>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item list-checkboxs field-name-zunanjost'><div class='label'>Exterior<\/div>\n<stm-field-checkbox inline-template\n\t    data-v-bind_key=\"generateRandomId()\"\n\t    v-model='attribute.listing_type_28.zunanjost'\n\t\torder_by='name'\n\t\torder='ASC'\n\t\tdata-v-bind_callback_change='change'\n\t\tdata-v-bind_items='attribute.listing_type_28.zunanjost_items'\n\t\tdata-v-bind_hide_empty='\"false\"'\n        >\t\n\t<div class=\"ulisting-form-gruop ulisting-field-checkboxs checkbox-filter field-checkbox-\">\n\t\t\t\t\t<label class=\"title-field\">Exterior<\/label>\n\t\t\t\t\n\t\t<div class=\"show-results\">\n\t\t\t<span data-v-if=\"value.length\" class=\"result-item\" data-v-for='item_value in value'><span data-v-for='item_list in list' data-v-if=\"item_list.value == item_value\">{{item_list.name}}<\/span><\/span>\n\t\t\t<span data-v-if=\"!value.length\">\n\t\t\t\tSelect  \n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"checkbox-filter-content\">\n\t\t\t<div class=\"content-inner\">\n\t\t\t\t<div class=\"stm-row\">\n\t\t\t\t\t<div class='stm-col-12 checkbox-input' data-v-for='(item, index) in list'>\n\t\t\t\t\t\t<div class=\"lt-checkbox pretty p-icon p-curve p-smooth\">\n\t\t\t\t\t\t\t<input data-v-on_change='updateValue' type='checkbox' data-v-bind_value='item.value' data-v-model='value' >\n\t\t\t\t\t\t\t<div class=\"state\">\n\t\t\t\t\t\t\t\t<i class=\"icon fas fa-check\"><\/i>\n\t\t\t\t\t\t\t\t<label><span class=\"item-name\">{{item.name}}<\/span> <span class=\"d-none\">({{item.count}})<\/span> <\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-checkbox>\n<\/div><div data-v-if='category_selected.type_selected == 28' class='col-item list-checkboxs field-name-prikljucki'><div class='label'>Installations<\/div>\n<stm-field-checkbox inline-template\n\t    data-v-bind_key=\"generateRandomId()\"\n\t    v-model='attribute.listing_type_28.prikljucki'\n\t\torder_by='name'\n\t\torder='ASC'\n\t\tdata-v-bind_callback_change='change'\n\t\tdata-v-bind_items='attribute.listing_type_28.prikljucki_items'\n\t\tdata-v-bind_hide_empty='\"false\"'\n        >\t\n\t<div class=\"ulisting-form-gruop ulisting-field-checkboxs checkbox-filter field-checkbox-\">\n\t\t\t\t\t<label class=\"title-field\">Installations<\/label>\n\t\t\t\t\n\t\t<div class=\"show-results\">\n\t\t\t<span data-v-if=\"value.length\" class=\"result-item\" data-v-for='item_value in value'><span data-v-for='item_list in list' data-v-if=\"item_list.value == item_value\">{{item_list.name}}<\/span><\/span>\n\t\t\t<span data-v-if=\"!value.length\">\n\t\t\t\tSelect  \n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"checkbox-filter-content\">\n\t\t\t<div class=\"content-inner\">\n\t\t\t\t<div class=\"stm-row\">\n\t\t\t\t\t<div class='stm-col-12 checkbox-input' data-v-for='(item, index) in list'>\n\t\t\t\t\t\t<div class=\"lt-checkbox pretty p-icon p-curve p-smooth\">\n\t\t\t\t\t\t\t<input data-v-on_change='updateValue' type='checkbox' data-v-bind_value='item.value' data-v-model='value' >\n\t\t\t\t\t\t\t<div class=\"state\">\n\t\t\t\t\t\t\t\t<i class=\"icon fas fa-check\"><\/i>\n\t\t\t\t\t\t\t\t<label><span class=\"item-name\">{{item.name}}<\/span> <span class=\"d-none\">({{item.count}})<\/span> <\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-checkbox>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Price<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_212.price'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='\u20ac'\n      data-v-bind_sign='false'\n\t  min='2200'\n\t  max='925275'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Living Area<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_212.area'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='sqm'\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='145'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Plot Size<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_212.plot_size'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='sqm'\n      data-v-bind_sign='false'\n\t  min='210'\n\t  max='2715'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Bedrooms<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_212.spalnice'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='4'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Bathrooms<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_212.kopalnice'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='3'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item'><div class='label'>Kitchens<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_212.kitchens'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='2'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 212' class='col-item list-checkboxs field-name-tip_stavbe'><div class='label'>Type of House<\/div>\n<stm-field-checkbox inline-template\n\t    data-v-bind_key=\"generateRandomId()\"\n\t    v-model='attribute.listing_type_212.tip_stavbe'\n\t\torder_by=''\n\t\torder=''\n\t\tdata-v-bind_callback_change='change'\n\t\tdata-v-bind_items='attribute.listing_type_212.tip_stavbe_items'\n\t\tdata-v-bind_hide_empty='\"false\"'\n        >\t\n\t<div class=\"ulisting-form-gruop ulisting-field-checkboxs checkbox-filter field-checkbox-\">\n\t\t\t\t\t<label class=\"title-field\">Type of House<\/label>\n\t\t\t\t\n\t\t<div class=\"show-results\">\n\t\t\t<span data-v-if=\"value.length\" class=\"result-item\" data-v-for='item_value in value'><span data-v-for='item_list in list' data-v-if=\"item_list.value == item_value\">{{item_list.name}}<\/span><\/span>\n\t\t\t<span data-v-if=\"!value.length\">\n\t\t\t\tSelect  \n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"checkbox-filter-content\">\n\t\t\t<div class=\"content-inner\">\n\t\t\t\t<div class=\"stm-row\">\n\t\t\t\t\t<div class='stm-col-12 checkbox-input' data-v-for='(item, index) in list'>\n\t\t\t\t\t\t<div class=\"lt-checkbox pretty p-icon p-curve p-smooth\">\n\t\t\t\t\t\t\t<input data-v-on_change='updateValue' type='checkbox' data-v-bind_value='item.value' data-v-model='value' >\n\t\t\t\t\t\t\t<div class=\"state\">\n\t\t\t\t\t\t\t\t<i class=\"icon fas fa-check\"><\/i>\n\t\t\t\t\t\t\t\t<label><span class=\"item-name\">{{item.name}}<\/span> <span class=\"d-none\">({{item.count}})<\/span> <\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-checkbox>\n<\/div><div data-v-if='category_selected.type_selected == 215' class='col-item'><div class='label'>Area<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_215.area'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='sqm'\n      data-v-bind_sign='false'\n\t  min='67'\n\t  max='307'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 215' class='col-item'><div class='label'>Price<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_215.price'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='\u20ac'\n      data-v-bind_sign='false'\n\t  min='2990'\n\t  max='2000000'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 215' class='col-item'><div class='label'>Parking Spaces<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_215.parkirna_mesta'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='5'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 519' class='col-item'><div class='label'>Area<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_519.area'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='sqm'\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='7'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 519' class='col-item'><div class='label'>Price<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_519.price'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='\u20ac'\n      data-v-bind_sign='false'\n\t  min='12500'\n\t  max='27000'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 519' class='col-item list-checkboxs field-name-prikljucki'><div class='label'>Installations<\/div>\n<stm-field-checkbox inline-template\n\t    data-v-bind_key=\"generateRandomId()\"\n\t    v-model='attribute.listing_type_519.prikljucki'\n\t\torder_by='name'\n\t\torder='ASC'\n\t\tdata-v-bind_callback_change='change'\n\t\tdata-v-bind_items='attribute.listing_type_519.prikljucki_items'\n\t\tdata-v-bind_hide_empty='\"false\"'\n        >\t\n\t<div class=\"ulisting-form-gruop ulisting-field-checkboxs checkbox-filter field-checkbox-\">\n\t\t\t\t\t<label class=\"title-field\">Installations<\/label>\n\t\t\t\t\n\t\t<div class=\"show-results\">\n\t\t\t<span data-v-if=\"value.length\" class=\"result-item\" data-v-for='item_value in value'><span data-v-for='item_list in list' data-v-if=\"item_list.value == item_value\">{{item_list.name}}<\/span><\/span>\n\t\t\t<span data-v-if=\"!value.length\">\n\t\t\t\tSelect  \n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"checkbox-filter-content\">\n\t\t\t<div class=\"content-inner\">\n\t\t\t\t<div class=\"stm-row\">\n\t\t\t\t\t<div class='stm-col-12 checkbox-input' data-v-for='(item, index) in list'>\n\t\t\t\t\t\t<div class=\"lt-checkbox pretty p-icon p-curve p-smooth\">\n\t\t\t\t\t\t\t<input data-v-on_change='updateValue' type='checkbox' data-v-bind_value='item.value' data-v-model='value' >\n\t\t\t\t\t\t\t<div class=\"state\">\n\t\t\t\t\t\t\t\t<i class=\"icon fas fa-check\"><\/i>\n\t\t\t\t\t\t\t\t<label><span class=\"item-name\">{{item.name}}<\/span> <span class=\"d-none\">({{item.count}})<\/span> <\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-checkbox>\n<\/div><div data-v-if='category_selected.type_selected == 521' class='col-item'><div class='label'>Plot size<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_521.plot_size'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='sqm'\n      data-v-bind_sign='false'\n\t  min='2915'\n\t  max='24182'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 521' class='col-item'><div class='label'>Price<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_521.price'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='\u20ac'\n      data-v-bind_sign='false'\n\t  min='85000'\n\t  max='170000'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 521' class='col-item list-checkboxs field-name-tip_posesti'><div class='label'>Type of Land<\/div>\n<stm-field-checkbox inline-template\n\t    data-v-bind_key=\"generateRandomId()\"\n\t    v-model='attribute.listing_type_521.tip_posesti'\n\t\torder_by='name'\n\t\torder='ASC'\n\t\tdata-v-bind_callback_change='change'\n\t\tdata-v-bind_items='attribute.listing_type_521.tip_posesti_items'\n\t\tdata-v-bind_hide_empty='\"false\"'\n        >\t\n\t<div class=\"ulisting-form-gruop ulisting-field-checkboxs checkbox-filter field-checkbox-\">\n\t\t\t\t\t<label class=\"title-field\">Type of Land<\/label>\n\t\t\t\t\n\t\t<div class=\"show-results\">\n\t\t\t<span data-v-if=\"value.length\" class=\"result-item\" data-v-for='item_value in value'><span data-v-for='item_list in list' data-v-if=\"item_list.value == item_value\">{{item_list.name}}<\/span><\/span>\n\t\t\t<span data-v-if=\"!value.length\">\n\t\t\t\tSelect  \n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"checkbox-filter-content\">\n\t\t\t<div class=\"content-inner\">\n\t\t\t\t<div class=\"stm-row\">\n\t\t\t\t\t<div class='stm-col-12 checkbox-input' data-v-for='(item, index) in list'>\n\t\t\t\t\t\t<div class=\"lt-checkbox pretty p-icon p-curve p-smooth\">\n\t\t\t\t\t\t\t<input data-v-on_change='updateValue' type='checkbox' data-v-bind_value='item.value' data-v-model='value' >\n\t\t\t\t\t\t\t<div class=\"state\">\n\t\t\t\t\t\t\t\t<i class=\"icon fas fa-check\"><\/i>\n\t\t\t\t\t\t\t\t<label><span class=\"item-name\">{{item.name}}<\/span> <span class=\"d-none\">({{item.count}})<\/span> <\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-checkbox>\n<\/div><div data-v-if='category_selected.type_selected == 523' class='col-item'><div class='label'>Area<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_523.area'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='sqm'\n      data-v-bind_sign='false'\n\t  min='72'\n\t  max='72'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 523' class='col-item'><div class='label'>Price<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_523.price'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix='\u20ac'\n      data-v-bind_sign='false'\n\t  min='425000'\n\t  max='425000'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 523' class='col-item'><div class='label'>Bedrooms<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_523.spalnice'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='2'\n\t  max='2'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 523' class='col-item'><div class='label'>Bathrooms<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_523.kopalnice'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='1'\n\t  max='1'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div><div data-v-if='category_selected.type_selected == 523' class='col-item'><div class='label'>Parking Spaces<\/div>\n<stm-field-range\n\t  inline-template\n\t  class=\"ulisting-form-gruop ulisting-field-range\"\n\t  data-v-bind_key=\"generateRandomId()\"\n\t  v-model='attribute.listing_type_523.parkirna_mesta'\n\t  data-v-bind_callback_change='change'\n\t  prefix=''\n\t  suffix=''\n      data-v-bind_sign='false'\n\t  min='0'\n\t  max='0'>\n\t<div>\n\t\t\t\t<div class=\"field-range-content\">\n\t\t\t<vue-range-slider data-v-bind_min=\"min\"\n\t\t\t\t\t\t\t  data-v-bind_max=\"max\"\n\t\t\t\t\t\t\t  data-v-bind_from=\"from\"\n\t\t\t\t\t\t\t  data-v-bind_to=\"to\"\n\t\t\t\t\t\t\t  type=\"double\"\n\t\t\t\t\t\t\t  data-v-bind_prefix=\"prefix\"\n\t\t\t\t\t\t\t  data-v-bind_postfix=\"suffix\"\n\t\t\t\t\t\t\t  data-v-on_callback='updateValue'\n\t\t\t\t\t\t\t  data-v-bind_key=\"generateRandomId()\" >\n\t\t\t<\/vue-range-slider>\n\t\t<\/div>\t\n\t<\/div>\n<\/stm-field-range>\n<\/div>                                        <\/div>    \n                                    <\/div>    \n                                <\/div>    \n                            <\/div>    \n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/stm-search-form-category>\n    <\/div>\n\n    \n<\/div>\n<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-785b3fd7 elementor-section-boxed elementor-section-height-default elementor-section-height-default row-top\" data-id=\"785b3fd7\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e4b1d01 column-style-top\" data-id=\"e4b1d01\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b4a6076 elementor-widget elementor-widget-gva-heading-block\" data-id=\"b4a6076\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"gva-heading-block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"gva-element-gva-heading-block gva-element\">   <div class=\"align-left style-1 widget gsc-heading box-align-left  auto-responsive\">\r\n      <div class=\"content-inner\">\r\n         \r\n                  \r\n                     <div class=\"sub-title\"><span>Featured properties<\/span><\/div>\r\n           \r\n         \r\n                     <h2 class=\"title\">\r\n               <span>For you, we suggest<\/span>\r\n                                                         <\/h2>\r\n                  \r\n         \r\n      <\/div>\r\n   <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32afccc5 elementor-widget elementor-widget-gva-listings\" data-id=\"32afccc5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"gva-listings.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"gva-element-gva-listings gva-element\">\r\n<div class=\"listings-carousel \">\r\n\t<div class=\"init-carousel-owl owl-carousel\" data-items=\"3\" data-items_lg=\"3\" data-items_md=\"3\" data-items_sm=\"2\" data-items_xs=\"2\" data-items_xx=\"1\" data-loop=\"1\" data-speed=\"800\" data-auto_play=\"1\" data-auto_play_speed=\"800\" data-auto_play_timeout=\"6000\" data-auto_play_hover=\"1\" data-navigation=\"0\" data-pagination=\"0\" data-mouse_drag=\"1\" data-touch_drag=\"1\" >\r\n\t\t<div class='listing-item'><div class=\"ulisting-featured-item\">\n   <div class=\"inventory-item-content\">\n      \n<div class=\" ulisting_element_530_1607417603339 ulisting_element_530_1607417603339\" >\n    <div class=\"container\">\n\t\t\n<div class=\" stm-row  ulisting_element_490_1607417603339\">\n\n<div class=\" stm-col  stm-col-xl-0 stm-col-lg-0 stm-col-md-0 stm-col-sm-0 stm-col-0 ulisting_element_330_1607417603339\" >\n\t\r\n<div class=\"listing-block style-1 item-grid-1\">\r\n\t<div class=\"listing-thumbnail\">\r\n\t\t<div class='ulisting-thumbnail-panel'><a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn002180mb\/\" class=\"listing-link\"><img decoding=\"async\" src=\"https:\/\/brn-nepremicnine.si\/en\/wp-content\/uploads\/2025\/12\/STURJE-01_2560-600x450.jpg\" alt=\"BRN Real Estate Agency\"><\/a><\/div>\r\n\t\t\n\n<div class=\" ulisting_element_900_1607417604001\" >\n   <span class=\"photo-count\">\n      9 \n    <\/span>\n<\/div>\n\n\r\n\t\t<div class=\"listing-category\"><span class=\"listing-featured\">Featured<\/span><span class=\"cat-item\">For Sale<\/span><\/div>      \t\t<div class=\"wishlist-icon-content\">\r\n\t\t\t<a href=\"#\" data-post_id=\"55976\" class=\"ajax-wishlist-link wishlist-add\" title=\"Wishlist\">\r\n\t\t\t\t<i class=\"icon far fa-heart\"><\/i>\r\n\t\t\t\t\t\t\t<\/a>\r\n\t <\/div> \r\n\t\t<\/div>\r\n\r\n\t<div class=\"listing-content\">\r\n\t\t<div class=\"content-inner\">\r\n\t\t\t<h3 class=\"listing-title\">\r\n\t\t\t\t<a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn002180mb\/\">\r\n\t\t\t\t\tGori\u0161ka, AJDOV\u0160\u010cINA, \u0160turje\t\t\t\t<\/a>\r\n\t\t\t<\/h3>\r\n\t\t\t\t\t\t<div class=\"listing-price\">\r\n\t\t\t\t<div class='ulisting-listing-price'>  <span class='ulisting-listing-price-new'>353.060,00 &euro;<span class='suffix'><\/span><\/span> <\/div>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div class=\"content-bottom clearfix\">\r\n\t\t\t\r\n\t\t\t<div class='ulisting-attribute-template type-1 attribute_area'>\r\n\t\t\t\t<span class='ulisting-attribute-template-icon'><i class='lab la-jira'><\/i><\/span>\r\n\t\t\t\t<span class='ulisting-attribute-template-value'>88.00 <span class='sub-title'>sqm<\/span><\/span>\r\n\t\t  <\/div> \t\t  <\/div>    \r\n\t<\/div>    \r\n<\/div>\r\n<\/div>\n<\/div>\n\t<\/div>\n<\/div>\n   <\/div>   \n<\/div>\n<\/div><div class='listing-item'><div class=\"ulisting-featured-item\">\n   <div class=\"inventory-item-content\">\n      \n<div class=\" ulisting_element_790_1608262585192 ulisting_element_790_1608262585192\" >\n    <div class=\"container\">\n\t\t\n<div class=\" stm-row  ulisting_element_540_1608262585192\">\n\n<div class=\" stm-col  stm-col-xl-0 stm-col-lg-0 stm-col-md-0 stm-col-sm-0 stm-col-0 ulisting_element_660_1608262585192\" >\n\t\r\n<div class=\"listing-block style-1 item-grid-1\">\r\n\t<div class=\"listing-thumbnail\">\r\n\t\t<div class='ulisting-thumbnail-panel'><a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/hisa-brn000194c\/\" class=\"listing-link\"><img decoding=\"async\" src=\"https:\/\/brn-nepremicnine.si\/en\/wp-content\/uploads\/2026\/01\/Picture24-600x450.jpg\" alt=\"BRN Real Estate Agency\"><\/a><\/div>\r\n\t\t\n\n<div class=\" ulisting_element_210_1608262607093\" >\n   <span class=\"photo-count\">\n      29 \n    <\/span>\n<\/div>\n\n\r\n\t\t<div class=\"listing-category\"><span class=\"listing-featured\">Featured<\/span><\/div>      \t\t<div class=\"wishlist-icon-content\">\r\n\t\t\t<a href=\"#\" data-post_id=\"56712\" class=\"ajax-wishlist-link wishlist-add\" title=\"Wishlist\">\r\n\t\t\t\t<i class=\"icon far fa-heart\"><\/i>\r\n\t\t\t\t\t\t\t<\/a>\r\n\t <\/div> \r\n\t\t<\/div>\r\n\r\n\t<div class=\"listing-content\">\r\n\t\t<div class=\"content-inner\">\r\n\t\t\t<h3 class=\"listing-title\">\r\n\t\t\t\t<a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/hisa-brn000194c\/\">\r\n\t\t\t\t\tLjubljana-vicinity, MEDVODE,\t\t\t\t<\/a>\r\n\t\t\t<\/h3>\r\n\t\t\t\t\t\t<div class=\"listing-price\">\r\n\t\t\t\t<div class='ulisting-listing-price'>  <span class='ulisting-listing-price-new'>925.275,00 &euro;<span class='suffix'><\/span><\/span> <\/div>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div class=\"content-bottom clearfix\">\r\n\t\t\t\t\t  <\/div>    \r\n\t<\/div>    \r\n<\/div>\r\n<\/div>\n<\/div>\n\t<\/div>\n<\/div>\n   <\/div>   \n<\/div>\n<\/div><div class='listing-item'><div class=\"ulisting-featured-item\">\n   <div class=\"inventory-item-content\">\n      \n<div class=\" ulisting_element_530_1607417603339 ulisting_element_530_1607417603339\" >\n    <div class=\"container\">\n\t\t\n<div class=\" stm-row  ulisting_element_490_1607417603339\">\n\n<div class=\" stm-col  stm-col-xl-0 stm-col-lg-0 stm-col-md-0 stm-col-sm-0 stm-col-0 ulisting_element_330_1607417603339\" >\n\t\r\n<div class=\"listing-block style-1 item-grid-1\">\r\n\t<div class=\"listing-thumbnail\">\r\n\t\t<div class='ulisting-thumbnail-panel'><a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000204c\/\" class=\"listing-link\"><img decoding=\"async\" src=\"https:\/\/brn-nepremicnine.si\/en\/wp-content\/uploads\/2026\/03\/image1-1-hgjgpa0y-1920x1080__ZjKeVRsF.jpeg-600x450.webp\" alt=\"BRN Real Estate Agency\"><\/a><\/div>\r\n\t\t\n\n<div class=\" ulisting_element_900_1607417604001\" >\n   <span class=\"photo-count\">\n      11 \n    <\/span>\n<\/div>\n\n\r\n\t\t<div class=\"listing-category\"><span class=\"listing-featured\">Featured<\/span><span class=\"cat-item\">For Sale<\/span><\/div>      \t\t<div class=\"wishlist-icon-content\">\r\n\t\t\t<a href=\"#\" data-post_id=\"57026\" class=\"ajax-wishlist-link wishlist-add\" title=\"Wishlist\">\r\n\t\t\t\t<i class=\"icon far fa-heart\"><\/i>\r\n\t\t\t\t\t\t\t<\/a>\r\n\t <\/div> \r\n\t\t<\/div>\r\n\r\n\t<div class=\"listing-content\">\r\n\t\t<div class=\"content-inner\">\r\n\t\t\t<h3 class=\"listing-title\">\r\n\t\t\t\t<a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000204c\/\">\r\n\t\t\t\t\tSavinjska, POD\u010cETRTEK,\t\t\t\t<\/a>\r\n\t\t\t<\/h3>\r\n\t\t\t\t\t\t<div class=\"listing-price\">\r\n\t\t\t\t<div class='ulisting-listing-price'>  <span class='ulisting-listing-price-new'>350.000,00 &euro;<span class='suffix'><\/span><\/span> <\/div>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div class=\"content-bottom clearfix\">\r\n\t\t\t\r\n\t\t\t<div class='ulisting-attribute-template type-1 attribute_area'>\r\n\t\t\t\t<span class='ulisting-attribute-template-icon'><i class='lab la-jira'><\/i><\/span>\r\n\t\t\t\t<span class='ulisting-attribute-template-value'>99.00 <span class='sub-title'>sqm<\/span><\/span>\r\n\t\t  <\/div> \t\t  <\/div>    \r\n\t<\/div>    \r\n<\/div>\r\n<\/div>\n<\/div>\n\t<\/div>\n<\/div>\n   <\/div>   \n<\/div>\n<\/div><div class='listing-item'><div class=\"ulisting-featured-item\">\n   <div class=\"inventory-item-content\">\n      \n<div class=\" ulisting_element_790_1608262585192 ulisting_element_790_1608262585192\" >\n    <div class=\"container\">\n\t\t\n<div class=\" stm-row  ulisting_element_540_1608262585192\">\n\n<div class=\" stm-col  stm-col-xl-0 stm-col-lg-0 stm-col-md-0 stm-col-sm-0 stm-col-0 ulisting_element_660_1608262585192\" >\n\t\r\n<div class=\"listing-block style-1 item-grid-1\">\r\n\t<div class=\"listing-thumbnail\">\r\n\t\t<div class='ulisting-thumbnail-panel'><a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/hisa-brn000130c\/\" class=\"listing-link\"><img decoding=\"async\" src=\"https:\/\/brn-nepremicnine.si\/en\/wp-content\/uploads\/2025\/12\/i02654-600x450.jpeg\" alt=\"BRN Real Estate Agency\"><\/a><\/div>\r\n\t\t\n\n<div class=\" ulisting_element_210_1608262607093\" >\n   <span class=\"photo-count\">\n      11 \n    <\/span>\n<\/div>\n\n\r\n\t\t<div class=\"listing-category\"><span class=\"listing-featured\">Featured<\/span><span class=\"cat-item\">For Sale<\/span><\/div>      \t\t<div class=\"wishlist-icon-content\">\r\n\t\t\t<a href=\"#\" data-post_id=\"56107\" class=\"ajax-wishlist-link wishlist-add\" title=\"Wishlist\">\r\n\t\t\t\t<i class=\"icon far fa-heart\"><\/i>\r\n\t\t\t\t\t\t\t<\/a>\r\n\t <\/div> \r\n\t\t<\/div>\r\n\r\n\t<div class=\"listing-content\">\r\n\t\t<div class=\"content-inner\">\r\n\t\t\t<h3 class=\"listing-title\">\r\n\t\t\t\t<a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/hisa-brn000130c\/\">\r\n\t\t\t\t\tGorenjska, \u0160EN\u010cUR,\t\t\t\t<\/a>\r\n\t\t\t<\/h3>\r\n\t\t\t\t\t\t<div class=\"listing-price\">\r\n\t\t\t\t<div class='ulisting-listing-price'>  <span class='ulisting-listing-price-new'>615.000,00 &euro;<span class='suffix'><\/span><\/span> <\/div>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div class=\"content-bottom clearfix\">\r\n\t\t\t\r\n\t\t\t<div class='ulisting-attribute-template type-1 attribute_area'>\r\n\t\t\t\t<span class='ulisting-attribute-template-icon'><i class='lab la-jira'><\/i><\/span>\r\n\t\t\t\t<span class='ulisting-attribute-template-value'>123.60 <span class='sub-title'>sqm<\/span><\/span>\r\n\t\t  <\/div> \t\t  <\/div>    \r\n\t<\/div>    \r\n<\/div>\r\n<\/div>\n<\/div>\n\t<\/div>\n<\/div>\n   <\/div>   \n<\/div>\n<\/div><div class='listing-item'><div class=\"ulisting-featured-item\">\n   <div class=\"inventory-item-content\">\n      \n<div class=\" ulisting_element_530_1607417603339 ulisting_element_530_1607417603339\" >\n    <div class=\"container\">\n\t\t\n<div class=\" stm-row  ulisting_element_490_1607417603339\">\n\n<div class=\" stm-col  stm-col-xl-0 stm-col-lg-0 stm-col-md-0 stm-col-sm-0 stm-col-0 ulisting_element_330_1607417603339\" >\n\t\r\n<div class=\"listing-block style-1 item-grid-1\">\r\n\t<div class=\"listing-thumbnail\">\r\n\t\t<div class='ulisting-thumbnail-panel'><a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000185c\/\" class=\"listing-link\"><img decoding=\"async\" src=\"https:\/\/brn-nepremicnine.si\/en\/wp-content\/uploads\/2025\/12\/DnevnaSoba_2D_109-600x450.jpeg\" alt=\"BRN Real Estate Agency\"><\/a><\/div>\r\n\t\t\n\n<div class=\" ulisting_element_900_1607417604001\" >\n   <span class=\"photo-count\">\n      13 \n    <\/span>\n<\/div>\n\n\r\n\t\t<div class=\"listing-category\"><span class=\"listing-featured\">Featured<\/span><span class=\"cat-item\">For Sale<\/span><\/div>      \t\t<div class=\"wishlist-icon-content\">\r\n\t\t\t<a href=\"#\" data-post_id=\"56476\" class=\"ajax-wishlist-link wishlist-add\" title=\"Wishlist\">\r\n\t\t\t\t<i class=\"icon far fa-heart\"><\/i>\r\n\t\t\t\t\t\t\t<\/a>\r\n\t <\/div> \r\n\t\t<\/div>\r\n\r\n\t<div class=\"listing-content\">\r\n\t\t<div class=\"content-inner\">\r\n\t\t\t<h3 class=\"listing-title\">\r\n\t\t\t\t<a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000185c\/\">\r\n\t\t\t\t\tLjubljana-vicinity, KAMNIK, Kamnik\t\t\t\t<\/a>\r\n\t\t\t<\/h3>\r\n\t\t\t\t\t\t<div class=\"listing-price\">\r\n\t\t\t\t<div class='ulisting-listing-price'>  <span class='ulisting-listing-price-new'>513.000,00 &euro;<span class='suffix'><\/span><\/span> <\/div>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div class=\"content-bottom clearfix\">\r\n\t\t\t\r\n\t\t\t<div class='ulisting-attribute-template type-1 attribute_area'>\r\n\t\t\t\t<span class='ulisting-attribute-template-icon'><i class='lab la-jira'><\/i><\/span>\r\n\t\t\t\t<span class='ulisting-attribute-template-value'>103.10 <span class='sub-title'>sqm<\/span><\/span>\r\n\t\t  <\/div> \t\t  <\/div>    \r\n\t<\/div>    \r\n<\/div>\r\n<\/div>\n<\/div>\n\t<\/div>\n<\/div>\n   <\/div>   \n<\/div>\n<\/div><div class='listing-item'><div class=\"ulisting-featured-item\">\n   <div class=\"inventory-item-content\">\n      \n<div class=\" ulisting_element_530_1607417603339 ulisting_element_530_1607417603339\" >\n    <div class=\"container\">\n\t\t\n<div class=\" stm-row  ulisting_element_490_1607417603339\">\n\n<div class=\" stm-col  stm-col-xl-0 stm-col-lg-0 stm-col-md-0 stm-col-sm-0 stm-col-0 ulisting_element_330_1607417603339\" >\n\t\r\n<div class=\"listing-block style-1 item-grid-1\">\r\n\t<div class=\"listing-thumbnail\">\r\n\t\t<div class='ulisting-thumbnail-panel'><a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000189c\/\" class=\"listing-link\"><img decoding=\"async\" src=\"https:\/\/brn-nepremicnine.si\/en\/wp-content\/uploads\/2025\/12\/Kuhinja_2D_107-600x450.webp\" alt=\"BRN Real Estate Agency\"><\/a><\/div>\r\n\t\t\n\n<div class=\" ulisting_element_900_1607417604001\" >\n   <span class=\"photo-count\">\n      12 \n    <\/span>\n<\/div>\n\n\r\n\t\t<div class=\"listing-category\"><span class=\"listing-featured\">Featured<\/span><span class=\"cat-item\">For Sale<\/span><\/div>      \t\t<div class=\"wishlist-icon-content\">\r\n\t\t\t<a href=\"#\" data-post_id=\"56556\" class=\"ajax-wishlist-link wishlist-add\" title=\"Wishlist\">\r\n\t\t\t\t<i class=\"icon far fa-heart\"><\/i>\r\n\t\t\t\t\t\t\t<\/a>\r\n\t <\/div> \r\n\t\t<\/div>\r\n\r\n\t<div class=\"listing-content\">\r\n\t\t<div class=\"content-inner\">\r\n\t\t\t<h3 class=\"listing-title\">\r\n\t\t\t\t<a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000189c\/\">\r\n\t\t\t\t\tLjubljana-vicinity, KAMNIK,\t\t\t\t<\/a>\r\n\t\t\t<\/h3>\r\n\t\t\t\t\t\t<div class=\"listing-price\">\r\n\t\t\t\t<div class='ulisting-listing-price'>  <span class='ulisting-listing-price-new'>358.000,00 &euro;<span class='suffix'><\/span><\/span> <\/div>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div class=\"content-bottom clearfix\">\r\n\t\t\t\r\n\t\t\t<div class='ulisting-attribute-template type-1 attribute_area'>\r\n\t\t\t\t<span class='ulisting-attribute-template-icon'><i class='lab la-jira'><\/i><\/span>\r\n\t\t\t\t<span class='ulisting-attribute-template-value'>65.60 <span class='sub-title'>sqm<\/span><\/span>\r\n\t\t  <\/div> \t\t  <\/div>    \r\n\t<\/div>    \r\n<\/div>\r\n<\/div>\n<\/div>\n\t<\/div>\n<\/div>\n   <\/div>   \n<\/div>\n<\/div><div class='listing-item'><div class=\"ulisting-featured-item\">\n   <div class=\"inventory-item-content\">\n      \n<div class=\" ulisting_element_530_1607417603339 ulisting_element_530_1607417603339\" >\n    <div class=\"container\">\n\t\t\n<div class=\" stm-row  ulisting_element_490_1607417603339\">\n\n<div class=\" stm-col  stm-col-xl-0 stm-col-lg-0 stm-col-md-0 stm-col-sm-0 stm-col-0 ulisting_element_330_1607417603339\" >\n\t\r\n<div class=\"listing-block style-1 item-grid-1\">\r\n\t<div class=\"listing-thumbnail\">\r\n\t\t<div class='ulisting-thumbnail-panel'><a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn002158mb\/\" class=\"listing-link\"><img decoding=\"async\" src=\"https:\/\/brn-nepremicnine.si\/en\/wp-content\/uploads\/2025\/12\/IMG_4505-600x450.jpg\" alt=\"BRN Real Estate Agency\"><\/a><\/div>\r\n\t\t\n\n<div class=\" ulisting_element_900_1607417604001\" >\n   <span class=\"photo-count\">\n      10 \n    <\/span>\n<\/div>\n\n\r\n\t\t<div class=\"listing-category\"><span class=\"listing-featured\">Featured<\/span><span class=\"cat-item\">For Sale<\/span><\/div>      \t\t<div class=\"wishlist-icon-content\">\r\n\t\t\t<a href=\"#\" data-post_id=\"55934\" class=\"ajax-wishlist-link wishlist-add\" title=\"Wishlist\">\r\n\t\t\t\t<i class=\"icon far fa-heart\"><\/i>\r\n\t\t\t\t\t\t\t<\/a>\r\n\t <\/div> \r\n\t\t<\/div>\r\n\r\n\t<div class=\"listing-content\">\r\n\t\t<div class=\"content-inner\">\r\n\t\t\t<h3 class=\"listing-title\">\r\n\t\t\t\t<a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn002158mb\/\">\r\n\t\t\t\t\tLjubljana, BE\u017dIGRAD,\t\t\t\t<\/a>\r\n\t\t\t<\/h3>\r\n\t\t\t\t\t\t<div class=\"listing-price\">\r\n\t\t\t\t<div class='ulisting-listing-price'>  <span class='ulisting-listing-price-new'>675.000,00 &euro;<span class='suffix'><\/span><\/span> <\/div>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div class=\"content-bottom clearfix\">\r\n\t\t\t\r\n\t\t\t<div class='ulisting-attribute-template type-1 attribute_area'>\r\n\t\t\t\t<span class='ulisting-attribute-template-icon'><i class='lab la-jira'><\/i><\/span>\r\n\t\t\t\t<span class='ulisting-attribute-template-value'>111.00 <span class='sub-title'>sqm<\/span><\/span>\r\n\t\t  <\/div> \t\t  <\/div>    \r\n\t<\/div>    \r\n<\/div>\r\n<\/div>\n<\/div>\n\t<\/div>\n<\/div>\n   <\/div>   \n<\/div>\n<\/div><div class='listing-item'><div class=\"ulisting-featured-item\">\n   <div class=\"inventory-item-content\">\n      \n<div class=\" ulisting_element_530_1607417603339 ulisting_element_530_1607417603339\" >\n    <div class=\"container\">\n\t\t\n<div class=\" stm-row  ulisting_element_490_1607417603339\">\n\n<div class=\" stm-col  stm-col-xl-0 stm-col-lg-0 stm-col-md-0 stm-col-sm-0 stm-col-0 ulisting_element_330_1607417603339\" >\n\t\r\n<div class=\"listing-block style-1 item-grid-1\">\r\n\t<div class=\"listing-thumbnail\">\r\n\t\t<div class='ulisting-thumbnail-panel'><a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000201c\/\" class=\"listing-link\"><img decoding=\"async\" src=\"https:\/\/brn-nepremicnine.si\/en\/wp-content\/uploads\/2026\/03\/img-7166-kezxzpun-4032x3024-medium__8LDJKF9V-640x480-1-600x450.jpeg\" alt=\"BRN Real Estate Agency\"><\/a><\/div>\r\n\t\t\n\n<div class=\" ulisting_element_900_1607417604001\" >\n   <span class=\"photo-count\">\n      18 \n    <\/span>\n<\/div>\n\n\r\n\t\t<div class=\"listing-category\"><span class=\"listing-featured\">Featured<\/span><span class=\"cat-item\">For Rent<\/span><\/div>      \t\t<div class=\"wishlist-icon-content\">\r\n\t\t\t<a href=\"#\" data-post_id=\"56962\" class=\"ajax-wishlist-link wishlist-add\" title=\"Wishlist\">\r\n\t\t\t\t<i class=\"icon far fa-heart\"><\/i>\r\n\t\t\t\t\t\t\t<\/a>\r\n\t <\/div> \r\n\t\t<\/div>\r\n\r\n\t<div class=\"listing-content\">\r\n\t\t<div class=\"content-inner\">\r\n\t\t\t<h3 class=\"listing-title\">\r\n\t\t\t\t<a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000201c\/\">\r\n\t\t\t\t\tLjubljana, BE\u017dIGRAD,\t\t\t\t<\/a>\r\n\t\t\t<\/h3>\r\n\t\t\t\t\t\t<div class=\"listing-price\">\r\n\t\t\t\t<div class='ulisting-listing-price'>  <span class='ulisting-listing-price-new'>2.750,00 &euro;<span class='suffix'> \/ month<\/span><\/span> <\/div>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div class=\"content-bottom clearfix\">\r\n\t\t\t\t\t  <\/div>    \r\n\t<\/div>    \r\n<\/div>\r\n<\/div>\n<\/div>\n\t<\/div>\n<\/div>\n   <\/div>   \n<\/div>\n<\/div><div class='listing-item'><div class=\"ulisting-featured-item\">\n   <div class=\"inventory-item-content\">\n      \n<div class=\" ulisting_element_410_1608605281742 ulisting_element_410_1608605281742\" >\n    <div class=\"container\">\n\t\t\n<div class=\" stm-row  ulisting_element_820_1608605281742\">\n\n<div class=\" stm-col  stm-col-xl-0 stm-col-lg-0 stm-col-md-0 stm-col-sm-0 stm-col-0 ulisting_element_460_1608605281742\" >\n\t\r\n<div class=\"listing-block style-1 item-grid-1\">\r\n\t<div class=\"listing-thumbnail\">\r\n\t\t<div class='ulisting-thumbnail-panel'><a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/poslovni-prostor-brn000197c\/\" class=\"listing-link\"><img decoding=\"async\" src=\"https:\/\/brn-nepremicnine.si\/en\/wp-content\/uploads\/2026\/02\/Kamnik-poslovni-prostor-2-tloris-600x450.png\" alt=\"BRN Real Estate Agency\"><\/a><\/div>\r\n\t\t\n\n<div class=\" ulisting_element_440_1608605283176\" >\n   <span class=\"photo-count\">\n      5 \n    <\/span>\n<\/div>\n\n\r\n\t\t<div class=\"listing-category\"><span class=\"listing-featured\">Featured<\/span><span class=\"cat-item\">For Sale<\/span><\/div>      \t\t<div class=\"wishlist-icon-content\">\r\n\t\t\t<a href=\"#\" data-post_id=\"56865\" class=\"ajax-wishlist-link wishlist-add\" title=\"Wishlist\">\r\n\t\t\t\t<i class=\"icon far fa-heart\"><\/i>\r\n\t\t\t\t\t\t\t<\/a>\r\n\t <\/div> \r\n\t\t<\/div>\r\n\r\n\t<div class=\"listing-content\">\r\n\t\t<div class=\"content-inner\">\r\n\t\t\t<h3 class=\"listing-title\">\r\n\t\t\t\t<a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/poslovni-prostor-brn000197c\/\">\r\n\t\t\t\t\tLjubljana-vicinity, KAMNIK,\t\t\t\t<\/a>\r\n\t\t\t<\/h3>\r\n\t\t\t\t\t\t<div class=\"listing-price\">\r\n\t\t\t\t<div class='ulisting-listing-price'>  <span class='ulisting-listing-price-new'>3.172,00 &euro;<span class='suffix'> \/ sqm<\/span><\/span> <\/div>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div class=\"content-bottom clearfix\">\r\n\t\t\t\r\n\t\t\t<div class='ulisting-attribute-template type-1 attribute_area'>\r\n\t\t\t\t<span class='ulisting-attribute-template-icon'><i class='lab la-jira'><\/i><\/span>\r\n\t\t\t\t<span class='ulisting-attribute-template-value'>151.80 <span class='sub-title'>sqm<\/span><\/span>\r\n\t\t  <\/div> \t\t  <\/div>    \r\n\t<\/div>    \r\n<\/div>\r\n<\/div>\n<\/div>\n\t<\/div>\n<\/div>\n   <\/div>   \n<\/div>\n<\/div><div class='listing-item'><div class=\"ulisting-featured-item\">\n   <div class=\"inventory-item-content\">\n      \n<div class=\" ulisting_element_530_1607417603339 ulisting_element_530_1607417603339\" >\n    <div class=\"container\">\n\t\t\n<div class=\" stm-row  ulisting_element_490_1607417603339\">\n\n<div class=\" stm-col  stm-col-xl-0 stm-col-lg-0 stm-col-md-0 stm-col-sm-0 stm-col-0 ulisting_element_330_1607417603339\" >\n\t\r\n<div class=\"listing-block style-1 item-grid-1\">\r\n\t<div class=\"listing-thumbnail\">\r\n\t\t<div class='ulisting-thumbnail-panel'><a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000112c\/\" class=\"listing-link\"><img decoding=\"async\" src=\"https:\/\/brn-nepremicnine.si\/en\/wp-content\/uploads\/2025\/12\/DS_Kranj_Eksterier_005-1280x640-2-600x450.jpg\" alt=\"BRN Real Estate Agency\"><\/a><\/div>\r\n\t\t\n\n<div class=\" ulisting_element_900_1607417604001\" >\n   <span class=\"photo-count\">\n      9 \n    <\/span>\n<\/div>\n\n\r\n\t\t<div class=\"listing-category\"><span class=\"listing-featured\">Featured<\/span><span class=\"cat-item\">For Sale<\/span><\/div>      \t\t<div class=\"wishlist-icon-content\">\r\n\t\t\t<a href=\"#\" data-post_id=\"56083\" class=\"ajax-wishlist-link wishlist-add\" title=\"Wishlist\">\r\n\t\t\t\t<i class=\"icon far fa-heart\"><\/i>\r\n\t\t\t\t\t\t\t<\/a>\r\n\t <\/div> \r\n\t\t<\/div>\r\n\r\n\t<div class=\"listing-content\">\r\n\t\t<div class=\"content-inner\">\r\n\t\t\t<h3 class=\"listing-title\">\r\n\t\t\t\t<a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000112c\/\">\r\n\t\t\t\t\tGorenjska, KRANJ,\t\t\t\t<\/a>\r\n\t\t\t<\/h3>\r\n\t\t\t\t\t\t<div class=\"listing-price\">\r\n\t\t\t\t<div class='ulisting-listing-price'>  <span class='ulisting-listing-price-new'>318.207,00 &euro;<span class='suffix'><\/span><\/span> <\/div>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div class=\"content-bottom clearfix\">\r\n\t\t\t\r\n\t\t\t<div class='ulisting-attribute-template type-1 attribute_area'>\r\n\t\t\t\t<span class='ulisting-attribute-template-icon'><i class='lab la-jira'><\/i><\/span>\r\n\t\t\t\t<span class='ulisting-attribute-template-value'>49.60 <span class='sub-title'>sqm<\/span><\/span>\r\n\t\t  <\/div> \t\t  <\/div>    \r\n\t<\/div>    \r\n<\/div>\r\n<\/div>\n<\/div>\n\t<\/div>\n<\/div>\n   <\/div>   \n<\/div>\n<\/div>\r\n\t<\/div>\r\n<\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-28b77d3 elementor-section-boxed elementor-section-height-default elementor-section-height-default row-top\" data-id=\"28b77d3\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d7d9b76 column-style-top\" data-id=\"d7d9b76\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-b9ee008 elementor-section-boxed elementor-section-height-default elementor-section-height-default row-top\" data-id=\"b9ee008\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-2001a49 column-style-top\" data-id=\"2001a49\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fa6836c elementor-widget__width-initial elementor-widget elementor-widget-gva-heading-block\" data-id=\"fa6836c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"gva-heading-block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"gva-element-gva-heading-block gva-element\">   <div class=\"align-center style-1 widget gsc-heading box-align-left  auto-responsive\">\r\n      <div class=\"content-inner\">\r\n         \r\n                  \r\n           \r\n         \r\n                     <h2 class=\"title\">\r\n               <span>Why BRN REAL ESTATE AGENCY?<\/span>\r\n                                                         <\/h2>\r\n                              <div class=\"title-desc\">As a reputable real estate agency, we put the satisfaction of our clients first. We ensure honesty and integrity, knowledge of sales, purchasing, leasing and renting procedures, as well as good communication and negotiation skills. We are aware that the best customers are satisfied customers, so we will strive for quality service and customer trust going forward.<\/div>\r\n         \r\n         \r\n      <\/div>\r\n   <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-9adc0dd elementor-section-boxed elementor-section-height-default elementor-section-height-default row-top\" data-id=\"9adc0dd\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-ff0e7ff column-style-top\" data-id=\"ff0e7ff\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-a615133 elementor-widget elementor-widget-gva-testimonials\" data-id=\"a615133\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"gva-testimonials.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"gva-element-gva-testimonials gva-element\">   \r\n   <div class=\"gva-testimonial-carousel style-1\">\r\n      <div class=\"init-carousel-owl owl-carousel\" data-items=\"1\" data-items_lg=\"1\" data-items_md=\"1\" data-items_sm=\"1\" data-items_xs=\"1\" data-items_xx=\"1\" data-loop=\"1\" data-speed=\"800\" data-auto_play=\"1\" data-auto_play_speed=\"800\" data-auto_play_timeout=\"6000\" data-auto_play_hover=\"1\" data-navigation=\"1\" data-pagination=\"1\" data-mouse_drag=\"1\" data-touch_drag=\"1\" >\r\n                                 <div class=\"item\">\r\n               <div class=\"testimonial-item\">\r\n                  <div class=\"testimonial-content\">\r\n                     <div class=\"testimonial-image\"><img decoding=\"async\" src=\"https:\/\/brn-nepremicnine.si\/en\/wp-content\/uploads\/2022\/07\/avatar.jpg\" alt=\"Maja and Ale\u0161 K.\" \/><\/div>\r\n                     <div class=\"testimonial-content-inner\">\r\n                        <div class=\"testimonial-quote\">The opportunity to move came unexpectedly, and we had to act quickly and rent out our apartment. We do not have this kind of experience, so on the recommendation of someone we knew we contacted Mr. Bojan Radusinovi\u0107, who during that first call sounded very professional and friendly. He always made time for us, and during client\/tenant visits he represented our wishes with determination and professionalism, keeping us constantly informed about what was going on. We found a great tenant who is a regular payer and takes good care of the apartment, an aspect we were particularly worried about. Thank you for your efforts, kindness and professionalism!<\/div>\r\n                        <div class=\"testimonial-meta\">\r\n                           <div class=\"testimonial-information\">\r\n                              <span class=\"testimonial-name\">Maja and Ale\u0161 K.,<\/span>\r\n                              <span class=\"testimonial-job\"><\/span>\r\n                           <\/div>\r\n                        <\/div>\r\n                        <span class=\"quote-icon\"><i class=\"fi flaticon-quote\"><\/i><\/span>\r\n                     <\/div>\r\n                  <\/div>   \r\n               <\/div>\r\n            <\/div>   \r\n                                 <div class=\"item\">\r\n               <div class=\"testimonial-item\">\r\n                  <div class=\"testimonial-content\">\r\n                     <div class=\"testimonial-image\"><img decoding=\"async\" src=\"https:\/\/brn-nepremicnine.si\/en\/wp-content\/uploads\/2022\/07\/avatar.jpg\" alt=\"Nina B.\" \/><\/div>\r\n                     <div class=\"testimonial-content-inner\">\r\n                        <div class=\"testimonial-quote\">I was most surprised because they completely understood my wishes. We're very pleased with the purchase, and Mr. Bojan made sure that everything went really smoothly.<\/div>\r\n                        <div class=\"testimonial-meta\">\r\n                           <div class=\"testimonial-information\">\r\n                              <span class=\"testimonial-name\">Nina B.,<\/span>\r\n                              <span class=\"testimonial-job\"><\/span>\r\n                           <\/div>\r\n                        <\/div>\r\n                        <span class=\"quote-icon\"><i class=\"fi flaticon-quote\"><\/i><\/span>\r\n                     <\/div>\r\n                  <\/div>   \r\n               <\/div>\r\n            <\/div>   \r\n                                 <div class=\"item\">\r\n               <div class=\"testimonial-item\">\r\n                  <div class=\"testimonial-content\">\r\n                     <div class=\"testimonial-image\"><img decoding=\"async\" src=\"https:\/\/brn-nepremicnine.si\/en\/wp-content\/uploads\/2022\/07\/avatar.jpg\" alt=\"Rok I.\" \/><\/div>\r\n                     <div class=\"testimonial-content-inner\">\r\n                        <div class=\"testimonial-quote\">Fair treatment, accuracy when providing information, professionalism \u2013 I've got nothing but praise.<\/div>\r\n                        <div class=\"testimonial-meta\">\r\n                           <div class=\"testimonial-information\">\r\n                              <span class=\"testimonial-name\">Rok I.,<\/span>\r\n                              <span class=\"testimonial-job\"><\/span>\r\n                           <\/div>\r\n                        <\/div>\r\n                        <span class=\"quote-icon\"><i class=\"fi flaticon-quote\"><\/i><\/span>\r\n                     <\/div>\r\n                  <\/div>   \r\n               <\/div>\r\n            <\/div>   \r\n                                 <div class=\"item\">\r\n               <div class=\"testimonial-item\">\r\n                  <div class=\"testimonial-content\">\r\n                     <div class=\"testimonial-image\"><img decoding=\"async\" src=\"https:\/\/brn-nepremicnine.si\/en\/wp-content\/uploads\/2022\/07\/avatar.jpg\" alt=\"Marta L.\" \/><\/div>\r\n                     <div class=\"testimonial-content-inner\">\r\n                        <div class=\"testimonial-quote\">When I first contacted Bojan, he explained to me that his role was not only to sell the property but to provide a complete service with the aim of ensuring the satisfaction of both parties in the purchase process. As such, BRN Real Estate Agency is very selective as to which projects and offers it accepts and includes in its portfolio. They also pay a lot of attention to their personal approach to the customer and devote themselves completely to the task. I have had a very pleasant experience, from first contact, and throughout the whole process. Professionalism and responsiveness from Bojan, as well as his excellent customer awareness made it very easy to buy an apartment. I am glad that I decided to take this step, because without Bojan I would undoubtedly not have reached the goal, that in the end exceeded our original expectations.<\/div>\r\n                        <div class=\"testimonial-meta\">\r\n                           <div class=\"testimonial-information\">\r\n                              <span class=\"testimonial-name\">Marta L.,<\/span>\r\n                              <span class=\"testimonial-job\"><\/span>\r\n                           <\/div>\r\n                        <\/div>\r\n                        <span class=\"quote-icon\"><i class=\"fi flaticon-quote\"><\/i><\/span>\r\n                     <\/div>\r\n                  <\/div>   \r\n               <\/div>\r\n            <\/div>   \r\n                                 <div class=\"item\">\r\n               <div class=\"testimonial-item\">\r\n                  <div class=\"testimonial-content\">\r\n                     <div class=\"testimonial-image\"><img decoding=\"async\" src=\"https:\/\/brn-nepremicnine.si\/en\/wp-content\/uploads\/2022\/07\/avatar.jpg\" alt=\"Matej A.\" \/><\/div>\r\n                     <div class=\"testimonial-content-inner\">\r\n                        <div class=\"testimonial-quote\">Without a doubt, I will be happy to recommend BRN Real Estate Agency to anyone wishing to buy or sell real estate. The whole team is trustworthy and always ready to help at any time. I really recommend them.<\/div>\r\n                        <div class=\"testimonial-meta\">\r\n                           <div class=\"testimonial-information\">\r\n                              <span class=\"testimonial-name\">Matej A.,<\/span>\r\n                              <span class=\"testimonial-job\"><\/span>\r\n                           <\/div>\r\n                        <\/div>\r\n                        <span class=\"quote-icon\"><i class=\"fi flaticon-quote\"><\/i><\/span>\r\n                     <\/div>\r\n                  <\/div>   \r\n               <\/div>\r\n            <\/div>   \r\n                                 <div class=\"item\">\r\n               <div class=\"testimonial-item\">\r\n                  <div class=\"testimonial-content\">\r\n                     <div class=\"testimonial-image\"><img decoding=\"async\" src=\"https:\/\/brn-nepremicnine.si\/en\/wp-content\/uploads\/2022\/07\/avatar.jpg\" alt=\"Nastja B.\" \/><\/div>\r\n                     <div class=\"testimonial-content-inner\">\r\n                        <div class=\"testimonial-quote\">We were interested in selling the apartment and buying another one in another city. Bojan and his team were committed from the very beginning to giving us all the key information, to understand our wishes and prepare some very good, convincing proposals based on them. My family and I are very happy in our new home \u2013 thank you BRN!<\/div>\r\n                        <div class=\"testimonial-meta\">\r\n                           <div class=\"testimonial-information\">\r\n                              <span class=\"testimonial-name\">Nastja B.,<\/span>\r\n                              <span class=\"testimonial-job\"><\/span>\r\n                           <\/div>\r\n                        <\/div>\r\n                        <span class=\"quote-icon\"><i class=\"fi flaticon-quote\"><\/i><\/span>\r\n                     <\/div>\r\n                  <\/div>   \r\n               <\/div>\r\n            <\/div>   \r\n                                 <div class=\"item\">\r\n               <div class=\"testimonial-item\">\r\n                  <div class=\"testimonial-content\">\r\n                     <div class=\"testimonial-image\"><img decoding=\"async\" src=\"https:\/\/brn-nepremicnine.si\/en\/wp-content\/uploads\/2022\/07\/avatar.jpg\" alt=\"Erik K.\" \/><\/div>\r\n                     <div class=\"testimonial-content-inner\">\r\n                        <div class=\"testimonial-quote\">When I myself advertised the apartment for rent I was lost in the quantity of enquiries \u2013 so many questions, calls, requests, offers and everything else. My friend recommended that I ask Bojan for advice. After our very first discussion I decided to leave the show to him. He kept me informed and involved me only when it was really necessary, or if it was of benefit me. With his experience and professionalism he made sure I got very good tenants that I get along very well with. For anyone who decides to take a similar step, I would highly recommend the services of BRN Real Estate Agency.<\/div>\r\n                        <div class=\"testimonial-meta\">\r\n                           <div class=\"testimonial-information\">\r\n                              <span class=\"testimonial-name\">Erik K.,<\/span>\r\n                              <span class=\"testimonial-job\"><\/span>\r\n                           <\/div>\r\n                        <\/div>\r\n                        <span class=\"quote-icon\"><i class=\"fi flaticon-quote\"><\/i><\/span>\r\n                     <\/div>\r\n                  <\/div>   \r\n               <\/div>\r\n            <\/div>   \r\n                                 <div class=\"item\">\r\n               <div class=\"testimonial-item\">\r\n                  <div class=\"testimonial-content\">\r\n                     <div class=\"testimonial-image\"><img decoding=\"async\" src=\"https:\/\/brn-nepremicnine.si\/en\/wp-content\/uploads\/2022\/07\/avatar.jpg\" alt=\"Davor B.\" \/><\/div>\r\n                     <div class=\"testimonial-content-inner\">\r\n                        <div class=\"testimonial-quote\">Following the initial call, BRN Real Estate Agency prepared a report on the current state of the real estate market in my area, on the basis of which we easily determined the right selling price. Soon after, they were bringing in potential buyers, and within a short space of time we had concluded the sale. Very satisfied, especially with their personal approach.<\/div>\r\n                        <div class=\"testimonial-meta\">\r\n                           <div class=\"testimonial-information\">\r\n                              <span class=\"testimonial-name\">Davor B.,<\/span>\r\n                              <span class=\"testimonial-job\"><\/span>\r\n                           <\/div>\r\n                        <\/div>\r\n                        <span class=\"quote-icon\"><i class=\"fi flaticon-quote\"><\/i><\/span>\r\n                     <\/div>\r\n                  <\/div>   \r\n               <\/div>\r\n            <\/div>   \r\n                                 <div class=\"item\">\r\n               <div class=\"testimonial-item\">\r\n                  <div class=\"testimonial-content\">\r\n                     <div class=\"testimonial-image\"><img decoding=\"async\" src=\"https:\/\/brn-nepremicnine.si\/en\/wp-content\/uploads\/2022\/07\/avatar.jpg\" alt=\"Matic E.\" \/><\/div>\r\n                     <div class=\"testimonial-content-inner\">\r\n                        <div class=\"testimonial-quote\">As they say themselves, their big advantage is boutique \u2013 a bespoke service tailored to each customer. I am happy to confirm that this is the case, and much more.<\/div>\r\n                        <div class=\"testimonial-meta\">\r\n                           <div class=\"testimonial-information\">\r\n                              <span class=\"testimonial-name\">Matic E.,<\/span>\r\n                              <span class=\"testimonial-job\"><\/span>\r\n                           <\/div>\r\n                        <\/div>\r\n                        <span class=\"quote-icon\"><i class=\"fi flaticon-quote\"><\/i><\/span>\r\n                     <\/div>\r\n                  <\/div>   \r\n               <\/div>\r\n            <\/div>   \r\n               <\/div>\r\n   <\/div>\r\n   <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ea83472 elementor-section-boxed elementor-section-height-default elementor-section-height-default row-top\" data-id=\"ea83472\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-70c3425 column-style-top\" data-id=\"70c3425\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cf12a8a elementor-widget elementor-widget-gva-heading-block\" data-id=\"cf12a8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"gva-heading-block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"gva-element-gva-heading-block gva-element\">   <div class=\"align-left style-1 widget gsc-heading box-align-left  auto-responsive\">\r\n      <div class=\"content-inner\">\r\n         \r\n                  \r\n                     <div class=\"sub-title\"><span>New Listings<\/span><\/div>\r\n           \r\n         \r\n                     <h2 class=\"title\">\r\n               <span>Latest Properties<\/span>\r\n                                                         <\/h2>\r\n                  \r\n         \r\n      <\/div>\r\n   <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3652af elementor-widget elementor-widget-gva-listings\" data-id=\"c3652af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"gva-listings.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"gva-element-gva-listings gva-element\">\r\n<div class=\"listings-carousel \">\r\n\t<div class=\"init-carousel-owl owl-carousel\" data-items=\"3\" data-items_lg=\"3\" data-items_md=\"3\" data-items_sm=\"2\" data-items_xs=\"2\" data-items_xx=\"1\" data-loop=\"1\" data-speed=\"800\" data-auto_play=\"1\" data-auto_play_speed=\"800\" data-auto_play_timeout=\"6000\" data-auto_play_hover=\"1\" data-navigation=\"0\" data-pagination=\"0\" data-mouse_drag=\"1\" data-touch_drag=\"1\" >\r\n\t\t<div class='listing-item'><div class=\"ulisting-latest-item\">\n   <div class=\"inventory-item-content\">\n      \n<div class=\" ulisting_element_530_1607417603339 ulisting_element_530_1607417603339\" >\n    <div class=\"container\">\n\t\t\n<div class=\" stm-row  ulisting_element_490_1607417603339\">\n\n<div class=\" stm-col  stm-col-xl-0 stm-col-lg-0 stm-col-md-0 stm-col-sm-0 stm-col-0 ulisting_element_330_1607417603339\" >\n\t\r\n<div class=\"listing-block style-1 item-grid-1\">\r\n\t<div class=\"listing-thumbnail\">\r\n\t\t<div class='ulisting-thumbnail-panel'><a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000210c\/\" class=\"listing-link\"><img decoding=\"async\" src=\"https:\/\/brn-nepremicnine.si\/en\/wp-content\/uploads\/2026\/04\/IMG_2020-600x450.jpg\" alt=\"BRN Real Estate Agency\"><\/a><\/div>\r\n\t\t\n\n<div class=\" ulisting_element_900_1607417604001\" >\n   <span class=\"photo-count\">\n      12 \n    <\/span>\n<\/div>\n\n\r\n\t\t<div class=\"listing-category\"><span class=\"cat-item\">For Rent<\/span><\/div>      \t\t<div class=\"wishlist-icon-content\">\r\n\t\t\t<a href=\"#\" data-post_id=\"57100\" class=\"ajax-wishlist-link wishlist-add\" title=\"Wishlist\">\r\n\t\t\t\t<i class=\"icon far fa-heart\"><\/i>\r\n\t\t\t\t\t\t\t<\/a>\r\n\t <\/div> \r\n\t\t<\/div>\r\n\r\n\t<div class=\"listing-content\">\r\n\t\t<div class=\"content-inner\">\r\n\t\t\t<h3 class=\"listing-title\">\r\n\t\t\t\t<a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000210c\/\">\r\n\t\t\t\t\tLjubljana, BE\u017dIGRAD,\t\t\t\t<\/a>\r\n\t\t\t<\/h3>\r\n\t\t\t\t\t\t<div class=\"listing-price\">\r\n\t\t\t\t<div class='ulisting-listing-price'>  <span class='ulisting-listing-price-new'>1.000,00 &euro;<span class='suffix'><\/span><\/span> <\/div>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div class=\"content-bottom clearfix\">\r\n\t\t\t\r\n\t\t\t<div class='ulisting-attribute-template type-1 attribute_area'>\r\n\t\t\t\t<span class='ulisting-attribute-template-icon'><i class='lab la-jira'><\/i><\/span>\r\n\t\t\t\t<span class='ulisting-attribute-template-value'>35.20 <span class='sub-title'>sqm<\/span><\/span>\r\n\t\t  <\/div> \t\t  <\/div>    \r\n\t<\/div>    \r\n<\/div>\r\n<\/div>\n<\/div>\n\t<\/div>\n<\/div>\n   <\/div>   \n<\/div>\n<\/div><div class='listing-item'><div class=\"ulisting-latest-item\">\n   <div class=\"inventory-item-content\">\n      \n<div class=\" ulisting_element_530_1607417603339 ulisting_element_530_1607417603339\" >\n    <div class=\"container\">\n\t\t\n<div class=\" stm-row  ulisting_element_490_1607417603339\">\n\n<div class=\" stm-col  stm-col-xl-0 stm-col-lg-0 stm-col-md-0 stm-col-sm-0 stm-col-0 ulisting_element_330_1607417603339\" >\n\t\r\n<div class=\"listing-block style-1 item-grid-1\">\r\n\t<div class=\"listing-thumbnail\">\r\n\t\t<div class='ulisting-thumbnail-panel'><a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000209c\/\" class=\"listing-link\"><img decoding=\"async\" src=\"https:\/\/brn-nepremicnine.si\/en\/wp-content\/uploads\/2026\/04\/DnevnaSoba_01_2D_015-600x450.jpeg\" alt=\"BRN Real Estate Agency\"><\/a><\/div>\r\n\t\t\n\n<div class=\" ulisting_element_900_1607417604001\" >\n   <span class=\"photo-count\">\n      12 \n    <\/span>\n<\/div>\n\n\r\n\t\t<div class=\"listing-category\"><span class=\"cat-item\">For Sale<\/span><\/div>      \t\t<div class=\"wishlist-icon-content\">\r\n\t\t\t<a href=\"#\" data-post_id=\"57062\" class=\"ajax-wishlist-link wishlist-add\" title=\"Wishlist\">\r\n\t\t\t\t<i class=\"icon far fa-heart\"><\/i>\r\n\t\t\t\t\t\t\t<\/a>\r\n\t <\/div> \r\n\t\t<\/div>\r\n\r\n\t<div class=\"listing-content\">\r\n\t\t<div class=\"content-inner\">\r\n\t\t\t<h3 class=\"listing-title\">\r\n\t\t\t\t<a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000209c\/\">\r\n\t\t\t\t\tLjubljana-vicinity, KAMNIK,\t\t\t\t<\/a>\r\n\t\t\t<\/h3>\r\n\t\t\t\t\t\t<div class=\"listing-price\">\r\n\t\t\t\t<div class='ulisting-listing-price'>  <span class='ulisting-listing-price-new'>510.000,00 &euro;<span class='suffix'><\/span><\/span> <\/div>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div class=\"content-bottom clearfix\">\r\n\t\t\t\r\n\t\t\t<div class='ulisting-attribute-template type-1 attribute_area'>\r\n\t\t\t\t<span class='ulisting-attribute-template-icon'><i class='lab la-jira'><\/i><\/span>\r\n\t\t\t\t<span class='ulisting-attribute-template-value'>96.70 <span class='sub-title'>sqm<\/span><\/span>\r\n\t\t  <\/div> \t\t  <\/div>    \r\n\t<\/div>    \r\n<\/div>\r\n<\/div>\n<\/div>\n\t<\/div>\n<\/div>\n   <\/div>   \n<\/div>\n<\/div><div class='listing-item'><div class=\"ulisting-latest-item\">\n   <div class=\"inventory-item-content\">\n      \n<div class=\" ulisting_element_530_1607417603339 ulisting_element_530_1607417603339\" >\n    <div class=\"container\">\n\t\t\n<div class=\" stm-row  ulisting_element_490_1607417603339\">\n\n<div class=\" stm-col  stm-col-xl-0 stm-col-lg-0 stm-col-md-0 stm-col-sm-0 stm-col-0 ulisting_element_330_1607417603339\" >\n\t\r\n<div class=\"listing-block style-1 item-grid-1\">\r\n\t<div class=\"listing-thumbnail\">\r\n\t\t<div class='ulisting-thumbnail-panel'><a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000207c\/\" class=\"listing-link\"><img decoding=\"async\" src=\"https:\/\/brn-nepremicnine.si\/en\/wp-content\/uploads\/2026\/03\/Kuhinja_2D_003-600x450.jpeg\" alt=\"BRN Real Estate Agency\"><\/a><\/div>\r\n\t\t\n\n<div class=\" ulisting_element_900_1607417604001\" >\n   <span class=\"photo-count\">\n      11 \n    <\/span>\n<\/div>\n\n\r\n\t\t<div class=\"listing-category\"><span class=\"cat-item\">For Sale<\/span><\/div>      \t\t<div class=\"wishlist-icon-content\">\r\n\t\t\t<a href=\"#\" data-post_id=\"57048\" class=\"ajax-wishlist-link wishlist-add\" title=\"Wishlist\">\r\n\t\t\t\t<i class=\"icon far fa-heart\"><\/i>\r\n\t\t\t\t\t\t\t<\/a>\r\n\t <\/div> \r\n\t\t<\/div>\r\n\r\n\t<div class=\"listing-content\">\r\n\t\t<div class=\"content-inner\">\r\n\t\t\t<h3 class=\"listing-title\">\r\n\t\t\t\t<a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000207c\/\">\r\n\t\t\t\t\tLjubljana-vicinity, KAMNIK,\t\t\t\t<\/a>\r\n\t\t\t<\/h3>\r\n\t\t\t\t\t\t<div class=\"listing-price\">\r\n\t\t\t\t<div class='ulisting-listing-price'>  <span class='ulisting-listing-price-new'>411.000,00 &euro;<span class='suffix'><\/span><\/span> <\/div>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div class=\"content-bottom clearfix\">\r\n\t\t\t\r\n\t\t\t<div class='ulisting-attribute-template type-1 attribute_area'>\r\n\t\t\t\t<span class='ulisting-attribute-template-icon'><i class='lab la-jira'><\/i><\/span>\r\n\t\t\t\t<span class='ulisting-attribute-template-value'>72.60 <span class='sub-title'>sqm<\/span><\/span>\r\n\t\t  <\/div> \t\t  <\/div>    \r\n\t<\/div>    \r\n<\/div>\r\n<\/div>\n<\/div>\n\t<\/div>\n<\/div>\n   <\/div>   \n<\/div>\n<\/div><div class='listing-item'><div class=\"ulisting-latest-item\">\n   <div class=\"inventory-item-content\">\n      \n<div class=\" ulisting_element_530_1607417603339 ulisting_element_530_1607417603339\" >\n    <div class=\"container\">\n\t\t\n<div class=\" stm-row  ulisting_element_490_1607417603339\">\n\n<div class=\" stm-col  stm-col-xl-0 stm-col-lg-0 stm-col-md-0 stm-col-sm-0 stm-col-0 ulisting_element_330_1607417603339\" >\n\t\r\n<div class=\"listing-block style-1 item-grid-1\">\r\n\t<div class=\"listing-thumbnail\">\r\n\t\t<div class='ulisting-thumbnail-panel'><a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000206c\/\" class=\"listing-link\"><img decoding=\"async\" src=\"https:\/\/brn-nepremicnine.si\/en\/wp-content\/uploads\/2026\/03\/picture1__wXgkjy9P-924x520.jpg-600x450.webp\" alt=\"BRN Real Estate Agency\"><\/a><\/div>\r\n\t\t\n\n<div class=\" ulisting_element_900_1607417604001\" >\n   <span class=\"photo-count\">\n      9 \n    <\/span>\n<\/div>\n\n\r\n\t\t<div class=\"listing-category\"><span class=\"listing-featured\">Featured<\/span><span class=\"cat-item\">For Sale<\/span><\/div>      \t\t<div class=\"wishlist-icon-content\">\r\n\t\t\t<a href=\"#\" data-post_id=\"57038\" class=\"ajax-wishlist-link wishlist-add\" title=\"Wishlist\">\r\n\t\t\t\t<i class=\"icon far fa-heart\"><\/i>\r\n\t\t\t\t\t\t\t<\/a>\r\n\t <\/div> \r\n\t\t<\/div>\r\n\r\n\t<div class=\"listing-content\">\r\n\t\t<div class=\"content-inner\">\r\n\t\t\t<h3 class=\"listing-title\">\r\n\t\t\t\t<a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000206c\/\">\r\n\t\t\t\t\tSavinjska, POD\u010cETRTEK,\t\t\t\t<\/a>\r\n\t\t\t<\/h3>\r\n\t\t\t\t\t\t<div class=\"listing-price\">\r\n\t\t\t\t<div class='ulisting-listing-price'>  <span class='ulisting-listing-price-new'>265.000,00 &euro;<span class='suffix'><\/span><\/span> <\/div>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div class=\"content-bottom clearfix\">\r\n\t\t\t\r\n\t\t\t<div class='ulisting-attribute-template type-1 attribute_area'>\r\n\t\t\t\t<span class='ulisting-attribute-template-icon'><i class='lab la-jira'><\/i><\/span>\r\n\t\t\t\t<span class='ulisting-attribute-template-value'>59.00 <span class='sub-title'>sqm<\/span><\/span>\r\n\t\t  <\/div> \t\t  <\/div>    \r\n\t<\/div>    \r\n<\/div>\r\n<\/div>\n<\/div>\n\t<\/div>\n<\/div>\n   <\/div>   \n<\/div>\n<\/div><div class='listing-item'><div class=\"ulisting-latest-item\">\n   <div class=\"inventory-item-content\">\n      \n<div class=\" ulisting_element_530_1607417603339 ulisting_element_530_1607417603339\" >\n    <div class=\"container\">\n\t\t\n<div class=\" stm-row  ulisting_element_490_1607417603339\">\n\n<div class=\" stm-col  stm-col-xl-0 stm-col-lg-0 stm-col-md-0 stm-col-sm-0 stm-col-0 ulisting_element_330_1607417603339\" >\n\t\r\n<div class=\"listing-block style-1 item-grid-1\">\r\n\t<div class=\"listing-thumbnail\">\r\n\t\t<div class='ulisting-thumbnail-panel'><a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000205c\/\" class=\"listing-link\"><img decoding=\"async\" src=\"https:\/\/brn-nepremicnine.si\/en\/wp-content\/uploads\/2026\/03\/image1-1-__HgJGpa0Y-1920x1080.jpg-600x450.webp\" alt=\"BRN Real Estate Agency\"><\/a><\/div>\r\n\t\t\n\n<div class=\" ulisting_element_900_1607417604001\" >\n   <span class=\"photo-count\">\n      13 \n    <\/span>\n<\/div>\n\n\r\n\t\t<div class=\"listing-category\"><span class=\"listing-featured\">Featured<\/span><span class=\"cat-item\">For Sale<\/span><\/div>      \t\t<div class=\"wishlist-icon-content\">\r\n\t\t\t<a href=\"#\" data-post_id=\"56993\" class=\"ajax-wishlist-link wishlist-add\" title=\"Wishlist\">\r\n\t\t\t\t<i class=\"icon far fa-heart\"><\/i>\r\n\t\t\t\t\t\t\t<\/a>\r\n\t <\/div> \r\n\t\t<\/div>\r\n\r\n\t<div class=\"listing-content\">\r\n\t\t<div class=\"content-inner\">\r\n\t\t\t<h3 class=\"listing-title\">\r\n\t\t\t\t<a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000205c\/\">\r\n\t\t\t\t\tSavinjska, POD\u010cETRTEK,\t\t\t\t<\/a>\r\n\t\t\t<\/h3>\r\n\t\t\t\t\t\t<div class=\"listing-price\">\r\n\t\t\t\t<div class='ulisting-listing-price'>  <span class='ulisting-listing-price-new'>265.000,00 &euro;<span class='suffix'><\/span><\/span> <\/div>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div class=\"content-bottom clearfix\">\r\n\t\t\t\r\n\t\t\t<div class='ulisting-attribute-template type-1 attribute_area'>\r\n\t\t\t\t<span class='ulisting-attribute-template-icon'><i class='lab la-jira'><\/i><\/span>\r\n\t\t\t\t<span class='ulisting-attribute-template-value'>59.00 <span class='sub-title'>sqm<\/span><\/span>\r\n\t\t  <\/div> \t\t  <\/div>    \r\n\t<\/div>    \r\n<\/div>\r\n<\/div>\n<\/div>\n\t<\/div>\n<\/div>\n   <\/div>   \n<\/div>\n<\/div><div class='listing-item'><div class=\"ulisting-latest-item\">\n   <div class=\"inventory-item-content\">\n      \n<div class=\" ulisting_element_530_1607417603339 ulisting_element_530_1607417603339\" >\n    <div class=\"container\">\n\t\t\n<div class=\" stm-row  ulisting_element_490_1607417603339\">\n\n<div class=\" stm-col  stm-col-xl-0 stm-col-lg-0 stm-col-md-0 stm-col-sm-0 stm-col-0 ulisting_element_330_1607417603339\" >\n\t\r\n<div class=\"listing-block style-1 item-grid-1\">\r\n\t<div class=\"listing-thumbnail\">\r\n\t\t<div class='ulisting-thumbnail-panel'><a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000204c\/\" class=\"listing-link\"><img decoding=\"async\" src=\"https:\/\/brn-nepremicnine.si\/en\/wp-content\/uploads\/2026\/03\/image1-1-hgjgpa0y-1920x1080__ZjKeVRsF.jpeg-600x450.webp\" alt=\"BRN Real Estate Agency\"><\/a><\/div>\r\n\t\t\n\n<div class=\" ulisting_element_900_1607417604001\" >\n   <span class=\"photo-count\">\n      11 \n    <\/span>\n<\/div>\n\n\r\n\t\t<div class=\"listing-category\"><span class=\"listing-featured\">Featured<\/span><span class=\"cat-item\">For Sale<\/span><\/div>      \t\t<div class=\"wishlist-icon-content\">\r\n\t\t\t<a href=\"#\" data-post_id=\"57026\" class=\"ajax-wishlist-link wishlist-add\" title=\"Wishlist\">\r\n\t\t\t\t<i class=\"icon far fa-heart\"><\/i>\r\n\t\t\t\t\t\t\t<\/a>\r\n\t <\/div> \r\n\t\t<\/div>\r\n\r\n\t<div class=\"listing-content\">\r\n\t\t<div class=\"content-inner\">\r\n\t\t\t<h3 class=\"listing-title\">\r\n\t\t\t\t<a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000204c\/\">\r\n\t\t\t\t\tSavinjska, POD\u010cETRTEK,\t\t\t\t<\/a>\r\n\t\t\t<\/h3>\r\n\t\t\t\t\t\t<div class=\"listing-price\">\r\n\t\t\t\t<div class='ulisting-listing-price'>  <span class='ulisting-listing-price-new'>350.000,00 &euro;<span class='suffix'><\/span><\/span> <\/div>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div class=\"content-bottom clearfix\">\r\n\t\t\t\r\n\t\t\t<div class='ulisting-attribute-template type-1 attribute_area'>\r\n\t\t\t\t<span class='ulisting-attribute-template-icon'><i class='lab la-jira'><\/i><\/span>\r\n\t\t\t\t<span class='ulisting-attribute-template-value'>99.00 <span class='sub-title'>sqm<\/span><\/span>\r\n\t\t  <\/div> \t\t  <\/div>    \r\n\t<\/div>    \r\n<\/div>\r\n<\/div>\n<\/div>\n\t<\/div>\n<\/div>\n   <\/div>   \n<\/div>\n<\/div><div class='listing-item'><div class=\"ulisting-latest-item\">\n   <div class=\"inventory-item-content\">\n      \n<div class=\" ulisting_element_530_1607417603339 ulisting_element_530_1607417603339\" >\n    <div class=\"container\">\n\t\t\n<div class=\" stm-row  ulisting_element_490_1607417603339\">\n\n<div class=\" stm-col  stm-col-xl-0 stm-col-lg-0 stm-col-md-0 stm-col-sm-0 stm-col-0 ulisting_element_330_1607417603339\" >\n\t\r\n<div class=\"listing-block style-1 item-grid-1\">\r\n\t<div class=\"listing-thumbnail\">\r\n\t\t<div class='ulisting-thumbnail-panel'><a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000203c\/\" class=\"listing-link\"><img decoding=\"async\" src=\"https:\/\/brn-nepremicnine.si\/en\/wp-content\/uploads\/2026\/03\/image9__oKBRCqQR-1920x1080.png-600x450.webp\" alt=\"BRN Real Estate Agency\"><\/a><\/div>\r\n\t\t\n\n<div class=\" ulisting_element_900_1607417604001\" >\n   <span class=\"photo-count\">\n      8 \n    <\/span>\n<\/div>\n\n\r\n\t\t<div class=\"listing-category\"><span class=\"listing-featured\">Featured<\/span><span class=\"cat-item\">For Sale<\/span><\/div>      \t\t<div class=\"wishlist-icon-content\">\r\n\t\t\t<a href=\"#\" data-post_id=\"57017\" class=\"ajax-wishlist-link wishlist-add\" title=\"Wishlist\">\r\n\t\t\t\t<i class=\"icon far fa-heart\"><\/i>\r\n\t\t\t\t\t\t\t<\/a>\r\n\t <\/div> \r\n\t\t<\/div>\r\n\r\n\t<div class=\"listing-content\">\r\n\t\t<div class=\"content-inner\">\r\n\t\t\t<h3 class=\"listing-title\">\r\n\t\t\t\t<a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000203c\/\">\r\n\t\t\t\t\tSavinjska, POD\u010cETRTEK,\t\t\t\t<\/a>\r\n\t\t\t<\/h3>\r\n\t\t\t\t\t\t<div class=\"listing-price\">\r\n\t\t\t\t<div class='ulisting-listing-price'>  <span class='ulisting-listing-price-new'>245.000,00 &euro;<span class='suffix'><\/span><\/span> <\/div>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div class=\"content-bottom clearfix\">\r\n\t\t\t\r\n\t\t\t<div class='ulisting-attribute-template type-1 attribute_area'>\r\n\t\t\t\t<span class='ulisting-attribute-template-icon'><i class='lab la-jira'><\/i><\/span>\r\n\t\t\t\t<span class='ulisting-attribute-template-value'>64.80 <span class='sub-title'>sqm<\/span><\/span>\r\n\t\t  <\/div> \t\t  <\/div>    \r\n\t<\/div>    \r\n<\/div>\r\n<\/div>\n<\/div>\n\t<\/div>\n<\/div>\n   <\/div>   \n<\/div>\n<\/div><div class='listing-item'><div class=\"ulisting-latest-item\">\n   <div class=\"inventory-item-content\">\n      \n<div class=\" ulisting_element_530_1607417603339 ulisting_element_530_1607417603339\" >\n    <div class=\"container\">\n\t\t\n<div class=\" stm-row  ulisting_element_490_1607417603339\">\n\n<div class=\" stm-col  stm-col-xl-0 stm-col-lg-0 stm-col-md-0 stm-col-sm-0 stm-col-0 ulisting_element_330_1607417603339\" >\n\t\r\n<div class=\"listing-block style-1 item-grid-1\">\r\n\t<div class=\"listing-thumbnail\">\r\n\t\t<div class='ulisting-thumbnail-panel'><a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000202c\/\" class=\"listing-link\"><img decoding=\"async\" src=\"https:\/\/brn-nepremicnine.si\/en\/wp-content\/uploads\/2026\/03\/image1-1-__nwirRf76-1920x1080.png-600x450.webp\" alt=\"BRN Real Estate Agency\"><\/a><\/div>\r\n\t\t\n\n<div class=\" ulisting_element_900_1607417604001\" >\n   <span class=\"photo-count\">\n      9 \n    <\/span>\n<\/div>\n\n\r\n\t\t<div class=\"listing-category\"><span class=\"listing-featured\">Featured<\/span><span class=\"cat-item\">For Sale<\/span><\/div>      \t\t<div class=\"wishlist-icon-content\">\r\n\t\t\t<a href=\"#\" data-post_id=\"57007\" class=\"ajax-wishlist-link wishlist-add\" title=\"Wishlist\">\r\n\t\t\t\t<i class=\"icon far fa-heart\"><\/i>\r\n\t\t\t\t\t\t\t<\/a>\r\n\t <\/div> \r\n\t\t<\/div>\r\n\r\n\t<div class=\"listing-content\">\r\n\t\t<div class=\"content-inner\">\r\n\t\t\t<h3 class=\"listing-title\">\r\n\t\t\t\t<a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000202c\/\">\r\n\t\t\t\t\tSavinjska, POD\u010cETRTEK,\t\t\t\t<\/a>\r\n\t\t\t<\/h3>\r\n\t\t\t\t\t\t<div class=\"listing-price\">\r\n\t\t\t\t<div class='ulisting-listing-price'>  <span class='ulisting-listing-price-new'>350.000,00 &euro;<span class='suffix'><\/span><\/span> <\/div>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div class=\"content-bottom clearfix\">\r\n\t\t\t\r\n\t\t\t<div class='ulisting-attribute-template type-1 attribute_area'>\r\n\t\t\t\t<span class='ulisting-attribute-template-icon'><i class='lab la-jira'><\/i><\/span>\r\n\t\t\t\t<span class='ulisting-attribute-template-value'>99.00 <span class='sub-title'>sqm<\/span><\/span>\r\n\t\t  <\/div> \t\t  <\/div>    \r\n\t<\/div>    \r\n<\/div>\r\n<\/div>\n<\/div>\n\t<\/div>\n<\/div>\n   <\/div>   \n<\/div>\n<\/div><div class='listing-item'><div class=\"ulisting-latest-item\">\n   <div class=\"inventory-item-content\">\n      \n<div class=\" ulisting_element_530_1607417603339 ulisting_element_530_1607417603339\" >\n    <div class=\"container\">\n\t\t\n<div class=\" stm-row  ulisting_element_490_1607417603339\">\n\n<div class=\" stm-col  stm-col-xl-0 stm-col-lg-0 stm-col-md-0 stm-col-sm-0 stm-col-0 ulisting_element_330_1607417603339\" >\n\t\r\n<div class=\"listing-block style-1 item-grid-1\">\r\n\t<div class=\"listing-thumbnail\">\r\n\t\t<div class='ulisting-thumbnail-panel'><a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000201c\/\" class=\"listing-link\"><img decoding=\"async\" src=\"https:\/\/brn-nepremicnine.si\/en\/wp-content\/uploads\/2026\/03\/img-7166-kezxzpun-4032x3024-medium__8LDJKF9V-640x480-1-600x450.jpeg\" alt=\"BRN Real Estate Agency\"><\/a><\/div>\r\n\t\t\n\n<div class=\" ulisting_element_900_1607417604001\" >\n   <span class=\"photo-count\">\n      18 \n    <\/span>\n<\/div>\n\n\r\n\t\t<div class=\"listing-category\"><span class=\"listing-featured\">Featured<\/span><span class=\"cat-item\">For Rent<\/span><\/div>      \t\t<div class=\"wishlist-icon-content\">\r\n\t\t\t<a href=\"#\" data-post_id=\"56962\" class=\"ajax-wishlist-link wishlist-add\" title=\"Wishlist\">\r\n\t\t\t\t<i class=\"icon far fa-heart\"><\/i>\r\n\t\t\t\t\t\t\t<\/a>\r\n\t <\/div> \r\n\t\t<\/div>\r\n\r\n\t<div class=\"listing-content\">\r\n\t\t<div class=\"content-inner\">\r\n\t\t\t<h3 class=\"listing-title\">\r\n\t\t\t\t<a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000201c\/\">\r\n\t\t\t\t\tLjubljana, BE\u017dIGRAD,\t\t\t\t<\/a>\r\n\t\t\t<\/h3>\r\n\t\t\t\t\t\t<div class=\"listing-price\">\r\n\t\t\t\t<div class='ulisting-listing-price'>  <span class='ulisting-listing-price-new'>2.750,00 &euro;<span class='suffix'> \/ month<\/span><\/span> <\/div>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div class=\"content-bottom clearfix\">\r\n\t\t\t\t\t  <\/div>    \r\n\t<\/div>    \r\n<\/div>\r\n<\/div>\n<\/div>\n\t<\/div>\n<\/div>\n   <\/div>   \n<\/div>\n<\/div><div class='listing-item'><div class=\"ulisting-latest-item\">\n   <div class=\"inventory-item-content\">\n      \n<div class=\" ulisting_element_530_1607417603339 ulisting_element_530_1607417603339\" >\n    <div class=\"container\">\n\t\t\n<div class=\" stm-row  ulisting_element_490_1607417603339\">\n\n<div class=\" stm-col  stm-col-xl-0 stm-col-lg-0 stm-col-md-0 stm-col-sm-0 stm-col-0 ulisting_element_330_1607417603339\" >\n\t\r\n<div class=\"listing-block style-1 item-grid-1\">\r\n\t<div class=\"listing-thumbnail\">\r\n\t\t<div class='ulisting-thumbnail-panel'><a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000200c\/\" class=\"listing-link\"><img decoding=\"async\" src=\"https:\/\/brn-nepremicnine.si\/en\/wp-content\/uploads\/2026\/03\/img-6919-ftwuofkf-4032x3024__llu0Owo0-4032x3024-1-600x450.jpeg\" alt=\"BRN Real Estate Agency\"><\/a><\/div>\r\n\t\t\n\n<div class=\" ulisting_element_900_1607417604001\" >\n   <span class=\"photo-count\">\n      11 \n    <\/span>\n<\/div>\n\n\r\n\t\t<div class=\"listing-category\"><span class=\"cat-item\">For Sale<\/span><\/div>      \t\t<div class=\"wishlist-icon-content\">\r\n\t\t\t<a href=\"#\" data-post_id=\"56926\" class=\"ajax-wishlist-link wishlist-add\" title=\"Wishlist\">\r\n\t\t\t\t<i class=\"icon far fa-heart\"><\/i>\r\n\t\t\t\t\t\t\t<\/a>\r\n\t <\/div> \r\n\t\t<\/div>\r\n\r\n\t<div class=\"listing-content\">\r\n\t\t<div class=\"content-inner\">\r\n\t\t\t<h3 class=\"listing-title\">\r\n\t\t\t\t<a href=\"https:\/\/brn-nepremicnine.si\/en\/listing\/stanovanje-brn000200c\/\">\r\n\t\t\t\t\tLjubljana-vicinity, LOGATEC,\t\t\t\t<\/a>\r\n\t\t\t<\/h3>\r\n\t\t\t\t\t\t<div class=\"listing-price\">\r\n\t\t\t\t<div class='ulisting-listing-price'>  <span class='ulisting-listing-price-new'>260.000,00 &euro;<span class='suffix'><\/span><\/span> <\/div>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div class=\"content-bottom clearfix\">\r\n\t\t\t\r\n\t\t\t<div class='ulisting-attribute-template type-1 attribute_area'>\r\n\t\t\t\t<span class='ulisting-attribute-template-icon'><i class='lab la-jira'><\/i><\/span>\r\n\t\t\t\t<span class='ulisting-attribute-template-value'>86.10 <span class='sub-title'>sqm<\/span><\/span>\r\n\t\t  <\/div> \t\t  <\/div>    \r\n\t<\/div>    \r\n<\/div>\r\n<\/div>\n<\/div>\n\t<\/div>\n<\/div>\n   <\/div>   \n<\/div>\n<\/div>\r\n\t<\/div>\r\n<\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-13f2cc9 elementor-section-boxed elementor-section-height-default elementor-section-height-default row-top\" data-id=\"13f2cc9\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-6bc0f43 column-style-top\" data-id=\"6bc0f43\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a2b8a1b elementor-widget elementor-widget-gva-heading-block\" data-id=\"a2b8a1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"gva-heading-block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"gva-element-gva-heading-block gva-element\">   <div class=\"align-left style-1 widget gsc-heading box-align-left arrow-2 auto-responsive\">\r\n      <div class=\"content-inner\">\r\n         \r\n                  \r\n                     <div class=\"sub-title\"><span>What kind of property are you looking for?<\/span><\/div>\r\n           \r\n         \r\n                     <h2 class=\"title\">\r\n               <span>Search by Property Type<\/span>\r\n                                                         <\/h2>\r\n                  \r\n                     <div class=\"heading-action\">\r\n                       <a href=\"#vrh_strani\" class=\"btn-cta btn-theme \">\r\n          <span>Search Properties<\/span>\r\n        <\/a>\r\n\r\n                       <span class=\"harrow-2\"><\/span>            <\/div>\r\n         \r\n      <\/div>\r\n   <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-bb8f16e column-style-top\" data-id=\"bb8f16e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-cf8f03f elementor-section-boxed elementor-section-height-default elementor-section-height-default row-top\" data-id=\"cf8f03f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-ebf7cf6 column-style-top\" data-id=\"ebf7cf6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-705568a elementor-widget elementor-widget-gva-icon-box-styles\" data-id=\"705568a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"gva-icon-box-styles.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"gva-element-gva-icon-box-styles gva-element\">\r\n   \r\n\r\n         <div class=\"widget gsc-icon-box-styles style-3 \">\r\n                     <div class=\"icon-inner\">\r\n                       <a href=\"https:\/\/brn-nepremicnine.si\/en\/houses\/\">\r\n                                               <span class=\"box-icon\">\r\n                        <span class=\"box-icon-inner\">\r\n                           <i aria-hidden=\"true\" class=\"fi flaticon-home\"><\/i>                        <\/span>\r\n                     <\/span>\r\n                                 <\/a>            <\/div>\r\n         \r\n         <div class=\"content-inner\">\r\n                           <h3 class=\"title\">\r\n                          <a href=\"https:\/\/brn-nepremicnine.si\/en\/houses\/\">\r\n          Houses        <\/a>\r\n                       <\/h3>\r\n            \r\n                     <\/div>\r\n\r\n      <\/div> \r\n      \r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-4d6429a column-style-top\" data-id=\"4d6429a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6ce30ca elementor-widget elementor-widget-gva-icon-box-styles\" data-id=\"6ce30ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"gva-icon-box-styles.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"gva-element-gva-icon-box-styles gva-element\">\r\n   \r\n\r\n         <div class=\"widget gsc-icon-box-styles style-3 \">\r\n                     <div class=\"icon-inner\">\r\n                       <a href=\"https:\/\/brn-nepremicnine.si\/en\/apartments\/\">\r\n                                               <span class=\"box-icon\">\r\n                        <span class=\"box-icon-inner\">\r\n                           <i aria-hidden=\"true\" class=\"fi flaticon-condominium\"><\/i>                        <\/span>\r\n                     <\/span>\r\n                                 <\/a>            <\/div>\r\n         \r\n         <div class=\"content-inner\">\r\n                           <h3 class=\"title\">\r\n                          <a href=\"https:\/\/brn-nepremicnine.si\/en\/apartments\/\">\r\n          Apartments        <\/a>\r\n                       <\/h3>\r\n            \r\n                     <\/div>\r\n\r\n      <\/div> \r\n      \r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-95c3f16 column-style-top\" data-id=\"95c3f16\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5ac8374 elementor-widget elementor-widget-gva-icon-box-styles\" data-id=\"5ac8374\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"gva-icon-box-styles.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"gva-element-gva-icon-box-styles gva-element\">\r\n   \r\n\r\n         <div class=\"widget gsc-icon-box-styles style-3 \">\r\n                     <div class=\"icon-inner\">\r\n                       <a href=\"https:\/\/brn-nepremicnine.si\/en\/\/commercial-space\/\">\r\n                                               <span class=\"box-icon\">\r\n                        <span class=\"box-icon-inner\">\r\n                           <i aria-hidden=\"true\" class=\"fi flaticon-buildings\"><\/i>                        <\/span>\r\n                     <\/span>\r\n                                 <\/a>            <\/div>\r\n         \r\n         <div class=\"content-inner\">\r\n                           <h3 class=\"title\">\r\n                          <a href=\"https:\/\/brn-nepremicnine.si\/en\/\/commercial-space\/\">\r\n          Commercial Space        <\/a>\r\n                       <\/h3>\r\n            \r\n                     <\/div>\r\n\r\n      <\/div> \r\n      \r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-57046361 elementor-section-boxed elementor-section-height-default elementor-section-height-default row-top\" data-id=\"57046361\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d099750 column-style-top\" data-id=\"d099750\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-08c8e0e elementor-widget elementor-widget-gva-heading-block\" data-id=\"08c8e0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"gva-heading-block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"gva-element-gva-heading-block gva-element\">   <div class=\"align-center style-1 widget gsc-heading box-align-center  auto-responsive\">\r\n      <div class=\"content-inner\">\r\n         \r\n                  \r\n                     <div class=\"sub-title\"><span>What&#039;s the easiest way to decide?<\/span><\/div>\r\n           \r\n         \r\n                     <h2 class=\"title\">\r\n               <span>Follow some simple steps<\/span>\r\n                                                         <\/h2>\r\n                  \r\n         \r\n      <\/div>\r\n   <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-807516f elementor-section-boxed elementor-section-height-default elementor-section-height-default row-top\" data-id=\"807516f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-14 elementor-inner-column elementor-element elementor-element-6b5b969 column-style-top\" data-id=\"6b5b969\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e62e301 elementor-widget elementor-widget-gva-icon-box-styles\" data-id=\"e62e301\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"gva-icon-box-styles.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"gva-element-gva-icon-box-styles gva-element\">\r\n         <div class=\"widget gsc-icon-box-styles style-1 \">\r\n         <div class=\"icon-box-content\">\r\n                                 <div class=\"icon-inner\">\r\n                                             <span class=\"box-icon\">\r\n                           <span class=\"box-icon-inner\">\r\n                              <i aria-hidden=\"true\" class=\"fi flaticon-selection\"><\/i>                           <\/span>\r\n                        <\/span>\r\n                                       <\/div>\r\n                           <div class=\"box-content\">\r\n                                 <h3 class=\"title\">\r\n                     Select a <br>category                  <\/h3>\r\n                                          <\/div>\r\n         <\/div> \r\n               <\/div>   \r\n   \r\n\r\n      \r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-14 elementor-inner-column elementor-element elementor-element-c6300a9 elementor-hidden-mobile column-style-top\" data-id=\"c6300a9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2546e80 elementor-hidden-mobile elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"2546e80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"fas fa-long-arrow-alt-right\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-14 elementor-inner-column elementor-element elementor-element-21ce2d8 column-style-top\" data-id=\"21ce2d8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4edd0e9 elementor-widget elementor-widget-gva-icon-box-styles\" data-id=\"4edd0e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"gva-icon-box-styles.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"gva-element-gva-icon-box-styles gva-element\">\r\n         <div class=\"widget gsc-icon-box-styles style-1 \">\r\n         <div class=\"icon-box-content\">\r\n                                 <div class=\"icon-inner\">\r\n                                             <span class=\"box-icon\">\r\n                           <span class=\"box-icon-inner\">\r\n                              <i aria-hidden=\"true\" class=\"fi flaticon-focus\"><\/i>                           <\/span>\r\n                        <\/span>\r\n                                       <\/div>\r\n                           <div class=\"box-content\">\r\n                                 <h3 class=\"title\">\r\n                     Narrow your <br>selection                  <\/h3>\r\n                                          <\/div>\r\n         <\/div> \r\n               <\/div>   \r\n   \r\n\r\n      \r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-14 elementor-inner-column elementor-element elementor-element-4143605 elementor-hidden-mobile column-style-top\" data-id=\"4143605\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ac18fd4 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"ac18fd4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"fas fa-long-arrow-alt-right\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-14 elementor-inner-column elementor-element elementor-element-1fd0b3e column-style-top\" data-id=\"1fd0b3e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-05fc9d6 elementor-widget elementor-widget-gva-icon-box-styles\" data-id=\"05fc9d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"gva-icon-box-styles.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"gva-element-gva-icon-box-styles gva-element\">\r\n         <div class=\"widget gsc-icon-box-styles style-1 \">\r\n         <div class=\"icon-box-content\">\r\n                                 <div class=\"icon-inner\">\r\n                                             <span class=\"box-icon\">\r\n                           <span class=\"box-icon-inner\">\r\n                              <i aria-hidden=\"true\" class=\"fi flaticon-delete\"><\/i>                           <\/span>\r\n                        <\/span>\r\n                                       <\/div>\r\n                           <div class=\"box-content\">\r\n                                 <h3 class=\"title\">\r\n                     Select a<br>property                  <\/h3>\r\n                                          <\/div>\r\n         <\/div> \r\n               <\/div>   \r\n   \r\n\r\n      \r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-14 elementor-inner-column elementor-element elementor-element-49a42c1 elementor-hidden-mobile column-style-top\" data-id=\"49a42c1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dcfc3c1 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"dcfc3c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"fas fa-long-arrow-alt-right\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-14 elementor-inner-column elementor-element elementor-element-ee60daf column-style-top\" data-id=\"ee60daf\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-31bb900 elementor-widget elementor-widget-gva-icon-box-styles\" data-id=\"31bb900\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"gva-icon-box-styles.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"gva-element-gva-icon-box-styles gva-element\">\r\n         <div class=\"widget gsc-icon-box-styles style-1 \">\r\n         <div class=\"icon-box-content\">\r\n                                 <div class=\"icon-inner\">\r\n                                             <span class=\"box-icon\">\r\n                           <span class=\"box-icon-inner\">\r\n                              <i aria-hidden=\"true\" class=\"fi flaticon-exploration\"><\/i>                           <\/span>\r\n                        <\/span>\r\n                                       <\/div>\r\n                           <div class=\"box-content\">\r\n                                 <h3 class=\"title\">\r\n                     View a<br>property                  <\/h3>\r\n                                          <\/div>\r\n         <\/div> \r\n               <\/div>   \r\n   \r\n\r\n      \r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Find the right property For Sale For Rent Buying Leasehold Advanced Search Area Price Bedrooms Bathrooms Parking Spaces Type of Apartment Type of Apartment {{item_list.name}} Select {{item.name}} ({{item.count}}) Heating\/Cooling Heating\/Cooling {{item_list.name}} Select {{item.name}} ({{item.count}}) Exterior Exterior {{item_list.name}} Select {{item.name}} ({{item.count}}) Installations Installations {{item_list.name}} Select {{item.name}} ({{item.count}}) Price Living Area Plot Size Bedrooms Bathrooms Kitchens Type [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/brn-nepremicnine.si\/en\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brn-nepremicnine.si\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brn-nepremicnine.si\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brn-nepremicnine.si\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brn-nepremicnine.si\/en\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":6,"href":"https:\/\/brn-nepremicnine.si\/en\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":56641,"href":"https:\/\/brn-nepremicnine.si\/en\/wp-json\/wp\/v2\/pages\/19\/revisions\/56641"}],"wp:attachment":[{"href":"https:\/\/brn-nepremicnine.si\/en\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}