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

package/dist/components/udp-kpi-card2.js

@@ -1,156 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './index2.js';
-import { d as defineCustomElement$2 } from './udp-icon2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const udpKpiCardCss = ":host{display:inline-block;height:100%}.kpi-card{display:block;text-decoration:none;color:inherit;height:100%}.kpi-card__wrapper{width:160px;height:100%;min-height:80px;border-radius:var(--border-radius, 4px);box-shadow:var(--elevation-02);border:2px solid transparent;transition:var(--input-transition);position:relative;background:white;box-sizing:border-box}.kpi-card--active .kpi-card__wrapper{box-shadow:var(--elevation-04);border-color:var(--card-color, --info-color-main);transform:scale(1.02);z-index:1}.kpi-card--clickable .kpi-card__wrapper{cursor:pointer}.kpi-card--clickable:hover .kpi-card__wrapper{box-shadow:var(--elevation-04);z-index:1;transform:scale(1.02);border-color:var(--card-color, --info-color-main)}.kpi-card--clickable:focus{outline:none}.kpi-card--clickable:focus-visible .kpi-card__wrapper{box-shadow:var(--elevation-04), 0 0 0 3px color-mix(in srgb, var(--card-color, --info-color-main) 30%, transparent);z-index:1;border-color:var(--card-color, --info-color-main)}.kpi-card--active.kpi-card--clickable:hover .kpi-card__wrapper{box-shadow:var(--elevation-04)}.kpi-card__content{padding:var(--spacing-03) var(--spacing-04);overflow:hidden}.kpi-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-03);color:var(--card-color, --info-color-main)}.kpi-card-caption{color:var(--text-hint);margin-top:-5px}";
-
-const UdpKpiCard = /*@__PURE__*/ proxyCustomElement(class UdpKpiCard extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.cardClick = createEvent(this, "cardClick");
-        /**
-         * Color token or CSS color string. See resolveCardColor for supported values.
-         * Default: 'primary'
-         */
-        this.color = 'primary';
-        /**
-         * Visual active state. When true, the card is rendered with active styles and aria-current is applied.
-         */
-        this.active = false;
-        /**
-         * Action type for the card. One of 'display' | 'navigation' | 'filter' | 'action'.
-         * - 'display' = non-interactive
-         * - 'navigation' = clicking navigates to `href`
-         * - 'filter' = emits cardClick for parent to handle filter semantics
-         * - 'action' = optional onClick handler on the KPICardData will be invoked by container
-         */
-        this.actionType = 'display';
-        /**
-         * Click handler for the component.
-         * - If navigation and href are provided, perform a native navigation.
-         * - Otherwise emit the `cardClick` event for parent handling.
-         * @private
-         */
-        this.handleClick = () => {
-            if (this.actionType === 'navigation' && this.href != null && this.href !== '') {
-                window.location.href = this.href;
-            }
-            else {
-                // Emit custom event for parent to handle
-                this.cardClick.emit();
-            }
-        };
-        /**
-         * Keyboard handler for accessibility.
-         * Triggers the click action when Enter or Space is pressed.
-         * @private
-         */
-        this.handleKeyDown = (event) => {
-            if (event.key === 'Enter' || event.key === ' ') {
-                event.preventDefault();
-                this.handleClick();
-            }
-        };
-        /**
-         * Resolve known semantic color tokens to CSS variable usage.
-         *
-         * Resolution rules:
-         * - maps known keywords (secondary/info/success/warning/error/primary) to CSS variables
-         * - returns `var(--token)` string so inline style can set --card-color
-         *
-         * Note: callers may also pass direct CSS colors or explicit var(...) tokens in higher-level data;
-         * this implementation maps a limited set of semantic tokens used by the codebase.
-         *
-         * @param color - semantic token or color string
-         * @returns CSS value string (e.g. "var(--primary-color)") or undefined when no color provided
-         * @private
-         */
-        this.resolveCardColor = (color) => {
-            if (color === undefined || color === null || color === '')
-                return undefined;
-            let colorVar;
-            switch (color) {
-                case 'secondary':
-                    colorVar = '--secondary-color';
-                    break;
-                case 'info':
-                    colorVar = '--info-color-main';
-                    break;
-                case 'success':
-                    colorVar = '--success-color-main';
-                    break;
-                case 'warning':
-                    colorVar = '--warning-color-main';
-                    break;
-                case 'error':
-                    colorVar = '--error-color-main';
-                    break;
-                default:
-                    colorVar = '--primary-color';
-            }
-            return `var(${colorVar})`;
-        };
-        this.renderCardContent = (cardStyles) => (h("div", { class: "kpi-card__wrapper", style: cardStyles }, h("div", { class: "kpi-card__content" }, h("div", { class: "kpi-card__header" }, h("unity-typography", { variant: "h6", color: "inherit" }, this.value), h("udp-icon", { iconName: this.iconName, color: "inherit" })), h("unity-typography", { variant: "body1", color: "inherit" }, this.primaryText), h("div", { class: "kpi-card-caption" }, h("unity-typography", { variant: "caption-text", color: "inherit" }, this.secondaryText)))));
-    }
-    render() {
-        var _a;
-        const isClickable = this.actionType !== 'display' &&
-            (this.actionType === 'navigation' ||
-                this.actionType === 'filter' ||
-                this.actionType === 'action');
-        const isNavigation = this.actionType === 'navigation' && this.href != null && this.href !== '';
-        const cardClasses = {
-            'kpi-card': true,
-            'kpi-card--active': this.active,
-            'kpi-card--clickable': isClickable,
-        };
-        const cardStyles = {
-            '--card-color': this.resolveCardColor(this.color),
-        };
-        const content = this.renderCardContent(cardStyles);
-        return (h(Host, { key: 'e3ea56203c667471f7d8f504f62ddcb1a1b871f0' }, isNavigation ? (h("a", { href: this.href, class: cardClasses, style: { textDecoration: 'none' } }, content)) : (h("div", { class: cardClasses, onClick: isClickable ? this.handleClick : undefined, onKeyDown: isClickable ? this.handleKeyDown : undefined, tabIndex: isClickable ? 0 : undefined, "aria-current": (_a = this.active) !== null && _a !== void 0 ? _a : undefined, "aria-label": this.primaryText, role: "button" }, content))));
-    }
-    static get style() { return udpKpiCardCss; }
-}, [257, "udp-kpi-card", {
-        "cardId": [1, "card-id"],
-        "primaryText": [1, "primary-text"],
-        "secondaryText": [1, "secondary-text"],
-        "color": [1],
-        "value": [8],
-        "iconName": [1, "icon-name"],
-        "active": [4],
-        "actionType": [1, "action-type"],
-        "href": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-kpi-card", "udp-icon", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-kpi-card":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpKpiCard);
-            }
-            break;
-        case "udp-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { UdpKpiCard as U, defineCustomElement as d };
-//# sourceMappingURL=udp-kpi-card2.js.map
-
-//# sourceMappingURL=udp-kpi-card2.js.map
+import{p as i,H as r,c as a,h as o,d as t,t as e}from"./index2.js";import{d as c}from"./udp-icon2.js";import{d as n}from"./unity-typography2.js";const s=i(class extends r{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.cardClick=a(this,"cardClick"),this.color="primary",this.active=!1,this.actionType="display",this.handleClick=()=>{"navigation"===this.actionType&&null!=this.href&&""!==this.href?window.location.href=this.href:this.cardClick.emit()},this.handleKeyDown=i=>{"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.handleClick())},this.resolveCardColor=i=>{if(null==i||""===i)return;let r;switch(i){case"secondary":r="--secondary-color";break;case"info":r="--info-color-main";break;case"success":r="--success-color-main";break;case"warning":r="--warning-color-main";break;case"error":r="--error-color-main";break;default:r="--primary-color"}return`var(${r})`},this.renderCardContent=i=>o("div",{class:"kpi-card__wrapper",style:i},o("div",{class:"kpi-card__content"},o("div",{class:"kpi-card__header"},o("unity-typography",{variant:"h6",color:"inherit"},this.value),o("udp-icon",{iconName:this.iconName,color:"inherit"})),o("unity-typography",{variant:"body1",color:"inherit"},this.primaryText),o("div",{class:"kpi-card-caption"},o("unity-typography",{variant:"caption-text",color:"inherit"},this.secondaryText))))}render(){var i;const r="display"!==this.actionType&&("navigation"===this.actionType||"filter"===this.actionType||"action"===this.actionType),a="navigation"===this.actionType&&null!=this.href&&""!==this.href,e={"kpi-card":!0,"kpi-card--active":this.active,"kpi-card--clickable":r},c={"--card-color":this.resolveCardColor(this.color)},n=this.renderCardContent(c);return o(t,{key:"e3ea56203c667471f7d8f504f62ddcb1a1b871f0"},a?o("a",{href:this.href,class:e,style:{textDecoration:"none"}},n):o("div",{class:e,onClick:r?this.handleClick:void 0,onKeyDown:r?this.handleKeyDown:void 0,tabIndex:r?0:void 0,"aria-current":null!==(i=this.active)&&void 0!==i?i:void 0,"aria-label":this.primaryText,role:"button"},n))}static get style(){return":host{display:inline-block;height:100%}.kpi-card{display:block;text-decoration:none;color:inherit;height:100%}.kpi-card__wrapper{width:160px;height:100%;min-height:80px;border-radius:var(--border-radius, 4px);box-shadow:var(--elevation-02);border:2px solid transparent;transition:var(--input-transition);position:relative;background:white;box-sizing:border-box}.kpi-card--active .kpi-card__wrapper{box-shadow:var(--elevation-04);border-color:var(--card-color, --info-color-main);transform:scale(1.02);z-index:1}.kpi-card--clickable .kpi-card__wrapper{cursor:pointer}.kpi-card--clickable:hover .kpi-card__wrapper{box-shadow:var(--elevation-04);z-index:1;transform:scale(1.02);border-color:var(--card-color, --info-color-main)}.kpi-card--clickable:focus{outline:none}.kpi-card--clickable:focus-visible .kpi-card__wrapper{box-shadow:var(--elevation-04), 0 0 0 3px color-mix(in srgb, var(--card-color, --info-color-main) 30%, transparent);z-index:1;border-color:var(--card-color, --info-color-main)}.kpi-card--active.kpi-card--clickable:hover .kpi-card__wrapper{box-shadow:var(--elevation-04)}.kpi-card__content{padding:var(--spacing-03) var(--spacing-04);overflow:hidden}.kpi-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-03);color:var(--card-color, --info-color-main)}.kpi-card-caption{color:var(--text-hint);margin-top:-5px}"}},[1,"udp-kpi-card",{cardId:[1,"card-id"],primaryText:[1,"primary-text"],secondaryText:[1,"secondary-text"],color:[1],value:[8],iconName:[1,"icon-name"],active:[4],actionType:[1,"action-type"],href:[1]}]);function d(){"undefined"!=typeof customElements&&["udp-kpi-card","udp-icon","unity-typography"].forEach((i=>{switch(i){case"udp-kpi-card":customElements.get(e(i))||customElements.define(e(i),s);break;case"udp-icon":customElements.get(e(i))||c();break;case"unity-typography":customElements.get(e(i))||n()}}))}export{s as U,d}

package/dist/components/udp-kpi-cards.js

@@ -1,84 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './index2.js';
-import { d as defineCustomElement$4 } from './udp-icon2.js';
-import { d as defineCustomElement$3 } from './udp-kpi-card2.js';
-import { d as defineCustomElement$2 } from './unity-typography2.js';
-
-const udpKpiCardsCss = ".kpi-cards-container{display:grid;grid-template-columns:repeat(auto-fit, 160px);grid-auto-rows:1fr;gap:var(--spacing-03, '8px');align-items:stretch}";
-
-const UdpKpiCards$1 = /*@__PURE__*/ proxyCustomElement(class UdpKpiCards extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.filterChange = createEvent(this, "filterChange");
-    }
-    /**
-     * Internal click handler for items.
-     *
-     * Behavior:
-     * - If card.actionType === 'action' and card.onClick is provided -> call card.onClick()
-     * - Else if card.actionType === 'filter' -> compute new filter id and emit `filterChange`
-     *
-     * @param card - KPICardData for the clicked item
-     * @private
-     */
-    handleCardClick(card) {
-        if ((card === null || card === void 0 ? void 0 : card.actionType) === 'action' && (card === null || card === void 0 ? void 0 : card.onClick) !== null) {
-            card.onClick();
-        }
-        else if ((card === null || card === void 0 ? void 0 : card.actionType) === 'filter') {
-            const newFilterId = this.activeFilterId === (card === null || card === void 0 ? void 0 : card.id) || (card === null || card === void 0 ? void 0 : card.id) === 'all' ? null : card === null || card === void 0 ? void 0 : card.id;
-            this.filterChange.emit(newFilterId);
-        }
-    }
-    render() {
-        var _a;
-        return (h("div", { key: '5bf41d4b233e2100b1d42122d660fa0d286a7c81', class: "kpi-cards-container" }, (_a = this.cards) === null || _a === void 0 ? void 0 :
-            _a.map((kpi) => {
-                const isActive = this.activeFilterId === kpi.id;
-                return (h("udp-kpi-card", { cardId: kpi.id, primaryText: kpi.primaryText, secondaryText: kpi.secondaryText, color: kpi.color, value: kpi.value, active: isActive, actionType: kpi.actionType, href: kpi.href, iconName: kpi === null || kpi === void 0 ? void 0 : kpi.iconName, onCardClick: () => this.handleCardClick(kpi) }));
-            }), h("slot", { key: '044c295aaa60bb80c36aa845bdb92d30e9b47b3b' })));
-    }
-    static get style() { return udpKpiCardsCss; }
-}, [257, "udp-kpi-cards", {
-        "cards": [16],
-        "activeFilterId": [1, "active-filter-id"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-kpi-cards", "udp-icon", "udp-kpi-card", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-kpi-cards":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpKpiCards$1);
-            }
-            break;
-        case "udp-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "udp-kpi-card":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const UdpKpiCards = UdpKpiCards$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpKpiCards, defineCustomElement };
-//# sourceMappingURL=udp-kpi-cards.js.map
-
-//# sourceMappingURL=udp-kpi-cards.js.map
+import{p as t,H as i,c as a,h as e,t as s}from"./index2.js";import{d as r}from"./udp-icon2.js";import{d}from"./udp-kpi-card2.js";import{d as c}from"./unity-typography2.js";const o=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.filterChange=a(this,"filterChange")}handleCardClick(t){"action"===(null==t?void 0:t.actionType)&&null!==(null==t?void 0:t.onClick)?t.onClick():"filter"===(null==t?void 0:t.actionType)&&this.filterChange.emit(this.activeFilterId===(null==t?void 0:t.id)||"all"===(null==t?void 0:t.id)?null:null==t?void 0:t.id)}render(){var t;return e("div",{key:"5bf41d4b233e2100b1d42122d660fa0d286a7c81",class:"kpi-cards-container"},null===(t=this.cards)||void 0===t?void 0:t.map((t=>e("udp-kpi-card",{cardId:t.id,primaryText:t.primaryText,secondaryText:t.secondaryText,color:t.color,value:t.value,active:this.activeFilterId===t.id,actionType:t.actionType,href:t.href,iconName:null==t?void 0:t.iconName,onCardClick:()=>this.handleCardClick(t)}))),e("slot",{key:"044c295aaa60bb80c36aa845bdb92d30e9b47b3b"}))}static get style(){return".kpi-cards-container{display:grid;grid-template-columns:repeat(auto-fit, 160px);grid-auto-rows:1fr;gap:var(--spacing-03, '8px');align-items:stretch}"}},[257,"udp-kpi-cards",{cards:[16],activeFilterId:[1,"active-filter-id"]}]),n=o,l=function(){"undefined"!=typeof customElements&&["udp-kpi-cards","udp-icon","udp-kpi-card","unity-typography"].forEach((t=>{switch(t){case"udp-kpi-cards":customElements.get(s(t))||customElements.define(s(t),o);break;case"udp-icon":customElements.get(s(t))||r();break;case"udp-kpi-card":customElements.get(s(t))||d();break;case"unity-typography":customElements.get(s(t))||c()}}))};export{n as UdpKpiCards,l as defineCustomElement}

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

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

