dap-design-system/dist/components/divider/divider.component.js

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

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 s } from "../../node_modules/@lit/reactive-element/decorators/property.js";
import { DdsElement as c } from "../../internal/dds-hu-element.js";
import h from "./_styles/divider.scss.js";
import { unsafeCSS as m } from "../../node_modules/@lit/reactive-element/css-tag.js";
var u = Object.defineProperty, a = (o, n, p, d) => {
  for (var t = void 0, i = o.length - 1, l; i >= 0; i--)
    (l = o[i]) && (t = l(n, p, t) || t);
  return t && u(n, p, t), t;
};
const e = class e extends c {
  constructor() {
    super(...arguments), this.vertical = !1, this.spacing = 0, this.variant = "normal";
  }
  connectedCallback() {
    super.connectedCallback(), this.setAttribute("role", "separator"), this.setAttribute(
      "aria-orientation",
      this.vertical ? "vertical" : "horizontal"
    ), this.setAttribute("variant", this.variant), this.setAttribute("aria-hidden", "true"), this.classList.add(`divider-spacing-${this.spacing}`);
  }
};
e.tagName = "dap-ds-divider", e.styles = m(h);
let r = e;
a([
  s({ type: Boolean, reflect: !0 })
], r.prototype, "vertical");
a([
  s({ type: Number })
], r.prototype, "spacing");
a([
  s({ type: String, reflect: !0 })
], r.prototype, "variant");
export {
  r as default
};
//# sourceMappingURL=divider.component.js.map