import { Component } from '@angular/core';
import { LanguageEnum } from '@testlocallibrary/shared-kernel/models/enums';
import { NgFor } from '@angular/common';
import { AppsUrlLinksConst } from '@testlocallibrary/shared-kernel/models/constants';
import { TranslationService, LanguageService } from '@testlocallibrary/shared-kernel/services/language';
import { CONTENT_EN, CONTENT_AR } from '@testlocallibrary/shared-kernel/models/constants';
import * as i0 from "@angular/core";
import * as i1 from "@testlocallibrary/shared-kernel/services/language";
export class FooterComponent {
    constructor(translate, languageService, destroyRef) {
        this.translate = translate;
        this.languageService = languageService;
        this.destroyRef = destroyRef;
        this.ar = LanguageEnum.Ar;
        this.en = LanguageEnum.En;
        this.language = this.en;
        this.content = CONTENT_EN.footer;
        this.ldcBaseUrl = '';
        this.whiteBaseUrl = "";
        this.blueBaseUrl = "";
        this.redBaseUrl = "";
        this.yellowBaseUrl = "";
        this.language = this.languageService.getLanguage();
        this.translate.setLanguage(this.language);
        this.setBaseUrls();
        this.content = this.language == LanguageEnum.En ? CONTENT_EN.footer : CONTENT_AR.footer;
    }
    setBaseUrls() {
        this.ldcBaseUrl = AppsUrlLinksConst.ldc + '/' + this.language;
        this.whiteBaseUrl = AppsUrlLinksConst.white + '/' + this.language;
        this.blueBaseUrl = AppsUrlLinksConst.blue + '/' + this.language;
        this.redBaseUrl = AppsUrlLinksConst.red + '/' + this.language;
        this.yellowBaseUrl = AppsUrlLinksConst.yellow + '/' + this.language;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FooterComponent, deps: [{ token: i1.TranslationService }, { token: i1.LanguageService }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FooterComponent, isStandalone: true, selector: "lib-footer", providers: [TranslationService, LanguageService], ngImport: i0, template: "<footer>\r\n  <div class=\"container\">\r\n    <div class=\"row top_section g-0\">\r\n      <div class=\"col-md-9\">\r\n        <ul class=\"d-flex flex-column flex-md-row\">\r\n          <li *ngFor=\"let link of content?.generalLinks\" class=\"generalLinks\">\r\n            <a [href]=\"ldcBaseUrl + link.Url\" [id]=\"link.heading + '-footer-' + language\">{{ link.heading }}</a>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"social_profile\">\r\n          <ul class=\"d-flex \">\r\n            <li>\r\n              <a href=\"https://www.facebook.com/linkdceg/\" [id]=\"'facebook-' + language\" target=\"_blank\"> <i class=\"icon-Facebook\"></i></a>\r\n            </li>\r\n            <li>\r\n              <a href=\"https://www.instagram.com/link_datacenter/\" [id]=\"'instagram-' + language\" target=\"_blank\"> <i class=\"icon-Instagram\"></i></a>\r\n            </li>\r\n            <li>\r\n              <a href=\"https://www.linkedin.com/company/linkdceg/\" [id]=\"'linkedin-' + language\" target=\"_blank\"> <i class=\"icon-linkden\"></i></a>\r\n            </li>\r\n            <li>\r\n              <a href=\"https://twitter.com/linkdceg/\" [id]=\"'twitter-' + language\" target=\"_blank\"><i class=\"icon-Tw\"></i></a>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"row gx-0 middle_section\">\r\n      <div class=\"col-lg-3 col-md-6\">\r\n        <div class=\"links-section mb-5 mb-md-0\">\r\n          <p>{{ content?.whiteHeader }}</p>\r\n          <ul class=\"\">\r\n            <li *ngFor=\"let page of content?.whitePages\">\r\n              <a [href]=\"whiteBaseUrl + page.pageURL\" [id]=\"'white-'+page.pageName+'-'+ language\">{{ page.pageName }}</a>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n      <div class=\"col-lg-3 col-md-6 mb-5 mb-md-0\">\r\n        <div class=\"links-section\">\r\n          <p>{{ content?.blueHeader }}</p>\r\n\r\n          <ul>\r\n            <li *ngFor=\"let page of content?.bluePages\">\r\n              <a [href]=\"blueBaseUrl + page.pageURL\" [id]=\"'blue-'+page.pageName+'-'+ language\">{{ page.pageName }}</a>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n      <div class=\"col-lg-3 col-md-6 mb-5 mb-md-0\">\r\n        <div class=\"links-section\">\r\n          <p>{{ content?.redHeader }}</p>\r\n          <ul>\r\n            <li *ngFor=\"let page of content?.redPages\">\r\n              <a [href]=\"redBaseUrl + page.pageURL\" [id]=\"'red-'+page.pageName+'-'+ language\">{{ page.pageName }}</a>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n      <div class=\"col-lg-3 col-md-6 mb-5 mb-md-0\">\r\n        <div class=\"links-section\">\r\n          <p>{{ content?.yellowHeader }}</p>\r\n\r\n          <ul>\r\n            <li *ngFor=\"let page of content?.yellowPages\">\r\n              <a [href]=\"yellowBaseUrl + page.pageURL\" [id]=\"'yellow-'+page.pageName+'-'+ language\">{{ page.pageName }}</a>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"col-12 GeneralLinks_section\">\r\n      <ul class=\"d-flex flex-column flex-md-row\">\r\n        <li\r\n          *ngFor=\"let link of content?.bottomGeneralLinks\"\r\n          class=\"BottomGeneralLinks\"\r\n        >\r\n          <a [href]=\"ldcBaseUrl + link.Url\" [id]=\"link.headings+'-'+ language\">{{ link.headings }}</a>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"bootom_section\">\r\n    <p class=\"copyright\">\r\n      {{ content?.copyright }}\r\n    </p>\r\n  </div>\r\n</footer>\r\n", styles: ["footer{background:#222B55;display:block}footer a{color:#cbd5e1}.footer-text p{color:#e2e8f0;font-size:14px}.footer-widget{margin-top:-10px}i[class^=icon]{color:#8896ab}i[class^=icon]:hover{color:#fff}.icon-Facebook:before{font-size:27px;margin-top:9px;display:inline-block}.icon-Instagram:before{font-size:26px;margin-top:9px;display:inline-block}.top_section{border-bottom:1px solid #333F51;padding:36px 0}.middle_section{margin:36px 0}.links-section p{color:#fff;margin-bottom:16px;font-weight:700;font-size:1.125rem}.links-section ul{margin:0;padding:0;list-style:none}.links-section ul li a{color:#cbd5e1;transition:all .3s ease 0s;line-height:36px;font-size:15px;text-transform:capitalize}.links-section ul li a:hover{color:#fff}.footer-logo img{max-width:130px}.social_profile ul{list-style:outside none none;margin:0;padding:0;justify-content:end}.social_profile ul li a{text-align:center;transition:all .3s ease 0s;margin:0 5px;font-size:18px;color:#94a3b8;width:40px;height:40px;line-height:50px;display:block}.social_profile ul li a:hover{color:#fff}.copyright{color:#cbd5e1;font-size:14px;text-align:center}.copyright a:hover{color:#fff}.single_footer{margin:3rem 0}.generalLinks{margin-inline-end:36px;margin-top:10px}.BottomGeneralLinks{margin-inline-end:36px}.BottomGeneralLinks a{font-size:14px!important}.GeneralLinks_section{margin-bottom:36px}.bootom_section{border-top:1px solid #333F51;padding:36px 0}@media only screen and (max-width: 768px){.bootom_section{padding:36px 24px}.social_profile{margin-top:24px}.social_profile ul{justify-content:normal}.social_profile ul li a{margin-inline-end:30px;margin-bottom:10px}i[class^=icon]{font-size:30px}.icon-Instagram:before,.icon-Facebook:before{font-size:37px;margin-top:0}}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FooterComponent, decorators: [{
            type: Component,
            args: [{ selector: 'lib-footer', standalone: true, providers: [TranslationService, LanguageService], imports: [NgFor], template: "<footer>\r\n  <div class=\"container\">\r\n    <div class=\"row top_section g-0\">\r\n      <div class=\"col-md-9\">\r\n        <ul class=\"d-flex flex-column flex-md-row\">\r\n          <li *ngFor=\"let link of content?.generalLinks\" class=\"generalLinks\">\r\n            <a [href]=\"ldcBaseUrl + link.Url\" [id]=\"link.heading + '-footer-' + language\">{{ link.heading }}</a>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"social_profile\">\r\n          <ul class=\"d-flex \">\r\n            <li>\r\n              <a href=\"https://www.facebook.com/linkdceg/\" [id]=\"'facebook-' + language\" target=\"_blank\"> <i class=\"icon-Facebook\"></i></a>\r\n            </li>\r\n            <li>\r\n              <a href=\"https://www.instagram.com/link_datacenter/\" [id]=\"'instagram-' + language\" target=\"_blank\"> <i class=\"icon-Instagram\"></i></a>\r\n            </li>\r\n            <li>\r\n              <a href=\"https://www.linkedin.com/company/linkdceg/\" [id]=\"'linkedin-' + language\" target=\"_blank\"> <i class=\"icon-linkden\"></i></a>\r\n            </li>\r\n            <li>\r\n              <a href=\"https://twitter.com/linkdceg/\" [id]=\"'twitter-' + language\" target=\"_blank\"><i class=\"icon-Tw\"></i></a>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"row gx-0 middle_section\">\r\n      <div class=\"col-lg-3 col-md-6\">\r\n        <div class=\"links-section mb-5 mb-md-0\">\r\n          <p>{{ content?.whiteHeader }}</p>\r\n          <ul class=\"\">\r\n            <li *ngFor=\"let page of content?.whitePages\">\r\n              <a [href]=\"whiteBaseUrl + page.pageURL\" [id]=\"'white-'+page.pageName+'-'+ language\">{{ page.pageName }}</a>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n      <div class=\"col-lg-3 col-md-6 mb-5 mb-md-0\">\r\n        <div class=\"links-section\">\r\n          <p>{{ content?.blueHeader }}</p>\r\n\r\n          <ul>\r\n            <li *ngFor=\"let page of content?.bluePages\">\r\n              <a [href]=\"blueBaseUrl + page.pageURL\" [id]=\"'blue-'+page.pageName+'-'+ language\">{{ page.pageName }}</a>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n      <div class=\"col-lg-3 col-md-6 mb-5 mb-md-0\">\r\n        <div class=\"links-section\">\r\n          <p>{{ content?.redHeader }}</p>\r\n          <ul>\r\n            <li *ngFor=\"let page of content?.redPages\">\r\n              <a [href]=\"redBaseUrl + page.pageURL\" [id]=\"'red-'+page.pageName+'-'+ language\">{{ page.pageName }}</a>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n      <div class=\"col-lg-3 col-md-6 mb-5 mb-md-0\">\r\n        <div class=\"links-section\">\r\n          <p>{{ content?.yellowHeader }}</p>\r\n\r\n          <ul>\r\n            <li *ngFor=\"let page of content?.yellowPages\">\r\n              <a [href]=\"yellowBaseUrl + page.pageURL\" [id]=\"'yellow-'+page.pageName+'-'+ language\">{{ page.pageName }}</a>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"col-12 GeneralLinks_section\">\r\n      <ul class=\"d-flex flex-column flex-md-row\">\r\n        <li\r\n          *ngFor=\"let link of content?.bottomGeneralLinks\"\r\n          class=\"BottomGeneralLinks\"\r\n        >\r\n          <a [href]=\"ldcBaseUrl + link.Url\" [id]=\"link.headings+'-'+ language\">{{ link.headings }}</a>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"bootom_section\">\r\n    <p class=\"copyright\">\r\n      {{ content?.copyright }}\r\n    </p>\r\n  </div>\r\n</footer>\r\n", styles: ["footer{background:#222B55;display:block}footer a{color:#cbd5e1}.footer-text p{color:#e2e8f0;font-size:14px}.footer-widget{margin-top:-10px}i[class^=icon]{color:#8896ab}i[class^=icon]:hover{color:#fff}.icon-Facebook:before{font-size:27px;margin-top:9px;display:inline-block}.icon-Instagram:before{font-size:26px;margin-top:9px;display:inline-block}.top_section{border-bottom:1px solid #333F51;padding:36px 0}.middle_section{margin:36px 0}.links-section p{color:#fff;margin-bottom:16px;font-weight:700;font-size:1.125rem}.links-section ul{margin:0;padding:0;list-style:none}.links-section ul li a{color:#cbd5e1;transition:all .3s ease 0s;line-height:36px;font-size:15px;text-transform:capitalize}.links-section ul li a:hover{color:#fff}.footer-logo img{max-width:130px}.social_profile ul{list-style:outside none none;margin:0;padding:0;justify-content:end}.social_profile ul li a{text-align:center;transition:all .3s ease 0s;margin:0 5px;font-size:18px;color:#94a3b8;width:40px;height:40px;line-height:50px;display:block}.social_profile ul li a:hover{color:#fff}.copyright{color:#cbd5e1;font-size:14px;text-align:center}.copyright a:hover{color:#fff}.single_footer{margin:3rem 0}.generalLinks{margin-inline-end:36px;margin-top:10px}.BottomGeneralLinks{margin-inline-end:36px}.BottomGeneralLinks a{font-size:14px!important}.GeneralLinks_section{margin-bottom:36px}.bootom_section{border-top:1px solid #333F51;padding:36px 0}@media only screen and (max-width: 768px){.bootom_section{padding:36px 24px}.social_profile{margin-top:24px}.social_profile ul{justify-content:normal}.social_profile ul li a{margin-inline-end:30px;margin-bottom:10px}i[class^=icon]{font-size:30px}.icon-Instagram:before,.icon-Facebook:before{font-size:37px;margin-top:0}}\n"] }]
        }], ctorParameters: function () { return [{ type: i1.TranslationService }, { type: i1.LanguageService }, { type: i0.DestroyRef }]; } });
//# sourceMappingURL=data:application/json;base64, 