@swiftwc/ui 0.0.0-dev.6 → 0.0.0-dev.60

package/generated/internal/utils/is-inside.d.ts

@@ -0,0 +1 @@
+export default function (x: number, y: number, rect: DOMRect): boolean;

package/generated/internal/utils/is-inside.js

@@ -0,0 +1,4 @@
+export default function (x, y, rect) {
+    const { left, right, top, bottom } = rect;
+    return x >= left && x <= right && y >= top && y <= bottom;
+}

package/generated/internal/utils/kebab-case.d.ts

@@ -1 +1 @@
-export default function (str: String): string;
+export default function (str: string): string;

package/generated/internal/utils/list-active.d.ts

@@ -0,0 +1,7 @@
+export default function (t: HTMLElement): {
+    types: string;
+    listener: EventListener;
+    addOptions: {
+        passive: boolean;
+    };
+}[];

package/generated/internal/utils/list-active.js

@@ -0,0 +1,83 @@
+const touchList = new WeakMap();
+function onDown({ target }) {
+    if (!(target instanceof HTMLElement))
+        return;
+    const el = target.closest('button,summary');
+    if (!el)
+        return;
+    touchList.set(el, setTimeout(() => {
+        if (!touchList.has(el))
+            return;
+        el.classList.add('active');
+    }, 70));
+    el.addEventListener('pointerleave', onLeave, { once: true, passive: true });
+    el.closest('scroll-view')?.addEventListener('scroll', onScroll, { once: true, passive: true });
+}
+function onOver({ target, buttons }) {
+    if (!(target instanceof HTMLElement))
+        return;
+    const el = target.closest('button,summary');
+    if (!el)
+        return;
+    if (0 === buttons)
+        return;
+    el.classList.add('active');
+    el.removeEventListener('pointerover', onOver);
+    el.addEventListener('pointerleave', onLeave, { once: true, passive: true });
+}
+function onLeave({ target }) {
+    if (!(target instanceof HTMLElement))
+        return;
+    const el = target.closest('button,summary');
+    if (!el)
+        return;
+    el.addEventListener('pointerover', onOver, { once: true, passive: true });
+    // self.requestAnimationFrame(() => {
+    el.removeEventListener('pointerleave', onLeave);
+    el.closest('scroll-view')?.removeEventListener('scroll', onScroll);
+    el.classList.remove('active');
+    if (touchList.has(el))
+        clearTimeout(touchList.get(el));
+    touchList.delete(el);
+    // })
+}
+function onCancel({ target }) {
+    if (!(target instanceof HTMLElement))
+        return;
+    const el = target.closest('button,summary');
+    if (!el)
+        return;
+    // self.requestAnimationFrame(() => {
+    el.removeEventListener('pointerleave', onLeave);
+    el.removeEventListener('pointerover', onOver);
+    el.closest('scroll-view')?.removeEventListener('scroll', onScroll);
+    el.classList.remove('active');
+    if (touchList.has(el))
+        clearTimeout(touchList.get(el));
+    touchList.delete(el);
+    // })
+}
+function onScroll({ target }) {
+    if (!(target instanceof HTMLElement))
+        return;
+    for (const el of target.querySelectorAll('button,summary') ?? []) {
+        el.classList.remove('active');
+        if (touchList.has(el))
+            clearTimeout(touchList.get(el));
+        touchList.delete(el);
+        el.removeEventListener('pointerleave', onLeave);
+        el.removeEventListener('pointerover', onOver);
+    }
+}
+const makePointerdownHandler = (target) => {
+    return onDown;
+}, makePointerCancelHandler = (target) => {
+    return onCancel;
+};
+export default function (t) {
+    const downListener = makePointerdownHandler(t), offListener = makePointerCancelHandler(t);
+    return [
+        { types: 'pointerdown', listener: downListener, addOptions: { passive: true } },
+        { types: 'pointerup pointercancel', listener: offListener, addOptions: { passive: true } },
+    ];
+}

package/generated/internal/utils/microtask.d.ts

@@ -0,0 +1 @@
+export default function (): Promise<void>;

package/generated/internal/utils/microtask.js

@@ -0,0 +1,3 @@
+export default function () {
+    return Promise.resolve();
+}

package/generated/internal/utils/onoff.d.ts

