dap-design-system
Version:
Official design system for the DÁP (dap.gov.hu)
62 lines (61 loc) • 2.4 kB
JavaScript
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 a } from "../../../../node_modules/@lit/reactive-element/decorators/property.js";
import { html as c } from "../../../../node_modules/lit-html/static.js";
import { DdsElement as n } from "../../../../internal/dds-hu-element.js";
import f from "../../../icon/_styles/icon.scss.js";
import { unsafeCSS as h } from "../../../../node_modules/@lit/reactive-element/css-tag.js";
var u = Object.defineProperty, r = (p, t, l, y) => {
for (var e = void 0, o = p.length - 1, d; o >= 0; o--)
(d = p[o]) && (e = d(t, l, e) || e);
return e && u(t, l, e), e;
};
const i = class i extends n {
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=${m("icon", "dap-ds-icon-account-circle-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="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m.16 14a6.98 6.98 0 0 0-5.147 2.256A7.97 7.97 0 0 0 12 20c1.97 0 3.773-.712 5.167-1.892A6.98 6.98 0 0 0 12.16 16M12 4a8 8 0 0 0-6.384 12.821A8.98 8.98 0 0 1 12.16 14a8.97 8.97 0 0 1 6.362 2.634A8 8 0 0 0 12 4m0 1a4 4 0 1 1 0 8 4 4 0 0 1 0-8m0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4"></path>
</g>
</g>
</svg>
`;
}
};
i.tagName = "dap-ds-icon-account-circle-line", i.styles = h(f);
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=user-account-circle-line.component.js.map