@sankhyalabs/core 5.20.0-dev.8 → 5.20.0-dev.9

package/.docs/classes/OverflowWatcher.md

@@ -0,0 +1,269 @@
+[**@sankhyalabs/core**](../README.md) • **Docs**
+
+***
+
+[@sankhyalabs/core](../globals.md) / OverflowWatcher
+
+# Class: OverflowWatcher
+
+## Constructors
+
+### new OverflowWatcher()
+
+> **new OverflowWatcher**(`element`, `callback`, `overFlowDirection`, `deltaSize`): [`OverflowWatcher`](OverflowWatcher.md)
+
+Cria uma instancia do OverflowWatcher
+
+#### Parameters
+
+• **element**: `HTMLElement`
+
+Elemento HTML que o overflow será observado.
+
+• **callback**: [`OnOverflowCallBack`](../type-aliases/OnOverflowCallBack.md)
+
+Função que sera chamada quando ocorrer overflow no elemento.
+
+• **overFlowDirection**: [`OverflowDirection`](../enumerations/OverflowDirection.md)= `OverflowDirection.HORIZONTAL`
+
+Indica direção que o overflow será monitorado.
+
+• **deltaSize**: `number`= `10`
+
+Variação de tamanho que será considerada como overflow.
+
+#### Returns
+
+[`OverflowWatcher`](OverflowWatcher.md)
+
+#### Source
+
+src/utils/OverflowWatcher/index.ts:25
+
+## Properties
+
+### \_deltaSize
+
+> `private` **\_deltaSize**: `number`
+
+#### Source
+
+src/utils/OverflowWatcher/index.ts:15
+
+***
+
+### \_hiddenItems
+
+> `private` **\_hiddenItems**: `Element`[] = `[]`
+
+#### Source
+
+src/utils/OverflowWatcher/index.ts:14
+
+***
+
+### \_lastContentRect
+
+> `private` **\_lastContentRect**: `undefined` \| `DOMRectReadOnly` = `undefined`
+
+#### Source
+
+src/utils/OverflowWatcher/index.ts:11
+
+***
+
+### \_onResize
+
+> `private` **\_onResize**: [`OnOverflowCallBack`](../type-aliases/OnOverflowCallBack.md)
+
+#### Source
+
+src/utils/OverflowWatcher/index.ts:9
+
+***
+
+### \_propSize
+
+> `private` **\_propSize**: `string`
+
+#### Source
+
+src/utils/OverflowWatcher/index.ts:13
+
+***
+
+### \_resizeObserver
+
+> `private` **\_resizeObserver**: `ResizeObserver`
+
+#### Source
+
+src/utils/OverflowWatcher/index.ts:10
+
+***
+
+### \_scrollDirection
+
+> `private` **\_scrollDirection**: [`OverflowDirection`](../enumerations/OverflowDirection.md) = `OverflowDirection.HORIZONTAL`
+
+#### Source
+
+src/utils/OverflowWatcher/index.ts:12
+
+## Methods
+
+### calcChildrenSize()
+
+> `private` **calcChildrenSize**(`children`): `number`
+
+#### Parameters
+
+• **children**: `Element`[]
+
+#### Returns
+
+`number`
+
+#### Source
+
+src/utils/OverflowWatcher/index.ts:126
+
+***
+
+### calcMarginSize()
+
+> `private` **calcMarginSize**(`el`): `number`
+
+#### Parameters
+
+• **el**: `Element`
+
+#### Returns
+
+`number`
+
+#### Source
+
+src/utils/OverflowWatcher/index.ts:141
+
+***
+
+### destroy()
+
+> **destroy**(): `void`
+
+#### Returns
+
+`void`
+
+#### Source
+
+src/utils/OverflowWatcher/index.ts:37
+
+***
+
+### getPropSizeByDirection()
+
+> `private` **getPropSizeByDirection**(): `string`
+
+#### Returns
+
+`string`
+
+#### Source
+
+src/utils/OverflowWatcher/index.ts:65
+
+***
+
+### handleResize()
+
+> `private` **handleResize**(`entries`): `void`
+
+#### Parameters
+
+• **entries**: `ResizeObserverEntry`[]
+
+#### Returns
+
+`void`
+
+#### Source
+
+src/utils/OverflowWatcher/index.ts:41
+
+***
+
+### isChangedSize()
+
+> `private` **isChangedSize**(`newContentRect`): `boolean`
+
+#### Parameters
+
+• **newContentRect**: `DOMRectReadOnly`
+
+#### Returns
+
+`boolean`
+
+#### Source
+
+src/utils/OverflowWatcher/index.ts:57
+
+***
+
+### proccessElements()
+
+> `private` **proccessElements**(`elementSize`, `children`): `void`
+
+#### Parameters
+
+• **elementSize**: `number`
+
+• **children**: `Element`[]
+
+#### Returns
+
+`void`
+
+#### Source
+
+src/utils/OverflowWatcher/index.ts:73
+
+***
+
+### proccessElementsOverFlow()
+
+> `private` **proccessElementsOverFlow**(`children`, `diff`): `void`
+
+#### Parameters
+
+• **children**: `Element`[]
+
+• **diff**: `number`
+
+#### Returns
+
+`void`
+
+#### Source
+
+src/utils/OverflowWatcher/index.ts:103
+
+***
+
+### proccessElementsWithoutOverFlow()
+
+> `private` **proccessElementsWithoutOverFlow**(`diff`): `void`
+
+#### Parameters
+
+• **diff**: `number`
+
+#### Returns
+
+`void`
+
+#### Source
+
+src/utils/OverflowWatcher/index.ts:91

