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

package/dist/components/udp-timeline-connector.js

@@ -1,38 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-
-const udpTimelineConnectorCss = ".host{--udp-timeline-line-width:2px;--udp-timeline-connector-color:var(--udp-timeline-line-color, #e0e0e0)}.connector{width:var(--udp-timeline-line-width, 2px);height:100%;background:var(--udp-timeline-connector-color, var(--udp-timeline-line-color, #e0e0e0));margin:8px 0;}";
-
-const UdpTimelineConnector$1 = /*@__PURE__*/ proxyCustomElement(class UdpTimelineConnector extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return h("div", { key: 'a35580ac51d322c8816a9afcab9c45dd61c8dacf', class: "connector" });
-    }
-    static get style() { return udpTimelineConnectorCss; }
-}, [257, "udp-timeline-connector"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-timeline-connector"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-timeline-connector":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpTimelineConnector$1);
-            }
-            break;
-    } });
-}
-
-const UdpTimelineConnector = UdpTimelineConnector$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpTimelineConnector, defineCustomElement };
-//# sourceMappingURL=udp-timeline-connector.js.map
-
-//# sourceMappingURL=udp-timeline-connector.js.map
+import{p as e,H as t,h as n,t as i}from"./index2.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n("div",{key:"6e29be72d441d6c377d008621019db08f9633da9",class:"connector"})}static get style(){return".host{--udp-timeline-line-width:2px;--udp-timeline-connector-color:var(--udp-timeline-line-color, #e0e0e0)}.connector{width:var(--udp-timeline-line-width, 2px);height:100%;background:var(--udp-timeline-connector-color, var(--udp-timeline-line-color, #e0e0e0));margin:8px 0;}"}},[1,"udp-timeline-connector"]),c=o,r=function(){"undefined"!=typeof customElements&&["udp-timeline-connector"].forEach((e=>{"udp-timeline-connector"===e&&(customElements.get(i(e))||customElements.define(i(e),o))}))};export{c as UdpTimelineConnector,r as defineCustomElement}

package/dist/components/udp-timeline-dot.js

@@ -1,72 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-
-const udpTimelineDotCss = ":host{--udp-timeline-dot-size-small:10px;--udp-timeline-dot-size-medium:14px;--udp-timeline-dot-size-large:20px;--udp-timeline-dot-icon-size:36px;--udp-timeline-dot-filled-bg-default:#e0e0e0;--udp-timeline-dot-outlined-bg:#ffffff;--udp-timeline-dot-outline-width:2px;--udp-timeline-dot-outline-color:var(--udp-timeline-dot-filled-bg-primary);--udp-timeline-dot-bg:var(--udp-timeline-dot-filled-bg-primary);display:inline-block;box-sizing:border-box;align-self:center}.dot-medium{width:var(--udp-timeline-dot-size-medium);height:var(--udp-timeline-dot-size-medium);border-radius:50%;display:inline-block;--udp-timeline-dot-size:var(--udp-timeline-dot-size-medium)}.dot-small{width:var(--udp-timeline-dot-size-small);height:var(--udp-timeline-dot-size-small);--udp-timeline-dot-size:var(--udp-timeline-dot-size-small)}.dot-large{width:var(--udp-timeline-dot-size-large);height:var(--udp-timeline-dot-size-large);--udp-timeline-dot-size:var(--udp-timeline-dot-size-large)}.dot-filled{background:var(--udp-timeline-dot-bg)}.dot-outlined{background:var(--udp-timeline-dot-outlined-bg);border:var(--udp-timeline-dot-outline-width) solid var(--udp-timeline-dot-outline-color)}.dot-medium,.dot-small,.dot-large{box-sizing:border-box;margin:0}.dot-shape-icon{width:var(--udp-timeline-dot-icon-size);height:var(--udp-timeline-dot-icon-size);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--udp-timeline-dot-icon-shadow, 0 2px 6px rgba(0, 0, 0, 0.15));--udp-timeline-dot-size:var(--udp-timeline-dot-icon-size)}.dot-shape-icon.dot-outlined{background:var(--udp-timeline-dot-outlined-bg);border:var(--udp-timeline-dot-outline-width) solid var(--udp-timeline-dot-outline-color)}.dot-shape-icon.dot-filled{background:var(--udp-timeline-dot-bg)}:host{display:inline-block;box-sizing:border-box;margin:0;padding:0}.dot-color-primary{--udp-timeline-dot-bg:var(--primary-color, #344861);--udp-timeline-dot-outline-color:var(--primary-color, #344861)}.dot-color-secondary{--udp-timeline-dot-bg:var(--secondary-color, #4383c3);--udp-timeline-dot-outline-color:var(--secondary-color, #4383c3)}.dot-color-default{--udp-timeline-dot-bg:var(--udp-timeline-dot-filled-bg-default);--udp-timeline-dot-outline-color:var(--udp-timeline-dot-filled-bg-default)}.dot-color-error{--udp-timeline-dot-bg:var(--error-color-main, #d32f2f);--udp-timeline-dot-outline-color:var(--error-color-main, #d32f2f)}.dot-color-info{--udp-timeline-dot-bg:var(--info-color-main, #0288d1);--udp-timeline-dot-outline-color:var(--info-color-main, #0288d1)}.dot-color-success{--udp-timeline-dot-bg:var(--success-color-main, #2e7d32);--udp-timeline-dot-outline-color:var(--success-color-main, #2e7d32)}.dot-color-warning{--udp-timeline-dot-bg:var(--warning-color-main, #ed6c02);--udp-timeline-dot-outline-color:var(--warning-color-main, #ed6c02)}";
-
-const UdpTimelineDot$1 = /*@__PURE__*/ proxyCustomElement(class UdpTimelineDot extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * The color of the dot. Can be a theme token like 'primary', 'secondary', 'default',
-         * 'error', 'info', 'success', or 'warning'.
-         */
-        this.color = 'primary';
-        /**
-         * The visual variant of the dot: 'filled' renders a solid dot, 'outlined' renders a bordered dot.
-         */
-        this.variant = 'filled';
-        /**
-         * The size of the dot.
-         * - 'small' for compact dots
-         * - 'medium' for default dots
-         * - 'large' for bigger dots
-         */
-        this.size = 'medium';
-        /** shape: 'default' (small dot) or 'icon' (circular icon container) */
-        this.shape = 'default';
-    }
-    render() {
-        const isCustomColor = !['primary', 'secondary', 'default', 'error', 'info', 'success', 'warning'].includes(this.color);
-        const classes = {
-            ['dot-' + this.size]: true,
-            ['dot-' + this.variant]: true,
-            ['dot-color-' + this.color]: !isCustomColor,
-            ['dot-shape-' + this.shape]: true,
-        };
-        const styles = isCustomColor ? {
-            '--udp-timeline-dot-bg': this.color,
-            '--udp-timeline-dot-outline-color': this.color,
-        } : {};
-        return (h("div", { key: 'caa8e5c38fa8810cff1fbd59c3db30535c38ebe4', class: classes, style: styles }, h("slot", { key: 'a6f4722e220418ab7d12d4f15621bdab02b2c25d' })));
-    }
-    static get style() { return udpTimelineDotCss; }
-}, [257, "udp-timeline-dot", {
-        "color": [1],
-        "variant": [1],
-        "size": [1],
-        "shape": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-timeline-dot"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-timeline-dot":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpTimelineDot$1);
-            }
-            break;
-    } });
-}
-
-const UdpTimelineDot = UdpTimelineDot$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpTimelineDot, defineCustomElement };
-//# sourceMappingURL=udp-timeline-dot.js.map
-
-//# sourceMappingURL=udp-timeline-dot.js.map
+import{p as i,H as e,h as o,t}from"./index2.js";const d=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.color="primary",this.variant="filled",this.size="medium",this.shape="default"}render(){const i=!["primary","secondary","default","error","info","success","warning"].includes(this.color);return o("div",{key:"2c5bd3f827dfe8f2720ca8aa46ce96d34cdfc7fa",class:{["dot-"+this.size]:!0,["dot-"+this.variant]:!0,["dot-color-"+this.color]:!i,["dot-shape-"+this.shape]:!0},style:i?{"--udp-timeline-dot-bg":this.color,"--udp-timeline-dot-outline-color":this.color}:{}},o("slot",{key:"97e649e977722c782c969cc3d93352e0c92c68aa"}))}static get style(){return":host{--udp-timeline-dot-size-small:10px;--udp-timeline-dot-size-medium:14px;--udp-timeline-dot-size-large:20px;--udp-timeline-dot-icon-size:36px;--udp-timeline-dot-filled-bg-default:#e0e0e0;--udp-timeline-dot-outlined-bg:#ffffff;--udp-timeline-dot-outline-width:2px;--udp-timeline-dot-outline-color:var(--udp-timeline-dot-filled-bg-primary);--udp-timeline-dot-bg:var(--udp-timeline-dot-filled-bg-primary);display:inline-block;box-sizing:border-box;align-self:center}.dot-medium{width:var(--udp-timeline-dot-size-medium);height:var(--udp-timeline-dot-size-medium);border-radius:50%;display:inline-block;--udp-timeline-dot-size:var(--udp-timeline-dot-size-medium)}.dot-small{width:var(--udp-timeline-dot-size-small);height:var(--udp-timeline-dot-size-small);--udp-timeline-dot-size:var(--udp-timeline-dot-size-small)}.dot-large{width:var(--udp-timeline-dot-size-large);height:var(--udp-timeline-dot-size-large);--udp-timeline-dot-size:var(--udp-timeline-dot-size-large)}.dot-filled{background:var(--udp-timeline-dot-bg)}.dot-outlined{background:var(--udp-timeline-dot-outlined-bg);border:var(--udp-timeline-dot-outline-width) solid var(--udp-timeline-dot-outline-color)}.dot-medium,.dot-small,.dot-large{box-sizing:border-box;margin:0}.dot-shape-icon{width:var(--udp-timeline-dot-icon-size);height:var(--udp-timeline-dot-icon-size);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--udp-timeline-dot-icon-shadow, 0 2px 6px rgba(0, 0, 0, 0.15));--udp-timeline-dot-size:var(--udp-timeline-dot-icon-size)}.dot-shape-icon.dot-outlined{background:var(--udp-timeline-dot-outlined-bg);border:var(--udp-timeline-dot-outline-width) solid var(--udp-timeline-dot-outline-color)}.dot-shape-icon.dot-filled{background:var(--udp-timeline-dot-bg)}:host{display:inline-block;box-sizing:border-box;margin:0;padding:0}.dot-color-primary{--udp-timeline-dot-bg:var(--primary-color, #344861);--udp-timeline-dot-outline-color:var(--primary-color, #344861)}.dot-color-secondary{--udp-timeline-dot-bg:var(--secondary-color, #4383c3);--udp-timeline-dot-outline-color:var(--secondary-color, #4383c3)}.dot-color-default{--udp-timeline-dot-bg:var(--udp-timeline-dot-filled-bg-default);--udp-timeline-dot-outline-color:var(--udp-timeline-dot-filled-bg-default)}.dot-color-error{--udp-timeline-dot-bg:var(--error-color-main, #d32f2f);--udp-timeline-dot-outline-color:var(--error-color-main, #d32f2f)}.dot-color-info{--udp-timeline-dot-bg:var(--info-color-main, #0288d1);--udp-timeline-dot-outline-color:var(--info-color-main, #0288d1)}.dot-color-success{--udp-timeline-dot-bg:var(--success-color-main, #2e7d32);--udp-timeline-dot-outline-color:var(--success-color-main, #2e7d32)}.dot-color-warning{--udp-timeline-dot-bg:var(--warning-color-main, #ed6c02);--udp-timeline-dot-outline-color:var(--warning-color-main, #ed6c02)}"}},[257,"udp-timeline-dot",{color:[1],variant:[1],size:[1],shape:[1]}]),l=d,n=function(){"undefined"!=typeof customElements&&["udp-timeline-dot"].forEach((i=>{"udp-timeline-dot"===i&&(customElements.get(t(i))||customElements.define(t(i),d))}))};export{l as UdpTimelineDot,n as defineCustomElement}

