@angelscmf/front 1.0.29 → 1.0.30

package/sass/angelsMessages/_AngelsInfo.scss

@@ -1,6 +1,6 @@
 :root {
-    --a-info-space: var(--a-lineHeightHalf);
-    --a-info-spaceHalf: var(--a-lineHeightQuarter);
+    --a-info-space: var(--a-lineSizeHalf);
+    --a-info-spaceHalf: var(--a-lineSizeQuarter);
     --a-info-borderColor: #4dabf7;
     --a-info-background: #f5faff;
     --a-info-color: #1c5d99;
@@ -11,6 +11,7 @@ a-info {
 }
 
 a-info,
+a-state.a-info,
 div.a-info,
 p.a-info,
 unknown {

package/sass/angelsMessages/_AngelsTip.scss

@@ -1,6 +1,6 @@
 :root {
-    --a-tip-space: var(--a-lineHeightHalf);
-    --a-tip-spaceHalf: var(--a-lineHeightQuarter);
+    --a-tip-space: var(--a-lineSizeHalf);
+    --a-tip-spaceHalf: var(--a-lineSizeQuarter);
     --a-tip-borderColor: #d0d7de;
     --a-tip-background: #f9fafb;
     --a-tip-color: #6c757d;
@@ -11,6 +11,7 @@ a-tip {
 }
 
 a-tip,
+a-state.a-tip,
 div.a-tip,
 p.a-tip,
 unknown {

package/sass/angelsMessages/_AngelsWarn.scss

@@ -1,6 +1,6 @@
 :root {
-    --a-warn-space: var(--a-lineHeightHalf);
-    --a-warn-spaceHalf: var(--a-lineHeightQuarter);
+    --a-warn-space: var(--a-lineSizeHalf);
+    --a-warn-spaceHalf: var(--a-lineSizeQuarter);
     --a-warn-borderColor: #ffc107;
     --a-warn-background: #fffdf0;
     --a-warn-color: #8a6d1f;
@@ -11,6 +11,7 @@ a-warn {
 }
 
 a-warn,
+a-state.a-warn,
 div.a-warn,
 p.a-warn,
 unknown {

package/sass/angelsTags/_a-page.scss

@@ -1,3 +1,12 @@
+/**
+ *  Angels' CMF Theme Custom Styles for a-page component
+ *
+ *  @version 2025-11-16 Adds --a-page-header-backgroundColor variable as --a-backgroundColorSecondary.
+ *  @version 2025-11-16 Adds --a-page-footer-backgroundColor variable as --a-backgroundColorSecondary.
+ *
+ *  @version 2025-11-16 Initial version
+ */
+
 @use "../AngelsVariables";
 
 :root {
@@ -14,7 +23,7 @@ a-page {
 }
 
 :root {
-    --a-page-header-backgroundColor: #{AngelsVariables.$aSecondBackgroundColor};
+    --a-page-header-backgroundColor: var(--a-backgroundColorSecondary);
     --a-page-header-textColor: #{AngelsVariables.$aSecondColor};
     --a-page-header-padding: 1em;
 }
@@ -31,8 +40,8 @@ a-page-header {
 }
 
 :root {
-    --a-page-body-gap: var(--a-4xSize);
-    --a-page-body-padding: var(--a-4xSize) var(--a-baseSize);
+    --a-page-body-gap: var(--a-fourxSize);
+    --a-page-body-padding: var(--a-fourxSize) var(--a-baseSize);
 }
 
 a-page-body {
@@ -44,7 +53,7 @@ a-page-body {
 }
 
 :root {
-    --a-page-footer-backgroundColor: #{AngelsVariables.$aSecondBackgroundColor};
+    --a-page-footer-backgroundColor: var(--a-backgroundColorSecondary);
     --a-page-footer-padding: var(--a-baseSize);
     --a-page-footer-gap: var(--a-baseSize);
     --a-page-footer-textColor: #{AngelsVariables.$aSecondColor};

package/sass/angelsTags/_a-state.scss

@@ -1,10 +1,11 @@
 @use "../AngelsVariables";
 
 :root {
-    --a-state-space: var(--a-lineHeightHalf);
+    --a-state-space: var(--a-lineSizeHalf);
 }
 
 a-state {
+    display: block;
     padding-left: var(--a-state-space);
     padding-right: var(--a-state-space);
 }

package/sass/angelsTags/_a-table.scss

@@ -1,20 +1,17 @@
 :root {
     --a-table-backgroundColor: var(--a-backgroundColor);
-    // --a-table-textColor: var(--a-textColor);
-    // --a-table-verticalGapColor: var(--a-backgroundColor);
-    // --a-table-verticalGapWidth: 1px;
-    // --a-table-verticalGapStyle: solid;
+    --a-table-borderColor: var(--a-textColor);
+    --a-table-borderWidth: 1px;
+    --a-table-cellPadding: var(--a-lineSizeQuarter);
 }
 
-
-
-
 a-table,
 .a-table {
     background: var(--a-table-backgroundColor);
     display: table;
-    border: 5px solid blue;
-    border-collapse: collapse;
+    border: var(--a-table-borderWidth) solid var(--a-table-borderColor);
+    border-radius: var(--a-borderRadius);
+    overflow: hidden;
 
     a-tcaption,
     caption {
@@ -30,30 +27,7 @@ a-table,
     a-tcell,
     td {
         display: table-cell;
-        border: 5px solid blue;
+        border: var(--a-table-borderWidth) solid var(--a-table-borderColor);
+        padding: var(--a-table-cellPadding);
     }
-}
-
-// .a-table {
-//     color: var(--a-table-textColor);
-//     border-collapse: collapse;
-//     background-color: #eeeeee;
-
-//     td,
-//     th {
-//         padding: .3em .5em;
-//     }
-
-//     td+td,
-//     td+th,
-//     th+td,
-//     th+th {
-//         border-left: var(--a-table-verticalGapWidth) var(--a-table-verticalGapStyle) var(--a-table-verticalGapColor);
-//     }
-
-//     tr {
-//         &:nth-child(2n) {
-//             background-color: #e7e7e7;
-//         }
-//     }
-// }
+}

package/dist/AngelsCore.cjs

@@ -1,246 +0,0 @@
-"use strict";
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-// src/AngelsWebComponents/AngelsBoardWebComponent.ts
-var AngelsBoardWebComponent = class _AngelsBoardWebComponent extends HTMLElement {
-  /**
-   * Use the global displayHandler if set
-   */
-  get displayHandler() {
-    return _AngelsBoardWebComponent.globalDisplayHandler;
-  }
-  /**
-   * Switch the visible child by key
-   */
-  aBoardSwitch(aBoardItemKey) {
-    this.setAttribute("a-board-show", aBoardItemKey);
-  }
-  /**
-   * Update visibility based on children/text
-   */
-  aBoardUpdateDisplaying() {
-    const children = Array.from(this.children);
-    const hasVisibleChildren = children.some((el) => !el.hidden);
-    const hasNonWhitespaceText = Array.from(this.childNodes).some(
-      (node) => node.nodeType === Node.TEXT_NODE && node.textContent.trim() !== ""
-    );
-    this.hidden = !hasVisibleChildren && !hasNonWhitespaceText;
-    this.toggleAttribute("a-board-auto-hidden", this.hidden);
-  }
-  aBoardShowKey() {
-    return this.getAttribute("a-board-show") || "";
-  }
-  connectedCallback() {
-    this.initContent();
-    this.observeMutations();
-  }
-  disconnectedCallback() {
-    var _a;
-    (_a = this.mutationObserver) == null ? void 0 : _a.disconnect();
-  }
-  static get observedAttributes() {
-    return ["a-board-show"];
-  }
-  attributeChangedCallback(name, oldValue, newValue) {
-    switch (name) {
-      case "a-board-show":
-        if (oldValue !== newValue) {
-          this.updateContent();
-        }
-    }
-  }
-  /**
-   * Update which child is visible
-   */
-  initContent() {
-    return __async(this, null, function* () {
-      const key = this.aBoardShowKey();
-      const items = Array.from(this.querySelectorAll(`:scope > [a-board-key]`));
-      const activeItem = items.find((el) => el.getAttribute("a-board-key") === key);
-      items.filter((el) => el !== activeItem).forEach((el) => {
-        const show = el === activeItem;
-        el.hidden = true;
-      });
-      if (activeItem) {
-        activeItem.hidden = false;
-      }
-      this.aBoardUpdateDisplaying();
-    });
-  }
-  /**
-   * Update which child is visible
-   */
-  updateContent() {
-    return __async(this, null, function* () {
-      var _a;
-      (_a = this.mutationObserver) == null ? void 0 : _a.disconnect();
-      const key = this.aBoardShowKey();
-      const items = Array.from(this.querySelectorAll(`:scope > [a-board-key]`));
-      const activeItem = items.find((el) => el.getAttribute("a-board-key") === key);
-      const rect = this.getBoundingClientRect();
-      const prevWidth = this.style.width;
-      const prevHeight = this.style.height;
-      const prevOverflow = this.style.overflow;
-      this.style.width = rect.width + "px";
-      this.style.height = rect.height + "px";
-      this.style.overflow = "hidden";
-      if (this.displayHandler) {
-        const promises = [];
-        items.filter((el) => el !== activeItem).forEach((el) => {
-          const displayHandlerResult = this.displayHandler(el, false);
-          if (displayHandlerResult instanceof Promise) {
-            promises.push(displayHandlerResult);
-          }
-        });
-        yield Promise.all(promises);
-        let targetHeight = 0;
-        console.log("targetHeight", targetHeight);
-        if (activeItem) {
-          activeItem.classList.add("a-technical-transparent");
-          targetHeight = activeItem.scrollHeight;
-          activeItem.classList.remove("a-technical-transparent");
-        }
-        console.log("targetHeight", targetHeight);
-        const heightAnimation = this.animate([
-          { height: rect.height + "px" },
-          { height: targetHeight + "px" }
-        ], {
-          duration: 300,
-          easing: "ease-in-out"
-        });
-        yield new Promise((resolve) => {
-          heightAnimation.addEventListener("finish", resolve);
-        });
-        this.style.height = targetHeight + "px";
-        if (activeItem) {
-          yield this.displayHandler(activeItem, true);
-        }
-      } else {
-        items.filter((el) => el !== activeItem).forEach((el) => {
-          const show = el === activeItem;
-          el.hidden = true;
-        });
-        let targetHeight = 0;
-        if (activeItem) {
-          activeItem.classList.add("a-technical-transparent");
-          targetHeight = activeItem.scrollHeight;
-          ;
-          activeItem.classList.remove("a-technical-transparent");
-        }
-        this.style.height = targetHeight + "px";
-        if (activeItem) {
-          activeItem.hidden = false;
-        }
-      }
-      this.style.height = "";
-      this.style.width = prevWidth;
-      this.style.overflow = prevOverflow;
-      this.aBoardUpdateDisplaying();
-      this.observeMutations();
-    });
-  }
-  /**
-   * Observe direct children and text nodes only, with debounce
-   */
-  observeMutations() {
-    if (this.mutationObserver) this.mutationObserver.disconnect();
-    this.mutationObserver = new MutationObserver(() => {
-      clearTimeout(this.mutationTimeout);
-      this.mutationTimeout = window.setTimeout(() => {
-        this.aBoardUpdateDisplaying();
-      }, 50);
-    });
-    this.mutationObserver.observe(this, {
-      childList: true,
-      characterData: true,
-      attributes: true,
-      subtree: false,
-      attributeFilter: ["hidden", "style", "class"]
-    });
-  }
-  /**
-   * Set global display handler for all <a-board> instances
-   */
-  static setGlobalDisplayHandler(handler) {
-    _AngelsBoardWebComponent.globalDisplayHandler = handler;
-  }
-};
-function registerAngelsBoard(options) {
-  if (!customElements.get("a-board")) {
-    if (options == null ? void 0 : options.displayHandler) {
-      AngelsBoardWebComponent.setGlobalDisplayHandler(options.displayHandler);
-    }
-    customElements.define("a-board", AngelsBoardWebComponent);
-  } else if (options == null ? void 0 : options.displayHandler) {
-    AngelsBoardWebComponent.setGlobalDisplayHandler(options.displayHandler);
-  }
-  return customElements.get("a-board");
-}
-
-// src/AngelsWebComponents/AngelsStateWebComponent.ts
-var AngelsStateWebComponent = class extends HTMLElement {
-  aStateAlert(message) {
-    this.aStateSet("a-alert", message);
-  }
-  aStateClear() {
-    this.classList.remove("a-alert", "a-debug", "a-done", "a-error", "a-info", "a-tip", "a-warn");
-    this.textContent = "";
-    this.hidden = true;
-  }
-  aStateDebug(message) {
-    this.aStateSet("a-debug", message);
-  }
-  aStateDone(message) {
-    this.aStateSet("a-done", message);
-  }
-  aStateError(message) {
-    this.aStateSet("a-error", message);
-  }
-  aStateInfo(message) {
-    this.aStateSet("a-info", message);
-  }
-  aStateTip(message) {
-    this.aStateSet("a-tip", message);
-  }
-  aStateWarn(message) {
-    this.aStateSet("a-info", message);
-  }
-  aStateSet(className, message) {
-    this.classList.remove("a-alert", "a-debug", "a-done", "a-error", "a-info", "a-tip", "a-warn");
-    this.classList.add(className);
-    this.textContent = message;
-    this.hidden = false;
-  }
-};
-function registerAngelsState() {
-  if (!customElements.get("a-state")) {
-    customElements.define("a-state", AngelsStateWebComponent);
-  }
-  return customElements.get("a-state");
-}
-
-// src/AngelsCore.ts
-registerAngelsBoard({
-  displayHandler: aEngageElement
-});
-registerAngelsState();
-//# sourceMappingURL=AngelsCore.cjs.map

package/dist/AngelsCore.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/AngelsWebComponents/AngelsBoardWebComponent.ts","../src/AngelsWebComponents/AngelsStateWebComponent.ts","../src/AngelsCore.ts"],"sourcesContent":["export type AngelsBoardItemKey = string;\nexport type DisplayHandler = (el: HTMLElement, show: boolean) => Promise<void> | void;\n\n/**\n * Custom web component <a-board> that automatically shows or hides itself\n * based on the visibility of its direct children and the presence of text nodes.\n * Supports a global displayHandler set during registration.\n */\nexport default class AngelsBoardWebComponent extends HTMLElement {\n    private static globalDisplayHandler?: DisplayHandler;\n\n    private mutationObserver?: MutationObserver;\n    private mutationTimeout?: number;\n\n    /**\n     * Use the global displayHandler if set\n     */\n    private get displayHandler(): DisplayHandler | undefined {\n        return AngelsBoardWebComponent.globalDisplayHandler;\n    }\n\n    /**\n     * Switch the visible child by key\n     */\n    aBoardSwitch(aBoardItemKey: AngelsBoardItemKey) {\n        this.setAttribute('a-board-show', aBoardItemKey);\n    }\n\n    /**\n     * Update visibility based on children/text\n     */\n    aBoardUpdateDisplaying() {\n        const children = Array.from(this.children) as HTMLElement[];\n        const hasVisibleChildren = children.some(el => !el.hidden);\n        const hasNonWhitespaceText = Array.from(this.childNodes).some(\n            node => node.nodeType === Node.TEXT_NODE && node.textContent!.trim() !== ''\n        );\n        this.hidden = !hasVisibleChildren && !hasNonWhitespaceText;\n        this.toggleAttribute('a-board-auto-hidden', this.hidden);\n    }\n\n    aBoardShowKey(): string {\n        return this.getAttribute('a-board-show') || '';\n    }\n\n    connectedCallback() {\n        this.initContent();\n        this.observeMutations();\n    }\n\n    disconnectedCallback() {\n        this.mutationObserver?.disconnect();\n    }\n\n\n    static get observedAttributes() {\n        return ['a-board-show'];\n    }\n\n    attributeChangedCallback(name: string, oldValue: any, newValue: any) {\n        switch (name) {\n            case 'a-board-show':\n                if (oldValue !== newValue) {\n                    this.updateContent();\n                }\n        }\n    }\n\n    /**\n     * Update which child is visible\n     */\n    async initContent() {\n        const key = this.aBoardShowKey();\n        const items = Array.from(this.querySelectorAll<HTMLElement>(`:scope > [a-board-key]`));\n        const activeItem = items.find(el => el.getAttribute('a-board-key') === key);\n\n        items.filter(el => el !== activeItem).forEach(el => {\n            const show = el === activeItem;\n            el.hidden = true;\n        });\n        if (activeItem) {\n            activeItem.hidden = false;\n        }\n\n        this.aBoardUpdateDisplaying();\n    }\n\n    /**\n     * Update which child is visible\n     */\n    async updateContent() {\n        this.mutationObserver?.disconnect();\n\n        const key = this.aBoardShowKey();\n        const items = Array.from(this.querySelectorAll<HTMLElement>(`:scope > [a-board-key]`));\n        const activeItem = items.find(el => el.getAttribute('a-board-key') === key);\n\n        // --- FREEZE LAYOUT START ---\n        const rect = this.getBoundingClientRect();\n        const prevWidth = this.style.width;\n        const prevHeight = this.style.height;\n        const prevOverflow = this.style.overflow;\n\n        this.style.width = rect.width + 'px';\n        this.style.height = rect.height + 'px';\n        this.style.overflow = 'hidden';\n        // --- /FREEZE LAYOUT START ---\n\n        if (this.displayHandler) {\n            const promises: Array<Promise<void>> = [];\n            items.filter(el => el !== activeItem).forEach(el => {\n                const displayHandlerResult = this.displayHandler!(el, false);\n                if (displayHandlerResult instanceof Promise) {\n                    promises.push(displayHandlerResult);\n                }\n            });\n            await Promise.all(promises);\n\n            let targetHeight = 0;\n            console.log('targetHeight', targetHeight);\n            if (activeItem) {\n                activeItem.classList.add('a-technical-transparent');\n                targetHeight = activeItem.scrollHeight;\n                activeItem.classList.remove('a-technical-transparent');\n            }\n            console.log('targetHeight', targetHeight);\n\n            // Animate board height from old → new\n            const heightAnimation = this.animate([\n                { height: rect.height + 'px' },\n                { height: targetHeight + 'px' }\n            ], {\n                duration: 300,\n                easing: 'ease-in-out'\n            });\n            await new Promise(resolve => {\n                heightAnimation.addEventListener('finish', resolve);\n            });\n\n            this.style.height = targetHeight + 'px';\n\n            if (activeItem) {\n                await this.displayHandler(activeItem, true);\n            }\n        } else {\n            items.filter(el => el !== activeItem).forEach(el => {\n                const show = el === activeItem;\n                el.hidden = true;\n            });\n\n            let targetHeight = 0;\n            if (activeItem) {\n                activeItem.classList.add('a-technical-transparent');\n                targetHeight = activeItem.scrollHeight;;\n                activeItem.classList.remove('a-technical-transparent');\n            }\n\n            this.style.height = targetHeight + 'px';\n\n            if (activeItem) {\n                activeItem.hidden = false;\n            }\n        }\n\n        // --- FREEZE LAYOUT END ---\n        this.style.height = '';\n        this.style.width = prevWidth;\n        this.style.overflow = prevOverflow;\n        // --- /FREEZE LAYOUT END ---\n\n        this.aBoardUpdateDisplaying();\n        this.observeMutations();\n    }\n\n    /**\n     * Observe direct children and text nodes only, with debounce\n     */\n    private observeMutations() {\n        if (this.mutationObserver) this.mutationObserver.disconnect();\n\n        this.mutationObserver = new MutationObserver(() => {\n            clearTimeout(this.mutationTimeout);\n            this.mutationTimeout = window.setTimeout(() => {\n                this.aBoardUpdateDisplaying();\n            }, 50);\n        });\n\n        this.mutationObserver.observe(this, {\n            childList: true,\n            characterData: true,\n            attributes: true,\n            subtree: false,\n            attributeFilter: ['hidden', 'style', 'class'],\n        });\n    }\n\n    /**\n     * Set global display handler for all <a-board> instances\n     */\n    static setGlobalDisplayHandler(handler: DisplayHandler) {\n        AngelsBoardWebComponent.globalDisplayHandler = handler;\n    }\n}\n\n/**\n * Options for registering a-board\n */\nexport interface AngelsBoardRegistrationOptions {\n    displayHandler?: DisplayHandler;\n}\n\n/**\n * Register the <a-board> custom element and optionally set a global displayHandler\n */\nexport function registerAngelsBoard(options?: AngelsBoardRegistrationOptions) {\n    if (!customElements.get('a-board')) {\n        if (options?.displayHandler) {\n            AngelsBoardWebComponent.setGlobalDisplayHandler(options.displayHandler);\n        }\n        customElements.define('a-board', AngelsBoardWebComponent);\n    } else if (options?.displayHandler) {\n        AngelsBoardWebComponent.setGlobalDisplayHandler(options.displayHandler);\n    }\n    return customElements.get('a-board')!;\n}\n\n","export type AngelsStateClassType = 'a-alert' | 'a-debug' | 'a-done' | 'a-error' | 'a-info' | 'a-tip' | 'a-warn';\n\n/**\n * Custom web component <a-state> that shows different messages.\n */\nexport default class AngelsStateWebComponent extends HTMLElement {\n\n    aStateAlert(message: string) {\n        this.aStateSet('a-alert', message);\n    }\n\n    aStateClear() {\n        this.classList.remove('a-alert', 'a-debug', 'a-done', 'a-error', 'a-info', 'a-tip', 'a-warn');\n        this.textContent = '';\n        this.hidden = true;\n    }\n\n    aStateDebug(message: string) {\n        this.aStateSet('a-debug', message);\n    }\n\n    aStateDone(message: string) {\n        this.aStateSet('a-done', message);\n    }\n\n    aStateError(message: string) {\n        this.aStateSet('a-error', message);\n    }\n\n    aStateInfo(message: string) {\n        this.aStateSet('a-info', message);\n    }\n\n    aStateTip(message: string) {\n        this.aStateSet('a-tip', message);\n    }\n\n    aStateWarn(message: string) {\n        this.aStateSet('a-info', message);\n    }\n\n    aStateSet(className: AngelsStateClassType, message: string) {\n        this.classList.remove('a-alert', 'a-debug', 'a-done', 'a-error', 'a-info', 'a-tip', 'a-warn');\n        this.classList.add(className);\n        this.textContent = message;\n        this.hidden = false;\n    }\n}\n\n/**\n * Register the <a-state> custom element and optionally set a global displayHandler\n */\nexport function registerAngelsState() {\n    if (!customElements.get('a-state')) {\n        customElements.define('a-state', AngelsStateWebComponent);\n    }\n    return customElements.get('a-state')!;\n}\n\n","import { registerAngelsBoard } from \"./AngelsWebComponents/AngelsBoardWebComponent\";\nimport { registerAngelsState } from \"./AngelsWebComponents/AngelsStateWebComponent\";\n\nregisterAngelsBoard({\n    displayHandler: aEngageElement\n});\nregisterAngelsState();\n"],"mappings":"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","names":[]}

package/dist/AngelsCore.js

@@ -1,245 +0,0 @@
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-// src/AngelsWebComponents/AngelsBoardWebComponent.ts
-var AngelsBoardWebComponent = class _AngelsBoardWebComponent extends HTMLElement {
-  /**
-   * Use the global displayHandler if set
-   */
-  get displayHandler() {
-    return _AngelsBoardWebComponent.globalDisplayHandler;
-  }
-  /**
-   * Switch the visible child by key
-   */
-  aBoardSwitch(aBoardItemKey) {
-    this.setAttribute("a-board-show", aBoardItemKey);
-  }
-  /**
-   * Update visibility based on children/text
-   */
-  aBoardUpdateDisplaying() {
-    const children = Array.from(this.children);
-    const hasVisibleChildren = children.some((el) => !el.hidden);
-    const hasNonWhitespaceText = Array.from(this.childNodes).some(
-      (node) => node.nodeType === Node.TEXT_NODE && node.textContent.trim() !== ""
-    );
-    this.hidden = !hasVisibleChildren && !hasNonWhitespaceText;
-    this.toggleAttribute("a-board-auto-hidden", this.hidden);
-  }
-  aBoardShowKey() {
-    return this.getAttribute("a-board-show") || "";
-  }
-  connectedCallback() {
-    this.initContent();
-    this.observeMutations();
-  }
-  disconnectedCallback() {
-    var _a;
-    (_a = this.mutationObserver) == null ? void 0 : _a.disconnect();
-  }
-  static get observedAttributes() {
-    return ["a-board-show"];
-  }
-  attributeChangedCallback(name, oldValue, newValue) {
-    switch (name) {
-      case "a-board-show":
-        if (oldValue !== newValue) {
-          this.updateContent();
-        }
-    }
-  }
-  /**
-   * Update which child is visible
-   */
-  initContent() {
-    return __async(this, null, function* () {
-      const key = this.aBoardShowKey();
-      const items = Array.from(this.querySelectorAll(`:scope > [a-board-key]`));
-      const activeItem = items.find((el) => el.getAttribute("a-board-key") === key);
-      items.filter((el) => el !== activeItem).forEach((el) => {
-        const show = el === activeItem;
-        el.hidden = true;
-      });
-      if (activeItem) {
-        activeItem.hidden = false;
-      }
-      this.aBoardUpdateDisplaying();
-    });
-  }
-  /**
-   * Update which child is visible
-   */
-  updateContent() {
-    return __async(this, null, function* () {
-      var _a;
-      (_a = this.mutationObserver) == null ? void 0 : _a.disconnect();
-      const key = this.aBoardShowKey();
-      const items = Array.from(this.querySelectorAll(`:scope > [a-board-key]`));
-      const activeItem = items.find((el) => el.getAttribute("a-board-key") === key);
-      const rect = this.getBoundingClientRect();
-      const prevWidth = this.style.width;
-      const prevHeight = this.style.height;
-      const prevOverflow = this.style.overflow;
-      this.style.width = rect.width + "px";
-      this.style.height = rect.height + "px";
-      this.style.overflow = "hidden";
-      if (this.displayHandler) {
-        const promises = [];
-        items.filter((el) => el !== activeItem).forEach((el) => {
-          const displayHandlerResult = this.displayHandler(el, false);
-          if (displayHandlerResult instanceof Promise) {
-            promises.push(displayHandlerResult);
-          }
-        });
-        yield Promise.all(promises);
-        let targetHeight = 0;
-        console.log("targetHeight", targetHeight);
-        if (activeItem) {
-          activeItem.classList.add("a-technical-transparent");
-          targetHeight = activeItem.scrollHeight;
-          activeItem.classList.remove("a-technical-transparent");
-        }
-        console.log("targetHeight", targetHeight);
-        const heightAnimation = this.animate([
-          { height: rect.height + "px" },
-          { height: targetHeight + "px" }
-        ], {
-          duration: 300,
-          easing: "ease-in-out"
-        });
-        yield new Promise((resolve) => {
-          heightAnimation.addEventListener("finish", resolve);
-        });
-        this.style.height = targetHeight + "px";
-        if (activeItem) {
-          yield this.displayHandler(activeItem, true);
-        }
-      } else {
-        items.filter((el) => el !== activeItem).forEach((el) => {
-          const show = el === activeItem;
-          el.hidden = true;
-        });
-        let targetHeight = 0;
-        if (activeItem) {
-          activeItem.classList.add("a-technical-transparent");
-          targetHeight = activeItem.scrollHeight;
-          ;
-          activeItem.classList.remove("a-technical-transparent");
-        }
-        this.style.height = targetHeight + "px";
-        if (activeItem) {
-          activeItem.hidden = false;
-        }
-      }
-      this.style.height = "";
-      this.style.width = prevWidth;
-      this.style.overflow = prevOverflow;
-      this.aBoardUpdateDisplaying();
-      this.observeMutations();
-    });
-  }
-  /**
-   * Observe direct children and text nodes only, with debounce
-   */
-  observeMutations() {
-    if (this.mutationObserver) this.mutationObserver.disconnect();
-    this.mutationObserver = new MutationObserver(() => {
-      clearTimeout(this.mutationTimeout);
-      this.mutationTimeout = window.setTimeout(() => {
-        this.aBoardUpdateDisplaying();
-      }, 50);
-    });
-    this.mutationObserver.observe(this, {
-      childList: true,
-      characterData: true,
-      attributes: true,
-      subtree: false,
-      attributeFilter: ["hidden", "style", "class"]
-    });
-  }
-  /**
-   * Set global display handler for all <a-board> instances
-   */
-  static setGlobalDisplayHandler(handler) {
-    _AngelsBoardWebComponent.globalDisplayHandler = handler;
-  }
-};
-function registerAngelsBoard(options) {
-  if (!customElements.get("a-board")) {
-    if (options == null ? void 0 : options.displayHandler) {
-      AngelsBoardWebComponent.setGlobalDisplayHandler(options.displayHandler);
-    }
-    customElements.define("a-board", AngelsBoardWebComponent);
-  } else if (options == null ? void 0 : options.displayHandler) {
-    AngelsBoardWebComponent.setGlobalDisplayHandler(options.displayHandler);
-  }
-  return customElements.get("a-board");
-}
-
-// src/AngelsWebComponents/AngelsStateWebComponent.ts
-var AngelsStateWebComponent = class extends HTMLElement {
-  aStateAlert(message) {
-    this.aStateSet("a-alert", message);
-  }
-  aStateClear() {
-    this.classList.remove("a-alert", "a-debug", "a-done", "a-error", "a-info", "a-tip", "a-warn");
-    this.textContent = "";
-    this.hidden = true;
-  }
-  aStateDebug(message) {
-    this.aStateSet("a-debug", message);
-  }
-  aStateDone(message) {
-    this.aStateSet("a-done", message);
-  }
-  aStateError(message) {
-    this.aStateSet("a-error", message);
-  }
-  aStateInfo(message) {
-    this.aStateSet("a-info", message);
-  }
-  aStateTip(message) {
-    this.aStateSet("a-tip", message);
-  }
-  aStateWarn(message) {
-    this.aStateSet("a-info", message);
-  }
-  aStateSet(className, message) {
-    this.classList.remove("a-alert", "a-debug", "a-done", "a-error", "a-info", "a-tip", "a-warn");
-    this.classList.add(className);
-    this.textContent = message;
-    this.hidden = false;
-  }
-};
-function registerAngelsState() {
-  if (!customElements.get("a-state")) {
-    customElements.define("a-state", AngelsStateWebComponent);
-  }
-  return customElements.get("a-state");
-}
-
-// src/AngelsCore.ts
-registerAngelsBoard({
-  displayHandler: aEngageElement
-});
-registerAngelsState();
-//# sourceMappingURL=AngelsCore.js.map