vgapp 1.4.4 → 1.4.6

package/app/modules/vgdynamictable/js/sortable.js

@@ -8,11 +8,11 @@ class Sortable {
             ascLabel: 'Сортировка по возрастанию',
             descLabel: 'Сортировка по убыванию',
             isColumnSortable: null,
-            onChange: null,
-            multiSort: false,
-            multiSortWithShift: true,
-            hideUnsortedArrows: false,
-        }, options);
+            onChange: null,
+            multiSort: false,
+            multiSortWithShift: true,
+            hideUnsortedArrows: false,
+        }, options);
 
         this._headers = [];
         this._sorts = [];
@@ -21,12 +21,12 @@ class Sortable {
         this._boundKeyDown = this._handleKeyDown.bind(this);
     }
 
-    init() {
-        this._headers = this._getHeaders();
-        if (!this._headers.length) {
-            return;
-        }
-        this._syncControlsVisibilityMode();
+    init() {
+        this._headers = this._getHeaders();
+        if (!this._headers.length) {
+            return;
+        }
+        this._syncControlsVisibilityMode();
 
         this._headers.forEach((header, index) => {
             if (!this._isSortable(header, index)) {
@@ -64,12 +64,12 @@ class Sortable {
         this._setSorts([{ index, dir: this._normalizeDir(payload.dir) }], false);
     }
 
-    refresh(payload = {}) {
-        this._headers = this._getHeaders();
-        if (!this._headers.length) {
-            return;
-        }
-        this._syncControlsVisibilityMode();
+    refresh(payload = {}) {
+        this._headers = this._getHeaders();
+        if (!this._headers.length) {
+            return;
+        }
+        this._syncControlsVisibilityMode();
 
         this._headers.forEach((header, index) => {
             if (!this._isSortable(header, index)) {
@@ -97,17 +97,17 @@ class Sortable {
         this._setSorts(this._normalizeSorts(this._sorts), false);
     }
 
-    _applyInitialState() {
-        const index = this._resolveIndex({
-            field: this._options.initialField,
-            columnIndex: -1,
-        });
-        if (index < 0 || !this._isSortable(this._headers[index], index)) {
-            this._setSorts([], false);
-            return;
-        }
-        this._setSorts([{ index, dir: this._normalizeDir(this._options.initialDir) }], false);
-    }
+    _applyInitialState() {
+        const index = this._resolveIndex({
+            field: this._options.initialField,
+            columnIndex: -1,
+        });
+        if (index < 0 || !this._isSortable(this._headers[index], index)) {
+            this._setSorts([], false);
+            return;
+        }
+        this._setSorts([{ index, dir: this._normalizeDir(this._options.initialDir) }], false);
+    }
 
     _getHeaders() {
         const head = this._table.tHead || this._table.querySelector('thead');
@@ -221,29 +221,29 @@ class Sortable {
             });
         });
 
-        this._headers.forEach((header, headerIndex) => {
-            const sort = sortByIndex.has(headerIndex) ? sortByIndex.get(headerIndex) : null;
-            if (!this._isSortable(header, headerIndex)) {
-                header.removeAttribute('data-sort-direction');
-                header.removeAttribute('data-sort-priority');
-                header.setAttribute('aria-sort', 'none');
-                return;
-            }
-
-            const controls = this._getHeaderControls(header);
-            const controlsNode = controls.controlsNode;
-            const ascButton = controls.ascButton;
-            const descButton = controls.descButton;
-            const shouldHideControls = Boolean(this._options.hideUnsortedArrows && !sort);
-
-            if (controlsNode) {
-                controlsNode.hidden = shouldHideControls;
-            }
-
-            if (sort) {
-                header.dataset.sortDirection = sort.dir;
-                header.dataset.sortPriority = String(sort.priority);
-                header.setAttribute('aria-sort', sort.dir === 'asc' ? 'ascending' : 'descending');
+        this._headers.forEach((header, headerIndex) => {
+            const sort = sortByIndex.has(headerIndex) ? sortByIndex.get(headerIndex) : null;
+            if (!this._isSortable(header, headerIndex)) {
+                header.removeAttribute('data-sort-direction');
+                header.removeAttribute('data-sort-priority');
+                header.setAttribute('aria-sort', 'none');
+                return;
+            }
+
+            const controls = this._getHeaderControls(header);
+            const controlsNode = controls.controlsNode;
+            const ascButton = controls.ascButton;
+            const descButton = controls.descButton;
+            const shouldHideControls = Boolean(this._options.hideUnsortedArrows && !sort);
+
+            if (controlsNode) {
+                controlsNode.hidden = shouldHideControls;
+            }
+
+            if (sort) {
+                header.dataset.sortDirection = sort.dir;
+                header.dataset.sortPriority = String(sort.priority);
+                header.setAttribute('aria-sort', sort.dir === 'asc' ? 'ascending' : 'descending');
                 if (ascButton) ascButton.setAttribute('aria-pressed', sort.dir === 'asc' ? 'true' : 'false');
                 if (descButton) descButton.setAttribute('aria-pressed', sort.dir === 'desc' ? 'true' : 'false');
             } else {
@@ -370,11 +370,11 @@ class Sortable {
         if (this._headerControls.has(header)) {
             return this._headerControls.get(header);
         }
-        const controls = {
-            controlsNode: header.querySelector('.vgdt-sort-controls'),
-            ascButton: header.querySelector('[data-sort-arrow="asc"]'),
-            descButton: header.querySelector('[data-sort-arrow="desc"]'),
-        };
+        const controls = {
+            controlsNode: header.querySelector('.vgdt-sort-controls'),
+            ascButton: header.querySelector('[data-sort-arrow="asc"]'),
+            descButton: header.querySelector('[data-sort-arrow="desc"]'),
+        };
         this._headerControls.set(header, controls);
         return controls;
     }
@@ -412,21 +412,21 @@ class Sortable {
         return directions.includes(normalized) ? normalized : directions[0];
     }
 
-    _getDirections() {
-        const list = Array.isArray(this._options.directions) ? this._options.directions : ['asc', 'desc'];
-        const normalized = list
-            .map((item) => String(item).toLowerCase().trim())
-            .filter((item) => item === 'asc' || item === 'desc');
-        return normalized.length ? Array.from(new Set(normalized)) : ['asc', 'desc'];
-    }
-
-    _syncControlsVisibilityMode() {
-        if (this._options.hideUnsortedArrows) {
-            this._table.setAttribute('data-sort-hide-unsorted-arrows', '1');
-            return;
-        }
-        this._table.removeAttribute('data-sort-hide-unsorted-arrows');
-    }
+    _getDirections() {
+        const list = Array.isArray(this._options.directions) ? this._options.directions : ['asc', 'desc'];
+        const normalized = list
+            .map((item) => String(item).toLowerCase().trim())
+            .filter((item) => item === 'asc' || item === 'desc');
+        return normalized.length ? Array.from(new Set(normalized)) : ['asc', 'desc'];
+    }
+
+    _syncControlsVisibilityMode() {
+        if (this._options.hideUnsortedArrows) {
+            this._table.setAttribute('data-sort-hide-unsorted-arrows', '1');
+            return;
+        }
+        this._table.removeAttribute('data-sort-hide-unsorted-arrows');
+    }
 
     _escapeAttr(value) {
         return String(value)

package/app/modules/vgdynamictable/js/summary-footer.js

@@ -1,6 +1,6 @@
-import {normalizeBooleanOption, normalizeEnabledFlag, safeQuerySelector} from "./utils/common";
-
-const summaryFooterMethods = {
+import {normalizeBooleanOption, normalizeEnabledFlag, safeQuerySelector} from "./utils/common";
+
+const summaryFooterMethods = {
     _renderSummary(meta = {}) {
         if (!this._isSummaryEnabled() || !this._summaryNode || !this._isRemote) {
             return;
@@ -28,14 +28,14 @@ const summaryFooterMethods = {
         this._summaryNode.hidden = false;
     },
 
-    _isSummaryEnabled() {
-        const options = this._params.summary || {};
-        if (options.enable !== undefined && options.enable !== null) {
-            return normalizeBooleanOption(options.enable, false);
-        }
-
-        const attr = this._element.getAttribute('data-summary-enable');
-        return normalizeEnabledFlag(attr, false);
+    _isSummaryEnabled() {
+        const options = this._params.summary || {};
+        if (options.enable !== undefined && options.enable !== null) {
+            return normalizeBooleanOption(options.enable, false);
+        }
+
+        const attr = this._element.getAttribute('data-summary-enable');
+        return normalizeEnabledFlag(attr, false);
     },
 
     _getActiveCriteria() {
@@ -69,14 +69,14 @@ const summaryFooterMethods = {
             return '';
         }
 
-        const shouldRefreshFormCache = this._filtersFormCacheSelector !== selector
-            || !this._filtersFormCacheNode
-            || !this._filtersFormCacheNode.isConnected;
-        if (shouldRefreshFormCache) {
-            this._filtersFormCacheSelector = selector;
-            this._filtersFormCacheNode = safeQuerySelector(selector);
-            this._filtersLabelCache = {};
-        }
+        const shouldRefreshFormCache = this._filtersFormCacheSelector !== selector
+            || !this._filtersFormCacheNode
+            || !this._filtersFormCacheNode.isConnected;
+        if (shouldRefreshFormCache) {
+            this._filtersFormCacheSelector = selector;
+            this._filtersFormCacheNode = safeQuerySelector(selector);
+            this._filtersLabelCache = {};
+        }
 
         const form = this._filtersFormCacheNode;
         if (!form) {
@@ -237,15 +237,15 @@ const summaryFooterMethods = {
         `;
     },
 
-    _isFooterEnabled() {
-        const options = this._params.footer || {};
-        if (options.enable !== undefined && options.enable !== null) {
-            return normalizeBooleanOption(options.enable, false);
-        }
-
-        const attr = this._element.getAttribute('data-footer-enable');
-        return normalizeEnabledFlag(attr, false);
-    },
+    _isFooterEnabled() {
+        const options = this._params.footer || {};
+        if (options.enable !== undefined && options.enable !== null) {
+            return normalizeBooleanOption(options.enable, false);
+        }
+
+        const attr = this._element.getAttribute('data-footer-enable');
+        return normalizeEnabledFlag(attr, false);
+    },
 
     _applyFooterVisibility() {
         const foot = this._element.tFoot || this._element.querySelector('tfoot');

package/app/modules/vgdynamictable/js/table-url-state.js

@@ -1,6 +1,6 @@
-import {normalizeBooleanOption, normalizeEnabledFlag, safeQuerySelector, toQueryParamValue} from "./utils/common";
-
-const tableUrlStateMethods = {
+import {normalizeBooleanOption, normalizeEnabledFlag, safeQuerySelector, toQueryParamValue} from "./utils/common";
+
+const tableUrlStateMethods = {
     _syncUrlState() {
         if (!this._isFiltersUrlStateEnabled() || !this._isFiltersUrlStateWriteOnChange()) {
             return;
@@ -26,12 +26,12 @@ const tableUrlStateMethods = {
             url.searchParams.delete(key);
         });
 
-        Object.keys(nextState).forEach((key) => {
-            const rawValue = nextState[key];
-            const value = toQueryParamValue(rawValue);
-            if (value === undefined || value === null || value === '') {
-                return;
-            }
+        Object.keys(nextState).forEach((key) => {
+            const rawValue = nextState[key];
+            const value = toQueryParamValue(rawValue);
+            if (value === undefined || value === null || value === '') {
+                return;
+            }
             url.searchParams.set(key, String(value));
         });
 
@@ -200,8 +200,8 @@ const tableUrlStateMethods = {
     },
 
     _isUrlStatePopStateEnabled() {
-        const attr = this._element.getAttribute('data-filters-urlstate-listen-popstate');
-        return normalizeEnabledFlag(attr, true);
+        const attr = this._element.getAttribute('data-filters-urlstate-listen-popstate');
+        return normalizeEnabledFlag(attr, true);
     },
 
     _getInitialRemoteParams() {
@@ -393,15 +393,15 @@ const tableUrlStateMethods = {
             this._filterParamKeysCache = null;
             return null;
         }
-        const shouldRefresh = this._filtersFormCacheSelector !== selector
-            || !this._filtersFormCacheNode
-            || !this._filtersFormCacheNode.isConnected;
-        if (shouldRefresh) {
-            this._filtersFormCacheSelector = selector;
-            this._filtersFormCacheNode = safeQuerySelector(selector);
-            this._filterParamKeysCache = null;
-        }
-        return this._filtersFormCacheNode;
+        const shouldRefresh = this._filtersFormCacheSelector !== selector
+            || !this._filtersFormCacheNode
+            || !this._filtersFormCacheNode.isConnected;
+        if (shouldRefresh) {
+            this._filtersFormCacheSelector = selector;
+            this._filtersFormCacheNode = safeQuerySelector(selector);
+            this._filterParamKeysCache = null;
+        }
+        return this._filtersFormCacheNode;
     },
 
     _getFiltersUrlStateConfig() {
@@ -421,24 +421,24 @@ const tableUrlStateMethods = {
 
     _isFiltersUrlStateEnabled() {
         const config = this._getFiltersUrlStateConfig();
-        const attr = this._element.getAttribute('data-filters-urlstate-enable');
-        const raw = attr !== null ? attr : config.enable;
-        return normalizeBooleanOption(raw, false);
+        const attr = this._element.getAttribute('data-filters-urlstate-enable');
+        const raw = attr !== null ? attr : config.enable;
+        return normalizeBooleanOption(raw, false);
     },
 
     _isFiltersUrlStateReadOnInit() {
         const config = this._getFiltersUrlStateConfig();
-        const attr = this._element.getAttribute('data-filters-urlstate-read-on-init');
-        const raw = attr !== null ? attr : config.readOnInit;
-        return normalizeEnabledFlag(raw, true);
+        const attr = this._element.getAttribute('data-filters-urlstate-read-on-init');
+        const raw = attr !== null ? attr : config.readOnInit;
+        return normalizeEnabledFlag(raw, true);
     },
 
     _isFiltersUrlStateWriteOnChange() {
         const config = this._getFiltersUrlStateConfig();
-        const attr = this._element.getAttribute('data-filters-urlstate-write-on-change');
-        const raw = attr !== null ? attr : config.writeOnChange;
-        return normalizeEnabledFlag(raw, true);
-    },
-};
+        const attr = this._element.getAttribute('data-filters-urlstate-write-on-change');
+        const raw = attr !== null ? attr : config.writeOnChange;
+        return normalizeEnabledFlag(raw, true);
+    },
+};
 
 export default tableUrlStateMethods;

package/app/modules/vgdynamictable/js/utils/common.js

@@ -1,48 +1,48 @@
-export function normalizeNonNegativeInt(value, fallback = 0) {
-	const parsed = Number.parseInt(value, 10);
-	return Number.isFinite(parsed) && parsed >= 0 ? parsed : fallback;
-}
-
-export function normalizeBooleanOption(value, fallback = false) {
-	if (value === undefined || value === null) {
-		return fallback;
-	}
-	const normalized = String(value).toLowerCase().trim();
-	if (normalized === 'true' || normalized === '1') {
-		return true;
-	}
-	if (normalized === 'false' || normalized === '0') {
-		return false;
-	}
-	return Boolean(value);
-}
-
-export function normalizeEnabledFlag(value, fallback = true) {
-	if (value === undefined || value === null) {
-		return fallback;
-	}
-	const normalized = String(value).toLowerCase().trim();
-	return normalized !== 'false' && normalized !== '0';
-}
-
-export function safeQuerySelector(selector, root = document) {
-	const normalized = String(selector || '').trim();
-	if (!normalized || !root || typeof root.querySelector !== 'function') {
-		return null;
-	}
-	try {
-		return root.querySelector(normalized);
-	} catch (error) {
-		return null;
-	}
-}
-
-export function toQueryParamValue(value) {
-	if (!Array.isArray(value)) {
-		return value;
-	}
-	return value
-		.map((item) => String(item || '').trim())
-		.filter((item) => item !== '')
-		.join(',');
-}
+export function normalizeNonNegativeInt(value, fallback = 0) {
+	const parsed = Number.parseInt(value, 10);
+	return Number.isFinite(parsed) && parsed >= 0 ? parsed : fallback;
+}
+
+export function normalizeBooleanOption(value, fallback = false) {
+	if (value === undefined || value === null) {
+		return fallback;
+	}
+	const normalized = String(value).toLowerCase().trim();
+	if (normalized === 'true' || normalized === '1') {
+		return true;
+	}
+	if (normalized === 'false' || normalized === '0') {
+		return false;
+	}
+	return Boolean(value);
+}
+
+export function normalizeEnabledFlag(value, fallback = true) {
+	if (value === undefined || value === null) {
+		return fallback;
+	}
+	const normalized = String(value).toLowerCase().trim();
+	return normalized !== 'false' && normalized !== '0';
+}
+
+export function safeQuerySelector(selector, root = document) {
+	const normalized = String(selector || '').trim();
+	if (!normalized || !root || typeof root.querySelector !== 'function') {
+		return null;
+	}
+	try {
+		return root.querySelector(normalized);
+	} catch (error) {
+		return null;
+	}
+}
+
+export function toQueryParamValue(value) {
+	if (!Array.isArray(value)) {
+		return value;
+	}
+	return value
+		.map((item) => String(item || '').trim())
+		.filter((item) => item !== '')
+		.join(',');
+}

package/app/modules/vgdynamictable/js/vgdynamictable.js

@@ -3026,34 +3026,34 @@ class VGDynamicTable extends BaseModule {
 		return false;
 	}
 
-	_isCloneStickyHeaderEnabled() {
-		const sticky = this._params.stickyHeader || {};
-		const cloneAttr = this._element.getAttribute('data-sticky-header-clone');
-		if (cloneAttr !== null) {
-			const normalized = String(cloneAttr).toLowerCase().trim();
-			return normalized !== 'false' && normalized !== '0';
-		}
-
-		if (sticky.clone !== undefined && sticky.clone !== null) {
-			const normalized = String(sticky.clone).toLowerCase().trim();
-			if (normalized === 'true' || normalized === '1') {
-				return true;
-			}
-			if (normalized === 'false' || normalized === '0') {
-				return false;
-			}
-			return Boolean(sticky.clone);
-		}
-
-		if (this._parent && this._parent.classList.contains('table-sticky')) {
-			return true;
-		}
-		if (this._element && this._element.classList.contains('table-sticky')) {
-			return true;
-		}
-
-		return this._isStickyHeaderEnabled();
-	}
+	_isCloneStickyHeaderEnabled() {
+		const sticky = this._params.stickyHeader || {};
+		const cloneAttr = this._element.getAttribute('data-sticky-header-clone');
+		if (cloneAttr !== null) {
+			const normalized = String(cloneAttr).toLowerCase().trim();
+			return normalized !== 'false' && normalized !== '0';
+		}
+
+		if (sticky.clone !== undefined && sticky.clone !== null) {
+			const normalized = String(sticky.clone).toLowerCase().trim();
+			if (normalized === 'true' || normalized === '1') {
+				return true;
+			}
+			if (normalized === 'false' || normalized === '0') {
+				return false;
+			}
+			return Boolean(sticky.clone);
+		}
+
+		if (this._parent && this._parent.classList.contains('table-sticky')) {
+			return true;
+		}
+		if (this._element && this._element.classList.contains('table-sticky')) {
+			return true;
+		}
+
+		return this._isStickyHeaderEnabled();
+	}
 
 	_refreshStickyAndFixedLayout(options = {}) {
 		const immediate = Boolean(options && options.immediate);
@@ -3159,13 +3159,13 @@ class VGDynamicTable extends BaseModule {
 		};
 	}
 
-	_getCloneStickyHeaderOffsets() {
-		const configured = this._getStickyHeaderOffsets();
-		return {
-			top: configured.top || this._readCssSizeVar('--vgdt-sticky-top', 0),
-			maxHeight: configured.maxHeight || this._readCssSizeVar('--vgdt-sticky-max-height', 0),
-		};
-	}
+	_getCloneStickyHeaderOffsets() {
+		const configured = this._getStickyHeaderOffsets();
+		return {
+			top: configured.top || this._readCssSizeVar('--vgdt-sticky-top', 0),
+			maxHeight: configured.maxHeight || this._readCssSizeVar('--vgdt-sticky-max-height', 0),
+		};
+	}
 
 	_readCssSizeVar(name, fallback = 0) {
 		const sources = [this._parent, this._element, this._tableViewport].filter(Boolean);
@@ -3258,13 +3258,13 @@ class VGDynamicTable extends BaseModule {
 			}
 			if (state && state.headerWrap && state.headerWrap.parentElement) {
 				state.headerWrap.parentElement.removeChild(state.headerWrap);
-			}
-			this._cloneStickyState = null;
-			this._parent.style.removeProperty('--vgdt-sticky-clone-height');
-			this._parent.style.removeProperty('--vgdt-sticky-top');
-			if (scrollTarget && !this._isStickyHeaderEnabled()) {
-				scrollTarget.classList.remove('table-sticky-scroll');
-				scrollTarget.style.removeProperty('--vgdt-sticky-max-height');
+			}
+			this._cloneStickyState = null;
+			this._parent.style.removeProperty('--vgdt-sticky-clone-height');
+			this._parent.style.removeProperty('--vgdt-sticky-top');
+			if (scrollTarget && !this._isStickyHeaderEnabled()) {
+				scrollTarget.classList.remove('table-sticky-scroll');
+				scrollTarget.style.removeProperty('--vgdt-sticky-max-height');
 			}
 			this._updateLayoutResizeBinding();
 			return;
@@ -3276,11 +3276,11 @@ class VGDynamicTable extends BaseModule {
 
 		const offsets = this._getCloneStickyHeaderOffsets();
 
-		if (scrollTarget) {
-			this._parent.style.setProperty('--vgdt-sticky-top', `${offsets.top}px`);
-			if (offsets.maxHeight > 0) {
-				scrollTarget.classList.add('table-sticky-scroll');
-				scrollTarget.style.setProperty('--vgdt-sticky-max-height', `${offsets.maxHeight}px`);
+		if (scrollTarget) {
+			this._parent.style.setProperty('--vgdt-sticky-top', `${offsets.top}px`);
+			if (offsets.maxHeight > 0) {
+				scrollTarget.classList.add('table-sticky-scroll');
+				scrollTarget.style.setProperty('--vgdt-sticky-max-height', `${offsets.maxHeight}px`);
 			} else {
 				scrollTarget.classList.remove('table-sticky-scroll');
 				scrollTarget.style.removeProperty('--vgdt-sticky-max-height');
@@ -3718,20 +3718,20 @@ class VGDynamicTable extends BaseModule {
 		this._refreshStickyAndFixedLayout();
 	}
 
-	_scrollToPaginationTop() {
-		if (!this._isPaginationScrollToTopEnabled()) {
-			return;
-		}
-		if (this._tableViewport) {
-			this._tableViewport.scrollTop = 0;
-			this._tableViewport.scrollLeft = 0;
-		}
-		if (this._hasFixedHeightViewport()) {
-			return;
-		}
-		if (typeof window === 'undefined' || !this._parent) {
-			return;
-		}
+	_scrollToPaginationTop() {
+		if (!this._isPaginationScrollToTopEnabled()) {
+			return;
+		}
+		if (this._tableViewport) {
+			this._tableViewport.scrollTop = 0;
+			this._tableViewport.scrollLeft = 0;
+		}
+		if (this._hasFixedHeightViewport()) {
+			return;
+		}
+		if (typeof window === 'undefined' || !this._parent) {
+			return;
+		}
 
 		const targetTop = this._getPaginationScrollTopTarget();
 		const currentTop = window.pageYOffset || window.scrollY || 0;
@@ -3748,24 +3748,24 @@ class VGDynamicTable extends BaseModule {
 		window.scrollTo({
 			top: Math.max(0, Math.round(targetTop)),
 			behavior: prefersReducedMotion ? 'auto' : 'smooth',
-		});
-	}
-
-	_hasFixedHeightViewport() {
-		if (this._tableViewport && this._tableViewport.classList.contains('table-sticky-scroll')) {
-			return true;
-		}
-
-		const offsets = this._getStickyHeaderOffsets();
-		if (offsets.maxHeight > 0) {
-			return true;
-		}
-
-		return this._readCssSizeVar('--vgdt-sticky-max-height', 0) > 0;
-	}
-
-	_getPaginationScrollTopTarget() {
-		if (this._isPaginationScrollToWindowTopEnabled()) {
+		});
+	}
+
+	_hasFixedHeightViewport() {
+		if (this._tableViewport && this._tableViewport.classList.contains('table-sticky-scroll')) {
+			return true;
+		}
+
+		const offsets = this._getStickyHeaderOffsets();
+		if (offsets.maxHeight > 0) {
+			return true;
+		}
+
+		return this._readCssSizeVar('--vgdt-sticky-max-height', 0) > 0;
+	}
+
+	_getPaginationScrollTopTarget() {
+		if (this._isPaginationScrollToWindowTopEnabled()) {
 			return 0;
 		}
 		const rect = this._parent.getBoundingClientRect();