@vitrosoftware/common-ui-ts 1.1.155 → 1.1.156

package/dist/index.js

@@ -63298,7 +63298,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.155";
+var version$1 = "1.1.156";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";
@@ -66557,6 +66557,9 @@ var List = React.forwardRef(function (props, ref) {
   }), children);
 });
 
+var styles$1c = {"vitro-dropdown-arrow":"_overlay_vitro-dropdown-arrow_33kJJVJ"};
+
+var CSS_CLASS_DROPDOWN_ARROW = 'vitro-dropdown-arrow';
 var Overlay$2 = React.forwardRef(function (props, ref) {
   var _useState = React.useState(null),
     target = _useState[0],
@@ -66591,12 +66594,12 @@ var Overlay$2 = React.forwardRef(function (props, ref) {
     placement: props.placement || exports.PLACEMENT.AUTO,
     flip: props.isFlip ? true : false
   }, React__default.createElement("div", {
-    className: props.className,
+    className: props.className + CTRL.SPACE + styles$1c[CSS_CLASS_DROPDOWN_ARROW],
     style: style
   }, props.children));
 });
 
-var styles$1c = {"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$1d = {"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]),
@@ -66630,32 +66633,32 @@ var ConditionSelect = React.forwardRef(function (props, ref) {
   };
   var getCondition = function getCondition(props) {
     return React__default.createElement(FlexBox, {
-      className: styles$1c['vitro-condition']
+      className: styles$1d['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$1c['vitro-condition-select']
+    className: styles$1d['vitro-condition-select']
   }, React__default.createElement("div", {
     onClick: toggleSelect
   }, condition.imageUrl ? React__default.createElement(Image, {
     defaultUrl: condition.imageUrl,
-    className: styles$1c['vitro-image']
+    className: styles$1d['vitro-image']
   }) : condition.text), React__default.createElement(Overlay$2, {
     isShow: showSelectList,
     isFlip: true,
     target: ref.current,
     placement: exports.PLACEMENT.BOTTOM + CTRL.DASH + exports.PLACEMENT.START,
-    className: styles$1c['vitro-condition-list-container']
+    className: styles$1d['vitro-condition-list-container']
   }, React__default.createElement(List, {
     ref: listRef,
     itemList: props.itemList,
     itemTemplate: getCondition,
     onClick: onClick,
     onBlur: onBlur,
-    className: styles$1c['vitro-condition-list']
+    className: styles$1d['vitro-condition-list']
   }))));
 });
 
