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

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

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