@@ -0,0 +1,45 @@
+/**
+ * const el = document.querySelector('button')!
+ *
+ * @example
+ * // 1. Single — no event arg
+ * onoff('click', () => console.log('clicked'), el)
+ *
+ * @example
+ * // 2. Single — with event arg
+ * onoff('click', (e) => console.log(e.target), el)
+ *
+ * @example
+ * // 3. Single — with options
+ * onoff('click', (e) => console.log(e), el, { passive: true, once: true })
+ *
+ * @example
+ * // 4. Single — capture as boolean
+ * onoff('click', (e) => console.log(e), el, true)
+ *
+ * @example
+ * // 5. Array — shared t
+ * onoff([
+ *   { types: 'click', listener: (e) => console.log('click', e) },
+ *   { types: 'mouseover mouseout', listener: (e) => console.log('hover', e) },
+ * ], el)
+ *
+ * @example
+ * // 6. Using on/off
+ * const { on, off } = onoff('scroll', (e) => console.log(e), el, { passive: true })
+ * on()   // start listening
+ * off()  // stop listening
+ */
+type Options = boolean | AddEventListenerOptions;
+interface EventConfig {
+    types: string;
+    listener: EventListener;
+    addOptions?: Options;
+}
+declare function single(types: string, listener: EventListener, t?: EventTarget, addOptions?: Options): {
+    on: () => () => void;
+    off: () => void;
+};
+export default function (configs: EventConfig[], t?: EventTarget): ReturnType<typeof single>;
+export default function (types: string, listener: EventListener, t?: EventTarget, addOptions?: Options): ReturnType<typeof single>;
+export {};

package/generated/internal/utils/onoff.js

@@ -0,0 +1,31 @@
+function single(types, listener, t, addOptions) {
+    const events = types?.split(' ');
+    const removeOptions = typeof addOptions === 'boolean' ? addOptions : addOptions !== undefined && 'capture' in addOptions ? { capture: addOptions.capture } : undefined;
+    const off = () => {
+        for (const event of events)
+            t?.removeEventListener(event, listener, removeOptions);
+    }, on = () => {
+        for (const event of events)
+            t?.addEventListener(event, listener, addOptions);
+        return off;
+    };
+    return {
+        on,
+        off,
+    };
+}
+export default function (typesOrConfigs, listenerOrT, t, addOptions) {
+    if (Array.isArray(typesOrConfigs)) {
+        const element = listenerOrT, results = typesOrConfigs.map((c) => single(c.types, c.listener, element, c.addOptions)); //, c.t ?? element, c.addOptions))
+        const off = () => results.forEach((r) => r.off()), on = () => {
+            for (const r of results)
+                r.on();
+            return off;
+        };
+        return {
+            on,
+            off,
+        };
+    }
+    return single(typesOrConfigs, listenerOrT, t, addOptions);
+}

package/generated/internal/utils/render-label-icon.d.ts

@@ -0,0 +1,2 @@
+import type { LabelView } from '../../components';
+export default function (label: LabelView, systemImage: string | null): void;

package/generated/internal/utils/render-label-icon.js

@@ -0,0 +1,19 @@
+import $ from './cash';
+export default function (label, systemImage) {
+    const img = label.querySelector(':scope>[slot=icon]');
+    // image ??= this.appendChild($(`<i slot="icon" style="line-height: 1.05"></i>`, '>1'))
+    // image.setAttribute('class', `ph ph-${newValue}`)
+    if (systemImage) {
+        if (!img) {
+            // const newImg = $(`<i slot="icon" style="line-height: 1.05" class="ph ph-${systemImage}"></i>`, '>1')
+            const newImg = $(`<image-view slot="icon"></image-view>`, '>1');
+            newImg.setAttribute('system-name', systemImage);
+            // DOM manipulation last
+            label.appendChild(newImg);
+        }
+        else if (systemImage !== img.getAttribute('system-name'))
+            img.setAttribute('system-name', systemImage);
+    }
+    else
+        img?.remove();
+}

package/generated/internal/utils/render-label-title.d.ts

@@ -0,0 +1,2 @@
+import type { LabelView } from '../../components';
+export default function (label: LabelView, textContent: string | null): void;

package/generated/internal/utils/render-label-title.js

@@ -0,0 +1,16 @@
+import $ from './cash';
+export default function (label, textContent) {
+    const span = label.querySelector(':scope>:not([slot])');
+    if (textContent) {
+        if (!span) {
+            // const newSpan = $(`<span></span>`, '>1')
+            // newSpan.textContent = title
+            // DOM manipulation last
+            label.appendChild(Object.assign($(`<span></span>`, '>1'), { textContent }));
+        }
+        else if (textContent !== span.textContent)
+            span.textContent = textContent;
+    }
+    else
+        span?.remove();
+}