@@ -66722,13 +66725,13 @@ var Criterion = function Criterion(props) {
     onChange(value);
   };
   var onFocus = function onFocus(e) {
-    setState(styles$1c['vitro-focus']);
+    setState(styles$1d['vitro-focus']);
     if (componentProps.onFocus) {
       componentProps.onFocus(e);
     }
   };
   var onBlur = function onBlur(e) {
-    setState(componentProps.errorMessage ? styles$1c['vitro-error'] : CTRL.EMPTY);
+    setState(componentProps.errorMessage ? styles$1d['vitro-error'] : CTRL.EMPTY);
     if (componentProps.onBlur) {
       componentProps.onBlur(e);
     }
@@ -66743,39 +66746,39 @@ var Criterion = function Criterion(props) {
     onChange(value);
   };
   return React__default.createElement(FlexBox, {
-    className: props.isMobileView ? styles$1c['vitro-criterion-container-mobile'] : styles$1c['vitro-criterion-container']
+    className: props.isMobileView ? styles$1d['vitro-criterion-container-mobile'] : styles$1d['vitro-criterion-container']
   }, props.operatorList && operator ? React__default.createElement("div", {
-    className: styles$1c['vitro-operator-select-container']
+    className: styles$1d['vitro-operator-select-container']
   }, props.isShowOperatorSelect && React__default.createElement(FlexBox, {
     ref: operatorSelectRef,
-    className: styles$1c['vitro-operator-select'],
+    className: styles$1d['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$1c['vitro-operator-list-container']
+    className: styles$1d['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$1c['vitro-operator-list']
+    className: styles$1d['vitro-operator-list']
   }))) : CTRL.EMPTY, React__default.createElement("div", {
-    className: styles$1c['vitro-control'] + CTRL.SPACE + state
+    className: styles$1d['vitro-control'] + CTRL.SPACE + state
   }, React__default.createElement(Label, {
     ref: labelRef,
     text: props.label,
-    className: styles$1c['vitro-label']
+    className: styles$1d['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$1c['vitro-control'],
+    className: styles$1d['vitro-control'],
     onBlur: onBlur,
     onFocus: onFocus,
     onChange: onControlChange,
@@ -66787,7 +66790,7 @@ var Criterion = function Criterion(props) {
     onClick: function onClick() {
       return props.onDelete(componentProps.id);
     },
-    className: styles$1c['vitro-button-cancel']
+    className: styles$1d['vitro-button-cancel']
   }));
 };
 
@@ -66797,7 +66800,7 @@ var LOCALE$8;
   LOCALE["COLLAPSE_TEXT"] = "app.common.expandControlGroup.collapse";
 })(LOCALE$8 || (LOCALE$8 = {}));
 
-var styles$1d = {"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$1e = {"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),
@@ -66813,7 +66816,7 @@ var ExpandControlGroup = function ExpandControlGroup(props) {
       props.onClick(isExpanded);
     }
   };
-  var className = [styles$1d['vitro-expand-control-group'], props.className || CTRL.EMPTY, props.isExpandTop ? styles$1d['vitro-top'] : CTRL.EMPTY, isExpanded ? 'vitro-expanded' : 'vitro-collapsed'].join(CTRL.SPACE);
+  var className = [styles$1e['vitro-expand-control-group'], props.className || CTRL.EMPTY, props.isExpandTop ? styles$1e['vitro-top'] : CTRL.EMPTY, isExpanded ? 'vitro-expanded' : 'vitro-collapsed'].join(CTRL.SPACE);
   return React__default.createElement("div", {
     className: className
   }, React__default.createElement(ExpandCollapseButton, {
@@ -66825,11 +66828,11 @@ var ExpandControlGroup = function ExpandControlGroup(props) {
     isExpanded: isExpanded,
     className: props.buttonClassName
   }), React__default.createElement("div", {
-    className: 'vitro-content' + (isExpanded ? CTRL.EMPTY : CTRL.SPACE + styles$1d['vitro-display-none'])
+    className: 'vitro-content' + (isExpanded ? CTRL.EMPTY : CTRL.SPACE + styles$1e['vitro-display-none'])
   }, props.children));
 };
 
-var styles$1e = {"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$1f = {"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([]),
@@ -67018,7 +67021,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$1e['vitro-field-iterator'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$1f['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;
@@ -67035,13 +67038,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$1e['vitro-expand']
+      className: styles$1f['vitro-expand']
     }),
     collapseImage: React__default.createElement("span", {
-      className: styles$1e['vitro-collapse']
+      className: styles$1f['vitro-collapse']
     }),
-    className: styles$1e['vitro-expand-control-group'],
-    buttonClassName: styles$1e['vitro-expand-collapse-button'],
+    className: styles$1f['vitro-expand-control-group'],
+    buttonClassName: styles$1f['vitro-expand-collapse-button'],
     isExpandTop: true
   }, controlList.map(function (control, index) {
     var component = props.componentMap.find(function (x) {
@@ -67054,7 +67057,7 @@ var FieldIterator = React.forwardRef(function (props, ref) {
   })) : null);
 });
 
-var styles$1f = {"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$1g = {"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),
@@ -67069,13 +67072,13 @@ var Item$3 = function Item(props) {
   }, []);
   var labelRef = React.useRef(null);
   var onFocus = function onFocus(e) {
-    setState(styles$1f['vitro-focus']);
+    setState(styles$1g['vitro-focus']);
     if (componentProps.onFocus) {
       componentProps.onFocus(e);
     }
   };
   var onBlur = function onBlur(e) {
-    setState(componentProps.errorMessage ? styles$1f['vitro-error'] : CTRL.EMPTY);
+    setState(componentProps.errorMessage ? styles$1g['vitro-error'] : CTRL.EMPTY);
     if (componentProps.onBlur) {
       componentProps.onBlur(e);
     }
@@ -67090,15 +67093,15 @@ var Item$3 = function Item(props) {
     onChange(value);
   };
   return React__default.createElement(FlexBox, {
-    className: props.isMobileView ? styles$1f['vitro-criterion-container-mobile'] : styles$1f['vitro-criterion-container']
+    className: props.isMobileView ? styles$1g['vitro-criterion-container-mobile'] : styles$1g['vitro-criterion-container']
   }, React__default.createElement("div", {
-    className: styles$1f['vitro-control'] + CTRL.SPACE + state
+    className: styles$1g['vitro-control'] + CTRL.SPACE + state
   }, React__default.createElement(Label, {
     ref: labelRef,
     text: props.label,
-    className: styles$1f['vitro-label']
+    className: styles$1g['vitro-label']
   }), React__default.createElement(props.content.component, _extends({}, componentProps, {
-    className: styles$1f['vitro-control'],
+    className: styles$1g['vitro-control'],
     onBlur: onBlur,
     onFocus: onFocus,
     onChange: onControlChange,
@@ -67110,11 +67113,11 @@ var Item$3 = function Item(props) {
     onClick: function onClick() {
       return props.onDelete(componentProps.id);
     },
-    className: styles$1f['vitro-button-cancel']
+    className: styles$1g['vitro-button-cancel']
   }));
 };
 
-var styles$1g = {"vitro-field-iterator":"_editable-field-iterator_vitro-field-iterator_myx5yu3"};
+var styles$1h = {"vitro-field-iterator":"_editable-field-iterator_vitro-field-iterator_myx5yu3"};
 
 var EditableFieldIterator = function EditableFieldIterator(props) {
   var _useState = React.useState(null),
@@ -67174,7 +67177,7 @@ var EditableFieldIterator = function EditableFieldIterator(props) {
     props.onChange(changedFieldValueMap);
   };
   return React__default.createElement("div", {
-    className: styles$1g['vitro-filter']
+    className: styles$1h['vitro-filter']
   }, props.isNoScrollBar ? componentMap && React__default.createElement(FieldIterator, {
     fieldList: props.fieldList,
     fieldValueMap: fieldValueMap,
@@ -67182,9 +67185,9 @@ var EditableFieldIterator = function EditableFieldIterator(props) {
     componentMap: componentMap,
     onChange: onChange,
     isVisibleOverflow: true,
-    className: styles$1g['vitro-field-iterator']
+    className: styles$1h['vitro-field-iterator']
   }) : React__default.createElement(ScrollBar, {
-    className: styles$1g['vitro-scrollbar']
+    className: styles$1h['vitro-scrollbar']
   }, componentMap && React__default.createElement(FieldIterator, {
     fieldList: props.fieldList,
     fieldValueMap: fieldValueMap,
@@ -67192,11 +67195,11 @@ var EditableFieldIterator = function EditableFieldIterator(props) {
     componentMap: componentMap,
     onChange: onChange,
     isVisibleOverflow: true,
-    className: styles$1g['vitro-field-iterator']
+    className: styles$1h['vitro-field-iterator']
   })));
 };
 
-var styles$1h = {"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$1i = {"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),
@@ -67260,7 +67263,7 @@ var CriterionFieldIterator = function CriterionFieldIterator(props) {
     props.onChange(changedFieldValueMap);
   };
   return React__default.createElement("div", {
-    className: styles$1h['vitro-filter']
+    className: styles$1i['vitro-filter']
   }, props.isNoScrollBar ? componentMap && React__default.createElement(FieldIterator, {
     fieldList: props.fieldList,
     fieldValueMap: fieldValueMap,
@@ -67268,9 +67271,9 @@ var CriterionFieldIterator = function CriterionFieldIterator(props) {
     componentMap: componentMap,
     onChange: onChange,
     isVisibleOverflow: true,
-    className: styles$1h['vitro-field-iterator']
+    className: styles$1i['vitro-field-iterator']
   }) : React__default.createElement(ScrollBar, {
-    className: styles$1h['vitro-scrollbar']
+    className: styles$1i['vitro-scrollbar']
   }, componentMap && React__default.createElement(FieldIterator, {
     fieldList: props.fieldList,
     fieldValueMap: fieldValueMap,
@@ -67278,7 +67281,7 @@ var CriterionFieldIterator = function CriterionFieldIterator(props) {
     componentMap: componentMap,
     onChange: onChange,
     isVisibleOverflow: true,
-    className: styles$1h['vitro-field-iterator']
+    className: styles$1i['vitro-field-iterator']
   })));
 };
 
@@ -67288,7 +67291,7 @@ var LOCALE$9;
   LOCALE["PLACEHOLDER"] = "app.common.searchInput.placeholder";
 })(LOCALE$9 || (LOCALE$9 = {}));
 
-var styles$1i = {"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$1j = {"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) {
@@ -67377,7 +67380,7 @@ var SearchInput = function SearchInput(props) {
     return list.join(NEW_LINE);
   };
   var getClassName = function getClassName() {
-    var classList = [props.isMobileView ? styles$1i['vitro-search-input-mobile'] : styles$1i['vitro-search-input'], props.className || CTRL.EMPTY, state];
+    var classList = [props.isMobileView ? styles$1j['vitro-search-input-mobile'] : styles$1j['vitro-search-input'], props.className || CTRL.EMPTY, state];
     if (props.isActive) {
       classList.push('vitro-active');
     }
@@ -67387,24 +67390,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$1i['vitro-search-value']
+      className: styles$1j['vitro-search-value']
     }, React__default.createElement("span", null, getTextValue(firstValue)), React__default.createElement(ImageButton, {
       onClick: function onClick() {
         return onRemoveValue([firstValue]);
       },
-      className: styles$1i['vitro-button-cancel']
+      className: styles$1j['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$1i['vitro-search-value']
+      className: styles$1j['vitro-search-value']
     }, localeService.create(LOCALE$9.VALUE_COUNT, {
       count: list.length
     }), React__default.createElement(ImageButton, {
       onClick: function onClick() {
         return onRemoveValue(list);
       },
-      className: styles$1i['vitro-button-cancel']
+      className: styles$1j['vitro-button-cancel']
     })))) : null);
   };
   return React__default.createElement(FlexBox, {
@@ -67413,7 +67416,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$1i['vitro-search-value-list']
+    className: styles$1j['vitro-search-value-list']
   }, props.searchCriterionList && props.searchCriterionList.length ? getSelectedValueList(props.searchCriterionList) : React__default.createElement("input", {
     type: 'text',
     ref: inputRef,
@@ -67424,7 +67427,7 @@ var SearchInput = function SearchInput(props) {
     placeholder: !props.isActive ? props.placeholder || localeService.create(LOCALE$9.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$1i['vitro-button-cancel']
+    className: styles$1j['vitro-button-cancel']
   }) : null));
 };
 
@@ -67433,7 +67436,7 @@ var LOCALE$a;
   LOCALE["EMPTY_PLACEHOLDER"] = "app.common.searchValueList.emptyPlaceholder";
 })(LOCALE$a || (LOCALE$a = {}));
 
