udp-stencil-component-library 25.18.2-beta.9 → 25.18.2

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

@@ -1,186 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import * as am4charts from '@amcharts/amcharts4/charts';
-import * as am4core from '@amcharts/amcharts4/core';
-import { s as setChartDefaultSettings, j as setSankeyChartDefaultSettings } from './chartUtils.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 './unity-typography2.js';
-
-const udpSankeyChartCss = ":host{display:block}";
-
-const UdpSankeyChart$1 = /*@__PURE__*/ proxyCustomElement(class UdpSankeyChart extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.data = undefined;
-        this.valueField = '';
-        this.labelField = '';
-        this.title = undefined;
-        this.subheader = undefined;
-        this.hideLegend = false;
-        this.kpisPosition = 'left';
-        this.kpis = undefined;
-        this.hideAdornment = false;
-        this.hideBorder = false;
-        this.sourceIdField = 'from';
-        this.targetIdField = 'to';
-        this.labelFormat = '{name}: ${value}';
-        this.tooltipTextFormat = '{fromName} - {toName}: ${value}';
-        this.nodeTooltipTextFormat = undefined;
-        this.paddingRight = 110;
-        this.removePadding = false;
-        this.chartId = v4();
-    }
-    async renderChart() {
-        // Loop until the chart container is available
-        const attemptToRender = async () => {
-            var _a, _b, _c;
-            const chartContainer = (_b = (_a = this.el) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById(this.chartId);
-            if (!chartContainer) {
-                await new Promise(resolve => setTimeout(resolve, 50));
-                return attemptToRender(); // Retry
-            }
-            // Proceed with rendering the chart once the container is available
-            if (!this.valueField || !this.sourceIdField || !this.targetIdField)
-                return;
-            if (this.chart) {
-                this.chart.dispose();
-            }
-            this.chart = am4core.create(chartContainer, am4charts.SankeyDiagram);
-            // Apply chart settings and series
-            setChartDefaultSettings(this.chart, chartContainer, this.enableExport);
-            setSankeyChartDefaultSettings(this.chart, this.valueField, this.sourceIdField, this.targetIdField, this.paddingRight, this.labelFormat, this.tooltipTextFormat, this.nodeTooltipTextFormat);
-            // Set data
-            this.chart.data = (_c = this.data) !== null && _c !== void 0 ? _c : [];
-        };
-        await attemptToRender();
-    }
-    componentDidLoad() {
-        this.renderChart();
-    }
-    disconnectedCallback() {
-        // Clean up chart instance on component removal
-        if (this.chart) {
-            this.chart.dispose();
-        }
-    }
-    render() {
-        return (h("chart-container", { key: '054a638469ee5d089f8d0d6712f3fc6365d3e783', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "valueField": ["renderChart"],
-        "sourceIdField": ["renderChart"],
-        "targetIdField": ["renderChart"],
-        "labelFormat": ["renderChart"],
-        "tooltipTextFormat": ["renderChart"],
-        "nodeTooltipTextFormat": ["renderChart"],
-        "paddingRight": ["renderChart"],
-        "hideLegend": ["renderChart"],
-        "data": ["renderChart"]
-    }; }
-    static get style() { return udpSankeyChartCss; }
-}, [257, "udp-sankey-chart", {
-        "data": [16],
-        "valueField": [1, "value-field"],
-        "labelField": [1, "label-field"],
-        "title": [1],
-        "subheader": [1],
-        "hideLegend": [4, "hide-legend"],
-        "customWidth": [8, "custom-width"],
-        "customHeight": [8, "custom-height"],
-        "customCardWidth": [8, "custom-card-width"],
-        "kpisPosition": [1, "kpis-position"],
-        "kpis": [16],
-        "hideAdornment": [4, "hide-adornment"],
-        "hideBorder": [4, "hide-border"],
-        "sourceIdField": [1, "source-id-field"],
-        "targetIdField": [1, "target-id-field"],
-        "labelFormat": [1, "label-format"],
-        "tooltipTextFormat": [1, "tooltip-text-format"],
-        "nodeTooltipTextFormat": [1, "node-tooltip-text-format"],
-        "paddingRight": [2, "padding-right"],
-        "enableExport": [4, "enable-export"],
-        "removePadding": [4, "remove-padding"],
-        "chartId": [1, "chart-id"]
-    }, undefined, {
-        "valueField": ["renderChart"],
-        "sourceIdField": ["renderChart"],
-        "targetIdField": ["renderChart"],
-        "labelFormat": ["renderChart"],
-        "tooltipTextFormat": ["renderChart"],
-        "nodeTooltipTextFormat": ["renderChart"],
-        "paddingRight": ["renderChart"],
-        "hideLegend": ["renderChart"],
-        "data": ["renderChart"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-sankey-chart", "chart-container", "chart-kpi", "stencil-icon-button", "udp-adornment", "udp-ambient-card", "udp-ambient-tool-tip", "udp-badge", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-sankey-chart":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpSankeyChart$1);
-            }
-            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 "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const UdpSankeyChart = UdpSankeyChart$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpSankeyChart, defineCustomElement };
-//# sourceMappingURL=udp-sankey-chart.js.map
-
-//# sourceMappingURL=udp-sankey-chart.js.map
+import{p as t,H as e,h as i,t as r}from"./index2.js";import*as a from"@amcharts/amcharts4/charts";import*as s from"@amcharts/amcharts4/core";import{s as d,j as o}from"./chartUtils.js";import{v4 as h}from"uuid";import{d as n}from"./chart-container2.js";import{d as m}from"./chart-kpi2.js";import{d as c}from"./stencil-icon-button2.js";import{d as l}from"./udp-adornment2.js";import{d as p}from"./udp-ambient-card2.js";import{d as u}from"./udp-ambient-tool-tip2.js";import{d as b}from"./udp-badge2.js";import{d as g}from"./unity-typography2.js";const f=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.data=void 0,this.valueField="",this.labelField="",this.title=void 0,this.subheader=void 0,this.hideLegend=!1,this.kpisPosition="left",this.kpis=void 0,this.hideAdornment=!1,this.hideBorder=!1,this.sourceIdField="from",this.targetIdField="to",this.labelFormat="{name}: ${value}",this.tooltipTextFormat="{fromName} - {toName}: ${value}",this.nodeTooltipTextFormat=void 0,this.paddingRight=110,this.removePadding=!1,this.chartId=h()}async renderChart(){const t=async()=>{var e,i,r;const h=null===(i=null===(e=this.el)||void 0===e?void 0:e.shadowRoot)||void 0===i?void 0:i.getElementById(this.chartId);if(!h)return await new Promise((t=>setTimeout(t,50))),t();this.valueField&&this.sourceIdField&&this.targetIdField&&(this.chart&&this.chart.dispose(),this.chart=s.create(h,a.SankeyDiagram),d(this.chart,h,this.enableExport),o(this.chart,this.valueField,this.sourceIdField,this.targetIdField,this.paddingRight,this.labelFormat,this.tooltipTextFormat,this.nodeTooltipTextFormat),this.chart.data=null!==(r=this.data)&&void 0!==r?r:[])};await t()}componentDidLoad(){this.renderChart()}disconnectedCallback(){this.chart&&this.chart.dispose()}render(){return i("chart-container",{key:"054a638469ee5d089f8d0d6712f3fc6365d3e783",kpis:this.kpis,chartId:this.chartId,title:this.title,subheader:this.subheader,chartHeight:this.customHeight,chartWidth:this.customWidth,cardWidth:this.customCardWidth,kpisPosition:this.kpisPosition,hideAdornment:this.hideAdornment,hideBorder:this.hideBorder,removePadding:this.removePadding})}get el(){return this}static get watchers(){return{valueField:[{renderChart:0}],sourceIdField:[{renderChart:0}],targetIdField:[{renderChart:0}],labelFormat:[{renderChart:0}],tooltipTextFormat:[{renderChart:0}],nodeTooltipTextFormat:[{renderChart:0}],paddingRight:[{renderChart:0}],hideLegend:[{renderChart:0}],data:[{renderChart:0}]}}static get style(){return":host{display:block}"}},[1,"udp-sankey-chart",{data:[16],valueField:[1,"value-field"],labelField:[1,"label-field"],title:[1],subheader:[1],hideLegend:[4,"hide-legend"],customWidth:[8,"custom-width"],customHeight:[8,"custom-height"],customCardWidth:[8,"custom-card-width"],kpisPosition:[1,"kpis-position"],kpis:[16],hideAdornment:[4,"hide-adornment"],hideBorder:[4,"hide-border"],sourceIdField:[1,"source-id-field"],targetIdField:[1,"target-id-field"],labelFormat:[1,"label-format"],tooltipTextFormat:[1,"tooltip-text-format"],nodeTooltipTextFormat:[1,"node-tooltip-text-format"],paddingRight:[2,"padding-right"],enableExport:[4,"enable-export"],removePadding:[4,"remove-padding"],chartId:[1,"chart-id"]},void 0,{valueField:[{renderChart:0}],sourceIdField:[{renderChart:0}],targetIdField:[{renderChart:0}],labelFormat:[{renderChart:0}],tooltipTextFormat:[{renderChart:0}],nodeTooltipTextFormat:[{renderChart:0}],paddingRight:[{renderChart:0}],hideLegend:[{renderChart:0}],data:[{renderChart:0}]}]),k=f,v=function(){"undefined"!=typeof customElements&&["udp-sankey-chart","chart-container","chart-kpi","stencil-icon-button","udp-adornment","udp-ambient-card","udp-ambient-tool-tip","udp-badge","unity-typography"].forEach((t=>{switch(t){case"udp-sankey-chart":customElements.get(r(t))||customElements.define(r(t),f);break;case"chart-container":customElements.get(r(t))||n();break;case"chart-kpi":customElements.get(r(t))||m();break;case"stencil-icon-button":customElements.get(r(t))||c();break;case"udp-adornment":customElements.get(r(t))||l();break;case"udp-ambient-card":customElements.get(r(t))||p();break;case"udp-ambient-tool-tip":customElements.get(r(t))||u();break;case"udp-badge":customElements.get(r(t))||b();break;case"unity-typography":customElements.get(r(t))||g()}}))};export{k as UdpSankeyChart,v as defineCustomElement}

