@scania/tegel/dist/esm/tds-header-launcher-grid.entry.js

Tegel Design System

import { r as registerInstance, h, H as Host, a as getElement } from './index-9xxNGlso.js';
import { g as getPreviousNestedChildOfSiblingsMatching, i as isHeadingElement } from './isHeadingElement-BQco7VNg.js';
import './dfs-CLF3diNe.js';

const headerLauncherGridCss = () => `.tds-header-launcher-grid{box-sizing:border-box;padding:12px;margin:0;list-style:none;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;border-radius:none}`;

const TdsHeaderLauncherGrid = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
    }
    componentWillLoad() {
        const listRoot = this.host;
        const headingEl = getPreviousNestedChildOfSiblingsMatching(listRoot, (el) => {
            const e = el;
            return isHeadingElement(e);
        });
        if (headingEl) {
            this.headingElement = headingEl;
        }
        else {
            console.warn('Heading element for list not found');
        }
    }
    render() {
        var _a;
        const listAttributes = {
            'class': 'tds-header-launcher-grid',
            'role': 'list',
            'aria-labelledby': (_a = this.headingElement) === null || _a === void 0 ? void 0 : _a.id,
        };
        return (h(Host, { key: '63be73b3bef81a93dc689754e6f1ecb28d36a29b' }, h("div", Object.assign({ key: 'a5695a2b67adbc9c12165a7440091bd4cc429205' }, listAttributes), h("slot", { key: '626a95ca4adcde69296221782d35f5401d41b7aa' }))));
    }
    get host() { return getElement(this); }
};
TdsHeaderLauncherGrid.style = headerLauncherGridCss();

export { TdsHeaderLauncherGrid as tds_header_launcher_grid };