@aqua-ds/web-components
Version:
AquaDS Web Components
32 lines (28 loc) • 1.64 kB
JavaScript
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
const aqTagGroupCss = ":host{display:block}.aq-tag-group{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center}.aq-tag-group .aq-tag{height:1.25rem;margin:var(--spacing-size-small)}.aq-tag-group aq-tag:nth-child(n+2){margin-left:var(--spacing-size-minor)}.aq-tag-group__right{padding-left:var(--spacing-size-short)}";
const AqTagGroup = /*@__PURE__*/ proxyCustomElement(class AqTagGroup extends HTMLElement {
constructor(registerHost) {
super();
if (registerHost !== false) {
this.__registerHost();
}
}
render() {
return (h(Host, { key: 'd892aec22944c3afa5f1318e0d94188c7d00a383' }, h("div", { key: 'bd948cda703372f55166bf08078e0b6e93592785', class: "aq-tag-group" }, h("slot", { key: '26f2c1b63cfa658d74bfdb117463d3f4377d44d6' }), h("span", { key: '63e30636c6bb732c038e766e7fba995c13e3cd6c', class: "aq-tag-group__right" }, h("slot", { key: '05fa9a142feaa42d0d3c42baa224f47bc9f4cdde', name: "right-content" })))));
}
static get style() { return aqTagGroupCss; }
}, [260, "aq-tag-group"]);
function defineCustomElement() {
if (typeof customElements === "undefined") {
return;
}
const components = ["aq-tag-group"];
components.forEach(tagName => { switch (tagName) {
case "aq-tag-group":
if (!customElements.get(tagName)) {
customElements.define(tagName, AqTagGroup);
}
break;
} });
}
export { AqTagGroup as A, defineCustomElement as d };