dap-design-system
Version:
Official design system for the DÁP (dap.gov.hu)
52 lines (51 loc) • 1.85 kB
JavaScript
import "../../node_modules/@lit/reactive-element/reactive-element.js";
import { html as i } from "../../node_modules/lit-html/lit-html.js";
import "../../node_modules/lit-element/lit-element.js";
import "../../localization/localization.js";
import o from "../accordion/accordion.scss.js";
import { AccordionBaseElement as a } from "../accordion/accordion-base-element.js";
import r from "../icon/icon.component.js";
import n from "../stack/stack.component.js";
import c from "./official-website-banner.scss.js";
import { unsafeCSS as m } from "../../node_modules/@lit/reactive-element/css-tag.js";
import { translate as e } from "../../node_modules/lit-i18n/src/lit-i18n.js";
const t = class t extends a {
headingRender() {
var s;
return i` <span>
<dap-ds-stack direction="row" spacing="100">
<dap-ds-icon
size="xs"
name="shield-check-fill"
aria-hidden="true"></dap-ds-icon>
${(s = this.heading) != null ? s : e("official-website-banner.heading")}
</dap-ds-stack>
</span>`;
}
contentRender() {
return i` <div
style="display: flex; flex-direction: column; gap: 1rem; margin-bottom: 1rem;">
<dap-ds-stack direction="row" spacing="200">
<dap-ds-icon name="lock-fill" aria-hidden="true"></dap-ds-icon>
<span style="font-weight: bold"
>${e("official-website-banner.heading-2")}</span
>
</dap-ds-stack>
<div style="font-size: var(--dds-font-sm)">
${e("official-website-banner.content")}
</div>
</div>`;
}
render() {
return i` ${this.renderAccordion()} `;
}
};
t.tagName = "dap-ds-official-website-banner", t.dependencies = {
"dap-ds-stack": n,
"dap-ds-icon": r
}, t.styles = m(`${o}${c}`);
let d = t;
export {
d as default
};
//# sourceMappingURL=official-website-banner.component.js.map