import { r as registerInstance, h, H as Host, a as getElement } from './index-0861cb0b.js';
import './common-d52c7ecc.js';
import './Blockquote-43e585d2.js';
import { C as Col } from './Col-7b7aab4b.js';
import { G as Grid } from './Grid-2fa1d546.js';
import './IntersectionHelper-215713b2.js';
import { H as Heading } from './Heading-1dc7d8ed.js';
import { P as Paragraph } from './Paragraph-47cc160b.js';
import { R as ResponsiveContainer } from './ResponsiveContainer-150e98cd.js';
import { T as ThemeProvider } from './ThemeProvider-54dc105d.js';
import './_commonjsHelpers-84ca41fa.js';
import { b as PrismicResponsiveImage } from './PrismicResponsiveImage-52eb2c32.js';
import { s as slugify } from './slugify-803a926a.js';
import { P as PrismicContent } from './PrismicContent-1168da5e.js';
import { g as getAuthorsForPrismicDoc, a as prismicResourceToToc } from './prismic-330a0e03.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) {
    registerInstance(this, hostRef);
  }
  render() {
    const authors = getAuthorsForPrismicDoc(this.prismicData.doc);
    const resource = this.prismicData;
    return (h(Host, null, h("div", { class: "resource-article" }, h(ThemeProvider, { type: "editorial" }, h(ResponsiveContainer, null, h(Grid, null, h(Col, { md: 3, sm: 3 }, h("resource-toc", { titleNames: prismicResourceToToc(this.prismicData) })), h(Col, { md: 9, sm: 9, xs: 12, cols: 12 }, h("div", { class: "resource-article-content" }, h("div", { class: "heading-group" }, h(Heading, { class: "ui-theme--editorial", level: 1, id: slugify(resource.title) }, resource.title), h(Paragraph, { level: 2 }, resource.description), authors.map(author => (h("resource-author-item", { author: author }))), h(PrismicResponsiveImage, { image: resource.doc.data.hero_image, width: "800", height: "420" })), h("article", null, h(PrismicContent, { content: resource.doc.data.body }))))))))));
  }
  get el() { return getElement(this); }
};
ResourceArticle.style = resourceArticleCss;

export { ResourceArticle as resource_article };
