dap-design-system
Version:
Official design system for the DÁP (dap.gov.hu)
62 lines (61 loc) • 2.56 kB
JavaScript
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 r } from "../../../../node_modules/@lit/reactive-element/decorators/property.js";
import { html as d } 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, a = (l, t, p, g) => {
for (var e = void 0, o = l.length - 1, c; o >= 0; o--)
(c = l[o]) && (e = c(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 d`
<svg
part="base"
class=${n("icon", "dap-ds-icon-eye-off-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 ? d`<title>${this.accessibilityTitle}</title>` : null}
<g part="container">
<g>
<path d="M17.883 19.297A10.95 10.95 0 0 1 12 21c-5.392 0-9.878-3.88-10.818-9A11 11 0 0 1 4.52 5.935L1.394 2.808l1.414-1.414 19.799 19.798-1.414 1.415zM5.936 7.35A8.97 8.97 0 0 0 3.223 12a9.005 9.005 0 0 0 13.201 5.838l-2.028-2.028A4.5 4.5 0 0 1 8.19 9.604zm6.978 6.978-3.242-3.241a2.5 2.5 0 0 0 3.241 3.241m7.893 2.265-1.431-1.431A8.9 8.9 0 0 0 20.778 12 9.005 9.005 0 0 0 9.552 5.338L7.974 3.76C9.221 3.27 10.58 3 12 3c5.392 0 9.878 3.88 10.819 9a10.95 10.95 0 0 1-2.012 4.593m-9.084-9.084Q11.86 7.5 12 7.5a4.5 4.5 0 0 1 4.492 4.778z"></path>
</g>
</g>
</svg>
`;
}
};
i.tagName = "dap-ds-icon-eye-off-line", i.styles = f(m);
let s = i;
a([
r({ type: Number, reflect: !0 })
], s.prototype, "size");
a([
r({ type: Boolean, reflect: !0 })
], s.prototype, "selected");
a([
r()
], s.prototype, "accessibilityTitle");
a([
r({ type: Boolean })
], s.prototype, "focusable");
export {
s as default
};
//# sourceMappingURL=system-eye-off-line.component.js.map