import { r as registerInstance, h, H as Host } from './index-0861cb0b.js';
import './common-d52c7ecc.js';
import './IntersectionHelper-215713b2.js';
import { P as Paragraph } from './Paragraph-47cc160b.js';
import { P as PrismicResponsiveImage } from './PrismicResponsiveImage-a4cbbeb6.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) {
    registerInstance(this, hostRef);
  }
  render() {
    if (!this.author)
      return;
    const { link, avatar, title, name } = this.author;
    return (h(Host, null, h("a", { class: "link-wrapper", href: link, target: "_blank", rel: "noopener" }, h(PrismicResponsiveImage, { class: "image", image: avatar, height: "28", width: "28" }), h("div", { class: "info" }, h(Paragraph, { level: 4, class: "name", leading: "none" }, name), h(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) {
    registerInstance(this, hostRef);
  }
  render() {
    var _a;
    return (h(Host, { class: "resource-meta" }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (h("span", { class: "ui-heading ui-heading-6 | tag" }, tag)))));
  }
};
ResourceMeta.style = resourceMetaCss;

export { ResourceAuthorItem as resource_author_item, ResourceMeta as resource_meta };