package/generated/internal/utils/render-label.d.ts

@@ -0,0 +1 @@
+export default function (container: Element, selector: string, template: string, title?: string | null, systemImage?: string | null): void;

package/generated/internal/utils/render-label.js

@@ -0,0 +1,19 @@
+import $ from './cash';
+import renderLabelIcon from './render-label-icon';
+import renderLabelTitle from './render-label-title';
+export default function (container, selector, template, title, systemImage) {
+    const existing = container.querySelector(selector);
+    if (existing) {
+        for (const { name, value } of $(template, '>1').attributes)
+            if (!existing.hasAttribute(name))
+                existing.setAttribute(name, value);
+        renderLabelIcon(existing, systemImage ?? null);
+        renderLabelTitle(existing, title ?? null);
+    }
+    else {
+        const newLabel = $(template, '>1');
+        renderLabelIcon(newLabel, systemImage ?? null);
+        renderLabelTitle(newLabel, title ?? null);
+        container.appendChild(newLabel);
+    }
+}

package/generated/internal/utils/set.d.ts

@@ -0,0 +1 @@
+export default function <T extends object, K extends keyof T>(obj: T, key: K, value: T[K]): boolean;

package/generated/internal/utils/set.js

@@ -0,0 +1,7 @@
+export default function (obj, key, value) {
+    if (!Object.is(obj[key], value)) {
+        obj[key] = value;
+        return true;
+    }
+    return false;
+}

package/generated/internal/utils/sleep.d.ts

@@ -0,0 +1 @@
+export default function (ms: number): Promise<void>;

package/generated/internal/utils/sleep.js

@@ -0,0 +1,3 @@
+export default function (ms) {
+    return new Promise((r) => self.setTimeout(r, ms));
+}

package/generated/internal/utils/slow-hide-show.d.ts

@@ -0,0 +1 @@
+export default function (to: 'show' | 'hide', el?: HTMLElement): void;

package/generated/internal/utils/slow-hide-show.js

@@ -0,0 +1,16 @@
+import frame from './frame';
+export default function (to, el) {
+    const transcleanup = ({ propertyName }) => {
+        if ('opacity' !== propertyName)
+            return;
+        el?.removeAttribute('slow');
+    };
+    for (const eventType of ['transitionend', 'transitioncancel'])
+        el?.addEventListener(eventType, transcleanup, {
+            once: true,
+        });
+    el?.setAttribute('slow', '');
+    frame(el).then(() => {
+        el?.setAttribute('slow', to);
+    }); //self.requestAnimationFrame(() => el?.setAttribute('slow', to))
+}

package/generated/internal/utils/timeout.d.ts

@@ -0,0 +1,5 @@
+export default function (): {
+    next: (fn: () => void, ms: number) => void;
+    cancel: () => void;
+    pending: () => boolean;
+};

package/generated/internal/utils/timeout.js

@@ -0,0 +1,16 @@
+export default function () {
+    let id;
+    const cancel = () => {
+        if (!id)
+            return;
+        self.clearTimeout(id);
+        id = undefined;
+    }, next = (fn, ms) => {
+        cancel();
+        id = self.setTimeout(() => {
+            fn();
+            id = undefined;
+        }, ms);
+    }, pending = () => undefined !== id;
+    return { next, cancel, pending };
+}

package/generated/internal/utils/touch-glass.d.ts

@@ -0,0 +1,7 @@
+export default function (t: HTMLElement, targetCallback: (target: HTMLElement) => HTMLElement, checkCallback: (evt: PointerEvent) => boolean): {
+    types: string;
+    listener: EventListener;
+    addOptions: {
+        passive: boolean;
+    };
+}[];

package/generated/internal/utils/touch-glass.js

@@ -0,0 +1,19 @@
+const makePointerdownHandler = (target, targetCallback, checkCallback) => {
+    return function (evt) {
+        // if (event.pointerType !== 'touch')  return
+        if (!checkCallback(evt))
+            return;
+        targetCallback(target).toggleAttribute('touch-glass', true);
+    };
+}, makePointercancelHandler = (target, targetCallback) => {
+    return function (evt) {
+        targetCallback(target).toggleAttribute('touch-glass', false);
+    };
+};
+export default function (t, targetCallback, checkCallback) {
+    const downListener = makePointerdownHandler(t, targetCallback, checkCallback), cancelListener = makePointercancelHandler(t, targetCallback);
+    return [
+        { types: 'pointerdown', listener: downListener, addOptions: { passive: true } },
+        { types: 'pointerup pointercancel pointerleave', listener: cancelListener, addOptions: { passive: true } },
+    ];
+}