-var styles$1j = {"vitro-search-input-container":"_search-value-list_vitro-search-input-container_167CEqB","vitro-empty-placeholder":"_search-value-list_vitro-empty-placeholder_2f08lDK"};
+var styles$1k = {"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),
@@ -67460,7 +67463,7 @@ var SearchValueList = function SearchValueList(props) {
   return React__default.createElement("div", {
     className: props.className || CTRL.EMPTY
   }, React__default.createElement("div", {
-    className: styles$1j['vitro-search-input-container']
+    className: styles$1k['vitro-search-input-container']
   }, React__default.createElement(SearchInput, {
     onCancel: onSearchCancel,
     onChange: onInputChange,
@@ -67469,11 +67472,11 @@ var SearchValueList = function SearchValueList(props) {
   })), React__default.createElement(ScrollBar, null, props.children, itemList.length ? itemList.map(function (item) {
     return props.valueTemplate(item);
   }) : React__default.createElement("span", {
-    className: styles$1j['vitro-empty-placeholder']
+    className: styles$1k['vitro-empty-placeholder']
   }, props.emptyPlaceHolder || localeService.create(LOCALE$a.EMPTY_PLACEHOLDER))));
 };
 
-var styles$1k = {"vitro-checkbox-list":"_checkbox-list_vitro-checkbox-list_1iZSkkv","vitro-search-value-list":"_checkbox-list_vitro-search-value-list_2i58fRK","vitro-checkbox":"_checkbox-list_vitro-checkbox_1EqsnoQ"};
+var styles$1l = {"vitro-checkbox-list":"_checkbox-list_vitro-checkbox-list_1iZSkkv","vitro-search-value-list":"_checkbox-list_vitro-search-value-list_2i58fRK","vitro-checkbox":"_checkbox-list_vitro-checkbox_1EqsnoQ"};
 
 var CheckboxList = React.forwardRef(function (props, ref) {
   var _useState = React.useState(props.itemList),
@@ -67508,24 +67511,24 @@ var CheckboxList = React.forwardRef(function (props, ref) {
       onChange: function onChange(value, name) {
         return _onChange(value, item.id);
       },
-      className: styles$1k['vitro-checkbox']
+      className: styles$1l['vitro-checkbox']
     });
   };
   var filterValueTemplate = function filterValueTemplate(item) {
     return item.name;
   };
   return React__default.createElement("div", {
-    className: styles$1k['vitro-checkbox-list'],
+    className: styles$1l['vitro-checkbox-list'],
     ref: ref
   }, React__default.createElement(SearchValueList, {
     itemList: props.itemList,
     valueTemplate: getCheckbox,
     filterValueTemplate: filterValueTemplate,
-    className: styles$1k['vitro-search-value-list']
+    className: styles$1l['vitro-search-value-list']
   }));
 });
 
-var styles$1l = {"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-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-search-mobile":"_search_vitro-search-mobile_XsKRflV","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$1m = {"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-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-search-mobile":"_search_vitro-search-mobile_XsKRflV","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;
@@ -67538,19 +67541,19 @@ var AddFieldButton = React.forwardRef(function (props, ref) {
     };
   });
   return React__default.createElement("div", {
-    className: styles$1l['vitro-add-field']
+    className: styles$1m['vitro-add-field']
   }, React__default.createElement(Button$2, {
     ref: addFieldButtonRef,
     text: props.labelAddField,
     onClick: props.onAddField,
-    className: styles$1l['vitro-add-field-button']
+    className: styles$1m['vitro-add-field-button']
   }), React__default.createElement(Overlay$2, {
     isShow: props.isShowAddFieldDialog,
     isFlip: props.isMobileView,
     target: addFieldButtonRef.current,
     container: (_props$filterContaine = props.filterContainerRef) !== null && _props$filterContaine !== void 0 && _props$filterContaine.current ? props.filterContainerRef.current : undefined,
     placement: props.isMobileView ? exports.PLACEMENT.BOTTOM + CTRL.DASH + exports.PLACEMENT.START : exports.PLACEMENT.RIGHT + CTRL.DASH + exports.PLACEMENT.START,
-    className: styles$1l['vitro-add-field-dialog']
+    className: styles$1m['vitro-add-field-dialog']
   }, React__default.createElement(CheckboxList, {
     ref: addFieldListRef,
     itemList: props.checkboxFieldList,
@@ -67616,7 +67619,7 @@ var Search = function Search(props) {
   }, [filterFieldList]);
   React.useEffect(function () {
     if (selectedSearchCriterionList.length) {
-      setState(styles$1l['vitro-active']);
+      setState(styles$1m['vitro-active']);
     }
   }, [selectedSearchCriterionList]);
   React.useEffect(function () {
@@ -67766,7 +67769,7 @@ var Search = function Search(props) {
     }
   };
   var onFocusInput = function onFocusInput() {
-    setState(styles$1l['vitro-active']);
+    setState(styles$1m['vitro-active']);
   };
   var onRemoveValue = function onRemoveValue(valueList) {
     setSearchCriterionList(valueList);
@@ -67776,7 +67779,7 @@ var Search = function Search(props) {
     closeSettings();
   };
   var content = React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: styles$1l['vitro-filter-container'],
+    className: styles$1m['vitro-filter-container'],
     ref: filterContainerRef
   }, React__default.createElement(CriterionFieldIterator, {
     fieldList: filterFieldList,
@@ -67799,19 +67802,19 @@ var Search = function Search(props) {
     isAllFieldsVisible: props.isAllFieldsVisible,
     filterContainerRef: filterContainerRef
   }), !props.isMobileView && React__default.createElement(ButtonGroup, {
-    className: styles$1l['vitro-button-group']
+    className: styles$1m['vitro-button-group']
   }, React__default.createElement(Button$2, {
     text: props.labelCancel,
     onClick: onCancel,
-    className: styles$1l['vitro-button-cancel']
+    className: styles$1m['vitro-button-cancel']
   }), React__default.createElement(Button$2, {
     text: props.labelSearch,
     onClick: onSearch,
-    className: styles$1l['vitro-button']
+    className: styles$1m['vitro-button']
   }))));
   return React__default.createElement("div", {
     ref: searchRef,
-    className: (props.isMobileView || props.isMinifiedInput ? styles$1l['vitro-search-mobile'] : styles$1l['vitro-search']) + CTRL.SPACE + state
+    className: (props.isMobileView || props.isMinifiedInput ? styles$1m['vitro-search-mobile'] : styles$1m['vitro-search']) + CTRL.SPACE + state
   }, React__default.createElement(SearchInput, {
     searchCriterionList: selectedSearchCriterionList,
     onCancel: onCancelSearch,
@@ -67823,10 +67826,10 @@ var Search = function Search(props) {
     onFocus: onFocusInput,
     isActive: state || isShowDialog ? true : false,
     isMobileView: props.isMobileView ? true : props.isMinifiedInput,
-    className: styles$1l['vitro-control']
+    className: styles$1m['vitro-control']
   }, (state || isShowDialog) && React__default.createElement(ImageButton, {
     onClick: onSettingsClick,
-    className: styles$1l['vitro-button-settings'] + (isShowDialog ? CTRL.SPACE + styles$1l['vitro-active'] : CTRL.EMPTY)
+    className: styles$1m['vitro-button-settings'] + (isShowDialog ? CTRL.SPACE + styles$1m['vitro-active'] : CTRL.EMPTY)
   })), isShowDialog && (props.isMobileView ? React__default.createElement(Dialog, {
     title: props.inputPlaceholder || CTRL.EMPTY,
     onClose: closeSettings,
@@ -67834,12 +67837,12 @@ var Search = function Search(props) {
       text: props.labelSearch,
       onClick: onSearch
     }],
-    className: styles$1l['vitro-settings-dialog-mobile'],
-    headerClassName: styles$1l['vitro-settings-dialog-header'],
-    footerClassName: styles$1l['vitro-settings-dialog-footer'],
+    className: styles$1m['vitro-settings-dialog-mobile'],
+    headerClassName: styles$1m['vitro-settings-dialog-header'],
+    footerClassName: styles$1m['vitro-settings-dialog-footer'],
     isDismissible: true
   }, content) : React__default.createElement(FlexBox, {
-    className: styles$1l['vitro-settings-dialog']
+    className: styles$1m['vitro-settings-dialog']
   }, content)));
 };
 
@@ -67905,7 +67908,7 @@ var Splitter = function Splitter(props) {
   }, props.children);
 };
 
-var styles$1m = {"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$1n = {"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),
@@ -67915,42 +67918,42 @@ var RouteItem = function RouteItem(props) {
     isShowComment = _useState2[0],
     setIsShowComment = _useState2[1];
   return React__default.createElement("div", {
-    className: styles$1m['vitro-route-item']
+    className: styles$1n['vitro-route-item']
   }, props.children ? React__default.createElement("button", {
-    className: isExpanded ? styles$1m['vitro-button-collapse'] : styles$1m['vitro-button-expand'],
+    className: isExpanded ? styles$1n['vitro-button-collapse'] : styles$1n['vitro-button-expand'],
     onClick: function onClick() {
       return setIsExpanded(!isExpanded);
     }
   }) : null, React__default.createElement("div", {
-    className: styles$1m['vitro-route-item-content']
+    className: styles$1n['vitro-route-item-content']
   }, props.userName && props.status && React__default.createElement("div", {
-    className: styles$1m['vitro-route-item-header']
+    className: styles$1n['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$1m['vitro-avatar']
+    className: styles$1n['vitro-avatar']
   }), props.userName), React__default.createElement("div", {
-    className: styles$1m['vitro-date']
+    className: styles$1n['vitro-date']
   }, props.date)), React__default.createElement("div", null, React__default.createElement("div", null, props.statusColor && React__default.createElement("div", {
-    className: styles$1m['vitro-status-color'],
+    className: styles$1n['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$1m['vitro-route-item-body']
+    className: styles$1n['vitro-route-item-body']
   }, React__default.createElement("div", {
-    className: styles$1m['vitro-flex']
+    className: styles$1n['vitro-flex']
   }, React__default.createElement("span", null, props.name), props.comment && React__default.createElement("button", {
-    className: isShowComment ? styles$1m['vitro-button-hide-comment'] : styles$1m['vitro-button-show-comment'],
+    className: isShowComment ? styles$1n['vitro-button-hide-comment'] : styles$1n['vitro-button-show-comment'],
     onClick: function onClick() {
       return setIsShowComment(!isShowComment);
     }
   })), isShowComment && props.comment && React__default.createElement("div", {
-    className: styles$1m['vitro-comment']
+    className: styles$1n['vitro-comment']
   }, props.comment)), isExpanded && React__default.createElement("div", {
-    className: styles$1m['vitro-route-item-child']
+    className: styles$1n['vitro-route-item-child']
   }, props.children)));
 };
 
@@ -68058,7 +68061,7 @@ var BimViewer = function BimViewer(props) {
   });
 };
 
-var styles$1n = {"vitro-scroll-view":"_scroll-view_vitro-scroll-view_TXQ8QQh"};
+var styles$1o = {"vitro-scroll-view":"_scroll-view_vitro-scroll-view_TXQ8QQh"};
 
 var COMPONENT_NAME = 'kendoScrollView';
 var CONTENT_HEIGHT = 100;
@@ -68103,27 +68106,27 @@ var ScrollView = function ScrollView(props) {
   };
   return React__default.createElement("div", {
     ref: scrollViewRef,
-    className: styles$1n['vitro-scroll-view'] + CTRL.SPACE + (props.className || CTRL.EMPTY),
+    className: styles$1o['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$1o = {"vitro-image-container":"_page_vitro-image-container_QEXhGHE"};
+var styles$1p = {"vitro-image-container":"_page_vitro-image-container_QEXhGHE"};
 
 var Page = function Page(props) {
   return React__default.createElement("div", {
-    className: styles$1o['vitro-page'],
+    className: styles$1p['vitro-page'],
     "data-role": "page"
   }, React__default.createElement("div", {
-    className: styles$1o['vitro-image-container']
+    className: styles$1p['vitro-image-container']
   }, React__default.createElement("img", {
     src: props.url
   })));
 };
 
-var styles$1p = {"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$1q = {"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$;
@@ -68181,25 +68184,25 @@ var ImageViewer = React.forwardRef(function (props, ref) {
     }
   };
   return React__default.createElement(React__default.Fragment, null, itemList.length ? React__default.createElement("div", {
-    className: styles$1p['vitro-image-viewer']
+    className: styles$1q['vitro-image-viewer']
   }, React__default.createElement("div", {
-    className: styles$1p['vitro-header']
+    className: styles$1q['vitro-header']
   }, actionList.length ? React__default.createElement(DropdownButton, {
     itemList: actionList,
-    className: styles$1p['vitro-dropdown-button']
+    className: styles$1q['vitro-dropdown-button']
   }) : null, React__default.createElement("button", {
-    className: styles$1p['vitro-button-close'],
+    className: styles$1q['vitro-button-close'],
     onClick: props.onCloseClick
   })), React__default.createElement(ScrollView, {
     itemList: itemList,
     onChange: onChange,
-    className: styles$1p['vitro-scroll-view'],
+    className: styles$1q['vitro-scroll-view'],
     isEnablePager: true,
     activePage: props.activePage
   })) : null);
 });
 
-var styles$1q = {"vitro-page":"_page-layout_vitro-page_GzZ3agH"};
+var styles$1r = {"vitro-page":"_page-layout_vitro-page_GzZ3agH"};
 
 var PageLayout = function PageLayout(props) {
   var getClassName = function getClassName(sidebar) {
@@ -68213,7 +68216,7 @@ var PageLayout = function PageLayout(props) {
     return CTRL.SPACE + classNameArr.join(CTRL.SPACE);
   };
   return React__default.createElement("div", {
-    className: styles$1q['vitro-page'] + getClassName(props.sidebar) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
+    className: styles$1r['vitro-page'] + getClassName(props.sidebar) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
     id: 'vitro-page'
   }, props.children);
 };
@@ -68228,7 +68231,7 @@ var HeaderConstants = {
     get LOCAL_STORAGE_KEY () { return LOCAL_STORAGE_KEY; }
 };
 
-var styles$1r = {"vitro-header":"_header_vitro-header_ta9aLJn"};
+var styles$1s = {"vitro-header":"_header_vitro-header_ta9aLJn"};
 
 var onChangeSidebarMode = function onChangeSidebarMode() {};
 var Header = function Header(props) {
@@ -68271,44 +68274,44 @@ var Header = function Header(props) {
     }
   }, [props.sidebar]);
   return React__default.createElement("div", {
-    className: styles$1r['vitro-header'],
+    className: styles$1s['vitro-header'],
     id: 'vitro-header',
     ref: ref
   }, props.children);
 };
 
-var styles$1s = {"vitro-nav-bar-sidebar-button":"_header-nav-bar-sidebar-button_vitro-nav-bar-sidebar-button_3IZcIOc"};
+var styles$1t = {"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$1s['vitro-nav-bar-sidebar-button'],
+    className: styles$1t['vitro-nav-bar-sidebar-button'],
     onClick: props.onClick
   });
 };
 
