@eclipse-scout/core 22.0.0-beta.5 → 22.0.2

package/dist/eclipse-scout-core.js

@@ -16,7 +16,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! jquery */ "jquery");
 /* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_1__);
 /*
- * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
@@ -241,7 +241,6 @@ class App {
 
   _checkBrowserCompatibility(options) {
     let device = _index__WEBPACK_IMPORTED_MODULE_0__.Device.get();
-    let app = this;
     jquery__WEBPACK_IMPORTED_MODULE_1___default().log.isInfoEnabled() && jquery__WEBPACK_IMPORTED_MODULE_1___default().log.info('Detected browser ' + device.browser + ' version ' + device.browserVersion);
 
     if (!_index__WEBPACK_IMPORTED_MODULE_0__.scout.nvl(options.checkBrowserCompatibility, true) || device.isSupportedBrowser()) {
@@ -313,7 +312,7 @@ class App {
 
     $loadingRoot.oneAnimationEnd(() => $loadingRoot.remove());
 
-    if ($loadingRoot.css('opacity') == 1) {
+    if ($loadingRoot.css('opacity') === '1') {
       $loadingRoot.addClass('fadeout and-more');
     } else {
       $loadingRoot.addClass('fadeout');
@@ -428,9 +427,8 @@ class App {
 
     let desktop = this._createDesktop(session.root);
 
-    this.trigger('desktopReady', {
-      desktop: desktop
-    });
+    this._triggerDesktopReady(desktop);
+
     session.render(() => {
       session._renderDesktop(); // Ensure layout is valid (explicitly layout immediately and don't wait for setTimeout to run to make layouting invisible to the user)
 
@@ -438,14 +436,26 @@ class App {
       session.layoutValidator.validate();
       session.focusManager.validateFocus();
       session.ready = true;
-      this.trigger('sessionReady', {
-        session: session
-      });
+
+      this._triggerSessionReady(session);
+
       jquery__WEBPACK_IMPORTED_MODULE_1___default().log.isInfoEnabled() && jquery__WEBPACK_IMPORTED_MODULE_1___default().log.info('Session initialized. Detected ' + _index__WEBPACK_IMPORTED_MODULE_0__.Device.get());
     });
     return jquery__WEBPACK_IMPORTED_MODULE_1___default().resolvedPromise();
   }
 
+  _triggerDesktopReady(desktop) {
+    this.trigger('desktopReady', {
+      desktop: desktop
+    });
+  }
+
+  _triggerSessionReady(session) {
+    this.trigger('sessionReady', {
+      session: session
+    });
+  }
+
   _createSession(options) {
     return _index__WEBPACK_IMPORTED_MODULE_0__.scout.create('Session', options, {
       ensureUniqueId: false
@@ -3179,8 +3189,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (/* binding */ BreadcrumbBarLayout)
 /* harmony export */ });
 /* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../index */ "./src/index.js");
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 /*
  * Copyright (c) 2010-2020 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
@@ -3195,40 +3203,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 class BreadcrumbBarLayout extends _index__WEBPACK_IMPORTED_MODULE_0__.AbstractLayout {
   constructor(breadcrumbBar) {
     super();
-
-    _defineProperty(this, "_collapse", function ($container, containerSize) {
-      let currentIndex = 1;
-
-      const visibleBreadcrumbItems = this._visibleBreadcrumbItems();
-
-      let prefSize = this._actualPrefSize(visibleBreadcrumbItems, true);
-
-      while (prefSize.width > containerSize.width && currentIndex < visibleBreadcrumbItems.length - 1) {
-        // remove breadcrumbItems until size fits or only 2 breadcrumbItems are visible
-        const crumb = visibleBreadcrumbItems[currentIndex];
-        crumb.$container.hide();
-        crumb._layHidden = true;
-        visibleBreadcrumbItems.splice(currentIndex, 1);
-        prefSize = this._actualPrefSize(visibleBreadcrumbItems, true);
-      }
-    });
-
-    _defineProperty(this, "_breadcrumbItemsWidth", function (breadcrumbItems, considerEllipsis) {
-      let breadcrumbsWidth = 0;
-      breadcrumbItems = breadcrumbItems || this._visibleBreadcrumbItems();
-      breadcrumbItems.forEach(breadcrumbItem => {
-        if (breadcrumbItem.rendered) {
-          breadcrumbsWidth += breadcrumbItem.$container.outerWidth(true);
-        }
-      }, this);
-
-      if (considerEllipsis && this._breadcrumbBar._ellipsisBreadcrumbItem && this._breadcrumbBar._ellipsisBreadcrumbItem.rendered) {
-        breadcrumbsWidth += this._breadcrumbBar._ellipsisBreadcrumbItem.$container.outerWidth(true);
-      }
-
-      return breadcrumbsWidth;
-    });
-
     this._breadcrumbBar = breadcrumbBar;
   }
 
@@ -3261,6 +3235,23 @@ class BreadcrumbBarLayout extends _index__WEBPACK_IMPORTED_MODULE_0__.AbstractLa
     this._collapse(breadcrumbItems, containerSize);
   }
 
+  _collapse($container, containerSize) {
+    let currentIndex = 1;
+
+    const visibleBreadcrumbItems = this._visibleBreadcrumbItems();
+
+    let prefSize = this._actualPrefSize(visibleBreadcrumbItems, true);
+
+    while (prefSize.width > containerSize.width && currentIndex < visibleBreadcrumbItems.length - 1) {
+      // remove breadcrumbItems until size fits or only 2 breadcrumbItems are visible
+      const crumb = visibleBreadcrumbItems[currentIndex];
+      crumb.$container.hide();
+      crumb._layHidden = true;
+      visibleBreadcrumbItems.splice(currentIndex, 1);
+      prefSize = this._actualPrefSize(visibleBreadcrumbItems, true);
+    }
+  }
+
   _applyToEllipsis(fun) {
     if (this._breadcrumbBar._ellipsisBreadcrumbItem) {
       fun(this._breadcrumbBar._ellipsisBreadcrumbItem);
@@ -3317,6 +3308,22 @@ class BreadcrumbBarLayout extends _index__WEBPACK_IMPORTED_MODULE_0__.AbstractLa
    */
 
 
+  _breadcrumbItemsWidth(breadcrumbItems, considerEllipsis) {
+    let breadcrumbsWidth = 0;
+    breadcrumbItems = breadcrumbItems || this._visibleBreadcrumbItems();
+    breadcrumbItems.forEach(breadcrumbItem => {
+      if (breadcrumbItem.rendered) {
+        breadcrumbsWidth += breadcrumbItem.$container.outerWidth(true);
+      }
+    }, this);
+
+    if (considerEllipsis && this._breadcrumbBar._ellipsisBreadcrumbItem && this._breadcrumbBar._ellipsisBreadcrumbItem.rendered) {
+      breadcrumbsWidth += this._breadcrumbBar._ellipsisBreadcrumbItem.$container.outerWidth(true);
+    }
+
+    return breadcrumbsWidth;
+  }
+
 }
 
 /***/ }),
@@ -3422,7 +3429,7 @@ __webpack_require__.r(__webpack_exports__);
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 /*
- * Copyright (c) 2010-2020 BSI Business Systems Integration AG.
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
@@ -4205,7 +4212,8 @@ class Calendar extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
       this.$topGrid.find('.calendar-day-name').data('new-width', 0);
       this.$grids.find('.calendar-day').data('new-width', 0);
       let newWidthWorkWeek = Math.round(contentW / this.workDayIndices.length);
-      jquery__WEBPACK_IMPORTED_MODULE_1___default()('.calendar-day-name:nth-child(-n+6), ' + '.calendar-day:nth-child(-n+6)', this.$topGrid).data('new-width', newWidthWorkWeek);
+      this.$topGrid.find('.calendar-day-name').slice(0, 5).data('new-width', newWidthWorkWeek);
+      this.$topGrid.find('.calendar-day').slice(0, 5).data('new-width', newWidthWorkWeek);
       jquery__WEBPACK_IMPORTED_MODULE_1___default()('.calendar-day:nth-child(-n+6)', this.$grid).data('new-width', newWidthWorkWeek);
       this.widthPerDivision = newWidthWorkWeek;
     } else if (this._isMonth() || this._isWeek()) {
@@ -4222,23 +4230,33 @@ class Calendar extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
             $day = $comp.closest('.calendar-day');
         $comp.toggleClass('compact', $day.data('new-width') < _index__WEBPACK_IMPORTED_MODULE_0__.CalendarComponent.MONTH_COMPACT_THRESHOLD);
       });
-    }
+    } // animate old to new sizes
 
-    let afterLayoutCallback = this._afterLayout.bind(this); // animate old to new sizes
 
-
-    jquery__WEBPACK_IMPORTED_MODULE_1___default()('div', this.$container).each(function () {
-      let $e = jquery__WEBPACK_IMPORTED_MODULE_1___default()(this),
-          w = $e.data('new-width'),
-          h = $e.data('new-height');
+    jquery__WEBPACK_IMPORTED_MODULE_1___default()('div', this.$container).each((i, elem) => {
+      let $e = jquery__WEBPACK_IMPORTED_MODULE_1___default()(elem);
+      let w = $e.data('new-width');
+      let h = $e.data('new-height');
       $e.stop(false, true);
 
       if (w !== undefined && w !== $e.outerWidth()) {
         if (animate) {
-          $e.animateAVCSD('width', w, afterLayoutCallback.bind(this, $e, animate));
+          let opts = {
+            complete: () => this._afterLayout($e, animate)
+          };
+
+          if ($e[0] === this.$grids[0]) {
+            // Grid contains scroll shadows that should be updated during animation (don't due it always for performance reasons)
+            opts.progress = () => this._afterLayout($e, animate);
+          }
+
+          $e.animate({
+            width: w
+          }, opts);
         } else {
           $e.css('width', w);
-          afterLayoutCallback($e, animate);
+
+          this._afterLayout($e, animate);
         }
       }
 
@@ -4253,7 +4271,7 @@ class Calendar extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
               $e.addClass('hidden');
             }
 
-            afterLayoutCallback($e, animate);
+            this._afterLayout($e, animate);
           });
         } else {
           $e.css('height', h);
@@ -4262,7 +4280,7 @@ class Calendar extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
             $e.addClass('hidden');
           }
 
-          afterLayoutCallback($e, animate);
+          this._afterLayout($e, animate);
         }
       }
     });
@@ -4302,13 +4320,18 @@ class Calendar extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
 
   _updateScrollbars($parent, animate) {
     let $scrollables = jquery__WEBPACK_IMPORTED_MODULE_1___default()('.calendar-scrollable-components', $parent);
-    $scrollables.each(function () {
-      let $scrollable = jquery__WEBPACK_IMPORTED_MODULE_1___default()(this);
-      _index__WEBPACK_IMPORTED_MODULE_0__.scrollbars.update($scrollable, true);
+    $scrollables.each((i, elem) => {
+      _index__WEBPACK_IMPORTED_MODULE_0__.scrollbars.update(jquery__WEBPACK_IMPORTED_MODULE_1___default()(elem), true);
     });
     this.updateScrollPosition(animate);
   }
 
+  _uninstallComponentScrollbars($parent) {
+    $parent.find('.calendar-scrollable-components').each((i, elem) => {
+      _index__WEBPACK_IMPORTED_MODULE_0__.scrollbars.uninstall(jquery__WEBPACK_IMPORTED_MODULE_1___default()(elem), this.session);
+    });
+  }
+
   _updateTopGrid() {
     jquery__WEBPACK_IMPORTED_MODULE_1___default()('.calendar-component', this.$topGrid).each((index, part) => {
       let component = jquery__WEBPACK_IMPORTED_MODULE_1___default()(part).data('component');
@@ -4487,17 +4510,9 @@ class Calendar extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
   }
 
   _remove() {
-    let $days = jquery__WEBPACK_IMPORTED_MODULE_1___default()('.calendar-day', this.$grid); // Ensure that scrollbars are unregistered
+    this._uninstallComponentScrollbars(this.$grid);
 
-    for (let k = 0; k < $days.length; k++) {
-      let $day = $days.eq(k);
-      let $scrollableContainer = $day.children('.calendar-scrollable-components');
-
-      if ($scrollableContainer.length > 0) {
-        _index__WEBPACK_IMPORTED_MODULE_0__.scrollbars.uninstall($scrollableContainer, this.session);
-        $scrollableContainer.remove();
-      }
-    }
+    this._uninstallComponentScrollbars(this.$topGrid);
 
     this.$window.off('mousemove touchmove', this._mouseMoveHandler).off('mouseup touchend touchcancel', this._mouseUpHandler);
     this._moveData = null;
@@ -4632,6 +4647,8 @@ class Calendar extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
     if (this._isMonth()) {
       this._uninstallScrollbars();
 
+      this._uninstallComponentScrollbars(this.$topGrid);
+
       this.$grid.removeClass('calendar-scrollable-components');
     } else {
       this.$grid.addClass('calendar-scrollable-components'); // If we're in the non-month views, the time can scroll. Add scrollbars
@@ -4642,16 +4659,21 @@ class Calendar extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
         axis: 'y'
       });
 
-      let $topDays = jquery__WEBPACK_IMPORTED_MODULE_1___default()('.calendar-scrollable-components', this.$topGrid);
+      this.$topGrid.find('.calendar-scrollable-components').each((i, elem) => {
+        let $topDay = jquery__WEBPACK_IMPORTED_MODULE_1___default()(elem);
+
+        if ($topDay.data('scrollable')) {
+          _index__WEBPACK_IMPORTED_MODULE_0__.scrollbars.update($topDay);
+          return;
+        }
 
-      for (k = 0; k < $topDays.length; k++) {
-        let $topDay = $topDays.eq(k);
         _index__WEBPACK_IMPORTED_MODULE_0__.scrollbars.install($topDay, {
           parent: this,
           session: this.session,
-          axis: 'y'
+          axis: 'y',
+          scrollShadow: 'none'
         });
-      }
+      });
     }
   }
 
@@ -5670,6 +5692,7 @@ class CalendarLayout extends _index__WEBPACK_IMPORTED_MODULE_0__.AbstractLayout
     this.calendar = calendar;
     this.stacked = false;
     this.compacted = false;
+    this.compactWidth = 550;
   }
 
   layout($container) {
@@ -5687,7 +5710,8 @@ class CalendarLayout extends _index__WEBPACK_IMPORTED_MODULE_0__.AbstractLayout
       this.stack();
     }
 
-    if ($header[0].scrollWidth > $container.width()) {
+    if ($container.width() < this.compactWidth || $header[0].scrollWidth > $container.width()) {
+      // Title may take a lot of space, make it always compact for small devices so it won't toggle when changing display mode or view range
       this.compact();
     }
 
@@ -14369,18 +14393,19 @@ class DesktopNotification extends _index__WEBPACK_IMPORTED_MODULE_0__.Notificati
     }
 
     if (this.nativeNotificationVisibility === DesktopNotification.NativeNotificationVisibility.NONE) {
+      this._hideLaterIfNativeOnly();
+
       return;
     }
 
     if (this.nativeNotificationVisibility === DesktopNotification.NativeNotificationVisibility.BACKGROUND && !this._isDocumentHidden()) {
+      this._hideLaterIfNativeOnly();
+
       return;
     }
 
     if (window.Notification && Notification.permission === 'denied') {
-      if (this.nativeOnly) {
-        // If native notifications are not allowed, there is no need to keep the (invisible) desktop notification open
-        this.hide();
-      }
+      this._hideLaterIfNativeOnly();
 
       return;
     }
@@ -14392,6 +14417,15 @@ class DesktopNotification extends _index__WEBPACK_IMPORTED_MODULE_0__.Notificati
       Notification.requestPermission(this._showNativeNotification.bind(this));
     }
   }
+
+  _hideLaterIfNativeOnly() {
+    if (!this.nativeOnly) {
+      return;
+    } // If native notifications are not shown, there is no need to keep the (invisible) desktop notification open (prevent dom-leak)
+
+
+    setTimeout(() => this.hide()); // async because this method is called in render and removing the notification within render throws exception
+  }
   /**
    * Checks if browser supports the promise-based version of the method requestPermission. Safari only supports the older callback version.
    */
@@ -15910,10 +15944,6 @@ class Outline extends _index__WEBPACK_IMPORTED_MODULE_0__.Tree {
       $elements.push(desktop.navigation.$body);
     }
 
-    if (desktop.bench && element instanceof _index__WEBPACK_IMPORTED_MODULE_0__.Form && element.displayHint === _index__WEBPACK_IMPORTED_MODULE_0__.Form.DisplayHint.VIEW) {
-      _index__WEBPACK_IMPORTED_MODULE_0__.arrays.pushAll($elements, this._getBenchGlassPaneTargetsForView(element));
-    }
-
     if (desktop.bench && desktop.bench.outlineContent) {
       _index__WEBPACK_IMPORTED_MODULE_0__.arrays.pushAll($elements, desktop.bench.outlineContent.glassPaneTargets(element));
     }
@@ -15921,33 +15951,6 @@ class Outline extends _index__WEBPACK_IMPORTED_MODULE_0__.Tree {
     return $elements;
   }
 
