udp-stencil-component-library 25.18.2-beta.4 → 25.18.2-beta.6

package/dist/esm/form-metadata-display_8.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, c as createEvent, H as Host, a as getElement } from './index-CaZq3YdB.js';
-import { d as dateFormatter, f as fontOverrideMapping, o as overrideFont } from './utils-CiUp9KGZ.js';
+import { d as dateFormatter, f as fontOverrideMapping, o as overrideFont } from './utils-kwLwITIE.js';
 import { i as isFileReference, p as parseFileReference, d as downloadFileFromUdpDriveFile, a as isUdpDriveFile, c as createFileFromString, b as isFile } from './udp-drive-utils-CIrjVGiJ.js';
 import { createForm } from 'final-form';
 import debounce from 'lodash.debounce';
-import { b as UdpFormsFieldTypeEnum, U as UdpFormsPageIdEnum } from './enums-CHxgVY-B.js';
+import { c as UdpFormsFieldTypeEnum, U as UdpFormsPageIdEnum } from './enums-DHT5wSnX.js';
 import { g as getIconFromName } from './iconUtils-DcPvHO4A.js';
 import Save from '@carbon/icons/es/save/20';
 import 'axios';
@@ -135,7 +135,7 @@ const FormMetadataDisplay = class {
     render() {
         return (
         // role/aria-label provide a lightweight accessible grouping for screen readers
-        h("div", { key: '469db81d4d885bc6b582aa06fb4a8e84107294f0', class: "container", role: "group", "aria-label": "Form metadata" }, this.displayOwnerFullName && this.userDisplayName && this.renderRow('Name', this.userDisplayName), this.displayOwnerEmail && this.userEmail && this.renderRow('Email', this.userEmail), this.displaySubmissionDate && this.submittedOn && this.renderRow('Submitted on', dateFormatter(this.submittedOn, 'long'))));
+        h("div", { key: 'eec0b6d84cba30720f86b4f4cbd3781b1fa8d76f', class: "container", role: "group", "aria-label": "Form metadata" }, this.displayOwnerFullName && this.userDisplayName && this.renderRow('Name', this.userDisplayName), this.displayOwnerEmail && this.userEmail && this.renderRow('Email', this.userEmail), this.displaySubmissionDate && this.submittedOn && this.renderRow('Submitted on', dateFormatter(this.submittedOn, 'long'))));
     }
 };
 FormMetadataDisplay.style = formMetadataDisplayCss;
@@ -187,7 +187,7 @@ const ImageUpload = class {
         };
     }
     render() {
-        return (h(Host, { key: '8b95c4bb3a085aeeb0aab3a352c4bedd5d723f20' }, h("file-upload", { key: '2fae3ef81fd7b5a2ea7c875954629deac44f53af', allowMultiple: false, allowedMimeTypes: this.allowedMimeTypes, fullWidth: this.fullWidth, required: this.required, error: this.error, dragAndDropMessage: this.dragAndDropMessage, browseFileMessage: this.browseFileMessage, hideDragAndDrop: this.hideDragAndDrop, hideButton: this.hideButton, id: this.id, name: this.name, label: this.label, disabled: this.disabled, readonly: this.readonly, initialValue: this.initialValue, renderImage: true, onChange: this.handleFileChange })));
+        return (h(Host, { key: 'd99ff15d410e2fbc1e4679694ed0615ea72d83de' }, h("file-upload", { key: '8a25e124d89bb9648fde62108253d68ed8107e89', allowMultiple: false, allowedMimeTypes: this.allowedMimeTypes, fullWidth: this.fullWidth, required: this.required, error: this.error, dragAndDropMessage: this.dragAndDropMessage, browseFileMessage: this.browseFileMessage, hideDragAndDrop: this.hideDragAndDrop, hideButton: this.hideButton, id: this.id, name: this.name, label: this.label, disabled: this.disabled, readonly: this.readonly, initialValue: this.initialValue, renderImage: true, onChange: this.handleFileChange })));
     }
 };
 ImageUpload.style = imageUploadCss;
@@ -491,7 +491,7 @@ const SignatureInput = class {
             'readonly': this.readonly,
             'disabled': this.disabled,
         };
