@angelscmf/front 1.0.26 → 1.0.27

package/dist/AngelsCore.cjs

@@ -0,0 +1,203 @@
+"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/AngelsCore.ts
+registerAngelsBoard({
+  displayHandler: aToggleElement
+});
+//# sourceMappingURL=AngelsCore.cjs.map

package/dist/AngelsCore.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/AngelsWebComponents/AngelsBoardWebComponent.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","import { registerAngelsBoard } from \"./AngelsWebComponents/AngelsBoardWebComponent\";\n\nregisterAngelsBoard({\n    displayHandler: aToggleElement\n});\n"],"mappings":"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","names":[]}

package/dist/AngelsCore.js

@@ -0,0 +1,202 @@
+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/AngelsCore.ts
+registerAngelsBoard({
+  displayHandler: aToggleElement
+});
+//# sourceMappingURL=AngelsCore.js.map

package/dist/AngelsCore.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/AngelsWebComponents/AngelsBoardWebComponent.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","import { registerAngelsBoard } from \"./AngelsWebComponents/AngelsBoardWebComponent\";\n\nregisterAngelsBoard({\n    displayHandler: aToggleElement\n});\n"],"mappings":"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","names":[]}

package/dist/AngelsFrontAnimationLibrary.cjs

@@ -74,26 +74,39 @@ function aLibShowElement(originalElement) {
   return __async(this, null, function* () {
     const innerElement = aLibRequireElement(originalElement);
     const promise = new Promise((resolve) => {
-      const timeout = setTimeout(() => {
-        innerElement.removeEventListener("animationend", animationHandler);
-        console.warn("Animation timeout");
+      if (!innerElement.hidden) {
         resolve();
-      }, 5e3);
+        return;
+      }
+      let timeout;
       const animationHandler = () => {
         clearTimeout(timeout);
         innerElement.removeEventListener("animationend", animationHandler);
         resolve();
       };
-      innerElement.addEventListener("animationend", animationHandler);
       innerElement.hidden = false;
+      const animations = innerElement.getAnimations();
+      if (animations.length > 0) {
+        timeout = setTimeout(() => {
+          innerElement.removeEventListener("animationend", animationHandler);
+          console.warn("Animation timeout");
+          resolve();
+        }, 5e3);
+        innerElement.addEventListener("animationend", animationHandler);
+      } else {
+        resolve();
+      }
     });
     return promise;
   });
 }
