@sima-land/ui-nucleons 45.0.0-alpha.7 → 45.0.0-alpha.71

package/dist/switcher-row/switcher-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switcher-row.js","sourceRoot":"","sources":["../../src/switcher-row/switcher-row.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,kCA8DC;;AA1ED,0CAAuC;AACvC,0DAAsD;AACtD,kDAA8C;AAC9C,sCAAmC;AACnC,4DAA4B;AAC5B,mEAAqD;AAErD;;;;GAIG;AACH,SAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,KAAK,EACL,SAAS,GAAG,MAAM,EAClB,aAAa,GAAG,OAAO,EACvB,aAAa,EAAE,MAAM,GAAG,cAAc,GACrB;IACjB,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAA,0BAAW,EAAC,QAAQ,EAAE;QACxE,MAAM,EAAE,eAAM;QACd,QAAQ,EAAE,mBAAQ;QAClB,KAAK,EAAE,0BAAW;QAClB,KAAK,EAAE,aAAa;QACpB,OAAO,EAAE,eAAe;KACzB,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,MAAM,IAAI,QAAQ,IAAI,KAAK,CAAC;IAC1C,MAAM,MAAM,GAAG,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC;IACnC,MAAM,QAAQ,GAAG,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC;IACvC,MAAM,OAAO,GAAG,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC;IAEhC,0DAA0D;IAC1D,MAAM,WAAW,GAAG,KAAK,IAAI,CAC3B,gCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,WAAW,CAAC,EAAE,MAAM,IAAI,MAAM,CAAC,YAAY,CAAC,CAAC,YAChF,KAAK,GACF,CACP,CAAC;IAEF,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,oBAAE,EACX,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,cAAc,SAAS,EAAE,CAAC,EACjC,MAAM,IAAI,MAAM,CAAC,MAAM,EACvB,QAAQ,IAAI,MAAM,CAAC,QAAQ,EAC3B,SAAS,CACV,EACD,KAAK,EAAE,KAAK,iBACC,MAAM,aAElB,aAAa,KAAK,OAAO,IAAI,WAAW,EAEzC,mCAAO,SAAS,EAAE,IAAA,oBAAE,EAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,aACnE,KAAK,IAAI,CACR,iCACE,SAAS,EAAE,IAAA,oBAAE,EAAC,MAAM,CAAC,KAAK,EAAE,MAAM,IAAI,MAAM,CAAC,YAAY,CAAC,CAAC,iBAC/C,oBAAoB,YAE/B,KAAK,GACD,CACR,EAEA,OAAO,IAAI,CACV,iCAAM,SAAS,EAAE,MAAM,CAAC,OAAO,iBAAc,sBAAsB,YAChE,OAAO,GACH,CACR,IACK,EAEP,aAAa,KAAK,KAAK,IAAI,WAAW,IACnC,CACP,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAS,aAAa,CAAC,EAAE,QAAQ,EAA4B;IAC3D,OAAO,2DAAG,QAAQ,GAAI,CAAC;AACzB,CAAC;AAED;;;;GAIG;AACH,SAAS,eAAe,CAAC,EAAE,QAAQ,EAA4B;IAC7D,OAAO,2DAAG,QAAQ,GAAI,CAAC;AACzB,CAAC;AAED,WAAW,CAAC,KAAK,GAAG,aAAa,CAAC;AAClC,WAAW,CAAC,OAAO,GAAG,eAAe,CAAC"}

package/dist/switcher-row/types.d.ts

@@ -0,0 +1,14 @@
+import type { CSSProperties, ReactNode } from 'react';
+import type { WithTestId } from '../types';
+export interface SwitcherRowProps extends WithTestId {
+    /** Содержимое. */
+    children?: ReactNode;
+    /** Направление текста. */
+    textAlign?: 'left' | 'right';
+    /** Стили корневого элемента. */
+    style?: CSSProperties;
+    /** CSS-класс корневого элемента. */
+    className?: string;
+    /** Позиция поля. */
+    fieldPosition?: 'start' | 'end';
+}

