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

Tegel Design System

import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
import { g as getPreviousNestedChildOfSiblingsMatching, i as isHeadingElement } from './p-859e3ebf.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$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderLauncherGrid extends H {
    constructor() {
        super();
        this.__registerHost();
        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 this; }
    static get style() { return TdsHeaderLauncherGridStyle0; }
}, [4, "tds-header-launcher-grid", {
        "headingElement": [32]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["tds-header-launcher-grid"];
    components.forEach(tagName => { switch (tagName) {
        case "tds-header-launcher-grid":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, TdsHeaderLauncherGrid$1);
            }
            break;
    } });
}
defineCustomElement$1();

const TdsHeaderLauncherGrid = TdsHeaderLauncherGrid$1;
const defineCustomElement = defineCustomElement$1;

export { TdsHeaderLauncherGrid, defineCustomElement };