@angelscmf/front 1.0.28 → 1.0.29

package/dist/{AngelsFrontLibrary.cjs → AngelsFrontLoader.cjs}

@@ -20,35 +20,117 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 
+// src/AngelsElement.ts
+var AngelsElementClass = class {
+  constructor(element) {
+    this.originalElement = element;
+    return new Proxy(this, {
+      get(target, prop, receiver) {
+        if (prop in target) {
+          return target[prop];
+        }
+        return target.originalElement[prop];
+      },
+      set(target, prop, newValue, receiver) {
+        if (prop in target) {
+          target[prop] = newValue;
+        } else {
+          target.originalElement[prop] = newValue;
+        }
+        return true;
+      }
+    });
+  }
+  aHideElement() {
+    this.originalElement.hidden = true;
+    return this;
+  }
+  aShowElement() {
+    this.originalElement.hidden = false;
+    return this;
+  }
+  aTextContent(content = void 0) {
+    var _a;
+    if (content === void 0) {
+      return (_a = this.originalElement.textContent) != null ? _a : ``;
+    }
+    this.originalElement.textContent = content.toString();
+    return this;
+  }
+};
+
 // src/AngelsFrontDOMLibrary.ts
-function aLibRequireElement(selector) {
+function aLibFindElement(selector) {
   let element;
   if (typeof selector === "undefined") {
-    throw Error(`Selector is undefined.`);
+    return null;
   } else if (selector === null) {
-    throw Error(`Selector is null.`);
+    return null;
   } else if (typeof selector === "string") {
     const findElement = document.querySelector(selector);
     if (!findElement) {
-      throw Error(`Element not found by '${selector}' selector.`);
+      return null;
     }
     element = findElement;
   } else if (selector instanceof HTMLElement) {
     element = selector;
   } else if (selector instanceof Element) {
     element = selector;
+  } else if (selector instanceof AngelsElementClass) {
+    return selector;
   } else {
     element = selector;
   }
+  return new AngelsElementClass(element);
+}
+function aLibRequireElement(selector) {
+  const element = aLibFindElement(selector);
+  if (element) {
+    return element;
+  }
+  throw Error(`Element not found by '${selector}' selector.`);
+}
+function aLibHideElement(selector) {
+  const element = aLibRequireElement(selector);
+  element.hidden = true;
+  return element;
+}
+function aLibShowElement(selector) {
+  const element = aLibRequireElement(selector);
+  element.hidden = false;
   return element;
 }
+function aLibToggleElement(originalElement, switcher = void 0) {
+  const innerElement = aLibRequireElement(originalElement);
+  if (switcher === void 0) {
+    switcher = !innerElement.hidden;
+  }
+  if (switcher) {
+    return aLibShowElement(innerElement);
+  } else {
+    return aLibHideElement(innerElement);
+  }
+}
 
 // src/AngelsFrontAnimationLibrary.ts
-function aLibShowElement(originalElement) {
+function aLibEngageElement(originalElement, switcher = void 0) {
+  return __async(this, null, function* () {
+    const innerElement = aLibRequireElement(originalElement);
+    if (switcher === void 0) {
+      switcher = !innerElement.hidden;
+    }
+    if (switcher) {
+      return yield aLibRevealElement(innerElement);
+    } else {
+      return yield aLibConcealElement(innerElement);
+    }
+  });
+}
+function aLibConcealElement(originalElement) {
   return __async(this, null, function* () {
     const innerElement = aLibRequireElement(originalElement);
     const promise = new Promise((resolve) => {
-      if (!innerElement.hidden) {
+      if (innerElement.hidden) {
         resolve();
         return;
       }
@@ -56,42 +138,34 @@ function aLibShowElement(originalElement) {
       const animationHandler = () => {
         clearTimeout(timeout);
         innerElement.removeEventListener("animationend", animationHandler);
+        innerElement.hidden = true;
+        innerElement.classList.remove("a-out-animation");
         resolve();
       };
-      innerElement.hidden = false;
+      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;
   });
 }
-function aLibToggleElement(originalElement, switcher = void 0) {
-  return __async(this, null, function* () {
-    const innerElement = aLibRequireElement(originalElement);
-    if (switcher === void 0) {
-      switcher = !innerElement.hidden;
-    }
-    if (switcher) {
-      return yield aLibShowElement(innerElement);
-    } else {
-      return yield aLibHideElement(innerElement);
-    }
-  });
-}
-function aLibHideElement(originalElement) {
+function aLibRevealElement(originalElement) {
   return __async(this, null, function* () {
     const innerElement = aLibRequireElement(originalElement);
     const promise = new Promise((resolve) => {
-      if (innerElement.hidden) {
+      if (!innerElement.hidden) {
         resolve();
         return;
       }
@@ -99,23 +173,18 @@ function aLibHideElement(originalElement) {
       const animationHandler = () => {
         clearTimeout(timeout);
         innerElement.removeEventListener("animationend", animationHandler);
-        innerElement.hidden = true;
-        innerElement.classList.remove("a-out-animation");
         resolve();
       };
-      innerElement.classList.add("a-out-animation");
+      innerElement.hidden = false;
       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();
       }
     });
@@ -123,9 +192,13 @@ function aLibHideElement(originalElement) {
   });
 }
 
-// src/AngelsFrontLibrary.ts
+// src/AngelsFrontLoader.ts
+window.aEngageElement = aLibEngageElement;
+window.aConcealElement = aLibConcealElement;
+window.aRevealElement = aLibRevealElement;
+window.aFindElement = aLibFindElement;
 window.aHideElement = aLibHideElement;
 window.aRequireElement = aLibRequireElement;
 window.aShowElement = aLibShowElement;
 window.aToggleElement = aLibToggleElement;
-//# sourceMappingURL=AngelsFrontLibrary.cjs.map
+//# sourceMappingURL=AngelsFrontLoader.cjs.map

package/dist/AngelsFrontLoader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/AngelsElement.ts","../src/AngelsFrontDOMLibrary.ts","../src/AngelsFrontAnimationLibrary.ts","../src/AngelsFrontLoader.ts"],"sourcesContent":["export type AngelsElement<TElement extends HTMLElement = HTMLElement> = AngelsElementClass<TElement> & TElement;\n\nexport class AngelsElementClass<TElement extends HTMLElement = HTMLElement> {\n\n    protected originalElement: TElement;\n\n    constructor(element: TElement) {\n\n        this.originalElement = element;\n\n        return new Proxy(this, {\n            get(target: any, prop: string | symbol, receiver: any) {\n                if (prop in target) {\n                    return target[prop];\n                }\n                return target.originalElement[prop];\n            },\n\n            set(target: any, prop: string | symbol, newValue: any, receiver: any) {\n                if (prop in target) {\n                    target[prop] = newValue;\n                } else {\n                    target.originalElement[prop] = newValue;\n                }\n                return true;\n            }\n        });\n    }\n\n    aHideElement(): this {\n        this.originalElement.hidden = true;\n        return this;\n    }\n\n    aShowElement(): this {\n        this.originalElement.hidden = false;\n        return this;\n    }\n\n    aTextContent(): string;\n    aTextContent(content: string): this;\n    aTextContent(content: string | undefined = undefined): this | string {\n        if (content === undefined) {\n            return this.originalElement.textContent ?? ``;\n        }\n        this.originalElement.textContent = content.toString();\n        return this;\n    }\n}\n","import { AngelsElement, AngelsElementClass } from \"./AngelsElement\";\n\nexport function aLibFindElement<THTMLElement extends HTMLElement>(selector: AngelsSelectorType<THTMLElement>): AngelsElement<THTMLElement> | null {\n\n    let element: THTMLElement;\n    if (typeof selector === 'undefined') {\n        return null;\n    } else if (selector === null) {\n        return null;\n    } else if (typeof selector === 'string') {\n        const findElement = document.querySelector<THTMLElement>(selector);\n        if (!findElement) {\n            return null;\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 if (selector instanceof AngelsElementClass) {\n        return selector as AngelsElement<THTMLElement>;\n    } else {\n        element = selector;\n    }\n    return new AngelsElementClass(element) as AngelsElement<THTMLElement>;\n}\n\nexport function aLibRequireElement<THTMLElement extends HTMLElement>(selector: AngelsSelectorType): AngelsElement<THTMLElement> {\n    const element = aLibFindElement<THTMLElement>(selector);\n    if (element) {\n        return element;\n    }\n    throw Error(`Element not found by '${selector}' selector.`);\n}\n\nexport function aLibHideElement<THTMLElement extends HTMLElement>(selector: AngelsSelectorType): AngelsElement<THTMLElement> {\n    const element = aLibRequireElement<THTMLElement>(selector);\n    element.hidden = true;\n    return element;\n}\n\nexport function aLibShowElement<THTMLElement extends HTMLElement>(selector: AngelsSelectorType): AngelsElement<THTMLElement> {\n    const element = aLibRequireElement<THTMLElement>(selector);\n    element.hidden = false;\n    return element;\n}\n\nexport 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 aLibShowElement(innerElement);\n    } else {\n        return aLibHideElement(innerElement);\n    }\n}\n","import { aLibRequireElement } from \"./AngelsFrontDOMLibrary\";\n\nexport async function aLibEngageElement(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 aLibRevealElement(innerElement);\n    } else {\n        return await aLibConcealElement(innerElement);\n    }\n}\n\nexport async function aLibConcealElement(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\nexport async function aLibRevealElement(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","import { aLibConcealElement, aLibRevealElement, aLibEngageElement } from \"./AngelsFrontAnimationLibrary\";\n\nwindow.aEngageElement = aLibEngageElement;\nwindow.aConcealElement = aLibConcealElement;\nwindow.aRevealElement = aLibRevealElement;\n\nimport { aLibFindElement, aLibHideElement, aLibRequireElement, aLibShowElement, aLibToggleElement } from \"./AngelsFrontDOMLibrary\";\n\nwindow.aFindElement = aLibFindElement;\nwindow.aHideElement = aLibHideElement;\nwindow.aRequireElement = aLibRequireElement;\nwindow.aShowElement = aLibShowElement;\nwindow.aToggleElement = aLibToggleElement;\n"],"mappings":"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","names":[]}

package/dist/{AngelsFrontLibrary.js → AngelsFrontLoader.js}

@@ -19,35 +19,117 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 
+// src/AngelsElement.ts
+var AngelsElementClass = class {
+  constructor(element) {
+    this.originalElement = element;
+    return new Proxy(this, {
+      get(target, prop, receiver) {
+        if (prop in target) {
+          return target[prop];
+        }
+        return target.originalElement[prop];
+      },
+      set(target, prop, newValue, receiver) {
+        if (prop in target) {
+          target[prop] = newValue;
+        } else {
+          target.originalElement[prop] = newValue;
+        }
+        return true;
+      }
+    });
+  }
+  aHideElement() {
+    this.originalElement.hidden = true;
+    return this;
+  }
+  aShowElement() {
+    this.originalElement.hidden = false;
+    return this;
+  }
+  aTextContent(content = void 0) {
+    var _a;
+    if (content === void 0) {
+      return (_a = this.originalElement.textContent) != null ? _a : ``;
+    }
+    this.originalElement.textContent = content.toString();
+    return this;
+  }
+};
+
 // src/AngelsFrontDOMLibrary.ts
-function aLibRequireElement(selector) {
+function aLibFindElement(selector) {
   let element;
   if (typeof selector === "undefined") {
-    throw Error(`Selector is undefined.`);
+    return null;
   } else if (selector === null) {
-    throw Error(`Selector is null.`);
+    return null;
   } else if (typeof selector === "string") {
     const findElement = document.querySelector(selector);
     if (!findElement) {
-      throw Error(`Element not found by '${selector}' selector.`);
+      return null;
     }
     element = findElement;
   } else if (selector instanceof HTMLElement) {
     element = selector;
   } else if (selector instanceof Element) {
     element = selector;
+  } else if (selector instanceof AngelsElementClass) {
+    return selector;
   } else {
     element = selector;
   }
+  return new AngelsElementClass(element);
+}
+function aLibRequireElement(selector) {
+  const element = aLibFindElement(selector);
+  if (element) {
+    return element;
+  }
+  throw Error(`Element not found by '${selector}' selector.`);
+}
+function aLibHideElement(selector) {
+  const element = aLibRequireElement(selector);
+  element.hidden = true;
+  return element;
+}
+function aLibShowElement(selector) {
+  const element = aLibRequireElement(selector);
+  element.hidden = false;
   return element;
 }
+function aLibToggleElement(originalElement, switcher = void 0) {
+  const innerElement = aLibRequireElement(originalElement);
+  if (switcher === void 0) {
+    switcher = !innerElement.hidden;
+  }
+  if (switcher) {
+    return aLibShowElement(innerElement);
+  } else {
+    return aLibHideElement(innerElement);
+  }
+}
 
 // src/AngelsFrontAnimationLibrary.ts
-function aLibShowElement(originalElement) {
+function aLibEngageElement(originalElement, switcher = void 0) {
+  return __async(this, null, function* () {
+    const innerElement = aLibRequireElement(originalElement);
+    if (switcher === void 0) {
+      switcher = !innerElement.hidden;
+    }
+    if (switcher) {
+      return yield aLibRevealElement(innerElement);
+    } else {
+      return yield aLibConcealElement(innerElement);
+    }
+  });
+}
+function aLibConcealElement(originalElement) {
   return __async(this, null, function* () {
     const innerElement = aLibRequireElement(originalElement);
     const promise = new Promise((resolve) => {
-      if (!innerElement.hidden) {
+      if (innerElement.hidden) {
         resolve();
         return;
       }
@@ -55,42 +137,34 @@ function aLibShowElement(originalElement) {
       const animationHandler = () => {
         clearTimeout(timeout);
         innerElement.removeEventListener("animationend", animationHandler);
+        innerElement.hidden = true;
+        innerElement.classList.remove("a-out-animation");
         resolve();
       };
-      innerElement.hidden = false;
+      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;
   });
 }
-function aLibToggleElement(originalElement, switcher = void 0) {
-  return __async(this, null, function* () {
-    const innerElement = aLibRequireElement(originalElement);
-    if (switcher === void 0) {
-      switcher = !innerElement.hidden;
-    }
-    if (switcher) {
-      return yield aLibShowElement(innerElement);
-    } else {
-      return yield aLibHideElement(innerElement);
-    }
-  });
-}
-function aLibHideElement(originalElement) {
+function aLibRevealElement(originalElement) {
   return __async(this, null, function* () {
     const innerElement = aLibRequireElement(originalElement);
     const promise = new Promise((resolve) => {
-      if (innerElement.hidden) {
+      if (!innerElement.hidden) {
         resolve();
         return;
       }
@@ -98,23 +172,18 @@ function aLibHideElement(originalElement) {
       const animationHandler = () => {
         clearTimeout(timeout);
         innerElement.removeEventListener("animationend", animationHandler);
-        innerElement.hidden = true;
-        innerElement.classList.remove("a-out-animation");
         resolve();
       };
-      innerElement.classList.add("a-out-animation");
+      innerElement.hidden = false;
       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();
       }
     });
@@ -122,9 +191,13 @@ function aLibHideElement(originalElement) {
   });
 }
 
-// src/AngelsFrontLibrary.ts
+// src/AngelsFrontLoader.ts
+window.aEngageElement = aLibEngageElement;
+window.aConcealElement = aLibConcealElement;
+window.aRevealElement = aLibRevealElement;
+window.aFindElement = aLibFindElement;
 window.aHideElement = aLibHideElement;
 window.aRequireElement = aLibRequireElement;
 window.aShowElement = aLibShowElement;
 window.aToggleElement = aLibToggleElement;
-//# sourceMappingURL=AngelsFrontLibrary.js.map
+//# sourceMappingURL=AngelsFrontLoader.js.map

package/dist/AngelsFrontLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/AngelsElement.ts","../src/AngelsFrontDOMLibrary.ts","../src/AngelsFrontAnimationLibrary.ts","../src/AngelsFrontLoader.ts"],"sourcesContent":["export type AngelsElement<TElement extends HTMLElement = HTMLElement> = AngelsElementClass<TElement> & TElement;\n\nexport class AngelsElementClass<TElement extends HTMLElement = HTMLElement> {\n\n    protected originalElement: TElement;\n\n    constructor(element: TElement) {\n\n        this.originalElement = element;\n\n        return new Proxy(this, {\n            get(target: any, prop: string | symbol, receiver: any) {\n                if (prop in target) {\n                    return target[prop];\n                }\n                return target.originalElement[prop];\n            },\n\n            set(target: any, prop: string | symbol, newValue: any, receiver: any) {\n                if (prop in target) {\n                    target[prop] = newValue;\n                } else {\n                    target.originalElement[prop] = newValue;\n                }\n                return true;\n            }\n        });\n    }\n\n    aHideElement(): this {\n        this.originalElement.hidden = true;\n        return this;\n    }\n\n    aShowElement(): this {\n        this.originalElement.hidden = false;\n        return this;\n    }\n\n    aTextContent(): string;\n    aTextContent(content: string): this;\n    aTextContent(content: string | undefined = undefined): this | string {\n        if (content === undefined) {\n            return this.originalElement.textContent ?? ``;\n        }\n        this.originalElement.textContent = content.toString();\n        return this;\n    }\n}\n","import { AngelsElement, AngelsElementClass } from \"./AngelsElement\";\n\nexport function aLibFindElement<THTMLElement extends HTMLElement>(selector: AngelsSelectorType<THTMLElement>): AngelsElement<THTMLElement> | null {\n\n    let element: THTMLElement;\n    if (typeof selector === 'undefined') {\n        return null;\n    } else if (selector === null) {\n        return null;\n    } else if (typeof selector === 'string') {\n        const findElement = document.querySelector<THTMLElement>(selector);\n        if (!findElement) {\n            return null;\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 if (selector instanceof AngelsElementClass) {\n        return selector as AngelsElement<THTMLElement>;\n    } else {\n        element = selector;\n    }\n    return new AngelsElementClass(element) as AngelsElement<THTMLElement>;\n}\n\nexport function aLibRequireElement<THTMLElement extends HTMLElement>(selector: AngelsSelectorType): AngelsElement<THTMLElement> {\n    const element = aLibFindElement<THTMLElement>(selector);\n    if (element) {\n        return element;\n    }\n    throw Error(`Element not found by '${selector}' selector.`);\n}\n\nexport function aLibHideElement<THTMLElement extends HTMLElement>(selector: AngelsSelectorType): AngelsElement<THTMLElement> {\n    const element = aLibRequireElement<THTMLElement>(selector);\n    element.hidden = true;\n    return element;\n}\n\nexport function aLibShowElement<THTMLElement extends HTMLElement>(selector: AngelsSelectorType): AngelsElement<THTMLElement> {\n    const element = aLibRequireElement<THTMLElement>(selector);\n    element.hidden = false;\n    return element;\n}\n\nexport 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 aLibShowElement(innerElement);\n    } else {\n        return aLibHideElement(innerElement);\n    }\n}\n","import { aLibRequireElement } from \"./AngelsFrontDOMLibrary\";\n\nexport async function aLibEngageElement(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 aLibRevealElement(innerElement);\n    } else {\n        return await aLibConcealElement(innerElement);\n    }\n}\n\nexport async function aLibConcealElement(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\nexport async function aLibRevealElement(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","import { aLibConcealElement, aLibRevealElement, aLibEngageElement } from \"./AngelsFrontAnimationLibrary\";\n\nwindow.aEngageElement = aLibEngageElement;\nwindow.aConcealElement = aLibConcealElement;\nwindow.aRevealElement = aLibRevealElement;\n\nimport { aLibFindElement, aLibHideElement, aLibRequireElement, aLibShowElement, aLibToggleElement } from \"./AngelsFrontDOMLibrary\";\n\nwindow.aFindElement = aLibFindElement;\nwindow.aHideElement = aLibHideElement;\nwindow.aRequireElement = aLibRequireElement;\nwindow.aShowElement = aLibShowElement;\nwindow.aToggleElement = aLibToggleElement;\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angelscmf/front",
-  "version": "1.0.28",
+  "version": "1.0.29",
   "description": "",
   "license": "UNLICENSED",
   "author": "",

package/sass/AngelsDesign.scss

@@ -20,5 +20,6 @@
 @forward 'angelsTags/a-igrid';
 @forward 'angelsTags/a-infra';
 @forward 'angelsTags/a-page';
+@forward 'angelsTags/a-state';
 @forward 'angelsTags/a-table';
 @forward 'angelsAnimation/AngelsAnimations';

package/sass/angelsMessages/_AngelsAlert.scss

@@ -6,34 +6,44 @@
     --a-alert-color: #d90429;
 }
 
+a-alert {
+    display: block;
+}
+
 a-alert,
 div.a-alert,
-p.a-alert {
-    display: block;
+p.a-alert,
+unknown {
+    border-left: 4px solid var(--a-alert-borderColor);
+    border-radius: var(--a-borderRadius);
     padding: var(--a-alert-space);
 }
 
 a-brick.a-alert,
 a.a-alert,
-span.a-alert {
-    padding: 0 var(--a-alert-spaceHalf);
+span.a-alert,
+unknown {
+    border-radius: var(--a-borderRadius);
+    padding-left: var(--a-alert-spaceHalf);
+    padding-right: var(--a-alert-spaceHalf);
 }
 
 ul.a-alert {
-    list-style-type: disc;
-    padding-top: var(--a-alert-space);
-    padding-bottom: var(--a-alert-space);
+    border-radius: var(--a-borderRadius);
+    border-left: 4px solid var(--a-alert-borderColor);
 }
 
 a-alert,
 .a-alert {
     background: var(--a-alert-background);
-    border-left: 4px solid var(--a-alert-borderColor);
     color: var(--a-alert-color);
-    border-radius: var(--a-borderRadius);
-    position: relative;
 
     &:empty {
         display: none;
     }
+}
+
+a-table.a-alert,
+.a-table.a-alert {
+    --a-table-backgroundColor: var(--a-alert-background)
 }

package/sass/angelsMessages/_AngelsDebug.scss

@@ -6,32 +6,37 @@
     --a-debug-color: #443c78;
 }
 
+a-debug {
+    display: block;
+}
+
 a-debug,
 div.a-debug,
-p.a-debug {
-    display: block;
+p.a-debug,
+unknown {
+    border-left: 4px solid var(--a-debug-borderColor);
+    border-radius: var(--a-borderRadius);
     padding: var(--a-debug-space);
 }
 
 a-brick.a-debug,
 a.a-debug,
-span.a-debug {
-    padding: 0 var(--a-debug-spaceHalf);
+span.a-debug,
+unknown {
+    border-radius: var(--a-borderRadius);
+    padding-left: var(--a-debug-spaceHalf);
+    padding-right: var(--a-debug-spaceHalf);
 }
 
 ul.a-debug {
-    list-style-type: disc;
-    padding-top: var(--a-debug-space);
-    padding-bottom: var(--a-debug-space);
+    border-radius: var(--a-borderRadius);
+    border-left: 4px solid var(--a-debug-borderColor);
 }
 
 a-debug,
 .a-debug {
     background: var(--a-debug-background);
-    border-left: 4px solid var(--a-debug-borderColor);
     color: var(--a-debug-color);
-    border-radius: var(--a-borderRadius);
-    position: relative;
 
     &:empty {
         display: none;

package/sass/angelsMessages/_AngelsDone.scss

@@ -6,32 +6,37 @@
     --a-done-color: #1b7944;
 }
 
+a-done {
+    display: block;
+}
+
 a-done,
 div.a-done,
-p.a-done {
-    display: block;
+p.a-done,
+unknown {
+    border-left: 4px solid var(--a-done-borderColor);
+    border-radius: var(--a-borderRadius);
     padding: var(--a-done-space);
 }
 
 a-brick.a-done,
 a.a-done,
-span.a-done {
-    padding: 0 var(--a-done-spaceHalf);
+span.a-done,
+unknown {
+    border-radius: var(--a-borderRadius);
+    padding-left: var(--a-done-spaceHalf);
+    padding-right: var(--a-done-spaceHalf);
 }
 
 ul.a-done {
-    list-style-type: disc;
-    padding-top: var(--a-done-space);
-    padding-bottom: var(--a-done-space);
+    border-radius: var(--a-borderRadius);
+    border-left: 4px solid var(--a-done-borderColor);
 }
 
 a-done,
 .a-done {
     background: var(--a-done-background);
-    border-left: 4px solid var(--a-done-borderColor);
     color: var(--a-done-color);
-    border-radius: var(--a-borderRadius);
-    position: relative;
 
     &:empty {
         display: none;