@db-ux/wc-core-components 4.13.1-angular-signal-forms13-577b861 → 4.14.0

package/dist/collection/components/tabs/tabs.js

@@ -1,4 +1,6 @@
+import { DEFAULT_SCROLL_LEFT, DEFAULT_SCROLL_RIGHT, } from "../../shared/constants.js";
 import { cls, uuid } from "../../utils/index.js";
+import { ResizeObserverListener } from "../../utils/resize-observer-listener.js";
 import { h, Fragment } from "@stencil/core";
 /**
  * @slot children - This is a default/unnamed slot
@@ -11,7 +13,7 @@ export class DBTabs {
         this.showScrollLeft = false;
         this.showScrollRight = false;
         this.scrollContainer = null;
-        this._resizeObserver = undefined;
+        this._resizeObserverCallbackId = undefined;
         this.observer = undefined;
     }
     convertTabs() {
@@ -57,13 +59,14 @@ export class DBTabs {
                         container.addEventListener("scroll", () => {
                             this.evaluateScrollButtons(container);
                         });
-                        // Use ResizeObserver to re-evaluate scroll buttons because it provides more accurate, container-specific resize detection than global window resize events.
-                        if (!this._resizeObserver) {
-                            const observer = new ResizeObserver(() => {
-                                this.evaluateScrollButtons(container);
-                            });
-                            observer.observe(container);
-                            this._resizeObserver = observer;
+                        // Re-evaluate scroll buttons on container resize because it
+                        // provides more accurate, container-specific resize
+                        // detection than global window resize events.
+                        if (!this._resizeObserverCallbackId) {
+                            this._resizeObserverCallbackId =
+                                new ResizeObserverListener().observe(container, () => {
+                                    this.evaluateScrollButtons(container);
+                                });
                         }
                     }
                 }
@@ -72,7 +75,7 @@ export class DBTabs {
     }
     initTabs(init) {
         if (this._ref) {
-            const tabItems = Array.from(this._ref.getElementsByClassName("db-tab-item"));
+            const tabItems = Array.from(this._ref.querySelectorAll(":is(:scope > db-tab-list .db-tab-item, :scope > .db-tab-list .db-tab-item)"));
             const tabPanels = Array.from(this._ref.querySelectorAll(":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)"));
             for (const tabItem of tabItems) {
                 const index = tabItems.indexOf(tabItem);
@@ -239,17 +242,19 @@ export class DBTabs {
         this.watch0Fn();
     }
     disconnectedCallback() {
-        var _a, _b;
-        (_a = this._resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-        this._resizeObserver = undefined;
-        (_b = this.observer) === null || _b === void 0 ? void 0 : _b.disconnect();
+        var _a;
+        if (this._resizeObserverCallbackId) {
+            new ResizeObserverListener().unobserve(this._resizeObserverCallbackId);
+            this._resizeObserverCallbackId = undefined;
+        }
+        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        var _a, _b, _c, _d, _e, _f;
-        return (h("div", { key: '4ea02dd31be437dd343d13cac953658f1799762f', class: cls("db-tabs", this.className), ref: (el) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        return (h("div", { key: 'b56d0a78607c1e2c2f5f486243800136f3e15d09', class: cls("db-tabs", this.className), ref: (el) => {
                 this._ref = el;
-            }, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, "data-orientation": this.orientation, "data-scroll-behavior": this.behavior, "data-alignment": (_c = this.alignment) !== null && _c !== void 0 ? _c : "start", "data-width": (_d = this.width) !== null && _d !== void 0 ? _d : "auto", onInput: (event) => this.handleChange(event), onChange: (event) => this.handleChange(event) }, this.showScrollLeft ? (h("db-button", { class: "tabs-scroll-left", variant: "ghost", icon: "chevron_left", type: "button", noText: true, onClick: () => this.scroll(true) }, "Scroll left")) : null, this.tabs ? (h(Fragment, null, h("db-tab-list", null, (_e = this.convertTabs()) === null || _e === void 0 ? void 0 : _e.map((tab, index) => (h("db-tab-item", { key: this.name + "tab-item" + index, active: tab.active, label: tab.label, iconTrailing: tab.iconTrailing, icon: tab.icon, noText: tab.noText })))), (_f = this.convertTabs()) === null || _f === void 0 ? void 0 :
-            _f.map((tab, index) => (h("db-tab-panel", { key: this.name + "tab-panel" + index, content: tab.content }, tab.children))))) : null, this.showScrollRight ? (h("db-button", { class: "tabs-scroll-right", variant: "ghost", icon: "chevron_right", type: "button", noText: true, onClick: () => this.scroll() }, "Scroll right")) : null, h("slot", { key: 'c7b47c275a5784b8658e9c8b339445e083bc40d6' })));
+            }, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, "data-orientation": this.orientation, "data-scroll-behavior": this.behavior, "data-alignment": (_c = this.alignment) !== null && _c !== void 0 ? _c : "start", "data-width": (_d = this.width) !== null && _d !== void 0 ? _d : "auto", onInput: (event) => this.handleChange(event), onChange: (event) => this.handleChange(event) }, this.showScrollLeft ? (h("db-button", { class: "overflow-scroll-left-button", variant: "ghost", icon: "chevron_left", type: "button", noText: true, onClick: () => this.scroll(true) }, (_e = this.scrollLeftText) !== null && _e !== void 0 ? _e : DEFAULT_SCROLL_LEFT)) : null, this.tabs ? (h(Fragment, null, h("db-tab-list", null, (_f = this.convertTabs()) === null || _f === void 0 ? void 0 : _f.map((tab, index) => (h("db-tab-item", { key: this.name + "tab-item" + index, active: tab.active, label: tab.label, iconTrailing: tab.iconTrailing, icon: tab.icon, noText: tab.noText })))), (_g = this.convertTabs()) === null || _g === void 0 ? void 0 :
+            _g.map((tab, index) => (h("db-tab-panel", { key: this.name + "tab-panel" + index, content: tab.content }, tab.children))))) : null, this.showScrollRight ? (h("db-button", { class: "overflow-scroll-right-button", variant: "ghost", icon: "chevron_right", type: "button", noText: true, onClick: () => this.scroll() }, (_h = this.scrollRightText) !== null && _h !== void 0 ? _h : DEFAULT_SCROLL_RIGHT)) : null, h("slot", { key: '7ebaa60822df074fd5435bd9e889519c8400c9a6' })));
     }
     static get is() { return "db-tabs"; }
     static get properties() {
@@ -563,6 +568,58 @@ export class DBTabs {
                 "setter": false,
                 "reflect": false,
                 "attribute": "width"
+            },
+            "scrollLeftText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTabsProps[\"scrollLeftText\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBTabsProps": {
+                            "location": "import",
+                            "path": "./model.js",
+                            "id": "src/components/tabs/model.ts::DBTabsProps",
+                            "referenceLocation": "DBTabsProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "scroll-left-text"
+            },
+            "scrollRightText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTabsProps[\"scrollRightText\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBTabsProps": {
+                            "location": "import",
+                            "path": "./model.js",
+                            "id": "src/components/tabs/model.ts::DBTabsProps",
+                            "referenceLocation": "DBTabsProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "scroll-right-text"
             }
         };
     }
@@ -573,7 +630,7 @@ export class DBTabs {
             "showScrollLeft": {},
             "showScrollRight": {},
             "scrollContainer": {},
-            "_resizeObserver": {},
+            "_resizeObserverCallbackId": {},
             "observer": {}
         };
     }

package/dist/collection/components/tooltip/tooltip.js

@@ -2,6 +2,8 @@ import { DEFAULT_ID } from "../../shared/constants.js";
 import { cls, getBooleanAsString, delay as utilsDelay, uuid, } from "../../utils/index.js";
 import { DocumentScrollListener } from "../../utils/document-scroll-listener.js";
 import { handleFixedPopover } from "../../utils/floating-components.js";
+import { IntersectionObserverListener } from "../../utils/intersection-observer-listener.js";
+import { ResizeObserverListener } from "../../utils/resize-observer-listener.js";
 import { h } from "@stencil/core";
 /**
  * @slot children - This is a default/unnamed slot
@@ -12,7 +14,8 @@ export class DBTooltip {
         this._id = DEFAULT_ID;
         this.initialized = false;
         this._documentScrollListenerCallbackId = undefined;
-        this._observer = undefined;
+        this._intersectionObserverCallbackId = undefined;
+        this._resizeObserverCallbackId = undefined;
         this._attachedParent = undefined;
         this._attachedId = undefined;
         this._activeTriggerCount = 0;
@@ -43,10 +46,9 @@ export class DBTooltip {
         if (this._ref) {
             // This is a workaround for angular
             void utilsDelay(() => {
-                var _a;
                 // Due to race conditions we need to check for _ref again
                 if (this._ref) {
-                    handleFixedPopover(this._ref, parent, (_a = this.placement) !== null && _a !== void 0 ? _a : "bottom");
+                    handleFixedPopover(this._ref, parent);
                 }
             }, 1);
         }
@@ -58,7 +60,7 @@ export class DBTooltip {
         }
     }
     handleLeave() {
-        var _a, _b, _c;
+        var _a, _b;
         // Multiple triggers (hover + focus) can be active at once. Only tear
         // down the shared scroll callback/observer once the last one leaves.
         this._activeTriggerCount = Math.max(((_a = this._activeTriggerCount) !== null && _a !== void 0 ? _a : 0) - 1, 0);
@@ -69,10 +71,17 @@ export class DBTooltip {
             new DocumentScrollListener().removeCallback(this._documentScrollListenerCallbackId);
             this._documentScrollListenerCallbackId = undefined;
         }
-        (_c = this._observer) === null || _c === void 0 ? void 0 : _c.unobserve(this.getParent());
+        if (this._resizeObserverCallbackId) {
+            new ResizeObserverListener().unobserve(this._resizeObserverCallbackId);
+            this._resizeObserverCallbackId = undefined;
+        }
+        if (this._intersectionObserverCallbackId) {
+            new IntersectionObserverListener().unobserve(this._intersectionObserverCallbackId);
+            this._intersectionObserverCallbackId = undefined;
+        }
     }
     handleEnter(parent) {
-        var _a, _b;
+        var _a;
         // Register the shared scroll callback only for the first active
         // trigger; a second enter (e.g. focusin after mouseenter) must not
         // orphan the first callback.
@@ -80,7 +89,13 @@ export class DBTooltip {
         if (this._activeTriggerCount === 1) {
             this._documentScrollListenerCallbackId =
                 new DocumentScrollListener().addCallback((event) => this.handleDocumentScroll(event, parent));
-            (_b = this._observer) === null || _b === void 0 ? void 0 : _b.observe(this.getParent());
+            this._resizeObserverCallbackId = new ResizeObserverListener().observe(document.documentElement, () => this.handleAutoPlacement(parent));
+            this._intersectionObserverCallbackId =
+                new IntersectionObserverListener().observe(this.getParent(), (entry) => {
+                    if (!entry.isIntersecting) {
+                        this.handleEscape(false);
+                    }
+                });
         }
         this.handleAutoPlacement(parent);
     }
@@ -89,16 +104,22 @@ export class DBTooltip {
         this._id = (_c = (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id) !== null && _c !== void 0 ? _c : "tooltip-" + uuid();
     }
     _detachListeners() {
-        var _a, _b, _c;
+        var _a, _b;
         const callbackId = this._documentScrollListenerCallbackId;
         if (callbackId) {
             new DocumentScrollListener().removeCallback(callbackId);
             this._documentScrollListenerCallbackId = undefined;
         }
-        (_a = this._observer) === null || _a === void 0 ? void 0 : _a.disconnect();
-        this._observer = undefined;
+        if (this._resizeObserverCallbackId) {
+            new ResizeObserverListener().unobserve(this._resizeObserverCallbackId);
+            this._resizeObserverCallbackId = undefined;
+        }
+        if (this._intersectionObserverCallbackId) {
+            new IntersectionObserverListener().unobserve(this._intersectionObserverCallbackId);
+            this._intersectionObserverCallbackId = undefined;
+        }
         this._activeTriggerCount = 0;
-        const bound = (_b = this._boundListeners) !== null && _b !== void 0 ? _b : [];
+        const bound = (_a = this._boundListeners) !== null && _a !== void 0 ? _a : [];
         bound.forEach((entry) => {
             entry.parent.removeEventListener(entry.type, entry.fn);
         });
@@ -107,7 +128,7 @@ export class DBTooltip {
         // they still belong to this tooltip (avoid clobbering another one).
         const parent = this._attachedParent;
         if (parent) {
-            const attachedId = (_c = this._attachedId) !== null && _c !== void 0 ? _c : this._id;
+            const attachedId = (_b = this._attachedId) !== null && _b !== void 0 ? _b : this._id;
             // Only remove data-has-tooltip when no other .db-tooltip
             // siblings remain inside the same parent.
             const remainingTooltips = parent.querySelectorAll(".db-tooltip");
@@ -247,14 +268,6 @@ export class DBTooltip {
                 this._attachedParent = parent;
                 this._attachedId = this._id;
             }
-            if (typeof window !== "undefined" && "IntersectionObserver" in window) {
-                this._observer = new IntersectionObserver((payload) => {
-                    const entry = payload.find(({ target }) => target === this.getParent());
-                    if (entry && !entry.isIntersecting) {
-                        this.handleEscape(false);
-                    }
-                });
-            }
             this.initialized = false;
         }
     }
@@ -288,9 +301,9 @@ export class DBTooltip {
     }
     render() {
         var _a, _b;
-        return (h("i", { key: 'a35fc9349a599145e2ea2287aa6467500854fadd', class: cls("db-tooltip", this.className), role: "tooltip", "aria-hidden": "true", "data-gap": "true", ref: (el) => {
+        return (h("i", { key: '326304e82ffcd0b203a89b26770c5ce31a37b409', class: cls("db-tooltip", this.className), role: "tooltip", "aria-hidden": "true", "data-gap": "true", ref: (el) => {
                 this._ref = el;
-            }, id: this._id, "data-emphasis": this.emphasis, "data-wrap": getBooleanAsString(this.wrap, "wrap"), "data-animation": getBooleanAsString((_a = this.animation) !== null && _a !== void 0 ? _a : true, "animation"), "data-delay": this.delay, "data-width": this.width, "data-show-arrow": getBooleanAsString((_b = this.showArrow) !== null && _b !== void 0 ? _b : true, "showArrow"), "data-placement": this.placement, onClick: (event) => this.handleClick(event) }, this.text ? this.text : null, h("slot", { key: '63d102dc8c4c4022c2dc3bad582f0167635adcb2' })));
+            }, id: this._id, "data-emphasis": this.emphasis, "data-wrap": getBooleanAsString(this.wrap, "wrap"), "data-animation": getBooleanAsString((_a = this.animation) !== null && _a !== void 0 ? _a : true, "animation"), "data-delay": this.delay, "data-width": this.width, "data-show-arrow": getBooleanAsString((_b = this.showArrow) !== null && _b !== void 0 ? _b : true, "showArrow"), "data-placement": this.placement, onClick: (event) => this.handleClick(event) }, this.text ? this.text : null, h("slot", { key: 'b85ec92d00150a21204c5afaa5e0e21933eb89c4' })));
     }
     static get is() { return "db-tooltip"; }
     static get properties() {
@@ -371,32 +384,6 @@ export class DBTooltip {
                 "reflect": false,
                 "attribute": "variant"
             },
-            "placement": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "DBTooltipProps[\"placement\"]",
-                    "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
-                    "references": {
-                        "DBTooltipProps": {
-                            "location": "import",
-                            "path": "./model.js",
-                            "id": "src/components/tooltip/model.ts::DBTooltipProps",
-                            "referenceLocation": "DBTooltipProps"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "placement"
-            },
             "className": {
                 "type": "string",
                 "mutable": false,
@@ -579,6 +566,32 @@ export class DBTooltip {
                 "reflect": false,
                 "attribute": "show-arrow"
             },
+            "placement": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTooltipProps[\"placement\"]",
+                    "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
+                    "references": {
+                        "DBTooltipProps": {
+                            "location": "import",
+                            "path": "./model.js",
+                            "id": "src/components/tooltip/model.ts::DBTooltipProps",
+                            "referenceLocation": "DBTooltipProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "placement"
+            },
             "text": {
                 "type": "string",
                 "mutable": false,
@@ -612,7 +625,8 @@ export class DBTooltip {
             "_id": {},
             "initialized": {},
             "_documentScrollListenerCallbackId": {},
-            "_observer": {},
+            "_intersectionObserverCallbackId": {},
+            "_resizeObserverCallbackId": {},
             "_attachedParent": {},
             "_attachedId": {},
             "_activeTriggerCount": {},

package/dist/collection/shared/constants.js

@@ -14,7 +14,9 @@ export const DEFAULT_INVALID_MESSAGE = 'TODO: Add an invalidMessage';
 export const DEFAULT_REMOVE = 'Remove';
 export const DEFAULT_BACK = 'Back';
 export const DEFAULT_SELECTED = 'Selected';
-export const DEFAULT_BURGER_MENU = 'BurgerMenu';
+export const DEFAULT_SCROLL_LEFT = 'Scroll left';
+export const DEFAULT_SCROLL_RIGHT = 'Scroll right';
+export const DEFAULT_BURGER_MENU = 'Open navigation menu';
 export const DEFAULT_ICON = 'brand';
 export const DEFAULT_ROWS = 4;
 export const DEFAULT_CLOSE_BUTTON = 'Close';

package/dist/collection/utils/abstract-document-listener.js

@@ -0,0 +1,23 @@
+import { uuid } from "./index.js";
+/**
+ * Generic base class for singleton document event listeners.
+ * Manages a shared set of callbacks dispatched when a document-level
+ * event fires.
+ *
+ * Subclasses own their static state (callbacks, instance) and expose
+ * it via the abstract accessor methods below.
+ *
+ * @template TEvent - The event type passed to callbacks (Event, MouseEvent, etc.)
+ */
+export class AbstractDocumentListener {
+    addCallback(callback) {
+        const id = uuid();
+        const callbacks = this.getCallbacks();
+        callbacks[id] = callback;
+        return id;
+    }
+    removeCallback(id) {
+        const callbacks = this.getCallbacks();
+        delete callbacks[id];
+    }
+}

