udp-stencil-component-library 25.18.2-beta.1 → 25.18.2-beta.10

package/dist/components/udp-card2.js

@@ -1,119 +1 @@
-import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './index2.js';
-import { d as defineCustomElement$7 } from './udp-adornment2.js';
-import { d as defineCustomElement$6 } from './udp-card-actions2.js';
-import { d as defineCustomElement$5 } from './udp-card-content2.js';
-import { d as defineCustomElement$4 } from './udp-card-header2.js';
-import { d as defineCustomElement$3 } from './udp-card-media2.js';
-import { d as defineCustomElement$2 } from './udp-link2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const udpCardCss = ":host{display:block;background:var(--udp-card-background, #fff);overflow:hidden;color:var(--text-main);font-family:var(--font-family);font-size:var(--body2-font-size);font-weight:var(--body2-font-weight);line-height:var(--body2-line-height);position:relative;border-radius:var(--border-radius)}:host udp-adornment{position:absolute;top:0;left:0;bottom:0;width:4px;z-index:1}:host udp-card-content{position:relative;z-index:0}:host udp-card-action-area{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:transparent;transition:background-color 0.3s ease}:host udp-card-action-area:hover{background:rgba(0, 0, 0, 0.04)}:host udp-card-actions{position:relative;z-index:2}:host udp-card-actions ::slotted(*){pointer-events:auto !important}:host(.outlined){border:1px solid var(--divider-color)}:host(.elevation-1){box-shadow:var(--elevation-01)}:host(.elevation-2){box-shadow:var(--elevation-02)}:host(.elevation-3){box-shadow:var(--elevation-03)}:host(.elevation-4){box-shadow:var(--elevation-04)}:host(.elevation-5){box-shadow:var(--elevation-05)}:host(.elevation-6){box-shadow:var(--elevation-06)}:host(.elevation-7){box-shadow:var(--elevation-07)}:host(.elevation-8){box-shadow:var(--elevation-08)}";
-
-const UdpCard = /*@__PURE__*/ proxyCustomElement(class UdpCard extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * The variant to use.
-         */
-        this.variant = 'outlined';
-        /**
-         * If true, the header title and subheader won't be wrapped by Typography component
-         */
-        this.disableHeaderTypography = false;
-        /**
-         * If `true`, the card content area will not have padding.
-         */
-        this.disableContentGutter = false;
-        /**
-         * If `true`, the card content area will not have padding.
-         */
-        this.disableContentPadding = false;
-    }
-    hasSlottedContent(slotName) {
-        return !!this.el.querySelector(`[slot="${slotName}"]`);
-    }
-    render() {
-        // const elevationClass = this.variant === 'elevation' && this.elevation >= 1 && this.elevation <= 8 ? `elevation-${this.elevation}` : null;
-        const renderHeader = !this.hasSlottedContent('header') && (this.cardTitle || this.subheader || this.avatar || this.headerAction);
-        const renderMedia = !this.hasSlottedContent('media') && this.mediaImage;
-        // const hasDefaultContent = !!this.el.querySelector(':not([slot])');
-        const mainContent = (h(Fragment, { key: '90ac08ec193b2aa0616e34c43b31bc67db13fa79' }, renderMedia ? h("udp-card-media", { image: this.mediaImage, title: this.mediaTitle }) : h("slot", { name: "media" }), renderHeader ? (h("udp-card-header", { cardTitle: this.cardTitle, subheader: this.subheader, avatar: this.avatar, action: this.headerAction, disableTypography: this.disableHeaderTypography, onTitleClick: this.onTitleClick })) : (h("slot", { name: "header" })), h("udp-card-content", { key: '34b5a6ef4f5a4880747916758b2dc5af831adf90', disableGutter: this.disableContentGutter, disablePadding: this.disableContentPadding }, h("slot", { key: 'be8b6263702f865611607bff37fb81fb00764a7c' }))));
-        return (h(Host, { key: '36243614aa0bc6214ff9c03d619cc895c923968f', class: {
-                [this.variant]: true, // This adds 'elevated' or 'outlined'
-                'elevation-1': this.variant === 'elevated', // This adds a default shadow
-            } }, this.adornmentStatus && h("udp-adornment", { key: '49f5e40351e7dc32274218d8695c8bbeaafcd631', status: this.adornmentStatus }), mainContent, this.actions && h("udp-card-actions", { key: '5a7393d9d3632cbcc90c42f55412ac3a07863d91' }, this.actions)));
-    }
-    get el() { return this; }
-    static get style() { return udpCardCss; }
-}, [257, "udp-card", {
-        "variant": [1],
-        "adornmentStatus": [1, "adornment-status"],
-        "cardTitle": [1, "card-title"],
-        "subheader": [1],
-        "avatar": [8],
-        "headerAction": [8, "header-action"],
-        "disableHeaderTypography": [4, "disable-header-typography"],
-        "mediaImage": [1, "media-image"],
-        "mediaTitle": [1, "media-title"],
-        "actions": [8],
-        "disableContentGutter": [4, "disable-content-gutter"],
-        "disableContentPadding": [4, "disable-content-padding"],
-        "onTitleClick": [16]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-card", "udp-adornment", "udp-card-actions", "udp-card-content", "udp-card-header", "udp-card-media", "udp-link", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-card":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpCard);
-            }
-            break;
-        case "udp-adornment":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "udp-card-actions":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "udp-card-content":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "udp-card-header":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "udp-card-media":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "udp-link":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { UdpCard as U, defineCustomElement as d };
-//# sourceMappingURL=udp-card2.js.map
-
-//# sourceMappingURL=udp-card2.js.map
+import{p as t,H as e,h as a,F as o,d,t as s}from"./index2.js";import{d as i}from"./udp-adornment2.js";import{d as r}from"./udp-card-actions2.js";import{d as n}from"./udp-card-content2.js";import{d as c}from"./udp-card-header2.js";import{d as h}from"./udp-card-media2.js";import{d as l}from"./udp-link2.js";import{d as u}from"./unity-typography2.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.variant="outlined",this.disableHeaderTypography=!1,this.disableContentGutter=!1,this.disableContentPadding=!1}hasSlottedContent(t){return!!this.el.querySelector(`[slot="${t}"]`)}render(){const t=!this.hasSlottedContent("header")&&(this.cardTitle||this.subheader||this.avatar||this.headerAction),e=!this.hasSlottedContent("media")&&this.mediaImage,s=a(o,{key:"90ac08ec193b2aa0616e34c43b31bc67db13fa79"},e?a("udp-card-media",{image:this.mediaImage,title:this.mediaTitle}):a("slot",{name:"media"}),t?a("udp-card-header",{cardTitle:this.cardTitle,subheader:this.subheader,avatar:this.avatar,action:this.headerAction,disableTypography:this.disableHeaderTypography,onTitleClick:this.onTitleClick}):a("slot",{name:"header"}),a("udp-card-content",{key:"34b5a6ef4f5a4880747916758b2dc5af831adf90",disableGutter:this.disableContentGutter,disablePadding:this.disableContentPadding},a("slot",{key:"be8b6263702f865611607bff37fb81fb00764a7c"})));return a(d,{key:"36243614aa0bc6214ff9c03d619cc895c923968f",class:{[this.variant]:!0,"elevation-1":"elevated"===this.variant}},this.adornmentStatus&&a("udp-adornment",{key:"49f5e40351e7dc32274218d8695c8bbeaafcd631",status:this.adornmentStatus}),s,this.actions&&a("udp-card-actions",{key:"5a7393d9d3632cbcc90c42f55412ac3a07863d91"},this.actions))}get el(){return this}static get style(){return":host{display:block;background:var(--udp-card-background, #fff);overflow:hidden;color:var(--text-main);font-family:var(--font-family);font-size:var(--body2-font-size);font-weight:var(--body2-font-weight);line-height:var(--body2-line-height);position:relative;border-radius:var(--border-radius)}:host udp-adornment{position:absolute;top:0;left:0;bottom:0;width:4px;z-index:1}:host udp-card-content{position:relative;z-index:0}:host udp-card-action-area{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:transparent;transition:background-color 0.3s ease}:host udp-card-action-area:hover{background:rgba(0, 0, 0, 0.04)}:host udp-card-actions{position:relative;z-index:2}:host udp-card-actions ::slotted(*){pointer-events:auto !important}:host(.outlined){border:1px solid var(--divider-color)}:host(.elevation-1){box-shadow:var(--elevation-01)}:host(.elevation-2){box-shadow:var(--elevation-02)}:host(.elevation-3){box-shadow:var(--elevation-03)}:host(.elevation-4){box-shadow:var(--elevation-04)}:host(.elevation-5){box-shadow:var(--elevation-05)}:host(.elevation-6){box-shadow:var(--elevation-06)}:host(.elevation-7){box-shadow:var(--elevation-07)}:host(.elevation-8){box-shadow:var(--elevation-08)}"}},[257,"udp-card",{variant:[1],adornmentStatus:[1,"adornment-status"],cardTitle:[1,"card-title"],subheader:[1],avatar:[8],headerAction:[8,"header-action"],disableHeaderTypography:[4,"disable-header-typography"],mediaImage:[1,"media-image"],mediaTitle:[1,"media-title"],actions:[8],disableContentGutter:[4,"disable-content-gutter"],disableContentPadding:[4,"disable-content-padding"],onTitleClick:[16]}]);function m(){"undefined"!=typeof customElements&&["udp-card","udp-adornment","udp-card-actions","udp-card-content","udp-card-header","udp-card-media","udp-link","unity-typography"].forEach((t=>{switch(t){case"udp-card":customElements.get(s(t))||customElements.define(s(t),p);break;case"udp-adornment":customElements.get(s(t))||i();break;case"udp-card-actions":customElements.get(s(t))||r();break;case"udp-card-content":customElements.get(s(t))||n();break;case"udp-card-header":customElements.get(s(t))||c();break;case"udp-card-media":customElements.get(s(t))||h();break;case"udp-link":customElements.get(s(t))||l();break;case"unity-typography":customElements.get(s(t))||u()}}))}export{p as U,m as d}

package/dist/components/udp-charts-example.js

@@ -1,112 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './index2.js';
-import { d as defineCustomElement$e } from './chart-container2.js';
-import { d as defineCustomElement$d } from './chart-kpi2.js';
-import { d as defineCustomElement$c } from './stencil-icon-button2.js';
-import { d as defineCustomElement$b } from './udp-adornment2.js';
-import { d as defineCustomElement$a } from './udp-ambient-card2.js';
-import { d as defineCustomElement$9 } from './udp-ambient-tool-tip2.js';
-import { d as defineCustomElement$8 } from './udp-badge2.js';
-import { d as defineCustomElement$7 } from './udp-bar-chart2.js';
-import { d as defineCustomElement$6 } from './udp-distribution-chart2.js';
-import { d as defineCustomElement$5 } from './udp-donut-chart2.js';
-import { d as defineCustomElement$4 } from './udp-line-chart2.js';
-import { d as defineCustomElement$3 } from './udp-xy-chart2.js';
-import { d as defineCustomElement$2 } from './unity-typography2.js';
-
-const UdpChartsExample$1 = /*@__PURE__*/ proxyCustomElement(class UdpChartsExample extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-    }
-    render() {
-        return (h(Host, { key: 'c9d76110b127ca7e8596947c5578337b4a92292b', style: { display: 'flex', flexWrap: 'wrap' } }, h("udp-donut-chart", { key: '071d7a4852d473b3ecfa4a3de384fa77e71ed6f0', kpisPosition: 'top' }), h("udp-distribution-chart", { key: 'd0f0f8e078e415905529bb1ee46053e276d38663' }), h("udp-bar-chart", { key: '0d7e8d23dda2298c525d676a7f817052613024d2' }), h("udp-line-chart", { key: 'bf2d5a2a11774a157733052da52dd0f21a54ec2e' })));
-    }
-}, [256, "udp-charts-example"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-charts-example", "chart-container", "chart-kpi", "stencil-icon-button", "udp-adornment", "udp-ambient-card", "udp-ambient-tool-tip", "udp-badge", "udp-bar-chart", "udp-distribution-chart", "udp-donut-chart", "udp-line-chart", "udp-xy-chart", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-charts-example":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpChartsExample$1);
-            }
-            break;
-        case "chart-container":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "chart-kpi":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "stencil-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "udp-adornment":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "udp-ambient-card":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "udp-ambient-tool-tip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "udp-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "udp-bar-chart":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "udp-distribution-chart":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "udp-donut-chart":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "udp-line-chart":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "udp-xy-chart":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const UdpChartsExample = UdpChartsExample$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpChartsExample, defineCustomElement };
-//# sourceMappingURL=udp-charts-example.js.map
-
-//# sourceMappingURL=udp-charts-example.js.map
+import{p as t,H as e,h as a,d as r,t as s}from"./index2.js";import{d}from"./chart-container2.js";import{d as c}from"./chart-kpi2.js";import{d as o}from"./stencil-icon-button2.js";import{d as m}from"./udp-adornment2.js";import{d as p}from"./udp-ambient-card2.js";import{d as n}from"./udp-ambient-tool-tip2.js";import{d as u}from"./udp-badge2.js";import{d as i}from"./udp-bar-chart2.js";import{d as b}from"./udp-distribution-chart2.js";import{d as l}from"./udp-donut-chart2.js";import{d as h}from"./udp-line-chart2.js";import{d as f}from"./udp-xy-chart2.js";import{d as k}from"./unity-typography2.js";const y=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}render(){return a(r,{key:"c9d76110b127ca7e8596947c5578337b4a92292b",style:{display:"flex",flexWrap:"wrap"}},a("udp-donut-chart",{key:"071d7a4852d473b3ecfa4a3de384fa77e71ed6f0",kpisPosition:"top"}),a("udp-distribution-chart",{key:"d0f0f8e078e415905529bb1ee46053e276d38663"}),a("udp-bar-chart",{key:"0d7e8d23dda2298c525d676a7f817052613024d2"}),a("udp-line-chart",{key:"bf2d5a2a11774a157733052da52dd0f21a54ec2e"}))}},[0,"udp-charts-example"]),E=y,j=function(){"undefined"!=typeof customElements&&["udp-charts-example","chart-container","chart-kpi","stencil-icon-button","udp-adornment","udp-ambient-card","udp-ambient-tool-tip","udp-badge","udp-bar-chart","udp-distribution-chart","udp-donut-chart","udp-line-chart","udp-xy-chart","unity-typography"].forEach((t=>{switch(t){case"udp-charts-example":customElements.get(s(t))||customElements.define(s(t),y);break;case"chart-container":customElements.get(s(t))||d();break;case"chart-kpi":customElements.get(s(t))||c();break;case"stencil-icon-button":customElements.get(s(t))||o();break;case"udp-adornment":customElements.get(s(t))||m();break;case"udp-ambient-card":customElements.get(s(t))||p();break;case"udp-ambient-tool-tip":customElements.get(s(t))||n();break;case"udp-badge":customElements.get(s(t))||u();break;case"udp-bar-chart":customElements.get(s(t))||i();break;case"udp-distribution-chart":customElements.get(s(t))||b();break;case"udp-donut-chart":customElements.get(s(t))||l();break;case"udp-line-chart":customElements.get(s(t))||h();break;case"udp-xy-chart":customElements.get(s(t))||f();break;case"unity-typography":customElements.get(s(t))||k()}}))};export{E as UdpChartsExample,j as defineCustomElement}

