@scania/tegel/dist/cjs/tds-footer-item.cjs.entry.js

Tegel Design System

'use strict';

var index = require('./index-DGsdvbvx.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:active),:host([role=listitem]) div.top-part-child ::slotted(button:active){text-decoration:underline;background-color:var(--tds-footer-top-links-background-active)}: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 TdsFooterItem = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.parentIsTopPart = false;
    }
    connectedCallback() {
        var _a;
        const closestGroup = this.host.closest('tds-footer-group');
        if (closestGroup) {
            this.parentIsTopPart = ((_a = closestGroup.parentElement) === null || _a === void 0 ? void 0 : _a.slot) === 'top';
        }
    }
    render() {
        return (index.h(index.Host, { key: 'e422cb3d81d974bdefd2a5221aa5f9df693feccd', role: "listitem" }, index.h("div", { key: 'bcd21f30335d92da6dd577fdc2b6e7ae273a6390', class: `${this.parentIsTopPart ? 'top-part-child' : ''}` }, index.h("slot", { key: '861ffb44a8f9f2e4e75ad24b2bb640be9a712129' }))));
    }
    get host() { return index.getElement(this); }
};
TdsFooterItem.style = footerItemCss();

exports.tds_footer_item = TdsFooterItem;