@utrecht/web-component-library-stencil/dist/components/utrecht-action-group.js

Stencil component library bundle for the Municipality of Utrecht based on the NL Design System architecture

import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
import { c as clsx } from './p-e91d8a25.js';

const actionGroupCss = ".utrecht-action-group{align-items:baseline;background-color:var(--utrecht-action-group-background-color);break-inside:avoid;column-gap:var(--utrecht-action-group-column-gap, 1em);display:flex;flex-wrap:wrap;margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-action-group-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-action-group-margin-block-start, 0));min-block-size:var(--utrecht-button-block-size);padding-block-end:var(--utrecht-action-group-padding-block-end);padding-block-start:var(--utrecht-action-group-padding-block-start);row-gap:var(--utrecht-action-group-row-gap, 1em)}.utrecht-action-group--distanced{--utrecht-space-around:1}.utrecht-action-group__link-button--row,.utrecht-action-group--row .utrecht-link-button,.utrecht-action-group:not(.utrecht-action-group--column) .utrecht-link-button{--utrecht-button-padding-inline-end:0;--utrecht-button-padding-inline-start:0}.utrecht-action-group--column{flex-direction:column}.utrecht-action-group--column-stretch{flex-direction:column;--utrecht-button-max-inline-size:none;align-items:stretch;inline-size:fit-content}:host{display:block}:host([hidden]){display:none !important}";
const UtrechtActionGroupStyle0 = actionGroupCss;

const actionGroup = /*@__PURE__*/ proxyCustomElement(class actionGroup extends H {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
        this.direction = undefined;
    }
    render() {
        const { direction } = this;
        return (h("div", { key: '3a228227c9b4d99fc57e5c1a7337ed35f549829a', class: clsx('utrecht-action-group', {
                'utrecht-action-group--column': direction === 'column',
                'utrecht-action-group--row': direction === 'row',
            }) }, h("slot", { key: '4a0d5a27e0c98fda465f7064a5e23abb105f3eb9' })));
    }
    static get style() { return UtrechtActionGroupStyle0; }
}, [1, "utrecht-action-group", {
        "direction": [1]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["utrecht-action-group"];
    components.forEach(tagName => { switch (tagName) {
        case "utrecht-action-group":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, actionGroup);
            }
            break;
    } });
}

const UtrechtActionGroup = actionGroup;
const defineCustomElement = defineCustomElement$1;

export { UtrechtActionGroup, defineCustomElement };

//# sourceMappingURL=utrecht-action-group.js.map