package/dist/components/udp-chip.js

@@ -1,9 +1 @@
-import { U as UdpChip$1, d as defineCustomElement$1 } from './udp-chip2.js';
-
-const UdpChip = UdpChip$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpChip, defineCustomElement };
-//# sourceMappingURL=udp-chip.js.map
-
-//# sourceMappingURL=udp-chip.js.map
+import{U as o,d as p}from"./udp-chip2.js";const s=o,r=p;export{s as UdpChip,r as defineCustomElement}

package/dist/components/udp-chip2.js

@@ -1,87 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './index2.js';
-import { d as defineCustomElement$1 } from './udp-icon2.js';
-
-const udpChipCss = ":host{display:inline-flex;vertical-align:middle;--udp-chip-primary-color:var(--primary-color);--udp-chip-primary-color-text:var(--primary-contrast-text);--udp-chip-secondary-color:var(--secondary-color);--udp-chip-secondary-color-text:var(--secondary-contrast-text);--udp-chip-success-color:var(--success-color-main);--udp-chip-success-color-text:var(--success-contrast-text);--udp-chip-error-color:var(--error-color-main);--udp-chip-error-color-text:var(--error-contrast-text);--udp-chip-warning-color:var(--warning-color-main);--udp-chip-warning-color-text:var(--warning-contrast-text);--udp-chip-info-color:var(--info-color-main);--udp-chip-info-color-text:var(--info-contrast-text);--udp-chip-monochrome-color:#FFFFFF;--udp-chip-monochrome-color-text:var(--text-main);--udp-chip-gray-color:var(--gray-02);--udp-chip-gray-color-text:var(--text-main);--udp-chip-gray-color-border:var(--gray-04);--font-family:var(--font-family);--spacing-01:var(--spacing-01);--spacing-02:var(--spacing-02);--udp-chip-primary-color-light:var(--primary-color-hint);--udp-chip-secondary-color-light:var(--secondary-color-hint);--udp-chip-success-color-light:var(--success-color-hint);--udp-chip-error-color-light:var(--error-color-hint);--udp-chip-warning-color-light:var(--warning-color-hint);--udp-chip-info-color-light:var(--info-color-hint);--udp-chip-monochrome-color-light:var(--gray-02);--udp-chip-gray-color-light:var(--gray-02)}.chip{font-family:var(--font-family);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;white-space:nowrap;transition:background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, border-color 0.1s ease-in-out;border:1px solid transparent;border-radius:16px;gap:4px;cursor:default}.chip--clickable{cursor:pointer}.chip--clickable:hover{box-shadow:0 1px 2px rgba(0, 0, 0, 0.15)}.chip--outlined.chip--clickable:hover{box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}.chip__label{line-height:1;}.chip--size-medium{height:32px;font-size:13px;padding:8px}.chip--size-medium .chip__label{padding:0 var(--spacing-02)}.chip--size-medium .chip__icon--start{margin-left:0px;margin-right:4px}.chip--size-medium .chip__delete-icon{height:20px;width:20px;margin-right:-4px}.chip--size-medium .chip__delete-icon svg{width:14px;height:14px}.chip--size-small{height:auto;font-size:12px;padding:5px 4px;border-radius:12px;}.chip--size-small .chip__label{padding:0 4px}.chip--size-small .chip__icon--start{margin-left:0;margin-right:3px}.chip--size-small .chip__delete-icon{height:18px;width:18px;margin-right:-2px}.chip--size-small .chip__delete-icon svg{width:12px;height:12px}.chip__delete-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background-color 0.15s ease-in-out}.chip--filled.chip--color-primary{background-color:var(--udp-chip-primary-color);color:var(--udp-chip-primary-color-text)}.chip--filled.chip--color-secondary{background-color:var(--udp-chip-secondary-color);color:var(--udp-chip-secondary-color-text)}.chip--filled.chip--color-success{background-color:var(--udp-chip-success-color);color:var(--udp-chip-success-color-text)}.chip--filled.chip--color-error{background-color:var(--udp-chip-error-color);color:var(--udp-chip-error-color-text)}.chip--filled.chip--color-warning{background-color:var(--udp-chip-warning-color);color:var(--udp-chip-warning-color-text)}.chip--filled.chip--color-info{background-color:var(--udp-chip-info-color);color:var(--udp-chip-info-color-text)}.chip--filled.chip--color-monochrome{background-color:var(--udp-chip-monochrome-color);color:var(--udp-chip-monochrome-color-text)}.chip--filled.chip--color-gray{background-color:var(--udp-chip-gray-color);color:var(--udp-chip-gray-color-text)}.chip--filled:not(.chip--color-warning):not(.chip--color-gray) .chip__delete-icon{background-color:rgba(255, 255, 255, 0.15)}.chip--filled:not(.chip--color-warning):not(.chip--color-gray) .chip__delete-icon:hover{background-color:rgba(255, 255, 255, 0.25)}.chip--filled.chip--color-warning .chip__delete-icon,.chip--filled.chip--color-gray .chip__delete-icon,.chip--filled.chip--color-monochrome .chip__delete-icon{background-color:rgba(0, 0, 0, 0.08)}.chip--filled.chip--color-warning .chip__delete-icon:hover,.chip--filled.chip--color-gray .chip__delete-icon:hover,.chip--filled.chip--color-monochrome .chip__delete-icon:hover{background-color:rgba(0, 0, 0, 0.16)}.chip--outlined{background-color:transparent}.chip--outlined.chip--color-primary{border-color:var(--udp-chip-primary-color);color:var(--udp-chip-primary-color)}.chip--outlined.chip--color-secondary{border-color:var(--udp-chip-secondary-color);color:var(--udp-chip-secondary-color)}.chip--outlined.chip--color-success{border-color:var(--udp-chip-success-color);color:var(--udp-chip-success-color)}.chip--outlined.chip--color-error{border-color:var(--udp-chip-error-color);color:var(--udp-chip-error-color)}.chip--outlined.chip--color-warning{border-color:var(--udp-chip-warning-color);color:var(--udp-chip-warning-color)}.chip--outlined.chip--color-info{border-color:var(--udp-chip-info-color);color:var(--udp-chip-info-color)}.chip--outlined.chip--color-monochrome{color:inherit;border-color:currentColor;}.chip--outlined.chip--color-gray{border-color:var(--udp-chip-gray-color-border);color:var(--udp-chip-gray-color-text)}.chip--outlined.chip--color-primary .chip__delete-icon{background-color:var(--udp-chip-primary-color-light)}.chip--outlined.chip--color-secondary .chip__delete-icon{background-color:var(--udp-chip-secondary-color-light)}.chip--outlined.chip--color-success .chip__delete-icon{background-color:var(--udp-chip-success-color-light)}.chip--outlined.chip--color-error .chip__delete-icon{background-color:var(--udp-chip-error-color-light)}.chip--outlined.chip--color-warning .chip__delete-icon{background-color:var(--udp-chip-warning-color-light)}.chip--outlined.chip--color-info .chip__delete-icon{background-color:var(--udp-chip-info-color-light)}.chip--outlined.chip--color-monochrome .chip__delete-icon{background-color:var(--udp-chip-monochrome-color-light)}.chip--outlined.chip--color-gray .chip__delete-icon{background-color:var(--udp-chip-gray-color-light)}.chip--outlined .chip__delete-icon:hover{background-color:rgba(0, 0, 0, 0.08)}";
-
-const UdpChip = /*@__PURE__*/ proxyCustomElement(class UdpChip extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.chipClick = createEvent(this, "chipClick");
-        this.chipDelete = createEvent(this, "chipDelete");
-        /**
-         * The visual style of the chip.
-         */
-        this.variant = 'filled';
-        /**
-         * The color of the chip. Defaults to 'gray'.
-         */
-        this.color = 'gray';
-        /**
-         * The size of the chip.
-         */
-        this.size = 'medium';
-        /**
-         * If true, a delete icon will be displayed.
-         */
-        this.deleteButton = false;
-        /**
-         * If true, the chip will have a pointer cursor and emit a click event.
-         */
-        this.clickable = false;
-        this.handleDeleteClick = (event) => {
-            event.stopPropagation(); // Prevent the chip's click event from firing
-            this.chipDelete.emit(this.label);
-        };
-        this.handleChipClick = () => {
-            if (this.clickable) {
-                this.chipClick.emit(this.label);
-            }
-        };
-    }
-    render() {
-        const chipClasses = {
-            'chip': true,
-            [`chip--${this.variant}`]: true,
-            [`chip--color-${this.color}`]: true,
-            [`chip--size-${this.size}`]: true,
-            'chip--clickable': this.clickable,
-        };
-        return (h("div", { key: '2fabbe9d005532b99e5d0bb75db328e4d4f95d0d', class: chipClasses, onClick: this.handleChipClick }, this.startIcon && (h("span", { key: '90aa944d607d65ca584dad5fc08f593998a9a114', class: "chip__icon chip__icon--start" }, h("udp-icon", { key: '07d3f8863069836eb5105fd2c6bfc839b3751a17', iconName: this.startIcon, color: 'inherit' }))), h("span", { key: '25e02b01494dccbcc344e847f17496d310787eef', class: "chip__label" }, this.label), this.deleteButton && (h("span", { key: '661365b514b8c7b59a56c2d64889dfdc11be24c3', class: "chip__delete-icon", onClick: this.handleDeleteClick, title: "Remove" }, h("svg", { key: '872fa3327129e0433bb48a6e821384605db99e1d', width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, h("path", { key: '203e568853d1e581275d2aa68639ed0123ebe922', d: "M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z" }))))));
-    }
-    static get style() { return udpChipCss; }
-}, [257, "udp-chip", {
-        "label": [1],
-        "variant": [1],
-        "color": [1],
-        "size": [1],
-        "startIcon": [8, "start-icon"],
-        "deleteButton": [4, "delete-button"],
-        "clickable": [4]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-chip", "udp-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-chip":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpChip);
-            }
-            break;
-        case "udp-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { UdpChip as U, defineCustomElement as d };
-//# sourceMappingURL=udp-chip2.js.map
-
-//# sourceMappingURL=udp-chip2.js.map
+import{p as o,H as c,c as r,h as i,t as e}from"./index2.js";import{d as l}from"./udp-icon2.js";const p=o(class extends c{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.chipClick=r(this,"chipClick"),this.chipDelete=r(this,"chipDelete"),this.variant="filled",this.color="gray",this.size="medium",this.deleteButton=!1,this.clickable=!1,this.handleDeleteClick=o=>{o.stopPropagation(),this.chipDelete.emit(this.label)},this.handleChipClick=()=>{this.clickable&&this.chipClick.emit(this.label)}}render(){return i("div",{key:"2fabbe9d005532b99e5d0bb75db328e4d4f95d0d",class:{chip:!0,[`chip--${this.variant}`]:!0,[`chip--color-${this.color}`]:!0,[`chip--size-${this.size}`]:!0,"chip--clickable":this.clickable},onClick:this.handleChipClick},this.startIcon&&i("span",{key:"90aa944d607d65ca584dad5fc08f593998a9a114",class:"chip__icon chip__icon--start"},i("udp-icon",{key:"07d3f8863069836eb5105fd2c6bfc839b3751a17",iconName:this.startIcon,color:"inherit"})),i("span",{key:"25e02b01494dccbcc344e847f17496d310787eef",class:"chip__label"},this.label),this.deleteButton&&i("span",{key:"661365b514b8c7b59a56c2d64889dfdc11be24c3",class:"chip__delete-icon",onClick:this.handleDeleteClick,title:"Remove"},i("svg",{key:"872fa3327129e0433bb48a6e821384605db99e1d",width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor"},i("path",{key:"203e568853d1e581275d2aa68639ed0123ebe922",d:"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z"}))))}static get style(){return":host{display:inline-flex;vertical-align:middle;--udp-chip-primary-color:var(--primary-color);--udp-chip-primary-color-text:var(--primary-contrast-text);--udp-chip-secondary-color:var(--secondary-color);--udp-chip-secondary-color-text:var(--secondary-contrast-text);--udp-chip-success-color:var(--success-color-main);--udp-chip-success-color-text:var(--success-contrast-text);--udp-chip-error-color:var(--error-color-main);--udp-chip-error-color-text:var(--error-contrast-text);--udp-chip-warning-color:var(--warning-color-main);--udp-chip-warning-color-text:var(--warning-contrast-text);--udp-chip-info-color:var(--info-color-main);--udp-chip-info-color-text:var(--info-contrast-text);--udp-chip-monochrome-color:#FFFFFF;--udp-chip-monochrome-color-text:var(--text-main);--udp-chip-gray-color:var(--gray-02);--udp-chip-gray-color-text:var(--text-main);--udp-chip-gray-color-border:var(--gray-04);--font-family:var(--font-family);--spacing-01:var(--spacing-01);--spacing-02:var(--spacing-02);--udp-chip-primary-color-light:var(--primary-color-hint);--udp-chip-secondary-color-light:var(--secondary-color-hint);--udp-chip-success-color-light:var(--success-color-hint);--udp-chip-error-color-light:var(--error-color-hint);--udp-chip-warning-color-light:var(--warning-color-hint);--udp-chip-info-color-light:var(--info-color-hint);--udp-chip-monochrome-color-light:var(--gray-02);--udp-chip-gray-color-light:var(--gray-02)}.chip{font-family:var(--font-family);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;white-space:nowrap;transition:background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, border-color 0.1s ease-in-out;border:1px solid transparent;border-radius:16px;gap:4px;cursor:default}.chip--clickable{cursor:pointer}.chip--clickable:hover{box-shadow:0 1px 2px rgba(0, 0, 0, 0.15)}.chip--outlined.chip--clickable:hover{box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}.chip__label{line-height:1;}.chip--size-medium{height:32px;font-size:13px;padding:8px}.chip--size-medium .chip__label{padding:0 var(--spacing-02)}.chip--size-medium .chip__icon--start{margin-left:0px;margin-right:4px}.chip--size-medium .chip__delete-icon{height:20px;width:20px;margin-right:-4px}.chip--size-medium .chip__delete-icon svg{width:14px;height:14px}.chip--size-small{height:auto;font-size:12px;padding:5px 4px;border-radius:12px;}.chip--size-small .chip__label{padding:0 4px}.chip--size-small .chip__icon--start{margin-left:0;margin-right:3px}.chip--size-small .chip__delete-icon{height:18px;width:18px;margin-right:-2px}.chip--size-small .chip__delete-icon svg{width:12px;height:12px}.chip__delete-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background-color 0.15s ease-in-out}.chip--filled.chip--color-primary{background-color:var(--udp-chip-primary-color);color:var(--udp-chip-primary-color-text)}.chip--filled.chip--color-secondary{background-color:var(--udp-chip-secondary-color);color:var(--udp-chip-secondary-color-text)}.chip--filled.chip--color-success{background-color:var(--udp-chip-success-color);color:var(--udp-chip-success-color-text)}.chip--filled.chip--color-error{background-color:var(--udp-chip-error-color);color:var(--udp-chip-error-color-text)}.chip--filled.chip--color-warning{background-color:var(--udp-chip-warning-color);color:var(--udp-chip-warning-color-text)}.chip--filled.chip--color-info{background-color:var(--udp-chip-info-color);color:var(--udp-chip-info-color-text)}.chip--filled.chip--color-monochrome{background-color:var(--udp-chip-monochrome-color);color:var(--udp-chip-monochrome-color-text)}.chip--filled.chip--color-gray{background-color:var(--udp-chip-gray-color);color:var(--udp-chip-gray-color-text)}.chip--filled:not(.chip--color-warning):not(.chip--color-gray) .chip__delete-icon{background-color:rgba(255, 255, 255, 0.15)}.chip--filled:not(.chip--color-warning):not(.chip--color-gray) .chip__delete-icon:hover{background-color:rgba(255, 255, 255, 0.25)}.chip--filled.chip--color-warning .chip__delete-icon,.chip--filled.chip--color-gray .chip__delete-icon,.chip--filled.chip--color-monochrome .chip__delete-icon{background-color:rgba(0, 0, 0, 0.08)}.chip--filled.chip--color-warning .chip__delete-icon:hover,.chip--filled.chip--color-gray .chip__delete-icon:hover,.chip--filled.chip--color-monochrome .chip__delete-icon:hover{background-color:rgba(0, 0, 0, 0.16)}.chip--outlined{background-color:transparent}.chip--outlined.chip--color-primary{border-color:var(--udp-chip-primary-color);color:var(--udp-chip-primary-color)}.chip--outlined.chip--color-secondary{border-color:var(--udp-chip-secondary-color);color:var(--udp-chip-secondary-color)}.chip--outlined.chip--color-success{border-color:var(--udp-chip-success-color);color:var(--udp-chip-success-color)}.chip--outlined.chip--color-error{border-color:var(--udp-chip-error-color);color:var(--udp-chip-error-color)}.chip--outlined.chip--color-warning{border-color:var(--udp-chip-warning-color);color:var(--udp-chip-warning-color)}.chip--outlined.chip--color-info{border-color:var(--udp-chip-info-color);color:var(--udp-chip-info-color)}.chip--outlined.chip--color-monochrome{color:inherit;border-color:currentColor;}.chip--outlined.chip--color-gray{border-color:var(--udp-chip-gray-color-border);color:var(--udp-chip-gray-color-text)}.chip--outlined.chip--color-primary .chip__delete-icon{background-color:var(--udp-chip-primary-color-light)}.chip--outlined.chip--color-secondary .chip__delete-icon{background-color:var(--udp-chip-secondary-color-light)}.chip--outlined.chip--color-success .chip__delete-icon{background-color:var(--udp-chip-success-color-light)}.chip--outlined.chip--color-error .chip__delete-icon{background-color:var(--udp-chip-error-color-light)}.chip--outlined.chip--color-warning .chip__delete-icon{background-color:var(--udp-chip-warning-color-light)}.chip--outlined.chip--color-info .chip__delete-icon{background-color:var(--udp-chip-info-color-light)}.chip--outlined.chip--color-monochrome .chip__delete-icon{background-color:var(--udp-chip-monochrome-color-light)}.chip--outlined.chip--color-gray .chip__delete-icon{background-color:var(--udp-chip-gray-color-light)}.chip--outlined .chip__delete-icon:hover{background-color:rgba(0, 0, 0, 0.08)}"}},[1,"udp-chip",{label:[1],variant:[1],color:[1],size:[1],startIcon:[8,"start-icon"],deleteButton:[4,"delete-button"],clickable:[4]}]);function h(){"undefined"!=typeof customElements&&["udp-chip","udp-icon"].forEach((o=>{switch(o){case"udp-chip":customElements.get(e(o))||customElements.define(e(o),p);break;case"udp-icon":customElements.get(e(o))||l()}}))}export{p as U,h as d}

package/dist/components/udp-column-header.js

@@ -1,9 +1 @@
-import { U as UdpColumnHeader$1, d as defineCustomElement$1 } from './udp-column-header2.js';
-
-const UdpColumnHeader = UdpColumnHeader$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpColumnHeader, defineCustomElement };
-//# sourceMappingURL=udp-column-header.js.map
-
-//# sourceMappingURL=udp-column-header.js.map
+import{U as o,d as r}from"./udp-column-header2.js";const s=o,a=r;export{s as UdpColumnHeader,a as defineCustomElement}

package/dist/components/udp-column-header2.js

@@ -1,41 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const udpColumnHeaderCss = ".header-container{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid #ccc;background-color:var(--accent-color-two);color:white}.column,.operator,.criteria{flex:1;text-align:left;padding:4px}";
-
-const UdpColumnHeader = /*@__PURE__*/ proxyCustomElement(class UdpColumnHeader extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return (h("div", { key: 'dbd65cb1ce21388550aa9dacb4ae2ab00782a8ed', class: "header-container" }, h("div", { key: 'cf68ba87f8cc702b13691830c665248637d80fb0', class: "column" }, " ", h("unity-typography", { key: '4d08ba75b6a2ed36e3530d0d5eed1dc2a0766685', variant: "button" }, "Column  "), "   "), h("div", { key: '068cb81ed052e9c8d90dcc4377188c6407518808', class: "operator" }, h("unity-typography", { key: 'bb134f0a7d8de2c04ec6c60c89dff83fabd2e59e', variant: "button" }, "Operator "), " "), h("div", { key: '241b4513e0db6b1dbcd0abbbdff9db3bb96df3bb', class: "criteria" }, h("unity-typography", { key: '89ec473a35de831b952db8554031e15d43a927e3', variant: "button" }, "Criteria  "), "  ")));
-    }
-    static get style() { return udpColumnHeaderCss; }
-}, [257, "udp-column-header"]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-column-header", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-column-header":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpColumnHeader);
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { UdpColumnHeader as U, defineCustomElement as d };
-//# sourceMappingURL=udp-column-header2.js.map
-
-//# sourceMappingURL=udp-column-header2.js.map
+import{p as e,H as t,h as a,t as c}from"./index2.js";import{d}from"./unity-typography2.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return a("div",{key:"dbd65cb1ce21388550aa9dacb4ae2ab00782a8ed",class:"header-container"},a("div",{key:"cf68ba87f8cc702b13691830c665248637d80fb0",class:"column"}," ",a("unity-typography",{key:"4d08ba75b6a2ed36e3530d0d5eed1dc2a0766685",variant:"button"},"Column  "),"   "),a("div",{key:"068cb81ed052e9c8d90dcc4377188c6407518808",class:"operator"},a("unity-typography",{key:"bb134f0a7d8de2c04ec6c60c89dff83fabd2e59e",variant:"button"},"Operator ")," "),a("div",{key:"241b4513e0db6b1dbcd0abbbdff9db3bb96df3bb",class:"criteria"},a("unity-typography",{key:"89ec473a35de831b952db8554031e15d43a927e3",variant:"button"},"Criteria  "),"  "))}static get style(){return".header-container{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid #ccc;background-color:var(--accent-color-two);color:white}.column,.operator,.criteria{flex:1;text-align:left;padding:4px}"}},[1,"udp-column-header"]);function o(){"undefined"!=typeof customElements&&["udp-column-header","unity-typography"].forEach((e=>{switch(e){case"udp-column-header":customElements.get(c(e))||customElements.define(c(e),r);break;case"unity-typography":customElements.get(c(e))||d()}}))}export{r as U,o as d}

package/dist/components/udp-container-query-grid-item.js

@@ -1,51 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './index2.js';
-
-const udpContainerQueryGridItemCss = ":host{display:block;width:100%}";
-
-const UdpContainerQueryGridItem$1 = /*@__PURE__*/ proxyCustomElement(class UdpContainerQueryGridItem extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.span = {};
-    }
-    getSpanStyles() {
-        return Object.entries(this.span)
-            .map(([breakpoint, cols]) => `
-  @container (min-width: ${breakpoint}px) {
-    :host {
-      --udp-grid-item-span: ${cols};
-    }
-  }`)
-            .join('\n');
-    }
-    render() {
-        return (h(Host, { key: 'a12c7a9e3567019bfa3129cf0b45b9e5f9454044' }, h("style", { key: 'c41e5e648f8a78f965ff1044479ca1e7c785b598' }, this.getSpanStyles()), h("slot", { key: 'a6ac351a5a3ec74ce36667cdef91c88c1459482a' })));
-    }
-    static get style() { return udpContainerQueryGridItemCss; }
-}, [257, "udp-container-query-grid-item", {
-        "span": [16]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-container-query-grid-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-container-query-grid-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpContainerQueryGridItem$1);
-            }
-            break;
-    } });
-}
-
-const UdpContainerQueryGridItem = UdpContainerQueryGridItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpContainerQueryGridItem, defineCustomElement };
-//# sourceMappingURL=udp-container-query-grid-item.js.map
-
-//# sourceMappingURL=udp-container-query-grid-item.js.map
+import{p as e,H as t,h as n,d as s,t as d}from"./index2.js";const i=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.span={}}getSpanStyles(){return Object.entries(this.span).map((([e,t])=>`\n  @container (min-width: ${e}px) {\n    :host {\n      --udp-grid-item-span: ${t};\n    }\n  }`)).join("\n")}render(){return n(s,{key:"9e1c6d6c0f8011400b6271af8bcdbf5574d725dc"},n("style",{key:"6243776119bad211fe96af76fdc18d8fe4b8aa1e"},this.getSpanStyles()),n("slot",{key:"57c8cab142be8b9fcd66509c70bd0e01a08b08d8"}))}static get style(){return":host{display:block;width:100%}"}},[257,"udp-container-query-grid-item",{span:[16]}]),r=i,c=function(){"undefined"!=typeof customElements&&["udp-container-query-grid-item"].forEach((e=>{"udp-container-query-grid-item"===e&&(customElements.get(d(e))||customElements.define(d(e),i))}))};export{r as UdpContainerQueryGridItem,c as defineCustomElement}

