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

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

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 (536) hide show

package/dist/cjs/{udp-pop-over.cjs.entry.js → udp-menu-item_2.cjs.entry.js} RENAMED Viewed

@@ -3,6 +3,27 @@
 var index = require('./index-CGCOXUJE.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 UdpMenuItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.itemClick = index.createEvent(this, "itemClick");
+        this.disabled = false; // reflect: true helps with CSS styling
+        this.handleItemClick = (e) => {
+            // if (this.disabled) {
+            //   e.stopPropagation();
+            //   return;
+            // }
+            this.itemClick.emit(e);
+        };
+    }
+    render() {
+        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;
 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 {
@@ -128,5 +149,6 @@ const UdpPopOver = class {
 };
 UdpPopOver.style = udpPopOverCss;
+exports.udp_menu_item = UdpMenuItem;
 exports.udp_pop_over = UdpPopOver;
-//# sourceMappingURL=udp-pop-over.entry.cjs.js.map
+//# sourceMappingURL=udp-menu-item.udp-pop-over.entry.cjs.js.map

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

@@ -22,7 +22,7 @@ const UdpPage = class {
             padding: this.padding,
             margin: '0 auto', // Centers the content if max-width is set
         };
-        return (index.h("div", { key: 'cd340c347257f5eb66d73ed93ce4164ba0d6c94c', style: style }, index.h("slot", { key: '68e33d37810a56cf7fc6f7290a6d44c10c4ef781' }), " "));
+        return (index.h("div", { key: '87960916a8c702c88f3a7dd7a9ef90227d76f605', style: style }, index.h("slot", { key: '1915453eae25182b42e004450ca04ee20c17cbff' }), " "));
     }
 };
 UdpPage.style = udpPageCss;

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

