@webqit/webflo 0.20.51 → 0.20.53

package/package.json

@@ -12,7 +12,7 @@
     "vanila-javascript"
   ],
   "homepage": "https://webqit.io/tooling/webflo",
-  "version": "0.20.51",
+  "version": "0.20.53",
   "license": "MIT",
   "repository": {
     "type": "git",

package/src/webflo-runtime/webflo-client/WebfloClient.js

@@ -566,11 +566,11 @@ export class WebfloClient extends AppRuntime {
         Observer.set(this.transition, 'rel', viewTransitionRel);
         // Trigger transition
         if (document.startViewTransition && this.withViewTransitions && !detail.hasUAVisualTransition) {
-            const synthesizeWhile = window.webqit?.realdom?.synthesizeWhile || ((callback) => callback());
+            const synthesizeWhile = /*window.webqit?.realdom?.synthesizeWhile ||*/ ((callback) => callback());
             return new Promise(async (resolve) => {
                 await synthesizeWhile(async () => {
                     Observer.set(this.transition, 'phase', 'old');
-                    const viewTransition = document.startViewTransition({ update: updateCallback, styles: ['navigation', viewTransitionRel] });
+                    const viewTransition = document.startViewTransition({ update: updateCallback, types: ['navigation', viewTransitionRel] });
                     try { await viewTransition.updateCallbackDone; } catch (e) { console.log(e); }
                     Observer.set(this.transition, 'phase', 'new');
                     try { await viewTransition.ready; } catch (e) { console.log(e); }

package/src/webflo-runtime/webflo-client/WebfloRootClientA.js

@@ -34,7 +34,7 @@ export class WebfloRootClientA extends WebfloClient {
 	#hmr;
 
 	get withViewTransitions() {
-		return document.querySelector('meta[name="webflo:viewtransitions"]')?.value;
+		return ['true', '1', 'yes'].includes(document.querySelector('meta[name="webflo:viewtransitions"]')?.content?.toLowerCase());
 	}
 
 	constructor(bootstrap, host) {

package/src/webflo-runtime/webflo-client/WebfloSubClient.js

@@ -20,7 +20,7 @@ export class WebfloSubClient extends WebfloClient {
 
 	get viewport() { return this.#superRuntime.viewport; }
 
-	get withViewTransitions() { return this.host.hasAttribute('viewtransitions'); }
+	get withViewTransitions() { return ['true', '1', 'yes'].includes(this.host.getAttribute('viewtransitions')?.toLowerCase()); }
 
 	constructor(superRuntime, host) {
 		if (!(superRuntime instanceof WebfloClient)) {

package/src/webflo-runtime/webflo-client/webflo-elements.js

@@ -1433,7 +1433,7 @@ export class ModalElement extends BaseElement {
                 color: var(--header-color-default);
                 background: var(--header-background);
 
-                z-index: 2;
+                z-index: 3;
             }
 
             .header-box {
@@ -1482,7 +1482,7 @@ export class ModalElement extends BaseElement {
                 color: var(--footer-color-default);
                 background: var(--footer-background);
 
-                z-index: 3;
+                z-index: 2;
             }
                 
             footer .footer-bar {