dockview-core 7.0.4 → 8.1.0

package/dist/esm/dom.js

@@ -1,375 +0,0 @@
-import { Emitter, addDisposableListener, } from './events';
-import { CompositeDisposable } from './lifecycle';
-export class OverflowObserver extends CompositeDisposable {
-    constructor(el) {
-        super();
-        this._onDidChange = new Emitter();
-        this.onDidChange = this._onDidChange.event;
-        this._value = null;
-        this.addDisposables(this._onDidChange, watchElementResize(el, (entry) => {
-            const hasScrollX = entry.target.scrollWidth > entry.target.clientWidth;
-            const hasScrollY = entry.target.scrollHeight > entry.target.clientHeight;
-            this._value = { hasScrollX, hasScrollY };
-            this._onDidChange.fire(this._value);
-        }));
-    }
-}
-export function watchElementResize(element, cb) {
-    const observer = new ResizeObserver((entires) => {
-        /**
-         * Fast browser window resize produces Error: ResizeObserver loop limit exceeded.
-         * The error isn't visible in browser console, doesn't affect functionality, but degrades performance.
-         * See https://stackoverflow.com/questions/49384120/resizeobserver-loop-limit-exceeded/58701523#58701523
-         */
-        requestAnimationFrame(() => {
-            const firstEntry = entires[0];
-            cb(firstEntry);
-        });
-    });
-    observer.observe(element);
-    return {
-        dispose: () => {
-            observer.unobserve(element);
-            observer.disconnect();
-        },
-    };
-}
-export const removeClasses = (element, ...classes) => {
-    for (const classname of classes) {
-        if (element.classList.contains(classname)) {
-            element.classList.remove(classname);
-        }
-    }
-};
-export const addClasses = (element, ...classes) => {
-    for (const classname of classes) {
-        if (!element.classList.contains(classname)) {
-            element.classList.add(classname);
-        }
-    }
-};
-export const toggleClass = (element, className, isToggled) => {
-    const hasClass = element.classList.contains(className);
-    if (isToggled && !hasClass) {
-        element.classList.add(className);
-    }
-    if (!isToggled && hasClass) {
-        element.classList.remove(className);
-    }
-};
-export function isAncestor(testChild, testAncestor) {
-    while (testChild) {
-        if (testChild === testAncestor) {
-            return true;
-        }
-        testChild = testChild.parentNode;
-    }
-    return false;
-}
-export function getElementsByTagName(tag, document) {
-    return Array.prototype.slice.call(document.querySelectorAll(tag), 0);
-}
-export function trackFocus(element) {
-    return new FocusTracker(element);
-}
-/**
- * Track focus on an element. Ensure tabIndex is set when an HTMLElement is not focusable by default
- */
-class FocusTracker extends CompositeDisposable {
-    constructor(element) {
-        super();
-        this._onDidFocus = new Emitter();
-        this.onDidFocus = this._onDidFocus.event;
-        this._onDidBlur = new Emitter();
-        this.onDidBlur = this._onDidBlur.event;
-        this.addDisposables(this._onDidFocus, this._onDidBlur);
-        let hasFocus = isAncestor(document.activeElement, element);
-        let loosingFocus = false;
-        const onFocus = () => {
-            loosingFocus = false;
-            if (!hasFocus) {
-                hasFocus = true;
-                this._onDidFocus.fire();
-            }
-        };
-        const onBlur = () => {
-            if (hasFocus) {
-                loosingFocus = true;
-                globalThis.setTimeout(() => {
-                    if (loosingFocus) {
-                        loosingFocus = false;
-                        hasFocus = false;
-                        this._onDidBlur.fire();
-                    }
-                }, 0);
-            }
-        };
-        this._refreshStateHandler = () => {
-            const currentNodeHasFocus = isAncestor(document.activeElement, element);
-            if (currentNodeHasFocus !== hasFocus) {
-                if (hasFocus) {
-                    onBlur();
-                }
-                else {
-                    onFocus();
-                }
-            }
-        };
-        this.addDisposables(addDisposableListener(element, 'focus', onFocus, true));
-        this.addDisposables(addDisposableListener(element, 'blur', onBlur, true));
-    }
-    refreshState() {
-        this._refreshStateHandler();
-    }
-}
-// quasi: apparently, but not really; seemingly
-const QUASI_PREVENT_DEFAULT_KEY = 'dv-quasiPreventDefault';
-// mark an event directly for other listeners to check
-export function quasiPreventDefault(event) {
-    event[QUASI_PREVENT_DEFAULT_KEY] = true;
-}
-// check if this event has been marked
-export function quasiDefaultPrevented(event) {
-    return event[QUASI_PREVENT_DEFAULT_KEY];
-}
-export function addStyles(document, styleSheetList, options = {}) {
-    const styleSheets = Array.from(styleSheetList);
-    const { nonce } = options;
-    const resolvedNonce = typeof nonce === 'function' ? nonce(document) : nonce;
-    for (const styleSheet of styleSheets) {
-        if (styleSheet.href) {
-            const link = document.createElement('link');
-            link.href = styleSheet.href;
-            link.type = styleSheet.type;
-            link.rel = 'stylesheet';
-            document.head.appendChild(link);
-            // The <link> will load and apply its rules in the target
-            // document. Reading cssRules here would duplicate them
-            // (and throws for cross-origin sheets).
-            continue;
-        }
-        let cssTexts = [];
-        try {
-            if (styleSheet.cssRules) {
-                cssTexts = Array.from(styleSheet.cssRules).map((rule) => rule.cssText);
-            }
-        }
-        catch (err) {
-            console.warn('dockview: failed to access stylesheet rules due to security restrictions', err);
-        }
-        const fragment = document.createDocumentFragment();
-        for (const rule of cssTexts) {
-            const style = document.createElement('style');
-            if (resolvedNonce) {
-                style.setAttribute('nonce', resolvedNonce);
-            }
-            style.appendChild(document.createTextNode(rule));
-            fragment.appendChild(style);
-        }
-        document.head.appendChild(fragment);
-    }
-}
-export function getDomNodePagePosition(domNode) {
-    const { left, top, width, height } = domNode.getBoundingClientRect();
-    return {
-        left: left + window.scrollX,
-        top: top + window.scrollY,
-        width: width,
-        height: height,
-    };
-}
-/**
- * Check whether an element is in the DOM (including the Shadow DOM)
- * @see https://terodox.tech/how-to-tell-if-an-element-is-in-the-dom-including-the-shadow-dom/
- */
-export function isInDocument(element) {
-    let currentElement = element;
-    while (currentElement === null || currentElement === void 0 ? void 0 : currentElement.parentNode) {
-        if (currentElement.parentNode === document) {
-            return true;
-        }
-        else if (currentElement.parentNode instanceof DocumentFragment) {
-            // handle shadow DOMs
-            currentElement = currentElement.parentNode.host;
-        }
-        else {
-            currentElement = currentElement.parentNode;
-        }
-    }
-    return false;
-}
-export function addTestId(element, id) {
-    element.setAttribute('data-testid', id);
-}
-/**
- * Should be more efficient than element.querySelectorAll("*") since there
- * is no need to store every element in-memory using this approach
- */
-function allTagsNamesInclusiveOfShadowDoms(tagNames, rootNode) {
-    const iframes = [];
-    function findIframesInNode(node) {
-        if (node.nodeType === Node.ELEMENT_NODE) {
-            if (tagNames.includes(node.tagName)) {
-                iframes.push(node);
-            }
-            if (node.shadowRoot) {
-                findIframesInNode(node.shadowRoot);
-            }
-            for (const child of node.children) {
-                findIframesInNode(child);
-            }
-        }
-    }
-    // Document → walk from its root element. Element → walk from itself.
-    const startEl = rootNode instanceof Document
-        ? rootNode.documentElement
-        : rootNode;
-    findIframesInNode(startEl);
-    return iframes;
-}
-export function disableIframePointEvents(rootNode = document) {
-    const iframes = allTagsNamesInclusiveOfShadowDoms(['IFRAME', 'WEBVIEW'], rootNode);
-    const original = new WeakMap(); // don't hold onto HTMLElement references longer than required
-    for (const iframe of iframes) {
-        original.set(iframe, iframe.style.pointerEvents);
-        iframe.style.pointerEvents = 'none';
-    }
-    return {
-        release: () => {
-            var _a;
-            for (const iframe of iframes) {
-                iframe.style.pointerEvents = (_a = original.get(iframe)) !== null && _a !== void 0 ? _a : 'auto';
-            }
-            iframes.splice(0, iframes.length); // don't hold onto HTMLElement references longer than required
-        },
-    };
-}
-export function getDockviewTheme(element) {
-    function toClassList(element) {
-        const list = [];
-        for (let i = 0; i < element.classList.length; i++) {
-            list.push(element.classList.item(i));
-        }
-        return list;
-    }
-    let theme = undefined;
-    let parent = element;
-    while (parent !== null) {
-        theme = toClassList(parent).find((cls) => cls.startsWith('dockview-theme-'));
-        if (typeof theme === 'string') {
-            break;
-        }
-        parent = parent.parentElement;
-    }
-    return theme;
-}
-export class Classnames {
-    constructor(element) {
-        this.element = element;
-        this._classNames = [];
-    }
-    setClassNames(classNames) {
-        for (const className of this._classNames) {
-            toggleClass(this.element, className, false);
-        }
-        this._classNames = classNames
-            .split(' ')
-            .filter((v) => v.trim().length > 0);
-        for (const className of this._classNames) {
-            toggleClass(this.element, className, true);
-        }
-    }
-}
-const DEBOUCE_DELAY = 100;
-export function isChildEntirelyVisibleWithinParent(child, parent) {
-    const childPosition = getDomNodePagePosition(child);
-    const parentPosition = getDomNodePagePosition(parent);
-    // Check horizontal visibility
-    if (childPosition.left < parentPosition.left) {
-        return false;
-    }
-    if (childPosition.left + childPosition.width >
-        parentPosition.left + parentPosition.width) {
-        return false;
-    }
-    // Check vertical visibility
-    if (childPosition.top < parentPosition.top) {
-        return false;
-    }
-    if (childPosition.top + childPosition.height >
-        parentPosition.top + parentPosition.height) {
-        return false;
-    }
-    return true;
-}
-export function onDidWindowMoveEnd(window) {
-    const emitter = new Emitter();
-    let previousScreenX = window.screenX;
-    let previousScreenY = window.screenY;
-    let timeout;
-    const checkMovement = () => {
-        if (window.closed) {
-            return;
-        }
-        const currentScreenX = window.screenX;
-        const currentScreenY = window.screenY;
-        if (currentScreenX !== previousScreenX ||
-            currentScreenY !== previousScreenY) {
-            clearTimeout(timeout);
-            timeout = setTimeout(() => {
-                emitter.fire();
-            }, DEBOUCE_DELAY);
-            previousScreenX = currentScreenX;
-            previousScreenY = currentScreenY;
-        }
-        requestAnimationFrame(checkMovement);
-    };
-    checkMovement();
-    return emitter;
-}
-export function onDidWindowResizeEnd(element, cb) {
-    let resizeTimeout;
-    const disposable = new CompositeDisposable(addDisposableListener(element, 'resize', () => {
-        clearTimeout(resizeTimeout);
-        resizeTimeout = setTimeout(() => {
-            cb();
-        }, DEBOUCE_DELAY);
-    }));
-    return disposable;
-}
-export function shiftAbsoluteElementIntoView(element, root, options = { buffer: 10 }) {
-    const buffer = options.buffer;
-    const rect = element.getBoundingClientRect();
-    const rootRect = root.getBoundingClientRect();
-    let translateX = 0;
-    let translateY = 0;
-    const left = rect.left - rootRect.left;
-    const top = rect.top - rootRect.top;
-    const bottom = rect.bottom - rootRect.bottom;
-    const right = rect.right - rootRect.right;
-    // Check horizontal overflow
-    if (left < buffer) {
-        translateX = buffer - left;
-    }
-    else if (right > buffer) {
-        translateX = -buffer - right;
-    }
-    // Check vertical overflow
-    if (top < buffer) {
-        translateY = buffer - top;
-    }
-    else if (bottom > buffer) {
-        translateY = -bottom - buffer;
-    }
-    // Apply the translation if needed
-    if (translateX !== 0 || translateY !== 0) {
-        element.style.transform = `translate(${translateX}px, ${translateY}px)`;
-    }
-}
-export function findRelativeZIndexParent(el) {
-    let tmp = el;
-    while (tmp && (tmp.style.zIndex === 'auto' || tmp.style.zIndex === '')) {
-        tmp = tmp.parentElement;
-    }
-    return tmp;
-}