@@ -13,7 +13,7 @@ const UdpSkeletonLoading = class {
         this.borderRadius = '4px';
     }
     render() {
-        return (index.h("div", { key: 'c4d09711b610d9d0219f5964d1572ef7af46b738', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
+        return (index.h("div", { key: '2801b43f47755995952a8ebda27acd6557b340f8', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
     }
 };
 UdpSkeletonLoading.style = udpSkeletonLoadingCss;

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

@@ -57,7 +57,7 @@ const UdpSplitScreen = class {
         }
     }
     render() {
-        return (index.h("div", { key: '45482d8017aa9e124177dcdf2d4173361b05fac8', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, index.h("div", { key: 'c50057f1966e96ed6c6e01e025f30167ca34eda2', class: "panel", style: { width: `${this.panelWidth}%` } }, index.h("slot", { key: '47bd54df69170935664bac84157d563ca9f7db34', name: "first-panel" })), index.h("div", { key: 'ba66ae724133870c289a9b5eafc19a1ca220c0ef', class: "resizer", onMouseDown: (event) => event.preventDefault() }, index.h("div", { key: '6b40d3ca3df57595ef9dd206b37b1932bf033809', class: "drag-handle" })), index.h("div", { key: 'fc515cb4a0c2eec22d45ba818a5b271f3a861039', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, index.h("slot", { key: '103aac71fb969095ab17605be85e57053f596d71', name: "second-panel" }, this.panelContent))));
+        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;

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

@@ -94,7 +94,7 @@ const UdpStepperDemo = class {
         };
     }
     render() {
-        return (index.h("div", { key: 'eebc9bb4f1d245a9da41ba14cd8519ea5012e074', style: { padding: '2rem' } }, index.h("unity-typography", { key: '0f9a1a7e068cb8a87c24bc6abf2d3c016b36cbfd', variant: "h2" }, "Horizontal Stepper with Labels bottom"), index.h("udp-stepper", { key: '99467398bbd932a99f4064cdce04058347f50671', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "bottom" }), index.h("unity-typography", { key: 'ceae432518d605a5279287d3f7dec89d05747022', variant: "h2" }, "Horizontal Stepper without Labels"), index.h("udp-stepper", { key: '91451a92179c6b87d18578cd0947832084b348ef', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "none", labelPosition: "bottom" }), index.h("unity-typography", { key: '55fc4f975f03af338db74402aa5473701acc947d', variant: "h2" }, "Horizontal Stepper with Labels to Right"), index.h("udp-stepper", { key: 'f5f862c22a85b774c018946cfb42a2e495992ef7', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "right" }), index.h("unity-typography", { key: '136379efff85d15e5b2b1fc9a403a9c5c7e24a71', variant: "h2" }, "Vertical Stepper"), index.h("udp-stepper", { key: 'b592b5256dff97067080079474e1f97ed8566e62', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "vertical", labelDisplay: "all", labelPosition: "right" })));
+        return (index.h("div", { key: '2319255e5746720f12f3e09b1218c2165ef8d817', style: { padding: '2rem' } }, index.h("unity-typography", { key: '656c99db41764cbb769d8082e5a45c042c669976', variant: "h2" }, "Horizontal Stepper with Labels bottom"), index.h("udp-stepper", { key: '16e00a0cab21bdf462a8750b19f18e6168fc90ac', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "bottom" }), index.h("unity-typography", { key: '27a78441510baf5aa6dfc80d8919a34529617ad3', variant: "h2" }, "Horizontal Stepper without Labels"), index.h("udp-stepper", { key: '1d1a41d4454e7b73c87ebd4b336ebdc64aa9522b', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "none", labelPosition: "bottom" }), index.h("unity-typography", { key: '43b1a72c4a8a97aef8158b28cdd9b21def43763a', variant: "h2" }, "Horizontal Stepper with Labels to Right"), index.h("udp-stepper", { key: '5d5fe67789189f33101e8bfb936d4cfe15bbd7c7', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "right" }), index.h("unity-typography", { key: '89680789dc23b5c0d995d6064278e9f634a62bec', variant: "h2" }, "Vertical Stepper"), index.h("udp-stepper", { key: '3df6a59fb672ff752d8f03626651a37388773646', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "vertical", labelDisplay: "all", labelPosition: "right" })));
     }
 };

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

@@ -10,10 +10,10 @@ const UdpTabPanel = class {
     }
     render() {
         const isActive = this.value === this.index;
-        return (index.h("div", { key: '3d2383c0b993bcb66a13c14048a13450aa5fd6b4', class: {
+        return (index.h("div", { key: '189ebf853b69a4f543aaafc450003f4a046c823d', class: {
                 'tab-panel': true,
                 'active': isActive,
-            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, index.h("slot", { key: 'fde6d4bef1fa5ded55d61ca54349cd9e85c2d265' })));
+            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, index.h("slot", { key: '7b9a7830280bf62f9bce753f6ab83b68e198a5df' })));
     }
 };
 UdpTabPanel.style = udpTabPanelCss;

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

@@ -29,7 +29,7 @@ const UdpTab = class {
         this.disabled = false;
     }
     render() {
-        return (index.h("div", { key: '6792f3e4f90e3e99a844e111783fe9f027501117', class: { 'tab-panel': true, 'active': this.active }, role: "tabpanel" }, index.h("slot", { key: '865d65568d4c0c2651a76eb9f7a19a0f4eff2c65' })));
+        return (index.h("div", { key: 'f11315932e2e200997d557729b171223fa98f4b0', class: { 'tab-panel': true, 'active': this.active }, role: "tabpanel" }, index.h("slot", { key: '73b9ef3b7dfeda69ae130fdefb39e8179d891818' })));
     }
 };
 UdpTab.style = udpTabCss;

package/dist/cjs/udp-timeline-connector.cjs.entry.js CHANGED Viewed

@@ -9,7 +9,7 @@ const UdpTimelineConnector = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h("div", { key: 'ac7162f423f990b85fc98a011c4a48bd4ba6ffdc', class: "connector" });
+        return index.h("div", { key: '6e29be72d441d6c377d008621019db08f9633da9', class: "connector" });
     }
 };
 UdpTimelineConnector.style = udpTimelineConnectorCss;

package/dist/cjs/udp-timeline-dot.cjs.entry.js CHANGED Viewed

@@ -38,7 +38,7 @@ const UdpTimelineDot = class {
             '--udp-timeline-dot-bg': this.color,
             '--udp-timeline-dot-outline-color': this.color,
         } : {};
-        return (index.h("div", { key: '1e05486cbf143dc476a32baea254820030f1f7f1', class: classes, style: styles }, index.h("slot", { key: 'c667f97a9fe7c03b243fb42a9b59e53411258a37' })));
+        return (index.h("div", { key: '2c5bd3f827dfe8f2720ca8aa46ce96d34cdfc7fa', class: classes, style: styles }, index.h("slot", { key: '97e649e977722c782c969cc3d93352e0c92c68aa' })));
     }
 };
 UdpTimelineDot.style = udpTimelineDotCss;

package/dist/cjs/udp-timeline-item.cjs.entry.js CHANGED Viewed

@@ -65,12 +65,12 @@ const UdpTimelineItem = class {
         var _a;
         const visibleActions = this.actions.slice(0, 4);
         const menuActions = this.actions.slice(4);
-        return (index.h(index.Host, { key: 'e0c202b3da3613d5bd3391c823f4717b00a8c963', class: {
+        return (index.h(index.Host, { key: '8326b3df0cc9cc0028c3bfc933bc459db35094bc', class: {
                 'has-title': this.hasTitle,
                 'has-caption': this.hasCaption,
                 [`dot-shape-${this.dotShape}`]: true,
                 'clickable': this.clickable,
-            }, onClick: this.handleClick }, index.h("div", { key: '091ebbfbc1b9efb37404b200ade26eeedd859247', class: "udp-timeline-item" }, index.h("div", { key: '9f463e19de021d0abaab732158415f9a65c6450c', class: "separator-column" }, index.h("slot", { key: '6d144c613e5c1905eac606dee59c7a94a3332fa0', name: "separator" })), index.h("div", { key: '1a2748b27929a7c06176046c85b93f6a1afe4fc5', class: "content-column" }, index.h("div", { key: 'd57471f235edbf455a70f56940f8879f8a6b5100', class: "first-row" }, index.h("div", { key: '68ef26531dae5f3150f82a143b1b6aa2dcd5c7ae', class: "title-slot" }, index.h("slot", { key: 'd2d11a82ee5d7a5b665e0dbe2afd517f02df4d81', name: "title" })), ((_a = this.statusLabel) === null || _a === void 0 ? void 0 : _a.trim()) != '' && (index.h("udp-chip", { key: '3c6fe171c3dcb2b60523e01f0d893694143d998b', label: this.statusLabel, color: this.statusColor, size: "small" }))), index.h("div", { key: '10f19128bc549bac7e53eb1260986c1f230dd3b8', class: "content-slot" }, index.h("slot", { key: 'e283db48e73b9614bd1ee33c4aafcf585560e111', name: "content" })), index.h("div", { key: '8fe114f2d6ff8bd9af2f1e044f2f73288595ae92', class: "caption-slot" }, index.h("slot", { key: 'f1f1b35200e5c9cfcdbaeb7943a75f2f97501874', name: "caption" })), this.actions.length > 0 && (index.h("div", { key: 'c4a6f1f85cc02761a1ef8aff3ae27081a19c28ac', class: "actions-container" }, visibleActions.map(action => (index.h("button", { onClick: action.onClick }, action.label))), menuActions.length > 0 && index.h("button", { key: 'ea8b1d8f7a77a56b1385bceabc0db2e310ffe492' }, "...")))))));
+            }, onClick: this.handleClick }, index.h("div", { key: 'a2fae7aacf20d01c7af29054e8c706f758ece4c9', class: "udp-timeline-item" }, index.h("div", { key: '281563af2707ddc073b3414a78f2ec264ac54238', class: "separator-column" }, index.h("slot", { key: 'db75bbc336f12262d6de2079e57c32190a739e91', name: "separator" })), index.h("div", { key: '1759cffe898de2b80712d5253d006e8aad7acf77', class: "content-column" }, index.h("div", { key: '3d8d768714a546b6d1b93e63c2ac7b9ffbd4cc33', class: "first-row" }, index.h("div", { key: '59498dc18fc522deec1edb08be8144021dc23fdb', class: "title-slot" }, index.h("slot", { key: '4de60c7bb739794e3b4f46b9d6bda1a842bcb255', name: "title" })), ((_a = this.statusLabel) === null || _a === void 0 ? void 0 : _a.trim()) != '' && (index.h("udp-chip", { key: 'b3cce52eb5f3022085eae08ab01e38ffde583245', label: this.statusLabel, color: this.statusColor, size: "small" }))), index.h("div", { key: '6877b1e05c45c70ff8260f08fbf13fa5d9f428dc', class: "content-slot" }, index.h("slot", { key: '4ee558c73d0694676ca014e936f83c4b34c3a86f', name: "content" })), index.h("div", { key: 'bca70084d830b5988b1192328a817b57082593aa', class: "caption-slot" }, index.h("slot", { key: '5cf4a947ca3cfa3e01b4f415d9bd408478bbfe32', name: "caption" })), this.actions.length > 0 && (index.h("div", { key: 'c18da0ac1c20e4b2354cb5b21f473e938f7edbb8', class: "actions-container" }, visibleActions.map(action => (index.h("button", { onClick: action.onClick }, action.label))), menuActions.length > 0 && index.h("button", { key: 'c0327b7dbb152db4c5229e2517c0061d5981cdb9' }, "...")))))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/udp-timeline-separator.cjs.entry.js CHANGED Viewed

@@ -9,7 +9,7 @@ const UdpTimelineSeparator = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'fd906306d70d88d53be6436fbf36e2d6a36fdd90', class: "udp-timeline-separator" }, index.h("slot", { key: '427efd7e20154bddef6653dc1d0efa693766a46f' })));
+        return (index.h("div", { key: 'ffc3bdd998905aa0254b7610824996ddc5263547', class: "udp-timeline-separator" }, index.h("slot", { key: '92dc66209cffed11e4c04bb0f3f309c9f27cdda2' })));
     }
 };
 UdpTimelineSeparator.style = udpTimelineSeparatorCss;

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

@@ -11,7 +11,7 @@ const UdpTimeline = class {
         this.align = 'left';
     }
     render() {
-        return (index.h(index.Host, { key: 'b8f6549bc279987a93954ee693a5c2fe54c41184', class: { [`align-${this.align}`]: true } }, index.h("div", { key: 'f0a00ac185b51a7666bf6617f4f3c6e846da131a', class: "udp-timeline-root" }, index.h("slot", { key: '69ba86a6fd1c7a418cbd87c25d4aed591751089b' }))));
+        return (index.h(index.Host, { key: '555eec82e04f639c2ea3c7e6f02305406a601790', class: { [`align-${this.align}`]: true } }, index.h("div", { key: 'a717e8b6d0a12902927eda125d07a4fada686903', class: "udp-timeline-root" }, index.h("slot", { key: '2ae6134c049190100dc7fccc9b7ff768b85fc438' }))));
     }
 };
 UdpTimeline.style = udpTimelineCss;

package/dist/cjs/udp-vertical-spacer.cjs.entry.js CHANGED Viewed

@@ -15,7 +15,7 @@ const UdpVerticalSpacer = class {
             large: 'spacing-13', // Assuming this corresponds to --spacing-13
         };
         const spacingClass = sizeMap[this.unit] || 'spacing-01';
-        return (index.h("div", { key: '43858dba85be3d9ca579b7277356f6b722a77598', class: spacingClass }));
+        return (index.h("div", { key: 'e7ce17029af1bb28948d736098913de9b7bd8efe', class: spacingClass }));
     }
 };
 UdpVerticalSpacer.style = udpVerticalSpacerCss;

package/dist/cjs/{utils-DZ_OMtAy.js → utils-Bp02BX38.js} RENAMED Viewed

@@ -41,20 +41,20 @@ const dateFormatter = (dateString, formatStyle = 'long') => {
     });
 };
 // eg. { section1: { question1: { value: '', comments: [], metadata: {} }, question2: { value: '', comments: [], metadata: {} } }, section2: { question3: { value: '', comments: [], metadata: {} } } }
