@scania/tegel
Version:
Tegel Design System
41 lines (36 loc) • 3.31 kB
JavaScript
import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
const footerItemCss = ":host([role=listitem]) div ::slotted(a),:host([role=listitem]) div ::slotted(button){font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-main-links);text-decoration:none}:host([role=listitem]) div ::slotted(a:focus-visible),:host([role=listitem]) div ::slotted(button:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host([role=listitem]) div ::slotted(a:hover),:host([role=listitem]) div ::slotted(button:hover){text-decoration:underline}:host([role=listitem]) div.top-part-child ::slotted(a),:host([role=listitem]) div.top-part-child ::slotted(button){font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links)}:host([role=listitem]) div.top-part-child ::slotted(a:focus-visible),:host([role=listitem]) div.top-part-child ::slotted(button:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}@media all and (max-width: 992px){:host([role=listitem]) div.top-part-child{border-bottom:1px solid var(--tds-footer-top-divider)}:host([role=listitem]) div.top-part-child ::slotted(a),:host([role=listitem]) div.top-part-child ::slotted(button){display:block;height:100%;padding:19px 40px;font-weight:normal}:host([role=listitem]) div.top-part-child ::slotted(a:hover),:host([role=listitem]) div.top-part-child ::slotted(button:hover){text-decoration:underline;background-color:var(--tds-footer-top-links-background-hover)}:host([role=listitem]) div.top-part-child ::slotted(a:focus-visible),:host([role=listitem]) div.top-part-child ::slotted(button:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}}";
const TdsFooterItemStyle0 = footerItemCss;
const TdsFooterItem$1 = /*@__PURE__*/ proxyCustomElement(class TdsFooterItem extends H {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
this.parentIsTopPart = false;
}
connectedCallback() {
this.parentIsTopPart = this.host.closest('tds-footer-group').parentElement.slot === 'top';
}
render() {
return (h(Host, { key: '845de26cafaefdf0e5ceabe57ba7bbce51eed038', role: "listitem" }, h("div", { key: 'de201fb4965740a2c0bebbea790651487e082637', class: `${this.parentIsTopPart ? 'top-part-child' : ''}` }, h("slot", { key: 'eca7ee20a2a4b1e9e9947e6566046c9031198569' }))));
}
get host() { return this; }
static get style() { return TdsFooterItemStyle0; }
}, [1, "tds-footer-item"]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["tds-footer-item"];
components.forEach(tagName => { switch (tagName) {
case "tds-footer-item":
if (!customElements.get(tagName)) {
customElements.define(tagName, TdsFooterItem$1);
}
break;
} });
}
defineCustomElement$1();
const TdsFooterItem = TdsFooterItem$1;
const defineCustomElement = defineCustomElement$1;
export { TdsFooterItem, defineCustomElement };