package/dist/switcher-row/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/switcher-row/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/switcher-row/types.ts"],"names":[],"mappings":""}

package/dist/tabs/index.d.ts

@@ -0,0 +1,2 @@
+export type { TabsStyle, TabsProps, TabProps } from './types';
+export { Tabs, Tab } from './tabs';

package/dist/tabs/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tab = exports.Tabs = void 0;
+var tabs_1 = require("./tabs");
+Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return tabs_1.Tabs; } });
+Object.defineProperty(exports, "Tab", { enumerable: true, get: function () { return tabs_1.Tab; } });
+//# sourceMappingURL=index.js.map

package/dist/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs/index.ts"],"names":[],"mappings":";;;AACA,+BAAmC;AAA1B,4FAAA,IAAI,OAAA;AAAE,2FAAA,GAAG,OAAA"}

package/dist/tabs/tabs.d.ts

@@ -0,0 +1,16 @@
+import type { TabProps, TabsProps } from './types';
+/**
+ * Вкладка.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function Tab({ name, selected, disabled, onClick, children, className, style, 'data-testid': testId, }: TabProps): import("react").JSX.Element;
+/**
+ * Блок списка вкладок.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function Tabs({ children, view, stretch, gapSize, className, style, 'data-testid': testId, }: TabsProps): import("react").JSX.Element;
+export declare namespace Tabs {
+    var Item: typeof Tab;
+}

package/dist/tabs/tabs.js

@@ -0,0 +1,81 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tab = Tab;
+exports.Tabs = Tabs;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const styles = __importStar(require("./tabs.module.scss"));
+/**
+ * Обрабатывает клавиатурную навигацию "стрелочками" по вкладкам.
+ * @param event Событие клавиатуры.
+ */
+function handleTabsKeyDown(event) {
+    if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight') {
+        return;
+    }
+    const tabs = Array.from(event.currentTarget.querySelectorAll('[role="tab"]:not([aria-disabled="true"])'));
+    const currentTab = event.target instanceof HTMLElement && event.target.closest('[role="tab"]');
+    const currentIndex = currentTab ? tabs.indexOf(currentTab) : -1;
+    if (currentIndex === -1) {
+        return;
+    }
+    const direction = event.key === 'ArrowRight' ? 1 : -1;
+    const nextTab = tabs[(currentIndex + direction + tabs.length) % tabs.length];
+    nextTab.focus();
+    nextTab.click();
+}
+/**
+ * Вкладка.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function Tab({ name, selected, disabled, onClick, children, className, style, 'data-testid': testId = 'tab', }) {
+    return ((0, jsx_runtime_1.jsx)("li", { role: 'tab', "aria-selected": Boolean(selected), "aria-disabled": disabled || undefined, tabIndex: disabled || !selected ? -1 : 0, className: (0, classnames_1.default)(styles.item, selected && styles.selected, disabled && styles.disabled, className), style: style, onClick: disabled ? undefined : onClick, "data-testid": testId, children: typeof name !== 'undefined' ? String(name) : children }));
+}
+/**
+ * Блок списка вкладок.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function Tabs({ children, view = 'clean', stretch = false, gapSize = 'm', className, style, 'data-testid': testId = 'tabs', }) {
+    const rootClassName = (0, classnames_1.default)(styles.root, styles[`view-${view}`], gapSize && gapSize !== 'unset' && styles[`gap-${gapSize}`], stretch && styles.stretch, className);
+    return ((0, jsx_runtime_1.jsx)("ul", { role: 'tablist', "data-testid": testId, className: rootClassName, style: style, onKeyDown: handleTabsKeyDown, children: children }));
+}
+Tabs.Item = Tab;
+//# sourceMappingURL=tabs.js.map

package/dist/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/tabs/tabs.tsx"],"names":[],"mappings":"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"}

package/dist/tabs/tabs.module.scss

@@ -0,0 +1,100 @@
+@use '../colors';
+
+// @todo убрать вложенность по максимуму
+.root {
+  list-style-type: none;
+  user-select: none;
+  display: flex;
+  margin: 0;
+  padding: 0;
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 24px;
+  li {
+    display: block;
+    margin: 0;
+    &::before {
+      content: none;
+    }
+  }
+  &.stretch {
+    justify-items: stretch;
+    .item {
+      width: 100%;
+    }
+  }
+  &.view-clean,
+  &.view-clean-underline {
+    height: 32px;
+    .item {
+      color: colors.$basic-gray38;
+      &.selected {
+        position: relative;
+        color: colors.$basic-gray87;
+        &::before {
+          content: '';
+          position: absolute;
+          height: 2px;
+          margin: 0 -1px;
+          left: 0;
+          right: 0;
+          bottom: 0;
+          background-color: colors.$basic-blue;
+          border-top-left-radius: 4px;
+          border-top-right-radius: 4px;
+        }
+      }
+      &.disabled {
+        color: colors.$basic-gray12;
+      }
+      &:not(.selected):not(.disabled):hover {
+        cursor: pointer;
+        color: colors.$basic-gray54;
+      }
+    }
+  }
+  &.view-clean-underline {
+    height: 40px;
+    position: relative;
+    &::before {
+      position: absolute;
+      bottom: 0;
+      content: '';
+      height: 1px;
+      width: 100%;
+      background-color: colors.$basic-gray12;
+    }
+  }
+  &.view-round {
+    height: 40px;
+    .item {
+      color: colors.$basic-gray87;
+      padding: 8px 16px;
+      border-radius: 4px;
+      background-color: colors.$basic-gray4;
+      &.selected {
+        background-color: colors.$basic-blue;
+        color: colors.$basic-white;
+      }
+      &.disabled {
+        color: colors.$basic-gray24;
+      }
+      &:not(.selected):not(.disabled):hover {
+        cursor: pointer;
+        background-color: colors.$basic-gray8;
+      }
+    }
+  }
+  &.gap-m {
+    --tabs-gap: 24px;
+  }
+  &.gap-s {
+    --tabs-gap: 16px;
+  }
+  .item {
+    text-align: center;
+    &:not(:last-child) {
+      margin-right: var(--tabs-gap);
+    }
+  }
+}

package/dist/tabs/types.d.ts

@@ -0,0 +1,35 @@
+import type { CSSProperties, MouseEventHandler, ReactNode } from 'react';
+import type { WithTestId } from '../types';
+export interface TabProps extends WithTestId {
+    /** Название вкладки. */
+    name?: string;
+    /** Выбрана ли вкладка. */
+    selected?: boolean;
+    /** Отключена ли вкладка. */
+    disabled?: boolean;
+    /** Обработчик клика. */
+    onClick?: MouseEventHandler<HTMLLIElement>;
+    /** Содержимое. */
+    children?: ReactNode;
+    /** Класс корневого элемента. */
+    className?: string;
+    /** Стили. */
+    style?: CSSProperties;
+}
+export interface TabsStyle extends CSSProperties {
+    '--tabs-gap'?: string;
+}
+export interface TabsProps extends WithTestId {
+    /** Визуальный вариант вкладок. */
+    view?: 'clean' | 'clean-underline' | 'round';
+    /** Необходимо ли растягивать вкладки под размер контейнера. */
+    stretch?: boolean;
+    /** Размер отступа между вкладками. */
+    gapSize?: 's' | 'm' | 'unset';
+    /** Класс корневого элемента. */
+    className?: string;
+    /** Стили. */
+    style?: TabsStyle;
+    /** Вкладки. */
+    children?: ReactNode;
+}