-  _getBenchGlassPaneTargetsForView(view) {
-    let $glassPanes = [];
-    $glassPanes = $glassPanes.concat(this._getTabGlassPaneTargetsForView(view, this.session.desktop.header));
-    this.session.desktop.bench.visibleTabBoxes().forEach(function (tabBox) {
-      if (tabBox.hasView(view)) {
-        _index__WEBPACK_IMPORTED_MODULE_0__.arrays.pushAll($glassPanes, this._getTabGlassPaneTargetsForView(view, tabBox));
-      } else if (tabBox.$container) {
-        $glassPanes.push(tabBox.$container);
-      }
-    }, this);
-    return $glassPanes;
-  }
-
-  _getTabGlassPaneTargetsForView(view, tabBox) {
-    let $glassPanes = [];
-    tabBox.tabArea.tabs.forEach(tab => {
-      if (tab.view !== view && tab.view.displayParent === this) {
-        $glassPanes.push(tab.$container); // Workaround for javascript not being able to prevent hover event propagation:
-        // In case of tabs, the hover selector is defined on the element that is the direct parent
-        // of the glass pane. Under these circumstances, the hover style isn't be prevented by the glass pane.
-
-        tab.$container.addClass('glasspane-parent');
-      }
-    });
-    return $glassPanes;
-  }
-
   _onGlassPaneMouseDown(glassPaneOwner, $glassPane) {
     let desktop = this.session.desktop;
 
@@ -19735,7 +19738,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../index */ "./src/index.js");
 /*
- * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
@@ -28911,7 +28914,7 @@ __webpack_require__.r(__webpack_exports__);
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 /*
- * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
@@ -28929,6 +28932,7 @@ class LookupBox extends _index__WEBPACK_IMPORTED_MODULE_0__.ValueField {
     this.gridDataHints.weightY = 1.0;
     this.gridDataHints.h = 2;
     this.value = [];
+    this.clearable = _index__WEBPACK_IMPORTED_MODULE_0__.ValueField.Clearable.NEVER;
     this.lookupCall = null;
     this._pendingLookup = null;
     this._currentLookupCall = null;
@@ -36428,13 +36432,13 @@ class GroupBox extends _index__WEBPACK_IMPORTED_MODULE_0__.CompositeField {
       render: () => true,
       offset: 0,
       hAlign: _index__WEBPACK_IMPORTED_MODULE_0__.HAlign.RIGHT,
-      $drawingArea: function ($drawingArea, event) {
-        if (this.labelVisible) {
+      $drawingArea: ($drawingArea, event) => {
+        if (this.$header && this.$header.isVisible()) {
           return this.$header;
         }
 
         return this.$body;
-      }.bind(this)
+      }
     };
     keyStrokes.forEach(keyStroke => {
       keyStroke.actionKeyStroke.renderingHints = jquery__WEBPACK_IMPORTED_MODULE_1___default().extend({}, keyStroke.actionKeyStroke.renderingHints, groupBoxRenderingHints);
@@ -36651,13 +36655,11 @@ class GroupBox extends _index__WEBPACK_IMPORTED_MODULE_0__.CompositeField {
     this.$container.toggleClass('has-scroll-shadow-bottom', hasScrollShadowBottom);
 
     if ((headerVisible || hasMenubarTop) && oldHasScrollShadowTop !== hasScrollShadowTop || hasMenubarBottom && oldHasScrollShadowBottom !== hasScrollShadowBottom) {
-      this.invalidateLayout();
+      this.invalidateLayoutTree(false);
     } // Enlarge header line if there is a shadow, but don't do it if there is a menubar on top
 
 
-    _index__WEBPACK_IMPORTED_MODULE_0__.fields.adjustStatusPositionForScrollShadow(this, () => hasScrollShadowTop && headerVisible && !hasMenubarTop); // Prevent flickering of status icon
-
-    this.validateLayout();
+    _index__WEBPACK_IMPORTED_MODULE_0__.fields.adjustStatusPositionForScrollShadow(this, () => hasScrollShadowTop && headerVisible && !hasMenubarTop);
   }
 
   setMainBox(mainBox) {
@@ -37099,10 +37101,18 @@ class GroupBox extends _index__WEBPACK_IMPORTED_MODULE_0__.CompositeField {
   }
 
   _onControlClick(event) {
-    if (this.expandable) {
-      this.setExpanded(!this.expanded);
+    if (!this.expandable) {
+      return;
     }
 
+    const target = _index__WEBPACK_IMPORTED_MODULE_0__.scout.widget(event.target);
+
+    if (this.menuBarPosition === GroupBox.MenuBarPosition.TITLE && this.menuBar.has(target)) {
+      // If the position of the menubar is set to title and a menu has been clicked, then the event must not be handled
+      return;
+    }
+
+    this.setExpanded(!this.expanded);
     jquery__WEBPACK_IMPORTED_MODULE_1___default().suppressEvent(event); // otherwise, the event would be triggered twice sometimes (by group-box-control and group-box-title)
   }
 
@@ -38527,7 +38537,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../index */ "./src/index.js");
 /*
- * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
@@ -38542,7 +38552,6 @@ class ListBox extends _index__WEBPACK_IMPORTED_MODULE_0__.LookupBox {
     super();
     this.table = null;
     this.lookupStatus = null;
-    this.clearable = _index__WEBPACK_IMPORTED_MODULE_0__.ValueField.Clearable.NEVER;
 
     this._addWidgetProperties(['table', 'filterBox']);
   }
@@ -38557,6 +38566,13 @@ class ListBox extends _index__WEBPACK_IMPORTED_MODULE_0__.LookupBox {
   _initStructure(value) {
     if (!this.table) {
       this.table = this._createDefaultListBoxTable();
+    } // align checkableColumn in table with checkboxes of tree fields
+
+
+    if (this.table.checkableColumn) {
+      // may be null if a non-default list-box-table with checkable=false is used
+      this.table.checkableColumn.minWidth = 28;
+      this.table.checkableColumn.width = this.table.checkableColumn.minWidth; // do not use setWidth here
     }
   }
 
@@ -48249,7 +48265,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! jquery */ "jquery");
 /* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_1__);
 /*
- * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
@@ -48277,30 +48293,37 @@ class TabAreaLayout extends _index__WEBPACK_IMPORTED_MODULE_0__.AbstractLayout {
   }
 
   layout($container) {
-    let ellipsis = this.tabArea.ellipsis,
-        htmlContainer = _index__WEBPACK_IMPORTED_MODULE_0__.HtmlComponent.get($container),
+    let htmlContainer = _index__WEBPACK_IMPORTED_MODULE_0__.HtmlComponent.get($container),
         containerSize = htmlContainer.availableSize().subtract(htmlContainer.insets()); // compute visible and overflown tabs
 
     this.preferredLayoutSize($container, {
       widthHint: containerSize.width
     });
 
-    if (this.overflowTabs.length > 0) {
-      ellipsis.setHidden(false);
-    }
+    this._layoutSelectionMarker();
+  }
 
-    this.visibleTabs.forEach(tabItem => {
-      tabItem.setOverflown(false);
-    });
-    this.overflowTabs.forEach(tabItem => {
-      tabItem.setOverflown(true);
-    });
+  _layoutSelectionMarker() {
+    let $selectionMarker = this.tabArea.$selectionMarker,
+        selectedTab = this.tabArea.selectedTab,
+        selectedItemBounds;
 
-    if (this.overflowTabs.length === 0) {
-      ellipsis.setHidden(true);
+    if (selectedTab) {
+      $selectionMarker.setVisible(true);
+      selectedItemBounds = _index__WEBPACK_IMPORTED_MODULE_0__.graphics.bounds(selectedTab.$container);
+      $selectionMarker.cssLeft(selectedItemBounds.x);
+      $selectionMarker.cssWidth(selectedItemBounds.width);
+    } else {
+      $selectionMarker.setVisible(false);
     }
+  }
 
+  _updateEllipsis() {
+    let ellipsis = this.tabArea.ellipsis;
+    ellipsis.setHidden(this.overflowTabs.length < 1);
     ellipsis.setText(this.overflowTabs.length + '');
+    this.visibleTabs.forEach(tabItem => tabItem.setOverflown(false));
+    this.overflowTabs.forEach(tabItem => tabItem.setOverflown(true));
     ellipsis.setChildActions(this.overflowTabs.map(tab => {
       let menu = _index__WEBPACK_IMPORTED_MODULE_0__.scout.create('Menu', {
         parent: ellipsis,
@@ -48317,38 +48340,21 @@ class TabAreaLayout extends _index__WEBPACK_IMPORTED_MODULE_0__.AbstractLayout {
       });
       return menu;
     }, this));
-
-    this._layoutSelectionMarker();
-  }
-
-  _layoutSelectionMarker() {
-    let $selectionMarker = this.tabArea.$selectionMarker,
-        selectedTab = this.tabArea.selectedTab,
-        selectedItemBounds;
-
-    if (selectedTab) {
-      $selectionMarker.setVisible(true);
-      selectedItemBounds = _index__WEBPACK_IMPORTED_MODULE_0__.graphics.bounds(selectedTab.$container);
-      $selectionMarker.cssLeft(selectedItemBounds.x);
-      $selectionMarker.cssWidth(selectedItemBounds.width);
-    } else {
-      $selectionMarker.setVisible(false);
-    }
   }
 
   preferredLayoutSize($container, options) {
     let htmlComp = _index__WEBPACK_IMPORTED_MODULE_0__.HtmlComponent.get($container),
         prefSize = new _index__WEBPACK_IMPORTED_MODULE_0__.Dimension(0, 0),
-        prefWidth = Number.MAX_VALUE,
-        visibleTabItems = this.tabArea.visibleTabs(),
-        overflowableIndexes = visibleTabItems.map((tabItem, index) => {
+        prefWidth = Number.MAX_VALUE;
+    this.visibleTabs = this.tabArea.visibleTabs();
+    let overflowableIndexes = this.visibleTabs.map((tabItem, index) => {
       if (tabItem.selected) {
         return -1;
       }
 
       return index;
     }).filter(index => index >= 0);
-    this.overflowTabs = []; // consider avoid falsy 0 in tabboxes a 0 withHint will be used to calculate the minimum width
+    this.overflowTabs = []; // consider avoid falsy 0 in tab-boxes a 0 withHint will be used to calculate the minimum width
 
     if (options.widthHint === 0 || options.widthHint) {
       prefWidth = options.widthHint - htmlComp.insets().horizontal();
@@ -48356,26 +48362,28 @@ class TabAreaLayout extends _index__WEBPACK_IMPORTED_MODULE_0__.AbstractLayout {
 
 
     if (prefWidth <= 0) {
-      return this._minSize(visibleTabItems).add(htmlComp.insets());
+      return this._minSize(this.visibleTabs).add(htmlComp.insets());
     }
 
-    let overflowIndex = -1;
+    this._setFirstLastMarker(this.visibleTabs);
 
-    this._setFirstLastMarker(visibleTabItems);
+    this._updateEllipsis();
 
-    prefSize = this._prefSize(visibleTabItems);
+    prefSize = this._prefSize(this.visibleTabs);
 
     while (prefSize.width > prefWidth && overflowableIndexes.length > 0) {
-      overflowIndex = overflowableIndexes.splice(-1)[0];
-      this.overflowTabs.splice(0, 0, visibleTabItems[overflowIndex]);
-      visibleTabItems.splice(overflowIndex, 1);
+      let overflowIndex = overflowableIndexes.splice(-1)[0];
+      this.overflowTabs.splice(0, 0, this.visibleTabs[overflowIndex]);
+      this.visibleTabs.splice(overflowIndex, 1);
 
-      this._setFirstLastMarker(visibleTabItems);
+      this._setFirstLastMarker(this.visibleTabs);
 
-      prefSize = this._prefSize(visibleTabItems);
-    }
+      this._updateEllipsis(); // update ellipsis here already so that the prefSize on the next line is correct
+
+
+      prefSize = this._prefSize(this.visibleTabs);
+    } // Use the total available space if spreading tabs evenly.
 
-    this.visibleTabs = visibleTabItems; // Use the total available space if spreading tabs evenly.
 
     if (this.tabArea.displayStyle === _index__WEBPACK_IMPORTED_MODULE_0__.TabArea.DisplayStyle.SPREAD_EVEN) {
       return _index__WEBPACK_IMPORTED_MODULE_0__.graphics.prefSize($container, options);
@@ -48385,8 +48393,7 @@ class TabAreaLayout extends _index__WEBPACK_IMPORTED_MODULE_0__.AbstractLayout {
   }
 
   _minSize(tabItems) {
-    let visibleTabItems = [],
-        prefSize;
+    let visibleTabItems = [];
     this.overflowTabs = tabItems.filter(tabItem => {
       if (tabItem.selected) {
         visibleTabItems.push(tabItem);
@@ -48399,21 +48406,20 @@ class TabAreaLayout extends _index__WEBPACK_IMPORTED_MODULE_0__.AbstractLayout {
 
     this._setFirstLastMarker(visibleTabItems);
 
-    prefSize = this._prefSize(visibleTabItems);
-    return prefSize;
+    return this._prefSize(visibleTabItems);
   }
 
   _prefSize(tabItems, considerEllipsis) {
-    let prefSize = tabItems.map(tabItem => this._tabItemSize(tabItem.htmlComp)).reduce((prefSize, itemSize) => {
+    let prefSize = tabItems.map(tabItem => this._tabItemSize(tabItem)).reduce((prefSize, itemSize) => {
       prefSize.height = Math.max(prefSize.height, itemSize.height);
       prefSize.width += itemSize.width;
       return prefSize;
-    }, new _index__WEBPACK_IMPORTED_MODULE_0__.Dimension(0, 0)),
-        ellipsisSize = new _index__WEBPACK_IMPORTED_MODULE_0__.Dimension(0, 0);
+    }, new _index__WEBPACK_IMPORTED_MODULE_0__.Dimension(0, 0));
     considerEllipsis = _index__WEBPACK_IMPORTED_MODULE_0__.scout.nvl(considerEllipsis, this.overflowTabs.length > 0);
 
     if (considerEllipsis) {
-      ellipsisSize = this._tabItemSize(this.tabArea.ellipsis.htmlComp);
+      let ellipsisSize = this._tabItemSize(this.tabArea.ellipsis);
+
       prefSize.height = Math.max(prefSize.height, ellipsisSize.height);
       prefSize.width += ellipsisSize.width;
     }
@@ -48440,8 +48446,9 @@ class TabAreaLayout extends _index__WEBPACK_IMPORTED_MODULE_0__.AbstractLayout {
     }
   }
 
-  _tabItemSize(htmlComp) {
-    let prefSize,
+  _tabItemSize(item) {
+    let htmlComp = item.htmlComp,
+        prefSize,
         classList = htmlComp.$comp.attr('class'); // temporarily revert display style to default. otherwise the pref size of the tab item will be the size of the container.
 
     if (this.tabArea.displayStyle === _index__WEBPACK_IMPORTED_MODULE_0__.TabArea.DisplayStyle.SPREAD_EVEN) {
@@ -48453,6 +48460,27 @@ class TabAreaLayout extends _index__WEBPACK_IMPORTED_MODULE_0__.AbstractLayout {
     prefSize = htmlComp.prefSize({
       exact: true
     }).add(_index__WEBPACK_IMPORTED_MODULE_0__.graphics.margins(htmlComp.$comp));
+
+    if (item.fieldStatus && item.fieldStatus.htmlComp) {
+      let statusOverflownAndHidden = item.overflown && !item.fieldStatus.visible;
+
+      if (statusOverflownAndHidden) {
+        // overflown tabs have no fieldStatus: explicitly set to visible so that the real consumed space can be computed
+        item.fieldStatus.setVisible(true);
+      }
+
+      let statusWidth = item.fieldStatus.htmlComp.prefSize({
+        includeMargin: true
+      }).width;
+
+      if (statusOverflownAndHidden) {
+        // restore
+        item.fieldStatus.setVisible(false);
+      }
+
+      prefSize.width += statusWidth;
+    }
+
     htmlComp.$comp.attrOrRemove('class', classList);
 
     if (this.tabArea.displayStyle === _index__WEBPACK_IMPORTED_MODULE_0__.TabArea.DisplayStyle.SPREAD_EVEN) {
@@ -48600,7 +48628,6 @@ class TabBox extends _index__WEBPACK_IMPORTED_MODULE_0__.CompositeField {
     this._addPreserveOnPropertyChangeProperties(['selectedTab']);
 
     this._tabBoxHeaderPropertyChangeHander = this._onTabBoxHeaderPropertyChange.bind(this);
-    this._selectedTabScrollTopChangeHandler = this._updateScrollShadow.bind(this);
   }
   /**
    * @override FormField.js
@@ -48754,17 +48781,19 @@ class TabBox extends _index__WEBPACK_IMPORTED_MODULE_0__.CompositeField {
   _renderSelectedTab() {
     if (this.selectedTab) {
       this.selectedTab.render(this._$tabContent);
-      this.selectedTab.on('propertyChange:scrollTop', this._selectedTabScrollTopChangeHandler);
+      this.selectedTab.get$Scrollable().data('scroll-shadow-customizer', this._updateScrollShadow.bind(this));
     }
 
     if (this.rendered) {
+      this._updateScrollShadow();
+
       _index__WEBPACK_IMPORTED_MODULE_0__.HtmlComponent.get(this._$tabContent).invalidateLayoutTree();
     }
   }
 
   _removeSelectedTab() {
     if (this.selectedTab) {
-      this.selectedTab.off('propertyChange:scrollTop', this._selectedTabScrollTopChangeHandler);
+      this.selectedTab.get$Scrollable().removeData('scroll-shadow-customizer');
       this.selectedTab.remove();
     }
   }
@@ -48779,13 +48808,11 @@ class TabBox extends _index__WEBPACK_IMPORTED_MODULE_0__.CompositeField {
     this.$container.toggleClass('has-scroll-shadow-top', hasScrollShadowTop);
 
     if (oldHasScrollShadowTop !== hasScrollShadowTop) {
-      this.invalidateLayout();
+      this.invalidateLayoutTree(false);
     } // Enlarge header line if there is a shadow, but only if there is a header (controlled by labelVisible)
 
 
-    _index__WEBPACK_IMPORTED_MODULE_0__.fields.adjustStatusPositionForScrollShadow(this, () => hasScrollShadowTop && this.labelVisible); // Prevent flickering of status icon
-
-    this.validateLayout();
+    _index__WEBPACK_IMPORTED_MODULE_0__.fields.adjustStatusPositionForScrollShadow(this, () => hasScrollShadowTop && this.labelVisible);
   }
 
   setTabAreaStyle(tabAreaStyle) {
@@ -49071,7 +49098,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../index */ "./src/index.js");
 /*
- * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
@@ -49106,21 +49133,20 @@ class TabBoxHeaderLayout extends _index__WEBPACK_IMPORTED_MODULE_0__.AbstractLay
   }
 
   layout($container) {
-    //
     let htmlContainer = _index__WEBPACK_IMPORTED_MODULE_0__.HtmlComponent.get($container),
         tabArea = this.tabBoxHeader.tabArea,
         tabAreaMargins = tabArea.htmlComp.margins(),
         tabAreaPrefSize,
         menuBar = this.tabBoxHeader.menuBar,
         menuBarMargins = menuBar.htmlComp.margins(),
-        menuBarMinumumSize,
+        menuBarMinimumSize,
         $status = this.tabBoxHeader.tabBox.$status,
         statusSizeLarge = new _index__WEBPACK_IMPORTED_MODULE_0__.Dimension(),
         insets = htmlContainer.insets(),
         containerSize = htmlContainer.availableSize({
       exact: true
     }).subtract(htmlContainer.insets());
-    menuBarMinumumSize = menuBar.htmlComp.prefSize({
+    menuBarMinimumSize = menuBar.htmlComp.prefSize({
       widthHint: 0
     });
 
@@ -49130,7 +49156,7 @@ class TabBoxHeaderLayout extends _index__WEBPACK_IMPORTED_MODULE_0__.AbstractLay
     }
 
     tabAreaPrefSize = tabArea.htmlComp.prefSize({
-      widthHint: containerSize.width - menuBarMinumumSize.width - menuBarMargins.horizontal() - statusSizeLarge.width,
+      widthHint: containerSize.width - menuBarMinimumSize.width - menuBarMargins.horizontal() - statusSizeLarge.width,
       exact: false
     }); // layout tabArea
 
@@ -52394,7 +52420,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! jquery */ "jquery");
 /* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_1__);
 /*
- * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
@@ -52415,7 +52441,7 @@ class GlassPane extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
     this.$parent.addClass('glasspane-parent');
     let cssPosition = this.$parent.css('position');
 
-    if (!_index__WEBPACK_IMPORTED_MODULE_0__.scout.isOneOf(cssPosition, 'relative', 'absolute')) {
+    if (cssPosition === 'static') {
       this.$parent.css('position', 'relative');
     } // Register 'glassPaneTarget' in focus manager.
 
@@ -54663,93 +54689,94 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "FormFieldTileAdapter": () => (/* reexport safe */ _tile_fields_FormFieldTileAdapter__WEBPACK_IMPORTED_MODULE_594__["default"]),
 /* harmony export */   "ButtonTile": () => (/* reexport safe */ _tile_fields_button_ButtonTile__WEBPACK_IMPORTED_MODULE_595__["default"]),
 /* harmony export */   "TileButton": () => (/* reexport safe */ _tile_fields_button_TileButton__WEBPACK_IMPORTED_MODULE_596__["default"]),
