@swiftwc/ui 0.0.0-dev.11 → 0.0.0-dev.110

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

@@ -0,0 +1,11 @@
+export declare class VDivider extends HTMLElement {
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'v-divider': VDivider;
+    }
+}

package/generated/components/v-divider.js

@@ -0,0 +1,15 @@
+import { debug } from '../internal/utils';
+export class VDivider extends HTMLElement {
+    constructor() {
+        super();
+    }
+    connectedCallback() {
+        debug(`${VDivider.name} ⚡️ connect`);
+    }
+    disconnectedCallback() {
+        debug(`${VDivider.name} ⚡️ disconnect`);
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        debug(`${VDivider.name} ⚡️ attr-change [${name}]`);
+    }
+}

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

@@ -2,7 +2,9 @@
  * 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
+ * @summary Required component, used to handle the virtual keyboard on touch devices.
+ *
+ * @attr {Inter} system-font — Prefers the "Inter" font family, if loaded.
  */
 export declare class VKeyboard extends HTMLElement {
     #private;
@@ -11,3 +13,8 @@ export declare class VKeyboard extends HTMLElement {
     connectedCallback(): void;
     set shouldKeyboardBeOpen(fn: () => boolean);
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        'v-keyboard': VKeyboard;
+    }
+}

package/generated/components/v-keyboard.js

@@ -1,12 +1,14 @@
 var _a;
 import { CleanupRegistry } from '../internal/class/cleanup-registry';
-import { $, frame, onoff, sleep } from '../internal/utils';
+import { debug, frame, onoff, prop, 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
+ * @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 {
     /**
@@ -20,11 +22,11 @@ export class VKeyboard extends HTMLElement {
         super();
     }
     disconnectedCallback() {
-        console.debug(`${_a.name} ⚡️ disconnect`);
+        debug(`${_a.name} ⚡️ disconnect`);
         CleanupRegistry.unregister(this);
     }
     connectedCallback() {
-        console.debug(`${_a.name} ⚡️ connect`);
+        debug(`${_a.name} ⚡️ connect`);
         this.inert = true;
         CleanupRegistry.register(this, onoff([
             { types: 'scroll', listener: this.#handleWindowScroll },
@@ -50,19 +52,19 @@ export class VKeyboard extends HTMLElement {
     #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`)
+        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`);
+        debug(`${_a.name} ⚡️ orientationchange`);
         if (!(await frame(this)))
             return; //self.requestAnimationFrame(this.#ifKeyboardScrollIntoActiveElement)
         this.#ifKeyboardScrollIntoActiveElement();
     };
     #handleBodyFocusin = async () => {
-        console.debug(`${_a.name} ⚡️ focusin`);
+        debug(`${_a.name} ⚡️ focusin`);
         await sleep(100); // self.setTimeout(this.#ifKeyboardScrollIntoActiveElement, 100)
         if (!this.isConnected)
             return;

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

@@ -1,5 +1,25 @@
+/**
+ * @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,11 +1,27 @@
+import { debug } 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() {
-        console.debug(`${VStack.name} ⚡️ connect`);
+        debug(`${VStack.name} ⚡️ connect`);
     }
     disconnectedCallback() {
-        console.debug(`${VStack.name} ⚡️ disconnect`);
+        debug(`${VStack.name} ⚡️ disconnect`);
     }
 }