@vitrosoftware/common-ui-ts 1.1.208 → 1.1.209

package/dist/index.js

@@ -487,31 +487,32 @@ var ScrollBar = function ScrollBar(props) {
     element = _useState[0],
     setElement = _useState[1];
   var ref = React.useRef(null);
+  var observerRef = React.useRef();
   React.useEffect(function () {
     var checkRendered = function checkRendered() {
       var _ref$current;
-      if ((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.offsetHeight && observer) {
+      if ((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.offsetHeight && observerRef.current) {
         ref.current.scrollTop = 3;
         ref.current.scrollLeft = 3;
         ref.current.scrollTop = 0;
         ref.current.scrollLeft = 0;
-        observer.disconnect();
+        observerRef.current.disconnect();
       }
     };
-    checkRendered();
-    var observer = new MutationObserver(function () {
+    observerRef.current = new MutationObserver(function () {
       return setTimeout(checkRendered, 50);
     });
+    checkRendered();
     if (ref.current) {
-      observer.observe(ref.current, {
+      observerRef.current.observe(ref.current, {
         childList: true,
         subtree: true,
         attributes: true
       });
     }
     return function () {
-      if (ref.current && observer) {
-        observer.disconnect();
+      if (observerRef.current) {
+        observerRef.current.disconnect();
       }
     };
   }, []);
@@ -60964,22 +60965,44 @@ const OverlayTrigger = ({
 var styles$c = {"vitro-tooltip":"_tooltip_vitro-tooltip_JvGPShz"};
 
 var Tooltip$1 = function Tooltip(props) {
+  var _useState = React.useState(props.isShow),
+    isShow = _useState[0],
+    setIsShow = _useState[1];
+  var _useState2 = React.useState(false),
+    isHovered = _useState2[0],
+    setIsHovered = _useState2[1];
+  React.useEffect(function () {
+    if (!isHovered) {
+      setIsShow(props.isShow);
+    }
+  }, [props.isShow, isHovered]);
   if (!props.text) {
     return props.children;
   }
+  var onMouseEnter = function onMouseEnter() {
+    if (props.isHideOnHover === false) {
+      setIsHovered(true);
+      setIsShow(true);
+    }
+  };
+  var onMouseLeave = function onMouseLeave() {
+    setIsHovered(false);
+  };
   return React__default.createElement(OverlayTrigger, {
     placement: props.placement || PLACEMENT.TOP,
     delay: {
       show: 750,
       hide: 0
     },
-    show: props.isShow,
+    show: isShow,
     flip: props.isFlip,
     trigger: TRIGGER.HOVER,
     popperConfig: props.popperConfig || {},
     overlay: React__default.createElement(TooltipComponent, {
       className: styles$c['vitro-tooltip'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
-      style: props.style
+      style: props.style,
+      onMouseEnter: onMouseEnter,
+      onMouseLeave: onMouseLeave
     }, React__default.createElement(ScrollBar, null, props.isRichText ? React__default.createElement("p", {
       dangerouslySetInnerHTML: {
         __html: props.text
@@ -61086,6 +61109,19 @@ var DialogHeader = function DialogHeader(props) {
   })), props.content && props.content.component && React__default.createElement(props.content.component, props.content.props)));
 };
 
+var STYLE;
+(function (STYLE) {
+  STYLE["PRIMARY"] = "vitro-primary";
+  STYLE["OUTLINE_PRIMARY"] = "vitro-outline-primary";
+  STYLE["OUTLINE_LIGHT"] = "vitro-outline-light";
+  STYLE["LIGHT"] = "vitro-light";
+})(STYLE || (STYLE = {}));
+
+var ButtonConstants = {
+    __proto__: null,
+    get STYLE () { return STYLE; }
+};
+
 var styles$h = {"vitro-button":"_button_vitro-button_hVfBuSO","vitro-animation-ripple":"_button_vitro-animation-ripple_7CFAk_a"};
 
 var HTML_ELEMENT_SPAN = 'span';
@@ -61156,7 +61192,7 @@ var Button$2 = React.forwardRef(function (props, ref) {
       return setIsHover(false);
     },
     type: TYPE_BUTTON,
-    className: styles$h['vitro-button'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
+    className: styles$h['vitro-button'] + CTRL.SPACE + (props.className ? props.className : STYLE.PRIMARY),
     title: CTRL.EMPTY,
     onClick: onClick,
     onMouseDown: props.isCreateRipple ? createRipple : function () {}
@@ -61168,20 +61204,18 @@ var Button$2 = React.forwardRef(function (props, ref) {
   }), React__default.createElement("div", null, props.text)));
 });
 
-var styles$i = {"vitro-button-cancel":"_button-cancel_vitro-button-cancel_2UT1K9Z"};
-
 var ButtonCancel = function ButtonCancel(props) {
   return React__default.createElement(Button$2, Object.assign({}, props, {
-    className: styles$i['vitro-button-cancel'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: STYLE.OUTLINE_LIGHT + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }));
 };
 
-var styles$j = {"vitro-button-group":"_button-group_vitro-button-group_3TLqxjf"};
+var styles$i = {"vitro-button-group":"_button-group_vitro-button-group_3TLqxjf"};
 
 var ButtonGroup = React.forwardRef(function (props, ref) {
   return React__default.createElement("div", {
     ref: ref,
-    className: styles$j['vitro-button-group'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$i['vitro-button-group'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, props.itemList && props.itemList.length > 0 ? props.itemList.map(function (item, index) {
     return React__default.createElement(Button$2, Object.assign({}, item, {
       key: index
@@ -61189,7 +61223,7 @@ var ButtonGroup = React.forwardRef(function (props, ref) {
   }) : null, props.children);
 });
 
-var styles$k = {"vitro-expand-collapse-button":"_expand-collapse-button_vitro-expand-collapse-button_2O97Y_w","vitro-expanded":"_expand-collapse-button_vitro-expanded_bPbXQ6M","vitro-collapsed":"_expand-collapse-button_vitro-collapsed_1NqpRKU"};
+var styles$j = {"vitro-expand-collapse-button":"_expand-collapse-button_vitro-expand-collapse-button_2O97Y_w","vitro-expanded":"_expand-collapse-button_vitro-expanded_bPbXQ6M","vitro-collapsed":"_expand-collapse-button_vitro-collapsed_1NqpRKU"};
 
 var ExpandCollapseButton = function ExpandCollapseButton(props) {
   var _useState = React.useState(props.isExpanded || false),
@@ -61209,9 +61243,9 @@ var ExpandCollapseButton = function ExpandCollapseButton(props) {
   return React__default.createElement("button", {
     onClick: onClick,
     onMouseDown: onMouseDown,
-    className: styles$k['vitro-expand-collapse-button'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$j['vitro-expand-collapse-button'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, props.expandImage && props.collapseImage ? React__default.createElement(React__default.Fragment, null, isExpanded ? props.collapseImage : props.expandImage) : React__default.createElement("div", {
-    className: isExpanded ? styles$k['vitro-expanded'] : styles$k['vitro-collapsed']
+    className: isExpanded ? styles$j['vitro-expanded'] : styles$j['vitro-collapsed']
   }), isExpanded ? props.collapseText : props.expandText);
 };
 
@@ -61224,7 +61258,7 @@ var LOCALE$1;
   LOCALE["ACTION_HIDE"] = "app.common.dialog.action.hide";
 })(LOCALE$1 || (LOCALE$1 = {}));
 
-var styles$l = {"vitro-dialog-footer":"_dialog-footer_vitro-dialog-footer_2vUQ3aG","vitro-button-group":"_dialog-footer_vitro-button-group_1HXCUOQ","vitro-button":"_dialog-footer_vitro-button_3RufMLa","vitro-detail-button":"_dialog-footer_vitro-detail-button_Ue4coux","vitro-expand":"_dialog-footer_vitro-expand_cSDlKgd","vitro-collapse":"_dialog-footer_vitro-collapse_21FwaIZ"};
+var styles$k = {"vitro-dialog-footer":"_dialog-footer_vitro-dialog-footer_2vUQ3aG","vitro-button-group":"_dialog-footer_vitro-button-group_1HXCUOQ","vitro-button":"_dialog-footer_vitro-button_3RufMLa","vitro-detail-button":"_dialog-footer_vitro-detail-button_Ue4coux","vitro-expand":"_dialog-footer_vitro-expand_cSDlKgd","vitro-collapse":"_dialog-footer_vitro-collapse_21FwaIZ"};
 
 var DialogDetailExpandButton = function DialogDetailExpandButton(props) {
   var localeService = inversifyReact.useInjection(SERVICE.LOCALE);
@@ -61232,13 +61266,13 @@ var DialogDetailExpandButton = function DialogDetailExpandButton(props) {
     expandText: localeService.create(LOCALE$1.ACTION_SHOW_DETAIL),
     collapseText: localeService.create(LOCALE$1.ACTION_HIDE),
     expandImage: React__default.createElement("div", {
-      className: styles$l['vitro-expand']
+      className: styles$k['vitro-expand']
     }),
     collapseImage: React__default.createElement("div", {
-      className: styles$l['vitro-collapse']
+      className: styles$k['vitro-collapse']
     }),
     onClick: props.onClick,
-    className: styles$l['vitro-detail-button']
+    className: styles$k['vitro-detail-button']
   });
 };
 
@@ -61247,9 +61281,9 @@ var DialogFooter = function DialogFooter(props) {
   var localeService = inversifyReact.useInjection(SERVICE.LOCALE);
   var labelClose = props.labelClose || localeService.create((_props$buttonList = props.buttonList) !== null && _props$buttonList !== void 0 && _props$buttonList.length ? LOCALE$1.ACTION_CANCEL : LOCALE$1.ACTION_CLOSE);
   return React__default.createElement(FlexBox, {
-    className: styles$l['vitro-dialog-footer'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$k['vitro-dialog-footer'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, React__default.createElement(ButtonGroup, {
-    className: styles$l['vitro-button-group'],
+    className: styles$k['vitro-button-group'],
     ref: props.buttonGroupRef
   }, props.isShowDetailButton && props.onClickDetailButton && React__default.createElement(DialogDetailExpandButton, {
     onClick: props.onClickDetailButton
@@ -61257,14 +61291,14 @@ var DialogFooter = function DialogFooter(props) {
     text: labelClose,
     isDisabled: !props.isDismissible,
     onClick: props.onClose,
-    className: styles$l['vitro-button']
+    className: styles$k['vitro-button']
   }), (_props$buttonList2 = props.buttonList) !== null && _props$buttonList2 !== void 0 && _props$buttonList2.length ? props.buttonList.map(function (button) {
     return React__default.createElement(Button$2, Object.assign({}, button, {
       onClick: function onClick() {
         var _button$onClick;
         return (_button$onClick = button.onClick) === null || _button$onClick === void 0 ? void 0 : _button$onClick.call(button, props.dialog);
       },
-      className: styles$l['vitro-button'] + (button.className ? CTRL.SPACE + button.className : CTRL.EMPTY)
+      className: styles$k['vitro-button'] + CTRL.SPACE + STYLE.PRIMARY + (button.className ? CTRL.SPACE + button.className : CTRL.EMPTY)
     }));
   }) : null));
 };
@@ -61276,7 +61310,7 @@ KEY_CODE.ARROW_RIGHT = 39;
 KEY_CODE.ARROW_LEFT = 37;
 KEY_CODE.TAB = 9;
 
-var styles$m = {"vitro-dialog":"_dialog_vitro-dialog_2NzcRZg","vitro-dialog-button-close":"_dialog_vitro-dialog-button-close_2TF5iry","vitro-hidden-content":"_dialog_vitro-hidden-content_niGbpGx","vitro-hidden":"_dialog_vitro-hidden_1kSAyNC","vitro-display-none":"_dialog_vitro-display-none_T-eWeyA"};
+var styles$l = {"vitro-dialog":"_dialog_vitro-dialog_2NzcRZg","vitro-dialog-button-close":"_dialog_vitro-dialog-button-close_2TF5iry","vitro-hidden-content":"_dialog_vitro-hidden-content_niGbpGx","vitro-hidden":"_dialog_vitro-hidden_1kSAyNC","vitro-display-none":"_dialog_vitro-display-none_T-eWeyA"};
 
 var BUTTON$1 = 'button';
 var Dialog = function Dialog(props) {
@@ -61292,7 +61326,7 @@ var Dialog = function Dialog(props) {
     setIsMobileView = _useState3[1];
   var dialogRef = React.useRef(null);
   var buttonGroupRef = React.useRef(null);
-  var className = styles$m['vitro-dialog'] + (props.isShow === false ? CTRL.SPACE + styles$m['vitro-display-none'] : CTRL.EMPTY);
+  var className = styles$l['vitro-dialog'] + (props.isShow === false ? CTRL.SPACE + styles$l['vitro-display-none'] : CTRL.EMPTY);
   var showFooter = !props.isHideFooter && (((_props$buttonList = props.buttonList) === null || _props$buttonList === void 0 ? void 0 : _props$buttonList.length) || props.onClose);
   React.useEffect(function () {
     if (buttonGroupRef.current && buttonGroupRef.current.lastChild) {
@@ -61388,7 +61422,7 @@ var Dialog = function Dialog(props) {
     height: isMobileView ? undefined : props.height,
     className: props.className
   }, props.isDismissible && React__default.createElement(ImageButton, {
-    className: styles$m['vitro-dialog-button-close'],
+    className: styles$l['vitro-dialog-button-close'],
     onClick: onClose
   }), (props.title || props.subtitle) && React__default.createElement(DialogHeader, {
     title: props.title,
@@ -61402,7 +61436,7 @@ var Dialog = function Dialog(props) {
   }, component), props.children, isMobileView && props.hiddenContent && React__default.createElement(DialogDetailExpandButton, {
     onClick: onClickDetailButton
   }), props.hiddenContent && React__default.createElement("div", {
-    className: styles$m['vitro-hidden-content'] + (isShowHiddenContent ? CTRL.EMPTY : CTRL.SPACE + styles$m['vitro-hidden'])
+    className: styles$l['vitro-hidden-content'] + (isShowHiddenContent ? CTRL.EMPTY : CTRL.SPACE + styles$l['vitro-hidden'])
   }, props.hiddenContent), showFooter ? React__default.createElement(DialogFooter, {
     dialog: props.dialog,
     buttonList: props.buttonList,
@@ -61435,7 +61469,7 @@ var ActionHandlerConstants = {
     get LOCALE () { return LOCALE$2; }
 };
 
-var styles$n = {"vitro-confirm-dialog":"_confirm-dialog_vitro-confirm-dialog_1r-CtWW","vitro-image":"_confirm-dialog_vitro-image_3vwBe8E"};
+var styles$m = {"vitro-confirm-dialog":"_confirm-dialog_vitro-confirm-dialog_1r-CtWW","vitro-image":"_confirm-dialog_vitro-image_3vwBe8E"};
 
 var ConfirmDialog = function ConfirmDialog(props) {
   var localeService = inversifyReact.useInjection(SERVICE.LOCALE);
@@ -61449,9 +61483,9 @@ var ConfirmDialog = function ConfirmDialog(props) {
       count: props.itemCount
     }),
     image: React__default.createElement("div", {
-      className: styles$n['vitro-image']
+      className: styles$m['vitro-image']
     }),
-    className: styles$n['vitro-confirm-dialog'],
+    className: styles$m['vitro-confirm-dialog'],
     onClose: props.onCancel,
     buttonList: buttonList,
     labelClose: props.labelNo,
@@ -61461,11 +61495,11 @@ var ConfirmDialog = function ConfirmDialog(props) {
   }, props.text && React__default.createElement(DialogContent, null, props.text));
 };
 
-var styles$o = {"vitro-link":"_link_vitro-link_2ePaXvd"};
+var styles$n = {"vitro-link":"_link_vitro-link_2ePaXvd"};
 
 var Link = function Link(props) {
   return React__default.createElement("a", {
-    className: styles$o['vitro-link'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
+    className: styles$n['vitro-link'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
     href: props.href,
     onClick: props.href ? function () {} : props.onClick,
     target: props.target
@@ -61476,36 +61510,36 @@ var TARGET$1 = function TARGET() {};
 TARGET$1.BLANK = '_blank';
 TARGET$1.SELF = '_self';
 
-var styles$p = {"vitro-action-result-list":"_action-result-list_vitro-action-result-list_fJtJWdL","vitro-scrollbar":"_action-result-list_vitro-scrollbar_1mcualw","vitro-result-item":"_action-result-list_vitro-result-item_2AUSpie","vitro-image-container":"_action-result-list_vitro-image-container_ModalRS","vitro-flex-column":"_action-result-list_vitro-flex-column_3z0h2Y_","vitro-name":"_action-result-list_vitro-name_10TEfnU","vitro-error-message":"_action-result-list_vitro-error-message_12OqWLU","vitro-success-message":"_action-result-list_vitro-success-message_1yRyyKc","vitro-warning-message":"_action-result-list_vitro-warning-message_2UEX9Kp","vitro-image-success":"_action-result-list_vitro-image-success_2ovrZNi","vitro-image-error":"_action-result-list_vitro-image-error_KGQj2dj","vitro-image-warning":"_action-result-list_vitro-image-warning_3SKqDID","vitro-hidden":"_action-result-list_vitro-hidden_1_bZmps","vitro-visible":"_action-result-list_vitro-visible_2K_m-HH","vitro-link-list":"_action-result-list_vitro-link-list_2mScWX3","vitro-link":"_action-result-list_vitro-link_1xl-Pq-"};
+var styles$o = {"vitro-action-result-list":"_action-result-list_vitro-action-result-list_fJtJWdL","vitro-scrollbar":"_action-result-list_vitro-scrollbar_1mcualw","vitro-result-item":"_action-result-list_vitro-result-item_2AUSpie","vitro-image-container":"_action-result-list_vitro-image-container_ModalRS","vitro-flex-column":"_action-result-list_vitro-flex-column_3z0h2Y_","vitro-name":"_action-result-list_vitro-name_10TEfnU","vitro-error-message":"_action-result-list_vitro-error-message_12OqWLU","vitro-success-message":"_action-result-list_vitro-success-message_1yRyyKc","vitro-warning-message":"_action-result-list_vitro-warning-message_2UEX9Kp","vitro-image-success":"_action-result-list_vitro-image-success_2ovrZNi","vitro-image-error":"_action-result-list_vitro-image-error_KGQj2dj","vitro-image-warning":"_action-result-list_vitro-image-warning_3SKqDID","vitro-hidden":"_action-result-list_vitro-hidden_1_bZmps","vitro-visible":"_action-result-list_vitro-visible_2K_m-HH","vitro-link-list":"_action-result-list_vitro-link-list_2mScWX3","vitro-link":"_action-result-list_vitro-link_1xl-Pq-"};
 
 var ActionResultItem = function ActionResultItem(props) {
   return React__default.createElement("div", {
-    className: styles$p['vitro-result-item']
+    className: styles$o['vitro-result-item']
   }, React__default.createElement("div", {
-    className: styles$p['vitro-image-container']
+    className: styles$o['vitro-image-container']
   }, props.imageUrl && React__default.createElement(Image, {
     defaultUrl: props.imageUrl
   })), React__default.createElement(FlexBox, {
-    className: styles$p['vitro-flex-column'],
+    className: styles$o['vitro-flex-column'],
     isColumn: true
   }, React__default.createElement("span", {
-    className: styles$p['vitro-name']
+    className: styles$o['vitro-name']
   }, props.name), props.id && React__default.createElement("span", {
-    className: styles$p['vitro-name']
+    className: styles$o['vitro-name']
   }, CTRL.PARENTHESIS_OPEN + props.id + CTRL.PARENTHESIS_CLOSE), React__default.createElement("span", {
-    className: props.isWarning ? styles$p['vitro-warning-message'] : props.isSuccess ? styles$p['vitro-success-message'] : styles$p['vitro-error-message']
+    className: props.isWarning ? styles$o['vitro-warning-message'] : props.isSuccess ? styles$o['vitro-success-message'] : styles$o['vitro-error-message']
   }, props.message), props.linkList && props.linkList.length > 0 ? React__default.createElement(FlexBox, {
-    className: styles$p['vitro-link-list'],
+    className: styles$o['vitro-link-list'],
     isColumn: true
   }, props.linkList.map(function (link) {
     return React__default.createElement(Link, {
       text: link.name || link.uri,
       href: link.uri,
       target: TARGET$1.BLANK,
-      className: styles$p['vitro-link']
+      className: styles$o['vitro-link']
     });
   })) : null), React__default.createElement("div", {
-    className: props.isWarning ? styles$p['vitro-image-warning'] : props.isSuccess ? styles$p['vitro-image-success'] : styles$p['vitro-image-error']
+    className: props.isWarning ? styles$o['vitro-image-warning'] : props.isSuccess ? styles$o['vitro-image-success'] : styles$o['vitro-image-error']
   }));
 };
 
@@ -61524,10 +61558,10 @@ var ActionResultList = function ActionResultList(props) {
     }
   }, [props.isVisible]);
   return React__default.createElement("div", {
-    className: styles$p['vitro-action-result-list'] + CTRL.SPACE + (props.isVisible ? styles$p['vitro-visible'] : styles$p['vitro-hidden']),
+    className: styles$o['vitro-action-result-list'] + CTRL.SPACE + (props.isVisible ? styles$o['vitro-visible'] : styles$o['vitro-hidden']),
     ref: listRef
   }, React__default.createElement(ScrollBar, {
-    className: styles$p['vitro-scrollbar']
+    className: styles$o['vitro-scrollbar']
   }, props.failResult.map(function (result, index) {
     var _result$;
     return React__default.createElement(ActionResultItem, {
@@ -61565,10 +61599,10 @@ var ActionResultList = function ActionResultList(props) {
   })));
 };
 
-var styles$q = {"vitro-result-dialog":"_result-dialog_vitro-result-dialog_kqxXHts","vitro-progress":"_result-dialog_vitro-progress_3WaZ52V","vitro-success":"_result-dialog_vitro-success_3UZikJl","vitro-error":"_result-dialog_vitro-error_3-IKuM9","vitro-warning":"_result-dialog_vitro-warning_1YXyHJC","vitro-header":"_result-dialog_vitro-header_2rBOm3x","vitro-image":"_result-dialog_vitro-image_19CVcbX","vitro-flex":"_result-dialog_vitro-flex_1CUfSCh","vitro-result-text":"_result-dialog_vitro-result-text_3wNan1D","vitro-button-group":"_result-dialog_vitro-button-group_2cBzj9Q","vitro-progress-bar":"_result-dialog_vitro-progress-bar_2MazExd","vitro-button-close":"_result-dialog_vitro-button-close_AJxsgiW","vitro-save-report-button":"_result-dialog_vitro-save-report-button_28kdZ5l","vitro-save-report-image":"_result-dialog_vitro-save-report-image_2fnLBCP"};
+var styles$p = {"vitro-result-dialog":"_result-dialog_vitro-result-dialog_kqxXHts","vitro-progress":"_result-dialog_vitro-progress_3WaZ52V","vitro-success":"_result-dialog_vitro-success_3UZikJl","vitro-error":"_result-dialog_vitro-error_3-IKuM9","vitro-warning":"_result-dialog_vitro-warning_1YXyHJC","vitro-header":"_result-dialog_vitro-header_2rBOm3x","vitro-image":"_result-dialog_vitro-image_19CVcbX","vitro-flex":"_result-dialog_vitro-flex_1CUfSCh","vitro-result-text":"_result-dialog_vitro-result-text_3wNan1D","vitro-button-group":"_result-dialog_vitro-button-group_2cBzj9Q","vitro-progress-bar":"_result-dialog_vitro-progress-bar_2MazExd","vitro-button-close":"_result-dialog_vitro-button-close_AJxsgiW","vitro-save-report-button":"_result-dialog_vitro-save-report-button_28kdZ5l","vitro-save-report-image":"_result-dialog_vitro-save-report-image_2fnLBCP"};
 
 var ResultDialog = function ResultDialog(props) {
-  var _useState = React.useState(styles$q['vitro-progress']),
+  var _useState = React.useState(styles$p['vitro-progress']),
     state = _useState[0],
     setState = _useState[1];
   var _useState2 = React.useState(!props.isSuccess || props.isWarning),
@@ -61587,17 +61621,17 @@ var ResultDialog = function ResultDialog(props) {
   }, [props.isProgress, props.isSuccess, props.isWarning]);
   var updateState = function updateState(isProgress, isSuccess, isWarning) {
     if (isProgress) {
-      setState(styles$q['vitro-progress']);
+      setState(styles$p['vitro-progress']);
       return;
     }
     if (isSuccess) {
       if (isWarning) {
-        setState(styles$q['vitro-warning']);
+        setState(styles$p['vitro-warning']);
       } else {
-        setState(styles$q['vitro-success']);
+        setState(styles$p['vitro-success']);
       }
     } else {
-      setState(styles$q['vitro-error']);
+      setState(styles$p['vitro-error']);
     }
   };
   var updateText = function updateText(isProgress, isSuccess, isWarning) {
@@ -61641,30 +61675,30 @@ var ResultDialog = function ResultDialog(props) {
     }
   };
   return React__default.createElement("div", {
-    className: styles$q['vitro-result-dialog'] + CTRL.SPACE + state,
+    className: styles$p['vitro-result-dialog'] + CTRL.SPACE + state,
     style: {
       zIndex: props.zIndex
     }
   }, React__default.createElement("div", {
-    className: styles$q['vitro-header']
+    className: styles$p['vitro-header']
   }, React__default.createElement("div", {
-    className: styles$q['vitro-flex']
+    className: styles$p['vitro-flex']
   }, !props.isProgress && React__default.createElement("div", {
-    className: styles$q['vitro-image']
+    className: styles$p['vitro-image']
   }), props.isProgress ? React__default.createElement(Heading, {
     tag: TAG.H3,
     text: text
   }) : React__default.createElement("span", {
-    className: styles$q['vitro-result-text']
+    className: styles$p['vitro-result-text']
   }, text), React__default.createElement(ButtonGroup, {
-    className: styles$q['vitro-button-group']
+    className: styles$p['vitro-button-group']
   }, (props.isProgress || !props.isSuccess || props.isWarning) && React__default.createElement(ExpandCollapseButton, {
     isExpanded: showInfo,
     onClick: function onClick(isExpanded) {
       return setShowInfo(isExpanded);
     }
   }), React__default.createElement(ImageButton, {
-    className: styles$q['vitro-button-close'],
+    className: styles$p['vitro-button-close'],
     onClick: onClose
   }))), props.isProgress && React__default.createElement(React__default.Fragment, null, React__default.createElement(Heading, {
     tag: TAG.H4,
@@ -61673,13 +61707,13 @@ var ResultDialog = function ResultDialog(props) {
       count: props.itemList.length
     })
   }), React__default.createElement(ProgressBar, {
-    className: styles$q['vitro-progress-bar'],
+    className: styles$p['vitro-progress-bar'],
     percentComplete: getPercentComplete(props.processedItemCount)
   })), props.onSaveReport && !props.isProgress && React__default.createElement("button", {
     onClick: onSaveReport,
-    className: styles$q['vitro-save-report-button']
+    className: styles$p['vitro-save-report-button']
   }, localeService.create(LOCALE$2.RESULT_DIALOG_ACTION_SAVE_REPORT), React__default.createElement("div", {
-    className: styles$q['vitro-save-report-image']
+    className: styles$p['vitro-save-report-image']
   }))), React__default.createElement(ActionResultList, {
     successResult: props.successResult,
     failResult: props.failResult,
@@ -61971,7 +62005,7 @@ var ActionHandler = function ActionHandler(props) {
   }));
 };
 
-var styles$r = {"vitro-dropdown-button":"_dropdown-button_vitro-dropdown-button_1myvkhB","vitro-dropdown-icon":"_dropdown-button_vitro-dropdown-icon_2aKCNii","vitro-text":"_dropdown-button_vitro-text_1FRiwp0","vitro-dropdown-button-item-overflow":"_dropdown-button_vitro-dropdown-button-item-overflow_2aWEhD4","vitro-image":"_dropdown-button_vitro-image_3bX1quk","dropdown-item":"_dropdown-button_dropdown-item_1c2DhhE"};
+var styles$q = {"vitro-dropdown-button":"_dropdown-button_vitro-dropdown-button_1myvkhB","vitro-dropdown-icon":"_dropdown-button_vitro-dropdown-icon_2aKCNii","vitro-text":"_dropdown-button_vitro-text_1FRiwp0","vitro-dropdown-button-item-overflow":"_dropdown-button_vitro-dropdown-button-item-overflow_2aWEhD4","vitro-image":"_dropdown-button_vitro-image_3bX1quk","dropdown-item":"_dropdown-button_dropdown-item_1c2DhhE"};
 
 var w$4 = window;
 var ALIGN_END = 'end';
@@ -62035,10 +62069,10 @@ var DropdownButton = function DropdownButton(props) {
     return !!item.imageUrl;
   }) ? true : false;
   return React__default.createElement("div", {
-    className: styles$r['vitro-dropdown-button'] + CTRL.SPACE + (props.className || CTRL.EMPTY)
+    className: styles$q['vitro-dropdown-button'] + CTRL.SPACE + (props.className || CTRL.EMPTY)
   }, overflowItemList.map(function (item) {
     return React__default.createElement("div", {
-      className: styles$r['vitro-dropdown-button-item-overflow'],
+      className: styles$q['vitro-dropdown-button-item-overflow'],
       key: item.key,
       onClick: function onClick(e) {
         return item.onClick(item.value, e);
@@ -62046,7 +62080,7 @@ var DropdownButton = function DropdownButton(props) {
     }, item.imageUrl && React__default.createElement(Image, {
       defaultUrl: item.imageUrl,
       hoverUrl: item.imageHoverUrl,
-      className: styles$r['vitro-image']
+      className: styles$q['vitro-image']
     }), React__default.createElement("span", null, item.text));
   }), React__default.createElement(BootstrapDropdown, {
     align: ALIGN_END,
@@ -62056,12 +62090,12 @@ var DropdownButton = function DropdownButton(props) {
   }, React__default.createElement(BootstrapDropdown.Toggle, {
     ref: buttonRef
   }, props.title && React__default.createElement("span", {
-    className: styles$r['vitro-title']
+    className: styles$q['vitro-title']
   }, props.title), props.imageUrl ? React__default.createElement(Image, {
     defaultUrl: props.imageUrl,
     hoverUrl: props.imageHoverUrl
   }) : React__default.createElement("span", {
-    className: styles$r['vitro-dropdown-icon']
+    className: styles$q['vitro-dropdown-icon']
   })), React__default.createElement(BootstrapDropdown.Menu, {
     renderOnMount: props.isRenderOnMount,
     flip: props.isFlip !== false,
@@ -62075,7 +62109,7 @@ var DropdownButton = function DropdownButton(props) {
         return x.onClick(x.value, e);
       }
     }, isShowImage && React__default.createElement("div", {
-      className: styles$r['vitro-image']
+      className: styles$q['vitro-image']
     }, x.imageUrl && React__default.createElement(Image, {
       defaultUrl: x.imageUrl,
       hoverUrl: x.imageHoverUrl
@@ -62083,12 +62117,12 @@ var DropdownButton = function DropdownButton(props) {
   })))));
 };
 
-var styles$s = {"vitro-tab":"_tab-group_vitro-tab_1Qb50HL","vitro-item":"_tab-group_vitro-item_2YnBcmb","active":"_tab-group_active_3M-IIR2","vitro-dropdown-button":"_tab-group_vitro-dropdown-button_146jv_h"};
+var styles$r = {"vitro-tab":"_tab-group_vitro-tab_1Qb50HL","vitro-item":"_tab-group_vitro-item_2YnBcmb","active":"_tab-group_active_3M-IIR2","vitro-dropdown-button":"_tab-group_vitro-dropdown-button_146jv_h"};
 
 var OverflowButton = function OverflowButton(props) {
   if (!props.list || !props.list.length) return null;
   return React__default.createElement(DropdownButton, {
-    className: styles$s['vitro-dropdown-button'],
+    className: styles$r['vitro-dropdown-button'],
     itemList: props.list.map(function (x, i) {
       return _extends({}, x, {
         value: x.index,
@@ -62110,9 +62144,9 @@ var Tab = function Tab(props) {
   }
   return React__default.createElement("div", {
     key: props.index,
-    className: styles$s['vitro-item']
+    className: styles$r['vitro-item']
   }, React__default.createElement(Nav$2.Item, {
-    className: props.active ? styles$s['active'] : undefined,
+    className: props.active ? styles$r['active'] : undefined,
     onClick: function onClick() {
       return props.onClick(props.index);
     }
@@ -62249,7 +62283,7 @@ var TabGroupComponent = React.forwardRef(function (props, forwardedRef) {
     return null;
   };
   return React__default.createElement("div", {
-    className: styles$s['vitro-tab'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
+    className: styles$r['vitro-tab'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
     ref: ref
   }, props.itemList.length === 1 && props.isHideSingleHeader === true ? null : React__default.createElement(TabGroupHeader, {
     itemList: props.itemList.map(function (item, index) {
@@ -62296,7 +62330,7 @@ var TabGroup = React.forwardRef(function (props, ref) {
   }));
 });
 
-var styles$t = {"vitro-view-part":"_view-part_vitro-view-part_3j_gZpl"};
+var styles$s = {"vitro-view-part":"_view-part_vitro-view-part_3j_gZpl"};
 
 var ViewPart = function ViewPart(props) {
   var _useState = React.useState(null),
@@ -62312,26 +62346,26 @@ var ViewPart = function ViewPart(props) {
     }
   }, [props.component, props.settings, props.item]);
   return React__default.createElement("div", {
-    className: styles$t['vitro-view-part'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$s['vitro-view-part'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, component);
 };
 
-var styles$u = {"vitro-control":"_control-group_vitro-control_2h_sXQv","vitro-control-row":"_control-group_vitro-control-row_6l8m5Wh","vitro-label":"_control-group_vitro-label_3J193Ml"};
+var styles$t = {"vitro-control":"_control-group_vitro-control_2h_sXQv","vitro-control-row":"_control-group_vitro-control-row_6l8m5Wh","vitro-label":"_control-group_vitro-label_3J193Ml"};
 
 var ControlGroup = function ControlGroup(props) {
   if (props.horizontal) {
     return React__default.createElement("div", {
-      className: 'container ' + styles$u['vitro-control']
+      className: 'container ' + styles$t['vitro-control']
     }, React__default.createElement("div", {
       className: props.as
     }, props.children));
   }
   return React__default.createElement("div", {
-    className: styles$u['vitro-control-row']
+    className: styles$t['vitro-control-row']
   }, props.children);
 };
 
-var styles$v = {"vitro-view":"_view_vitro-view_1NKb-kU","vitro-tab":"_view_vitro-tab_2sqf0L9","vitro-content":"_view_vitro-content_17HzDlb"};
+var styles$u = {"vitro-view":"_view_vitro-view_1NKb-kU","vitro-tab":"_view_vitro-tab_2sqf0L9","vitro-content":"_view_vitro-content_17HzDlb"};
 
 var GroupControl = function GroupControl(props) {
   var scrollbarContentRef = React.useRef(null);
@@ -62346,7 +62380,7 @@ var GroupControl = function GroupControl(props) {
   return React__default.createElement(ControlGroup, {
     horizontal: true
   }, React__default.createElement(ScrollBar, {
-    contentClassName: styles$v['vitro-content'],
+    contentClassName: styles$u['vitro-content'],
     contentRef: scrollbarContentRef
   }, props.componentList && props.componentList.map(function (viewPart) {
     return React__default.createElement(ViewPart, {
@@ -62354,7 +62388,7 @@ var GroupControl = function GroupControl(props) {
       settings: viewPart.settings,
       props: props,
       item: props.item,
-      className: styles$v['vitro-view-part']
+      className: styles$u['vitro-view-part']
     });
   })));
 };
@@ -62383,18 +62417,18 @@ var View = React.forwardRef(function (props, ref) {
     }
   }, [props.tabList]);
   return tabList && React__default.createElement("div", {
-    className: styles$v['vitro-view']
+    className: styles$u['vitro-view']
   }, React__default.createElement(TabGroup, {
     itemList: tabList,
     isDisabled: props.isDisabled,
-    className: styles$v['vitro-tab'],
+    className: styles$u['vitro-tab'],
     isHideSingleHeader: props.isHideSingleTabHeader,
     ref: ref,
     wrap: true
   }));
 });
 
-var styles$w = {"vitro-tab-button-group":"_tab-button-group_vitro-tab-button-group_18mZ_Ds","vitro-tab-button-group-content":"_tab-button-group_vitro-tab-button-group-content_2jyBqmO","active":"_tab-button-group_active_35VFF8T"};
+var styles$v = {"vitro-tab-button-group":"_tab-button-group_vitro-tab-button-group_18mZ_Ds","vitro-tab-button-group-content":"_tab-button-group_vitro-tab-button-group-content_2jyBqmO","active":"_tab-button-group_active_35VFF8T"};
 
 var CSS_CLASS_ACTIVE = 'active';
 var CSS_CLASS_TAB_BUTTON_GROUP = 'vitro-tab-button-group';
@@ -62515,7 +62549,7 @@ var TabButtonGroup = function TabButtonGroup(props) {
   var getTabButton = function getTabButton(item, index) {
     return React__default.createElement(Button$2, {
       key: item.id,
-      className: isTabButtonActive(index) ? styles$w[CSS_CLASS_ACTIVE] : CTRL.EMPTY,
+      className: isTabButtonActive(index) ? styles$v[CSS_CLASS_ACTIVE] : CTRL.EMPTY,
       text: item.text,
       onClick: function onClick() {
         setButtonActive(index);
@@ -62528,9 +62562,9 @@ var TabButtonGroup = function TabButtonGroup(props) {
     return _width >= tabMinWidth ? _width : tabMinWidth;
   };
   return React__default.createElement("div", {
-    className: styles$w[CSS_CLASS_TAB_BUTTON_GROUP]
+    className: styles$v[CSS_CLASS_TAB_BUTTON_GROUP]
   }, React__default.createElement("div", {
-    className: styles$w[CSS_CLASS_TAB_BUTTON_GROUP_CONTENT],
+    className: styles$v[CSS_CLASS_TAB_BUTTON_GROUP_CONTENT],
     ref: ref
   }, tabList.map(function (item, index) {
     if ((activeItemTabBtn ? index + 2 : index + 1) * tabMinWidth < getWidth() || !props.wrap) {
@@ -62546,7 +62580,7 @@ var TabButtonGroup = function TabButtonGroup(props) {
     return null;
   }), activeItemTabBtn && React__default.createElement(Button$2, {
     key: activeItemTabBtn.id,
-    className: styles$w[CSS_CLASS_ACTIVE],
+    className: styles$v[CSS_CLASS_ACTIVE],
     text: activeItemTabBtn.text,
     onClick: function onClick() {}
   }), tabList && props.wrap && React__default.createElement(OverflowButton, {
@@ -62557,25 +62591,25 @@ var TabButtonGroup = function TabButtonGroup(props) {
   })));
 };
 
-var styles$x = {"vitro-issue-tile-footer":"_issue-tile-footer_vitro-issue-tile-footer_KtHOieL","vitro-issue-tile-status":"_issue-tile-footer_vitro-issue-tile-status_3OjC56L","vitro-status-color":"_issue-tile-footer_vitro-status-color_hhLb22J","vitro-button-more":"_issue-tile-footer_vitro-button-more_1RyVAeR"};
+var styles$w = {"vitro-issue-tile-footer":"_issue-tile-footer_vitro-issue-tile-footer_KtHOieL","vitro-issue-tile-status":"_issue-tile-footer_vitro-issue-tile-status_3OjC56L","vitro-status-color":"_issue-tile-footer_vitro-status-color_hhLb22J","vitro-button-more":"_issue-tile-footer_vitro-button-more_1RyVAeR"};
 
 var IssueTileFooter = function IssueTileFooter(props) {
   return React__default.createElement("div", {
-    className: styles$x['vitro-issue-tile-footer']
+    className: styles$w['vitro-issue-tile-footer']
   }, React__default.createElement("div", {
-    className: styles$x['vitro-issue-tile-status']
+    className: styles$w['vitro-issue-tile-status']
   }, props.statusColor && React__default.createElement("div", {
-    className: styles$x['vitro-status-color'],
+    className: styles$w['vitro-status-color'],
     style: {
       background: props.statusColor
     }
   }), props.status), props.onShowMoreClick && React__default.createElement("div", {
     onClick: props.onShowMoreClick,
-    className: styles$x['vitro-button-more']
+    className: styles$w['vitro-button-more']
   }));
 };
 
-var styles$y = {"vitro-avatar":"_avatar_vitro-avatar_P2tU-_r"};
+var styles$x = {"vitro-avatar":"_avatar_vitro-avatar_P2tU-_r"};
 
 var Avatar = function Avatar(props) {
   var getInitials = function getInitials() {
@@ -62614,7 +62648,7 @@ var Avatar = function Avatar(props) {
   var getBgColor = function getBgColor(name) {
     return "linear-gradient(0deg, hsla(" + getHue(name) + ", 58%, 55%, 1), hsla(" + (getHue(name) + 50) + ", 100%, 78%, 1))";
   };
-  var className = styles$y['vitro-avatar'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY);
+  var className = styles$x['vitro-avatar'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY);
   return React__default.createElement("div", {
     className: className,
     style: props.image ? {} : {
@@ -62625,30 +62659,30 @@ var Avatar = function Avatar(props) {
   }) : getInitials());
 };
 
-var styles$z = {"vitro-issue-tile-header":"_issue-tile-header_vitro-issue-tile-header_jTcaXBE","vitro-link":"_issue-tile-header_vitro-link_9DQ3Bqk","vitro-user-info":"_issue-tile-header_vitro-user-info_16Yhluy","vitro-avatar":"_issue-tile-header_vitro-avatar_3rf1BME","vitro-dropdown-button":"_issue-tile-header_vitro-dropdown-button_1-7nI-k"};
+var styles$y = {"vitro-issue-tile-header":"_issue-tile-header_vitro-issue-tile-header_jTcaXBE","vitro-link":"_issue-tile-header_vitro-link_9DQ3Bqk","vitro-user-info":"_issue-tile-header_vitro-user-info_16Yhluy","vitro-avatar":"_issue-tile-header_vitro-avatar_3rf1BME","vitro-dropdown-button":"_issue-tile-header_vitro-dropdown-button_1-7nI-k"};
 
 var VERSION = 'V';
 var TARGET_BLANK = '_blank';
 var IssueTileHeader = function IssueTileHeader(props) {
   return React__default.createElement("div", {
-    className: styles$z['vitro-issue-tile-header']
+    className: styles$y['vitro-issue-tile-header']
   }, React__default.createElement("a", {
-    className: styles$z['vitro-link'],
+    className: styles$y['vitro-link'],
     href: props.url,
     target: TARGET_BLANK
   }, CTRL.SHARP + props.id), React__default.createElement("div", {
-    className: styles$z['vitro-user-info']
+    className: styles$y['vitro-user-info']
   }, React__default.createElement(Avatar, {
     image: props.userImage,
     userName: props.userName,
-    className: styles$z['vitro-avatar']
+    className: styles$y['vitro-avatar']
   }), React__default.createElement("div", null, React__default.createElement("span", null, props.userName), React__default.createElement("span", null, props.date))), React__default.createElement("a", {
-    className: styles$z['vitro-link'],
+    className: styles$y['vitro-link'],
     href: props.fileVersionUrl,
     target: TARGET_BLANK
   }, VERSION + CTRL.SQUARE_BRACKET_OPEN + props.fileVersion + CTRL.SQUARE_BRACKET_CLOSE), props.actionList && props.actionList.length ? React__default.createElement(DropdownButton, {
     itemList: props.actionList,
-    className: styles$z['vitro-dropdown-button']
+    className: styles$y['vitro-dropdown-button']
   }) : null);
 };
 
@@ -62658,7 +62692,7 @@ var LOCALE$3;
   LOCALE["COLLAPSE_TEXT"] = "app.common.expandControlGroup.collapse";
 })(LOCALE$3 || (LOCALE$3 = {}));
 
-var styles$A = {"vitro-expand-control-group":"_expand-control-group_vitro-expand-control-group_1qSUMoN","vitro-top":"_expand-control-group_vitro-top_pV-8fhr","vitro-display-none":"_expand-control-group_vitro-display-none_Zs_5rQL"};
+var styles$z = {"vitro-expand-control-group":"_expand-control-group_vitro-expand-control-group_1qSUMoN","vitro-top":"_expand-control-group_vitro-top_pV-8fhr","vitro-display-none":"_expand-control-group_vitro-display-none_Zs_5rQL"};
 
 var ExpandControlGroup = function ExpandControlGroup(props) {
   var _useState = React.useState(props.isExpanded || false),
@@ -62674,7 +62708,7 @@ var ExpandControlGroup = function ExpandControlGroup(props) {
       props.onClick(isExpanded);
     }
   };
-  var className = [styles$A['vitro-expand-control-group'], props.className || CTRL.EMPTY, props.isExpandTop ? styles$A['vitro-top'] : CTRL.EMPTY, isExpanded ? 'vitro-expanded' : 'vitro-collapsed'].join(CTRL.SPACE);
+  var className = [styles$z['vitro-expand-control-group'], props.className || CTRL.EMPTY, props.isExpandTop ? styles$z['vitro-top'] : CTRL.EMPTY, isExpanded ? 'vitro-expanded' : 'vitro-collapsed'].join(CTRL.SPACE);
   return React__default.createElement("div", {
     className: className
   }, React__default.createElement(ExpandCollapseButton, {
@@ -62686,11 +62720,11 @@ var ExpandControlGroup = function ExpandControlGroup(props) {
     isExpanded: isExpanded,
     className: props.buttonClassName
   }), React__default.createElement("div", {
-    className: 'vitro-content' + (isExpanded ? CTRL.EMPTY : CTRL.SPACE + styles$A['vitro-display-none'])
+    className: 'vitro-content' + (isExpanded ? CTRL.EMPTY : CTRL.SPACE + styles$z['vitro-display-none'])
   }, props.children));
 };
 
-var styles$B = {"vitro-field-iterator":"_field-iterator_vitro-field-iterator_2zUPyUF","vitro-expand-control-group":"_field-iterator_vitro-expand-control-group_3R-v8Nb","vitro-expand-collapse-button":"_field-iterator_vitro-expand-collapse-button_myRTctg","vitro-collapse":"_field-iterator_vitro-collapse_SZoovCi","vitro-expand":"_field-iterator_vitro-expand_ToLTBVI"};
+var styles$A = {"vitro-field-iterator":"_field-iterator_vitro-field-iterator_2zUPyUF","vitro-expand-control-group":"_field-iterator_vitro-expand-control-group_3R-v8Nb","vitro-expand-collapse-button":"_field-iterator_vitro-expand-collapse-button_myRTctg","vitro-collapse":"_field-iterator_vitro-collapse_SZoovCi","vitro-expand":"_field-iterator_vitro-expand_ToLTBVI"};
 
 var FieldIterator = React.forwardRef(function (props, ref) {
   var _useState = React.useState([]),
@@ -62883,7 +62917,7 @@ var FieldIterator = React.forwardRef(function (props, ref) {
     }, React__default.createElement("div", null, React__default.createElement(component.value, control)));
   };
   return React__default.createElement("div", {
-    className: styles$B['vitro-field-iterator'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$A['vitro-field-iterator'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, controlList.map(function (control, index) {
     var component = props.componentMap.find(function (x) {
       return x.name === control.code;
@@ -62900,13 +62934,13 @@ var FieldIterator = React.forwardRef(function (props, ref) {
     return null;
   }), props.maxVisibleCount && controlList.length > props.maxVisibleCount ? React__default.createElement(ExpandControlGroup, {
     expandImage: React__default.createElement("span", {
-      className: styles$B['vitro-expand']
+      className: styles$A['vitro-expand']
     }),
     collapseImage: React__default.createElement("span", {
-      className: styles$B['vitro-collapse']
+      className: styles$A['vitro-collapse']
     }),
-    className: styles$B['vitro-expand-control-group'],
-    buttonClassName: styles$B['vitro-expand-collapse-button'],
+    className: styles$A['vitro-expand-control-group'],
+    buttonClassName: styles$A['vitro-expand-collapse-button'],
     isExpandTop: true
   }, controlList.map(function (control, index) {
     var component = props.componentMap.find(function (x) {
@@ -62919,12 +62953,12 @@ var FieldIterator = React.forwardRef(function (props, ref) {
   })) : null);
 });
 
-var styles$C = {"vitro-issue-tile":"_issue-tile_vitro-issue-tile_2D7E9Y-","vitro-control":"_issue-tile_vitro-control_3V6_Ze7"};
+var styles$B = {"vitro-issue-tile":"_issue-tile_vitro-issue-tile_2D7E9Y-","vitro-control":"_issue-tile_vitro-control_3V6_Ze7"};
 
 var IssueTile = function IssueTile(props) {
   return React__default.createElement("div", {
     id: 'vitro-issue-tile-' + props.id,
-    className: styles$C['vitro-issue-tile'] + (props.isActive ? CTRL.SPACE + 'vitro-active' : CTRL.EMPTY),
+    className: styles$B['vitro-issue-tile'] + (props.isActive ? CTRL.SPACE + 'vitro-active' : CTRL.EMPTY),
     onClick: props.onClick
   }, React__default.createElement(IssueTileHeader, {
     id: props.id,
@@ -62948,7 +62982,7 @@ var IssueTile = function IssueTile(props) {
   }));
 };
 
-var styles$D = {"vitro-file-version-select":"_file-version-select_vitro-file-version-select_1wIyab3","vitro-selected-version":"_file-version-select_vitro-selected-version_2BVgaBC","vitro-file-name":"_file-version-select_vitro-file-name_1PtLh8A","vitro-file-name-tip":"_file-version-select_vitro-file-name-tip_12pxa7I","vitro-button-collapse-up":"_file-version-select_vitro-button-collapse-up_2GaCEdu","vitro-button-collapse-bottom":"_file-version-select_vitro-button-collapse-bottom_38zg3bU","vitro-version-name-red":"_file-version-select_vitro-version-name-red_-j6Z9ap","vitro-version-name-green":"_file-version-select_vitro-version-name-green_7PfVUHk","vitro-version-list":"_file-version-select_vitro-version-list_3h5D3pD","vitro-file-version-item":"_file-version-select_vitro-file-version-item_38KWa8a","vitro-content":"_file-version-select_vitro-content_zDUhjj0","vitro-version-name":"_file-version-select_vitro-version-name_1821bal","vitro-flex":"_file-version-select_vitro-flex_35zCAQv","vitro-active":"_file-version-select_vitro-active_1PRyjUa"};
+var styles$C = {"vitro-file-version-select":"_file-version-select_vitro-file-version-select_1wIyab3","vitro-selected-version":"_file-version-select_vitro-selected-version_2BVgaBC","vitro-file-name":"_file-version-select_vitro-file-name_1PtLh8A","vitro-file-name-tip":"_file-version-select_vitro-file-name-tip_12pxa7I","vitro-button-collapse-up":"_file-version-select_vitro-button-collapse-up_2GaCEdu","vitro-button-collapse-bottom":"_file-version-select_vitro-button-collapse-bottom_38zg3bU","vitro-version-name-red":"_file-version-select_vitro-version-name-red_-j6Z9ap","vitro-version-name-green":"_file-version-select_vitro-version-name-green_7PfVUHk","vitro-version-list":"_file-version-select_vitro-version-list_3h5D3pD","vitro-file-version-item":"_file-version-select_vitro-file-version-item_38KWa8a","vitro-content":"_file-version-select_vitro-content_zDUhjj0","vitro-version-name":"_file-version-select_vitro-version-name_1821bal","vitro-flex":"_file-version-select_vitro-flex_35zCAQv","vitro-active":"_file-version-select_vitro-active_1PRyjUa"};
 
 var VERSION_PREFIX = 'V';
 var Item$1 = function Item(props) {
@@ -62959,7 +62993,7 @@ var Item$1 = function Item(props) {
     }
   }, [versionNameRef]);
   return React__default.createElement("li", {
-    className: styles$D['vitro-file-version-item'] + CTRL.SPACE + (props.isActive ? styles$D['vitro-active'] : CTRL.EMPTY),
+    className: styles$C['vitro-file-version-item'] + CTRL.SPACE + (props.isActive ? styles$C['vitro-active'] : CTRL.EMPTY),
     onClick: function onClick() {
       return props.onClick(props.version);
     }
@@ -62968,13 +63002,13 @@ var Item$1 = function Item(props) {
     style: props.versionWidth ? {
       width: props.versionWidth + UNIT.PX
     } : {},
-    className: props.isActive ? props.isCurrent ? styles$D['vitro-version-name-green'] : styles$D['vitro-version-name-red'] : styles$D['vitro-version-name']
+    className: props.isActive ? props.isCurrent ? styles$C['vitro-version-name-green'] : styles$C['vitro-version-name-red'] : styles$C['vitro-version-name']
   }, VERSION_PREFIX + props.version.name), React__default.createElement("div", {
-    className: styles$D['vitro-content']
+    className: styles$C['vitro-content']
   }, React__default.createElement("div", {
-    className: styles$D['vitro-file-name']
+    className: styles$C['vitro-file-name']
   }, props.fileName), React__default.createElement("div", {
-    className: styles$D['vitro-flex']
+    className: styles$C['vitro-flex']
   }, React__default.createElement("span", null, props.version.userName), React__default.createElement("span", null, props.version.date))));
 };
 
@@ -63046,17 +63080,17 @@ var FileVersionSelect = function FileVersionSelect(props) {
     }
   };
   return React__default.createElement("div", {
-    className: styles$D['vitro-file-version-select'],
+    className: styles$C['vitro-file-version-select'],
     ref: selectRef
   }, selectedVersion && React__default.createElement("div", {
-    className: styles$D['vitro-selected-version'],
+    className: styles$C['vitro-selected-version'],
     onClick: onCollapseButtonClick
   }, React__default.createElement("div", {
     ref: fileNameRef,
     onMouseOver: onMouseOver,
-    className: styles$D['vitro-file-name']
+    className: styles$C['vitro-file-name']
   }, props.fileName), showFileName && React__default.createElement("div", {
-    className: styles$D['vitro-file-name-tip'],
+    className: styles$C['vitro-file-name-tip'],
     onMouseLeave: function onMouseLeave() {
       return setShowFileName(false);
     },
@@ -63065,11 +63099,11 @@ var FileVersionSelect = function FileVersionSelect(props) {
     placement: PLACEMENT.BOTTOM,
     text: isCurrent ? props.tooltipTextCurrent : props.tooltipTextNotCurrent
   }, React__default.createElement("div", {
-    className: isCurrent ? styles$D['vitro-version-name-green'] : styles$D['vitro-version-name-red']
+    className: isCurrent ? styles$C['vitro-version-name-green'] : styles$C['vitro-version-name-red']
   }, VERSION_PREFIX$1 + selectedVersion.name)), React__default.createElement("div", {
-    className: showValueList ? styles$D['vitro-button-collapse-up'] : styles$D['vitro-button-collapse-bottom']
+    className: showValueList ? styles$C['vitro-button-collapse-up'] : styles$C['vitro-button-collapse-bottom']
   })), showValueList && React__default.createElement("ul", {
-    className: styles$D['vitro-version-list']
+    className: styles$C['vitro-version-list']
   }, React__default.createElement(ScrollBar, null, props.itemList.map(function (item) {
     return React__default.createElement(Item$1, {
       version: item,
@@ -63171,7 +63205,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.208";
+var version$1 = "1.1.209";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";
@@ -63318,7 +63352,7 @@ var PdfViewer = function PdfViewer(props) {
   });
 };
 
-var styles$E = {"vitro-login-content":"_login-content_vitro-login-content_2RdLZle"};
+var styles$D = {"vitro-login-content":"_login-content_vitro-login-content_2RdLZle"};
 
 var LoginContent = function LoginContent(props) {
   var ref = React.useRef(null);
@@ -63329,25 +63363,25 @@ var LoginContent = function LoginContent(props) {
     }
   }, [props.children]);
   return React__default.createElement("div", {
-    className: styles$E['vitro-login-content'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
+    className: styles$D['vitro-login-content'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
     ref: ref
   }, props.children);
 };
 
-var styles$F = {"vitro-start-page-header":"_start-page-header_vitro-start-page-header_3gihaZz","vitro-logo":"_start-page-header_vitro-logo_3UGnU-a"};
+var styles$E = {"vitro-start-page-header":"_start-page-header_vitro-start-page-header_3gihaZz","vitro-logo":"_start-page-header_vitro-logo_3UGnU-a"};
 
 var StartPageHeader = function StartPageHeader(props) {
   return React__default.createElement(FlexBox, {
-    className: styles$F['vitro-start-page-header']
+    className: styles$E['vitro-start-page-header']
   }, props.logoUrl && React__default.createElement(Image, {
-    className: styles$F['vitro-logo'],
+    className: styles$E['vitro-logo'],
     defaultUrl: props.logoUrl
   }), React__default.createElement(ButtonGroup, {
     itemList: props.buttonList
   }));
 };
 
-var styles$G = {"vitro-list":"_list_vitro-list_2cs4WZE"};
+var styles$F = {"vitro-list":"_list_vitro-list_2cs4WZE"};
 
 var List = React.forwardRef(function (props, ref) {
   var _onClick = function onClick(item) {
@@ -63379,48 +63413,48 @@ var List = React.forwardRef(function (props, ref) {
   return React__default.createElement("ul", Object.assign({}, props, {
     onClick: function onClick() {},
     ref: ref,
-    className: styles$G['vitro-list'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
+    className: styles$F['vitro-list'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
     onBlur: props.onBlur
   }), children);
 });
 
-var styles$H = {"vitro-start-page-footer":"_start-page-footer_vitro-start-page-footer_2tF73xF","vitro-link-list":"_start-page-footer_vitro-link-list_Jgag3Ql","vitro-link":"_start-page-footer_vitro-link_2fkkgsk","vitro-copyright":"_start-page-footer_vitro-copyright_U6WpO_F","vitro-language":"_start-page-footer_vitro-language_2StBJdR"};
+var styles$G = {"vitro-start-page-footer":"_start-page-footer_vitro-start-page-footer_2tF73xF","vitro-link-list":"_start-page-footer_vitro-link-list_Jgag3Ql","vitro-link":"_start-page-footer_vitro-link_2fkkgsk","vitro-copyright":"_start-page-footer_vitro-copyright_U6WpO_F","vitro-language":"_start-page-footer_vitro-language_2StBJdR"};
 
 var StartPageFooter = function StartPageFooter(props) {
   return React__default.createElement(FlexBox, {
-    className: styles$H['vitro-start-page-footer']
+    className: styles$G['vitro-start-page-footer']
   }, React__default.createElement("div", {
-    className: styles$H['vitro-language']
+    className: styles$G['vitro-language']
   }), props.itemList && React__default.createElement(List, {
     itemList: props.itemList,
     itemTemplate: function itemTemplate(item) {
       return React__default.createElement(Link, Object.assign({}, item, {
-        className: styles$H['vitro-link']
+        className: styles$G['vitro-link']
       }));
     },
-    className: styles$H['vitro-link-list']
+    className: styles$G['vitro-link-list']
   }), React__default.createElement("span", {
-    className: styles$H['vitro-copyright']
+    className: styles$G['vitro-copyright']
   }, props.copyright));
 };
 
-var styles$I = {"vitro-start-page":"_start-page_vitro-start-page_G1IhYOX","vitro-start-page-padding":"_start-page_vitro-start-page-padding_2Nbrkuz","vitro-content":"_start-page_vitro-content_KLMzPjD"};
+var styles$H = {"vitro-start-page":"_start-page_vitro-start-page_G1IhYOX","vitro-start-page-padding":"_start-page_vitro-start-page-padding_2Nbrkuz","vitro-content":"_start-page_vitro-content_KLMzPjD"};
 
 var StartPage = function StartPage(props) {
   return React__default.createElement(FlexBox, {
-    className: props.isShowHeader ? styles$I['vitro-start-page-padding'] : styles$I['vitro-start-page']
+    className: props.isShowHeader ? styles$H['vitro-start-page-padding'] : styles$H['vitro-start-page']
   }, props.isShowHeader && React__default.createElement(StartPageHeader, {
     logoUrl: props.logoUrl,
     buttonList: props.headerButtonList
   }), React__default.createElement(FlexBox, {
-    className: styles$I['vitro-content']
+    className: styles$H['vitro-content']
   }, props.children), React__default.createElement(StartPageFooter, {
     copyright: props.copyright,
     itemList: props.linkItemList
   }));
 };
 
-var styles$J = {"vitro-login":"_login_vitro-login_12nYNm2","vitro-logo":"_login_vitro-logo_3-qTjgy"};
+var styles$I = {"vitro-login":"_login_vitro-login_12nYNm2","vitro-logo":"_login_vitro-logo_3-qTjgy"};
 
 var Login = function Login(props) {
   return React__default.createElement(StartPage, {
@@ -63428,26 +63462,26 @@ var Login = function Login(props) {
     copyright: props.copyright,
     linkItemList: props.linkItemList
   }, React__default.createElement(FlexBox, {
-    className: styles$J['vitro-login'],
+    className: styles$I['vitro-login'],
     isColumn: true
   }, React__default.createElement(Image, {
-    className: styles$J['vitro-logo'],
+    className: styles$I['vitro-logo'],
     defaultUrl: props.logo
   }), React__default.createElement(LoginContent, null, props.children)));
 };
 
-var styles$K = {"vitro-label":"_label_vitro-label_it8WNUE","vitro-inline-label":"_label_vitro-inline-label_1TMnPWg","vitro-required":"_label_vitro-required_2-bSGif"};
+var styles$J = {"vitro-label":"_label_vitro-label_it8WNUE","vitro-inline-label":"_label_vitro-inline-label_1TMnPWg","vitro-required":"_label_vitro-required_2-bSGif"};
 
 var Label = React.forwardRef(function (props, ref) {
   var content = React__default.createElement(React__default.Fragment, null, props.text, props.isRequired && React__default.createElement("span", {
-    className: styles$K['vitro-required']
+    className: styles$J['vitro-required']
   }, CTRL.ASTERISK));
   return props.isInline === false ? React__default.createElement(FlexBox, {
     ref: ref,
-    className: styles$K['vitro-label'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$J['vitro-label'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, content) : React__default.createElement("div", {
     ref: ref,
-    className: styles$K['vitro-inline-label'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
+    className: styles$J['vitro-inline-label'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
     style: props.width ? {
       width: props.width + UNIT.PX
     } : undefined
@@ -63459,7 +63493,7 @@ var POSITION;
   POSITION["LEFT"] = "left";
 })(POSITION || (POSITION = {}));
 
-var styles$L = {"vitro-control":"_checkbox_vitro-control_DfB5DDM","vitro-checkbox-content":"_checkbox_vitro-checkbox-content_2fBG1zl","vitro-label":"_checkbox_vitro-label_qZxCbCP","vitro-left-label":"_checkbox_vitro-left-label_Uu1Tp31"};
+var styles$K = {"vitro-control":"_checkbox_vitro-control_DfB5DDM","vitro-checkbox-content":"_checkbox_vitro-checkbox-content_2fBG1zl","vitro-label":"_checkbox_vitro-label_qZxCbCP","vitro-left-label":"_checkbox_vitro-left-label_Uu1Tp31"};
 
 var Checkbox = React.forwardRef(function (props, ref) {
   var _useState = React.useState(props.value ? true : false),
@@ -63490,14 +63524,14 @@ var Checkbox = React.forwardRef(function (props, ref) {
       _setValue(!value);
     }
   };
-  var className = styles$L['vitro-control'] + (props.labelPosition === POSITION.LEFT ? CTRL.SPACE + styles$L['vitro-left-label'] : CTRL.EMPTY) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY);
+  var className = styles$K['vitro-control'] + (props.labelPosition === POSITION.LEFT ? CTRL.SPACE + styles$K['vitro-left-label'] : CTRL.EMPTY) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY);
   return React__default.createElement("div", {
     className: className
   }, props.labelPosition === POSITION.LEFT && React__default.createElement(Label, {
     text: props.label,
-    className: styles$L['vitro-label']
+    className: styles$K['vitro-label']
   }), React__default.createElement("div", {
-    className: styles$L['vitro-checkbox-content']
+    className: styles$K['vitro-checkbox-content']
   }, React__default.createElement("input", {
     ref: checkboxRef,
     disabled: props.isDisabled,
@@ -63507,7 +63541,7 @@ var Checkbox = React.forwardRef(function (props, ref) {
     onChange: onChange
   }), props.labelPosition !== POSITION.LEFT && React__default.createElement(Label, {
     text: props.label,
-    className: styles$L['vitro-label']
+    className: styles$K['vitro-label']
   })));
 });
 
@@ -63658,29 +63692,29 @@ var ValueTooltip = React.forwardRef(function (props, ref) {
     }
   };
   var onMouseLeave = function onMouseLeave(e) {
-    var _e$toElement, _e$toElement2;
     if (onShowTimeout.id) {
       clearTimeout(onShowTimeout.id);
     }
-    if (!((_e$toElement = e.toElement) !== null && _e$toElement !== void 0 && _e$toElement.classList.contains('tooltip')) && !((_e$toElement2 = e.toElement) !== null && _e$toElement2 !== void 0 && _e$toElement2.classList.contains('tooltip-arrow'))) {
-      setIsShow(false);
-    }
+    setTimeout(function () {
+      return setIsShow(false);
+    }, 300);
   };
   return React__default.createElement(Tooltip$1, Object.assign({}, props, {
     text: text,
-    isShow: isEnabled ? isShow : false
+    isShow: isEnabled ? isShow : false,
+    isHideOnHover: false
   }), props.children);
 });
 
-var styles$M = {"vitro-error-message":"_error-message_vitro-error-message_2lHJjgO"};
+var styles$L = {"vitro-error-message":"_error-message_vitro-error-message_2lHJjgO"};
 
 var ErrorMessage = function ErrorMessage(props) {
   return React__default.createElement("span", {
-    className: styles$M['vitro-error-message'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$L['vitro-error-message'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, props.text);
 };
 
-var styles$N = {"vitro-copy-button":"_copy-button_vitro-copy-button_1_JmPVH"};
+var styles$M = {"vitro-copy-button":"_copy-button_vitro-copy-button_1_JmPVH"};
 
 var CopyButton = function CopyButton(props) {
   var copy = function copy() {
@@ -63718,7 +63752,7 @@ var CopyButton = function CopyButton(props) {
     }
   };
   return React__default.createElement(ImageButton, {
-    className: styles$N['vitro-copy-button'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
+    className: styles$M['vitro-copy-button'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
     onClick: copy
   });
 };
@@ -64254,7 +64288,7 @@ var MAX_LENGTH;
   MAX_LENGTH[MAX_LENGTH["SINGLELINE"] = 255] = "SINGLELINE";
 })(MAX_LENGTH || (MAX_LENGTH = {}));
 
-var styles$O = {"vitro-control":"_input_vitro-control_1DmPFkF","vitro-read-only":"_input_vitro-read-only_3f-cBbK","vitro-label":"_input_vitro-label_2XBESiY","vitro-focus":"_input_vitro-focus_1txynr8","vitro-error":"_input_vitro-error_1T3dLzB","vitro-left-label":"_input_vitro-left-label_D9Fpvpd","vitro-error-message":"_input_vitro-error-message_349uWKt","vitro-copy-button":"_input_vitro-copy-button_3wNhQ24","vitro-tooltip":"_input_vitro-tooltip_2DcJtbX"};
+var styles$N = {"vitro-control":"_input_vitro-control_1DmPFkF","vitro-read-only":"_input_vitro-read-only_3f-cBbK","vitro-label":"_input_vitro-label_2XBESiY","vitro-focus":"_input_vitro-focus_1txynr8","vitro-error":"_input_vitro-error_1T3dLzB","vitro-left-label":"_input_vitro-left-label_D9Fpvpd","vitro-error-message":"_input_vitro-error-message_349uWKt","vitro-copy-button":"_input_vitro-copy-button_3wNhQ24","vitro-tooltip":"_input_vitro-tooltip_2DcJtbX"};
 
 var Input = React.forwardRef(function (props, ref) {
   var control;
@@ -64274,7 +64308,7 @@ var Input = React.forwardRef(function (props, ref) {
     setInputValue(value);
   }, [props.value]);
   React.useEffect(function () {
-    setState(props.errorMessage || props.isError ? styles$O['vitro-error'] : CTRL.EMPTY);
+    setState(props.errorMessage || props.isError ? styles$N['vitro-error'] : CTRL.EMPTY);
   }, [props.errorMessage, props.isError]);
   React.useEffect(function () {
     var jsonStyle = {};
@@ -64284,7 +64318,7 @@ var Input = React.forwardRef(function (props, ref) {
     setStyle(jsonStyle);
   }, [props.height, props.minHeight, props.maxHeight]);
   React.useEffect(function () {
-    if (state === styles$O['vitro-focus'] && inputRef.current && document.activeElement !== inputRef.current) {
+    if (state === styles$N['vitro-focus'] && inputRef.current && document.activeElement !== inputRef.current) {
       inputRef.current.focus();
     }
   }, [state]);
@@ -64320,7 +64354,7 @@ var Input = React.forwardRef(function (props, ref) {
     }
   };
   var setStateOnBlur = function setStateOnBlur() {
-    setState(props.errorMessage || props.isError ? styles$O['vitro-error'] : CTRL.EMPTY);
+    setState(props.errorMessage || props.isError ? styles$N['vitro-error'] : CTRL.EMPTY);
   };
   var onBlur = function onBlur(e) {
     var _valueTooltipRef$curr, _valueTooltipRef$curr2;
@@ -64334,7 +64368,7 @@ var Input = React.forwardRef(function (props, ref) {
   var onFocus = function onFocus(e) {
     var _valueTooltipRef$curr3, _inputRef$current;
     (_valueTooltipRef$curr3 = valueTooltipRef.current) === null || _valueTooltipRef$curr3 === void 0 ? void 0 : _valueTooltipRef$curr3.setIsShow(false);
-    setState(styles$O['vitro-focus']);
+    setState(styles$N['vitro-focus']);
     (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
     if (props.onFocus) {
       props.onFocus(e);
@@ -64417,19 +64451,19 @@ var Input = React.forwardRef(function (props, ref) {
     });
     if (props.isIcon) {
       control = React__default.createElement("div", {
-        className: styles$O['vitro-icon-control'] + CTRL.SPACE + state
+        className: styles$N['vitro-icon-control'] + CTRL.SPACE + state
       }, input);
     } else {
       control = input;
     }
   }
   var getClassName = function getClassName() {
-    var classList = [styles$O['vitro-control'], props.className];
+    var classList = [styles$N['vitro-control'], props.className];
     if (props.isDisabled || props.isReadOnly) {
-      classList.push(styles$O['vitro-read-only']);
+      classList.push(styles$N['vitro-read-only']);
     }
     if (props.labelPosition === POSITION.LEFT) {
-      classList.push(styles$O['vitro-left-label']);
+      classList.push(styles$N['vitro-left-label']);
     }
     classList.push(state);
     return classList.join(CTRL.SPACE);
@@ -64440,13 +64474,13 @@ var Input = React.forwardRef(function (props, ref) {
     text: props.label,
     isRequired: props.isRequired,
     width: props.labelWidth,
-    className: styles$O['vitro-label']
+    className: styles$N['vitro-label']
   }), control, props.isReadOnly && props.isShowCopyButton !== false ? React__default.createElement(CopyButton, {
-    className: styles$O['vitro-copy-button'],
+    className: styles$N['vitro-copy-button'],
     value: inputValue
   }) : null, props.children, props.errorMessage && React__default.createElement(ErrorMessage, {
     text: props.errorMessage,
-    className: styles$O['vitro-error-message']
+    className: styles$N['vitro-error-message']
   }));
   if (props.isMultiline) {
     return content;
@@ -64455,7 +64489,7 @@ var Input = React.forwardRef(function (props, ref) {
     containerRef: inputRef,
     text: props.isMultiline || !props.value ? CTRL.EMPTY : props.value,
     placement: PLACEMENT.BOTTOM,
-    className: styles$O['vitro-tooltip'],
+    className: styles$N['vitro-tooltip'],
     ref: valueTooltipRef
   }, content);
 });
@@ -64466,22 +64500,22 @@ var TYPE;
   TYPE["PASSWORD"] = "password";
 })(TYPE || (TYPE = {}));
 
-var styles$P = {"vitro-button-show-password":"_password-input_vitro-button-show-password_2jL4nM-","vitro-button-hide-password":"_password-input_vitro-button-hide-password_vPoUeVl"};
+var styles$O = {"vitro-button-show-password":"_password-input_vitro-button-show-password_2jL4nM-","vitro-button-hide-password":"_password-input_vitro-button-hide-password_vPoUeVl"};
 
 var PasswordInput = React.forwardRef(function (props, ref) {
   var _useState = React.useState(TYPE.PASSWORD),
     type = _useState[0],
     setType = _useState[1];
-  var _useState2 = React.useState(styles$P['vitro-button-show-password']),
+  var _useState2 = React.useState(styles$O['vitro-button-show-password']),
     icon = _useState2[0],
     setIcon = _useState2[1];
   var togglePassword = function togglePassword() {
     if (type === TYPE.PASSWORD) {
       setType(TYPE.TEXT);
-      setIcon(styles$P['vitro-button-hide-password']);
+      setIcon(styles$O['vitro-button-hide-password']);
     } else {
       setType(TYPE.PASSWORD);
-      setIcon(styles$P['vitro-button-show-password']);
+      setIcon(styles$O['vitro-button-show-password']);
     }
   };
   return React__default.createElement(Input, Object.assign({}, props, {
@@ -64530,28 +64564,28 @@ var FIELD_NAME;
   FIELD_NAME["SAVE_DATA"] = "saveData";
 })(FIELD_NAME || (FIELD_NAME = {}));
 
-var styles$Q = {"vitro-submit-button":"_login-submit-button_vitro-submit-button_1TFkn8x"};
+var styles$P = {"vitro-submit-button":"_login-submit-button_vitro-submit-button_1TFkn8x"};
 
 var LoginSubmitButton = function LoginSubmitButton(props) {
   var localeService = inversifyReact.useInjection(SERVICE.LOCALE);
   return React__default.createElement(Button$2, {
-    className: styles$Q['vitro-submit-button'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
+    className: STYLE.PRIMARY + CTRL.SPACE + styles$P['vitro-submit-button'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
     text: localeService.create(LOCALE$4.ACTION_LOGIN),
     onClick: props.onClick,
     isDisabled: props.isDisabled
   });
 };
 
-var styles$R = {"vitro-login-title":"_login-title_vitro-login-title_3Y4jqav"};
+var styles$Q = {"vitro-login-title":"_login-title_vitro-login-title_3Y4jqav"};
 
 var LoginTitle = function LoginTitle(props) {
   var localeService = inversifyReact.useInjection(SERVICE.LOCALE);
   return React__default.createElement("h1", {
-    className: styles$R['vitro-login-title'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$Q['vitro-login-title'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, props.text || localeService.create(LOCALE$4.LOGIN_FORM_TITLE));
 };
 
-var styles$S = {"vitro-title":"_login-form_vitro-title_3hbcdDr","vitro-flex":"_login-form_vitro-flex_fxG_Mos","vitro-error":"_login-form_vitro-error_2-jVYfA","vitro-link":"_login-form_vitro-link_2LCXwY2","vitro-separator":"_login-form_vitro-separator_P7hw9MH","vitro-control":"_login-form_vitro-control_1Th9h7G","vitro-password-control":"_login-form_vitro-password-control_2_Eo-gN","vitro-login-checkbox":"_login-form_vitro-login-checkbox_1eoT81X","vitro-button-list":"_login-form_vitro-button-list_1-9qryi","vitro-button":"_login-form_vitro-button_r2KCJ7k","vitro-link-register":"_login-form_vitro-link-register_zUIL_1f"};
+var styles$R = {"vitro-title":"_login-form_vitro-title_3hbcdDr","vitro-flex":"_login-form_vitro-flex_fxG_Mos","vitro-error":"_login-form_vitro-error_2-jVYfA","vitro-link":"_login-form_vitro-link_2LCXwY2","vitro-separator":"_login-form_vitro-separator_P7hw9MH","vitro-control":"_login-form_vitro-control_1Th9h7G","vitro-password-control":"_login-form_vitro-password-control_2_Eo-gN","vitro-login-checkbox":"_login-form_vitro-login-checkbox_1eoT81X","vitro-button-list":"_login-form_vitro-button-list_1-9qryi","vitro-button":"_login-form_vitro-button_r2KCJ7k","vitro-link-register":"_login-form_vitro-link-register_zUIL_1f"};
 
 var LoginForm = React.forwardRef(function (props, ref) {
   var _useState = React.useState(CTRL.EMPTY),
@@ -64661,7 +64695,7 @@ var LoginForm = React.forwardRef(function (props, ref) {
     }
   };
   return React__default.createElement("div", null, React__default.createElement(LoginTitle, {
-    className: styles$S['vitro-title']
+    className: styles$R['vitro-title']
   }), React__default.createElement(Input, {
     name: FIELD_NAME.USER_NAME,
     label: localeService.create(LOCALE$4.LOGIN_FORM_FIELD_NAME),
@@ -64671,7 +64705,7 @@ var LoginForm = React.forwardRef(function (props, ref) {
       return _onFocus(FIELD_NAME.USER_NAME);
     },
     isError: errorMessage ? true : false,
-    className: styles$S['vitro-control']
+    className: styles$R['vitro-control']
   }), React__default.createElement(PasswordInput, {
     name: FIELD_NAME.PASSWORD,
     label: localeService.create(LOCALE$4.LOGIN_FORM_FIELD_PASSWORD),
@@ -64681,48 +64715,48 @@ var LoginForm = React.forwardRef(function (props, ref) {
       return _onFocus(FIELD_NAME.PASSWORD);
     },
     isError: errorMessage ? true : false,
-    className: styles$S['vitro-control']
+    className: styles$R['vitro-control']
   }), (props.onSaveData || props.onResetPassword) && React__default.createElement("div", {
-    className: styles$S['vitro-flex'] + (passwordErrorMessage || errorMessage || userNameErrorMessage ? CTRL.SPACE + styles$S['vitro-error'] : CTRL.EMPTY)
+    className: styles$R['vitro-flex'] + (passwordErrorMessage || errorMessage || userNameErrorMessage ? CTRL.SPACE + styles$R['vitro-error'] : CTRL.EMPTY)
   }, props.onSaveData && React__default.createElement(Checkbox, {
     label: localeService.create(LOCALE$4.LOGIN_FORM_ACTION_SAVE_DATA),
     name: FIELD_NAME.SAVE_DATA,
     onChange: props.onSaveData,
-    className: styles$S['vitro-login-checkbox']
+    className: styles$R['vitro-login-checkbox']
   }), props.onResetPassword && React__default.createElement(Link, {
     text: localeService.create(LOCALE$4.LOGIN_FORM_ACTION_RESET_PASSWORD),
     onClick: props.onResetPassword,
-    className: styles$S['vitro-link']
+    className: styles$R['vitro-link']
   })), React__default.createElement(LoginSubmitButton, {
     onClick: submit,
     isDisabled: loading
   }), props.buttonList && props.buttonList.length ? React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: styles$S['vitro-separator']
+    className: styles$R['vitro-separator']
   }, localeService.create(LOCALE$4.LOGIN_FORM_SEPARATOR_TEXT)), React__default.createElement("div", {
-    className: styles$S['vitro-button-list']
+    className: styles$R['vitro-button-list']
   }, props.buttonList.map(function (button) {
     return React__default.createElement(Button$2, Object.assign({}, button, {
-      className: styles$S['vitro-button']
+      className: styles$R['vitro-button']
     }));
   }))) : React__default.createElement(React__default.Fragment, null), props.onRegister && React__default.createElement(Link, {
     text: localeService.create(LOCALE$4.LOGIN_FORM_ACTION_REGISTER),
     onClick: props.onRegister,
-    className: styles$S['vitro-link-register']
+    className: styles$R['vitro-link-register']
   }));
 });
 
-var styles$T = {"vitro-link":"_login-go-back-link_vitro-link_103lWHm"};
+var styles$S = {"vitro-link":"_login-go-back-link_vitro-link_103lWHm"};
 
 var LoginGoBackLink = function LoginGoBackLink(props) {
   var localeService = inversifyReact.useInjection(SERVICE.LOCALE);
   return React__default.createElement(Link, {
     text: localeService.create(LOCALE$4.ACTION_GO_BACK),
     onClick: props.onClick,
-    className: styles$T['vitro-link']
+    className: styles$S['vitro-link']
   });
 };
 
-var styles$U = {"vitro-two-factor-authentication-form":"_two-factor-authentication-form_vitro-two-factor-authentication-form_2BAlkOL","vitro-title":"_two-factor-authentication-form_vitro-title_2TyfWcR","vitro-subtitle":"_two-factor-authentication-form_vitro-subtitle_aP8TzSj","vitro-control":"_two-factor-authentication-form_vitro-control_DMLipzl","vitro-link-resend-code":"_two-factor-authentication-form_vitro-link-resend-code_1TOWPEe","vitro-description":"_two-factor-authentication-form_vitro-description_2mhz2nj","vitro-resend-code-description":"_two-factor-authentication-form_vitro-resend-code-description_9WkdV6i","vitro-flex":"_two-factor-authentication-form_vitro-flex_3mAp0Js","vitro-clock":"_two-factor-authentication-form_vitro-clock_3_ffAz_","vitro-button":"_two-factor-authentication-form_vitro-button_3hpMWyE","vitro-email":"_two-factor-authentication-form_vitro-email_qxiJm1M","vitro-hidden-symbol":"_two-factor-authentication-form_vitro-hidden-symbol_12uh3tN"};
+var styles$T = {"vitro-two-factor-authentication-form":"_two-factor-authentication-form_vitro-two-factor-authentication-form_2BAlkOL","vitro-title":"_two-factor-authentication-form_vitro-title_2TyfWcR","vitro-subtitle":"_two-factor-authentication-form_vitro-subtitle_aP8TzSj","vitro-control":"_two-factor-authentication-form_vitro-control_DMLipzl","vitro-link-resend-code":"_two-factor-authentication-form_vitro-link-resend-code_1TOWPEe","vitro-description":"_two-factor-authentication-form_vitro-description_2mhz2nj","vitro-resend-code-description":"_two-factor-authentication-form_vitro-resend-code-description_9WkdV6i","vitro-flex":"_two-factor-authentication-form_vitro-flex_3mAp0Js","vitro-clock":"_two-factor-authentication-form_vitro-clock_3_ffAz_","vitro-button":"_two-factor-authentication-form_vitro-button_3hpMWyE","vitro-email":"_two-factor-authentication-form_vitro-email_qxiJm1M","vitro-hidden-symbol":"_two-factor-authentication-form_vitro-hidden-symbol_12uh3tN"};
 
 var RESEND_CODE_DURATION = 60000;
 var DOT_STRING = "\u2022\u2022\u2022\u2022";
@@ -64784,9 +64818,9 @@ var TwoFactorAuthenticationForm = React.forwardRef(function (props, ref) {
     var name = emailArr[0].slice(0, 2);
     var domain = emailArr.length > 1 ? emailArr[1].slice(emailArr[1].indexOf(CTRL.DOT)) : "";
     return React__default.createElement(React__default.Fragment, null, name, React__default.createElement("span", {
-      className: styles$U['vitro-hidden-symbol']
+      className: styles$T['vitro-hidden-symbol']
     }, DOT_STRING), CTRL.AT_SIGN, React__default.createElement("span", {
-      className: styles$U['vitro-hidden-symbol']
+      className: styles$T['vitro-hidden-symbol']
     }, DOT_STRING), domain);
   };
   var onResendCode = function onResendCode() {
@@ -64803,44 +64837,44 @@ var TwoFactorAuthenticationForm = React.forwardRef(function (props, ref) {
     }
   };
   return React__default.createElement("div", {
-    className: styles$U['vitro-two-factor-authentication-form']
+    className: styles$T['vitro-two-factor-authentication-form']
   }, props.totpApplicationQrCode && React__default.createElement("div", null, React__default.createElement("img", {
     src: props.totpApplicationQrCode
   })), React__default.createElement(LoginTitle, {
-    className: styles$U['vitro-title'],
+    className: styles$T['vitro-title'],
     text: localeService.create(LOCALE$4.TWO_FACTOR_AUTHENTICATION_FORM_TITLE)
   }), props.isTotpMode ? React__default.createElement("div", {
-    className: styles$U['vitro-subtitle']
+    className: styles$T['vitro-subtitle']
   }) : React__default.createElement("div", {
-    className: styles$U['vitro-subtitle']
+    className: styles$T['vitro-subtitle']
   }, React__default.createElement("div", null, localeService.create(LOCALE$4.TWO_FACTOR_AUTHENTICATION_FORM_SUBTITLE_USER_NAME), React__default.createElement("span", null, CTRL.SPACE + props.userName)), React__default.createElement("div", null, localeService.create(LOCALE$4.TWO_FACTOR_AUTHENTICATION_FORM_SUBTITLE_EMAIL) + CTRL.SPACE, React__default.createElement("span", {
-    className: styles$U['vitro-email']
+    className: styles$T['vitro-email']
   }, getEmail(props.email)))), React__default.createElement(Input, {
     name: FIELD_NAME.USER_NAME,
     label: localeService.create(LOCALE$4.TWO_FACTOR_AUTHENTICATION_FORM_FIELD_CODE),
     onChange: onChange,
     onBlur: validate,
     errorMessage: errorMessage,
-    className: styles$U['vitro-control']
+    className: styles$T['vitro-control']
   }), !props.isTotpMode && React__default.createElement("div", {
-    className: styles$U['vitro-flex']
+    className: styles$T['vitro-flex']
   }, React__default.createElement(Link, {
     text: localeService.create(LOCALE$4.TWO_FACTOR_AUTHENTICATION_FORM_ACTION_CODE_SEND_ERROR),
     onClick: props.onResendCode,
-    className: styles$U['vitro-link']
+    className: styles$T['vitro-link']
   }), React__default.createElement("div", {
-    className: styles$U['vitro-description'] + CTRL.SPACE + styles$U['vitro-clock']
+    className: styles$T['vitro-description'] + CTRL.SPACE + styles$T['vitro-clock']
   }, localeService.create(LOCALE$4.TWO_FACTOR_AUTHENTICATION_FORM_DESCRIPTION_VALIDITY, {
     duration: props.codeValidityDurationMin || 10
   }))), React__default.createElement(LoginSubmitButton, {
     onClick: submit,
-    className: styles$U['vitro-button']
+    className: styles$T['vitro-button']
   }), !props.isTotpMode && !resendDuration && React__default.createElement(Link, {
     text: localeService.create(LOCALE$4.TWO_FACTOR_AUTHENTICATION_FORM_ACTION_RESEND_CODE),
     onClick: onResendCode,
-    className: styles$U['vitro-link-resend-code']
+    className: styles$T['vitro-link-resend-code']
   }), !props.isTotpMode && resendDuration && React__default.createElement("div", {
-    className: styles$U['vitro-resend-code-description']
+    className: styles$T['vitro-resend-code-description']
   }, localeService.create(LOCALE$4.TWO_FACTOR_AUTHENTICATION_FORM_DESCRIPTION_RESEND, {
     duration: resendDuration
   })), React__default.createElement(LoginGoBackLink, {
@@ -64848,7 +64882,7 @@ var TwoFactorAuthenticationForm = React.forwardRef(function (props, ref) {
   }));
 });
 
-var styles$V = {"vitro-login-kerberos-form":"_login-kerberos-form_vitro-login-kerberos-form_v_rdUFi","vitro-flex":"_login-kerberos-form_vitro-flex_3DV6V0F","vitro-subtitle":"_login-kerberos-form_vitro-subtitle_hOCCFau","vitro-error-message":"_login-kerberos-form_vitro-error-message_2LXMkSK"};
+var styles$U = {"vitro-login-kerberos-form":"_login-kerberos-form_vitro-login-kerberos-form_v_rdUFi","vitro-flex":"_login-kerberos-form_vitro-flex_3DV6V0F","vitro-subtitle":"_login-kerberos-form_vitro-subtitle_hOCCFau","vitro-error-message":"_login-kerberos-form_vitro-error-message_2LXMkSK"};
 
 var LoginKerberosForm = React.forwardRef(function (props, ref) {
   var _useState = React.useState(props.errorMessage),
@@ -64867,16 +64901,16 @@ var LoginKerberosForm = React.forwardRef(function (props, ref) {
     };
   });
   return React__default.createElement(FlexBox, {
-    className: styles$V['vitro-login-kerberos-form']
+    className: styles$U['vitro-login-kerberos-form']
   }, React__default.createElement(LoginTitle, null), React__default.createElement(FlexBox, {
-    className: styles$V['vitro-flex']
+    className: styles$U['vitro-flex']
   }, React__default.createElement(Image, {
     defaultUrl: props.imageUrl
   }), React__default.createElement("span", {
-    className: styles$V['vitro-subtitle']
+    className: styles$U['vitro-subtitle']
   }, subtitle), errorMessage && React__default.createElement(ErrorMessage, {
     text: errorMessage,
-    className: styles$V['vitro-error-message']
+    className: styles$U['vitro-error-message']
   })), React__default.createElement(LoginGoBackLink, {
     onClick: props.onGoBack
   }));
@@ -65068,7 +65102,7 @@ var LABEL_POSITION;
   PLACEMENT["END"] = "end";
 })(exports.PLACEMENT || (exports.PLACEMENT = {}));
 
-var styles$W = {"vitro-control":"_date-picker_vitro-control_2AYXegb","vitro-display-none":"_date-picker_vitro-display-none_2wJx8XG","vitro-copy-button":"_date-picker_vitro-copy-button_SvhKTCG","vitro-read-only":"_date-picker_vitro-read-only_2NZoMN5","vitro-label":"_date-picker_vitro-label_2jh9qxb","vitro-focus":"_date-picker_vitro-focus_2cJKcKr","vitro-error":"_date-picker_vitro-error_3DkgZiN","vitro-left-label":"_date-picker_vitro-left-label_ZFhZFS9","vitro-error-message":"_date-picker_vitro-error-message_3VKrJgj","vitro-calendar-container":"_date-picker_vitro-calendar-container_-q52RLa"};
+var styles$V = {"vitro-control":"_date-picker_vitro-control_2AYXegb","vitro-display-none":"_date-picker_vitro-display-none_2wJx8XG","vitro-copy-button":"_date-picker_vitro-copy-button_SvhKTCG","vitro-read-only":"_date-picker_vitro-read-only_2NZoMN5","vitro-label":"_date-picker_vitro-label_2jh9qxb","vitro-focus":"_date-picker_vitro-focus_2cJKcKr","vitro-error":"_date-picker_vitro-error_3DkgZiN","vitro-left-label":"_date-picker_vitro-left-label_ZFhZFS9","vitro-error-message":"_date-picker_vitro-error-message_3VKrJgj","vitro-calendar-container":"_date-picker_vitro-calendar-container_-q52RLa"};
 
 var $$4 = window.$;
 var DatePicker = React.forwardRef(function (props, ref) {
@@ -65120,7 +65154,7 @@ var DatePicker = React.forwardRef(function (props, ref) {
     }
   }, [props.depth, props.start]);
   React.useEffect(function () {
-    props.errorMessage ? setState(styles$W['vitro-error']) : setState(CTRL.EMPTY);
+    props.errorMessage ? setState(styles$V['vitro-error']) : setState(CTRL.EMPTY);
   }, [props.errorMessage]);
   React.useImperativeHandle(ref, function () {
     return {
@@ -65145,7 +65179,7 @@ var DatePicker = React.forwardRef(function (props, ref) {
     }
     $$4(inputRef.current).kendoDatePicker(config);
     var picker = $$4(inputRef.current).data(componentName);
-    (_picker$dateView = picker.dateView) === null || _picker$dateView === void 0 ? void 0 : (_picker$dateView$popu = _picker$dateView.popup) === null || _picker$dateView$popu === void 0 ? void 0 : (_picker$dateView$popu2 = _picker$dateView$popu.element) === null || _picker$dateView$popu2 === void 0 ? void 0 : _picker$dateView$popu2.addClass(styles$W['vitro-calendar-container']);
+    (_picker$dateView = picker.dateView) === null || _picker$dateView === void 0 ? void 0 : (_picker$dateView$popu = _picker$dateView.popup) === null || _picker$dateView$popu === void 0 ? void 0 : (_picker$dateView$popu2 = _picker$dateView$popu.element) === null || _picker$dateView$popu2 === void 0 ? void 0 : _picker$dateView$popu2.addClass(styles$V['vitro-calendar-container']);
     picker.enable(!props.isDisabled);
     picker.readonly(props.isReadOnly === true);
     setReady(true);
@@ -65186,13 +65220,13 @@ var DatePicker = React.forwardRef(function (props, ref) {
     $$4(inputRef.current).data(componentName).setOptions(options);
   };
   var onFocus = function onFocus(e) {
-    setState(styles$W['vitro-focus']);
+    setState(styles$V['vitro-focus']);
     if (props.onFocus) {
       props.onFocus(e);
     }
   };
   var onBlur = function onBlur(e) {
-    setState(props.errorMessage ? styles$W['vitro-error'] : styles$W[CTRL.EMPTY]);
+    setState(props.errorMessage ? styles$V['vitro-error'] : styles$V[CTRL.EMPTY]);
     if (props.onBlur) {
       props.onBlur(e);
     }
@@ -65233,12 +65267,12 @@ var DatePicker = React.forwardRef(function (props, ref) {
     }
   };
   var getClassName = function getClassName() {
-    var classList = [styles$W['vitro-control'], props.className];
+    var classList = [styles$V['vitro-control'], props.className];
     if (props.isDisabled || props.isReadOnly) {
-      classList.push(styles$W['vitro-read-only']);
+      classList.push(styles$V['vitro-read-only']);
     }
     if (props.labelPosition === POSITION.LEFT) {
-      classList.push(styles$W['vitro-left-label']);
+      classList.push(styles$V['vitro-left-label']);
     }
     classList.push(state);
     return classList.join(CTRL.SPACE);
@@ -65250,7 +65284,7 @@ var DatePicker = React.forwardRef(function (props, ref) {
     text: props.label,
     isRequired: props.isRequired,
     width: props.labelWidth,
-    className: styles$W['vitro-label']
+    className: styles$V['vitro-label']
   }), React__default.createElement("input", {
     ref: inputRef,
     placeholder: props.placeholder,
@@ -65258,11 +65292,11 @@ var DatePicker = React.forwardRef(function (props, ref) {
     onBlur: onBlur,
     onPaste: onPaste
   }), props.isReadOnly ? React__default.createElement(CopyButton, {
-    className: styles$W['vitro-copy-button'],
+    className: styles$V['vitro-copy-button'],
     value: ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.toString()) || CTRL.EMPTY
   }) : null, props.errorMessage && React__default.createElement(ErrorMessage, {
     text: props.errorMessage,
-    className: styles$W['vitro-error-message']
+    className: styles$V['vitro-error-message']
   }));
 });
 
@@ -65283,7 +65317,7 @@ var COMPONENT_TYPE;
   COMPONENT_TYPE["MODERN"] = "modern";
 })(COMPONENT_TYPE || (COMPONENT_TYPE = {}));
 
-var styles$X = {"vitro-control":"_time-picker_vitro-control_1sx07It","vitro-display-none":"_time-picker_vitro-display-none_3GgWh46","vitro-copy-button":"_time-picker_vitro-copy-button_aJZAh9q","vitro-read-only":"_time-picker_vitro-read-only_NlE18Zm","vitro-label":"_time-picker_vitro-label_2b97aCy","vitro-focus":"_time-picker_vitro-focus_wmhPjvE","vitro-error":"_time-picker_vitro-error_2ZmK0I5","vitro-left-label":"_time-picker_vitro-left-label_3NRmFYH","vitro-error-message":"_time-picker_vitro-error-message_1w7ey-y","vitro-timepicker-container":"_time-picker_vitro-timepicker-container_3AoRPvV"};
+var styles$W = {"vitro-control":"_time-picker_vitro-control_1sx07It","vitro-display-none":"_time-picker_vitro-display-none_3GgWh46","vitro-copy-button":"_time-picker_vitro-copy-button_aJZAh9q","vitro-read-only":"_time-picker_vitro-read-only_NlE18Zm","vitro-label":"_time-picker_vitro-label_2b97aCy","vitro-focus":"_time-picker_vitro-focus_wmhPjvE","vitro-error":"_time-picker_vitro-error_2ZmK0I5","vitro-left-label":"_time-picker_vitro-left-label_3NRmFYH","vitro-error-message":"_time-picker_vitro-error-message_1w7ey-y","vitro-timepicker-container":"_time-picker_vitro-timepicker-container_3AoRPvV"};
 
 var $$5 = window.$;
 var TimePicker = React.forwardRef(function (props, ref) {
@@ -65321,7 +65355,7 @@ var TimePicker = React.forwardRef(function (props, ref) {
     var config = getConfig();
     $$5(inputRef.current).kendoTimePicker(config);
     var picker = $$5(inputRef.current).data(componentName);
-    (_picker$timeView = picker.timeView) === null || _picker$timeView === void 0 ? void 0 : (_picker$timeView$popu = _picker$timeView.popup) === null || _picker$timeView$popu === void 0 ? void 0 : (_picker$timeView$popu2 = _picker$timeView$popu.element) === null || _picker$timeView$popu2 === void 0 ? void 0 : _picker$timeView$popu2.addClass(styles$X['vitro-timepicker-container']);
+    (_picker$timeView = picker.timeView) === null || _picker$timeView === void 0 ? void 0 : (_picker$timeView$popu = _picker$timeView.popup) === null || _picker$timeView$popu === void 0 ? void 0 : (_picker$timeView$popu2 = _picker$timeView$popu.element) === null || _picker$timeView$popu2 === void 0 ? void 0 : _picker$timeView$popu2.addClass(styles$W['vitro-timepicker-container']);
     picker.enable(!props.isDisabled);
     picker.readonly(props.isReadOnly === true);
     setReady(true);
@@ -65369,24 +65403,24 @@ var TimePicker = React.forwardRef(function (props, ref) {
     }
   };
   var onFocus = function onFocus(e) {
-    setState(styles$X['vitro-focus']);
+    setState(styles$W['vitro-focus']);
     if (props.onFocus) {
       props.onFocus(e);
     }
   };
   var onBlur = function onBlur(e) {
-    setState(props.errorMessage ? styles$X['vitro-error'] : styles$X[CTRL.EMPTY]);
+    setState(props.errorMessage ? styles$W['vitro-error'] : styles$W[CTRL.EMPTY]);
     if (props.onBlur) {
       props.onBlur(e);
     }
   };
   var getClassName = function getClassName() {
-    var classList = [styles$X['vitro-control'], props.className];
+    var classList = [styles$W['vitro-control'], props.className];
     if (props.isDisabled || props.isReadOnly) {
-      classList.push(styles$X['vitro-read-only']);
+      classList.push(styles$W['vitro-read-only']);
     }
     if (props.labelPosition === POSITION.LEFT) {
-      classList.push(styles$X['vitro-left-label']);
+      classList.push(styles$W['vitro-left-label']);
     }
     classList.push(state);
     return classList.join(CTRL.SPACE);
@@ -65398,29 +65432,29 @@ var TimePicker = React.forwardRef(function (props, ref) {
     text: props.label,
     isRequired: props.isRequired,
     width: props.labelWidth,
-    className: styles$X['vitro-label']
+    className: styles$W['vitro-label']
   }), React__default.createElement("input", {
     ref: inputRef,
     placeholder: props.placeholder,
     onFocus: onFocus,
     onBlur: onBlur
   }), props.isReadOnly ? React__default.createElement(CopyButton, {
-    className: styles$X['vitro-copy-button'],
+    className: styles$W['vitro-copy-button'],
     value: ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.toString()) || CTRL.EMPTY
   }) : null, props.errorMessage && React__default.createElement(ErrorMessage, {
     text: props.errorMessage,
-    className: styles$X['vitro-error-message']
+    className: styles$W['vitro-error-message']
   }));
 });
 
-var styles$Y = {"vitro-selected-item-multi":"_lookup-picker-selected-item_vitro-selected-item-multi_bzL7ugZ","vitro-selected-item":"_lookup-picker-selected-item_vitro-selected-item_hw-euth","vitro-button-close":"_lookup-picker-selected-item_vitro-button-close_1SRnr_0"};
+var styles$X = {"vitro-selected-item-multi":"_lookup-picker-selected-item_vitro-selected-item-multi_bzL7ugZ","vitro-selected-item":"_lookup-picker-selected-item_vitro-selected-item_hw-euth","vitro-button-close":"_lookup-picker-selected-item_vitro-button-close_1SRnr_0"};
 
-var styles$Z = {"vitro-lookup-picker":"_lookup-picker_vitro-lookup-picker_1aXYQEG","vitro-content":"_lookup-picker_vitro-content_37L0slb","vitro-lookup-picker-multi-select":"_lookup-picker_vitro-lookup-picker-multi-select_3Lkq2tk","vitro-value-container":"_lookup-picker_vitro-value-container_3GeBIaW","vitro-right":"_lookup-picker_vitro-right_1XFsL1w","vitro-read-only":"_lookup-picker_vitro-read-only_32NOdGB","vitro-label":"_lookup-picker_vitro-label_2QoJkUz","vitro-focus":"_lookup-picker_vitro-focus_2UGpxXD","vitro-error":"_lookup-picker_vitro-error_dF7iopC","vitro-error-message":"_lookup-picker_vitro-error-message_2iBjyRP","vitro-copy-button":"_lookup-picker_vitro-copy-button_3UItrZb","vitro-button-close":"_lookup-picker_vitro-button-close_3_Qndrj","vitro-button-collapse-up":"_lookup-picker_vitro-button-collapse-up_3i0OJub","vitro-button-collapse-bottom":"_lookup-picker_vitro-button-collapse-bottom_3o0Pl83","vitro-tooltip":"_lookup-picker_vitro-tooltip_2a12Z4P","vitro-library-button":"_lookup-picker_vitro-library-button_1zwNYAA"};
+var styles$Y = {"vitro-lookup-picker":"_lookup-picker_vitro-lookup-picker_1aXYQEG","vitro-content":"_lookup-picker_vitro-content_37L0slb","vitro-lookup-picker-multi-select":"_lookup-picker_vitro-lookup-picker-multi-select_3Lkq2tk","vitro-value-container":"_lookup-picker_vitro-value-container_3GeBIaW","vitro-right":"_lookup-picker_vitro-right_1XFsL1w","vitro-read-only":"_lookup-picker_vitro-read-only_32NOdGB","vitro-label":"_lookup-picker_vitro-label_2QoJkUz","vitro-focus":"_lookup-picker_vitro-focus_2UGpxXD","vitro-error":"_lookup-picker_vitro-error_dF7iopC","vitro-error-message":"_lookup-picker_vitro-error-message_2iBjyRP","vitro-copy-button":"_lookup-picker_vitro-copy-button_3UItrZb","vitro-button-close":"_lookup-picker_vitro-button-close_3_Qndrj","vitro-button-collapse-up":"_lookup-picker_vitro-button-collapse-up_3i0OJub","vitro-button-collapse-bottom":"_lookup-picker_vitro-button-collapse-bottom_3o0Pl83","vitro-tooltip":"_lookup-picker_vitro-tooltip_2a12Z4P","vitro-library-button":"_lookup-picker_vitro-library-button_1zwNYAA"};
 
 var htmlValueStyles = {"vitro-item-html-value":"_lookup-picker-html-value_vitro-item-html-value_2QBoTey"};
 
 var SelectedValueListItem = function SelectedValueListItem(props) {
-  var className = props.isMultiSelect ? styles$Y['vitro-selected-item-multi'] : styles$Y['vitro-selected-item'];
+  var className = props.isMultiSelect ? styles$X['vitro-selected-item-multi'] : styles$X['vitro-selected-item'];
   var title = props.selectedValueTemplate(props.item);
   var ref = React.useRef(null);
   var valueTooltipRef = React.useRef(null);
@@ -65438,7 +65472,7 @@ var SelectedValueListItem = function SelectedValueListItem(props) {
     containerRef: ref,
     text: title,
     placement: PLACEMENT.BOTTOM,
-    className: styles$Z['vitro-tooltip'],
+    className: styles$Y['vitro-tooltip'],
     isFlip: true
   }, React__default.createElement("div", {
     ref: ref,
@@ -65449,7 +65483,7 @@ var SelectedValueListItem = function SelectedValueListItem(props) {
     onClick: function onClick() {
       return props.onOptionValueDelete(props.item.id);
     },
-    className: styles$Y['vitro-button-close']
+    className: styles$X['vitro-button-close']
   })));
 };
 
@@ -65473,7 +65507,7 @@ var MODIFIER;
   MODIFIER["FLIP"] = "flip";
 })(MODIFIER || (MODIFIER = {}));
 
-var styles$_ = {"vitro-overlay":"_overlay_vitro-overlay_3SpYfCG","vitro-dropdown-arrow":"_overlay_vitro-dropdown-arrow_33kJJVJ","vitro-visibility-hidden":"_overlay_vitro-visibility-hidden_1zcpvxJ"};
+var styles$Z = {"vitro-overlay":"_overlay_vitro-overlay_3SpYfCG","vitro-dropdown-arrow":"_overlay_vitro-dropdown-arrow_33kJJVJ","vitro-visibility-hidden":"_overlay_vitro-visibility-hidden_1zcpvxJ"};
 
 var Overlay$2 = React.forwardRef(function (props, ref) {
   var _useState = React.useState(null),
@@ -65567,13 +65601,13 @@ var Overlay$2 = React.forwardRef(function (props, ref) {
   var onEntered = function onEntered(element, isEntered) {
     if (element) {
       element.style.zIndex = zIndex.toString();
-      element.classList.remove(styles$_['vitro-visibility-hidden']);
+      element.classList.remove(styles$Z['vitro-visibility-hidden']);
     }
     if (onEnteredFuncRef.current) {
       onEnteredFuncRef.current(element, isEntered);
     }
   };
-  var className = [styles$_['vitro-overlay'], styles$_['vitro-visibility-hidden'], props.className || CTRL.EMPTY, props.isShowArrow ? styles$_['vitro-dropdown-arrow'] : CTRL.EMPTY].join(CTRL.SPACE);
+  var className = [styles$Z['vitro-overlay'], styles$Z['vitro-visibility-hidden'], props.className || CTRL.EMPTY, props.isShowArrow ? styles$Z['vitro-dropdown-arrow'] : CTRL.EMPTY].join(CTRL.SPACE);
   if (!container || !target) {
     return null;
   }
@@ -65694,9 +65728,9 @@ var ValueList = function ValueList(props) {
 
 var RightButtonGroup = function RightButtonGroup(props) {
   return React__default.createElement(FlexBox, {
-    className: styles$Z['vitro-right']
+    className: styles$Y['vitro-right']
   }, props.isShowButtonClear && React__default.createElement(ImageButton, {
-    className: styles$Z['vitro-button-close'],
+    className: styles$Y['vitro-button-close'],
     onClick: function onClick() {
       return props.onOptionValueDelete();
     }
@@ -65704,12 +65738,12 @@ var RightButtonGroup = function RightButtonGroup(props) {
     onClick: function onClick() {
       return props.onCollapseButtonClick(props.isValueListVisible);
     },
-    className: props.isValueListVisible ? styles$Z['vitro-button-collapse-up'] : styles$Z['vitro-button-collapse-bottom']
+    className: props.isValueListVisible ? styles$Y['vitro-button-collapse-up'] : styles$Y['vitro-button-collapse-bottom']
   }), props.isEditable && props.isShowSearchButton && props.onClickSearchButton && React__default.createElement(ImageButton, {
     onClick: props.onClickSearchButton,
-    className: styles$Z['vitro-library-button']
+    className: styles$Y['vitro-library-button']
   }), props.isReadOnly ? React__default.createElement(CopyButton, {
-    className: styles$Z['vitro-copy-button'],
+    className: styles$Y['vitro-copy-button'],
     value: props.selectedValueList.map(function (x) {
       return props.selectedValueTemplate(x);
     }).join(CTRL.COMMA)
@@ -65744,7 +65778,7 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     }),
     valueListRequestToken = _useState6[0],
     setValueListRequestToken = _useState6[1];
-  var _useState7 = React.useState(props.isDisabled || props.isReadOnly ? styles$Z['vitro-read-only'] : CTRL.EMPTY),
+  var _useState7 = React.useState(props.isDisabled || props.isReadOnly ? styles$Y['vitro-read-only'] : CTRL.EMPTY),
     state = _useState7[0],
     setState = _useState7[1];
   var localeService = props.container ? props.container.get(SERVICE.LOCALE) : inversifyReact.useInjection(SERVICE.LOCALE);
@@ -65841,13 +65875,13 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     }
   }, [selectedValueList]);
   React.useEffect(function () {
-    setState(props.errorMessage && !valueListVisible ? styles$Z['vitro-error'] : valueListVisible ? state : CTRL.EMPTY);
+    setState(props.errorMessage && !valueListVisible ? styles$Y['vitro-error'] : valueListVisible ? state : CTRL.EMPTY);
   }, [props.errorMessage]);
   React.useEffect(function () {
     if (inputRef.current) {
-      if (state === styles$Z['vitro-focus'] && document.activeElement !== inputRef.current) {
+      if (state === styles$Y['vitro-focus'] && document.activeElement !== inputRef.current) {
         inputRef.current.focus();
-      } else if (state !== styles$Z['vitro-focus']) {
+      } else if (state !== styles$Y['vitro-focus']) {
         isShowTooltipRef.current = true;
       }
     }
@@ -65873,7 +65907,7 @@ var LookupPicker = React.forwardRef(function (props, ref) {
   };
   var onChange = function onChange(e) {
     var _inputRef$current;
-    setState(styles$Z['vitro-focus']);
+    setState(styles$Y['vitro-focus']);
     setValueListVisible(true);
     setInputValue(e.target.value);
     (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
@@ -65968,14 +66002,14 @@ var LookupPicker = React.forwardRef(function (props, ref) {
           return x;
         }), props.name);
       }
-      setState(props.errorMessage ? styles$Z['vitro-error'] : CTRL.EMPTY);
+      setState(props.errorMessage ? styles$Y['vitro-error'] : CTRL.EMPTY);
     }
   };
   var onFocus = function onFocus(e) {
     var _inputRef$current3;
     onInputValueUpdated();
     isShowTooltipRef.current = false;
-    setState(styles$Z['vitro-focus']);
+    setState(styles$Y['vitro-focus']);
     setValueListVisible(true);
     (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.focus();
     if (props.onFocus) {
@@ -65989,12 +66023,12 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     }
   };
   var getClassName = function getClassName() {
-    var classList = [styles$Z['vitro-lookup-picker'], props.className];
+    var classList = [styles$Y['vitro-lookup-picker'], props.className];
     if (props.isDisabled || props.isReadOnly) {
-      classList.push(styles$Z['vitro-read-only']);
+      classList.push(styles$Y['vitro-read-only']);
     }
     if (props.isMultiSelect) {
-      classList.push(styles$Z['vitro-lookup-picker-multi-select']);
+      classList.push(styles$Y['vitro-lookup-picker-multi-select']);
     }
     classList.push(state);
     return classList.join(CTRL.SPACE);
@@ -66035,12 +66069,12 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     text: props.label,
     isRequired: props.isRequired,
     width: props.labelWidth,
-    className: styles$Z['vitro-label']
+    className: styles$Y['vitro-label']
   }), React__default.createElement(FlexBox, {
-    className: styles$Z['vitro-content'],
+    className: styles$Y['vitro-content'],
     ref: contentRef
   }, React__default.createElement(FlexBox, {
-    className: styles$Z['vitro-value-container'],
+    className: styles$Y['vitro-value-container'],
     onClick: onFocus
   }, selectedValueList && selectedValueList.length > 0 && (props.isMultiSelect ? true : inputValue.length === 0) ? React__default.createElement(SelectedValueList, {
     list: selectedValueList,
@@ -66084,42 +66118,41 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     button: props.valueListButton
   }), props.errorMessage && React__default.createElement(ErrorMessage, {
     text: props.errorMessage,
-    className: styles$Z['vitro-error-message']
+    className: styles$Y['vitro-error-message']
   }));
 });
 
-var styles$$ = {"vitro-command-menu":"_command-menu_vitro-command-menu_l82vtIh"};
+var styles$_ = {"vitro-command-menu":"_command-menu_vitro-command-menu_l82vtIh"};
 
 var CommandMenu = function CommandMenu(props) {
   return React__default.createElement("nav", {
-    className: styles$$['vitro-command-menu'] + CTRL.SPACE + 'navbar'
+    className: styles$_['vitro-command-menu'] + CTRL.SPACE + 'navbar'
   }, React__default.createElement("ul", {
     className: 'nav'
   }, props.children));
 };
 
-var styles$10 = {"vitro-command-menu-button":"_command-menu-button_vitro-command-menu-button_2IiXVbP","vitro-image":"_command-menu-button_vitro-image_27yILgG"};
+var styles$$ = {"vitro-command-menu-button":"_command-menu-button_vitro-command-menu-button_2IiXVbP","vitro-image":"_command-menu-button_vitro-image_27yILgG"};
 
 var CommandMenuButton = function CommandMenuButton(props) {
-  return React__default.createElement("li", null, React__default.createElement(Button$2, Object.assign({
-    className: styles$10['vitro-command-menu-button'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
-    imageClassName: styles$10['vitro-image']
-  }, props)));
+  return React__default.createElement("li", null, React__default.createElement(Button$2, Object.assign({}, props, {
+    className: styles$$['vitro-command-menu-button'] + CTRL.SPACE + (props.className ? props.className : STYLE.LIGHT)
+  })));
 };
 
 var itemStyles = {"vitro-item":"_command-menu-item_vitro-item_2pVhk23"};
 
-var styles$11 = {"vitro-item-lookup-picker":"_command-menu-lookup-picker_vitro-item-lookup-picker_28SsSpP","vitro-command-menu-lookup-picker":"_command-menu-lookup-picker_vitro-command-menu-lookup-picker_1840wlg","vitro-content":"_command-menu-lookup-picker_vitro-content_3fNJUmC","vitro-value-list":"_command-menu-lookup-picker_vitro-value-list_3_OCO0r","ps":"_command-menu-lookup-picker_ps_2nXaPqA","ps--active-y":"_command-menu-lookup-picker_ps--active-y_1PYkoqT","vitro-selected-item":"_command-menu-lookup-picker_vitro-selected-item_2oLYUbH","vitro-item":"_command-menu-lookup-picker_vitro-item_16ocUuf","vitro-right":"_command-menu-lookup-picker_vitro-right_3sBWu8H"};
+var styles$10 = {"vitro-item-lookup-picker":"_command-menu-lookup-picker_vitro-item-lookup-picker_28SsSpP","vitro-command-menu-lookup-picker":"_command-menu-lookup-picker_vitro-command-menu-lookup-picker_1840wlg","vitro-content":"_command-menu-lookup-picker_vitro-content_3fNJUmC","vitro-value-list":"_command-menu-lookup-picker_vitro-value-list_3_OCO0r","ps":"_command-menu-lookup-picker_ps_2nXaPqA","ps--active-y":"_command-menu-lookup-picker_ps--active-y_1PYkoqT","vitro-selected-item":"_command-menu-lookup-picker_vitro-selected-item_2oLYUbH","vitro-item":"_command-menu-lookup-picker_vitro-item_16ocUuf","vitro-right":"_command-menu-lookup-picker_vitro-right_3sBWu8H"};
 
 var CommandMenuLookupPicker = function CommandMenuLookupPicker(props) {
   return React__default.createElement("li", {
-    className: itemStyles['vitro-item'] + CTRL.SPACE + 'nav-item ' + styles$11['vitro-item-lookup-picker']
+    className: itemStyles['vitro-item'] + CTRL.SPACE + 'nav-item ' + styles$10['vitro-item-lookup-picker']
   }, React__default.createElement(LookupPicker, Object.assign({}, props, {
-    className: styles$11['vitro-command-menu-lookup-picker'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$10['vitro-command-menu-lookup-picker'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   })));
 };
 
-var styles$12 = {"vitro-dropdown-button-container":"_command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O","vitro-command-menu-dropdown-button":"_command-menu-dropdown-button_vitro-command-menu-dropdown-button_2ImIuc3","vitro-right":"_command-menu-dropdown-button_vitro-right_uTzkzdJ","vitro-image":"_command-menu-dropdown-button_vitro-image_2VNGo-H","vitro-button-collapse-bottom":"_command-menu-dropdown-button_vitro-button-collapse-bottom_1OS_X_a","vitro-scrollbar":"_command-menu-dropdown-button_vitro-scrollbar_1J6dT6q"};
+var styles$11 = {"vitro-dropdown-button-container":"_command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O","vitro-command-menu-dropdown-button":"_command-menu-dropdown-button_vitro-command-menu-dropdown-button_2ImIuc3","vitro-right":"_command-menu-dropdown-button_vitro-right_uTzkzdJ","vitro-image":"_command-menu-dropdown-button_vitro-image_2VNGo-H","vitro-button-collapse-bottom":"_command-menu-dropdown-button_vitro-button-collapse-bottom_1OS_X_a","vitro-scrollbar":"_command-menu-dropdown-button_vitro-scrollbar_1J6dT6q"};
 
 var CommandMenuSubItem = function CommandMenuSubItem(props) {
   var onClick = function onClick(e) {
@@ -66138,7 +66171,7 @@ var CommandMenuSubItem = function CommandMenuSubItem(props) {
     onClick: onClick,
     toggle: props.toggle === false ? false : true
   }, props.isShowImage && React__default.createElement("div", {
-    className: styles$12['vitro-image']
+    className: styles$11['vitro-image']
   }, props.imageUrl && React__default.createElement(Image, {
     defaultUrl: props.imageUrl,
     hoverUrl: props.imageHoverUrl
@@ -66172,15 +66205,15 @@ var CommandMenuItemHeader = function CommandMenuItemHeader(props) {
     onMouseLeave: function onMouseLeave() {
       return setIsHover(false);
     },
-    className: itemStyles['vitro-item'] + CTRL.SPACE + styles$12['vitro-command-menu-dropdown-button'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
+    className: itemStyles['vitro-item'] + CTRL.SPACE + styles$11['vitro-command-menu-dropdown-button'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
     "data-show": props.isVisibleFunction
   }, props.imageUrl && React__default.createElement(Image, {
     isHover: isHover,
     defaultUrl: props.imageUrl,
     hoverUrl: props.imageHoverUrl,
-    className: styles$12['vitro-image']
+    className: styles$11['vitro-image']
   }), React__default.createElement("span", null, props.text), !props.isHideChevronDown && React__default.createElement("div", {
-    className: styles$12['vitro-button-collapse-bottom']
+    className: styles$11['vitro-button-collapse-bottom']
   }));
 };
 
@@ -66223,7 +66256,7 @@ var CommandMenuDropdownButton = function CommandMenuDropdownButton(props) {
   return React__default.createElement(reactstrap.UncontrolledDropdown, {
     nav: true,
     inNavbar: true,
-    className: styles$12['vitro-dropdown-button-container'] + (isRight ? CTRL.SPACE + styles$12['vitro-right'] : CTRL.EMPTY)
+    className: styles$11['vitro-dropdown-button-container'] + (isRight ? CTRL.SPACE + styles$11['vitro-right'] : CTRL.EMPTY)
   }, React__default.createElement(reactstrap.DropdownToggle, {
     nav: true,
     caret: true,
@@ -66234,7 +66267,7 @@ var CommandMenuDropdownButton = function CommandMenuDropdownButton(props) {
   }))), React__default.createElement(reactstrap.DropdownMenu, {
     container: 'body'
   }, React__default.createElement(ScrollBar, {
-    className: styles$12['vitro-scrollbar'],
+    className: styles$11['vitro-scrollbar'],
     isHideScrollX: true,
     contentRef: contentRef
   }, props.itemList && props.itemList.map(function (i) {
@@ -66247,7 +66280,7 @@ var CommandMenuDropdownButton = function CommandMenuDropdownButton(props) {
   }), props.children)));
 };
 
-var styles$13 = {"vitro-item":"_sidebar-item_vitro-item_1BR_7F0","vitro-image":"_sidebar-item_vitro-image_2A82YI0","vitro-item-text":"_sidebar-item_vitro-item-text_1kK_aIZ","vitro-active":"_sidebar-item_vitro-active_7p5iOhY","vitro-hover":"_sidebar-item_vitro-hover_1mECzme","vitro-group-item":"_sidebar-item_vitro-group-item_ZADCctV","vitro-item-list":"_sidebar-item_vitro-item-list_17dWov1","vitro-arrow":"_sidebar-item_vitro-arrow_NaAiOHu","vitro-expanded":"_sidebar-item_vitro-expanded_3qb1vOx","vitro-collapsed":"_sidebar-item_vitro-collapsed_2EhVmXL","vitro-display-none":"_sidebar-item_vitro-display-none_2WwKi5v","vitro-scrollbar":"_sidebar-item_vitro-scrollbar___xylIx","vitro-button-close":"_sidebar-item_vitro-button-close_2Kdf-ob","vitro-sidebar-group-slideup-panel":"_sidebar-item_vitro-sidebar-group-slideup-panel_15tkxuO"};
+var styles$12 = {"vitro-item":"_sidebar-item_vitro-item_1BR_7F0","vitro-image":"_sidebar-item_vitro-image_2A82YI0","vitro-item-text":"_sidebar-item_vitro-item-text_1kK_aIZ","vitro-active":"_sidebar-item_vitro-active_7p5iOhY","vitro-hover":"_sidebar-item_vitro-hover_1mECzme","vitro-group-item":"_sidebar-item_vitro-group-item_ZADCctV","vitro-item-list":"_sidebar-item_vitro-item-list_17dWov1","vitro-arrow":"_sidebar-item_vitro-arrow_NaAiOHu","vitro-expanded":"_sidebar-item_vitro-expanded_3qb1vOx","vitro-collapsed":"_sidebar-item_vitro-collapsed_2EhVmXL","vitro-display-none":"_sidebar-item_vitro-display-none_2WwKi5v","vitro-scrollbar":"_sidebar-item_vitro-scrollbar___xylIx","vitro-button-close":"_sidebar-item_vitro-button-close_2Kdf-ob","vitro-sidebar-group-slideup-panel":"_sidebar-item_vitro-sidebar-group-slideup-panel_15tkxuO"};
 
 var Item$2 = function Item(props) {
   var _useState = React.useState(false),
@@ -66284,10 +66317,10 @@ var Item$2 = function Item(props) {
     defaultUrl: props.imageUrl,
     hoverUrl: props.imageHoverUrl,
     isHover: props.isHover,
-    className: styles$13['vitro-image']
+    className: styles$12['vitro-image']
   })), React__default.createElement("span", {
     ref: textRef,
-    className: styles$13['vitro-item-text'] + (!(props.isSidebarExpanded || props.isMobileView) ? CTRL.SPACE + styles$13['vitro-display-none'] : CTRL.EMPTY)
+    className: styles$12['vitro-item-text'] + (!(props.isSidebarExpanded || props.isMobileView) ? CTRL.SPACE + styles$12['vitro-display-none'] : CTRL.EMPTY)
   }, props.text)));
 };
 
@@ -66315,7 +66348,7 @@ var LinkItem$1 = function LinkItem(props) {
     isHover = _useState[0],
     setIsHover = _useState[1];
   var isActive = !!props.link && (props.link === props.currentUrl && (!props.activeItem || props.activeItem === props.id) || props.altUrlList && props.altUrlList.includes(props.currentUrl));
-  var className = isActive ? styles$13['vitro-active'] : isHover ? styles$13['vitro-hover'] : CTRL.EMPTY;
+  var className = isActive ? styles$12['vitro-active'] : isHover ? styles$12['vitro-hover'] : CTRL.EMPTY;
   var onClick = function onClick(e) {
     if (!props.isDisabled) {
       if (props.onClick) {
@@ -66340,7 +66373,7 @@ var LinkItem$1 = function LinkItem(props) {
     style: {
       width: props.linkItemWidth ? props.linkItemWidth + UNIT.PX : WIDTH_AUTO
     },
-    className: styles$13['vitro-item']
+    className: styles$12['vitro-item']
   }, (props.link || props.onClick) && React__default.createElement("button", {
     onMouseEnter: function onMouseEnter() {
       return setIsHover(true);
@@ -66380,7 +66413,7 @@ var LinkItem$1 = function LinkItem(props) {
   }))));
 };
 
-var styles$14 = {"vitro-slide-up-panel":"_slide-up-panel_vitro-slide-up-panel_2EOSLHK","vitro-content":"_slide-up-panel_vitro-content_1er6bcv","vitro-expanded":"_slide-up-panel_vitro-expanded_2f2dYt6","vitro-button-close":"_slide-up-panel_vitro-button-close_2iM7SFL"};
+var styles$13 = {"vitro-slide-up-panel":"_slide-up-panel_vitro-slide-up-panel_2EOSLHK","vitro-content":"_slide-up-panel_vitro-content_1er6bcv","vitro-expanded":"_slide-up-panel_vitro-expanded_2f2dYt6","vitro-button-close":"_slide-up-panel_vitro-button-close_2iM7SFL"};
 
 var SlideUpPanel = function SlideUpPanel(props) {
   var _useState = React.useState(props.isShow),
@@ -66456,13 +66489,13 @@ var SlideUpPanel = function SlideUpPanel(props) {
     target: props.container,
     placement: exports.PLACEMENT.TOP
   }, React__default.createElement("div", {
-    className: styles$14['vitro-slide-up-panel'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$13['vitro-slide-up-panel'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, React__default.createElement("div", {
-    className: styles$14['vitro-content'] + (isExpanded ? CTRL.SPACE + styles$14['vitro-expanded'] : CTRL.EMPTY),
+    className: styles$13['vitro-content'] + (isExpanded ? CTRL.SPACE + styles$13['vitro-expanded'] : CTRL.EMPTY),
     ref: contentRef
   }, React__default.createElement("button", {
     ref: buttonRef,
-    className: styles$14['vitro-button-close'],
+    className: styles$13['vitro-button-close'],
     onTouchStart: onTouchStart,
     onTouchEnd: onTouchEnd,
     onTouchMove: onTouchMove,
@@ -66552,7 +66585,7 @@ var GroupItem = function GroupItem(props) {
       setIsHover(focus);
     }
   };
-  var className = isActive ? styles$13['vitro-active'] : isHover ? styles$13['vitro-hover'] : CTRL.EMPTY;
+  var className = isActive ? styles$12['vitro-active'] : isHover ? styles$12['vitro-hover'] : CTRL.EMPTY;
   var content = React__default.createElement(React__default.Fragment, null, props.itemList && props.itemList.map(function (i) {
     return i.link || i.onClick ? React__default.createElement(LinkItem$1, Object.assign({
       link: i.link,
@@ -66587,7 +66620,7 @@ var GroupItem = function GroupItem(props) {
     style: {
       width: props.linkItemWidth ? props.linkItemWidth + UNIT.PX : WIDTH_AUTO$1
     },
-    className: styles$13['vitro-item'] + CTRL.SPACE + styles$13['vitro-group-item']
+    className: styles$12['vitro-item'] + CTRL.SPACE + styles$12['vitro-group-item']
   }, React__default.createElement("button", {
     onMouseEnter: function onMouseEnter() {
       return _onFocus(true);
@@ -66606,18 +66639,18 @@ var GroupItem = function GroupItem(props) {
   }, React__default.createElement(Item$2, Object.assign({}, props, {
     isHover: isHover || isActive
   })), props.isSidebarExpanded && !props.isMobileView && React__default.createElement("span", {
-    className: isExpanded ? styles$13['vitro-expanded'] : styles$13['vitro-collapsed']
+    className: isExpanded ? styles$12['vitro-expanded'] : styles$12['vitro-collapsed']
   })), props.isMobileView ? React__default.createElement(SlideUpPanel, {
     isShow: isExpanded,
     container: props.container,
     onClose: onCloseSlideUpPanel,
-    className: styles$13[CSS_CLASS_SLIDE_UP_PANEL]
+    className: styles$12[CSS_CLASS_SLIDE_UP_PANEL]
   }, React__default.createElement(ScrollBar, {
-    className: styles$13['vitro-scrollbar']
+    className: styles$12['vitro-scrollbar']
   }, React__default.createElement("ul", {
-    className: styles$13[CSS_CLASS_ITEM_LIST_MOBILE]
+    className: styles$12[CSS_CLASS_ITEM_LIST_MOBILE]
   }, content))) : React__default.createElement("ul", {
-    className: styles$13['vitro-item-list'] + CTRL.SPACE + (props.isSidebarExpanded ? !isExpanded ? styles$13['vitro-display-none'] : CTRL.EMPTY : styles$13['vitro-display-none'])
+    className: styles$12['vitro-item-list'] + CTRL.SPACE + (props.isSidebarExpanded ? !isExpanded ? styles$12['vitro-display-none'] : CTRL.EMPTY : styles$12['vitro-display-none'])
   }, content)));
 };
 
@@ -66656,7 +66689,7 @@ var CustomItem = function CustomItem(props) {
     style: {
       width: props.linkItemWidth ? props.linkItemWidth + UNIT.PX : WIDTH_AUTO$2
     },
-    className: styles$13['vitro-item']
+    className: styles$12['vitro-item']
   }, React__default.createElement("button", {
     onMouseEnter: function onMouseEnter() {
       return setIsHover(true);
@@ -66672,11 +66705,11 @@ var CustomItem = function CustomItem(props) {
     },
     onClick: onClick,
     onMouseDown: onMouseDown,
-    className: isActive ? styles$13['vitro-active'] : isHover ? styles$13['vitro-hover'] : CTRL.EMPTY
+    className: isActive ? styles$12['vitro-active'] : isHover ? styles$12['vitro-hover'] : CTRL.EMPTY
   }, React__default.createElement(Item$2, Object.assign({}, props, {
     isHover: isHover || isActive
   })), props.isSidebarExpanded && !props.isMobileView && React__default.createElement("span", {
-    className: styles$13['vitro-arrow']
+    className: styles$12['vitro-arrow']
   })));
 };
 
@@ -66722,7 +66755,7 @@ var Section = function Section(props) {
   })) : React__default.createElement(React__default.Fragment, null));
 };
 
-var styles$15 = {"vitro-sidebar":"_sidebar_vitro-sidebar_1IxGYiU","vitro-scrollbar":"_sidebar_vitro-scrollbar_2PtQGQD","vitro-sidebar-section-list":"_sidebar_vitro-sidebar-section-list_1nGto5m","vitro-scroll-container":"_sidebar_vitro-scroll-container_3K-iJy8","vitro-button-more":"_sidebar_vitro-button-more_3s9oZY9","vitro-logo-container":"_sidebar_vitro-logo-container_31O5Ly-","vitro-logo":"_sidebar_vitro-logo_1qxi8L_","vitro-scroll-content":"_sidebar_vitro-scroll-content_2RUBhZd"};
+var styles$14 = {"vitro-sidebar":"_sidebar_vitro-sidebar_1IxGYiU","vitro-scrollbar":"_sidebar_vitro-scrollbar_2PtQGQD","vitro-sidebar-section-list":"_sidebar_vitro-sidebar-section-list_1nGto5m","vitro-scroll-container":"_sidebar_vitro-scroll-container_3K-iJy8","vitro-button-more":"_sidebar_vitro-button-more_3s9oZY9","vitro-logo-container":"_sidebar_vitro-logo-container_31O5Ly-","vitro-logo":"_sidebar_vitro-logo_1qxi8L_","vitro-scroll-content":"_sidebar_vitro-scroll-content_2RUBhZd"};
 
 var SectionList = React.forwardRef(function (props, ref) {
   if (!props.itemList || props.itemList.length === 0) {
@@ -66730,7 +66763,7 @@ var SectionList = React.forwardRef(function (props, ref) {
   }
   return React__default.createElement("ul", {
     ref: ref,
-    className: styles$15['vitro-sidebar-section-list']
+    className: styles$14['vitro-sidebar-section-list']
   }, props.itemList.map(function (section) {
     return React__default.createElement(Section, Object.assign({
       isExpanded: props.isExpanded,
@@ -66826,12 +66859,12 @@ var Sidebar = function Sidebar(props) {
     var width = containerWidth / count;
     setLinkItemWidth(width);
   };
-  var className = styles$15['vitro-sidebar'] + (props.theme ? CTRL.SPACE + props.theme : CTRL.EMPTY) + CTRL.SPACE + (isMobileView ? 'vitro-bottom-menu' : CTRL.EMPTY);
+  var className = styles$14['vitro-sidebar'] + (props.theme ? CTRL.SPACE + props.theme : CTRL.EMPTY) + CTRL.SPACE + (isMobileView ? 'vitro-bottom-menu' : CTRL.EMPTY);
   return React__default.createElement("div", {
     className: className,
     id: 'vitro-sidebar'
   }, !isMobileView ? React__default.createElement(React__default.Fragment, null, React__default.createElement(ScrollBar, {
-    className: styles$15['vitro-scrollbar']
+    className: styles$14['vitro-scrollbar']
   }, React__default.createElement(SectionList, {
     itemList: itemList,
     currentUrl: currentUrl,
@@ -66849,18 +66882,18 @@ var Sidebar = function Sidebar(props) {
     isMobileView: isMobileView,
     isDisabled: props.isDisabled
   })), React__default.createElement("div", {
-    className: styles$15['vitro-logo-container']
+    className: styles$14['vitro-logo-container']
   }, React__default.createElement(Item$2, {
     text: props.logoText,
     imageUrl: props.logo,
     isSidebarExpanded: !props.sidebar,
     isMobileView: isMobileView,
-    className: styles$15['vitro-logo']
+    className: styles$14['vitro-logo']
   }))) : React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: styles$15['vitro-scroll-container'],
+    className: styles$14['vitro-scroll-container'],
     ref: menuRef
   }, React__default.createElement("div", {
-    className: styles$15['vitro-scroll-content'],
+    className: styles$14['vitro-scroll-content'],
     ref: scrollContentRef
   }, React__default.createElement(SectionList, {
     container: menuRef.current,
@@ -66879,36 +66912,36 @@ var Sidebar = function Sidebar(props) {
     width: linkItemWidth,
     isSidebarExpanded: !props.sidebar,
     isMobileView: isMobileView,
-    className: styles$15['vitro-logo']
+    className: styles$14['vitro-logo']
   }))), React__default.createElement("button", {
     onClick: scroll,
-    className: styles$15['vitro-button-more']
+    className: styles$14['vitro-button-more']
   })));
 };
 
-var styles$16 = {"vitro-item":"_activity-item_vitro-item_3Tprske","vitro-active":"_activity-item_vitro-active_2kENgvf","vitro-title":"_activity-item_vitro-title__QItISm","vitro-due-date":"_activity-item_vitro-due-date_1mBIraY","vitro-content":"_activity-item_vitro-content_3Lt7XRy","vitro-message":"_activity-item_vitro-message_1ndqhgR","vitro-flex":"_activity-item_vitro-flex_37IxBWe","vitro-dropdown-button":"_activity-item_vitro-dropdown-button_1J50ja7","vitro-avatar":"_activity-item_vitro-avatar_218ZqAk"};
+var styles$15 = {"vitro-item":"_activity-item_vitro-item_3Tprske","vitro-active":"_activity-item_vitro-active_2kENgvf","vitro-title":"_activity-item_vitro-title__QItISm","vitro-due-date":"_activity-item_vitro-due-date_1mBIraY","vitro-content":"_activity-item_vitro-content_3Lt7XRy","vitro-message":"_activity-item_vitro-message_1ndqhgR","vitro-flex":"_activity-item_vitro-flex_37IxBWe","vitro-dropdown-button":"_activity-item_vitro-dropdown-button_1J50ja7","vitro-avatar":"_activity-item_vitro-avatar_218ZqAk"};
 
 var ActivityItem = function ActivityItem(props) {
   return React__default.createElement("div", {
-    className: styles$16['vitro-item'] + (props.isActive ? CTRL.SPACE + styles$16['vitro-active'] : CTRL.EMPTY)
+    className: styles$15['vitro-item'] + (props.isActive ? CTRL.SPACE + styles$15['vitro-active'] : CTRL.EMPTY)
   }, React__default.createElement("div", {
-    className: styles$16['vitro-flex']
+    className: styles$15['vitro-flex']
   }, React__default.createElement(Avatar, {
     userName: props.userName,
     image: props.userImageUrl,
-    className: styles$16['vitro-avatar']
+    className: styles$15['vitro-avatar']
   }), React__default.createElement("div", {
-    className: styles$16['vitro-content']
+    className: styles$15['vitro-content']
   }, React__default.createElement("div", null, React__default.createElement("div", {
-    className: styles$16['vitro-title']
+    className: styles$15['vitro-title']
   }, React__default.createElement("span", null, props.title || props.userName), props.isShowDetail && React__default.createElement("span", {
-    className: styles$16['vitro-due-date']
+    className: styles$15['vitro-due-date']
   }, props.date), props.isShowDetail && props.dropdownItemList && props.dropdownItemList.length > 0 && React__default.createElement(DropdownButton, {
     itemList: props.dropdownItemList,
     onToggle: props.onDropdownToggle,
-    className: styles$16['vitro-dropdown-button']
+    className: styles$15['vitro-dropdown-button']
   })), React__default.createElement("div", {
-    className: styles$16['vitro-message'] + (props.variant ? CTRL.SPACE + props.variant : CTRL.EMPTY)
+    className: styles$15['vitro-message'] + (props.variant ? CTRL.SPACE + props.variant : CTRL.EMPTY)
   }, React__default.createElement("p", {
     dangerouslySetInnerHTML: {
       __html: props.message
@@ -66916,47 +66949,60 @@ var ActivityItem = function ActivityItem(props) {
   }), props.children)))));
 };
 
-var styles$17 = {"vitro-task-user-list":"_task-user-list_vitro-task-user-list_3GBJVjt"};
+var styles$16 = {"vitro-task-user-list":"_task-user-list_vitro-task-user-list_3GBJVjt"};
 
 var TaskUserList = function TaskUserList(props) {
   return React__default.createElement("div", {
-    className: styles$17['vitro-task-user-list']
+    className: styles$16['vitro-task-user-list']
   }, props.itemList && props.itemList.map(function (x) {
     return React__default.createElement(ActivityItem, Object.assign({}, x));
   }));
 };
 
-var styles$18 = {"vitro-task-tile":"_task-tile_vitro-task-tile_35bZu48","vitro-active":"_task-tile_vitro-active_11W9nJz","vitro-content":"_task-tile_vitro-content_rl2ERCQ","vitro-description":"_task-tile_vitro-description_qtyUbLy","vitro-comment":"_task-tile_vitro-comment_2im2AJj","vitro-title":"_task-tile_vitro-title_1pXrIrB","vitro-top-right":"_task-tile_vitro-top-right_19tbPX4","vitro-dropdown-button":"_task-tile_vitro-dropdown-button_2YgEUdg","vitro-bottom-right":"_task-tile_vitro-bottom-right_2E9WAle","vitro-button-cancel":"_task-tile_vitro-button-cancel_1lgja1K"};
+var styles$17 = {"vitro-task-tile":"_task-tile_vitro-task-tile_35bZu48","vitro-active":"_task-tile_vitro-active_11W9nJz","vitro-content":"_task-tile_vitro-content_rl2ERCQ","vitro-description":"_task-tile_vitro-description_qtyUbLy","vitro-comment":"_task-tile_vitro-comment_2im2AJj","vitro-title":"_task-tile_vitro-title_1pXrIrB","vitro-top-right":"_task-tile_vitro-top-right_19tbPX4","vitro-dropdown-button":"_task-tile_vitro-dropdown-button_2YgEUdg","vitro-bottom-right":"_task-tile_vitro-bottom-right_2E9WAle","vitro-button-cancel":"_task-tile_vitro-button-cancel_1lgja1K"};
 
 var TaskTile = function TaskTile(props) {
   return React__default.createElement("div", {
-    className: styles$18['vitro-task-tile'] + (props.isActive ? CTRL.SPACE + styles$18['vitro-active'] : CTRL.EMPTY),
+    className: styles$17['vitro-task-tile'] + (props.isActive ? CTRL.SPACE + styles$17['vitro-active'] : CTRL.EMPTY),
     onClick: props.onClick
   }, props.dropdownItemList && React__default.createElement("div", {
-    className: styles$18['vitro-top-right']
+    className: styles$17['vitro-top-right']
   }, React__default.createElement(DropdownButton, {
     itemList: props.dropdownItemList,
-    className: styles$18['vitro-dropdown-button']
+    className: styles$17['vitro-dropdown-button']
   })), props.isShowDeleteButton && React__default.createElement("div", {
-    className: styles$18['vitro-button-cancel'],
+    className: styles$17['vitro-button-cancel'],
     onClick: props.onDeleteClick
   }), props.description && React__default.createElement("div", {
-    className: styles$18['vitro-description']
+    className: styles$17['vitro-description']
   }, props.description), React__default.createElement("div", {
-    className: styles$18['vitro-title']
+    className: styles$17['vitro-title']
   }, props.title), props.comment && React__default.createElement("div", {
-    className: styles$18['vitro-comment']
+    className: styles$17['vitro-comment']
   }, props.comment), React__default.createElement("div", {
-    className: styles$18['vitro-content']
+    className: styles$17['vitro-content']
   }, props.userList && React__default.createElement(TaskUserList, {
     itemList: props.userList
   })), React__default.createElement("div", {
-    className: styles$18['vitro-bottom-right']
+    className: styles$17['vitro-bottom-right']
   }, props.dateComment, " \xA0 ", props.date), props.children);
 };
 
-var styles$19 = {"vitro-alert":"_alert_vitro-alert_3sPAkJb","vitro-alert-content":"_alert_vitro-alert-content_10fW1n4","vitro-button-close":"_alert_vitro-button-close_39K9cqW","vitro-icon":"_alert_vitro-icon_pK385gF","vitro-text":"_alert_vitro-text_37Erxqj","vitro-alert-action-list":"_alert_vitro-alert-action-list_2XzbaCO","vitro-position-center":"_alert_vitro-position-center_1r_lK_e"};
+var TYPE$2;
+(function (TYPE) {
+  TYPE["SUCCESS"] = "success";
+  TYPE["ERROR"] = "error";
+  TYPE["WARNING"] = "warning";
+})(TYPE$2 || (TYPE$2 = {}));
+
+var AlertConstants = {
+    __proto__: null,
+    get TYPE () { return TYPE$2; }
+};
+
+var styles$18 = {"vitro-alert":"_alert_vitro-alert_3sPAkJb","vitro-position-absolute":"_alert_vitro-position-absolute_2A33Lq4","vitro-alert-content":"_alert_vitro-alert-content_10fW1n4","vitro-button-close":"_alert_vitro-button-close_39K9cqW","vitro-icon":"_alert_vitro-icon_pK385gF","vitro-text":"_alert_vitro-text_37Erxqj","vitro-alert-action-list":"_alert_vitro-alert-action-list_2XzbaCO","vitro-position-center":"_alert_vitro-position-center_1r_lK_e"};
 
+var TYPE_DANGER = 'danger';
 var Alert$1 = function Alert(props) {
   var ref = React.useRef(null);
   React.useEffect(function () {
@@ -66987,7 +67033,7 @@ var Alert$1 = function Alert(props) {
     }
   };
   var actionList = props.actionList && React__default.createElement("div", {
-    className: styles$19['vitro-alert-action-list']
+    className: styles$18['vitro-alert-action-list']
   }, props.actionList.map(function (a) {
     return React__default.createElement(Button$1, {
       key: a.text,
@@ -66996,40 +67042,28 @@ var Alert$1 = function Alert(props) {
       }
     }, a.text);
   }));
-  var className = styles$19['vitro-alert'] + CTRL.SPACE + (props.isPositionCenter && styles$19['vitro-position-center']) + CTRL.SPACE + (props.className ? props.className : CTRL.EMPTY);
+  var className = [styles$18['vitro-alert'], props.isPositionCenter ? styles$18['vitro-position-center'] : CTRL.EMPTY, props.isPositionAbsolute ? styles$18['vitro-position-absolute'] : CTRL.EMPTY, props.className || CTRL.EMPTY].join(CTRL.SPACE);
   return React__default.createElement("div", {
     tabIndex: 1,
     onBlur: onFocusOut,
     ref: ref,
     className: className
   }, React__default.createElement(BootstrapAlert, {
-    variant: props.type,
+    variant: props.type === TYPE$2.ERROR ? TYPE_DANGER : props.type,
     onClose: props.onClose
   }, React__default.createElement("div", {
-    className: styles$19['vitro-alert-content']
+    className: styles$18['vitro-alert-content']
   }, React__default.createElement("div", {
-    className: styles$19['vitro-icon']
+    className: styles$18['vitro-icon']
   }), React__default.createElement("div", {
-    className: styles$19['vitro-text']
+    className: styles$18['vitro-text']
   }, props.title && React__default.createElement("strong", null, props.title), props.text, !props.text && props.children), !props.isMultiline && actionList, props.isDismissible && React__default.createElement("div", {
-    className: styles$19['vitro-button-close'],
+    className: styles$18['vitro-button-close'],
     onClick: onClose
   })), props.text && props.children, props.isMultiline && actionList));
 };
 
-var TYPE$2;
-(function (TYPE) {
-  TYPE["SUCCESS"] = "success";
-  TYPE["ERROR"] = "danger";
-  TYPE["WARNING"] = "warning";
-})(TYPE$2 || (TYPE$2 = {}));
-
-var AlertConstants = {
-    __proto__: null,
-    get TYPE () { return TYPE$2; }
-};
-
-var styles$1a = {"vitro-user-profile":"_user-profile_vitro-user-profile_11XpBoQ","vitro-dropdown-item":"_user-profile_vitro-dropdown-item_dSErsta","vitro-avatar":"_user-profile_vitro-avatar_3SzDPAi"};
+var styles$19 = {"vitro-user-profile":"_user-profile_vitro-user-profile_11XpBoQ","vitro-dropdown-item":"_user-profile_vitro-dropdown-item_dSErsta","vitro-avatar":"_user-profile_vitro-avatar_3SzDPAi"};
 
 var UserProfileMenuItem = function UserProfileMenuItem(props) {
   var onClick = function onClick() {
@@ -67040,7 +67074,7 @@ var UserProfileMenuItem = function UserProfileMenuItem(props) {
   };
   if (props.link) {
     return React__default.createElement("div", {
-      className: styles$1a['vitro-dropdown-item'],
+      className: styles$19['vitro-dropdown-item'],
       onClick: onClick
     }, React__default.createElement("a", {
       href: props.link
@@ -67051,7 +67085,7 @@ var UserProfileMenuItem = function UserProfileMenuItem(props) {
   }
   if (props.onClick) {
     return React__default.createElement("div", {
-      className: styles$1a['vitro-dropdown-item'],
+      className: styles$19['vitro-dropdown-item'],
       key: props.text,
       onClick: onClick
     }, props.imageUrl && React__default.createElement(Image, {
@@ -67085,15 +67119,15 @@ var UserProfile = function UserProfile(props) {
   return React__default.createElement(reactstrap.Dropdown, {
     isOpen: dropdownOpen,
     toggle: toggle,
-    className: styles$1a['vitro-user-profile']
+    className: styles$19['vitro-user-profile']
   }, React__default.createElement(reactstrap.DropdownToggle, {
     caret: true
   }, React__default.createElement("div", null, React__default.createElement("span", {
-    className: styles$1a['vitro-text-color-white']
+    className: styles$19['vitro-text-color-white']
   }, createSurnameWithInitials(props.userName)), React__default.createElement(Avatar, {
     userName: props.userName,
     image: props.image,
-    className: styles$1a['vitro-avatar']
+    className: styles$19['vitro-avatar']
   }))), React__default.createElement(reactstrap.DropdownMenu, {
     right: true
   }, props.dropdownMenuItemList && props.dropdownMenuItemList.length > 0 && props.dropdownMenuItemList.map(function (item) {
@@ -67103,7 +67137,7 @@ var UserProfile = function UserProfile(props) {
   })));
 };
 
-var styles$1b = {"vitro-avatar":"_user-lookup-picker_vitro-avatar_2vI-SeH"};
+var styles$1a = {"vitro-avatar":"_user-lookup-picker_vitro-avatar_2vI-SeH"};
 
 var UserLookupPicker = React.forwardRef(function (props, ref) {
   var lookupPickerRef = React.useRef(null);
@@ -67111,7 +67145,7 @@ var UserLookupPicker = React.forwardRef(function (props, ref) {
     var prop = props.getHtmlValueTemplateProps ? props.getHtmlValueTemplateProps(item) : item;
     if (props.isMultiSelect) {
       return _extends({}, prop, {
-        className: styles$1b['vitro-avatar']
+        className: styles$1a['vitro-avatar']
       });
     }
     return prop;
@@ -67132,7 +67166,7 @@ var UserLookupPicker = React.forwardRef(function (props, ref) {
   }));
 });
 
-var styles$1c = {"vitro-title":"_activity_vitro-title_1rdvvaa","vitro-dropdown-button":"_activity_vitro-dropdown-button_12258nJ","vitro-activity":"_activity_vitro-activity_1u7YeF3"};
+var styles$1b = {"vitro-title":"_activity_vitro-title_1rdvvaa","vitro-dropdown-button":"_activity_vitro-dropdown-button_12258nJ","vitro-activity":"_activity_vitro-activity_1u7YeF3"};
 
 var Activity = function Activity(props) {
   var onDrop = function onDrop(e) {
@@ -67145,10 +67179,10 @@ var Activity = function Activity(props) {
     className: 'vitro-activity',
     onDrop: onDrop
   }, (props.filterDropdownList || props.title) && React__default.createElement("div", {
-    className: styles$1c['vitro-title']
+    className: styles$1b['vitro-title']
   }, props.filterDropdownList && React__default.createElement(DropdownButton, {
     itemList: props.filterDropdownList,
-    className: styles$1c['vitro-dropdown-button']
+    className: styles$1b['vitro-dropdown-button']
   }), props.title && React__default.createElement("h3", null, props.title)), React__default.createElement("div", {
     className: 'vitro-content'
   }, props.children));
@@ -81368,7 +81402,7 @@ var server_browser = {
 	renderToReadableStream: renderToReadableStream$1
 };
 
-var styles$1d = {"vitro-file":"_file_vitro-file_2xkXgkS","vitro-preview":"_file_vitro-preview_2RVdrbm","vitro-preview-container":"_file_vitro-preview-container_2dmbDD7","vitro-flex":"_file_vitro-flex_3nGTlWX","vitro-image":"_file_vitro-image_2Bt3otk","vitro-file-name":"_file_vitro-file-name_2t9Y643","vitro-file-size":"_file_vitro-file-size_15f_E_0","vitro-dropdown-button":"_file_vitro-dropdown-button_3MgI2n9"};
+var styles$1c = {"vitro-file":"_file_vitro-file_2xkXgkS","vitro-preview":"_file_vitro-preview_2RVdrbm","vitro-preview-container":"_file_vitro-preview-container_2dmbDD7","vitro-flex":"_file_vitro-flex_3nGTlWX","vitro-image":"_file_vitro-image_2Bt3otk","vitro-file-name":"_file_vitro-file-name_2t9Y643","vitro-file-size":"_file_vitro-file-size_15f_E_0","vitro-dropdown-button":"_file_vitro-dropdown-button_3MgI2n9"};
 
 var File = function File(props) {
   var onClick = function onClick() {
@@ -81376,36 +81410,36 @@ var File = function File(props) {
       props.onClick(props.id);
     }
   };
-  var className = [styles$1d['vitro-file'], props.className || CTRL.EMPTY, props.isImage ? styles$1d['vitro-preview'] : CTRL.EMPTY].join(CTRL.SPACE);
+  var className = [styles$1c['vitro-file'], props.className || CTRL.EMPTY, props.isImage ? styles$1c['vitro-preview'] : CTRL.EMPTY].join(CTRL.SPACE);
   return React__default.createElement(FlexBox, {
     className: className,
     isColumn: true
   }, props.actionList && props.actionList.length ? React__default.createElement(DropdownButton, {
     itemList: props.actionList,
-    className: styles$1d['vitro-dropdown-button']
+    className: styles$1c['vitro-dropdown-button']
   }) : null, props.preview && React__default.createElement(Tooltip$1, {
     placement: PLACEMENT.TOP,
     text: props.tooltip || CTRL.EMPTY
   }, React__default.createElement("div", {
-    className: styles$1d['vitro-preview-container'],
+    className: styles$1c['vitro-preview-container'],
     onClick: onClick
   }, React__default.createElement("img", {
     src: props.preview
   }))), !props.isImage && React__default.createElement(FlexBox, {
-    className: styles$1d['vitro-flex'] + (props.contentClassName ? CTRL.SPACE + props.contentClassName : CTRL.EMPTY)
+    className: styles$1c['vitro-flex'] + (props.contentClassName ? CTRL.SPACE + props.contentClassName : CTRL.EMPTY)
   }, props.image && React__default.createElement("img", {
     src: props.image,
-    className: styles$1d['vitro-image']
+    className: styles$1c['vitro-image']
   }), React__default.createElement(FlexBox, {
     isColumn: true
   }, React__default.createElement("span", {
-    className: styles$1d['vitro-file-name']
+    className: styles$1c['vitro-file-name']
   }, props.name), React__default.createElement("span", {
-    className: styles$1d['vitro-file-size']
+    className: styles$1c['vitro-file-size']
   }, props.size))), props.children);
 };
 
-var styles$1e = {"vitro-file-list-container":"_attached-file-list_vitro-file-list-container_5PIFyI7","vitro-overflow-button":"_attached-file-list_vitro-overflow-button_39QxX1m","vitro-item-count":"_attached-file-list_vitro-item-count_35PIT1U","vitro-file":"_attached-file-list_vitro-file_2mPE3Rq"};
+var styles$1d = {"vitro-file-list-container":"_attached-file-list_vitro-file-list-container_5PIFyI7","vitro-overflow-button":"_attached-file-list_vitro-overflow-button_39QxX1m","vitro-item-count":"_attached-file-list_vitro-item-count_35PIT1U","vitro-file":"_attached-file-list_vitro-file_2mPE3Rq"};
 
 var AttachedFileListItem = function AttachedFileListItem(props) {
   var _useState = React.useState(null),
@@ -81421,14 +81455,14 @@ var AttachedFileListItem = function AttachedFileListItem(props) {
   return React__default.createElement(React__default.Fragment, null, props.fileList.map(function (file, index) {
     if (index < props.maxVisibleFileCount) {
       return React__default.createElement(File, Object.assign({}, file, {
-        className: styles$1e['vitro-file']
+        className: styles$1d['vitro-file']
       }));
     }
     return React__default.createElement(React__default.Fragment, null);
   }), props.fileList.length > props.maxVisibleFileCount && !hiddenFileList ? React__default.createElement("div", {
-    className: styles$1e['vitro-overflow-button']
+    className: styles$1d['vitro-overflow-button']
   }, React__default.createElement("div", {
-    className: styles$1e['vitro-item-count'],
+    className: styles$1d['vitro-item-count'],
     onClick: function onClick() {
       return onHiddenFileListClick(props.fileList.slice(props.maxVisibleFileCount));
     }
@@ -81437,10 +81471,10 @@ var AttachedFileListItem = function AttachedFileListItem(props) {
     text: props.hiddenFileCountTooltip || CTRL.EMPTY
   }, React__default.createElement("div", null, CTRL.PLUS + (props.fileList.length - props.maxVisibleFileCount)))), React__default.createElement(File, Object.assign({}, props.fileList[props.maxVisibleFileCount], {
     actionList: [],
-    className: styles$1e['vitro-file']
+    className: styles$1d['vitro-file']
   }))) : null, hiddenFileList && hiddenFileList.map(function (file) {
     return React__default.createElement(File, Object.assign({}, file, {
-      className: styles$1e['vitro-file']
+      className: styles$1d['vitro-file']
     }));
   }));
 };
@@ -81476,7 +81510,7 @@ var AttachedFileList = function AttachedFileList(props) {
     }
   };
   return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: styles$1e['vitro-file-list-container']
+    className: styles$1d['vitro-file-list-container']
   }, imageList && React__default.createElement(AttachedFileListItem, {
     fileList: imageList,
     maxVisibleFileCount: maxImageCount,
@@ -81490,48 +81524,48 @@ var AttachedFileList = function AttachedFileList(props) {
   })));
 };
 
-var styles$1f = {"vitro-activity-message":"_activity-message_vitro-activity-message_3GdyQuC","vitro-item":"_activity-message_vitro-item_3Q-7zX3","vitro-value":"_activity-message_vitro-value_O4DpuTR","vitro-message":"_activity-message_vitro-message_25otUOy","vitro-field-name":"_activity-message_vitro-field-name_hdjdQbg","vitro-ellipsis":"_activity-message_vitro-ellipsis_1fIRwiW","vitro-value-content":"_activity-message_vitro-value-content_1fdGuBJ","vitro-value-tooltip":"_activity-message_vitro-value-tooltip_3oYwdFU"};
+var styles$1e = {"vitro-activity-message":"_activity-message_vitro-activity-message_3GdyQuC","vitro-item":"_activity-message_vitro-item_3Q-7zX3","vitro-value":"_activity-message_vitro-value_O4DpuTR","vitro-message":"_activity-message_vitro-message_25otUOy","vitro-field-name":"_activity-message_vitro-field-name_hdjdQbg","vitro-ellipsis":"_activity-message_vitro-ellipsis_1fIRwiW","vitro-value-content":"_activity-message_vitro-value-content_1fdGuBJ","vitro-value-tooltip":"_activity-message_vitro-value-tooltip_3oYwdFU"};
 
 var ActivityMessage = function ActivityMessage(props) {
   var onUpdateTooltip = function onUpdateTooltip(isEnabled, element) {
     if (element) {
       if (isEnabled) {
-        element.classList.add(styles$1f['vitro-ellipsis']);
+        element.classList.add(styles$1e['vitro-ellipsis']);
       } else {
-        element.classList.remove(styles$1f['vitro-ellipsis']);
+        element.classList.remove(styles$1e['vitro-ellipsis']);
       }
     }
   };
   return React__default.createElement(React__default.Fragment, null, props.changedValueList.length ? React__default.createElement("div", {
-    className: styles$1f['vitro-activity-message']
+    className: styles$1e['vitro-activity-message']
   }, props.changedValueList.map(function (item) {
     var value = React__default.createElement("div", {
-      className: styles$1f['vitro-value-content']
+      className: styles$1e['vitro-value-content']
     }, item.oldValue && React__default.createElement(React__default.Fragment, null, React__default.createElement("span", {
-      className: styles$1f['vitro-value'],
+      className: styles$1e['vitro-value'],
       dangerouslySetInnerHTML: item.isRichText ? {
         __html: item.oldValue
       } : undefined
     }, item.isRichText ? undefined : item.oldValue), React__default.createElement("div", {
       className: 'vitro-arrow-separator'
     })), item.newValue && React__default.createElement("span", {
-      className: item.isMessage ? styles$1f['vitro-message'] : styles$1f['vitro-value'],
+      className: item.isMessage ? styles$1e['vitro-message'] : styles$1e['vitro-value'],
       dangerouslySetInnerHTML: item.isRichText ? {
         __html: item.newValue
       } : undefined
     }, item.isRichText ? undefined : item.newValue));
     var containerRef = React__default.createRef();
     return React__default.createElement("div", {
-      className: styles$1f['vitro-item'],
+      className: styles$1e['vitro-item'],
       ref: containerRef
     }, item.fieldName && React__default.createElement("span", {
-      className: styles$1f['vitro-field-name']
+      className: styles$1e['vitro-field-name']
     }, "" + item.fieldName + CTRL.COLON), React__default.createElement(ValueTooltip, {
       text: renderToString$1(value),
       isRichText: true,
       containerRef: containerRef,
       isMultiline: true,
-      className: styles$1f['vitro-value-tooltip'],
+      className: styles$1e['vitro-value-tooltip'],
       onUpdate: function onUpdate(isEnabled) {
         return onUpdateTooltip(isEnabled, containerRef.current);
       }
@@ -81561,7 +81595,7 @@ var LOCALE$6;
   LOCALE["ADD_FILE"] = "app.common.messageInput.action.addFile";
 })(LOCALE$6 || (LOCALE$6 = {}));
 
-var styles$1g = {"vitro-attached-file-container":"_attached-file_vitro-attached-file-container_3AhHHlm","vitro-attached-file":"_attached-file_vitro-attached-file_1R6PPQN","vitro-button-remove":"_attached-file_vitro-button-remove_3ehToHf"};
+var styles$1f = {"vitro-attached-file-container":"_attached-file_vitro-attached-file-container_3AhHHlm","vitro-attached-file":"_attached-file_vitro-attached-file_1R6PPQN","vitro-button-remove":"_attached-file_vitro-button-remove_3ehToHf"};
 
 var AttachedFile = function AttachedFile(props) {
   var _useState = React.useState(null),
@@ -81599,23 +81633,23 @@ var AttachedFile = function AttachedFile(props) {
     return null;
   }
   return React__default.createElement("div", {
-    className: styles$1g['vitro-attached-file-container']
+    className: styles$1f['vitro-attached-file-container']
   }, React__default.createElement(Tooltip$1, {
     placement: PLACEMENT.TOP,
     text: localeService.create(LOCALE$6.DELETE_FILE)
   }, React__default.createElement("button", {
-    className: styles$1g['vitro-button-remove'],
+    className: styles$1f['vitro-button-remove'],
     onClick: function onClick() {
       return props.onDelete(props.index);
     }
   })), React__default.createElement(File, Object.assign({
     id: "" + props.index
   }, file, {
-    className: styles$1g['vitro-attached-file']
+    className: styles$1f['vitro-attached-file']
   })));
 };
 
-var styles$1h = {"vitro-message-input":"_message-input_vitro-message-input_3MkcjWD","vitro-control":"_message-input_vitro-control_1PUSjq9","vitro-message":"_message-input_vitro-message_2EJSy-9","vitro-placeholder":"_message-input_vitro-placeholder_1FBfIqN","vitro-button-add-file":"_message-input_vitro-button-add-file_1qdtHHq","vitro-button-send":"_message-input_vitro-button-send_1vktQrZ","vitro-display-none":"_message-input_vitro-display-none_2dYTZ22","vitro-attached-file-list":"_message-input_vitro-attached-file-list_l95S4VR","vitro-flex":"_message-input_vitro-flex_18M_7xU"};
+var styles$1g = {"vitro-message-input":"_message-input_vitro-message-input_3MkcjWD","vitro-control":"_message-input_vitro-control_1PUSjq9","vitro-message":"_message-input_vitro-message_2EJSy-9","vitro-placeholder":"_message-input_vitro-placeholder_1FBfIqN","vitro-button-add-file":"_message-input_vitro-button-add-file_1qdtHHq","vitro-button-send":"_message-input_vitro-button-send_1vktQrZ","vitro-display-none":"_message-input_vitro-display-none_2dYTZ22","vitro-attached-file-list":"_message-input_vitro-attached-file-list_l95S4VR","vitro-flex":"_message-input_vitro-flex_18M_7xU"};
 
 var MessageInput = React.forwardRef(function (props, ref) {
   var _useState = React.useState(true),
@@ -81728,12 +81762,12 @@ var MessageInput = React.forwardRef(function (props, ref) {
     }
   };
   return React__default.createElement("div", {
-    className: styles$1h['vitro-message-input'],
+    className: styles$1g['vitro-message-input'],
     onDrop: props.onDrop
   }, React__default.createElement("div", {
-    className: styles$1h['vitro-control']
+    className: styles$1g['vitro-control']
   }, fileList.length ? React__default.createElement("div", {
-    className: styles$1h['vitro-attached-file-list']
+    className: styles$1g['vitro-attached-file-list']
   }, React__default.createElement(ScrollBar, null, fileList.map(function (file, index) {
     return React__default.createElement(AttachedFile, {
       key: index,
@@ -81744,11 +81778,11 @@ var MessageInput = React.forwardRef(function (props, ref) {
       getFileSize: props.getFileSize
     });
   }))) : null, React__default.createElement(FlexBox, {
-    className: styles$1h['vitro-flex']
+    className: styles$1g['vitro-flex']
   }, !props.isDisabled && React__default.createElement(ScrollBar, {
     isHideScrollX: true
   }, React__default.createElement("div", {
-    className: styles$1h['vitro-message'],
+    className: styles$1g['vitro-message'],
     ref: inputRef,
     onInput: onChange,
     onKeyDown: onKeyDown,
@@ -81758,20 +81792,20 @@ var MessageInput = React.forwardRef(function (props, ref) {
     onDrop: onDrop,
     contentEditable: true
   }, isShowPlaceholder && React__default.createElement("span", {
-    className: styles$1h['vitro-placeholder']
+    className: styles$1g['vitro-placeholder']
   }, props.placeholder || localeService.create(LOCALE$6.PLACEHOLDER)))), props.children, props.onSelectFiles && React__default.createElement(React__default.Fragment, null, React__default.createElement(ImageButton, {
     onClick: selectFile,
     tooltipText: localeService.create(LOCALE$6.ADD_FILE),
-    className: styles$1h['vitro-button-add-file']
+    className: styles$1g['vitro-button-add-file']
   }), React__default.createElement("input", {
     type: 'file',
     onChange: onSelectFile,
     ref: fileInputRef,
-    className: styles$1h['vitro-display-none'],
+    className: styles$1g['vitro-display-none'],
     multiple: true
   })))), React__default.createElement(ImageButton, {
     onClick: onEnter,
-    className: styles$1h['vitro-button-send']
+    className: styles$1g['vitro-button-send']
   }));
 });
 
@@ -81786,7 +81820,7 @@ var LOCALE$7;
   LOCALE["ACTION_DELETE"] = "app.common.action.delete";
 })(LOCALE$7 || (LOCALE$7 = {}));
 
-var styles$1i = {"vitro-image-picker-root":"_image-picker_vitro-image-picker-root_AqOYRhP","vitro-image-picker-dropdown-wrapper":"_image-picker_vitro-image-picker-dropdown-wrapper_8Tr_BBS","vitro-image-picker-defaultImage-wrapper":"_image-picker_vitro-image-picker-defaultImage-wrapper_1BHZ1he","vitro-image-picker-image-wrapper":"_image-picker_vitro-image-picker-image-wrapper_328OVLU","vitro-image-picker-input":"_image-picker_vitro-image-picker-input_12jFFNU","vitro-image-default":"_image-picker_vitro-image-default_LhN4iy6","vitro-image-picker-label-wrapper":"_image-picker_vitro-image-picker-label-wrapper_WRLzUYM","vitro-image-picker-wrapper":"_image-picker_vitro-image-picker-wrapper_dlZyYFL","vitro-required":"_image-picker_vitro-required_2lpwlb0"};
+var styles$1h = {"vitro-image-picker-root":"_image-picker_vitro-image-picker-root_AqOYRhP","vitro-image-picker-dropdown-wrapper":"_image-picker_vitro-image-picker-dropdown-wrapper_8Tr_BBS","vitro-image-picker-defaultImage-wrapper":"_image-picker_vitro-image-picker-defaultImage-wrapper_1BHZ1he","vitro-image-picker-image-wrapper":"_image-picker_vitro-image-picker-image-wrapper_328OVLU","vitro-image-picker-input":"_image-picker_vitro-image-picker-input_12jFFNU","vitro-image-default":"_image-picker_vitro-image-default_LhN4iy6","vitro-image-picker-label-wrapper":"_image-picker_vitro-image-picker-label-wrapper_WRLzUYM","vitro-image-picker-wrapper":"_image-picker_vitro-image-picker-wrapper_dlZyYFL","vitro-required":"_image-picker_vitro-required_2lpwlb0"};
 
 var ImagePicker = function ImagePicker(props) {
   var localeService = inversifyReact.useInjection(SERVICE.LOCALE);
@@ -81794,16 +81828,16 @@ var ImagePicker = function ImagePicker(props) {
   var renderPreview = function renderPreview() {
     if (props.defaultUrl) {
       return React__default.createElement("div", {
-        className: props.classNameDefaultImage ? props.classNameDefaultImage : styles$1i['vitro-image-picker-image-wrapper']
+        className: props.classNameDefaultImage ? props.classNameDefaultImage : styles$1h['vitro-image-picker-image-wrapper']
       }, React__default.createElement(Image, {
         defaultUrl: props.defaultUrl,
-        className: props.classNameImage ? props.classNameImage : styles$1i['vitro-image-picker-image']
+        className: props.classNameImage ? props.classNameImage : styles$1h['vitro-image-picker-image']
       }));
     } else {
       return React__default.createElement("div", {
-        className: props.classNameDefaultImage ? props.classNameDefaultImage : styles$1i['vitro-image-picker-defaultImage-wrapper']
+        className: props.classNameDefaultImage ? props.classNameDefaultImage : styles$1h['vitro-image-picker-defaultImage-wrapper']
       }, React__default.createElement("div", {
-        className: styles$1i['vitro-image-default']
+        className: styles$1h['vitro-image-default']
       }));
     }
   };
@@ -81843,19 +81877,19 @@ var ImagePicker = function ImagePicker(props) {
     return (_props$itemList = props.itemList) !== null && _props$itemList !== void 0 && _props$itemList.length ? result.concat(props.itemList) : result;
   }, [props.itemList, props.defaultUrl]);
   return React__default.createElement("div", {
-    className: styles$1i['vitro-image-picker-wrapper']
+    className: styles$1h['vitro-image-picker-wrapper']
   }, React__default.createElement("div", {
-    className: styles$1i['vitro-image-picker-label-wrapper']
+    className: styles$1h['vitro-image-picker-label-wrapper']
   }, props.label ? props.label : '', props.isRequired && React__default.createElement("span", {
-    className: styles$1i['vitro-required']
+    className: styles$1h['vitro-required']
   }, CTRL.ASTERISK)), React__default.createElement("div", {
-    className: props.classNameRoot ? props.classNameRoot : styles$1i['vitro-image-picker-root']
+    className: props.classNameRoot ? props.classNameRoot : styles$1h['vitro-image-picker-root']
   }, !props.isReadOnly && React__default.createElement(DropdownButton, {
     itemList: defaultItemList,
-    className: styles$1i['vitro-image-picker-dropdown-wrapper']
+    className: styles$1h['vitro-image-picker-dropdown-wrapper']
   }), React__default.createElement("input", {
     type: 'file',
-    className: styles$1i['vitro-image-picker-input'],
+    className: styles$1h['vitro-image-picker-input'],
     ref: inputFileRef,
     onChange: onChange,
     accept: 'image/*'
@@ -81864,7 +81898,7 @@ var ImagePicker = function ImagePicker(props) {
   }));
 };
 
-var styles$1j = {"vitro-criterion-container":"_criterion_vitro-criterion-container_2cYcSkL","vitro-control":"_criterion_vitro-control_2JLaybj","vitro-label":"_criterion_vitro-label_3F6a8dj","vitro-operator-select-container":"_criterion_vitro-operator-select-container_3OkjzXG","vitro-operator-select":"_criterion_vitro-operator-select_1guNlk9","vitro-operator-list":"_criterion_vitro-operator-list_3A2VZsd","vitro-button-cancel":"_criterion_vitro-button-cancel_2C2G0sL","vitro-focus":"_criterion_vitro-focus_3FNLsoN","vitro-error":"_criterion_vitro-error_3pvFrlW","vitro-condition-select":"_criterion_vitro-condition-select_1hTBBg-","vitro-image":"_criterion_vitro-image_1f6DKPL","vitro-condition-list-container":"_criterion_vitro-condition-list-container_ERfumwB","vitro-operator-list-container":"_criterion_vitro-operator-list-container_RgT0R_Z","vitro-condition-list":"_criterion_vitro-condition-list_10UIxJI","vitro-condition":"_criterion_vitro-condition_2RFixrp","vitro-criterion-container-mobile":"_criterion_vitro-criterion-container-mobile_1yxaJHi"};
+var styles$1i = {"vitro-criterion-container":"_criterion_vitro-criterion-container_2cYcSkL","vitro-control":"_criterion_vitro-control_2JLaybj","vitro-label":"_criterion_vitro-label_3F6a8dj","vitro-operator-select-container":"_criterion_vitro-operator-select-container_3OkjzXG","vitro-operator-select":"_criterion_vitro-operator-select_1guNlk9","vitro-operator-list":"_criterion_vitro-operator-list_3A2VZsd","vitro-button-cancel":"_criterion_vitro-button-cancel_2C2G0sL","vitro-focus":"_criterion_vitro-focus_3FNLsoN","vitro-error":"_criterion_vitro-error_3pvFrlW","vitro-condition-select":"_criterion_vitro-condition-select_1hTBBg-","vitro-image":"_criterion_vitro-image_1f6DKPL","vitro-condition-list-container":"_criterion_vitro-condition-list-container_ERfumwB","vitro-operator-list-container":"_criterion_vitro-operator-list-container_RgT0R_Z","vitro-condition-list":"_criterion_vitro-condition-list_10UIxJI","vitro-condition":"_criterion_vitro-condition_2RFixrp","vitro-criterion-container-mobile":"_criterion_vitro-criterion-container-mobile_1yxaJHi"};
 
 var ConditionSelect = React.forwardRef(function (props, ref) {
   var _useState = React.useState(props.defaultValue || props.itemList[0]),
@@ -81898,33 +81932,33 @@ var ConditionSelect = React.forwardRef(function (props, ref) {
   };
   var getCondition = function getCondition(props) {
     return React__default.createElement(FlexBox, {
-      className: styles$1j['vitro-condition']
+      className: styles$1i['vitro-condition']
     }, props.imageUrl && React__default.createElement(Image, {
       defaultUrl: props.imageUrl
     }), props.text);
   };
   return React__default.createElement(React__default.Fragment, null, condition && React__default.createElement("div", {
     ref: ref,
-    className: styles$1j['vitro-condition-select']
+    className: styles$1i['vitro-condition-select']
   }, React__default.createElement("div", {
     onClick: toggleSelect
   }, condition.imageUrl ? React__default.createElement(Image, {
     defaultUrl: condition.imageUrl,
-    className: styles$1j['vitro-image']
+    className: styles$1i['vitro-image']
   }) : condition.text), React__default.createElement(Overlay$2, {
     isShow: showSelectList,
     isFlip: true,
     placement: [exports.PLACEMENT.AUTO, exports.PLACEMENT.START].join(CTRL.DASH),
     allowedAutoPlacements: [[exports.PLACEMENT.BOTTOM, exports.PLACEMENT.START].join(CTRL.DASH), [exports.PLACEMENT.TOP, exports.PLACEMENT.START].join(CTRL.DASH)],
     target: ref.current,
-    className: styles$1j['vitro-condition-list-container']
+    className: styles$1i['vitro-condition-list-container']
   }, React__default.createElement(List, {
     ref: listRef,
     itemList: props.itemList,
     itemTemplate: getCondition,
     onClick: onClick,
     onBlur: onBlur,
-    className: styles$1j['vitro-condition-list']
+    className: styles$1i['vitro-condition-list']
   }))));
 });
 
@@ -81999,13 +82033,13 @@ var Criterion = function Criterion(props) {
     onChange(value);
   };
   var onFocus = function onFocus(e) {
-    setState(styles$1j['vitro-focus']);
+    setState(styles$1i['vitro-focus']);
     if (componentProps.onFocus) {
       componentProps.onFocus(e);
     }
   };
   var onBlur = function onBlur(e) {
-    setState(componentProps.errorMessage ? styles$1j['vitro-error'] : CTRL.EMPTY);
+    setState(componentProps.errorMessage ? styles$1i['vitro-error'] : CTRL.EMPTY);
     if (componentProps.onBlur) {
       componentProps.onBlur(e);
     }
@@ -82020,39 +82054,39 @@ var Criterion = function Criterion(props) {
     onChange(value);
   };
   return React__default.createElement(FlexBox, {
-    className: props.isMobileView ? styles$1j['vitro-criterion-container-mobile'] : styles$1j['vitro-criterion-container']
+    className: props.isMobileView ? styles$1i['vitro-criterion-container-mobile'] : styles$1i['vitro-criterion-container']
   }, props.operatorList && operator ? React__default.createElement("div", {
-    className: styles$1j['vitro-operator-select-container']
+    className: styles$1i['vitro-operator-select-container']
   }, props.isShowOperatorSelect && React__default.createElement(FlexBox, {
     ref: operatorSelectRef,
-    className: styles$1j['vitro-operator-select'],
+    className: styles$1i['vitro-operator-select'],
     onClick: toggleOperatorSelect
   }, React__default.createElement("div", null, operator.text)), React__default.createElement(Overlay$2, {
     isShow: showOperatorSelectList,
     isFlip: true,
     target: operatorSelectRef.current,
     placement: exports.PLACEMENT.BOTTOM + CTRL.DASH + exports.PLACEMENT.END,
-    className: styles$1j['vitro-operator-list-container']
+    className: styles$1i['vitro-operator-list-container']
   }, React__default.createElement(List, {
     itemList: props.operatorList,
     itemTemplate: function itemTemplate(props) {
       return React__default.createElement(React__default.Fragment, null, props.text);
     },
     onClick: onOperatorClick,
-    className: styles$1j['vitro-operator-list']
+    className: styles$1i['vitro-operator-list']
   }))) : CTRL.EMPTY, React__default.createElement("div", {
-    className: styles$1j['vitro-control'] + CTRL.SPACE + state
+    className: styles$1i['vitro-control'] + CTRL.SPACE + state
   }, React__default.createElement(Label, {
     ref: labelRef,
     text: props.label,
-    className: styles$1j['vitro-label']
+    className: styles$1i['vitro-label']
   }), React__default.createElement(ConditionSelect, {
     ref: conditionSelectRef,
     itemList: props.conditionList,
     onSelect: onConditionClick,
     defaultValue: defaultCondition
   }), React__default.createElement(props.content.component, _extends({}, componentProps, {
-    className: styles$1j['vitro-control'],
+    className: styles$1i['vitro-control'],
     onBlur: onBlur,
     onFocus: onFocus,
     onChange: onControlChange,
@@ -82064,11 +82098,11 @@ var Criterion = function Criterion(props) {
     onClick: function onClick() {
       return props.onDelete(componentProps.controlKey);
     },
-    className: styles$1j['vitro-button-cancel']
+    className: styles$1i['vitro-button-cancel']
   }));
 };
 
-var styles$1k = {"vitro-criterion-container":"_item_vitro-criterion-container_3cAvpK0","vitro-control":"_item_vitro-control_2yXKeQZ","vitro-label":"_item_vitro-label_1UoRViU","vitro-button-cancel":"_item_vitro-button-cancel_3FPRPrk","vitro-focus":"_item_vitro-focus_1VqbeO1","vitro-error":"_item_vitro-error_2VnXFaz","vitro-image":"_item_vitro-image_24giw0o"};
+var styles$1j = {"vitro-criterion-container":"_item_vitro-criterion-container_3cAvpK0","vitro-control":"_item_vitro-control_2yXKeQZ","vitro-label":"_item_vitro-label_1UoRViU","vitro-button-cancel":"_item_vitro-button-cancel_3FPRPrk","vitro-focus":"_item_vitro-focus_1VqbeO1","vitro-error":"_item_vitro-error_2VnXFaz","vitro-image":"_item_vitro-image_24giw0o"};
 
 var Item$3 = function Item(props) {
   var _useState = React.useState(CTRL.EMPTY),
@@ -82083,13 +82117,13 @@ var Item$3 = function Item(props) {
   }, []);
   var labelRef = React.useRef(null);
   var onFocus = function onFocus(e) {
-    setState(styles$1k['vitro-focus']);
+    setState(styles$1j['vitro-focus']);
     if (componentProps.onFocus) {
       componentProps.onFocus(e);
     }
   };
   var onBlur = function onBlur(e) {
-    setState(componentProps.errorMessage ? styles$1k['vitro-error'] : CTRL.EMPTY);
+    setState(componentProps.errorMessage ? styles$1j['vitro-error'] : CTRL.EMPTY);
     if (componentProps.onBlur) {
       componentProps.onBlur(e);
     }
@@ -82104,15 +82138,15 @@ var Item$3 = function Item(props) {
     onChange(value);
   };
   return React__default.createElement(FlexBox, {
-    className: props.isMobileView ? styles$1k['vitro-criterion-container-mobile'] : styles$1k['vitro-criterion-container']
+    className: props.isMobileView ? styles$1j['vitro-criterion-container-mobile'] : styles$1j['vitro-criterion-container']
   }, React__default.createElement("div", {
-    className: styles$1k['vitro-control'] + CTRL.SPACE + state
+    className: styles$1j['vitro-control'] + CTRL.SPACE + state
   }, React__default.createElement(Label, {
     ref: labelRef,
     text: props.label,
-    className: styles$1k['vitro-label']
+    className: styles$1j['vitro-label']
   }), React__default.createElement(props.content.component, _extends({}, componentProps, {
-    className: styles$1k['vitro-control'],
+    className: styles$1j['vitro-control'],
     onBlur: onBlur,
     onFocus: onFocus,
     onChange: onControlChange,
@@ -82124,11 +82158,11 @@ var Item$3 = function Item(props) {
     onClick: function onClick() {
       return props.onDelete(componentProps.id);
     },
-    className: styles$1k['vitro-button-cancel']
+    className: styles$1j['vitro-button-cancel']
   }));
 };
 
-var styles$1l = {"vitro-field-iterator":"_editable-field-iterator_vitro-field-iterator_myx5yu3"};
+var styles$1k = {"vitro-field-iterator":"_editable-field-iterator_vitro-field-iterator_myx5yu3"};
 
 var EditableFieldIterator = function EditableFieldIterator(props) {
   var _useState = React.useState(null),
@@ -82188,7 +82222,7 @@ var EditableFieldIterator = function EditableFieldIterator(props) {
     props.onChange(changedFieldValueMap);
   };
   return React__default.createElement("div", {
-    className: styles$1l['vitro-filter']
+    className: styles$1k['vitro-filter']
   }, props.isNoScrollBar ? componentMap && React__default.createElement(FieldIterator, {
     fieldList: props.fieldList,
     fieldValueMap: fieldValueMap,
@@ -82196,9 +82230,9 @@ var EditableFieldIterator = function EditableFieldIterator(props) {
     componentMap: componentMap,
     onChange: onChange,
     isVisibleOverflow: true,
-    className: styles$1l['vitro-field-iterator']
+    className: styles$1k['vitro-field-iterator']
   }) : React__default.createElement(ScrollBar, {
-    className: styles$1l['vitro-scrollbar']
+    className: styles$1k['vitro-scrollbar']
   }, componentMap && React__default.createElement(FieldIterator, {
     fieldList: props.fieldList,
     fieldValueMap: fieldValueMap,
@@ -82206,11 +82240,11 @@ var EditableFieldIterator = function EditableFieldIterator(props) {
     componentMap: componentMap,
     onChange: onChange,
     isVisibleOverflow: true,
-    className: styles$1l['vitro-field-iterator']
+    className: styles$1k['vitro-field-iterator']
   })));
 };
 
-var styles$1m = {"vitro-field-iterator":"_criterion-field-iterator_vitro-field-iterator_24abkh9","vitro-add-field":"_criterion-field-iterator_vitro-add-field_c1abzX_","vitro-add-field-button":"_criterion-field-iterator_vitro-add-field-button_2oPndf7","vitro-add-field-dialog":"_criterion-field-iterator_vitro-add-field-dialog_3QlfaQE"};
+var styles$1l = {"vitro-field-iterator":"_criterion-field-iterator_vitro-field-iterator_24abkh9","vitro-add-field":"_criterion-field-iterator_vitro-add-field_c1abzX_","vitro-add-field-button":"_criterion-field-iterator_vitro-add-field-button_2oPndf7","vitro-add-field-dialog":"_criterion-field-iterator_vitro-add-field-dialog_3QlfaQE"};
 
 var CriterionFieldIterator = function CriterionFieldIterator(props) {
   var _useState = React.useState(null),
@@ -82280,9 +82314,9 @@ var CriterionFieldIterator = function CriterionFieldIterator(props) {
     componentMap: componentMap,
     onChange: onChange,
     isClearChangedFieldValueMap: props.isClearChangedFieldValueMap,
-    className: styles$1m['vitro-field-iterator'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$1l['vitro-field-iterator'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }) : React__default.createElement(ScrollBar, {
-    className: styles$1m['vitro-scrollbar']
+    className: styles$1l['vitro-scrollbar']
   }, componentMap && React__default.createElement(FieldIterator, {
     fieldList: props.fieldList,
     fieldValueMap: fieldValueMap,
@@ -82290,7 +82324,7 @@ var CriterionFieldIterator = function CriterionFieldIterator(props) {
     componentMap: componentMap,
     onChange: onChange,
     isClearChangedFieldValueMap: props.isClearChangedFieldValueMap,
-    className: styles$1m['vitro-field-iterator'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$1l['vitro-field-iterator'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   })));
 };
 
@@ -82300,7 +82334,7 @@ var LOCALE$8;
   LOCALE["PLACEHOLDER"] = "app.common.searchInput.placeholder";
 })(LOCALE$8 || (LOCALE$8 = {}));
 
-var styles$1n = {"vitro-search-input":"_search-input_vitro-search-input_3M9i4Gi","vitro-search-value-list":"_search-input_vitro-search-value-list_1Gqj4bm","vitro-button-cancel":"_search-input_vitro-button-cancel_xqdMNLo","vitro-search-value":"_search-input_vitro-search-value_TJm1BCf","vitro-search-input-mobile":"_search-input_vitro-search-input-mobile_1H1USnO"};
+var styles$1m = {"vitro-search-input":"_search-input_vitro-search-input_3M9i4Gi","vitro-search-value-list":"_search-input_vitro-search-value-list_1Gqj4bm","vitro-button-cancel":"_search-input_vitro-button-cancel_xqdMNLo","vitro-search-value":"_search-input_vitro-search-value_TJm1BCf","vitro-search-input-mobile":"_search-input_vitro-search-input-mobile_1H1USnO"};
 
 var NEW_LINE = '\n';
 var SearchInput = function SearchInput(props) {
@@ -82390,7 +82424,7 @@ var SearchInput = function SearchInput(props) {
     return list.join(NEW_LINE);
   };
   var getClassName = function getClassName() {
-    var classList = [props.isMobileView ? styles$1n['vitro-search-input-mobile'] : styles$1n['vitro-search-input'], props.className || CTRL.EMPTY, state];
+    var classList = [props.isMobileView ? styles$1m['vitro-search-input-mobile'] : styles$1m['vitro-search-input'], props.className || CTRL.EMPTY, state];
     if (props.isActive) {
       classList.push('vitro-active');
     }
@@ -82400,24 +82434,24 @@ var SearchInput = function SearchInput(props) {
     var firstValue = valueList[0];
     var list = valueList.slice(1);
     return React__default.createElement(React__default.Fragment, null, React__default.createElement(FlexBox, {
-      className: styles$1n['vitro-search-value']
+      className: styles$1m['vitro-search-value']
     }, React__default.createElement("span", null, getTextValue(firstValue)), React__default.createElement(ImageButton, {
       onClick: function onClick() {
         return onRemoveValue([firstValue]);
       },
-      className: styles$1n['vitro-button-cancel']
+      className: styles$1m['vitro-button-cancel']
     })), list.length >= 1 ? React__default.createElement(Tooltip$1, {
       text: getTextValueList(list),
       placement: PLACEMENT.BOTTOM
     }, React__default.createElement("div", null, React__default.createElement(FlexBox, {
-      className: styles$1n['vitro-search-value']
+      className: styles$1m['vitro-search-value']
     }, localeService.create(LOCALE$8.VALUE_COUNT, {
       count: list.length
     }), React__default.createElement(ImageButton, {
       onClick: function onClick() {
         return onRemoveValue(list);
       },
-      className: styles$1n['vitro-button-cancel']
+      className: styles$1m['vitro-button-cancel']
     })))) : null);
   };
   return React__default.createElement(FlexBox, {
@@ -82426,7 +82460,7 @@ var SearchInput = function SearchInput(props) {
     className: 'vitro-button-search',
     onClick: props.onSearchClick ? props.onSearchClick : onSubmit
   }), !props.isMobileView && React__default.createElement(React__default.Fragment, null, React__default.createElement(FlexBox, {
-    className: styles$1n['vitro-search-value-list']
+    className: styles$1m['vitro-search-value-list']
   }, props.searchCriterionList && props.searchCriterionList.length ? getSelectedValueList(props.searchCriterionList) : React__default.createElement("input", {
     type: 'text',
     ref: inputRef,
@@ -82437,7 +82471,7 @@ var SearchInput = function SearchInput(props) {
     placeholder: !props.isActive ? props.placeholder || localeService.create(LOCALE$8.PLACEHOLDER) : CTRL.EMPTY
   })), props.children, value || (_props$searchCriterio = props.searchCriterionList) !== null && _props$searchCriterio !== void 0 && _props$searchCriterio.length || props.isActive ? React__default.createElement(ImageButton, {
     onClick: onCancel,
-    className: styles$1n['vitro-button-cancel']
+    className: styles$1m['vitro-button-cancel']
   }) : null));
 };
 
@@ -82446,7 +82480,7 @@ var LOCALE$9;
   LOCALE["EMPTY_PLACEHOLDER"] = "app.common.searchValueList.emptyPlaceholder";
 })(LOCALE$9 || (LOCALE$9 = {}));
 
-var styles$1o = {"vitro-search-input-container":"_search-value-list_vitro-search-input-container_167CEqB","vitro-empty-placeholder":"_search-value-list_vitro-empty-placeholder_2f08lDK"};
+var styles$1n = {"vitro-search-input-container":"_search-value-list_vitro-search-input-container_167CEqB","vitro-empty-placeholder":"_search-value-list_vitro-empty-placeholder_2f08lDK"};
 
 var SearchValueList = function SearchValueList(props) {
   var _useState = React.useState(props.itemList),
@@ -82473,7 +82507,7 @@ var SearchValueList = function SearchValueList(props) {
   return React__default.createElement("div", {
     className: props.className || CTRL.EMPTY
   }, React__default.createElement("div", {
-    className: styles$1o['vitro-search-input-container']
+    className: styles$1n['vitro-search-input-container']
   }, React__default.createElement(SearchInput, {
     onCancel: onSearchCancel,
     onChange: onInputChange,
@@ -82485,11 +82519,11 @@ var SearchValueList = function SearchValueList(props) {
       return x.id === item.id;
     })) === null || _props$isItemOverflow2 === void 0 ? void 0 : _props$isItemOverflow2.isShow);
   }) : React__default.createElement("span", {
-    className: styles$1o['vitro-empty-placeholder']
+    className: styles$1n['vitro-empty-placeholder']
   }, props.emptyPlaceHolder || localeService.create(LOCALE$9.EMPTY_PLACEHOLDER))));
 };
 
-var styles$1p = {"vitro-list":"_list_vitro-list_1I2JJ6w","vitro-item":"_list_vitro-item_2XsFSic"};
+var styles$1o = {"vitro-list":"_list_vitro-list_1I2JJ6w","vitro-item":"_list_vitro-item_2XsFSic"};
 
 var CSS_CLASS_ITEM_TOOLTIP = 'vitro-list-item-tooltip';
 var CSS_CLASS_SEARCH_ITEM_TOOLTIP = 'vitro-search-list-item-tooltip';
@@ -82568,7 +82602,7 @@ var List$1 = React.forwardRef(function (props, ref) {
       className: CSS_CLASS_ITEM_TOOLTIP + (props.isSearch ? CTRL.SPACE + CSS_CLASS_SEARCH_ITEM_TOOLTIP : CTRL.EMPTY),
       isShow: isShow ? undefined : false
     }, React__default.createElement("div", {
-      className: styles$1p[CSS_CLASS_ITEM]
+      className: styles$1o[CSS_CLASS_ITEM]
     }, React__default.createElement("a", {
       ref: function ref(element) {
         return itemRef.current[item.id] = element;
@@ -82583,7 +82617,7 @@ var List$1 = React.forwardRef(function (props, ref) {
   };
   var getItemTemplateMobile = function getItemTemplateMobile(item) {
     return React__default.createElement("div", {
-      className: styles$1p[CSS_CLASS_ITEM]
+      className: styles$1o[CSS_CLASS_ITEM]
     }, React__default.createElement("a", {
       ref: function ref(element) {
         return itemRef.current[item.id] = element;
@@ -82597,18 +82631,18 @@ var List$1 = React.forwardRef(function (props, ref) {
     return item.name;
   };
   return React__default.createElement("div", {
-    className: styles$1p[CSS_CLASS_LIST],
+    className: styles$1o[CSS_CLASS_LIST],
     ref: ref
   }, React__default.createElement(SearchValueList, {
     itemList: props.itemList,
     valueTemplate: props.isMobileView ? getItemTemplateMobile : getItemTemplate,
     filterValueTemplate: filterValueTemplate,
-    className: styles$1p[CSS_CLASS_SEARCH_VALUE_LIST],
+    className: styles$1o[CSS_CLASS_SEARCH_VALUE_LIST],
     isItemOverflowList: isItemOverflowList
   }));
 });
 
-var styles$1q = {"vitro-search":"_search_vitro-search_QkJksC_","vitro-active":"_search_vitro-active_1HhQOCR","vitro-settings-dialog":"_search_vitro-settings-dialog_1_c5bIg","vitro-filter-container":"_search_vitro-filter-container_3p6D0hI","vitro-filter":"_search_vitro-filter_2n-Y-mS","vitro-field-iterator":"_search_vitro-field-iterator_2xhcd1b","vitro-search-mobile":"_search_vitro-search-mobile_XsKRflV","vitro-add-field":"_search_vitro-add-field_2hHt1Z2","vitro-add-field-button":"_search_vitro-add-field-button_30hdXYn","vitro-add-field-dialog":"_search_vitro-add-field-dialog_3gC92SF","vitro-button-group":"_search_vitro-button-group_1VuZJdq","vitro-button":"_search_vitro-button_1kaitIg","vitro-button-cancel":"_search_vitro-button-cancel_1M8UkMM","vitro-button-settings":"_search_vitro-button-settings_oJCn__t","vitro-settings-dialog-mobile":"_search_vitro-settings-dialog-mobile_1no71m6","vitro-settings-dialog-header":"_search_vitro-settings-dialog-header_vID4BE6","vitro-settings-dialog-footer":"_search_vitro-settings-dialog-footer_11fP4FC","vitro-scrollbar":"_search_vitro-scrollbar_3Xg3VXI"};
+var styles$1p = {"vitro-search":"_search_vitro-search_QkJksC_","vitro-active":"_search_vitro-active_1HhQOCR","vitro-settings-dialog":"_search_vitro-settings-dialog_1_c5bIg","vitro-filter-container":"_search_vitro-filter-container_3p6D0hI","vitro-filter":"_search_vitro-filter_2n-Y-mS","vitro-field-iterator":"_search_vitro-field-iterator_2xhcd1b","vitro-search-mobile":"_search_vitro-search-mobile_XsKRflV","vitro-add-field":"_search_vitro-add-field_2hHt1Z2","vitro-add-field-button":"_search_vitro-add-field-button_30hdXYn","vitro-add-field-dialog":"_search_vitro-add-field-dialog_3gC92SF","vitro-button-group":"_search_vitro-button-group_1VuZJdq","vitro-button":"_search_vitro-button_1kaitIg","vitro-button-cancel":"_search_vitro-button-cancel_1M8UkMM","vitro-button-settings":"_search_vitro-button-settings_oJCn__t","vitro-settings-dialog-mobile":"_search_vitro-settings-dialog-mobile_1no71m6","vitro-settings-dialog-header":"_search_vitro-settings-dialog-header_vID4BE6","vitro-settings-dialog-footer":"_search_vitro-settings-dialog-footer_11fP4FC","vitro-scrollbar":"_search_vitro-scrollbar_3Xg3VXI"};
 
 var AddFieldButton = React.forwardRef(function (props, ref) {
   var _props$filterContaine;
@@ -82639,12 +82673,12 @@ var AddFieldButton = React.forwardRef(function (props, ref) {
     props.onFieldListChange(id);
   };
   return React__default.createElement("div", {
-    className: styles$1q['vitro-add-field']
+    className: styles$1p['vitro-add-field']
   }, React__default.createElement(Button$2, {
     ref: addFieldButtonRef,
     text: props.labelAddField,
     onClick: props.onAddField,
-    className: styles$1q['vitro-add-field-button'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
+    className: styles$1p['vitro-add-field-button'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
     imageUrl: props.imageUrl,
     imageHoverUrl: props.imageHoverUrl,
     imageClassName: props.imageClassName
@@ -82654,7 +82688,7 @@ var AddFieldButton = React.forwardRef(function (props, ref) {
     target: addFieldButtonRef.current,
     container: (_props$filterContaine = props.filterContainerRef) !== null && _props$filterContaine !== void 0 && _props$filterContaine.current ? props.filterContainerRef.current : undefined,
     placement: props.isMobileView ? undefined : exports.PLACEMENT.AUTO + CTRL.DASH + exports.PLACEMENT.START,
-    className: styles$1q['vitro-add-field-dialog'],
+    className: styles$1p['vitro-add-field-dialog'],
     allowedAutoPlacements: props.isMobileView ? undefined : [[exports.PLACEMENT.RIGHT, exports.PLACEMENT.START].join(CTRL.DASH), [exports.PLACEMENT.RIGHT, exports.PLACEMENT.END].join(CTRL.DASH)]
   }, React__default.createElement(List$1, {
     ref: addFieldListRef,
@@ -82725,7 +82759,7 @@ var Search = function Search(props) {
   }, [filterFieldList]);
   React.useEffect(function () {
     if (selectedSearchCriterionList.length) {
-      setState(styles$1q['vitro-active']);
+      setState(styles$1p['vitro-active']);
     }
   }, [selectedSearchCriterionList]);
   React.useEffect(function () {
@@ -82889,7 +82923,7 @@ var Search = function Search(props) {
     setIsShowAddFieldDialog(false);
   };
   var onFocusInput = function onFocusInput() {
-    setState(styles$1q['vitro-active']);
+    setState(styles$1p['vitro-active']);
   };
   var onRemoveValue = function onRemoveValue(valueList) {
     setSearchCriterionList(valueList);
@@ -82928,7 +82962,7 @@ var Search = function Search(props) {
     });
   };
   var content = React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: styles$1q['vitro-filter-container']
+    className: styles$1p['vitro-filter-container']
   }, React__default.createElement(CriterionFieldIterator, {
     fieldList: filterFieldList,
     valueList: selectedSearchCriterionList,
@@ -82939,7 +82973,7 @@ var Search = function Search(props) {
     getConditionList: props.getConditionList,
     getDefaultCondition: props.getDefaultCondition,
     isMobileView: props.isMobileView,
-    className: styles$1q['vitro-filter']
+    className: styles$1p['vitro-filter']
   }), isShowAddFieldButton && React__default.createElement(AddFieldButton, {
     ref: addFieldComponentRef,
     labelAddField: props.labelAddField,
@@ -82952,19 +82986,19 @@ var Search = function Search(props) {
     onBlur: onBlurAddFieldDialog,
     isSearch: true
   }), !props.isMobileView && React__default.createElement(ButtonGroup, {
-    className: styles$1q['vitro-button-group']
+    className: styles$1p['vitro-button-group']
   }, React__default.createElement(Button$2, {
     text: props.labelCancel,
     onClick: onCancel,
-    className: styles$1q['vitro-button-cancel']
+    className: styles$1p['vitro-button-cancel']
   }), React__default.createElement(Button$2, {
     text: props.labelSearch,
     onClick: onSearch,
-    className: styles$1q['vitro-button']
+    className: styles$1p['vitro-button']
   }))));
   return React__default.createElement("div", {
     ref: searchRef,
-    className: (props.isMobileView || props.isMinifiedInput ? styles$1q['vitro-search-mobile'] : styles$1q['vitro-search']) + CTRL.SPACE + state
+    className: (props.isMobileView || props.isMinifiedInput ? styles$1p['vitro-search-mobile'] : styles$1p['vitro-search']) + CTRL.SPACE + state
   }, React__default.createElement(SearchInput, {
     searchCriterionList: selectedSearchCriterionList,
     onCancel: onCancelSearch,
@@ -82976,10 +83010,10 @@ var Search = function Search(props) {
     onFocus: onFocusInput,
     isActive: state || isShowDialog ? true : false,
     isMobileView: props.isMobileView ? true : props.isMinifiedInput,
-    className: styles$1q['vitro-control']
+    className: styles$1p['vitro-control']
   }, (state || isShowDialog) && React__default.createElement(ImageButton, {
     onClick: onSettingsClick,
-    className: styles$1q['vitro-button-settings'] + (isShowDialog ? CTRL.SPACE + styles$1q['vitro-active'] : CTRL.EMPTY)
+    className: styles$1p['vitro-button-settings'] + (isShowDialog ? CTRL.SPACE + styles$1p['vitro-active'] : CTRL.EMPTY)
   })), isShowDialog && (props.isMobileView ? React__default.createElement(Dialog, {
     title: props.inputPlaceholder || CTRL.EMPTY,
     onClose: closeSettings,
@@ -82987,14 +83021,14 @@ var Search = function Search(props) {
       text: props.labelSearch,
       onClick: onSearch
     }],
-    className: styles$1q['vitro-settings-dialog-mobile'],
-    headerClassName: styles$1q['vitro-settings-dialog-header'],
-    footerClassName: styles$1q['vitro-settings-dialog-footer'],
+    className: styles$1p['vitro-settings-dialog-mobile'],
+    headerClassName: styles$1p['vitro-settings-dialog-header'],
+    footerClassName: styles$1p['vitro-settings-dialog-footer'],
     isDismissible: true
   }, content) : React__default.createElement(Overlay$2, {
     isShow: true,
     target: searchRef.current,
-    className: styles$1q['vitro-settings-dialog']
+    className: styles$1p['vitro-settings-dialog']
   }, content)));
 };
 
@@ -83060,7 +83094,7 @@ var Splitter = function Splitter(props) {
   }, props.children);
 };
 
-var styles$1r = {"vitro-route-item":"_route-item_vitro-route-item_bBCgBZG","vitro-route-item-body":"_route-item_vitro-route-item-body_1_1fjOZ","vitro-route-item-content":"_route-item_vitro-route-item-content_2CcLogk","vitro-button-collapse":"_route-item_vitro-button-collapse_1kVB5Vo","vitro-button-expand":"_route-item_vitro-button-expand_3IuABa1","vitro-button-hide-comment":"_route-item_vitro-button-hide-comment_2CiY-Ch","vitro-button-show-comment":"_route-item_vitro-button-show-comment_DJt2SLC","vitro-avatar":"_route-item_vitro-avatar_3Dypnmz","vitro-date":"_route-item_vitro-date_3ojnKSb","vitro-route-item-header":"_route-item_vitro-route-item-header_y69bLwZ","vitro-flex":"_route-item_vitro-flex_3ebkqZ9","vitro-comment":"_route-item_vitro-comment_2K7RwrZ","vitro-status-color":"_route-item_vitro-status-color_VgXzXKD"};
+var styles$1q = {"vitro-route-item":"_route-item_vitro-route-item_bBCgBZG","vitro-route-item-body":"_route-item_vitro-route-item-body_1_1fjOZ","vitro-route-item-content":"_route-item_vitro-route-item-content_2CcLogk","vitro-button-collapse":"_route-item_vitro-button-collapse_1kVB5Vo","vitro-button-expand":"_route-item_vitro-button-expand_3IuABa1","vitro-button-hide-comment":"_route-item_vitro-button-hide-comment_2CiY-Ch","vitro-button-show-comment":"_route-item_vitro-button-show-comment_DJt2SLC","vitro-avatar":"_route-item_vitro-avatar_3Dypnmz","vitro-date":"_route-item_vitro-date_3ojnKSb","vitro-route-item-header":"_route-item_vitro-route-item-header_y69bLwZ","vitro-flex":"_route-item_vitro-flex_3ebkqZ9","vitro-comment":"_route-item_vitro-comment_2K7RwrZ","vitro-status-color":"_route-item_vitro-status-color_VgXzXKD"};
 
 var RouteItem = function RouteItem(props) {
   var _useState = React.useState(true),
@@ -83070,42 +83104,42 @@ var RouteItem = function RouteItem(props) {
     isShowComment = _useState2[0],
     setIsShowComment = _useState2[1];
   return React__default.createElement("div", {
-    className: styles$1r['vitro-route-item']
+    className: styles$1q['vitro-route-item']
   }, props.children ? React__default.createElement("button", {
-    className: isExpanded ? styles$1r['vitro-button-collapse'] : styles$1r['vitro-button-expand'],
+    className: isExpanded ? styles$1q['vitro-button-collapse'] : styles$1q['vitro-button-expand'],
     onClick: function onClick() {
       return setIsExpanded(!isExpanded);
     }
   }) : null, React__default.createElement("div", {
-    className: styles$1r['vitro-route-item-content']
+    className: styles$1q['vitro-route-item-content']
   }, props.userName && props.status && React__default.createElement("div", {
-    className: styles$1r['vitro-route-item-header']
+    className: styles$1q['vitro-route-item-header']
   }, React__default.createElement("div", null, React__default.createElement("div", null, React__default.createElement(Avatar, {
     userName: props.userName,
     image: props.userImage,
-    className: styles$1r['vitro-avatar']
+    className: styles$1q['vitro-avatar']
   }), props.userName), React__default.createElement("div", {
-    className: styles$1r['vitro-date']
+    className: styles$1q['vitro-date']
   }, props.date)), React__default.createElement("div", null, React__default.createElement("div", null, props.statusColor && React__default.createElement("div", {
-    className: styles$1r['vitro-status-color'],
+    className: styles$1q['vitro-status-color'],
     style: {
       background: props.statusColor
     }
   }), props.status), React__default.createElement("div", null, React__default.createElement("a", {
     href: props.itemUrl
   }, CTRL.SHARP + props.itemId)))), React__default.createElement("div", {
-    className: styles$1r['vitro-route-item-body']
+    className: styles$1q['vitro-route-item-body']
   }, React__default.createElement("div", {
-    className: styles$1r['vitro-flex']
+    className: styles$1q['vitro-flex']
   }, React__default.createElement("span", null, props.name), props.comment && React__default.createElement("button", {
-    className: isShowComment ? styles$1r['vitro-button-hide-comment'] : styles$1r['vitro-button-show-comment'],
+    className: isShowComment ? styles$1q['vitro-button-hide-comment'] : styles$1q['vitro-button-show-comment'],
     onClick: function onClick() {
       return setIsShowComment(!isShowComment);
     }
   })), isShowComment && props.comment && React__default.createElement("div", {
-    className: styles$1r['vitro-comment']
+    className: styles$1q['vitro-comment']
   }, props.comment)), isExpanded && React__default.createElement("div", {
-    className: styles$1r['vitro-route-item-child']
+    className: styles$1q['vitro-route-item-child']
   }, props.children)));
 };
 
@@ -83212,7 +83246,7 @@ var BimViewer = function BimViewer(props) {
   });
 };
 
-var styles$1s = {"vitro-scroll-view":"_scroll-view_vitro-scroll-view_TXQ8QQh"};
+var styles$1r = {"vitro-scroll-view":"_scroll-view_vitro-scroll-view_TXQ8QQh"};
 
 var COMPONENT_NAME = 'kendoScrollView';
 var CONTENT_HEIGHT = 100;
@@ -83257,27 +83291,27 @@ var ScrollView = function ScrollView(props) {
   };
   return React__default.createElement("div", {
     ref: scrollViewRef,
-    className: styles$1s['vitro-scroll-view'] + CTRL.SPACE + (props.className || CTRL.EMPTY),
+    className: styles$1r['vitro-scroll-view'] + CTRL.SPACE + (props.className || CTRL.EMPTY),
     tabIndex: 0
   }, props.itemList.map(function (item) {
     return React__default.createElement(item.component, item.props);
   }));
 };
 
-var styles$1t = {"vitro-image-container":"_page_vitro-image-container_QEXhGHE"};
+var styles$1s = {"vitro-image-container":"_page_vitro-image-container_QEXhGHE"};
 
 var Page = function Page(props) {
   return React__default.createElement("div", {
-    className: styles$1t['vitro-page'],
+    className: styles$1s['vitro-page'],
     "data-role": "page"
   }, React__default.createElement("div", {
-    className: styles$1t['vitro-image-container']
+    className: styles$1s['vitro-image-container']
   }, React__default.createElement("img", {
     src: props.url
   })));
 };
 
-var styles$1u = {"vitro-image-viewer":"_image-viewer_vitro-image-viewer_19T7Auc","vitro-header":"_image-viewer_vitro-header_1KIbDWk","vitro-button-close":"_image-viewer_vitro-button-close_36TY-iY","vitro-scroll-view":"_image-viewer_vitro-scroll-view_3nuGD7c","vitro-dropdown-button":"_image-viewer_vitro-dropdown-button_2TOT1pw","vitro-pager":"_image-viewer_vitro-pager_1FiaoGR"};
+var styles$1t = {"vitro-image-viewer":"_image-viewer_vitro-image-viewer_19T7Auc","vitro-header":"_image-viewer_vitro-header_1KIbDWk","vitro-button-close":"_image-viewer_vitro-button-close_36TY-iY","vitro-scroll-view":"_image-viewer_vitro-scroll-view_3nuGD7c","vitro-dropdown-button":"_image-viewer_vitro-dropdown-button_2TOT1pw","vitro-pager":"_image-viewer_vitro-pager_1FiaoGR"};
 
 var ImageViewer = React.forwardRef(function (props, ref) {
   var _props$itemList$;
@@ -83335,25 +83369,25 @@ var ImageViewer = React.forwardRef(function (props, ref) {
     }
   };
   return React__default.createElement(React__default.Fragment, null, itemList.length ? React__default.createElement("div", {
-    className: styles$1u['vitro-image-viewer']
+    className: styles$1t['vitro-image-viewer']
   }, React__default.createElement("div", {
-    className: styles$1u['vitro-header']
+    className: styles$1t['vitro-header']
   }, actionList.length ? React__default.createElement(DropdownButton, {
     itemList: actionList,
-    className: styles$1u['vitro-dropdown-button']
+    className: styles$1t['vitro-dropdown-button']
   }) : null, React__default.createElement("button", {
-    className: styles$1u['vitro-button-close'],
+    className: styles$1t['vitro-button-close'],
     onClick: props.onCloseClick
   })), React__default.createElement(ScrollView, {
     itemList: itemList,
     onChange: onChange,
-    className: styles$1u['vitro-scroll-view'],
+    className: styles$1t['vitro-scroll-view'],
     isEnablePager: true,
     activePage: props.activePage
   })) : null);
 });
 
-var styles$1v = {"vitro-page":"_page-layout_vitro-page_GzZ3agH"};
+var styles$1u = {"vitro-page":"_page-layout_vitro-page_GzZ3agH"};
 
 var PageLayout = function PageLayout(props) {
   var getClassName = function getClassName(sidebar) {
@@ -83367,7 +83401,7 @@ var PageLayout = function PageLayout(props) {
     return CTRL.SPACE + classNameArr.join(CTRL.SPACE);
   };
   return React__default.createElement("div", {
-    className: styles$1v['vitro-page'] + getClassName(props.sidebar) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
+    className: styles$1u['vitro-page'] + getClassName(props.sidebar) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
     id: 'vitro-page'
   }, props.children);
 };
@@ -83382,7 +83416,7 @@ var HeaderConstants = {
     get LOCAL_STORAGE_KEY () { return LOCAL_STORAGE_KEY; }
 };
 
-var styles$1w = {"vitro-header":"_header_vitro-header_ta9aLJn"};
+var styles$1v = {"vitro-header":"_header_vitro-header_ta9aLJn"};
 
 var onChangeSidebarMode = function onChangeSidebarMode() {};
 var Header = function Header(props) {
@@ -83425,44 +83459,44 @@ var Header = function Header(props) {
     }
   }, [props.sidebar]);
   return React__default.createElement("div", {
-    className: styles$1w['vitro-header'],
+    className: styles$1v['vitro-header'],
     id: 'vitro-header',
     ref: ref
   }, props.children);
 };
 
-var styles$1x = {"vitro-nav-bar-sidebar-button":"_header-nav-bar-sidebar-button_vitro-nav-bar-sidebar-button_3IZcIOc"};
+var styles$1w = {"vitro-nav-bar-sidebar-button":"_header-nav-bar-sidebar-button_vitro-nav-bar-sidebar-button_3IZcIOc"};
 
 var SidebarButton = function SidebarButton(props) {
   return React__default.createElement("button", {
-    className: styles$1x['vitro-nav-bar-sidebar-button'],
+    className: styles$1w['vitro-nav-bar-sidebar-button'],
     onClick: props.onClick
   });
 };
 
-var styles$1y = {"vitro-nav-bar":"_header-nav-bar_vitro-nav-bar_EuyFIk8"};
+var styles$1x = {"vitro-nav-bar":"_header-nav-bar_vitro-nav-bar_EuyFIk8"};
 
 var HeaderNavBar = function HeaderNavBar(props) {
   return React__default.createElement("nav", {
-    className: styles$1y['vitro-nav-bar'] + CTRL.SPACE + ['navbar', 'navbar-expand-lg', 'navbar-light'].join(CTRL.SPACE)
+    className: styles$1x['vitro-nav-bar'] + CTRL.SPACE + ['navbar', 'navbar-expand-lg', 'navbar-light'].join(CTRL.SPACE)
   }, React__default.createElement(SidebarButton, {
     onClick: onChangeSidebarMode
   }), props.children);
 };
 
-var styles$1z = {"vitro-nav-service":"_header-nav-service_vitro-nav-service_1-i4GOh"};
+var styles$1y = {"vitro-nav-service":"_header-nav-service_vitro-nav-service_1-i4GOh"};
 
 var logoStyles = {"vitro-customer-logo":"_header-customer-logo_vitro-customer-logo_2htY4zG"};
 
 var HeaderNavService = function HeaderNavService(props) {
   return React__default.createElement("div", {
-    className: styles$1z['vitro-nav-service']
+    className: styles$1y['vitro-nav-service']
   }, React__default.createElement("div", {
     className: logoStyles['vitro-customer-logo']
   }), props.children);
 };
 
-var styles$1A = {"vitro-product-title":"_product-title_vitro-product-title_2gZcA5j"};
+var styles$1z = {"vitro-product-title":"_product-title_vitro-product-title_2gZcA5j"};
 
 var ProductTitle = function ProductTitle(props) {
   var content = React__default.createElement(React__default.Fragment, null, React__default.createElement(Image, {
@@ -83484,22 +83518,22 @@ var ProductTitle = function ProductTitle(props) {
   if (props.href) {
     return React__default.createElement("a", {
       href: props.href,
-      className: styles$1A['vitro-product-title'],
+      className: styles$1z['vitro-product-title'],
       title: props.imageCaption
     }, content);
   }
   return React__default.createElement("a", {
     onClick: onClick,
-    className: styles$1A['vitro-product-title'],
+    className: styles$1z['vitro-product-title'],
     title: props.imageCaption
   }, content);
 };
 
-var styles$1B = {"vitro-right":"_right-align-control-group_vitro-right_2vnd6R7"};
+var styles$1A = {"vitro-right":"_right-align-control-group_vitro-right_2vnd6R7"};
 
 var RightAlignControlGroup = function RightAlignControlGroup(props) {
   return React__default.createElement("div", {
-    className: styles$1B['vitro-right']
+    className: styles$1A['vitro-right']
   }, props.children);
 };
 
@@ -83509,32 +83543,32 @@ var LeftAlignControlGroup = function LeftAlignControlGroup(props) {
   }, props.children);
 };
 
-var styles$1C = {"vitro-center":"_center-align-control-group_vitro-center_3SHmVN-"};
+var styles$1B = {"vitro-center":"_center-align-control-group_vitro-center_3SHmVN-"};
 
 var CenterAlignControlGroup = function CenterAlignControlGroup(props) {
   return React__default.createElement("div", {
-    className: styles$1C['vitro-center']
+    className: styles$1B['vitro-center']
   }, props.children);
 };
 
-var styles$1D = {"vitro-main":"_main_vitro-main_Kk2JMBF"};
+var styles$1C = {"vitro-main":"_main_vitro-main_Kk2JMBF"};
 
 var Main = function Main(props) {
   return React__default.createElement("div", {
-    className: styles$1D['vitro-main'],
+    className: styles$1C['vitro-main'],
     id: 'vitro-main'
   }, props.children);
 };
 
-var styles$1E = {"vitro-table-view-detail":"_table-view-detail_vitro-table-view-detail_zxwp4XX"};
+var styles$1D = {"vitro-table-view-detail":"_table-view-detail_vitro-table-view-detail_zxwp4XX"};
 
 var TableViewDetail = function TableViewDetail(props) {
   return React__default.createElement("div", {
-    className: styles$1E['vitro-table-view-detail']
+    className: styles$1D['vitro-table-view-detail']
   }, props.children);
 };
 
-var styles$1F = {"vitro-control":"_radio_vitro-control_1pRRp6K","vitro-radio-content":"_radio_vitro-radio-content_2iXhEPK","vitro-disabled":"_radio_vitro-disabled_2JSpn9-","vitro-label":"_radio_vitro-label_21dXFJN","vitro-left-label":"_radio_vitro-left-label_3BbOjIR"};
+var styles$1E = {"vitro-control":"_radio_vitro-control_1pRRp6K","vitro-radio-content":"_radio_vitro-radio-content_2iXhEPK","vitro-disabled":"_radio_vitro-disabled_2JSpn9-","vitro-label":"_radio_vitro-label_21dXFJN","vitro-left-label":"_radio_vitro-left-label_3BbOjIR"};
 
 var Radio = React.forwardRef(function (props, ref) {
   var radioRef = React.useRef(null);
@@ -83558,14 +83592,14 @@ var Radio = React.forwardRef(function (props, ref) {
       props.onChange(props.value, e);
     }
   };
-  var className = styles$1F['vitro-control'] + (props.labelPosition === POSITION.LEFT ? CTRL.SPACE + styles$1F['vitro-left-label'] : CTRL.EMPTY) + CTRL.SPACE + (props.isDisabled ? styles$1F['vitro-disabled'] : CTRL.EMPTY) + CTRL.SPACE + (props.className || CTRL.EMPTY);
+  var className = styles$1E['vitro-control'] + (props.labelPosition === POSITION.LEFT ? CTRL.SPACE + styles$1E['vitro-left-label'] : CTRL.EMPTY) + CTRL.SPACE + (props.isDisabled ? styles$1E['vitro-disabled'] : CTRL.EMPTY) + CTRL.SPACE + (props.className || CTRL.EMPTY);
   return React__default.createElement("div", {
     className: className
   }, props.labelPosition === POSITION.LEFT && React__default.createElement(Label, {
     text: props.label,
-    className: styles$1F['vitro-label']
+    className: styles$1E['vitro-label']
   }), React__default.createElement("div", {
-    className: styles$1F['vitro-radio-content']
+    className: styles$1E['vitro-radio-content']
   }, React__default.createElement("input", {
     ref: radioRef,
     type: 'radio',
@@ -83577,7 +83611,7 @@ var Radio = React.forwardRef(function (props, ref) {
     onChange: onChange
   }), props.labelPosition !== POSITION.LEFT && React__default.createElement(Label, {
     text: props.label,
-    className: styles$1F['vitro-label']
+    className: styles$1E['vitro-label']
   })));
 });
 
@@ -83587,7 +83621,7 @@ var LOCALE$a;
   LOCALE["TOOLTIP_OPEN"] = "app.common.linkInput.tooltip.open";
 })(LOCALE$a || (LOCALE$a = {}));
 
-var styles$1G = {"vitro-link-input":"_link-input_vitro-link-input_1FBo8kO","vitro-edit-mode":"_link-input_vitro-edit-mode_2HhUoeO","vitro-control":"_link-input_vitro-control_1MGkxWi","vitro-read-only":"_link-input_vitro-read-only_AG9_cYJ","vitro-edit-button":"_link-input_vitro-edit-button_1PMQnWv","vitro-copy-button":"_link-input_vitro-copy-button_1uv79Zr"};
+var styles$1F = {"vitro-link-input":"_link-input_vitro-link-input_1FBo8kO","vitro-edit-mode":"_link-input_vitro-edit-mode_2HhUoeO","vitro-control":"_link-input_vitro-control_1MGkxWi","vitro-read-only":"_link-input_vitro-read-only_AG9_cYJ","vitro-edit-button":"_link-input_vitro-edit-button_1PMQnWv","vitro-copy-button":"_link-input_vitro-copy-button_1uv79Zr"};
 
 var LinkInput = React.forwardRef(function (props, ref) {
   var _useState = React.useState(false),
@@ -83664,7 +83698,7 @@ var LinkInput = React.forwardRef(function (props, ref) {
     }
     return value.uri;
   };
-  var className = styles$1G['vitro-link-input'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY) + (props.isReadOnly ? CTRL.SPACE + styles$1G['vitro-read-only'] : CTRL.EMPTY) + (isEditMode ? CTRL.SPACE + styles$1G['vitro-edit-mode'] : CTRL.EMPTY);
+  var className = styles$1F['vitro-link-input'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY) + (props.isReadOnly ? CTRL.SPACE + styles$1F['vitro-read-only'] : CTRL.EMPTY) + (isEditMode ? CTRL.SPACE + styles$1F['vitro-edit-mode'] : CTRL.EMPTY);
   return React__default.createElement("div", {
     className: className
   }, React__default.createElement(Tooltip$1, {
@@ -83683,14 +83717,14 @@ var LinkInput = React.forwardRef(function (props, ref) {
     isRequired: props.isRequired,
     isError: props.isError,
     isReadOnly: props.isReadOnly ? true : !isEditMode,
-    className: styles$1G['vitro-control']
+    className: styles$1F['vitro-control']
   }))), !props.isReadOnly && !isEditMode && React__default.createElement(ImageButton, {
     onClick: onClickEditButton,
     tooltipText: localeService.create(LOCALE$a.TOOLTIP_EDIT),
-    className: styles$1G['vitro-edit-button']
+    className: styles$1F['vitro-edit-button']
   }), props.isReadOnly && React__default.createElement(CopyButton, {
     value: getCopyValue(value),
-    className: styles$1G['vitro-copy-button']
+    className: styles$1F['vitro-copy-button']
   }));
 });
 
@@ -83707,7 +83741,7 @@ var LOCALE$b;
   LOCALE["SETTING_SYSTEM_INFO"] = "systemInformation";
 })(LOCALE$b || (LOCALE$b = {}));
 
-var styles$1H = {"vitro-system-exception-dialog":"_system-exception-dialog_vitro-system-exception-dialog_2UVdbuB","vitro-image":"_system-exception-dialog_vitro-image_XG5PD8h","vitro-exception":"_system-exception-dialog_vitro-exception_2bLGF01","vitro-exception-message":"_system-exception-dialog_vitro-exception-message_2S8ZwQP","vitro-label":"_system-exception-dialog_vitro-label_1Nbb_It","vitro-input":"_system-exception-dialog_vitro-input_262484M","vitro-flex":"_system-exception-dialog_vitro-flex_EHka5VC","vitro-settings-list":"_system-exception-dialog_vitro-settings-list_6N3QiPa","vitro-checkbox":"_system-exception-dialog_vitro-checkbox_354NjHR"};
+var styles$1G = {"vitro-system-exception-dialog":"_system-exception-dialog_vitro-system-exception-dialog_2UVdbuB","vitro-image":"_system-exception-dialog_vitro-image_XG5PD8h","vitro-exception":"_system-exception-dialog_vitro-exception_2bLGF01","vitro-exception-message":"_system-exception-dialog_vitro-exception-message_2S8ZwQP","vitro-label":"_system-exception-dialog_vitro-label_1Nbb_It","vitro-input":"_system-exception-dialog_vitro-input_262484M","vitro-flex":"_system-exception-dialog_vitro-flex_EHka5VC","vitro-settings-list":"_system-exception-dialog_vitro-settings-list_6N3QiPa","vitro-checkbox":"_system-exception-dialog_vitro-checkbox_354NjHR"};
 
 var settingsList = [LOCALE$b.SETTING_SCREENSHOT, LOCALE$b.SETTING_EXCEPTION_TEXT, LOCALE$b.SETTING_USER_NAME, LOCALE$b.SETTING_SYSTEM_INFO];
 var SystemExceptionDialog = function SystemExceptionDialog(props) {
@@ -83757,52 +83791,52 @@ var SystemExceptionDialog = function SystemExceptionDialog(props) {
     text: props.labelConfirm || localeService.create(LOCALE$b.ACTION_SEND)
   }];
   var hiddenContent = React__default.createElement("div", {
-    className: styles$1H['vitro-settings-list']
+    className: styles$1G['vitro-settings-list']
   }, settingsList.map(function (name, index) {
     return React__default.createElement("div", {
       key: index,
-      className: styles$1H['vitro-flex']
+      className: styles$1G['vitro-flex']
     }, React__default.createElement(Checkbox, {
       label: CTRL.EMPTY,
       name: name,
       value: true,
       onChange: onChangeSetting,
-      className: styles$1H['vitro-checkbox']
+      className: styles$1G['vitro-checkbox']
     }), getCheckboxLabel(name));
   }));
   return React__default.createElement(Dialog, {
     title: localeService.create(LOCALE$b.TITLE),
     subtitle: isMobileView ? CTRL.EMPTY : localeService.create(LOCALE$b.SUBTITLE),
     image: React__default.createElement("div", {
-      className: styles$1H['vitro-image']
+      className: styles$1G['vitro-image']
     }),
     onClose: props.onCancel,
     buttonList: buttonList,
     labelClose: props.labelClose,
-    className: styles$1H['vitro-system-exception-dialog'],
+    className: styles$1G['vitro-system-exception-dialog'],
     hiddenContent: hiddenContent,
     zIndex: props.zIndex,
     isDismissible: true
   }, React__default.createElement(DialogContent, null, isMobileView && React__default.createElement(Label, {
     text: localeService.create(LOCALE$b.SUBTITLE),
-    className: styles$1H['vitro-label']
+    className: styles$1G['vitro-label']
   }), React__default.createElement(Input, {
     ref: inputRef,
-    className: styles$1H['vitro-input'],
+    className: styles$1G['vitro-input'],
     isMultiline: true
   }), props.message && React__default.createElement("div", {
-    className: styles$1H['vitro-exception']
+    className: styles$1G['vitro-exception']
   }, React__default.createElement(ScrollBar, null, React__default.createElement("div", {
     onCut: blockAction,
     onPaste: blockAction,
     onBeforeInput: blockAction,
     spellCheck: false,
     contentEditable: true,
-    className: styles$1H['vitro-exception-message']
+    className: styles$1G['vitro-exception-message']
   }, props.message)))));
 };
 
-var styles$1I = {"vitro-star-button":"_star-button_vitro-star-button_1_mQ_Gq","vitro-hidden":"_star-button_vitro-hidden_oRKUkzt","vitro-active":"_star-button_vitro-active_2UV6u5C"};
+var styles$1H = {"vitro-star-button":"_star-button_vitro-star-button_1_mQ_Gq","vitro-hidden":"_star-button_vitro-hidden_oRKUkzt","vitro-active":"_star-button_vitro-active_2UV6u5C"};
 
 var StarButton = function StarButton(props) {
   var _useState = React.useState(props.isActive || false),
@@ -83819,11 +83853,11 @@ var StarButton = function StarButton(props) {
   };
   return React__default.createElement("button", {
     onClick: onClick,
-    className: styles$1I['vitro-star-button'] + (isActive ? CTRL.SPACE + styles$1I['vitro-active'] : CTRL.EMPTY) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$1H['vitro-star-button'] + (isActive ? CTRL.SPACE + styles$1H['vitro-active'] : CTRL.EMPTY) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   });
 };
 
-var styles$1J = {"vitro-item":"_site-item_vitro-item_1eSpRGl","vitro-active":"_site-item_vitro-active_1d0nDLb","vitro-name":"_site-item_vitro-name_141-LTn","vitro-image":"_site-item_vitro-image_3wrW9q4","vitro-default-image":"_site-item_vitro-default-image_fcWWNwv","vitro-hidden":"_site-item_vitro-hidden_d6n2ocz","vitro-mobile-view":"_site-item_vitro-mobile-view_3bXuBr6"};
+var styles$1I = {"vitro-item":"_site-item_vitro-item_1eSpRGl","vitro-active":"_site-item_vitro-active_1d0nDLb","vitro-name":"_site-item_vitro-name_141-LTn","vitro-image":"_site-item_vitro-image_3wrW9q4","vitro-default-image":"_site-item_vitro-default-image_fcWWNwv","vitro-hidden":"_site-item_vitro-hidden_d6n2ocz","vitro-mobile-view":"_site-item_vitro-mobile-view_3bXuBr6"};
 
 var SiteSelectItem = function SiteSelectItem(props) {
   var _useState = React.useState(props.isStarActive || false),
@@ -83849,7 +83883,7 @@ var SiteSelectItem = function SiteSelectItem(props) {
       props.onMouseDown(e);
     }
   };
-  var className = [styles$1J['vitro-item'], props.className || CTRL.EMPTY, props.isActive ? styles$1J['vitro-active'] : CTRL.EMPTY, props.isMobileView && styles$1J['vitro-mobile-view']].join(CTRL.SPACE);
+  var className = [styles$1I['vitro-item'], props.className || CTRL.EMPTY, props.isActive ? styles$1I['vitro-active'] : CTRL.EMPTY, props.isMobileView && styles$1I['vitro-mobile-view']].join(CTRL.SPACE);
   return React__default.createElement(FlexBox, {
     onClick: props.onClick,
     onMouseDown: onMouseDown,
@@ -83858,19 +83892,19 @@ var SiteSelectItem = function SiteSelectItem(props) {
     className: className
   }, props.imageUrl ? React__default.createElement(Image, {
     defaultUrl: props.imageUrl,
-    className: styles$1J['vitro-image']
+    className: styles$1I['vitro-image']
   }) : React__default.createElement("div", {
-    className: styles$1J['vitro-default-image']
+    className: styles$1I['vitro-default-image']
   }), React__default.createElement("div", {
-    className: styles$1J['vitro-name']
+    className: styles$1I['vitro-name']
   }, props.name), props.onStar && React__default.createElement(StarButton, {
     onChange: props.onStar,
     isActive: props.isStarActive,
-    className: isShowStar || props.isStarActive ? CTRL.EMPTY : styles$1J['vitro-hidden']
+    className: isShowStar || props.isStarActive ? CTRL.EMPTY : styles$1I['vitro-hidden']
   }));
 };
 
-var styles$1K = {"vitro-site-select":"_site-select_vitro-site-select_2irDOFZ","vitro-flex":"_site-select_vitro-flex_15EJnju","vitro-expand":"_site-select_vitro-expand_KKfRtc8","vitro-collapse":"_site-select_vitro-collapse_B0ZjAm-","vitro-site-list":"_site-select_vitro-site-list_1Yt4nLj","vitro-title":"_site-select_vitro-title_2vfT7F5","vitro-search-input":"_site-select_vitro-search-input_UMmv9PP","vitro-root-item":"_site-select_vitro-root-item_f1rGcQ4","vitro-slide-up-panel":"_site-select_vitro-slide-up-panel_U3Xn-UQ","vitro-search-value-list":"_site-select_vitro-search-value-list_3XlFSA6"};
+var styles$1J = {"vitro-site-select":"_site-select_vitro-site-select_2irDOFZ","vitro-flex":"_site-select_vitro-flex_15EJnju","vitro-expand":"_site-select_vitro-expand_KKfRtc8","vitro-collapse":"_site-select_vitro-collapse_B0ZjAm-","vitro-site-list":"_site-select_vitro-site-list_1Yt4nLj","vitro-title":"_site-select_vitro-title_2vfT7F5","vitro-search-input":"_site-select_vitro-search-input_UMmv9PP","vitro-root-item":"_site-select_vitro-root-item_f1rGcQ4","vitro-slide-up-panel":"_site-select_vitro-slide-up-panel_U3Xn-UQ","vitro-search-value-list":"_site-select_vitro-search-value-list_3XlFSA6"};
 
 var SiteSelect = function SiteSelect(props) {
   var _props$activeItem;
@@ -83974,8 +84008,8 @@ var SiteSelect = function SiteSelect(props) {
     itemList: visibleItemList,
     valueTemplate: getItem,
     filterValueTemplate: filterValueTemplate,
-    className: styles$1K['vitro-search-value-list'],
-    inputClassName: styles$1K['vitro-search-input']
+    className: styles$1J['vitro-search-value-list'],
+    inputClassName: styles$1J['vitro-search-input']
   }, props.rootItem && React__default.createElement(SiteSelectItem, Object.assign({}, props.rootItem, {
     isMobileView: isMobileView,
     onClick: function onClick() {
@@ -83984,49 +84018,49 @@ var SiteSelect = function SiteSelect(props) {
     onMouseDown: function onMouseDown(e) {
       return props.rootItem && onItemMouseDown(props.rootItem, e);
     },
-    className: styles$1K['vitro-root-item']
+    className: styles$1J['vitro-root-item']
   })), (props.title || props.onStarChange) && React__default.createElement(FlexBox, {
-    className: styles$1K['vitro-title']
+    className: styles$1J['vitro-title']
   }, props.title, props.onStarChange && React__default.createElement(StarButton, {
     onChange: filterStarActive
   })));
   return React__default.createElement("div", {
-    className: styles$1K['vitro-site-select']
+    className: styles$1J['vitro-site-select']
   }, React__default.createElement(FlexBox, {
-    className: styles$1K['vitro-flex'],
+    className: styles$1J['vitro-flex'],
     ref: flexBoxRef
   }, React__default.createElement("h2", {
     onClick: onClick
   }, (_props$activeItem = props.activeItem) === null || _props$activeItem === void 0 ? void 0 : _props$activeItem.name), React__default.createElement(ImageButton, {
-    className: isExpanded ? styles$1K['vitro-collapse'] : styles$1K['vitro-expand'],
+    className: isExpanded ? styles$1J['vitro-collapse'] : styles$1J['vitro-expand'],
     onClick: onClick
   })), isMobileView && React__default.createElement(SlideUpPanel, {
-    className: styles$1K['vitro-slide-up-panel'],
+    className: styles$1J['vitro-slide-up-panel'],
     isShow: isExpanded,
     onClose: function onClose() {
       return setIsExpanded(false);
     }
   }, content), !isMobileView && isExpanded && React__default.createElement("div", {
-    className: styles$1K['vitro-site-list'],
+    className: styles$1J['vitro-site-list'],
     ref: listRef
   }, content));
 };
 
-var styles$1L = {"vitro-bottom":"_bottom-align-control-group_vitro-bottom_3-a5nWD"};
+var styles$1K = {"vitro-bottom":"_bottom-align-control-group_vitro-bottom_3-a5nWD"};
 
 var BottomAlignControlGroup = function BottomAlignControlGroup(props) {
   return React__default.createElement("div", {
-    className: styles$1L['vitro-bottom']
+    className: styles$1K['vitro-bottom']
   }, props.children);
 };
 
-var styles$1M = {"vitro-linear-progress":"_linear-progress_vitro-linear-progress_1i4VVyb","vitro-bar":"_linear-progress_vitro-bar_2rwmbp3","progress":"_linear-progress_progress_11DTdlB"};
+var styles$1L = {"vitro-linear-progress":"_linear-progress_vitro-linear-progress_1i4VVyb","vitro-bar":"_linear-progress_vitro-bar_2rwmbp3","progress":"_linear-progress_progress_11DTdlB"};
 
 var LinearProgress = function LinearProgress(props) {
   return React__default.createElement("div", {
-    className: styles$1M['vitro-linear-progress'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$1L['vitro-linear-progress'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, React__default.createElement("div", {
-    className: styles$1M['vitro-bar']
+    className: styles$1L['vitro-bar']
   }));
 };
 
@@ -84347,7 +84381,7 @@ var DxfViewer = function DxfViewer(props) {
   });
 };
 
-var styles$1N = {"vitro-select":"_select_vitro-select_EObExkL","vitro-active":"_select_vitro-active_3I2oZ9Y","vitro-label":"_select_vitro-label_1sD79dR","vitro-list-container":"_select_vitro-list-container_1iaPtG5","vitro-item":"_select_vitro-item_3Q88bWt"};
+var styles$1M = {"vitro-select":"_select_vitro-select_EObExkL","vitro-active":"_select_vitro-active_3I2oZ9Y","vitro-label":"_select_vitro-label_1sD79dR","vitro-list-container":"_select_vitro-list-container_1iaPtG5","vitro-item":"_select_vitro-item_3Q88bWt"};
 
 var Select = function Select(props) {
   var _useState = React.useState(null),
@@ -84392,11 +84426,11 @@ var Select = function Select(props) {
   };
   var defaultItemTemplate = function defaultItemTemplate(props) {
     return React__default.createElement("div", {
-      className: styles$1N['vitro-item']
+      className: styles$1M['vitro-item']
     }, props.text);
   };
   var itemTemplate = props.itemTemplate ? props.itemTemplate : defaultItemTemplate;
-  var className = [styles$1N['vitro-select'], isExpanded ? styles$1N['vitro-active'] : CTRL.EMPTY, props.className || CTRL.EMPTY].join(CTRL.SPACE);
+  var className = [styles$1M['vitro-select'], isExpanded ? styles$1M['vitro-active'] : CTRL.EMPTY, props.className || CTRL.EMPTY].join(CTRL.SPACE);
   if (!props.itemList.length || !value) {
     return null;
   }
@@ -84409,9 +84443,9 @@ var Select = function Select(props) {
     ref: flexBoxRef
   }, props.label && React__default.createElement(Label, {
     text: props.label,
-    className: styles$1N['vitro-label']
+    className: styles$1M['vitro-label']
   }), React__default.createElement(itemTemplate, value), React__default.createElement("div", {
-    className: styles$1N['vitro-list-container'],
+    className: styles$1M['vitro-list-container'],
     ref: listRef
   }, React__default.createElement(List, {
     itemList: props.itemList,
@@ -84420,7 +84454,7 @@ var Select = function Select(props) {
   })));
 };
 
-var styles$1O = {"vitro-switch":"_switch_vitro-switch_1noCcra","vitro-slider":"_switch_vitro-slider_3wesxda","vitro-active":"_switch_vitro-active_3LJI9TW"};
+var styles$1N = {"vitro-switch":"_switch_vitro-switch_1noCcra","vitro-slider":"_switch_vitro-slider_3wesxda","vitro-active":"_switch_vitro-active_3LJI9TW"};
 
 var Switch = function Switch(props) {
   var _useState = React.useState(props.value ? true : false),
@@ -84434,7 +84468,7 @@ var Switch = function Switch(props) {
     setValue(!value);
   };
   return React__default.createElement("label", {
-    className: styles$1O['vitro-switch'] + (value ? CTRL.SPACE + styles$1O['vitro-active'] : CTRL.EMPTY)
+    className: styles$1N['vitro-switch'] + (value ? CTRL.SPACE + styles$1N['vitro-active'] : CTRL.EMPTY)
   }, React__default.createElement("input", {
     checked: value,
     type: 'checkbox',
@@ -84442,11 +84476,11 @@ var Switch = function Switch(props) {
     onChange: onChange,
     disabled: props.isDisabled
   }), React__default.createElement("span", {
-    className: styles$1O['vitro-slider']
+    className: styles$1N['vitro-slider']
   }));
 };
 
-var styles$1P = {"vitro-editable-list":"_editable-list_vitro-editable-list_2y8aXbO","vitro-header":"_editable-list_vitro-header_3ilVZhe","vitro-create-button":"_editable-list_vitro-create-button_3E1aQDB","vitro-editable-item":"_editable-list_vitro-editable-item_cWSWi1n","vitro-active":"_editable-list_vitro-active_39PUrSM","vitro-button-container":"_editable-list_vitro-button-container_1okfn08","vitro-editable-list-mobile":"_editable-list_vitro-editable-list-mobile_z1t_hAF","vitro-dropdown-button":"_editable-list_vitro-dropdown-button_vPtNQxA","vitro-dropdown-menu-top":"_editable-list_vitro-dropdown-menu-top_1miFWtX","vitro-display-none":"_editable-list_vitro-display-none_1nqU_hD","vitro-mobile":"_editable-list_vitro-mobile_2IDiwft","vitro-editable-item-icon":"_editable-list_vitro-editable-item-icon_29jFw_f","vitro-readonly":"_editable-list_vitro-readonly_2pK9bq5","vitro-editable-item-label":"_editable-list_vitro-editable-item-label_3ViAKDq","vitro-header-mobile":"_editable-list_vitro-header-mobile_2EMihKc"};
+var styles$1O = {"vitro-editable-list":"_editable-list_vitro-editable-list_2y8aXbO","vitro-header":"_editable-list_vitro-header_3ilVZhe","vitro-create-button":"_editable-list_vitro-create-button_3E1aQDB","vitro-editable-item":"_editable-list_vitro-editable-item_cWSWi1n","vitro-active":"_editable-list_vitro-active_39PUrSM","vitro-button-container":"_editable-list_vitro-button-container_1okfn08","vitro-editable-list-mobile":"_editable-list_vitro-editable-list-mobile_z1t_hAF","vitro-dropdown-button":"_editable-list_vitro-dropdown-button_vPtNQxA","vitro-dropdown-menu-top":"_editable-list_vitro-dropdown-menu-top_1miFWtX","vitro-display-none":"_editable-list_vitro-display-none_1nqU_hD","vitro-mobile":"_editable-list_vitro-mobile_2IDiwft","vitro-editable-item-icon":"_editable-list_vitro-editable-item-icon_29jFw_f","vitro-readonly":"_editable-list_vitro-readonly_2pK9bq5","vitro-editable-item-label":"_editable-list_vitro-editable-item-label_3ViAKDq","vitro-header-mobile":"_editable-list_vitro-header-mobile_2EMihKc"};
 
 var CSS_CLASS_MOBILE = 'vitro-mobile';
 var CSS_DROPDOWN_MENU_TOP = 'vitro-dropdown-menu-top';
@@ -84494,7 +84528,7 @@ var EditableItem = function EditableItem(props) {
       var rect = element.getBoundingClientRect();
       if (!isDropdownMenuTop(element.classList) || isDropdownMenuTop(element.classList) && rect.y > window.innerHeight) {
         if (rect.y > window.innerHeight) {
-          element.classList.add(styles$1P[CSS_DROPDOWN_MENU_TOP]);
+          element.classList.add(styles$1O[CSS_DROPDOWN_MENU_TOP]);
           element.style.transform = "translate(calc(100% - " + (TRANSLATE_X + UNIT.PX) + "), calc(-" + (props.scrollTop + UNIT.PX) + " - 100% - " + (TRANSLATE_Y + UNIT.PX) + "))";
         } else {
           element.style.transform = "translate(calc(100% - " + (TRANSLATE_X + UNIT.PX) + "), -" + (props.scrollTop + UNIT.PX) + ")";
@@ -84518,14 +84552,14 @@ var EditableItem = function EditableItem(props) {
     onMouseLeave: function onMouseLeave() {
       return setIsHover(false);
     },
-    className: styles$1P['vitro-editable-item'] + (props.isActive ? CTRL.SPACE + styles$1P['vitro-active'] : CTRL.EMPTY) + (props.isMobileView ? CTRL.SPACE + styles$1P[CSS_CLASS_MOBILE] : CTRL.EMPTY)
+    className: styles$1O['vitro-editable-item'] + (props.isActive ? CTRL.SPACE + styles$1O['vitro-active'] : CTRL.EMPTY) + (props.isMobileView ? CTRL.SPACE + styles$1O[CSS_CLASS_MOBILE] : CTRL.EMPTY)
   }, props.isMobileView && props.button ? props.button : null, props.isMobileView && props.icon ? React__default.createElement("span", {
-    className: styles$1P['vitro-editable-item-icon']
+    className: styles$1O['vitro-editable-item-icon']
   }, React__default.createElement("img", {
     src: props.icon
   })) : null, props.isMobileView ? React__default.createElement(Label, {
     text: props.text || text,
-    className: styles$1P['vitro-editable-item-label']
+    className: styles$1O['vitro-editable-item-label']
   }) : props.isEditMode ? React__default.createElement("input", {
     value: text,
     onChange: onChange,
@@ -84534,17 +84568,17 @@ var EditableItem = function EditableItem(props) {
   }) : React__default.createElement(Label, {
     text: props.text || text
   }), React__default.createElement("div", {
-    className: styles$1P['vitro-button-container']
+    className: styles$1O['vitro-button-container']
   }, !props.isReadOnly && (props.dropdownItemList || props.getDropdownItemList) ? React__default.createElement(DropdownButton, {
     itemList: dropdownItemList,
     onToggle: onToggleDropdownButton,
     isShow: props.isDropdownActive,
-    className: styles$1P['vitro-dropdown-button'] + (!props.isMobileView ? props.isActive || isHover ? CTRL.EMPTY : CTRL.SPACE + styles$1P['vitro-display-none'] : CTRL.EMPTY),
+    className: styles$1O['vitro-dropdown-button'] + (!props.isMobileView ? props.isActive || isHover ? CTRL.EMPTY : CTRL.SPACE + styles$1O['vitro-display-none'] : CTRL.EMPTY),
     isFlip: props.isMobileView,
     popperConfig: props.popperConfig,
     onGetMenuRef: props.isMobileView ? undefined : initDropdownMenuPosition
   }) : null, !props.isMobileView && props.button && React__default.createElement(FlexBox, {
-    className: !props.isReadOnly && (props.isActive || isHover) && (props.dropdownItemList || props.getDropdownItemList) ? styles$1P['vitro-display-none'] : props.isReadOnly ? styles$1P['vitro-readonly'] : CTRL.EMPTY
+    className: !props.isReadOnly && (props.isActive || isHover) && (props.dropdownItemList || props.getDropdownItemList) ? styles$1O['vitro-display-none'] : props.isReadOnly ? styles$1O['vitro-readonly'] : CTRL.EMPTY
   }, props.button)));
 };
 
@@ -84632,9 +84666,9 @@ var EditableList = function EditableList(props) {
     }
   };
   return React__default.createElement(FlexBox, {
-    className: styles$1P[CSS_CLASS_EDITABLE_LIST] + (props.isMobileView ? CTRL.SPACE + styles$1P[CSS_CLASS_EDITABLE_LIST_MOBILE] : CTRL.EMPTY) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$1O[CSS_CLASS_EDITABLE_LIST] + (props.isMobileView ? CTRL.SPACE + styles$1O[CSS_CLASS_EDITABLE_LIST_MOBILE] : CTRL.EMPTY) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, React__default.createElement(FlexBox, {
-    className: styles$1P[CSS_CLASS_HEADER] + (props.isMobileView ? CTRL.SPACE + styles$1P[CSS_CLASS_HEADER_MOBILE] : CTRL.EMPTY)
+    className: styles$1O[CSS_CLASS_HEADER] + (props.isMobileView ? CTRL.SPACE + styles$1O[CSS_CLASS_HEADER_MOBILE] : CTRL.EMPTY)
   }, props.title && React__default.createElement(Heading, {
     tag: TAG.H3,
     text: props.title
@@ -84642,7 +84676,7 @@ var EditableList = function EditableList(props) {
     text: props.createButtonTooltip || CTRL.EMPTY
   }, React__default.createElement(ImageButton, {
     onClick: onCreate,
-    className: styles$1P[CSS_CLASS_CREATE_BUTTON]
+    className: styles$1O[CSS_CLASS_CREATE_BUTTON]
   }))), props.isMobileView ? React__default.createElement(React__default.Fragment, null, React__default.createElement(List, {
     itemList: props.itemList,
     itemTemplate: function itemTemplate(item) {
@@ -84721,7 +84755,7 @@ var EditableList = function EditableList(props) {
   }))));
 };
 
-var styles$1Q = {"vitro-reorderable-list":"_reorderable-list_vitro-reorderable-list_3Vinbji","vitro-reorderable-item":"_reorderable-list_vitro-reorderable-item_2gH3muk","vitro-drag-button":"_reorderable-list_vitro-drag-button_2gzxwKx","vitro-dragged-item":"_reorderable-list_vitro-dragged-item_fft3ham","vitro-drop-zone":"_reorderable-list_vitro-drop-zone_15pbLJE","vitro-hidden":"_reorderable-list_vitro-hidden_2ZpMCYZ"};
+var styles$1P = {"vitro-reorderable-list":"_reorderable-list_vitro-reorderable-list_3Vinbji","vitro-reorderable-item":"_reorderable-list_vitro-reorderable-item_2gH3muk","vitro-drag-button":"_reorderable-list_vitro-drag-button_2gzxwKx","vitro-dragged-item":"_reorderable-list_vitro-dragged-item_fft3ham","vitro-drop-zone":"_reorderable-list_vitro-drop-zone_15pbLJE","vitro-hidden":"_reorderable-list_vitro-hidden_2ZpMCYZ"};
 
 var ReorderableListContent = function ReorderableListContent(props) {
   return React__default.createElement(React__default.Fragment, null, props.draggedIndex !== null && React__default.createElement("div", {
@@ -84730,7 +84764,7 @@ var ReorderableListContent = function ReorderableListContent(props) {
       top: props.position[1] + UNIT.PX,
       width: props.draggedItemWidth ? props.draggedItemWidth + UNIT.PX : undefined
     },
-    className: styles$1Q['vitro-dragged-item']
+    className: styles$1P['vitro-dragged-item']
   }, props.getItem(_extends({}, props.itemList[props.draggedIndex], {
     index: -1
   }), false)), React__default.createElement("li", {
@@ -84738,11 +84772,11 @@ var ReorderableListContent = function ReorderableListContent(props) {
       width: props.draggedItemWidth ? props.draggedItemWidth + UNIT.PX : undefined
     }
   }, React__default.createElement("div", {
-    className: styles$1Q['vitro-drop-zone'] + (props.draggedIndex === null || props.activeDropZoneIndex !== 0 ? CTRL.SPACE + styles$1Q['vitro-hidden'] : CTRL.EMPTY)
+    className: styles$1P['vitro-drop-zone'] + (props.draggedIndex === null || props.activeDropZoneIndex !== 0 ? CTRL.SPACE + styles$1P['vitro-hidden'] : CTRL.EMPTY)
   })), props.itemList && props.itemList.map(function (item, index) {
     return React__default.createElement("li", {
       key: index,
-      className: styles$1Q['vitro-reorderable-item'] + (props.itemClassName ? CTRL.SPACE + props.itemClassName : CTRL.EMPTY)
+      className: styles$1P['vitro-reorderable-item'] + (props.itemClassName ? CTRL.SPACE + props.itemClassName : CTRL.EMPTY)
     }, props.getItem(_extends({}, item, {
       index: index
     })));
@@ -84780,13 +84814,13 @@ var ReorderableItem = function ReorderableItem(props) {
     ref: buttonRef,
     onClick: function onClick() {},
     onMouseDown: onMouseDown,
-    className: styles$1Q['vitro-drag-button'],
+    className: styles$1P['vitro-drag-button'],
     onTouchStart: onTouchStart
   }), props.children), props.isDropAllowed !== false && React__default.createElement("div", {
     style: {
       width: props.draggedItemWidth ? props.draggedItemWidth - 16 + UNIT.PX : undefined
     },
-    className: styles$1Q['vitro-drop-zone'] + (props.isDropZoneActive ? CTRL.EMPTY : CTRL.SPACE + styles$1Q['vitro-hidden'])
+    className: styles$1P['vitro-drop-zone'] + (props.isDropZoneActive ? CTRL.EMPTY : CTRL.SPACE + styles$1P['vitro-hidden'])
   }));
 };
 
@@ -84846,7 +84880,7 @@ var ReorderableList = function ReorderableList(props) {
   });
   React.useEffect(function () {
     if (draggedIndex !== null) {
-      var elements = Array.from(document.getElementsByClassName(styles$1Q['vitro-drop-zone']));
+      var elements = Array.from(document.getElementsByClassName(styles$1P['vitro-drop-zone']));
       var positions = elements.map(function (e) {
         return e.getBoundingClientRect().top - startPosition.current[1];
       });
@@ -84978,7 +85012,7 @@ var ReorderableList = function ReorderableList(props) {
     });
   }
   return React__default.createElement("ul", {
-    className: styles$1Q['vitro-list'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$1P['vitro-list'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, React__default.createElement(ReorderableListContent, {
     itemList: itemList,
     draggedIndex: draggedIndex,
@@ -84990,7 +85024,7 @@ var ReorderableList = function ReorderableList(props) {
   }));
 };
 
-var styles$1R = {"vitro-checkbox-reorderable-list":"_checkbox-reorderable-list_vitro-checkbox-reorderable-list_3VUoUyI","vitro-reorderable-item":"_checkbox-reorderable-list_vitro-reorderable-item__ZSM4NT","vitro-checkbox":"_checkbox-reorderable-list_vitro-checkbox_3FVD6mG"};
+var styles$1Q = {"vitro-checkbox-reorderable-list":"_checkbox-reorderable-list_vitro-checkbox-reorderable-list_3VUoUyI","vitro-reorderable-item":"_checkbox-reorderable-list_vitro-reorderable-item__ZSM4NT","vitro-checkbox":"_checkbox-reorderable-list_vitro-checkbox_3FVD6mG"};
 
 var CheckboxReorderableList = function CheckboxReorderableList(props) {
   var _useState = React.useState([]),
@@ -85091,27 +85125,27 @@ var CheckboxReorderableList = function CheckboxReorderableList(props) {
       onChange: function onChange(value) {
         return _onChange(value, item.id);
       },
-      className: styles$1R['vitro-checkbox'] + (className ? CTRL.SPACE + className : CTRL.EMPTY)
+      className: styles$1Q['vitro-checkbox'] + (className ? CTRL.SPACE + className : CTRL.EMPTY)
     });
   };
   return React__default.createElement("ul", {
     ref: listRef,
-    className: styles$1R['vitro-checkbox-reorderable-list'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$1Q['vitro-checkbox-reorderable-list'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, React__default.createElement(ReorderableList, {
     itemList: reorderableItemList,
     itemTemplate: getCheckbox,
     onChange: onChangePosition,
-    itemClassName: styles$1R['vitro-reorderable-item'],
+    itemClassName: styles$1Q['vitro-reorderable-item'],
     isCustomContainer: true
   }), React__default.createElement(List, {
     itemList: itemList,
     itemTemplate: getCheckbox,
-    itemClassName: styles$1R['vitro-item'],
+    itemClassName: styles$1Q['vitro-item'],
     isCustomContainer: true
   }));
 };
 
-var styles$1S = {"vitro-pin-button":"_pin-button_vitro-pin-button_3DklgEh","vitro-active":"_pin-button_vitro-active_2PgztSG"};
+var styles$1R = {"vitro-pin-button":"_pin-button_vitro-pin-button_3DklgEh","vitro-active":"_pin-button_vitro-active_2PgztSG"};
 
 var PinButton = function PinButton(props) {
   var _useState = React.useState(props.isActive || false),
@@ -85130,11 +85164,11 @@ var PinButton = function PinButton(props) {
   };
   return React__default.createElement(ImageButton, {
     onClick: onClick,
-    className: styles$1S['vitro-pin-button'] + (isActive ? CTRL.SPACE + styles$1S['vitro-active'] : CTRL.EMPTY) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$1R['vitro-pin-button'] + (isActive ? CTRL.SPACE + styles$1R['vitro-active'] : CTRL.EMPTY) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   });
 };
 
-var styles$1T = {"vitro-file-list-dropdown":"_file-list_vitro-file-list-dropdown_1BOOwqC","vitro-file-list-dropdown-item":"_file-list_vitro-file-list-dropdown-item_WtaYXLN","vitro-file-list-dropdown-image":"_file-list_vitro-file-list-dropdown-image_OUWbJBZ","vitro-file-list-dropdown-item-text":"_file-list_vitro-file-list-dropdown-item-text_3U6fMu7"};
+var styles$1S = {"vitro-file-list-dropdown":"_file-list_vitro-file-list-dropdown_1BOOwqC","vitro-file-list-dropdown-item":"_file-list_vitro-file-list-dropdown-item_WtaYXLN","vitro-file-list-dropdown-image":"_file-list_vitro-file-list-dropdown-image_OUWbJBZ","vitro-file-list-dropdown-item-text":"_file-list_vitro-file-list-dropdown-item-text_3U6fMu7"};
 
 var CSS_CLASS_FILE_LIST_DROPDOWN = 'vitro-file-list-dropdown';
 var CSS_CLASS_FILE_LIST_DROPDOWN_ITEM = 'vitro-file-list-dropdown-item';
@@ -85146,16 +85180,16 @@ var FileList = function FileList(props) {
     props.onOpen(item);
   };
   return React__default.createElement("div", {
-    className: styles$1T[CSS_CLASS_FILE_LIST_DROPDOWN]
+    className: styles$1S[CSS_CLASS_FILE_LIST_DROPDOWN]
   }, (_props$itemList = props.itemList) === null || _props$itemList === void 0 ? void 0 : _props$itemList.map(function (item) {
     return React__default.createElement("div", {
-      className: styles$1T[CSS_CLASS_FILE_LIST_DROPDOWN_ITEM]
+      className: styles$1S[CSS_CLASS_FILE_LIST_DROPDOWN_ITEM]
     }, React__default.createElement("span", {
-      className: styles$1T[CSS_CLASS_FILE_LIST_DROPDOWN_ITEM_IMAGE]
+      className: styles$1S[CSS_CLASS_FILE_LIST_DROPDOWN_ITEM_IMAGE]
     }, item.icon ? React__default.createElement("img", {
       src: item.icon
     }) : CTRL.EMPTY), React__default.createElement("span", {
-      className: styles$1T[CSS_CLASS_FILE_LIST_DROPDOWN_ITEM_TEXT]
+      className: styles$1S[CSS_CLASS_FILE_LIST_DROPDOWN_ITEM_TEXT]
     }, React__default.createElement("a", {
       onClick: function onClick() {
         return onOpen(item);
@@ -85169,7 +85203,7 @@ var LOCALE$c;
   LOCALE["DROPZONE_LABEL"] = "app.common.filePicker.dropZoneLabel";
 })(LOCALE$c || (LOCALE$c = {}));
 
-var styles$1U = {"vitro-file-picker":"_file-picker_vitro-file-picker_IV0PnKh","vitro-label":"_file-picker_vitro-label_1KY5QMW","vitro-scrollbar":"_file-picker_vitro-scrollbar_8t0LAkw","vitro-scrollbar-content":"_file-picker_vitro-scrollbar-content_3oLBqOf","vitro-drop-zone":"_file-picker_vitro-drop-zone_2xdKr3Y","vitro-drop-zone-active":"_file-picker_vitro-drop-zone-active_260SDRz","vitro-display-none":"_file-picker_vitro-display-none_RwEJqfN","vitro-file":"_file-picker_vitro-file_29jX2Dc","vitro-file-content":"_file-picker_vitro-file-content_1yV1plf","vitro-buttons-container":"_file-picker_vitro-buttons-container_2iewyGZ","vitro-download-button":"_file-picker_vitro-download-button_oKjHiUO","vitro-delete-button":"_file-picker_vitro-delete-button_29YhyRG"};
+var styles$1T = {"vitro-file-picker":"_file-picker_vitro-file-picker_IV0PnKh","vitro-label":"_file-picker_vitro-label_1KY5QMW","vitro-scrollbar":"_file-picker_vitro-scrollbar_8t0LAkw","vitro-scrollbar-content":"_file-picker_vitro-scrollbar-content_3oLBqOf","vitro-drop-zone":"_file-picker_vitro-drop-zone_2xdKr3Y","vitro-drop-zone-active":"_file-picker_vitro-drop-zone-active_260SDRz","vitro-display-none":"_file-picker_vitro-display-none_RwEJqfN","vitro-file":"_file-picker_vitro-file_29jX2Dc","vitro-file-content":"_file-picker_vitro-file-content_1yV1plf","vitro-buttons-container":"_file-picker_vitro-buttons-container_2iewyGZ","vitro-download-button":"_file-picker_vitro-download-button_oKjHiUO","vitro-delete-button":"_file-picker_vitro-delete-button_29YhyRG"};
 
 var FilePicker = function FilePicker(props) {
   var _useState = React.useState(false),
@@ -85251,33 +85285,33 @@ var FilePicker = function FilePicker(props) {
     }
   };
   return React__default.createElement(FlexBox, {
-    className: styles$1U['vitro-file-picker'],
+    className: styles$1T['vitro-file-picker'],
     ref: ref,
     isColumn: true
   }, React__default.createElement(Label, {
     text: props.label,
     isRequired: props.isRequired,
-    className: styles$1U['vitro-label']
+    className: styles$1T['vitro-label']
   }), props.value && props.value.length ? React__default.createElement(ScrollBar, {
-    className: styles$1U['vitro-scrollbar'],
-    contentClassName: styles$1U['vitro-scrollbar-content']
+    className: styles$1T['vitro-scrollbar'],
+    contentClassName: styles$1T['vitro-scrollbar-content']
   }, props.value.map(function (item, index) {
     return React__default.createElement(File, Object.assign({}, item, {
       key: index,
-      className: styles$1U['vitro-file'],
-      contentClassName: styles$1U['vitro-file-content']
+      className: styles$1T['vitro-file'],
+      contentClassName: styles$1T['vitro-file-content']
     }), React__default.createElement(FlexBox, {
-      className: styles$1U['vitro-buttons-container']
+      className: styles$1T['vitro-buttons-container']
     }, props.onDownload && item.isDownloadEnabled !== false && React__default.createElement(ImageButton, {
       onClick: function onClick() {
         return onDownload(item.id, item.name);
       },
-      className: styles$1U['vitro-download-button']
+      className: styles$1T['vitro-download-button']
     }), !props.isReadOnly && props.onDelete && React__default.createElement(ImageButton, {
       onClick: function onClick() {
         return onDelete(item.id);
       },
-      className: styles$1U['vitro-delete-button']
+      className: styles$1T['vitro-delete-button']
     })));
   })) : null, !props.isReadOnly && React__default.createElement(DropZone, {
     onClick: onClick,
@@ -85285,12 +85319,12 @@ var FilePicker = function FilePicker(props) {
     onDragOver: onDragOver,
     onDragLeave: onDragLeave,
     label: localeService.create(LOCALE$c.DROPZONE_LABEL),
-    className: isDropZoneActive ? styles$1U['vitro-drop-zone-active'] : styles$1U['vitro-drop-zone']
+    className: isDropZoneActive ? styles$1T['vitro-drop-zone-active'] : styles$1T['vitro-drop-zone']
   }), React__default.createElement("input", {
     type: 'file',
     onChange: onSelectFile,
     ref: fileInputRef,
-    className: styles$1U['vitro-display-none'],
+    className: styles$1T['vitro-display-none'],
     multiple: props.isMultiSelect
   }), props.errorMessage && React__default.createElement(ErrorMessage, {
     text: props.errorMessage
@@ -85391,7 +85425,7 @@ var TelerikMediaPlayerServiceImpl = /*#__PURE__*/function () {
   return TelerikMediaPlayerServiceImpl;
 }();
 
-var styles$1V = {"vitro-video-viewer":"_video-viewer_vitro-video-viewer_1KHO5IM","vitro-header":"_video-viewer_vitro-header_hwAjLDd","vitro-body":"_video-viewer_vitro-body_124aVK2","vitro-button-close":"_video-viewer_vitro-button-close_TB-QCiO","vitro-player":"_video-viewer_vitro-player_2JJVj_u"};
+var styles$1U = {"vitro-video-viewer":"_video-viewer_vitro-video-viewer_1KHO5IM","vitro-header":"_video-viewer_vitro-header_hwAjLDd","vitro-body":"_video-viewer_vitro-body_124aVK2","vitro-button-close":"_video-viewer_vitro-button-close_TB-QCiO","vitro-player":"_video-viewer_vitro-player_2JJVj_u"};
 
 var VideoViewer = React.forwardRef(function (props, ref) {
   var _useState = React.useState(),
@@ -85447,37 +85481,37 @@ var VideoViewer = React.forwardRef(function (props, ref) {
     }
   };
   return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: styles$1V['vitro-video-viewer']
+    className: styles$1U['vitro-video-viewer']
   }, React__default.createElement("div", {
-    className: styles$1V['vitro-header']
+    className: styles$1U['vitro-header']
   }, React__default.createElement("button", {
-    className: styles$1V['vitro-button-close'],
+    className: styles$1U['vitro-button-close'],
     onClick: props.onCloseClick
   })), React__default.createElement("div", {
-    className: styles$1V['vitro-body']
+    className: styles$1U['vitro-body']
   }, React__default.createElement("div", {
-    className: styles$1V['vitro-player'],
+    className: styles$1U['vitro-player'],
     ref: playerContainerRef
   }))));
 });
 
-var styles$1W = {"vitro-separator":"_separator_vitro-separator_1TmOy37","vitro-separator-vertical":"_separator_vitro-separator-vertical_2ePwXRL"};
+var styles$1V = {"vitro-separator":"_separator_vitro-separator_1TmOy37","vitro-separator-vertical":"_separator_vitro-separator-vertical_2ePwXRL"};
 
 var Separator = function Separator(props) {
   return React__default.createElement("div", {
-    className: props.isVertical ? styles$1W['vitro-separator-vertical'] : styles$1W['vitro-separator']
+    className: props.isVertical ? styles$1V['vitro-separator-vertical'] : styles$1V['vitro-separator']
   });
 };
 
-var styles$1X = {"vitro-white-close-button":"_close-button_vitro-white-close-button_cbxJwL7","vitro-close-button":"_close-button_vitro-close-button_1PA2DFD"};
+var styles$1W = {"vitro-white-close-button":"_close-button_vitro-white-close-button_cbxJwL7","vitro-close-button":"_close-button_vitro-close-button_1PA2DFD"};
 
 var CloseButton$1 = function CloseButton(props) {
   return React__default.createElement(ImageButton, Object.assign({}, props, {
-    className: (props.isWhite ? styles$1X['vitro-white-close-button'] : styles$1X['vitro-close-button']) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: (props.isWhite ? styles$1W['vitro-white-close-button'] : styles$1W['vitro-close-button']) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }));
 };
 
-var styles$1Y = {"vitro-field-value-list":"_field-value-list_vitro-field-value-list_3HYOe79","vitro-flex-column":"_field-value-list_vitro-flex-column_esMxbc0","vitro-label":"_field-value-list_vitro-label_512jxv0","vitro-value":"_field-value-list_vitro-value_237ljdz"};
+var styles$1X = {"vitro-field-value-list":"_field-value-list_vitro-field-value-list_3HYOe79","vitro-flex-column":"_field-value-list_vitro-flex-column_esMxbc0","vitro-label":"_field-value-list_vitro-label_512jxv0","vitro-value":"_field-value-list_vitro-value_237ljdz"};
 
 var FieldValueList = function FieldValueList(props) {
   var labelList = props.itemList.map(function (item) {
@@ -85487,75 +85521,75 @@ var FieldValueList = function FieldValueList(props) {
     return item.value;
   });
   return React__default.createElement(FlexBox, {
-    className: styles$1Y['vitro-field-value-list']
+    className: styles$1X['vitro-field-value-list']
   }, React__default.createElement(FlexBox, {
-    className: styles$1Y['vitro-flex-column'],
+    className: styles$1X['vitro-flex-column'],
     isColumn: true
   }, labelList.map(function (label, key) {
     return React__default.createElement(Label, {
       key: key,
       text: label + CTRL.COLON,
-      className: styles$1Y['vitro-label']
+      className: styles$1X['vitro-label']
     });
   })), React__default.createElement(FlexBox, {
-    className: styles$1Y['vitro-flex-column'],
+    className: styles$1X['vitro-flex-column'],
     isColumn: true
   }, valueList.map(function (value, key) {
     return React__default.createElement(Label, {
       key: key,
       text: value,
-      className: styles$1Y['vitro-value']
+      className: styles$1X['vitro-value']
     });
   })));
 };
 
-var styles$1Z = {"vitro-shared-item-link-form":"_shared-item-link-form_vitro-shared-item-link-form_3EJHrCZ","vitro-image":"_shared-item-link-form_vitro-image_3sxUXMr","vitro-content":"_shared-item-link-form_vitro-content_3N5eaFX","vitro-title":"_shared-item-link-form_vitro-title_3Nz4A4T","vitro-button-group":"_shared-item-link-form_vitro-button-group_6J7aKmY","vitro-link-input":"_shared-item-link-form_vitro-link-input_1I8xMul"};
+var styles$1Y = {"vitro-shared-item-link-form":"_shared-item-link-form_vitro-shared-item-link-form_3EJHrCZ","vitro-image":"_shared-item-link-form_vitro-image_3sxUXMr","vitro-content":"_shared-item-link-form_vitro-content_3N5eaFX","vitro-title":"_shared-item-link-form_vitro-title_3Nz4A4T","vitro-button-group":"_shared-item-link-form_vitro-button-group_6J7aKmY","vitro-link-input":"_shared-item-link-form_vitro-link-input_1I8xMul"};
 
 var SharedItemLinkForm = function SharedItemLinkForm(props) {
   return React__default.createElement(FlexBox, {
-    className: styles$1Z['vitro-shared-item-link-form']
+    className: styles$1Y['vitro-shared-item-link-form']
   }, React__default.createElement(Image, {
     defaultUrl: props.imageUrl,
-    className: styles$1Z['vitro-image']
+    className: styles$1Y['vitro-image']
   }), React__default.createElement(FlexBox, {
-    className: styles$1Z['vitro-content'],
+    className: styles$1Y['vitro-content'],
     isColumn: true
   }, React__default.createElement(Heading, {
     text: props.name,
     tag: TAG.H1,
-    className: styles$1Z['vitro-title']
+    className: styles$1Y['vitro-title']
   }), props.fieldValueList && React__default.createElement(FieldValueList, {
     itemList: props.fieldValueList
   }), React__default.createElement(ButtonGroup, {
     itemList: props.buttonList,
-    className: styles$1Z['vitro-button-group']
+    className: styles$1Y['vitro-button-group']
   }), props.uri && React__default.createElement(LinkInput, {
     label: props.linkLabel,
     value: {
       uri: props.uri
     },
-    className: styles$1Z['vitro-link-input'],
+    className: styles$1Y['vitro-link-input'],
     isCopyOrigin: true,
     isReadOnly: true
   })));
 };
 
-var styles$1_ = {"vitro-delete-button":"_delete-button_vitro-delete-button_1rHMYDM","vitro-button":"_delete-button_vitro-button_3x1CMPO","vitro-image":"_delete-button_vitro-image_3suuRwK"};
+var styles$1Z = {"vitro-delete-button":"_delete-button_vitro-delete-button_1rHMYDM","vitro-button":"_delete-button_vitro-button_3x1CMPO","vitro-image":"_delete-button_vitro-image_3suuRwK"};
 
 var DeleteButton = function DeleteButton(props) {
   return React__default.createElement("button", {
-    className: styles$1_['vitro-delete-button'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
+    className: styles$1Z['vitro-delete-button'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
     onClick: props.onClick
   }, React__default.createElement("div", {
-    className: styles$1_['vitro-image']
+    className: styles$1Z['vitro-image']
   }), props.text && React__default.createElement("div", null, props.text));
 };
 
-var styles$1$ = {"vitro-placeholder":"_placeholder_vitro-placeholder_4NH7HcF"};
+var styles$1_ = {"vitro-placeholder":"_placeholder_vitro-placeholder_4NH7HcF"};
 
 var Placeholder = function Placeholder(props) {
   return React__default.createElement(FlexBox, {
-    className: styles$1$['vitro-placeholder'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$1_['vitro-placeholder'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, React__default.createElement(FlexBox, null, React__default.createElement("span", null, props.text)));
 };
 
@@ -85568,6 +85602,7 @@ exports.ActivityMessage = ActivityMessage;
 exports.AddFieldButton = AddFieldButton;
 exports.Alert = Alert$1;
 exports.Avatar = Avatar;
+exports.BUTTON = ButtonConstants;
 exports.BimViewer = BimViewer;
 exports.BottomAlignControlGroup = BottomAlignControlGroup;
 exports.Breadcrumbs = Breadcrumbs;