package/dist/components/udp-save-draft-button.js

@@ -1,9 +1 @@
-import { U as UdpSaveDraftButton$1, d as defineCustomElement$1 } from './udp-save-draft-button2.js';
-
-const UdpSaveDraftButton = UdpSaveDraftButton$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpSaveDraftButton, defineCustomElement };
-//# sourceMappingURL=udp-save-draft-button.js.map
-
-//# sourceMappingURL=udp-save-draft-button.js.map
+import{U as t,d as o}from"./udp-save-draft-button2.js";const s=t,a=o;export{s as UdpSaveDraftButton,a as defineCustomElement}

package/dist/components/udp-save-draft-button2.js

@@ -1,144 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import Save from '@carbon/icons/es/save/20';
-import { u as useFormApi } from './useFormApi.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-icon-button2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const udpSaveDraftButtonCss = ".floating-save-button{position:fixed;top:5rem;right:2rem;z-index:1000;animation:slideInDown 0.3s ease-out}.inline-save-button{position:relative;display:inline-flex;align-items:center;margin-left:auto;}.floating-save-button.saving,.inline-save-button.saving{pointer-events:none}.saving-state{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background:rgba(0, 0, 0, 0.8);color:white;border-radius:8px;font-size:0.9rem}.saved-state{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background:rgba(34, 139, 34, 0.9);color:white;border-radius:8px;font-size:0.9rem;animation:fadeIn 0.3s ease-out}.inline-save-button .saving-state{padding:0.5rem 0.75rem;background:rgba(0, 0, 0, 0.6);font-size:0.8rem}.inline-save-button .saved-state{padding:0.5rem 0.75rem;background:rgba(34, 139, 34, 0.8);font-size:0.8rem}.save-error-tooltip{position:absolute;top:100%;right:0;margin-top:0.5rem;background:#dc3545;color:white;padding:0.5rem 1rem;border-radius:8px;font-size:0.8rem;white-space:nowrap;box-shadow:0 4px 12px rgba(220, 53, 69, 0.3);animation:fadeIn 0.3s ease-out;z-index:1001}.save-error-tooltip::after{content:'';position:absolute;bottom:100%;right:1rem;border:6px solid transparent;border-bottom-color:#dc3545}.inline-save-button .save-error-tooltip{top:100%;bottom:auto;margin-top:0.5rem;margin-bottom:0}.inline-save-button .save-error-tooltip::after{top:-6px;border-top-color:transparent;border-bottom-color:#dc3545}@keyframes slideInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (max-width: 768px){.floating-save-button{bottom:1rem;right:1rem;top:auto;}.saving-state{padding:0.6rem 0.8rem;font-size:0.8rem}.inline-save-button .saving-state{padding:0.4rem 0.6rem;font-size:0.75rem}}.primary-icon{--icon-color:var(--primary-color, #1976d2)}.primary-icon::part(icon){fill:var(--icon-color) !important}.primary-icon udp-icon-button::part(icon),.primary-icon .icon{fill:var(--primary-color, #1976d2) !important}@media (prefers-reduced-motion: reduce){.floating-save-button,.save-error-tooltip{animation:none}}";
-
-const UdpSaveDraftButton = /*@__PURE__*/ proxyCustomElement(class UdpSaveDraftButton extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.isVisible = false;
-        this.isSaving = false;
-        this.saveErrorMessage = null;
-        this.showSavedMessage = false;
-        this.shouldBeInline = false;
-        this.formApi = null;
-        this.handleSaveClick = async () => {
-            if (!this.formApi || this.isSaving) {
-                return;
-            }
-            if (typeof this.handleSave !== 'function') {
-                return;
-            }
-            const values = this.formApi.getState().values;
-            try {
-                await this.handleSave(values);
-                this.formApi.reset(values);
-            }
-            catch (error) {
-                console.error('The onSave handler threw an error. The form will remain dirty.', error);
-            }
-        };
-    }
-    async componentDidLoad() {
-        this.formApi = await useFormApi(this.el);
-        this.checkForOverlap();
-        this.setupOverlapDetection();
-    }
-    disconnectedCallback() {
-        if (this.resizeObserver) {
-            this.resizeObserver.disconnect();
-        }
-        if (this.checkOverlapTimeoutId) {
-            clearTimeout(this.checkOverlapTimeoutId);
-        }
-    }
-    handleWindowResize() {
-        this.debouncedOverlapCheck();
-    }
-    setupOverlapDetection() {
-        if (typeof ResizeObserver !== 'undefined') {
-            this.resizeObserver = new ResizeObserver(() => {
-                this.debouncedOverlapCheck();
-            });
-            const formContainer = this.el.closest('udp-forms-ui, .form-container, udp-container');
-            if (formContainer) {
-                this.resizeObserver.observe(formContainer);
-            }
-            const mainContent = document.querySelector('main, [role="main"]') || document.body;
-            if (mainContent) {
-                this.resizeObserver.observe(mainContent);
-            }
-        }
-    }
-    debouncedOverlapCheck() {
-        if (this.checkOverlapTimeoutId) {
-            clearTimeout(this.checkOverlapTimeoutId);
-        }
-        this.checkOverlapTimeoutId = setTimeout(() => {
-            this.checkForOverlap();
-        }, 100);
-    }
-    checkForOverlap() {
-        // This logic determines which style to apply.
-        // Using 1024px as the breakpoint to switch between floating and inline.
-        const minWidthNeeded = 1280;
-        this.shouldBeInline = window.innerWidth < minWidthNeeded;
-    }
-    render() {
-        if (!this.isVisible && !this.showSavedMessage) {
-            return null;
-        }
-        // Dynamically set the class based on screen size.
-        // This will toggle between your .floating-save-button and .inline-save-button styles.
-        const containerClass = this.shouldBeInline ? 'inline-save-button' : 'floating-save-button';
-        const isInlineMode = this.shouldBeInline;
-        return (h("div", { class: `${containerClass} ${this.isSaving ? 'saving' : ''} ${this.showSavedMessage ? 'saved' : ''}` }, this.isSaving ? (h("div", { class: "saving-state" }, h("unity-spinner", { size: "small" }), !isInlineMode && h("span", null, "Saving..."))) : this.isVisible ? (h("udp-icon-button", { icon: Save, onClick: this.handleSaveClick, tooltip: 'Save Changes', variant: "contained", color: isInlineMode ? 'inherit' : 'primary', iconColor: isInlineMode ? 'primary' : null, size: isInlineMode ? 'small' : 'medium' }, isInlineMode ? '' : 'Save Changes')) : (h("div", { class: "saved-state" }, h("span", null, "Saved"))), this.saveErrorMessage && h("div", { class: "save-error-tooltip" }, this.saveErrorMessage)));
-    }
-    get el() { return this; }
-    static get style() { return udpSaveDraftButtonCss; }
-}, [257, "udp-save-draft-button", {
-        "isVisible": [4, "is-visible"],
-        "isSaving": [4, "is-saving"],
-        "saveErrorMessage": [1, "save-error-message"],
-        "showSavedMessage": [4, "show-saved-message"],
-        "handleSave": [16],
-        "shouldBeInline": [32],
-        "formApi": [32]
-    }, [[9, "resize", "handleWindowResize"]]]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-save-draft-button", "udp-ambient-tool-tip", "udp-badge", "udp-icon-button", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-save-draft-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpSaveDraftButton);
-            }
-            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-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { UdpSaveDraftButton as U, defineCustomElement as d };
-//# sourceMappingURL=udp-save-draft-button2.js.map
-
-//# sourceMappingURL=udp-save-draft-button2.js.map
+import{p as t,H as e,h as i,t as o}from"./index2.js";import s from"@carbon/icons/es/save/20";import{u as n}from"./useFormApi.js";import{d as a}from"./udp-ambient-tool-tip2.js";import{d as r}from"./udp-badge2.js";import{d as m}from"./udp-icon-button2.js";import{d}from"./unity-typography2.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isVisible=!1,this.isSaving=!1,this.saveErrorMessage=null,this.showSavedMessage=!1,this.shouldBeInline=!1,this.formApi=null,this.handleSaveClick=async()=>{if(!this.formApi||this.isSaving)return;if("function"!=typeof this.handleSave)return;const t=this.formApi.getState().values;try{await this.handleSave(t),this.formApi.reset(t)}catch(t){console.error("The onSave handler threw an error. The form will remain dirty.",t)}}}async componentDidLoad(){this.formApi=await n(this.el),this.checkForOverlap(),this.setupOverlapDetection()}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect(),this.checkOverlapTimeoutId&&clearTimeout(this.checkOverlapTimeoutId)}handleWindowResize(){this.debouncedOverlapCheck()}setupOverlapDetection(){if("undefined"!=typeof ResizeObserver){this.resizeObserver=new ResizeObserver((()=>{this.debouncedOverlapCheck()}));const t=this.el.closest("udp-forms-ui, .form-container, udp-container");t&&this.resizeObserver.observe(t);const e=document.querySelector('main, [role="main"]')||document.body;e&&this.resizeObserver.observe(e)}}debouncedOverlapCheck(){this.checkOverlapTimeoutId&&clearTimeout(this.checkOverlapTimeoutId),this.checkOverlapTimeoutId=setTimeout((()=>{this.checkForOverlap()}),100)}checkForOverlap(){this.shouldBeInline=window.innerWidth<1280}render(){if(!this.isVisible&&!this.showSavedMessage)return null;const t=this.shouldBeInline;return i("div",{class:`${this.shouldBeInline?"inline-save-button":"floating-save-button"} ${this.isSaving?"saving":""} ${this.showSavedMessage?"saved":""}`},this.isSaving?i("div",{class:"saving-state"},i("unity-spinner",{size:"small"}),!t&&i("span",null,"Saving...")):this.isVisible?i("udp-icon-button",{icon:s,onClick:this.handleSaveClick,tooltip:"Save Changes",variant:"contained",color:t?"inherit":"primary",iconColor:t?"primary":null,size:t?"small":"medium"},t?"":"Save Changes"):i("div",{class:"saved-state"},i("span",null,"Saved")),this.saveErrorMessage&&i("div",{class:"save-error-tooltip"},this.saveErrorMessage))}get el(){return this}static get style(){return".floating-save-button{position:fixed;top:5rem;right:2rem;z-index:1000;animation:slideInDown 0.3s ease-out}.inline-save-button{position:relative;display:inline-flex;align-items:center;margin-left:auto;}.floating-save-button.saving,.inline-save-button.saving{pointer-events:none}.saving-state{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background:rgba(0, 0, 0, 0.8);color:white;border-radius:8px;font-size:0.9rem}.saved-state{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background:rgba(34, 139, 34, 0.9);color:white;border-radius:8px;font-size:0.9rem;animation:fadeIn 0.3s ease-out}.inline-save-button .saving-state{padding:0.5rem 0.75rem;background:rgba(0, 0, 0, 0.6);font-size:0.8rem}.inline-save-button .saved-state{padding:0.5rem 0.75rem;background:rgba(34, 139, 34, 0.8);font-size:0.8rem}.save-error-tooltip{position:absolute;top:100%;right:0;margin-top:0.5rem;background:#dc3545;color:white;padding:0.5rem 1rem;border-radius:8px;font-size:0.8rem;white-space:nowrap;box-shadow:0 4px 12px rgba(220, 53, 69, 0.3);animation:fadeIn 0.3s ease-out;z-index:1001}.save-error-tooltip::after{content:'';position:absolute;bottom:100%;right:1rem;border:6px solid transparent;border-bottom-color:#dc3545}.inline-save-button .save-error-tooltip{top:100%;bottom:auto;margin-top:0.5rem;margin-bottom:0}.inline-save-button .save-error-tooltip::after{top:-6px;border-top-color:transparent;border-bottom-color:#dc3545}@keyframes slideInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (max-width: 768px){.floating-save-button{bottom:1rem;right:1rem;top:auto;}.saving-state{padding:0.6rem 0.8rem;font-size:0.8rem}.inline-save-button .saving-state{padding:0.4rem 0.6rem;font-size:0.75rem}}.primary-icon{--icon-color:var(--primary-color, #1976d2)}.primary-icon::part(icon){fill:var(--icon-color) !important}.primary-icon udp-icon-button::part(icon),.primary-icon .icon{fill:var(--primary-color, #1976d2) !important}@media (prefers-reduced-motion: reduce){.floating-save-button,.save-error-tooltip{animation:none}}"}},[1,"udp-save-draft-button",{isVisible:[4,"is-visible"],isSaving:[4,"is-saving"],saveErrorMessage:[1,"save-error-message"],showSavedMessage:[4,"show-saved-message"],handleSave:[16],shouldBeInline:[32],formApi:[32]},[[9,"resize","handleWindowResize"]]]);function l(){"undefined"!=typeof customElements&&["udp-save-draft-button","udp-ambient-tool-tip","udp-badge","udp-icon-button","unity-typography"].forEach((t=>{switch(t){case"udp-save-draft-button":customElements.get(o(t))||customElements.define(o(t),p);break;case"udp-ambient-tool-tip":customElements.get(o(t))||a();break;case"udp-badge":customElements.get(o(t))||r();break;case"udp-icon-button":customElements.get(o(t))||m();break;case"unity-typography":customElements.get(o(t))||d()}}))}export{p as U,l as d}

package/dist/components/udp-selector.js

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