-function aLibToggleElement(originalElement) {
+function aLibToggleElement(originalElement, switcher = void 0) {
   return __async(this, null, function* () {
     const innerElement = aLibRequireElement(originalElement);
-    if (innerElement.hidden) {
+    if (switcher === void 0) {
+      switcher = !innerElement.hidden;
+    }
+    if (switcher) {
       return yield aLibShowElement(innerElement);
     } else {
       return yield aLibHideElement(innerElement);
@@ -104,13 +117,11 @@ function aLibHideElement(originalElement) {
   return __async(this, null, function* () {
     const innerElement = aLibRequireElement(originalElement);
     const promise = new Promise((resolve) => {
-      const timeout = setTimeout(() => {
-        innerElement.removeEventListener("animationend", animationHandler);
-        innerElement.hidden = true;
-        innerElement.classList.remove("a-out-animation");
-        console.warn("Animation timeout");
+      if (innerElement.hidden) {
         resolve();
-      }, 5e3);
+        return;
+      }
+      let timeout;
       const animationHandler = () => {
         clearTimeout(timeout);
         innerElement.removeEventListener("animationend", animationHandler);
@@ -118,8 +129,21 @@ function aLibHideElement(originalElement) {
         innerElement.classList.remove("a-out-animation");
         resolve();
       };
-      innerElement.addEventListener("animationend", animationHandler);
       innerElement.classList.add("a-out-animation");
+      const animations = innerElement.getAnimations();
+      if (animations.length > 0) {
+        timeout = setTimeout(() => {
+          innerElement.removeEventListener("animationend", animationHandler);
+          innerElement.hidden = true;
+          innerElement.classList.remove("a-out-animation");
+          console.warn("Animation timeout");
+          resolve();
+        }, 5e3);
+        innerElement.addEventListener("animationend", animationHandler);
+      } else {
+        innerElement.hidden = true;
+        resolve();
+      }
     });
     return promise;
   });

package/dist/AngelsFrontAnimationLibrary.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/AngelsFrontAnimationLibrary.ts","../src/AngelsFrontDOMLibrary.ts"],"sourcesContent":["import { aLibRequireElement } from \"./AngelsFrontDOMLibrary\";\n\nexport async function aLibShowElement(originalElement: AngelsSelectorType) {\n    const innerElement = aLibRequireElement(originalElement);\n    const promise = new Promise<void>((resolve) => {\n\n        const timeout = setTimeout(() => {\n            innerElement.removeEventListener('animationend', animationHandler);\n            console.warn('Animation timeout');\n            resolve();\n        }, 5000); // 5 seconds timeout\n\n        const animationHandler = () => {\n            clearTimeout(timeout);\n            innerElement.removeEventListener('animationend', animationHandler);\n            resolve();\n        }\n\n        innerElement.addEventListener('animationend', animationHandler);\n        innerElement.hidden = false;\n    });\n\n    return promise;\n}\n\nexport async function aLibToggleElement(originalElement: AngelsSelectorType) {\n    const innerElement = aLibRequireElement(originalElement);\n    if (innerElement.hidden) {\n        return await aLibShowElement(innerElement);\n    } else {\n        return await aLibHideElement(innerElement);\n    }\n}\n\nexport async function aLibHideElement(originalElement: AngelsSelectorType) {\n    const innerElement = aLibRequireElement(originalElement);\n    const promise = new Promise<void>((resolve) => {\n\n        const timeout = setTimeout(() => {\n            innerElement.removeEventListener('animationend', animationHandler);\n            innerElement.hidden = true;\n            innerElement.classList.remove('a-out-animation');\n            console.warn('Animation timeout');\n            resolve();\n        }, 5000); // 5 seconds timeout\n\n        const animationHandler = () => {\n            clearTimeout(timeout);\n            innerElement.removeEventListener('animationend', animationHandler);\n            innerElement.hidden = true;\n            innerElement.classList.remove('a-out-animation');\n            resolve();\n        }\n\n        innerElement.addEventListener('animationend', animationHandler);\n        innerElement.classList.add('a-out-animation');\n    });\n\n    return promise;\n}\n","export function aLibRequireElement<THTMLElement extends HTMLElement>(selector: AngelsSelectorType): THTMLElement {\n\n    let element: THTMLElement;\n    if (typeof selector === 'undefined') {\n        throw Error(`Selector is undefined.`);\n    } else if (selector === null) {\n        throw Error(`Selector is null.`);\n    } else if (typeof selector === 'string') {\n        const findElement = document.querySelector<THTMLElement>(selector);\n        if (!findElement) {\n            throw Error(`Element not found by '${selector}' selector.`);\n        }\n        element = findElement;\n    } else if (selector instanceof HTMLElement) {\n        element = selector as THTMLElement;\n    } else if (selector instanceof Element) {\n        element = selector as THTMLElement;\n    } else {\n        element = selector;\n    }\n    return element\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAO,SAAS,mBAAqD,UAA4C;AAE7G,MAAI;AACJ,MAAI,OAAO,aAAa,aAAa;AACjC,UAAM,MAAM,wBAAwB;AAAA,EACxC,WAAW,aAAa,MAAM;AAC1B,UAAM,MAAM,mBAAmB;AAAA,EACnC,WAAW,OAAO,aAAa,UAAU;AACrC,UAAM,cAAc,SAAS,cAA4B,QAAQ;AACjE,QAAI,CAAC,aAAa;AACd,YAAM,MAAM,yBAAyB,QAAQ,aAAa;AAAA,IAC9D;AACA,cAAU;AAAA,EACd,WAAW,oBAAoB,aAAa;AACxC,cAAU;AAAA,EACd,WAAW,oBAAoB,SAAS;AACpC,cAAU;AAAA,EACd,OAAO;AACH,cAAU;AAAA,EACd;AACA,SAAO;AACX;;;ADnBA,SAAsB,gBAAgB,iBAAqC;AAAA;AACvE,UAAM,eAAe,mBAAmB,eAAe;AACvD,UAAM,UAAU,IAAI,QAAc,CAAC,YAAY;AAE3C,YAAM,UAAU,WAAW,MAAM;AAC7B,qBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,gBAAQ,KAAK,mBAAmB;AAChC,gBAAQ;AAAA,MACZ,GAAG,GAAI;AAEP,YAAM,mBAAmB,MAAM;AAC3B,qBAAa,OAAO;AACpB,qBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,gBAAQ;AAAA,MACZ;AAEA,mBAAa,iBAAiB,gBAAgB,gBAAgB;AAC9D,mBAAa,SAAS;AAAA,IAC1B,CAAC;AAED,WAAO;AAAA,EACX;AAAA;AAEA,SAAsB,kBAAkB,iBAAqC;AAAA;AACzE,UAAM,eAAe,mBAAmB,eAAe;AACvD,QAAI,aAAa,QAAQ;AACrB,aAAO,MAAM,gBAAgB,YAAY;AAAA,IAC7C,OAAO;AACH,aAAO,MAAM,gBAAgB,YAAY;AAAA,IAC7C;AAAA,EACJ;AAAA;AAEA,SAAsB,gBAAgB,iBAAqC;AAAA;AACvE,UAAM,eAAe,mBAAmB,eAAe;AACvD,UAAM,UAAU,IAAI,QAAc,CAAC,YAAY;AAE3C,YAAM,UAAU,WAAW,MAAM;AAC7B,qBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,qBAAa,SAAS;AACtB,qBAAa,UAAU,OAAO,iBAAiB;AAC/C,gBAAQ,KAAK,mBAAmB;AAChC,gBAAQ;AAAA,MACZ,GAAG,GAAI;AAEP,YAAM,mBAAmB,MAAM;AAC3B,qBAAa,OAAO;AACpB,qBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,qBAAa,SAAS;AACtB,qBAAa,UAAU,OAAO,iBAAiB;AAC/C,gBAAQ;AAAA,MACZ;AAEA,mBAAa,iBAAiB,gBAAgB,gBAAgB;AAC9D,mBAAa,UAAU,IAAI,iBAAiB;AAAA,IAChD,CAAC;AAED,WAAO;AAAA,EACX;AAAA;","names":[]}
+{"version":3,"sources":["../src/AngelsFrontAnimationLibrary.ts","../src/AngelsFrontDOMLibrary.ts"],"sourcesContent":["import { aLibRequireElement } from \"./AngelsFrontDOMLibrary\";\n\nexport async function aLibShowElement(originalElement: AngelsSelectorType) {\n    const innerElement = aLibRequireElement(originalElement);\n    const promise = new Promise<void>((resolve) => {\n\n        if (!innerElement.hidden) {\n            resolve();\n            return;\n        }\n\n        let timeout: NodeJS.Timeout | undefined;\n\n        const animationHandler = () => {\n            clearTimeout(timeout);\n            innerElement.removeEventListener('animationend', animationHandler);\n            resolve();\n        }\n\n        innerElement.hidden = false;\n\n        const animations = innerElement.getAnimations();\n        if (animations.length > 0) {\n            timeout = setTimeout(() => {\n                innerElement.removeEventListener('animationend', animationHandler);\n                console.warn('Animation timeout');\n                resolve();\n            }, 5000); // 5 seconds timeout\n            innerElement.addEventListener('animationend', animationHandler);\n        } else {\n            resolve();\n        }\n    });\n\n    return promise;\n}\n\nexport async function aLibToggleElement(originalElement: AngelsSelectorType, switcher: boolean | undefined = undefined) {\n    const innerElement = aLibRequireElement(originalElement);\n    if (switcher === undefined) {\n        switcher = !innerElement.hidden;\n    }\n    if (switcher) {\n        return await aLibShowElement(innerElement);\n    } else {\n        return await aLibHideElement(innerElement);\n    }\n}\n\nexport async function aLibHideElement(originalElement: AngelsSelectorType) {\n    const innerElement = aLibRequireElement(originalElement);\n    const promise = new Promise<void>((resolve) => {\n\n        if (innerElement.hidden) {\n            resolve();\n            return;\n        }\n\n        let timeout: NodeJS.Timeout | undefined;\n\n        const animationHandler = () => {\n            clearTimeout(timeout);\n            innerElement.removeEventListener('animationend', animationHandler);\n            innerElement.hidden = true;\n            innerElement.classList.remove('a-out-animation');\n            resolve();\n        }\n\n        innerElement.classList.add('a-out-animation');\n\n        const animations = innerElement.getAnimations();\n        if (animations.length > 0) {\n            timeout = setTimeout(() => {\n                innerElement.removeEventListener('animationend', animationHandler);\n                innerElement.hidden = true;\n                innerElement.classList.remove('a-out-animation');\n                console.warn('Animation timeout');\n                resolve();\n            }, 5000); // 5 seconds timeout\n            innerElement.addEventListener('animationend', animationHandler);\n        } else {\n            innerElement.hidden = true;\n            resolve();\n        }\n    });\n\n    return promise;\n}\n","export function aLibRequireElement<THTMLElement extends HTMLElement>(selector: AngelsSelectorType): THTMLElement {\n\n    let element: THTMLElement;\n    if (typeof selector === 'undefined') {\n        throw Error(`Selector is undefined.`);\n    } else if (selector === null) {\n        throw Error(`Selector is null.`);\n    } else if (typeof selector === 'string') {\n        const findElement = document.querySelector<THTMLElement>(selector);\n        if (!findElement) {\n            throw Error(`Element not found by '${selector}' selector.`);\n        }\n        element = findElement;\n    } else if (selector instanceof HTMLElement) {\n        element = selector as THTMLElement;\n    } else if (selector instanceof Element) {\n        element = selector as THTMLElement;\n    } else {\n        element = selector;\n    }\n    return element\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAO,SAAS,mBAAqD,UAA4C;AAE7G,MAAI;AACJ,MAAI,OAAO,aAAa,aAAa;AACjC,UAAM,MAAM,wBAAwB;AAAA,EACxC,WAAW,aAAa,MAAM;AAC1B,UAAM,MAAM,mBAAmB;AAAA,EACnC,WAAW,OAAO,aAAa,UAAU;AACrC,UAAM,cAAc,SAAS,cAA4B,QAAQ;AACjE,QAAI,CAAC,aAAa;AACd,YAAM,MAAM,yBAAyB,QAAQ,aAAa;AAAA,IAC9D;AACA,cAAU;AAAA,EACd,WAAW,oBAAoB,aAAa;AACxC,cAAU;AAAA,EACd,WAAW,oBAAoB,SAAS;AACpC,cAAU;AAAA,EACd,OAAO;AACH,cAAU;AAAA,EACd;AACA,SAAO;AACX;;;ADnBA,SAAsB,gBAAgB,iBAAqC;AAAA;AACvE,UAAM,eAAe,mBAAmB,eAAe;AACvD,UAAM,UAAU,IAAI,QAAc,CAAC,YAAY;AAE3C,UAAI,CAAC,aAAa,QAAQ;AACtB,gBAAQ;AACR;AAAA,MACJ;AAEA,UAAI;AAEJ,YAAM,mBAAmB,MAAM;AAC3B,qBAAa,OAAO;AACpB,qBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,gBAAQ;AAAA,MACZ;AAEA,mBAAa,SAAS;AAEtB,YAAM,aAAa,aAAa,cAAc;AAC9C,UAAI,WAAW,SAAS,GAAG;AACvB,kBAAU,WAAW,MAAM;AACvB,uBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,kBAAQ,KAAK,mBAAmB;AAChC,kBAAQ;AAAA,QACZ,GAAG,GAAI;AACP,qBAAa,iBAAiB,gBAAgB,gBAAgB;AAAA,MAClE,OAAO;AACH,gBAAQ;AAAA,MACZ;AAAA,IACJ,CAAC;AAED,WAAO;AAAA,EACX;AAAA;AAEA,SAAsB,kBAAkB,iBAAqC,WAAgC,QAAW;AAAA;AACpH,UAAM,eAAe,mBAAmB,eAAe;AACvD,QAAI,aAAa,QAAW;AACxB,iBAAW,CAAC,aAAa;AAAA,IAC7B;AACA,QAAI,UAAU;AACV,aAAO,MAAM,gBAAgB,YAAY;AAAA,IAC7C,OAAO;AACH,aAAO,MAAM,gBAAgB,YAAY;AAAA,IAC7C;AAAA,EACJ;AAAA;AAEA,SAAsB,gBAAgB,iBAAqC;AAAA;AACvE,UAAM,eAAe,mBAAmB,eAAe;AACvD,UAAM,UAAU,IAAI,QAAc,CAAC,YAAY;AAE3C,UAAI,aAAa,QAAQ;AACrB,gBAAQ;AACR;AAAA,MACJ;AAEA,UAAI;AAEJ,YAAM,mBAAmB,MAAM;AAC3B,qBAAa,OAAO;AACpB,qBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,qBAAa,SAAS;AACtB,qBAAa,UAAU,OAAO,iBAAiB;AAC/C,gBAAQ;AAAA,MACZ;AAEA,mBAAa,UAAU,IAAI,iBAAiB;AAE5C,YAAM,aAAa,aAAa,cAAc;AAC9C,UAAI,WAAW,SAAS,GAAG;AACvB,kBAAU,WAAW,MAAM;AACvB,uBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,uBAAa,SAAS;AACtB,uBAAa,UAAU,OAAO,iBAAiB;AAC/C,kBAAQ,KAAK,mBAAmB;AAChC,kBAAQ;AAAA,QACZ,GAAG,GAAI;AACP,qBAAa,iBAAiB,gBAAgB,gBAAgB;AAAA,MAClE,OAAO;AACH,qBAAa,SAAS;AACtB,gBAAQ;AAAA,MACZ;AAAA,IACJ,CAAC;AAED,WAAO;AAAA,EACX;AAAA;","names":[]}

package/dist/AngelsFrontAnimationLibrary.d.cts

@@ -1,5 +1,5 @@
 declare function aLibShowElement(originalElement: AngelsSelectorType): Promise<void>;
-declare function aLibToggleElement(originalElement: AngelsSelectorType): Promise<void>;
+declare function aLibToggleElement(originalElement: AngelsSelectorType, switcher?: boolean | undefined): Promise<void>;
 declare function aLibHideElement(originalElement: AngelsSelectorType): Promise<void>;
 
 export { aLibHideElement, aLibShowElement, aLibToggleElement };

package/dist/AngelsFrontAnimationLibrary.d.ts

@@ -1,5 +1,5 @@
 declare function aLibShowElement(originalElement: AngelsSelectorType): Promise<void>;
-declare function aLibToggleElement(originalElement: AngelsSelectorType): Promise<void>;
+declare function aLibToggleElement(originalElement: AngelsSelectorType, switcher?: boolean | undefined): Promise<void>;
 declare function aLibHideElement(originalElement: AngelsSelectorType): Promise<void>;
 
 export { aLibHideElement, aLibShowElement, aLibToggleElement };

package/dist/AngelsFrontAnimationLibrary.js

@@ -47,26 +47,39 @@ function aLibShowElement(originalElement) {
   return __async(this, null, function* () {
     const innerElement = aLibRequireElement(originalElement);
     const promise = new Promise((resolve) => {
-      const timeout = setTimeout(() => {
-        innerElement.removeEventListener("animationend", animationHandler);
-        console.warn("Animation timeout");
+      if (!innerElement.hidden) {
         resolve();
-      }, 5e3);
+        return;
+      }
+      let timeout;
       const animationHandler = () => {
         clearTimeout(timeout);
         innerElement.removeEventListener("animationend", animationHandler);
         resolve();
       };
-      innerElement.addEventListener("animationend", animationHandler);
       innerElement.hidden = false;
+      const animations = innerElement.getAnimations();
+      if (animations.length > 0) {
+        timeout = setTimeout(() => {
+          innerElement.removeEventListener("animationend", animationHandler);
+          console.warn("Animation timeout");
+          resolve();
+        }, 5e3);
+        innerElement.addEventListener("animationend", animationHandler);
+      } else {
+        resolve();
+      }
     });
     return promise;
   });
 }
-function aLibToggleElement(originalElement) {
+function aLibToggleElement(originalElement, switcher = void 0) {
   return __async(this, null, function* () {
     const innerElement = aLibRequireElement(originalElement);
-    if (innerElement.hidden) {
+    if (switcher === void 0) {
+      switcher = !innerElement.hidden;
+    }
+    if (switcher) {
       return yield aLibShowElement(innerElement);
     } else {
       return yield aLibHideElement(innerElement);
@@ -77,13 +90,11 @@ function aLibHideElement(originalElement) {
   return __async(this, null, function* () {
     const innerElement = aLibRequireElement(originalElement);
     const promise = new Promise((resolve) => {
-      const timeout = setTimeout(() => {
-        innerElement.removeEventListener("animationend", animationHandler);
-        innerElement.hidden = true;
-        innerElement.classList.remove("a-out-animation");
-        console.warn("Animation timeout");
+      if (innerElement.hidden) {
         resolve();
-      }, 5e3);
+        return;
+      }
+      let timeout;
       const animationHandler = () => {
         clearTimeout(timeout);
         innerElement.removeEventListener("animationend", animationHandler);
@@ -91,8 +102,21 @@ function aLibHideElement(originalElement) {
         innerElement.classList.remove("a-out-animation");
         resolve();
       };
-      innerElement.addEventListener("animationend", animationHandler);
       innerElement.classList.add("a-out-animation");
+      const animations = innerElement.getAnimations();
+      if (animations.length > 0) {
+        timeout = setTimeout(() => {
+          innerElement.removeEventListener("animationend", animationHandler);
+          innerElement.hidden = true;
+          innerElement.classList.remove("a-out-animation");
+          console.warn("Animation timeout");
+          resolve();
+        }, 5e3);
+        innerElement.addEventListener("animationend", animationHandler);
+      } else {
+        innerElement.hidden = true;
+        resolve();
+      }
     });
     return promise;
   });

package/dist/AngelsFrontAnimationLibrary.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/AngelsFrontDOMLibrary.ts","../src/AngelsFrontAnimationLibrary.ts"],"sourcesContent":["export function aLibRequireElement<THTMLElement extends HTMLElement>(selector: AngelsSelectorType): THTMLElement {\n\n    let element: THTMLElement;\n    if (typeof selector === 'undefined') {\n        throw Error(`Selector is undefined.`);\n    } else if (selector === null) {\n        throw Error(`Selector is null.`);\n    } else if (typeof selector === 'string') {\n        const findElement = document.querySelector<THTMLElement>(selector);\n        if (!findElement) {\n            throw Error(`Element not found by '${selector}' selector.`);\n        }\n        element = findElement;\n    } else if (selector instanceof HTMLElement) {\n        element = selector as THTMLElement;\n    } else if (selector instanceof Element) {\n        element = selector as THTMLElement;\n    } else {\n        element = selector;\n    }\n    return element\n}\n","import { aLibRequireElement } from \"./AngelsFrontDOMLibrary\";\n\nexport async function aLibShowElement(originalElement: AngelsSelectorType) {\n    const innerElement = aLibRequireElement(originalElement);\n    const promise = new Promise<void>((resolve) => {\n\n        const timeout = setTimeout(() => {\n            innerElement.removeEventListener('animationend', animationHandler);\n            console.warn('Animation timeout');\n            resolve();\n        }, 5000); // 5 seconds timeout\n\n        const animationHandler = () => {\n            clearTimeout(timeout);\n            innerElement.removeEventListener('animationend', animationHandler);\n            resolve();\n        }\n\n        innerElement.addEventListener('animationend', animationHandler);\n        innerElement.hidden = false;\n    });\n\n    return promise;\n}\n\nexport async function aLibToggleElement(originalElement: AngelsSelectorType) {\n    const innerElement = aLibRequireElement(originalElement);\n    if (innerElement.hidden) {\n        return await aLibShowElement(innerElement);\n    } else {\n        return await aLibHideElement(innerElement);\n    }\n}\n\nexport async function aLibHideElement(originalElement: AngelsSelectorType) {\n    const innerElement = aLibRequireElement(originalElement);\n    const promise = new Promise<void>((resolve) => {\n\n        const timeout = setTimeout(() => {\n            innerElement.removeEventListener('animationend', animationHandler);\n            innerElement.hidden = true;\n            innerElement.classList.remove('a-out-animation');\n            console.warn('Animation timeout');\n            resolve();\n        }, 5000); // 5 seconds timeout\n\n        const animationHandler = () => {\n            clearTimeout(timeout);\n            innerElement.removeEventListener('animationend', animationHandler);\n            innerElement.hidden = true;\n            innerElement.classList.remove('a-out-animation');\n            resolve();\n        }\n\n        innerElement.addEventListener('animationend', animationHandler);\n        innerElement.classList.add('a-out-animation');\n    });\n\n    return promise;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAO,SAAS,mBAAqD,UAA4C;AAE7G,MAAI;AACJ,MAAI,OAAO,aAAa,aAAa;AACjC,UAAM,MAAM,wBAAwB;AAAA,EACxC,WAAW,aAAa,MAAM;AAC1B,UAAM,MAAM,mBAAmB;AAAA,EACnC,WAAW,OAAO,aAAa,UAAU;AACrC,UAAM,cAAc,SAAS,cAA4B,QAAQ;AACjE,QAAI,CAAC,aAAa;AACd,YAAM,MAAM,yBAAyB,QAAQ,aAAa;AAAA,IAC9D;AACA,cAAU;AAAA,EACd,WAAW,oBAAoB,aAAa;AACxC,cAAU;AAAA,EACd,WAAW,oBAAoB,SAAS;AACpC,cAAU;AAAA,EACd,OAAO;AACH,cAAU;AAAA,EACd;AACA,SAAO;AACX;;;ACnBA,SAAsB,gBAAgB,iBAAqC;AAAA;AACvE,UAAM,eAAe,mBAAmB,eAAe;AACvD,UAAM,UAAU,IAAI,QAAc,CAAC,YAAY;AAE3C,YAAM,UAAU,WAAW,MAAM;AAC7B,qBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,gBAAQ,KAAK,mBAAmB;AAChC,gBAAQ;AAAA,MACZ,GAAG,GAAI;AAEP,YAAM,mBAAmB,MAAM;AAC3B,qBAAa,OAAO;AACpB,qBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,gBAAQ;AAAA,MACZ;AAEA,mBAAa,iBAAiB,gBAAgB,gBAAgB;AAC9D,mBAAa,SAAS;AAAA,IAC1B,CAAC;AAED,WAAO;AAAA,EACX;AAAA;AAEA,SAAsB,kBAAkB,iBAAqC;AAAA;AACzE,UAAM,eAAe,mBAAmB,eAAe;AACvD,QAAI,aAAa,QAAQ;AACrB,aAAO,MAAM,gBAAgB,YAAY;AAAA,IAC7C,OAAO;AACH,aAAO,MAAM,gBAAgB,YAAY;AAAA,IAC7C;AAAA,EACJ;AAAA;AAEA,SAAsB,gBAAgB,iBAAqC;AAAA;AACvE,UAAM,eAAe,mBAAmB,eAAe;AACvD,UAAM,UAAU,IAAI,QAAc,CAAC,YAAY;AAE3C,YAAM,UAAU,WAAW,MAAM;AAC7B,qBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,qBAAa,SAAS;AACtB,qBAAa,UAAU,OAAO,iBAAiB;AAC/C,gBAAQ,KAAK,mBAAmB;AAChC,gBAAQ;AAAA,MACZ,GAAG,GAAI;AAEP,YAAM,mBAAmB,MAAM;AAC3B,qBAAa,OAAO;AACpB,qBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,qBAAa,SAAS;AACtB,qBAAa,UAAU,OAAO,iBAAiB;AAC/C,gBAAQ;AAAA,MACZ;AAEA,mBAAa,iBAAiB,gBAAgB,gBAAgB;AAC9D,mBAAa,UAAU,IAAI,iBAAiB;AAAA,IAChD,CAAC;AAED,WAAO;AAAA,EACX;AAAA;","names":[]}
+{"version":3,"sources":["../src/AngelsFrontDOMLibrary.ts","../src/AngelsFrontAnimationLibrary.ts"],"sourcesContent":["export function aLibRequireElement<THTMLElement extends HTMLElement>(selector: AngelsSelectorType): THTMLElement {\n\n    let element: THTMLElement;\n    if (typeof selector === 'undefined') {\n        throw Error(`Selector is undefined.`);\n    } else if (selector === null) {\n        throw Error(`Selector is null.`);\n    } else if (typeof selector === 'string') {\n        const findElement = document.querySelector<THTMLElement>(selector);\n        if (!findElement) {\n            throw Error(`Element not found by '${selector}' selector.`);\n        }\n        element = findElement;\n    } else if (selector instanceof HTMLElement) {\n        element = selector as THTMLElement;\n    } else if (selector instanceof Element) {\n        element = selector as THTMLElement;\n    } else {\n        element = selector;\n    }\n    return element\n}\n","import { aLibRequireElement } from \"./AngelsFrontDOMLibrary\";\n\nexport async function aLibShowElement(originalElement: AngelsSelectorType) {\n    const innerElement = aLibRequireElement(originalElement);\n    const promise = new Promise<void>((resolve) => {\n\n        if (!innerElement.hidden) {\n            resolve();\n            return;\n        }\n\n        let timeout: NodeJS.Timeout | undefined;\n\n        const animationHandler = () => {\n            clearTimeout(timeout);\n            innerElement.removeEventListener('animationend', animationHandler);\n            resolve();\n        }\n\n        innerElement.hidden = false;\n\n        const animations = innerElement.getAnimations();\n        if (animations.length > 0) {\n            timeout = setTimeout(() => {\n                innerElement.removeEventListener('animationend', animationHandler);\n                console.warn('Animation timeout');\n                resolve();\n            }, 5000); // 5 seconds timeout\n            innerElement.addEventListener('animationend', animationHandler);\n        } else {\n            resolve();\n        }\n    });\n\n    return promise;\n}\n\nexport async function aLibToggleElement(originalElement: AngelsSelectorType, switcher: boolean | undefined = undefined) {\n    const innerElement = aLibRequireElement(originalElement);\n    if (switcher === undefined) {\n        switcher = !innerElement.hidden;\n    }\n    if (switcher) {\n        return await aLibShowElement(innerElement);\n    } else {\n        return await aLibHideElement(innerElement);\n    }\n}\n\nexport async function aLibHideElement(originalElement: AngelsSelectorType) {\n    const innerElement = aLibRequireElement(originalElement);\n    const promise = new Promise<void>((resolve) => {\n\n        if (innerElement.hidden) {\n            resolve();\n            return;\n        }\n\n        let timeout: NodeJS.Timeout | undefined;\n\n        const animationHandler = () => {\n            clearTimeout(timeout);\n            innerElement.removeEventListener('animationend', animationHandler);\n            innerElement.hidden = true;\n            innerElement.classList.remove('a-out-animation');\n            resolve();\n        }\n\n        innerElement.classList.add('a-out-animation');\n\n        const animations = innerElement.getAnimations();\n        if (animations.length > 0) {\n            timeout = setTimeout(() => {\n                innerElement.removeEventListener('animationend', animationHandler);\n                innerElement.hidden = true;\n                innerElement.classList.remove('a-out-animation');\n                console.warn('Animation timeout');\n                resolve();\n            }, 5000); // 5 seconds timeout\n            innerElement.addEventListener('animationend', animationHandler);\n        } else {\n            innerElement.hidden = true;\n            resolve();\n        }\n    });\n\n    return promise;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAO,SAAS,mBAAqD,UAA4C;AAE7G,MAAI;AACJ,MAAI,OAAO,aAAa,aAAa;AACjC,UAAM,MAAM,wBAAwB;AAAA,EACxC,WAAW,aAAa,MAAM;AAC1B,UAAM,MAAM,mBAAmB;AAAA,EACnC,WAAW,OAAO,aAAa,UAAU;AACrC,UAAM,cAAc,SAAS,cAA4B,QAAQ;AACjE,QAAI,CAAC,aAAa;AACd,YAAM,MAAM,yBAAyB,QAAQ,aAAa;AAAA,IAC9D;AACA,cAAU;AAAA,EACd,WAAW,oBAAoB,aAAa;AACxC,cAAU;AAAA,EACd,WAAW,oBAAoB,SAAS;AACpC,cAAU;AAAA,EACd,OAAO;AACH,cAAU;AAAA,EACd;AACA,SAAO;AACX;;;ACnBA,SAAsB,gBAAgB,iBAAqC;AAAA;AACvE,UAAM,eAAe,mBAAmB,eAAe;AACvD,UAAM,UAAU,IAAI,QAAc,CAAC,YAAY;AAE3C,UAAI,CAAC,aAAa,QAAQ;AACtB,gBAAQ;AACR;AAAA,MACJ;AAEA,UAAI;AAEJ,YAAM,mBAAmB,MAAM;AAC3B,qBAAa,OAAO;AACpB,qBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,gBAAQ;AAAA,MACZ;AAEA,mBAAa,SAAS;AAEtB,YAAM,aAAa,aAAa,cAAc;AAC9C,UAAI,WAAW,SAAS,GAAG;AACvB,kBAAU,WAAW,MAAM;AACvB,uBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,kBAAQ,KAAK,mBAAmB;AAChC,kBAAQ;AAAA,QACZ,GAAG,GAAI;AACP,qBAAa,iBAAiB,gBAAgB,gBAAgB;AAAA,MAClE,OAAO;AACH,gBAAQ;AAAA,MACZ;AAAA,IACJ,CAAC;AAED,WAAO;AAAA,EACX;AAAA;AAEA,SAAsB,kBAAkB,iBAAqC,WAAgC,QAAW;AAAA;AACpH,UAAM,eAAe,mBAAmB,eAAe;AACvD,QAAI,aAAa,QAAW;AACxB,iBAAW,CAAC,aAAa;AAAA,IAC7B;AACA,QAAI,UAAU;AACV,aAAO,MAAM,gBAAgB,YAAY;AAAA,IAC7C,OAAO;AACH,aAAO,MAAM,gBAAgB,YAAY;AAAA,IAC7C;AAAA,EACJ;AAAA;AAEA,SAAsB,gBAAgB,iBAAqC;AAAA;AACvE,UAAM,eAAe,mBAAmB,eAAe;AACvD,UAAM,UAAU,IAAI,QAAc,CAAC,YAAY;AAE3C,UAAI,aAAa,QAAQ;AACrB,gBAAQ;AACR;AAAA,MACJ;AAEA,UAAI;AAEJ,YAAM,mBAAmB,MAAM;AAC3B,qBAAa,OAAO;AACpB,qBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,qBAAa,SAAS;AACtB,qBAAa,UAAU,OAAO,iBAAiB;AAC/C,gBAAQ;AAAA,MACZ;AAEA,mBAAa,UAAU,IAAI,iBAAiB;AAE5C,YAAM,aAAa,aAAa,cAAc;AAC9C,UAAI,WAAW,SAAS,GAAG;AACvB,kBAAU,WAAW,MAAM;AACvB,uBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,uBAAa,SAAS;AACtB,uBAAa,UAAU,OAAO,iBAAiB;AAC/C,kBAAQ,KAAK,mBAAmB;AAChC,kBAAQ;AAAA,QACZ,GAAG,GAAI;AACP,qBAAa,iBAAiB,gBAAgB,gBAAgB;AAAA,MAClE,OAAO;AACH,qBAAa,SAAS;AACtB,gBAAQ;AAAA,MACZ;AAAA,IACJ,CAAC;AAED,WAAO;AAAA,EACX;AAAA;","names":[]}

package/dist/AngelsFrontLibrary.cjs

@@ -48,26 +48,39 @@ function aLibShowElement(originalElement) {
   return __async(this, null, function* () {
     const innerElement = aLibRequireElement(originalElement);
     const promise = new Promise((resolve) => {
-      const timeout = setTimeout(() => {
-        innerElement.removeEventListener("animationend", animationHandler);
-        console.warn("Animation timeout");
+      if (!innerElement.hidden) {
         resolve();
-      }, 5e3);
+        return;
+      }
+      let timeout;
       const animationHandler = () => {
         clearTimeout(timeout);
         innerElement.removeEventListener("animationend", animationHandler);
         resolve();
       };
-      innerElement.addEventListener("animationend", animationHandler);
       innerElement.hidden = false;
+      const animations = innerElement.getAnimations();
+      if (animations.length > 0) {
+        timeout = setTimeout(() => {
+          innerElement.removeEventListener("animationend", animationHandler);
+          console.warn("Animation timeout");
+          resolve();
+        }, 5e3);
+        innerElement.addEventListener("animationend", animationHandler);
+      } else {
+        resolve();
+      }
     });
     return promise;
   });
 }
-function aLibToggleElement(originalElement) {
+function aLibToggleElement(originalElement, switcher = void 0) {
   return __async(this, null, function* () {
     const innerElement = aLibRequireElement(originalElement);
-    if (innerElement.hidden) {
+    if (switcher === void 0) {
+      switcher = !innerElement.hidden;
+    }
+    if (switcher) {
       return yield aLibShowElement(innerElement);
     } else {
       return yield aLibHideElement(innerElement);
@@ -78,13 +91,11 @@ function aLibHideElement(originalElement) {
   return __async(this, null, function* () {
     const innerElement = aLibRequireElement(originalElement);
     const promise = new Promise((resolve) => {
-      const timeout = setTimeout(() => {
-        innerElement.removeEventListener("animationend", animationHandler);
-        innerElement.hidden = true;
-        innerElement.classList.remove("a-out-animation");
-        console.warn("Animation timeout");
+      if (innerElement.hidden) {
         resolve();
-      }, 5e3);
+        return;
+      }
+      let timeout;
       const animationHandler = () => {
         clearTimeout(timeout);
         innerElement.removeEventListener("animationend", animationHandler);
@@ -92,8 +103,21 @@ function aLibHideElement(originalElement) {
         innerElement.classList.remove("a-out-animation");
         resolve();
       };
-      innerElement.addEventListener("animationend", animationHandler);
       innerElement.classList.add("a-out-animation");
+      const animations = innerElement.getAnimations();
+      if (animations.length > 0) {
+        timeout = setTimeout(() => {
+          innerElement.removeEventListener("animationend", animationHandler);
+          innerElement.hidden = true;
+          innerElement.classList.remove("a-out-animation");
+          console.warn("Animation timeout");
+          resolve();
+        }, 5e3);
+        innerElement.addEventListener("animationend", animationHandler);
+      } else {
+        innerElement.hidden = true;
+        resolve();
+      }
     });
     return promise;
   });

package/dist/AngelsFrontLibrary.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/AngelsFrontDOMLibrary.ts","../src/AngelsFrontAnimationLibrary.ts","../src/AngelsFrontLibrary.ts"],"sourcesContent":["export function aLibRequireElement<THTMLElement extends HTMLElement>(selector: AngelsSelectorType): THTMLElement {\n\n    let element: THTMLElement;\n    if (typeof selector === 'undefined') {\n        throw Error(`Selector is undefined.`);\n    } else if (selector === null) {\n        throw Error(`Selector is null.`);\n    } else if (typeof selector === 'string') {\n        const findElement = document.querySelector<THTMLElement>(selector);\n        if (!findElement) {\n            throw Error(`Element not found by '${selector}' selector.`);\n        }\n        element = findElement;\n    } else if (selector instanceof HTMLElement) {\n        element = selector as THTMLElement;\n    } else if (selector instanceof Element) {\n        element = selector as THTMLElement;\n    } else {\n        element = selector;\n    }\n    return element\n}\n","import { aLibRequireElement } from \"./AngelsFrontDOMLibrary\";\n\nexport async function aLibShowElement(originalElement: AngelsSelectorType) {\n    const innerElement = aLibRequireElement(originalElement);\n    const promise = new Promise<void>((resolve) => {\n\n        const timeout = setTimeout(() => {\n            innerElement.removeEventListener('animationend', animationHandler);\n            console.warn('Animation timeout');\n            resolve();\n        }, 5000); // 5 seconds timeout\n\n        const animationHandler = () => {\n            clearTimeout(timeout);\n            innerElement.removeEventListener('animationend', animationHandler);\n            resolve();\n        }\n\n        innerElement.addEventListener('animationend', animationHandler);\n        innerElement.hidden = false;\n    });\n\n    return promise;\n}\n\nexport async function aLibToggleElement(originalElement: AngelsSelectorType) {\n    const innerElement = aLibRequireElement(originalElement);\n    if (innerElement.hidden) {\n        return await aLibShowElement(innerElement);\n    } else {\n        return await aLibHideElement(innerElement);\n    }\n}\n\nexport async function aLibHideElement(originalElement: AngelsSelectorType) {\n    const innerElement = aLibRequireElement(originalElement);\n    const promise = new Promise<void>((resolve) => {\n\n        const timeout = setTimeout(() => {\n            innerElement.removeEventListener('animationend', animationHandler);\n            innerElement.hidden = true;\n            innerElement.classList.remove('a-out-animation');\n            console.warn('Animation timeout');\n            resolve();\n        }, 5000); // 5 seconds timeout\n\n        const animationHandler = () => {\n            clearTimeout(timeout);\n            innerElement.removeEventListener('animationend', animationHandler);\n            innerElement.hidden = true;\n            innerElement.classList.remove('a-out-animation');\n            resolve();\n        }\n\n        innerElement.addEventListener('animationend', animationHandler);\n        innerElement.classList.add('a-out-animation');\n    });\n\n    return promise;\n}\n","import { aLibHideElement, aLibShowElement, aLibToggleElement } from \"./AngelsFrontAnimationLibrary\";\nimport { aLibRequireElement } from \"./AngelsFrontDOMLibrary\";\n\nwindow.aHideElement = aLibHideElement;\nwindow.aRequireElement = aLibRequireElement;\nwindow.aShowElement = aLibShowElement;\nwindow.aToggleElement = aLibToggleElement;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAO,SAAS,mBAAqD,UAA4C;AAE7G,MAAI;AACJ,MAAI,OAAO,aAAa,aAAa;AACjC,UAAM,MAAM,wBAAwB;AAAA,EACxC,WAAW,aAAa,MAAM;AAC1B,UAAM,MAAM,mBAAmB;AAAA,EACnC,WAAW,OAAO,aAAa,UAAU;AACrC,UAAM,cAAc,SAAS,cAA4B,QAAQ;AACjE,QAAI,CAAC,aAAa;AACd,YAAM,MAAM,yBAAyB,QAAQ,aAAa;AAAA,IAC9D;AACA,cAAU;AAAA,EACd,WAAW,oBAAoB,aAAa;AACxC,cAAU;AAAA,EACd,WAAW,oBAAoB,SAAS;AACpC,cAAU;AAAA,EACd,OAAO;AACH,cAAU;AAAA,EACd;AACA,SAAO;AACX;;;ACnBA,SAAsB,gBAAgB,iBAAqC;AAAA;AACvE,UAAM,eAAe,mBAAmB,eAAe;AACvD,UAAM,UAAU,IAAI,QAAc,CAAC,YAAY;AAE3C,YAAM,UAAU,WAAW,MAAM;AAC7B,qBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,gBAAQ,KAAK,mBAAmB;AAChC,gBAAQ;AAAA,MACZ,GAAG,GAAI;AAEP,YAAM,mBAAmB,MAAM;AAC3B,qBAAa,OAAO;AACpB,qBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,gBAAQ;AAAA,MACZ;AAEA,mBAAa,iBAAiB,gBAAgB,gBAAgB;AAC9D,mBAAa,SAAS;AAAA,IAC1B,CAAC;AAED,WAAO;AAAA,EACX;AAAA;AAEA,SAAsB,kBAAkB,iBAAqC;AAAA;AACzE,UAAM,eAAe,mBAAmB,eAAe;AACvD,QAAI,aAAa,QAAQ;AACrB,aAAO,MAAM,gBAAgB,YAAY;AAAA,IAC7C,OAAO;AACH,aAAO,MAAM,gBAAgB,YAAY;AAAA,IAC7C;AAAA,EACJ;AAAA;AAEA,SAAsB,gBAAgB,iBAAqC;AAAA;AACvE,UAAM,eAAe,mBAAmB,eAAe;AACvD,UAAM,UAAU,IAAI,QAAc,CAAC,YAAY;AAE3C,YAAM,UAAU,WAAW,MAAM;AAC7B,qBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,qBAAa,SAAS;AACtB,qBAAa,UAAU,OAAO,iBAAiB;AAC/C,gBAAQ,KAAK,mBAAmB;AAChC,gBAAQ;AAAA,MACZ,GAAG,GAAI;AAEP,YAAM,mBAAmB,MAAM;AAC3B,qBAAa,OAAO;AACpB,qBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,qBAAa,SAAS;AACtB,qBAAa,UAAU,OAAO,iBAAiB;AAC/C,gBAAQ;AAAA,MACZ;AAEA,mBAAa,iBAAiB,gBAAgB,gBAAgB;AAC9D,mBAAa,UAAU,IAAI,iBAAiB;AAAA,IAChD,CAAC;AAED,WAAO;AAAA,EACX;AAAA;;;ACxDA,OAAO,eAAe;AACtB,OAAO,kBAAkB;AACzB,OAAO,eAAe;AACtB,OAAO,iBAAiB;","names":[]}
+{"version":3,"sources":["../src/AngelsFrontDOMLibrary.ts","../src/AngelsFrontAnimationLibrary.ts","../src/AngelsFrontLibrary.ts"],"sourcesContent":["export function aLibRequireElement<THTMLElement extends HTMLElement>(selector: AngelsSelectorType): THTMLElement {\n\n    let element: THTMLElement;\n    if (typeof selector === 'undefined') {\n        throw Error(`Selector is undefined.`);\n    } else if (selector === null) {\n        throw Error(`Selector is null.`);\n    } else if (typeof selector === 'string') {\n        const findElement = document.querySelector<THTMLElement>(selector);\n        if (!findElement) {\n            throw Error(`Element not found by '${selector}' selector.`);\n        }\n        element = findElement;\n    } else if (selector instanceof HTMLElement) {\n        element = selector as THTMLElement;\n    } else if (selector instanceof Element) {\n        element = selector as THTMLElement;\n    } else {\n        element = selector;\n    }\n    return element\n}\n","import { aLibRequireElement } from \"./AngelsFrontDOMLibrary\";\n\nexport async function aLibShowElement(originalElement: AngelsSelectorType) {\n    const innerElement = aLibRequireElement(originalElement);\n    const promise = new Promise<void>((resolve) => {\n\n        if (!innerElement.hidden) {\n            resolve();\n            return;\n        }\n\n        let timeout: NodeJS.Timeout | undefined;\n\n        const animationHandler = () => {\n            clearTimeout(timeout);\n            innerElement.removeEventListener('animationend', animationHandler);\n            resolve();\n        }\n\n        innerElement.hidden = false;\n\n        const animations = innerElement.getAnimations();\n        if (animations.length > 0) {\n            timeout = setTimeout(() => {\n                innerElement.removeEventListener('animationend', animationHandler);\n                console.warn('Animation timeout');\n                resolve();\n            }, 5000); // 5 seconds timeout\n            innerElement.addEventListener('animationend', animationHandler);\n        } else {\n            resolve();\n        }\n    });\n\n    return promise;\n}\n\nexport async function aLibToggleElement(originalElement: AngelsSelectorType, switcher: boolean | undefined = undefined) {\n    const innerElement = aLibRequireElement(originalElement);\n    if (switcher === undefined) {\n        switcher = !innerElement.hidden;\n    }\n    if (switcher) {\n        return await aLibShowElement(innerElement);\n    } else {\n        return await aLibHideElement(innerElement);\n    }\n}\n\nexport async function aLibHideElement(originalElement: AngelsSelectorType) {\n    const innerElement = aLibRequireElement(originalElement);\n    const promise = new Promise<void>((resolve) => {\n\n        if (innerElement.hidden) {\n            resolve();\n            return;\n        }\n\n        let timeout: NodeJS.Timeout | undefined;\n\n        const animationHandler = () => {\n            clearTimeout(timeout);\n            innerElement.removeEventListener('animationend', animationHandler);\n            innerElement.hidden = true;\n            innerElement.classList.remove('a-out-animation');\n            resolve();\n        }\n\n        innerElement.classList.add('a-out-animation');\n\n        const animations = innerElement.getAnimations();\n        if (animations.length > 0) {\n            timeout = setTimeout(() => {\n                innerElement.removeEventListener('animationend', animationHandler);\n                innerElement.hidden = true;\n                innerElement.classList.remove('a-out-animation');\n                console.warn('Animation timeout');\n                resolve();\n            }, 5000); // 5 seconds timeout\n            innerElement.addEventListener('animationend', animationHandler);\n        } else {\n            innerElement.hidden = true;\n            resolve();\n        }\n    });\n\n    return promise;\n}\n","import { aLibHideElement, aLibShowElement, aLibToggleElement } from \"./AngelsFrontAnimationLibrary\";\nimport { aLibRequireElement } from \"./AngelsFrontDOMLibrary\";\n\nwindow.aHideElement = aLibHideElement;\nwindow.aRequireElement = aLibRequireElement;\nwindow.aShowElement = aLibShowElement;\nwindow.aToggleElement = aLibToggleElement;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAO,SAAS,mBAAqD,UAA4C;AAE7G,MAAI;AACJ,MAAI,OAAO,aAAa,aAAa;AACjC,UAAM,MAAM,wBAAwB;AAAA,EACxC,WAAW,aAAa,MAAM;AAC1B,UAAM,MAAM,mBAAmB;AAAA,EACnC,WAAW,OAAO,aAAa,UAAU;AACrC,UAAM,cAAc,SAAS,cAA4B,QAAQ;AACjE,QAAI,CAAC,aAAa;AACd,YAAM,MAAM,yBAAyB,QAAQ,aAAa;AAAA,IAC9D;AACA,cAAU;AAAA,EACd,WAAW,oBAAoB,aAAa;AACxC,cAAU;AAAA,EACd,WAAW,oBAAoB,SAAS;AACpC,cAAU;AAAA,EACd,OAAO;AACH,cAAU;AAAA,EACd;AACA,SAAO;AACX;;;ACnBA,SAAsB,gBAAgB,iBAAqC;AAAA;AACvE,UAAM,eAAe,mBAAmB,eAAe;AACvD,UAAM,UAAU,IAAI,QAAc,CAAC,YAAY;AAE3C,UAAI,CAAC,aAAa,QAAQ;AACtB,gBAAQ;AACR;AAAA,MACJ;AAEA,UAAI;AAEJ,YAAM,mBAAmB,MAAM;AAC3B,qBAAa,OAAO;AACpB,qBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,gBAAQ;AAAA,MACZ;AAEA,mBAAa,SAAS;AAEtB,YAAM,aAAa,aAAa,cAAc;AAC9C,UAAI,WAAW,SAAS,GAAG;AACvB,kBAAU,WAAW,MAAM;AACvB,uBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,kBAAQ,KAAK,mBAAmB;AAChC,kBAAQ;AAAA,QACZ,GAAG,GAAI;AACP,qBAAa,iBAAiB,gBAAgB,gBAAgB;AAAA,MAClE,OAAO;AACH,gBAAQ;AAAA,MACZ;AAAA,IACJ,CAAC;AAED,WAAO;AAAA,EACX;AAAA;AAEA,SAAsB,kBAAkB,iBAAqC,WAAgC,QAAW;AAAA;AACpH,UAAM,eAAe,mBAAmB,eAAe;AACvD,QAAI,aAAa,QAAW;AACxB,iBAAW,CAAC,aAAa;AAAA,IAC7B;AACA,QAAI,UAAU;AACV,aAAO,MAAM,gBAAgB,YAAY;AAAA,IAC7C,OAAO;AACH,aAAO,MAAM,gBAAgB,YAAY;AAAA,IAC7C;AAAA,EACJ;AAAA;AAEA,SAAsB,gBAAgB,iBAAqC;AAAA;AACvE,UAAM,eAAe,mBAAmB,eAAe;AACvD,UAAM,UAAU,IAAI,QAAc,CAAC,YAAY;AAE3C,UAAI,aAAa,QAAQ;AACrB,gBAAQ;AACR;AAAA,MACJ;AAEA,UAAI;AAEJ,YAAM,mBAAmB,MAAM;AAC3B,qBAAa,OAAO;AACpB,qBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,qBAAa,SAAS;AACtB,qBAAa,UAAU,OAAO,iBAAiB;AAC/C,gBAAQ;AAAA,MACZ;AAEA,mBAAa,UAAU,IAAI,iBAAiB;AAE5C,YAAM,aAAa,aAAa,cAAc;AAC9C,UAAI,WAAW,SAAS,GAAG;AACvB,kBAAU,WAAW,MAAM;AACvB,uBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,uBAAa,SAAS;AACtB,uBAAa,UAAU,OAAO,iBAAiB;AAC/C,kBAAQ,KAAK,mBAAmB;AAChC,kBAAQ;AAAA,QACZ,GAAG,GAAI;AACP,qBAAa,iBAAiB,gBAAgB,gBAAgB;AAAA,MAClE,OAAO;AACH,qBAAa,SAAS;AACtB,gBAAQ;AAAA,MACZ;AAAA,IACJ,CAAC;AAED,WAAO;AAAA,EACX;AAAA;;;ACpFA,OAAO,eAAe;AACtB,OAAO,kBAAkB;AACzB,OAAO,eAAe;AACtB,OAAO,iBAAiB;","names":[]}

package/dist/AngelsFrontLibrary.js

@@ -47,26 +47,39 @@ function aLibShowElement(originalElement) {
   return __async(this, null, function* () {
     const innerElement = aLibRequireElement(originalElement);
     const promise = new Promise((resolve) => {
-      const timeout = setTimeout(() => {
-        innerElement.removeEventListener("animationend", animationHandler);
-        console.warn("Animation timeout");
+      if (!innerElement.hidden) {
         resolve();
-      }, 5e3);
+        return;
+      }
+      let timeout;
       const animationHandler = () => {
         clearTimeout(timeout);
         innerElement.removeEventListener("animationend", animationHandler);
         resolve();
       };
-      innerElement.addEventListener("animationend", animationHandler);
       innerElement.hidden = false;
+      const animations = innerElement.getAnimations();
+      if (animations.length > 0) {
+        timeout = setTimeout(() => {
+          innerElement.removeEventListener("animationend", animationHandler);
+          console.warn("Animation timeout");
+          resolve();
+        }, 5e3);
+        innerElement.addEventListener("animationend", animationHandler);
+      } else {
+        resolve();
+      }
     });
     return promise;
   });
 }
-function aLibToggleElement(originalElement) {
+function aLibToggleElement(originalElement, switcher = void 0) {
   return __async(this, null, function* () {
     const innerElement = aLibRequireElement(originalElement);
-    if (innerElement.hidden) {
+    if (switcher === void 0) {
+      switcher = !innerElement.hidden;
+    }
+    if (switcher) {
       return yield aLibShowElement(innerElement);
     } else {
       return yield aLibHideElement(innerElement);
@@ -77,13 +90,11 @@ function aLibHideElement(originalElement) {
   return __async(this, null, function* () {
     const innerElement = aLibRequireElement(originalElement);
     const promise = new Promise((resolve) => {
-      const timeout = setTimeout(() => {
-        innerElement.removeEventListener("animationend", animationHandler);
-        innerElement.hidden = true;
-        innerElement.classList.remove("a-out-animation");
-        console.warn("Animation timeout");
+      if (innerElement.hidden) {
         resolve();
-      }, 5e3);
+        return;
+      }
+      let timeout;
       const animationHandler = () => {
         clearTimeout(timeout);
         innerElement.removeEventListener("animationend", animationHandler);
@@ -91,8 +102,21 @@ function aLibHideElement(originalElement) {
         innerElement.classList.remove("a-out-animation");
         resolve();
       };
-      innerElement.addEventListener("animationend", animationHandler);
       innerElement.classList.add("a-out-animation");
+      const animations = innerElement.getAnimations();
+      if (animations.length > 0) {
+        timeout = setTimeout(() => {
+          innerElement.removeEventListener("animationend", animationHandler);
+          innerElement.hidden = true;
+          innerElement.classList.remove("a-out-animation");
+          console.warn("Animation timeout");
+          resolve();
+        }, 5e3);
+        innerElement.addEventListener("animationend", animationHandler);
+      } else {
+        innerElement.hidden = true;
+        resolve();
+      }
     });
     return promise;
   });

package/dist/AngelsFrontLibrary.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/AngelsFrontDOMLibrary.ts","../src/AngelsFrontAnimationLibrary.ts","../src/AngelsFrontLibrary.ts"],"sourcesContent":["export function aLibRequireElement<THTMLElement extends HTMLElement>(selector: AngelsSelectorType): THTMLElement {\n\n    let element: THTMLElement;\n    if (typeof selector === 'undefined') {\n        throw Error(`Selector is undefined.`);\n    } else if (selector === null) {\n        throw Error(`Selector is null.`);\n    } else if (typeof selector === 'string') {\n        const findElement = document.querySelector<THTMLElement>(selector);\n        if (!findElement) {\n            throw Error(`Element not found by '${selector}' selector.`);\n        }\n        element = findElement;\n    } else if (selector instanceof HTMLElement) {\n        element = selector as THTMLElement;\n    } else if (selector instanceof Element) {\n        element = selector as THTMLElement;\n    } else {\n        element = selector;\n    }\n    return element\n}\n","import { aLibRequireElement } from \"./AngelsFrontDOMLibrary\";\n\nexport async function aLibShowElement(originalElement: AngelsSelectorType) {\n    const innerElement = aLibRequireElement(originalElement);\n    const promise = new Promise<void>((resolve) => {\n\n        const timeout = setTimeout(() => {\n            innerElement.removeEventListener('animationend', animationHandler);\n            console.warn('Animation timeout');\n            resolve();\n        }, 5000); // 5 seconds timeout\n\n        const animationHandler = () => {\n            clearTimeout(timeout);\n            innerElement.removeEventListener('animationend', animationHandler);\n            resolve();\n        }\n\n        innerElement.addEventListener('animationend', animationHandler);\n        innerElement.hidden = false;\n    });\n\n    return promise;\n}\n\nexport async function aLibToggleElement(originalElement: AngelsSelectorType) {\n    const innerElement = aLibRequireElement(originalElement);\n    if (innerElement.hidden) {\n        return await aLibShowElement(innerElement);\n    } else {\n        return await aLibHideElement(innerElement);\n    }\n}\n\nexport async function aLibHideElement(originalElement: AngelsSelectorType) {\n    const innerElement = aLibRequireElement(originalElement);\n    const promise = new Promise<void>((resolve) => {\n\n        const timeout = setTimeout(() => {\n            innerElement.removeEventListener('animationend', animationHandler);\n            innerElement.hidden = true;\n            innerElement.classList.remove('a-out-animation');\n            console.warn('Animation timeout');\n            resolve();\n        }, 5000); // 5 seconds timeout\n\n        const animationHandler = () => {\n            clearTimeout(timeout);\n            innerElement.removeEventListener('animationend', animationHandler);\n            innerElement.hidden = true;\n            innerElement.classList.remove('a-out-animation');\n            resolve();\n        }\n\n        innerElement.addEventListener('animationend', animationHandler);\n        innerElement.classList.add('a-out-animation');\n    });\n\n    return promise;\n}\n","import { aLibHideElement, aLibShowElement, aLibToggleElement } from \"./AngelsFrontAnimationLibrary\";\nimport { aLibRequireElement } from \"./AngelsFrontDOMLibrary\";\n\nwindow.aHideElement = aLibHideElement;\nwindow.aRequireElement = aLibRequireElement;\nwindow.aShowElement = aLibShowElement;\nwindow.aToggleElement = aLibToggleElement;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAO,SAAS,mBAAqD,UAA4C;AAE7G,MAAI;AACJ,MAAI,OAAO,aAAa,aAAa;AACjC,UAAM,MAAM,wBAAwB;AAAA,EACxC,WAAW,aAAa,MAAM;AAC1B,UAAM,MAAM,mBAAmB;AAAA,EACnC,WAAW,OAAO,aAAa,UAAU;AACrC,UAAM,cAAc,SAAS,cAA4B,QAAQ;AACjE,QAAI,CAAC,aAAa;AACd,YAAM,MAAM,yBAAyB,QAAQ,aAAa;AAAA,IAC9D;AACA,cAAU;AAAA,EACd,WAAW,oBAAoB,aAAa;AACxC,cAAU;AAAA,EACd,WAAW,oBAAoB,SAAS;AACpC,cAAU;AAAA,EACd,OAAO;AACH,cAAU;AAAA,EACd;AACA,SAAO;AACX;;;ACnBA,SAAsB,gBAAgB,iBAAqC;AAAA;AACvE,UAAM,eAAe,mBAAmB,eAAe;AACvD,UAAM,UAAU,IAAI,QAAc,CAAC,YAAY;AAE3C,YAAM,UAAU,WAAW,MAAM;AAC7B,qBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,gBAAQ,KAAK,mBAAmB;AAChC,gBAAQ;AAAA,MACZ,GAAG,GAAI;AAEP,YAAM,mBAAmB,MAAM;AAC3B,qBAAa,OAAO;AACpB,qBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,gBAAQ;AAAA,MACZ;AAEA,mBAAa,iBAAiB,gBAAgB,gBAAgB;AAC9D,mBAAa,SAAS;AAAA,IAC1B,CAAC;AAED,WAAO;AAAA,EACX;AAAA;AAEA,SAAsB,kBAAkB,iBAAqC;AAAA;AACzE,UAAM,eAAe,mBAAmB,eAAe;AACvD,QAAI,aAAa,QAAQ;AACrB,aAAO,MAAM,gBAAgB,YAAY;AAAA,IAC7C,OAAO;AACH,aAAO,MAAM,gBAAgB,YAAY;AAAA,IAC7C;AAAA,EACJ;AAAA;AAEA,SAAsB,gBAAgB,iBAAqC;AAAA;AACvE,UAAM,eAAe,mBAAmB,eAAe;AACvD,UAAM,UAAU,IAAI,QAAc,CAAC,YAAY;AAE3C,YAAM,UAAU,WAAW,MAAM;AAC7B,qBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,qBAAa,SAAS;AACtB,qBAAa,UAAU,OAAO,iBAAiB;AAC/C,gBAAQ,KAAK,mBAAmB;AAChC,gBAAQ;AAAA,MACZ,GAAG,GAAI;AAEP,YAAM,mBAAmB,MAAM;AAC3B,qBAAa,OAAO;AACpB,qBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,qBAAa,SAAS;AACtB,qBAAa,UAAU,OAAO,iBAAiB;AAC/C,gBAAQ;AAAA,MACZ;AAEA,mBAAa,iBAAiB,gBAAgB,gBAAgB;AAC9D,mBAAa,UAAU,IAAI,iBAAiB;AAAA,IAChD,CAAC;AAED,WAAO;AAAA,EACX;AAAA;;;ACxDA,OAAO,eAAe;AACtB,OAAO,kBAAkB;AACzB,OAAO,eAAe;AACtB,OAAO,iBAAiB;","names":[]}
+{"version":3,"sources":["../src/AngelsFrontDOMLibrary.ts","../src/AngelsFrontAnimationLibrary.ts","../src/AngelsFrontLibrary.ts"],"sourcesContent":["export function aLibRequireElement<THTMLElement extends HTMLElement>(selector: AngelsSelectorType): THTMLElement {\n\n    let element: THTMLElement;\n    if (typeof selector === 'undefined') {\n        throw Error(`Selector is undefined.`);\n    } else if (selector === null) {\n        throw Error(`Selector is null.`);\n    } else if (typeof selector === 'string') {\n        const findElement = document.querySelector<THTMLElement>(selector);\n        if (!findElement) {\n            throw Error(`Element not found by '${selector}' selector.`);\n        }\n        element = findElement;\n    } else if (selector instanceof HTMLElement) {\n        element = selector as THTMLElement;\n    } else if (selector instanceof Element) {\n        element = selector as THTMLElement;\n    } else {\n        element = selector;\n    }\n    return element\n}\n","import { aLibRequireElement } from \"./AngelsFrontDOMLibrary\";\n\nexport async function aLibShowElement(originalElement: AngelsSelectorType) {\n    const innerElement = aLibRequireElement(originalElement);\n    const promise = new Promise<void>((resolve) => {\n\n        if (!innerElement.hidden) {\n            resolve();\n            return;\n        }\n\n        let timeout: NodeJS.Timeout | undefined;\n\n        const animationHandler = () => {\n            clearTimeout(timeout);\n            innerElement.removeEventListener('animationend', animationHandler);\n            resolve();\n        }\n\n        innerElement.hidden = false;\n\n        const animations = innerElement.getAnimations();\n        if (animations.length > 0) {\n            timeout = setTimeout(() => {\n                innerElement.removeEventListener('animationend', animationHandler);\n                console.warn('Animation timeout');\n                resolve();\n            }, 5000); // 5 seconds timeout\n            innerElement.addEventListener('animationend', animationHandler);\n        } else {\n            resolve();\n        }\n    });\n\n    return promise;\n}\n\nexport async function aLibToggleElement(originalElement: AngelsSelectorType, switcher: boolean | undefined = undefined) {\n    const innerElement = aLibRequireElement(originalElement);\n    if (switcher === undefined) {\n        switcher = !innerElement.hidden;\n    }\n    if (switcher) {\n        return await aLibShowElement(innerElement);\n    } else {\n        return await aLibHideElement(innerElement);\n    }\n}\n\nexport async function aLibHideElement(originalElement: AngelsSelectorType) {\n    const innerElement = aLibRequireElement(originalElement);\n    const promise = new Promise<void>((resolve) => {\n\n        if (innerElement.hidden) {\n            resolve();\n            return;\n        }\n\n        let timeout: NodeJS.Timeout | undefined;\n\n        const animationHandler = () => {\n            clearTimeout(timeout);\n            innerElement.removeEventListener('animationend', animationHandler);\n            innerElement.hidden = true;\n            innerElement.classList.remove('a-out-animation');\n            resolve();\n        }\n\n        innerElement.classList.add('a-out-animation');\n\n        const animations = innerElement.getAnimations();\n        if (animations.length > 0) {\n            timeout = setTimeout(() => {\n                innerElement.removeEventListener('animationend', animationHandler);\n                innerElement.hidden = true;\n                innerElement.classList.remove('a-out-animation');\n                console.warn('Animation timeout');\n                resolve();\n            }, 5000); // 5 seconds timeout\n            innerElement.addEventListener('animationend', animationHandler);\n        } else {\n            innerElement.hidden = true;\n            resolve();\n        }\n    });\n\n    return promise;\n}\n","import { aLibHideElement, aLibShowElement, aLibToggleElement } from \"./AngelsFrontAnimationLibrary\";\nimport { aLibRequireElement } from \"./AngelsFrontDOMLibrary\";\n\nwindow.aHideElement = aLibHideElement;\nwindow.aRequireElement = aLibRequireElement;\nwindow.aShowElement = aLibShowElement;\nwindow.aToggleElement = aLibToggleElement;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAO,SAAS,mBAAqD,UAA4C;AAE7G,MAAI;AACJ,MAAI,OAAO,aAAa,aAAa;AACjC,UAAM,MAAM,wBAAwB;AAAA,EACxC,WAAW,aAAa,MAAM;AAC1B,UAAM,MAAM,mBAAmB;AAAA,EACnC,WAAW,OAAO,aAAa,UAAU;AACrC,UAAM,cAAc,SAAS,cAA4B,QAAQ;AACjE,QAAI,CAAC,aAAa;AACd,YAAM,MAAM,yBAAyB,QAAQ,aAAa;AAAA,IAC9D;AACA,cAAU;AAAA,EACd,WAAW,oBAAoB,aAAa;AACxC,cAAU;AAAA,EACd,WAAW,oBAAoB,SAAS;AACpC,cAAU;AAAA,EACd,OAAO;AACH,cAAU;AAAA,EACd;AACA,SAAO;AACX;;;ACnBA,SAAsB,gBAAgB,iBAAqC;AAAA;AACvE,UAAM,eAAe,mBAAmB,eAAe;AACvD,UAAM,UAAU,IAAI,QAAc,CAAC,YAAY;AAE3C,UAAI,CAAC,aAAa,QAAQ;AACtB,gBAAQ;AACR;AAAA,MACJ;AAEA,UAAI;AAEJ,YAAM,mBAAmB,MAAM;AAC3B,qBAAa,OAAO;AACpB,qBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,gBAAQ;AAAA,MACZ;AAEA,mBAAa,SAAS;AAEtB,YAAM,aAAa,aAAa,cAAc;AAC9C,UAAI,WAAW,SAAS,GAAG;AACvB,kBAAU,WAAW,MAAM;AACvB,uBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,kBAAQ,KAAK,mBAAmB;AAChC,kBAAQ;AAAA,QACZ,GAAG,GAAI;AACP,qBAAa,iBAAiB,gBAAgB,gBAAgB;AAAA,MAClE,OAAO;AACH,gBAAQ;AAAA,MACZ;AAAA,IACJ,CAAC;AAED,WAAO;AAAA,EACX;AAAA;AAEA,SAAsB,kBAAkB,iBAAqC,WAAgC,QAAW;AAAA;AACpH,UAAM,eAAe,mBAAmB,eAAe;AACvD,QAAI,aAAa,QAAW;AACxB,iBAAW,CAAC,aAAa;AAAA,IAC7B;AACA,QAAI,UAAU;AACV,aAAO,MAAM,gBAAgB,YAAY;AAAA,IAC7C,OAAO;AACH,aAAO,MAAM,gBAAgB,YAAY;AAAA,IAC7C;AAAA,EACJ;AAAA;AAEA,SAAsB,gBAAgB,iBAAqC;AAAA;AACvE,UAAM,eAAe,mBAAmB,eAAe;AACvD,UAAM,UAAU,IAAI,QAAc,CAAC,YAAY;AAE3C,UAAI,aAAa,QAAQ;AACrB,gBAAQ;AACR;AAAA,MACJ;AAEA,UAAI;AAEJ,YAAM,mBAAmB,MAAM;AAC3B,qBAAa,OAAO;AACpB,qBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,qBAAa,SAAS;AACtB,qBAAa,UAAU,OAAO,iBAAiB;AAC/C,gBAAQ;AAAA,MACZ;AAEA,mBAAa,UAAU,IAAI,iBAAiB;AAE5C,YAAM,aAAa,aAAa,cAAc;AAC9C,UAAI,WAAW,SAAS,GAAG;AACvB,kBAAU,WAAW,MAAM;AACvB,uBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,uBAAa,SAAS;AACtB,uBAAa,UAAU,OAAO,iBAAiB;AAC/C,kBAAQ,KAAK,mBAAmB;AAChC,kBAAQ;AAAA,QACZ,GAAG,GAAI;AACP,qBAAa,iBAAiB,gBAAgB,gBAAgB;AAAA,MAClE,OAAO;AACH,qBAAa,SAAS;AACtB,gBAAQ;AAAA,MACZ;AAAA,IACJ,CAAC;AAED,WAAO;AAAA,EACX;AAAA;;;ACpFA,OAAO,eAAe;AACtB,OAAO,kBAAkB;AACzB,OAAO,eAAe;AACtB,OAAO,iBAAiB;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angelscmf/front",
-  "version": "1.0.26",
+  "version": "1.0.27",
   "description": "",
   "license": "UNLICENSED",
   "author": "",
@@ -23,15 +23,18 @@
   "devDependencies": {
     "browser-sync": "^3.0.4",
     "browserify": "^17.0.1",
-    "glob": "^11.0.1",
+    "glob": "^11.0.3",
     "gulp": "^5.0.1",
     "gulp-livereload": "^4.0.2",
     "gulp-plumber": "^1.2.1",
     "gulp-sass": "^6.0.1",
     "gulp-sourcemaps": "^3.0.0",
     "gulp-typescript": "^6.0.0-alpha.1",
+    "load-json-file": "^7.0.1",
     "merge-stream": "^2.0.0",
+    "path": "^0.12.7",
     "sass": "^1.89.2",
+    "stream": "^0.0.3",
     "ts-node": "^10.9.2",
     "tsify": "^5.0.4",
     "tsup": "^8.4.0",

package/sass/AngelsDesign.scss

@@ -12,6 +12,7 @@
 @forward 'angelsMessages/AngelsWarn';
 @forward 'AngelsScreenRanges';
 @forward 'angelsTags/a-block';
+@forward 'angelsTags/a-board';
 @forward 'angelsTags/a-brick';
 @forward 'angelsTags/a-flex';
 @forward 'angelsTags/a-grid';

package/sass/angelsTags/_a-board.scss

@@ -0,0 +1,16 @@
+a-board {
+    display: flex;
+}
+
+a-board:empty {
+    display: none;
+}
+
+.a-technical-transparent {
+    animation: none !important;
+    display: unset !important;
+    height: min-content !important;
+    opacity: 0.5 !important;
+    visibility: visible !important;
+    width: max-content !important;
+}

package/dist/AngelsFrontDeclarations.d.cjs

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=AngelsFrontDeclarations.d.cjs.map

package/dist/AngelsFrontDeclarations.d.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/AngelsFrontDeclarations.d.js

@@ -1 +0,0 @@
-//# sourceMappingURL=AngelsFrontDeclarations.d.js.map

package/dist/AngelsFrontDeclarations.d.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}