-var styles$1t = {"vitro-nav-bar":"_header-nav-bar_vitro-nav-bar_EuyFIk8"};
+var styles$1u = {"vitro-nav-bar":"_header-nav-bar_vitro-nav-bar_EuyFIk8"};
 
 var HeaderNavBar = function HeaderNavBar(props) {
   return React__default.createElement("nav", {
-    className: styles$1t['vitro-nav-bar'] + CTRL.SPACE + ['navbar', 'navbar-expand-lg', 'navbar-light'].join(CTRL.SPACE)
+    className: styles$1u['vitro-nav-bar'] + CTRL.SPACE + ['navbar', 'navbar-expand-lg', 'navbar-light'].join(CTRL.SPACE)
   }, React__default.createElement(SidebarButton, {
     onClick: onChangeSidebarMode
   }), props.children);
 };
 
-var styles$1u = {"vitro-nav-service":"_header-nav-service_vitro-nav-service_1-i4GOh"};
+var styles$1v = {"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$1u['vitro-nav-service']
+    className: styles$1v['vitro-nav-service']
   }, React__default.createElement("div", {
     className: logoStyles['vitro-customer-logo']
   }), props.children);
 };
 
-var styles$1v = {"vitro-product-title":"_product-title_vitro-product-title_2gZcA5j"};
+var styles$1w = {"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, {
@@ -68330,22 +68333,22 @@ var ProductTitle = function ProductTitle(props) {
   if (props.href) {
     return React__default.createElement("a", {
       href: props.href,
-      className: styles$1v['vitro-product-title'],
+      className: styles$1w['vitro-product-title'],
       title: props.imageCaption
     }, content);
   }
   return React__default.createElement("a", {
     onClick: onClick,
-    className: styles$1v['vitro-product-title'],
+    className: styles$1w['vitro-product-title'],
     title: props.imageCaption
   }, content);
 };
 
-var styles$1w = {"vitro-right":"_right-align-control-group_vitro-right_2vnd6R7"};
+var styles$1x = {"vitro-right":"_right-align-control-group_vitro-right_2vnd6R7"};
 
 var RightAlignControlGroup = function RightAlignControlGroup(props) {
   return React__default.createElement("div", {
-    className: styles$1w['vitro-right']
+    className: styles$1x['vitro-right']
   }, props.children);
 };
 
@@ -68355,32 +68358,32 @@ var LeftAlignControlGroup = function LeftAlignControlGroup(props) {
   }, props.children);
 };
 
