UNPKG

dap-design-system

Version:

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

62 lines (61 loc) 2.12 kB
import { clsx as n } 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 a } from "../../../../node_modules/@lit/reactive-element/decorators/property.js"; import { html as c } from "../../../../node_modules/lit-html/static.js"; import { DdsElement as h } from "../../../../internal/dds-hu-element.js"; import m from "../../../icon/_styles/icon.scss.js"; import { unsafeCSS as f } from "../../../../node_modules/@lit/reactive-element/css-tag.js"; var u = Object.defineProperty, r = (o, t, p, y) => { for (var e = void 0, l = o.length - 1, d; l >= 0; l--) (d = o[l]) && (e = d(t, p, e) || e); return e && u(t, p, e), e; }; const i = class i extends h { constructor() { super(...arguments), this.size = 24, this.selected = !1, this.focusable = !1; } firstUpdated(t) { super.firstUpdated(t), this.classList.add("dap-ds-icon"); } render() { var t; return c` <svg part="base" class=${n("icon", "dap-ds-icon-arrow-left-down-line")} xmlns="http://www.w3.org/2000/svg" width=${this.size} height=${this.size} viewBox="0 0 24 24" tabindex=${this.focusable ? 0 : -1} aria-hidden=${(t = this.ariaHidden) != null ? t : "true"}> ${this.accessibilityTitle ? c`<title>${this.accessibilityTitle}</title>` : null} <g part="container"> <g> <path d="m9 13.589 8.607-8.607 1.414 1.415-8.607 8.606H18v2H7v-11h2z"></path> </g> </g> </svg> `; } }; i.tagName = "dap-ds-icon-arrow-left-down-line", i.styles = f(m); let s = i; r([ a({ type: Number, reflect: !0 }) ], s.prototype, "size"); r([ a({ type: Boolean, reflect: !0 }) ], s.prototype, "selected"); r([ a() ], s.prototype, "accessibilityTitle"); r([ a({ type: Boolean }) ], s.prototype, "focusable"); export { s as default }; //# sourceMappingURL=arrows-arrow-left-down-line.component.js.map