package/.docs/enumerations/OverflowDirection.md

@@ -0,0 +1,29 @@
+[**@sankhyalabs/core**](../README.md) • **Docs**
+
+***
+
+[@sankhyalabs/core](../globals.md) / OverflowDirection
+
+# Enumeration: OverflowDirection
+
+Define em qual direção o overflow será observado
+
+## Enumeration Members
+
+### HORIZONTAL
+
+> **HORIZONTAL**: `1`
+
+#### Source
+
+src/utils/OverflowWatcher/types/overflow-direction.ts:6
+
+***
+
+### VERTICAL
+
+> **VERTICAL**: `0`
+
+#### Source
+
+src/utils/OverflowWatcher/types/overflow-direction.ts:5

package/.docs/globals.md

@@ -14,6 +14,7 @@
 - [ChangeOperation](enumerations/ChangeOperation.md)
 - [DataType](enumerations/DataType.md)
 - [DependencyType](enumerations/DependencyType.md)
+- [OverflowDirection](enumerations/OverflowDirection.md)
 - [SelectionMode](enumerations/SelectionMode.md)
 - [SortMode](enumerations/SortMode.md)
 - [UserInterface](enumerations/UserInterface.md)
@@ -42,6 +43,7 @@
 - [NumberUtils](classes/NumberUtils.md)
 - [ObjectUtils](classes/ObjectUtils.md)
 - [OnboardingUtils](classes/OnboardingUtils.md)
+- [OverflowWatcher](classes/OverflowWatcher.md)
 - [PromiseSync](classes/PromiseSync.md)
 - [ReadyUtil](classes/ReadyUtil.md)
 - [RequestMetadata](classes/RequestMetadata.md)
@@ -80,6 +82,10 @@
 - [UnitMetadata](interfaces/UnitMetadata.md)
 - [WaitingChange](interfaces/WaitingChange.md)
 
+## Type Aliases
+
+- [OnOverflowCallBack](type-aliases/OnOverflowCallBack.md)
+
 ## Functions
 
 - [defaultDataLoader](functions/defaultDataLoader.md)

package/.docs/type-aliases/OnOverflowCallBack.md

@@ -0,0 +1,25 @@
+[**@sankhyalabs/core**](../README.md) • **Docs**
+
+***
+
+[@sankhyalabs/core](../globals.md) / OnOverflowCallBack
+
+# Type alias: OnOverflowCallBack()
+
+> **OnOverflowCallBack**: (`elementsOverFlow`) => `void`
+
+Callback que será chamado quando o overflow de um elemento for alterado.
+
+## Parameters
+
+• **elementsOverFlow**: `Element`[]
+
+Conjunto de elementos filhos que estão causando overflow no elemento pai.
+
+## Returns
+
+`void`
+
+## Source
+
+src/utils/OverflowWatcher/types/overflow-callback.ts:6

package/dist/index.d.ts