-var styles$1x = {"vitro-center":"_center-align-control-group_vitro-center_3SHmVN-"};
+var styles$1y = {"vitro-center":"_center-align-control-group_vitro-center_3SHmVN-"};
 
 var CenterAlignControlGroup = function CenterAlignControlGroup(props) {
   return React__default.createElement("div", {
-    className: styles$1x['vitro-center']
+    className: styles$1y['vitro-center']
   }, props.children);
 };
 
-var styles$1y = {"vitro-main":"_main_vitro-main_Kk2JMBF"};
+var styles$1z = {"vitro-main":"_main_vitro-main_Kk2JMBF"};
 
 var Main = function Main(props) {
   return React__default.createElement("div", {
-    className: styles$1y['vitro-main'],
+    className: styles$1z['vitro-main'],
     id: 'vitro-main'
   }, props.children);
 };
 
-var styles$1z = {"vitro-table-view-detail":"_table-view-detail_vitro-table-view-detail_zxwp4XX"};
+var styles$1A = {"vitro-table-view-detail":"_table-view-detail_vitro-table-view-detail_zxwp4XX"};
 
 var TableViewDetail = function TableViewDetail(props) {
   return React__default.createElement("div", {
-    className: styles$1z['vitro-table-view-detail']
+    className: styles$1A['vitro-table-view-detail']
   }, props.children);
 };
 
-var styles$1A = {"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$1B = {"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);
@@ -68404,14 +68407,14 @@ var Radio = React.forwardRef(function (props, ref) {
       props.onChange(props.value, e);
     }
   };
-  var className = styles$1A['vitro-control'] + (props.labelPosition === POSITION.LEFT ? CTRL.SPACE + styles$1A['vitro-left-label'] : CTRL.EMPTY) + CTRL.SPACE + (props.isDisabled ? styles$1A['vitro-disabled'] : CTRL.EMPTY) + CTRL.SPACE + (props.className || CTRL.EMPTY);
+  var className = styles$1B['vitro-control'] + (props.labelPosition === POSITION.LEFT ? CTRL.SPACE + styles$1B['vitro-left-label'] : CTRL.EMPTY) + CTRL.SPACE + (props.isDisabled ? styles$1B['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$1A['vitro-label']
+    className: styles$1B['vitro-label']
   }), React__default.createElement("div", {
-    className: styles$1A['vitro-radio-content']
+    className: styles$1B['vitro-radio-content']
   }, React__default.createElement("input", {
     ref: radioRef,
     type: 'radio',
@@ -68423,7 +68426,7 @@ var Radio = React.forwardRef(function (props, ref) {
     onChange: onChange
   }), props.labelPosition !== POSITION.LEFT && React__default.createElement(Label, {
     text: props.label,
-    className: styles$1A['vitro-label']
+    className: styles$1B['vitro-label']
   })));
 });
 
@@ -68437,7 +68440,7 @@ var TARGET$2 = function TARGET() {};
 TARGET$2.BLANK = '_blank';
 TARGET$2.SELF = '_self';
 
-var styles$1B = {"vitro-link-input":"_link-input_vitro-link-input_1FBo8kO","vitro-edit-mode":"_link-input_vitro-edit-mode_2HhUoeO","vitro-read-only":"_link-input_vitro-read-only_AG9_cYJ","vitro-control":"_link-input_vitro-control_1MGkxWi","vitro-edit-button":"_link-input_vitro-edit-button_1PMQnWv"};
+var styles$1C = {"vitro-link-input":"_link-input_vitro-link-input_1FBo8kO","vitro-edit-mode":"_link-input_vitro-edit-mode_2HhUoeO","vitro-read-only":"_link-input_vitro-read-only_AG9_cYJ","vitro-control":"_link-input_vitro-control_1MGkxWi","vitro-edit-button":"_link-input_vitro-edit-button_1PMQnWv"};
 
 var LinkInput = React.forwardRef(function (props, ref) {
   var _useState = React.useState(false),
@@ -68507,7 +68510,7 @@ var LinkInput = React.forwardRef(function (props, ref) {
       link.remove();
     }
   };
-  var className = styles$1B['vitro-link-input'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY) + (props.isReadOnly ? CTRL.SPACE + styles$1B['vitro-read-only'] : CTRL.EMPTY) + (isEditMode ? CTRL.SPACE + styles$1B['vitro-edit-mode'] : CTRL.EMPTY);
+  var className = styles$1C['vitro-link-input'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY) + (props.isReadOnly ? CTRL.SPACE + styles$1C['vitro-read-only'] : CTRL.EMPTY) + (isEditMode ? CTRL.SPACE + styles$1C['vitro-edit-mode'] : CTRL.EMPTY);
   return React__default.createElement("div", {
     className: className
   }, React__default.createElement(Tooltip$1, {
@@ -68526,11 +68529,11 @@ var LinkInput = React.forwardRef(function (props, ref) {
     isRequired: props.isRequired,
     isError: props.isError,
     isReadOnly: props.isReadOnly ? true : !isEditMode,
-    className: styles$1B['vitro-control']
+    className: styles$1C['vitro-control']
   }))), !props.isReadOnly && !isEditMode && React__default.createElement(ImageButton, {
     onClick: onClickEditButton,
     tooltipText: localeService.create(LOCALE$b.TOOLTIP_EDIT),
-    className: styles$1B['vitro-edit-button']
+    className: styles$1C['vitro-edit-button']
   }));
 });
 
@@ -68547,7 +68550,7 @@ var LOCALE$c;
   LOCALE["SETTING_SYSTEM_INFO"] = "systemInformation";
 })(LOCALE$c || (LOCALE$c = {}));
 