package/dist/components/udp-timeline-item.js

@@ -1,120 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './index2.js';
-import { d as defineCustomElement$3 } from './udp-chip2.js';
-import { d as defineCustomElement$2 } from './udp-icon2.js';
-
-const udpTimelineItemCss = ":host{--udp-timeline-item-hover-bg:rgba(0, 0, 0, 0.04);--udp-timeline-content-margin-icon:12px;--udp-timeline-content-padding-default:12px;--udp-timeline-time-min-width:64px;--udp-timeline-combined-gap:12px;--udp-timeline-dot-wrap-width:40px;--udp-timeline-title-font-size:16px;--udp-timeline-title-font-weight:600;--udp-timeline-title-color:#222;--udp-timeline-title-margin-right:12px;--udp-timeline-caption-font-size:14px;--udp-timeline-caption-color:#666;--udp-timeline-caption-margin-top:8px}:host(.dot-shape-icon) .content-column{margin-top:var(--udp-timeline-content-margin-icon, 12px)}.udp-timeline-item{display:grid;grid-template-columns:var(--udp-timeline-left-column, 60px) 1fr;align-items:flex-start;gap:var(--udp-timeline-item-gap, 8px);padding:var(--udp-timeline-item-padding-vertical, 12px) 0;position:relative}.separator-column{display:flex;align-items:center;justify-content:center;width:var(--udp-timeline-left-column, 60px);height:100%}.separator-column ::slotted(*){width:100%;display:flex;align-items:center;justify-content:center}.content-column{display:block}.title-slot ::slotted(*){display:block;min-width:var(--udp-timeline-time-min-width, 64px);color:var(--udp-timeline-title-color, #222);font-size:var(--udp-timeline-title-font-size, 16px);font-weight:var(--udp-timeline-title-font-weight, 600);text-align:left}.content-slot ::slotted(*){display:block}.caption-slot ::slotted(*){display:block;margin-top:var(--udp-timeline-caption-margin-top, 8px);font-size:var(--udp-timeline-caption-font-size, 14px);color:var(--udp-timeline-caption-color, #666)}.udp-timeline-item ::slotted([slot='separator']){display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.udp-timeline-item .dot-wrap{width:var(--udp-timeline-dot-wrap-width, 40px);display:flex;align-items:center;justify-content:center}:host(:not(.has-title)) .title-slot{display:none}:host(:not(.has-caption)) .caption-slot{display:none}:host(.clickable).content-column{cursor:pointer;display:block}:host(.clickable) .content-column:hover{background-color:var(--udp-timeline-item-hover-bg)}.actions-container{display:flex;gap:8px;margin-top:8px}.first-row{display:flex;gap:8px;align-items:center}";
-
-const UdpTimelineItem$1 = /*@__PURE__*/ proxyCustomElement(class UdpTimelineItem extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.itemClick = createEvent(this, "itemClick");
-        /**
-         * The shape of the dot displayed for this timeline item.
-         * - "default": renders the standard dot.
-         * - "icon": renders an icon in place of the dot.
-         */
-        this.dotShape = 'default';
-        /**
-         * Whether the timeline item is clickable; when true it will emit the itemClick event on user interaction.
-         */
-        this.clickable = false;
-        /**
-         * Array of action definitions to render for this timeline item.
-         * Each action contains a label and an onClick handler which receives the MouseEvent.
-         */
-        this.actions = [];
-        /**
-         * Label displayed for the status of this timeline item (e.g. "In Progress", "Completed").
-         */
-        this.statusLabel = '';
-        /**
-         * Color variant for the status chip; one of:
-         * 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'monochrome' | 'gray'.
-         */
-        this.statusColor = 'gray';
-        this.hasTitle = false;
-        this.hasCaption = false;
-        this.handleClick = () => {
-            if (this.clickable) {
-                this.itemClick.emit();
-            }
-        };
-    }
-    componentDidLoad() {
-        var _a, _b, _c, _d;
-        const slot = (_b = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot[name="title"]')) !== null && _b !== void 0 ? _b : null;
-        if (slot != null) {
-            const update = () => {
-                const nodes = slot.assignedNodes({ flatten: true });
-                this.hasTitle = nodes.length > 0;
-            };
-            update();
-            slot.addEventListener('slotchange', update);
-        }
-        const captionSlot = (_d = (_c = this.host.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('slot[name="caption"]')) !== null && _d !== void 0 ? _d : null;
-        if (captionSlot != null) {
-            const updateCaption = () => {
-                const nodes = captionSlot.assignedNodes({ flatten: true });
-                this.hasCaption = nodes.length > 0;
-            };
-            updateCaption();
-            captionSlot.addEventListener('slotchange', updateCaption);
-        }
-    }
-    render() {
-        var _a;
-        const visibleActions = this.actions.slice(0, 4);
-        const menuActions = this.actions.slice(4);
-        return (h(Host, { key: '46e6b83c7295acb6c8e09f991cb497211e837fd4', class: {
-                'has-title': this.hasTitle,
-                'has-caption': this.hasCaption,
-                [`dot-shape-${this.dotShape}`]: true,
-                'clickable': this.clickable,
-            }, onClick: this.handleClick }, h("div", { key: '2fad93b42777111e94f269a822180d062e1b835c', class: "udp-timeline-item" }, h("div", { key: '89aa7ce456e1c0bdde2dbc1ec932c5fd72064e96', class: "separator-column" }, h("slot", { key: '5b2a129f3cfb83e05d26e4a8964028c989b5e005', name: "separator" })), h("div", { key: 'dd1f23fef8a52a1bc882648fad54ae029dc0c9d6', class: "content-column" }, h("div", { key: '00f55673ca2134c3bdebf09fef3cb7889e464494', class: "first-row" }, h("div", { key: 'b9145a08ae98c08414c5f4af4c3b6c3474013054', class: "title-slot" }, h("slot", { key: '1151c8739ad7fa38261c36b8973bc969273619ca', name: "title" })), ((_a = this.statusLabel) === null || _a === void 0 ? void 0 : _a.trim()) != '' && (h("udp-chip", { key: '5147b3f947726cc6758f357e8f3717ddc9a2e4ae', label: this.statusLabel, color: this.statusColor, size: "small" }))), h("div", { key: '99f550a22b48e0346eda54bd9a91509a108e3b45', class: "content-slot" }, h("slot", { key: 'c3a745d30b21d0c800b195fc671ea512005bef4f', name: "content" })), h("div", { key: 'c4303a70f6562eff581b82a8015c76324038e04f', class: "caption-slot" }, h("slot", { key: 'e17989b1a4b6ef72a70533cc987d0091d4910fbd', name: "caption" })), this.actions.length > 0 && (h("div", { key: '2ade87b2eb620a1bf2ccfd4fb55b03934e40d98e', class: "actions-container" }, visibleActions.map(action => (h("button", { onClick: action.onClick }, action.label))), menuActions.length > 0 && h("button", { key: 'd94a8cd6ea4b03b003a069f5d75d73e6f568ba62' }, "...")))))));
-    }
-    get host() { return this; }
-    static get style() { return udpTimelineItemCss; }
-}, [257, "udp-timeline-item", {
-        "dotShape": [1, "dot-shape"],
-        "clickable": [4],
-        "actions": [16],
-        "statusLabel": [1, "status-label"],
-        "statusColor": [1, "status-color"],
-        "hasTitle": [32],
-        "hasCaption": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-timeline-item", "udp-chip", "udp-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-timeline-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpTimelineItem$1);
-            }
-            break;
-        case "udp-chip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "udp-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const UdpTimelineItem = UdpTimelineItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpTimelineItem, defineCustomElement };
-//# sourceMappingURL=udp-timeline-item.js.map
-
-//# sourceMappingURL=udp-timeline-item.js.map
+import{p as t,H as e,c as i,h as n,d as l,t as o}from"./index2.js";import{d as c}from"./udp-chip2.js";import{d as a}from"./udp-icon2.js";const s=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.itemClick=i(this,"itemClick"),this.dotShape="default",this.clickable=!1,this.actions=[],this.statusLabel="",this.statusColor="gray",this.hasTitle=!1,this.hasCaption=!1,this.handleClick=()=>{this.clickable&&this.itemClick.emit()}}componentDidLoad(){var t,e,i,n;const l=null!==(e=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector('slot[name="title"]'))&&void 0!==e?e:null;if(null!=l){const t=()=>{const t=l.assignedNodes({flatten:!0});this.hasTitle=t.length>0};t(),l.addEventListener("slotchange",t)}const o=null!==(n=null===(i=this.host.shadowRoot)||void 0===i?void 0:i.querySelector('slot[name="caption"]'))&&void 0!==n?n:null;if(null!=o){const t=()=>{const t=o.assignedNodes({flatten:!0});this.hasCaption=t.length>0};t(),o.addEventListener("slotchange",t)}}render(){var t;const e=this.actions.slice(0,4),i=this.actions.slice(4);return n(l,{key:"8326b3df0cc9cc0028c3bfc933bc459db35094bc",class:{"has-title":this.hasTitle,"has-caption":this.hasCaption,["dot-shape-"+this.dotShape]:!0,clickable:this.clickable},onClick:this.handleClick},n("div",{key:"a2fae7aacf20d01c7af29054e8c706f758ece4c9",class:"udp-timeline-item"},n("div",{key:"281563af2707ddc073b3414a78f2ec264ac54238",class:"separator-column"},n("slot",{key:"db75bbc336f12262d6de2079e57c32190a739e91",name:"separator"})),n("div",{key:"1759cffe898de2b80712d5253d006e8aad7acf77",class:"content-column"},n("div",{key:"3d8d768714a546b6d1b93e63c2ac7b9ffbd4cc33",class:"first-row"},n("div",{key:"59498dc18fc522deec1edb08be8144021dc23fdb",class:"title-slot"},n("slot",{key:"4de60c7bb739794e3b4f46b9d6bda1a842bcb255",name:"title"})),""!=(null===(t=this.statusLabel)||void 0===t?void 0:t.trim())&&n("udp-chip",{key:"b3cce52eb5f3022085eae08ab01e38ffde583245",label:this.statusLabel,color:this.statusColor,size:"small"})),n("div",{key:"6877b1e05c45c70ff8260f08fbf13fa5d9f428dc",class:"content-slot"},n("slot",{key:"4ee558c73d0694676ca014e936f83c4b34c3a86f",name:"content"})),n("div",{key:"bca70084d830b5988b1192328a817b57082593aa",class:"caption-slot"},n("slot",{key:"5cf4a947ca3cfa3e01b4f415d9bd408478bbfe32",name:"caption"})),this.actions.length>0&&n("div",{key:"c18da0ac1c20e4b2354cb5b21f473e938f7edbb8",class:"actions-container"},e.map((t=>n("button",{onClick:t.onClick},t.label))),i.length>0&&n("button",{key:"c0327b7dbb152db4c5229e2517c0061d5981cdb9"},"...")))))}get host(){return this}static get style(){return":host{--udp-timeline-item-hover-bg:rgba(0, 0, 0, 0.04);--udp-timeline-content-margin-icon:12px;--udp-timeline-content-padding-default:12px;--udp-timeline-time-min-width:64px;--udp-timeline-combined-gap:12px;--udp-timeline-dot-wrap-width:40px;--udp-timeline-title-font-size:16px;--udp-timeline-title-font-weight:600;--udp-timeline-title-color:#222;--udp-timeline-title-margin-right:12px;--udp-timeline-caption-font-size:14px;--udp-timeline-caption-color:#666;--udp-timeline-caption-margin-top:8px}:host(.dot-shape-icon) .content-column{margin-top:var(--udp-timeline-content-margin-icon, 12px)}.udp-timeline-item{display:grid;grid-template-columns:var(--udp-timeline-left-column, 60px) 1fr;align-items:flex-start;gap:var(--udp-timeline-item-gap, 8px);padding:var(--udp-timeline-item-padding-vertical, 12px) 0;position:relative}.separator-column{display:flex;align-items:center;justify-content:center;width:var(--udp-timeline-left-column, 60px);height:100%}.separator-column ::slotted(*){width:100%;display:flex;align-items:center;justify-content:center}.content-column{display:block}.title-slot ::slotted(*){display:block;min-width:var(--udp-timeline-time-min-width, 64px);color:var(--udp-timeline-title-color, #222);font-size:var(--udp-timeline-title-font-size, 16px);font-weight:var(--udp-timeline-title-font-weight, 600);text-align:left}.content-slot ::slotted(*){display:block}.caption-slot ::slotted(*){display:block;margin-top:var(--udp-timeline-caption-margin-top, 8px);font-size:var(--udp-timeline-caption-font-size, 14px);color:var(--udp-timeline-caption-color, #666)}.udp-timeline-item ::slotted([slot='separator']){display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.udp-timeline-item .dot-wrap{width:var(--udp-timeline-dot-wrap-width, 40px);display:flex;align-items:center;justify-content:center}:host(:not(.has-title)) .title-slot{display:none}:host(:not(.has-caption)) .caption-slot{display:none}:host(.clickable).content-column{cursor:pointer;display:block}:host(.clickable) .content-column:hover{background-color:var(--udp-timeline-item-hover-bg)}.actions-container{display:flex;gap:8px;margin-top:8px}.first-row{display:flex;gap:8px;align-items:center}"}},[257,"udp-timeline-item",{dotShape:[1,"dot-shape"],clickable:[4],actions:[16],statusLabel:[1,"status-label"],statusColor:[1,"status-color"],hasTitle:[32],hasCaption:[32]}]),d=s,p=function(){"undefined"!=typeof customElements&&["udp-timeline-item","udp-chip","udp-icon"].forEach((t=>{switch(t){case"udp-timeline-item":customElements.get(o(t))||customElements.define(o(t),s);break;case"udp-chip":customElements.get(o(t))||c();break;case"udp-icon":customElements.get(o(t))||a()}}))};export{d as UdpTimelineItem,p as defineCustomElement}

