npm - udp-stencil-component-library - Versions diffs - 25.18.2-beta.9 → 25.18.2 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2011) hide show

package/dist/esm/udp-forms-renderer.entry.js CHANGED Viewed

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, a as getElement } from './index-CaZq3YdB.js';
+import { r as registerInstance, h, a as getElement } from './index-DFnjA9NX.js';
 import { throttle } from 'lodash';
 import { g as getCurrentTenantId } from './tenantUtils-Basdb1b1.js';
 import { f as fetchLatestForms } from './udp-form-api-utils-vPSYCvIA.js';
 import { b as UdpFormsSubmissionStatusEnum, U as UdpFormsPageIdEnum, c as UdpFormsFieldTypeEnum, a as UdpFormsTypeEnum } from './enums-D5dod6Ie.js';
 import { b as buildEmptyCurrentValues } from './utils-kwLwITIE.js';
-import { c as createFormData, m as makeApiCall } from './makeApiCall-B-daVutk.js';
-import { S as SearchBuilder, c as SearchOperators } from './SearchBuilder-CvKqGlUH.js';
+import { c as createFormData, m as makeApiCall } from './makeApiCall-2umiVB6u.js';
+import { S as SearchBuilder, c as SearchOperators } from './SearchBuilder-BjVdKjci.js';
 import { C as ConfigService } from './configService-BqLfkVKh.js';
 import { v4 } from 'uuid';
 import 'axios';