-var styles$1C = {"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$1D = {"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$c.SETTING_SCREENSHOT, LOCALE$c.SETTING_EXCEPTION_TEXT, LOCALE$c.SETTING_USER_NAME, LOCALE$c.SETTING_SYSTEM_INFO];
 var SystemExceptionDialog = function SystemExceptionDialog(props) {
@@ -68597,52 +68600,52 @@ var SystemExceptionDialog = function SystemExceptionDialog(props) {
     text: props.labelConfirm || localeService.create(LOCALE$c.ACTION_SEND)
   }];
   var hiddenContent = React__default.createElement("div", {
-    className: styles$1C['vitro-settings-list']
+    className: styles$1D['vitro-settings-list']
   }, settingsList.map(function (name, index) {
     return React__default.createElement("div", {
       key: index,
-      className: styles$1C['vitro-flex']
+      className: styles$1D['vitro-flex']
     }, React__default.createElement(Checkbox, {
       label: CTRL.EMPTY,
       name: name,
       value: true,
       onChange: onChangeSetting,
-      className: styles$1C['vitro-checkbox']
+      className: styles$1D['vitro-checkbox']
     }), getCheckboxLabel(name));
   }));
   return React__default.createElement(Dialog, {
     title: localeService.create(LOCALE$c.TITLE),
     subtitle: isMobileView ? CTRL.EMPTY : localeService.create(LOCALE$c.SUBTITLE),
     image: React__default.createElement("div", {
-      className: styles$1C['vitro-image']
+      className: styles$1D['vitro-image']
     }),
     onClose: props.onCancel,
     buttonList: buttonList,
     labelClose: props.labelClose,
-    className: styles$1C['vitro-system-exception-dialog'],
+    className: styles$1D['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$c.SUBTITLE),
-    className: styles$1C['vitro-label']
+    className: styles$1D['vitro-label']
   }), React__default.createElement(Input, {
     ref: inputRef,
-    className: styles$1C['vitro-input'],
+    className: styles$1D['vitro-input'],
     isMultiline: true
   }), props.message && React__default.createElement("div", {
-    className: styles$1C['vitro-exception']
+    className: styles$1D['vitro-exception']
   }, React__default.createElement(ScrollBar, null, React__default.createElement("div", {
     onCut: blockAction,
     onPaste: blockAction,
     onBeforeInput: blockAction,
     spellCheck: false,
     contentEditable: true,
-    className: styles$1C['vitro-exception-message']
+    className: styles$1D['vitro-exception-message']
   }, props.message)))));
 };
 
-var styles$1D = {"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$1E = {"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),
@@ -68659,11 +68662,11 @@ var StarButton = function StarButton(props) {
   };
   return React__default.createElement("button", {
     onClick: onClick,
-    className: styles$1D['vitro-star-button'] + (isActive ? CTRL.SPACE + styles$1D['vitro-active'] : CTRL.EMPTY) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$1E['vitro-star-button'] + (isActive ? CTRL.SPACE + styles$1E['vitro-active'] : CTRL.EMPTY) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   });
 };
 
-var styles$1E = {"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$1F = {"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 SiteItem = function SiteItem(props) {
   var _useState = React.useState(props.isStarActive || false),
@@ -68689,7 +68692,7 @@ var SiteItem = function SiteItem(props) {
       props.onMouseDown(e);
     }
   };
-  var className = [styles$1E['vitro-item'], props.className || CTRL.EMPTY, props.isActive ? styles$1E['vitro-active'] : CTRL.EMPTY, props.isMobileView && styles$1E['vitro-mobile-view']].join(CTRL.SPACE);
+  var className = [styles$1F['vitro-item'], props.className || CTRL.EMPTY, props.isActive ? styles$1F['vitro-active'] : CTRL.EMPTY, props.isMobileView && styles$1F['vitro-mobile-view']].join(CTRL.SPACE);
   return React__default.createElement(FlexBox, {
     onClick: props.onClick,
     onMouseDown: onMouseDown,
@@ -68698,19 +68701,19 @@ var SiteItem = function SiteItem(props) {
     className: className
   }, props.imageUrl ? React__default.createElement(Image, {
     defaultUrl: props.imageUrl,
-    className: styles$1E['vitro-image']
+    className: styles$1F['vitro-image']
   }) : React__default.createElement("div", {
-    className: styles$1E['vitro-default-image']
+    className: styles$1F['vitro-default-image']
   }), React__default.createElement("div", {
-    className: styles$1E['vitro-name']
+    className: styles$1F['vitro-name']
   }, props.name), props.onStar && React__default.createElement(StarButton, {
     onChange: props.onStar,
     isActive: props.isStarActive,
-    className: isShowStar || props.isStarActive ? CTRL.EMPTY : styles$1E['vitro-hidden']
+    className: isShowStar || props.isStarActive ? CTRL.EMPTY : styles$1F['vitro-hidden']
   }));
 };
 
-var styles$1F = {"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$1G = {"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 _useState = React.useState(props.itemList),
@@ -68813,8 +68816,8 @@ var SiteSelect = function SiteSelect(props) {
     itemList: visibleItemList,
     valueTemplate: getItem,
     filterValueTemplate: filterValueTemplate,
-    className: styles$1F['vitro-search-value-list'],
-    inputClassName: styles$1F['vitro-search-input']
+    className: styles$1G['vitro-search-value-list'],
+    inputClassName: styles$1G['vitro-search-input']
   }, React__default.createElement(SiteItem, Object.assign({}, props.rootItem, {
     isMobileView: isMobileView,
     onClick: function onClick() {
@@ -68823,49 +68826,49 @@ var SiteSelect = function SiteSelect(props) {
     onMouseDown: function onMouseDown(e) {
       return onItemMouseDown(props.rootItem, e);
     },
-    className: styles$1F['vitro-root-item']
+    className: styles$1G['vitro-root-item']
   })), React__default.createElement(FlexBox, {
-    className: styles$1F['vitro-title']
+    className: styles$1G['vitro-title']
   }, props.title, props.onStarChange && React__default.createElement(StarButton, {
     onChange: filterStarActive
   })));
   return React__default.createElement("div", {
-    className: styles$1F['vitro-site-select']
+    className: styles$1G['vitro-site-select']
   }, React__default.createElement(FlexBox, {
-    className: styles$1F['vitro-flex'],
+    className: styles$1G['vitro-flex'],
     ref: flexBoxRef
   }, React__default.createElement("h2", {
     onClick: onClick
   }, props.activeItem.name), React__default.createElement(ImageButton, {
-    className: isExpanded ? styles$1F['vitro-collapse'] : styles$1F['vitro-expand'],
+    className: isExpanded ? styles$1G['vitro-collapse'] : styles$1G['vitro-expand'],
     onClick: onClick
   })), isMobileView && React__default.createElement(SlideUpPanel, {
-    className: styles$1F['vitro-slide-up-panel'],
+    className: styles$1G['vitro-slide-up-panel'],
     isShow: isExpanded,
     onClose: function onClose() {
       return setIsExpanded(false);
     }
   }, content), !isMobileView && isExpanded && React__default.createElement("div", {
-    className: styles$1F['vitro-site-list'],
+    className: styles$1G['vitro-site-list'],
     ref: listRef
   }, content));
 };
 
-var styles$1G = {"vitro-bottom":"_bottom-align-control-group_vitro-bottom_3-a5nWD"};
+var styles$1H = {"vitro-bottom":"_bottom-align-control-group_vitro-bottom_3-a5nWD"};
 
 var BottomAlignControlGroup = function BottomAlignControlGroup(props) {
   return React__default.createElement("div", {
-    className: styles$1G['vitro-bottom']
+    className: styles$1H['vitro-bottom']
   }, props.children);
 };
 
-var styles$1H = {"vitro-linear-progress":"_linear-progress_vitro-linear-progress_1i4VVyb","vitro-bar":"_linear-progress_vitro-bar_2rwmbp3","progress":"_linear-progress_progress_11DTdlB"};
+var styles$1I = {"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$1H['vitro-linear-progress'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$1I['vitro-linear-progress'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, React__default.createElement("div", {
-    className: styles$1H['vitro-bar']
+    className: styles$1I['vitro-bar']
   }));
 };
 
