'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-bb72bde3.js');
require('./common-a086c7ac.js');
require('./Blockquote-a4693032.js');
const Col = require('./Col-1452580d.js');
const Grid = require('./Grid-d43e9218.js');
require('./IntersectionHelper-16aa1ea1.js');
const Heading = require('./Heading-f7728cfd.js');
const Paragraph = require('./Paragraph-9df20a65.js');
const ResponsiveContainer = require('./ResponsiveContainer-6a3dfdfc.js');
const ThemeProvider = require('./ThemeProvider-26877e1d.js');
require('./_commonjsHelpers-2e75ad90.js');
const PrismicResponsiveImage = require('./PrismicResponsiveImage-0adc07dc.js');
const slugify = require('./slugify-28491f0b.js');
const trackingService = require('./tracking-service-934c16ed.js');
const PrismicContent = require('./PrismicContent-48fc6a1b.js');
const prismic = require('./prismic-b998d186.js');

const resourceArticleCss = ".sc-resource-article-h{padding-bottom:76px}.heading-group.sc-resource-article img.sc-resource-article{max-width:100%;margin-block-end:var(--space-11)}.heading-group.sc-resource-article .ui-heading-1.sc-resource-article{margin-block-start:var(--space-10);margin-block-end:var(--space-5)}.heading-group.sc-resource-article .ui-paragraph.sc-resource-article{color:#73849A;margin-block-end:var(--space-6)}resource-toc.sc-resource-article{margin-block-start:var(--space-10)}resource-author-item.sc-resource-article{margin-block-start:var(--space-3);margin-block-end:var(--space-3)}resource-author-item.sc-resource-article:last-of-type{margin-block-end:73px}article.sc-resource-article .ui-heading-2.sc-resource-article{margin-block-start:var(--space-9);margin-block-end:var(--space-3)}article.sc-resource-article .ui-heading-3.sc-resource-article{margin-block-start:var(--space-8);margin-block-end:var(--space-3)}article.sc-resource-article .ui-heading-4.sc-resource-article{margin-block-start:var(--space-3);margin-block-end:var(--space-2)}article.sc-resource-article .ui-heading.sc-resource-article:first-child{margin-block-start:0}article.sc-resource-article p.sc-resource-article{font-size:16px;letter-spacing:-0.011em;line-height:1.75em;margin-bottom:1.8em;color:var(--c-indigo-80)}article.sc-resource-article ul.sc-resource-article li.sc-resource-article{list-style-type:none}article.sc-resource-article ul.sc-resource-article li.sc-resource-article::before{content:\"\";display:inline-block;width:6px;height:6px;background:#b2becd;position:absolute;top:12px;left:0;border-radius:8px}article.sc-resource-article ol.sc-resource-article li.sc-resource-article{list-style-type:counter-style}article.sc-resource-article ul.sc-resource-article,article.sc-resource-article ol.sc-resource-article{font-size:16px;letter-spacing:-0.011em;line-height:1.75em;margin-bottom:1.8em;color:var(--c-indigo-80)}article.sc-resource-article li.sc-resource-article{position:relative;padding-left:18px}article.sc-resource-article table.sc-resource-article{overflow-x:auto;margin-right:-15px;padding-right:15px;box-sizing:content-box;font-size:13px}article.sc-resource-article table.sc-resource-article td.sc-resource-article,article.sc-resource-article table.sc-resource-article th.sc-resource-article{min-width:120px;padding-right:12px}article.sc-resource-article table.sc-resource-article tbody.sc-resource-article tr.sc-resource-article td.sc-resource-article{border-top-color:#DEE3EA}article.sc-resource-article table.sc-resource-article>thead.sc-resource-article>tr.sc-resource-article>th.sc-resource-article{border-bottom-color:#E9EDF3;font-weight:600}";

const ResourceArticle = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
  }
  checkForAds(prismicData) {
    var _a;
    const slices = ((_a = prismicData === null || prismicData === void 0 ? void 0 : prismicData.doc.data) === null || _a === void 0 ? void 0 : _a.body) || [];
    slices.forEach((slice) => {
      if (slice.slice_type === 'ad') {
        trackingService.trackView(`${location.host}${location.pathname}`, 'Resource Center');
      }
    });
  }
  componentWillLoad() {
    this.checkForAds(this.prismicData);
  }
  render() {
    const authors = prismic.getAuthorsForPrismicDoc(this.prismicData.doc);
    const resource = this.prismicData;
    return (index.h(index.Host, null, index.h("div", { class: "resource-article" }, index.h(ThemeProvider.ThemeProvider, { type: "editorial" }, index.h(ResponsiveContainer.ResponsiveContainer, null, index.h(Grid.Grid, null, index.h(Col.Col, { md: 3, sm: 3 }, index.h("resource-toc", { titleNames: prismic.prismicResourceToToc(this.prismicData) })), index.h(Col.Col, { md: 9, sm: 9, xs: 12, cols: 12 }, index.h("div", { class: "resource-article-content" }, index.h("div", { class: "heading-group" }, index.h(Heading.Heading, { class: "ui-theme--editorial", level: 1, id: slugify.slugify(resource.title) }, resource.title), index.h(Paragraph.Paragraph, { level: 2 }, resource.description), authors.map(author => (index.h("resource-author-item", { author: author }))), index.h(PrismicResponsiveImage.PrismicResponsiveImage, { image: resource.doc.data.hero_image, width: "800", height: "420" })), index.h("article", null, index.h(PrismicContent.PrismicContent, { content: resource.doc.data.body }))))))))));
  }
  get el() { return index.getElement(this); }
};
ResourceArticle.style = resourceArticleCss;

exports.resource_article = ResourceArticle;