-/* harmony export */   "TileTableField": () => (/* reexport safe */ _tile_fields_tablefield_TileTableField__WEBPACK_IMPORTED_MODULE_597__["default"]),
-/* harmony export */   "SimpleTab": () => (/* reexport safe */ _tabbox_SimpleTab__WEBPACK_IMPORTED_MODULE_598__["default"]),
-/* harmony export */   "SimpleTabArea": () => (/* reexport safe */ _tabbox_SimpleTabArea__WEBPACK_IMPORTED_MODULE_599__["default"]),
-/* harmony export */   "SimpleTabAreaLayout": () => (/* reexport safe */ _tabbox_SimpleTabAreaLayout__WEBPACK_IMPORTED_MODULE_600__["default"]),
-/* harmony export */   "Desktop": () => (/* reexport safe */ _desktop_Desktop__WEBPACK_IMPORTED_MODULE_601__["default"]),
-/* harmony export */   "DesktopAdapter": () => (/* reexport safe */ _desktop_DesktopAdapter__WEBPACK_IMPORTED_MODULE_602__["default"]),
-/* harmony export */   "DesktopLogo": () => (/* reexport safe */ _desktop_DesktopLogo__WEBPACK_IMPORTED_MODULE_603__["default"]),
-/* harmony export */   "DesktopLayout": () => (/* reexport safe */ _desktop_DesktopLayout__WEBPACK_IMPORTED_MODULE_604__["default"]),
-/* harmony export */   "DesktopTab": () => (/* reexport safe */ _desktop_desktoptab_DesktopTab__WEBPACK_IMPORTED_MODULE_605__["default"]),
-/* harmony export */   "DesktopTabArea": () => (/* reexport safe */ _desktop_desktoptab_DesktopTabArea__WEBPACK_IMPORTED_MODULE_606__["default"]),
-/* harmony export */   "DesktopTabAreaLayout": () => (/* reexport safe */ _desktop_desktoptab_DesktopTabAreaLayout__WEBPACK_IMPORTED_MODULE_607__["default"]),
-/* harmony export */   "DesktopTabBoxController": () => (/* reexport safe */ _desktop_DesktopTabBoxController__WEBPACK_IMPORTED_MODULE_608__["default"]),
-/* harmony export */   "DesktopTabSelectKeyStroke": () => (/* reexport safe */ _desktop_bench_DesktopTabSelectKeyStroke__WEBPACK_IMPORTED_MODULE_609__["default"]),
-/* harmony export */   "DisableBrowserF5ReloadKeyStroke": () => (/* reexport safe */ _desktop_DisableBrowserF5ReloadKeyStroke__WEBPACK_IMPORTED_MODULE_610__["default"]),
-/* harmony export */   "PopupWindow": () => (/* reexport safe */ _desktop_PopupWindow__WEBPACK_IMPORTED_MODULE_611__["default"]),
-/* harmony export */   "OpenUriHandler": () => (/* reexport safe */ _desktop_OpenUriHandler__WEBPACK_IMPORTED_MODULE_612__["default"]),
-/* harmony export */   "DesktopBench": () => (/* reexport safe */ _desktop_bench_DesktopBench__WEBPACK_IMPORTED_MODULE_613__["default"]),
-/* harmony export */   "BenchColumn": () => (/* reexport safe */ _desktop_bench_BenchColumn__WEBPACK_IMPORTED_MODULE_614__["default"]),
-/* harmony export */   "BenchRowLayoutData": () => (/* reexport safe */ _desktop_bench_layout_BenchRowLayoutData__WEBPACK_IMPORTED_MODULE_615__["default"]),
-/* harmony export */   "BenchColumnLayoutData": () => (/* reexport safe */ _desktop_bench_layout_BenchColumnLayoutData__WEBPACK_IMPORTED_MODULE_616__["default"]),
-/* harmony export */   "DisableBrowserTabSwitchingKeyStroke": () => (/* reexport safe */ _desktop_desktoptab_DisableBrowserTabSwitchingKeyStroke__WEBPACK_IMPORTED_MODULE_617__["default"]),
-/* harmony export */   "DesktopHeader": () => (/* reexport safe */ _desktop_header_DesktopHeader__WEBPACK_IMPORTED_MODULE_618__["default"]),
-/* harmony export */   "HeaderTabBoxController": () => (/* reexport safe */ _desktop_header_HeaderTabBoxController__WEBPACK_IMPORTED_MODULE_619__["default"]),
-/* harmony export */   "DesktopHeaderLayout": () => (/* reexport safe */ _desktop_header_DesktopHeaderLayout__WEBPACK_IMPORTED_MODULE_620__["default"]),
-/* harmony export */   "DesktopNavigation": () => (/* reexport safe */ _desktop_navigation_DesktopNavigation__WEBPACK_IMPORTED_MODULE_621__["default"]),
-/* harmony export */   "DesktopNavigationHandle": () => (/* reexport safe */ _desktop_navigation_DesktopNavigationHandle__WEBPACK_IMPORTED_MODULE_622__["default"]),
-/* harmony export */   "DesktopNavigationLayout": () => (/* reexport safe */ _desktop_navigation_DesktopNavigationLayout__WEBPACK_IMPORTED_MODULE_623__["default"]),
-/* harmony export */   "ShrinkNavigationKeyStroke": () => (/* reexport safe */ _desktop_navigation_ShrinkNavigationKeyStroke__WEBPACK_IMPORTED_MODULE_624__["default"]),
-/* harmony export */   "EnlargeNavigationKeyStroke": () => (/* reexport safe */ _desktop_navigation_EnlargeNavigationKeyStroke__WEBPACK_IMPORTED_MODULE_625__["default"]),
-/* harmony export */   "DesktopNotification": () => (/* reexport safe */ _desktop_notification_DesktopNotification__WEBPACK_IMPORTED_MODULE_626__["default"]),
-/* harmony export */   "DesktopNotificationAdapter": () => (/* reexport safe */ _desktop_notification_DesktopNotificationAdapter__WEBPACK_IMPORTED_MODULE_627__["default"]),
-/* harmony export */   "OfflineDesktopNotification": () => (/* reexport safe */ _desktop_notification_OfflineDesktopNotification__WEBPACK_IMPORTED_MODULE_628__["default"]),
-/* harmony export */   "PopupBlockerHandler": () => (/* reexport safe */ _desktop_popupblocker_PopupBlockerHandler__WEBPACK_IMPORTED_MODULE_629__["default"]),
-/* harmony export */   "PopupBlockerDesktopNotification": () => (/* reexport safe */ _desktop_popupblocker_PopupBlockerDesktopNotification__WEBPACK_IMPORTED_MODULE_630__["default"]),
-/* harmony export */   "DesktopToolBox": () => (/* reexport safe */ _desktop_toolbox_DesktopToolBox__WEBPACK_IMPORTED_MODULE_631__["default"]),
-/* harmony export */   "ViewButtonActionKeyStroke": () => (/* reexport safe */ _desktop_viewbutton_ViewButtonActionKeyStroke__WEBPACK_IMPORTED_MODULE_632__["default"]),
-/* harmony export */   "ViewButton": () => (/* reexport safe */ _desktop_viewbutton_ViewButton__WEBPACK_IMPORTED_MODULE_633__["default"]),
-/* harmony export */   "ViewButtonAdapter": () => (/* reexport safe */ _desktop_viewbutton_ViewButtonAdapter__WEBPACK_IMPORTED_MODULE_634__["default"]),
-/* harmony export */   "ViewButtonBox": () => (/* reexport safe */ _desktop_viewbutton_ViewButtonBox__WEBPACK_IMPORTED_MODULE_635__["default"]),
-/* harmony export */   "ViewMenuOpenKeyStroke": () => (/* reexport safe */ _desktop_viewbutton_ViewMenuOpenKeyStroke__WEBPACK_IMPORTED_MODULE_636__["default"]),
-/* harmony export */   "ViewMenuPopup": () => (/* reexport safe */ _desktop_viewbutton_ViewMenuPopup__WEBPACK_IMPORTED_MODULE_637__["default"]),
-/* harmony export */   "ViewMenuPopupEnterKeyStroke": () => (/* reexport safe */ _desktop_viewbutton_ViewMenuPopupEnterKeyStroke__WEBPACK_IMPORTED_MODULE_638__["default"]),
-/* harmony export */   "ViewMenuTab": () => (/* reexport safe */ _desktop_viewbutton_ViewMenuTab__WEBPACK_IMPORTED_MODULE_639__["default"]),
-/* harmony export */   "Page": () => (/* reexport safe */ _desktop_outline_pages_Page__WEBPACK_IMPORTED_MODULE_640__["default"]),
-/* harmony export */   "PageWithNodes": () => (/* reexport safe */ _desktop_outline_pages_PageWithNodes__WEBPACK_IMPORTED_MODULE_641__["default"]),
-/* harmony export */   "PageWithTable": () => (/* reexport safe */ _desktop_outline_pages_PageWithTable__WEBPACK_IMPORTED_MODULE_642__["default"]),
-/* harmony export */   "PageTileButton": () => (/* reexport safe */ _desktop_outline_pages_PageTileButton__WEBPACK_IMPORTED_MODULE_643__["default"]),
-/* harmony export */   "PageTileGrid": () => (/* reexport safe */ _desktop_outline_pages_PageTileGrid__WEBPACK_IMPORTED_MODULE_644__["default"]),
-/* harmony export */   "PageTileGridSelectKeyStroke": () => (/* reexport safe */ _desktop_outline_pages_PageTileGridSelectKeyStroke__WEBPACK_IMPORTED_MODULE_645__["default"]),
-/* harmony export */   "AutoLeafPageWithNodes": () => (/* reexport safe */ _desktop_outline_pages_AutoLeafPageWithNodes__WEBPACK_IMPORTED_MODULE_646__["default"]),
-/* harmony export */   "DetailTableTreeFilter": () => (/* reexport safe */ _desktop_outline_DetailTableTreeFilter__WEBPACK_IMPORTED_MODULE_647__["default"]),
-/* harmony export */   "Outline": () => (/* reexport safe */ _desktop_outline_Outline__WEBPACK_IMPORTED_MODULE_648__["default"]),
-/* harmony export */   "OutlineAdapter": () => (/* reexport safe */ _desktop_outline_OutlineAdapter__WEBPACK_IMPORTED_MODULE_649__["default"]),
-/* harmony export */   "OutlineMediator": () => (/* reexport safe */ _desktop_outline_OutlineMediator__WEBPACK_IMPORTED_MODULE_650__["default"]),
-/* harmony export */   "OutlineLayout": () => (/* reexport safe */ _desktop_outline_OutlineLayout__WEBPACK_IMPORTED_MODULE_651__["default"]),
-/* harmony export */   "OutlineViewButton": () => (/* reexport safe */ _desktop_outline_OutlineViewButton__WEBPACK_IMPORTED_MODULE_652__["default"]),
-/* harmony export */   "OutlineViewButtonAdapter": () => (/* reexport safe */ _desktop_outline_OutlineViewButtonAdapter__WEBPACK_IMPORTED_MODULE_653__["default"]),
-/* harmony export */   "OutlineTileField": () => (/* reexport safe */ _desktop_outline_OutlineTileField__WEBPACK_IMPORTED_MODULE_654__["default"]),
-/* harmony export */   "OutlineTileFieldAdapter": () => (/* reexport safe */ _desktop_outline_OutlineTileFieldAdapter__WEBPACK_IMPORTED_MODULE_655__["default"]),
-/* harmony export */   "PageLayout": () => (/* reexport safe */ _desktop_outline_PageLayout__WEBPACK_IMPORTED_MODULE_656__["default"]),
-/* harmony export */   "SearchOutline": () => (/* reexport safe */ _desktop_outline_SearchOutline__WEBPACK_IMPORTED_MODULE_657__["default"]),
-/* harmony export */   "SearchOutlineAdapter": () => (/* reexport safe */ _desktop_outline_SearchOutlineAdapter__WEBPACK_IMPORTED_MODULE_658__["default"]),
-/* harmony export */   "SearchOutlineLayout": () => (/* reexport safe */ _desktop_outline_SearchOutlineLayout__WEBPACK_IMPORTED_MODULE_659__["default"]),
-/* harmony export */   "NavigateButton": () => (/* reexport safe */ _desktop_outline_navigation_NavigateButton__WEBPACK_IMPORTED_MODULE_660__["default"]),
-/* harmony export */   "NavigateDownButton": () => (/* reexport safe */ _desktop_outline_navigation_NavigateDownButton__WEBPACK_IMPORTED_MODULE_661__["default"]),
-/* harmony export */   "NavigateUpButton": () => (/* reexport safe */ _desktop_outline_navigation_NavigateUpButton__WEBPACK_IMPORTED_MODULE_662__["default"]),
-/* harmony export */   "OutlineKeyStrokeContext": () => (/* reexport safe */ _desktop_outline_keystrokes_OutlineKeyStrokeContext__WEBPACK_IMPORTED_MODULE_663__["default"]),
-/* harmony export */   "OutlineNavigateToTopKeyStroke": () => (/* reexport safe */ _desktop_outline_keystrokes_OutlineNavigateToTopKeyStroke__WEBPACK_IMPORTED_MODULE_664__["default"]),
-/* harmony export */   "OutlineOverview": () => (/* reexport safe */ _desktop_outline_overview_OutlineOverview__WEBPACK_IMPORTED_MODULE_665__["default"]),
-/* harmony export */   "TileOutlineOverview": () => (/* reexport safe */ _desktop_outline_overview_TileOutlineOverview__WEBPACK_IMPORTED_MODULE_666__["default"]),
-/* harmony export */   "DesktopFormController": () => (/* reexport safe */ _desktop_DesktopFormController__WEBPACK_IMPORTED_MODULE_667__["default"]),
-/* harmony export */   "FilterFieldsGroupBox": () => (/* reexport safe */ _table_FilterFieldsGroupBox__WEBPACK_IMPORTED_MODULE_668__["default"]),
-/* harmony export */   "Resizable": () => (/* reexport safe */ _resizable_Resizable__WEBPACK_IMPORTED_MODULE_669__["default"]),
-/* harmony export */   "UnsavedFormChangesForm": () => (/* reexport safe */ _desktop_unsavedchanges_UnsavedFormChangesForm__WEBPACK_IMPORTED_MODULE_670__["default"]),
-/* harmony export */   "UnsavedFormsLookupCall": () => (/* reexport safe */ _desktop_unsavedchanges_UnsavedFormsLookupCall__WEBPACK_IMPORTED_MODULE_671__["default"]),
-/* harmony export */   "TileTableHeaderBox": () => (/* reexport safe */ _table_TileTableHeaderBox__WEBPACK_IMPORTED_MODULE_672__["default"]),
-/* harmony export */   "LoginApp": () => (/* reexport safe */ _login_LoginApp__WEBPACK_IMPORTED_MODULE_673__["default"]),
-/* harmony export */   "LoginBox": () => (/* reexport safe */ _login_LoginBox__WEBPACK_IMPORTED_MODULE_674__["default"]),
-/* harmony export */   "LogoutApp": () => (/* reexport safe */ _login_LogoutApp__WEBPACK_IMPORTED_MODULE_675__["default"]),
-/* harmony export */   "LogoutBox": () => (/* reexport safe */ _login_LogoutBox__WEBPACK_IMPORTED_MODULE_676__["default"]),
-/* harmony export */   "BreadcrumbItem": () => (/* reexport safe */ _breadcrumbbar_BreadcrumbItem__WEBPACK_IMPORTED_MODULE_677__["default"]),
-/* harmony export */   "BreadcrumbItemAdapter": () => (/* reexport safe */ _breadcrumbbar_BreadcrumbItemAdapter__WEBPACK_IMPORTED_MODULE_678__["default"]),
-/* harmony export */   "BreadcrumbBar": () => (/* reexport safe */ _breadcrumbbar_BreadcrumbBar__WEBPACK_IMPORTED_MODULE_679__["default"]),
-/* harmony export */   "BreadcrumbBarLayout": () => (/* reexport safe */ _breadcrumbbar_BreadcrumbBarLayout__WEBPACK_IMPORTED_MODULE_680__["default"]),
-/* harmony export */   "BreadcrumbBarAdapter": () => (/* reexport safe */ _breadcrumbbar_BreadcrumbBarAdapter__WEBPACK_IMPORTED_MODULE_681__["default"]),
-/* harmony export */   "BreadcrumbBarField": () => (/* reexport safe */ _form_fields_breadcrumbbarfield_BreadcrumbBarField__WEBPACK_IMPORTED_MODULE_682__["default"]),
-/* harmony export */   "BreadcrumbBarFieldAdapter": () => (/* reexport safe */ _form_fields_breadcrumbbarfield_BreadcrumbBarFieldAdapter__WEBPACK_IMPORTED_MODULE_683__["default"]),
+/* harmony export */   "TileHtmlField": () => (/* reexport safe */ _tile_fields_htmlfield_TileHtmlField__WEBPACK_IMPORTED_MODULE_597__["default"]),
+/* harmony export */   "TileTableField": () => (/* reexport safe */ _tile_fields_tablefield_TileTableField__WEBPACK_IMPORTED_MODULE_598__["default"]),
+/* harmony export */   "SimpleTab": () => (/* reexport safe */ _tabbox_SimpleTab__WEBPACK_IMPORTED_MODULE_599__["default"]),
+/* harmony export */   "SimpleTabArea": () => (/* reexport safe */ _tabbox_SimpleTabArea__WEBPACK_IMPORTED_MODULE_600__["default"]),
+/* harmony export */   "SimpleTabAreaLayout": () => (/* reexport safe */ _tabbox_SimpleTabAreaLayout__WEBPACK_IMPORTED_MODULE_601__["default"]),
+/* harmony export */   "Desktop": () => (/* reexport safe */ _desktop_Desktop__WEBPACK_IMPORTED_MODULE_602__["default"]),
+/* harmony export */   "DesktopAdapter": () => (/* reexport safe */ _desktop_DesktopAdapter__WEBPACK_IMPORTED_MODULE_603__["default"]),
+/* harmony export */   "DesktopLogo": () => (/* reexport safe */ _desktop_DesktopLogo__WEBPACK_IMPORTED_MODULE_604__["default"]),
+/* harmony export */   "DesktopLayout": () => (/* reexport safe */ _desktop_DesktopLayout__WEBPACK_IMPORTED_MODULE_605__["default"]),
+/* harmony export */   "DesktopTab": () => (/* reexport safe */ _desktop_desktoptab_DesktopTab__WEBPACK_IMPORTED_MODULE_606__["default"]),
+/* harmony export */   "DesktopTabArea": () => (/* reexport safe */ _desktop_desktoptab_DesktopTabArea__WEBPACK_IMPORTED_MODULE_607__["default"]),
+/* harmony export */   "DesktopTabAreaLayout": () => (/* reexport safe */ _desktop_desktoptab_DesktopTabAreaLayout__WEBPACK_IMPORTED_MODULE_608__["default"]),
+/* harmony export */   "DesktopTabBoxController": () => (/* reexport safe */ _desktop_DesktopTabBoxController__WEBPACK_IMPORTED_MODULE_609__["default"]),
+/* harmony export */   "DesktopTabSelectKeyStroke": () => (/* reexport safe */ _desktop_bench_DesktopTabSelectKeyStroke__WEBPACK_IMPORTED_MODULE_610__["default"]),
+/* harmony export */   "DisableBrowserF5ReloadKeyStroke": () => (/* reexport safe */ _desktop_DisableBrowserF5ReloadKeyStroke__WEBPACK_IMPORTED_MODULE_611__["default"]),
+/* harmony export */   "PopupWindow": () => (/* reexport safe */ _desktop_PopupWindow__WEBPACK_IMPORTED_MODULE_612__["default"]),
+/* harmony export */   "OpenUriHandler": () => (/* reexport safe */ _desktop_OpenUriHandler__WEBPACK_IMPORTED_MODULE_613__["default"]),
+/* harmony export */   "DesktopBench": () => (/* reexport safe */ _desktop_bench_DesktopBench__WEBPACK_IMPORTED_MODULE_614__["default"]),
+/* harmony export */   "BenchColumn": () => (/* reexport safe */ _desktop_bench_BenchColumn__WEBPACK_IMPORTED_MODULE_615__["default"]),
+/* harmony export */   "BenchRowLayoutData": () => (/* reexport safe */ _desktop_bench_layout_BenchRowLayoutData__WEBPACK_IMPORTED_MODULE_616__["default"]),
+/* harmony export */   "BenchColumnLayoutData": () => (/* reexport safe */ _desktop_bench_layout_BenchColumnLayoutData__WEBPACK_IMPORTED_MODULE_617__["default"]),
+/* harmony export */   "DisableBrowserTabSwitchingKeyStroke": () => (/* reexport safe */ _desktop_desktoptab_DisableBrowserTabSwitchingKeyStroke__WEBPACK_IMPORTED_MODULE_618__["default"]),
+/* harmony export */   "DesktopHeader": () => (/* reexport safe */ _desktop_header_DesktopHeader__WEBPACK_IMPORTED_MODULE_619__["default"]),
+/* harmony export */   "HeaderTabBoxController": () => (/* reexport safe */ _desktop_header_HeaderTabBoxController__WEBPACK_IMPORTED_MODULE_620__["default"]),
+/* harmony export */   "DesktopHeaderLayout": () => (/* reexport safe */ _desktop_header_DesktopHeaderLayout__WEBPACK_IMPORTED_MODULE_621__["default"]),
+/* harmony export */   "DesktopNavigation": () => (/* reexport safe */ _desktop_navigation_DesktopNavigation__WEBPACK_IMPORTED_MODULE_622__["default"]),
+/* harmony export */   "DesktopNavigationHandle": () => (/* reexport safe */ _desktop_navigation_DesktopNavigationHandle__WEBPACK_IMPORTED_MODULE_623__["default"]),
+/* harmony export */   "DesktopNavigationLayout": () => (/* reexport safe */ _desktop_navigation_DesktopNavigationLayout__WEBPACK_IMPORTED_MODULE_624__["default"]),
+/* harmony export */   "ShrinkNavigationKeyStroke": () => (/* reexport safe */ _desktop_navigation_ShrinkNavigationKeyStroke__WEBPACK_IMPORTED_MODULE_625__["default"]),
+/* harmony export */   "EnlargeNavigationKeyStroke": () => (/* reexport safe */ _desktop_navigation_EnlargeNavigationKeyStroke__WEBPACK_IMPORTED_MODULE_626__["default"]),
+/* harmony export */   "DesktopNotification": () => (/* reexport safe */ _desktop_notification_DesktopNotification__WEBPACK_IMPORTED_MODULE_627__["default"]),
+/* harmony export */   "DesktopNotificationAdapter": () => (/* reexport safe */ _desktop_notification_DesktopNotificationAdapter__WEBPACK_IMPORTED_MODULE_628__["default"]),
+/* harmony export */   "OfflineDesktopNotification": () => (/* reexport safe */ _desktop_notification_OfflineDesktopNotification__WEBPACK_IMPORTED_MODULE_629__["default"]),
+/* harmony export */   "PopupBlockerHandler": () => (/* reexport safe */ _desktop_popupblocker_PopupBlockerHandler__WEBPACK_IMPORTED_MODULE_630__["default"]),
+/* harmony export */   "PopupBlockerDesktopNotification": () => (/* reexport safe */ _desktop_popupblocker_PopupBlockerDesktopNotification__WEBPACK_IMPORTED_MODULE_631__["default"]),
+/* harmony export */   "DesktopToolBox": () => (/* reexport safe */ _desktop_toolbox_DesktopToolBox__WEBPACK_IMPORTED_MODULE_632__["default"]),
+/* harmony export */   "ViewButtonActionKeyStroke": () => (/* reexport safe */ _desktop_viewbutton_ViewButtonActionKeyStroke__WEBPACK_IMPORTED_MODULE_633__["default"]),
+/* harmony export */   "ViewButton": () => (/* reexport safe */ _desktop_viewbutton_ViewButton__WEBPACK_IMPORTED_MODULE_634__["default"]),
+/* harmony export */   "ViewButtonAdapter": () => (/* reexport safe */ _desktop_viewbutton_ViewButtonAdapter__WEBPACK_IMPORTED_MODULE_635__["default"]),
+/* harmony export */   "ViewButtonBox": () => (/* reexport safe */ _desktop_viewbutton_ViewButtonBox__WEBPACK_IMPORTED_MODULE_636__["default"]),
+/* harmony export */   "ViewMenuOpenKeyStroke": () => (/* reexport safe */ _desktop_viewbutton_ViewMenuOpenKeyStroke__WEBPACK_IMPORTED_MODULE_637__["default"]),
+/* harmony export */   "ViewMenuPopup": () => (/* reexport safe */ _desktop_viewbutton_ViewMenuPopup__WEBPACK_IMPORTED_MODULE_638__["default"]),
+/* harmony export */   "ViewMenuPopupEnterKeyStroke": () => (/* reexport safe */ _desktop_viewbutton_ViewMenuPopupEnterKeyStroke__WEBPACK_IMPORTED_MODULE_639__["default"]),
+/* harmony export */   "ViewMenuTab": () => (/* reexport safe */ _desktop_viewbutton_ViewMenuTab__WEBPACK_IMPORTED_MODULE_640__["default"]),
+/* harmony export */   "Page": () => (/* reexport safe */ _desktop_outline_pages_Page__WEBPACK_IMPORTED_MODULE_641__["default"]),
+/* harmony export */   "PageWithNodes": () => (/* reexport safe */ _desktop_outline_pages_PageWithNodes__WEBPACK_IMPORTED_MODULE_642__["default"]),
+/* harmony export */   "PageWithTable": () => (/* reexport safe */ _desktop_outline_pages_PageWithTable__WEBPACK_IMPORTED_MODULE_643__["default"]),
+/* harmony export */   "PageTileButton": () => (/* reexport safe */ _desktop_outline_pages_PageTileButton__WEBPACK_IMPORTED_MODULE_644__["default"]),
+/* harmony export */   "PageTileGrid": () => (/* reexport safe */ _desktop_outline_pages_PageTileGrid__WEBPACK_IMPORTED_MODULE_645__["default"]),
+/* harmony export */   "PageTileGridSelectKeyStroke": () => (/* reexport safe */ _desktop_outline_pages_PageTileGridSelectKeyStroke__WEBPACK_IMPORTED_MODULE_646__["default"]),
+/* harmony export */   "AutoLeafPageWithNodes": () => (/* reexport safe */ _desktop_outline_pages_AutoLeafPageWithNodes__WEBPACK_IMPORTED_MODULE_647__["default"]),
+/* harmony export */   "DetailTableTreeFilter": () => (/* reexport safe */ _desktop_outline_DetailTableTreeFilter__WEBPACK_IMPORTED_MODULE_648__["default"]),
+/* harmony export */   "Outline": () => (/* reexport safe */ _desktop_outline_Outline__WEBPACK_IMPORTED_MODULE_649__["default"]),
+/* harmony export */   "OutlineAdapter": () => (/* reexport safe */ _desktop_outline_OutlineAdapter__WEBPACK_IMPORTED_MODULE_650__["default"]),
+/* harmony export */   "OutlineMediator": () => (/* reexport safe */ _desktop_outline_OutlineMediator__WEBPACK_IMPORTED_MODULE_651__["default"]),
+/* harmony export */   "OutlineLayout": () => (/* reexport safe */ _desktop_outline_OutlineLayout__WEBPACK_IMPORTED_MODULE_652__["default"]),
+/* harmony export */   "OutlineViewButton": () => (/* reexport safe */ _desktop_outline_OutlineViewButton__WEBPACK_IMPORTED_MODULE_653__["default"]),
+/* harmony export */   "OutlineViewButtonAdapter": () => (/* reexport safe */ _desktop_outline_OutlineViewButtonAdapter__WEBPACK_IMPORTED_MODULE_654__["default"]),
+/* harmony export */   "OutlineTileField": () => (/* reexport safe */ _desktop_outline_OutlineTileField__WEBPACK_IMPORTED_MODULE_655__["default"]),
+/* harmony export */   "OutlineTileFieldAdapter": () => (/* reexport safe */ _desktop_outline_OutlineTileFieldAdapter__WEBPACK_IMPORTED_MODULE_656__["default"]),
+/* harmony export */   "PageLayout": () => (/* reexport safe */ _desktop_outline_PageLayout__WEBPACK_IMPORTED_MODULE_657__["default"]),
+/* harmony export */   "SearchOutline": () => (/* reexport safe */ _desktop_outline_SearchOutline__WEBPACK_IMPORTED_MODULE_658__["default"]),
+/* harmony export */   "SearchOutlineAdapter": () => (/* reexport safe */ _desktop_outline_SearchOutlineAdapter__WEBPACK_IMPORTED_MODULE_659__["default"]),
+/* harmony export */   "SearchOutlineLayout": () => (/* reexport safe */ _desktop_outline_SearchOutlineLayout__WEBPACK_IMPORTED_MODULE_660__["default"]),
+/* harmony export */   "NavigateButton": () => (/* reexport safe */ _desktop_outline_navigation_NavigateButton__WEBPACK_IMPORTED_MODULE_661__["default"]),
+/* harmony export */   "NavigateDownButton": () => (/* reexport safe */ _desktop_outline_navigation_NavigateDownButton__WEBPACK_IMPORTED_MODULE_662__["default"]),
+/* harmony export */   "NavigateUpButton": () => (/* reexport safe */ _desktop_outline_navigation_NavigateUpButton__WEBPACK_IMPORTED_MODULE_663__["default"]),
+/* harmony export */   "OutlineKeyStrokeContext": () => (/* reexport safe */ _desktop_outline_keystrokes_OutlineKeyStrokeContext__WEBPACK_IMPORTED_MODULE_664__["default"]),
+/* harmony export */   "OutlineNavigateToTopKeyStroke": () => (/* reexport safe */ _desktop_outline_keystrokes_OutlineNavigateToTopKeyStroke__WEBPACK_IMPORTED_MODULE_665__["default"]),
+/* harmony export */   "OutlineOverview": () => (/* reexport safe */ _desktop_outline_overview_OutlineOverview__WEBPACK_IMPORTED_MODULE_666__["default"]),
+/* harmony export */   "TileOutlineOverview": () => (/* reexport safe */ _desktop_outline_overview_TileOutlineOverview__WEBPACK_IMPORTED_MODULE_667__["default"]),
+/* harmony export */   "DesktopFormController": () => (/* reexport safe */ _desktop_DesktopFormController__WEBPACK_IMPORTED_MODULE_668__["default"]),
+/* harmony export */   "FilterFieldsGroupBox": () => (/* reexport safe */ _table_FilterFieldsGroupBox__WEBPACK_IMPORTED_MODULE_669__["default"]),
+/* harmony export */   "Resizable": () => (/* reexport safe */ _resizable_Resizable__WEBPACK_IMPORTED_MODULE_670__["default"]),
+/* harmony export */   "UnsavedFormChangesForm": () => (/* reexport safe */ _desktop_unsavedchanges_UnsavedFormChangesForm__WEBPACK_IMPORTED_MODULE_671__["default"]),
+/* harmony export */   "UnsavedFormsLookupCall": () => (/* reexport safe */ _desktop_unsavedchanges_UnsavedFormsLookupCall__WEBPACK_IMPORTED_MODULE_672__["default"]),
+/* harmony export */   "TileTableHeaderBox": () => (/* reexport safe */ _table_TileTableHeaderBox__WEBPACK_IMPORTED_MODULE_673__["default"]),
+/* harmony export */   "LoginApp": () => (/* reexport safe */ _login_LoginApp__WEBPACK_IMPORTED_MODULE_674__["default"]),
+/* harmony export */   "LoginBox": () => (/* reexport safe */ _login_LoginBox__WEBPACK_IMPORTED_MODULE_675__["default"]),
+/* harmony export */   "LogoutApp": () => (/* reexport safe */ _login_LogoutApp__WEBPACK_IMPORTED_MODULE_676__["default"]),
+/* harmony export */   "LogoutBox": () => (/* reexport safe */ _login_LogoutBox__WEBPACK_IMPORTED_MODULE_677__["default"]),
+/* harmony export */   "BreadcrumbItem": () => (/* reexport safe */ _breadcrumbbar_BreadcrumbItem__WEBPACK_IMPORTED_MODULE_678__["default"]),
+/* harmony export */   "BreadcrumbItemAdapter": () => (/* reexport safe */ _breadcrumbbar_BreadcrumbItemAdapter__WEBPACK_IMPORTED_MODULE_679__["default"]),
+/* harmony export */   "BreadcrumbBar": () => (/* reexport safe */ _breadcrumbbar_BreadcrumbBar__WEBPACK_IMPORTED_MODULE_680__["default"]),
+/* harmony export */   "BreadcrumbBarLayout": () => (/* reexport safe */ _breadcrumbbar_BreadcrumbBarLayout__WEBPACK_IMPORTED_MODULE_681__["default"]),
+/* harmony export */   "BreadcrumbBarAdapter": () => (/* reexport safe */ _breadcrumbbar_BreadcrumbBarAdapter__WEBPACK_IMPORTED_MODULE_682__["default"]),
+/* harmony export */   "BreadcrumbBarField": () => (/* reexport safe */ _form_fields_breadcrumbbarfield_BreadcrumbBarField__WEBPACK_IMPORTED_MODULE_683__["default"]),
+/* harmony export */   "BreadcrumbBarFieldAdapter": () => (/* reexport safe */ _form_fields_breadcrumbbarfield_BreadcrumbBarFieldAdapter__WEBPACK_IMPORTED_MODULE_684__["default"]),
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var _scout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./scout */ "./src/scout.js");
@@ -55349,101 +55376,102 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _tile_fields_FormFieldTileAdapter__WEBPACK_IMPORTED_MODULE_594__ = __webpack_require__(/*! ./tile/fields/FormFieldTileAdapter */ "./src/tile/fields/FormFieldTileAdapter.js");
 /* harmony import */ var _tile_fields_button_ButtonTile__WEBPACK_IMPORTED_MODULE_595__ = __webpack_require__(/*! ./tile/fields/button/ButtonTile */ "./src/tile/fields/button/ButtonTile.js");
 /* harmony import */ var _tile_fields_button_TileButton__WEBPACK_IMPORTED_MODULE_596__ = __webpack_require__(/*! ./tile/fields/button/TileButton */ "./src/tile/fields/button/TileButton.js");