package/dist/collection/utils/abstract-observer-listener.js

@@ -0,0 +1,61 @@
+import { uuid } from "./index.js";
+/**
+ * Generic base class for singleton observer listeners.
+ * Uses a Map<Element, Map<id, callback>> for O(1) element lookup in the
+ * observer handler — avoids quadratic scanning when many elements are observed.
+ *
+ * Subclasses own their static state (callbacksByElement, idToElement, observer,
+ * instance) and expose it via the abstract accessor methods below.
+ *
+ * @template TObserver - The observer type (ResizeObserver, IntersectionObserver, etc.)
+ * @template TEntry - The entry type passed to the callback
+ */
+export class AbstractObserverListener {
+    observe(element, callback) {
+        const observer = this.getObserver();
+        if (!observer)
+            return undefined;
+        const id = uuid();
+        const callbacksByElement = this.getCallbacksByElement();
+        const idToElement = this.getIdToElement();
+        let elementCallbacks = callbacksByElement.get(element);
+        if (!elementCallbacks) {
+            elementCallbacks = new Map();
+            callbacksByElement.set(element, elementCallbacks);
+            // Only call observe on the native observer if this is a new element
+            this.observeElement(observer, element);
+        }
+        elementCallbacks.set(id, callback);
+        idToElement.set(id, element);
+        return id;
+    }
+    unobserve(id) {
+        const callbacksByElement = this.getCallbacksByElement();
+        const idToElement = this.getIdToElement();
+        const observer = this.getObserver();
+        const element = idToElement.get(id);
+        if (!element || !observer)
+            return;
+        const elementCallbacks = callbacksByElement.get(element);
+        if (elementCallbacks) {
+            elementCallbacks.delete(id);
+            // If no more callbacks for this element, unobserve it
+            if (elementCallbacks.size === 0) {
+                callbacksByElement.delete(element);
+                this.unobserveElement(observer, element);
+            }
+        }
+        idToElement.delete(id);
+    }
+    /**
+     * Called by subclass observer handlers to dispatch callbacks for an entry.
+     */
+    dispatchEntry(element, entry) {
+        const elementCallbacks = this.getCallbacksByElement().get(element);
+        if (elementCallbacks) {
+            elementCallbacks.forEach(callback => {
+                callback(entry);
+            });
+        }
+    }
+}