package/generated/namespace-browser/base.d.ts

@@ -0,0 +1,45 @@
+export declare abstract class DialogBase extends HTMLDialogElement {
+    static polyfillExtends: "dialog";
+    static polyfillConnectedCallback(el: HTMLDialogElement): void;
+    static polyfillDisconnectedCallback(el: HTMLDialogElement): void;
+    static polyfillAttributeChangedCallback(entries: Pick<MutationRecord, 'attributeName' | 'oldValue' | 'target'>[]): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    disconnectedCallback(): void;
+    connectedCallback(): void;
+}
+export declare abstract class InputBase extends HTMLInputElement {
+    static polyfillExtends: "input";
+    static polyfillConnectedCallback(el: HTMLInputElement): void;
+    static polyfillDisconnectedCallback(el: HTMLInputElement): void;
+    static polyfillAttributeChangedCallback(entries: Pick<MutationRecord, 'attributeName' | 'oldValue' | 'target'>[]): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    disconnectedCallback(): void;
+    connectedCallback(): void;
+}
+export declare abstract class ButtonBase extends HTMLButtonElement {
+    static polyfillExtends: "button";
+    static polyfillConnectedCallback(el: HTMLButtonElement): void;
+    static polyfillDisconnectedCallback(el: HTMLButtonElement): void;
+    static polyfillAttributeChangedCallback(entries: Pick<MutationRecord, 'attributeName' | 'oldValue' | 'target'>[]): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    disconnectedCallback(): void;
+    connectedCallback(): void;
+}
+export declare abstract class DetailsBase extends HTMLDetailsElement {
+    static polyfillExtends: "details";
+    static polyfillConnectedCallback(el: HTMLDetailsElement): void;
+    static polyfillDisconnectedCallback(el: HTMLDetailsElement): void;
+    static polyfillAttributeChangedCallback(entries: Pick<MutationRecord, 'attributeName' | 'oldValue' | 'target'>[]): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    disconnectedCallback(): void;
+    connectedCallback(): void;
+}
+export declare abstract class FormBase extends HTMLFormElement {
+    static polyfillExtends: "form";
+    static polyfillConnectedCallback(el: HTMLFormElement): void;
+    static polyfillDisconnectedCallback(el: HTMLFormElement): void;
+    static polyfillAttributeChangedCallback(entries: Pick<MutationRecord, 'attributeName' | 'oldValue' | 'target'>[]): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    disconnectedCallback(): void;
+    connectedCallback(): void;
+}

package/generated/namespace-browser/base.js