-/* harmony import */ var _tile_fields_tablefield_TileTableField__WEBPACK_IMPORTED_MODULE_597__ = __webpack_require__(/*! ./tile/fields/tablefield/TileTableField */ "./src/tile/fields/tablefield/TileTableField.js");
-/* harmony import */ var _tabbox_SimpleTab__WEBPACK_IMPORTED_MODULE_598__ = __webpack_require__(/*! ./tabbox/SimpleTab */ "./src/tabbox/SimpleTab.js");
-/* harmony import */ var _tabbox_SimpleTabArea__WEBPACK_IMPORTED_MODULE_599__ = __webpack_require__(/*! ./tabbox/SimpleTabArea */ "./src/tabbox/SimpleTabArea.js");
-/* harmony import */ var _tabbox_SimpleTabAreaLayout__WEBPACK_IMPORTED_MODULE_600__ = __webpack_require__(/*! ./tabbox/SimpleTabAreaLayout */ "./src/tabbox/SimpleTabAreaLayout.js");
-/* harmony import */ var _desktop_Desktop__WEBPACK_IMPORTED_MODULE_601__ = __webpack_require__(/*! ./desktop/Desktop */ "./src/desktop/Desktop.js");
-/* harmony import */ var _desktop_DesktopAdapter__WEBPACK_IMPORTED_MODULE_602__ = __webpack_require__(/*! ./desktop/DesktopAdapter */ "./src/desktop/DesktopAdapter.js");
-/* harmony import */ var _desktop_DesktopLogo__WEBPACK_IMPORTED_MODULE_603__ = __webpack_require__(/*! ./desktop/DesktopLogo */ "./src/desktop/DesktopLogo.js");
-/* harmony import */ var _desktop_DesktopLayout__WEBPACK_IMPORTED_MODULE_604__ = __webpack_require__(/*! ./desktop/DesktopLayout */ "./src/desktop/DesktopLayout.js");
-/* harmony import */ var _desktop_desktoptab_DesktopTab__WEBPACK_IMPORTED_MODULE_605__ = __webpack_require__(/*! ./desktop/desktoptab/DesktopTab */ "./src/desktop/desktoptab/DesktopTab.js");
-/* harmony import */ var _desktop_desktoptab_DesktopTabArea__WEBPACK_IMPORTED_MODULE_606__ = __webpack_require__(/*! ./desktop/desktoptab/DesktopTabArea */ "./src/desktop/desktoptab/DesktopTabArea.js");
-/* harmony import */ var _desktop_desktoptab_DesktopTabAreaLayout__WEBPACK_IMPORTED_MODULE_607__ = __webpack_require__(/*! ./desktop/desktoptab/DesktopTabAreaLayout */ "./src/desktop/desktoptab/DesktopTabAreaLayout.js");
-/* harmony import */ var _desktop_DesktopTabBoxController__WEBPACK_IMPORTED_MODULE_608__ = __webpack_require__(/*! ./desktop/DesktopTabBoxController */ "./src/desktop/DesktopTabBoxController.js");
-/* harmony import */ var _desktop_bench_DesktopTabSelectKeyStroke__WEBPACK_IMPORTED_MODULE_609__ = __webpack_require__(/*! ./desktop/bench/DesktopTabSelectKeyStroke */ "./src/desktop/bench/DesktopTabSelectKeyStroke.js");
-/* harmony import */ var _desktop_DisableBrowserF5ReloadKeyStroke__WEBPACK_IMPORTED_MODULE_610__ = __webpack_require__(/*! ./desktop/DisableBrowserF5ReloadKeyStroke */ "./src/desktop/DisableBrowserF5ReloadKeyStroke.js");
-/* harmony import */ var _desktop_PopupWindow__WEBPACK_IMPORTED_MODULE_611__ = __webpack_require__(/*! ./desktop/PopupWindow */ "./src/desktop/PopupWindow.js");
-/* harmony import */ var _desktop_OpenUriHandler__WEBPACK_IMPORTED_MODULE_612__ = __webpack_require__(/*! ./desktop/OpenUriHandler */ "./src/desktop/OpenUriHandler.js");
-/* harmony import */ var _desktop_bench_DesktopBench__WEBPACK_IMPORTED_MODULE_613__ = __webpack_require__(/*! ./desktop/bench/DesktopBench */ "./src/desktop/bench/DesktopBench.js");
-/* harmony import */ var _desktop_bench_BenchColumn__WEBPACK_IMPORTED_MODULE_614__ = __webpack_require__(/*! ./desktop/bench/BenchColumn */ "./src/desktop/bench/BenchColumn.js");
-/* harmony import */ var _desktop_bench_layout_BenchRowLayoutData__WEBPACK_IMPORTED_MODULE_615__ = __webpack_require__(/*! ./desktop/bench/layout/BenchRowLayoutData */ "./src/desktop/bench/layout/BenchRowLayoutData.js");
-/* harmony import */ var _desktop_bench_layout_BenchColumnLayoutData__WEBPACK_IMPORTED_MODULE_616__ = __webpack_require__(/*! ./desktop/bench/layout/BenchColumnLayoutData */ "./src/desktop/bench/layout/BenchColumnLayoutData.js");
-/* harmony import */ var _desktop_desktoptab_DisableBrowserTabSwitchingKeyStroke__WEBPACK_IMPORTED_MODULE_617__ = __webpack_require__(/*! ./desktop/desktoptab/DisableBrowserTabSwitchingKeyStroke */ "./src/desktop/desktoptab/DisableBrowserTabSwitchingKeyStroke.js");
-/* harmony import */ var _desktop_header_DesktopHeader__WEBPACK_IMPORTED_MODULE_618__ = __webpack_require__(/*! ./desktop/header/DesktopHeader */ "./src/desktop/header/DesktopHeader.js");
-/* harmony import */ var _desktop_header_HeaderTabBoxController__WEBPACK_IMPORTED_MODULE_619__ = __webpack_require__(/*! ./desktop/header/HeaderTabBoxController */ "./src/desktop/header/HeaderTabBoxController.js");
-/* harmony import */ var _desktop_header_DesktopHeaderLayout__WEBPACK_IMPORTED_MODULE_620__ = __webpack_require__(/*! ./desktop/header/DesktopHeaderLayout */ "./src/desktop/header/DesktopHeaderLayout.js");
-/* harmony import */ var _desktop_navigation_DesktopNavigation__WEBPACK_IMPORTED_MODULE_621__ = __webpack_require__(/*! ./desktop/navigation/DesktopNavigation */ "./src/desktop/navigation/DesktopNavigation.js");
-/* harmony import */ var _desktop_navigation_DesktopNavigationHandle__WEBPACK_IMPORTED_MODULE_622__ = __webpack_require__(/*! ./desktop/navigation/DesktopNavigationHandle */ "./src/desktop/navigation/DesktopNavigationHandle.js");
-/* harmony import */ var _desktop_navigation_DesktopNavigationLayout__WEBPACK_IMPORTED_MODULE_623__ = __webpack_require__(/*! ./desktop/navigation/DesktopNavigationLayout */ "./src/desktop/navigation/DesktopNavigationLayout.js");
-/* harmony import */ var _desktop_navigation_ShrinkNavigationKeyStroke__WEBPACK_IMPORTED_MODULE_624__ = __webpack_require__(/*! ./desktop/navigation/ShrinkNavigationKeyStroke */ "./src/desktop/navigation/ShrinkNavigationKeyStroke.js");
-/* harmony import */ var _desktop_navigation_EnlargeNavigationKeyStroke__WEBPACK_IMPORTED_MODULE_625__ = __webpack_require__(/*! ./desktop/navigation/EnlargeNavigationKeyStroke */ "./src/desktop/navigation/EnlargeNavigationKeyStroke.js");
-/* harmony import */ var _desktop_notification_DesktopNotification__WEBPACK_IMPORTED_MODULE_626__ = __webpack_require__(/*! ./desktop/notification/DesktopNotification */ "./src/desktop/notification/DesktopNotification.js");
-/* harmony import */ var _desktop_notification_DesktopNotificationAdapter__WEBPACK_IMPORTED_MODULE_627__ = __webpack_require__(/*! ./desktop/notification/DesktopNotificationAdapter */ "./src/desktop/notification/DesktopNotificationAdapter.js");
-/* harmony import */ var _desktop_notification_OfflineDesktopNotification__WEBPACK_IMPORTED_MODULE_628__ = __webpack_require__(/*! ./desktop/notification/OfflineDesktopNotification */ "./src/desktop/notification/OfflineDesktopNotification.js");
-/* harmony import */ var _desktop_popupblocker_PopupBlockerHandler__WEBPACK_IMPORTED_MODULE_629__ = __webpack_require__(/*! ./desktop/popupblocker/PopupBlockerHandler */ "./src/desktop/popupblocker/PopupBlockerHandler.js");
-/* harmony import */ var _desktop_popupblocker_PopupBlockerDesktopNotification__WEBPACK_IMPORTED_MODULE_630__ = __webpack_require__(/*! ./desktop/popupblocker/PopupBlockerDesktopNotification */ "./src/desktop/popupblocker/PopupBlockerDesktopNotification.js");
-/* harmony import */ var _desktop_toolbox_DesktopToolBox__WEBPACK_IMPORTED_MODULE_631__ = __webpack_require__(/*! ./desktop/toolbox/DesktopToolBox */ "./src/desktop/toolbox/DesktopToolBox.js");
-/* harmony import */ var _desktop_viewbutton_ViewButtonActionKeyStroke__WEBPACK_IMPORTED_MODULE_632__ = __webpack_require__(/*! ./desktop/viewbutton/ViewButtonActionKeyStroke */ "./src/desktop/viewbutton/ViewButtonActionKeyStroke.js");
-/* harmony import */ var _desktop_viewbutton_ViewButton__WEBPACK_IMPORTED_MODULE_633__ = __webpack_require__(/*! ./desktop/viewbutton/ViewButton */ "./src/desktop/viewbutton/ViewButton.js");
-/* harmony import */ var _desktop_viewbutton_ViewButtonAdapter__WEBPACK_IMPORTED_MODULE_634__ = __webpack_require__(/*! ./desktop/viewbutton/ViewButtonAdapter */ "./src/desktop/viewbutton/ViewButtonAdapter.js");
-/* harmony import */ var _desktop_viewbutton_ViewButtonBox__WEBPACK_IMPORTED_MODULE_635__ = __webpack_require__(/*! ./desktop/viewbutton/ViewButtonBox */ "./src/desktop/viewbutton/ViewButtonBox.js");
-/* harmony import */ var _desktop_viewbutton_ViewMenuOpenKeyStroke__WEBPACK_IMPORTED_MODULE_636__ = __webpack_require__(/*! ./desktop/viewbutton/ViewMenuOpenKeyStroke */ "./src/desktop/viewbutton/ViewMenuOpenKeyStroke.js");
-/* harmony import */ var _desktop_viewbutton_ViewMenuPopup__WEBPACK_IMPORTED_MODULE_637__ = __webpack_require__(/*! ./desktop/viewbutton/ViewMenuPopup */ "./src/desktop/viewbutton/ViewMenuPopup.js");
-/* harmony import */ var _desktop_viewbutton_ViewMenuPopupEnterKeyStroke__WEBPACK_IMPORTED_MODULE_638__ = __webpack_require__(/*! ./desktop/viewbutton/ViewMenuPopupEnterKeyStroke */ "./src/desktop/viewbutton/ViewMenuPopupEnterKeyStroke.js");
-/* harmony import */ var _desktop_viewbutton_ViewMenuTab__WEBPACK_IMPORTED_MODULE_639__ = __webpack_require__(/*! ./desktop/viewbutton/ViewMenuTab */ "./src/desktop/viewbutton/ViewMenuTab.js");
-/* harmony import */ var _desktop_outline_pages_Page__WEBPACK_IMPORTED_MODULE_640__ = __webpack_require__(/*! ./desktop/outline/pages/Page */ "./src/desktop/outline/pages/Page.js");
-/* harmony import */ var _desktop_outline_pages_PageWithNodes__WEBPACK_IMPORTED_MODULE_641__ = __webpack_require__(/*! ./desktop/outline/pages/PageWithNodes */ "./src/desktop/outline/pages/PageWithNodes.js");
-/* harmony import */ var _desktop_outline_pages_PageWithTable__WEBPACK_IMPORTED_MODULE_642__ = __webpack_require__(/*! ./desktop/outline/pages/PageWithTable */ "./src/desktop/outline/pages/PageWithTable.js");
-/* harmony import */ var _desktop_outline_pages_PageTileButton__WEBPACK_IMPORTED_MODULE_643__ = __webpack_require__(/*! ./desktop/outline/pages/PageTileButton */ "./src/desktop/outline/pages/PageTileButton.js");
-/* harmony import */ var _desktop_outline_pages_PageTileGrid__WEBPACK_IMPORTED_MODULE_644__ = __webpack_require__(/*! ./desktop/outline/pages/PageTileGrid */ "./src/desktop/outline/pages/PageTileGrid.js");
-/* harmony import */ var _desktop_outline_pages_PageTileGridSelectKeyStroke__WEBPACK_IMPORTED_MODULE_645__ = __webpack_require__(/*! ./desktop/outline/pages/PageTileGridSelectKeyStroke */ "./src/desktop/outline/pages/PageTileGridSelectKeyStroke.js");
-/* harmony import */ var _desktop_outline_pages_AutoLeafPageWithNodes__WEBPACK_IMPORTED_MODULE_646__ = __webpack_require__(/*! ./desktop/outline/pages/AutoLeafPageWithNodes */ "./src/desktop/outline/pages/AutoLeafPageWithNodes.js");
-/* harmony import */ var _desktop_outline_DetailTableTreeFilter__WEBPACK_IMPORTED_MODULE_647__ = __webpack_require__(/*! ./desktop/outline/DetailTableTreeFilter */ "./src/desktop/outline/DetailTableTreeFilter.js");
-/* harmony import */ var _desktop_outline_Outline__WEBPACK_IMPORTED_MODULE_648__ = __webpack_require__(/*! ./desktop/outline/Outline */ "./src/desktop/outline/Outline.js");
-/* harmony import */ var _desktop_outline_OutlineAdapter__WEBPACK_IMPORTED_MODULE_649__ = __webpack_require__(/*! ./desktop/outline/OutlineAdapter */ "./src/desktop/outline/OutlineAdapter.js");
-/* harmony import */ var _desktop_outline_OutlineMediator__WEBPACK_IMPORTED_MODULE_650__ = __webpack_require__(/*! ./desktop/outline/OutlineMediator */ "./src/desktop/outline/OutlineMediator.js");
-/* harmony import */ var _desktop_outline_OutlineLayout__WEBPACK_IMPORTED_MODULE_651__ = __webpack_require__(/*! ./desktop/outline/OutlineLayout */ "./src/desktop/outline/OutlineLayout.js");
-/* harmony import */ var _desktop_outline_OutlineViewButton__WEBPACK_IMPORTED_MODULE_652__ = __webpack_require__(/*! ./desktop/outline/OutlineViewButton */ "./src/desktop/outline/OutlineViewButton.js");
-/* harmony import */ var _desktop_outline_OutlineViewButtonAdapter__WEBPACK_IMPORTED_MODULE_653__ = __webpack_require__(/*! ./desktop/outline/OutlineViewButtonAdapter */ "./src/desktop/outline/OutlineViewButtonAdapter.js");
-/* harmony import */ var _desktop_outline_OutlineTileField__WEBPACK_IMPORTED_MODULE_654__ = __webpack_require__(/*! ./desktop/outline/OutlineTileField */ "./src/desktop/outline/OutlineTileField.js");
-/* harmony import */ var _desktop_outline_OutlineTileFieldAdapter__WEBPACK_IMPORTED_MODULE_655__ = __webpack_require__(/*! ./desktop/outline/OutlineTileFieldAdapter */ "./src/desktop/outline/OutlineTileFieldAdapter.js");
-/* harmony import */ var _desktop_outline_PageLayout__WEBPACK_IMPORTED_MODULE_656__ = __webpack_require__(/*! ./desktop/outline/PageLayout */ "./src/desktop/outline/PageLayout.js");
-/* harmony import */ var _desktop_outline_SearchOutline__WEBPACK_IMPORTED_MODULE_657__ = __webpack_require__(/*! ./desktop/outline/SearchOutline */ "./src/desktop/outline/SearchOutline.js");
-/* harmony import */ var _desktop_outline_SearchOutlineAdapter__WEBPACK_IMPORTED_MODULE_658__ = __webpack_require__(/*! ./desktop/outline/SearchOutlineAdapter */ "./src/desktop/outline/SearchOutlineAdapter.js");
-/* harmony import */ var _desktop_outline_SearchOutlineLayout__WEBPACK_IMPORTED_MODULE_659__ = __webpack_require__(/*! ./desktop/outline/SearchOutlineLayout */ "./src/desktop/outline/SearchOutlineLayout.js");
-/* harmony import */ var _desktop_outline_navigation_NavigateButton__WEBPACK_IMPORTED_MODULE_660__ = __webpack_require__(/*! ./desktop/outline/navigation/NavigateButton */ "./src/desktop/outline/navigation/NavigateButton.js");
-/* harmony import */ var _desktop_outline_navigation_NavigateDownButton__WEBPACK_IMPORTED_MODULE_661__ = __webpack_require__(/*! ./desktop/outline/navigation/NavigateDownButton */ "./src/desktop/outline/navigation/NavigateDownButton.js");
-/* harmony import */ var _desktop_outline_navigation_NavigateUpButton__WEBPACK_IMPORTED_MODULE_662__ = __webpack_require__(/*! ./desktop/outline/navigation/NavigateUpButton */ "./src/desktop/outline/navigation/NavigateUpButton.js");
-/* harmony import */ var _desktop_outline_keystrokes_OutlineKeyStrokeContext__WEBPACK_IMPORTED_MODULE_663__ = __webpack_require__(/*! ./desktop/outline/keystrokes/OutlineKeyStrokeContext */ "./src/desktop/outline/keystrokes/OutlineKeyStrokeContext.js");
-/* harmony import */ var _desktop_outline_keystrokes_OutlineNavigateToTopKeyStroke__WEBPACK_IMPORTED_MODULE_664__ = __webpack_require__(/*! ./desktop/outline/keystrokes/OutlineNavigateToTopKeyStroke */ "./src/desktop/outline/keystrokes/OutlineNavigateToTopKeyStroke.js");
-/* harmony import */ var _desktop_outline_overview_OutlineOverview__WEBPACK_IMPORTED_MODULE_665__ = __webpack_require__(/*! ./desktop/outline/overview/OutlineOverview */ "./src/desktop/outline/overview/OutlineOverview.js");
-/* harmony import */ var _desktop_outline_overview_TileOutlineOverview__WEBPACK_IMPORTED_MODULE_666__ = __webpack_require__(/*! ./desktop/outline/overview/TileOutlineOverview */ "./src/desktop/outline/overview/TileOutlineOverview.js");
-/* harmony import */ var _desktop_DesktopFormController__WEBPACK_IMPORTED_MODULE_667__ = __webpack_require__(/*! ./desktop/DesktopFormController */ "./src/desktop/DesktopFormController.js");
-/* harmony import */ var _table_FilterFieldsGroupBox__WEBPACK_IMPORTED_MODULE_668__ = __webpack_require__(/*! ./table/FilterFieldsGroupBox */ "./src/table/FilterFieldsGroupBox.js");
-/* harmony import */ var _resizable_Resizable__WEBPACK_IMPORTED_MODULE_669__ = __webpack_require__(/*! ./resizable/Resizable */ "./src/resizable/Resizable.js");
-/* harmony import */ var _desktop_unsavedchanges_UnsavedFormChangesForm__WEBPACK_IMPORTED_MODULE_670__ = __webpack_require__(/*! ./desktop/unsavedchanges/UnsavedFormChangesForm */ "./src/desktop/unsavedchanges/UnsavedFormChangesForm.js");
-/* harmony import */ var _desktop_unsavedchanges_UnsavedFormsLookupCall__WEBPACK_IMPORTED_MODULE_671__ = __webpack_require__(/*! ./desktop/unsavedchanges/UnsavedFormsLookupCall */ "./src/desktop/unsavedchanges/UnsavedFormsLookupCall.js");
-/* harmony import */ var _table_TileTableHeaderBox__WEBPACK_IMPORTED_MODULE_672__ = __webpack_require__(/*! ./table/TileTableHeaderBox */ "./src/table/TileTableHeaderBox.js");
-/* harmony import */ var _login_LoginApp__WEBPACK_IMPORTED_MODULE_673__ = __webpack_require__(/*! ./login/LoginApp */ "./src/login/LoginApp.js");
-/* harmony import */ var _login_LoginBox__WEBPACK_IMPORTED_MODULE_674__ = __webpack_require__(/*! ./login/LoginBox */ "./src/login/LoginBox.js");
-/* harmony import */ var _login_LogoutApp__WEBPACK_IMPORTED_MODULE_675__ = __webpack_require__(/*! ./login/LogoutApp */ "./src/login/LogoutApp.js");
-/* harmony import */ var _login_LogoutBox__WEBPACK_IMPORTED_MODULE_676__ = __webpack_require__(/*! ./login/LogoutBox */ "./src/login/LogoutBox.js");
-/* harmony import */ var _breadcrumbbar_BreadcrumbItem__WEBPACK_IMPORTED_MODULE_677__ = __webpack_require__(/*! ./breadcrumbbar/BreadcrumbItem */ "./src/breadcrumbbar/BreadcrumbItem.js");
-/* harmony import */ var _breadcrumbbar_BreadcrumbItemAdapter__WEBPACK_IMPORTED_MODULE_678__ = __webpack_require__(/*! ./breadcrumbbar/BreadcrumbItemAdapter */ "./src/breadcrumbbar/BreadcrumbItemAdapter.js");
-/* harmony import */ var _breadcrumbbar_BreadcrumbBar__WEBPACK_IMPORTED_MODULE_679__ = __webpack_require__(/*! ./breadcrumbbar/BreadcrumbBar */ "./src/breadcrumbbar/BreadcrumbBar.js");
-/* harmony import */ var _breadcrumbbar_BreadcrumbBarLayout__WEBPACK_IMPORTED_MODULE_680__ = __webpack_require__(/*! ./breadcrumbbar/BreadcrumbBarLayout */ "./src/breadcrumbbar/BreadcrumbBarLayout.js");
-/* harmony import */ var _breadcrumbbar_BreadcrumbBarAdapter__WEBPACK_IMPORTED_MODULE_681__ = __webpack_require__(/*! ./breadcrumbbar/BreadcrumbBarAdapter */ "./src/breadcrumbbar/BreadcrumbBarAdapter.js");
-/* harmony import */ var _form_fields_breadcrumbbarfield_BreadcrumbBarField__WEBPACK_IMPORTED_MODULE_682__ = __webpack_require__(/*! ./form/fields/breadcrumbbarfield/BreadcrumbBarField */ "./src/form/fields/breadcrumbbarfield/BreadcrumbBarField.js");
-/* harmony import */ var _form_fields_breadcrumbbarfield_BreadcrumbBarFieldAdapter__WEBPACK_IMPORTED_MODULE_683__ = __webpack_require__(/*! ./form/fields/breadcrumbbarfield/BreadcrumbBarFieldAdapter */ "./src/form/fields/breadcrumbbarfield/BreadcrumbBarFieldAdapter.js");
-/* harmony import */ var _objectFactories__WEBPACK_IMPORTED_MODULE_684__ = __webpack_require__(/*! ./objectFactories */ "./src/objectFactories.js");
-/* harmony import */ var _jquery_jquery_scout__WEBPACK_IMPORTED_MODULE_685__ = __webpack_require__(/*! ./jquery/jquery-scout */ "./src/jquery/jquery-scout.js");
-/* harmony import */ var _jquery_jquery_scout_selectors__WEBPACK_IMPORTED_MODULE_686__ = __webpack_require__(/*! ./jquery/jquery-scout-selectors */ "./src/jquery/jquery-scout-selectors.js");
-/* harmony import */ var _index_js__WEBPACK_IMPORTED_MODULE_687__ = __webpack_require__(/*! ./index.js */ "./src/index.js");
+/* harmony import */ var _tile_fields_htmlfield_TileHtmlField__WEBPACK_IMPORTED_MODULE_597__ = __webpack_require__(/*! ./tile/fields/htmlfield/TileHtmlField */ "./src/tile/fields/htmlfield/TileHtmlField.js");
+/* harmony import */ var _tile_fields_tablefield_TileTableField__WEBPACK_IMPORTED_MODULE_598__ = __webpack_require__(/*! ./tile/fields/tablefield/TileTableField */ "./src/tile/fields/tablefield/TileTableField.js");
+/* harmony import */ var _tabbox_SimpleTab__WEBPACK_IMPORTED_MODULE_599__ = __webpack_require__(/*! ./tabbox/SimpleTab */ "./src/tabbox/SimpleTab.js");
+/* harmony import */ var _tabbox_SimpleTabArea__WEBPACK_IMPORTED_MODULE_600__ = __webpack_require__(/*! ./tabbox/SimpleTabArea */ "./src/tabbox/SimpleTabArea.js");
+/* harmony import */ var _tabbox_SimpleTabAreaLayout__WEBPACK_IMPORTED_MODULE_601__ = __webpack_require__(/*! ./tabbox/SimpleTabAreaLayout */ "./src/tabbox/SimpleTabAreaLayout.js");
+/* harmony import */ var _desktop_Desktop__WEBPACK_IMPORTED_MODULE_602__ = __webpack_require__(/*! ./desktop/Desktop */ "./src/desktop/Desktop.js");
+/* harmony import */ var _desktop_DesktopAdapter__WEBPACK_IMPORTED_MODULE_603__ = __webpack_require__(/*! ./desktop/DesktopAdapter */ "./src/desktop/DesktopAdapter.js");
+/* harmony import */ var _desktop_DesktopLogo__WEBPACK_IMPORTED_MODULE_604__ = __webpack_require__(/*! ./desktop/DesktopLogo */ "./src/desktop/DesktopLogo.js");
+/* harmony import */ var _desktop_DesktopLayout__WEBPACK_IMPORTED_MODULE_605__ = __webpack_require__(/*! ./desktop/DesktopLayout */ "./src/desktop/DesktopLayout.js");
+/* harmony import */ var _desktop_desktoptab_DesktopTab__WEBPACK_IMPORTED_MODULE_606__ = __webpack_require__(/*! ./desktop/desktoptab/DesktopTab */ "./src/desktop/desktoptab/DesktopTab.js");
+/* harmony import */ var _desktop_desktoptab_DesktopTabArea__WEBPACK_IMPORTED_MODULE_607__ = __webpack_require__(/*! ./desktop/desktoptab/DesktopTabArea */ "./src/desktop/desktoptab/DesktopTabArea.js");
+/* harmony import */ var _desktop_desktoptab_DesktopTabAreaLayout__WEBPACK_IMPORTED_MODULE_608__ = __webpack_require__(/*! ./desktop/desktoptab/DesktopTabAreaLayout */ "./src/desktop/desktoptab/DesktopTabAreaLayout.js");
+/* harmony import */ var _desktop_DesktopTabBoxController__WEBPACK_IMPORTED_MODULE_609__ = __webpack_require__(/*! ./desktop/DesktopTabBoxController */ "./src/desktop/DesktopTabBoxController.js");
+/* harmony import */ var _desktop_bench_DesktopTabSelectKeyStroke__WEBPACK_IMPORTED_MODULE_610__ = __webpack_require__(/*! ./desktop/bench/DesktopTabSelectKeyStroke */ "./src/desktop/bench/DesktopTabSelectKeyStroke.js");
+/* harmony import */ var _desktop_DisableBrowserF5ReloadKeyStroke__WEBPACK_IMPORTED_MODULE_611__ = __webpack_require__(/*! ./desktop/DisableBrowserF5ReloadKeyStroke */ "./src/desktop/DisableBrowserF5ReloadKeyStroke.js");
+/* harmony import */ var _desktop_PopupWindow__WEBPACK_IMPORTED_MODULE_612__ = __webpack_require__(/*! ./desktop/PopupWindow */ "./src/desktop/PopupWindow.js");
+/* harmony import */ var _desktop_OpenUriHandler__WEBPACK_IMPORTED_MODULE_613__ = __webpack_require__(/*! ./desktop/OpenUriHandler */ "./src/desktop/OpenUriHandler.js");
+/* harmony import */ var _desktop_bench_DesktopBench__WEBPACK_IMPORTED_MODULE_614__ = __webpack_require__(/*! ./desktop/bench/DesktopBench */ "./src/desktop/bench/DesktopBench.js");
+/* harmony import */ var _desktop_bench_BenchColumn__WEBPACK_IMPORTED_MODULE_615__ = __webpack_require__(/*! ./desktop/bench/BenchColumn */ "./src/desktop/bench/BenchColumn.js");
+/* harmony import */ var _desktop_bench_layout_BenchRowLayoutData__WEBPACK_IMPORTED_MODULE_616__ = __webpack_require__(/*! ./desktop/bench/layout/BenchRowLayoutData */ "./src/desktop/bench/layout/BenchRowLayoutData.js");
+/* harmony import */ var _desktop_bench_layout_BenchColumnLayoutData__WEBPACK_IMPORTED_MODULE_617__ = __webpack_require__(/*! ./desktop/bench/layout/BenchColumnLayoutData */ "./src/desktop/bench/layout/BenchColumnLayoutData.js");
+/* harmony import */ var _desktop_desktoptab_DisableBrowserTabSwitchingKeyStroke__WEBPACK_IMPORTED_MODULE_618__ = __webpack_require__(/*! ./desktop/desktoptab/DisableBrowserTabSwitchingKeyStroke */ "./src/desktop/desktoptab/DisableBrowserTabSwitchingKeyStroke.js");
+/* harmony import */ var _desktop_header_DesktopHeader__WEBPACK_IMPORTED_MODULE_619__ = __webpack_require__(/*! ./desktop/header/DesktopHeader */ "./src/desktop/header/DesktopHeader.js");
+/* harmony import */ var _desktop_header_HeaderTabBoxController__WEBPACK_IMPORTED_MODULE_620__ = __webpack_require__(/*! ./desktop/header/HeaderTabBoxController */ "./src/desktop/header/HeaderTabBoxController.js");
+/* harmony import */ var _desktop_header_DesktopHeaderLayout__WEBPACK_IMPORTED_MODULE_621__ = __webpack_require__(/*! ./desktop/header/DesktopHeaderLayout */ "./src/desktop/header/DesktopHeaderLayout.js");
+/* harmony import */ var _desktop_navigation_DesktopNavigation__WEBPACK_IMPORTED_MODULE_622__ = __webpack_require__(/*! ./desktop/navigation/DesktopNavigation */ "./src/desktop/navigation/DesktopNavigation.js");
+/* harmony import */ var _desktop_navigation_DesktopNavigationHandle__WEBPACK_IMPORTED_MODULE_623__ = __webpack_require__(/*! ./desktop/navigation/DesktopNavigationHandle */ "./src/desktop/navigation/DesktopNavigationHandle.js");
+/* harmony import */ var _desktop_navigation_DesktopNavigationLayout__WEBPACK_IMPORTED_MODULE_624__ = __webpack_require__(/*! ./desktop/navigation/DesktopNavigationLayout */ "./src/desktop/navigation/DesktopNavigationLayout.js");
+/* harmony import */ var _desktop_navigation_ShrinkNavigationKeyStroke__WEBPACK_IMPORTED_MODULE_625__ = __webpack_require__(/*! ./desktop/navigation/ShrinkNavigationKeyStroke */ "./src/desktop/navigation/ShrinkNavigationKeyStroke.js");
+/* harmony import */ var _desktop_navigation_EnlargeNavigationKeyStroke__WEBPACK_IMPORTED_MODULE_626__ = __webpack_require__(/*! ./desktop/navigation/EnlargeNavigationKeyStroke */ "./src/desktop/navigation/EnlargeNavigationKeyStroke.js");
+/* harmony import */ var _desktop_notification_DesktopNotification__WEBPACK_IMPORTED_MODULE_627__ = __webpack_require__(/*! ./desktop/notification/DesktopNotification */ "./src/desktop/notification/DesktopNotification.js");
+/* harmony import */ var _desktop_notification_DesktopNotificationAdapter__WEBPACK_IMPORTED_MODULE_628__ = __webpack_require__(/*! ./desktop/notification/DesktopNotificationAdapter */ "./src/desktop/notification/DesktopNotificationAdapter.js");
+/* harmony import */ var _desktop_notification_OfflineDesktopNotification__WEBPACK_IMPORTED_MODULE_629__ = __webpack_require__(/*! ./desktop/notification/OfflineDesktopNotification */ "./src/desktop/notification/OfflineDesktopNotification.js");
+/* harmony import */ var _desktop_popupblocker_PopupBlockerHandler__WEBPACK_IMPORTED_MODULE_630__ = __webpack_require__(/*! ./desktop/popupblocker/PopupBlockerHandler */ "./src/desktop/popupblocker/PopupBlockerHandler.js");
+/* harmony import */ var _desktop_popupblocker_PopupBlockerDesktopNotification__WEBPACK_IMPORTED_MODULE_631__ = __webpack_require__(/*! ./desktop/popupblocker/PopupBlockerDesktopNotification */ "./src/desktop/popupblocker/PopupBlockerDesktopNotification.js");
+/* harmony import */ var _desktop_toolbox_DesktopToolBox__WEBPACK_IMPORTED_MODULE_632__ = __webpack_require__(/*! ./desktop/toolbox/DesktopToolBox */ "./src/desktop/toolbox/DesktopToolBox.js");
+/* harmony import */ var _desktop_viewbutton_ViewButtonActionKeyStroke__WEBPACK_IMPORTED_MODULE_633__ = __webpack_require__(/*! ./desktop/viewbutton/ViewButtonActionKeyStroke */ "./src/desktop/viewbutton/ViewButtonActionKeyStroke.js");
+/* harmony import */ var _desktop_viewbutton_ViewButton__WEBPACK_IMPORTED_MODULE_634__ = __webpack_require__(/*! ./desktop/viewbutton/ViewButton */ "./src/desktop/viewbutton/ViewButton.js");
+/* harmony import */ var _desktop_viewbutton_ViewButtonAdapter__WEBPACK_IMPORTED_MODULE_635__ = __webpack_require__(/*! ./desktop/viewbutton/ViewButtonAdapter */ "./src/desktop/viewbutton/ViewButtonAdapter.js");
+/* harmony import */ var _desktop_viewbutton_ViewButtonBox__WEBPACK_IMPORTED_MODULE_636__ = __webpack_require__(/*! ./desktop/viewbutton/ViewButtonBox */ "./src/desktop/viewbutton/ViewButtonBox.js");
+/* harmony import */ var _desktop_viewbutton_ViewMenuOpenKeyStroke__WEBPACK_IMPORTED_MODULE_637__ = __webpack_require__(/*! ./desktop/viewbutton/ViewMenuOpenKeyStroke */ "./src/desktop/viewbutton/ViewMenuOpenKeyStroke.js");
+/* harmony import */ var _desktop_viewbutton_ViewMenuPopup__WEBPACK_IMPORTED_MODULE_638__ = __webpack_require__(/*! ./desktop/viewbutton/ViewMenuPopup */ "./src/desktop/viewbutton/ViewMenuPopup.js");
+/* harmony import */ var _desktop_viewbutton_ViewMenuPopupEnterKeyStroke__WEBPACK_IMPORTED_MODULE_639__ = __webpack_require__(/*! ./desktop/viewbutton/ViewMenuPopupEnterKeyStroke */ "./src/desktop/viewbutton/ViewMenuPopupEnterKeyStroke.js");
+/* harmony import */ var _desktop_viewbutton_ViewMenuTab__WEBPACK_IMPORTED_MODULE_640__ = __webpack_require__(/*! ./desktop/viewbutton/ViewMenuTab */ "./src/desktop/viewbutton/ViewMenuTab.js");
+/* harmony import */ var _desktop_outline_pages_Page__WEBPACK_IMPORTED_MODULE_641__ = __webpack_require__(/*! ./desktop/outline/pages/Page */ "./src/desktop/outline/pages/Page.js");
+/* harmony import */ var _desktop_outline_pages_PageWithNodes__WEBPACK_IMPORTED_MODULE_642__ = __webpack_require__(/*! ./desktop/outline/pages/PageWithNodes */ "./src/desktop/outline/pages/PageWithNodes.js");
+/* harmony import */ var _desktop_outline_pages_PageWithTable__WEBPACK_IMPORTED_MODULE_643__ = __webpack_require__(/*! ./desktop/outline/pages/PageWithTable */ "./src/desktop/outline/pages/PageWithTable.js");
+/* harmony import */ var _desktop_outline_pages_PageTileButton__WEBPACK_IMPORTED_MODULE_644__ = __webpack_require__(/*! ./desktop/outline/pages/PageTileButton */ "./src/desktop/outline/pages/PageTileButton.js");
+/* harmony import */ var _desktop_outline_pages_PageTileGrid__WEBPACK_IMPORTED_MODULE_645__ = __webpack_require__(/*! ./desktop/outline/pages/PageTileGrid */ "./src/desktop/outline/pages/PageTileGrid.js");
+/* harmony import */ var _desktop_outline_pages_PageTileGridSelectKeyStroke__WEBPACK_IMPORTED_MODULE_646__ = __webpack_require__(/*! ./desktop/outline/pages/PageTileGridSelectKeyStroke */ "./src/desktop/outline/pages/PageTileGridSelectKeyStroke.js");
+/* harmony import */ var _desktop_outline_pages_AutoLeafPageWithNodes__WEBPACK_IMPORTED_MODULE_647__ = __webpack_require__(/*! ./desktop/outline/pages/AutoLeafPageWithNodes */ "./src/desktop/outline/pages/AutoLeafPageWithNodes.js");
+/* harmony import */ var _desktop_outline_DetailTableTreeFilter__WEBPACK_IMPORTED_MODULE_648__ = __webpack_require__(/*! ./desktop/outline/DetailTableTreeFilter */ "./src/desktop/outline/DetailTableTreeFilter.js");
+/* harmony import */ var _desktop_outline_Outline__WEBPACK_IMPORTED_MODULE_649__ = __webpack_require__(/*! ./desktop/outline/Outline */ "./src/desktop/outline/Outline.js");
+/* harmony import */ var _desktop_outline_OutlineAdapter__WEBPACK_IMPORTED_MODULE_650__ = __webpack_require__(/*! ./desktop/outline/OutlineAdapter */ "./src/desktop/outline/OutlineAdapter.js");
+/* harmony import */ var _desktop_outline_OutlineMediator__WEBPACK_IMPORTED_MODULE_651__ = __webpack_require__(/*! ./desktop/outline/OutlineMediator */ "./src/desktop/outline/OutlineMediator.js");
+/* harmony import */ var _desktop_outline_OutlineLayout__WEBPACK_IMPORTED_MODULE_652__ = __webpack_require__(/*! ./desktop/outline/OutlineLayout */ "./src/desktop/outline/OutlineLayout.js");
+/* harmony import */ var _desktop_outline_OutlineViewButton__WEBPACK_IMPORTED_MODULE_653__ = __webpack_require__(/*! ./desktop/outline/OutlineViewButton */ "./src/desktop/outline/OutlineViewButton.js");
+/* harmony import */ var _desktop_outline_OutlineViewButtonAdapter__WEBPACK_IMPORTED_MODULE_654__ = __webpack_require__(/*! ./desktop/outline/OutlineViewButtonAdapter */ "./src/desktop/outline/OutlineViewButtonAdapter.js");
+/* harmony import */ var _desktop_outline_OutlineTileField__WEBPACK_IMPORTED_MODULE_655__ = __webpack_require__(/*! ./desktop/outline/OutlineTileField */ "./src/desktop/outline/OutlineTileField.js");
+/* harmony import */ var _desktop_outline_OutlineTileFieldAdapter__WEBPACK_IMPORTED_MODULE_656__ = __webpack_require__(/*! ./desktop/outline/OutlineTileFieldAdapter */ "./src/desktop/outline/OutlineTileFieldAdapter.js");
+/* harmony import */ var _desktop_outline_PageLayout__WEBPACK_IMPORTED_MODULE_657__ = __webpack_require__(/*! ./desktop/outline/PageLayout */ "./src/desktop/outline/PageLayout.js");
+/* harmony import */ var _desktop_outline_SearchOutline__WEBPACK_IMPORTED_MODULE_658__ = __webpack_require__(/*! ./desktop/outline/SearchOutline */ "./src/desktop/outline/SearchOutline.js");
+/* harmony import */ var _desktop_outline_SearchOutlineAdapter__WEBPACK_IMPORTED_MODULE_659__ = __webpack_require__(/*! ./desktop/outline/SearchOutlineAdapter */ "./src/desktop/outline/SearchOutlineAdapter.js");
+/* harmony import */ var _desktop_outline_SearchOutlineLayout__WEBPACK_IMPORTED_MODULE_660__ = __webpack_require__(/*! ./desktop/outline/SearchOutlineLayout */ "./src/desktop/outline/SearchOutlineLayout.js");
+/* harmony import */ var _desktop_outline_navigation_NavigateButton__WEBPACK_IMPORTED_MODULE_661__ = __webpack_require__(/*! ./desktop/outline/navigation/NavigateButton */ "./src/desktop/outline/navigation/NavigateButton.js");
+/* harmony import */ var _desktop_outline_navigation_NavigateDownButton__WEBPACK_IMPORTED_MODULE_662__ = __webpack_require__(/*! ./desktop/outline/navigation/NavigateDownButton */ "./src/desktop/outline/navigation/NavigateDownButton.js");
+/* harmony import */ var _desktop_outline_navigation_NavigateUpButton__WEBPACK_IMPORTED_MODULE_663__ = __webpack_require__(/*! ./desktop/outline/navigation/NavigateUpButton */ "./src/desktop/outline/navigation/NavigateUpButton.js");
+/* harmony import */ var _desktop_outline_keystrokes_OutlineKeyStrokeContext__WEBPACK_IMPORTED_MODULE_664__ = __webpack_require__(/*! ./desktop/outline/keystrokes/OutlineKeyStrokeContext */ "./src/desktop/outline/keystrokes/OutlineKeyStrokeContext.js");
+/* harmony import */ var _desktop_outline_keystrokes_OutlineNavigateToTopKeyStroke__WEBPACK_IMPORTED_MODULE_665__ = __webpack_require__(/*! ./desktop/outline/keystrokes/OutlineNavigateToTopKeyStroke */ "./src/desktop/outline/keystrokes/OutlineNavigateToTopKeyStroke.js");
+/* harmony import */ var _desktop_outline_overview_OutlineOverview__WEBPACK_IMPORTED_MODULE_666__ = __webpack_require__(/*! ./desktop/outline/overview/OutlineOverview */ "./src/desktop/outline/overview/OutlineOverview.js");
+/* harmony import */ var _desktop_outline_overview_TileOutlineOverview__WEBPACK_IMPORTED_MODULE_667__ = __webpack_require__(/*! ./desktop/outline/overview/TileOutlineOverview */ "./src/desktop/outline/overview/TileOutlineOverview.js");
+/* harmony import */ var _desktop_DesktopFormController__WEBPACK_IMPORTED_MODULE_668__ = __webpack_require__(/*! ./desktop/DesktopFormController */ "./src/desktop/DesktopFormController.js");
+/* harmony import */ var _table_FilterFieldsGroupBox__WEBPACK_IMPORTED_MODULE_669__ = __webpack_require__(/*! ./table/FilterFieldsGroupBox */ "./src/table/FilterFieldsGroupBox.js");
+/* harmony import */ var _resizable_Resizable__WEBPACK_IMPORTED_MODULE_670__ = __webpack_require__(/*! ./resizable/Resizable */ "./src/resizable/Resizable.js");
+/* harmony import */ var _desktop_unsavedchanges_UnsavedFormChangesForm__WEBPACK_IMPORTED_MODULE_671__ = __webpack_require__(/*! ./desktop/unsavedchanges/UnsavedFormChangesForm */ "./src/desktop/unsavedchanges/UnsavedFormChangesForm.js");
+/* harmony import */ var _desktop_unsavedchanges_UnsavedFormsLookupCall__WEBPACK_IMPORTED_MODULE_672__ = __webpack_require__(/*! ./desktop/unsavedchanges/UnsavedFormsLookupCall */ "./src/desktop/unsavedchanges/UnsavedFormsLookupCall.js");
+/* harmony import */ var _table_TileTableHeaderBox__WEBPACK_IMPORTED_MODULE_673__ = __webpack_require__(/*! ./table/TileTableHeaderBox */ "./src/table/TileTableHeaderBox.js");
+/* harmony import */ var _login_LoginApp__WEBPACK_IMPORTED_MODULE_674__ = __webpack_require__(/*! ./login/LoginApp */ "./src/login/LoginApp.js");
+/* harmony import */ var _login_LoginBox__WEBPACK_IMPORTED_MODULE_675__ = __webpack_require__(/*! ./login/LoginBox */ "./src/login/LoginBox.js");
+/* harmony import */ var _login_LogoutApp__WEBPACK_IMPORTED_MODULE_676__ = __webpack_require__(/*! ./login/LogoutApp */ "./src/login/LogoutApp.js");
+/* harmony import */ var _login_LogoutBox__WEBPACK_IMPORTED_MODULE_677__ = __webpack_require__(/*! ./login/LogoutBox */ "./src/login/LogoutBox.js");
+/* harmony import */ var _breadcrumbbar_BreadcrumbItem__WEBPACK_IMPORTED_MODULE_678__ = __webpack_require__(/*! ./breadcrumbbar/BreadcrumbItem */ "./src/breadcrumbbar/BreadcrumbItem.js");
+/* harmony import */ var _breadcrumbbar_BreadcrumbItemAdapter__WEBPACK_IMPORTED_MODULE_679__ = __webpack_require__(/*! ./breadcrumbbar/BreadcrumbItemAdapter */ "./src/breadcrumbbar/BreadcrumbItemAdapter.js");
+/* harmony import */ var _breadcrumbbar_BreadcrumbBar__WEBPACK_IMPORTED_MODULE_680__ = __webpack_require__(/*! ./breadcrumbbar/BreadcrumbBar */ "./src/breadcrumbbar/BreadcrumbBar.js");
+/* harmony import */ var _breadcrumbbar_BreadcrumbBarLayout__WEBPACK_IMPORTED_MODULE_681__ = __webpack_require__(/*! ./breadcrumbbar/BreadcrumbBarLayout */ "./src/breadcrumbbar/BreadcrumbBarLayout.js");
+/* harmony import */ var _breadcrumbbar_BreadcrumbBarAdapter__WEBPACK_IMPORTED_MODULE_682__ = __webpack_require__(/*! ./breadcrumbbar/BreadcrumbBarAdapter */ "./src/breadcrumbbar/BreadcrumbBarAdapter.js");
+/* harmony import */ var _form_fields_breadcrumbbarfield_BreadcrumbBarField__WEBPACK_IMPORTED_MODULE_683__ = __webpack_require__(/*! ./form/fields/breadcrumbbarfield/BreadcrumbBarField */ "./src/form/fields/breadcrumbbarfield/BreadcrumbBarField.js");
+/* harmony import */ var _form_fields_breadcrumbbarfield_BreadcrumbBarFieldAdapter__WEBPACK_IMPORTED_MODULE_684__ = __webpack_require__(/*! ./form/fields/breadcrumbbarfield/BreadcrumbBarFieldAdapter */ "./src/form/fields/breadcrumbbarfield/BreadcrumbBarFieldAdapter.js");
+/* harmony import */ var _objectFactories__WEBPACK_IMPORTED_MODULE_685__ = __webpack_require__(/*! ./objectFactories */ "./src/objectFactories.js");
+/* harmony import */ var _jquery_jquery_scout__WEBPACK_IMPORTED_MODULE_686__ = __webpack_require__(/*! ./jquery/jquery-scout */ "./src/jquery/jquery-scout.js");
+/* harmony import */ var _jquery_jquery_scout_selectors__WEBPACK_IMPORTED_MODULE_687__ = __webpack_require__(/*! ./jquery/jquery-scout-selectors */ "./src/jquery/jquery-scout-selectors.js");
+/* harmony import */ var _index_js__WEBPACK_IMPORTED_MODULE_688__ = __webpack_require__(/*! ./index.js */ "./src/index.js");
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 /*
- * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
@@ -56133,6 +56161,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 
 
+
 
 
  // The following files don't export anything but they need to be imported so they participate on the webpack build
@@ -56145,7 +56174,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 
 
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_index_js__WEBPACK_IMPORTED_MODULE_687__);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_index_js__WEBPACK_IMPORTED_MODULE_688__);
 /**
  * @typedef {Form|TileOverviewForm|UnsavedFormChangesForm|FieldStatus|StatusMenuMapping|FormField|CompositeField|ValueField|WidgetField|Button|WizardProgressField|CarouselField|TileField|TreeField|ImageField|TableField
  * |PlaceholderField|WrappedFormField|PlannerField|CalendarField|AccordionField|BreadcrumbBarField|OutlineTileField|TabArea|TabBoxHeader|Tab|ProposalChooser|TableProposalChooser|TreeProposalChooser|MenuBarBox|MenuBar|MenuBox
@@ -56159,7 +56188,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 // Note: the scout object on the window still needs its own scout object (window.scout.scout).
 // It is required when the eclipse-core/scout is mapped as external webpack library to window.scout
 
-let windowScout = { ..._index_js__WEBPACK_IMPORTED_MODULE_687__,
+let windowScout = { ..._index_js__WEBPACK_IMPORTED_MODULE_688__,
   ..._scout__WEBPACK_IMPORTED_MODULE_0__
 }; // Add the scout object to the window
 
@@ -56226,7 +56255,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../index */ "./src/index.js");
 /*
- * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
@@ -57379,17 +57408,19 @@ const __origCleanData = (jquery__WEBPACK_IMPORTED_MODULE_0___default().cleanData
     return this;
   }
 
-  return this.on('animationend webkitAnimationEnd', event => {
+  let oneHandler = event => {
     if (event.target !== this[0]) {
       // Ignore events that bubble up from child elements
       return;
     } // Unregister listener to implement "one" semantics
 
 
-    this.off(event); // Notify actual event handler
+    this.off('animationend webkitAnimationEnd', oneHandler); // Notify actual event handler
 
     handler(event);
-  });
+  };
+
+  return this.on('animationend webkitAnimationEnd', oneHandler);
 };
 
 (jquery__WEBPACK_IMPORTED_MODULE_0___default().fn.hasAnimationClass) = function () {
@@ -73832,7 +73863,9 @@ class ModeSelector extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
 
     if (this.selectedMode && this.selectedMode.$container) {
       selectedModePosX = _index__WEBPACK_IMPORTED_MODULE_0__.graphics.position(this.selectedMode.$container).x;
-      selectedModeWidth = _index__WEBPACK_IMPORTED_MODULE_0__.graphics.size(this.selectedMode.$container).width;
+      selectedModeWidth = _index__WEBPACK_IMPORTED_MODULE_0__.graphics.size(this.selectedMode.$container, {
+        exact: true
+      }).width;
     }
 
     this.$slider.cssLeft(selectedModePosX);
@@ -76769,7 +76802,7 @@ __webpack_require__.r(__webpack_exports__);
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 /*
- * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
@@ -76901,20 +76934,18 @@ class Popup extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
 
   _openWithoutParent() {
     // resolve parent for entry-point (don't change the actual property)
-    let parent = this.parent;
-
-    if (parent.destroyed) {
+    if (this.parent.destroyed) {
       return;
     }
 
-    if (parent.rendered || parent.rendering) {
-      this.open(parent.entryPoint());
+    if (this.parent.rendered || this.parent.rendering) {
+      this.open(this._getDefaultOpen$Parent());
       return;
     } // This is important for popups rendered in another (native) browser window. The DOM in the popup window
     // is rendered later, so we must wait until that window is rendered and layouted. See popup-window.html.
 
 
-    parent.one('render', () => {
+    this.parent.one('render', () => {
       this.session.layoutValidator.schedulePostValidateFunction(() => {
         if (this.destroyed || this.rendered) {
           return;
@@ -76924,6 +76955,15 @@ class Popup extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
       });
     });
   }
+  /**
+   * Only called if parent.rendered or parent.rendering
+   * @return {$}
+   */
+
+
+  _getDefaultOpen$Parent() {
+    return this.parent.entryPoint();
+  }
 
   open($parent) {
     if (!$parent) {
@@ -77201,6 +77241,16 @@ class Popup extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
     return cssClass;
   }
 
+  _animateRemovalWhileRemovingParent() {
+    if (!this.$anchor) {
+      // Allow remove animations for popups without an anchor
+      return true;
+    } // If parent is the anchor, prevent remove animation to ensure popup will be removed together with the anchor
+
+
+    return _index__WEBPACK_IMPORTED_MODULE_0__.widgets.get(this.$anchor) !== this.parent;
+  }
+
   _isRemovalPrevented() {
     // If removal of a parent is pending due to an animation then don't return true to make sure popups are closed before the parent animation starts.
     // However, if the popup itself is removed by an animation, removal should be prevented to ensure remove() won't run multiple times.
@@ -77850,7 +77900,7 @@ class Popup extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
   }
 
   _handleGlassPanes() {
-    let parentCoveredByGlassPane = this.session.focusManager.isElementCovertByGlassPane(this.parent.$container); // if a popup is covered by a glass pane the glass pane's need to be rerendered to ensure a glass pane is also painted over the popup
+    let parentCoveredByGlassPane = this.session.focusManager.isElementCovertByGlassPane(this.parent.$container); // if a popup is covered by a glass pane the glass pane's need to be re-rendered to ensure a glass pane is also painted over the popup
 
     if (parentCoveredByGlassPane) {
       this.session.focusManager.rerenderGlassPanes();
@@ -77991,7 +78041,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../index */ "./src/index.js");
 /*
- * Copyright (c) 2014-2020 BSI Business Systems Integration AG.
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
@@ -78131,9 +78181,6 @@ class PopupLayout extends _index__WEBPACK_IMPORTED_MODULE_0__.AbstractLayout {
 
 
   _calcMaxSize() {
-    // Position the popup at the desired location before doing any calculations to consider the preferred bounds
-    this._position(false);
-
     let maxWidth,
         maxHeight,
         htmlComp = this.popup.htmlComp,
@@ -78152,7 +78199,7 @@ class PopupLayout extends _index__WEBPACK_IMPORTED_MODULE_0__.AbstractLayout {
         windowSize = this._calcMaxSize(),
         Alignment = _index__WEBPACK_IMPORTED_MODULE_0__.Popup.Alignment,
         horizontalAlignment = this.popup.horizontalAlignment,
-        verticalAlignment = this.popup.verticalAlignment; // Decide whether the prefSize can be used or the popup needs to be shrinked so that it fits into the viewport
+        verticalAlignment = this.popup.verticalAlignment; // Decide whether the prefSize can be used or the popup needs to be shrunken so that it fits into the viewport
     // The decision is based on the preferred opening direction
     // Example: The popup would like to be opened leftedge and bottom
     // If there is enough space on the right and on the bottom -> pref size is used
@@ -78219,9 +78266,6 @@ class PopupLayout extends _index__WEBPACK_IMPORTED_MODULE_0__.AbstractLayout {
 
 
   _calcMaxSizeAroundAnchor() {
-    // Position the popup at the desired location before doing any calculations because positioning adds CSS classes which might change margins
-    this._position(false);
-
     let maxWidthLeft,
         maxWidthRight,
         maxHeightDown,
@@ -80805,7 +80849,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! jquery */ "jquery");
 /* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_1__);
 /*
- * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
@@ -80975,7 +81019,19 @@ function installScrollShadow($container, session, options) {
 
   _installIntersectionObserver();
 
-  intersectionObserver.observe($container[0]);
+  intersectionObserver.observe($container[0]); // this is required in addition to the intersection observer because the observer events are handled asynchronously later after all the setTimeout calls.
+  // Then the shadow might stay visible too long which has an impact on layout updates.
+
+  let containerElement = $container[0];
+
+  let visibleListener = e => {
+    if (e.target === containerElement) {
+      _onScrollableVisibleChange(containerElement, e.type === 'show');
+    }
+  };
+
+  $container.data('scroll-shadow-visible-listener', visibleListener);
+  $container.on('hide show', visibleListener);
 }
 function uninstallScrollShadow($container, session) {
   let $shadow = $container.data('scroll-shadow');
@@ -80998,6 +81054,12 @@ function uninstallScrollShadow($container, session) {
     intersectionObserver.unobserve($container[0]);
   }
 
+  let visibleListener = $container.data('scroll-shadow-visible-listener');
+
+  if (visibleListener) {
+    $container.off('hide show', visibleListener);
+  }
+
   let $scrollables = _$scrollables[session];
 
   if (!$scrollables || !$scrollables.some($scrollable => $scrollable.data('scroll-shadow'))) {
@@ -81073,7 +81135,7 @@ function updateScrollShadow($container) {
   $shadow.toggleClass('right', !atRight && style.indexOf('right') > -1);
   _index__WEBPACK_IMPORTED_MODULE_0__.graphics.setBounds($shadow, _index__WEBPACK_IMPORTED_MODULE_0__.graphics.bounds($container, {
     exact: true
-  }));
+  }).subtract(insets($shadow)));
   _index__WEBPACK_IMPORTED_MODULE_0__.graphics.setMargins($shadow, _index__WEBPACK_IMPORTED_MODULE_0__.graphics.margins($container));
   $shadow.css('border-radius', $container.css('border-radius'));
   let customizer = $container.data('scroll-shadow-customizer');
@@ -81089,6 +81151,10 @@ function updateScrollShadow($container) {
   function atEnd(scrollPos, scrollSize, offsetSize) {
     return scrollPos + 1 >= scrollSize - offsetSize;
   }
+
+  function insets($shadow) {
+    return new _index__WEBPACK_IMPORTED_MODULE_0__.Insets($shadow.cssPxValue('--scroll-shadow-inset-top'), $shadow.cssPxValue('--scroll-shadow-inset-right'), $shadow.cssPxValue('--scroll-shadow-inset-bottom'), $shadow.cssPxValue('--scroll-shadow-inset-left'));
+  }
 }
 /**
  * Installs a dom mutation observer that tracks all scrollables in order to move the scroll shadow along with the scrollable.
@@ -81580,7 +81646,7 @@ function scrollToBottom($scrollable, options) {
 /**
  * @param location object with x and y properties
  * @param $scrollables one or more scrollables to check against
- * @eturns {boolean} true if the location is visible in the current viewport of all the $scrollables, or if $scrollables is null
+ * @returns {boolean} true if the location is visible in the current viewport of all the $scrollables, or if $scrollables is null
  */
 
 function isLocationInView(location, $scrollables) {
@@ -83190,7 +83256,7 @@ __webpack_require__.r(__webpack_exports__);
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 /*
- * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
@@ -83623,6 +83689,8 @@ class Session {
 
     this.desktop = this.getOrCreateWidget(clientSessionData.desktop, this.rootAdapter.widget);
 
+    _index__WEBPACK_IMPORTED_MODULE_0__.App.get()._triggerDesktopReady(this.desktop);
+
     let renderDesktopImpl = function () {
       this._renderDesktop(); // In case the server sent additional events, process them
 
@@ -83644,6 +83712,9 @@ class Session {
       this._resumeBackgroundJobPolling();
 
       this.ready = true;
+
+      _index__WEBPACK_IMPORTED_MODULE_0__.App.get()._triggerSessionReady(this);
+
       jquery__WEBPACK_IMPORTED_MODULE_1___default().log.isInfoEnabled() && jquery__WEBPACK_IMPORTED_MODULE_1___default().log.info('Session initialized. Detected ' + _index__WEBPACK_IMPORTED_MODULE_0__.Device.get());
 
       if (jquery__WEBPACK_IMPORTED_MODULE_1___default().log.isDebugEnabled()) {
@@ -87695,7 +87766,7 @@ __webpack_require__.r(__webpack_exports__);
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 /*
- * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
@@ -87716,6 +87787,7 @@ class Table extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
     this.contextColumn = null;
     this.checkable = false;
     this.checkableStyle = Table.CheckableStyle.CHECKBOX;
+    this.cellEditorPopup = null;
     this.compact = false;
     this.compactHandler = _index__WEBPACK_IMPORTED_MODULE_0__.scout.create('TableCompactHandler', {
       table: this
@@ -87797,6 +87869,7 @@ class Table extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
     this._popupOpenHandler = this._onDesktopPopupOpen.bind(this);
     this._rerenderViewPortAfterAttach = false;
     this._renderViewPortAfterAttach = false;
+    this._postAttachActions = [];
     this._desktopPropertyChangeHandler = this._onDesktopPropertyChange.bind(this);
 
     this._addWidgetProperties(['tableControls', 'menus', 'keyStrokes', 'staticMenus', 'tileTableHeader', 'tableTileGridMediator']);
@@ -88127,8 +88200,6 @@ class Table extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
   }
 
   _removeData() {
-    this._destroyCellEditorPopup();
-
     this._removeAggregateRows();
 
     this._uninstallImageListeners();
@@ -88313,13 +88384,13 @@ class Table extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
       return;
     }
 
+    let row = $row.data('row'); // read row before the $row potentially could be replaced by the column specific logic on mouse up
+
     if (mouseButton === 1) {
       column.onMouseUp(event, $row);
       $appLink = this._find$AppLink(event);
     }
 
-    let row = $row.data('row');
-
     if ($appLink) {
       this._triggerAppLinkAction(column, row, $appLink.data('ref'), $appLink);
     } else {
@@ -88559,9 +88630,8 @@ class Table extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
     let $row = $cell.parent();
     return $row.data('aggregateRow')
     /* row in the table */
-    || $row.hasClass('table-aggregate')
+    || $row.hasClass('table-aggregate');
     /* aggregate table control */
-    ;
   }
 
   reload(reloadReason) {
@@ -89886,8 +89956,26 @@ class Table extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
     });
   }
   /**
-   * This functions starts the cell editor for the given row and column. Prepare must wait until
-   * a pending completeCellEdit operation is resolved.
+   * Starts cell editing for the cell at the given column and row, but only if editing is allowed.
+   * @see prepareCellEdit
+   */
+
+
+  focusCell(column, row) {
+    let cell = this.cell(column, row);
+
+    if (this.enabledComputed && row.enabled && cell.editable) {
+      this.prepareCellEdit(column, row);
+    }
+  }
+  /**
+   * Creates a cell editor for the cell at the given column and row, ensures the row is selected and passes the editor
+   * to {@link #startCellEdit} which starts the editing by rendering the editor in a {@link CellEditorPopup}.<br>
+   * If the completion of a previous cell edit is still in progress, the preparation is delayed until the completion is finished.
+   *
+   * @param {boolean} [openFieldPopupOnCellEdit] true to instruct the editor to open its control popup when the editor is rendered.
+   *    This only has an effect if the editor has a popup (e.g. SmartField or DateField).
+   * @returns Promise the promise will be resolved when the preparation has been finished.
    */
 
 
