'use strict';

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

const index = require('./index-bb72bde3.js');
require('./common-a086c7ac.js');
require('./IntersectionHelper-16aa1ea1.js');
const Paragraph = require('./Paragraph-9df20a65.js');
const PrismicResponsiveImage = require('./PrismicResponsiveImage-a8b65d5b.js');

const resourceAuthorItemCss = ".sc-resource-author-item-h{display:block}.ui-paragraph.sc-resource-author-item{margin:0}.link-wrapper.sc-resource-author-item{display:flex}.image.sc-resource-author-item{display:inline-block;margin-inline-end:7px;width:28px;height:28px;border-radius:100%}.info.sc-resource-author-item{display:inline-flex;flex-direction:column;justify-content:space-between}.info.sc-resource-author-item .name.sc-resource-author-item{color:#010610}.info.sc-resource-author-item .title.sc-resource-author-item{color:#92A1B3}";

const ResourceAuthorItem = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
  }
  render() {
    if (!this.author)
      return;
    const { link, avatar, title, name } = this.author;
    return (index.h(index.Host, null, index.h("a", { class: "link-wrapper", href: link, target: "_blank", rel: "noopener" }, index.h(PrismicResponsiveImage.PrismicResponsiveImage, { class: "image", image: avatar, height: "28", width: "28" }), index.h("div", { class: "info" }, index.h(Paragraph.Paragraph, { level: 4, class: "name", leading: "none" }, name), index.h(Paragraph.Paragraph, { level: 6, class: "title", leading: "none" }, title)))));
  }
};
ResourceAuthorItem.style = resourceAuthorItemCss;

const resourceMetaCss = ".sc-resource-meta-h{--tag-color:#92A0B3;line-height:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#92A0B3}.tag.sc-resource-meta{display:inline;color:var(--tag-color);font-size:10px;text-transform:uppercase}.tag.sc-resource-meta+.tag.sc-resource-meta::before{content:\"|\";color:var(--tag-color);display:inline-block;height:11px;margin:0 6px -1px 6px}";

const ResourceMeta = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
  }
  render() {
    var _a;
    return (index.h(index.Host, { class: "resource-meta" }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (index.h("span", { class: "ui-heading ui-heading-6 | tag" }, tag)))));
  }
};
ResourceMeta.style = resourceMetaCss;

exports.resource_author_item = ResourceAuthorItem;
exports.resource_meta = ResourceMeta;
