import {
    i as E,
    r as R
} from "./chunk-GBCJOPXR.js";
import "./chunk-3RVRTJK2.js";
import "./chunk-MMJF5WBO.js";
import "./chunk-2F2DP6Z5.js";
import {
    Ka as k,
    b as M,
    hb as T,
    jb as w
} from "./chunk-XPOKHL3M.js";
import "./chunk-Z33DM23Z.js";
import {
    y
} from "./chunk-OYJWBUYU.js";
import {
    Ab as d,
    Jb as t,
    Kb as n,
    Pb as x,
    Ua as f,
    Vb as i,
    Ya as l,
    Yb as C,
    Zb as S,
    cb as b,
    jc as h,
    ka as _,
    kc as O,
    la as c,
    lb as g,
    rb as P,
    zb as v
} from "./chunk-SSI6PFOR.js";
import "./chunk-JYUAQH2U.js";
import "./chunk-FFRAY7OK.js";

function N(o, m) {
    o & 1 && (t(0, "tr")(1, "th", 12), i(2, 3), n(), t(3, "th", 12), i(4, 4), n()());
}

function $(o, m) {
    if (o & 1) {
        let e = x();
        t(0, "tr")(1, "td", 12)(2, "a", 13), h(3), n()(), t(4, "td", 12)(5, "button", 14), C("click", function() {
            let p = _(e).$implicit,
                a = S();
            return c(a.downloadFile(p.url));
        }), n()()();
    }
    if (o & 2) {
        let e = m.$implicit;
        l(2), d("href", e.url, f), l(), O(e.name), l(2), v("aria-label", "Download " + e.name);
    }
}
var z = (() => {
    class o {
        constructor(e) {
            this.localeService = e, this.locale = "en", this.helpguides = [{
                name: "Purolator Vision Support Guide",
                url: "./assets/pdf/Purolator_Vision_Support_Guide_" + this.locale + ".pdf",
                download: "Download"
            }], this.locale = this.localeService.getLocale();
        }
        downloadFile(e) {
            let r = document.createElement("a");
            r.href = e, r.download = e.split("/").pop() || "download.pdf", document.body.appendChild(r), r.click(), document.body.removeChild(r);
        }
        static {
            this.ɵfac = function(r) {
                return new(r || o)(b(M));
            };
        }
        static {
            this.ɵcmp = g({
                type: o,
                selectors: [
                    ["app-support"]
                ],
                decls: 13,
                vars: 1,
                consts: () => {
                    let e;
                    e = "Support";
                    let r;
                    r = "User Guide Library";
                    let p;
                    p = "For help regarding the Vision Tool, please refer to the user guide below: ";
                    let a;
                    a = "File";
                    let s;
                    return s = "Download File", [e, r, p, a, s, [1, "support"],
                        [1, "support_header"],
                        [1, "pur-card", "mb-3"],
                        [1, "support-section__title"],
                        [1, "only-bottom-border", 3, "value"],
                        ["pTemplate", "header"],
                        ["pTemplate", "body"],
                        [1, "only-bottom-border"],
                        ["target", "_blank", 3, "href"],
                        ["pButton", "", "type", "button", "icon", "pi pi-download", 1, "download-icon", "p-button-text", "p-button-plain", "p-button-rounded", 3, "click"]
                    ];
                },
                template: function(r, p) {
                    r & 1 && (t(0, "article", 5)(1, "div", 6)(2, "h1"), i(3, 0), n()(), t(4, "section", 7)(5, "h5", 8), i(6, 1), n(), t(7, "p"), i(8, 2), n(), t(9, "div")(10, "p-table", 9), P(11, N, 5, 0, "ng-template", 10)(12, $, 6, 3, "ng-template", 11), n()()()()), r & 2 && (l(10), d("value", p.helpguides));
                },
                dependencies: [y, R, E, k, w, T],
                styles: ['body[_ngcontent-%COMP%]{font:var(--pur-font-body);color:var(--pur-text-black);background-color:var(--pur-canvas)}a[_ngcontent-%COMP%]{color:var(--pur-link)}a[_ngcontent-%COMP%]:hover, a[_ngcontent-%COMP%]:focus{color:var(--pur-link-hover)}h1[_ngcontent-%COMP%], h2[_ngcontent-%COMP%], h3[_ngcontent-%COMP%], h4[_ngcontent-%COMP%], h5[_ngcontent-%COMP%], h6[_ngcontent-%COMP%], p[_ngcontent-%COMP%], ol[_ngcontent-%COMP%], ul[_ngcontent-%COMP%], dl[_ngcontent-%COMP%]{margin-block-start:0;margin-block-end:var(--pur-gap)}article[_ngcontent-%COMP%], aside[_ngcontent-%COMP%], details[_ngcontent-%COMP%], figcaption[_ngcontent-%COMP%], figure[_ngcontent-%COMP%], footer[_ngcontent-%COMP%], header[_ngcontent-%COMP%], hgroup[_ngcontent-%COMP%], menu[_ngcontent-%COMP%], nav[_ngcontent-%COMP%], section[_ngcontent-%COMP%]{display:block}[hidden][_ngcontent-%COMP%]{display:none!important}[_ngcontent-%COMP%]:root{--pur-xxs: .5rem;--pur-xs: 1rem;--pur-sm: 1.5rem;--pur-md: 2rem;--pur-lg: 3rem;--pur-xl: 4rem;--pur-xxl: 6rem;--pur-breakpoint-xxs: 23.4375rem;--pur-breakpoint-xs: 50rem;--pur-breakpoint-sm: 67.5rem;--pur-breakpoint-md: 80rem;--pur-breakpoint-lg: 90rem;--pur-breakpoint-xl: 100rem;--pur-breakpoint-xxl: 120rem;--pur-breakpoint-xxxl: 160rem;--pur-sidebar-width: 13.1875rem;--pur-max-width: var(--pur-breakpoint-xxxl);--pur-gap: var(--pur-sm);--pur-gap-xs: var(--pur-xs);--pur-primary-red: #f00000;--pur-primary-blue: #001996;--pur-secondary-blue: #00a9ce;--pur-secondary-blue-darker: #00819e;--pur-secondary-orange: #ffa300;--pur-secondary-yellow: #fbdd40;--pur-secondary-green: #64a70b;--pur-secondary-magenta: #c800a1;--pur-secondary-grey-light: #a2aaad;--pur-secondary-grey-dark: #000;--pur-web-yellow: #f8c81e;--pur-web-green: #61A30A;--pur-web-grey-lighter: #f5f6f6;--pur-web-grey-light: #d3d3d3;--pur-web-grey: #c0c0c0;--pur-web-grey-dark: #495057;--pur-text-light: #fff;--pur-text-dark: #111;--pur-blue-magenta: #53525a;--pur-link: #001996;--pur-link-hover: #0a38e6;--pur-light-blue: #1d4ed8;--pur-alice-blue: #eff6ff;--pur-canvas: #ededed;--pur-backdrop: #303136;--pur-danger: #eb0000;--pur-Pattens-Blue: #dee2e6;--pur-webtoolkit-lightgrey-disabled: rgb(229, 229, 229);--pur-webtoolkit-darkgrey: rgb(73, 80, 87);--pur-webtoolkit-textcolour: rgb(17, 17, 17);--pur-webtoolkit-dropdown-filled: rgb(233, 233, 233);--pur-webtext-lightgreycolour1: rgb(245, 245, 245);--pur-secondary-black-shadow: rgba(0, 0, 0, .25);--pur-dropdown-header: rgb(248, 249, 250);--pur-font-mobile-xxs: .875rem;--pur-font-mobile-xs: 1rem;--pur-font-mobile-sm: 1.125rem;--pur-font-mobile-md: 1.25rem;--pur-font-mobile-lg: 1.625rem;--pur-font-mobile-xl: 1.875rem;--pur-font-mobile-xxl: 2.5rem;--pur-font-desktop-xxs: .875rem;--pur-font-desktop-xs: 1rem;--pur-font-desktop-sm: 1.25rem;--pur-font-desktop-md: 1.5rem;--pur-font-desktop-lg: 1.75rem;--pur-font-desktop-xl: 2rem;--pur-font-desktop-xxl: 2.5rem;--pur-line-mobile-xxs: 1.5rem;--pur-line-mobile-xs: 1.5rem;--pur-line-mobile-sm: 1.75rem;--pur-line-mobile-md: 1.75rem;--pur-line-mobile-lg: 2.5rem;--pur-line-mobile-xl: 2.5rem;--pur-line-mobile-xxl: 2.5rem;--pur-line-desktop-xxs: 1.5rem;--pur-line-desktop-xs: 1.5rem;--pur-line-desktop-sm: 1.5625rem;--pur-line-desktop-md: 2rem;--pur-line-desktop-lg: 3.5rem;--pur-line-desktop-xl: 3.75rem;--pur-line-desktop-xxl: 4.125rem;--pur-font-normal: 400;--pur-font-semibold: 600;--pur-font-body-family: "Open Sans", Arial, Helvetica, sans-serif;--pur-font-h1: var(--pur-font-normal) var(--pur-font-mobile-xxl)/var(--pur-line-mobile-xxl) var(--pur-font-body-family);--pur-font-h2: var(--pur-font-normal) var(--pur-font-mobile-xl)/var(--pur-line-mobile-xl) var(--pur-font-body-family);--pur-font-h3: var(--pur-font-normal) var(--pur-font-mobile-lg)/var(--pur-line-mobile-lg) var(--pur-font-body-family);--pur-font-h4: var(--pur-font-normal) var(--pur-font-mobile-md)/var(--pur-line-mobile-md) var(--pur-font-body-family);--pur-font-h5: var(--pur-font-normal) var(--pur-font-mobile-sm)/var(--pur-line-mobile-sm) var(--pur-font-body-family);--pur-font-body: var(--pur-font-normal) var(--pur-font-mobile-xs)/var(--pur-line-mobile-xs) var(--pur-font-body-family);--pur-font-legal: var(--pur-font-normal) var(--pur-font-mobile-xxs)/var(--pur-line-mobile-xxs) var(--pur-font-body-family);--pur-border-xxs: 1px;--pur-border-xs: 2px;--pur-border-md: .25rem;--pur-radius-sm: .25rem;--pur-radius-md: .625rem;--pur-shadow-md: drop-shadow(4px 4px 12px rgba(0, 0, 0, .16));--pur-duration: .15s;--pur-timing: ease-out;--pur-grey-high-dark: #757575;--pur-light-blue-bg:#00A2C7;--pur-p-chips-textcolor:#2C2C30;--pur-setting-editbutton:#5B6062;--pur-setting-openbutton:#056EC7;--pur-setting-deletebutton:#c01120;--pur-white:#FFFFFF;--pur-field-bordercolor:#919191}@media (min-width: 67.5rem){[_ngcontent-%COMP%]:root{--pur-font-h1: var(--pur-font-normal) var(--pur-font-desktop-xxl)/var(--pur-line-desktop-xxl) var(--pur-font-body-family);--pur-font-h2: var(--pur-font-normal) var(--pur-font-desktop-xl)/var(--pur-line-desktop-xl) var(--pur-font-body-family);--pur-font-h3: var(--pur-font-normal) var(--pur-font-desktop-lg)/var(--pur-line-desktop-lg) var(--pur-font-body-family);--pur-font-h4: var(--pur-font-normal) var(--pur-font-desktop-md)/var(--pur-line-desktop-md) var(--pur-font-body-family);--pur-font-h5: var(--pur-font-normal) var(--pur-font-desktop-sm)/var(--pur-line-desktop-sm) var(--pur-font-body-family);--pur-font-body: var(--pur-font-normal) var(--pur-font-desktop-xs)/var(--pur-line-desktop-xs) var(--pur-font-body-family);--pur-font-legal: var(--pur-font-normal) var(--pur-font-desktop-xxs)/var(--pur-line-desktop-xxs) var(--pur-font-body-family)}}.support-section__title[_ngcontent-%COMP%]{margin-bottom:1rem;font-size:1.375rem;font-weight:var(--pur-font-semibold)}.p-datatable[_ngcontent-%COMP%]   .p-datatable-thead[_ngcontent-%COMP%] > tr[_ngcontent-%COMP%] > th[_ngcontent-%COMP%]{background-color:transparent!important}[_nghost-%COMP%]     .p-datatable .p-datatable-thead>tr>th{background-color:transparent!important}[_nghost-%COMP%]     .p-datatable .p-datatable-table{border-color:#dbdcdc!important}[_nghost-%COMP%]     .p-datatable .p-datatable-tbody>tr>td{border-color:#dbdcdc!important}[_nghost-%COMP%]     .p-datatable .p-datatable-thead>tr>th{border-color:#dbdcdc!important}.only-bottom-border[_ngcontent-%COMP%]{border:0!important;border-bottom:1px solid #dee2e6!important}.download-icon[_ngcontent-%COMP%]{font-weight:700!important;color:var(--pur-primary-blue)}[_nghost-%COMP%]     .download-icon .p-button-icon{color:var(--pur-primary-blue)!important}.download-icon[_ngcontent-%COMP%]:focus{outline:none!important;box-shadow:none!important}span.p-button-icon.pi.pi-download[_ngcontent-%COMP%]{font-weight:700}']
            });
        }
    }
    return o;
})();
export {
    z as SupportComponent
}; /**i18n:6e1dbccd4192d215e143e99fb4b6a095cee3c871f5aa7cd380ca91231f35e8e0*/