package/dist/components/udp-line-chart2.js

@@ -1,134 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { v4 } from 'uuid';
-import { d as defineCustomElement$9 } from './chart-container2.js';
-import { d as defineCustomElement$8 } from './chart-kpi2.js';
-import { d as defineCustomElement$7 } from './stencil-icon-button2.js';
-import { d as defineCustomElement$6 } from './udp-adornment2.js';
-import { d as defineCustomElement$5 } from './udp-ambient-card2.js';
-import { d as defineCustomElement$4 } from './udp-ambient-tool-tip2.js';
-import { d as defineCustomElement$3 } from './udp-badge2.js';
-import { d as defineCustomElement$2 } from './udp-xy-chart2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const udpLineChartCss = "#udp-line-chart{height:500px;width:500px;z-index:1000}";
-
-const UdpLineChart = /*@__PURE__*/ proxyCustomElement(class UdpLineChart extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.xAxisField = undefined;
-        this.yAxisField = undefined;
-        this.title = undefined;
-        this.subheader = undefined;
-        this.kpis = undefined;
-        this.xAxisLabel = undefined;
-        this.yAxisLabel = undefined;
-        this.kpisPosition = 'left';
-        this.hideAdornment = false;
-        this.hideScrollbarX = false;
-        this.hideBorder = false;
-        this.valueYFields = undefined;
-        this.showBullets = false;
-        this.chartId = v4();
-        this.xDataType = 'date';
-        this.yDataType = 'number';
-        this.distBetweenGridLines = undefined;
-        this.hideLegend = false;
-        this.removePadding = false;
-    }
-    render() {
-        return (h("udp-xy-chart", { key: 'cbcfb8e4e2d95387da1a6151a34d3fd14bb5d9a8', title: this.title, subheader: this.subheader, data: this.data, chartId: this.chartId, kpis: this.kpis, customWidth: this.customWidth, customHeight: this.customHeight, customCardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, labelField: this.xAxisField, valueField: this.yAxisField, showBullets: this.showBullets, xDataType: this.xDataType, yDataType: this.yDataType, hideLegend: this.hideLegend, xAxisLabel: this.xAxisLabel, yAxisLabel: this.yAxisLabel, chartType: "Line", hideBorder: this.hideBorder, removePadding: this.removePadding }));
-    }
-    get el() { return this; }
-    static get style() { return udpLineChartCss; }
-}, [257, "udp-line-chart", {
-        "data": [16],
-        "xAxisField": [1, "x-axis-field"],
-        "yAxisField": [1, "y-axis-field"],
-        "title": [1],
-        "subheader": [1],
-        "kpis": [16],
-        "xAxisLabel": [1, "x-axis-label"],
-        "yAxisLabel": [1, "y-axis-label"],
-        "customWidth": [8, "custom-width"],
-        "customHeight": [8, "custom-height"],
-        "customCardWidth": [8, "custom-card-width"],
-        "kpisPosition": [1, "kpis-position"],
-        "hideAdornment": [4, "hide-adornment"],
-        "hideScrollbarX": [4, "hide-scrollbar-x"],
-        "hideBorder": [4, "hide-border"],
-        "valueYFields": [16],
-        "showBullets": [4, "show-bullets"],
-        "chartId": [1, "chart-id"],
-        "xDataType": [1, "x-data-type"],
-        "yDataType": [1, "y-data-type"],
-        "distBetweenGridLines": [2, "dist-between-grid-lines"],
-        "hideLegend": [4, "hide-legend"],
-        "removePadding": [4, "remove-padding"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-line-chart", "chart-container", "chart-kpi", "stencil-icon-button", "udp-adornment", "udp-ambient-card", "udp-ambient-tool-tip", "udp-badge", "udp-xy-chart", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-line-chart":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpLineChart);
-            }
-            break;
-        case "chart-container":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "chart-kpi":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "stencil-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "udp-adornment":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "udp-ambient-card":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "udp-ambient-tool-tip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "udp-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "udp-xy-chart":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { UdpLineChart as U, defineCustomElement as d };
-//# sourceMappingURL=udp-line-chart2.js.map
-
-//# sourceMappingURL=udp-line-chart2.js.map
+import{p as t,H as e,h as i,t as s}from"./index2.js";import{v4 as a}from"uuid";import{d}from"./chart-container2.js";import{d as o}from"./chart-kpi2.js";import{d as r}from"./stencil-icon-button2.js";import{d as h}from"./udp-adornment2.js";import{d as n}from"./udp-ambient-card2.js";import{d as c}from"./udp-ambient-tool-tip2.js";import{d as m}from"./udp-badge2.js";import{d as u}from"./udp-xy-chart2.js";import{d as p}from"./unity-typography2.js";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.xAxisField=void 0,this.yAxisField=void 0,this.title=void 0,this.subheader=void 0,this.kpis=void 0,this.xAxisLabel=void 0,this.yAxisLabel=void 0,this.kpisPosition="left",this.hideAdornment=!1,this.hideScrollbarX=!1,this.hideBorder=!1,this.valueYFields=void 0,this.showBullets=!1,this.chartId=a(),this.xDataType="date",this.yDataType="number",this.distBetweenGridLines=void 0,this.hideLegend=!1,this.removePadding=!1}render(){return i("udp-xy-chart",{key:"cbcfb8e4e2d95387da1a6151a34d3fd14bb5d9a8",title:this.title,subheader:this.subheader,data:this.data,chartId:this.chartId,kpis:this.kpis,customWidth:this.customWidth,customHeight:this.customHeight,customCardWidth:this.customCardWidth,kpisPosition:this.kpisPosition,hideAdornment:this.hideAdornment,labelField:this.xAxisField,valueField:this.yAxisField,showBullets:this.showBullets,xDataType:this.xDataType,yDataType:this.yDataType,hideLegend:this.hideLegend,xAxisLabel:this.xAxisLabel,yAxisLabel:this.yAxisLabel,chartType:"Line",hideBorder:this.hideBorder,removePadding:this.removePadding})}get el(){return this}static get style(){return"#udp-line-chart{height:500px;width:500px;z-index:1000}"}},[1,"udp-line-chart",{data:[16],xAxisField:[1,"x-axis-field"],yAxisField:[1,"y-axis-field"],title:[1],subheader:[1],kpis:[16],xAxisLabel:[1,"x-axis-label"],yAxisLabel:[1,"y-axis-label"],customWidth:[8,"custom-width"],customHeight:[8,"custom-height"],customCardWidth:[8,"custom-card-width"],kpisPosition:[1,"kpis-position"],hideAdornment:[4,"hide-adornment"],hideScrollbarX:[4,"hide-scrollbar-x"],hideBorder:[4,"hide-border"],valueYFields:[16],showBullets:[4,"show-bullets"],chartId:[1,"chart-id"],xDataType:[1,"x-data-type"],yDataType:[1,"y-data-type"],distBetweenGridLines:[2,"dist-between-grid-lines"],hideLegend:[4,"hide-legend"],removePadding:[4,"remove-padding"]}]);function b(){"undefined"!=typeof customElements&&["udp-line-chart","chart-container","chart-kpi","stencil-icon-button","udp-adornment","udp-ambient-card","udp-ambient-tool-tip","udp-badge","udp-xy-chart","unity-typography"].forEach((t=>{switch(t){case"udp-line-chart":customElements.get(s(t))||customElements.define(s(t),l);break;case"chart-container":customElements.get(s(t))||d();break;case"chart-kpi":customElements.get(s(t))||o();break;case"stencil-icon-button":customElements.get(s(t))||r();break;case"udp-adornment":customElements.get(s(t))||h();break;case"udp-ambient-card":customElements.get(s(t))||n();break;case"udp-ambient-tool-tip":customElements.get(s(t))||c();break;case"udp-badge":customElements.get(s(t))||m();break;case"udp-xy-chart":customElements.get(s(t))||u();break;case"unity-typography":customElements.get(s(t))||p()}}))}export{l as U,b as d}