@@ -39,4 +39,5 @@ import { IRepositoryIndex } from "./repository/indexeddb/IRepositoryIndex.js";
 import { FieldComparator } from "./dataunit/sorting/FieldComparator.js";
 import { KeyboardManager } from "./utils/KeyboardManager/index.js";
 import { SearchUtils } from "./utils/SearchUtils.js";
-export { StringUtils, MaskFormatter, NumberUtils, FloatingManager, DateUtils, ArrayUtils, TimeFormatter, SkwHttpProvider, HttpProvider, RequestMetadata, AuthorizedServiceCaller, DataUnit, DataUnitStorage, Record, SavedRecord, DataType, UnitMetadata, FieldDescriptor, UserInterface, DependencyType, ChildDescriptor, ChildLink, DataUnitAction, Action, Change, Sort, Filter, ChangeOperation, DUActionInterceptor, ApplicationContext, WaitingChange, PageRequest, QuickFilter, ReadyUtil, ObjectUtils, WarningException, WaitingChangeException, ErrorException, ErrorTracking, ExecutionContext, PaginationInfo, SortingProvider, SortMode, LoadDataRequest, LoadDataResponse, SelectionInfo, SelectionMode, ElementIDUtils, IElementIDInfo, UserAgentUtils, JSUtils, VersionUtils, OnboardingUtils, PromiseSync, PromiseSyncCallback, HTMLBuilder, IRepository, IDBRepository, ILoadResult, IRepositoryIndex, FieldComparator, defaultDataLoader, KeyboardManager, SearchUtils, };
+import OverflowWatcher, { OnOverflowCallBack, OverflowDirection } from "./utils/OverflowWatcher/index.js";
+export { StringUtils, MaskFormatter, NumberUtils, FloatingManager, DateUtils, ArrayUtils, TimeFormatter, SkwHttpProvider, HttpProvider, RequestMetadata, AuthorizedServiceCaller, DataUnit, DataUnitStorage, Record, SavedRecord, DataType, UnitMetadata, FieldDescriptor, UserInterface, DependencyType, ChildDescriptor, ChildLink, DataUnitAction, Action, Change, Sort, Filter, ChangeOperation, DUActionInterceptor, ApplicationContext, WaitingChange, PageRequest, QuickFilter, ReadyUtil, ObjectUtils, WarningException, WaitingChangeException, ErrorException, ErrorTracking, ExecutionContext, PaginationInfo, SortingProvider, SortMode, LoadDataRequest, LoadDataResponse, SelectionInfo, SelectionMode, ElementIDUtils, IElementIDInfo, UserAgentUtils, JSUtils, VersionUtils, OnboardingUtils, PromiseSync, PromiseSyncCallback, HTMLBuilder, IRepository, IDBRepository, ILoadResult, IRepositoryIndex, FieldComparator, defaultDataLoader, KeyboardManager, SearchUtils, OverflowWatcher, OnOverflowCallBack, OverflowDirection };

package/dist/index.js

@@ -33,6 +33,7 @@ import { IDBRepository } from "./repository/indexeddb/IDBRepository.js";
 import { FieldComparator } from "./dataunit/sorting/FieldComparator.js";
 import { KeyboardManager } from "./utils/KeyboardManager/index.js";
 import { SearchUtils } from "./utils/SearchUtils.js";
+import OverflowWatcher, { OverflowDirection } from "./utils/OverflowWatcher/index.js";
 /*Classes públicas no pacote*/