@@ -89901,10 +89989,10 @@ class Table extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
     return promise.then(this.prepareCellEditInternal.bind(this, column, row, openFieldPopupOnCellEdit));
   }
   /**
-   * @param openFieldPopupOnCellEdit when this parameter is set to true, the CellEditorPopup sets an
+   * @param {boolean} [openFieldPopupOnCellEdit] when this parameter is set to true, the CellEditorPopup sets an
    *    additional property 'cellEditor' on the editor-field. The field instance may use this property
    *    to decide whether or not it should open a popup immediately after it is rendered. This is used
-   *    for Smart- and DateFields.
+   *    for Smart- and DateFields. Default is false.
    */
 
 
@@ -90039,7 +90127,7 @@ class Table extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
     let cell, column, predicate;
 
     predicate = function (column) {
-      if (column.guiOnly) {
+      if (!column.isVisible() || column.guiOnly) {
         // does not support tabbing
         return false;
       }
@@ -90991,12 +91079,23 @@ class Table extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
   }
 
   startCellEdit(column, row, field) {
-    if (!this._isDataRendered() || !this.isAttachedAndRendered()) {
+    if (field.destroyed) {
+      // May happen if the action was postponed and the field destroyed in the meantime using endCellEdit.
+      return;
+    }
+
+    if (!this._isDataRendered()) {
       this._postRenderActions.push(this.startCellEdit.bind(this, column, row, field));
 
       return;
     }
 
+    if (!this.$container.isAttached()) {
+      this._postAttachActions.push(this.startCellEdit.bind(this, column, row, field));
+
+      return;
+    }
+
     this.trigger('startCellEdit', {
       column: column,
       row: row,
@@ -91005,6 +91104,7 @@ class Table extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
     this.ensureRowRendered(row);
     let popup = column.startCellEdit(row, field);
     this.cellEditorPopup = popup;
+    this.$container.toggleClass('has-cell-editor-popup', !!popup);
     return popup;
   }
   /**
@@ -91015,12 +91115,6 @@ class Table extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
 
 
   endCellEdit(field, saveEditorValue) {
-    if (!this._isDataRendered() || !this.isAttachedAndRendered()) {
-      this._postRenderActions.push(this.endCellEdit.bind(this, field, saveEditorValue));
-
-      return;
-    }
-
     if (!this.cellEditorPopup) {
       // the cellEditorPopup could already be removed by scrolling (out of view range) or be removed by update rows
       field.destroy();
@@ -91771,7 +91865,7 @@ class Table extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
 
     if (filter instanceof _index__WEBPACK_IMPORTED_MODULE_0__.TableUserFilter) {
       let previousFilter = this.getFilter(filter.createKey());
-      this.filterSupport.removeFilter(previousFilter);
+      this.filterSupport.removeFilter(previousFilter, false);
     }
 
     let added = this.filterSupport.addFilter(filter, applyFilter);
@@ -92799,7 +92893,11 @@ class Table extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
     this.$container.toggleClass('table-row-check', this.checkableStyle === Table.CheckableStyle.TABLE_ROW);
 
     if (this._isDataRendered()) {
+      this._updateRowWidth();
+
       this._redraw();
+
+      this.invalidateLayoutTree();
     }
   }
   /**
@@ -93536,20 +93634,6 @@ class Table extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
     }
   }
 
-  focusCell(column, row) {
-    if (!this._isDataRendered() || !this.isAttachedAndRendered()) {
-      this._postRenderActions.push(this.focusCell.bind(this, column, row));
-
-      return;
-    }
-
-    let cell = this.cell(column, row);
-
-    if (this.enabledComputed && row.enabled && cell.editable) {
-      this.prepareCellEdit(column, row, false);
-    }
-  }
-
   _attach() {
     this.$parent.append(this.$container);
 
@@ -93580,6 +93664,10 @@ class Table extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
     this._rerenderViewportAfterAttach();
 
     this._renderViewportAfterAttach();
+
+    let actions = this._postAttachActions;
+    this._postAttachActions = [];
+    actions.forEach(action => action());
   }
 
   _rerenderViewportAfterAttach() {
@@ -93610,12 +93698,6 @@ class Table extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
 
     super._detach();
   }
-
-  _onDetach() {
-    super._onDetach();
-
-    this._destroyCellEditorPopup();
-  }
   /**
    * @param {function} [callback] function to be called right after the popup is destroyed
    */
@@ -93635,6 +93717,10 @@ class Table extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
       this.cellEditorPopup.destroy();
       this.cellEditorPopup = null;
 
+      if (this.$container) {
+        this.$container.removeClass('has-cell-editor-popup');
+      }
+
       if (callback) {
         callback();
       }
@@ -96408,7 +96494,8 @@ class TableHeader extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
 
     if (column.sortActive || column.grouped || filtered) {
       if (column.minWidth < _index__WEBPACK_IMPORTED_MODULE_0__.Column.DEFAULT_MIN_WIDTH) {
-        column.prefMinWidth = column.minWidth;
+        column.__minWidthWithoutState = column.minWidth;
+        column.__widthWithoutState = column.width;
         column.minWidth = _index__WEBPACK_IMPORTED_MODULE_0__.Column.DEFAULT_MIN_WIDTH;
       }
 
@@ -96416,14 +96503,16 @@ class TableHeader extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
         this.table.resizeColumn(column, column.minWidth);
       }
     } else {
-      // Reset to preferred min width if no state is visible
-      if (column.prefMinWidth !== null) {
-        column.minWidth = column.prefMinWidth;
-        column.prefMinWidth = null; // Resize to old min width, assuming user has not manually changed the size because column is still as width as default_min_width
+      // Reset to previous min width if no state is visible
+      if (!_index__WEBPACK_IMPORTED_MODULE_0__.objects.isNullOrUndefined(column.__minWidthWithoutState)) {
+        column.minWidth = column.__minWidthWithoutState; // Resize to previous min width, assuming user has not manually changed the size because column is still as width as default_min_width
 
         if (column.width === _index__WEBPACK_IMPORTED_MODULE_0__.Column.DEFAULT_MIN_WIDTH) {
-          this.table.resizeColumn(column, column.minWidth);
+          this.table.resizeColumn(column, column.__widthWithoutState);
         }
+
+        column.__minWidthWithoutState = null;
+        column.__widthWithoutState = null;
       }
     }
   }
@@ -97007,7 +97096,10 @@ class TableHeaderMenu extends _index__WEBPACK_IMPORTED_MODULE_0__.Popup {
       this.filterTable.off('rowsChecked', this._filterTableRowsCheckedHandler);
     }
 
-    this.tableHeader.$container.off('scroll', this._tableHeaderScrollHandler);
+    if (this.tableHeader.rendered) {
+      this.tableHeader.$container.off('scroll', this._tableHeaderScrollHandler);
+    }
+
     this.$headerItem.select(false);
     this.table.off('columnMoved', this._onColumnMovedHandler);
     this.table.off('filterAdded', this._tableFilterHandler);
@@ -101352,7 +101444,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../index */ "./src/index.js");
 /*
- * Copyright (c) 2010-2020 BSI Business Systems Integration AG.
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
@@ -101373,7 +101465,7 @@ class BooleanColumn extends _index__WEBPACK_IMPORTED_MODULE_0__.Column {
     this.comparator = _index__WEBPACK_IMPORTED_MODULE_0__.comparators.NUMERIC;
     this.filterType = 'ColumnUserFilter';
     this.horizontalAlignment = 0;
-    this.minWidth = _index__WEBPACK_IMPORTED_MODULE_0__.Column.NARROW_MIN_WIDTH;
+    this.minWidth = _index__WEBPACK_IMPORTED_MODULE_0__.Column.SMALL_MIN_WIDTH;
     this.triStateEnabled = false;
     this.textBased = false;
   }
@@ -101556,7 +101648,7 @@ __webpack_require__.r(__webpack_exports__);
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 /*
- * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
@@ -101600,7 +101692,6 @@ class Column {
     this.width = 60;
     this.initialWidth = undefined; // the width the column initially has
 
-    this.prefMinWidth = null;
     this.minWidth = Column.DEFAULT_MIN_WIDTH; // the minimal width the column can have
 
     this.showSeparator = true;
@@ -101627,7 +101718,6 @@ class Column {
     this.$separator = null;
   }
 
-  // for columns without text (icon, check box)
   init(model) {
     this.session = model.session; // Copy all properties from model to this
 
@@ -102696,6 +102786,8 @@ class Column {
 
 _defineProperty(Column, "DEFAULT_MIN_WIDTH", 60);
 
+_defineProperty(Column, "SMALL_MIN_WIDTH", 38);
+
 _defineProperty(Column, "NARROW_MIN_WIDTH", 32);
 
 /***/ }),
