@vitrosoftware/common-ui-ts 1.1.110 → 1.1.112

package/dist/index.js

@@ -233,6 +233,10 @@ var app$1 = {
 		},
 		searchValueList: {
 			emptyPlaceholder: "Нет данных"
+		},
+		expandControlGroup: {
+			expand: "Развернуть",
+			collapse: "Скрыть"
 		}
 	}
 };
@@ -21010,6 +21014,7 @@ var SCRIPT_TYPE;
 })(SCRIPT_TYPE || (SCRIPT_TYPE = {}));
 
 var HTML_ELEMENT_SCRIPT = 'script';
+var ATTR_DATA_LOADED = 'data-loaded';
 var ScriptLoader = function ScriptLoader(props) {
   var _useState = React.useState(false),
     loaded = _useState[0],
@@ -21035,10 +21040,20 @@ var ScriptLoader = function ScriptLoader(props) {
       return Promise.reject(e);
     }
   };
+  var waitScriptLoad = function waitScriptLoad(sriptNode, resolve) {
+    if (sriptNode.getAttribute(ATTR_DATA_LOADED) === String(true)) {
+      resolve(true);
+    } else {
+      window.setTimeout(function () {
+        return waitScriptLoad(sriptNode, resolve);
+      }, 100);
+    }
+  };
   var loadScriptPromise = function loadScriptPromise(url, id) {
     return new Promise(function (resolve, reject) {
-      if (document.getElementById(id)) {
-        resolve(true);
+      var sriptNode = document.getElementById(id);
+      if (sriptNode) {
+        waitScriptLoad(sriptNode, resolve);
       } else {
         var script = document.createElement(HTML_ELEMENT_SCRIPT);
         script.type = SCRIPT_TYPE.TEXT_JAVASCRIPT;
@@ -21046,7 +21061,8 @@ var ScriptLoader = function ScriptLoader(props) {
         script.src = url;
         document.head.appendChild(script);
         script.onload = function () {
-          return resolve(script);
+          script.setAttribute(ATTR_DATA_LOADED, String(true));
+          resolve(script);
         };
       }
     });
@@ -21654,53 +21670,57 @@ var TreeGrid = function TreeGrid(props) {
   };
   React.useEffect(function () {
     disposeTableViewById(props.id);
-    w$2.TGSetEvent(EVENT$1.ON_LOADED, props.id, function (grid, next) {
-      return onGridLoaded(grid, next);
-    });
-    w$2.TGSetEvent(EVENT$1.ON_INIT, props.id, function (grid, reload) {
-      return onGridInit(grid);
-    });
-    if (props.onCustomAjax) {
-      var onCustomAjax = props.onCustomAjax;
-      w$2.TGSetEvent(EVENT$1.ON_CUSTOM_AJAX, props.id, function (grid, source, data, func) {
-        return onCustomAjax(grid, source, data, func);
+    if (w$2.TGSetEvent) {
+      w$2.TGSetEvent(EVENT$1.ON_LOADED, props.id, function (grid, next) {
+        return onGridLoaded(grid, next);
+      });
+      w$2.TGSetEvent(EVENT$1.ON_INIT, props.id, function (grid, reload) {
+        return onGridInit(grid);
       });
+      if (props.onCustomAjax) {
+        var onCustomAjax = props.onCustomAjax;
+        w$2.TGSetEvent(EVENT$1.ON_CUSTOM_AJAX, props.id, function (grid, source, data, func) {
+          return onCustomAjax(grid, source, data, func);
+        });
+      }
     }
-    if (props.layout || props.data) {
-      w$2.TreeGrid({
-        id: props.id,
-        Layout: {
-          Data: props.layout
-        },
-        Data: {
-          Data: props.data
-        },
-        Text: {
-          Url: props.textUrl || URL.TREEGRID_TEXT
-        },
-        Debug: props.debug || '',
-        Cache: props.cache || CACHE.DEFAULT,
-        CacheVersion: props.cacheVersion
-      }, "vitro-table-view" + props.id);
-    } else {
-      w$2.TreeGrid({
-        id: props.id,
-        Layout: {
-          Url: createGridUrl(URL.LAYOUT)
-        },
-        Data: {
-          Url: createGridUrl(URL.DATA)
-        },
-        Page: {
-          Url: createGridUrl(URL.PAGE)
-        },
-        Text: {
-          Url: props.textUrl || URL.TREEGRID_TEXT
-        },
-        Debug: props.debug || '',
-        Cache: props.cache || CACHE.DEFAULT,
-        CacheVersion: props.cacheVersion
-      }, "vitro-table-view" + props.id);
+    if (w$2.TreeGrid) {
+      if (props.layout || props.data) {
+        w$2.TreeGrid({
+          id: props.id,
+          Layout: {
+            Data: props.layout
+          },
+          Data: {
+            Data: props.data
+          },
+          Text: {
+            Url: props.textUrl || URL.TREEGRID_TEXT
+          },
+          Debug: props.debug || '',
+          Cache: props.cache || CACHE.DEFAULT,
+          CacheVersion: props.cacheVersion
+        }, "vitro-table-view" + props.id);
+      } else {
+        w$2.TreeGrid({
+          id: props.id,
+          Layout: {
+            Url: createGridUrl(URL.LAYOUT)
+          },
+          Data: {
+            Url: createGridUrl(URL.DATA)
+          },
+          Page: {
+            Url: createGridUrl(URL.PAGE)
+          },
+          Text: {
+            Url: props.textUrl || URL.TREEGRID_TEXT
+          },
+          Debug: props.debug || '',
+          Cache: props.cache || CACHE.DEFAULT,
+          CacheVersion: props.cacheVersion
+        }, "vitro-table-view" + props.id);
+      }
     }
     return function () {
       disposeTableViewById(props.id);
@@ -60350,7 +60370,8 @@ var ExpandCollapseButton = function ExpandCollapseButton(props) {
   React.useEffect(function () {
     setIsExpanded(props.isExpanded || false);
   }, [props.isExpanded]);
-  var onClick = function onClick() {
+  var onClick = function onClick(e) {
+    e.stopPropagation();
     setIsExpanded(!isExpanded);
     props.onClick(!isExpanded);
   };
@@ -60971,27 +60992,7 @@ var ActionHandler = function ActionHandler(props) {
   }));
 };
 
-var styles$m = {"vitro-view-part":"_view-part_vitro-view-part_3j_gZpl"};
-
-var ViewPart = function ViewPart(props) {
-  var _useState = React.useState(null),
-    component = _useState[0],
-    setComponent = _useState[1];
-  React.useEffect(function () {
-    if (props.component) {
-      props.props.settings = props.settings;
-      var _component = React__default.createElement(props.component, props.props);
-      setComponent(_component);
-    } else {
-      setComponent(null);
-    }
-  }, [props.component, props.settings, props.item]);
-  return React__default.createElement("div", {
-    className: styles$m['vitro-view-part'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
-  }, component);
-};
-
-var styles$n = {"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$m = {"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';
@@ -61062,10 +61063,10 @@ var DropdownButton = function DropdownButton(props) {
     return !!item.imageUrl;
   }) ? true : false;
   return React__default.createElement("div", {
-    className: styles$n['vitro-dropdown-button'] + CTRL.SPACE + (props.className || CTRL.EMPTY)
+    className: styles$m['vitro-dropdown-button'] + CTRL.SPACE + (props.className || CTRL.EMPTY)
   }, overflowItemList.map(function (item) {
     return React__default.createElement("div", {
-      className: styles$n['vitro-dropdown-button-item-overflow'],
+      className: styles$m['vitro-dropdown-button-item-overflow'],
       key: item.key,
       onClick: function onClick(e) {
         return item.onClick(item.value, e);
@@ -61073,7 +61074,7 @@ var DropdownButton = function DropdownButton(props) {
     }, item.imageUrl && React__default.createElement(Image, {
       defaultUrl: item.imageUrl,
       hoverUrl: item.imageHoverUrl,
-      className: styles$n['vitro-image']
+      className: styles$m['vitro-image']
     }), React__default.createElement("span", null, item.text));
   }), itemList.length > 0 && isReady && React__default.createElement(BootstrapDropdown, {
     align: ALIGN_END,
@@ -61082,34 +61083,34 @@ var DropdownButton = function DropdownButton(props) {
   }, React__default.createElement(BootstrapDropdown.Toggle, {
     ref: buttonRef
   }, props.title && React__default.createElement("span", {
-    className: styles$n['vitro-title']
+    className: styles$m['vitro-title']
   }, props.title), React__default.createElement("span", {
-    className: styles$n['vitro-dropdown-icon']
+    className: styles$m['vitro-dropdown-icon']
   })), React__default.createElement(BootstrapDropdown.Menu, {
     renderOnMount: true,
     flip: props.isFlip !== false,
     style: props.menuStyle || {}
-  }, itemList.map(function (x) {
+  }, React__default.createElement(ScrollBar, null, itemList.map(function (x) {
     return React__default.createElement(BootstrapDropdown.Item, {
       key: x.key,
       onClick: function onClick(e) {
         return x.onClick(x.value, e);
       }
     }, isShowImage && React__default.createElement("div", {
-      className: styles$n['vitro-image']
+      className: styles$m['vitro-image']
     }, x.imageUrl && React__default.createElement(Image, {
       defaultUrl: x.imageUrl,
       hoverUrl: x.imageHoverUrl
     })), React__default.createElement("span", null, x.text));
-  }))));
+  })))));
 };
 
-var styles$o = {"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$n = {"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$o['vitro-dropdown-button'],
+    className: styles$n['vitro-dropdown-button'],
     itemList: props.list.map(function (x, i) {
       return _extends({}, x, {
         value: x.index,
@@ -61128,9 +61129,9 @@ var OverflowButton = function OverflowButton(props) {
 var Tab = function Tab(props) {
   return React__default.createElement("div", {
     key: props.index,
-    className: styles$o['vitro-item']
+    className: styles$n['vitro-item']
   }, React__default.createElement(Nav$2.Item, {
-    className: props.active ? styles$o['active'] : undefined,
+    className: props.active ? styles$n['active'] : undefined,
     onClick: function onClick() {
       return props.onClick(props.index);
     }
@@ -61201,7 +61202,6 @@ var TabGroupHeader = function TabGroupHeader(props) {
   }));
 };
 
-var w$5 = window;
 var TabGroupComponent = function TabGroupComponent(props) {
   var _useState = React.useState(0),
     width = _useState[0],
@@ -61215,25 +61215,33 @@ var TabGroupComponent = function TabGroupComponent(props) {
   var _useState4 = React.useState([]),
     tabList = _useState4[0],
     setTabList = _useState4[1];
+  var ref = React.useRef(null);
+  var resizeObserver = new window.ResizeObserver(function (entries) {
+    for (var _iterator = _createForOfIteratorHelperLoose(entries), _step; !(_step = _iterator()).done;) {
+      var entry = _step.value;
+      if (ref.current && entry.target === ref.current) {
+        if (!width || props.wrap) {
+          setWidth(ref.current.offsetWidth);
+        }
+      }
+    }
+  });
   var changeTab = function changeTab(index) {
     setCurrentTab(index);
     if (props.onChange) {
       props.onChange(index);
     }
   };
-  var ref = React.useRef(null);
   React.useEffect(function () {
     if (ref.current) {
-      setWidth(ref.current.offsetWidth);
-      if (props.wrap) {
-        if (w$5.addResizeListener) {
-          w$5.addResizeListener(ref.current, function () {
-            return setWidth(ref.current.offsetWidth);
-          });
-        }
-      }
+      resizeObserver.observe(ref.current);
     }
-  }, [ref.current]);
+  }, [ref]);
+  React.useEffect(function () {
+    return function () {
+      resizeObserver.disconnect();
+    };
+  }, []);
   React.useEffect(function () {
     if (props.itemList) {
       if (props.itemList[currentTab] && props.itemList[currentTab].content) {
@@ -61257,7 +61265,7 @@ var TabGroupComponent = function TabGroupComponent(props) {
     }
   }, [props.itemList]);
   return React__default.createElement("div", {
-    className: styles$o['vitro-tab'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
+    className: styles$n['vitro-tab'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
     ref: ref
   }, React__default.createElement(TabGroupHeader, {
     itemList: tabList,
@@ -61279,10 +61287,10 @@ var tabScriptList = [{
   id: 'vitro-script-perfect-scroll'
 }];
 
-var w$6 = window;
+var w$5 = window;
 var TabGroup = function TabGroup(props) {
   var scriptList = [];
-  if (!w$6.addResizeListener) {
+  if (!w$5.addResizeListener) {
     scriptList = tabScriptList;
   }
   return props.wrap ? React__default.createElement(ScriptLoader, {
@@ -61296,6 +61304,26 @@ var TabGroup = function TabGroup(props) {
   }, React__default.createElement(TabGroupComponent, Object.assign({}, props))) : React__default.createElement(TabGroupComponent, Object.assign({}, props));
 };
 
+var styles$o = {"vitro-view-part":"_view-part_vitro-view-part_3j_gZpl"};
+
+var ViewPart = function ViewPart(props) {
+  var _useState = React.useState(null),
+    component = _useState[0],
+    setComponent = _useState[1];
+  React.useEffect(function () {
+    if (props.component) {
+      props.props.settings = props.settings;
+      var _component = React__default.createElement(props.component, props.props);
+      setComponent(_component);
+    } else {
+      setComponent(null);
+    }
+  }, [props.component, props.settings, props.item]);
+  return React__default.createElement("div", {
+    className: styles$o['vitro-view-part'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+  }, component);
+};
+
 var styles$p = {"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) {
@@ -61311,7 +61339,30 @@ var ControlGroup = function ControlGroup(props) {
   }, props.children);
 };
 
-var styles$q = {"vitro-view":"_view_vitro-view_1NKb-kU","vitro-view-part":"_view_vitro-view-part_X1Zzk97","vitro-tab":"_view_vitro-tab_2sqf0L9"};
+var styles$q = {"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);
+  React.useEffect(function () {
+    if (scrollbarContentRef.current) {
+      scrollbarContentRef.current.scrollIntoView();
+    }
+  }, [props.componentList]);
+  return React__default.createElement(ControlGroup, {
+    horizontal: true
+  }, React__default.createElement(ScrollBar, {
+    contentClassName: styles$q['vitro-content'],
+    contentRef: scrollbarContentRef
+  }, props.componentList && props.componentList.map(function (viewPart) {
+    return React__default.createElement(ViewPart, {
+      component: viewPart.component,
+      settings: viewPart.settings,
+      props: props,
+      item: props.item,
+      className: styles$q['vitro-view-part']
+    });
+  })));
+};
 
 var View = function View(props) {
   var _useState = React.useState([]),
@@ -61322,7 +61373,7 @@ var View = function View(props) {
       return {
         text: tab.text,
         content: {
-          component: GetGroupControl,
+          component: GroupControl,
           props: {
             item: props.item,
             componentList: tab.componentList
@@ -61345,26 +61396,6 @@ var View = function View(props) {
     wrap: true
   }));
 };
-var GetGroupControl = function GetGroupControl(props) {
-  return React__default.createElement(ControlGroup, {
-    horizontal: true
-  }, props.componentList.length > 1 ? React__default.createElement(ScrollBar, null, props.componentList.map(function (viewPart) {
-    return React__default.createElement(ViewPart, {
-      component: viewPart.component,
-      settings: viewPart.settings,
-      props: props,
-      item: props.item,
-      className: styles$q['vitro-view-part']
-    });
-  })) : props.componentList.map(function (viewPart) {
-    return React__default.createElement(ViewPart, {
-      component: viewPart.component,
-      settings: viewPart.settings,
-      props: props,
-      item: props.item
-    });
-  }));
-};
 
 var styles$r = {"vitro-label":"_label_vitro-label_it8WNUE","vitro-required":"_label_vitro-required_2-bSGif"};
 
@@ -61804,7 +61835,7 @@ var FileVersionSelect = function FileVersionSelect(props) {
   }))));
 };
 
-var w$7 = window;
+var w$6 = window;
 var CSS_CLASS_SIDEBAR_CONTENT = 'body__sidebar-content';
 var CSS_CLASS_ACTIVE = 'vitro-active';
 var CSS_CLASS_ISSUE_TILE = 'vitro-issue-tile';
@@ -61819,11 +61850,11 @@ var Viewer = function Viewer(props) {
   }, [props.context.file]);
   var init = function init() {
     var initViewer = function initViewer() {
-      if (w$7.initPdfViewer) {
+      if (w$6.initPdfViewer) {
         var context = _extends({}, props.context, {
           initIssueList: initIssueList
         });
-        w$7.initPdfViewer(context);
+        w$6.initPdfViewer(context);
         initFileVersionSelect();
       } else {
         setTimeout(initViewer, 100);
@@ -61851,10 +61882,10 @@ var Viewer = function Viewer(props) {
     var markup = JSON.parse(issue.markup);
     $(CTRL.DOT + CSS_CLASS_SIDEBAR_CONTENT).children().removeClass(CSS_CLASS_ACTIVE);
     $(CTRL.SHARP + CSS_CLASS_ISSUE_TILE + CTRL.DASH + id).addClass(CSS_CLASS_ACTIVE);
-    var numPages = w$7.PDFViewerApplication.pagesCount;
+    var numPages = w$6.PDFViewerApplication.pagesCount;
     if (markup && markup.pageNr <= numPages && markup.pageNr >= 1) {
-      if (markup.pageNr != w$7.PDFViewerApplication.pdfViewer.currentPageNumber) {
-        w$7.PDFViewerApplication.page = markup.pageNr;
+      if (markup.pageNr != w$6.PDFViewerApplication.pdfViewer.currentPageNumber) {
+        w$6.PDFViewerApplication.page = markup.pageNr;
       }
       if ($(CTRL.SHARP + id).length) {
         scrollToMarkup(id);
@@ -61893,7 +61924,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.110";
+var version$1 = "1.1.112";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";
@@ -63172,7 +63203,7 @@ var LookupPicker = React.forwardRef(function (props, ref) {
   var _useState7 = React.useState(props.isDisabled || props.isReadOnly ? styles$M['vitro-read-only'] : CTRL.EMPTY),
     state = _useState7[0],
     setState = _useState7[1];
-  var localeService = inversifyReact.useInjection(SERVICE.LOCALE);
+  var localeService = props.container ? props.container.get(SERVICE.LOCALE) : inversifyReact.useInjection(SERVICE.LOCALE);
   var isEditable = !props.isDisabled && !props.isReadOnly;
   var inputRef = React.useRef(null);
   var contentRef = React.useRef(null);
@@ -63419,7 +63450,7 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     onFocus: onFocus
   }), !props.isDisabled && props.children, React__default.createElement("div", {
     className: styles$M['vitro-right']
-  }, !props.isMultiSelect && selectedValueList && selectedValueList.length > 0 && isEditable && React__default.createElement("div", {
+  }, props.isShowButtonClear !== false && !props.isMultiSelect && selectedValueList && selectedValueList.length > 0 && isEditable && React__default.createElement("div", {
     className: styles$M['vitro-button-close'],
     onClick: function onClick() {
       return onOptionValueDelete();
@@ -64534,9 +64565,9 @@ var ActivityMessage = function ActivityMessage(props) {
       className: item.isMessage ? styles$11['vitro-message'] : styles$11['vitro-value'],
       ref: newValueRef
     }, item.newValue)));
-  })) : null, props.fileList && React__default.createElement(AttachedFileList, Object.assign({
+  })) : null, props.fileList && props.fileList.length ? React__default.createElement(AttachedFileList, Object.assign({
     fileList: props.fileList
-  }, props)));
+  }, props)) : null);
 };
 
 var CONTROL = function CONTROL() {};
@@ -64873,7 +64904,7 @@ var ImagePicker = function ImagePicker(props) {
   }, props.errorMessage));
 };
 
-var styles$16 = {"vitro-criterion-container":"_criterion_vitro-criterion-container_2cYcSkL","vitro-block":"_criterion_vitro-block_3E9-RXM","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"};
+var styles$16 = {"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"};
 
 var ROOT_ID = 'root';
 var ConditionSelect = React.forwardRef(function (props, ref) {
@@ -65272,6 +65303,46 @@ var SearchInput = function SearchInput(props) {
   }) : null));
 };
 
+var LOCALE$9;
+(function (LOCALE) {
+  LOCALE["EXPAND_TEXT"] = "app.common.expandControlGroup.expand";
+  LOCALE["COLLAPSE_TEXT"] = "app.common.expandControlGroup.collapse";
+})(LOCALE$9 || (LOCALE$9 = {}));
+
+var styles$18 = {"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),
+    isExpanded = _useState[0],
+    setIsExpanded = _useState[1];
+  var localeService = inversifyReact.useInjection(SERVICE.LOCALE);
+  React.useEffect(function () {
+    setIsExpanded(props.isExpanded || false);
+  }, [props.isExpanded]);
+  var onClick = function onClick(isExpanded) {
+    setIsExpanded(isExpanded);
+    if (props.onClick) {
+      props.onClick(isExpanded);
+    }
+  };
+  var className = [styles$18['vitro-expand-control-group'], props.className || CTRL.EMPTY, props.isExpandTop ? styles$18['vitro-top'] : CTRL.EMPTY, isExpanded ? 'vitro-expanded' : 'vitro-collapsed'].join(CTRL.SPACE);
+  return React__default.createElement("div", {
+    className: className
+  }, React__default.createElement(ExpandCollapseButton, {
+    expandImage: props.expandImage,
+    collapseImage: props.collapseImage,
+    expandText: props.expandText || localeService.create(LOCALE$9.EXPAND_TEXT),
+    collapseText: props.collapseText || localeService.create(LOCALE$9.COLLAPSE_TEXT),
+    onClick: onClick,
+    isExpanded: isExpanded,
+    className: props.buttonClassName
+  }), React__default.createElement("div", {
+    className: 'vitro-content' + (isExpanded ? CTRL.EMPTY : CTRL.SPACE + styles$18['vitro-display-none'])
+  }, props.children));
+};
+
+var styles$19 = {"vitro-field-iterator":"_field-iterator_vitro-field-iterator_2zUPyUF","vitro-expand-control-group":"_field-iterator_vitro-expand-control-group_3R-v8Nb","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([]),
     controlList = _useState[0],
@@ -65442,21 +65513,49 @@ var FieldIterator = React.forwardRef(function (props, ref) {
       });
     });
   };
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(ScrollBar, null, controlList.map(function (control, index) {
+  var getComponent = function getComponent(component, control, index) {
+    control.index = index;
+    return React__default.createElement("div", {
+      className: control.isRow ? 'vitro-inline' : 'vitro-block'
+    }, React__default.createElement("div", null, React__default.createElement(component.value, control)));
+  };
+  return React__default.createElement("div", {
+    className: styles$19['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;
     });
     if (component) {
-      control.index = index;
-      return React__default.createElement("div", {
-        className: control.isRow ? 'vitro-inline' : 'vitro-block'
-      }, React__default.createElement("div", null, React__default.createElement(component.value, control)));
+      if (props.maxVisibleCount) {
+        if (index < props.maxVisibleCount) {
+          return getComponent(component, control, index);
+        }
+      } else {
+        return getComponent(component, control, index);
+      }
     }
     return null;
-  })));
+  }), props.maxVisibleCount && controlList.length > props.maxVisibleCount ? React__default.createElement(ExpandControlGroup, {
+    expandImage: React__default.createElement("span", {
+      className: styles$19['vitro-expand']
+    }),
+    collapseImage: React__default.createElement("span", {
+      className: styles$19['vitro-collapse']
+    }),
+    className: styles$19['vitro-expand-control-group'],
+    isExpandTop: true
+  }, controlList.map(function (control, index) {
+    var component = props.componentMap.find(function (x) {
+      return x.name === control.code;
+    });
+    if (component && props.maxVisibleCount && index >= props.maxVisibleCount) {
+      return getComponent(component, control, index);
+    }
+    return null;
+  })) : null);
 });
 
-var styles$18 = {"vitro-search":"_search_vitro-search_QkJksC_","vitro-active":"_search_vitro-active_1HhQOCR","vitro-settings-dialog":"_search_vitro-settings-dialog_1_c5bIg","vitro-filter":"_search_vitro-filter_2n-Y-mS","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-footer":"_search_vitro-footer_1-ya4xk","vitro-button-cancel":"_search_vitro-button-cancel_1M8UkMM","vitro-button-settings":"_search_vitro-button-settings_oJCn__t"};
+var styles$1a = {"vitro-search":"_search_vitro-search_QkJksC_","vitro-active":"_search_vitro-active_1HhQOCR","vitro-settings-dialog":"_search_vitro-settings-dialog_1_c5bIg","vitro-filter":"_search_vitro-filter_2n-Y-mS","vitro-scrollbar":"_search_vitro-scrollbar_3Xg3VXI","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-footer":"_search_vitro-footer_1-ya4xk","vitro-button-cancel":"_search_vitro-button-cancel_1M8UkMM","vitro-button-settings":"_search_vitro-button-settings_oJCn__t"};
 
 var Filter = function Filter(props) {
   var _useState = React.useState(null),
@@ -65514,7 +65613,9 @@ var Filter = function Filter(props) {
     props.onChange(changedFieldValueMap);
   };
   return React__default.createElement("div", {
-    className: styles$18['vitro-filter']
+    className: styles$1a['vitro-filter']
+  }, React__default.createElement(ScrollBar, {
+    className: styles$1a['vitro-scrollbar']
   }, componentMap && React__default.createElement(FieldIterator, {
     fieldList: props.fieldList,
     fieldValueMap: fieldValueMap,
@@ -65522,15 +65623,15 @@ var Filter = function Filter(props) {
     componentMap: componentMap,
     onChange: onChange,
     isVisibleOverflow: true
-  }));
+  })));
 };
 
-var LOCALE$9;
+var LOCALE$a;
 (function (LOCALE) {
   LOCALE["EMPTY_PLACEHOLDER"] = "app.common.searchValueList.emptyPlaceholder";
-})(LOCALE$9 || (LOCALE$9 = {}));
+})(LOCALE$a || (LOCALE$a = {}));
 
-var styles$19 = {"vitro-search-input-container":"_search-value-list_vitro-search-input-container_167CEqB","vitro-empty-placeholder":"_search-value-list_vitro-empty-placeholder_2f08lDK"};
+var styles$1b = {"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),
@@ -65557,7 +65658,7 @@ var SearchValueList = function SearchValueList(props) {
   return React__default.createElement("div", {
     className: props.className || CTRL.EMPTY
   }, React__default.createElement("div", {
-    className: styles$19['vitro-search-input-container']
+    className: styles$1b['vitro-search-input-container']
   }, React__default.createElement(SearchInput, {
     onCancel: onSearchCancel,
     onChange: onInputChange,
@@ -65566,11 +65667,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$19['vitro-empty-placeholder']
-  }, props.emptyPlaceHolder || localeService.create(LOCALE$9.EMPTY_PLACEHOLDER))));
+    className: styles$1b['vitro-empty-placeholder']
+  }, props.emptyPlaceHolder || localeService.create(LOCALE$a.EMPTY_PLACEHOLDER))));
 };
 
-var styles$1a = {"vitro-checkbox-list":"_checkbox-list_vitro-checkbox-list_1iZSkkv","vitro-checkbox":"_checkbox-list_vitro-checkbox_1EqsnoQ"};
+var styles$1c = {"vitro-checkbox-list":"_checkbox-list_vitro-checkbox-list_1iZSkkv","vitro-checkbox":"_checkbox-list_vitro-checkbox_1EqsnoQ"};
 
 var CheckboxList = function CheckboxList(props) {
   var _useState = React.useState(props.itemList),
@@ -65605,14 +65706,14 @@ var CheckboxList = function CheckboxList(props) {
       onChange: function onChange(value, name) {
         return _onChange(value, item.id);
       },
-      className: styles$1a['vitro-checkbox']
+      className: styles$1c['vitro-checkbox']
     });
   };
   var filterValueTemplate = function filterValueTemplate(item) {
     return item.name;
   };
   return React__default.createElement("div", {
-    className: styles$1a['vitro-checkbox-list']
+    className: styles$1c['vitro-checkbox-list']
   }, React__default.createElement(SearchValueList, {
     itemList: props.itemList,
     valueTemplate: getCheckbox,
@@ -65685,7 +65786,7 @@ var Search = function Search(props) {
   }, [window.innerWidth]);
   React.useEffect(function () {
     if (selectedSearchCriterionList.length) {
-      setState(styles$18['vitro-active']);
+      setState(styles$1a['vitro-active']);
     }
   }, [selectedSearchCriterionList]);
   React.useEffect(function () {
@@ -65835,7 +65936,7 @@ var Search = function Search(props) {
     }
   };
   var onFocusInput = function onFocusInput() {
-    setState(styles$18['vitro-active']);
+    setState(styles$1a['vitro-active']);
   };
   var onRemoveValue = function onRemoveValue(valueList) {
     setSearchCriterionList(valueList);
@@ -65843,7 +65944,7 @@ var Search = function Search(props) {
   };
   return React__default.createElement("div", {
     ref: searchRef,
-    className: styles$18['vitro-search'] + CTRL.SPACE + state
+    className: styles$1a['vitro-search'] + CTRL.SPACE + state
   }, React__default.createElement(SearchInput, {
     searchCriterionList: selectedSearchCriterionList,
     onCancel: onCancel,
@@ -65854,12 +65955,12 @@ var Search = function Search(props) {
     onFocus: onFocusInput,
     isActive: state || isShowDialog ? true : false,
     isMobileView: isMobileView,
-    className: styles$18['vitro-control']
+    className: styles$1a['vitro-control']
   }, (state || isShowDialog) && React__default.createElement("button", {
     onClick: onSettingsClick,
-    className: styles$18['vitro-button-settings'] + (isShowDialog ? CTRL.SPACE + styles$18['vitro-active'] : CTRL.EMPTY)
+    className: styles$1a['vitro-button-settings'] + (isShowDialog ? CTRL.SPACE + styles$1a['vitro-active'] : CTRL.EMPTY)
   })), isShowDialog && React__default.createElement("div", {
-    className: styles$18['vitro-settings-dialog']
+    className: styles$1a['vitro-settings-dialog']
   }, React__default.createElement(Filter, {
     fieldList: filterFieldList,
     valueList: selectedSearchCriterionList,
@@ -65870,24 +65971,24 @@ var Search = function Search(props) {
     getConditionList: props.getConditionList,
     getDefaultCondition: props.getDefaultCondition
   }), isShowAddFieldButton && React__default.createElement("div", {
-    className: styles$18['vitro-add-field']
+    className: styles$1a['vitro-add-field']
   }, React__default.createElement(Button$2, {
     text: props.labelAddField,
     onClick: onAddField,
-    className: styles$18['vitro-add-field-button']
+    className: styles$1a['vitro-add-field-button']
   }), isShowAddFieldDialog && React__default.createElement("div", {
     ref: addFieldDialogRef,
-    className: styles$18['vitro-add-field-dialog']
+    className: styles$1a['vitro-add-field-dialog']
   }, React__default.createElement(CheckboxList, {
     itemList: checkboxFieldList,
     onChange: onFieldListChange,
     isAllSelected: props.isAllFieldsVisible
   }))), React__default.createElement("div", {
-    className: styles$18['vitro-footer']
+    className: styles$1a['vitro-footer']
   }, React__default.createElement(Button$2, {
     text: props.labelCancel,
     onClick: closeSettings,
-    className: styles$18['vitro-button-cancel']
+    className: styles$1a['vitro-button-cancel']
   }), React__default.createElement(Button$2, {
     text: props.labelSearch,
     onClick: onSubmit
@@ -65927,7 +66028,7 @@ var Splitter = function Splitter(props) {
   }, props.children);
 };
 
-var styles$1b = {"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$1d = {"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),
@@ -65937,46 +66038,46 @@ var RouteItem = function RouteItem(props) {
     isShowComment = _useState2[0],
     setIsShowComment = _useState2[1];
   return React__default.createElement("div", {
-    className: styles$1b['vitro-route-item']
+    className: styles$1d['vitro-route-item']
   }, props.children ? React__default.createElement("button", {
-    className: isExpanded ? styles$1b['vitro-button-collapse'] : styles$1b['vitro-button-expand'],
+    className: isExpanded ? styles$1d['vitro-button-collapse'] : styles$1d['vitro-button-expand'],
     onClick: function onClick() {
       return setIsExpanded(!isExpanded);
     }
   }) : null, React__default.createElement("div", {
-    className: styles$1b['vitro-route-item-content']
+    className: styles$1d['vitro-route-item-content']
   }, props.userName && props.status && React__default.createElement("div", {
-    className: styles$1b['vitro-route-item-header']
+    className: styles$1d['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$1b['vitro-avatar']
+    className: styles$1d['vitro-avatar']
   }), props.userName), React__default.createElement("div", {
-    className: styles$1b['vitro-date']
+    className: styles$1d['vitro-date']
   }, props.date)), React__default.createElement("div", null, React__default.createElement("div", null, props.statusColor && React__default.createElement("div", {
-    className: styles$1b['vitro-status-color'],
+    className: styles$1d['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$1b['vitro-route-item-body']
+    className: styles$1d['vitro-route-item-body']
   }, React__default.createElement("div", {
-    className: styles$1b['vitro-flex']
+    className: styles$1d['vitro-flex']
   }, React__default.createElement("span", null, props.name), props.comment && React__default.createElement("button", {
-    className: isShowComment ? styles$1b['vitro-button-hide-comment'] : styles$1b['vitro-button-show-comment'],
+    className: isShowComment ? styles$1d['vitro-button-hide-comment'] : styles$1d['vitro-button-show-comment'],
     onClick: function onClick() {
       return setIsShowComment(!isShowComment);
     }
   })), isShowComment && props.comment && React__default.createElement("div", {
-    className: styles$1b['vitro-comment']
+    className: styles$1d['vitro-comment']
   }, props.comment)), isExpanded && React__default.createElement("div", {
-    className: styles$1b['vitro-route-item-child']
+    className: styles$1d['vitro-route-item-child']
   }, props.children)));
 };
 
-var w$8 = window;
+var w$7 = window;
 var ID_FILE_VERSION_SELECT$1 = 'fileVersionSelect';
 var Viewer$1 = function Viewer(props) {
   React.useEffect(function () {
@@ -65986,11 +66087,11 @@ var Viewer$1 = function Viewer(props) {
   }, [props.context]);
   var init = function init() {
     var initViewer = function initViewer() {
-      if (w$8.initBimViewer) {
+      if (w$7.initBimViewer) {
         var context = _extends({}, props.context, {
           initIssueList: initIssueList
         });
-        w$8.initBimViewer(context);
+        w$7.initBimViewer(context);
         initFileVersionSelect();
       } else {
         setTimeout(initViewer, 100);
@@ -66080,7 +66181,7 @@ var BimViewer = function BimViewer(props) {
   });
 };
 
-var styles$1c = {"vitro-scroll-view":"_scroll-view_vitro-scroll-view_TXQ8QQh"};
+var styles$1e = {"vitro-scroll-view":"_scroll-view_vitro-scroll-view_TXQ8QQh"};
 
 var COMPONENT_NAME = 'kendoScrollView';
 var CONTENT_HEIGHT = 100;
@@ -66125,27 +66226,27 @@ var ScrollView = function ScrollView(props) {
   };
   return React__default.createElement("div", {
     ref: scrollViewRef,
-    className: styles$1c['vitro-scroll-view'] + CTRL.SPACE + (props.className || CTRL.EMPTY),
+    className: styles$1e['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$1d = {"vitro-image-container":"_page_vitro-image-container_QEXhGHE"};
+var styles$1f = {"vitro-image-container":"_page_vitro-image-container_QEXhGHE"};
 
 var Page = function Page(props) {
   return React__default.createElement("div", {
-    className: styles$1d['vitro-page'],
+    className: styles$1f['vitro-page'],
     "data-role": "page"
   }, React__default.createElement("div", {
-    className: styles$1d['vitro-image-container']
+    className: styles$1f['vitro-image-container']
   }, React__default.createElement("img", {
     src: props.url
   })));
 };
 
-var styles$1e = {"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$1g = {"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$;
@@ -66203,25 +66304,25 @@ var ImageViewer = React.forwardRef(function (props, ref) {
     }
   };
   return React__default.createElement(React__default.Fragment, null, itemList.length ? React__default.createElement("div", {
-    className: styles$1e['vitro-image-viewer']
+    className: styles$1g['vitro-image-viewer']
   }, React__default.createElement("div", {
-    className: styles$1e['vitro-header']
+    className: styles$1g['vitro-header']
   }, actionList.length ? React__default.createElement(DropdownButton, {
     itemList: actionList,
-    className: styles$1e['vitro-dropdown-button']
+    className: styles$1g['vitro-dropdown-button']
   }) : null, React__default.createElement("button", {
-    className: styles$1e['vitro-button-close'],
+    className: styles$1g['vitro-button-close'],
     onClick: props.onCloseClick
   })), React__default.createElement(ScrollView, {
     itemList: itemList,
     onChange: onChange,
-    className: styles$1e['vitro-scroll-view'],
+    className: styles$1g['vitro-scroll-view'],
     isEnablePager: true,
     activePage: props.activePage
   })) : null);
 });
 
-var styles$1f = {"vitro-page":"_page-layout_vitro-page_GzZ3agH"};
+var styles$1h = {"vitro-page":"_page-layout_vitro-page_GzZ3agH"};
 
 var PageLayout = function PageLayout(props) {
   var getClassName = function getClassName(sidebar) {
@@ -66235,7 +66336,7 @@ var PageLayout = function PageLayout(props) {
     return CTRL.SPACE + classNameArr.join(CTRL.SPACE);
   };
   return React__default.createElement("div", {
-    className: styles$1f['vitro-page'] + getClassName(props.sidebar) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
+    className: styles$1h['vitro-page'] + getClassName(props.sidebar) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
     id: 'vitro-page'
   }, props.children);
 };
@@ -66250,7 +66351,7 @@ var HeaderConstants = {
     get LOCAL_STORAGE_KEY () { return LOCAL_STORAGE_KEY; }
 };
 
-var styles$1g = {"vitro-header":"_header_vitro-header_ta9aLJn"};
+var styles$1i = {"vitro-header":"_header_vitro-header_ta9aLJn"};
 
 var onChangeSidebarMode = function onChangeSidebarMode() {};
 var Header = function Header(props) {
@@ -66293,44 +66394,44 @@ var Header = function Header(props) {
     }
   }, [props.sidebar]);
   return React__default.createElement("div", {
-    className: styles$1g['vitro-header'],
+    className: styles$1i['vitro-header'],
     id: 'vitro-header',
     ref: ref
   }, props.children);
 };
 
-var styles$1h = {"vitro-nav-bar-sidebar-button":"_header-nav-bar-sidebar-button_vitro-nav-bar-sidebar-button_3IZcIOc"};
+var styles$1j = {"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$1h['vitro-nav-bar-sidebar-button'],
+    className: styles$1j['vitro-nav-bar-sidebar-button'],
     onClick: props.onClick
   });
 };
 
-var styles$1i = {"vitro-nav-bar":"_header-nav-bar_vitro-nav-bar_EuyFIk8"};
+var styles$1k = {"vitro-nav-bar":"_header-nav-bar_vitro-nav-bar_EuyFIk8"};
 
 var HeaderNavBar = function HeaderNavBar(props) {
   return React__default.createElement("nav", {
-    className: styles$1i['vitro-nav-bar'] + CTRL.SPACE + ['navbar', 'navbar-expand-lg', 'navbar-light'].join(CTRL.SPACE)
+    className: styles$1k['vitro-nav-bar'] + CTRL.SPACE + ['navbar', 'navbar-expand-lg', 'navbar-light'].join(CTRL.SPACE)
   }, React__default.createElement(SidebarButton, {
     onClick: onChangeSidebarMode
   }), props.children);
 };
 
-var styles$1j = {"vitro-nav-service":"_header-nav-service_vitro-nav-service_1-i4GOh"};
+var styles$1l = {"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$1j['vitro-nav-service']
+    className: styles$1l['vitro-nav-service']
   }, React__default.createElement("div", {
     className: logoStyles['vitro-customer-logo']
   }), props.children);
 };
 
-var styles$1k = {"vitro-product-title":"_product-title_vitro-product-title_2gZcA5j"};
+var styles$1m = {"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, {
@@ -66352,22 +66453,22 @@ var ProductTitle = function ProductTitle(props) {
   if (props.href) {
     return React__default.createElement("a", {
       href: props.href,
-      className: styles$1k['vitro-product-title'],
+      className: styles$1m['vitro-product-title'],
       title: props.imageCaption
     }, content);
   }
   return React__default.createElement("a", {
     onClick: onClick,
-    className: styles$1k['vitro-product-title'],
+    className: styles$1m['vitro-product-title'],
     title: props.imageCaption
   }, content);
 };
 
-var styles$1l = {"vitro-right":"_right-align-control-group_vitro-right_2vnd6R7"};
+var styles$1n = {"vitro-right":"_right-align-control-group_vitro-right_2vnd6R7"};
 
 var RightAlignControlGroup = function RightAlignControlGroup(props) {
   return React__default.createElement("div", {
-    className: styles$1l['vitro-right']
+    className: styles$1n['vitro-right']
   }, props.children);
 };
 
@@ -66377,56 +66478,32 @@ var LeftAlignControlGroup = function LeftAlignControlGroup(props) {
   }, props.children);
 };
 
-var styles$1m = {"vitro-center":"_center-align-control-group_vitro-center_3SHmVN-"};
+var styles$1o = {"vitro-center":"_center-align-control-group_vitro-center_3SHmVN-"};
 
 var CenterAlignControlGroup = function CenterAlignControlGroup(props) {
   return React__default.createElement("div", {
-    className: styles$1m['vitro-center']
+    className: styles$1o['vitro-center']
   }, props.children);
 };
 
-var styles$1n = {"vitro-main":"_main_vitro-main_Kk2JMBF"};
+var styles$1p = {"vitro-main":"_main_vitro-main_Kk2JMBF"};
 
 var Main = function Main(props) {
   return React__default.createElement("div", {
-    className: styles$1n['vitro-main'],
+    className: styles$1p['vitro-main'],
     id: 'vitro-main'
   }, props.children);
 };
 
-var styles$1o = {"vitro-table-view-detail":"_table-view-detail_vitro-table-view-detail_zxwp4XX"};
+var styles$1q = {"vitro-table-view-detail":"_table-view-detail_vitro-table-view-detail_zxwp4XX"};
 
 var TableViewDetail = function TableViewDetail(props) {
   return React__default.createElement("div", {
-    className: styles$1o['vitro-table-view-detail']
+    className: styles$1q['vitro-table-view-detail']
   }, props.children);
 };
 
-var styles$1p = {"vitro-title":"_expand-control-group_vitro-title_3nqqfyQ","vitro-expand-collapse-button":"_expand-control-group_vitro-expand-collapse-button_hBX5TTj","vitro-expand-control-group":"_expand-control-group_vitro-expand-control-group_1qSUMoN","vitro-content":"_expand-control-group_vitro-content_2UPEUhm","vitro-display-none":"_expand-control-group_vitro-display-none_Zs_5rQL","vitro-right":"_expand-control-group_vitro-right_jD5r2aS","vitro-button-collapse":"_expand-control-group_vitro-button-collapse_14wEdB1","vitro-button-expand":"_expand-control-group_vitro-button-expand_bwV3dXl"};
-
-var ExpandControlGroup = function ExpandControlGroup(props) {
-  var _useState = React.useState(props.isOpen),
-    isOpen = _useState[0],
-    setIsOpen = _useState[1];
-  var onClick = function onClick() {
-    setIsOpen(!isOpen);
-    props.onClick && props.onClick();
-  };
-  return React__default.createElement("div", {
-    className: styles$1p['vitro-expand-control-group']
-  }, React__default.createElement("div", {
-    className: styles$1p['vitro-title'],
-    onClick: onClick
-  }, React__default.createElement(ExpandCollapseButton, {
-    isExpanded: isOpen,
-    onClick: onClick,
-    className: styles$1p['vitro-expand-collapse-button'] + (props.isRight ? CTRL.SPACE + styles$1p['vitro-right'] : CTRL.EMPTY)
-  }), props.title), React__default.createElement("div", {
-    className: styles$1p['vitro-content'] + (isOpen ? CTRL.EMPTY : CTRL.SPACE + styles$1p['vitro-display-none'])
-  }, props.children));
-};
-
-var styles$1q = {"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$1r = {"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);
@@ -66450,14 +66527,14 @@ var Radio = React.forwardRef(function (props, ref) {
       props.onChange(props.value, e);
     }
   };
-  var className = styles$1q['vitro-control'] + (props.labelPosition === POSITION.LEFT ? CTRL.SPACE + styles$1q['vitro-left-label'] : CTRL.EMPTY) + CTRL.SPACE + (props.isDisabled ? styles$1q['vitro-disabled'] : CTRL.EMPTY) + CTRL.SPACE + (props.className || CTRL.EMPTY);
+  var className = styles$1r['vitro-control'] + (props.labelPosition === POSITION.LEFT ? CTRL.SPACE + styles$1r['vitro-left-label'] : CTRL.EMPTY) + CTRL.SPACE + (props.isDisabled ? styles$1r['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$1q['vitro-label']
+    className: styles$1r['vitro-label']
   }), React__default.createElement("div", {
-    className: styles$1q['vitro-radio-content']
+    className: styles$1r['vitro-radio-content']
   }, React__default.createElement("input", {
     ref: radioRef,
     type: 'radio',
@@ -66469,21 +66546,21 @@ var Radio = React.forwardRef(function (props, ref) {
     onChange: onChange
   }), props.labelPosition !== POSITION.LEFT && React__default.createElement(Label, {
     text: props.label,
-    className: styles$1q['vitro-label']
+    className: styles$1r['vitro-label']
   })));
 });
 
-var LOCALE$a;
+var LOCALE$b;
 (function (LOCALE) {
   LOCALE["TOOLTIP_EDIT"] = "app.common.linkInput.tooltip.edit";
   LOCALE["TOOLTIP_OPEN"] = "app.common.linkInput.tooltip.open";
-})(LOCALE$a || (LOCALE$a = {}));
+})(LOCALE$b || (LOCALE$b = {}));
 
 var TARGET$1 = function TARGET() {};
 TARGET$1.BLANK = '_blank';
 TARGET$1.SELF = '_self';
 
-var styles$1r = {"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$1s = {"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),
@@ -66553,11 +66630,11 @@ var LinkInput = React.forwardRef(function (props, ref) {
       link.remove();
     }
   };
-  var className = styles$1r['vitro-link-input'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY) + (props.isReadOnly ? CTRL.SPACE + styles$1r['vitro-read-only'] : CTRL.EMPTY) + (isEditMode ? CTRL.SPACE + styles$1r['vitro-edit-mode'] : CTRL.EMPTY);
+  var className = styles$1s['vitro-link-input'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY) + (props.isReadOnly ? CTRL.SPACE + styles$1s['vitro-read-only'] : CTRL.EMPTY) + (isEditMode ? CTRL.SPACE + styles$1s['vitro-edit-mode'] : CTRL.EMPTY);
   return React__default.createElement("div", {
     className: className
   }, React__default.createElement(Tooltip$1, {
-    text: !isEditMode && value.url ? localeService.create(LOCALE$a.TOOLTIP_OPEN) : CTRL.EMPTY
+    text: !isEditMode && value.url ? localeService.create(LOCALE$b.TOOLTIP_OPEN) : CTRL.EMPTY
   }, React__default.createElement("div", {
     onMouseDown: onMouseDown
   }, React__default.createElement(Input, {
@@ -66572,11 +66649,11 @@ var LinkInput = React.forwardRef(function (props, ref) {
     isRequired: props.isRequired,
     isError: props.isError,
     isReadOnly: props.isReadOnly ? true : !isEditMode,
-    className: styles$1r['vitro-control']
+    className: styles$1s['vitro-control']
   }))), !props.isReadOnly && !isEditMode && React__default.createElement(ImageButton, {
     onClick: onClickEditButton,
-    tooltipText: localeService.create(LOCALE$a.TOOLTIP_EDIT),
-    className: styles$1r['vitro-edit-button']
+    tooltipText: localeService.create(LOCALE$b.TOOLTIP_EDIT),
+    className: styles$1s['vitro-edit-button']
   }));
 });
 
@@ -66619,7 +66696,7 @@ var Overlay$2 = React.forwardRef(function (props, ref) {
   }, props.children));
 });
 
-var LOCALE$b;
+var LOCALE$c;
 (function (LOCALE) {
   LOCALE["TITLE"] = "app.common.systemExceptionDialog.title";
   LOCALE["SUBTITLE"] = "app.common.systemExceptionDialog.subtitle";
@@ -66630,11 +66707,11 @@ var LOCALE$b;
   LOCALE["SETTING_EXCEPTION_TEXT"] = "detailedExceptionText";
   LOCALE["SETTING_USER_NAME"] = "userName";
   LOCALE["SETTING_SYSTEM_INFO"] = "systemInformation";
-})(LOCALE$b || (LOCALE$b = {}));
+})(LOCALE$c || (LOCALE$c = {}));
 
-var styles$1s = {"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-scrollbar-content":"_system-exception-dialog_vitro-scrollbar-content_2sob8Xl","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$1t = {"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-scrollbar-content":"_system-exception-dialog_vitro-scrollbar-content_2sob8Xl","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 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) {
   var _useState = React.useState(false),
     isMobileView = _useState[0],
@@ -66663,7 +66740,7 @@ var SystemExceptionDialog = function SystemExceptionDialog(props) {
     }
   };
   var getCheckboxLabel = function getCheckboxLabel(key) {
-    return React__default.createElement(React__default.Fragment, null, React__default.createElement("span", null, localeService.create(LOCALE$b.ACTION_INCLUDE) + CTRL.SPACE), React__default.createElement("span", null, localeService.create(LOCALE$b.SETTING + CTRL.DOT + key)));
+    return React__default.createElement(React__default.Fragment, null, React__default.createElement("span", null, localeService.create(LOCALE$c.ACTION_INCLUDE) + CTRL.SPACE), React__default.createElement("span", null, localeService.create(LOCALE$c.SETTING + CTRL.DOT + key)));
   };
   var onChangeSetting = function onChangeSetting(value, name) {
     var newData = data;
@@ -66675,49 +66752,49 @@ var SystemExceptionDialog = function SystemExceptionDialog(props) {
   };
   var buttonList = [{
     onClick: onConfirm,
-    text: props.labelConfirm || localeService.create(LOCALE$b.ACTION_SEND)
+    text: props.labelConfirm || localeService.create(LOCALE$c.ACTION_SEND)
   }];
   var hiddenContent = React__default.createElement("div", {
-    className: styles$1s['vitro-settings-list']
+    className: styles$1t['vitro-settings-list']
   }, settingsList.map(function (name, index) {
     return React__default.createElement("div", {
       key: index,
-      className: styles$1s['vitro-flex']
+      className: styles$1t['vitro-flex']
     }, React__default.createElement(Checkbox, {
       label: CTRL.EMPTY,
       name: name,
       value: true,
       onChange: onChangeSetting,
-      className: styles$1s['vitro-checkbox']
+      className: styles$1t['vitro-checkbox']
     }), getCheckboxLabel(name));
   }));
   return React__default.createElement(Dialog, {
-    title: localeService.create(LOCALE$b.TITLE),
-    subtitle: isMobileView ? CTRL.EMPTY : localeService.create(LOCALE$b.SUBTITLE),
+    title: localeService.create(LOCALE$c.TITLE),
+    subtitle: isMobileView ? CTRL.EMPTY : localeService.create(LOCALE$c.SUBTITLE),
     image: React__default.createElement("div", {
-      className: styles$1s['vitro-image']
+      className: styles$1t['vitro-image']
     }),
     onClose: props.onCancel,
     buttonList: buttonList,
     labelClose: props.labelClose,
-    className: styles$1s['vitro-system-exception-dialog'],
+    className: styles$1t['vitro-system-exception-dialog'],
     hiddenContent: hiddenContent,
     isDismissible: true
   }, React__default.createElement(DialogContent, null, isMobileView && React__default.createElement(Label, {
-    text: localeService.create(LOCALE$b.SUBTITLE),
-    className: styles$1s['vitro-label']
+    text: localeService.create(LOCALE$c.SUBTITLE),
+    className: styles$1t['vitro-label']
   }), React__default.createElement(Input, {
     ref: inputRef,
-    className: styles$1s['vitro-input'],
+    className: styles$1t['vitro-input'],
     isMultiline: true
   }), React__default.createElement("div", {
-    className: styles$1s['vitro-exception']
+    className: styles$1t['vitro-exception']
   }, React__default.createElement(ScrollBar, {
-    contentClassName: styles$1s['vitro-scrollbar-content']
+    contentClassName: styles$1t['vitro-scrollbar-content']
   }, props.stackTrace))));
 };
 
-var styles$1t = {"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$1u = {"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),
@@ -66734,11 +66811,11 @@ var StarButton = function StarButton(props) {
   };
   return React__default.createElement("button", {
     onClick: onClick,
-    className: styles$1t['vitro-star-button'] + (isActive ? CTRL.SPACE + styles$1t['vitro-active'] : CTRL.EMPTY) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$1u['vitro-star-button'] + (isActive ? CTRL.SPACE + styles$1u['vitro-active'] : CTRL.EMPTY) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   });
 };
 
-var styles$1u = {"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$1v = {"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),
@@ -66759,7 +66836,7 @@ var SiteItem = function SiteItem(props) {
       setIsShowStar(false);
     }
   };
-  var className = [styles$1u['vitro-item'], props.className || CTRL.EMPTY, props.isActive ? styles$1u['vitro-active'] : CTRL.EMPTY, props.isMobileView && styles$1u['vitro-mobile-view']].join(CTRL.SPACE);
+  var className = [styles$1v['vitro-item'], props.className || CTRL.EMPTY, props.isActive ? styles$1v['vitro-active'] : CTRL.EMPTY, props.isMobileView && styles$1v['vitro-mobile-view']].join(CTRL.SPACE);
   return React__default.createElement(FlexBox, {
     onClick: props.onClick,
     onMouseOver: onMouseOver,
@@ -66767,19 +66844,19 @@ var SiteItem = function SiteItem(props) {
     className: className
   }, props.imageUrl ? React__default.createElement(Image, {
     defaultUrl: props.imageUrl,
-    className: styles$1u['vitro-image']
+    className: styles$1v['vitro-image']
   }) : React__default.createElement("div", {
-    className: styles$1u['vitro-default-image']
+    className: styles$1v['vitro-default-image']
   }), React__default.createElement("div", {
-    className: styles$1u['vitro-name']
+    className: styles$1v['vitro-name']
   }, props.name), props.onStar && React__default.createElement(StarButton, {
     onChange: props.onStar,
     isActive: props.isStarActive,
-    className: isShowStar || props.isStarActive ? CTRL.EMPTY : styles$1u['vitro-hidden']
+    className: isShowStar || props.isStarActive ? CTRL.EMPTY : styles$1v['vitro-hidden']
   }));
 };
 
-var styles$1v = {"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$1w = {"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),
@@ -66874,56 +66951,56 @@ var SiteSelect = function SiteSelect(props) {
     itemList: visibleItemList,
     valueTemplate: getItem,
     filterValueTemplate: filterValueTemplate,
-    className: styles$1v['vitro-search-value-list'],
-    inputClassName: styles$1v['vitro-search-input']
+    className: styles$1w['vitro-search-value-list'],
+    inputClassName: styles$1w['vitro-search-input']
   }, React__default.createElement(SiteItem, Object.assign({}, props.rootItem, {
     isMobileView: isMobileView,
     onClick: function onClick() {
       return onSelect(props.rootItem);
     },
-    className: styles$1v['vitro-root-item']
+    className: styles$1w['vitro-root-item']
   })), React__default.createElement(FlexBox, {
-    className: styles$1v['vitro-title']
+    className: styles$1w['vitro-title']
   }, props.title, props.onStarChange && React__default.createElement(StarButton, {
     onChange: filterStarActive
   })));
   return React__default.createElement("div", {
-    className: styles$1v['vitro-site-select']
+    className: styles$1w['vitro-site-select']
   }, React__default.createElement(FlexBox, {
-    className: styles$1v['vitro-flex'],
+    className: styles$1w['vitro-flex'],
     ref: flexBoxRef
   }, React__default.createElement("h2", {
     onClick: onClick
   }, props.activeItem.name), React__default.createElement(ImageButton, {
-    className: isExpanded ? styles$1v['vitro-collapse'] : styles$1v['vitro-expand'],
+    className: isExpanded ? styles$1w['vitro-collapse'] : styles$1w['vitro-expand'],
     onClick: onClick
   })), isMobileView && React__default.createElement(SlideUpPanel, {
-    className: styles$1v['vitro-slide-up-panel'],
+    className: styles$1w['vitro-slide-up-panel'],
     isShow: isExpanded,
     onClose: function onClose() {
       return setIsExpanded(false);
     }
   }, content), !isMobileView && isExpanded && React__default.createElement("div", {
-    className: styles$1v['vitro-site-list'],
+    className: styles$1w['vitro-site-list'],
     ref: listRef
   }, content));
 };
 
-var styles$1w = {"vitro-bottom":"_bottom-align-control-group_vitro-bottom_3-a5nWD"};
+var styles$1x = {"vitro-bottom":"_bottom-align-control-group_vitro-bottom_3-a5nWD"};
 
 var BottomAlignControlGroup = function BottomAlignControlGroup(props) {
   return React__default.createElement("div", {
-    className: styles$1w['vitro-bottom']
+    className: styles$1x['vitro-bottom']
   }, props.children);
 };
 
-var styles$1x = {"vitro-linear-progress":"_linear-progress_vitro-linear-progress_1i4VVyb","vitro-bar":"_linear-progress_vitro-bar_2rwmbp3","progress":"_linear-progress_progress_11DTdlB"};
+var styles$1y = {"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$1x['vitro-linear-progress'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+    className: styles$1y['vitro-linear-progress'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, React__default.createElement("div", {
-    className: styles$1x['vitro-bar']
+    className: styles$1y['vitro-bar']
   }));
 };