package/dist/components/udp-timeline-separator.js

@@ -1,38 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-
-const udpTimelineSeparatorCss = ":host{--udp-timeline-connector-color:var(--udp-timeline-line-color, #e0e0e0);--udp-timeline-separator-min-height:48px}.udp-timeline-separator{display:flex;flex-direction:column;align-items:stretch;justify-content:center;width:100%;min-height:var(--udp-timeline-separator-min-height);position:relative;flex:1 1 auto}.dot-wrap{display:flex;align-items:center;justify-content:center;margin:6px 0}.udp-timeline-separator ::slotted(udp-timeline-connector){order:2;display:block;width:var(--udp-timeline-line-width, 2px);background:var(--udp-timeline-connector-color);margin:8px 0;flex:1 1 auto;margin:8px 0;align-self:center;}.udp-timeline-separator ::slotted(udp-timeline-dot){z-index:3;display:block;order:1}";
-
-const UdpTimelineSeparator$1 = /*@__PURE__*/ proxyCustomElement(class UdpTimelineSeparator extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return (h("div", { key: '2c4bf1144dcc4c5e5d2462d14f9e43f255830e0f', class: "udp-timeline-separator" }, h("slot", { key: '45aa4fdb6691157c9f159d1241c4dd04b18c2165' })));
-    }
-    static get style() { return udpTimelineSeparatorCss; }
-}, [257, "udp-timeline-separator"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-timeline-separator"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-timeline-separator":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpTimelineSeparator$1);
-            }
-            break;
-    } });
-}
-
-const UdpTimelineSeparator = UdpTimelineSeparator$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpTimelineSeparator, defineCustomElement };
-//# sourceMappingURL=udp-timeline-separator.js.map
-
-//# sourceMappingURL=udp-timeline-separator.js.map
+import{p as e,H as t,h as i,t as n}from"./index2.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i("div",{key:"ffc3bdd998905aa0254b7610824996ddc5263547",class:"udp-timeline-separator"},i("slot",{key:"92dc66209cffed11e4c04bb0f3f309c9f27cdda2"}))}static get style(){return":host{--udp-timeline-connector-color:var(--udp-timeline-line-color, #e0e0e0);--udp-timeline-separator-min-height:48px}.udp-timeline-separator{display:flex;flex-direction:column;align-items:stretch;justify-content:center;width:100%;min-height:var(--udp-timeline-separator-min-height);position:relative;flex:1 1 auto}.dot-wrap{display:flex;align-items:center;justify-content:center;margin:6px 0}.udp-timeline-separator ::slotted(udp-timeline-connector){order:2;display:block;width:var(--udp-timeline-line-width, 2px);background:var(--udp-timeline-connector-color);margin:8px 0;flex:1 1 auto;margin:8px 0;align-self:center;}.udp-timeline-separator ::slotted(udp-timeline-dot){z-index:3;display:block;order:1}"}},[257,"udp-timeline-separator"]),o=r,l=function(){"undefined"!=typeof customElements&&["udp-timeline-separator"].forEach((e=>{"udp-timeline-separator"===e&&(customElements.get(n(e))||customElements.define(n(e),r))}))};export{o as UdpTimelineSeparator,l as defineCustomElement}

package/dist/components/udp-timeline.js

@@ -1,42 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './index2.js';
-
-const udpTimelineCss = ":host{--udp-timeline-left-column:60px;--udp-timeline-item-gap:8px;--udp-timeline-item-padding-vertical:12px;--udp-timeline-dot-nudge:0px;--udp-timeline-dot-top:14px;--udp-timeline-line-color:#e0e0e0;--udp-timeline-line-width:2px;--udp-timeline-time-color:#222}.udp-timeline-root{display:flex;flex-direction:column;position:relative}.align-left .udp-timeline-root{align-items:flex-start}.align-right .udp-timeline-root{align-items:flex-end}.align-alternate .udp-timeline-root{align-items:stretch}";
-
-const UdpTimeline$1 = /*@__PURE__*/ proxyCustomElement(class UdpTimeline extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /** layout: "left" | "right" | "alternate" */
-        this.align = 'left';
-    }
-    render() {
-        return (h(Host, { key: 'ae334fa3ef6cfafd101076f3e7c01c84e0e8fce1', class: { [`align-${this.align}`]: true } }, h("div", { key: 'd4ab901eee9c918c242b0e9d845c143311aafe43', class: "udp-timeline-root" }, h("slot", { key: '0684459d705fda9e3a4315b849879e9c94454729' }))));
-    }
-    static get style() { return udpTimelineCss; }
-}, [257, "udp-timeline", {
-        "align": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-timeline"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-timeline":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpTimeline$1);
-            }
-            break;
-    } });
-}
-
-const UdpTimeline = UdpTimeline$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpTimeline, defineCustomElement };
-//# sourceMappingURL=udp-timeline.js.map
-
-//# sourceMappingURL=udp-timeline.js.map
+import{p as e,H as t,h as i,d as l,t as n}from"./index2.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.align="left"}render(){return i(l,{key:"555eec82e04f639c2ea3c7e6f02305406a601790",class:{["align-"+this.align]:!0}},i("div",{key:"a717e8b6d0a12902927eda125d07a4fada686903",class:"udp-timeline-root"},i("slot",{key:"2ae6134c049190100dc7fccc9b7ff768b85fc438"})))}static get style(){return":host{--udp-timeline-left-column:60px;--udp-timeline-item-gap:8px;--udp-timeline-item-padding-vertical:12px;--udp-timeline-dot-nudge:0px;--udp-timeline-dot-top:14px;--udp-timeline-line-color:#e0e0e0;--udp-timeline-line-width:2px;--udp-timeline-time-color:#222}.udp-timeline-root{display:flex;flex-direction:column;position:relative}.align-left .udp-timeline-root{align-items:flex-start}.align-right .udp-timeline-root{align-items:flex-end}.align-alternate .udp-timeline-root{align-items:stretch}"}},[257,"udp-timeline",{align:[1]}]),o=d,s=function(){"undefined"!=typeof customElements&&["udp-timeline"].forEach((e=>{"udp-timeline"===e&&(customElements.get(n(e))||customElements.define(n(e),d))}))};export{o as UdpTimeline,s as defineCustomElement}

package/dist/components/udp-vertical-spacer.js

@@ -1,46 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-
-const udpVerticalSpacerCss = ":host{display:block;width:100%}.spacing-01{height:var(--spacing-01)}.spacing-07{height:var(--spacing-07)}.spacing-13{height:var(--spacing-13)}";
-
-const UdpVerticalSpacer$1 = /*@__PURE__*/ proxyCustomElement(class UdpVerticalSpacer extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        const sizeMap = {
-            small: 'spacing-01', // Assuming this corresponds to --spacing-01
-            medium: 'spacing-07', // Assuming this corresponds to --spacing-07
-            large: 'spacing-13', // Assuming this corresponds to --spacing-13
-        };
-        const spacingClass = sizeMap[this.unit] || 'spacing-01';
-        return (h("div", { key: '1641ec0bc69da792851955cda343e452b4b3f741', class: spacingClass }));
-    }
-    static get style() { return udpVerticalSpacerCss; }
-}, [257, "udp-vertical-spacer", {
-        "unit": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-vertical-spacer"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-vertical-spacer":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpVerticalSpacer$1);
-            }
-            break;
-    } });
-}
-
-const UdpVerticalSpacer = UdpVerticalSpacer$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpVerticalSpacer, defineCustomElement };
-//# sourceMappingURL=udp-vertical-spacer.js.map
-
-//# sourceMappingURL=udp-vertical-spacer.js.map
+import{p as s,H as e,h as t,t as i}from"./index2.js";const a=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow()}render(){return t("div",{key:"e7ce17029af1bb28948d736098913de9b7bd8efe",class:{small:"spacing-01",medium:"spacing-07",large:"spacing-13"}[this.unit]||"spacing-01"})}static get style(){return":host{display:block;width:100%}.spacing-01{height:var(--spacing-01)}.spacing-07{height:var(--spacing-07)}.spacing-13{height:var(--spacing-13)}"}},[1,"udp-vertical-spacer",{unit:[1]}]),c=a,n=function(){"undefined"!=typeof customElements&&["udp-vertical-spacer"].forEach((s=>{"udp-vertical-spacer"===s&&(customElements.get(i(s))||customElements.define(i(s),a))}))};export{c as UdpVerticalSpacer,n as defineCustomElement}

package/dist/components/udp-xy-chart.js

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