@@ -102899,7 +102991,7 @@ class ColumnOptimalWidthMeasurer {
 
     let $neighbour = cellRange[cellRange.length - 1];
 
-    if ($neighbour.hasClass('empty') || $cell.hasClass('halign-right') == $neighbour.hasClass('halign-right')) {
+    if ($neighbour.hasClass('empty') || $cell.hasClass('halign-right') === $neighbour.hasClass('halign-right')) {
       return 0;
     }
 
@@ -105594,7 +105686,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! jquery */ "jquery");
 /* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_1__);
 /*
- * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
@@ -105656,6 +105748,14 @@ class CellEditorPopup extends _index__WEBPACK_IMPORTED_MODULE_0__.Popup {
     this.position();
     this.pack();
   }
+  /**
+   * @override
+   */
+
+
+  _getDefaultOpen$Parent() {
+    return this.table.$data;
+  }
 
   _render() {
     super._render(); // determine CSS class for first and last column, required for additional margins/padding in cell-editor
@@ -111907,7 +112007,7 @@ class TileGrid extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
   }
 
   _onAnimatedTileRemove(tile) {
-    if (!tile.rendered || !tile.animateRemoval) {
+    if (!tile.removalPending) {
       return;
     }
 
@@ -113355,7 +113455,7 @@ __webpack_require__.r(__webpack_exports__);
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 /*
- * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
@@ -113520,7 +113620,7 @@ class TileGridLayout extends _index__WEBPACK_IMPORTED_MODULE_0__.LogicalGridLayo
 
   _layoutCellBounds(containerSize, containerInsets) {
     // Since the tiles are positioned absolutely it is necessary to add the height of the filler to the top insets
-    if (this.widget.virtual) {
+    if (this.widget.virtual && this.widget.$fillBefore) {
       containerInsets.top += this.widget.$fillBefore.outerHeight(true);
     }
 
@@ -114647,7 +114747,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../index */ "./src/index.js");
 /*
- * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
@@ -115030,7 +115130,24 @@ class TileAccordion extends _index__WEBPACK_IMPORTED_MODULE_0__.Accordion {
 
   _filter() {
     this.groups.forEach(group => {
-      group.body.filter();
+      group.body.filter(); // If the layout has not been invalidated as part of the filtering above, it even though must be validated here.
+      // This is because groups above might have fewer visible Tiles now which makes room for this group.
+      // The revalidateLayout() with scrolling=true here ensures TileGrid._renderViewPort() is called to ensure these Tiles become visible as there is space available now.
+      // It is executed as postValidateFunction because the groups above must have completed their layouting so that
+      // TileGrid._renderViewPort() knows that there is more space available now.
+
+      if (group.body.htmlComp && group.body.htmlComp.valid && !group.body._accordionLayoutHandler
+      /* skip if already registered */
+      ) {
+        group.body._accordionLayoutHandler = () => {
+          group.body.scrolling = true;
+          group.body.revalidateLayout();
+          group.body.scrolling = false;
+          group.body._accordionLayoutHandler = null;
+        };
+
+        this.session.layoutValidator.schedulePostValidateFunction(group.body._accordionLayoutHandler);
+      }
     });
   }
   /**
@@ -115904,6 +116021,49 @@ class TileButton extends _index__WEBPACK_IMPORTED_MODULE_0__.Button {
 
 /***/ }),
 