-const buildEmptyInitialValues = (masterForm) => {
-    const initialValues = {};
+const buildEmptyCurrentValues = (masterForm) => {
+    const currentValues = {};
     for (const section of masterForm.udpFormUdpFormSection) {
-        initialValues[section.name] = {};
+        currentValues[section.name] = {};
         const questionsOfSection = masterForm.formQuestions.filter(question => question.formSectionId == section.id);
         for (const question of questionsOfSection) {
-            initialValues[section.name][question.name] = {
+            currentValues[section.name][question.name] = {
                 value: '', // default empty value
                 comments: [], // default empty comments array
                 metadata: {}, // default metadata object
             };
         }
     }
-    return initialValues;
+    return currentValues;
 };
 const overrideFont = (element, cssVariable) => {
     var _a, _b, _c, _d;
@@ -83,10 +83,10 @@ const fontOverrideMapping = {
     Arial: "--font-override-arial"
 };
-exports.buildEmptyInitialValues = buildEmptyInitialValues;
+exports.buildEmptyCurrentValues = buildEmptyCurrentValues;
 exports.dateFormatter = dateFormatter;
 exports.fontOverrideMapping = fontOverrideMapping;
 exports.overrideFont = overrideFont;
-//# sourceMappingURL=utils-DZ_OMtAy.js.map
+//# sourceMappingURL=utils-Bp02BX38.js.map
-//# sourceMappingURL=utils-DZ_OMtAy.js.map
+//# sourceMappingURL=utils-Bp02BX38.js.map

package/dist/cjs/utils-Bp02BX38.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils-Bp02BX38.js","sources":["src/components/forms/udp-forms/udp-forms-utils/utils.ts"],"sourcesContent":["// take a masterForm's structure and build the empty currentValues object\nimport { UdpForm } from \"src/components\";\n\n/**\n * Translate and format UTC timestamp to local time.\n */\nexport const dateFormatter = (dateString: string, formatStyle: 'long' | 'short' = 'long' ) => {\n let normalizedDateString = dateString;\n\n // Check if the string is in the 'YYYY-MM-DD HH:mm:ss.sss' format (i.e., contains a space, not 'T')\n // If the input is '2025-12-10T20:23:23.055Z', it passes straight through.\n // This format is assumed to be missing timezone info and needs to be treated as UTC.\n if (dateString.includes(' ')) {\n // Replace the space with 'T' \n normalizedDateString = dateString.replace(' ', 'T');\n }\n\n if (!dateString.toUpperCase().endsWith('Z')) {\n // append Z if not there\n normalizedDateString = normalizedDateString + 'Z';\n }\n\n const date = new Date(normalizedDateString);\n\n // short format: DD/MM/YY HH:MM am/pm (e.g. 05/09/25 03:45 pm)\n if (formatStyle === 'short') {\n const pad = (n: number) => String(n).padStart(2, '0');\n const day = pad(date.getDate());\n const month = pad(date.getMonth() + 1);\n const yearShort = String(date.getFullYear()).slice(-2);\n\n const hours24 = date.getHours();\n const minutes = pad(date.getMinutes());\n const period = hours24 >= 12 ? 'pm' : 'am';\n const hours12 = hours24 % 12 === 0 ? 12 : hours24 % 12;\n const hours = String(hours12).padStart(2, '0');\n\n return `${day}/${month}/${yearShort} ${hours}:${minutes} ${period}`;\n }\n\n // default long format \n return date.toLocaleString(undefined, {\n year: 'numeric',\n month: 'short',\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit',\n hour12: true\n });\n};\n\n\n// eg. { section1: { question1: { value: '', comments: [], metadata: {} }, question2: { value: '', comments: [], metadata: {} } }, section2: { question3: { value: '', comments: [], metadata: {} } } }\nexport const buildEmptyCurrentValues = (masterForm: UdpForm) => {\n const currentValues = {};\n\n for (const section of masterForm.udpFormUdpFormSection) {\n currentValues[section.name] = {};\n\n const questionsOfSection = masterForm.formQuestions.filter(\n question => question.formSectionId == section.id,\n );\n\n for (const question of questionsOfSection) {\n currentValues[section.name][question.name] = {\n value: '', // default empty value\n comments: [], // default empty comments array\n metadata: {}, // default metadata object\n };\n }\n }\n\n return currentValues;\n};\n\n\nexport const overrideFont = (element: HTMLElement, cssVariable) => {\n if(element?.shadowRoot?.lastElementChild){ // this returns null in react for some instances\n element?.shadowRoot?.lastElementChild?.setAttribute?.('style', `font-family: var(${cssVariable})`)\n return;\n }\n const observer = new MutationObserver((mutationsList, observer) => {\n mutationsList.forEach(mutation => {\n if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {\n mutation.addedNodes.forEach(node => {\n if (node.nodeType === Node.ELEMENT_NODE) {\n (node as HTMLElement)?.setAttribute?.('style', `font-family: var(${cssVariable})`);\n observer.disconnect(); // Stop observing once the target is found\n }\n });\n }\n });\n });\n\n if (element?.shadowRoot) {\n observer.observe(element.shadowRoot, { childList: true });\n }\n };\n\n\nexport const fontOverrideMapping = {\n Arial: \"--font-override-arial\"\n}"],"names":[],"mappings":"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"}

package/dist/collection/components/forms/udp-forms/udp-forms-builder/forms-builder-utils.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { UdpFormsTypeEnum } from "../utils/enums";
+import { UdpFormsTypeEnum } from "../udp-forms-utils/enums";
 export const deepCloneFormSections = (formSections) => {
     return structuredClone(formSections);
 };

package/dist/collection/components/forms/udp-forms/udp-forms-builder/forms-builder-utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"forms-builder-utils.js","sourceRoot":"","sources":["../../../../../src/components/forms/udp-forms/udp-forms-builder/forms-builder-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,~~gBAAgB~~,CAAC;~~AAGlD~~,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,YAAmB,EAAS,EAAE;IAClE,OAAO,eAAe,CAAC,YAAY,CAAC,CAAC;AACvC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAmB;IAClD,UAAU,EAAE;QACV,eAAe,EAAE,IAAI;QACrB,eAAe,EAAE,IAAI;KACtB;IACD,qBAAqB,EAAE,IAAI;IAC3B,UAAU,EAAE,IAAI;IAChB,UAAU,EAAE;QACV,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KACjB;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KACjB;IACD,SAAS,EAAE;QACT,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KACjB;IACD,aAAa,EAAE;QACb,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,KAAK,EAAE,EAAE;IACT,WAAW,EAAE,EAAE;IACf,iBAAiB,EAAE,EAAE;IACrB,aAAa,EAAE,EAAE;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,gBAAgB,CAAC,QAAQ;IAC/B,OAAO,EAAE,CAAC;IACV,IAAI,EAAE,EAAE;IACR,WAAW,EAAE,EAAE;CAChB,CAAC","sourcesContent":["import { UdpFormsTypeEnum } from '../utils/enums';\nimport { StyleOverrides } from '../utils/types';\n\nexport const deepCloneFormSections = (formSections: any[]): any[] => {\n return structuredClone(formSections);\n};\n\nexport const styleOverrideDefault: StyleOverrides = {\n background: {\n backgroundImage: null,\n backgroundColor: null,\n },\n headerBackgroundColor: null,\n fontFamily: null,\n helperText: {\n variant: null,\n fontFamily: null,\n },\n questionText: {\n variant: null,\n fontFamily: null,\n },\n titleText: {\n variant: null,\n fontFamily: null,\n },\n paragraphText: {\n variant: null,\n fontFamily: null,\n },\n};\n\nexport const formSectionDefault = {\n title: '',\n sectionText: '',\n sectionProperties: {},\n formQuestions: [],\n};\n\nexport const formMetadataDefault = {\n isPrivate: true,\n type: UdpFormsTypeEnum.Standard,\n version: 1,\n name: '',\n description: '',\n};\n"]}
1	+ {"version":3,"file":"forms-builder-utils.js","sourceRoot":"","sources":["../../../../../src/components/forms/udp-forms/udp-forms-builder/forms-builder-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,YAAmB,EAAS,EAAE;IAClE,OAAO,eAAe,CAAC,YAAY,CAAC,CAAC;AACvC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAmB;IAClD,UAAU,EAAE;QACV,eAAe,EAAE,IAAI;QACrB,eAAe,EAAE,IAAI;KACtB;IACD,qBAAqB,EAAE,IAAI;IAC3B,UAAU,EAAE,IAAI;IAChB,UAAU,EAAE;QACV,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KACjB;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KACjB;IACD,SAAS,EAAE;QACT,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KACjB;IACD,aAAa,EAAE;QACb,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,KAAK,EAAE,EAAE;IACT,WAAW,EAAE,EAAE;IACf,iBAAiB,EAAE,EAAE;IACrB,aAAa,EAAE,EAAE;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,gBAAgB,CAAC,QAAQ;IAC/B,OAAO,EAAE,CAAC;IACV,IAAI,EAAE,EAAE;IACR,WAAW,EAAE,EAAE;CAChB,CAAC","sourcesContent":["import { UdpFormsTypeEnum } from '../udp-forms-utils/enums';\nimport { StyleOverrides } from '../udp-forms-utils/types';\n\nexport const deepCloneFormSections = (formSections: any[]): any[] => {\n return structuredClone(formSections);\n};\n\nexport const styleOverrideDefault: StyleOverrides = {\n background: {\n backgroundImage: null,\n backgroundColor: null,\n },\n headerBackgroundColor: null,\n fontFamily: null,\n helperText: {\n variant: null,\n fontFamily: null,\n },\n questionText: {\n variant: null,\n fontFamily: null,\n },\n titleText: {\n variant: null,\n fontFamily: null,\n },\n paragraphText: {\n variant: null,\n fontFamily: null,\n },\n};\n\nexport const formSectionDefault = {\n title: '',\n sectionText: '',\n sectionProperties: {},\n formQuestions: [],\n};\n\nexport const formMetadataDefault = {\n isPrivate: true,\n type: UdpFormsTypeEnum.Standard,\n version: 1,\n name: '',\n description: '',\n};\n"]}

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/date-time-renderer/date-time-renderer.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { Fragment, h } from "@stencil/core";
-import { UdpFormsFieldTypeEnum } from "../../../utils/enums";
+import { UdpFormsFieldTypeEnum } from "../../../udp-forms-utils/enums";
 // We will need to import any components used like udp-date-selector, udp-time-selector, udp-datetime-selector, stencil-toggle, unity-typography etc.
 // This will require knowing their correct import paths or ensuring they are globally available.
 export class DateTimeRenderer {
@@ -90,8 +90,8 @@ export class DateTimeRenderer {
                     "references": {
                         "UdpFormQuestion": {
                             "location": "import",
-                            "path": "../../../utils/types",
-                            "id": "src/components/forms/udp-forms/utils/types.ts::UdpFormQuestion"
+                            "path": "../../../udp-forms-utils/types",
+                            "id": "src/components/forms/udp-forms/udp-forms-utils/types.ts::UdpFormQuestion"
                         }
                     }
                 },

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/date-time-renderer/date-time-renderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-time-renderer.js","sourceRoot":"","sources":["../../../../../../../src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/date-time-renderer/date-time-renderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Fragment, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../utils/types'; // Using path that worked previously\nimport { UdpFormsFieldTypeEnum } from '../../../utils/enums';\n\n// We will need to import any components used like udp-date-selector, udp-time-selector, udp-datetime-selector, stencil-toggle, unity-typography etc.\n// This will require knowing their correct import paths or ensuring they are globally available.\n\n@Component({\n tag: 'date-time-renderer',\n styleUrl: 'date-time-renderer.css',\n shadow: true,\n})\nexport class DateTimeRenderer {\n @Prop() question: UdpFormQuestion;\n @Prop() isViewOnly: boolean;\n @Prop() formSectionsDraft: any[][];\n @Prop() sIndex: number;\n @Prop() qIndex: number;\n @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n renderSwitch() {\n switch (this.question.fieldTypeId) {\n case UdpFormsFieldTypeEnum.DateSelector: // Date Selector\n return (\n <div class=\"question-item-date-inputs-container\">\n <div class=\"question-item-date-inputs-container-date-range\">\n <udp-date-selector\n label=\"Min Date\"\n value={this.question.fieldProperties.minDate}\n fullWidth={true}\n onChange={e => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'minDate');\n this.onFormSectionsDraftChange(updated);\n }}\n ></udp-date-selector>\n <udp-date-selector\n label=\"Max Date\"\n value={this.question.fieldProperties.maxDate}\n fullWidth={true}\n onChange={e => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxDate');\n this.onFormSectionsDraftChange(updated);\n }}\n ></udp-date-selector>\n </div>\n <stencil-toggle\n label=\"Allow Future Date\"\n disabled={this.isViewOnly}\n checked={this.question.fieldProperties.allowFutureDate === true}\n onToggledChange={() => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowFutureDate');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n ></stencil-toggle>\n </div>\n );\n case UdpFormsFieldTypeEnum.TimeSelector: // Time Selector\n return (\n <div class=\"question-item-time-inputs-container\">\n <div class=\"question-item-date-inputs-container-time-range\">\n <udp-time-selector\n label=\"Min Time\"\n value={this.question.fieldProperties.minTime}\n fullWidth={true}\n onChange={e => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'minTime');\n this.onFormSectionsDraftChange(updated);\n }}\n ></udp-time-selector>\n <udp-time-selector\n label=\"Max Time\"\n value={this.question.fieldProperties.maxTime}\n fullWidth={true}\n onChange={e => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxTime');\n this.onFormSectionsDraftChange(updated);\n }}\n ></udp-time-selector>\n </div>\n </div>\n );\n case UdpFormsFieldTypeEnum.DateTimeSelector: // DateTime Selector\n return (\n <Fragment>\n <div class=\"question-item-date-time-inputs-container\">\n <div class=\"question-item-date-inputs-container-datetime-range\">\n <udp-datetime-selector\n label=\"Min Datetime\"\n value={this.question.fieldProperties.minDateTime}\n fullWidth={true}\n onChange={e => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'minDateTime');\n this.onFormSectionsDraftChange(updated);\n }}\n ></udp-datetime-selector>\n <udp-datetime-selector\n label=\"Max Datetime\"\n value={this.question.fieldProperties.maxDateTime}\n fullWidth={true}\n onChange={e => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxDateTime');\n this.onFormSectionsDraftChange(updated);\n }}\n ></udp-datetime-selector>\n </div>\n <div class=\"question-item-future-date-container\">\n <stencil-toggle\n label=\"Allow Future Date\"\n disabled={this.isViewOnly}\n checked={!!this.question.fieldProperties?.allowFutureDate}\n onToggledChange={() => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowFutureDate');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n ></stencil-toggle>\n </div>\n </div>\n </Fragment>\n );\n default:\n return null;\n }\n }\n\n render() {\n return this.renderSwitch();\n }\n}\n"]}
1	+ {"version":3,"file":"date-time-renderer.js","sourceRoot":"","sources":["../../../../../../../src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/date-time-renderer/date-time-renderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Fragment, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../udp-forms-utils/types'; // Using path that worked previously\nimport { UdpFormsFieldTypeEnum } from '../../../udp-forms-utils/enums';\n\n// We will need to import any components used like udp-date-selector, udp-time-selector, udp-datetime-selector, stencil-toggle, unity-typography etc.\n// This will require knowing their correct import paths or ensuring they are globally available.\n\n@Component({\n tag: 'date-time-renderer',\n styleUrl: 'date-time-renderer.css',\n shadow: true,\n})\nexport class DateTimeRenderer {\n @Prop() question: UdpFormQuestion;\n @Prop() isViewOnly: boolean;\n @Prop() formSectionsDraft: any[][];\n @Prop() sIndex: number;\n @Prop() qIndex: number;\n @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n renderSwitch() {\n switch (this.question.fieldTypeId) {\n case UdpFormsFieldTypeEnum.DateSelector: // Date Selector\n return (\n <div class=\"question-item-date-inputs-container\">\n <div class=\"question-item-date-inputs-container-date-range\">\n <udp-date-selector\n label=\"Min Date\"\n value={this.question.fieldProperties.minDate}\n fullWidth={true}\n onChange={e => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'minDate');\n this.onFormSectionsDraftChange(updated);\n }}\n ></udp-date-selector>\n <udp-date-selector\n label=\"Max Date\"\n value={this.question.fieldProperties.maxDate}\n fullWidth={true}\n onChange={e => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxDate');\n this.onFormSectionsDraftChange(updated);\n }}\n ></udp-date-selector>\n </div>\n <stencil-toggle\n label=\"Allow Future Date\"\n disabled={this.isViewOnly}\n checked={this.question.fieldProperties.allowFutureDate === true}\n onToggledChange={() => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowFutureDate');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n ></stencil-toggle>\n </div>\n );\n case UdpFormsFieldTypeEnum.TimeSelector: // Time Selector\n return (\n <div class=\"question-item-time-inputs-container\">\n <div class=\"question-item-date-inputs-container-time-range\">\n <udp-time-selector\n label=\"Min Time\"\n value={this.question.fieldProperties.minTime}\n fullWidth={true}\n onChange={e => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'minTime');\n this.onFormSectionsDraftChange(updated);\n }}\n ></udp-time-selector>\n <udp-time-selector\n label=\"Max Time\"\n value={this.question.fieldProperties.maxTime}\n fullWidth={true}\n onChange={e => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxTime');\n this.onFormSectionsDraftChange(updated);\n }}\n ></udp-time-selector>\n </div>\n </div>\n );\n case UdpFormsFieldTypeEnum.DateTimeSelector: // DateTime Selector\n return (\n <Fragment>\n <div class=\"question-item-date-time-inputs-container\">\n <div class=\"question-item-date-inputs-container-datetime-range\">\n <udp-datetime-selector\n label=\"Min Datetime\"\n value={this.question.fieldProperties.minDateTime}\n fullWidth={true}\n onChange={e => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'minDateTime');\n this.onFormSectionsDraftChange(updated);\n }}\n ></udp-datetime-selector>\n <udp-datetime-selector\n label=\"Max Datetime\"\n value={this.question.fieldProperties.maxDateTime}\n fullWidth={true}\n onChange={e => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxDateTime');\n this.onFormSectionsDraftChange(updated);\n }}\n ></udp-datetime-selector>\n </div>\n <div class=\"question-item-future-date-container\">\n <stencil-toggle\n label=\"Allow Future Date\"\n disabled={this.isViewOnly}\n checked={!!this.question.fieldProperties?.allowFutureDate}\n onToggledChange={() => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowFutureDate');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n ></stencil-toggle>\n </div>\n </div>\n </Fragment>\n );\n default:\n return null;\n }\n }\n\n render() {\n return this.renderSwitch();\n }\n}\n"]}

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/file-upload-renderer/file-upload-renderer.js CHANGED Viewed