package/dist/tabs/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/tabs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/tabs/types.ts"],"names":[],"mappings":""}

package/dist/test-utils/dom-rect-read-only-mock.d.ts

@@ -0,0 +1,23 @@
+/** */
+export declare class DOMRectReadOnlyMock implements DOMRectReadOnly {
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/bottom). */
+    readonly bottom: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/height). */
+    readonly height: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/left). */
+    readonly left: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/right). */
+    readonly right: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/top). */
+    readonly top: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/width). */
+    readonly width: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/x). */
+    readonly x: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/y). */
+    readonly y: number;
+    /** @inheritdoc */
+    constructor(x?: number | undefined, y?: number | undefined, width?: number | undefined, height?: number | undefined);
+    /** @inheritdoc */
+    toJSON(): any;
+}

package/dist/test-utils/dom-rect-read-only-mock.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DOMRectReadOnlyMock = void 0;
+/** */
+class DOMRectReadOnlyMock {
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/bottom). */
+    bottom;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/height). */
+    height;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/left). */
+    left;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/right). */
+    right;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/top). */
+    top;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/width). */
+    width;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/x). */
+    x;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/y). */
+    y;
+    /** @inheritdoc */
+    constructor(x = 0, y = 0, width = 0, height = 0) {
+        this.x = x;
+        this.y = y;
+        this.width = width;
+        this.height = height;
+        this.top = y;
+        this.left = x;
+        this.bottom = y + height;
+        this.right = x + width;
+        Object.freeze(this);
+    }
+    /** @inheritdoc */
+    toJSON() {
+        return {
+            x: this.x,
+            y: this.y,
+            width: this.width,
+            height: this.height,
+            top: this.top,
+            left: this.left,
+            bottom: this.bottom,
+            right: this.right,
+        };
+    }
+}
+exports.DOMRectReadOnlyMock = DOMRectReadOnlyMock;
+//# sourceMappingURL=dom-rect-read-only-mock.js.map