-export { StringUtils, MaskFormatter, NumberUtils, FloatingManager, DateUtils, ArrayUtils, TimeFormatter, SkwHttpProvider, HttpProvider, RequestMetadata, AuthorizedServiceCaller, DataUnit, DataUnitStorage, DataType, UserInterface, DependencyType, DataUnitAction, Action, Change, ChangeOperation, ApplicationContext, ReadyUtil, ObjectUtils, WarningException, WaitingChangeException, ErrorException, ErrorTracking, SortMode, SelectionInfo, SelectionMode, ElementIDUtils, UserAgentUtils, JSUtils, VersionUtils, OnboardingUtils, PromiseSync, HTMLBuilder, IDBRepository, FieldComparator, defaultDataLoader, KeyboardManager, SearchUtils, };
+export { StringUtils, MaskFormatter, NumberUtils, FloatingManager, DateUtils, ArrayUtils, TimeFormatter, SkwHttpProvider, HttpProvider, RequestMetadata, AuthorizedServiceCaller, DataUnit, DataUnitStorage, DataType, UserInterface, DependencyType, DataUnitAction, Action, Change, ChangeOperation, ApplicationContext, ReadyUtil, ObjectUtils, WarningException, WaitingChangeException, ErrorException, ErrorTracking, SortMode, SelectionInfo, SelectionMode, ElementIDUtils, UserAgentUtils, JSUtils, VersionUtils, OnboardingUtils, PromiseSync, HTMLBuilder, IDBRepository, FieldComparator, defaultDataLoader, KeyboardManager, SearchUtils, OverflowWatcher, OverflowDirection };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,eAAe,MAAM,yBAAyB,CAAC;AACtD,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAC7C,OAAO,UAAU,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,QAAQ,EAAE,EAAsB,MAAM,EAAE,eAAe,EAAgE,aAAa,EAAE,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAC1L,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAiC,aAAa,EAAQ,QAAQ,EAA2B,cAAc,EAA8B,MAAM,qCAAqC,CAAC;AACxL,OAAO,EAAE,cAAc,EAAE,MAAM,EAAoB,MAAM,2CAA2C,CAAC;AACrG,OAAO,kBAAkB,MAAM,+BAA+B,CAAC;AAC/D,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAC7C,OAAO,WAAW,MAAM,wBAAwB,CAAC;AACjD,OAAO,gBAAgB,MAAM,kCAAkC,CAAC;AAChE,OAAO,sBAAsB,MAAM,wCAAwC,CAAC;AAC5E,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAI1D,OAAO,EAAE,cAAc,EAAkB,MAAM,2BAA2B,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,YAAY,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAE,eAAe,EAAC,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAC,OAAO,IAAI,WAAW,EAAsB,MAAM,wBAAwB,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAEjE,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAGxE,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,8BAA8B;AAC9B,OAAO,EACH,WAAW,EACX,aAAa,EACb,WAAW,EACX,eAAe,EACf,SAAS,EACT,UAAU,EACV,aAAa,EACb,eAAe,EACf,YAAY,EACZ,eAAe,EACf,uBAAuB,EACvB,QAAQ,EACR,eAAe,EAGf,QAAQ,EAGR,aAAa,EACb,cAAc,EAGd,cAAc,EACd,MAAM,EACN,MAAM,EAGN,eAAe,EAEf,kBAAkB,EAIlB,SAAS,EACT,WAAW,EACX,gBAAgB,EAChB,sBAAsB,EACtB,cAAc,EACd,aAAa,EAIb,QAAQ,EAGR,aAAa,EACb,aAAa,EACb,cAAc,EAEd,cAAc,EACd,OAAO,EACP,YAAY,EACZ,eAAe,EACf,WAAW,EAEX,WAAW,EAEX,aAAa,EAGb,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,WAAW,GACd,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/utils/OverflowWatcher/index.d.ts

@@ -0,0 +1,31 @@
+import { OverflowDirection } from "./types/overflow-direction.js";
+import { OnOverflowCallBack } from "./types/overflow-callback.js";
+export * from "./types/overflow-direction.js";
+export * from "./types/overflow-callback.js";
+export default class OverflowWatcher {
+    private _onResize;
+    private _resizeObserver;
+    private _lastContentRect;
+    private _scrollDirection;
+    private _propSize;
+    private _hiddenItems;
+    private _deltaSize;
+    /**
+     * Cria uma instancia do OverflowWatcher
+     *
+     * @param element - Elemento HTML que o overflow será observado.
+     * @param callback - Função que sera chamada quando ocorrer overflow no elemento.
+     * @param overFlowDirection - Indica direção que o overflow será monitorado.
+     * @param deltaSize - Variação de tamanho que será considerada como overflow.
+     */
+    constructor(element: HTMLElement, callback: OnOverflowCallBack, overFlowDirection?: OverflowDirection, deltaSize?: number);
+    destroy(): void;
+    private handleResize;
+    private isChangedSize;
+    private getPropSizeByDirection;
+    private proccessElements;
+    private proccessElementsWithoutOverFlow;
+    private proccessElementsOverFlow;
+    private calcChildrenSize;
+    private calcMarginSize;
+}

