import { Component } from '@angular/core';
import { LibConstants } from '../../../models/LibConstants';
import * as i0 from "@angular/core";
import * as i1 from "../../../services/util/util.service";
import * as i2 from "@ionic/angular";
import * as i3 from "@angular/common";
import * as i4 from "primeng/api";
import * as i5 from "primeng/carousel";
import * as i6 from "../../../components/content/content.component";
import * as i7 from "@ngx-translate/core";
function LandingComponent_ng_template_20_a_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "a", 29);
    i0.ɵɵtext(1, "More Info");
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const banner_r1 = i0.ɵɵnextContext().$implicit;
    i0.ɵɵpropertyInterpolate("href", banner_r1.url, i0.ɵɵsanitizeUrl);
} }
function LandingComponent_ng_template_20_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "h3");
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(2, "p");
    i0.ɵɵtext(3);
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(4, LandingComponent_ng_template_20_a_4_Template, 2, 1, "a", 28);
} if (rf & 2) {
    const banner_r1 = ctx.$implicit;
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate(banner_r1.title);
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate(banner_r1.desc);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", banner_r1.url);
} }
export class LandingComponent {
    constructor(util, nav) {
        this.util = util;
        this.nav = nav;
        this.appVersion = LibConstants.appVersion;
    }
    ngOnInit() {
        this.banners = [
            {
                title: "Lost Wages Assistance",
                desc: "To enter your information for Lost Wages Assistance (LWA) Certification, please use the link below.",
                url: "https://mdes.ms.gov/unemployment-claims/covid19/lost-wages-assistance/",
                icon: ""
            },
            {
                title: "Worksearch Requirements",
                desc: "An individual must make an active search for full-time work in order to receive unemployment insurance benefits. The Work Search temporary waiver under the Executive Order No. 1510 will expire as of August 08, 2020.",
                url: "https://mdes.ms.gov/unemployment-claims/benefit-information/worksearch-requirements/",
                icon: ""
            },
            {
                title: "Pandemic Unemployment Assistance (PUA)",
                desc: "PUA is intended to provide assistance to persons unemployed or working reduced hours due to COVID-19 and are not eligible for regular unemployment benefits.",
                url: "https://mdes.ms.gov/unemployment-claims/covid19/pandemic-unemployment-assistance-pua/",
                icon: ""
            },
            {
                title: "The 2FileUI Mobile App",
                desc: "You can complete your weekly certifications for unemployment insurance payments as early as Sunday each week using our free MDES app… or our website.",
                url: "https://play.google.com/store/apps/details?id=gov.ms.tofileui",
                icon: ""
            }
        ];
        this.responsiveOptions = [
            {
                breakpoint: '1024px',
                numVisible: 1,
                numScroll: 1
            },
            {
                breakpoint: '768px',
                numVisible: 1,
                numScroll: 1
            },
            {
                breakpoint: '560px',
                numVisible: 1,
                numScroll: 1
            }
        ];
    }
    gotToLogin() {
        this.nav.navigateRoot('/not-found');
    }
    openBenApp() {
        window.open(`${LibConstants.benefitsUrl}/faces/login/login_local.xhtml`, '_blank');
    }
    openTaxApp() {
        window.open(`${LibConstants.taxUrl}/faces/login/login_local.xhtml`, '_blank');
    }
    openCognosApp() {
        window.open(`${LibConstants.cognosUrl}`, '_blank');
    }
    static { this.ɵfac = function LandingComponent_Factory(t) { return new (t || LandingComponent)(i0.ɵɵdirectiveInject(i1.UtilService), i0.ɵɵdirectiveInject(i2.NavController)); }; }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LandingComponent, selectors: [["app-landing"]], decls: 97, vars: 25, consts: [[3, "showError"], [1, "app-body"], [1, "app-wrapper"], ["id", "home", 1, "app-header"], [1, "app-topbar"], ["alt", "Logo", 3, "src"], [1, "app-title"], ["id", "app-menu"], ["href", "https://mdes.ms.gov/", "target", "_blank"], ["href", "https://mdes.ms.gov/unemployment-faqs/", "target", "_blank"], ["href", "https://mdes.ms.gov/unemployment-claims/covid19/", "target", "_blank"], ["id", "news", 1, "app-news", "ion-text-center"], [3, "value", "numScroll", "responsiveOptions", "autoplayInterval", "circular"], ["pTemplate", "item"], ["id", "features", 1, "app-features"], [1, "grid"], [1, "col-12", "lg:col-4", "lg:col-offset-2"], ["button", "true", 1, "full-height", "app-box"], [1, "ion-text-center", "ion-padding"], ["color", "dark"], [1, "feature-box"], ["src", "assets/icon/MSWorks.svg", "alt", "MS Works"], ["button", "true", 1, "full-height", "app-box", 3, "click"], ["src", "assets/icon/ReEmployUSA-Ben.svg", "alt", "ReEmployMS Benefits"], [1, "col-12", "lg:col-4"], ["src", "assets/icon/Executive.svg", "alt", "Executive"], ["src", "assets/icon/ReEmployUSA-Tax.svg", "alt", "ReEmployMS Tax"], ["src", "assets/icon/Helpdesk.svg", "alt", "ReEmployMS"], ["target", "_blank", 3, "href", 4, "ngIf"], ["target", "_blank", 3, "href"]], template: function LandingComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵelementStart(0, "ion-content")(1, "app-content", 0)(2, "div", 1)(3, "div", 2)(4, "div", 3)(5, "div", 4);
            i0.ɵɵelement(6, "img", 5)(7, "span", 6);
            i0.ɵɵelementStart(8, "ul", 7)(9, "li")(10, "a", 8);
            i0.ɵɵtext(11, "MDES");
            i0.ɵɵelementEnd()();
            i0.ɵɵelementStart(12, "li")(13, "a", 9);
            i0.ɵɵtext(14, "FAQ");
            i0.ɵɵelementEnd()();
            i0.ɵɵelementStart(15, "li")(16, "a", 10);
            i0.ɵɵtext(17, "Covid-19");
            i0.ɵɵelementEnd()()()()();
            i0.ɵɵelementStart(18, "div", 11)(19, "p-carousel", 12);
            i0.ɵɵtemplate(20, LandingComponent_ng_template_20_Template, 5, 3, "ng-template", 13);
            i0.ɵɵelementEnd()();
            i0.ɵɵelementStart(21, "div", 14)(22, "div", 15)(23, "div", 16)(24, "ion-card", 17)(25, "ion-card-header", 18)(26, "ion-card-title")(27, "ion-label", 19);
            i0.ɵɵtext(28);
            i0.ɵɵpipe(29, "translate");
            i0.ɵɵelementEnd()()();
            i0.ɵɵelementStart(30, "ion-card-content");
            i0.ɵɵelement(31, "br");
            i0.ɵɵelementStart(32, "div", 20);
            i0.ɵɵelement(33, "img", 21);
            i0.ɵɵelementStart(34, "div")(35, "p");
            i0.ɵɵtext(36, "Workforce and Employment Services");
            i0.ɵɵelementEnd()()()()()();
            i0.ɵɵelementStart(37, "div", 16)(38, "ion-card", 22);
            i0.ɵɵlistener("click", function LandingComponent_Template_ion_card_click_38_listener() { return ctx.openBenApp(); });
            i0.ɵɵelementStart(39, "ion-card-header", 18)(40, "ion-card-title")(41, "ion-label", 19);
            i0.ɵɵtext(42);
            i0.ɵɵpipe(43, "translate");
            i0.ɵɵelementEnd()()();
            i0.ɵɵelementStart(44, "ion-card-content");
            i0.ɵɵelement(45, "br");
            i0.ɵɵelementStart(46, "div", 20);
            i0.ɵɵelement(47, "img", 23);
            i0.ɵɵelementStart(48, "div")(49, "p");
            i0.ɵɵtext(50, "Unemployment Insurance Claims and Payments ");
            i0.ɵɵelementEnd()()()()()();
            i0.ɵɵelementStart(51, "div", 24)(52, "ion-card", 22);
            i0.ɵɵlistener("click", function LandingComponent_Template_ion_card_click_52_listener() { return ctx.openCognosApp(); });
            i0.ɵɵelementStart(53, "ion-card-header", 18)(54, "ion-card-title")(55, "ion-label", 19);
            i0.ɵɵtext(56);
            i0.ɵɵpipe(57, "translate");
            i0.ɵɵelementEnd()()();
            i0.ɵɵelementStart(58, "ion-card-content");
            i0.ɵɵelement(59, "br");
            i0.ɵɵelementStart(60, "div", 20);
            i0.ɵɵelement(61, "img", 25);
            i0.ɵɵelementStart(62, "div")(63, "p");
            i0.ɵɵtext(64);
            i0.ɵɵpipe(65, "translate");
            i0.ɵɵelementEnd()()()()()();
            i0.ɵɵelementStart(66, "div", 24)(67, "ion-card", 22);
            i0.ɵɵlistener("click", function LandingComponent_Template_ion_card_click_67_listener() { return ctx.openTaxApp(); });
            i0.ɵɵelementStart(68, "ion-card-header", 18)(69, "ion-card-title")(70, "ion-label", 19);
            i0.ɵɵtext(71);
            i0.ɵɵpipe(72, "translate");
            i0.ɵɵelementEnd()()();
            i0.ɵɵelementStart(73, "ion-card-content");
            i0.ɵɵelement(74, "br");
            i0.ɵɵelementStart(75, "div", 20);
            i0.ɵɵelement(76, "img", 26);
            i0.ɵɵelementStart(77, "div")(78, "p");
            i0.ɵɵtext(79, "Unemployment Insurance Tax ");
            i0.ɵɵelementEnd()()()()()();
            i0.ɵɵelementStart(80, "div", 16)(81, "ion-card", 22);
            i0.ɵɵlistener("click", function LandingComponent_Template_ion_card_click_81_listener() { return ctx.gotToLogin(); });
            i0.ɵɵelementStart(82, "ion-card-header", 18)(83, "ion-card-title")(84, "ion-label", 19);
            i0.ɵɵtext(85);
            i0.ɵɵpipe(86, "translate");
            i0.ɵɵelementEnd()()();
            i0.ɵɵelementStart(87, "ion-card-content");
            i0.ɵɵelement(88, "br");
            i0.ɵɵelementStart(89, "div", 20);
            i0.ɵɵelement(90, "img", 27);
            i0.ɵɵelementStart(91, "div")(92, "ul")(93, "li");
            i0.ɵɵtext(94, "Claimant and Employer Password Reset");
            i0.ɵɵelementEnd();
            i0.ɵɵelementStart(95, "li");
            i0.ɵɵtext(96, "MDES Staff Roles and Credentials");
            i0.ɵɵelementEnd()()()()()()()()()()()()();
        } if (rf & 2) {
            i0.ɵɵadvance(1);
            i0.ɵɵproperty("showError", false);
            i0.ɵɵadvance(5);
            i0.ɵɵpropertyInterpolate1("src", "assets/icon/ReEmploy", ctx.util.getState(), ".svg", i0.ɵɵsanitizeUrl);
            i0.ɵɵadvance(13);
            i0.ɵɵproperty("value", ctx.banners)("numScroll", 1)("responsiveOptions", ctx.responsiveOptions)("autoplayInterval", 5000)("circular", true);
            i0.ɵɵadvance(9);
            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(29, 13, "MS WORKS"));
            i0.ɵɵadvance(14);
            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(43, 15, "BENEFITS"));
            i0.ɵɵadvance(14);
            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(57, 17, "EXECUTIVE"));
            i0.ɵɵadvance(8);
            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(65, 19, "guide.landing.executive.message"));
            i0.ɵɵadvance(7);
            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(72, 21, "TAX"));
            i0.ɵɵadvance(14);
            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(86, 23, "HELPDESK"));
        } }, dependencies: [i2.IonCard, i2.IonCardContent, i2.IonCardHeader, i2.IonCardTitle, i2.IonContent, i2.IonLabel, i3.NgIf, i4.PrimeTemplate, i5.Carousel, i6.ContentComponent, i7.TranslatePipe], styles: ["[ion-fixed][_ngcontent-%COMP%]{min-height:calc(100% - 170px)}ion-card-content[_ngcontent-%COMP%]{padding:0 10px}.app-body[_ngcontent-%COMP%]{padding:0}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-header[_ngcontent-%COMP%]{background:var(--ion-color-dark);background-size:cover;height:60px;position:relative}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-header[_ngcontent-%COMP%]   .app-topbar[_ngcontent-%COMP%]{height:60px;padding:15px 150px;background:radial-gradient(#07090e,#2f4562);position:fixed;z-index:100;width:100%;box-shadow:0 2px 6px #0000003d}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-header[_ngcontent-%COMP%]   .app-topbar[_ngcontent-%COMP%]:after{content:\"\";display:table;clear:both}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-header[_ngcontent-%COMP%]   .app-topbar[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{height:30px;vertical-align:middle}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-header[_ngcontent-%COMP%]   .app-topbar[_ngcontent-%COMP%]   .app-title[_ngcontent-%COMP%]{color:#fff;font-size:24px;vertical-align:middle;margin-left:24px}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-header[_ngcontent-%COMP%]   .app-topbar[_ngcontent-%COMP%]   #app-menu-button[_ngcontent-%COMP%]{display:none;color:#fff;font-size:24px}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-header[_ngcontent-%COMP%]   .app-topbar[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{list-style:none;float:right;margin:6px 0 0}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-header[_ngcontent-%COMP%]   .app-topbar[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{display:inline-block;margin-left:36px}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-header[_ngcontent-%COMP%]   .app-topbar[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{color:#dadada;transition:color .2s}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-header[_ngcontent-%COMP%]   .app-topbar[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover{color:#ffb900}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-header[_ngcontent-%COMP%]   .app-topbar[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:first-child{margin-left:0}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-header[_ngcontent-%COMP%]   .app-header-content[_ngcontent-%COMP%]{padding:85px 0 0 150px}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-header[_ngcontent-%COMP%]   .app-header-content[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-size:28px;font-weight:700;color:#fff;margin:0}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-header[_ngcontent-%COMP%]   .app-header-content[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{font-size:17px;color:#fff;margin:16px 0 32px;text-align:center}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-features[_ngcontent-%COMP%]{padding:10px}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-features[_ngcontent-%COMP%]   .feature-box[_ngcontent-%COMP%]{padding:0 10px 0 24px;position:relative;height:100%}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-features[_ngcontent-%COMP%]   .feature-box[_ngcontent-%COMP%]:after{content:\"\";display:table;clear:both}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-features[_ngcontent-%COMP%]   .feature-box[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:60px;top:35%;left:24px;margin-top:-16px;position:absolute}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-features[_ngcontent-%COMP%]   .feature-box[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{margin-left:65px}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-features[_ngcontent-%COMP%]   .feature-box[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{color:var(--ion-color-dark);margin:0 0 8px;text-align:center}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-features[_ngcontent-%COMP%]   .feature-box[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{margin:0;text-align:justify}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-news[_ngcontent-%COMP%]{background-color:#2f4562;padding:24px 100px;text-align:center}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-news[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{font-size:28px;color:#fff;font-weight:400;margin:0}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-news[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{font-size:17px;color:#dadada;margin:5px 225px}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-news[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{font-size:17px;font-weight:700;color:#dadada;margin:5px 225px}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-services[_ngcontent-%COMP%]{background-color:#fff;padding:12px 200px}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-services[_ngcontent-%COMP%]   .services-box[_ngcontent-%COMP%]{box-shadow:0 2px 16px #00000014;background-color:#fff;border:1px solid rgba(218,218,218,.5);height:100%}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-services[_ngcontent-%COMP%]   .services-box[_ngcontent-%COMP%]   .services-box-header[_ngcontent-%COMP%]{padding:12px;background-color:var(--ion-color-light);text-align:center}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-services[_ngcontent-%COMP%]   .services-box[_ngcontent-%COMP%]   .services-box-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{font-size:21px;color:var(--ion-color-dark);margin:0 0 4px}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-services[_ngcontent-%COMP%]   .services-box[_ngcontent-%COMP%]   .services-box-header[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{font-weight:700}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-services[_ngcontent-%COMP%]   .services-box[_ngcontent-%COMP%]   .services-box-content[_ngcontent-%COMP%]{padding:32px;position:relative;min-height:300px}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-services[_ngcontent-%COMP%]   .services-box[_ngcontent-%COMP%]   .services-box-content[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{list-style-type:none;margin:0;padding:0}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-services[_ngcontent-%COMP%]   .services-box[_ngcontent-%COMP%]   .services-box-content[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{padding-top:8px;padding-bottom:8px;font-size:16px}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-services[_ngcontent-%COMP%]   .services-box[_ngcontent-%COMP%]   .services-box-content[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{margin-right:8px}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-services[_ngcontent-%COMP%]   .services-box[_ngcontent-%COMP%]   .services-box-content[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{width:100px;position:absolute;bottom:32px;left:50%;margin-left:-50px}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-multimedia[_ngcontent-%COMP%]{background-color:#2e353a;padding:48px 24px;text-align:center}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-multimedia[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{font-size:28px;color:#f8f8f8;font-weight:400;margin:0}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-multimedia[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{font-size:17px;color:#dadada;margin:16px 0 32px}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-multimedia[_ngcontent-%COMP%]   .video-container[_ngcontent-%COMP%]   iframe[_ngcontent-%COMP%]{width:560px;height:315px}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-footer[_ngcontent-%COMP%]{background-color:#1e1f20;padding:42px 150px;color:#c8c8c8}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-footer[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{color:#c8c8c8;transition:color .2s}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-footer[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover{color:#fff}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-footer[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{height:30px}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-footer[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]{margin:0 0 12px;font-size:16px}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-footer[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{list-style-type:none;margin:0;padding:0}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-footer[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{padding:4px 0}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-footer[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{font-size:24px;margin-right:8px}@media screen and (max-width: 576px){.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-header[_ngcontent-%COMP%]{height:auto}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-header[_ngcontent-%COMP%]   .app-topbar[_ngcontent-%COMP%]{height:60px;padding:15px 24px}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-header[_ngcontent-%COMP%]   .app-topbar[_ngcontent-%COMP%]   #app-menu-button[_ngcontent-%COMP%]{display:block;float:right}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-header[_ngcontent-%COMP%]   .app-topbar[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{display:none;animation-duration:.2s;position:fixed;margin:0;padding:16px 24px;top:61px;left:0;width:100%;z-index:100;background-color:#3a3e45;box-shadow:0 2px 10px #00000029}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-header[_ngcontent-%COMP%]   .app-topbar[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{display:block;padding:8px 0;margin:0;font-size:16px}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-header[_ngcontent-%COMP%]   .app-topbar[_ngcontent-%COMP%]   ul.app-menu-active[_ngcontent-%COMP%]{display:block}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-header[_ngcontent-%COMP%]   .app-header-content[_ngcontent-%COMP%]{padding:108px 24px;text-align:center}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-features[_ngcontent-%COMP%]{padding:20px 24px}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-services[_ngcontent-%COMP%]{padding:70px 24px}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-news[_ngcontent-%COMP%]{padding:0}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-multimedia[_ngcontent-%COMP%]   .video-container[_ngcontent-%COMP%]   iframe[_ngcontent-%COMP%]{width:auto;height:auto}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-footer[_ngcontent-%COMP%]{text-align:center;padding:24px 0}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-footer[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]{margin-top:12px}.app-body.app-body-block-scroll[_ngcontent-%COMP%]{overflow:hidden}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-news[_ngcontent-%COMP%]{padding:68px 12px 12px}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-news[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], .app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-news[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{margin:5px}}@media screen and (max-width: 768px){.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-news[_ngcontent-%COMP%]{padding:24px 0}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-news[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], .app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-news[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{margin:20px}.app-body[_ngcontent-%COMP%]   .app-wrapper[_ngcontent-%COMP%]   .app-news[_ngcontent-%COMP%]{padding:68px 12px 12px}}"] }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LandingComponent, [{
        type: Component,
        args: [{ selector: 'app-landing', template: "<ion-content>\r\n    <app-content [showError]=\"false\">\r\n        <div class=\"app-body\">\r\n            <div class=\"app-wrapper\">\r\n                <div id=\"home\" class=\"app-header\">\r\n                    <div class=\"app-topbar\">\r\n                        <img src=\"assets/icon/ReEmploy{{util.getState()}}.svg\" alt=\"Logo\">\r\n                        <span class=\"app-title\"></span>\r\n                        <ul id=\"app-menu\">\r\n                            <li><a href=\"https://mdes.ms.gov/\" target=\"_blank\">MDES</a></li>\r\n                            <li><a href=\"https://mdes.ms.gov/unemployment-faqs/\" target=\"_blank\">FAQ</a></li>\r\n                            <li><a href=\"https://mdes.ms.gov/unemployment-claims/covid19/\" target=\"_blank\">Covid-19</a></li>\r\n                        </ul>\r\n                    </div>\r\n                </div>\r\n      \r\n                <div id=\"news\" class=\"app-news ion-text-center\">\r\n                    <p-carousel [value]=\"banners\" [numScroll]=\"1\" [responsiveOptions]=\"responsiveOptions\" [autoplayInterval]=\"5000\" \r\n                                [circular]=\"true\">\r\n                        <ng-template let-banner pTemplate=\"item\" >\r\n                            <h3>{{banner.title}}</h3>\r\n                            <p>{{banner.desc}}</p>\r\n                            <a href=\"{{banner.url}}\"  target=\"_blank\" *ngIf=\"banner.url\">More Info</a>\r\n                        </ng-template>\r\n                    </p-carousel>\r\n                </div>\r\n        \r\n                <div id=\"features\" class=\"app-features\">\r\n                    <div class=\"grid\">\r\n                        <div class=\"col-12 lg:col-4 lg:col-offset-2\">\r\n                            <ion-card button=\"true\" class=\"full-height app-box\">\r\n                                <ion-card-header class=\"ion-text-center ion-padding\">\r\n                                    <ion-card-title>\r\n                                        <ion-label color=\"dark\">{{'MS WORKS' | translate}}</ion-label>\r\n                                    </ion-card-title>\r\n                                </ion-card-header>\r\n                                <ion-card-content>\r\n                                    <br />\r\n                                    <div class=\"feature-box\">\r\n                                        <img src=\"assets/icon/MSWorks.svg\" alt=\"MS Works\">\r\n                                        <div>\r\n                                            <p>Workforce and Employment Services</p>\r\n                                        </div>\r\n                                    </div>\r\n                                </ion-card-content>\r\n                            </ion-card>\r\n                        </div>\r\n\r\n                        <div class=\"col-12 lg:col-4 lg:col-offset-2\">\r\n                            <ion-card button=\"true\" class=\"full-height app-box\" (click)=\"openBenApp()\">\r\n                                <ion-card-header class=\"ion-text-center ion-padding\">\r\n                                    <ion-card-title>\r\n                                        <ion-label color=\"dark\">{{'BENEFITS' | translate}}</ion-label>\r\n                                    </ion-card-title>\r\n                                </ion-card-header>\r\n                                <ion-card-content>\r\n                                    <br />\r\n                                    <div class=\"feature-box\">\r\n                                        <img src=\"assets/icon/ReEmployUSA-Ben.svg\" alt=\"ReEmployMS Benefits\">\r\n                                        <div>\r\n                                            <p>Unemployment Insurance Claims and Payments </p>\r\n                                        </div>\r\n                                    </div>\r\n                                </ion-card-content>\r\n                            </ion-card>\r\n                        </div>\r\n\r\n                        <div class=\"col-12 lg:col-4 \">\r\n                            <ion-card button=\"true\" class=\"full-height app-box\" (click)=\"openCognosApp()\">\r\n                                <ion-card-header class=\"ion-text-center ion-padding\">\r\n                                    <ion-card-title>\r\n                                        <ion-label color=\"dark\">{{'EXECUTIVE' | translate}}</ion-label>\r\n                                    </ion-card-title>\r\n                                </ion-card-header>\r\n                                <ion-card-content>\r\n                                    <br />\r\n                                    <div class=\"feature-box\">\r\n                                        <img src=\"assets/icon/Executive.svg\" alt=\"Executive\">\r\n                                        <div>\r\n                                            <p>{{'guide.landing.executive.message' | translate}}</p>\r\n                                        </div>\r\n                                    </div>\r\n                                </ion-card-content>\r\n                            </ion-card>\r\n                        </div>\r\n        \r\n                        \r\n        \r\n                        <div class=\"col-12 lg:col-4\">\r\n                            <ion-card button=\"true\" class=\"full-height app-box\" (click)=\"openTaxApp()\">\r\n                                <ion-card-header class=\"ion-text-center ion-padding\">\r\n                                    <ion-card-title>\r\n                                        <ion-label color=\"dark\">{{'TAX' | translate}}</ion-label>\r\n                                    </ion-card-title>\r\n                                </ion-card-header>\r\n                                <ion-card-content>\r\n                                    <br />\r\n                                    <div class=\"feature-box\">\r\n                                        <img src=\"assets/icon/ReEmployUSA-Tax.svg\" alt=\"ReEmployMS Tax\">\r\n                                        <div>\r\n                                            <p>Unemployment Insurance Tax\r\n                                            </p>\r\n                                        </div>\r\n                                    </div>\r\n                                </ion-card-content>\r\n                            </ion-card>\r\n                        </div>\r\n                        \r\n                        <div class=\"col-12 lg:col-4 lg:col-offset-2\">\r\n                            <ion-card button=\"true\" class=\"full-height app-box\" (click)=\"gotToLogin()\">\r\n                                <ion-card-header class=\"ion-text-center ion-padding\">\r\n                                    <ion-card-title>\r\n                                        <ion-label color=\"dark\">{{'HELPDESK' | translate}}</ion-label>\r\n                                    </ion-card-title>\r\n                                </ion-card-header>\r\n                                <ion-card-content>\r\n                                    <br />\r\n                                    <div class=\"feature-box\">\r\n                                        <img src=\"assets/icon/Helpdesk.svg\" alt=\"ReEmployMS\">\r\n                                        <div>\r\n                                            <ul>\r\n                                                <li>Claimant and Employer Password Reset</li>\r\n                                                <li>MDES Staff Roles and Credentials</li>\r\n                                            </ul>\r\n                                        </div>\r\n                                    </div>\r\n                                </ion-card-content>\r\n                            </ion-card>\r\n                        </div>\r\n                        \r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </app-content>\r\n</ion-content>", styles: ["[ion-fixed]{min-height:calc(100% - 170px)}ion-card-content{padding:0 10px}.app-body{padding:0}.app-body .app-wrapper .app-header{background:var(--ion-color-dark);background-size:cover;height:60px;position:relative}.app-body .app-wrapper .app-header .app-topbar{height:60px;padding:15px 150px;background:radial-gradient(#07090e,#2f4562);position:fixed;z-index:100;width:100%;box-shadow:0 2px 6px #0000003d}.app-body .app-wrapper .app-header .app-topbar:after{content:\"\";display:table;clear:both}.app-body .app-wrapper .app-header .app-topbar img{height:30px;vertical-align:middle}.app-body .app-wrapper .app-header .app-topbar .app-title{color:#fff;font-size:24px;vertical-align:middle;margin-left:24px}.app-body .app-wrapper .app-header .app-topbar #app-menu-button{display:none;color:#fff;font-size:24px}.app-body .app-wrapper .app-header .app-topbar ul{list-style:none;float:right;margin:6px 0 0}.app-body .app-wrapper .app-header .app-topbar ul li{display:inline-block;margin-left:36px}.app-body .app-wrapper .app-header .app-topbar ul li a{color:#dadada;transition:color .2s}.app-body .app-wrapper .app-header .app-topbar ul li a:hover{color:#ffb900}.app-body .app-wrapper .app-header .app-topbar ul li:first-child{margin-left:0}.app-body .app-wrapper .app-header .app-header-content{padding:85px 0 0 150px}.app-body .app-wrapper .app-header .app-header-content h1{font-size:28px;font-weight:700;color:#fff;margin:0}.app-body .app-wrapper .app-header .app-header-content p{font-size:17px;color:#fff;margin:16px 0 32px;text-align:center}.app-body .app-wrapper .app-features{padding:10px}.app-body .app-wrapper .app-features .feature-box{padding:0 10px 0 24px;position:relative;height:100%}.app-body .app-wrapper .app-features .feature-box:after{content:\"\";display:table;clear:both}.app-body .app-wrapper .app-features .feature-box img{width:60px;top:35%;left:24px;margin-top:-16px;position:absolute}.app-body .app-wrapper .app-features .feature-box>div{margin-left:65px}.app-body .app-wrapper .app-features .feature-box>div h3{color:var(--ion-color-dark);margin:0 0 8px;text-align:center}.app-body .app-wrapper .app-features .feature-box>div p{margin:0;text-align:justify}.app-body .app-wrapper .app-news{background-color:#2f4562;padding:24px 100px;text-align:center}.app-body .app-wrapper .app-news h3{font-size:28px;color:#fff;font-weight:400;margin:0}.app-body .app-wrapper .app-news p{font-size:17px;color:#dadada;margin:5px 225px}.app-body .app-wrapper .app-news a{font-size:17px;font-weight:700;color:#dadada;margin:5px 225px}.app-body .app-wrapper .app-services{background-color:#fff;padding:12px 200px}.app-body .app-wrapper .app-services .services-box{box-shadow:0 2px 16px #00000014;background-color:#fff;border:1px solid rgba(218,218,218,.5);height:100%}.app-body .app-wrapper .app-services .services-box .services-box-header{padding:12px;background-color:var(--ion-color-light);text-align:center}.app-body .app-wrapper .app-services .services-box .services-box-header h3{font-size:21px;color:var(--ion-color-dark);margin:0 0 4px}.app-body .app-wrapper .app-services .services-box .services-box-header span{font-weight:700}.app-body .app-wrapper .app-services .services-box .services-box-content{padding:32px;position:relative;min-height:300px}.app-body .app-wrapper .app-services .services-box .services-box-content ul{list-style-type:none;margin:0;padding:0}.app-body .app-wrapper .app-services .services-box .services-box-content ul li{padding-top:8px;padding-bottom:8px;font-size:16px}.app-body .app-wrapper .app-services .services-box .services-box-content ul li i{margin-right:8px}.app-body .app-wrapper .app-services .services-box .services-box-content button{width:100px;position:absolute;bottom:32px;left:50%;margin-left:-50px}.app-body .app-wrapper .app-multimedia{background-color:#2e353a;padding:48px 24px;text-align:center}.app-body .app-wrapper .app-multimedia h3{font-size:28px;color:#f8f8f8;font-weight:400;margin:0}.app-body .app-wrapper .app-multimedia p{font-size:17px;color:#dadada;margin:16px 0 32px}.app-body .app-wrapper .app-multimedia .video-container iframe{width:560px;height:315px}.app-body .app-wrapper .app-footer{background-color:#1e1f20;padding:42px 150px;color:#c8c8c8}.app-body .app-wrapper .app-footer a{color:#c8c8c8;transition:color .2s}.app-body .app-wrapper .app-footer a:hover{color:#fff}.app-body .app-wrapper .app-footer img{height:30px}.app-body .app-wrapper .app-footer h4{margin:0 0 12px;font-size:16px}.app-body .app-wrapper .app-footer ul{list-style-type:none;margin:0;padding:0}.app-body .app-wrapper .app-footer ul li{padding:4px 0}.app-body .app-wrapper .app-footer i{font-size:24px;margin-right:8px}@media screen and (max-width: 576px){.app-body .app-wrapper .app-header{height:auto}.app-body .app-wrapper .app-header .app-topbar{height:60px;padding:15px 24px}.app-body .app-wrapper .app-header .app-topbar #app-menu-button{display:block;float:right}.app-body .app-wrapper .app-header .app-topbar ul{display:none;animation-duration:.2s;position:fixed;margin:0;padding:16px 24px;top:61px;left:0;width:100%;z-index:100;background-color:#3a3e45;box-shadow:0 2px 10px #00000029}.app-body .app-wrapper .app-header .app-topbar ul li{display:block;padding:8px 0;margin:0;font-size:16px}.app-body .app-wrapper .app-header .app-topbar ul.app-menu-active{display:block}.app-body .app-wrapper .app-header .app-header-content{padding:108px 24px;text-align:center}.app-body .app-wrapper .app-features{padding:20px 24px}.app-body .app-wrapper .app-services{padding:70px 24px}.app-body .app-wrapper .app-news{padding:0}.app-body .app-wrapper .app-multimedia .video-container iframe{width:auto;height:auto}.app-body .app-wrapper .app-footer{text-align:center;padding:24px 0}.app-body .app-wrapper .app-footer h4{margin-top:12px}.app-body.app-body-block-scroll{overflow:hidden}.app-body .app-wrapper .app-news{padding:68px 12px 12px}.app-body .app-wrapper .app-news p,.app-body .app-wrapper .app-news a{margin:5px}}@media screen and (max-width: 768px){.app-body .app-wrapper .app-news{padding:24px 0}.app-body .app-wrapper .app-news p,.app-body .app-wrapper .app-news a{margin:20px}.app-body .app-wrapper .app-news{padding:68px 12px 12px}}\n"] }]
    }], () => [{ type: i1.UtilService }, { type: i2.NavController }], null); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LandingComponent, { className: "LandingComponent", filePath: "lib\\pages\\common\\landing\\landing.component.ts", lineNumber: 11 }); })();
//# sourceMappingURL=data:application/json;base64, 