dap-design-system/dist/components/skip-link/skip-link.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 r } from "../../node_modules/@lit/reactive-element/decorators/property.js";
import { html as h } from "../../node_modules/lit-html/static.js";
import { DdsElement as d } from "../../internal/dds-hu-element.js";
import f from "../link/link.component.js";
import c from "./skip-link.scss.js";
import { unsafeCSS as k } from "../../node_modules/@lit/reactive-element/css-tag.js";
var u = Object.defineProperty, i = (o, p, a, y) => {
  for (var t = void 0, n = o.length - 1, l; n >= 0; n--)
    (l = o[n]) && (t = l(p, a, t) || t);
  return t && u(p, a, t), t;
};
const e = class e extends d {
  constructor() {
    super(...arguments), this.href = "#", this.size = "sm", this.noUnderline = !1;
  }
  render() {
    return h`
      <dap-ds-link
        ?noUnderLine=${this.noUnderline}
        part="base"
        variant="brand"
        href=${this.href}
        class=${m(
      "skip-link",
      `skip-link--${this.size}`,
      `skip-link--${this.placement}`
    )}>
        <span part="text" class="skip-link__text">
          <slot></slot>
        </span>
        <span
          part="high-contrast"
          class=${m(
      "skip-link__high-contrast",
      `skip-link__high-contrast--${this.size}`
    )}></span>
      </dap-ds-link>
    `;
  }
};
e.tagName = "dap-ds-skip-link", e.dependencies = {
  "dap-ds-link": f
}, e.styles = k(c);
let s = e;
i([
  r({ reflect: !0 })
], s.prototype, "placement");
i([
  r()
], s.prototype, "href");
i([
  r()
], s.prototype, "size");
i([
  r({ type: Boolean })
], s.prototype, "noUnderline");
export {
  s as default
};
//# sourceMappingURL=skip-link.component.js.map