package/dist/test-utils/dom-rect-read-only-mock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-rect-read-only-mock.js","sourceRoot":"","sources":["../../src/test-utils/dom-rect-read-only-mock.ts"],"names":[],"mappings":";;;AAAA,MAAM;AACN,MAAa,mBAAmB;IAC9B,0FAA0F;IACjF,MAAM,CAAS;IAExB,0FAA0F;IACjF,MAAM,CAAS;IAExB,wFAAwF;IAC/E,IAAI,CAAS;IAEtB,yFAAyF;IAChF,KAAK,CAAS;IAEvB,uFAAuF;IAC9E,GAAG,CAAS;IAErB,yFAAyF;IAChF,KAAK,CAAS;IAEvB,qFAAqF;IAC5E,CAAC,CAAS;IAEnB,qFAAqF;IAC5E,CAAC,CAAS;IAEnB,kBAAkB;IAClB,YACE,IAAwB,CAAC,EACzB,IAAwB,CAAC,EACzB,QAA4B,CAAC,EAC7B,SAA6B,CAAC;QAE9B,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;QACX,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;QACX,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC;QACb,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;QACd,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,MAAM,CAAC;QACzB,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC;QACvB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAED,kBAAkB;IAClB,MAAM;QACJ,OAAO;YACL,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB,CAAC;IACJ,CAAC;CACF;AAxDD,kDAwDC"}

package/dist/test-utils/index.d.ts

@@ -0,0 +1,4 @@
+export { DOMRectReadOnlyMock } from './dom-rect-read-only-mock';
+export { IntersectionObserverMock } from './intersection-observer-mock';
+export { MatchMediaMock } from './match-media-mock';
+export { ResizeObserverMock } from './resize-observer-mock';

package/dist/test-utils/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResizeObserverMock = exports.MatchMediaMock = exports.IntersectionObserverMock = exports.DOMRectReadOnlyMock = void 0;
+var dom_rect_read_only_mock_1 = require("./dom-rect-read-only-mock");
+Object.defineProperty(exports, "DOMRectReadOnlyMock", { enumerable: true, get: function () { return dom_rect_read_only_mock_1.DOMRectReadOnlyMock; } });
+var intersection_observer_mock_1 = require("./intersection-observer-mock");
+Object.defineProperty(exports, "IntersectionObserverMock", { enumerable: true, get: function () { return intersection_observer_mock_1.IntersectionObserverMock; } });
+var match_media_mock_1 = require("./match-media-mock");
+Object.defineProperty(exports, "MatchMediaMock", { enumerable: true, get: function () { return match_media_mock_1.MatchMediaMock; } });
+var resize_observer_mock_1 = require("./resize-observer-mock");
+Object.defineProperty(exports, "ResizeObserverMock", { enumerable: true, get: function () { return resize_observer_mock_1.ResizeObserverMock; } });
+//# sourceMappingURL=index.js.map