package/dist/utils/OverflowWatcher/index.js

@@ -0,0 +1,107 @@
+import { JSUtils } from "../JSUtils.js";
+import { OverflowDirection } from "./types/overflow-direction.js";
+export * from "./types/overflow-direction.js";
+export * from "./types/overflow-callback.js";
+export default class OverflowWatcher {
+    /**
+     * Cria uma instancia do OverflowWatcher
+     *
+     * @param element - Elemento HTML que o overflow será observado.
+     * @param callback - Função que sera chamada quando ocorrer overflow no elemento.
+     * @param overFlowDirection - Indica direção que o overflow será monitorado.
+     * @param deltaSize - Variação de tamanho que será considerada como overflow.
+     */
+    constructor(element, callback, overFlowDirection = OverflowDirection.HORIZONTAL, deltaSize = 10) {
+        this._lastContentRect = undefined;
+        this._scrollDirection = OverflowDirection.HORIZONTAL;
+        this._hiddenItems = [];
+        this._onResize = callback;
+        this._scrollDirection = overFlowDirection;
+        this._resizeObserver = new ResizeObserver(JSUtils.debounce((entries) => this.handleResize(entries), 200));
+        this._resizeObserver.observe(element);
+        this._propSize = this.getPropSizeByDirection();
+        this._deltaSize = deltaSize;
+    }
+    destroy() {
+        this._resizeObserver.disconnect();
+    }
+    handleResize(entries) {
+        if (!entries || entries.length === 0) {
+            return;
+        }
+        const resizeItem = entries[0];
+        const contentRect = resizeItem.contentRect;
+        if (this.isChangedSize(contentRect)) {
+            const children = Array.from(resizeItem.target.children);
+            this.proccessElements(contentRect[this._propSize], children);
+            this._lastContentRect = contentRect;
+        }
+    }
+    isChangedSize(newContentRect) {
+        if (this._lastContentRect == undefined) {
+            return true;
+        }
+        return Math.abs(newContentRect[this._propSize] - this._lastContentRect[this._propSize]) >= this._deltaSize;
+    }
+    getPropSizeByDirection() {
+        if (OverflowDirection.HORIZONTAL === this._scrollDirection) {
+            return "width";
+        }
+        return "height";
+    }
+    proccessElements(elementSize, children) {
+        if (children.length === 0) {
+            return;
+        }
+        const childrenSize = this.calcChildrenSize(children);
+        let diff = Number((elementSize - childrenSize).toFixed(4));
+        if (diff > 0) {
+            this.proccessElementsWithoutOverFlow(diff);
+            return;
+        }
+        this.proccessElementsOverFlow(children, diff);
+    }
+    proccessElementsWithoutOverFlow(diff) {
+        this._hiddenItems.forEach((item) => {
+            if (item.getBoundingClientRect().width < diff) {
+                this._hiddenItems.pop();
+            }
+        });
+        this._onResize(this._hiddenItems);
+    }
+    proccessElementsOverFlow(children, diff) {
+        const elementsOverflow = [];
+        let sumRemovedItems = 0;
+        while (elementsOverflow.length < children.length && sumRemovedItems < (diff * -1)) {
+            const itemToRemove = children.pop();
+            if (itemToRemove != undefined && itemToRemove.style.display === 'none') {
+                continue;
+            }
+            if (itemToRemove != undefined) {
+                elementsOverflow.push(itemToRemove);
+                sumRemovedItems += itemToRemove.getBoundingClientRect()[this._propSize];
+            }
+        }
+        this._hiddenItems = elementsOverflow;
+        this._onResize(elementsOverflow);
+    }
+    calcChildrenSize(children) {
+        let sumChildren = 0;
+        Array.from(children).forEach(el => {
+            sumChildren += el.getBoundingClientRect()[this._propSize];
+            sumChildren += this.calcMarginSize(el);
+        });
+        if (sumChildren > 0) {
+            sumChildren += this._deltaSize;
+        }
+        return sumChildren;
+    }
+    calcMarginSize(el) {
+        const computedStyle = getComputedStyle(el);
+        if (OverflowDirection.HORIZONTAL === this._scrollDirection) {
+            return (parseInt(computedStyle.marginLeft || '0') + parseInt(computedStyle.marginRight || '0'));
+        }
+        return (parseInt(computedStyle.marginTop || '0') + parseInt(computedStyle.marginBottom || '0'));
+    }
+}
+//# sourceMappingURL=index.js.map

