udp-stencil-component-library 25.18.1 → 25.18.2-beta.10

package/dist/cjs/{date-time-renderer_6.cjs.entry.js → date-time-renderer_7.cjs.entry.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
-var enums = require('./enums-ibNZ4cZ4.js');
+var index = require('./index-SNloIaSR.js');
+var enums = require('./enums-B3aaCQaV.js');
 var iconUtils = require('./iconUtils-BuDk48Xh.js');
-var udpFormsBuilderQuestionTemplate = require('./udp-forms-builder-question-template-BlgDh7P5.js');
+var udpFormsBuilderQuestionTemplate = require('./udp-forms-builder-question-template-BS5ijef_.js');
 require('./iconMapping-CkHR1LGY.js');
 require('@carbon/icons/es/add/16');
 require('@carbon/icons/es/add/32');
@@ -96,7 +96,7 @@ require('@carbon/icons/es/image/16');
 require('@carbon/icons/es/PPT/16');
 require('@carbon/icons/es/XLS/16');
 
-const dateTimeRendererCss = ":host{display:block}.question-item-date-inputs-container,.question-item-time-inputs-container,.question-item-date-time-inputs-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px)}.question-item-date-inputs-container-date-range,.question-item-date-inputs-container-time-range,.question-item-date-inputs-container-datetime-range{display:flex;flex-direction:row;gap:var(--spacing-04, 16px)}";
+const dateTimeRendererCss = () => `:host{display:block}.question-item-date-inputs-container,.question-item-time-inputs-container,.question-item-date-time-inputs-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px)}.question-item-date-inputs-container-date-range,.question-item-date-inputs-container-time-range,.question-item-date-inputs-container-datetime-range{display:flex;flex-direction:row;gap:var(--spacing-04, 16px)}`;
 
 const DateTimeRenderer = class {
     constructor(hostRef) {
@@ -167,9 +167,9 @@ const DateTimeRenderer = class {
         return this.renderSwitch();
     }
 };
-DateTimeRenderer.style = dateTimeRendererCss;
+DateTimeRenderer.style = dateTimeRendererCss();
 
-const fileUploadRendererCss = ".file-upload-input-container{display:flex;flex-direction:column;}";
+const fileUploadRendererCss = () => `.file-upload-input-container{display:flex;flex-direction:column;}`;
 
 const FileUploadRenderer = class {
     constructor(hostRef) {
@@ -177,13 +177,13 @@ const FileUploadRenderer = class {
     }
     render() {
         var _a, _b;
-        return (index.h("div", { key: '0d0900ccd61c4bdb94a57aae8c31e3a8391bc7cf', class: "file-upload-input-container" }, index.h("div", { key: 'd88efd56295b9f864d70bcae6200bd88e0acfa3b' }, index.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 (index.h("div", { key: '4c2326ffeef74c656ee599ca6d689d94e2783d47', class: "file-upload-input-container" }, index.h("div", { key: 'fd65c4069a3c91400384f0d96ab6a41d4ff95b6e' }, index.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" })), index.h("div", { key: '31ae768a4d8a4ba415d0e429f61fb2a684177947' }, index.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" })), index.h("div", { key: 'ccb8385b5af42cecbe0cb57ff2a2250d38a684d8' }, index.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');
@@ -192,9 +192,40 @@ const FileUploadRenderer = class {
             }, labelPosition: "right" }))));
     }
 };
-FileUploadRenderer.style = fileUploadRendererCss;
+FileUploadRenderer.style = fileUploadRendererCss();
 
-const listOptionsRendererCss = "/* Styles for list-options-renderer */\n\n:host {\n  padding: 0;\n  display: block;\n\n\n  .question-item-options-list-container {\n    display: flex;\n    flex-direction: column;\n    gap: var(--spacing-04, 16px);\n    padding: var(--spacing-04, 16px) 0;\n    /* background-color: var(--primary-color-alpha-15); */\n  }\n\n  .question-item-options-item {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--spacing-04, 16px);\n    padding: var(--spacing-03, 16px);\n    width: 100%;\n    border-radius: var(--border-radius);\n    border: 1px solid var(--gray-03);\n    box-sizing: border-box;\n    box-shadow: var(--elevation-01);\n    background-color: var(--card-background-color, #fff);\n    margin: 0.3em 0;\n  }\n\n  .question-item-options-item-fields {\n    display: flex;\n    flex-direction: row;\n    gap: var(--spacing-04, 16px);\n    flex-grow: 1;\n  }\n\n  .list-options-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n}\n\n/* \n.question-item-options-list-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-radius: var(--border-radius);\n  gap: var(--spacing-03);\n}\n\n.question-item-options-list-single-item-container {\n}\n\n.question-item-options-text-field-list-item {\n  display: flex;\n  gap: var(--spacing-03);\n} */";
+const formMetadataDisplayRendererCss = () => `.form-metadata-display-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px);}`;
+
+const FormMetadataDisplayRenderer = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        var _a, _b, _c;
+        return (index.h("div", { key: 'e10607a1b9fb72327df92602bd123f1e35c26821', class: "form-metadata-display-input-container" }, index.h("div", { key: '03d34b6008aec023f1e226a6221945ad52748eb1' }, index.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" }), index.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" }), index.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');
+                const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displaySubmissionDate');
+                this.onFormSectionsDraftChange(updated);
+            }, labelPosition: "right" }))));
+    }
+};
+FormMetadataDisplayRenderer.style = formMetadataDisplayRendererCss();
+
+const listOptionsRendererCss = () => `:host{padding:0;display:block;.question-item-options-list-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px);padding:var(--spacing-04, 16px) 0;}.question-item-options-item{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-04, 16px);padding:var(--spacing-03, 16px);width:100%;border-radius:var(--border-radius);border:1px solid var(--gray-03);box-sizing:border-box;box-shadow:var(--elevation-01);background-color:var(--card-background-color, #fff);margin:0.3em 0}.question-item-options-item-fields{display:flex;flex-direction:row;gap:var(--spacing-04, 16px);flex-grow:1}.list-options-header{display:flex;justify-content:space-between;align-items:center}}`;
 
 const ListOptionsRenderer = class {
     constructor(hostRef) {
@@ -202,15 +233,15 @@ const ListOptionsRenderer = class {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (index.h(index.Host, { key: '5e5f647863ca43bcc00dc7866909d658031d1254' }, index.h("div", { key: '8029f2367303ded0b7efa3e577682c26cbb6fa9e', class: "question-item-options-list-container" }, ((_a = this.lookupOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (index.h("stencil-toggle", { key: '5cef881b783fb21650135e160c7998e5bf82d551', 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 (index.h(index.Host, { key: '3e05e3fc4a8c9ee6b4bdf6704034650484afcba1' }, index.h("div", { key: 'abf8e11faf5b73a832f9d8d6ee1115a92636ff1c', class: "question-item-options-list-container" }, ((_a = this.lookupOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (index.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 && (index.h("div", { key: '049aa9898af0068a8b4f35013e63afffeca913c2' }, index.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 && (index.h("div", { key: 'd27e324179a2599c4ef5eaa8f2d7b52ccc92bdfc' }, index.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 && (index.h("div", { key: '6070ade9b3db5f8ab0d11dc758d63b4e54894f21' }, index.h("div", { key: 'c5872bbf69d360994e8a065cb024ea8b9ba6c44e', class: "list-options-header" }, index.h("unity-typography", { key: '6cded20e63b5a5b479b693902a0657e64a0035cd', variant: "h6" }, "Configure Select Options"), !this.isViewOnly && 'items' in this.question.fieldProperties && (index.h("udp-button", { key: '08c90368248281fab63c6541efc76daf1d9d93e8', variant: "text", onClick: () => {
+            } }))), 'items' in this.question.fieldProperties && (index.h("div", { key: '290a6b602fdee937e5986e8894ba24a44cfd449b' }, index.h("div", { key: 'c375b69abffc73baa7b678be4cc6cc6715a9bf1b', class: "list-options-header" }, index.h("unity-typography", { key: '88aaa96be7eeea791fd1785970f10c6d84170298', variant: "h6" }, "Configure Select Options"), !this.isViewOnly && 'items' in this.question.fieldProperties && (index.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);
@@ -230,9 +261,9 @@ const ListOptionsRenderer = class {
                 } }))))))))));
     }
 };
-ListOptionsRenderer.style = listOptionsRendererCss;
+ListOptionsRenderer.style = listOptionsRendererCss();
 
-const questionSpecificConfigsRendererCss = "";
+const questionSpecificConfigsRendererCss = () => ``;
 
 const QuestionSpecificConfigsRenderer = class {
     constructor(hostRef) {
@@ -274,14 +305,16 @@ const QuestionSpecificConfigsRenderer = class {
                 return (index.h("file-upload-renderer", { question: this.question, isViewOnly: this.isViewOnly, formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, onFormSectionsDraftChange: this.onFormSectionsDraftChange, getHandler: this.getHandler }));
             case enums.UdpFormsFieldTypeEnum.Signature:
                 return (index.h("signature-renderer", { question: this.question, isViewOnly: this.isViewOnly, formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, onFormSectionsDraftChange: this.onFormSectionsDraftChange, getHandler: this.getHandler }));
+            case enums.UdpFormsFieldTypeEnum.FormMetadataDisplay:
+                return (index.h("form-metadata-display-renderer", { question: this.question, isViewOnly: this.isViewOnly, formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, onFormSectionsDraftChange: this.onFormSectionsDraftChange, getHandler: this.getHandler }));
             default:
                 return null;
         }
     }
 };
-QuestionSpecificConfigsRenderer.style = questionSpecificConfigsRendererCss;
+QuestionSpecificConfigsRenderer.style = questionSpecificConfigsRendererCss();
 
-const signatureRendererCss = ".signature-input-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px);}";
+const signatureRendererCss = () => `.signature-input-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px);}`;
 
 const SignatureRenderer = class {
     constructor(hostRef) {
@@ -289,7 +322,7 @@ const SignatureRenderer = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: 'f036902b7cb92a9939c5dac000aabcdfcebd507e', class: "signature-input-container" }, index.h("div", { key: 'f69e4642e6d32ba376f9b3db1d750968bc289146' }, index.h("stencil-toggle", { key: 'fb319a3201ae4bb4ee903b07886a8ba9094064ec', label: "Include Location", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.includeLocation), onToggledChange: () => {
+        return (index.h("div", { key: '6504d5b164d906b95d0083f9433fe55e86a2ca1e', class: "signature-input-container" }, index.h("div", { key: '0f3df9cef903445e1aea241d76fb14f7860a83cf' }, index.h("stencil-toggle", { key: '30326792d5f66c154c9e1b4b1ba0e64101a28565', label: "Include Location", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.includeLocation), onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
@@ -298,9 +331,9 @@ const SignatureRenderer = class {
             }, labelPosition: "right" }))));
     }
 };
-SignatureRenderer.style = signatureRendererCss;
+SignatureRenderer.style = signatureRendererCss();
 
-const textInputRendererCss = ".question-item-text-input-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px)}.question-item-text-input-container>div{width:100%}";
+const textInputRendererCss = () => `.question-item-text-input-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px)}.question-item-text-input-container>div{width:100%}`;
 
 const TextInputRenderer = class {
     constructor(hostRef) {
@@ -308,12 +341,12 @@ const TextInputRenderer = class {
     }
     render() {
         var _a, _b;
-        return (index.h("div", { key: '035d9fdc8be25da7ecf0ae84eecde649a85e4322', class: "question-item-text-input-container" }, index.h("div", { key: 'e58baa0c927edc2ebc6fd22e50d70c67682489ca' }, index.h("numeric-field", { key: '6f7f4b1af132808dd2b46469816da4276047a98f', label: "Min Character Length", value: (_a = this.question.fieldProperties.minCharacter) === null || _a === void 0 ? void 0 : _a.toString(), disabled: this.isViewOnly, onChange: e => {
+        return (index.h("div", { key: '7429e730015026c0e4e4f6d3cbf68402d5177ba0', class: "question-item-text-input-container" }, index.h("div", { key: 'bc460a579730a1f1d8ed9d7d84d45972c1e6413e' }, index.h("numeric-field", { key: '2bf3ba87349d3cb47d8406e4ce3f8bbd737f4d25', label: "Min Character Length", value: (_a = this.question.fieldProperties.minCharacter) === null || _a === void 0 ? void 0 : _a.toString(), disabled: this.isViewOnly, onChange: e => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyMinMaxCharacter');
                 const mockEvent = { target: { value: e.detail } };
                 const updated = handler(mockEvent, this.formSectionsDraft, this.sIndex, this.qIndex, 'minCharacter');
                 this.onFormSectionsDraftChange(updated);
-            } })), index.h("div", { key: '7756e209db6840d3ec0342d97efdc73d7ab3d276' }, index.h("numeric-field", { key: 'bd03b53ffd847005b14e0694e7a1831ae9bca1b3', label: "Max Character Length", value: (_b = this.question.fieldProperties.maxCharacter) === null || _b === void 0 ? void 0 : _b.toString(), disabled: this.isViewOnly, onChange: e => {
+            } })), index.h("div", { key: 'f492a17d103a5a9ddb4a94744eb5dc883b2f6d66' }, index.h("numeric-field", { key: '18ad54bd2a1bfa1e263a53235aafef8d0c29da40', label: "Max Character Length", value: (_b = this.question.fieldProperties.maxCharacter) === null || _b === void 0 ? void 0 : _b.toString(), disabled: this.isViewOnly, onChange: e => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyMinMaxCharacter');
                 const mockEvent = { target: { value: e.detail } };
                 const updated = handler(mockEvent, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxCharacter');
@@ -321,12 +354,12 @@ const TextInputRenderer = class {
             } }))));
     }
 };
-TextInputRenderer.style = textInputRendererCss;
+TextInputRenderer.style = textInputRendererCss();
 
 exports.date_time_renderer = DateTimeRenderer;
 exports.file_upload_renderer = FileUploadRenderer;
+exports.form_metadata_display_renderer = FormMetadataDisplayRenderer;
 exports.list_options_renderer = ListOptionsRenderer;
 exports.question_specific_configs_renderer = QuestionSpecificConfigsRenderer;
 exports.signature_renderer = SignatureRenderer;
 exports.text_input_renderer = TextInputRenderer;
-//# sourceMappingURL=date-time-renderer.file-upload-renderer.list-options-renderer.question-specific-configs-renderer.signature-renderer.text-input-renderer.entry.cjs.js.map

package/dist/cjs/entity-maintenance-grid.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 var apiUtils = require('./apiUtils-DT-fLJOw.js');
 require('deep-equal');
 require('./makeApiCall-CFfg9gI0.js');
@@ -40,9 +40,8 @@ const EntityMaintenanceGrid = class {
         this.getPromotedMethods();
     }
     render() {
-        return (index.h("api-method-grid", { key: 'b7d45a2578a739fdc2cff4ce7edc9caab3c42ad4', onGridReady: e => this.handleGridReady(e), gridHeaderConfig: this.gridHeaderConfig }));
+        return (index.h("api-method-grid", { key: 'fc83d69ce7476b4494ca6afcce903d4ff236f502', onGridReady: e => this.handleGridReady(e), gridHeaderConfig: this.gridHeaderConfig }));
     }
 };
 
 exports.entity_maintenance_grid = EntityMaintenanceGrid;
-//# sourceMappingURL=entity-maintenance-grid.entry.cjs.js.map

package/dist/cjs/{enums-ibNZ4cZ4.js → enums-B3aaCQaV.js}

@@ -20,6 +20,7 @@ exports.UdpFormsFieldTypeEnum = void 0;
     UdpFormsFieldTypeEnum[UdpFormsFieldTypeEnum["Number"] = 16] = "Number";
     UdpFormsFieldTypeEnum[UdpFormsFieldTypeEnum["Paragraph"] = 17] = "Paragraph";
     UdpFormsFieldTypeEnum[UdpFormsFieldTypeEnum["ImageUpload"] = 18] = "ImageUpload";
+    UdpFormsFieldTypeEnum[UdpFormsFieldTypeEnum["FormMetadataDisplay"] = 19] = "FormMetadataDisplay";
 })(exports.UdpFormsFieldTypeEnum || (exports.UdpFormsFieldTypeEnum = {}));
 exports.UdpFormsTypeEnum = void 0;
 (function (UdpFormsTypeEnum) {
@@ -29,8 +30,11 @@ exports.UdpFormsTypeEnum = void 0;
 exports.UdpFormsPageIdEnum = void 0;
 (function (UdpFormsPageIdEnum) {
     UdpFormsPageIdEnum["FormBuilderPageId"] = "c77aa2c8-f8b8-41af-aa77-c8612fc918c1";
-    UdpFormsPageIdEnum["FormRendererPageId"] = "c696afbd-8d83-4f80-aaa1-9a3530a05a21";
+    UdpFormsPageIdEnum["FormRendererPageId"] = "2f451c02-a8ca-40a9-b96f-251c92f9b4e1";
 })(exports.UdpFormsPageIdEnum || (exports.UdpFormsPageIdEnum = {}));
-//# sourceMappingURL=enums-ibNZ4cZ4.js.map
-
-//# sourceMappingURL=enums-ibNZ4cZ4.js.map
+exports.UdpFormsSubmissionStatusEnum = void 0;
+(function (UdpFormsSubmissionStatusEnum) {
+    UdpFormsSubmissionStatusEnum[UdpFormsSubmissionStatusEnum["InProgress"] = 1] = "InProgress";
+    UdpFormsSubmissionStatusEnum[UdpFormsSubmissionStatusEnum["Submitted"] = 2] = "Submitted";
+    UdpFormsSubmissionStatusEnum[UdpFormsSubmissionStatusEnum["Created"] = 3] = "Created";
+})(exports.UdpFormsSubmissionStatusEnum || (exports.UdpFormsSubmissionStatusEnum = {}));

package/dist/cjs/feature-details-card_2.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 var Close24 = require('@carbon/icons/es/close/24');
 var OverflowMenuVertical24 = require('@carbon/icons/es/overflow-menu--vertical/16');
 var iconUtils = require('./iconUtils-BuDk48Xh.js');
@@ -104,7 +104,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var Close24__default = /*#__PURE__*/_interopDefault(Close24);
 var OverflowMenuVertical24__default = /*#__PURE__*/_interopDefault(OverflowMenuVertical24);
 
-const featureDetailsCardCss = ".card-wrapper{display:flex;background-color:white}.content-wrapper{flex:1}.header-wrapper{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-01)}.title-wrapper{display:flex;gap:var(--spacing-03);align-items:center}.message-wrapper{display:flex;gap:var(--spacing-03);align-items:center;padding:var(--spacing-03)}.data-row{display:flex;gap:var(--spacing-03);align-items:center;width:100%;flex-wrap:wrap;border-bottom:solid 1px var(--gray-03)}.options{display:flex;gap:var(--spacing-03);justify-content:flex-end;align-items:center;width:100%}.data-section{padding:var(--spacing-03)}";
+const featureDetailsCardCss = () => `.card-wrapper{display:flex;background-color:white}.content-wrapper{flex:1}.header-wrapper{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-01)}.title-wrapper{display:flex;gap:var(--spacing-03);align-items:center}.message-wrapper{display:flex;gap:var(--spacing-03);align-items:center;padding:var(--spacing-03)}.data-row{display:flex;gap:var(--spacing-03);align-items:center;width:100%;flex-wrap:wrap;border-bottom:solid 1px var(--gray-03)}.options{display:flex;gap:var(--spacing-03);justify-content:flex-end;align-items:center;width:100%}.data-section{padding:var(--spacing-03)}`;
 
 const FeatureDetailsCard = class {
     constructor(hostRef) {
@@ -201,19 +201,19 @@ const FeatureDetailsCard = class {
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const currentMessageIcon = (_a = this.messageIcon) !== null && _a !== void 0 ? _a : this.getDefaultMessageIcon();
-        return (index.h("div", { key: 'a279719f3393377db2f480e566feefdad2320fa5', class: "card-wrapper", style: { width: (_b = this.width) !== null && _b !== void 0 ? _b : '100%' } }, this.showAdornment && this.status && (index.h("div", { key: '394624accabf7d196085237dccf19aa2a2feedcd', class: "adornment" }, index.h("udp-adornment", { key: 'dbbda88f7e909e08dd68b956e8db553a6a106bcf', status: (_c = this.status) !== null && _c !== void 0 ? _c : 'info' }))), index.h("div", { key: '207ccde55a79f61a20fe876d52520218419bebd0', class: "content-wrapper" }, index.h("div", { key: 'e559651ff638cccdf6ce89d5eca6bcfb56d04834', class: "header-wrapper", style: { backgroundColor: this.getHeaderBackgroundColor() } }, index.h("div", { key: '32c1054968e769c977b515b85d24a9d3798da6c9', class: "title-wrapper" }, index.h("stencil-icon-button", { key: 'beb2b4719688ef7e3fc02fa8fffc3365c41a838d', onClick: this.onClose, icon: Close24__default.default, tooltip: "Close", noBackground: true }), index.h("unity-typography", { key: '156750e9dbd586597128383c2ad9bac2eeb32d2f', variant: 'h6' }, this.title)), ((_d = this.moreIconActions) === null || _d === void 0 ? void 0 : _d.length) > 0 && (index.h("div", { key: 'ce8a2349828257358eab14705edd54a65e7869a2' }, index.h("div", { key: 'ba673f36ae93a338085bd71ea65a485783d2087e', id: "moreHeaderIconButton1" }, index.h("stencil-icon-button", { key: '9dc305dda49437cfa0b816eefcde1338e20d8143', onClick: this.handleOnClickMoreIcon, icon: OverflowMenuVertical24__default.default, tooltip: "More", noBackground: true, buttonId: "moreHeaderIconButton" })), this.moreIconAnchor && (index.h("udp-pop-over", { key: '2ad28916734d0f44976ee64645f457e9e67ab164', anchorElement: this.moreIconAnchor, isOpen: this.showMoreHeaderPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, index.h("div", { key: 'cee49518e26621c37ef2c41a7913ef8c8e6acea9', class: "menu" }, (_e = this.moreIconActions) === null || _e === void 0 ? void 0 : _e.map(action => {
+        return (index.h("div", { key: 'a52abc58b76f689d11ff262e52639585a5cebd13', class: "card-wrapper", style: { width: (_b = this.width) !== null && _b !== void 0 ? _b : '100%' } }, this.showAdornment && this.status && (index.h("div", { key: 'af8ba7bceed90f48b16f6017705804735dc7746b', class: "adornment" }, index.h("udp-adornment", { key: 'e74c1c616cdbaddf83e3c774bb1d4c18c34d6abe', status: (_c = this.status) !== null && _c !== void 0 ? _c : 'info' }))), index.h("div", { key: '02a1dc580dc4aa1c2994250eae97d96a5b1f3b63', class: "content-wrapper" }, index.h("div", { key: '6481b5cdc429fdf478f9b301ed25801335b526dc', class: "header-wrapper", style: { backgroundColor: this.getHeaderBackgroundColor() } }, index.h("div", { key: '5c3633a98640688aa4660ddf874917ede9fcf4c7', class: "title-wrapper" }, index.h("stencil-icon-button", { key: '908fcd2b5fc0c6d575c94a8611397060c9c32112', onClick: this.onClose, icon: Close24__default.default, tooltip: "Close", noBackground: true }), index.h("unity-typography", { key: '060af9c6e9c481a16cd2e0f0b0b9e2b0fa35a756', variant: 'h6' }, this.title)), ((_d = this.moreIconActions) === null || _d === void 0 ? void 0 : _d.length) > 0 && (index.h("div", { key: '3a50706aba2899956a8a8a6258b8e88813e9bfde' }, index.h("div", { key: 'e77330f0c74b4bbc563a8ffd448aa73fbbc246d1', id: "moreHeaderIconButton1" }, index.h("stencil-icon-button", { key: '420c2e5d599157fb1afb9ceb5a338e253e699025', onClick: this.handleOnClickMoreIcon, icon: OverflowMenuVertical24__default.default, tooltip: "More", noBackground: true, buttonId: "moreHeaderIconButton" })), this.moreIconAnchor && (index.h("udp-pop-over", { key: '066a2f2208e045ccf912886a0ca8268c6117fa9b', anchorElement: this.moreIconAnchor, isOpen: this.showMoreHeaderPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, index.h("div", { key: '26356987b4fd219ae344c7ce04ec6a5f1c89971a', class: "menu" }, (_e = this.moreIconActions) === null || _e === void 0 ? void 0 : _e.map(action => {
             var _a;
             return (index.h("udp-menu-item", { label: action === null || action === void 0 ? void 0 : action.name, iconName: action === null || action === void 0 ? void 0 : action.iconName, handleOnClick: () => {
                     action.onClick(this.data);
                 }, disabled: (action === null || action === void 0 ? void 0 : action.checkDisabled) ? action === null || action === void 0 ? void 0 : action.checkDisabled(this.data) : (_a = action === null || action === void 0 ? void 0 : action.disabled) !== null && _a !== void 0 ? _a : false }));
-        }))))))), this.message && (index.h("div", { key: '55dbfbf985e623b96c497dd0f281549e7a2623d9', class: "message-wrapper", style: { backgroundColor: this.getMessageBackgroundColor() } }, !this.hideMessageIcon && (index.h("div", { key: '400a6bc6178037d19184dc6fe1cc1acbb54af424', class: "icon-message" }, index.h("udp-icon", { key: '53f0fc5176ffcee7f42a9b403870eb6bf7f5d59c', iconName: currentMessageIcon }))), index.h("div", { key: 'f73366bc9e1ca2598117f276d7fa0d23630b16b8', class: "message" }, index.h("unity-typography", { key: '48e9a6c899eca3526427990284288b916bfd91b0' }, this.message)))), index.h("div", { key: '793b3c333e0f7bb6da5bab0f5c14c472f18e2501', class: "data-section" }, (_f = this.listData) === null || _f === void 0 ? void 0 : _f.map(({ subject, value }) => (index.h("div", { class: "data-row" }, index.h("div", { class: "key" }, index.h("unity-typography", { variant: 'data-display-three' }, `${subject}: `)), index.h("div", { class: "value" }, index.h("unity-typography", { variant: 'data-display-three' }, value)))))), index.h("div", { key: 'e92ceda5c88453be65399247a96d6f7e77fc62ef', class: "options" }, this.enableViewFeature && this.data && (index.h("div", { key: 'ae612aa8753050d31d586ef57247addd120ee239', id: "viewFeatureOption" }, index.h("stencil-icon-button", { key: 'ad3318b411960e16939a61e5ca6529ccad750894', tooltip: 'View', icon: iconUtils.getIconFromName('view'), buttonId: 'viewFeatureButton', onClick: () => this.handleViewFeature({
+        }))))))), this.message && (index.h("div", { key: 'e762d272d4d1bee1f2f648122acf2ffebe627da0', class: "message-wrapper", style: { backgroundColor: this.getMessageBackgroundColor() } }, !this.hideMessageIcon && (index.h("div", { key: 'a6b72af8689f83ee834851e9830d86632df78d7e', class: "icon-message" }, index.h("udp-icon", { key: '0d36f76f7b977a60fe4a336844eb1cc78f388688', iconName: currentMessageIcon }))), index.h("div", { key: '612361cc887193d2338612d7fd0ca95e42dd327e', class: "message" }, index.h("unity-typography", { key: '7b1b35944167c28fa39fc4ed4bf2baa4f2a211d0' }, this.message)))), index.h("div", { key: 'c5a2db8bf9b125e7037bb3ae93137053d1e78e8a', class: "data-section" }, (_f = this.listData) === null || _f === void 0 ? void 0 : _f.map(({ subject, value }) => (index.h("div", { class: "data-row" }, index.h("div", { class: "key" }, index.h("unity-typography", { variant: 'data-display-three' }, `${subject}: `)), index.h("div", { class: "value" }, index.h("unity-typography", { variant: 'data-display-three' }, value)))))), index.h("div", { key: '29f7d0f07d42c558e211745591510ab9850d012b', class: "options" }, this.enableViewFeature && this.data && (index.h("div", { key: 'a882406b9fc1f4e63f7ef455380413d8a08af8db', id: "viewFeatureOption" }, index.h("stencil-icon-button", { key: '42db91a6f471c233ae15e9f937df5d58a3829de3', tooltip: 'View', icon: iconUtils.getIconFromName('view'), buttonId: 'viewFeatureButton', onClick: () => this.handleViewFeature({
                 selectedFeature: this.data,
                 formattedSelectedFeature: this.listData,
-            }) }))), ((_g = this.primaryActions) === null || _g === void 0 ? void 0 : _g.length) > 0 && (index.h("div", { key: '07acf06d15ece0f0fb0ad40c9de5e1d176976d7c' }, index.h("div", { key: '18493d1b64842be4575915c27921a0ffb7d4c982', class: "options" }, (_h = this.visiblePrimaryActions) === null || _h === void 0 ? void 0 :
+            }) }))), ((_g = this.primaryActions) === null || _g === void 0 ? void 0 : _g.length) > 0 && (index.h("div", { key: 'a27824054d60c8493deb6b0d545be7aa9650cc98' }, index.h("div", { key: '749004bb62036627beea12f66ac2771734a09ffc', class: "options" }, (_h = this.visiblePrimaryActions) === null || _h === void 0 ? void 0 :
             _h.map((action, index$1) => {
                 var _a, _b;
                 return (index.h("stencil-icon-button", { tooltip: action === null || action === void 0 ? void 0 : action.name, icon: iconUtils.getIconFromName(action === null || action === void 0 ? void 0 : action.iconName), buttonId: (_a = action === null || action === void 0 ? void 0 : action.id) !== null && _a !== void 0 ? _a : `primary-icon-action-${index$1}`, onClick: () => action.onClick(this.data), disabled: (action === null || action === void 0 ? void 0 : action.checkDisabled) ? action === null || action === void 0 ? void 0 : action.checkDisabled(this.data) : (_b = action === null || action === void 0 ? void 0 : action.disabled) !== null && _b !== void 0 ? _b : false }));
-            }), ((_j = this.overflowPrimaryActions) === null || _j === void 0 ? void 0 : _j.length) > 0 && (index.h("stencil-icon-button", { key: 'e1fbaa6f33a82c654cb561805aa034e5a8ff62f6', onClick: this.handleOnClickPrimaryAction, icon: OverflowMenuVertical24__default.default, tooltip: "More", noBackground: true, buttonId: "morePrimaryIconButton" }))), this.primaryActionAnchor && (index.h("udp-pop-over", { key: '0f0d761c97ba9ea5177a49998f65059ecc2b5b7c', anchorElement: this.primaryActionAnchor, isOpen: this.showPrimaryPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, index.h("div", { key: '8a2314995820d95f3a266f67d80fcfd49c522ed5', class: "menu" }, (_k = this.overflowPrimaryActions) === null || _k === void 0 ? void 0 : _k.map(action => {
+            }), ((_j = this.overflowPrimaryActions) === null || _j === void 0 ? void 0 : _j.length) > 0 && (index.h("stencil-icon-button", { key: '5ac0af611c5d47782f1b4398817bab6462f708d4', onClick: this.handleOnClickPrimaryAction, icon: OverflowMenuVertical24__default.default, tooltip: "More", noBackground: true, buttonId: "morePrimaryIconButton" }))), this.primaryActionAnchor && (index.h("udp-pop-over", { key: '8655f303bfdd798c7a261ff4d535bf0502956f5b', anchorElement: this.primaryActionAnchor, isOpen: this.showPrimaryPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, index.h("div", { key: '0491fefcebb62b8b5c1ca0b4f767bcecd14f9ca9', class: "menu" }, (_k = this.overflowPrimaryActions) === null || _k === void 0 ? void 0 : _k.map(action => {
             var _a;
             return (index.h("udp-menu-item", { label: action === null || action === void 0 ? void 0 : action.name, iconName: action === null || action === void 0 ? void 0 : action.iconName, handleOnClick: () => {
                     action.onClick(this.data);
@@ -222,12 +222,14 @@ const FeatureDetailsCard = class {
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
-        "primaryActions": ["updatePrimaryActions"]
+        "primaryActions": [{
+                "updatePrimaryActions": 0
+            }]
     }; }
 };
-FeatureDetailsCard.style = featureDetailsCardCss;
+FeatureDetailsCard.style = featureDetailsCardCss();
 
-const mapPopupCss = ".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";
+const mapPopupCss = () => `.popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}`;
 
 const FeatureDetailsPopUp = class {
     constructor(hostRef) {
@@ -270,16 +272,23 @@ const FeatureDetailsPopUp = class {
         var _a, _b, _c;
         const message = this.getMessage ? this.getMessage(this.data) : null;
         const messageIcon = this.getMessageIcon ? this.getMessageIcon(this.data) : null;
-        return (index.h("div", { key: 'e5edaa5cfaf4f57fd28f81b89478a184d621159e' }, this.showPopOver && (index.h("feature-details-card", { key: '2cedf4ee23de2c9cad04680a370c553bdba046f4', data: this.currentSelectedFeature, title: this.cardTitle, listData: this.listData, status: (_c = (_a = this.data) === null || _a === void 0 ? void 0 : _a[(_b = this.cardConfig) === null || _b === void 0 ? void 0 : _b.statusColor]) === null || _c === void 0 ? void 0 : _c.toLowerCase(), enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, primaryActions: this.isReadOnly ? [] : this.primaryActions, moreIconActions: this.isReadOnly ? [] : this.moreIconActions, message: message, messageIcon: messageIcon, hideMessageIcon: this.hideMessageIcon, onClose: this.additionalOnclosePopover, width: this.popoverWidth, popoverContainer: this.popoverContainer }))));
+        return (index.h("div", { key: 'de1628f2231ed242921bfc08ba878d3dc21262c0' }, this.showPopOver && (index.h("feature-details-card", { key: '88d11c7ace1ab2817b2c88722baac4b928f2419c', data: this.currentSelectedFeature, title: this.cardTitle, listData: this.listData, status: (_c = (_a = this.data) === null || _a === void 0 ? void 0 : _a[(_b = this.cardConfig) === null || _b === void 0 ? void 0 : _b.statusColor]) === null || _c === void 0 ? void 0 : _c.toLowerCase(), enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, primaryActions: this.isReadOnly ? [] : this.primaryActions, moreIconActions: this.isReadOnly ? [] : this.moreIconActions, message: message, messageIcon: messageIcon, hideMessageIcon: this.hideMessageIcon, onClose: this.additionalOnclosePopover, width: this.popoverWidth, popoverContainer: this.popoverContainer }))));
     }
     static get watchers() { return {
-        "cardConfig": ["updateListData", "updateTitle"],
-        "data": ["updateListData"],
-        "coordinates": ["updateTitle"]
+        "cardConfig": [{
+                "updateListData": 0
+            }, {
+                "updateTitle": 0
+            }],
+        "data": [{
+                "updateListData": 0
+            }],
+        "coordinates": [{
+                "updateTitle": 0
+            }]
     }; }
 };
-FeatureDetailsPopUp.style = mapPopupCss;
+FeatureDetailsPopUp.style = mapPopupCss();
 
 exports.feature_details_card = FeatureDetailsCard;
 exports.feature_details_popup = FeatureDetailsPopUp;
-//# sourceMappingURL=feature-details-card.feature-details-popup.entry.cjs.js.map

package/dist/cjs/file-upload_3.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 var Close24 = require('@carbon/icons/es/close/24');
 var axios = require('axios');
 var udpDriveUtils = require('./udp-drive-utils-B8uPAKzW.js');
@@ -11,7 +11,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var Close24__default = /*#__PURE__*/_interopDefault(Close24);
 var axios__default = /*#__PURE__*/_interopDefault(axios);
 
-const fileUploadCss = "#drop-area{min-height:200px;height:auto;border:2px dashed #ccc;border-radius:5px;padding:20px;text-align:center;font-family:Arial, sans-serif;overflow:hidden;margin-top:10px;margin-bottom:10px}#outer-container{padding:10px 5px;display:flex;justify-content:center}#drop-area.highlight{border-color:var(--primary-color)}#error-text{color:var(--error-color-main)}#add-button{border-radius:5}#remove-button{width:10px;height:10px;margin-left:5px;border:'none';background:'none';cursor:'pointer'}.file-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}.full-width{width:auto}.contained-width{width:300px}.file-text{float:none}.file-list{display:flex;flex-direction:column;align-items:center;gap:6px}.inner-container{display:flex;justify-content:center;flex-direction:row}.container{display:flex;flex-direction:row;justify-content:center;overflow-y:auto}.image-preview-container{position:relative;width:100%;min-height:200px;height:240px;border-radius:8px;overflow:hidden;background:#fff;cursor:pointer;margin-top:12px}.image-remove-button{background-color:white}.image-preview-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.image-preview{max-width:100%;max-height:100%;object-fit:contain;display:block}.image-preview-actions{position:absolute;top:8px;right:8px;display:flex;gap:8px}.image-modal-backdrop{position:fixed;inset:0;background:rgba(0, 0, 0, 0.6);display:flex;align-items:center;justify-content:center;z-index:9999}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;background:#000;border-radius:8px;overflow:hidden}.image-modal-content img{display:block;max-width:90vw;max-height:90vh;object-fit:contain}.image-modal-close{position:absolute;top:8px;right:8px}";
+const fileUploadCss = () => `#drop-area{min-height:200px;height:auto;border:2px dashed #ccc;border-radius:5px;padding:20px;text-align:center;font-family:Arial, sans-serif;overflow:hidden;margin-top:10px;margin-bottom:10px}#outer-container{padding:10px 5px;display:flex;justify-content:center}#drop-area.highlight{border-color:var(--primary-color)}#error-text{color:var(--error-color-main)}#add-button{border-radius:5}#remove-button{width:10px;height:10px;margin-left:5px;border:'none';background:'none';cursor:'pointer'}.file-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}.full-width{width:auto}.contained-width{width:300px}.file-text{float:none}.file-list{display:flex;flex-direction:column;align-items:center;gap:6px}.inner-container{display:flex;justify-content:center;flex-direction:row}.container{display:flex;flex-direction:row;justify-content:center;overflow-y:auto}.image-preview-container{position:relative;width:100%;min-height:200px;height:240px;border-radius:8px;overflow:hidden;background:#fff;cursor:pointer;margin-top:12px}.image-remove-button{background-color:white}.image-preview-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.image-preview{max-width:100%;max-height:100%;object-fit:contain;display:block}.image-preview-actions{position:absolute;top:8px;right:8px;display:flex;gap:8px}.image-modal-backdrop{position:fixed;inset:0;background:rgba(0, 0, 0, 0.6);display:flex;align-items:center;justify-content:center;z-index:9999}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;background:#000;border-radius:8px;overflow:hidden}.image-modal-content img{display:block;max-width:90vw;max-height:90vh;object-fit:contain}.image-modal-close{position:absolute;top:8px;right:8px}`;
 
 const FileUpload = class {
     constructor(hostRef) {
@@ -908,13 +908,17 @@ const FileUpload = class {
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
-        "error": ["updateError"],
-        "initialValue": ["initialValueChanged"]
+        "error": [{
+                "updateError": 0
+            }],
+        "initialValue": [{
+                "initialValueChanged": 0
+            }]
     }; }
 };
-FileUpload.style = fileUploadCss;
+FileUpload.style = fileUploadCss();
 
-const selectableListCss = ":host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type=\"text\"],:host(.udp-input--size-small) input[type=\"number\"],:host(.udp-input--size-small) input[type=\"email\"],:host(.udp-input--size-small) input[type=\"password\"],:host(.udp-input--size-small) input[type=\"tel\"],:host(.udp-input--size-small) input[type=\"url\"],:host(.udp-input--size-small) input[type=\"search\"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type=\"text\"],:host(.udp-input--size-normal) input[type=\"number\"],:host(.udp-input--size-normal) input[type=\"email\"],:host(.udp-input--size-normal) input[type=\"password\"],:host(.udp-input--size-normal) input[type=\"tel\"],:host(.udp-input--size-normal) input[type=\"url\"],:host(.udp-input--size-normal) input[type=\"search\"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type=\"text\"],:host(.udp-input--size-large) input[type=\"number\"],:host(.udp-input--size-large) input[type=\"email\"],:host(.udp-input--size-large) input[type=\"password\"],:host(.udp-input--size-large) input[type=\"tel\"],:host(.udp-input--size-large) input[type=\"url\"],:host(.udp-input--size-large) input[type=\"search\"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type=\"text\"],input[type=\"number\"],input[type=\"email\"],input[type=\"password\"],input[type=\"tel\"],input[type=\"url\"],input[type=\"search\"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type=\"text\"]:focus,input[type=\"number\"]:focus,input[type=\"email\"]:focus,input[type=\"password\"]:focus,input[type=\"tel\"]:focus,input[type=\"url\"]:focus,input[type=\"search\"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type=\"text\"],:host(.udp-input--error) input[type=\"number\"],:host(.udp-input--error) input[type=\"email\"],:host(.udp-input--error) input[type=\"password\"],:host(.udp-input--error) input[type=\"tel\"],:host(.udp-input--error) input[type=\"url\"],:host(.udp-input--error) input[type=\"search\"],input[type=\"text\"]:user-invalid,input[type=\"number\"]:user-invalid,input[type=\"email\"]:user-invalid,input[type=\"password\"]:user-invalid,input[type=\"tel\"]:user-invalid,input[type=\"url\"]:user-invalid,input[type=\"search\"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type=\"text\"],:host(.udp-input--disabled) input[type=\"number\"],:host(.udp-input--disabled) input[type=\"email\"],:host(.udp-input--disabled) input[type=\"password\"],:host(.udp-input--disabled) input[type=\"tel\"],:host(.udp-input--disabled) input[type=\"url\"],:host(.udp-input--disabled) input[type=\"search\"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type=\"text\"]::placeholder,input[type=\"number\"]::placeholder,input[type=\"email\"]::placeholder,input[type=\"password\"]::placeholder,input[type=\"tel\"]::placeholder,input[type=\"url\"]::placeholder,input[type=\"search\"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host{display:block}:host(.udp-input--size-small) li{padding:var(--spacing-02) var(--spacing-03);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) li{padding:var(--spacing-03) var(--spacing-04);font-size:var(--body-font-size)}:host(.udp-input--size-large) li{padding:var(--spacing-04) var(--spacing-05);font-size:var(--body-font-size)}ul{list-style:none;padding:0;margin:0}li{padding:var(--spacing-03) var(--spacing-04);cursor:pointer;transition:background-color 0.3s ease}li:hover{background-color:#f0f0f0;color:var(--text-color)}.selected{background-color:var(--primary-color);color:white}label{cursor:pointer}input{cursor:pointer}.error{color:var(--error-color-main)}";
+const selectableListCss = () => `:host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host{display:block}:host(.udp-input--size-small) li{padding:var(--spacing-02) var(--spacing-03);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) li{padding:var(--spacing-03) var(--spacing-04);font-size:var(--body-font-size)}:host(.udp-input--size-large) li{padding:var(--spacing-04) var(--spacing-05);font-size:var(--body-font-size)}ul{list-style:none;padding:0;margin:0}li{padding:var(--spacing-03) var(--spacing-04);cursor:pointer;transition:background-color 0.3s ease}li:hover{background-color:#f0f0f0;color:var(--text-color)}.selected{background-color:var(--primary-color);color:white}label{cursor:pointer}input{cursor:pointer}.error{color:var(--error-color-main)}`;
 
 const SelectableList = class {
     constructor(hostRef) {
@@ -1136,13 +1140,21 @@ const SelectableList = class {
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
-        "error": ["updateError"],
-        "initialValue": ["initialValueChanged"],
-        "value": ["valueChanged"],
-        "items": ["itemsChanged"]
+        "error": [{
+                "updateError": 0
+            }],
+        "initialValue": [{
+                "initialValueChanged": 0
+            }],
+        "value": [{
+                "valueChanged": 0
+            }],
+        "items": [{
+                "itemsChanged": 0
+            }]
     }; }
 };
-SelectableList.style = selectableListCss;
+SelectableList.style = selectableListCss();
 
 const StencilField = class {
     constructor(hostRef) {
@@ -1392,4 +1404,3 @@ const StencilField = class {
 exports.file_upload = FileUpload;
 exports.selectable_list = SelectableList;
 exports.stencil_field = StencilField;
-//# sourceMappingURL=file-upload.selectable-list.stencil-field.entry.cjs.js.map