package/dist/esm/events.d.ts

@@ -1,79 +0,0 @@
-import { IDisposable } from './lifecycle';
-export interface Event<T> {
-    (listener: (e: T) => any): IDisposable;
-}
-export interface EmitterOptions {
-    readonly replay?: boolean;
-}
-export declare namespace Event {
-    const any: <T>(...children: Event<T>[]) => Event<T>;
-}
-export interface IDockviewEvent {
-    readonly defaultPrevented: boolean;
-    preventDefault(): void;
-}
-export declare class DockviewEvent implements IDockviewEvent {
-    private _defaultPrevented;
-    get defaultPrevented(): boolean;
-    preventDefault(): void;
-}
-export interface IAcceptableEvent {
-    readonly isAccepted: boolean;
-    accept(): void;
-}
-export declare class AcceptableEvent implements IAcceptableEvent {
-    private _isAccepted;
-    get isAccepted(): boolean;
-    accept(): void;
-}
-declare class LeakageMonitor {
-    readonly events: Map<Event<any>, Stacktrace>;
-    get size(): number;
-    add<T>(event: Event<T>, stacktrace: Stacktrace): void;
-    delete<T>(event: Event<T>): void;
-    clear(): void;
-}
-declare class Stacktrace {
-    readonly value: string;
-    static create(): Stacktrace;
-    private constructor();
-    print(): void;
-}
-export declare class Emitter<T> implements IDisposable {
-    private readonly options?;
-    private _event?;
-    private _last?;
-    private _listeners;
-    private _disposed;
-    private readonly _pauseTokens;
-    static ENABLE_TRACKING: boolean;
-    static readonly MEMORY_LEAK_WATCHER: LeakageMonitor;
-    static setLeakageMonitorEnabled(isEnabled: boolean): void;
-    get value(): T | undefined;
-    constructor(options?: EmitterOptions | undefined);
-    get event(): Event<T>;
-    fire(e: T): void;
-    pause(): IDisposable;
-    dispose(): void;
-}
-export declare function addDisposableListener<K extends keyof WindowEventMap>(element: Window, type: K, listener: (this: Window, ev: WindowEventMap[K]) => any, options?: boolean | AddEventListenerOptions): IDisposable;
-export declare function addDisposableListener<K extends keyof HTMLElementEventMap>(element: HTMLElement, type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): IDisposable;
-/**
- *
- * Event Emitter that fires events from a Microtask callback, only one event will fire per event-loop cycle.
- *
- * It's kind of like using an `asapScheduler` in RxJs with additional logic to only fire once per event-loop cycle.
- * This implementation exists to avoid external dependencies.
- *
- * @see https://developer.mozilla.org/en-US/docs/Web/API/queueMicrotask
- * @see https://rxjs.dev/api/index/const/asapScheduler
- */
-export declare class AsapEvent implements IDisposable {
-    private readonly _onFired;
-    private _currentFireCount;
-    private _queued;
-    readonly onEvent: Event<void>;
-    fire(): void;
-    dispose(): void;
-}
-export {};