package/dist/utils/OverflowWatcher/index.js.map

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

package/dist/utils/OverflowWatcher/types/overflow-callback.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Callback que será chamado quando o overflow de um elemento for alterado.
+ *
+ * @param elementsOverFlow - Conjunto de elementos filhos que estão causando overflow no elemento pai.
+ */
+export type OnOverflowCallBack = (elementsOverFlow: Array<Element>) => void;

package/dist/utils/OverflowWatcher/types/overflow-callback.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=overflow-callback.js.map

package/dist/utils/OverflowWatcher/types/overflow-callback.js.map

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

package/dist/utils/OverflowWatcher/types/overflow-direction.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Define em qual direção o overflow será observado
+ */
+export declare enum OverflowDirection {
+    'VERTICAL' = 0,
+    'HORIZONTAL' = 1
+}

package/dist/utils/OverflowWatcher/types/overflow-direction.js

@@ -0,0 +1,9 @@
+/**
+ * Define em qual direção o overflow será observado
+ */
+export var OverflowDirection;
+(function (OverflowDirection) {
+    OverflowDirection[OverflowDirection["VERTICAL"] = 0] = "VERTICAL";
+    OverflowDirection[OverflowDirection["HORIZONTAL"] = 1] = "HORIZONTAL";
+})(OverflowDirection || (OverflowDirection = {}));
+//# sourceMappingURL=overflow-direction.js.map

package/dist/utils/OverflowWatcher/types/overflow-direction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overflow-direction.js","sourceRoot":"","sources":["../../../../src/utils/OverflowWatcher/types/overflow-direction.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IACzB,iEAAU,CAAA;IACV,qEAAY,CAAA;AAChB,CAAC,EAHW,iBAAiB,KAAjB,iBAAiB,QAG5B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sankhyalabs/core",
-  "version": "5.20.0-dev.8",
+  "version": "5.20.0-dev.9",
   "description": "Modulo core JavaScript da Sankhya.",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/src/index.ts

@@ -39,6 +39,7 @@ import { IRepositoryIndex } from "./repository/indexeddb/IRepositoryIndex.js"
 import { FieldComparator } from "./dataunit/sorting/FieldComparator.js";
 import { KeyboardManager } from "./utils/KeyboardManager/index.js";
 import { SearchUtils } from "./utils/SearchUtils.js";