package/dist/components/udp-linear-loader.js

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

package/dist/components/udp-linear-loader2.js

@@ -1,45 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './index2.js';
-
-const udpLinearLoaderCss = ":host{--udp-loader-primary-color:var(--primary-color, #2953ff);--udp-loader-secondary-color:var(--secondary-color, #6f767a);--udp-loader-success-color:var(--success-color, #0da40d);--udp-loader-error-color:var(--error-color, #ff0000);--udp-loader-warning-color:var(--warning-color, #ffa500);--udp-loader-info-color:var(--info-color, #2953ff)}.loader{position:relative;width:100%;height:4px;background-color:transparent;overflow:hidden;}.indeterminate{background-color:var(--udp-loader-primary-color);position:absolute;width:40%;height:100%;animation:indeterminate 1s linear infinite}.loader--color-primary .indeterminate{background-color:var(--udp-loader-primary-color)}.loader--color-secondary .indeterminate{background-color:var(--udp-loader-secondary-color)}.loader--color-success .indeterminate{background-color:var(--udp-loader-success-color)}.loader--color-error .indeterminate{background-color:var(--udp-loader-error-color)}.loader--color-warning .indeterminate{background-color:var(--udp-loader-warning-color)}.loader--color-info .indeterminate{background-color:var(--udp-loader-info-color)}@keyframes indeterminate{0%{left:-50%;width:50%}100%{left:100%;width:100%}}";
-
-const UdpLinearLoader = /*@__PURE__*/ proxyCustomElement(class UdpLinearLoader extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * The color of the loader. It supports theming using global CSS variables.
-         */
-        this.color = 'primary';
-    }
-    render() {
-        const loaderClasses = {
-            loader: true,
-            [`loader--color-${this.color}`]: true,
-        };
-        return (h(Host, { key: '02559056a6c92d30881094938be83c93fb2d8714' }, h("div", { key: '03a65dcd2340edd7c7225a0e64886e0b6ad267c2', class: loaderClasses }, h("div", { key: '65b9c402dd81dc6bdc3640ecf80d720fa9f89ab4', class: "indeterminate" }))));
-    }
-    static get style() { return udpLinearLoaderCss; }
-}, [257, "udp-linear-loader", {
-        "color": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-linear-loader"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-linear-loader":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpLinearLoader);
-            }
-            break;
-    } });
-}
-
-export { UdpLinearLoader as U, defineCustomElement as d };
-//# sourceMappingURL=udp-linear-loader2.js.map
-
-//# sourceMappingURL=udp-linear-loader2.js.map
+import{p as r,H as o,h as e,d as a,t as d}from"./index2.js";const l=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.color="primary"}render(){return e(a,{key:"9a117a437dfa0fb96e428aa052de8a5d04f8fd15"},e("div",{key:"369d4f034b7d962bcc7eb621a078db1f107a0f8a",class:{loader:!0,[`loader--color-${this.color}`]:!0}},e("div",{key:"ed2a6774666c41ba5e67147ffedce6af63aeb1e1",class:"indeterminate"})))}static get style(){return":host{--udp-loader-primary-color:var(--primary-color, #2953ff);--udp-loader-secondary-color:var(--secondary-color, #6f767a);--udp-loader-success-color:var(--success-color, #0da40d);--udp-loader-error-color:var(--error-color, #ff0000);--udp-loader-warning-color:var(--warning-color, #ffa500);--udp-loader-info-color:var(--info-color, #2953ff)}.loader{position:relative;width:100%;height:4px;background-color:transparent;overflow:hidden;}.indeterminate{background-color:var(--udp-loader-primary-color);position:absolute;width:40%;height:100%;animation:indeterminate 1s linear infinite}.loader--color-primary .indeterminate{background-color:var(--udp-loader-primary-color)}.loader--color-secondary .indeterminate{background-color:var(--udp-loader-secondary-color)}.loader--color-success .indeterminate{background-color:var(--udp-loader-success-color)}.loader--color-error .indeterminate{background-color:var(--udp-loader-error-color)}.loader--color-warning .indeterminate{background-color:var(--udp-loader-warning-color)}.loader--color-info .indeterminate{background-color:var(--udp-loader-info-color)}@keyframes indeterminate{0%{left:-50%;width:50%}100%{left:100%;width:100%}}"}},[1,"udp-linear-loader",{color:[1]}]);function n(){"undefined"!=typeof customElements&&["udp-linear-loader"].forEach((r=>{"udp-linear-loader"===r&&(customElements.get(d(r))||customElements.define(d(r),l))}))}export{l as U,n as d}