+/***/ "./src/tile/fields/htmlfield/TileHtmlField.js":
+/*!****************************************************!*\
+  !*** ./src/tile/fields/htmlfield/TileHtmlField.js ***!
+  \****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ TileHtmlField)
+/* harmony export */ });
+/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../index */ "./src/index.js");
+/*
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v1.0
+ * which accompanies this distribution, and is available at
+ * http://www.eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ *     BSI Business Systems Integration AG - initial API and implementation
+ */
+
+class TileHtmlField extends _index__WEBPACK_IMPORTED_MODULE_0__.HtmlField {
+  constructor() {
+    super();
+  }
+
+  _render() {
+    super._render();
+
+    this.$container.addClass('scrollbar-y-outside');
+  }
+
+  _installScrollbars(options) {
+    return super._installScrollbars($.extend(true, {}, options, {
+      scrollShadow: 'gradient'
+    }));
+  }
+
+}
+
+/***/ }),
+
 /***/ "./src/tile/fields/tablefield/TileTableField.js":
 /*!******************************************************!*\
   !*** ./src/tile/fields/tablefield/TileTableField.js ***!
@@ -118035,7 +118195,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (/* binding */ LazyNodeFilter)
 /* harmony export */ });
 /*
- * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
@@ -118046,29 +118206,39 @@ __webpack_require__.r(__webpack_exports__);
  */
 class LazyNodeFilter {
   constructor(tree) {
-    //
     this.tree = tree;
   }
 
   accept(node) {
-    if (!node.expanded && node.parentNode && node.parentNode.expandedLazy && node.parentNode.lazyExpandingEnabled && this.tree.lazyExpandingEnabled) {
-      // if this node is not expanded and parent is lazyExpanding.
-      for (let i = 0; i < this.tree.selectedNodes.length; i++) {
-        let selectedNode = this.tree.selectedNodes[i]; // not initialized selected nodes
+    if (node.expanded) {
+      return true;
+    } // not expanded: remove lazy expand marker (forget lazy expanded children)
 
-        if (typeof selectedNode === 'string') {
-          break;
-        }
 
-        if (selectedNode === node || selectedNode.isDescendantOf(node)) {
-          return true;
-        }
+    node.childNodes.forEach(child => {
+      child._lazyNodeFilterAccepted = false;
+    });
+
+    if (!node.parentNode || !node.parentNode.expandedLazy || !node.parentNode.lazyExpandingEnabled || !this.tree.lazyExpandingEnabled) {
+      // no lazy expanding supported
+      return true;
+    } // if this node is not expanded and parent is lazyExpanding.
+
+
+    for (let i = 0; i < this.tree.selectedNodes.length; i++) {
+      let selectedNode = this.tree.selectedNodes[i];
+
+      if (typeof selectedNode === 'string') {
+        break;
       }
 
-      return false;
+      if (selectedNode === node) {
+        node._lazyNodeFilterAccepted = true;
+        return true;
+      }
     }
 
-    return true;
+    return !!node._lazyNodeFilterAccepted;
   }
 
 }
@@ -118091,7 +118261,7 @@ __webpack_require__.r(__webpack_exports__);
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 /*
- * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
@@ -118219,10 +118389,9 @@ class Tree extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
 
     this._ensureTreeNodes(this.nodes);
 
-    this.visitNodes(this._initTreeNode.bind(this));
-    this.visitNodes(this._updateFlatListAndSelectionPath.bind(this));
+    this._initNodes(this.nodes);
+
     this.initialTraversing = false;
-    this.selectedNodes = this._nodesByIds(this.selectedNodes);
     this.menuBar = _index__WEBPACK_IMPORTED_MODULE_0__.scout.create('MenuBar', {
       parent: this,
       position: _index__WEBPACK_IMPORTED_MODULE_0__.MenuBar.Position.BOTTOM,
@@ -118239,6 +118408,27 @@ class Tree extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
 
     this._setMenus(this.menus);
   }
+  /**
+   * Initialize nodes, applies filters and updates flat list
+   */
+
+
+  _initNodes(nodes, parentNode) {
+    if (!nodes) {
+      nodes = this.nodes;
+    }
+
+    Tree.visitNodes(this._initTreeNode.bind(this), nodes, parentNode);
+
+    if (typeof this.selectedNodes[0] === 'string') {
+      this.selectedNodes = this._nodesByIds(this.selectedNodes);
+    }
+
+    this._updateSelectionPath();
+
+    nodes.forEach(node => this.applyFiltersForNode(node));
+    Tree.visitNodes((node, parentNode) => this._addToVisibleFlatList(node, false), nodes, parentNode);
+  }
   /**
    * Iterates through the given array and converts node-models to instances of TreeNode (or a subclass).
    * If the array element is already a TreeNode the function leaves the element untouched. This function also
@@ -118324,45 +118514,26 @@ class Tree extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
   }
 
   isSelectedNode(node) {
-    if (this.initialTraversing) {
-      return this.selectedNodes.indexOf(node.id) > -1;
-    }
-
     return this.selectedNodes.indexOf(node) > -1;
   }
 
-  _updateFlatListAndSelectionPath(node, parentNode) {
-    // if this node is selected all parent nodes have to be added to selectionPath
-    if (this.isSelectedNode(node) && (node.parentNode && !this.visibleNodesMap[node.parentNode.id] || node.level === 0)) {
-      let p = node;
-
-      while (p) {
-        this._inSelectionPathList[p.id] = true;
-        p.filterDirty = true;
-
-        if (p !== node) {
-          // ensure node is expanded
-          node.expanded = true; // if parent was filtered before, try refilter after adding to selection path.
-
-          if (p.level === 0) {
-            this.applyFiltersForNode(p); // add visible nodes to visible nodes array when they are initialized
-
-            this._addToVisibleFlatList(p, false); // process children
-
+  _updateSelectionPath() {
+    let selectedNode = this.selectedNodes[0];
 
-            this._addChildrenToFlatList(p, this.visibleNodesFlat.length - 1, false, null, true);
-          }
-        }
-
-        p = p.parentNode;
-      }
-    } else if (node.parentNode && this.isSelectedNode(node.parentNode)) {
-      this._inSelectionPathList[node.id] = true;
+    if (!selectedNode) {
+      return;
     }
 
-    this.applyFiltersForNode(node); // add visible nodes to visible nodes array when they are initialized
+    this._inSelectionPathList[selectedNode.id] = true;
+    selectedNode.childNodes.forEach(child => {
+      this._inSelectionPathList[child.id] = true;
+    });
+    let parentNode = selectedNode.parentNode;
 
-    this._addToVisibleFlatList(node, false);
+    while (parentNode) {
+      this._inSelectionPathList[parentNode.id] = true;
+      parentNode = parentNode.parentNode;
+    }
   }
 
   _initTreeNode(node, parentNode) {
@@ -118410,7 +118581,7 @@ class Tree extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
     this._removeFromFlatList(node, false); // ensure node is not longer in visible nodes list.
 
 
-    node.destroy();
+    node.destroy(); // noinspection JSUnresolvedVariable
 
     if (this._onNodeDeleted) {
       // Necessary for subclasses
@@ -118481,8 +118652,8 @@ class Tree extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
   }
 
   _remove() {
-    // remove listener
-    this.session.desktop.off('popupOpen', this._popupOpenHandler); // stop all animations
+    this.session.desktop.off('popupOpen', this._popupOpenHandler);
+    this.filterSupport.remove(); // stop all animations
 
     if (this._$animationWrapper) {
       this._$animationWrapper.stop(false, true);
@@ -118496,10 +118667,9 @@ class Tree extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
 
     this.$fillBefore = null;
     this.$fillAfter = null;
-    this.$data = null; // reset rendered view range because now range is rendered
+    this.$data = null; // reset rendered view range because no range is rendered
 
     this.viewRangeRendered = new _index__WEBPACK_IMPORTED_MODULE_0__.Range(0, 0);
-    this.filterSupport.remove();
 
     super._remove();
   }
@@ -119652,9 +119822,8 @@ class Tree extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
       renderExpansionOpts.expandLazyChanged = node.expandedLazy !== lazy;
       node.expanded = expanded;
       node.expandedLazy = lazy;
-      let filterStateChanged = this.applyFiltersForNode(node, false, renderAnimated);
 
-      if (filterStateChanged && renderExpansionOpts.expansionChanged) {
+      if (renderExpansionOpts.expansionChanged) {
         if (node.parentNode) {
           // ensure node is visible under the parent node if there is a parent.
           this._rebuildParent(node.parentNode, opts);
@@ -119664,9 +119833,7 @@ class Tree extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
           this._removeFromFlatList(node, false);
         }
       } else if (renderExpansionOpts.expandLazyChanged) {
-        node.childNodes.forEach(child => {
-          this.applyFiltersForNode(child, false, renderAnimated);
-        });
+        this.applyFiltersForNode(node, false, renderAnimated);
       }
 
       if (this.groupedNodes[node.id]) {
@@ -119674,7 +119841,9 @@ class Tree extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
       }
 
       if (node.expanded) {
-        node.ensureLoadChildren().done(this._addChildrenToFlatList.bind(this, node, null, renderAnimated, null, true));
+        node.ensureLoadChildren().done(this._addChildrenToFlatList.bind(this, node, null, renderAnimated, null, true
+        /* required that ctrl+shift+add expands all rows of a table-page */
+        ));
       } else {
         this._removeChildrenFromFlatList(node, renderAnimated);
       }
@@ -119709,7 +119878,9 @@ class Tree extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
     }
 
     if (node.expanded || node.expandedLazy) {
-      this._addChildrenToFlatList(node, null, false, null, true);
+      this._addChildrenToFlatList(node, null, true, null, true
+      /* required so that double clicking a table-page-row expands the clicked child row */
+      );
     } else {
       this._removeChildrenFromFlatList(node, false);
     } // Render expansion
@@ -119831,8 +120002,6 @@ class Tree extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
   }
 
   _removeFromFlatList(node, animatedRemove) {
-    let removedNodes = [];
-
     if (this.visibleNodesMap[node.id]) {
       let index = this.visibleNodesFlat.indexOf(node);
 
@@ -119846,13 +120015,10 @@ class Tree extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
         }
       }
 
-      removedNodes = _index__WEBPACK_IMPORTED_MODULE_0__.arrays.ensure(this.visibleNodesFlat.splice(index, 1));
+      this.visibleNodesFlat.splice(index, 1);
       delete this.visibleNodesMap[node.id];
       this.hideNode(node, animatedRemove);
     }
