'use strict';

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

const index = require('./index-8fdcf600.js');
require('./common-05944c8f.js');
require('./Blockquote-a236c9bb.js');
const Col = require('./Col-4b7dad54.js');
const Grid = require('./Grid-d2a562bf.js');
require('./IntersectionHelper-d93808bb.js');
const Heading = require('./Heading-f76571f5.js');
const Paragraph = require('./Paragraph-23692648.js');
const ResponsiveContainer = require('./ResponsiveContainer-6ac6f11b.js');
const ThemeProvider = require('./ThemeProvider-e82dd2fd.js');
require('./_commonjsHelpers-ac2d0785.js');
const PrismicResponsiveImage = require('./PrismicResponsiveImage-6b1f6428.js');
const slugify = require('./slugify-489114d6.js');
const PrismicContent = require('./PrismicContent-de5767e2.js');
const prismic = require('./prismic-17cdb224.js');

const resourceArticleCss = ".sc-resource-article-h{padding-bottom:76px}.heading-group.sc-resource-article img.sc-resource-article{max-width:100%;-webkit-margin-after:var(--space-11);margin-block-end:var(--space-11)}.heading-group.sc-resource-article .ui-heading-1.sc-resource-article{-webkit-margin-before:var(--space-10);margin-block-start:var(--space-10);-webkit-margin-after:var(--space-5);margin-block-end:var(--space-5)}.heading-group.sc-resource-article .ui-paragraph.sc-resource-article{color:#73849A;-webkit-margin-after:var(--space-6);margin-block-end:var(--space-6)}resource-toc.sc-resource-article{-webkit-margin-before:var(--space-10);margin-block-start:var(--space-10)}resource-author-item.sc-resource-article{-webkit-margin-before:var(--space-3);margin-block-start:var(--space-3);-webkit-margin-after:var(--space-3);margin-block-end:var(--space-3)}resource-author-item.sc-resource-article:last-of-type{-webkit-margin-after:73px;margin-block-end:73px}article.sc-resource-article .ui-heading-2.sc-resource-article{-webkit-margin-before:var(--space-9);margin-block-start:var(--space-9);-webkit-margin-after:var(--space-3);margin-block-end:var(--space-3)}article.sc-resource-article .ui-heading-3.sc-resource-article{-webkit-margin-before:var(--space-8);margin-block-start:var(--space-8);-webkit-margin-after:var(--space-3);margin-block-end:var(--space-3)}article.sc-resource-article .ui-heading-4.sc-resource-article{-webkit-margin-before:var(--space-3);margin-block-start:var(--space-3);-webkit-margin-after:var(--space-2);margin-block-end:var(--space-2)}article.sc-resource-article .ui-heading.sc-resource-article:first-child{-webkit-margin-before:0;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;-webkit-box-sizing:content-box;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);
    }
    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;