package/dist/test-utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test-utils/index.ts"],"names":[],"mappings":";;;AAAA,qEAAgE;AAAvD,8HAAA,mBAAmB,OAAA;AAC5B,2EAAwE;AAA/D,sIAAA,wBAAwB,OAAA;AACjC,uDAAoD;AAA3C,kHAAA,cAAc,OAAA;AACvB,+DAA4D;AAAnD,0HAAA,kBAAkB,OAAA"}

package/dist/test-utils/intersection-observer-mock.d.ts

@@ -0,0 +1,78 @@
+/**
+ * Имитация IntersectionObserver.
+ */
+export declare class IntersectionObserverMock implements IntersectionObserver {
+    /**
+     * Создает новый реестр экземпляров IntersectionObserverMock.
+     * @return Реестр.
+     */
+    static createRegistry(): IntersectionObserverRegistry;
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/root).
+     */
+    readonly root: Element | Document | null;
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/rootMargin).
+     */
+    readonly rootMargin: string;
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/scrollMargin).
+     */
+    readonly scrollMargin: string;
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/thresholds).
+     */
+    readonly thresholds: ReadonlyArray<number>;
+    protected readonly callback: IntersectionObserverCallback;
+    protected readonly options: IntersectionObserverInit | undefined;
+    /**
+     * @inheritdoc
+     */
+    constructor(callback: IntersectionObserverCallback, options?: IntersectionObserverInit);
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/disconnect).
+     * @inheritdoc
+     */
+    disconnect(): void;
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/observe).
+     * @inheritdoc
+     */
+    observe(target: Element): void;
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/takeRecords).
+     * @inheritdoc
+     */
+    takeRecords(): IntersectionObserverEntry[];
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/unobserve).
+     * @inheritdoc
+     */
+    unobserve(target: Element): void;
+    /**
+     * Имитирует изменение состояния наблюдаемого элемента.
+     * @param entry Данные состояния.
+     */
+    simulateEntryChange({ target, isIntersecting, intersectionRatio, }: Pick<IntersectionObserverEntry, 'intersectionRatio' | 'isIntersecting' | 'target'>): void;
+}
+/**
+ * Реестр экземпляров IntersectionObserverMock.
+ */
+export declare class IntersectionObserverRegistry {
+    protected readonly items: Set<IntersectionObserverMock>;
+    /**
+     * @inheritdoc
+     */
+    constructor();
+    /**
+     * Создает, регистрирует и возвращает новый экземпляр IntersectionObserverMock.
+     * @param params Аргументы IntersectionObserverMock.
+     * @return Экземпляр IntersectionObserverMock.
+     */
+    getObserver(...params: ConstructorParameters<typeof IntersectionObserverMock>): IntersectionObserverMock;
+    /**
+     * Имитирует изменение состояния наблюдаемого элемента на всех экземплярах в реестре.
+     * @param entry Данные состояния.
+     */
+    simulateEntryChange(entry: Pick<IntersectionObserverEntry, 'intersectionRatio' | 'isIntersecting' | 'target'>): void;
+}

package/dist/test-utils/intersection-observer-mock.js

