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

Tegel Design System

'use strict';

var index = require('./index-DGsdvbvx.js');
var isHeadingElement = require('./isHeadingElement-DihKNeqS.js');
require('./dfs-Clg9RCmq.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) {
        index.registerInstance(this, hostRef);
    }
    componentWillLoad() {
        const listRoot = this.host;
        const headingEl = isHeadingElement.getPreviousNestedChildOfSiblingsMatching(listRoot, (el) => {
            const e = el;
            return isHeadingElement.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 (index.h(index.Host, { key: '63be73b3bef81a93dc689754e6f1ecb28d36a29b' }, index.h("div", Object.assign({ key: 'a5695a2b67adbc9c12165a7440091bd4cc429205' }, listAttributes), index.h("slot", { key: '626a95ca4adcde69296221782d35f5401d41b7aa' }))));
    }
    get host() { return index.getElement(this); }
};
TdsHeaderLauncherGrid.style = headerLauncherGridCss();

exports.tds_header_launcher_grid = TdsHeaderLauncherGrid;