@eclipse-scout/core 22.0.11 → 22.0.19

package/dist/eclipse-scout-core.js

@@ -74,6 +74,7 @@ class App {
    * @param {string|string[]} [options.bootstrap.textsUrl] URL or multiple URLs pointing to a json resource containing texts that will be available through texts.js.
    * @param {string} [options.bootstrap.localesUrl] URL pointing to a json resource containing locale information processed by locales.js
    * @param {string} [options.bootstrap.codesUrl] URL pointing to a json resources containing codes that will be available through codes.js
+   * @param {object} [options.session] Object to configure the session, see {@link Session.init} for the available options.
    */
 
 
@@ -11096,11 +11097,11 @@ __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
- * http://www.eclipse.org/legal/epl-v10.html
+ * https://www.eclipse.org/legal/epl-v10.html
  *
  * Contributors:
  *     BSI Business Systems Integration AG - initial API and implementation
@@ -11147,7 +11148,7 @@ class OpenUriHandler {
       } else {
         this.openUriAsNewWindow(uri);
       }
-    } else if (_index__WEBPACK_IMPORTED_MODULE_0__.Device.get().browser === _index__WEBPACK_IMPORTED_MODULE_0__.Device.Browser.CHROME) {
+    } else if (_index__WEBPACK_IMPORTED_MODULE_0__.Device.get().browser === _index__WEBPACK_IMPORTED_MODULE_0__.Device.Browser.CHROME && this.isUriWithExternallyHandledProtocol(uri)) {
       // "Hidden iframe"-solution is not working in Chromium (https://bugs.chromium.org/p/chromium/issues/detail?id=663325)
       this.openUriInSameWindow(uri);
     } else {
@@ -11156,7 +11157,7 @@ class OpenUriHandler {
   }
 
   isUriWithExternallyHandledProtocol(uri) {
-    return /^(callto|facetime|fax|geo|mailto|maps|notes|sip|skype|tel|google.navigation):/.test(uri);
+    return /^(callto|facetime|fax|geo|mailto|maps|notes|sip|skype|tel|google.navigation|sms|msteams):/.test(uri);
   }
 
   handleUriActionOpen(uri) {
@@ -11166,7 +11167,7 @@ class OpenUriHandler {
       // Additionally, some url types require to be opened in the same window like tel or mailto, at least on mobile devices
       this.openUriInSameWindow(uri);
     } else if (this.isUriWithExternallyHandledProtocol(uri)) {
-      if (_index__WEBPACK_IMPORTED_MODULE_0__.Device.get().browser === _index__WEBPACK_IMPORTED_MODULE_0__.Device.Browser.CHROME) {
+      if (_index__WEBPACK_IMPORTED_MODULE_0__.Device.get().browser === _index__WEBPACK_IMPORTED_MODULE_0__.Device.Browser.CHROME || _index__WEBPACK_IMPORTED_MODULE_0__.Device.get().isAndroid()) {
         // "Hidden iframe"-solution is not working in Chromium (https://bugs.chromium.org/p/chromium/issues/detail?id=663325)
         this.openUriInSameWindow(uri);
       } else {
@@ -28052,7 +28053,7 @@ class FormField extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
       return;
     }
 
-    this.fieldStatus.remove();
+    this.fieldStatus.destroy();
     this.$status = null;
     this.fieldStatus = null;
   }
@@ -33358,6 +33359,8 @@ class DateField extends _index__WEBPACK_IMPORTED_MODULE_0__.ValueField {
     }
 
     this._renderDateClearable();
+
+    this.$container.toggleClass('has-date', this.hasDate);
   }
 
   setHasTime(hasTime) {
@@ -33410,6 +33413,8 @@ class DateField extends _index__WEBPACK_IMPORTED_MODULE_0__.ValueField {
     }
 
     this._renderTimeClearable();
+
+    this.$container.toggleClass('has-time', this.hasTime);
   }
 
   setTimePickerResolution(timePickerResolution) {
@@ -41043,11 +41048,11 @@ __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
- * http://www.eclipse.org/legal/epl-v10.html
+ * https://www.eclipse.org/legal/epl-v10.html
  *
  * Contributors:
  *     BSI Business Systems Integration AG - initial API and implementation
@@ -41064,6 +41069,8 @@ class SequenceBox extends _index__WEBPACK_IMPORTED_MODULE_0__.CompositeField {
     this.logicalGrid = _index__WEBPACK_IMPORTED_MODULE_0__.scout.create('scout.HorizontalGrid');
     this.layoutConfig = null;
     this.fields = [];
+    this._fieldPropertyChangeHandler = this._onFieldPropertyChange.bind(this);
+    this._lastVisibleFieldSuppressStatusHandler = this._onLastVisibleFieldSuppressStatusChange.bind(this);
   }
 
   _init(model) {
@@ -41119,7 +41126,7 @@ class SequenceBox extends _index__WEBPACK_IMPORTED_MODULE_0__.CompositeField {
     for (i = 0; i < this.fields.length; i++) {
       field = this.fields[i];
       field.labelUseUiWidth = true;
-      field.on('propertyChange', this._onFieldPropertyChange.bind(this));
+      field.on('propertyChange', this._fieldPropertyChangeHandler);
       field.render(this.$field);
 
       this._modifyLabel(field); // set each children layout data to logical grid data
@@ -41138,6 +41145,16 @@ class SequenceBox extends _index__WEBPACK_IMPORTED_MODULE_0__.CompositeField {
   _createBodyLayout() {
     return new _index__WEBPACK_IMPORTED_MODULE_0__.SequenceBoxLayout(this, this.layoutConfig);
   }
+
+  _remove() {
+    this.fields.forEach(f => f.off('propertyChange', this._fieldPropertyChangeHandler));
+
+    if (this._lastVisibleField) {
+      this._lastVisibleField.off('propertyChange:suppressStatus', this._lastVisibleFieldSuppressStatusHandler);
+    }
+
+    super._remove();
+  }
   /**
    * @override
    */
@@ -41202,6 +41219,8 @@ class SequenceBox extends _index__WEBPACK_IMPORTED_MODULE_0__.CompositeField {
   _handleStatus(visibilityChanged) {
     if (visibilityChanged && this._lastVisibleField) {
       // if there is a new last visible field, make sure the status is shown on the previously last one
+      this._lastVisibleField.off('propertyChange:suppressStatus', this._lastVisibleFieldSuppressStatusHandler);
+
       this._lastVisibleField.setSuppressStatus(null);
 
       if (this._lastVisibleField.rendered) {
@@ -41259,6 +41278,8 @@ class SequenceBox extends _index__WEBPACK_IMPORTED_MODULE_0__.CompositeField {
 
     this._lastVisibleField.setSuppressStatus(_index__WEBPACK_IMPORTED_MODULE_0__.FormField.SuppressStatus.ICON);
 
+    this._lastVisibleField.on('propertyChange:suppressStatus', this._lastVisibleFieldSuppressStatusHandler);
+
     if (visibilityChanged) {
       // If the last field got invisible, make sure the new last field does not display a status anymore (now done by the seq box)
       if (this._lastVisibleField.rendered) {
@@ -41271,6 +41292,11 @@ class SequenceBox extends _index__WEBPACK_IMPORTED_MODULE_0__.CompositeField {
     }
   }
 
+  _onLastVisibleFieldSuppressStatusChange(e) {
+    // do not change suppressStatus
+    e.preventDefault();
+  }
+
   setErrorStatus(errorStatus) {
     if (this._isOverwritingStatusFromField && !this._isErrorStatusOverwritten) {
       // was not overwritten, will be overwritten now -> backup old value
@@ -46945,7 +46971,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-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
@@ -47207,6 +47233,16 @@ class StringField extends _index__WEBPACK_IMPORTED_MODULE_0__.BasicField {
 
     this.revalidateLayout();
   }
+  /**
+   * @override
+   */
+
+
+  _renderEnabled() {
+    super._renderEnabled();
+
+    this.revalidateLayout();
+  }
 
   setFormatUpper(formatUpper) {
     if (formatUpper) {
@@ -55622,7 +55658,7 @@ __webpack_require__.r(__webpack_exports__);
 /* 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); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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-2022 BSI Business Systems Integration AG.
@@ -83532,36 +83568,39 @@ class Session {
 
 
   /**
-   * $entryPoint is required to create a new session.
-   *
-   * @param model The 'model' argument holds all optional values that may be used during
-   * initialization (it is the same object passed to the scout.init() function).
-   * @param [model.portletPartId]
-   *     Optional, default is 0. Necessary when multiple UI sessions are managed
-   *     by the same window (portlet support). Each session's partId must be unique.
-   * @param model.clientSessionId
+   * @param {$} model.$entryPoint
+   *     The HTML element that is used by the {@link Desktop} to render its content.
+   * @param {string} [model.portletPartId]
+   *     Necessary when multiple UI sessions are managed by the same window (portlet support).
+   *     Each session's partId must be unique. Default is 0.
+   * @param {string} [model.clientSessionId]
    *     Identifies the 'client instance' on the UI server. If the property is not set
    *     (which is the default case), the clientSessionId is taken from the browser's
    *     session storage (per browser window, survives F5 refresh of page). If no
    *     clientSessionId can be found, a new one is generated on the server.
-   * @param [model.userAgent]
-   *     Default: DESKTOP
-   * @param [model.backgroundJobPollingEnabled]
+   * @param {boolean} [model.forceNewClientSession]
+   *     If set to true, the stored or passed clientSessionId will be ignored
+   *     and a new one generated by the server.
+   * @param {UserAgent} [model.userAgent]
+   *     By default the user agent for the running platform is used. Use this option if you want to set a custom one.
+   * @param {Locale|object} [model.locale]
+   *     If not specified, {@link Locale.DEFAULT} is used.
+   * @param {boolean} [model.backgroundJobPollingEnabled]
    *     Unless websockets is used, this property turns on (default) or off background
    *     polling using an async ajax call together with setTimeout()
-   * @param [model.suppressErrors]
+   * @param {boolean} [model.suppressErrors]
    *     Basically added because of Jasmine-tests. When working with async tests that
    *     use setTimeout(), sometimes the Jasmine-Maven plug-in fails and aborts the
    *     build because there were console errors. These errors always happen in this
    *     class. That's why we can skip suppress error handling with this flag.
-   * @param [model.focusManagerActive]
+   * @param {boolean} [model.focusManagerActive]
    *     Forces the focus manager to be active or not. If undefined, the value is
    *     auto detected by Device.js.
-   * @param [model.reconnectorOptions]
-   *     Optional, properties of this object are copied to the Session's reconnector
-   *     instance (see Reconnector.js).
-   * @param [model.ajaxCallOptions]
-   *     Optional, properties of this object are copied to all instances of AjaxCall.js.
+   * @param {object} [model.reconnectorOptions]
+   *     Properties of this object are copied to the Session's reconnector
+   *     instance (see {@link Reconnector}).
+   * @param {object} [model.ajaxCallOptions]
+   *     Properties of this object are copied to all instances of {@link AjaxCall}.
    */
   init(model) {
     let options = model || {};
@@ -93773,7 +93812,7 @@ class Table extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
 
     for (i = 0; i < columns.length; i++) {
       column = columns[i];
-      currentPosition = this.columns.indexOf(column);
+      currentPosition = _index__WEBPACK_IMPORTED_MODULE_0__.arrays.findIndex(this.columns, element => element.id === column.id);
 
       if (currentPosition < 0) {
         throw new Error('Column with id ' + column.id + 'not found.');
@@ -93781,8 +93820,7 @@ class Table extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
 
       if (currentPosition !== i) {
         // Update model
-        _index__WEBPACK_IMPORTED_MODULE_0__.arrays.remove(this.columns, column);
-        _index__WEBPACK_IMPORTED_MODULE_0__.arrays.insert(this.columns, column, i);
+        _index__WEBPACK_IMPORTED_MODULE_0__.arrays.move(this.columns, currentPosition, i);
       }
     }
 
@@ -103125,7 +103163,7 @@ class ColumnOptimalWidthMeasurer {
     let columns = this.table.visibleColumns();
     let colIndex = columns.indexOf(this.column);
 
-    let $row = this.table._buildAggregateRowDiv(row);
+    let $row = this.table._build$AggregateRow(row);
 
     $row.appendTo(this.table.$data);
     columns.map(c => c.buildCellForAggregateRow(row)).forEach(c => jquery__WEBPACK_IMPORTED_MODULE_1___default()(c).appendTo($row));
@@ -111760,11 +111798,11 @@ __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
- * http://www.eclipse.org/legal/epl-v10.html
+ * https://www.eclipse.org/legal/epl-v10.html
  *
  * Contributors:
  *     BSI Business Systems Integration AG - initial API and implementation
@@ -111802,8 +111840,6 @@ class TileGrid extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
     this.selectedTiles = [];
     this.selectionHandler = new _index__WEBPACK_IMPORTED_MODULE_0__.TileGridSelectionHandler(this);
     this.scrollable = true;
-    this.scrolling = false;
-    this.scrollTopDirty = false;
     this.startupAnimationDone = false;
     this.startupAnimationEnabled = false;
     this.tiles = [];
@@ -112422,9 +112458,7 @@ class TileGrid extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
     let scrollLeft = this.$container[0].scrollLeft;
 
     if (this.scrollTop !== scrollTop && this.virtual) {
-      this.scrolling = true;
-      this.revalidateLayout();
-      this.scrolling = false;
+      this.htmlComp.layout.updateViewPort();
     }
 
     this.scrollTop = scrollTop;
@@ -112432,9 +112466,7 @@ class TileGrid extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
   }
 
   _onScrollParentScroll(event) {
-    this.scrolling = true;
-    this.revalidateLayoutTree(false);
-    this.scrolling = false;
+    this.htmlComp.layout.updateViewPort();
   }
 
   setWithPlaceholders(withPlaceholders) {
@@ -112828,12 +112860,8 @@ class TileGrid extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
     this.ensureTileRendered(tile); // If tile was not rendered it is not yet positioned correctly -> make sure layout is valid before trying to scroll
     // Layout must not render the viewport because scroll position is not correct yet -> just make sure tiles are at the correct position
 
-    this.scrolling = true;
-    this.scrollTopDirty = true;
-    this.validateLayoutTree();
-    this.scrolling = false;
+    this.htmlComp.layout.updateViewPort(true);
     tile.reveal(options);
-    this.scrollTopDirty = false;
   }
 
   revealSelection() {
@@ -113638,7 +113666,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
  * 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
+ * https://www.eclipse.org/legal/epl-v10.html
  *
  * Contributors:
  *     BSI Business Systems Integration AG - initial API and implementation
@@ -113676,23 +113704,33 @@ class TileGridLayout extends _index__WEBPACK_IMPORTED_MODULE_0__.LogicalGridLayo
     this.rowHeight = dim.height;
     this.maxWidth = -1;
   }
+  /**
+   *
+   * @param {boolean} [scrollTopDirty] If the scroll top position should be considered dirty while updating the view port.
+   * If true, the view port is not rendered, as the scroll positions are not reliable anyway. Then only the layout of the TileGrid is updated.
+   */
 
-  layout($container) {
-    let htmlComp = this.widget.htmlComp;
-
-    if (this.widget.scrolling) {
-      // Try to layout only as much as needed while scrolling in virtual mode
-      // Scroll top may be dirty when layout is validated before scrolling to a specific tile (see tileGrid.scrollTo)
-      if (!this.widget.scrollTopDirty) {
-        this.widget._renderViewPort();
-      }
 
-      this._layout($container);
+  updateViewPort(scrollTopDirty) {
+    let tileGrid = this.widget;
 
-      this.widget.trigger('layoutAnimationDone');
+    if (!tileGrid.rendered) {
       return;
-    } // Animate only once on startup (if enabled) but animate every time on resize
+    } // Try to layout only as much as needed while scrolling in virtual mode
+    // Scroll top may be dirty when layout is validated before scrolling to a specific tile (see tileGrid.scrollTo)
+
 
+    if (!scout.nvl(scrollTopDirty, false)) {
+      tileGrid._renderViewPort();
+    }
+
+    this._layout(tileGrid.$container);
+
+    tileGrid.trigger('layoutAnimationDone');
+  }
+
+  layout($container) {
+    let htmlComp = this.widget.htmlComp; // Animate only once on startup (if enabled) but animate every time on resize
 
     let animated = htmlComp.layouted || this.widget.startupAnimationEnabled && !this.widget.startupAnimationDone || this.widget.renderAnimationEnabled;
     this.tiles = this.widget.renderedTiles(); // Make them invisible otherwise the influence scrollHeight (e.g. if grid is scrolled to the very bottom and tiles are filtered, scrollbar would still increase scroll height)
@@ -114930,7 +114968,7 @@ __webpack_require__.r(__webpack_exports__);
  * 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
+ * https://www.eclipse.org/legal/epl-v10.html
  *
  * Contributors:
  *     BSI Business Systems Integration AG - initial API and implementation
@@ -115308,26 +115346,7 @@ class TileAccordion extends _index__WEBPACK_IMPORTED_MODULE_0__.Accordion {
   }
 
   _filter() {
-    this.groups.forEach(group => {
-      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);
-      }
-    });
+    this.groups.forEach(group => group.body.filter());
   }
   /**
    * @returns {FilterSupport}
@@ -115687,10 +115706,8 @@ class TileAccordion extends _index__WEBPACK_IMPORTED_MODULE_0__.Accordion {
         return;
       }
 
-      if (group.body.virtual) {
-        group.body.scrolling = true;
-        group.body.revalidateLayout();
-        group.body.scrolling = false;
+      if (group.body.virtual && group.body.htmlComp) {
+        group.body.htmlComp.layout.updateViewPort();
       }
     });
   }
@@ -115771,11 +115788,11 @@ __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
- * http://www.eclipse.org/legal/epl-v10.html
+ * https://www.eclipse.org/legal/epl-v10.html
  *
  * Contributors:
  *     BSI Business Systems Integration AG - initial API and implementation
@@ -115788,9 +115805,47 @@ class TileAccordionLayout extends _index__WEBPACK_IMPORTED_MODULE_0__.AccordionL
   }
 
   layout($container) {
+    let previousGroupHeights = this.tileAccordion.groups.map(group => group.body).map(tileGrid => this._getTileGridHeight(tileGrid));
     super.layout($container);
 
     this._updateFilterFieldMaxWidth($container);
+
+    this.tileAccordion.groups.map(group => group.body).forEach((tileGrid, index) => this._updateTileGridViewPort(tileGrid, previousGroupHeights[index]));
+  }
+
+  _updateTileGridViewPort(tileGrid, previousHeight) {
+    if (!tileGrid.rendered || !tileGrid.htmlComp || previousHeight <= 0) {
+      return;
+    }
+
+    let newHeight = this._getTileGridHeight(tileGrid);
+
+    if (previousHeight === newHeight && tileGrid.virtual) {
+      // The viewPort of the virtual tileGrid has not been updated as no layout update was done for the grid because its height is unchanged.
+      // But as there might be more space available in the accordion now (its height might have changed), enforce a viewPort update to ensure all necessary tiles are rendered.
+      tileGrid.setViewRangeSize(tileGrid.calculateViewRangeSize(), false);
+      tileGrid.htmlComp.layout.updateViewPort();
+    }
+  }
+
+  _getTileGridHeight(tileGrid) {
+    if (!tileGrid) {
+      return 0;
+    }
+
+    let htmlComp = tileGrid.htmlComp;
+
+    if (!htmlComp) {
+      return 0;
+    }
+
+    let size = tileGrid.htmlComp.sizeCached;
+
+    if (!size) {
+      return 0;
+    }
+
+    return size.height;
   }
 
   _updateFilterFieldMaxWidth($container) {
@@ -121737,6 +121792,10 @@ class Tree extends _index__WEBPACK_IMPORTED_MODULE_0__.Widget {
       } else if (newWidth > this.maxNodeWidth) {
         this.maxNodeWidth = newWidth;
         this.nodeWidthDirty = true;
+      } else if (newWidth === oldWidth && newWidth === 0) {
+        // newWidth and oldWidth are 0: this might be because the tree is invisible while a node is added:
+        // Mark as dirty to update the width later during layouting (when the tree gets visible and the width is available)
+        this.nodeWidthDirty = true;
       }
 
       node.width = newWidth;
@@ -126462,6 +126521,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /**
  * Ensures the given parameter is an array
+ *
+ * @template T
+ * @param {T[]|T|null} array
+ * @return T[]
  */
 
 function ensure(array) {
@@ -130754,6 +130817,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "someProperties": () => (/* binding */ someProperties),
 /* harmony export */   "valueCopy": () => (/* binding */ valueCopy),
 /* harmony export */   "findChildObjectByKey": () => (/* binding */ findChildObjectByKey),
+/* harmony export */   "getByPath": () => (/* binding */ getByPath),
 /* harmony export */   "isPlainObject": () => (/* binding */ isPlainObject),
 /* harmony export */   "optProperty": () => (/* binding */ optProperty),
 /* harmony export */   "isNumber": () => (/* binding */ isNumber),
@@ -130916,6 +130980,10 @@ function someProperties(obj, properties) {
     return prop in obj;
   });
 }
+/**
+ * @return {*}
+ */
+
 function valueCopy(obj) {
   // Nothing to be done for immutable things
   if (obj === undefined || obj === null || typeof obj !== 'object') {
@@ -131093,7 +131161,6 @@ function getByPath(object, path) {
  * Returns true if the given object is an object, _not_ an array and not null or undefined.
  */
 
-
 function isPlainObject(obj) {
   return typeof obj === 'object' && !isNullOrUndefined(obj) && !Array.isArray(obj);
 }
@@ -133121,7 +133188,7 @@ __webpack_require__.r(__webpack_exports__);
  * 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
+ * https://www.eclipse.org/legal/epl-v10.html
  *
  * Contributors:
  *     BSI Business Systems Integration AG - initial API and implementation
@@ -133246,21 +133313,11 @@ 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),
-        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-50-background-color', transparent50Color);
-
-    this._filterField.$container.css('--filter-field-transparent-80-background-color', transparent80Color);
+    if (!this.widget.rendered) {
+      this.widget.session.layoutValidator.schedulePostValidateFunction(this._updateFilterFieldBackgroundColor.bind(this));
+    } else {
+      this._updateFilterFieldBackgroundColor();
+    }
 
     this._textFilter = this._createTextFilter();
     this._textFilter.synthetic = true;
@@ -133292,6 +133349,28 @@ class FilterSupport extends _index__WEBPACK_IMPORTED_MODULE_0__.WidgetSupport {
     this._filterField.keyStrokeContext.registerKeyStroke(this._exitFilterFieldKeyStroke);
   }
 
+  _updateFilterFieldBackgroundColor() {
+    if (!this._filterField || !this._filterField.rendered) {
+      return;
+    }
+
+    let color = _index__WEBPACK_IMPORTED_MODULE_0__.styles.getFirstOpaqueBackgroundColor(this._filterField.$container),
+        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-50-background-color', transparent50Color);
+
+    this._filterField.$container.css('--filter-field-transparent-80-background-color', transparent80Color);
+  }
+
   _onFilterFieldDisplayTextChanged(event) {
     if (this._filterField && this._filterField.rendered) {
       this._filterField.$container.toggleClass('empty', !event.newValue);