@swiftwc/ui 0.0.0-dev.7 → 0.0.0-dev.8

package/generated/components/v-keyboard.js

@@ -1,87 +1,83 @@
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var _a, _VKeyboard_shouldKeyboardBeOpenCallback, _VKeyboard_handleWindowScroll, _VKeyboard_handleVisualViewportResize, _VKeyboard_handleWindowOrientationChange, _VKeyboard_handleBodyFocusIn, _VKeyboard_ifKeyboardScrollIntoActiveElement;
+var _a;
+import { CleanupRegistry } from '../internal/class/cleanup-registry';
+import { $, frame, onoff, sleep } from '../internal/utils';
+import { Snapshot } from '../snapshot';
 /**
  * BUG: Safari on IOS reports inaccurate innerHeight (which is what we really want) on orientationchange.
  * So we live with a pescy body-scrollbar that shows up on resize on desktops.
+ *
+ * @summary Required component, must be BODY tag
  */
 export class VKeyboard extends HTMLElement {
+    /**
+     * Change like this:
+     * document.querySelector('v-keyboard').shouldKeyboardBeOpen = () => document.activeElement.tagName === 'INPUT'
+     */
+    #shouldKeyboardBeOpenCallback = () => {
+        return 'INPUT' === document.activeElement?.tagName && 'text' === document.activeElement?.getAttribute('type');
+    };
     constructor() {
         super();
-        /**
-         * Change like this:
-         * document.querySelector('v-keyboard').shouldKeyboardBeOpen = () => document.activeElement.tagName === 'INPUT'
-         */
-        _VKeyboard_shouldKeyboardBeOpenCallback.set(this, () => {
-            return ('INPUT' === document.activeElement?.tagName &&
-                'text' === document.activeElement?.getAttribute('type'));
-        });
-        _VKeyboard_handleWindowScroll.set(this, () => {
-            self.scrollTo(0, 0);
-        });
-        _VKeyboard_handleVisualViewportResize.set(this, () => {
-            const dvh = self.visualViewport?.height ?? 0, fullLvh = this.offsetHeight;
-            const diff = Math.abs(self.outerHeight - (__classPrivateFieldGet(this, _VKeyboard_shouldKeyboardBeOpenCallback, "f").call(this) ? dvh : fullLvh));
-            document.documentElement.style.setProperty('--100lvh', 30 < diff ? `${dvh}px` : `${fullLvh}px`);
-            document.documentElement.style.setProperty('--keyboard-inset-top', 30 < diff ? `${dvh}px` : `${fullLvh}px`);
-            document.documentElement.style.setProperty('--keyboard-inset-height', 30 < diff ? `${diff}px` : `0px`);
-            // @ts-expect-error
-            if (import.meta?.env?.DEV) {
-                // @ts-expect-error
-                document.querySelector('#console0').innerHTML =
-                    `${__classPrivateFieldGet(this, _VKeyboard_shouldKeyboardBeOpenCallback, "f").call(this)} (${diff}) (${self.innerHeight}) (${fullLvh}) (${dvh})`;
-                // @ts-expect-error
-                document.querySelector('#console').hidePopover();
-                // @ts-expect-error
-                document.querySelector('#console').showPopover();
-            }
-            self.scrollTo(0, 0);
-        });
-        _VKeyboard_handleWindowOrientationChange.set(this, () => {
-            console.debug(`${_a.name} ⚡️ orientationchange`);
-            self.requestAnimationFrame(__classPrivateFieldGet(this, _VKeyboard_ifKeyboardScrollIntoActiveElement, "f"));
-        });
-        _VKeyboard_handleBodyFocusIn.set(this, () => {
-            console.debug(`${_a.name} ⚡️ focusin`);
-            setTimeout(__classPrivateFieldGet(this, _VKeyboard_ifKeyboardScrollIntoActiveElement, "f"), 100);
-        });
-        _VKeyboard_ifKeyboardScrollIntoActiveElement.set(this, () => {
-            if (!__classPrivateFieldGet(this, _VKeyboard_shouldKeyboardBeOpenCallback, "f").call(this) || !document.activeElement)
-                return;
-            const parent = document.activeElement?.closest('scroll-view');
-            parent?.scrollToElement?.(document.activeElement);
-        });
     }
     disconnectedCallback() {
         console.debug(`${_a.name} ⚡️ disconnect`);
-        self.removeEventListener('resize', __classPrivateFieldGet(this, _VKeyboard_handleWindowScroll, "f"));
-        self.visualViewport?.removeEventListener('resize', __classPrivateFieldGet(this, _VKeyboard_handleVisualViewportResize, "f"));
-        self.removeEventListener('orientationchange', __classPrivateFieldGet(this, _VKeyboard_handleWindowOrientationChange, "f"));
-        document.body.removeEventListener('focusin', __classPrivateFieldGet(this, _VKeyboard_handleBodyFocusIn, "f"));
+        CleanupRegistry.unregister(this);
     }
     connectedCallback() {
         console.debug(`${_a.name} ⚡️ connect`);
         this.inert = true;
-        self.addEventListener('scroll', __classPrivateFieldGet(this, _VKeyboard_handleWindowScroll, "f"));
-        self.visualViewport?.addEventListener('resize', __classPrivateFieldGet(this, _VKeyboard_handleVisualViewportResize, "f"));
-        __classPrivateFieldGet(this, _VKeyboard_handleVisualViewportResize, "f").call(this);
+        CleanupRegistry.register(this, onoff([
+            { types: 'scroll', listener: this.#handleWindowScroll },
+            { types: 'orientationchange', listener: this.#handleWindowOrientationchange },
+        ], self).on());
+        CleanupRegistry.register(this, onoff('resize', this.#handleVisualViewportResize, self.visualViewport ?? undefined, { passive: true }).on());
+        this.#handleVisualViewportResize();
         //
-        self.addEventListener('orientationchange', __classPrivateFieldGet(this, _VKeyboard_handleWindowOrientationChange, "f"));
-        document.body.addEventListener('focusin', __classPrivateFieldGet(this, _VKeyboard_handleBodyFocusIn, "f"));
+        CleanupRegistry.register(this, onoff('focusin', this.#handleBodyFocusin, document.body).on());
+        Snapshot.waitReady.then(() => {
+            document.documentElement.style.setProperty('--root-font-size', parseFloat(self.getComputedStyle(document.documentElement).fontSize).toFixed(5));
+            CleanupRegistry.register(this, onoff('transitionrun', this.#handleDocumentTransitionrun, document.documentElement).on());
+        });
     }
+    #handleDocumentTransitionrun = (evt) => {
+        if (evt.target !== document.documentElement || 'font-size' !== evt.propertyName)
+            return;
+        document.documentElement.style.setProperty('--root-font-size', parseFloat(self.getComputedStyle(document.documentElement).fontSize).toFixed(5));
+    };
+    #handleWindowScroll = () => {
+        self.scrollTo(0, 0);
+    };
+    #handleVisualViewportResize = () => {
+        const dvh = self.visualViewport?.height ?? 0, fullLvh = this.offsetHeight;
+        const diff = Math.abs(self.outerHeight - (this.#shouldKeyboardBeOpenCallback() ? dvh : fullLvh));
+        $.prop('--100lvh', 30 < diff ? `${dvh}px` : `${fullLvh}px`, document.documentElement); //document.documentElement.style.setProperty('--100lvh', 30 < diff ? `${dvh}px` : `${fullLvh}px`)
+        $.prop('--keyboard-inset-top', 30 < diff ? `${dvh}px` : `${fullLvh}px`, document.documentElement); //document.documentElement.style.setProperty('--keyboard-inset-top', 30 < diff ? `${dvh}px` : `${fullLvh}px`)
+        $.prop('--keyboard-inset-height', 30 < diff ? `${diff}px` : `0px`, document.documentElement); //document.documentElement.style.setProperty('--keyboard-inset-height', 30 < diff ? `${diff}px` : `0px`)
+        self.scrollTo(0, 0);
+    };
+    #handleWindowOrientationchange = async () => {
+        console.debug(`${_a.name} ⚡️ orientationchange`);
+        if (!(await frame(this)))
+            return; //self.requestAnimationFrame(this.#ifKeyboardScrollIntoActiveElement)
+        this.#ifKeyboardScrollIntoActiveElement();
+    };
+    #handleBodyFocusin = async () => {
+        console.debug(`${_a.name} ⚡️ focusin`);
+        await sleep(100); // self.setTimeout(this.#ifKeyboardScrollIntoActiveElement, 100)
+        if (!this.isConnected)
+            return;
+        this.#ifKeyboardScrollIntoActiveElement();
+    };
+    #ifKeyboardScrollIntoActiveElement = () => {
+        if (!this.#shouldKeyboardBeOpenCallback() || !document.activeElement)
+            return;
+        const parent = document.activeElement?.closest('scroll-view');
+        parent?.centerScrollToElement?.(document.activeElement);
+    };
     set shouldKeyboardBeOpen(fn) {
-        if (typeof fn !== 'function')
-            throw new TypeError(`fn must be a function`);
-        __classPrivateFieldSet(this, _VKeyboard_shouldKeyboardBeOpenCallback, fn, "f");
+        if ('function' !== typeof fn)
+            throw new TypeError(`fn must be typeof function`);
+        this.#shouldKeyboardBeOpenCallback = fn;
     }
 }
-_a = VKeyboard, _VKeyboard_shouldKeyboardBeOpenCallback = new WeakMap(), _VKeyboard_handleWindowScroll = new WeakMap(), _VKeyboard_handleVisualViewportResize = new WeakMap(), _VKeyboard_handleWindowOrientationChange = new WeakMap(), _VKeyboard_handleBodyFocusIn = new WeakMap(), _VKeyboard_ifKeyboardScrollIntoActiveElement = new WeakMap();
+_a = VKeyboard;

package/generated/components/v-stack.d.ts

@@ -0,0 +1,5 @@
+export declare class VStack extends HTMLElement {
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+}

package/generated/components/v-stack.js

@@ -0,0 +1,11 @@
+export class VStack extends HTMLElement {
+    constructor() {
+        super();
+    }
+    connectedCallback() {
+        console.debug(`${VStack.name} ⚡️ connect`);
+    }
+    disconnectedCallback() {
+        console.debug(`${VStack.name} ⚡️ disconnect`);
+    }
+}

package/generated/confirmation-dialog/index.d.ts

@@ -0,0 +1 @@
+export declare const ConfirmationDialog: EventTarget;

package/generated/confirmation-dialog/index.js

@@ -0,0 +1 @@
+export const ConfirmationDialog = new EventTarget();