{
"version": 3,
"sources": ["../src/catalog-nav.js"],
"sourcesContent": ["/**\n * Catalog Navigation - Alpine.js component for mobile catalog navigation\n * Used in: templates/includes/search_modal.html\n *\n * Features:\n * - Navigation by category groups and categories\n * - Quick access to subservices\n * - Smooth transitions between views\n * - No keyboard input - touch-friendly navigation\n */\n\n// SVG \u0438\u043A\u043E\u043D\u043A\u0438 \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u0439 (\u0431\u0435\u0437 width/height \u0434\u043B\u044F \u043C\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0447\u0435\u0440\u0435\u0437 CSS)\nconst CATEGORY_ICONS = {\n 'massage-masters': '',\n 'massage-salons': '',\n 'beauty-masters': '',\n 'beauty-salons': '',\n 'fitness-trainers': '',\n 'fitness-clubs': '',\n 'spa': '',\n 'bani': '',\n 'massage-courses': '',\n 'beauty-courses': '',\n};\n\n// \u0414\u0435\u0444\u043E\u043B\u0442\u043D\u0430\u044F \u0438\u043A\u043E\u043D\u043A\u0430\nconst DEFAULT_ICON = '';\n\n/**\n * Alpine.js component for catalog navigation modal\n */\nfunction catalogNav() {\n return {\n // View state: 'categories' (default) or 'subservices'\n view: 'categories',\n\n // Selected category for subservices view\n selectedCategory: null,\n\n // All grouped categories (loaded from config)\n groupedCategories: [],\n\n /**\n * Initialize component\n */\n init() {\n const config = window.CATALOG_NAV_CONFIG || {};\n this.groupedCategories = config.groupedCategories || [];\n this.currentCitySlug = config.currentCitySlug || '';\n this.currentCityName = config.currentCityName || '';\n this.cityId = config.cityId || null;\n\n // Listen for modal open to reset state\n const modal = document.getElementById('hs-search-modal');\n if (modal) {\n modal.addEventListener('open.hs.overlay', () => {\n this.resetState();\n });\n }\n },\n\n /**\n * Reset to initial state\n */\n resetState() {\n this.view = 'categories';\n this.selectedCategory = null;\n },\n\n /**\n * Select a category and show its subservices\n */\n selectCategory(category) {\n this.selectedCategory = category;\n this.view = 'subservices';\n },\n\n /**\n * Go back to categories view\n */\n goBack() {\n this.view = 'categories';\n this.selectedCategory = null;\n },\n\n /**\n * Get SVG icon for category by slug\n */\n getCategoryIcon(slug) {\n return CATEGORY_ICONS[slug] || DEFAULT_ICON;\n },\n\n /**\n * Get URL for category page\n */\n getCategoryUrl(category) {\n if (!category) return '#';\n if (this.currentCitySlug) {\n return `/${this.currentCitySlug}/${category.slug}/`;\n }\n return `/${category.slug}/`;\n },\n\n /**\n * Get URL for subservice (category + subservice slug in path)\n */\n getSubserviceUrl(subservice) {\n if (!this.selectedCategory) return '#';\n\n const baseUrl = this.getCategoryUrl(this.selectedCategory);\n // URL \u0444\u043E\u0440\u043C\u0430\u0442: /city/category/subservice/\n return `${baseUrl}${subservice.slug}/`;\n },\n\n /**\n * Check if category has subservice groups\n */\n hasSubserviceGroups() {\n return this.selectedCategory?.subserviceGroups?.length > 0;\n },\n\n /**\n * Get subservices for a specific group\n */\n getSubservicesForGroup(groupId) {\n if (!this.selectedCategory?.subservices) return [];\n return this.selectedCategory.subservices.filter(s => s.group_id === groupId);\n },\n\n /**\n * Get ungrouped subservices (without a group)\n */\n getUngroupedSubservices() {\n if (!this.selectedCategory?.subservices) return [];\n return this.selectedCategory.subservices.filter(s => !s.group_id);\n },\n\n /**\n * Get section title for subservices\n */\n getSubserviceSectionTitle() {\n return this.selectedCategory?.subserviceSectionTitle || '\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u0438\u043F \u0443\u0441\u043B\u0443\u0433\u0438';\n },\n\n /**\n * Close modal programmatically\n */\n closeModal() {\n const modal = document.getElementById('hs-search-modal');\n if (modal && typeof HSOverlay !== 'undefined') {\n HSOverlay.close(modal);\n }\n },\n\n /**\n * Open city selection modal\n */\n openCityModal() {\n // First close the search modal\n this.closeModal();\n // Then open city modal\n setTimeout(() => {\n const cityModal = document.getElementById('hs-city-select-modal');\n if (cityModal && typeof HSOverlay !== 'undefined') {\n HSOverlay.open(cityModal);\n }\n }, 100);\n }\n };\n}\n\n// Register Alpine component globally\nwindow.catalogNav = catalogNav;\n"],
"mappings": "MAYA,IAAMA,EAAiB,CACrB,kBAAmB,kgBACnB,iBAAkB,yhBAClB,iBAAkB,kgBAClB,gBAAiB,2TACjB,mBAAoB,uUACpB,gBAAiB,uUACjB,IAAO,yaACP,KAAQ,8QACR,kBAAmB,0WACnB,iBAAkB,yWACpB,EAGMC,EAAe,kgBAKrB,SAASC,GAAa,CACpB,MAAO,CAEL,KAAM,aAGN,iBAAkB,KAGlB,kBAAmB,CAAC,EAKpB,MAAO,CACL,IAAMC,EAAS,OAAO,oBAAsB,CAAC,EAC7C,KAAK,kBAAoBA,EAAO,mBAAqB,CAAC,EACtD,KAAK,gBAAkBA,EAAO,iBAAmB,GACjD,KAAK,gBAAkBA,EAAO,iBAAmB,GACjD,KAAK,OAASA,EAAO,QAAU,KAG/B,IAAMC,EAAQ,SAAS,eAAe,iBAAiB,EACnDA,GACFA,EAAM,iBAAiB,kBAAmB,IAAM,CAC9C,KAAK,WAAW,CAClB,CAAC,CAEL,EAKA,YAAa,CACX,KAAK,KAAO,aACZ,KAAK,iBAAmB,IAC1B,EAKA,eAAeC,EAAU,CACvB,KAAK,iBAAmBA,EACxB,KAAK,KAAO,aACd,EAKA,QAAS,CACP,KAAK,KAAO,aACZ,KAAK,iBAAmB,IAC1B,EAKA,gBAAgBC,EAAM,CACpB,OAAON,EAAeM,CAAI,GAAKL,CACjC,EAKA,eAAeI,EAAU,CACvB,OAAKA,EACD,KAAK,gBACA,IAAI,KAAK,eAAe,IAAIA,EAAS,IAAI,IAE3C,IAAIA,EAAS,IAAI,IAJF,GAKxB,EAKA,iBAAiBE,EAAY,CAC3B,OAAK,KAAK,iBAIH,GAFS,KAAK,eAAe,KAAK,gBAAgB,CAExC,GAAGA,EAAW,IAAI,IAJA,GAKrC,EAKA,qBAAsB,CACpB,OAAO,KAAK,kBAAkB,kBAAkB,OAAS,CAC3D,EAKA,uBAAuBC,EAAS,CAC9B,OAAK,KAAK,kBAAkB,YACrB,KAAK,iBAAiB,YAAY,OAAOC,GAAKA,EAAE,WAAaD,CAAO,EAD3B,CAAC,CAEnD,EAKA,yBAA0B,CACxB,OAAK,KAAK,kBAAkB,YACrB,KAAK,iBAAiB,YAAY,OAAOC,GAAK,CAACA,EAAE,QAAQ,EADhB,CAAC,CAEnD,EAKA,2BAA4B,CAC1B,OAAO,KAAK,kBAAkB,wBAA0B,0GAC1D,EAKA,YAAa,CACX,IAAML,EAAQ,SAAS,eAAe,iBAAiB,EACnDA,GAAS,OAAO,UAAc,KAChC,UAAU,MAAMA,CAAK,CAEzB,EAKA,eAAgB,CAEd,KAAK,WAAW,EAEhB,WAAW,IAAM,CACf,IAAMM,EAAY,SAAS,eAAe,sBAAsB,EAC5DA,GAAa,OAAO,UAAc,KACpC,UAAU,KAAKA,CAAS,CAE5B,EAAG,GAAG,CACR,CACF,CACF,CAGA,OAAO,WAAaR",
"names": ["CATEGORY_ICONS", "DEFAULT_ICON", "catalogNav", "config", "modal", "category", "slug", "subservice", "groupId", "s", "cityModal"]
}