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

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

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/cjs/udp-forms-renderer.cjs.entry.js CHANGED Viewed

@@ -1,13 +1,13 @@
 'use strict';
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 var lodash = require('lodash');
 var tenantUtils = require('./tenantUtils-BCKSE0vq.js');
 var udpFormApiUtils = require('./udp-form-api-utils-BwNeblH_.js');
 var enums = require('./enums-B3aaCQaV.js');
 var utils = require('./utils-Bp02BX38.js');
-var makeApiCall = require('./makeApiCall-CFfg9gI0.js');
-var SearchBuilder = require('./SearchBuilder-C1sUitjQ.js');
+var makeApiCall = require('./makeApiCall-B9MMU_Ob.js');
+var SearchBuilder = require('./SearchBuilder-DYM_FL5l.js');
 var configService = require('./configService-BmGAegZf.js');
 var uuid = require('uuid');
 require('axios');
@@ -165,8 +165,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)) {
@@ -186,7 +195,7 @@ class FormSubmissionHandler {
         // Backend contract: PUT /UdpFormSubmission/{submissionId}/comments/{commentId}
         // Body: { value, sectionKey, questionKey }
         const url = `${configService.ConfigService.productV1ApiUrl}/UdpFormSubmission/${udpFormSubmission.id}/comments/${commentId}`;
-        await makeApiCall.makeApiCall('PUT', url, { value, sectionKey, questionKey }, true);
+        await makeApiCall.makeApiCall('PUT', url, { value, sectionKey, questionKey }, true, this.extraHeaders);
     }
     async deleteComment(udpFormSubmission, args) {
         if (!(udpFormSubmission === null || udpFormSubmission === void 0 ? void 0 : udpFormSubmission.id)) {
@@ -195,7 +204,7 @@ class FormSubmissionHandler {
         const { commentId } = args;
         // Backend contract: DELETE /UdpFormSubmission/{submissionId}/comments/{commentId}
         const url = `${configService.ConfigService.productV1ApiUrl}/UdpFormSubmission/${udpFormSubmission.id}/comments/${commentId}`;
-        await makeApiCall.makeApiCall('DELETE', url, null, true);
+        await makeApiCall.makeApiCall('DELETE', url, null, true, this.extraHeaders);
     }
     async fetchAndPopulateUdpFormSubmissionObj(udpFormSubmission) {
         if (!(udpFormSubmission === null || udpFormSubmission === void 0 ? void 0 : udpFormSubmission.id)) {
@@ -234,7 +243,7 @@ class FormSubmissionHandler {
     async saveFormDataWithoutValues(udpFormSubmission, status) {
         const formData = udpFormSubmission.processSubmissionIntoFormDataWithoutValues(status);
         const { method, url } = this.getApiRequestInfo(udpFormSubmission);
-        const response = await makeApiCall.makeApiCall(method, url, formData, true);
+        const response = await makeApiCall.makeApiCall(method, url, formData, true, this.extraHeaders);
         if (response === '') {
             return await this.fetchAndPopulateUdpFormSubmissionObj(udpFormSubmission);
         }
@@ -254,7 +263,7 @@ class FormSubmissionHandler {
     async saveSubmissionToDB(values, udpFormSubmission, status) {
         const formData = udpFormSubmission.processSubmissionIntoFormData(values, status);
         const { method, url } = this.getApiRequestInfo(udpFormSubmission);
-        const response = await makeApiCall.makeApiCall(method, url, formData, true);
+        const response = await makeApiCall.makeApiCall(method, url, formData, true, this.extraHeaders);
         if (response === '') {
             return await this.fetchAndPopulateUdpFormSubmissionObj(udpFormSubmission);
         }
@@ -296,8 +305,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);
     }
 }
@@ -308,16 +317,16 @@ class UdpFormHandler {
     }
     buildDescribeUrl(formId, formVersion) {
         const base = configService.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.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.makeApiCall('GET', url, undefined, false, extraHeaders);
         if (formData.styleOverrides && typeof formData.styleOverrides === 'string') {
             formData.styleOverrides = JSON.parse(formData.styleOverrides);
         }
@@ -1080,6 +1089,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';
@@ -1093,7 +1111,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
@@ -1112,7 +1130,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 = utils.buildEmptyCurrentValues(this.udpForm);
@@ -1326,7 +1344,7 @@ const UdpFormsRenderer = class {
         return this.isSubmitted || this.udpFormSubmission.unityUserId !== this.clientUserInfo.id;
     }
     render() {
-        return (index.h("div", { key: '37ec47fc7f3ecec70ba7ca3e12717789285be5d8', class: "forms-renderer-container", style: this.isLoading ? { minHeight: '100vh' } : {} }, this.renderFollowUpSideSheet(), index.h("udp-forms-ui", { udpForm: this.udpForm, currentValues: this.currentValues, udpFormSubmission: this.udpFormSubmission, submitSuccessful: this.submitSuccessful, isSaving: this.isSaving,
+        return (index.h("div", { key: 'f53b65027554505a1301ab98379035e0316735dc', class: "forms-renderer-container", style: this.isLoading ? { minHeight: '100vh' } : {} }, this.renderFollowUpSideSheet(), index.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 })));
@@ -1335,4 +1353,3 @@ const UdpFormsRenderer = class {
 };
 exports.udp_forms_renderer = UdpFormsRenderer;
-//# sourceMappingURL=udp-forms-renderer.entry.cjs.js.map

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 var enums = require('./enums-B3aaCQaV.js');
 var utils = require('./utils-Bp02BX38.js');
 var iconUtils = require('./iconUtils-BuDk48Xh.js');
@@ -96,7 +96,7 @@ require('@carbon/icons/es/image/16');
 require('@carbon/icons/es/PPT/16');
 require('@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) {
@@ -232,10 +232,11 @@ const UdpFormsUi = class {
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
-        "isSaving": ["watchIsSaving"]
+        "isSaving": [{
+                "watchIsSaving": 0
+            }]
     }; }
 };
-UdpFormsUi.style = udpFormsUiCss;
+UdpFormsUi.style = udpFormsUiCss();
 exports.udp_forms_ui = UdpFormsUi;
-//# sourceMappingURL=udp-forms-ui.entry.cjs.js.map

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 var iconUtils = require('./iconUtils-BuDk48Xh.js');
 require('./iconMapping-CkHR1LGY.js');
 require('@carbon/icons/es/add/16');
@@ -94,7 +94,7 @@ require('@carbon/icons/es/image/16');
 require('@carbon/icons/es/PPT/16');
 require('@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) {
@@ -151,7 +151,6 @@ const UdpIcon = class {
         }))));
     }
 };
-UdpIcon.style = udpIconCss;
+UdpIcon.style = udpIconCss();
 exports.udp_icon = UdpIcon;
-//# sourceMappingURL=udp-icon.entry.cjs.js.map

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

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.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) {
@@ -111,7 +111,6 @@ const UdpKpiCard = class {
         return (index.h(index.Host, { key: 'e3ea56203c667471f7d8f504f62ddcb1a1b871f0' }, isNavigation ? (index.h("a", { href: this.href, class: cardClasses, style: { textDecoration: 'none' } }, content)) : (index.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();
 exports.udp_kpi_card = UdpKpiCard;
-//# sourceMappingURL=udp-kpi-card.entry.cjs.js.map

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

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.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) {
@@ -37,7 +37,6 @@ const UdpKpiCards = class {
             }), index.h("slot", { key: '044c295aaa60bb80c36aa845bdb92d30e9b47b3b' })));
     }
 };
-UdpKpiCards.style = udpKpiCardsCss;
+UdpKpiCards.style = udpKpiCardsCss();
 exports.udp_kpi_cards = UdpKpiCards;
-//# sourceMappingURL=udp-kpi-cards.entry.cjs.js.map

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

@@ -1,13 +1,13 @@
 'use strict';
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 var Close24 = require('@carbon/icons/es/close/24');
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var Close24__default = /*#__PURE__*/_interopDefault(Close24);
-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) {
@@ -25,9 +25,9 @@ const UdpLinearLoader = class {
         return (index.h(index.Host, { key: '9a117a437dfa0fb96e428aa052de8a5d04f8fd15' }, index.h("div", { key: '369d4f034b7d962bcc7eb621a078db1f107a0f8a', class: loaderClasses }, index.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) {
@@ -278,12 +278,15 @@ const UdpSideSheet = class {
     }
     get hostEl() { return index.getElement(this); }
     static get watchers() { return {
-        "open": ["handleOpenChange"],
-        "footerSecondaryButtons": ["handleSecondaryButtonsChange"]
+        "open": [{
+                "handleOpenChange": 0
+            }],
+        "footerSecondaryButtons": [{
+                "handleSecondaryButtonsChange": 0
+            }]
     }; }
 };
-UdpSideSheet.style = udpSideSheetCss;
+UdpSideSheet.style = udpSideSheetCss();
 exports.udp_linear_loader = UdpLinearLoader;
 exports.udp_side_sheet = UdpSideSheet;
-//# sourceMappingURL=udp-linear-loader.udp-side-sheet.entry.cjs.js.map

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

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.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) {
@@ -123,12 +123,14 @@ const UdpItemList = class {
         return (index.h("host", null, index.h("div", { class: containerClasses }, this.renderItems()), this.pagination && this.getTotalPages() > 1 && (index.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) {
@@ -197,8 +199,7 @@ const UdpPagination = class {
         return (index.h("div", { class: "pagination-controls" }, index.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(), index.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();
 exports.udp_list_renderer = UdpItemList;
 exports.udp_pagination = UdpPagination;
-//# sourceMappingURL=udp-list-renderer.udp-pagination.entry.cjs.js.map

package/dist/cjs/udp-map-utils-BXqQmr-h.js CHANGED Viewed

@@ -183,6 +183,3 @@ exports.getMapFeatures = getMapFeatures;
 exports.hasStyles = hasStyles;
 exports.searchForLayerOptions = searchForLayerOptions;
 exports.setSelectedLayersList = setSelectedLayersList;
-//# sourceMappingURL=udp-map-utils-BXqQmr-h.js.map
-//# sourceMappingURL=udp-map-utils-BXqQmr-h.js.map

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

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.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) {
@@ -102,11 +102,14 @@ const UdpMap = class {
             }, addFeaturePanelConfig: this.addFeaturePanelConfig })), index.h("slot", { key: '00102aa5f21cb5fa6382f9e0785486cd956d714f' })));
     }
     static get watchers() { return {
-        "enableDragBox": ["watchDragBoxandSelectedFeatureInteraction"],
-        "selectFeatureInteraction": ["watchDragBoxandSelectedFeatureInteraction"]
+        "enableDragBox": [{
+                "watchDragBoxandSelectedFeatureInteraction": 0
+            }],
+        "selectFeatureInteraction": [{
+                "watchDragBoxandSelectedFeatureInteraction": 0
+            }]
     }; }
 };
-UdpMap.style = udpMapCss;
+UdpMap.style = udpMapCss();
 exports.udp_map = UdpMap;
-//# sourceMappingURL=udp-map.entry.cjs.js.map

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

@@ -1,9 +1,9 @@
 'use strict';
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 var core = require('@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) {
@@ -22,9 +22,9 @@ const UdpMenuItem = class {
         return (index.h("button", { key: '4a43cdb229edec0f13ceda8672bfd3c48c545dc6', class: "menu-item-root", onClick: this.handleItemClick, disabled: this.disabled, role: "menuitem" }, this.iconName && index.h("udp-icon", { key: '499c217a79efe99f11e289f9792eb1f9307264bb', iconName: this.iconName, class: "menu-icon" }), index.h("span", { key: '8c414f47700d8b3802d81579fb1374aa81c8691b', class: "menu-item-label" }, index.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) {
@@ -144,11 +144,12 @@ const UdpPopOver = class {
     }
     get hostEl() { return index.getElement(this); }
     static get watchers() { return {
-        "isOpen": ["handleOpenChange"]
+        "isOpen": [{
+                "handleOpenChange": 0
+            }]
     }; }
 };
-UdpPopOver.style = udpPopOverCss;
+UdpPopOver.style = udpPopOverCss();
 exports.udp_menu_item = UdpMenuItem;
 exports.udp_pop_over = UdpPopOver;
-//# sourceMappingURL=udp-menu-item.udp-pop-over.entry.cjs.js.map

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

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
-const udpPageCss = ":host{display:block}";
+const udpPageCss = () => `:host{display:block}`;
 const UdpPage = class {
     constructor(hostRef) {
@@ -25,7 +25,6 @@ const UdpPage = class {
         return (index.h("div", { key: '87960916a8c702c88f3a7dd7a9ef90227d76f605', style: style }, index.h("slot", { key: '1915453eae25182b42e004450ca04ee20c17cbff' }), " "));
     }
 };
-UdpPage.style = udpPageCss;
+UdpPage.style = udpPageCss();
 exports.udp_page = UdpPage;
-//# sourceMappingURL=udp-page.entry.cjs.js.map

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 var am4charts = require('@amcharts/amcharts4/charts');
 var am4core = require('@amcharts/amcharts4/core');
 var chartUtils = require('./chartUtils-Gg3D2Moc.js');
@@ -27,7 +27,7 @@ function _interopNamespace(e) {
 var am4charts__namespace = /*#__PURE__*/_interopNamespace(am4charts);
 var am4core__namespace = /*#__PURE__*/_interopNamespace(am4core);
-const udpSankeyChartCss = ":host{display:block}";
+const udpSankeyChartCss = () => `:host{display:block}`;
 const UdpSankeyChart = class {
     constructor(hostRef) {
@@ -89,18 +89,35 @@ const UdpSankeyChart = class {
     }
     get el() { return index.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();
 exports.udp_sankey_chart = UdpSankeyChart;
-//# sourceMappingURL=udp-sankey-chart.entry.cjs.js.map

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

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.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) {
@@ -16,7 +16,6 @@ const UdpSkeletonLoading = class {
         return (index.h("div", { key: '2801b43f47755995952a8ebda27acd6557b340f8', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
     }
 };
-UdpSkeletonLoading.style = udpSkeletonLoadingCss;
+UdpSkeletonLoading.style = udpSkeletonLoadingCss();
 exports.udp_skeleton_loading = UdpSkeletonLoading;
-//# sourceMappingURL=udp-skeleton-loading.entry.cjs.js.map

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

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.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) {
@@ -60,7 +60,6 @@ const UdpSplitScreen = class {
         return (index.h("div", { key: 'c1a7e0eba3ac1fcc5fd02ebcfd24ad866ddd5a43', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, index.h("div", { key: 'ba41dc15748286b532e98574db37413ec8428110', class: "panel", style: { width: `${this.panelWidth}%` } }, index.h("slot", { key: 'a5789cb6914ad71421a23bbedff897ab3af03356', name: "first-panel" })), index.h("div", { key: 'bc81bfcfe169236f7102ad340b5e87b169cbb368', class: "resizer", onMouseDown: (event) => event.preventDefault() }, index.h("div", { key: 'eb72ee3c6aeed6c26d07d72f0818bcce3d1b0dc6', class: "drag-handle" })), index.h("div", { key: '606d564838ffaad254738b761d9d4e1f382888f6', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, index.h("slot", { key: '682ce28bd7d62692855eb5254da515119dab9214', name: "second-panel" }, this.panelContent))));
     }
 };
-UdpSplitScreen.style = udpSplitScreenCss;
+UdpSplitScreen.style = udpSplitScreenCss();
 exports.udp_split_screen = UdpSplitScreen;
-//# sourceMappingURL=udp-split-screen.entry.cjs.js.map

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 const UdpStepperDemo = class {
     constructor(hostRef) {
@@ -99,4 +99,3 @@ const UdpStepperDemo = class {
 };
 exports.udp_stepper_demo = UdpStepperDemo;
-//# sourceMappingURL=udp-stepper-demo.entry.cjs.js.map