@swiftwc/ui 0.0.0-dev.99 → 1.0.0-canary.0

package/generated/components/v-keyboard.js

@@ -1,89 +0,0 @@
-var _a;
-import { CleanupRegistry } from '../internal/class/cleanup-registry';
-import { $, devFlags, 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, used to handle the virtual keyboard on touch devices.
- *
- * @attr {Inter} system-font — Prefers the "Inter" font family, if loaded.
- */
-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();
-    }
-    disconnectedCallback() {
-        if (devFlags.debug)
-            console.debug(`${_a.name} ⚡️ disconnect`);
-        CleanupRegistry.unregister(this);
-    }
-    connectedCallback() {
-        if (devFlags.debug)
-            console.debug(`${_a.name} ⚡️ connect`);
-        this.inert = true;
-        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();
-        //
-        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 () => {
-        if (devFlags.debug)
-            console.debug(`${_a.name} ⚡️ orientationchange`);
-        if (!(await frame(this)))
-            return; //self.requestAnimationFrame(this.#ifKeyboardScrollIntoActiveElement)
-        this.#ifKeyboardScrollIntoActiveElement();
-    };
-    #handleBodyFocusin = async () => {
-        if (devFlags.debug)
-            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 ('function' !== typeof fn)
-            throw new TypeError(`fn must be typeof function`);
-        this.#shouldKeyboardBeOpenCallback = fn;
-    }
-}
-_a = VKeyboard;

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

@@ -1,25 +0,0 @@
-/**
- * @summary A view that arranges its children one on top of the other.
- *
- * @attr {@FrameInlineLength} readable — Shortcut for `placement="leading fill" frame:alignment="center" frame:width="infinity" frame:max-width="{length}"`
- * @attr {leading|"leading fill"|center|trailing|fill|space-between} distribution — The distribution of cols
- *
- * @attr {@Template} template — The main-axis grid template
- *
- * @attr {@Spacing} spacing — The gap between the primary axis
- *
- * @attr {@inlineSet} alignment — The cross-axis alignment
- * @attr {@blockSet} distribution — The main-axis alignment
- * @attr {@blockPlacementSet} placement — The main-axis alignment
- *
- */
-export declare class VStack extends HTMLElement {
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'v-stack': VStack;
-    }
-}

package/generated/components/v-stack.js

@@ -1,29 +0,0 @@
-import { devFlags } from '../internal/utils';
-/**
- * @summary A view that arranges its children one on top of the other.
- *
- * @attr {@FrameInlineLength} readable — Shortcut for `placement="leading fill" frame:alignment="center" frame:width="infinity" frame:max-width="{length}"`
- * @attr {leading|"leading fill"|center|trailing|fill|space-between} distribution — The distribution of cols
- *
- * @attr {@Template} template — The main-axis grid template
- *
- * @attr {@Spacing} spacing — The gap between the primary axis
- *
- * @attr {@inlineSet} alignment — The cross-axis alignment
- * @attr {@blockSet} distribution — The main-axis alignment
- * @attr {@blockPlacementSet} placement — The main-axis alignment
- *
- */
-export class VStack extends HTMLElement {
-    constructor() {
-        super();
-    }
-    connectedCallback() {
-        if (devFlags.debug)
-            console.debug(`${VStack.name} ⚡️ connect`);
-    }
-    disconnectedCallback() {
-        if (devFlags.debug)
-            console.debug(`${VStack.name} ⚡️ disconnect`);
-    }
-}