procode-lowcode-core 1.0.13 → 1.0.15

package/dist/index.js

@@ -158,15 +158,15 @@ const CellRenderer = ({ colIndex, rowIndex, colSpan, rowSpan, placeSelf, widgetS
     if (rowIndex && rowSpan) {
         styles = Object.assign(Object.assign({}, styles), { gridRow: `${rowIndex} / span ${rowSpan} ` });
     }
-    return (jsxRuntime.jsx("div", Object.assign({ id: (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.id) || "", className: (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) || "", style: styles }, { children: children.map((element) => (jsxRuntime.jsx(ScreenElementRenderer, { screenUIElement: element, isCompletedSetup: isCompletedSetup, eventService: eventService }, element.id))) })));
+    return (jsxRuntime.jsx("div", Object.assign({ id: (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.id) || "", className: (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) || "", "data-prc-col-important": (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.important) ? (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) || undefined : undefined, style: styles }, { children: children.map((element) => (jsxRuntime.jsx(ScreenElementRenderer, { screenUIElement: element, isCompletedSetup: isCompletedSetup, eventService: eventService }, element.id))) })));
 };
 
 const GenericLayoutRenderer = ({ numOfColumns, noOfRows, columnGap, rowGap, placeItems, placeContent, cells, widgetStyle, isCompletedSetup, eventService, }) => {
-    return (jsxRuntime.jsx("div", Object.assign({ id: (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.id) || "", className: `${(widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) || ""}`, style: Object.assign(Object.assign({}, ((widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.inline) || {})), { display: "grid", gridColumnGap: `${columnGap}px`, gridRowGap: `${rowGap}px`, gridTemplateColumns: `repeat(${numOfColumns}, 1fr)`, gridTemplateRows: `repeat(${noOfRows}, 1fr)`, placeItems: placeItems, placeContent: placeContent }) }, { children: cells === null || cells === void 0 ? void 0 : cells.map((cell) => (jsxRuntime.jsx(CellRenderer, Object.assign({}, cell, { isCompletedSetup: isCompletedSetup, eventService: eventService }), cell.id))) })));
+    return (jsxRuntime.jsx("div", Object.assign({ id: (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.id) || "", className: `${(widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) || ""}`, "data-prc-col-important": (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.important) ? (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) || undefined : undefined, style: Object.assign(Object.assign({}, ((widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.inline) || {})), { display: "grid", gridColumnGap: `${columnGap}px`, gridRowGap: `${rowGap}px`, gridTemplateColumns: `repeat(${numOfColumns}, 1fr)`, gridTemplateRows: `repeat(${noOfRows}, 1fr)`, placeItems: placeItems, placeContent: placeContent }) }, { children: cells === null || cells === void 0 ? void 0 : cells.map((cell) => (jsxRuntime.jsx(CellRenderer, Object.assign({}, cell, { isCompletedSetup: isCompletedSetup, eventService: eventService }), cell.id))) })));
 };
 
 const LayoutRenderer$1 = ({ columnGap, rowGap, placeItems, placeContent, cells, gridTemplateColumns, gridTemplateRows, widgetStyle, isCompletedSetup, eventService, }) => {
-    return (jsxRuntime.jsx("div", Object.assign({ id: (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.id) || "", className: `${(widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) || ""}`, style: Object.assign(Object.assign({}, ((widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.inline) || {})), { display: "grid", gridColumnGap: `${columnGap}`, gridRowGap: `${rowGap}`, gridTemplateColumns: gridTemplateColumns, gridTemplateRows: gridTemplateRows, placeItems: placeItems, placeContent: placeContent }) }, { children: cells === null || cells === void 0 ? void 0 : cells.map((cell) => (jsxRuntime.jsx(CellRenderer, Object.assign({}, cell, { isCompletedSetup: isCompletedSetup, eventService: eventService }), cell.id))) })));
+    return (jsxRuntime.jsx("div", Object.assign({ id: (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.id) || "", className: `${(widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) || ""}`, "data-prc-col-important": (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.important) ? (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) || undefined : undefined, style: Object.assign(Object.assign({}, ((widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.inline) || {})), { display: "grid", gridColumnGap: `${columnGap}`, gridRowGap: `${rowGap}`, gridTemplateColumns: gridTemplateColumns, gridTemplateRows: gridTemplateRows, placeItems: placeItems, placeContent: placeContent }) }, { children: cells === null || cells === void 0 ? void 0 : cells.map((cell) => (jsxRuntime.jsx(CellRenderer, Object.assign({}, cell, { isCompletedSetup: isCompletedSetup, eventService: eventService }), cell.id))) })));
 };
 
 const LayoutRenderer = ({ columnGap, rowGap, placeItems, placeContent, cells, gridTemplateColumns, gridTemplateRows, widgetStyle, isCompletedSetup, eventService, }) => {
@@ -193,7 +193,7 @@ const LayOutRenderer = ({ layout, isCompletedSetup, eventService, }) => {
 
 function Container({ id, children = [], widgetStyle, toolTip, label, helperText, disabled, isCompletedSetup, eventService, }) {
     var _a, _b, _c;
-    return (jsxRuntime.jsx("div", Object.assign({ id: (_a = widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.id) !== null && _a !== void 0 ? _a : "", className: `${(_b = widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) !== null && _b !== void 0 ? _b : ""}`, style: Object.assign({}, ((_c = widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.inline) !== null && _c !== void 0 ? _c : {})) }, { children: children.map((element) => (jsxRuntime.jsx(ScreenElementRenderer, { screenUIElement: element, isCompletedSetup: isCompletedSetup, eventService: eventService }, element.id))) })));
+    return (jsxRuntime.jsx("div", Object.assign({ id: (_a = widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.id) !== null && _a !== void 0 ? _a : "", className: `${(_b = widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) !== null && _b !== void 0 ? _b : ""}`, "data-prc-col-important": (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.important) ? (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) || undefined : undefined, style: Object.assign({}, ((_c = widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.inline) !== null && _c !== void 0 ? _c : {})) }, { children: children.map((element) => (jsxRuntime.jsx(ScreenElementRenderer, { screenUIElement: element, isCompletedSetup: isCompletedSetup, eventService: eventService }, element.id))) })));
 }
 
 const ContainerRenderer = (props) => {
@@ -457,22 +457,13 @@ class CentralService {
             configurable: true,
             writable: true,
             value: (response, responseConfig) => {
-                var _a, _b;
+                var _a;
                 const statusRelatedConfig = (responseConfig !== null && responseConfig !== void 0 ? responseConfig : {})[response === null || response === void 0 ? void 0 : response.status];
                 let errorMessage = "";
-                if ((statusRelatedConfig === null || statusRelatedConfig === void 0 ? void 0 : statusRelatedConfig.alertType) === AlertType.FIELDVALIDATION) {
-                    errorMessage = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.message;
-                    if (statusRelatedConfig === null || statusRelatedConfig === void 0 ? void 0 : statusRelatedConfig.enableMessage) {
-                        errorMessage =
-                            (statusRelatedConfig === null || statusRelatedConfig === void 0 ? void 0 : statusRelatedConfig.message) ||
-                                errorMessage ||
-                                ErrorMessageProvider.get(response.config.method, response === null || response === void 0 ? void 0 : response.status);
-                    }
-                }
-                else if (statusRelatedConfig === null || statusRelatedConfig === void 0 ? void 0 : statusRelatedConfig.enableMessage) {
+                if (statusRelatedConfig === null || statusRelatedConfig === void 0 ? void 0 : statusRelatedConfig.enableMessage) {
                     errorMessage =
                         (statusRelatedConfig === null || statusRelatedConfig === void 0 ? void 0 : statusRelatedConfig.message) ||
-                            ((_b = response === null || response === void 0 ? void 0 : response.data) === null || _b === void 0 ? void 0 : _b.message) ||
+                            ((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.message) ||
                             ErrorMessageProvider.get(response.config.method, response === null || response === void 0 ? void 0 : response.status);
                 }
                 return errorMessage;
@@ -570,7 +561,7 @@ var ActionType;
     ActionType["CUSTOM"] = "CUSTOM";
     ActionType["TEMPLATE"] = "TEMPLATE";
 })(ActionType || (ActionType = {}));
-var ValueReplacePolicy$1;
+exports.ValueReplacePolicy = void 0;
 (function (ValueReplacePolicy) {
     ValueReplacePolicy["STATE"] = "STATE";
     ValueReplacePolicy["STATE_SELECTED_DATA"] = "STATE_SELECTED_DATA";
@@ -579,7 +570,7 @@ var ValueReplacePolicy$1;
     ValueReplacePolicy["SELF"] = "SELF";
     ValueReplacePolicy["QUERYPARAMS"] = "QUERYPARAMS";
     ValueReplacePolicy["ROUTEPARAMS"] = "ROUTEPARAMS";
-})(ValueReplacePolicy$1 || (ValueReplacePolicy$1 = {}));
+})(exports.ValueReplacePolicy || (exports.ValueReplacePolicy = {}));
 
 const getValueFromNestedObject = (fieldName, object) => {
     if (!fieldName || typeof fieldName !== "string")
@@ -705,13 +696,13 @@ const routeParamHandler = (url, param, eventService, routeParams) => {
 };
 
 const replaceHandlers = {
-    [ValueReplacePolicy$1.SELF]: selfHandler,
-    [ValueReplacePolicy$1.STATE]: stateHandler,
-    [ValueReplacePolicy$1.STATE_SELECTED_DATA]: stateSelectedHandler,
-    [ValueReplacePolicy$1.STORAGE]: storageHandler,
-    [ValueReplacePolicy$1.ENVIROMENT]: enviromentHandler,
-    [ValueReplacePolicy$1.QUERYPARAMS]: queryParamHandler,
-    [ValueReplacePolicy$1.ROUTEPARAMS]: routeParamHandler,
+    [exports.ValueReplacePolicy.SELF]: selfHandler,
+    [exports.ValueReplacePolicy.STATE]: stateHandler,
+    [exports.ValueReplacePolicy.STATE_SELECTED_DATA]: stateSelectedHandler,
+    [exports.ValueReplacePolicy.STORAGE]: storageHandler,
+    [exports.ValueReplacePolicy.ENVIROMENT]: enviromentHandler,
+    [exports.ValueReplacePolicy.QUERYPARAMS]: queryParamHandler,
+    [exports.ValueReplacePolicy.ROUTEPARAMS]: routeParamHandler,
 };
 const replaceRequestParams = (url, params, eventService, routeParams) => {
     params.forEach((param) => {
@@ -18556,11 +18547,11 @@ const getParams = (config, actionInvokerProps, selectedValue) => {
     (_a = config.params) === null || _a === void 0 ? void 0 : _a.forEach((p) => {
         var _a, _b;
         let value = "";
-        if (((_a = p === null || p === void 0 ? void 0 : p.rightOperand) === null || _a === void 0 ? void 0 : _a.valueReplacePolicy) === ValueReplacePolicy$1.STATE) {
+        if (((_a = p === null || p === void 0 ? void 0 : p.rightOperand) === null || _a === void 0 ? void 0 : _a.valueReplacePolicy) === exports.ValueReplacePolicy.STATE) {
             value = getValueFromNestedObject(p.rightOperand.value, actionInvokerProps.viewModel);
         }
         else if (((_b = p === null || p === void 0 ? void 0 : p.rightOperand) === null || _b === void 0 ? void 0 : _b.valueReplacePolicy) ===
-            ValueReplacePolicy$1.STATE_SELECTED_DATA) {
+            exports.ValueReplacePolicy.STATE_SELECTED_DATA) {
             const fields = p.rightOperand.value.split("::");
             let model = getValueFromNestedObject(fields[0], actionInvokerProps.viewModel);
             model = model === null || model === void 0 ? void 0 : model.find((m) => { var _a; return m[(_a = selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.dataItemKey) !== null && _a !== void 0 ? _a : "id"] === (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.value); });
@@ -18873,6 +18864,37 @@ class ActionInvoker {
     }
 }
 
+const isBoundOperand = (input) => typeof input === "object" &&
+    input !== null &&
+    "valueReplacePolicy" in input;
+const resolveBoundValue = (bound, viewModel) => {
+    if (!isBoundOperand(bound))
+        return bound;
+    switch (bound.valueReplacePolicy) {
+        case exports.ValueReplacePolicy.SELF:
+            return bound.value;
+        case exports.ValueReplacePolicy.STATE:
+            return getValueFromNestedObject(bound.value, viewModel);
+        default:
+            return bound.value;
+    }
+};
+const BOUND_PROP_NAMES = [
+    "min",
+    "max",
+    "minDate",
+    "maxDate",
+    "minLength",
+    "maxLength",
+    "minResizeHeight",
+    "maxResizeHeight",
+    "minResizeWidth",
+    "maxResizeWidth",
+    "step",
+    "placeHolder",
+    "disabled",
+];
+
 var StandardValidationType;
 (function (StandardValidationType) {
     StandardValidationType["REQUIRED"] = "REQUIRED";
@@ -19352,7 +19374,16 @@ const useWidgetProps = (schemaElementProps, viewModel, validation, eventService,
             return;
         }
         const events = getEvents();
-        setWidgetProps(Object.assign(Object.assign(Object.assign(Object.assign({}, schemaElementProps), { id: schemaElementProps === null || schemaElementProps === void 0 ? void 0 : schemaElementProps.id, value: getScreenDataFieldValue(), listData: getSupportiveDataFieldValue(), uiElementGroupData: getUiElementGroupData(), validations: getValidationProperty(), eventService: eventService, viewModel: viewModel, "sssss": "ss" }), events), { dynamicEvents: events }));
+        setWidgetProps(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, schemaElementProps), getResolvedBoundProps()), { id: schemaElementProps === null || schemaElementProps === void 0 ? void 0 : schemaElementProps.id, value: getScreenDataFieldValue(), listData: getSupportiveDataFieldValue(), uiElementGroupData: getUiElementGroupData(), validations: getValidationProperty(), eventService: eventService, viewModel: viewModel }), events), { dynamicEvents: events }));
+    };
+    const getResolvedBoundProps = () => {
+        const resolved = {};
+        BOUND_PROP_NAMES.forEach((name) => {
+            if (name in schemaElementProps) {
+                resolved[name] = resolveBoundValue(schemaElementProps[name], viewModel);
+            }
+        });
+        return resolved;
     };
     const getEvents = () => {
         if (!(schemaElementProps === null || schemaElementProps === void 0 ? void 0 : schemaElementProps.events))
@@ -19436,7 +19467,7 @@ const useWidgetProps = (schemaElementProps, viewModel, validation, eventService,
 };
 
 const Widget = ({ schemaElementProps, viewModel, validation, navigate, eventService, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     const widgetProps = useWidgetProps(schemaElementProps, viewModel, validation, eventService, navigate);
     const standardWidgets = (_a = AppDependenceyProvider.getInstance()
         .getWidgetProvider()) === null || _a === void 0 ? void 0 : _a.getWidgets();
@@ -19444,9 +19475,23 @@ const Widget = ({ schemaElementProps, viewModel, validation, navigate, eventServ
         .getTempleteWidgetProvider()) === null || _b === void 0 ? void 0 : _b.getWidgets();
     const customWidgets = (_c = AppDependenceyProvider.getInstance()
         .getCustomWidgetProvider()) === null || _c === void 0 ? void 0 : _c.getWidgets();
-    const WidgetComponent = (_g = (_e = (_d = customWidgets === null || customWidgets === void 0 ? void 0 : customWidgets.get) === null || _d === void 0 ? void 0 : _d.call(customWidgets, widgetProps.widgetType)) !== null && _e !== void 0 ? _e : (_f = templateWidgets === null || templateWidgets === void 0 ? void 0 : templateWidgets.get) === null || _f === void 0 ? void 0 : _f.call(templateWidgets, widgetProps.widgetType)) !== null && _g !== void 0 ? _g : (_h = standardWidgets === null || standardWidgets === void 0 ? void 0 : standardWidgets.get) === null || _h === void 0 ? void 0 : _h.call(standardWidgets, widgetProps.widgetType);
+    let WidgetComponent;
+    const targetFactory = widgetProps.targetWidgetFactory;
+    if (targetFactory === "CUSTOM") {
+        WidgetComponent = (_d = customWidgets === null || customWidgets === void 0 ? void 0 : customWidgets.get) === null || _d === void 0 ? void 0 : _d.call(customWidgets, widgetProps.widgetType);
+    }
+    else if (targetFactory === "TEMPLATE") {
+        WidgetComponent = (_e = templateWidgets === null || templateWidgets === void 0 ? void 0 : templateWidgets.get) === null || _e === void 0 ? void 0 : _e.call(templateWidgets, widgetProps.widgetType);
+    }
+    else if (targetFactory === "DEFAULT") {
+        WidgetComponent = (_f = standardWidgets === null || standardWidgets === void 0 ? void 0 : standardWidgets.get) === null || _f === void 0 ? void 0 : _f.call(standardWidgets, widgetProps.widgetType);
+    }
+    if (!WidgetComponent) {
+        WidgetComponent =
+            (_k = (_h = (_g = customWidgets === null || customWidgets === void 0 ? void 0 : customWidgets.get) === null || _g === void 0 ? void 0 : _g.call(customWidgets, widgetProps.widgetType)) !== null && _h !== void 0 ? _h : (_j = templateWidgets === null || templateWidgets === void 0 ? void 0 : templateWidgets.get) === null || _j === void 0 ? void 0 : _j.call(templateWidgets, widgetProps.widgetType)) !== null && _k !== void 0 ? _k : (_l = standardWidgets === null || standardWidgets === void 0 ? void 0 : standardWidgets.get) === null || _l === void 0 ? void 0 : _l.call(standardWidgets, widgetProps.widgetType);
+    }
     if (!WidgetComponent) {
-        return (jsxRuntime.jsx(Skeleton, { className: "", skeletonType: (_j = schemaElementProps.skeletonType) !== null && _j !== void 0 ? _j : "", value: "LOADING..." }));
+        return (jsxRuntime.jsx(Skeleton, { className: "", skeletonType: (_m = schemaElementProps.skeletonType) !== null && _m !== void 0 ? _m : "", value: "LOADING..." }));
     }
     return (jsxRuntime.jsx(WidgetComponent, Object.assign({}, widgetProps, { availableValidations: schemaElementProps.validations })));
 };
@@ -19491,17 +19536,17 @@ const IteratorRenderer = ({ childProps, screenDataField, isCompletedSetup, event
 const FormRenderer = ({ children = [], events = {}, widgetStyle, toolTip, label, helperText, disabled, method = "post", isCompletedSetup, eventService, }) => {
     return (jsxRuntime.jsx("form", Object.assign({ encType: "multipart/form-data", method: method, autoComplete: "off", autoFocus: true, onSubmit: (e) => {
             e.preventDefault();
-        }, className: (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) || "", id: (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.id) || "", style: Object.assign({}, ((widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.inline) || {})) }, { children: children.map((element) => (jsxRuntime.jsx(ScreenElementRenderer, { screenUIElement: Object.assign({}, element), isCompletedSetup: isCompletedSetup, eventService: eventService }, element.id))) })));
+        }, className: (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) || "", "data-prc-col-important": (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.important) ? (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) || undefined : undefined, id: (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.id) || "", style: Object.assign({}, ((widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.inline) || {})) }, { children: children.map((element) => (jsxRuntime.jsx(ScreenElementRenderer, { screenUIElement: Object.assign({}, element), isCompletedSetup: isCompletedSetup, eventService: eventService }, element.id))) })));
 };
 
 const Drawer = ({ children, applicableOn, id, overlay, widgetStyle, toolTip, label, helperText, disabled, isCompletedSetup, eventService, }) => {
     var _a, _b, _c;
-    return (jsxRuntime.jsx("div", Object.assign({ id: (_a = widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.id) !== null && _a !== void 0 ? _a : "", className: `prc-drawer ${(_b = widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) !== null && _b !== void 0 ? _b : ""}`, style: Object.assign({}, ((_c = widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.inline) !== null && _c !== void 0 ? _c : {})) }, { children: children === null || children === void 0 ? void 0 : children.map((element) => (jsxRuntime.jsx(ScreenElementRenderer, { screenUIElement: element, isCompletedSetup: isCompletedSetup, eventService: eventService }, element.id))) })));
+    return (jsxRuntime.jsx("div", Object.assign({ id: (_a = widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.id) !== null && _a !== void 0 ? _a : "", className: `prc-drawer ${(_b = widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) !== null && _b !== void 0 ? _b : ""}`, "data-prc-col-important": (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.important) ? (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) || undefined : undefined, style: Object.assign({}, ((_c = widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.inline) !== null && _c !== void 0 ? _c : {})) }, { children: children === null || children === void 0 ? void 0 : children.map((element) => (jsxRuntime.jsx(ScreenElementRenderer, { screenUIElement: element, isCompletedSetup: isCompletedSetup, eventService: eventService }, element.id))) })));
 };
 
 const DrawerRenderer = (props) => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    return ((_a = props.overlay) === null || _a === void 0 ? void 0 : _a.enabled) ? (jsxRuntime.jsx("div", Object.assign({ id: (_c = (_b = props.overlay.widgetStyle) === null || _b === void 0 ? void 0 : _b.id) !== null && _c !== void 0 ? _c : "", style: Object.assign({}, ((_e = (_d = props.overlay.widgetStyle) === null || _d === void 0 ? void 0 : _d.inline) !== null && _e !== void 0 ? _e : {})), className: `prc-drawer-shield ${(_g = (_f = props.overlay.widgetStyle) === null || _f === void 0 ? void 0 : _f.className) !== null && _g !== void 0 ? _g : ""}` }, { children: jsxRuntime.jsx(Drawer, Object.assign({}, props)) }))) : (jsxRuntime.jsx(Drawer, Object.assign({}, props)));
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    return ((_a = props.overlay) === null || _a === void 0 ? void 0 : _a.enabled) ? (jsxRuntime.jsx("div", Object.assign({ id: (_c = (_b = props.overlay.widgetStyle) === null || _b === void 0 ? void 0 : _b.id) !== null && _c !== void 0 ? _c : "", style: Object.assign({}, ((_e = (_d = props.overlay.widgetStyle) === null || _d === void 0 ? void 0 : _d.inline) !== null && _e !== void 0 ? _e : {})), className: `prc-drawer-shield ${(_g = (_f = props.overlay.widgetStyle) === null || _f === void 0 ? void 0 : _f.className) !== null && _g !== void 0 ? _g : ""}`, "data-prc-col-important": ((_h = props.overlay.widgetStyle) === null || _h === void 0 ? void 0 : _h.important) ? ((_j = props.overlay.widgetStyle) === null || _j === void 0 ? void 0 : _j.className) || undefined : undefined }, { children: jsxRuntime.jsx(Drawer, Object.assign({}, props)) }))) : (jsxRuntime.jsx(Drawer, Object.assign({}, props)));
 };
 
 const renderLayout = (screenUIElement, isCompletedSetup, eventService) => (jsxRuntime.jsx(LayOutRenderer, { layout: screenUIElement, isCompletedSetup: isCompletedSetup, eventService: eventService }, screenUIElement.id));
@@ -20627,10 +20672,12 @@ const coreStyles = './Assets/styles/index.scss';
 // Utility function to get styles path
 const getCoreStylesPath = () => coreStyles;
 
+exports.BOUND_PROP_NAMES = BOUND_PROP_NAMES;
 exports.Core = Core$1;
 exports.EventService = EventService;
 exports.coreStyles = coreStyles;
 exports.default = Core$1;
 exports.getCoreStylesPath = getCoreStylesPath;
 exports.resolveAppPath = resolveAppPath;
+exports.resolveBoundValue = resolveBoundValue;
 //# sourceMappingURL=index.js.map