0.0.880

Mount.ts

@@ -154,6 +154,7 @@ export class Mount<TProps extends {}, TActions = TProps, ETProps = TProps>
             hydrated: true
         }
     }
+
     async onNoXForm(self: this): ProPMP<TProps, TActions, ETProps> {
          return {
             hydrated: true,

lib/mixins/TemplMgmt.js

@@ -73,7 +73,7 @@ export const TemplMgmt = (superclass) => class extends superclass {
         if (this.#mounted)
             return;
         this.#mounted = true;
-        const { xform, xformImpl, clonedTemplate, shadowRootMode, lcXform } = base;
+        const { xform, xformImpl, clonedTemplate, shadowRootMode, lcXform, xxform } = base;
         const fragment = clonedTemplate === undefined ?
             !shadowRootMode ? this : this.shadowRoot
             : clonedTemplate;
@@ -92,6 +92,9 @@ export const TemplMgmt = (superclass) => class extends superclass {
             }
             //await MainTransforms(this as any as TemplMgmtBaseMixin & HTMLElement, base, fragment as DocumentFragment);
         }
+        if (xxform) {
+            throw 'NI';
+        }
         if (shadowRootMode && lcXform) {
             const { Transform } = await import('../../Transform.js');
             await Transform(this, this, lcXform, {
@@ -128,6 +131,9 @@ export const propInfo = {
     lcXform: {
         parse: false,
     },
+    xxform: {
+        parse: false,
+    },
     styles: {
         parse: false,
     },

lib/mixins/TemplMgmt.ts

@@ -85,7 +85,7 @@ export const TemplMgmt = (superclass: TemplMgmtBaseMixin) => class extends super
     async doTemplMount(base: TemplMgmtBase){
         if(this.#mounted) return;
         this.#mounted = true;
-        const {xform, xformImpl, clonedTemplate, shadowRootMode, lcXform} = base;
+        const {xform, xformImpl, clonedTemplate, shadowRootMode, lcXform, xxform } = base;
         const fragment = clonedTemplate === undefined ? 
             !shadowRootMode ? this : this.shadowRoot!
             : clonedTemplate as DocumentFragment;
@@ -105,6 +105,11 @@ export const TemplMgmt = (superclass: TemplMgmtBaseMixin) => class extends super
 
             //await MainTransforms(this as any as TemplMgmtBaseMixin & HTMLElement, base, fragment as DocumentFragment);
         }
+
+        if(xxform){
+            throw 'NI';
+        }
+
         if(shadowRootMode && lcXform){
             const {Transform} = await import('../../Transform.js');
             await Transform<any>(this, this, lcXform, {
@@ -147,6 +152,9 @@ export const propInfo: Partial<{[key in keyof TemplMgmtProps]: PropInfo}> = {
     lcXform:{
         parse: false,
     },
+    xxform:{
+        parse: false,
+    },
     styles: {
         parse: false,
     },

lib/mixins/types.d.ts

@@ -16,6 +16,10 @@ export interface TemplMgmtProps<MCProps extends Partial<HTMLElement> = HTMLEleme
      * Use ":root" to match on the root element
      */
     lcXform: XForm<any, any>,
+    /**
+     * Use view transitions for the updates
+     */
+    xxform: XForm<any, any, any>,
     xformImpl?: () => Promise<ToTransformer<MCProps, MCMethods>>,
     skipTemplateClone?: boolean;
     //homeInOn?: Partial<{[key in keyof MCProps]: Partial<{[key: string]: RHS<MCProps, MCMethods>}>}>;