+import OverflowWatcher, { OnOverflowCallBack, OverflowDirection } from "./utils/OverflowWatcher/index.js";
 
 /*Classes públicas no pacote*/
 export {
@@ -106,4 +107,7 @@ export {
     defaultDataLoader,
     KeyboardManager,
     SearchUtils,
+    OverflowWatcher,
+    OnOverflowCallBack,
+    OverflowDirection
 };

package/src/utils/OverflowWatcher/index.ts

@@ -0,0 +1,151 @@
+import { JSUtils } from "../JSUtils.js";
+import { OverflowDirection } from "./types/overflow-direction.js"
+import { OnOverflowCallBack } from "./types/overflow-callback.js"
+
+export * from "./types/overflow-direction.js";
+export * from "./types/overflow-callback.js";
+
+export default class OverflowWatcher {
+    private _onResize:OnOverflowCallBack;
+    private _resizeObserver:ResizeObserver;
+    private _lastContentRect:DOMRectReadOnly|undefined = undefined;
+    private _scrollDirection = OverflowDirection.HORIZONTAL;
+    private _propSize:string;
+    private _hiddenItems:Element[] = [];
+    private _deltaSize:number;
+
+    /**
+     * Cria uma instancia do OverflowWatcher 
+     * 
+     * @param element - Elemento HTML que o overflow será observado.
+     * @param callback - Função que sera chamada quando ocorrer overflow no elemento.
+     * @param overFlowDirection - Indica direção que o overflow será monitorado.
+     * @param deltaSize - Variação de tamanho que será considerada como overflow.
+     */ 
+    constructor(element:HTMLElement, 
+                callback:OnOverflowCallBack, 
+                overFlowDirection:OverflowDirection = OverflowDirection.HORIZONTAL,
+                deltaSize:number = 10){
+        this._onResize = callback;
+        this._scrollDirection = overFlowDirection;
+        this._resizeObserver = new ResizeObserver(JSUtils.debounce((entries: ResizeObserverEntry[]) => this.handleResize(entries), 200));
+        this._resizeObserver.observe(element);  
+        this._propSize = this.getPropSizeByDirection();   
+        this._deltaSize = deltaSize;   
+    }
+
+    public destroy(){
+        this._resizeObserver.disconnect();
+    }
+
+    private handleResize(entries: ResizeObserverEntry[]){
+
+        if(!entries || entries.length === 0){
+            return;
+        }
+
+        const resizeItem = entries[0];
+        const contentRect:any = resizeItem.contentRect;
+
+        if(this.isChangedSize(contentRect)){
+            const children:Element[] = Array.from(resizeItem.target.children);
+            this.proccessElements(contentRect[this._propSize], children);
+            this._lastContentRect = contentRect;
+        }
+    }
+
+    private isChangedSize(newContentRect:DOMRectReadOnly):boolean{
+        if(this._lastContentRect == undefined){
+            return true;
+        }
+        return Math.abs((newContentRect as any)[this._propSize] - (this._lastContentRect as any)[this._propSize]) >= this._deltaSize;
+    }
+
+
+    private getPropSizeByDirection():string{
+        if(OverflowDirection.HORIZONTAL === this._scrollDirection){
+            return "width"
+        }
+
+        return "height";
+    }
+
+    private proccessElements(elementSize:number, children:Element[]){
+
+        if(children.length === 0){
+            return;
+        }
+
+        const childrenSize = this.calcChildrenSize(children);
+        
+        let diff = Number((elementSize - childrenSize).toFixed(4));
+        
+        if(diff > 0){
+            this.proccessElementsWithoutOverFlow(diff);
+            return;
+        }
+
+        this.proccessElementsOverFlow(children, diff);
+    }
+
+    private proccessElementsWithoutOverFlow(diff:number){
+        this._hiddenItems.forEach((item:any) => {
+                
+            if(item.getBoundingClientRect().width < diff){
+                this._hiddenItems.pop();
+            }
+        
+        });
+
+        this._onResize(this._hiddenItems);
+    }
+
+    private proccessElementsOverFlow(children:Element[], diff:number){
+        const elementsOverflow = [];
+        let sumRemovedItems = 0;
+
+        while(elementsOverflow.length < children.length && sumRemovedItems < (diff * -1) ) {
+            const itemToRemove = children.pop();
+            
+            if(itemToRemove != undefined && (itemToRemove as any).style.display === 'none'){
+                continue;
+            }
+
+            if(itemToRemove != undefined){
+                elementsOverflow.push(itemToRemove);
+                sumRemovedItems += (itemToRemove.getBoundingClientRect() as any)[this._propSize];
+            }
+        }
+
+        
+        this._hiddenItems = elementsOverflow;
+        this._onResize(elementsOverflow);
+
+    }
+
+    private calcChildrenSize(children:Element[]):number{
+        let sumChildren = 0;
+
+        Array.from(children).forEach(el => {
+            sumChildren += (el.getBoundingClientRect() as any)[this._propSize];
+            sumChildren += this.calcMarginSize(el);
+        });
+
+        if(sumChildren > 0){
+            sumChildren += this._deltaSize;
+        }
+
+        return sumChildren;
+    }
+
+    private calcMarginSize(el:Element){
+        const computedStyle = getComputedStyle(el);
+
+        if(OverflowDirection.HORIZONTAL === this._scrollDirection){            
+           return (parseInt(computedStyle.marginLeft || '0') + parseInt(computedStyle.marginRight || '0'));
+        }
+
+        return (parseInt(computedStyle.marginTop || '0') + parseInt(computedStyle.marginBottom || '0'));
+    }
+
+}

package/src/utils/OverflowWatcher/types/overflow-callback.ts

@@ -0,0 +1,6 @@
+/**
+ * Callback que será chamado quando o overflow de um elemento for alterado.
+ * 
+ * @param elementsOverFlow - Conjunto de elementos filhos que estão causando overflow no elemento pai.
+ */
+export type OnOverflowCallBack = (elementsOverFlow:Array<Element>) => void;

package/src/utils/OverflowWatcher/types/overflow-direction.ts

@@ -0,0 +1,7 @@
+/**
+ * Define em qual direção o overflow será observado
+ */
+export enum OverflowDirection {
+    'VERTICAL',
+    'HORIZONTAL'
+}

package/test/util/OverflowWatcher.spec.ts

@@ -0,0 +1,118 @@
+import OverFlowWatcher, { OnOverflowCallBack, OverflowDirection } from '../../src/utils/OverflowWatcher';
+
+describe('OverflowWatcher', function () {
+
+    let element: HTMLElement;
+    let callbackHorizontalDirection: OnOverflowCallBack;
+    let watcherHorizontalDirection: OverFlowWatcher;
+    let callbackVerticalDirection: OnOverflowCallBack;
+    let watcherVerticallDirection: OverFlowWatcher;
+    let child1:HTMLDivElement;
+    let child2:HTMLDivElement;
+
+    beforeEach(() => {
+        
+        global.ResizeObserver = jest.fn().mockImplementation(() => ({
+            observe: jest.fn(),
+            unobserve: jest.fn(),
+            disconnect: jest.fn(),
+        }))
+        
+        element = document.createElement('div');
+
+        //Horizontal
+        callbackHorizontalDirection = jest.fn();
+        watcherHorizontalDirection = new OverFlowWatcher(element, callbackHorizontalDirection);
+
+
+        //Vertical
+        callbackVerticalDirection = jest.fn();
+        watcherVerticallDirection = new OverFlowWatcher(element, callbackVerticalDirection, OverflowDirection.VERTICAL);
+
+        child1 = document.createElement('div');
+        child2 = document.createElement('div');
+        
+        child1.style.width = '50px';
+        child2.style.width = '100px';
+        child1.style.height = '50px';
+        child2.style.height = '100px';
+
+        //TODO: No futuro utilizar JSDOM para não precisar fazer mock dessas coisas
+        child1['getBoundingClientRect'] = () => {            
+            return  {
+                width: 50,
+                height: 50,
+            } as DOMRect;
+        }
+        
+        child2['getBoundingClientRect'] = () => {            
+            return  {
+                width: 100,
+                height: 100,
+            } as DOMRect;
+        }
+        
+        element.appendChild(child1);
+        element.appendChild(child2);
+    });
+
+    afterEach(() => {
+        watcherHorizontalDirection.destroy();
+        watcherVerticallDirection.destroy();
+    });
+
+    test('constructor initializes properties correctly', () => {
+        expect(watcherHorizontalDirection['_onResize']).toBe(callbackHorizontalDirection);
+        expect(watcherHorizontalDirection['_scrollDirection']).toBe(OverflowDirection.HORIZONTAL);
+        expect(watcherHorizontalDirection['_deltaSize']).toBe(10);
+    });
+
+   test('handleResize horizontal calls callback with hidden items', () => {
+        const entries: any[] = [{
+          contentRect: {
+            width: 120
+          },
+          target: element
+        }];
+    
+        watcherHorizontalDirection['handleResize'](entries);
+    
+        expect(callbackHorizontalDirection).toHaveBeenCalledWith([child2]);
+        
+        entries[0].contentRect.width = 100;
+        watcherHorizontalDirection['handleResize'](entries);
+
+        expect(callbackHorizontalDirection).toHaveBeenCalledWith([child2]);
+    });
+    
+    test('handleResize vertical calls callback with hidden items', () => {
+        const entries: any[] = [{
+          contentRect: {
+            height: 120
+          },
+          target: element
+        }];
+    
+        watcherVerticallDirection['handleResize'](entries);
+    
+        expect(callbackVerticalDirection).toHaveBeenCalledWith([child2]);
+    });
+
+    test('isChangedSize returns true if no previous size', () => {
+        const newContentRect: DOMRectReadOnly = { width: 100 } as DOMRectReadOnly;
+        watcherHorizontalDirection['_lastContentRect'] = undefined;
+    
+        const result = watcherHorizontalDirection['isChangedSize'](newContentRect);
+    
+        expect(result).toBe(true);
+    });
+
+    test('prevent resize without entries', () => {
+        const entries: any[] = [];
+      
+          watcherHorizontalDirection['handleResize'](entries);
+      
+          expect(callbackHorizontalDirection).toHaveBeenCalledTimes(0);
+    });
+    
+});