package/dist/components/udp-container-query-grid.js

@@ -1,79 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './index2.js';
-import { d as defineCustomElement$2 } from './udp-container-query2.js';
-
-const udpContainerQueryGridCss = ":host{display:block;width:100%}.grid-container{width:100%}";
-
-const UdpContainerQueryGrid$1 = /*@__PURE__*/ proxyCustomElement(class UdpContainerQueryGrid extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        // Breakpoints for different container sizes
-        this.columns = {
-            0: 1, // Default: single column
-            400: 2, // Small: 2 columns
-            600: 3, // Medium: 3 columns
-            800: 4, // Large: 4 columns
-        };
-        this.gaps = {
-            0: 1, // Default: 1rem gap
-            400: 1.5, // Small: 1.5rem gap
-            600: 2, // Medium: 2rem gap
-            800: 2.5, // Large: 2.5rem gap
-        };
-    }
-    render() {
-        // Convert our columns and gaps into container query styles
-        const queries = {};
-        const breakpoints = new Set([...Object.keys(this.columns), ...Object.keys(this.gaps)].map(Number));
-        Array.from(breakpoints)
-            .sort((a, b) => b - a)
-            .forEach(breakpoint => {
-            queries[breakpoint] = Object.assign(Object.assign({}, (this.columns[breakpoint] && {
-                'grid-template-columns': `repeat(${this.columns[breakpoint]}, 1fr)`,
-            })), (this.gaps[breakpoint] && {
-                gap: `${this.gaps[breakpoint]}rem`,
-            }));
-        });
-        return (h(Host, { key: '63e6f7902336ffc08bd3bb251907877325cf0d12' }, h("udp-container-query", { key: 'c8206e4612990b72e81105673e2c72e3e63410bb', queries: queries }, h("div", { key: 'cc01e88216ba2dd069ad1cd194ceb8c5026b4a37', class: "grid-container" }, h("slot", { key: '37b9a99849d97ef8e8c33d1e401f90b919115a51' }))), h("style", { key: '4ec725b30fc8e830798e4816ae1bc0c5a9b38fd4' }, `
-          .grid-container {
-            display: grid;
-            grid-template-columns: repeat(${this.columns[0]}, 1fr);
-            gap: ${this.gaps[0]}rem;
-            width: 100%;
-          }
-        `)));
-    }
-    static get style() { return udpContainerQueryGridCss; }
-}, [257, "udp-container-query-grid", {
-        "columns": [16],
-        "gaps": [16]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-container-query-grid", "udp-container-query"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-container-query-grid":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpContainerQueryGrid$1);
-            }
-            break;
-        case "udp-container-query":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const UdpContainerQueryGrid = UdpContainerQueryGrid$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpContainerQueryGrid, defineCustomElement };
-//# sourceMappingURL=udp-container-query-grid.js.map
-
-//# sourceMappingURL=udp-container-query-grid.js.map
+import{p as e,H as t,h as r,d as s,t as n}from"./index2.js";import{d as i}from"./udp-container-query2.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.columns={0:1,400:2,600:3,800:4},this.gaps={0:1,400:1.5,600:2,800:2.5}}render(){const e={},t=new Set([...Object.keys(this.columns),...Object.keys(this.gaps)].map(Number));return Array.from(t).sort(((e,t)=>t-e)).forEach((t=>{e[t]=Object.assign(Object.assign({},this.columns[t]&&{"grid-template-columns":`repeat(${this.columns[t]}, 1fr)`}),this.gaps[t]&&{gap:this.gaps[t]+"rem"})})),r(s,{key:"8fcf614cb145b65faa50f9cd77f2196931e5ac3e"},r("udp-container-query",{key:"7f9e61025ff57faae311f536f479e36360334b44",queries:e},r("div",{key:"c810de4cea74a5278556751f9148123e91ad7f21",class:"grid-container"},r("slot",{key:"71a1ab5854110ebfaaab31bc76751d8925881801"}))),r("style",{key:"39d63f3510f1bf7abc892c3131480c71b969cb5d"},`\n          .grid-container {\n            display: grid;\n            grid-template-columns: repeat(${this.columns[0]}, 1fr);\n            gap: ${this.gaps[0]}rem;\n            width: 100%;\n          }\n        `))}static get style(){return":host{display:block;width:100%}.grid-container{width:100%}"}},[257,"udp-container-query-grid",{columns:[16],gaps:[16]}]),c=a,d=function(){"undefined"!=typeof customElements&&["udp-container-query-grid","udp-container-query"].forEach((e=>{switch(e){case"udp-container-query-grid":customElements.get(n(e))||customElements.define(n(e),a);break;case"udp-container-query":customElements.get(n(e))||i()}}))};export{c as UdpContainerQueryGrid,d as defineCustomElement}

package/dist/components/udp-container-query.js

@@ -1,9 +1 @@
-import { U as UdpContainerQuery$1, d as defineCustomElement$1 } from './udp-container-query2.js';
-
-const UdpContainerQuery = UdpContainerQuery$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpContainerQuery, defineCustomElement };
-//# sourceMappingURL=udp-container-query.js.map
-
-//# sourceMappingURL=udp-container-query.js.map
+import{U as o,d as r}from"./udp-container-query2.js";const s=o,t=r;export{s as UdpContainerQuery,t as defineCustomElement}