@aqua-ds/web-components/components-build/aq-divider2.js

AquaDS Web Components

import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';

const aqDividerCss = ".aq-divider{height:var(--spacing-size-basic);width:100%;background:var(--color-paper-light)}.aq-divider--vertical{width:var(--spacing-size-basic);height:100%;display:inline-block}";

const AqTag = /*@__PURE__*/ proxyCustomElement(class AqTag extends HTMLElement {
    constructor(registerHost) {
        super();
        if (registerHost !== false) {
            this.__registerHost();
        }
        this.orientation = 'horizontal';
    }
    getStyleClassMap() {
        return {
            'aq-divider': true,
            [`aq-divider--${this.orientation}`]: true,
        };
    }
    render() {
        const cssClass = this.getStyleClassMap();
        return (h("div", { key: '9786b98987626e65ba14b67494127e952bd7b680', class: cssClass }));
    }
    static get style() { return aqDividerCss; }
}, [256, "aq-divider", {
        "orientation": [1]
    }]);
function defineCustomElement() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["aq-divider"];
    components.forEach(tagName => { switch (tagName) {
        case "aq-divider":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, AqTag);
            }
            break;
    } });
}

export { AqTag as A, defineCustomElement as d };