@alfalab/core-components 45.9.0-beta.0 → 45.9.0-beta.1

package/base-modal/cssm/matches-polyfill.js

@@ -9,8 +9,8 @@ if (typeof window !== 'undefined') {
                 Element.prototype.oMatchesSelector ||
                 Element.prototype.webkitMatchesSelector ||
                 function (s) {
-                    const matches = (this.document || this.ownerDocument).querySelectorAll(s);
-                    let i = matches.length;
+                    var matches = (this.document || this.ownerDocument).querySelectorAll(s);
+                    var i = matches.length;
                     while (--i >= 0 && matches.item(i) !== this) { }
                     return i > -1;
                 };

package/base-modal/cssm/utils.js

@@ -1,5 +1,7 @@
-import { getModalStore } from '../../global-store/cssm';
-import { browser } from '../../shared/cssm';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var coreComponentsGlobalStore = require('../../global-store/cssm');
+var coreComponentsShared = require('../../shared/cssm');
 
 function isScrolledToTop(target) {
     return target.scrollTop <= 0;
@@ -10,23 +12,26 @@ function isScrolledToBottom(target) {
 function hasScrollbar(target) {
     return target.scrollHeight > target.clientHeight;
 }
-const isOverflowing = (container) => {
+var isOverflowing = function (container) {
     if (document.body === container) {
         return window.innerWidth > document.documentElement.clientWidth;
     }
     return container.scrollHeight > container.clientHeight;
 };
-const getPaddingRight = (node) => parseInt(window.getComputedStyle(node).paddingRight, 10) || 0;
-const restoreContainerStyles = (container) => {
-    const modalRestoreStyles = getModalStore().getRestoreStyles();
-    const index = modalRestoreStyles.findIndex((s) => s.container === container);
-    const existingStyles = modalRestoreStyles[index];
+var getPaddingRight = function (node) {
+    return parseInt(window.getComputedStyle(node).paddingRight, 10) || 0;
+};
+var restoreContainerStyles = function (container) {
+    var modalRestoreStyles = coreComponentsGlobalStore.getModalStore().getRestoreStyles();
+    var index = modalRestoreStyles.findIndex(function (s) { return s.container === container; });
+    var existingStyles = modalRestoreStyles[index];
     if (!existingStyles)
         return;
     existingStyles.modals -= 1;
     if (existingStyles.modals <= 0) {
         modalRestoreStyles.splice(index, 1);
-        existingStyles.styles.forEach(({ value, el, key }) => {
+        existingStyles.styles.forEach(function (_a) {
+            var value = _a.value, el = _a.el, key = _a.key;
             if (value) {
                 el.style.setProperty(key, value);
             }
@@ -36,19 +41,19 @@ const restoreContainerStyles = (container) => {
         });
     }
 };
-const handleContainer = (container) => {
+var handleContainer = function (container) {
     if (!container)
         return;
-    const modalRestoreStyles = getModalStore().getRestoreStyles();
-    const existingStyles = modalRestoreStyles.find((s) => s.container === container);
+    var modalRestoreStyles = coreComponentsGlobalStore.getModalStore().getRestoreStyles();
+    var existingStyles = modalRestoreStyles.find(function (s) { return s.container === container; });
     if (existingStyles) {
         existingStyles.modals += 1;
         return;
     }
-    const containerStyles = [];
+    var containerStyles = [];
     if (isOverflowing(container)) {
         // Вычисляет размер до применения `overflow hidden` для избежания скачков
-        const scrollbarSize = browser.getScrollbarSize();
+        var scrollbarSize = coreComponentsShared.browser.getScrollbarSize();
         containerStyles.push({
             value: container.style.paddingRight,
             key: 'padding-right',
@@ -56,10 +61,10 @@ const handleContainer = (container) => {
         });
         // Вычисляем стили, чтобы получить реальный `padding` c шириной сколлбара
         // eslint-disable-next-line no-param-reassign
-        container.style.paddingRight = `${getPaddingRight(container) + scrollbarSize}px`;
+        container.style.paddingRight = "".concat(getPaddingRight(container) + scrollbarSize, "px");
     }
-    const parent = container.parentElement;
-    const scrollContainer = 
+    var parent = container.parentElement;
+    var scrollContainer = 
     // TODO: заменить на optional chaining
     parent &&
         parent.nodeName === 'HTML' &&
@@ -76,10 +81,14 @@ const handleContainer = (container) => {
     }
     scrollContainer.style.overflow = 'hidden';
     modalRestoreStyles.push({
-        container,
+        container: container,
         modals: 1,
         styles: containerStyles,
     });
 };
 
-export { handleContainer, hasScrollbar, isScrolledToBottom, isScrolledToTop, restoreContainerStyles };
+exports.handleContainer = handleContainer;
+exports.hasScrollbar = hasScrollbar;
+exports.isScrolledToBottom = isScrolledToBottom;
+exports.isScrolledToTop = isScrolledToTop;
+exports.restoreContainerStyles = restoreContainerStyles;

package/base-modal/esm/Component.js

@@ -8,7 +8,8 @@ import cn from 'classnames';
 import { Backdrop } from '../../backdrop/esm';
 import { Portal } from '../../portal/esm';
 import { browser } from '../../shared/esm';
-import { stackingOrder, Stack } from '../../stack/esm';
+import { Stack } from '../../stack/esm';
+import { stackingOrder } from '@alfalab/stack-context';
 import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerStyles, hasScrollbar } from './utils.js';
 import './matches-polyfill.js';
 import '../../global-store/esm';

package/base-modal/esm/index.js

@@ -11,5 +11,6 @@ import '../../backdrop/esm';
 import '../../portal/esm';
 import '../../shared/esm';
 import '../../stack/esm';
+import '@alfalab/stack-context';
 import './matches-polyfill.js';
 import '../../global-store/esm';

package/base-modal/modern/Component.js

@@ -7,7 +7,8 @@ import cn from 'classnames';
 import { Backdrop } from '../../backdrop/modern';
 import { Portal } from '../../portal/modern';
 import { browser } from '../../shared/modern';
-import { stackingOrder, Stack } from '../../stack/modern';
+import { Stack } from '../../stack/modern';
+import { stackingOrder } from '@alfalab/stack-context';
 import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerStyles, hasScrollbar } from './utils.js';
 import './matches-polyfill.js';
 import '../../global-store/modern';

package/base-modal/modern/index.js

@@ -10,5 +10,6 @@ import '../../backdrop/modern';
 import '../../portal/modern';
 import '../../shared/modern';
 import '../../stack/modern';
+import '@alfalab/stack-context';
 import './matches-polyfill.js';
 import '../../global-store/modern';