-        return (h(Host, { key: '38f9e14ff8e51efa47278a79c030017f6fec05ec', class: {
+        return (h(Host, { key: 'aff1350eca630e59476dadec14c89809040d0d63', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -499,7 +499,7 @@ const SignatureInput = class {
                 'udp-input--readonly': this.readonly,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            } }, h("div", { key: '04dadb41b32891d9402e30f26ad09c2b910c220c', class: "bx--form-item" }, this.label && (h("unity-typography", { key: '9b804b1e8f6847763e87e2f14eda16fdcc8b049e', variant: "caption-text" }, h("label", { key: 'a66659a0a9b956dea7dc860682bc53d18ab12e7c', htmlFor: this.id, class: "bx--label" }, this.label, this.required && '*'))), h("div", { key: '6f53dd25f98d511f7852796ecb9770f6a96acd03', class: containerClasses }, h("canvas", { key: 'f0f30306a7392fc9329ad10988365b3d7d216636', ref: el => (this.canvasEl = el), class: { 'signature-canvas': true, 'readonly': this.readonly || this.disabled }, id: this.id }), !this.readonly && !this.disabled && (h("button", { key: 'a5241ba69f28932c41c32c9ad7e0001325cd419a', type: "button", class: "clear-button", onClick: this.clearSignature, disabled: this.disabled }, "Clear"))), isError && (h("div", { key: 'cb4d03f2c03942a382aeb6ea4b8728f86e54d66c', class: "error-message" }, h("unity-typography", { key: '2a859511db8da92696a3aede41c14a529c0e2d42', variant: "caption-text", color: "error" }, this.internalError))))));
+            } }, h("div", { key: 'e713a4c37dd5a9f45366b8cf07ea3d530e0b7b50', class: "bx--form-item" }, this.label && (h("unity-typography", { key: 'a2ffc9d2169334874ae82969c6b3c24582f45587', variant: "caption-text" }, h("label", { key: 'b7fd938f5b2ac2ccf18eb98c7556eca9e767cbad', htmlFor: this.id, class: "bx--label" }, this.label, this.required && '*'))), h("div", { key: 'f895f5b8e62883e9c5fa3e583ba83925223d4da9', class: containerClasses }, h("canvas", { key: '5c586ae127f2b05f36ffe42efb558690f6ccf7bb', ref: el => (this.canvasEl = el), class: { 'signature-canvas': true, 'readonly': this.readonly || this.disabled }, id: this.id }), !this.readonly && !this.disabled && (h("button", { key: '1f258fe54e4f60a1baca2bc3f777ddcdb99dc6dd', type: "button", class: "clear-button", onClick: this.clearSignature, disabled: this.disabled }, "Clear"))), isError && (h("div", { key: '75c443d5ab8c2d77382fb943a909ada0ef799221', class: "error-message" }, h("unity-typography", { key: '2b33a1fa42e7556dd5be3ec1e3dc8c590f5943cc', variant: "caption-text", color: "error" }, this.internalError))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -793,14 +793,14 @@ const TallyDisplay = class {
         const isError = !!this.error;
         const answeredCount = this.yesCount + this.noCount + this.naCount;
         const unansweredCount = this.totalFields - answeredCount;
-        return (h(Host, { key: '9de3aacae1f977ca6f71842e6cf110226623020d', class: {
+        return (h(Host, { key: '99c0201e31ee706bd89b1b72ed5e7b8799c9d870', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
                 'udp-input--readonly': this.readonly,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            } }, h("div", { key: '3d90baeaa376621f7befdd0d2aaf5162b640a92d', class: "tally-container" }, this.label && (h("unity-typography", { key: 'dbc30e26ace3de5a9c971b57a25f49a5f25a4d37', variant: "caption-text" }, h("label", { key: '3c17434ee48556b3e7c05a15ba17682801a4ee79', htmlFor: this.id, class: "tally-label" }, this.label))), h("div", { key: 'eda4e1acb3866a4af9129088eff7bf378582c3c0', class: "tally-content", id: this.id }, h("div", { key: '7169cd7335a3cc923a407f6bac36487e3c51e3a6', class: "tally-stats" }, h("div", { key: '4ae7daed9b4ef5e9e658868b993225b2d6d230bc', class: "tally-item tally-yes" }, h("unity-typography", { key: 'fb2e662654f07041157b3111fd6493c7abf956fe', variant: "h4", class: "tally-count" }, this.yesCount), h("unity-typography", { key: 'a9f2628e63a4fd7e0e78ed692e812c8be7df162d', variant: "caption-text", class: "tally-label" }, "Yes")), h("div", { key: '9a469360bdc4d019b8b9dfdd70e54e60ae44ea00', class: "tally-item tally-no" }, h("unity-typography", { key: 'c52e2e33623f50fd6ad777a82d193828cd9a8a68', variant: "h4", class: "tally-count" }, this.noCount), h("unity-typography", { key: '9936996f607fcb5016ef32917cdd04228e9fb78b', variant: "caption-text", class: "tally-label" }, "No")), h("div", { key: '6f6abc8c33d6ca4b516caa4a63b458e449806f71', class: "tally-item tally-na" }, h("unity-typography", { key: '7ae33f8cfa8fe27c0c5d9a1a32b61ec55c237eab', variant: "h4", class: "tally-count" }, this.naCount), h("unity-typography", { key: 'bfd96fc54a803756484cd3e5c965f28e6e97fa0e', variant: "caption-text", class: "tally-label" }, "Not Applicable")), unansweredCount > 0 && (h("div", { key: 'f56329ad0c4396846711955dc539413d453d3341', class: "tally-item tally-unanswered" }, h("unity-typography", { key: 'f81c44a5d86a43a5389d864783627130ebb41409', variant: "h4", class: "tally-count" }, unansweredCount), h("unity-typography", { key: 'f51b115cbb8d6cd11050e861f10696e406c8ae95', variant: "caption-text", class: "tally-label" }, "Unanswered")))), h("div", { key: 'bd121ac3682f79b9b06c65d5af4a34b247d8b724', class: "tally-summary" }, h("unity-typography", { key: '279e7a4eca040c52b83b4c6d15119034db44ff37', variant: "caption-text" }, "Total Questions: ", this.totalFields))), isError && (h("div", { key: '9853c7c215eeee120c3e09ab83a01c24d48fba44', class: "error-message" }, h("unity-typography", { key: '3f25998a2b9f9901bce9fa5baad3b7de65fed0e2', variant: "caption-text", color: "error" }, this.error))))));
+            } }, h("div", { key: '09016ed6e21cb455ffc99e7595fd815d2388dc20', class: "tally-container" }, this.label && (h("unity-typography", { key: '94421b97279dabf2419964ffcfcb46f070644e0a', variant: "caption-text" }, h("label", { key: '23492badf01e8a3b7cd19d7eeb39356188fdf09e', htmlFor: this.id, class: "tally-label" }, this.label))), h("div", { key: '6efe4476e11856c3f0c6f3db52b05988a9c76d99', class: "tally-content", id: this.id }, h("div", { key: 'b93c8910cda35f7dcaf6b1ccdf85e675fd375fc5', class: "tally-stats" }, h("div", { key: '140c03ec091df58d0d592843968784c87dfe455b', class: "tally-item tally-yes" }, h("unity-typography", { key: '03993713b6dbb200b66e2872cdb3f387d7ad6399', variant: "h4", class: "tally-count" }, this.yesCount), h("unity-typography", { key: 'f259283a9c6904f3e84ee273acccb019762bb278', variant: "caption-text", class: "tally-label" }, "Yes")), h("div", { key: '41bdd7f359f5805ec89f22082f89296642e5b0c3', class: "tally-item tally-no" }, h("unity-typography", { key: 'a580d8afd15ca787d5558907de6ce5b6a26721bb', variant: "h4", class: "tally-count" }, this.noCount), h("unity-typography", { key: '05a9b6ce25b76d2224bdcb745c828fddbd11967a', variant: "caption-text", class: "tally-label" }, "No")), h("div", { key: '5ac39a2987d52fb7d0df0e56827241f3e1079378', class: "tally-item tally-na" }, h("unity-typography", { key: 'c73d716f25601637fbe3aa20a680ed768d367f09', variant: "h4", class: "tally-count" }, this.naCount), h("unity-typography", { key: '75ad0e4b7681431e52f755ed73e770473c6f0545', variant: "caption-text", class: "tally-label" }, "Not Applicable")), unansweredCount > 0 && (h("div", { key: '46b9b8cd21f3dfa993a53ef5ca6ed1cfe91c5e49', class: "tally-item tally-unanswered" }, h("unity-typography", { key: '3b894ff08c4b636a2a13746e530ce03841d6b28d', variant: "h4", class: "tally-count" }, unansweredCount), h("unity-typography", { key: 'bbdf08a9cb4acfd3769b8e1efe1475aeb8fbcab7', variant: "caption-text", class: "tally-label" }, "Unanswered")))), h("div", { key: 'f9bbb5a94beec0c536ac384b8fe3b112f750cfa1', class: "tally-summary" }, h("unity-typography", { key: 'be96bfd28f3dd6077ac54aece439116d93d5b1d2', variant: "caption-text" }, "Total Questions: ", this.totalFields))), isError && (h("div", { key: '984d524255fe657fbeacba147b4823ca54e00ffb', class: "error-message" }, h("unity-typography", { key: '148a1b807fe5386097380df6b99e717c130c188a', variant: "caption-text", color: "error" }, this.error))))));
     }
 };
 TallyDisplay.style = tallyCss;
@@ -856,7 +856,7 @@ const UdpQuestion = class {
         this.launchFollowUpFormSideSheet = createEvent(this, "launchFollowUpFormSideSheet");
         this.disabled = false;
         this.readonly = false;
-        this.initialValues = {};
+        this.currentValues = {};
         this.clientUserInfo = {
             id: null,
             displayName: null,
@@ -1065,7 +1065,7 @@ const UdpQuestion = class {
                 'question-container': true,
             } }, h("div", { class: "question-title-and-helper-container" }, h("div", { class: "question-title-and-followup-container" }, this.question.questionText && (h("unity-typography", { id: `questionText${this.question.name}`, variant: ((_b = (_a = this.styleOverrides) === null || _a === void 0 ? void 0 : _a.questionText) === null || _b === void 0 ? void 0 : _b.variant) || 'h3' }, titleText)), h("div", null, this.question.fieldProperties.allowFollowUpForms && ((() => {
             var _a;
-            const metadata = (_a = this.initialValues[sectionKey][questionKey]) === null || _a === void 0 ? void 0 : _a.metadata;
+            const metadata = (_a = this.currentValues[sectionKey][questionKey]) === null || _a === void 0 ? void 0 : _a.metadata;
             const followUpId = metadata === null || metadata === void 0 ? void 0 : metadata.followUpFormSubmissionId;
             if (followUpId) {
                 // Valid GUID → show arrow icon to open follow-up form
@@ -1079,7 +1079,7 @@ const UdpQuestion = class {
                         this.launchFollowUpFormSideSheet.emit({ sectionKey, questionKey });
                     } }));
             }
-        })()))), this.question.helperText && (h("unity-typography", { id: `helperText${this.question.name}`, variant: ((_d = (_c = this.styleOverrides) === null || _c === void 0 ? void 0 : _c.helperText) === null || _d === void 0 ? void 0 : _d.variant) || 'caption-text' }, this.question.helperText))), component, this.question.fieldProperties.allowFollowUpForms && (h("div", null, h("stencil-field", { hidden: true, name: `${this.question.questionIdentifierKey}.metadata.followUpParentFormId` }, h("text-field", null)), h("stencil-field", { hidden: true, name: `${this.question.questionIdentifierKey}.metadata.followUpParentFormVersion` }, h("text-field", null)), h("stencil-field", { hidden: true, name: `${this.question.questionIdentifierKey}.metadata.followUpParentFormSubmissionId` }, h("text-field", null)))), this.question.fieldProperties.allowComments && (h("udp-question-comments", { question: this.question, initialValues: this.initialValues, userId: this.clientUserInfo.id }))));
+        })()))), this.question.helperText && (h("unity-typography", { id: `helperText${this.question.name}`, variant: ((_d = (_c = this.styleOverrides) === null || _c === void 0 ? void 0 : _c.helperText) === null || _d === void 0 ? void 0 : _d.variant) || 'caption-text' }, this.question.helperText))), component, this.question.fieldProperties.allowFollowUpForms && (h("div", null, h("stencil-field", { hidden: true, name: `${this.question.questionIdentifierKey}.metadata.followUpParentFormId` }, h("text-field", null)), h("stencil-field", { hidden: true, name: `${this.question.questionIdentifierKey}.metadata.followUpParentFormVersion` }, h("text-field", null)), h("stencil-field", { hidden: true, name: `${this.question.questionIdentifierKey}.metadata.followUpParentFormSubmissionId` }, h("text-field", null)))), this.question.fieldProperties.allowComments && (h("udp-question-comments", { question: this.question, currentValues: this.currentValues, userId: this.clientUserInfo.id }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -1100,7 +1100,7 @@ const UdpQuestionComments = class {
         registerInstance(this, hostRef);
         this.questionCommentAction = createEvent(this, "questionCommentAction");
         this.commentFieldProps = {};
-        this.initialValues = {};
+        this.currentValues = {};
         this.userId = null;
     }
     emitQuestionCommentAction(type, commentId) {
@@ -1128,7 +1128,7 @@ const UdpQuestionComments = class {
     render() {
         var _a, _b;
         const [sectionName, questionName] = this.question.questionIdentifierKey.split('.');
-        const questionData = ((_b = (_a = this.initialValues) === null || _a === void 0 ? void 0 : _a[sectionName]) === null || _b === void 0 ? void 0 : _b[questionName]) || {
+        const questionData = ((_b = (_a = this.currentValues) === null || _a === void 0 ? void 0 : _a[sectionName]) === null || _b === void 0 ? void 0 : _b[questionName]) || {
             comments: [],
             draftComments: [],
         };
@@ -1145,9 +1145,9 @@ const UdpQuestionComments = class {
                 : [];
         // enforce single active action UX:
         // - Only one draft is shown/active at a time (pick first draft if present)
-        // detect any draft anywhere in the form's initialValues
+        // detect any draft anywhere in the form's currentValues
         const activeDraft = draftComments.length > 0 ? draftComments[0] : null;
-        const isAnyQuestionContainsActiveDraft = Object.values(this.initialValues || {}).some((section) => Object.values(section || {}).some((q) => {
+        const isAnyQuestionContainsActiveDraft = Object.values(this.currentValues || {}).some((section) => Object.values(section || {}).some((q) => {
             if (!q)
                 return false;
             const drafts = q.draftComments;

package/dist/esm/index-CaZq3YdB.js

@@ -303,10 +303,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './add-map-feature-popup_4.entry.js').then(processMod, consoleError);
-                case 'primary-action-header_3':
+                case 'primary-action-header_2':
                     return import(
                       /* webpackMode: "lazy" */
-                      './primary-action-header_3.entry.js').then(processMod, consoleError);
+                      './primary-action-header_2.entry.js').then(processMod, consoleError);
                 case 'date-time-renderer_7':
                     return import(
                       /* webpackMode: "lazy" */
@@ -359,10 +359,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './udp-card_6.entry.js').then(processMod, consoleError);
-                case 'udp-container_2':
+                case 'udp-container':
                     return import(
                       /* webpackMode: "lazy" */
-                      './udp-container_2.entry.js').then(processMod, consoleError);
+                      './udp-container.entry.js').then(processMod, consoleError);
                 case 'udp-xy-chart':
                     return import(
                       /* webpackMode: "lazy" */
@@ -395,6 +395,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './udp-skeleton-loading.entry.js').then(processMod, consoleError);
+                case 'udp-linear-loader_2':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './udp-linear-loader_2.entry.js').then(processMod, consoleError);
                 case 'udp-avatar':
                     return import(
                       /* webpackMode: "lazy" */
@@ -407,10 +411,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './stencil-toggle.entry.js').then(processMod, consoleError);
-                case 'udp-pop-over':
+                case 'udp-menu-item_2':
                     return import(
                       /* webpackMode: "lazy" */
-                      './udp-pop-over.entry.js').then(processMod, consoleError);
+                      './udp-menu-item_2.entry.js').then(processMod, consoleError);
                 case 'text-field_2':
                     return import(
                       /* webpackMode: "lazy" */
@@ -419,10 +423,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './udp-adornment.entry.js').then(processMod, consoleError);
-                case 'udp-menu-item':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './udp-menu-item.entry.js').then(processMod, consoleError);
                 case 'custom-button':
                     return import(
                       /* webpackMode: "lazy" */