package/dist/esm/events.js

@@ -1,219 +0,0 @@
-import { Disposable } from './lifecycle';
-export var Event;
-(function (Event) {
-    Event.any = (...children) => {
-        return (listener) => {
-            const disposables = children.map((child) => child(listener));
-            return {
-                dispose: () => {
-                    disposables.forEach((d) => {
-                        d.dispose();
-                    });
-                },
-            };
-        };
-    };
-})(Event || (Event = {}));
-export class DockviewEvent {
-    constructor() {
-        this._defaultPrevented = false;
-    }
-    get defaultPrevented() {
-        return this._defaultPrevented;
-    }
-    preventDefault() {
-        this._defaultPrevented = true;
-    }
-}
-export class AcceptableEvent {
-    constructor() {
-        this._isAccepted = false;
-    }
-    get isAccepted() {
-        return this._isAccepted;
-    }
-    accept() {
-        this._isAccepted = true;
-    }
-}
-class LeakageMonitor {
-    constructor() {
-        this.events = new Map();
-    }
-    get size() {
-        return this.events.size;
-    }
-    add(event, stacktrace) {
-        this.events.set(event, stacktrace);
-    }
-    delete(event) {
-        this.events.delete(event);
-    }
-    clear() {
-        this.events.clear();
-    }
-}
-class Stacktrace {
-    static create() {
-        var _a;
-        return new Stacktrace((_a = new Error('listener stacktrace').stack) !== null && _a !== void 0 ? _a : '');
-    }
-    constructor(value) {
-        this.value = value;
-    }
-    print() {
-        console.warn('dockview: stacktrace', this.value);
-    }
-}
-class Listener {
-    constructor(callback, stacktrace) {
-        this.callback = callback;
-        this.stacktrace = stacktrace;
-    }
-}
-// relatively simple event emitter taken from https://github.com/microsoft/vscode/blob/master/src/vs/base/common/event.ts
-export class Emitter {
-    static setLeakageMonitorEnabled(isEnabled) {
-        if (isEnabled !== Emitter.ENABLE_TRACKING) {
-            Emitter.MEMORY_LEAK_WATCHER.clear();
-        }
-        Emitter.ENABLE_TRACKING = isEnabled;
-    }
-    get value() {
-        return this._last;
-    }
-    constructor(options) {
-        this.options = options;
-        this._listeners = [];
-        this._disposed = false;
-        this._pauseTokens = new Set();
-    }
-    get event() {
-        if (!this._event) {
-            this._event = (callback) => {
-                var _a;
-                if (((_a = this.options) === null || _a === void 0 ? void 0 : _a.replay) && this._last !== undefined) {
-                    callback(this._last);
-                }
-                const listener = new Listener(callback, Emitter.ENABLE_TRACKING ? Stacktrace.create() : undefined);
-                this._listeners.push(listener);
-                return {
-                    dispose: () => {
-                        const index = this._listeners.indexOf(listener);
-                        if (index > -1) {
-                            this._listeners.splice(index, 1);
-                        }
-                        else if (Emitter.ENABLE_TRACKING) {
-                            // console.warn(
-                            //     `dockview: listener already disposed`,
-                            //     Stacktrace.create().print()
-                            // );
-                        }
-                    },
-                };
-            };
-            if (Emitter.ENABLE_TRACKING) {
-                Emitter.MEMORY_LEAK_WATCHER.add(this._event, Stacktrace.create());
-            }
-        }
-        return this._event;
-    }
-    fire(e) {
-        var _a;
-        if (this._pauseTokens.size > 0) {
-            // while paused, the event is dropped entirely — `_last` is not
-            // updated, so replay subscribers won't see values fired during a pause
-            return;
-        }
-        if ((_a = this.options) === null || _a === void 0 ? void 0 : _a.replay) {
-            this._last = e;
-        }
-        for (const listener of this._listeners) {
-            listener.callback(e);
-        }
-    }
-    pause() {
-        const token = {};
-        this._pauseTokens.add(token);
-        return Disposable.from(() => this._pauseTokens.delete(token));
-    }
-    dispose() {
-        if (!this._disposed) {
-            this._disposed = true;
-            if (this._listeners.length > 0) {
-                if (Emitter.ENABLE_TRACKING) {
-                    queueMicrotask(() => {
-                        var _a;
-                        // don't check until stack of execution is completed to allow for out-of-order disposals within the same execution block
-                        for (const listener of this._listeners) {
-                            console.warn('dockview: stacktrace', (_a = listener.stacktrace) === null || _a === void 0 ? void 0 : _a.print());
-                        }
-                    });
-                }
-                this._listeners = [];
-            }
-            if (Emitter.ENABLE_TRACKING && this._event) {
-                Emitter.MEMORY_LEAK_WATCHER.delete(this._event);
-            }
-        }
-    }
-}
-Emitter.ENABLE_TRACKING = false;
-Emitter.MEMORY_LEAK_WATCHER = new LeakageMonitor();
-export function addDisposableListener(element, type, listener, options) {
-    element.addEventListener(type, listener, options);
-    return {
-        dispose: () => {
-            element.removeEventListener(type, listener, options);
-        },
-    };
-}
-/**
- *
- * Event Emitter that fires events from a Microtask callback, only one event will fire per event-loop cycle.
- *
- * It's kind of like using an `asapScheduler` in RxJs with additional logic to only fire once per event-loop cycle.
- * This implementation exists to avoid external dependencies.
- *
- * @see https://developer.mozilla.org/en-US/docs/Web/API/queueMicrotask
- * @see https://rxjs.dev/api/index/const/asapScheduler
- */
-export class AsapEvent {
-    constructor() {
-        this._onFired = new Emitter();
-        this._currentFireCount = 0;
-        this._queued = false;
-        this.onEvent = (e) => {
-            /**
-             * when the event is first subscribed to take note of the current fire count
-             */
-            const fireCountAtTimeOfEventSubscription = this._currentFireCount;
-            return this._onFired.event(() => {
-                /**
-                 * if the current fire count is greater than the fire count at event subscription
-                 * then the event has been fired since we subscribed and it's ok to "on_next" the event.
-                 *
-                 * if the count is not greater then what we are recieving is an event from the microtask
-                 * queue that was triggered before we actually subscribed and therfore we should ignore it.
-                 */
-                if (this._currentFireCount > fireCountAtTimeOfEventSubscription) {
-                    e();
-                }
-            });
-        };
-    }
-    fire() {
-        this._currentFireCount++;
-        if (this._queued) {
-            return;
-        }
-        this._queued = true;
-        queueMicrotask(() => {
-            this._queued = false;
-            this._onFired.fire();
-        });
-    }
-    dispose() {
-        this._onFired.dispose();
-    }
-}

package/dist/esm/framwork.d.ts

@@ -1,4 +0,0 @@
-import { Parameters } from './panel/types';
-export interface PanelParameters<T extends {} = Parameters> {
-    params: T;
-}

package/dist/esm/framwork.js

@@ -1 +0,0 @@
-export {};