@leavittsoftware/web 9.9.0 → 10.0.1

package/leavitt/error-page/error-page.js

@@ -3,8 +3,6 @@ import { css, html, LitElement } from 'lit';
 import { property, customElement, query } from 'lit/decorators.js';
 import '../app/app-main-content-container';
 import '../app/app-width-limiter';
-import { tsParticles } from '@tsparticles/engine';
-import { loadStarsPreset } from '@tsparticles/preset-stars';
 import { ThemePreference } from '../theme/theme-preference';
 import themePreferenceEvent from '../theme/theme-preference-event';
 /**
@@ -23,42 +21,138 @@ let LeavittErrorPage = class LeavittErrorPage extends ThemePreference(LitElement
     #message_accessor_storage = "It looks like that page doesn't exist.";
     get message() { return this.#message_accessor_storage; }
     set message(value) { this.#message_accessor_storage = value; }
-    #particlesContainer_accessor_storage;
-    get particlesContainer() { return this.#particlesContainer_accessor_storage; }
-    set particlesContainer(value) { this.#particlesContainer_accessor_storage = value; }
+    #canvas_accessor_storage;
+    get canvas() { return this.#canvas_accessor_storage; }
+    set canvas(value) { this.#canvas_accessor_storage = value; }
+    #container_accessor_storage;
+    get container() { return this.#container_accessor_storage; }
+    set container(value) { this.#container_accessor_storage = value; }
     #mdSysColorBackground;
     #mdSysColorOnBackground;
-    #particles;
-    async firstUpdated() {
+    #ctx = null;
+    #stars = [];
+    #rafId = 0;
+    #resizeObserver;
+    #reduceMotion = false;
+    #onThemeChange = (themePreference) => {
+        this.#setColors(themePreference);
+        this.#applyBackground();
+        if (this.#reduceMotion) {
+            this.#draw();
+        }
+    };
+    #applyBackground() {
+        if (this.container) {
+            this.container.style.backgroundColor = this.#mdSysColorBackground;
+        }
+    }
+    firstUpdated() {
         this.#setColors(this.themePreference);
-        themePreferenceEvent.subscribe('theme-preference', 'change', (themePreference) => {
-            this.#setColors(themePreference);
-            if (this.#particles) {
-                this.#particles.options.background.color = this.#mdSysColorBackground;
-                this.#particles.options.particles.color.value = this.#mdSysColorOnBackground;
-                this.#particles.refresh();
-            }
-        });
-        await loadStarsPreset(tsParticles);
-        if (this.particlesContainer) {
-            this.#particles = await tsParticles.load({
-                element: this.particlesContainer,
-                options: {
-                    preset: 'stars',
-                    background: {
-                        color: this.#mdSysColorBackground,
-                    },
-                    particles: {
-                        color: {
-                            value: this.#mdSysColorOnBackground,
-                        },
-                    },
-                    fullScreen: {
-                        enable: false,
-                    },
-                },
+        this.#applyBackground();
+        themePreferenceEvent.subscribe('theme-preference', 'change', this.#onThemeChange);
+        this.#reduceMotion = window.matchMedia?.('(prefers-reduced-motion: reduce)').matches ?? false;
+        if (!this.canvas) {
+            return;
+        }
+        this.#ctx = this.canvas.getContext('2d');
+        this.#resizeObserver = new ResizeObserver(() => this.#resize());
+        this.#resizeObserver.observe(this.canvas);
+        this.#resize();
+        this.#startLoop();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.#startLoop();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        cancelAnimationFrame(this.#rafId);
+        this.#rafId = 0;
+        this.#resizeObserver?.disconnect();
+        // EventBus.unsubscribe types the callback as EventCallback<entityType>, not the dispatched arg type.
+        themePreferenceEvent.unsubscribe('theme-preference', 'change', this.#onThemeChange);
+    }
+    #startLoop() {
+        if (!this.#ctx || this.#reduceMotion || this.#rafId) {
+            return;
+        }
+        this.#rafId = requestAnimationFrame(this.#tick);
+    }
+    #resize() {
+        if (!this.canvas) {
+            return;
+        }
+        const dpr = window.devicePixelRatio || 1;
+        const width = this.canvas.clientWidth;
+        const height = this.canvas.clientHeight;
+        if (width === 0 || height === 0) {
+            return;
+        }
+        this.canvas.width = Math.round(width * dpr);
+        this.canvas.height = Math.round(height * dpr);
+        this.#ctx?.setTransform(dpr, 0, 0, dpr, 0, 0);
+        this.#initStars(width, height);
+        if (this.#reduceMotion) {
+            this.#draw();
+        }
+    }
+    #initStars(width, height) {
+        const count = Math.min(160, Math.max(24, Math.round((width * height) / 9000)));
+        const stars = [];
+        for (let i = 0; i < count; i++) {
+            stars.push({
+                x: Math.random() * width,
+                y: Math.random() * height,
+                r: Math.random() * 1.6 + 0.7,
+                baseOpacity: Math.random() * 0.5 + 0.5,
+                phase: Math.random() * Math.PI * 2,
+                twinkleSpeed: Math.random() * 0.012 + 0.004,
+                vx: (Math.random() - 0.5) * 0.08,
+                vy: (Math.random() - 0.5) * 0.08,
             });
         }
+        this.#stars = stars;
+    }
+    #tick = () => {
+        if (!this.canvas) {
+            return;
+        }
+        const width = this.canvas.clientWidth;
+        const height = this.canvas.clientHeight;
+        for (const star of this.#stars) {
+            star.phase += star.twinkleSpeed;
+            star.x += star.vx;
+            star.y += star.vy;
+            if (star.x < 0) {
+                star.x += width;
+            }
+            else if (star.x > width) {
+                star.x -= width;
+            }
+            if (star.y < 0) {
+                star.y += height;
+            }
+            else if (star.y > height) {
+                star.y -= height;
+            }
+        }
+        this.#draw();
+        this.#rafId = requestAnimationFrame(this.#tick);
+    };
+    #draw() {
+        if (!this.#ctx || !this.canvas) {
+            return;
+        }
+        this.#ctx.clearRect(0, 0, this.canvas.clientWidth, this.canvas.clientHeight);
+        this.#ctx.fillStyle = this.#mdSysColorOnBackground;
+        for (const star of this.#stars) {
+            const opacity = this.#reduceMotion ? star.baseOpacity : star.baseOpacity * (0.55 + 0.45 * Math.sin(star.phase));
+            this.#ctx.globalAlpha = Math.max(0, Math.min(1, opacity));
+            this.#ctx.beginPath();
+            this.#ctx.arc(star.x, star.y, star.r, 0, Math.PI * 2);
+            this.#ctx.fill();
+        }
+        this.#ctx.globalAlpha = 1;
     }
     #setColors(themePreference) {
         this.#mdSysColorBackground =
@@ -135,9 +229,11 @@ let LeavittErrorPage = class LeavittErrorPage extends ThemePreference(LitElement
       }
     }
 
-    div[particles] {
+    canvas[particles] {
       position: absolute;
       inset: 0;
+      width: 100%;
+      height: 100%;
     }
 
     @keyframes spin {
@@ -153,7 +249,7 @@ let LeavittErrorPage = class LeavittErrorPage extends ThemePreference(LitElement
         return html `
       <leavitt-app-main-content-container>
         <leavitt-app-width-limiter>
-          <div particles></div>
+          <canvas particles></canvas>
           <h1>${this.heading}</h1>
           <h2>${this.message}</h2>
           <image-container>
@@ -176,8 +272,11 @@ __decorate([
     property()
 ], LeavittErrorPage.prototype, "message", null);
 __decorate([
-    query('div[particles]')
-], LeavittErrorPage.prototype, "particlesContainer", null);
+    query('canvas[particles]')
+], LeavittErrorPage.prototype, "canvas", null);
+__decorate([
+    query('leavitt-app-main-content-container')
+], LeavittErrorPage.prototype, "container", null);
 LeavittErrorPage = __decorate([
     customElement('leavitt-error-page')
 ], LeavittErrorPage);

package/leavitt/error-page/error-page.js.map

@@ -1 +1 @@
-{"version":3,"file":"error-page.js","sourceRoot":"","sources":["error-page.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"error-page.js","sourceRoot":"","sources":["error-page.ts"],"names":[],"mappings":"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"}

package/leavitt/file-explorer/add-folder-modal.d.ts

@@ -4,375 +4,10 @@ import '@material/web/button/text-button';
 import '@material/web/textfield/filled-text-field';
 import { FileExplorerFolderDto } from '@leavittsoftware/lg-core-typescript';
 import ApiService from '../api-service/api-service';
-declare const AddFolderModal_base: {
-    new (...args: any[]): {
-        "__#private@#promiseCount": number;
-        isLoading: boolean;
-        loadWhile(promise: Promise<unknown>): Promise<void>;
-        accessKey: string;
-        readonly accessKeyLabel: string;
-        autocapitalize: string;
-        autocorrect: boolean;
-        dir: string;
-        draggable: boolean;
-        hidden: boolean;
-        inert: boolean;
-        innerText: string;
-        lang: string;
-        readonly offsetHeight: number;
-        readonly offsetLeft: number;
-        readonly offsetParent: Element | null;
-        readonly offsetTop: number;
-        readonly offsetWidth: number;
-        outerText: string;
-        popover: string | null;
-        spellcheck: boolean;
-        title: string;
-        translate: boolean;
-        writingSuggestions: string;
-        attachInternals(): ElementInternals;
-        click(): void;
-        hidePopover(): void;
-        hidePopover(): void;
-        showPopover(): void;
-        showPopover(): void;
-        togglePopover(options?: boolean): boolean;
-        togglePopover(force: boolean): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-        connectedCallback(): void;
-        disconnectedCallback(): void;
-        readonly attributes: NamedNodeMap;
-        get classList(): DOMTokenList;
-        set classList(value: string);
-        className: string;
-        readonly clientHeight: number;
-        readonly clientLeft: number;
-        readonly clientTop: number;
-        readonly clientWidth: number;
-        readonly currentCSSZoom: number;
-        id: string;
-        innerHTML: string;
-        readonly localName: string;
-        readonly namespaceURI: string | null;
-        onfullscreenchange: ((this: Element, ev: Event) => any) | null;
-        onfullscreenerror: ((this: Element, ev: Event) => any) | null;
-        outerHTML: string;
-        readonly ownerDocument: Document;
-        get part(): DOMTokenList;
-        set part(value: string);
-        readonly prefix: string | null;
-        readonly scrollHeight: number;
-        scrollLeft: number;
-        scrollTop: number;
-        readonly scrollWidth: number;
-        readonly shadowRoot: ShadowRoot | null;
-        slot: string;
-        readonly tagName: string;
-        attachShadow(init: ShadowRootInit): ShadowRoot;
-        checkVisibility(options?: CheckVisibilityOptions): boolean;
-        closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
-        closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
-        closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
-        closest<E extends Element = Element>(selectors: string): E | null;
-        computedStyleMap(): StylePropertyMapReadOnly;
-        getAttribute(qualifiedName: string): string | null;
-        getAttributeNS(namespace: string | null, localName: string): string | null;
-        getAttributeNames(): string[];
-        getAttributeNode(qualifiedName: string): Attr | null;
-        getAttributeNodeNS(namespace: string | null, localName: string): Attr | null;
-        getBoundingClientRect(): DOMRect;
-        getClientRects(): DOMRectList;
-        getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
-        getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
-        getElementsByTagName<K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
-        getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
-        getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
-        getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
-        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
-        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
-        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
-        getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
-        getHTML(options?: GetHTMLOptions): string;
-        hasAttribute(qualifiedName: string): boolean;
-        hasAttributeNS(namespace: string | null, localName: string): boolean;
-        hasAttributes(): boolean;
-        hasPointerCapture(pointerId: number): boolean;
-        insertAdjacentElement(where: InsertPosition, element: Element): Element | null;
-        insertAdjacentHTML(position: InsertPosition, string: string): void;
-        insertAdjacentText(where: InsertPosition, data: string): void;
-        matches(selectors: string): boolean;
-        releasePointerCapture(pointerId: number): void;
-        removeAttribute(qualifiedName: string): void;
-        removeAttributeNS(namespace: string | null, localName: string): void;
-        removeAttributeNode(attr: Attr): Attr;
-        requestFullscreen(options?: FullscreenOptions): Promise<void>;
-        requestPointerLock(options?: PointerLockOptions): Promise<void>;
-        scroll(options?: ScrollToOptions): void;
-        scroll(x: number, y: number): void;
-        scrollBy(options?: ScrollToOptions): void;
-        scrollBy(x: number, y: number): void;
-        scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
-        scrollTo(options?: ScrollToOptions): void;
-        scrollTo(x: number, y: number): void;
-        setAttribute(qualifiedName: string, value: string): void;
-        setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
-        setAttributeNode(attr: Attr): Attr | null;
-        setAttributeNodeNS(attr: Attr): Attr | null;
-        setHTMLUnsafe(html: string): void;
-        setPointerCapture(pointerId: number): void;
-        toggleAttribute(qualifiedName: string, force?: boolean): boolean;
-        webkitMatchesSelector(selectors: string): boolean;
-        get textContent(): string;
-        set textContent(value: string | null);
-        readonly baseURI: string;
-        readonly childNodes: NodeListOf<ChildNode>;
-        readonly firstChild: ChildNode | null;
-        readonly isConnected: boolean;
-        readonly lastChild: ChildNode | null;
-        readonly nextSibling: ChildNode | null;
-        readonly nodeName: string;
-        readonly nodeType: number;
-        nodeValue: string | null;
-        readonly parentElement: HTMLElement | null;
-        readonly parentNode: ParentNode | null;
-        readonly previousSibling: ChildNode | null;
-        appendChild<T extends Node>(node: T): T;
-        cloneNode(subtree?: boolean): Node;
-        compareDocumentPosition(other: Node): number;
-        contains(other: Node | null): boolean;
-        getRootNode(options?: GetRootNodeOptions): Node;
-        hasChildNodes(): boolean;
-        insertBefore<T extends Node>(node: T, child: Node | null): T;
-        isDefaultNamespace(namespace: string | null): boolean;
-        isEqualNode(otherNode: Node | null): boolean;
-        isSameNode(otherNode: Node | null): boolean;
-        lookupNamespaceURI(prefix: string | null): string | null;
-        lookupPrefix(namespace: string | null): string | null;
-        normalize(): void;
-        removeChild<T extends Node>(child: T): T;
-        replaceChild<T extends Node>(node: Node, child: T): T;
-        readonly ELEMENT_NODE: 1;
-        readonly ATTRIBUTE_NODE: 2;
-        readonly TEXT_NODE: 3;
-        readonly CDATA_SECTION_NODE: 4;
-        readonly ENTITY_REFERENCE_NODE: 5;
-        readonly ENTITY_NODE: 6;
-        readonly PROCESSING_INSTRUCTION_NODE: 7;
-        readonly COMMENT_NODE: 8;
-        readonly DOCUMENT_NODE: 9;
-        readonly DOCUMENT_TYPE_NODE: 10;
-        readonly DOCUMENT_FRAGMENT_NODE: 11;
-        readonly NOTATION_NODE: 12;
-        readonly DOCUMENT_POSITION_DISCONNECTED: 1;
-        readonly DOCUMENT_POSITION_PRECEDING: 2;
-        readonly DOCUMENT_POSITION_FOLLOWING: 4;
-        readonly DOCUMENT_POSITION_CONTAINS: 8;
-        readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
-        readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
-        dispatchEvent(event: Event): boolean;
-        ariaActiveDescendantElement: Element | null;
-        ariaAtomic: string | null;
-        ariaAutoComplete: string | null;
-        ariaBrailleLabel: string | null;
-        ariaBrailleRoleDescription: string | null;
-        ariaBusy: string | null;
-        ariaChecked: string | null;
-        ariaColCount: string | null;
-        ariaColIndex: string | null;
-        ariaColIndexText: string | null;
-        ariaColSpan: string | null;
-        ariaControlsElements: ReadonlyArray<Element> | null;
-        ariaCurrent: string | null;
-        ariaDescribedByElements: ReadonlyArray<Element> | null;
-        ariaDescription: string | null;
-        ariaDetailsElements: ReadonlyArray<Element> | null;
-        ariaDisabled: string | null;
-        ariaErrorMessageElements: ReadonlyArray<Element> | null;
-        ariaExpanded: string | null;
-        ariaFlowToElements: ReadonlyArray<Element> | null;
-        ariaHasPopup: string | null;
-        ariaHidden: string | null;
-        ariaInvalid: string | null;
-        ariaKeyShortcuts: string | null;
-        ariaLabel: string | null;
-        ariaLabelledByElements: ReadonlyArray<Element> | null;
-        ariaLevel: string | null;
-        ariaLive: string | null;
-        ariaModal: string | null;
-        ariaMultiLine: string | null;
-        ariaMultiSelectable: string | null;
-        ariaOrientation: string | null;
-        ariaOwnsElements: ReadonlyArray<Element> | null;
-        ariaPlaceholder: string | null;
-        ariaPosInSet: string | null;
-        ariaPressed: string | null;
-        ariaReadOnly: string | null;
-        ariaRelevant: string | null;
-        ariaRequired: string | null;
-        ariaRoleDescription: string | null;
-        ariaRowCount: string | null;
-        ariaRowIndex: string | null;
-        ariaRowIndexText: string | null;
-        ariaRowSpan: string | null;
-        ariaSelected: string | null;
-        ariaSetSize: string | null;
-        ariaSort: string | null;
-        ariaValueMax: string | null;
-        ariaValueMin: string | null;
-        ariaValueNow: string | null;
-        ariaValueText: string | null;
-        role: string | null;
-        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
-        getAnimations(options?: GetAnimationsOptions): Animation[];
-        after(...nodes: (Node | string)[]): void;
-        before(...nodes: (Node | string)[]): void;
-        remove(): void;
-        replaceWith(...nodes: (Node | string)[]): void;
-        readonly nextElementSibling: Element | null;
-        readonly previousElementSibling: Element | null;
-        readonly childElementCount: number;
-        readonly children: HTMLCollection;
-        readonly firstElementChild: Element | null;
-        readonly lastElementChild: Element | null;
-        append(...nodes: (Node | string)[]): void;
-        prepend(...nodes: (Node | string)[]): void;
-        querySelector<K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
-        querySelector<K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
-        querySelector<K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
-        querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
-        querySelector<E extends Element = Element>(selectors: string): E | null;
-        querySelectorAll<K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
-        querySelectorAll<K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
-        querySelectorAll<K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
-        querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
-        querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
-        replaceChildren(...nodes: (Node | string)[]): void;
-        readonly assignedSlot: HTMLSlotElement | null;
-        readonly attributeStyleMap: StylePropertyMap;
-        get style(): CSSStyleDeclaration;
-        set style(cssText: string);
-        contentEditable: string;
-        enterKeyHint: string;
-        inputMode: string;
-        readonly isContentEditable: boolean;
-        onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
-        onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-        onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-        onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-        onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-        onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
-        onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
-        onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
-        oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
-        oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
-        ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onerror: OnErrorEventHandler;
-        onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
-        onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null;
-        ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        oninput: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
-        onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
-        onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
-        onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
-        onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
-        onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
-        onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
-        onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
-        onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
-        ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
-        ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
-        ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
-        ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
-        ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
-        ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
-        ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
-        ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
-        onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
-        autofocus: boolean;
-        readonly dataset: DOMStringMap;
-        nonce?: string;
-        tabIndex: number;
-        blur(): void;
-        focus(options?: FocusOptions): void;
-    };
-    get properties(): {
-        isLoading: {
-            type: BooleanConstructor;
-        };
-    };
-} & typeof LitElement;
-export declare class AddFolderModal extends AddFolderModal_base {
+export declare class AddFolderModal extends LitElement {
     #private;
+    accessor isLoading: boolean;
+    trackLoadingPromise: (promise: Promise<unknown>) => Promise<void>;
     /**
      *  Required
      */
@@ -386,5 +21,4 @@ export declare class AddFolderModal extends AddFolderModal_base {
     static styles: import("lit").CSSResult;
     render(): import("lit-html").TemplateResult<1>;
 }
-export {};
 //# sourceMappingURL=add-folder-modal.d.ts.map