{
  "version": 3,
  "sources": ["src/app/layout/header.component.ts"],
  "sourcesContent": ["import { CommonModule } from '@angular/common';\r\nimport { Component, computed, inject, ViewChild } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { ActivatedRoute, Router, RouterLink, RouterLinkActive } from '@angular/router';\r\nimport { DxTextBoxComponent, DxTextBoxModule } from 'devextreme-angular';\r\nimport { ApplicationInfoService } from '../core/application-info.service';\r\nimport { StoreService } from '../core/store.service';\r\n\r\n@Component({\r\n    selector: 'app-header',\r\n    standalone: true,\r\n    imports: [CommonModule, RouterLink, RouterLinkActive, FormsModule, DxTextBoxModule],\r\n    template: `\r\n        <div class=\"header-items\">\r\n            <div class=\"overlayOffCanvas\"></div>\r\n            <div class=\"responsive-nav-wrapper-parent\">\r\n                <div class=\"responsive-nav-wrapper\">\r\n                    <div class=\"responsive-nav-inner\">\r\n                        <div class=\"personal-button\" id=\"header-links-opener\"><span>Personal menu</span></div>\r\n                        <div class=\"menu-title\"><span>Menu</span></div>\r\n                        <div class=\"search-wrap\"><span>Search</span></div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"subheader-wrapper\">\r\n                <div class=\"logo-wrapper\">\r\n                    <div class=\"header-logo\">\r\n                        <a [href]=\"homeHref()\" class=\"logo\">\r\n                            <img alt=\"{{ appInfo.info.companyName }} Logo\" title=\"{{ appInfo.info.companyName }}\" src=\"{{ logoUrl }}\"\r\n                        /></a>\r\n                    </div>\r\n                </div>\r\n                <div class=\"headerMenuParent\">\r\n                    <div class=\"header-menu\">\r\n                        <div class=\"close-menu\"><span>Close</span></div>\r\n                        <ul class=\"mega-menu\">\r\n                            @if(!showSearch){\r\n                            <li>\r\n                                <a [href]=\"homeHref()\" routerLinkActive=\"active\" title=\"Home\"><span> Home</span></a>\r\n                            </li>\r\n                            <li>\r\n                                <a [href]=\"aboutHref()\" routerLinkActive=\"active\" title=\"About\"><span> About</span></a>\r\n                            </li>\r\n                            <li>\r\n                                <a routerLink=\"/products\" routerLinkActive=\"active\" title=\"Products\"><span> Products</span></a>\r\n                            </li>\r\n                            @if (appInfo.info.companyMode === 'Kamper') {\r\n                            <li>\r\n                                <a [href]=\"blogHref()\" routerLinkActive=\"active\" title=\"Blog\"><span> Blog</span></a>\r\n                            </li>\r\n                            }\r\n                            <li>\r\n                                <a [href]=\"contactHref()\" routerLinkActive=\"active\" title=\"Contact us\"><span> Contact us</span></a>\r\n                            </li>\r\n                            <li></li>\r\n                            } @else {\r\n                            <li class=\"search\">\r\n                                <dx-text-box\r\n                                    #searchComponent\r\n                                    placeholder=\"Search for products...\"\r\n                                    (onEnterKey)=\"search()\"\r\n                                    [(value)]=\"searchValue\"\r\n                                >\r\n                                </dx-text-box>\r\n                                <a (click)=\"toggleShowSearch()\">x</a>\r\n                            </li>\r\n                            }\r\n                            <li class=\"cart\">\r\n                                <a title=\"Search\" (click)=\"toggleShowSearch()\" class=\"ico-search\">\r\n                                    <i class=\"fas fa-light fa-search fa-flip-horizontal\"></i>\r\n                                </a>\r\n                                <a routerLink=\"/checkout/cart\" class=\"ico-cart\">\r\n                                    <i class=\"fas fa-solid fa-shopping-cart\"></i>\r\n                                </a>\r\n                            </li>\r\n                        </ul>\r\n                        <div class=\"menu-title\"><span>Menu</span></div>\r\n                        <ul class=\"mega-menu-responsive\">\r\n                            <li>\r\n                                <a [href]=\"homeHref()\" routerLinkActive=\"active\" title=\"Home\"><span> Home</span></a>\r\n                            </li>\r\n                            <li>\r\n                                <a routerLink=\"/products\" routerLinkActive=\"active\" title=\"Products\"><span> Products</span></a>\r\n                            </li>\r\n                            <li>\r\n                                <a [href]=\"contactHref()\" routerLinkActive=\"active\" title=\"Contact us\"><span> Contact us</span></a>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    `,\r\n    styles: `\r\n        .header-items {\r\n            display: block;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n\r\n        .logo-wrapper {\r\n            width: auto;\r\n        }\r\n\r\n        .header-logo {\r\n            height: 102px;\r\n            margin-right: 50px;\r\n            flex-grow: 1;\r\n\r\n            .logo {\r\n                max-width: unset;\r\n            }\r\n\r\n            img {\r\n                max-width: 100%;\r\n                height: 102px;\r\n            }\r\n        }\r\n\r\n        .header-selectors-wrapper {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 10px;\r\n        }\r\n\r\n        .header-menu {\r\n            display: flex;\r\n            gap: 10px;\r\n            align-items: center;\r\n\r\n            .mega-menu {\r\n                display: flex;\r\n                gap: 10px;\r\n                align-items: center;\r\n                width: 100%;\r\n            }\r\n        }\r\n\r\n        .header-links {\r\n            align-self: flex-end;\r\n            a {\r\n                font-size: 13px;\r\n            }\r\n        }\r\n\r\n        .cart-qty {\r\n            font-size: 11px;\r\n            right: -18px;\r\n        }\r\n\r\n        .search {\r\n            width: 70%;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n\r\n            dx-text-box {\r\n                flex-grow: 1;\r\n            }\r\n        }\r\n\r\n        .cart {\r\n            margin-left: auto;\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .ico-cart {\r\n            display: inline-block;\r\n            color: #fff;\r\n            font-size: 25px;\r\n            text-align: right;\r\n        }\r\n\r\n        .ico-search {\r\n            display: inline-block;\r\n            color: #fff;\r\n            font-size: 20px;\r\n            margin-right: 25px;\r\n        }\r\n        }\r\n    `\r\n})\r\nexport class HeaderComponent {\r\n    router = inject(Router);\r\n    route = inject(ActivatedRoute);\r\n    storeService = inject(StoreService);\r\n    appInfo = inject(ApplicationInfoService);\r\n\r\n    homeHref = computed(() => this.appInfo.addUtm(this.wordpressUrl));\r\n    aboutHref = computed(() => this.appInfo.addUtm(`${this.wordpressUrl}/about`));\r\n    blogHref = computed(() => this.appInfo.addUtm(`${this.wordpressUrl}/blog`));\r\n    contactHref = computed(() => this.appInfo.addUtm(`${this.wordpressUrl}/contact-us`));\r\n\r\n    wordpressUrl = this.appInfo.info.wordPressUrl;\r\n    logoUrl =\r\n        this.appInfo.info.companyMode === 'PPM' ? '/assets/images/ppm-logo-dark-200.png' : '/assets/images/logo-transparent-white.png';\r\n    showSearch: boolean = false;\r\n    searchValue: string = '';\r\n\r\n    @ViewChild('searchComponent') searchComponent?: DxTextBoxComponent;\r\n\r\n    search() {\r\n        const searchValue = this.searchValue;\r\n        this.searchValue = '';\r\n        this.showSearch = false;\r\n\r\n        this.router.navigate(['/search'], {\r\n            relativeTo: this.route,\r\n            queryParams: { search: searchValue ? searchValue : undefined }\r\n        });\r\n    }\r\n\r\n    toggleShowSearch() {\r\n        this.showSearch = !this.showSearch;\r\n        if (this.showSearch) {\r\n            setTimeout(() => {\r\n                this.searchComponent!.instance.focus();\r\n            });\r\n        }\r\n    }\r\n}\r\n"],
  "mappings": "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",
  "names": ["\u0275\u0275elementStart", "\u0275\u0275text", "\u0275\u0275elementEnd", "\u0275\u0275advance", "\u0275\u0275property", "ctx_r0", "blogHref", "\u0275\u0275sanitizeUrl", "\u0275\u0275template", "HeaderComponent_Conditional_25_Conditional_12_Template", "\u0275\u0275element", "homeHref", "aboutHref", "\u0275\u0275conditional", "appInfo", "info", "companyMode", "contactHref", "\u0275\u0275listener", "\u0275\u0275restoreView", "_r2", "\u0275\u0275nextContext", "\u0275\u0275resetView", "search", "\u0275\u0275twoWayListener", "$event", "i0", "\u0275\u0275twoWayBindingSet", "searchValue", "toggleShowSearch", "\u0275\u0275twoWayProperty", "HeaderComponent", "init_header_component", "__esmMin", "init_common", "init_core", "init_forms", "init_router", "init_devextreme_angular", "init_application_info_service", "init_store_service", "constructor", "router", "inject", "Router", "route", "ActivatedRoute", "storeService", "StoreService", "ApplicationInfoService", "computed", "addUtm", "wordpressUrl", "wordPressUrl", "logoUrl", "showSearch", "navigate", "relativeTo", "queryParams", "undefined", "setTimeout", "searchComponent", "instance", "focus", "selectors", "viewQuery", "rf", "ctx", "HeaderComponent_Conditional_25_Template", "HeaderComponent_Conditional_26_Template", "\u0275\u0275propertyInterpolate1", "companyName", "\u0275\u0275propertyInterpolate", "CommonModule", "RouterLink", "RouterLinkActive", "FormsModule", "DxTextBoxModule", "DxTextBoxComponent", "styles", "_HeaderComponent"]
}