@@ -83401,7 +83404,7 @@ var DxfViewer = function DxfViewer(props) {
   });
 };
 
-var styles$1I = {"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$1J = {"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),
@@ -83446,11 +83449,11 @@ var Select = function Select(props) {
   };
   var defaultItemTemplate = function defaultItemTemplate(props) {
     return React__default.createElement("div", {
-      className: styles$1I['vitro-item']
+      className: styles$1J['vitro-item']
     }, props.text);
   };
   var itemTemplate = props.itemTemplate ? props.itemTemplate : defaultItemTemplate;
-  var className = [styles$1I['vitro-select'], isExpanded ? styles$1I['vitro-active'] : CTRL.EMPTY, props.className || CTRL.EMPTY].join(CTRL.SPACE);
+  var className = [styles$1J['vitro-select'], isExpanded ? styles$1J['vitro-active'] : CTRL.EMPTY, props.className || CTRL.EMPTY].join(CTRL.SPACE);
   if (!props.itemList.length || !value) {
     return null;
   }
@@ -83463,9 +83466,9 @@ var Select = function Select(props) {
     ref: flexBoxRef
   }, props.label && React__default.createElement(Label, {
     text: props.label,
-    className: styles$1I['vitro-label']
+    className: styles$1J['vitro-label']
   }), React__default.createElement(itemTemplate, value), React__default.createElement("div", {
-    className: styles$1I['vitro-list-container'],
+    className: styles$1J['vitro-list-container'],
     ref: listRef
   }, React__default.createElement(List, {
     itemList: props.itemList,
@@ -83474,7 +83477,7 @@ var Select = function Select(props) {
   })));
 };
 