-
-    removedNodes.push(node);
-    return removedNodes;
   }
   /**
    * @returns {boolean} whether or not the function added a node to the flat list
@@ -119862,7 +120028,7 @@ class Tree extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
   _addToVisibleFlatList(node, renderingAnimated) {
     // if node already is in visible list don't do anything. If no parentNode is available this node is on toplevel, if a parent is available
     // it has to be in visible list and also be expanded
-    if (!this.visibleNodesMap[node.id] && node.isFilterAccepted() && (!node.parentNode || node.parentNode.expanded && this.visibleNodesMap[node.parentNode.id])) {
+    if (!this.visibleNodesMap[node.id] && node.filterAccepted && (!node.parentNode || node.parentNode.expanded && this.visibleNodesMap[node.parentNode.id])) {
       if (this.initialTraversing) {
         // for faster index calculation
         this._addToVisibleFlatListNoCheck(node, this.visibleNodesFlat.length, renderingAnimated);
@@ -119912,12 +120078,11 @@ class Tree extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
           isAlreadyAdded = this.visibleNodesMap[node.id];
 
       if (isAlreadyAdded) {
-        this.insertBatchInVisibleNodes(insertBatch, this._showNodes(insertBatch), animatedRendering);
-        this.checkAndHandleBatchAnimationWrapper(parentNode, animatedRendering, insertBatch);
-        insertBatch = this.newInsertBatch(insertBatch.nextBatchInsertIndex());
-        insertBatch = this._addChildrenToFlatListIfExpanded(1, node, insertIndex, animatedRendering, insertBatch, forceFilter); // do not animate following
+        this.insertBatchInVisibleNodes(insertBatch, this._showNodes(insertBatch), animatedRendering); // Animate rendering is always false because it would generate a bunch of animation wrappers which stay forever without really starting an animation...
 
-        animatedRendering = false;
+        this.checkAndHandleBatchAnimationWrapper(parentNode, false, insertBatch);
+        insertBatch = this.newInsertBatch(insertBatch.nextBatchInsertIndex());
+        insertBatch = this._addChildrenToFlatListIfExpanded(1, node, insertIndex, animatedRendering, insertBatch, forceFilter);
       } else {
         insertBatch.insertNodes.push(node);
         this.visibleNodesMap[node.id] = true;
@@ -120521,11 +120686,9 @@ class Tree extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
         nodes.forEach(entry => {
           parentNode.childNodes.push(entry);
         });
-      } // initialize node and add to visible list if node is visible
-
+      }
 
-      Tree.visitNodes(this._initTreeNode.bind(this), nodes, parentNode);
-      Tree.visitNodes(this._updateFlatListAndSelectionPath.bind(this), nodes, parentNode);
+      this._initNodes(nodes, parentNode);
 
       if (this.groupedNodes[parentNode.id]) {
         this._updateItemPath(false, parentNode);
@@ -120552,11 +120715,9 @@ class Tree extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
         this._updateChildNodeIndex(this.nodes, nodes[0].childNodeIndex);
       } else {
         _index__WEBPACK_IMPORTED_MODULE_0__.arrays.pushAll(this.nodes, nodes);
-      } // initialize node and add to visible list if node is visible
-
+      }
 
-      Tree.visitNodes(this._initTreeNode.bind(this), nodes, parentNode);
-      Tree.visitNodes(this._updateFlatListAndSelectionPath.bind(this), nodes, parentNode);
+      this._initNodes(nodes, parentNode);
     }
 
     if (this.rendered) {
@@ -120697,9 +120858,7 @@ class Tree extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
       Tree.visitNodes(this._destroyTreeNode.bind(this), node.childNodes);
     }, this); // update child node indices
 
-    parentNodesToReindex.forEach(function (p) {
-      this._updateChildNodeIndex(p.childNodes);
-    }, this);
+    parentNodesToReindex.forEach(p => this._updateChildNodeIndex(p.childNodes));
 
     this._updateChildNodeIndex(topLevelNodesToReindex);
 
@@ -121152,10 +121311,8 @@ class Tree extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
 
     this.nodes.forEach(node => {
       let result = this.applyFiltersForNode(node, false, this.filterAnimated);
-      _index__WEBPACK_IMPORTED_MODULE_0__.arrays.removeAll(newlyHidden, result.newlyShown);
-      _index__WEBPACK_IMPORTED_MODULE_0__.arrays.removeAll(newlyShown, result.newlyHidden);
-      result.newlyHidden.forEach(hidden => _index__WEBPACK_IMPORTED_MODULE_0__.arrays.pushSet(newlyHidden, hidden));
-      result.newlyShown.forEach(shown => _index__WEBPACK_IMPORTED_MODULE_0__.arrays.pushSet(newlyShown, shown));
+      newlyHidden.push(...result.newlyHidden);
+      newlyShown.push(...result.newlyShown);
     });
     return {
       newlyHidden: newlyHidden,
@@ -121169,34 +121326,34 @@ class Tree extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
     }
 
     if (opts.textFilterText) {
-      result.newlyShown.forEach(node => this._expandAllParentNodes(node));
+      this._nodesByIds(Object.keys(this.nodesMap)).filter(it => it.filterAccepted).forEach(node => this._expandAllParentNodes(node));
     }
 
     result.newlyShown.forEach(node => this._addToVisibleFlatList(node, this.filterAnimated));
-
-    this._nodesFiltered(_index__WEBPACK_IMPORTED_MODULE_0__.arrays.flatMap(result.newlyHidden, node => this._removeFromFlatList(node, this.filterAnimated)));
-
+    result.newlyHidden.forEach(node => this._removeFromFlatList(node, this.filterAnimated));
     this.filteredElementsDirty = false;
   }
 
   filterVisibleNodes(animated) {
     // Filter nodes
-    let newlyHidden = [];
+    let newlyHidden = []; // iterate from end to beginning (child nodes first) so that the state of the children has already been updated
 
-    for (let i = 0; i < this.visibleNodesFlat.length; i++) {
+    for (let i = this.visibleNodesFlat.length - 1; i >= 0; i--) {
       let node = this.visibleNodesFlat[i];
-      let result = this.applyFiltersForNode(node, false, animated);
+
+      let result = this._applyFiltersForNodeRec(node, true, animated);
 
       if (result.newlyHidden.length) {
         if (!node.isFilterAccepted()) {
-          i--;
-          _index__WEBPACK_IMPORTED_MODULE_0__.arrays.pushAll(newlyHidden, this._removeFromFlatList(node, animated));
+          newlyHidden.push(...result.newlyHidden);
         }
 
         this.viewRangeDirty = true;
       }
     }
 
+    newlyHidden.forEach(h => this._removeFromFlatList(h, animated));
+
     this._nodesFiltered(newlyHidden);
   }
 
@@ -121208,69 +121365,73 @@ class Tree extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
   applyFiltersForNode(node) {
     let applyNewHiddenShownNodes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     let animated = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+
+    let result = this._applyFiltersForNodeRec(node, true, animated); // the result so far only includes the node and all its children.
+    // always include the parent nodes as well so that the filter has an effect
+
+
+    let parent = node.parentNode;
+
+    while (parent) {
+      let parentResult = this._applyFiltersForNodeRec(parent, false, animated);
+
+      result.newlyHidden.unshift(...parentResult.newlyHidden);
+      result.newlyShown.unshift(...parentResult.newlyShown);
+      parent = parent.parentNode;
+    }
+
+    this._nodesFiltered(result.newlyHidden);
+
+    if (applyNewHiddenShownNodes) {
+      result.newlyShown.forEach(node => this._addToVisibleFlatList(node, animated));
+      result.newlyHidden.forEach(node => this._removeFromFlatList(node, animated));
+    }
+
+    return result;
+  }
+
+  _applyFiltersForNodeRec(node, recursive) {
+    let animated = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     let newlyHidden = [],
         newlyShown = [];
     animated = animated && this.filterAnimated;
-    node.filterDirty = true;
 
     let changed = this._applyFiltersForNode(node);
 
-    if (changed) {
-      let parents = [];
-      let parent = node.parentNode; // collect all parents that need to be updated
-      // show: if node.filterAccepted === true, all parents with parent.filterAccepted === false need to be updated
-      // hide: if node.filterAccepted === false, all parents with parent.filterAccepted === true need to be updated...
-      //       ...EXCEPT there are other childNodes of parent with childNode.filterAccepted === true OR the parent is directly accepted by all filters
-
-      while (parent && parent.filterAccepted !== node.filterAccepted && (node.filterAccepted || parent.childNodes.filter(child => parents.indexOf(child) === -1).every(child => !child.filterAccepted) && !this.filterSupport.elementAcceptedByFilters(parent))) {
-        _index__WEBPACK_IMPORTED_MODULE_0__.arrays.insert(parents, parent, 0);
-        parent = parent.parentNode;
-      }
-
-      let removeFrom = node.filterAccepted ? newlyHidden : newlyShown,
-          pushTo = node.filterAccepted ? newlyShown : newlyHidden;
-      parents.forEach(p => {
-        p.setFilterAccepted(node.filterAccepted);
-        _index__WEBPACK_IMPORTED_MODULE_0__.arrays.remove(removeFrom, p);
-        _index__WEBPACK_IMPORTED_MODULE_0__.arrays.pushSet(pushTo, p);
-      });
-      _index__WEBPACK_IMPORTED_MODULE_0__.arrays.pushSet(pushTo, node);
+    let hasChildrenWithFilterAccepted = false;
 
-      if (this.rendered) {
-        this.viewRangeDirty = true;
-      }
-    } else {
-      // this else branch is required when the filter-state of a node has not changed
-      // for instance Node "Telefon mit Sabrina" is visible for filter "tel" and also
-      // for filter "abr". However, it is possible that the node is _not_ attached, when
-      // we switch from one filter to another, because the node was not in the view-range
-      // with the previous filter. That's why we must make sure, the node is attached to
-      // the DOM, even though the filter state hasn't changed. Otherwise we'd have a
-      // problem when we insert nodes in this._insertNodeInDOMAtPlace.
-      if (!node.attached) {
-        this.showNode(node, animated);
+    if (node.level < 32
+    /* see org.eclipse.scout.rt.client.ui.basic.tree.AbstractTree.expandAllRec */
+    ) {
+      if (recursive) {
+        node.childNodes.forEach(childNode => {
+          let result = this._applyFiltersForNodeRec(childNode, true, animated);
 
-        if (node.attached) {
-          // If sibling nodes are hiding at the same time, the nodes to be shown should be added after these nodes to make the animation look correctly -> move them
-          node.$node.insertAfter(node.$node.nextAll('.hiding:last'));
-        }
+          newlyHidden.push(...result.newlyHidden);
+          newlyShown.push(...result.newlyShown);
+          hasChildrenWithFilterAccepted = hasChildrenWithFilterAccepted || childNode.filterAccepted;
+        });
+      } else if (!node.filterAccepted) {
+        // Check children only if filterAccepted is false because only then hasChildrenWithFilterAccepted is used (see below).
+        // This has great impact on performance when there are many nodes
+        hasChildrenWithFilterAccepted = node.childNodes.some(childNode => childNode.filterAccepted);
       }
-    }
+    } // set filter accepted on this node if it has children with filter accepted (so that the children are visible)
 
-    if (node.level < 32) {
-      node.childNodes.forEach(childNode => {
-        let result = this.applyFiltersForNode(childNode, false, animated);
-        _index__WEBPACK_IMPORTED_MODULE_0__.arrays.removeAll(newlyHidden, result.newlyShown);
-        _index__WEBPACK_IMPORTED_MODULE_0__.arrays.removeAll(newlyShown, result.newlyHidden);
-        result.newlyHidden.forEach(hidden => _index__WEBPACK_IMPORTED_MODULE_0__.arrays.pushSet(newlyHidden, hidden));
-        result.newlyShown.forEach(shown => _index__WEBPACK_IMPORTED_MODULE_0__.arrays.pushSet(newlyShown, shown));
-      });
-    }
 
-    if (applyNewHiddenShownNodes) {
-      newlyShown.forEach(node => this._addToVisibleFlatList(node, animated));
+    if (!node.filterAccepted && hasChildrenWithFilterAccepted) {
+      node.setFilterAccepted(true);
+      changed = !changed;
+    } // remember changed node
+
 
-      this._nodesFiltered(_index__WEBPACK_IMPORTED_MODULE_0__.arrays.flatMap(newlyHidden, node => this._removeFromFlatList(node, animated)));
+    if (changed) {
+      let pushTo = node.filterAccepted ? newlyShown : newlyHidden;
+      pushTo.unshift(node);
+
+      if (this.rendered) {
+        this.viewRangeDirty = true;
+      }
     }
 
     return {
@@ -121284,17 +121445,16 @@ class Tree extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
 
 
   _applyFiltersForNode(node) {
-    let changed = this.filterSupport.applyFiltersForElement(node) || node.filterDirty;
+    let changed = this.filterSupport.applyFiltersForElement(node);
 
-    if (changed) {
+    if (changed || node.filterDirty) {
       node.filterDirty = false;
       node.childNodes.forEach(childNode => {
         childNode.filterDirty = true;
       });
-      return true;
     }
 
-    return false;
+    return changed;
   }
   /**
    * @returns {FilterSupport}
@@ -121334,7 +121494,7 @@ class Tree extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
     nodes = nodes.filter(function (node) {
       let index = indexHint === undefined ? this.visibleNodesFlat.indexOf(node) : indexHint;
 
-      if (index === -1 || !(this.viewRangeRendered.from + this.viewRangeSize >= index && this.viewRangeRendered.from <= index && this.viewRangeRendered.size() > 0) || node.attached) {
+      if (index === -1 || !(this.viewRangeRendered.from + this.viewRangeSize >= index && this.viewRangeRendered.from <= index && this.viewRangeSize > 0) || node.attached) {
         // node is not visible
         return false;
       }
@@ -121522,6 +121682,10 @@ class Tree extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
           $node.removeClass('hiding');
 
           if (!$node.hasClass('showing')) {
+            // JQuery sets display to none which we don't need because node will be detached.
+            // If node is added using another method than slideDown (used by show node), it would be invisible.
+            // Example: parent is collapsed while nodes are hiding -> remove filter, expand parent -> invisible nodes
+            $node.css('display', '');
             $node.detach();
             node.attached = false;
           }
@@ -121535,15 +121699,11 @@ class Tree extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
   }
 
   _nodesToIds(nodes) {
-    return nodes.map(node => {
-      return node.id;
-    });
+    return nodes.map(node => node.id);
   }
 
   _nodesByIds(ids) {
-    return ids.map(id => {
-      return this.nodesMap[id];
-    });
+    return ids.map(id => this.nodesMap[id]);
   }
 
   _nodeById(id) {
@@ -122125,7 +122285,7 @@ class TreeLayout extends _index__WEBPACK_IMPORTED_MODULE_0__.AbstractLayout {
       exact: true
     }).subtract(htmlContainer.insets());
 
-    if (this.tree.toggleBreadcrumbStyleEnabled) {
+    if (this.tree.toggleBreadcrumbStyleEnabled && this._sizeChanged(htmlContainer)) {
       this.tree.setBreadcrumbStyleActive(Math.floor(containerSize.width) <= this.tree.breadcrumbTogglingThreshold);
     }
 
@@ -122220,7 +122380,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! jquery */ "jquery");
 /* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_1__);
 /*
- * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
@@ -122375,7 +122535,7 @@ class TreeNode {
 
   isFilterAccepted(forceFilter) {
     if (this.filterDirty || forceFilter) {
-      this.getTree().applyFiltersForNode(this, false);
+      this.getTree().applyFiltersForNode(this);
     }
 
     return this.filterAccepted;
@@ -123583,7 +123743,7 @@ __webpack_require__.r(__webpack_exports__);
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 /*
- * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
@@ -123830,7 +123990,7 @@ class Device {
     browser = _index__WEBPACK_IMPORTED_MODULE_0__.scout.nvl(browser, this.browser);
     version = _index__WEBPACK_IMPORTED_MODULE_0__.scout.nvl(version, this.browserVersion);
     let browsers = Device.Browser;
-    return browser === browsers.CHROME && version >= 69 || browser === browsers.FIREFOX && version >= 62 || browser === browsers.SAFARI && version >= 12.1;
+    return browser === browsers.CHROME && version >= 69 || browser === browsers.FIREFOX && version >= 62 || browser === browsers.SAFARI && version >= 12;
   }
   /**
    * Can not detect type until DOM is ready because we must create a DIV to measure the scrollbars.
@@ -123934,6 +124094,11 @@ class Device {
     } else if (this.browser === browsers.EDGE) {
       versionRegex = /Edge\/([0-9]+\.?[0-9]*)/;
     } else if (this.browser === browsers.SAFARI) {
+      if (this.isIos() && userAgent.indexOf('Version/') < 0) {
+        this.browserVersion = this.systemVersion;
+        return;
+      }
+
       versionRegex = /Version\/([0-9]+\.?[0-9]*)/;
     } else if (this.browser === browsers.FIREFOX) {
       versionRegex = /Firefox\/([0-9]+\.?[0-9]*)/;
@@ -126087,6 +126252,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "$remove": () => (/* binding */ $remove),
 /* harmony export */   "randomElement": () => (/* binding */ randomElement),
 /* harmony export */   "toMap": () => (/* binding */ toMap),
+/* harmony export */   "nullIfEmpty": () => (/* binding */ nullIfEmpty),
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../index */ "./src/index.js");
@@ -126312,6 +126478,12 @@ function containsAll(haystack, needles) {
     return haystack.indexOf(element) >= 0;
   });
 }
+/**
+ * @template T
+ * @param {T[]} arr
+ * @return {T}
+ */
+
 function first(arr) {
   if (Array.isArray(arr)) {
     return arr[0];
@@ -126319,6 +126491,12 @@ function first(arr) {
 
   return arr;
 }
+/**
+ * @template T
+ * @param {T[]} arr
+ * @return {T}
+ */
+
 function last(arr) {
   if (Array.isArray(arr)) {
     return arr[arr.length - 1];
@@ -126391,9 +126569,9 @@ function union(array1, array2) {
     }
   });
   return result;
-} // noinspection DuplicatedCode
-
+}
 function equalsIgnoreOrder(arr, arr2) {
+  // noinspection DuplicatedCode
   if (arr === arr2) {
     return true;
   }
@@ -126411,9 +126589,9 @@ function equalsIgnoreOrder(arr, arr2) {
   }
 
   return containsAll(arr, arr2);
-} // noinspection DuplicatedCode
-
+}
 function equals(arr, arr2) {
+  // noinspection DuplicatedCode
   if (arr === arr2) {
     return true;
   }
@@ -126741,6 +126919,17 @@ function toMap(array) {
     return map;
   }, {}));
 }
+/**
+ * If the argument is an empty array, null is returned. Otherwise, the argument is returned unchanged.
+ *
+ * @template T
+ * @param {T[]} array
+ * @return {T[]|null}
+ */
+
+function nullIfEmpty(array) {
+  return empty(array) ? null : array;
+}
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   $indexOf,
   $remove,
@@ -126779,6 +126968,7 @@ function toMap(array) {
   max,
   min,
   move,
+  nullIfEmpty,
   pushAll,
   pushIfDefined,
   pushSet,
@@ -128350,7 +128540,8 @@ function uninstallDragAndDropHandler(target) {
  * @property {String} [selector] CSS selector which will be added to the event source.
  * @property {dropType} [dropType] Returns the allowed drop type during a drop event. Default is {@link dragAndDrop.SCOUT_TYPES.FILE_TRANSFER}
  * @property {dropMaximumSize} [dropMaximumSize] Returns the maximum allowed size of a dropped object. Default is {@link DragAndDropTarget.dropMaximumSize}
- * @property {validateFiles} [validateFiles] An optional function to add a custom file validation logic. Throw a {@link dropValidationErrorMessage} to indicate a failed validation. if no custom validator is installed, the default maximum file size validator is invoked.
+ * @property {validateFiles} [validateFiles] An optional function to add a custom file validation logic. Throw a {@link dropValidationErrorMessage} to indicate a failed validation.
+ *           If no custom validator is installed, the default maximum file size validator is invoked.
  * @property {additionalDropProperties} [additionalDropProperties] Returns additional drop properties to be used in {@link DragAndDropHandler.uploadFiles} as uploadProperties
  */
 
@@ -128614,7 +128805,7 @@ function onSwipe($element, id, onDown, onMove, onUp) {
       let deltaX = pageX - origPageX;
       let newLeft = origPosLeft + deltaX;
 
-      if (newLeft != curPosLeft) {
+      if (newLeft !== curPosLeft) {
         // only update swipe direction if it actually changed
         direction = Math.sign(newLeft - curPosLeft);
       }
@@ -131124,12 +131315,16 @@ function resolveConstProperty(object, config) {
 /**
  * @param {object} obj
  * @returns {Boolean|undefined}
- *  - true if the obj is empty
+ *  - true if the obj is empty, null or undefined
  *  - false if the obj is not empty
  *  - nothing if the obj is not an object
  */
 
 function isEmpty(obj) {
+  if (isNullOrUndefined(obj)) {
+    return true;
+  }
+
   if (!isPlainObject(obj)) {
     return;
   }
@@ -132708,7 +132903,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../index */ "./src/index.js");
 /* harmony import */ var _keystroke_FocusFilterFieldKeyStroke__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../keystroke/FocusFilterFieldKeyStroke */ "./src/keystroke/FocusFilterFieldKeyStroke.js");
 /*
- * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
@@ -132838,14 +133033,20 @@ class FilterSupport extends _index__WEBPACK_IMPORTED_MODULE_0__.WidgetSupport {
     this._filterField.$field.attr('tabIndex', -1);
 
     let color = _index__WEBPACK_IMPORTED_MODULE_0__.styles.getFirstOpaqueBackgroundColor(this._filterField.$container),
-        transparentColorRgba = $.extend(true, {}, _index__WEBPACK_IMPORTED_MODULE_0__.styles.rgb(color), {
-      alpha: 0.5
-    }),
-        transparentColor = 'rgba(' + transparentColorRgba.red + ', ' + transparentColorRgba.green + ', ' + transparentColorRgba.blue + ', ' + transparentColorRgba.alpha + ')';
+        colorRgba = $.extend(true, {
+      red: 0,
+      green: 0,
+      blue: 0,
+      alpha: 1
+    }, _index__WEBPACK_IMPORTED_MODULE_0__.styles.rgb(color)),
+        transparent50Color = 'rgba(' + colorRgba.red + ', ' + colorRgba.green + ', ' + colorRgba.blue + ', ' + 0.5 + ')',
+        transparent80Color = 'rgba(' + colorRgba.red + ', ' + colorRgba.green + ', ' + colorRgba.blue + ', ' + 0.8 + ')';
 
     this._filterField.$container.css('--filter-field-background-color', color);
 
-    this._filterField.$container.css('--filter-field-transparent-background-color', transparentColor);
+    this._filterField.$container.css('--filter-field-transparent-50-background-color', transparent50Color);
+
+    this._filterField.$container.css('--filter-field-transparent-80-background-color', transparent80Color);
 
     this._textFilter = this._createTextFilter();
     this._textFilter.synthetic = true;
@@ -133455,7 +133656,7 @@ class Widget {
 
     this.cloneOf = null;
     /**
-     * The 'rendering' flag is set the true while the _inital_ rendering is performed.
+     * The 'rendering' flag is set the true while the _initial_ rendering is performed.
      * It is used to to something different in a _render* method when the method is
      * called for the first time.
      */
@@ -133535,6 +133736,12 @@ class Widget {
    */
 
 
+  /**
+   * Initializes the widget instance. All properties of the model parameter (object) are set as properties on the widget instance.
+   * Calls {@link Widget#_init} and triggers an <em>init</em> event when initialization has been completed.
+   *
+   * @param {object} model
+   */
   init(model) {
     let staticModel = this._jsonModel();
 
@@ -133564,9 +133771,12 @@ class Widget {
     return model;
   }
   /**
-   * @param {object} options
-   * - parent (required): The parent widget
-   * - session (optional): If not specified the session of the parent is used
+   * Initializes the widget instance. All properties of the model parameter (object) are set as properties on the widget instance.
+   * Override this function to initialize widget specific properties in sub-classes.
+   *
+   * @param {object} model Properties:<ul>
+   *   <li>parent (required): parent widget</li>
+   *   <li>session (optional): If not specified, session of parent widget is used</li></ul>
    */
 
 
@@ -133992,7 +134202,9 @@ class Widget {
 
 
   _removeAnimated() {
-    if (!_index__WEBPACK_IMPORTED_MODULE_0__.Device.get().supportsCssAnimation() || !this.$container || this.$container.isDisplayNone()) {
+    let animateRemovalWhileRemovingParent = this._animateRemovalWhileRemovingParent();
+
+    if (this.parent.removing && !animateRemovalWhileRemovingParent || !_index__WEBPACK_IMPORTED_MODULE_0__.Device.get().supportsCssAnimation() || !this.$container || this.$container.isDisplayNone()) {
       // Cannot remove animated, remove regularly
       this._removeInternal();
 
@@ -134014,7 +134226,7 @@ class Widget {
         throw new Error('Missing animate removal class. Cannot remove animated.');
       }
 
-      if (!this.$container.isVisible() || !this.$container.isEveryParentVisible()) {
+      if (!this.$container.isVisible() || !this.$container.isEveryParentVisible() || !this.$container.isAttached()) {
         // If element is not visible, animationEnd would never fire -> remove it immediately
         this._removeInternal();
 
@@ -134028,7 +134240,14 @@ class Widget {
     }); // If the parent is being removed while the animation is running, the animationEnd event will never fire
     // -> Make sure remove is called nevertheless. Important: remove it before the parent is removed to maintain the regular remove order
 
-    this.parent.one('removing', this._parentRemovingWhileAnimatingHandler);
+    if (!animateRemovalWhileRemovingParent) {
+      this.parent.one('removing', this._parentRemovingWhileAnimatingHandler);
+    }
+  }
+
+  _animateRemovalWhileRemovingParent() {
+    // By default, remove animation is prevented when parent is being removed
+    return false;
   }
 
   _onParentRemovingWhileAnimating() {