package/dist/collection/utils/document-click-listener.js

@@ -1,5 +1,5 @@
-import { uuid } from "./index.js";
-export class DocumentClickListener {
+import { AbstractDocumentListener } from "./abstract-document-listener.js";
+export class DocumentClickListener extends AbstractDocumentListener {
     static runCallbacks(event) {
         for (const callback of Object.values(DocumentClickListener.callbacks)) {
             if (typeof callback === 'function') {
@@ -8,6 +8,7 @@ export class DocumentClickListener {
         }
     }
     constructor() {
+        super();
         if (DocumentClickListener._instance) {
             return DocumentClickListener._instance;
         }
@@ -16,13 +17,8 @@ export class DocumentClickListener {
             self.document.addEventListener('click', event => DocumentClickListener.runCallbacks(event));
         }
     }
-    addCallback(callback) {
-        const callbackID = uuid();
-        DocumentClickListener.callbacks[callbackID] = callback;
-        return callbackID;
-    }
-    removeCallback(id) {
-        delete DocumentClickListener.callbacks[id];
+    getCallbacks() {
+        return DocumentClickListener.callbacks;
     }
 }
 DocumentClickListener.callbacks = {};

package/dist/collection/utils/document-scroll-listener.js

@@ -1,5 +1,5 @@
-import { uuid } from "./index.js";
-export class DocumentScrollListener {
+import { AbstractDocumentListener } from "./abstract-document-listener.js";
+export class DocumentScrollListener extends AbstractDocumentListener {
     static runCallbacks(event) {
         for (const callback of Object.values(DocumentScrollListener.callbacks)) {
             if (typeof callback === 'function') {
@@ -8,6 +8,7 @@ export class DocumentScrollListener {
         }
     }
     constructor() {
+        super();
         this.ticking = false;
         if (DocumentScrollListener._instance) {
             return DocumentScrollListener._instance;
@@ -25,13 +26,8 @@ export class DocumentScrollListener {
             }, true);
         }
     }
-    addCallback(callback) {
-        const callbackID = uuid();
-        DocumentScrollListener.callbacks[callbackID] = callback;
-        return callbackID;
-    }
-    removeCallback(id) {
-        delete DocumentScrollListener.callbacks[id];
+    getCallbacks() {
+        return DocumentScrollListener.callbacks;
     }
 }
 DocumentScrollListener.callbacks = {};