@@ -163,8 +163,17 @@ class UdpFormSubmission {
  *            comments use dedicated comment endpoints once a submission exists.
  */
 class FormSubmissionHandler {
-    constructor(accessMode) {
+    constructor(accessMode, tenantId) {
         this.accessMode = accessMode;
+        this.tenantId = tenantId;
+    }
+    get extraHeaders() {
+        // Public endpoints require currentTenantId header.
+        if (this.accessMode !== 'public')
+            return undefined;
+        if (!this.tenantId)
+            return undefined;
+        return { currentTenantId: String(this.tenantId) };
     }
     async addComment(udpFormSubmission, comment) {
         if (!(udpFormSubmission === null || udpFormSubmission === void 0 ? void 0 : udpFormSubmission.id)) {
@@ -184,7 +193,7 @@ class FormSubmissionHandler {
         // Backend contract: PUT /UdpFormSubmission/{submissionId}/comments/{commentId}
         // Body: { value, sectionKey, questionKey }
         const url = `${ConfigService.productV1ApiUrl}/UdpFormSubmission/${udpFormSubmission.id}/comments/${commentId}`;
-        await makeApiCall('PUT', url, { value, sectionKey, questionKey }, true);
+        await makeApiCall('PUT', url, { value, sectionKey, questionKey }, true, this.extraHeaders);
     }
     async deleteComment(udpFormSubmission, args) {
         if (!(udpFormSubmission === null || udpFormSubmission === void 0 ? void 0 : udpFormSubmission.id)) {
@@ -193,7 +202,7 @@ class FormSubmissionHandler {
         const { commentId } = args;
         // Backend contract: DELETE /UdpFormSubmission/{submissionId}/comments/{commentId}
         const url = `${ConfigService.productV1ApiUrl}/UdpFormSubmission/${udpFormSubmission.id}/comments/${commentId}`;
-        await makeApiCall('DELETE', url, null, true);
+        await makeApiCall('DELETE', url, null, true, this.extraHeaders);
     }
     async fetchAndPopulateUdpFormSubmissionObj(udpFormSubmission) {
         if (!(udpFormSubmission === null || udpFormSubmission === void 0 ? void 0 : udpFormSubmission.id)) {
@@ -232,7 +241,7 @@ class FormSubmissionHandler {
     async saveFormDataWithoutValues(udpFormSubmission, status) {
         const formData = udpFormSubmission.processSubmissionIntoFormDataWithoutValues(status);
         const { method, url } = this.getApiRequestInfo(udpFormSubmission);
-        const response = await makeApiCall(method, url, formData, true);
+        const response = await makeApiCall(method, url, formData, true, this.extraHeaders);
         if (response === '') {
             return await this.fetchAndPopulateUdpFormSubmissionObj(udpFormSubmission);
         }
@@ -252,7 +261,7 @@ class FormSubmissionHandler {
     async saveSubmissionToDB(values, udpFormSubmission, status) {
         const formData = udpFormSubmission.processSubmissionIntoFormData(values, status);
         const { method, url } = this.getApiRequestInfo(udpFormSubmission);
-        const response = await makeApiCall(method, url, formData, true);
+        const response = await makeApiCall(method, url, formData, true, this.extraHeaders);
         if (response === '') {
             return await this.fetchAndPopulateUdpFormSubmissionObj(udpFormSubmission);
         }
@@ -294,8 +303,8 @@ class FormSubmissionHandler {
  * Factory for creating form submission handlers.
  */
 class FormSubmissionHandlerFactory {
-    static create(isPublic, userId) {
-        return new FormSubmissionHandler(isPublic ? 'public' : 'private');
+    static create(isPublic, userId, currentTenantId) {
+        return new FormSubmissionHandler(isPublic ? 'public' : 'private', currentTenantId !== null && currentTenantId !== void 0 ? currentTenantId : undefined);
     }
 }
@@ -306,16 +315,16 @@ class UdpFormHandler {
     }
     buildDescribeUrl(formId, formVersion) {
         const base = ConfigService.productV1ApiUrl;
-        if (this.isPublic) {
-            return `${base}/UdpForm/${formId}/${formVersion}/describe/public`;
-        }
-        else {
-            return `${base}/UdpForm/${formId}/${formVersion}/describe`;
-        }
+        const versionSegment = typeof formVersion === 'number' ? `/${formVersion}` : '';
+        return this.isPublic
+            ? `${base}/UdpForm/${formId}${versionSegment}/describe/public`
+            : `${base}/UdpForm/${formId}${versionSegment}/describe`;
     }
     async getFormByFormIdAndFormVersion(formId, formVersion) {
         const url = this.buildDescribeUrl(formId, formVersion);
-        const formData = await makeApiCall('GET', url);
+        // For public endpoints, backend requires currentTenantId in the header.
+        const extraHeaders = this.isPublic && this.tenantId ? { currentTenantId: String(this.tenantId) } : undefined;
+        const formData = await makeApiCall('GET', url, undefined, false, extraHeaders);
         if (formData.styleOverrides && typeof formData.styleOverrides === 'string') {
             formData.styleOverrides = JSON.parse(formData.styleOverrides);
         }
@@ -1078,6 +1087,15 @@ const UdpFormsRenderer = class {
         var _a;
         this.isLoading = true;
         try {
+            // Public forms require currentTenantId in request headers. It must be provided via URL param.
+            if (this.isPublic) {
+                const params = new URLSearchParams(window.location.search);
+                const currentTenantId = params.get('udpf_currentTenantId');
+                if (!currentTenantId) {
+                    throw new Error('Public form renderer requires currentTenantId in the URL query string.');
+                }
+                this.tenantId = currentTenantId;
+            }
             // Get client user info if available
             if (this.isPublic) {
                 this.clientUserInfo.id = '00000000-0000-0000-0000-000000000001';
@@ -1091,7 +1109,7 @@ const UdpFormsRenderer = class {
                     this.clientUserInfo.email = user.email || null;
                 }
             }
-            this.formSubmissionHandler = FormSubmissionHandlerFactory.create(this.isPublic, this.clientUserInfo.id);
+            this.formSubmissionHandler = FormSubmissionHandlerFactory.create(this.isPublic, this.clientUserInfo.id, this.tenantId);
             this.udpFormSubmission = new UdpFormSubmission({ id: this.submissionId, formId: this.formId, formVersion: this.version, unityUserId: this.clientUserInfo.id, generic1: this.urlContext.generic1, generic2: this.urlContext.generic2, generic3: this.urlContext.generic3 });
             // fetch existing submission from Udp.FormSubmission if submissionId is provided
             // take exisitng object, and populate with db values, and return new obj with updated values
@@ -1110,7 +1128,7 @@ const UdpFormsRenderer = class {
                 formId = this.formId;
                 formVersion = this.version;
             }
-            this.formHandler = new UdpFormHandler(this.tenantId);
+            this.formHandler = new UdpFormHandler(this.tenantId, this.isPublic);
             const formData = await this.formHandler.getFormByFormIdAndFormVersion(formId, formVersion);
             this.udpForm = new UdpForm(formData);
             this.currentValues = buildEmptyCurrentValues(this.udpForm);
@@ -1324,7 +1342,7 @@ const UdpFormsRenderer = class {
         return this.isSubmitted || this.udpFormSubmission.unityUserId !== this.clientUserInfo.id;
     }
     render() {
-        return (h("div", { key: '37ec47fc7f3ecec70ba7ca3e12717789285be5d8', class: "forms-renderer-container", style: this.isLoading ? { minHeight: '100vh' } : {} }, this.renderFollowUpSideSheet(), h("udp-forms-ui", { udpForm: this.udpForm, currentValues: this.currentValues, udpFormSubmission: this.udpFormSubmission, submitSuccessful: this.submitSuccessful, isSaving: this.isSaving,
+        return (h("div", { key: 'f53b65027554505a1301ab98379035e0316735dc', class: "forms-renderer-container", style: this.isLoading ? { minHeight: '100vh' } : {} }, this.renderFollowUpSideSheet(), h("udp-forms-ui", { udpForm: this.udpForm, currentValues: this.currentValues, udpFormSubmission: this.udpFormSubmission, submitSuccessful: this.submitSuccessful, isSaving: this.isSaving,
             // saveErrorMessage={this.saveErrorMessage}
             // showAutoSaveStatus={this.formSubmissionHandler.supportsAutoSave() && !!this.userId}
             readonly: this.isReadOnlyMode, handleSubmit: this.handleSubmit.bind(this), handleSave: values => Promise.resolve(this.debouncedManualSave(values)), handleChange: this.handleFormChange, handleAction: this.triggerAction, handleFinish: this.handleFinish, clientUserInfo: this.clientUserInfo, isSubmitted: this.isSubmitted, dynamicSections: this.dynamicSections, duplicateRepeatableSection: this.duplicateRepeatableSection, deleteRepeatableSection: this.deleteRepeatableSection, key: `form-rerender-key-${this.reRenderKey}`, isShowManualSaveIcon: this.isShowManualSaveIcon(), isLoading: this.isLoading, performBackgroundSaveAndUpdateLocalSubmissionState: this.performBackgroundSaveAndUpdateLocalSubmissionState })));
@@ -1333,4 +1351,3 @@ const UdpFormsRenderer = class {
 };
 export { UdpFormsRenderer as udp_forms_renderer };
-//# sourceMappingURL=udp-forms-renderer.entry.js.map

package/dist/esm/udp-forms-ui.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CaZq3YdB.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DFnjA9NX.js';
 import { b as UdpFormsSubmissionStatusEnum, c as UdpFormsFieldTypeEnum } from './enums-D5dod6Ie.js';
 import { f as fontOverrideMapping, o as overrideFont } from './utils-kwLwITIE.js';
 import { g as getIconFromName } from './iconUtils-DcPvHO4A.js';
@@ -94,7 +94,7 @@ import '@carbon/icons/es/image/16';
 import '@carbon/icons/es/PPT/16';
 import '@carbon/icons/es/XLS/16';
-const udpFormsUiCss = ".background{background-color:var(--gray-01);height:100%;overflow-y:auto;overflow-x:hidden}.item{padding-bottom:var(--spacing-02);}.items{display:flex;flex-direction:column;gap:var(--spacing-05);padding-top:var(--spacing-02);padding-bottom:var(--spacing-02)}.footer{display:flex;flex-direction:row-reverse}.submit{background-color:var(--primary-color);box-sizing:border-box;border:none;color:white;padding:8px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color 0.3s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-width:48px;min-height:24px;}.submit:disabled{background-color:var(--gray-05);cursor:default}.submit-card{display:flex;flex-direction:row;justify-content:space-between}.form-section-content{margin-bottom:var(--spacing-05);background-color:white;padding:16px;display:flex;flex-direction:column;gap:var(--spacing-05)}.form-container{padding-top:var(--spacing-05);padding-bottom:var(--spacing-05);min-height:100px}.form-section-block{margin-bottom:var(--spacing-05)}.form-section-header{display:flex;flex-direction:row;justify-content:space-between;background-color:var(--primary-color, #000);color:var(--primary-contrast-text, #FFF);padding:var(--spacing-04, 16px) var(--spacing-05, 24px);align-items:center;min-height:var(--spacing-10, 60px)}.form-section-text{margin-bottom:var(--spacing-03)}.center-div{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.finish-button{display:flex;flex-direction:column;justify-content:center}.form-renderer-header{padding:var(--spacing-05) var(--spacing-05);background-color:var(--primary-color-dark, #000);color:var(--primary-contrast-text, #FFF);display:flex;justify-content:space-between;align-items:center}.header-content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-03)}.header-text{flex:1;min-width:0;}.header-save-button{display:block;}.floating-save-button{display:block;}.error-banner{background-color:#fdecea;border:1px solid #f5c6cb;color:#a94442;padding:12px;margin-bottom:12px;border-radius:4px}@media (max-width: 768px){.header-content{flex-direction:column;align-items:stretch;gap:var(--spacing-02)}.header-text{margin-bottom:var(--spacing-02)}}@media (max-height: 600px){.header-save-button{display:block}.floating-save-button{display:none}}.auto-save-status{margin-top:var(--spacing-02);padding:var(--spacing-01) 0;font-size:12px;opacity:0.8}";
+const udpFormsUiCss = () => `.background{background-color:var(--gray-01);height:100%;overflow-y:auto;overflow-x:hidden}.item{padding-bottom:var(--spacing-02);}.items{display:flex;flex-direction:column;gap:var(--spacing-05);padding-top:var(--spacing-02);padding-bottom:var(--spacing-02)}.footer{display:flex;flex-direction:row-reverse}.submit{background-color:var(--primary-color);box-sizing:border-box;border:none;color:white;padding:8px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color 0.3s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-width:48px;min-height:24px;}.submit:disabled{background-color:var(--gray-05);cursor:default}.submit-card{display:flex;flex-direction:row;justify-content:space-between}.form-section-content{margin-bottom:var(--spacing-05);background-color:white;padding:16px;display:flex;flex-direction:column;gap:var(--spacing-05)}.form-container{padding-top:var(--spacing-05);padding-bottom:var(--spacing-05);min-height:100px}.form-section-block{margin-bottom:var(--spacing-05)}.form-section-header{display:flex;flex-direction:row;justify-content:space-between;background-color:var(--primary-color, #000);color:var(--primary-contrast-text, #FFF);padding:var(--spacing-04, 16px) var(--spacing-05, 24px);align-items:center;min-height:var(--spacing-10, 60px)}.form-section-text{margin-bottom:var(--spacing-03)}.center-div{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.finish-button{display:flex;flex-direction:column;justify-content:center}.form-renderer-header{padding:var(--spacing-05) var(--spacing-05);background-color:var(--primary-color-dark, #000);color:var(--primary-contrast-text, #FFF);display:flex;justify-content:space-between;align-items:center}.header-content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-03)}.header-text{flex:1;min-width:0;}.header-save-button{display:block;}.floating-save-button{display:block;}.error-banner{background-color:#fdecea;border:1px solid #f5c6cb;color:#a94442;padding:12px;margin-bottom:12px;border-radius:4px}@media (max-width: 768px){.header-content{flex-direction:column;align-items:stretch;gap:var(--spacing-02)}.header-text{margin-bottom:var(--spacing-02)}}@media (max-height: 600px){.header-save-button{display:block}.floating-save-button{display:none}}.auto-save-status{margin-top:var(--spacing-02);padding:var(--spacing-01) 0;font-size:12px;opacity:0.8}`;
 const UdpFormsUi = class {
     constructor(hostRef) {
@@ -230,10 +230,11 @@ const UdpFormsUi = class {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "isSaving": ["watchIsSaving"]
+        "isSaving": [{
+                "watchIsSaving": 0
+            }]
     }; }
 };
-UdpFormsUi.style = udpFormsUiCss;
+UdpFormsUi.style = udpFormsUiCss();
 export { UdpFormsUi as udp_forms_ui };
-//# sourceMappingURL=udp-forms-ui.entry.js.map

package/dist/esm/udp-icon.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, h } from './index-DFnjA9NX.js';
 import { g as getIconFromName } from './iconUtils-DcPvHO4A.js';
 import './iconMapping-CPerGeNF.js';
 import '@carbon/icons/es/add/16';
@@ -92,7 +92,7 @@ import '@carbon/icons/es/image/16';
 import '@carbon/icons/es/PPT/16';
 import '@carbon/icons/es/XLS/16';
-const udpIconCss = ".icon-container{height:100%;display:flex;align-items:center;color:inherit}";
+const udpIconCss = () => `.icon-container{height:100%;display:flex;align-items:center;color:inherit}`;
 const UdpIcon = class {
     constructor(hostRef) {
@@ -149,7 +149,6 @@ const UdpIcon = class {
         }))));
     }
 };
-UdpIcon.style = udpIconCss;
+UdpIcon.style = udpIconCss();
 export { UdpIcon as udp_icon };
-//# sourceMappingURL=udp-icon.entry.js.map

package/dist/esm/udp-kpi-card.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-CaZq3YdB.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DFnjA9NX.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 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 = class {
     constructor(hostRef) {
@@ -109,7 +109,6 @@ const UdpKpiCard = class {
         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))));
     }
 };
-UdpKpiCard.style = udpKpiCardCss;
+UdpKpiCard.style = udpKpiCardCss();
 export { UdpKpiCard as udp_kpi_card };
-//# sourceMappingURL=udp-kpi-card.entry.js.map

package/dist/esm/udp-kpi-cards.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, c as createEvent, h } from './index-DFnjA9NX.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 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 = class {
     constructor(hostRef) {
@@ -35,7 +35,6 @@ const UdpKpiCards = class {
             }), h("slot", { key: '044c295aaa60bb80c36aa845bdb92d30e9b47b3b' })));
     }
 };
-UdpKpiCards.style = udpKpiCardsCss;
+UdpKpiCards.style = udpKpiCardsCss();
 export { UdpKpiCards as udp_kpi_cards };
-//# sourceMappingURL=udp-kpi-cards.entry.js.map

package/dist/esm/udp-linear-loader_2.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host, c as createEvent, a as getElement } from './index-CaZq3YdB.js';
+import { r as registerInstance, h, H as Host, c as createEvent, a as getElement } from './index-DFnjA9NX.js';
 import Close24 from '@carbon/icons/es/close/24';
-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 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 = class {
     constructor(hostRef) {
@@ -19,9 +19,9 @@ const UdpLinearLoader = class {
         return (h(Host, { key: '9a117a437dfa0fb96e428aa052de8a5d04f8fd15' }, h("div", { key: '369d4f034b7d962bcc7eb621a078db1f107a0f8a', class: loaderClasses }, h("div", { key: 'ed2a6774666c41ba5e67147ffedce6af63aeb1e1', class: "indeterminate" }))));
     }
 };
-UdpLinearLoader.style = udpLinearLoaderCss;
+UdpLinearLoader.style = udpLinearLoaderCss();
-const udpSideSheetCss = ":host{position:fixed;top:0;left:0;width:0;height:0;overflow:hidden;transform:translate(0);z-index:9999;visibility:hidden;transition:visibility 0s 0.2s, width 0s 0.2s, height 0s 0.2s}:host(.is-visible){width:100vw;height:100vh;overflow:visible;visibility:visible;transition-delay:0s}.backdrop{background:rgba(0, 0, 0, 0.5);width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;transition:opacity 0.2s ease-in-out}:host(.is-visible) .backdrop{opacity:1}.sheet{background:white;height:100vh;position:fixed;top:0;display:flex;flex-direction:column;box-shadow:0 0 4px rgba(0, 0, 0, 0.3);transition:transform 0.2s ease-in-out;width:100%}.sheet.right{right:0;transform:translateX(100%)}.sheet.left{left:0;transform:translateX(-100%)}:host(.is-visible) .sheet{transform:translateX(0)}.sheet.sm{max-width:360px}.sheet.md{max-width:600px}.sheet.lg{max-width:960px}.sheet.full{max-width:100%}.sheet.custom-width{}.title-container{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;box-shadow:var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));gap:var(--spacing-02)}.title-text{flex-grow:1;text-align:left;}.close-button{flex-shrink:0}.header-action-button{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-02, 4px);padding:var(--spacing-03, 8px) var(--spacing-03, 8px) var(--spacing-03, 8px) 0}.content{overflow-y:auto;flex-grow:1;background-color:var(--gray-01)}.content.padding{padding:var(--spacing-05, 24px)}.footer{padding:var(--spacing-03, 8px);box-shadow:var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));display:flex;justify-content:flex-end;flex-shrink:0;width:100%;gap:var(--spacing-02, 4px);align-items:center}.footer.secondary-button-overflow{flex-direction:row-reverse}.footer-secondary-buttons-container{flex-grow:2;width:100%}.footer-secondary-buttons{display:flex;justify-content:flex-end;gap:var(--spacing-02, 4px);align-items:center}.footer-secondary-buttons.secondary-button-overflow{flex-grow:1}.loader-container{height:4px;width:100%;background-color:var(--gray-01)}.loader-container udp-linear-loader{visibility:hidden;opacity:0;transition:none}.loader-container udp-linear-loader.is-loading{visibility:visible;opacity:1;}";
+const udpSideSheetCss = () => `:host{position:fixed;top:0;left:0;width:0;height:0;overflow:hidden;transform:translate(0);z-index:9999;visibility:hidden;transition:visibility 0s 0.2s, width 0s 0.2s, height 0s 0.2s}:host(.is-visible){width:100vw;height:100vh;overflow:visible;visibility:visible;transition-delay:0s}.backdrop{background:rgba(0, 0, 0, 0.5);width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;transition:opacity 0.2s ease-in-out}:host(.is-visible) .backdrop{opacity:1}.sheet{background:white;height:100vh;position:fixed;top:0;display:flex;flex-direction:column;box-shadow:0 0 4px rgba(0, 0, 0, 0.3);transition:transform 0.2s ease-in-out;width:100%}.sheet.right{right:0;transform:translateX(100%)}.sheet.left{left:0;transform:translateX(-100%)}:host(.is-visible) .sheet{transform:translateX(0)}.sheet.sm{max-width:360px}.sheet.md{max-width:600px}.sheet.lg{max-width:960px}.sheet.full{max-width:100%}.sheet.custom-width{}.title-container{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;box-shadow:var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));gap:var(--spacing-02)}.title-text{flex-grow:1;text-align:left;}.close-button{flex-shrink:0}.header-action-button{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-02, 4px);padding:var(--spacing-03, 8px) var(--spacing-03, 8px) var(--spacing-03, 8px) 0}.content{overflow-y:auto;flex-grow:1;background-color:var(--gray-01)}.content.padding{padding:var(--spacing-05, 24px)}.footer{padding:var(--spacing-03, 8px);box-shadow:var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));display:flex;justify-content:flex-end;flex-shrink:0;width:100%;gap:var(--spacing-02, 4px);align-items:center}.footer.secondary-button-overflow{flex-direction:row-reverse}.footer-secondary-buttons-container{flex-grow:2;width:100%}.footer-secondary-buttons{display:flex;justify-content:flex-end;gap:var(--spacing-02, 4px);align-items:center}.footer-secondary-buttons.secondary-button-overflow{flex-grow:1}.loader-container{height:4px;width:100%;background-color:var(--gray-01)}.loader-container udp-linear-loader{visibility:hidden;opacity:0;transition:none}.loader-container udp-linear-loader.is-loading{visibility:visible;opacity:1;}`;
 const UdpSideSheet = class {
     constructor(hostRef) {
@@ -272,11 +272,14 @@ const UdpSideSheet = class {
     }
     get hostEl() { return getElement(this); }
     static get watchers() { return {
-        "open": ["handleOpenChange"],
-        "footerSecondaryButtons": ["handleSecondaryButtonsChange"]
+        "open": [{
+                "handleOpenChange": 0
+            }],
+        "footerSecondaryButtons": [{
+                "handleSecondaryButtonsChange": 0
+            }]
     }; }
 };
-UdpSideSheet.style = udpSideSheetCss;
+UdpSideSheet.style = udpSideSheetCss();
 export { UdpLinearLoader as udp_linear_loader, UdpSideSheet as udp_side_sheet };
-//# sourceMappingURL=udp-linear-loader.udp-side-sheet.entry.js.map

package/dist/esm/udp-list-renderer_2.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, c as createEvent, h } from './index-DFnjA9NX.js';
-const udpListRendererCss = ":host{display:block}.udp-list-renderer-container{display:flex;flex-direction:column}.item-list-container{display:flex;flex-direction:column}.item-list-container.spacing-xs{gap:var(--spacing-02)}.item-list-container.spacing-sm{gap:var(--spacing-03)}.item-list-container.spacing-md{gap:var(--spacing-04)}.item-list-container.spacing-lg{gap:var(--spacing-06)}.item-list-container.spacing-condensed{gap:var(--spacing-01)}.loading-container{display:flex;justify-content:center;align-items:center;padding:var(--spacing-07);min-height:100px;}";
+const udpListRendererCss = () => `:host{display:block}.udp-list-renderer-container{display:flex;flex-direction:column}.item-list-container{display:flex;flex-direction:column}.item-list-container.spacing-xs{gap:var(--spacing-02)}.item-list-container.spacing-sm{gap:var(--spacing-03)}.item-list-container.spacing-md{gap:var(--spacing-04)}.item-list-container.spacing-lg{gap:var(--spacing-06)}.item-list-container.spacing-condensed{gap:var(--spacing-01)}.loading-container{display:flex;justify-content:center;align-items:center;padding:var(--spacing-07);min-height:100px;}`;
 const UdpItemList = class {
     constructor(hostRef) {
@@ -121,12 +121,14 @@ const UdpItemList = class {
         return (h("host", null, h("div", { class: containerClasses }, this.renderItems()), this.pagination && this.getTotalPages() > 1 && (h("udp-pagination", { currentPage: this.internalCurrentPage, totalPages: this.getTotalPages(), isLoading: this.isLoading, onPageChange: event => this.handlePageChange(event.detail) }))));
     }
     static get watchers() { return {
-        "currentPage": ["currentPageChanged"]
+        "currentPage": [{
+                "currentPageChanged": 0
+            }]
     }; }
 };
-UdpItemList.style = udpListRendererCss;
+UdpItemList.style = udpListRendererCss();
-const udpPaginationCss = ":host{display:block;font-family:var(--font-family)}.pagination-controls{display:flex;justify-content:center;align-items:center;padding:var(--spacing-03);gap:var(--spacing-02);}.pagination-controls span.ellipsis{color:var(--text-secondary);padding:var(--spacing-02) var(--spacing-01);display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;}";
+const udpPaginationCss = () => `:host{display:block;font-family:var(--font-family)}.pagination-controls{display:flex;justify-content:center;align-items:center;padding:var(--spacing-03);gap:var(--spacing-02);}.pagination-controls span.ellipsis{color:var(--text-secondary);padding:var(--spacing-02) var(--spacing-01);display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;}`;
 const UdpPagination = class {
     constructor(hostRef) {
@@ -195,7 +197,6 @@ const UdpPagination = class {
         return (h("div", { class: "pagination-controls" }, h("udp-button", { onClick: () => this.navigateToPage(this.currentPage - 1), disabled: this.isLoading || this.currentPage <= 1, variant: "text", ariaLabel: "Go to previous page" }, "Previous"), this.renderPageNumbers(), h("udp-button", { onClick: () => this.navigateToPage(this.currentPage + 1), disabled: this.isLoading || this.currentPage >= this.totalPages, variant: "text", ariaLabel: "Go to next page" }, "Next")));
     }
 };
-UdpPagination.style = udpPaginationCss;
+UdpPagination.style = udpPaginationCss();
 export { UdpItemList as udp_list_renderer, UdpPagination as udp_pagination };
-//# sourceMappingURL=udp-list-renderer.udp-pagination.entry.js.map

package/dist/esm/udp-map-utils-DNAUNI5U.js CHANGED Viewed

@@ -169,6 +169,3 @@ const getDisplayCoordinates = (coordinates, maxLength) => {
 };
 export { getMapFeatures as a, getFilteredLayerOptionsByRole as b, getLayer as c, getLayerStringArrayFromArray as d, getDisplayCoordinates as e, searchForLayerOptions as f, getFilteredData as g, hasStyles as h, setSelectedLayersList as s };
-//# sourceMappingURL=udp-map-utils-DNAUNI5U.js.map
-//# sourceMappingURL=udp-map-utils-DNAUNI5U.js.map

package/dist/esm/udp-map.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, h } from './index-DFnjA9NX.js';
-const udpMapCss = ":host{display:block}.zoomControl{left:'auto';right:'20';top:'20'}.iconButtonWrapper{padding:var(--spacing-04)}#featureDetailsPopOverContainer{position:absolute;z-index:1000}.hidden-controls .ol-zoom,.hidden-controls .ol-attribution{display:none}.ol-control{width:fit-content !important}";
+const udpMapCss = () => `:host{display:block}.zoomControl{left:'auto';right:'20';top:'20'}.iconButtonWrapper{padding:var(--spacing-04)}#featureDetailsPopOverContainer{position:absolute;z-index:1000}.hidden-controls .ol-zoom,.hidden-controls .ol-attribution{display:none}.ol-control{width:fit-content !important}`;
 const UdpMap = class {
     constructor(hostRef) {
@@ -100,11 +100,14 @@ const UdpMap = class {
             }, addFeaturePanelConfig: this.addFeaturePanelConfig })), h("slot", { key: '00102aa5f21cb5fa6382f9e0785486cd956d714f' })));
     }
     static get watchers() { return {
-        "enableDragBox": ["watchDragBoxandSelectedFeatureInteraction"],
-        "selectFeatureInteraction": ["watchDragBoxandSelectedFeatureInteraction"]
+        "enableDragBox": [{
+                "watchDragBoxandSelectedFeatureInteraction": 0
+            }],
+        "selectFeatureInteraction": [{
+                "watchDragBoxandSelectedFeatureInteraction": 0
+            }]
     }; }
 };
-UdpMap.style = udpMapCss;
+UdpMap.style = udpMapCss();
 export { UdpMap as udp_map };
-//# sourceMappingURL=udp-map.entry.js.map

package/dist/esm/udp-menu-item_2.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CaZq3YdB.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DFnjA9NX.js';
 import { createPopper } from '@popperjs/core';
-const udpMenuItemCss = ".menu-item-root{display:flex;width:100%;padding:8px 16px;gap:8px;align-items:center;background:none;border:none;font-family:inherit;text-align:left;cursor:pointer;transition:background-color 0.15s ease-in-out}.menu-item-root:hover:not(:disabled){background-color:rgba(0, 0, 0, 0.08)}.menu-item-label{font-size:14px}.menu-item-root:disabled{cursor:not-allowed;opacity:0.4}.menu-icon{height:100%}";
+const udpMenuItemCss = () => `.menu-item-root{display:flex;width:100%;padding:8px 16px;gap:8px;align-items:center;background:none;border:none;font-family:inherit;text-align:left;cursor:pointer;transition:background-color 0.15s ease-in-out}.menu-item-root:hover:not(:disabled){background-color:rgba(0, 0, 0, 0.08)}.menu-item-label{font-size:14px}.menu-item-root:disabled{cursor:not-allowed;opacity:0.4}.menu-icon{height:100%}`;
 const UdpMenuItem = class {
     constructor(hostRef) {
@@ -20,9 +20,9 @@ const UdpMenuItem = class {
         return (h("button", { key: '4a43cdb229edec0f13ceda8672bfd3c48c545dc6', class: "menu-item-root", onClick: this.handleItemClick, disabled: this.disabled, role: "menuitem" }, this.iconName && h("udp-icon", { key: '499c217a79efe99f11e289f9792eb1f9307264bb', iconName: this.iconName, class: "menu-icon" }), h("span", { key: '8c414f47700d8b3802d81579fb1374aa81c8691b', class: "menu-item-label" }, h("unity-typography", { key: '5c95b5ab659abe6c7baa2a1b7a287077afd4af92', variant: 'body1' }, this.label))));
     }
 };
-UdpMenuItem.style = udpMenuItemCss;
+UdpMenuItem.style = udpMenuItemCss();
-const udpPopOverCss = ":host{display:block;position:fixed;z-index:9999;pointer-events:none;opacity:0;transform:scale(0.95);transition:opacity 0.2s ease-out}:host(.is-visible){pointer-events:auto;opacity:1;transform:scale(1)}.popover{background-color:white;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border:1px solid #e0e0e0}";
+const udpPopOverCss = () => `:host{display:block;position:fixed;z-index:9999;pointer-events:none;opacity:0;transform:scale(0.95);transition:opacity 0.2s ease-out}:host(.is-visible){pointer-events:auto;opacity:1;transform:scale(1)}.popover{background-color:white;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border:1px solid #e0e0e0}`;
 const UdpPopOver = class {
     constructor(hostRef) {
@@ -142,10 +142,11 @@ const UdpPopOver = class {
     }
     get hostEl() { return getElement(this); }
     static get watchers() { return {
-        "isOpen": ["handleOpenChange"]
+        "isOpen": [{
+                "handleOpenChange": 0
+            }]
     }; }
 };
-UdpPopOver.style = udpPopOverCss;
+UdpPopOver.style = udpPopOverCss();
 export { UdpMenuItem as udp_menu_item, UdpPopOver as udp_pop_over };
-//# sourceMappingURL=udp-menu-item.udp-pop-over.entry.js.map

package/dist/esm/udp-page.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, h } from './index-DFnjA9NX.js';
-const udpPageCss = ":host{display:block}";
+const udpPageCss = () => `:host{display:block}`;
 const UdpPage = class {
     constructor(hostRef) {
@@ -23,7 +23,6 @@ const UdpPage = class {
         return (h("div", { key: '87960916a8c702c88f3a7dd7a9ef90227d76f605', style: style }, h("slot", { key: '1915453eae25182b42e004450ca04ee20c17cbff' }), " "));
     }
 };
-UdpPage.style = udpPageCss;
+UdpPage.style = udpPageCss();
 export { UdpPage as udp_page };
-//# sourceMappingURL=udp-page.entry.js.map

package/dist/esm/udp-sankey-chart.entry.js CHANGED Viewed

@@ -1,10 +1,10 @@
-import { r as registerInstance, h, a as getElement } from './index-CaZq3YdB.js';
+import { r as registerInstance, h, a as getElement } from './index-DFnjA9NX.js';
 import * as am4charts from '@amcharts/amcharts4/charts';
 import * as am4core from '@amcharts/amcharts4/core';
 import { s as setChartDefaultSettings, a as setSankeyChartDefaultSettings } from './chartUtils-DFIyEsL1.js';
 import { v4 } from 'uuid';
-const udpSankeyChartCss = ":host{display:block}";
+const udpSankeyChartCss = () => `:host{display:block}`;
 const UdpSankeyChart = class {
     constructor(hostRef) {
@@ -66,18 +66,35 @@ const UdpSankeyChart = class {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "valueField": ["renderChart"],
-        "sourceIdField": ["renderChart"],
-        "targetIdField": ["renderChart"],
-        "labelFormat": ["renderChart"],
-        "tooltipTextFormat": ["renderChart"],
-        "nodeTooltipTextFormat": ["renderChart"],
-        "paddingRight": ["renderChart"],
-        "hideLegend": ["renderChart"],
-        "data": ["renderChart"]
+        "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
+            }]
     }; }
 };
-UdpSankeyChart.style = udpSankeyChartCss;
+UdpSankeyChart.style = udpSankeyChartCss();
 export { UdpSankeyChart as udp_sankey_chart };
-//# sourceMappingURL=udp-sankey-chart.entry.js.map

package/dist/esm/udp-skeleton-loading.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, h } from './index-DFnjA9NX.js';
-const udpSkeletonLoadingCss = ".skeleton-loader{background:linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);background-size:1000px 100%;display:inline-block;position:relative;overflow:hidden}.skeleton-loader::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);animation:load 1.5s infinite}@keyframes load{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}";
+const udpSkeletonLoadingCss = () => `.skeleton-loader{background:linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);background-size:1000px 100%;display:inline-block;position:relative;overflow:hidden}.skeleton-loader::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);animation:load 1.5s infinite}@keyframes load{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}`;
 const UdpSkeletonLoading = class {
     constructor(hostRef) {
@@ -14,7 +14,6 @@ const UdpSkeletonLoading = class {
         return (h("div", { key: '2801b43f47755995952a8ebda27acd6557b340f8', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
     }
 };
-UdpSkeletonLoading.style = udpSkeletonLoadingCss;
+UdpSkeletonLoading.style = udpSkeletonLoadingCss();
 export { UdpSkeletonLoading as udp_skeleton_loading };
-//# sourceMappingURL=udp-skeleton-loading.entry.js.map

package/dist/esm/udp-split-screen.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, h } from './index-DFnjA9NX.js';
-const udpSplitScreenCss = ".container{display:flex;height:100%;width:100%}.container:not(.open){display:none}.panel{flex-grow:1;overflow:auto;cursor:default;}.resizer{background-color:transparent;height:100vh;cursor:ew-resize;position:relative;display:flex;align-items:center;justify-content:center;padding:0 2px;box-sizing:content-box;transition:background-color 0.3s ease;}.resizer:hover{background-color:var(--primary-color);cursor:ew-resize;}.resizer:hover::before{background-color:transparent;}.resizer::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:100%;background-color:rgb(219, 219, 219);transition:background-color 0.3s ease;}.drag-handle{content:'';font-size:24px;color:#666;user-select:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}";
+const udpSplitScreenCss = () => `.container{display:flex;height:100%;width:100%}.container:not(.open){display:none}.panel{flex-grow:1;overflow:auto;cursor:default;}.resizer{background-color:transparent;height:100vh;cursor:ew-resize;position:relative;display:flex;align-items:center;justify-content:center;padding:0 2px;box-sizing:content-box;transition:background-color 0.3s ease;}.resizer:hover{background-color:var(--primary-color);cursor:ew-resize;}.resizer:hover::before{background-color:transparent;}.resizer::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:100%;background-color:rgb(219, 219, 219);transition:background-color 0.3s ease;}.drag-handle{content:'';font-size:24px;color:#666;user-select:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}`;
 const UdpSplitScreen = class {
     constructor(hostRef) {
@@ -58,7 +58,6 @@ const UdpSplitScreen = class {
         return (h("div", { key: 'c1a7e0eba3ac1fcc5fd02ebcfd24ad866ddd5a43', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, h("div", { key: 'ba41dc15748286b532e98574db37413ec8428110', class: "panel", style: { width: `${this.panelWidth}%` } }, h("slot", { key: 'a5789cb6914ad71421a23bbedff897ab3af03356', name: "first-panel" })), h("div", { key: 'bc81bfcfe169236f7102ad340b5e87b169cbb368', class: "resizer", onMouseDown: (event) => event.preventDefault() }, h("div", { key: 'eb72ee3c6aeed6c26d07d72f0818bcce3d1b0dc6', class: "drag-handle" })), h("div", { key: '606d564838ffaad254738b761d9d4e1f382888f6', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, h("slot", { key: '682ce28bd7d62692855eb5254da515119dab9214', name: "second-panel" }, this.panelContent))));
     }
 };
-UdpSplitScreen.style = udpSplitScreenCss;
+UdpSplitScreen.style = udpSplitScreenCss();
 export { UdpSplitScreen as udp_split_screen };
-//# sourceMappingURL=udp-split-screen.entry.js.map

package/dist/esm/udp-stepper-demo.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, h } from './index-DFnjA9NX.js';
 const UdpStepperDemo = class {
     constructor(hostRef) {
@@ -97,4 +97,3 @@ const UdpStepperDemo = class {
 };
 export { UdpStepperDemo as udp_stepper_demo };
-//# sourceMappingURL=udp-stepper-demo.entry.js.map

package/dist/esm/udp-stepper.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, h } from './index-DFnjA9NX.js';
-const udpStepperCss = ":host{display:block;width:100%;contain:content}.stepper-container{display:flex;width:100%}.stepper-container.horizontal{flex-direction:column}.stepper-container.vertical{flex-direction:column;width:100%;overflow:visible}.step-headers{position:relative;display:flex;flex-direction:row;width:100%;margin-bottom:1rem;align-items:flex-start}.step-header{position:relative;flex:1;display:flex;align-items:flex-start;justify-content:center;padding:0.5rem;transition:padding 0.3s, background-color 0.3s;cursor:pointer}.step-header:not(.label-bottom):not(.label-right){flex-direction:row;align-items:center}.step-header.label-bottom{flex-direction:column;align-items:center;gap:0.5rem;text-align:center;position:relative;padding-top:8px}.step-header.label-bottom .step-icon{margin-right:0}.step-header.label-right{flex-direction:row;align-items:center;justify-content:flex-start;position:relative;padding-right:16px}.step-header:hover:not(.disabled){background-color:rgba(25, 118, 210, 0.1)}.step-header.disabled{cursor:not-allowed;opacity:0.6}.step-header.active{flex:1}.step-header.active.active-only{flex:2}.step-header.icons-only{justify-content:center;flex-direction:column;gap:0.5rem}.step-content-container{width:100%;position:relative;min-height:150px;display:flex;flex-direction:column}.step-content-wrapper{display:flex;flex-direction:column;gap:1rem;width:100%;visibility:visible;opacity:1;transition:opacity 0.2s ease-in-out, visibility 0.2s ease-in-out}.step-content-wrapper[style*=\"display: none\"]{visibility:hidden;opacity:0;position:absolute;pointer-events:none}.step-content-wrapper[style*=\"display: none\"]{overflow:hidden}.step-buttons{display:flex;gap:0.5rem;justify-content:flex-end;padding:1rem;width:100%;box-sizing:border-box;will-change:transform}.step{display:flex;position:relative;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff}.step.horizontal{flex:1;min-width:0;padding:1rem}.step.horizontal.active{flex:2}.step.alternative-label{flex-direction:column;align-items:center}.step.clickable{cursor:pointer}.step-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;margin-right:8px;border:2px solid var(--divider-color, #ccc);flex-shrink:0;position:relative;z-index:1}.step-icon.completed{background-color:var(--success-color, #4caf50);border-color:var(--success-color, #4caf50)}.step-icon.completed unity-typography{color:var(--text-inverse, #ffffff)}.step-icon.active{background-color:transparent;border-color:var(--primary-color, #1976d2)}.step-icon.active unity-typography{color:var(--primary-color, #1976d2)}.step-icon:not(.active):not(.completed) unity-typography{color:var(--text-secondary, rgba(0, 0, 0, 0.6))}.step-content{flex:1}.step-title{font-weight:bold;margin-bottom:4px}.step-subtitle{font-size:0.875rem;color:#666}.step-content-display{padding:1rem;width:100%;box-sizing:border-box;overflow:hidden}.step-labels{display:flex;flex-direction:column}.label-bottom .step-labels{text-align:center}.label-right .step-labels{margin-left:8px}.step-header{position:relative}.step-header:not(:last-child)::after{content:'';position:absolute;background-color:var(--divider-color, #e0e0e0);height:1px}.step-icon{position:relative;z-index:1}.step.vertical{display:flex;flex-direction:column;width:100%;border:1px solid var(--divider-color, #e0e0e0);border-radius:4px;background-color:#fff;margin-bottom:1rem;overflow:visible;box-sizing:border-box}.step-content-vertical{width:100%;box-sizing:border-box;overflow:visible}.step-header-container{display:flex}.step.vertical .step-header{width:100%;padding:1rem}.step.vertical .step-header.label-right{flex-direction:row;align-items:center;justify-content:flex-start}.step.vertical .step-labels{margin-left:8px}.step.vertical .step-content-wrapper{margin:0;padding:0;border:none}";
+const udpStepperCss = () => `:host{display:block;width:100%;contain:content}.stepper-container{display:flex;width:100%}.stepper-container.horizontal{flex-direction:column}.stepper-container.vertical{flex-direction:column;width:100%;overflow:visible}.step-headers{position:relative;display:flex;flex-direction:row;width:100%;margin-bottom:1rem;align-items:flex-start}.step-header{position:relative;flex:1;display:flex;align-items:flex-start;justify-content:center;padding:0.5rem;transition:padding 0.3s, background-color 0.3s;cursor:pointer}.step-header:not(.label-bottom):not(.label-right){flex-direction:row;align-items:center}.step-header.label-bottom{flex-direction:column;align-items:center;gap:0.5rem;text-align:center;position:relative;padding-top:8px}.step-header.label-bottom .step-icon{margin-right:0}.step-header.label-right{flex-direction:row;align-items:center;justify-content:flex-start;position:relative;padding-right:16px}.step-header:hover:not(.disabled){background-color:rgba(25, 118, 210, 0.1)}.step-header.disabled{cursor:not-allowed;opacity:0.6}.step-header.active{flex:1}.step-header.active.active-only{flex:2}.step-header.icons-only{justify-content:center;flex-direction:column;gap:0.5rem}.step-content-container{width:100%;position:relative;min-height:150px;display:flex;flex-direction:column}.step-content-wrapper{display:flex;flex-direction:column;gap:1rem;width:100%;visibility:visible;opacity:1;transition:opacity 0.2s ease-in-out, visibility 0.2s ease-in-out}.step-content-wrapper[style*="display: none"]{visibility:hidden;opacity:0;position:absolute;pointer-events:none}.step-content-wrapper[style*="display: none"]{overflow:hidden}.step-buttons{display:flex;gap:0.5rem;justify-content:flex-end;padding:1rem;width:100%;box-sizing:border-box;will-change:transform}.step{display:flex;position:relative;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff}.step.horizontal{flex:1;min-width:0;padding:1rem}.step.horizontal.active{flex:2}.step.alternative-label{flex-direction:column;align-items:center}.step.clickable{cursor:pointer}.step-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;margin-right:8px;border:2px solid var(--divider-color, #ccc);flex-shrink:0;position:relative;z-index:1}.step-icon.completed{background-color:var(--success-color, #4caf50);border-color:var(--success-color, #4caf50)}.step-icon.completed unity-typography{color:var(--text-inverse, #ffffff)}.step-icon.active{background-color:transparent;border-color:var(--primary-color, #1976d2)}.step-icon.active unity-typography{color:var(--primary-color, #1976d2)}.step-icon:not(.active):not(.completed) unity-typography{color:var(--text-secondary, rgba(0, 0, 0, 0.6))}.step-content{flex:1}.step-title{font-weight:bold;margin-bottom:4px}.step-subtitle{font-size:0.875rem;color:#666}.step-content-display{padding:1rem;width:100%;box-sizing:border-box;overflow:hidden}.step-labels{display:flex;flex-direction:column}.label-bottom .step-labels{text-align:center}.label-right .step-labels{margin-left:8px}.step-header{position:relative}.step-header:not(:last-child)::after{content:'';position:absolute;background-color:var(--divider-color, #e0e0e0);height:1px}.step-icon{position:relative;z-index:1}.step.vertical{display:flex;flex-direction:column;width:100%;border:1px solid var(--divider-color, #e0e0e0);border-radius:4px;background-color:#fff;margin-bottom:1rem;overflow:visible;box-sizing:border-box}.step-content-vertical{width:100%;box-sizing:border-box;overflow:visible}.step-header-container{display:flex}.step.vertical .step-header{width:100%;padding:1rem}.step.vertical .step-header.label-right{flex-direction:row;align-items:center;justify-content:flex-start}.step.vertical .step-labels{margin-left:8px}.step.vertical .step-content-wrapper{margin:0;padding:0;border:none}`;
 const UdpStepper = class {
     constructor(hostRef) {
@@ -101,10 +101,11 @@ const UdpStepper = class {
         return this.orientation === 'horizontal' ? this.renderHorizontalStepper() : this.renderVerticalStepper();
     }
     static get watchers() { return {
-        "activeStep": ["validateActiveStep"]
+        "activeStep": [{
+                "validateActiveStep": 0
+            }]
     }; }
 };
-UdpStepper.style = udpStepperCss;
+UdpStepper.style = udpStepperCss();
 export { UdpStepper as udp_stepper };
-//# sourceMappingURL=udp-stepper.entry.js.map

package/dist/esm/udp-tab-panel.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, h } from './index-DFnjA9NX.js';
-const udpTabPanelCss = ":host{display:block}.tab-panel{display:none}.tab-panel.active{display:block}";
+const udpTabPanelCss = () => `:host{display:block}.tab-panel{display:none}.tab-panel.active{display:block}`;
 const UdpTabPanel = class {
     constructor(hostRef) {
@@ -14,7 +14,6 @@ const UdpTabPanel = class {
             }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, h("slot", { key: '7b9a7830280bf62f9bce753f6ab83b68e198a5df' })));
     }
 };
-UdpTabPanel.style = udpTabPanelCss;
+UdpTabPanel.style = udpTabPanelCss();
 export { UdpTabPanel as udp_tab_panel };
-//# sourceMappingURL=udp-tab-panel.entry.js.map