@@ -3,13 +3,13 @@ import { h } from "@stencil/core";
 export class FileUploadRenderer {
     render() {
         var _a, _b;
-        return (h("div", { key: '0d0900ccd61c4bdb94a57aae8c31e3a8391bc7cf', class: "file-upload-input-container" }, h("div", { key: 'd88efd56295b9f864d70bcae6200bd88e0acfa3b' }, h("stencil-toggle", { key: '907fb4c0aa49d0c687b57ff3a72e17c598c88e6d', label: "Hide Drag And Drop", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.hideDragAndDrop), onToggledChange: () => {
+        return (h("div", { key: '4c2326ffeef74c656ee599ca6d689d94e2783d47', class: "file-upload-input-container" }, h("div", { key: 'fd65c4069a3c91400384f0d96ab6a41d4ff95b6e' }, h("stencil-toggle", { key: 'e72cee723049232e0e8a44502ff5f13fded37a93', label: "Hide Drag And Drop", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.hideDragAndDrop), onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'hideDragAndDrop');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" })), h("div", { key: '31ae768a4d8a4ba415d0e429f61fb2a684177947' }, h("stencil-toggle", { key: '1aaa023cd3a947525a04ea3bdc03cd097c3055ee', label: "Hide Button", disabled: this.isViewOnly, checked: !!((_b = this.question.fieldProperties) === null || _b === void 0 ? void 0 : _b.hideButton), onToggledChange: () => {
+            }, labelPosition: "right" })), h("div", { key: 'ccb8385b5af42cecbe0cb57ff2a2250d38a684d8' }, h("stencil-toggle", { key: '1737f83b6faae4e1fe15b69c5b970992155e291c', label: "Hide Button", disabled: this.isViewOnly, checked: !!((_b = this.question.fieldProperties) === null || _b === void 0 ? void 0 : _b.hideButton), onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
@@ -40,8 +40,8 @@ export class FileUploadRenderer {
                     "references": {
                         "UdpFormQuestion": {
                             "location": "import",
-                            "path": "../../../utils/types",
-                            "id": "src/components/forms/udp-forms/utils/types.ts::UdpFormQuestion"
+                            "path": "../../../udp-forms-utils/types",
+                            "id": "src/components/forms/udp-forms/udp-forms-utils/types.ts::UdpFormQuestion"
                         }
                     }
                 },

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/file-upload-renderer/file-upload-renderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"file-upload-renderer.js","sourceRoot":"","sources":["../../../../../../../src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/file-upload-renderer/file-upload-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEnD,uEAAuE;AAOvE,MAAM,OAAO,kBAAkB;IAS7B,MAAM;;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,6BAA6B;YACtC;gBACE,uEACE,KAAK,EAAC,oBAAoB,EAC1B,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,eAAe,CAAA,EACzD,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;wBAC7F,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL,CACd;YACN;gBACE,uEACE,KAAK,EAAC,aAAa,EACnB,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,UAAU,CAAA,EACpD,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;wBACxF,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL,CACd,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../utils/types';\n// stencil-toggle should be globally available or imported if necessary\n\n@Component({\n tag: 'file-upload-renderer',\n styleUrl: 'file-upload-renderer.css',\n shadow: true,\n})\nexport class FileUploadRenderer {\n @Prop() question: UdpFormQuestion;\n @Prop() isViewOnly: boolean;\n @Prop() formSectionsDraft: any[][];\n @Prop() sIndex: number;\n @Prop() qIndex: number;\n @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n render() {\n return (\n <div class=\"file-upload-input-container\">\n <div>\n <stencil-toggle\n label=\"Hide Drag And Drop\"\n disabled={this.isViewOnly}\n checked={!!this.question.fieldProperties?.hideDragAndDrop}\n onToggledChange={() => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'hideDragAndDrop');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n ></stencil-toggle>\n </div>\n <div>\n <stencil-toggle\n label=\"Hide Button\"\n disabled={this.isViewOnly}\n checked={!!this.question.fieldProperties?.hideButton}\n onToggledChange={() => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'hideButton');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n ></stencil-toggle>\n </div>\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"file-upload-renderer.js","sourceRoot":"","sources":["../../../../../../../src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/file-upload-renderer/file-upload-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEnD,uEAAuE;AAOvE,MAAM,OAAO,kBAAkB;IAS7B,MAAM;;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,6BAA6B;YACtC;gBACE,uEACE,KAAK,EAAC,oBAAoB,EAC1B,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,eAAe,CAAA,EACzD,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;wBAC7F,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL,CACd;YACN;gBACE,uEACE,KAAK,EAAC,aAAa,EACnB,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,UAAU,CAAA,EACpD,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;wBACxF,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL,CACd,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../udp-forms-utils/types';\n// stencil-toggle should be globally available or imported if necessary\n\n@Component({\n tag: 'file-upload-renderer',\n styleUrl: 'file-upload-renderer.css',\n shadow: true,\n})\nexport class FileUploadRenderer {\n @Prop() question: UdpFormQuestion;\n @Prop() isViewOnly: boolean;\n @Prop() formSectionsDraft: any[][];\n @Prop() sIndex: number;\n @Prop() qIndex: number;\n @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n render() {\n return (\n <div class=\"file-upload-input-container\">\n <div>\n <stencil-toggle\n label=\"Hide Drag And Drop\"\n disabled={this.isViewOnly}\n checked={!!this.question.fieldProperties?.hideDragAndDrop}\n onToggledChange={() => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'hideDragAndDrop');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n ></stencil-toggle>\n </div>\n <div>\n <stencil-toggle\n label=\"Hide Button\"\n disabled={this.isViewOnly}\n checked={!!this.question.fieldProperties?.hideButton}\n onToggledChange={() => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'hideButton');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n ></stencil-toggle>\n </div>\n </div>\n );\n }\n}\n"]}

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/form-metadata-display-renderer/form-metadata-display-renderer.js CHANGED Viewed

@@ -2,19 +2,19 @@ import { h } from "@stencil/core";
 export class FormMetadataDisplayRenderer {
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '0dea72344a5ad13fa57d00b84fc1487d7d4db883', class: "form-metadata-display-input-container" }, h("div", { key: '4f092564395789b0a9b4671724a19a56195a3f7f' }, h("stencil-toggle", { key: '075d8991f8010b2b2f67dd9c6235f2646c707dff', label: "Show Form Responder Full Name", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.displayOwnerFullName), onToggledChange: () => {
+        return (h("div", { key: 'e10607a1b9fb72327df92602bd123f1e35c26821', class: "form-metadata-display-input-container" }, h("div", { key: '03d34b6008aec023f1e226a6221945ad52748eb1' }, h("stencil-toggle", { key: 'd4be9d819b2c6a96797d04bbc9eca620c86dce2b', label: "Show Form Responder Full Name", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.displayOwnerFullName), onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displayOwnerFullName');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" }), h("stencil-toggle", { key: '68a18230560622629767ec37bbddc254be55d68a', label: "Show Form Responder Email", disabled: this.isViewOnly, checked: !!((_b = this.question.fieldProperties) === null || _b === void 0 ? void 0 : _b.displayOwnerEmail), onToggledChange: () => {
+            }, labelPosition: "right" }), h("stencil-toggle", { key: '23a30c998dd4d1d0267bba66fa1fd6d78bed7ae1', label: "Show Form Responder Email", disabled: this.isViewOnly, checked: !!((_b = this.question.fieldProperties) === null || _b === void 0 ? void 0 : _b.displayOwnerEmail), onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displayOwnerEmail');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" }), h("stencil-toggle", { key: '6ece643a442241df037e2e22dc0559dc00c85b99', label: "Show Submission Date", disabled: this.isViewOnly, checked: !!((_c = this.question.fieldProperties) === null || _c === void 0 ? void 0 : _c.displaySubmissionDate), onToggledChange: () => {
+            }, labelPosition: "right" }), h("stencil-toggle", { key: '7f7f8e96f1d1390a441f6a024d2e39703c98817b', label: "Show Submission Date", disabled: this.isViewOnly, checked: !!((_c = this.question.fieldProperties) === null || _c === void 0 ? void 0 : _c.displaySubmissionDate), onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
@@ -45,8 +45,8 @@ export class FormMetadataDisplayRenderer {
                     "references": {
                         "UdpFormQuestion": {
                             "location": "import",
-                            "path": "../../../utils/types",
-                            "id": "src/components/forms/udp-forms/utils/types.ts::UdpFormQuestion"
+                            "path": "../../../udp-forms-utils/types",
+                            "id": "src/components/forms/udp-forms/udp-forms-utils/types.ts::UdpFormQuestion"
                         }
                     }
                 },

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/form-metadata-display-renderer/form-metadata-display-renderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"form-metadata-display-renderer.js","sourceRoot":"","sources":["../../../../../../../src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/form-metadata-display-renderer/form-metadata-display-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQnD,MAAM,OAAO,2BAA2B;IAStC,MAAM;;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,uCAAuC;YAChD;gBACE,uEACE,KAAK,EAAC,+BAA+B,EACrC,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,oBAAoB,CAAA,EAC9D,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC;wBAClG,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL;gBAClB,uEACE,KAAK,EAAC,2BAA2B,EACjC,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,iBAAiB,CAAA,EAC3D,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;wBAC/F,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL;gBAClB,uEACE,KAAK,EAAC,sBAAsB,EAC5B,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,qBAAqB,CAAA,EAC/D,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAC;wBACnG,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL,CACd,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../utils/types';\n\n@Component({\n tag: 'form-metadata-display-renderer',\n styleUrl: 'form-metadata-display-renderer.css',\n shadow: true,\n})\nexport class FormMetadataDisplayRenderer {\n @Prop() question: UdpFormQuestion;\n @Prop() isViewOnly: boolean;\n @Prop() formSectionsDraft: any[][];\n @Prop() sIndex: number;\n @Prop() qIndex: number;\n @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n render() {\n return (\n <div class=\"form-metadata-display-input-container\">\n <div>\n <stencil-toggle\n label=\"Show Form Responder Full Name\"\n disabled={this.isViewOnly}\n checked={!!this.question.fieldProperties?.displayOwnerFullName}\n onToggledChange={() => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displayOwnerFullName');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n ></stencil-toggle>\n <stencil-toggle\n label=\"Show Form Responder Email\"\n disabled={this.isViewOnly}\n checked={!!this.question.fieldProperties?.displayOwnerEmail}\n onToggledChange={() => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displayOwnerEmail');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n ></stencil-toggle> \n <stencil-toggle\n label=\"Show Submission Date\"\n disabled={this.isViewOnly}\n checked={!!this.question.fieldProperties?.displaySubmissionDate}\n onToggledChange={() => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displaySubmissionDate');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n ></stencil-toggle> \n </div>\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"form-metadata-display-renderer.js","sourceRoot":"","sources":["../../../../../../../src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/form-metadata-display-renderer/form-metadata-display-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQnD,MAAM,OAAO,2BAA2B;IAStC,MAAM;;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,uCAAuC;YAChD;gBACE,uEACE,KAAK,EAAC,+BAA+B,EACrC,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,oBAAoB,CAAA,EAC9D,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC;wBAClG,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL;gBAClB,uEACE,KAAK,EAAC,2BAA2B,EACjC,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,iBAAiB,CAAA,EAC3D,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;wBAC/F,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL;gBAClB,uEACE,KAAK,EAAC,sBAAsB,EAC5B,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,qBAAqB,CAAA,EAC/D,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAC;wBACnG,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL,CACd,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../udp-forms-utils/types';\n\n@Component({\n tag: 'form-metadata-display-renderer',\n styleUrl: 'form-metadata-display-renderer.css',\n shadow: true,\n})\nexport class FormMetadataDisplayRenderer {\n @Prop() question: UdpFormQuestion;\n @Prop() isViewOnly: boolean;\n @Prop() formSectionsDraft: any[][];\n @Prop() sIndex: number;\n @Prop() qIndex: number;\n @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n render() {\n return (\n <div class=\"form-metadata-display-input-container\">\n <div>\n <stencil-toggle\n label=\"Show Form Responder Full Name\"\n disabled={this.isViewOnly}\n checked={!!this.question.fieldProperties?.displayOwnerFullName}\n onToggledChange={() => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displayOwnerFullName');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n ></stencil-toggle>\n <stencil-toggle\n label=\"Show Form Responder Email\"\n disabled={this.isViewOnly}\n checked={!!this.question.fieldProperties?.displayOwnerEmail}\n onToggledChange={() => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displayOwnerEmail');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n ></stencil-toggle> \n <stencil-toggle\n label=\"Show Submission Date\"\n disabled={this.isViewOnly}\n checked={!!this.question.fieldProperties?.displaySubmissionDate}\n onToggledChange={() => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displaySubmissionDate');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n ></stencil-toggle> \n </div>\n </div>\n );\n }\n}\n"]}

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/list-option-renderer/list-options-renderer.js CHANGED Viewed

@@ -5,15 +5,15 @@ import { getIconFromName } from "../../../../../data-display/icons/iconUtils";
 export class ListOptionsRenderer {
     render() {
         var _a, _b, _c, _d, _e;
-        return (h(Host, { key: 'a31ff97a481fcd89a47a542c2f2313eb93507e04' }, h("div", { key: '17013702c95dc53061265aa49862c91457027203', class: "question-item-options-list-container" }, ((_a = this.lookupOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (h("stencil-toggle", { key: 'a0e2677644567e7254c937e0f693046f619ac250', label: "Use Lookup Options", disabled: this.isViewOnly, checked: !!(((_b = this.question) === null || _b === void 0 ? void 0 : _b.fieldProperties) && 'lookupId' in this.question.fieldProperties), labelPosition: "right", onToggledChange: () => {
+        return (h(Host, { key: '3e05e3fc4a8c9ee6b4bdf6704034650484afcba1' }, h("div", { key: 'abf8e11faf5b73a832f9d8d6ee1115a92636ff1c', class: "question-item-options-list-container" }, ((_a = this.lookupOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (h("stencil-toggle", { key: '119dbd478256a10b233921a2bb432d92b9cd9398', label: "Use Lookup Options", disabled: this.isViewOnly, checked: !!(((_b = this.question) === null || _b === void 0 ? void 0 : _b.fieldProperties) && 'lookupId' in this.question.fieldProperties), labelPosition: "right", onToggledChange: () => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyToggleManualOrLookupOptions');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex);
                 this.onFormSectionsDraftChange(updated);
-            } })), 'lookupId' in this.question.fieldProperties && (h("div", { key: '8a1952ff8f790a1b8b65596f618400cd1cabbeb1' }, h("udp-selector", { label: "Lookup Source", key: "lookup-selector", initialValue: ((_c = this.question.fieldProperties) === null || _c === void 0 ? void 0 : _c.lookupId) || '', options: this.lookupOptions, disabled: this.isViewOnly, required: true, onChange: (e) => {
+            } })), 'lookupId' in this.question.fieldProperties && (h("div", { key: 'd27e324179a2599c4ef5eaa8f2d7b52ccc92bdfc' }, h("udp-selector", { label: "Lookup Source", key: "lookup-selector", initialValue: ((_c = this.question.fieldProperties) === null || _c === void 0 ? void 0 : _c.lookupId) || '', options: this.lookupOptions, disabled: this.isViewOnly, required: true, onChange: (e) => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyLookupChange');
                 const updated = handler(e.detail, this.formSectionsDraft, this.sIndex, this.qIndex);
                 this.onFormSectionsDraftChange(updated);
-            } }))), 'items' in this.question.fieldProperties && (h("div", { key: 'f36a7d21ff18f87a8ed5b25b01b7798d45f09968' }, h("div", { key: 'a4224b6653af236df922e6548c28ab7d4945b2e4', class: "list-options-header" }, h("unity-typography", { key: '15a5a520bdd52adf7dba78581088f40c3c628e5c', variant: "h6" }, "Configure Select Options"), !this.isViewOnly && 'items' in this.question.fieldProperties && (h("udp-button", { key: 'd4fcd70b62372671c9ee3779f6cc495eefb613a5', variant: "text", onClick: () => {
+            } }))), 'items' in this.question.fieldProperties && (h("div", { key: '290a6b602fdee937e5986e8894ba24a44cfd449b' }, h("div", { key: 'c375b69abffc73baa7b678be4cc6cc6715a9bf1b', class: "list-options-header" }, h("unity-typography", { key: '88aaa96be7eeea791fd1785970f10c6d84170298', variant: "h6" }, "Configure Select Options"), !this.isViewOnly && 'items' in this.question.fieldProperties && (h("udp-button", { key: 'b0c6d0e1140418896cbc1eba471eb46836f3135b', variant: "text", onClick: () => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyAddListItem');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, '', '');
                 this.onFormSectionsDraftChange(updated);
@@ -55,8 +55,8 @@ export class ListOptionsRenderer {
                     "references": {
                         "UdpFormQuestion": {
                             "location": "import",
-                            "path": "../../../utils/types",
-                            "id": "src/components/forms/udp-forms/utils/types.ts::UdpFormQuestion"
+                            "path": "../../../udp-forms-utils/types",
+                            "id": "src/components/forms/udp-forms/udp-forms-utils/types.ts::UdpFormQuestion"
                         }
                     }
                 },

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/list-option-renderer/list-options-renderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list-options-renderer.js","sourceRoot":"","sources":["../../../../../../../src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/list-option-renderer/list-options-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD,8FAA8F;AAC9F,gGAAgG;AAChG,OAAO,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAO9E,MAAM,OAAO,mBAAmB;IAU9B,MAAM;;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,sCAAsC;gBAC9C,CAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,MAAM,IAAG,CAAC,IAAI,CACjC,uEACE,KAAK,EAAC,oBAAoB,EAC1B,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,eAAe,KAAI,UAAU,IAAI,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,EAC1F,aAAa,EAAC,OAAO,EACrB,eAAe,EAAE,GAAG,EAAE;wBACpB,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,gDAAgD,CAAC,CAAC;wBAC7G,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;wBAC1E,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,GACD,CACH;gBAEA,UAAU,IAAI,IAAI,CAAC,QAAQ,CAAC,eAAe,IAAI,CAC9C;oBACE,oBACE,KAAK,EAAC,eAAe,EACrB,GAAG,EAAC,iBAAiB,EACrB,YAAY,EAAE,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,QAAQ,KAAI,EAAE,EAC3D,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,CAAC,CAAc,EAAE,EAAE;4BAC3B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,iCAAiC,CAAC,CAAC;4BAC9F,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;4BACpF,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;wBAC1C,CAAC,GACa,CACZ,CACP;gBAGA,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,eAAe,IAAI,CAC3C;oBACE,4DAAK,KAAK,EAAC,qBAAqB;wBAC9B,yEAAkB,OAAO,EAAC,IAAI,+BAA4C;wBACzE,CAAC,IAAI,CAAC,UAAU,IAAI,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,eAAe,IAAI,CAC/D,mEACE,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,GAAG,EAAE;gCACZ,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,gCAAgC,CAAC,CAAC;gCAC7F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;gCAClF,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;4BAC1C,CAAC,EACD,SAAS,EAAE,gBAAU,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAI,EACxD,KAAK,EAAC,eAAe,oBAGV,CACd,CACG,EACL,MAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,KAAK;uBAAE,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CACxD,WAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,4BAA4B;wBAE/C,WAAK,KAAK,EAAC,mCAAmC;4BAC5C,kBACE,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE,IAAI,CAAC,OAAO,EACnB,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,WAAW,EAAC,cAAc,EAC1B,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,CAAC,CAAC,EAAE;oCACX,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,mCAAmC,CAAC,CAAC;oCAChG,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC;oCAC7F,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;gCAC1C,CAAC,GACW;4BAEd,kBACE,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,WAAW,EAAC,cAAc,EAC1B,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,CAAC,CAAC,EAAE;oCACX,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,mCAAmC,CAAC,CAAC;oCAChG,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC;oCAC3F,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;gCAC1C,CAAC,GACW,CACV;wBACL,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,CACrE,2BACE,IAAI,EAAE,eAAe,CAAC,UAAU,CAAC,EACjC,OAAO,EAAE,GAAG,EAAE;gCACZ,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,mCAAmC,CAAC,CAAC;gCAChG,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;gCAC/E,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;4BAC1C,CAAC,GACD,CACH,CACG,CACP,CAAC,CACE,CACP,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, Host } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../utils/types'; // Using path that worked previously\n// We will need to import any components used like udp-icon, text-field, unity-typography etc.\n// This will require knowing their correct import paths or ensuring they are globally available.\nimport { getIconFromName } from '../../../../../data-display/icons/iconUtils';\n\n@Component({\n tag: 'list-options-renderer',\n styleUrl: 'list-options-renderer.css',\n shadow: true,\n})\nexport class ListOptionsRenderer {\n @Prop() question: UdpFormQuestion;\n @Prop() isViewOnly: boolean;\n @Prop() formSectionsDraft: any[][];\n @Prop() sIndex: number;\n @Prop() qIndex: number;\n @Prop() lookupOptions: any[];\n @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n render() {\n return (\n <Host>\n <div class=\"question-item-options-list-container\">\n {this.lookupOptions?.length > 1 && (\n <stencil-toggle\n label=\"Use Lookup Options\"\n disabled={this.isViewOnly}\n checked={!!(this.question?.fieldProperties && 'lookupId' in this.question.fieldProperties)}\n labelPosition=\"right\"\n onToggledChange={() => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyToggleManualOrLookupOptions');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex);\n this.onFormSectionsDraftChange(updated);\n }}\n />\n )}\n {/* Display lookup components if question is configured for lookup /}\n {'lookupId' in this.question.fieldProperties && (\n <div>\n <udp-selector\n label=\"Lookup Source\"\n key=\"lookup-selector\"\n initialValue={this.question.fieldProperties?.lookupId \|\| ''}\n options={this.lookupOptions}\n disabled={this.isViewOnly}\n required={true}\n onChange={(e: CustomEvent) => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyLookupChange');\n const updated = handler(e.detail, this.formSectionsDraft, this.sIndex, this.qIndex);\n this.onFormSectionsDraftChange(updated);\n }}\n ></udp-selector>\n </div>\n )}\n\n {/ Display lookup components if question is configured for manual options /}\n {'items' in this.question.fieldProperties && (\n <div>\n <div class=\"list-options-header\">\n <unity-typography variant=\"h6\">Configure Select Options</unity-typography>\n {!this.isViewOnly && 'items' in this.question.fieldProperties && (\n <udp-button\n variant=\"text\"\n onClick={() => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyAddListItem');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, '', '');\n this.onFormSectionsDraftChange(updated);\n }}\n startIcon={<udp-icon iconName={'add'} darkIcon={true} />}\n title=\"Add an Option\"\n >\n Add an Option\n </udp-button>\n )}\n </div>\n {this.question.fieldProperties?.items?.map((item, idx) => (\n <div key={idx} class=\"question-item-options-item\">\n {/ <unity-typography variant={'h4'}>Option {idx + 1}.</unity-typography> */}\n <div class=\"question-item-options-item-fields\">\n <text-field\n label=\"Display Text\"\n value={item.display}\n disabled={this.isViewOnly}\n placeholder=\"Display Text\"\n required={true}\n onInput={e => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyListItemChange');\n const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, idx, 'display');\n this.onFormSectionsDraftChange(updated);\n }}\n ></text-field>\n\n <text-field\n label=\"Option Value\"\n value={item.value}\n disabled={this.isViewOnly}\n placeholder=\"Option Value\"\n required={true}\n onInput={e => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyListItemChange');\n const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, idx, 'value');\n this.onFormSectionsDraftChange(updated);\n }}\n ></text-field>\n </div>\n {this.question.fieldProperties.items.length > 1 && !this.isViewOnly && (\n <stencil-icon-button\n icon={getIconFromName('trashCan')}\n onClick={() => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyRemoveListItem');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, idx);\n this.onFormSectionsDraftChange(updated);\n }}\n />\n )}\n </div>\n ))}\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"list-options-renderer.js","sourceRoot":"","sources":["../../../../../../../src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/list-option-renderer/list-options-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD,8FAA8F;AAC9F,gGAAgG;AAChG,OAAO,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAO9E,MAAM,OAAO,mBAAmB;IAU9B,MAAM;;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,sCAAsC;gBAC9C,CAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,MAAM,IAAG,CAAC,IAAI,CACjC,uEACE,KAAK,EAAC,oBAAoB,EAC1B,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,eAAe,KAAI,UAAU,IAAI,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,EAC1F,aAAa,EAAC,OAAO,EACrB,eAAe,EAAE,GAAG,EAAE;wBACpB,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,gDAAgD,CAAC,CAAC;wBAC7G,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;wBAC1E,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,GACD,CACH;gBAEA,UAAU,IAAI,IAAI,CAAC,QAAQ,CAAC,eAAe,IAAI,CAC9C;oBACE,oBACE,KAAK,EAAC,eAAe,EACrB,GAAG,EAAC,iBAAiB,EACrB,YAAY,EAAE,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,QAAQ,KAAI,EAAE,EAC3D,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,CAAC,CAAc,EAAE,EAAE;4BAC3B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,iCAAiC,CAAC,CAAC;4BAC9F,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;4BACpF,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;wBAC1C,CAAC,GACa,CACZ,CACP;gBAGA,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,eAAe,IAAI,CAC3C;oBACE,4DAAK,KAAK,EAAC,qBAAqB;wBAC9B,yEAAkB,OAAO,EAAC,IAAI,+BAA4C;wBACzE,CAAC,IAAI,CAAC,UAAU,IAAI,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,eAAe,IAAI,CAC/D,mEACE,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,GAAG,EAAE;gCACZ,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,gCAAgC,CAAC,CAAC;gCAC7F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;gCAClF,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;4BAC1C,CAAC,EACD,SAAS,EAAE,gBAAU,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAI,EACxD,KAAK,EAAC,eAAe,oBAGV,CACd,CACG,EACL,MAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,KAAK;uBAAE,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CACxD,WAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,4BAA4B;wBAE/C,WAAK,KAAK,EAAC,mCAAmC;4BAC5C,kBACE,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE,IAAI,CAAC,OAAO,EACnB,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,WAAW,EAAC,cAAc,EAC1B,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,CAAC,CAAC,EAAE;oCACX,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,mCAAmC,CAAC,CAAC;oCAChG,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC;oCAC7F,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;gCAC1C,CAAC,GACW;4BAEd,kBACE,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,WAAW,EAAC,cAAc,EAC1B,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,CAAC,CAAC,EAAE;oCACX,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,mCAAmC,CAAC,CAAC;oCAChG,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC;oCAC3F,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;gCAC1C,CAAC,GACW,CACV;wBACL,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,CACrE,2BACE,IAAI,EAAE,eAAe,CAAC,UAAU,CAAC,EACjC,OAAO,EAAE,GAAG,EAAE;gCACZ,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,mCAAmC,CAAC,CAAC;gCAChG,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;gCAC/E,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;4BAC1C,CAAC,GACD,CACH,CACG,CACP,CAAC,CACE,CACP,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, Host } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../udp-forms-utils/types'; // Using path that worked previously\n// We will need to import any components used like udp-icon, text-field, unity-typography etc.\n// This will require knowing their correct import paths or ensuring they are globally available.\nimport { getIconFromName } from '../../../../../data-display/icons/iconUtils';\n\n@Component({\n tag: 'list-options-renderer',\n styleUrl: 'list-options-renderer.css',\n shadow: true,\n})\nexport class ListOptionsRenderer {\n @Prop() question: UdpFormQuestion;\n @Prop() isViewOnly: boolean;\n @Prop() formSectionsDraft: any[][];\n @Prop() sIndex: number;\n @Prop() qIndex: number;\n @Prop() lookupOptions: any[];\n @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n render() {\n return (\n <Host>\n <div class=\"question-item-options-list-container\">\n {this.lookupOptions?.length > 1 && (\n <stencil-toggle\n label=\"Use Lookup Options\"\n disabled={this.isViewOnly}\n checked={!!(this.question?.fieldProperties && 'lookupId' in this.question.fieldProperties)}\n labelPosition=\"right\"\n onToggledChange={() => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyToggleManualOrLookupOptions');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex);\n this.onFormSectionsDraftChange(updated);\n }}\n />\n )}\n {/* Display lookup components if question is configured for lookup /}\n {'lookupId' in this.question.fieldProperties && (\n <div>\n <udp-selector\n label=\"Lookup Source\"\n key=\"lookup-selector\"\n initialValue={this.question.fieldProperties?.lookupId \|\| ''}\n options={this.lookupOptions}\n disabled={this.isViewOnly}\n required={true}\n onChange={(e: CustomEvent) => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyLookupChange');\n const updated = handler(e.detail, this.formSectionsDraft, this.sIndex, this.qIndex);\n this.onFormSectionsDraftChange(updated);\n }}\n ></udp-selector>\n </div>\n )}\n\n {/ Display lookup components if question is configured for manual options /}\n {'items' in this.question.fieldProperties && (\n <div>\n <div class=\"list-options-header\">\n <unity-typography variant=\"h6\">Configure Select Options</unity-typography>\n {!this.isViewOnly && 'items' in this.question.fieldProperties && (\n <udp-button\n variant=\"text\"\n onClick={() => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyAddListItem');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, '', '');\n this.onFormSectionsDraftChange(updated);\n }}\n startIcon={<udp-icon iconName={'add'} darkIcon={true} />}\n title=\"Add an Option\"\n >\n Add an Option\n </udp-button>\n )}\n </div>\n {this.question.fieldProperties?.items?.map((item, idx) => (\n <div key={idx} class=\"question-item-options-item\">\n {/ <unity-typography variant={'h4'}>Option {idx + 1}.</unity-typography> */}\n <div class=\"question-item-options-item-fields\">\n <text-field\n label=\"Display Text\"\n value={item.display}\n disabled={this.isViewOnly}\n placeholder=\"Display Text\"\n required={true}\n onInput={e => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyListItemChange');\n const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, idx, 'display');\n this.onFormSectionsDraftChange(updated);\n }}\n ></text-field>\n\n <text-field\n label=\"Option Value\"\n value={item.value}\n disabled={this.isViewOnly}\n placeholder=\"Option Value\"\n required={true}\n onInput={e => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyListItemChange');\n const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, idx, 'value');\n this.onFormSectionsDraftChange(updated);\n }}\n ></text-field>\n </div>\n {this.question.fieldProperties.items.length > 1 && !this.isViewOnly && (\n <stencil-icon-button\n icon={getIconFromName('trashCan')}\n onClick={() => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyRemoveListItem');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, idx);\n this.onFormSectionsDraftChange(updated);\n }}\n />\n )}\n </div>\n ))}\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"]}