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

Tegel Design System

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-ca8040ad.js');
const isHeadingElement = require('./isHeadingElement-4f06b688.js');
require('./dfs-84f7f63e.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) {
        index.registerInstance(this, hostRef);
        this.headingElement = undefined;
    }
    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: '3f2f7a655fef2f9d996851065a54b1f86929c989' }, index.h("div", Object.assign({ key: '2a111751b897f09bedeaa332fb7c9c0ef46ba5cd' }, listAttributes), index.h("slot", { key: '9e172d88f775c2f7508fb55b7de5cec49e7c9160' }))));
    }
    get host() { return index.getElement(this); }
};
TdsHeaderLauncherGrid.style = TdsHeaderLauncherGridStyle0;

exports.tds_header_launcher_grid = TdsHeaderLauncherGrid;