update

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leuffen/jodastyle",
-  "version": "3.0.5",
+  "version": "3.0.6",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.module.js",

src/component/joda-content-element.ts

@@ -5,6 +5,7 @@ import {getCurrentBreakpoint, Jodaresponsive} from "../processor/jodaresponsive"
 import {Logger} from "../helper/logger";
 import {Jodavisualize} from "../processor/jodavisualize";
 import {jodaSiteConfig} from "../helper/JodaSiteConfig";
+import {allTemplatesConnectedCallbacks} from "../helper/functions";
 
 
 function getCSSRule(ruleName : string) : CSSStyleRule {
@@ -110,6 +111,11 @@ export class JodaContentElement extends HTMLElement {
             jodaresponsive.process(this as HTMLElement);
 
         });
+
+        // Run all allTemplateConnectedCallbacks registered
+        for(let callback of allTemplatesConnectedCallbacks) {
+            await callback();
+        }
     }
 
 

src/helper/functions.ts

@@ -6,6 +6,10 @@ import {QTemplate, template_parse} from "./QTemplate";
 import {Joda} from "../joda";
 
 
+
+export let allTemplatesConnectedCallbacks : any[] = [];
+
+
 export async function await_property(object : object, property : string[] | string, wait : number = 10) {
     if (typeof property === "string") {
         property = property.split(".");
@@ -267,5 +271,20 @@ export async function getTemplateFilledWithContent(templateSelector : string, co
         content.remove();
     }
 
+
+
     return clone;
 }
+
+
+
+export async function runCallbacksForTemplate(templateSelector: string , element : HTMLElement) {
+    let templateConfig = Joda.getRegisteredTemplate(templateSelector);
+    if (templateConfig?.callbacks?.onAfterConnectedCallback) {
+        await templateConfig.callbacks.onAfterConnectedCallback(element as HTMLElement);
+    }
+    if (templateConfig?.callbacks?.onAfterAllTemplatesConnectedCallback) {
+        // Spool up callback (executed by jodastyle)
+        allTemplatesConnectedCallbacks.push(async() => templateConfig.callbacks.onAfterAllTemplatesConnectedCallback(element as HTMLElement));
+    }
+}

src/joda.ts

@@ -1,7 +1,24 @@
 
 type TemplateCallbacks = {
-    //onBeforeTemplateLoad?: (template: string, element: HTMLElement) => void,
+
+    /**
+     * Called after the Template was connected (added to DOM)
+     *
+     * @param element   The root element of the template
+     */
+    onAfterConnectedCallback?: (element: HTMLElement) => void,
+
+
+    /**
+     * Called after all templates were connected (added to DOM) and initialized.
+     * Use this Callback to add special functionality to your template
+     *
+     * @param element   The root element of the template
+     */
+    onAfterAllTemplatesConnectedCallback?: (element: HTMLElement) => void,
 }
+
+
 type TemplateData = {
     template: string,
     layoutDefaults: {[key: string]: string|number|boolean}

src/processor/jodastyle-commands.ts

@@ -3,7 +3,7 @@ import {
     await_property,
     getCleanVariableValue,
     getTemplateFilledWithContent,
-    JodaUseRenderer
+    JodaUseRenderer, runCallbacksForTemplate
 } from "../helper/functions";
 import {Logger} from "../helper/logger";
 import {ka_eval} from "@kasimirjs/embed";
@@ -61,6 +61,9 @@ jodaStyleCommands["--joda-wrap"] = async (value : string, target, element : HTML
         let newElement = await getTemplateFilledWithContent(value, placeholder, element);
         placeholder.replaceWith(newElement);
 
+        await runCallbacksForTemplate(value, element as HTMLElement);
+
+
         return element;
 
     } else {
@@ -176,6 +179,7 @@ jodaStyleCommands["--joda-use"] = async(value : string, target, element : HTMLEl
         });
         element.parentElement.insertBefore(newElement, element);
         element.parentElement.removeChild(element);
+        await runCallbacksForTemplate(value, firstElement as HTMLElement);
         return firstElement;
     }