import * as i0 from '@angular/core';
import { Component } from '@angular/core';
import { AppsUrlLinksConst } from '@testlocallibrary/shared-kernel/models/constants';
import { LanguageEnum } from '@testlocallibrary/shared-kernel/models/enums';
import * as i1 from '@testlocallibrary/shared-kernel/services/active-url-link';
import * as i2 from '@testlocallibrary/shared-kernel/services/language';

class HeaderComponent {
    constructor(activeLinkService, languageService) {
        this.activeLinkService = activeLinkService;
        this.languageService = languageService;
        this.appsUrlLinks = AppsUrlLinksConst;
        this.activeLink = '';
        this.language = LanguageEnum.En;
    }
    ngOnInit() {
        this.activeLink = this.activeLinkService.updateActiveLink();
        this.language = this.languageService.getLanguage();
    }
    isLinkActive(link) {
        return this.activeLink === link;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderComponent, deps: [{ token: i1.ActiveUrlLinkService }, { token: i2.LanguageService }], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: HeaderComponent, isStandalone: true, selector: "lib-header", ngImport: i0, template: "<div class=\"theme1 d-none d-lg-block\" id=\"themes\">\r\n  <div class=\"container\" [class.ps-0]=\"!isLinkActive('ldc')\">\r\n    <ul class=\"nav nav-tabs\" id=\"myTab\">\r\n      <li class=\"nav-item\">\r\n        <a\r\n          href=\"{{ appsUrlLinks.ldc }}/{{ language }}/\"\r\n          class=\"nav-link rounded-0 text-start w-100\"\r\n          id=\"home-tab\"\r\n          [id]=\"'link-datacenter-' + language\"\r\n          type=\"button\"\r\n          aria-selected=\"true\"\r\n          [class.active]=\"isLinkActive('ldc')\"\r\n          [class.px-75]=\"!isLinkActive('ldc')\"\r\n          >Home</a\r\n        >\r\n      </li>\r\n      <li class=\"nav-item\">\r\n        <a\r\n          href=\"{{ appsUrlLinks.white }}/{{ language }}/\"\r\n          class=\"nav-link rounded-0\"\r\n          id=\"second-tab\"\r\n          [id]=\"'business-essentials-' + language\"\r\n          type=\"button\"\r\n          aria-selected=\"false\"\r\n          [class.active]=\"isLinkActive('white')\"\r\n          >Business Essentials</a\r\n        >\r\n      </li>\r\n      <li class=\"nav-item\">\r\n        <a\r\n          class=\"nav-link rounded-0\"\r\n          id=\"third-tab\"\r\n          [id]=\"'managed-services-' + language\"\r\n          href=\"{{ appsUrlLinks.blue }}/{{ language }}/\"\r\n          type=\"button\"\r\n          aria-controls=\"third-tab-pane\"\r\n          aria-selected=\"false\"\r\n          [class.active]=\"isLinkActive('blue')\"\r\n          >Managed Services</a\r\n        >\r\n      </li>\r\n      <li class=\"nav-item\">\r\n        <a\r\n          class=\"nav-link rounded-0\"\r\n          id=\"fifth-tab\"\r\n          [id]=\"'security-services-' + language\"\r\n          type=\"button\"\r\n          aria-controls=\"fifth-tab-pane\"\r\n          aria-selected=\"false\"\r\n          href=\"{{ appsUrlLinks.red }}/{{ language }}/\"\r\n          [class.active]=\"isLinkActive('red')\"\r\n          >Security Services</a\r\n        >\r\n      </li>\r\n\r\n      <li class=\"nav-item\">\r\n        <a\r\n          class=\"nav-link rounded-0\"\r\n          id=\"fourth-tab\"\r\n          [id]=\"'yellow-business-' + language\"\r\n          href=\"{{ appsUrlLinks.yellow }}/{{ language }}/\"\r\n          type=\"button\"\r\n          aria-controls=\"fourth-tab-pane\"\r\n          [class.active]=\"isLinkActive('yellow')\"\r\n          aria-selected=\"false\"\r\n          >Private Cloud</a\r\n        >\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</div>\r\n", styles: [".theme1{background:#222B55}.logo{width:10%}.nav-tabs{margin-bottom:-2px}.nav-tabs .nav-link{color:#fff;display:inline-block;font-size:.875rem;padding:.5rem 1.25rem}.nav-item:after,#neubar a.show:after{content:\"\";width:0px;height:2px;display:block;background:var(--color1);transition:.3s}.nav-item:hover:after{width:100%}.nav-tabs .nav-link.active{color:var(--color1)}.nav-tabs .nav-link.px-75{padding-left:.75rem;padding-right:.75rem}@media only screen and (max-width: 768px){.nav-tabs li:first-child{width:auto}}\n"] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderComponent, decorators: [{
            type: Component,
            args: [{ selector: 'lib-header', standalone: true, imports: [], template: "<div class=\"theme1 d-none d-lg-block\" id=\"themes\">\r\n  <div class=\"container\" [class.ps-0]=\"!isLinkActive('ldc')\">\r\n    <ul class=\"nav nav-tabs\" id=\"myTab\">\r\n      <li class=\"nav-item\">\r\n        <a\r\n          href=\"{{ appsUrlLinks.ldc }}/{{ language }}/\"\r\n          class=\"nav-link rounded-0 text-start w-100\"\r\n          id=\"home-tab\"\r\n          [id]=\"'link-datacenter-' + language\"\r\n          type=\"button\"\r\n          aria-selected=\"true\"\r\n          [class.active]=\"isLinkActive('ldc')\"\r\n          [class.px-75]=\"!isLinkActive('ldc')\"\r\n          >Home</a\r\n        >\r\n      </li>\r\n      <li class=\"nav-item\">\r\n        <a\r\n          href=\"{{ appsUrlLinks.white }}/{{ language }}/\"\r\n          class=\"nav-link rounded-0\"\r\n          id=\"second-tab\"\r\n          [id]=\"'business-essentials-' + language\"\r\n          type=\"button\"\r\n          aria-selected=\"false\"\r\n          [class.active]=\"isLinkActive('white')\"\r\n          >Business Essentials</a\r\n        >\r\n      </li>\r\n      <li class=\"nav-item\">\r\n        <a\r\n          class=\"nav-link rounded-0\"\r\n          id=\"third-tab\"\r\n          [id]=\"'managed-services-' + language\"\r\n          href=\"{{ appsUrlLinks.blue }}/{{ language }}/\"\r\n          type=\"button\"\r\n          aria-controls=\"third-tab-pane\"\r\n          aria-selected=\"false\"\r\n          [class.active]=\"isLinkActive('blue')\"\r\n          >Managed Services</a\r\n        >\r\n      </li>\r\n      <li class=\"nav-item\">\r\n        <a\r\n          class=\"nav-link rounded-0\"\r\n          id=\"fifth-tab\"\r\n          [id]=\"'security-services-' + language\"\r\n          type=\"button\"\r\n          aria-controls=\"fifth-tab-pane\"\r\n          aria-selected=\"false\"\r\n          href=\"{{ appsUrlLinks.red }}/{{ language }}/\"\r\n          [class.active]=\"isLinkActive('red')\"\r\n          >Security Services</a\r\n        >\r\n      </li>\r\n\r\n      <li class=\"nav-item\">\r\n        <a\r\n          class=\"nav-link rounded-0\"\r\n          id=\"fourth-tab\"\r\n          [id]=\"'yellow-business-' + language\"\r\n          href=\"{{ appsUrlLinks.yellow }}/{{ language }}/\"\r\n          type=\"button\"\r\n          aria-controls=\"fourth-tab-pane\"\r\n          [class.active]=\"isLinkActive('yellow')\"\r\n          aria-selected=\"false\"\r\n          >Private Cloud</a\r\n        >\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</div>\r\n", styles: [".theme1{background:#222B55}.logo{width:10%}.nav-tabs{margin-bottom:-2px}.nav-tabs .nav-link{color:#fff;display:inline-block;font-size:.875rem;padding:.5rem 1.25rem}.nav-item:after,#neubar a.show:after{content:\"\";width:0px;height:2px;display:block;background:var(--color1);transition:.3s}.nav-item:hover:after{width:100%}.nav-tabs .nav-link.active{color:var(--color1)}.nav-tabs .nav-link.px-75{padding-left:.75rem;padding-right:.75rem}@media only screen and (max-width: 768px){.nav-tabs li:first-child{width:auto}}\n"] }]
        }], ctorParameters: function () { return [{ type: i1.ActiveUrlLinkService }, { type: i2.LanguageService }]; } });

/**
 * Generated bundle index. Do not edit.
 */

export { HeaderComponent };
//# sourceMappingURL=testlocallibrary-shared-kernel-components-header.mjs.map