@@ -0,0 +1,158 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IntersectionObserverRegistry = exports.IntersectionObserverMock = void 0;
+const dom_rect_read_only_mock_1 = require("./dom-rect-read-only-mock");
+const privates = new Map();
+/**
+ * Имитация IntersectionObserver.
+ */
+class IntersectionObserverMock {
+    /**
+     * Создает новый реестр экземпляров IntersectionObserverMock.
+     * @return Реестр.
+     */
+    static createRegistry() {
+        return new IntersectionObserverRegistry();
+    }
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/root).
+     */
+    root;
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/rootMargin).
+     */
+    rootMargin;
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/scrollMargin).
+     */
+    scrollMargin;
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/thresholds).
+     */
+    thresholds;
+    callback;
+    options;
+    /**
+     * @inheritdoc
+     */
+    constructor(callback, options) {
+        // ВАЖНО: имитируем поведение согласно реализации в браузере
+        if (typeof callback !== 'function') {
+            throw new TypeError('IntersectionObserverMock constructor: Argument 1 is not callable.');
+        }
+        // root
+        this.root = options?.root ?? null;
+        // rootMargin
+        this.rootMargin = options?.rootMargin ?? '0px';
+        // scrollMargin
+        this.scrollMargin = options?.scrollMargin ?? '0px';
+        // thresholds
+        if (typeof options?.threshold === 'number') {
+            this.thresholds = [options.threshold];
+        }
+        else if (Array.isArray(options?.threshold)) {
+            this.thresholds = options.threshold;
+        }
+        else {
+            this.thresholds = [0];
+        }
+        // specific for mock
+        this.callback = callback;
+        this.options = options;
+    }
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/disconnect).
+     * @inheritdoc
+     */
+    disconnect() {
+        if (!privates.has(this)) {
+            privates.set(this, { targets: new Set() });
+        }
+        privates.get(this)?.targets.clear();
+    }
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/observe).
+     * @inheritdoc
+     */
+    observe(target) {
+        if (!privates.has(this)) {
+            privates.set(this, { targets: new Set() });
+        }
+        privates.get(this)?.targets.add(target);
+    }
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/takeRecords).
+     * @inheritdoc
+     */
+    takeRecords() {
+        // not implemented
+        return [];
+    }
+    /**
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/IntersectionObserver/unobserve).
+     * @inheritdoc
+     */
+    unobserve(target) {
+        if (!privates.has(this)) {
+            privates.set(this, { targets: new Set() });
+        }
+        privates.get(this)?.targets.delete(target);
+    }
+    /**
+     * Имитирует изменение состояния наблюдаемого элемента.
+     * @param entry Данные состояния.
+     */
+    simulateEntryChange({ target, isIntersecting, intersectionRatio, }) {
+        if (!privates.has(this)) {
+            privates.set(this, { targets: new Set() });
+        }
+        if (privates.get(this)?.targets.has(target) && this.thresholds.includes(intersectionRatio)) {
+            this.callback([
+                {
+                    target,
+                    isIntersecting,
+                    intersectionRatio,
+                    // not implemented
+                    time: Date.now(),
+                    boundingClientRect: new dom_rect_read_only_mock_1.DOMRectReadOnlyMock(),
+                    intersectionRect: new dom_rect_read_only_mock_1.DOMRectReadOnlyMock(),
+                    rootBounds: null,
+                },
+            ], this);
+        }
+    }
+}
+exports.IntersectionObserverMock = IntersectionObserverMock;
+/**
+ * Реестр экземпляров IntersectionObserverMock.
+ */
+class IntersectionObserverRegistry {
+    items;
+    /**
+     * @inheritdoc
+     */
+    constructor() {
+        this.items = new Set();
+        this.getObserver = this.getObserver.bind(this);
+        this.simulateEntryChange = this.simulateEntryChange.bind(this);
+    }
+    /**
+     * Создает, регистрирует и возвращает новый экземпляр IntersectionObserverMock.
+     * @param params Аргументы IntersectionObserverMock.
+     * @return Экземпляр IntersectionObserverMock.
+     */
+    getObserver(...params) {
+        const item = new IntersectionObserverMock(...params);
+        this.items.add(item);
+        return item;
+    }
+    /**
+     * Имитирует изменение состояния наблюдаемого элемента на всех экземплярах в реестре.
+     * @param entry Данные состояния.
+     */
+    simulateEntryChange(entry) {
+        this.items.forEach(item => item.simulateEntryChange(entry));
+    }
+}
+exports.IntersectionObserverRegistry = IntersectionObserverRegistry;
+//# sourceMappingURL=intersection-observer-mock.js.map

package/dist/test-utils/intersection-observer-mock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"intersection-observer-mock.js","sourceRoot":"","sources":["../../src/test-utils/intersection-observer-mock.ts"],"names":[],"mappings":"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"}