-var styles$1J = {"vitro-switch":"_switch_vitro-switch_1noCcra","vitro-slider":"_switch_vitro-slider_3wesxda","vitro-active":"_switch_vitro-active_3LJI9TW"};
+var styles$1K = {"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),
@@ -83488,7 +83491,7 @@ var Switch = function Switch(props) {
     setValue(!value);
   };
   return React__default.createElement("label", {
-    className: styles$1J['vitro-switch'] + (value ? CTRL.SPACE + styles$1J['vitro-active'] : CTRL.EMPTY)
+    className: styles$1K['vitro-switch'] + (value ? CTRL.SPACE + styles$1K['vitro-active'] : CTRL.EMPTY)
   }, React__default.createElement("input", {
     checked: value,
     type: 'checkbox',
@@ -83496,11 +83499,11 @@ var Switch = function Switch(props) {
     onChange: onChange,
     disabled: props.isDisabled
   }), React__default.createElement("span", {
-    className: styles$1J['vitro-slider']
+    className: styles$1K['vitro-slider']
   }));
 };
 
-var styles$1K = {"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-dropdown-button":"_editable-list_vitro-dropdown-button_vPtNQxA"};
+var styles$1L = {"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-dropdown-button":"_editable-list_vitro-dropdown-button_vPtNQxA"};
 
 var EditableItem = function EditableItem(props) {
   var _useState = React.useState(props.text),
@@ -83535,7 +83538,7 @@ var EditableItem = function EditableItem(props) {
     onMouseLeave: function onMouseLeave() {
       return setIsHover(props.isActive);
     },
-    className: styles$1K['vitro-editable-item'] + (props.isActive ? CTRL.SPACE + styles$1K['vitro-active'] : CTRL.EMPTY)
+    className: styles$1L['vitro-editable-item'] + (props.isActive ? CTRL.SPACE + styles$1L['vitro-active'] : CTRL.EMPTY)
   }, props.isEditMode ? React__default.createElement("input", {
     value: text,
     onChange: onChange,
@@ -83544,12 +83547,12 @@ var EditableItem = function EditableItem(props) {
   }) : React__default.createElement(Label, {
     text: props.text
   }), React__default.createElement("div", {
-    className: styles$1K['vitro-button-container']
+    className: styles$1L['vitro-button-container']
   }, isHover && props.dropdownItemList ? React__default.createElement(DropdownButton, {
     itemList: props.dropdownItemList,
     onToggle: onToggleDropdownButton,
     isShow: props.isDropdownActive,
-    className: styles$1K['vitro-dropdown-button']
+    className: styles$1L['vitro-dropdown-button']
   }) : props.button));
 };
 
@@ -83626,9 +83629,9 @@ var EditableList = function EditableList(props) {
     }
   };
   return React__default.createElement(FlexBox, {
-    className: styles$1K['vitro-editable-list'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$1L['vitro-editable-list'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, React__default.createElement(FlexBox, {
-    className: styles$1K['vitro-header']
+    className: styles$1L['vitro-header']
   }, props.title && React__default.createElement(Heading, {
     tag: TAG.H3,
     text: props.title
@@ -83636,7 +83639,7 @@ var EditableList = function EditableList(props) {
     text: props.createButtonTooltip || CTRL.EMPTY
   }, React__default.createElement(ImageButton, {
     onClick: onCreate,
-    className: styles$1K['vitro-create-button']
+    className: styles$1L['vitro-create-button']
   }))), React__default.createElement(List, {
     itemList: props.itemList,
     itemTemplate: function itemTemplate(item) {
@@ -83670,7 +83673,7 @@ var EditableList = function EditableList(props) {
   })));
 };
 
-var styles$1L = {"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$1M = {"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", {
@@ -83679,7 +83682,7 @@ var ReorderableListContent = function ReorderableListContent(props) {
       top: props.position[1] + UNIT.PX,
       width: props.draggedItemWidth ? props.draggedItemWidth + UNIT.PX : undefined
     },
-    className: styles$1L['vitro-dragged-item']
+    className: styles$1M['vitro-dragged-item']
   }, props.getItem(_extends({}, props.itemList[props.draggedIndex], {
     index: -1
   }), false)), React__default.createElement("li", {
@@ -83687,11 +83690,11 @@ var ReorderableListContent = function ReorderableListContent(props) {
       width: props.draggedItemWidth ? props.draggedItemWidth + UNIT.PX : undefined
     }
   }, React__default.createElement("div", {
-    className: styles$1L['vitro-drop-zone'] + (props.draggedIndex === null || props.activeDropZoneIndex !== 0 ? CTRL.SPACE + styles$1L['vitro-hidden'] : CTRL.EMPTY)
+    className: styles$1M['vitro-drop-zone'] + (props.draggedIndex === null || props.activeDropZoneIndex !== 0 ? CTRL.SPACE + styles$1M['vitro-hidden'] : CTRL.EMPTY)
   })), props.itemList && props.itemList.map(function (item, index) {
     return React__default.createElement("li", {
       key: index,
-      className: styles$1L['vitro-reorderable-item'] + (props.itemClassName ? CTRL.SPACE + props.itemClassName : CTRL.EMPTY)
+      className: styles$1M['vitro-reorderable-item'] + (props.itemClassName ? CTRL.SPACE + props.itemClassName : CTRL.EMPTY)
     }, props.getItem(_extends({}, item, {
       index: index
     })));
@@ -83721,12 +83724,12 @@ var ReorderableItem = function ReorderableItem(props) {
     ref: buttonRef,
     onClick: function onClick() {},
     onMouseDown: onMouseDown,
-    className: styles$1L['vitro-drag-button']
+    className: styles$1M['vitro-drag-button']
   }), props.children), props.isDropAllowed !== false && React__default.createElement("div", {
     style: {
       width: props.draggedItemWidth ? props.draggedItemWidth - 16 + UNIT.PX : undefined
     },
-    className: styles$1L['vitro-drop-zone'] + (props.isDropZoneActive ? CTRL.EMPTY : CTRL.SPACE + styles$1L['vitro-hidden'])
+    className: styles$1M['vitro-drop-zone'] + (props.isDropZoneActive ? CTRL.EMPTY : CTRL.SPACE + styles$1M['vitro-hidden'])
   }));
 };
 
@@ -83783,7 +83786,7 @@ var ReorderableList = function ReorderableList(props) {
   });
   React.useEffect(function () {
     if (draggedIndex !== null) {
-      var elements = Array.from(document.getElementsByClassName(styles$1L['vitro-drop-zone']));
+      var elements = Array.from(document.getElementsByClassName(styles$1M['vitro-drop-zone']));
       var positions = elements.map(function (e) {
         return e.getBoundingClientRect().top - startPosition.current[1];
       });
@@ -83866,7 +83869,7 @@ var ReorderableList = function ReorderableList(props) {
     });
   }
   return React__default.createElement("ul", {
-    className: styles$1L['vitro-list'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$1M['vitro-list'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, React__default.createElement(ReorderableListContent, {
     itemList: itemList,
     draggedIndex: draggedIndex,
@@ -83878,7 +83881,7 @@ var ReorderableList = function ReorderableList(props) {
   }));
 };
 
-var styles$1M = {"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$1N = {"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([]),
@@ -83979,27 +83982,27 @@ var CheckboxReorderableList = function CheckboxReorderableList(props) {
       onChange: function onChange(value) {
         return _onChange(value, item.id);
       },
-      className: styles$1M['vitro-checkbox'] + (className ? CTRL.SPACE + className : CTRL.EMPTY)
+      className: styles$1N['vitro-checkbox'] + (className ? CTRL.SPACE + className : CTRL.EMPTY)
     });
   };
   return React__default.createElement("ul", {
     ref: listRef,
-    className: styles$1M['vitro-checkbox-reorderable-list'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$1N['vitro-checkbox-reorderable-list'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, React__default.createElement(ReorderableList, {
     itemList: reorderableItemList,
     itemTemplate: getCheckbox,
     onChange: onChangePosition,
-    itemClassName: styles$1M['vitro-reorderable-item'],
+    itemClassName: styles$1N['vitro-reorderable-item'],
     isCustomContainer: true
   }), React__default.createElement(List, {
     itemList: itemList,
     itemTemplate: getCheckbox,
-    itemClassName: styles$1M['vitro-item'],
+    itemClassName: styles$1N['vitro-item'],
     isCustomContainer: true
   }));
 };
 
-var styles$1N = {"vitro-pin-button":"_pin-button_vitro-pin-button_3DklgEh","vitro-active":"_pin-button_vitro-active_2PgztSG"};
+var styles$1O = {"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),
@@ -84018,11 +84021,11 @@ var PinButton = function PinButton(props) {
   };
   return React__default.createElement(ImageButton, {
     onClick: onClick,
-    className: styles$1N['vitro-pin-button'] + (isActive ? CTRL.SPACE + styles$1N['vitro-active'] : CTRL.EMPTY) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$1O['vitro-pin-button'] + (isActive ? CTRL.SPACE + styles$1O['vitro-active'] : CTRL.EMPTY) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   });
 };
 
-var styles$1O = {"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$1P = {"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';
@@ -84034,16 +84037,16 @@ var FileList = function FileList(props) {
     props.onOpen(item);
   };
   return React__default.createElement("div", {
-    className: styles$1O[CSS_CLASS_FILE_LIST_DROPDOWN]
+    className: styles$1P[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$1O[CSS_CLASS_FILE_LIST_DROPDOWN_ITEM]
+      className: styles$1P[CSS_CLASS_FILE_LIST_DROPDOWN_ITEM]
     }, React__default.createElement("span", {
-      className: styles$1O[CSS_CLASS_FILE_LIST_DROPDOWN_ITEM_IMAGE]
+      className: styles$1P[CSS_CLASS_FILE_LIST_DROPDOWN_ITEM_IMAGE]
     }, item.icon ? React__default.createElement("img", {
       src: item.icon
     }) : CTRL.EMPTY), React__default.createElement("span", {
-      className: styles$1O[CSS_CLASS_FILE_LIST_DROPDOWN_ITEM_TEXT]
+      className: styles$1P[CSS_CLASS_FILE_LIST_DROPDOWN_ITEM_TEXT]
     }, React__default.createElement("a", {
       onClick: function onClick() {
         return onOpen(item);
@@ -84057,7 +84060,7 @@ var LOCALE$d;
   LOCALE["DROPZONE_LABEL"] = "app.common.filePicker.dropZoneLabel";
 })(LOCALE$d || (LOCALE$d = {}));
 
-var styles$1P = {"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","vireo-buttons-container":"_file-picker_vireo-buttons-container_2NfP0iZ","vitro-download-button":"_file-picker_vitro-download-button_oKjHiUO","vitro-delete-button":"_file-picker_vitro-delete-button_29YhyRG"};
+var styles$1Q = {"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","vireo-buttons-container":"_file-picker_vireo-buttons-container_2NfP0iZ","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),
@@ -84130,33 +84133,33 @@ var FilePicker = function FilePicker(props) {
     }
   };
   return React__default.createElement(FlexBox, {
-    className: styles$1P['vitro-file-picker'],
+    className: styles$1Q['vitro-file-picker'],
     ref: ref,
     isColumn: true
   }, React__default.createElement(Label, {
     text: props.label,
     isRequired: props.isRequired,
-    className: styles$1P['vitro-label']
+    className: styles$1Q['vitro-label']
   }), props.value && props.value.length ? React__default.createElement(ScrollBar, {
-    className: styles$1P['vitro-scrollbar'],
-    contentClassName: styles$1P['vitro-scrollbar-content']
+    className: styles$1Q['vitro-scrollbar'],
+    contentClassName: styles$1Q['vitro-scrollbar-content']
   }, props.value.map(function (item, index) {
     return React__default.createElement(File, Object.assign({}, item, {
       key: index,
-      className: styles$1P['vitro-file'],
-      contentClassName: styles$1P['vitro-file-content']
+      className: styles$1Q['vitro-file'],
+      contentClassName: styles$1Q['vitro-file-content']
     }), React__default.createElement(FlexBox, {
-      className: styles$1P['vireo-buttons-container']
+      className: styles$1Q['vireo-buttons-container']
     }, props.onDownload && React__default.createElement(ImageButton, {
       onClick: function onClick() {
         return onDownload(item.id, item.name);
       },
-      className: styles$1P['vitro-download-button']
+      className: styles$1Q['vitro-download-button']
     }), !props.isReadOnly && props.onDelete && React__default.createElement(ImageButton, {
       onClick: function onClick() {
         return onDelete(item.id);
       },
-      className: styles$1P['vitro-delete-button']
+      className: styles$1Q['vitro-delete-button']
     })));
   })) : null, !props.isReadOnly && React__default.createElement(DropZone, {
     onClick: onClick,
@@ -84164,12 +84167,12 @@ var FilePicker = function FilePicker(props) {
     onDragOver: onDragOver,
     onDragLeave: onDragLeave,
     label: localeService.create(LOCALE$d.DROPZONE_LABEL),
-    className: isDropZoneActive ? styles$1P['vitro-drop-zone-active'] : styles$1P['vitro-drop-zone']
+    className: isDropZoneActive ? styles$1Q['vitro-drop-zone-active'] : styles$1Q['vitro-drop-zone']
   }), React__default.createElement("input", {
     type: 'file',
     onChange: onSelectFile,
     ref: fileInputRef,
-    className: styles$1P['vitro-display-none'],
+    className: styles$1Q['vitro-display-none'],
     multiple: props.isMultiSelect
   }), props.errorMessage && React__default.createElement(ErrorMessage, {
     text: props.errorMessage