package/dist/components/udp-link.js

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

package/dist/components/udp-link2.js

@@ -1,70 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './index2.js';
-
-const udpLinkCss = ":host{display:inline-flex}.udp-link{color:var(--primary-color);text-decoration:none;cursor:pointer;background:none;border:none;padding:0;font:inherit;outline:inherit;transition:color 0.2s ease-in-out}.udp-link:hover{color:var(--primary-dark);text-decoration:underline}.udp-link:focus{outline:2px solid var(--primary-light);outline-offset:2px}.udp-link.disabled{color:var(--text-disabled);cursor:default;pointer-events:none}.udp-link.disabled:hover{text-decoration:none}";
-
-const UdpLink = /*@__PURE__*/ proxyCustomElement(class UdpLink extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.linkClick = createEvent(this, "linkClick");
-        /**
-         * The target attribute specifies where to open the linked document
-         */
-        this.target = '_self';
-        /**
-         * If true, the link will be disabled
-         */
-        this.disabled = false;
-        /**
-         * If true, the component will render as a button instead of an anchor
-         */
-        this.component = 'a';
-        this.handleClick = (e) => {
-            if (this.disabled) {
-                e.preventDefault();
-                return;
-            }
-            this.linkClick.emit(e);
-        };
-    }
-    render() {
-        const commonProps = {
-            class: {
-                'udp-link': true,
-                'disabled': this.disabled,
-            },
-            onClick: this.handleClick,
-        };
-        if (this.component === 'button' || !this.href) {
-            return (h("button", Object.assign({}, commonProps, { disabled: this.disabled, type: "button" }), h("slot", null)));
-        }
-        return (h("a", Object.assign({}, commonProps, { href: this.href, target: this.target }), h("slot", null)));
-    }
-    static get style() { return udpLinkCss; }
-}, [257, "udp-link", {
-        "href": [1],
-        "target": [1],
-        "disabled": [4],
-        "component": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-link"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-link":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpLink);
-            }
-            break;
-    } });
-}
-
-export { UdpLink as U, defineCustomElement as d };
-//# sourceMappingURL=udp-link2.js.map
-
-//# sourceMappingURL=udp-link2.js.map
+import{p as t,H as e,c as i,h as n,t as s}from"./index2.js";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.linkClick=i(this,"linkClick"),this.target="_self",this.disabled=!1,this.component="a",this.handleClick=t=>{this.disabled?t.preventDefault():this.linkClick.emit(t)}}render(){const t={class:{"udp-link":!0,disabled:this.disabled},onClick:this.handleClick};return"button"!==this.component&&this.href?n("a",Object.assign({},t,{href:this.href,target:this.target}),n("slot",null)):n("button",Object.assign({},t,{disabled:this.disabled,type:"button"}),n("slot",null))}static get style(){return":host{display:inline-flex}.udp-link{color:var(--primary-color);text-decoration:none;cursor:pointer;background:none;border:none;padding:0;font:inherit;outline:inherit;transition:color 0.2s ease-in-out}.udp-link:hover{color:var(--primary-dark);text-decoration:underline}.udp-link:focus{outline:2px solid var(--primary-light);outline-offset:2px}.udp-link.disabled{color:var(--text-disabled);cursor:default;pointer-events:none}.udp-link.disabled:hover{text-decoration:none}"}},[257,"udp-link",{href:[1],target:[1],disabled:[4],component:[1]}]);function r(){"undefined"!=typeof customElements&&["udp-link"].forEach((t=>{"udp-link"===t&&(customElements.get(s(t))||customElements.define(s(t),o))}))}export{o as U,r as d}

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

@@ -1,9 +1 @@
-import { U as UdpListRenderer, d as defineCustomElement$1 } from './list-item.js';
-
-const UdpListItem = UdpListRenderer;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpListItem, defineCustomElement };
-//# sourceMappingURL=udp-list-item.js.map
-
-//# sourceMappingURL=udp-list-item.js.map
+import{U as s,d as t}from"./list-item.js";const o=s,i=t;export{o as UdpListItem,i as defineCustomElement}

package/dist/components/udp-list-renderer.js

@@ -1,9 +1 @@
-import { U as UdpItemList, d as defineCustomElement$1 } from './udp-list-renderer2.js';
-
-const UdpListRenderer = UdpItemList;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpListRenderer, defineCustomElement };
-//# sourceMappingURL=udp-list-renderer.js.map
-
-//# sourceMappingURL=udp-list-renderer.js.map
+import{U as r,d as s}from"./udp-list-renderer2.js";const e=r,o=s;export{e as UdpListRenderer,o as defineCustomElement}