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

Tegel Design System

import { r as registerInstance, h, H as Host, g as getElement } from './index-51d04e39.js';
import { g as getPreviousNestedChildOfSiblingsMatching, i as isHeadingElement } from './isHeadingElement-8efea284.js';
import './dfs-1e574d5f.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 TdsHeaderLauncherGridStyle0 = headerLauncherGridCss;

const TdsHeaderLauncherGrid = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.headingElement = undefined;
    }
    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: '3f2f7a655fef2f9d996851065a54b1f86929c989' }, h("div", Object.assign({ key: '2a111751b897f09bedeaa332fb7c9c0ef46ba5cd' }, listAttributes), h("slot", { key: '9e172d88f775c2f7508fb55b7de5cec49e7c9160' }))));
    }
    get host() { return getElement(this); }
};
TdsHeaderLauncherGrid.style = TdsHeaderLauncherGridStyle0;

export { TdsHeaderLauncherGrid as tds_header_launcher_grid };