dap-design-system/dist/components/card/card-subtitle.component.js

Official design system for the DÁP (dap.gov.hu)

import { clsx as m } from "../../node_modules/clsx/dist/clsx.js";
import "../../node_modules/@lit/reactive-element/reactive-element.js";
import "../../node_modules/lit-html/lit-html.js";
import "../../node_modules/lit-element/lit-element.js";
import { property as f } from "../../node_modules/@lit/reactive-element/decorators/property.js";
import { unsafeStatic as n, html as c } from "../../node_modules/lit-html/static.js";
import { DdsElement as d } from "../../internal/dds-hu-element.js";
import { SizedMixin as l } from "../../internal/mixin/sizedMixin.js";
import h from "./_styles/card-subtitle.scss.js";
import { unsafeCSS as u } from "../../node_modules/@lit/reactive-element/css-tag.js";
var v = Object.defineProperty, $ = (i, o, a, g) => {
  for (var s = void 0, r = i.length - 1, p; r >= 0; r--)
    (p = i[r]) && (s = p(o, a, s) || s);
  return s && v(o, a, s), s;
};
const t = class t extends l(d) {
  constructor() {
    super(), this.renderAs = "span", this.spacing = "top", this.parentSized = "true";
  }
  render() {
    return c`
      <${n(this.renderAs)} part="base" class=${m(
      "card-subtitle",
      `card-subtitle--${this.effectiveSize}`,
      `card-subtitle-spacing--${this.spacing}
      `
    )}>
        <slot></slot>
      </${n(this.renderAs)}>
    `;
  }
};
t.tagName = "dap-ds-card-subtitle", t.styles = u(h);
let e = t;
$([
  f()
], e.prototype, "renderAs");
export {
  e as default
};
//# sourceMappingURL=card-subtitle.component.js.map