@@ -0,0 +1,115 @@
+export class DialogBase extends HTMLDialogElement {
+    static polyfillExtends = 'dialog';
+    static polyfillConnectedCallback(el) { }
+    static polyfillDisconnectedCallback(el) { }
+    static polyfillAttributeChangedCallback(entries) { } //MutationRecord[]) {}
+    attributeChangedCallback(name, oldValue, newValue) {
+        const ctor = this.constructor;
+        const entry = {
+            attributeName: name,
+            oldValue,
+            target: this,
+        };
+        ctor.polyfillAttributeChangedCallback([entry]);
+    }
+    disconnectedCallback() {
+        const ctor = this.constructor;
+        ctor.polyfillDisconnectedCallback(this);
+    }
+    connectedCallback() {
+        const ctor = this.constructor;
+        ctor.polyfillConnectedCallback(this);
+    }
+}
+export class InputBase extends HTMLInputElement {
+    static polyfillExtends = 'input';
+    static polyfillConnectedCallback(el) { }
+    static polyfillDisconnectedCallback(el) { }
+    static polyfillAttributeChangedCallback(entries) { } //MutationRecord[]) {}
+    attributeChangedCallback(name, oldValue, newValue) {
+        const ctor = this.constructor;
+        const entry = {
+            attributeName: name,
+            oldValue,
+            target: this,
+        };
+        ctor.polyfillAttributeChangedCallback([entry]);
+    }
+    disconnectedCallback() {
+        const ctor = this.constructor;
+        ctor.polyfillDisconnectedCallback(this);
+    }
+    connectedCallback() {
+        const ctor = this.constructor;
+        ctor.polyfillConnectedCallback(this);
+    }
+}
+export class ButtonBase extends HTMLButtonElement {
+    static polyfillExtends = 'button';
+    static polyfillConnectedCallback(el) { }
+    static polyfillDisconnectedCallback(el) { }
+    static polyfillAttributeChangedCallback(entries) { } //MutationRecord[]) {}
+    attributeChangedCallback(name, oldValue, newValue) {
+        const ctor = this.constructor;
+        const entry = {
+            attributeName: name,
+            oldValue,
+            target: this,
+        };
+        ctor.polyfillAttributeChangedCallback([entry]);
+    }
+    disconnectedCallback() {
+        const ctor = this.constructor;
+        ctor.polyfillDisconnectedCallback(this);
+    }
+    connectedCallback() {
+        const ctor = this.constructor;
+        ctor.polyfillConnectedCallback(this);
+    }
+}
+export class DetailsBase extends HTMLDetailsElement {
+    static polyfillExtends = 'details';
+    static polyfillConnectedCallback(el) { }
+    static polyfillDisconnectedCallback(el) { }
+    static polyfillAttributeChangedCallback(entries) { } //MutationRecord[]) {}
+    attributeChangedCallback(name, oldValue, newValue) {
+        const ctor = this.constructor;
+        const entry = {
+            attributeName: name,
+            oldValue,
+            target: this,
+        };
+        ctor.polyfillAttributeChangedCallback([entry]);
+    }
+    disconnectedCallback() {
+        const ctor = this.constructor;
+        ctor.polyfillDisconnectedCallback(this);
+    }
+    connectedCallback() {
+        const ctor = this.constructor;
+        ctor.polyfillConnectedCallback(this);
+    }
+}
+export class FormBase extends HTMLFormElement {
+    static polyfillExtends = 'form';
+    static polyfillConnectedCallback(el) { }
+    static polyfillDisconnectedCallback(el) { }
+    static polyfillAttributeChangedCallback(entries) { } //MutationRecord[]) {}
+    attributeChangedCallback(name, oldValue, newValue) {
+        const ctor = this.constructor;
+        const entry = {
+            attributeName: name,
+            oldValue,
+            target: this,
+        };
+        ctor.polyfillAttributeChangedCallback([entry]);
+    }
+    disconnectedCallback() {
+        const ctor = this.constructor;
+        ctor.polyfillDisconnectedCallback(this);
+    }
+    connectedCallback() {
+        const ctor = this.constructor;
+        ctor.polyfillConnectedCallback(this);
+    }
+}

package/generated/namespace-browser/index.d.ts

@@ -0,0 +1,7 @@
+export type WebComponentCtor = typeof HTMLElement & {
+    observedAttributes?: string[];
+    polyfillExtends?: string;
+    polyfillConnectedCallback(el: HTMLElement): void;
+    polyfillDisconnectedCallback(el: HTMLElement): void;
+    polyfillAttributeChangedCallback?(entries: Pick<MutationRecord, 'attributeName' | 'oldValue' | 'target'>[]): void;
+};

package/generated/namespace-browser/index.js

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

package/generated/snapshot/index.d.ts

@@ -1,16 +1,9 @@
-import type * as Components from '../components';
 export declare class Snapshot {
     #private;
+    static get breakpoints(): ReadonlyMap<string, boolean> | undefined;
+    static on: EventTarget;
+    static readonly waitReady: Promise<[void, void]>;
+    static waitReadyFor<T extends HTMLElement>(element: T): Promise<T | null>;
     static get config(): Record<string, string> | undefined;
     static setOwnConfig(): Promise<void>;
-    static get parent(): Components.ScrollView | undefined;
-    static get root(): HTMLElement | undefined;
-    static get leaf(): Components.ScrollView | undefined;
-    static get parentContainer(): HTMLElement | undefined;
-    static get leafContainer(): HTMLElement | undefined;
-    static get container(): HTMLElement | undefined;
-    static get toolbarItems(): NodeListOf<Element> | undefined;
-    static get parentToolbarItems(): NodeListOf<Element> | undefined;
-    static get leafToolbarItems(): NodeListOf<Element> | undefined;
-    static getSnapshot(scrollView?: Components.ScrollView): void;
 }