@angelscmf/front 1.0.29 → 1.0.31

package/dist/AngelsFrontAnimationLibrary.d.ts

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

package/dist/AngelsFrontAnimationLibrary.js

@@ -1,3 +1,21 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -19,43 +37,72 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 
-// src/AngelsElement.ts
-var AngelsElementClass = class {
+// src/AngelsFrontAnimationLibrary.ts
+var AngelsFrontAnimationLibrary_exports = {};
+__export(AngelsFrontAnimationLibrary_exports, {
+  aLibConcealElement: () => aLibConcealElement,
+  aLibEngageElement: () => aLibEngageElement,
+  aLibRevealElement: () => aLibRevealElement
+});
+module.exports = __toCommonJS(AngelsFrontAnimationLibrary_exports);
+
+// src/AngelsFrontElement.ts
+var AngelsFrontElementClass = class _AngelsFrontElementClass {
   constructor(element) {
-    this.originalElement = element;
+    this.aProxyBaseClass = _AngelsFrontElementClass;
+    this.elementBase = element;
     return new Proxy(this, {
       get(target, prop, receiver) {
         if (prop in target) {
-          return target[prop];
+          return Reflect.get(target, prop);
+        }
+        const valueOfProperty = Reflect.get(target.elementBase, prop);
+        if (typeof valueOfProperty === "function") {
+          return valueOfProperty.bind(target.elementBase);
         }
-        return target.originalElement[prop];
+        return valueOfProperty;
       },
       set(target, prop, newValue, receiver) {
-        if (prop in target) {
-          target[prop] = newValue;
+        if (prop in target.elementBase) {
+          target.elementBase[prop] = newValue;
         } else {
-          target.originalElement[prop] = newValue;
+          target[prop] = newValue;
         }
         return true;
       }
     });
   }
+  aConcealElement() {
+    aLibConcealElement(this.elementBase);
+    return this;
+  }
+  aEngageElement(switcher = void 0) {
+    aLibEngageElement(this.elementBase, switcher);
+    return this;
+  }
   aHideElement() {
-    this.originalElement.hidden = true;
+    this.elementBase.hidden = true;
+    return this;
+  }
+  aRevealElement() {
+    aLibRevealElement(this.elementBase);
     return this;
   }
   aShowElement() {
-    this.originalElement.hidden = false;
+    this.elementBase.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();
+  aSetTextContent(content) {
+    const contentToSet = content.toString();
+    this.elementBase.textContent = contentToSet;
     return this;
   }
+  aTextContent() {
+    if (this.elementBase.textContent === null) {
+      return ``;
+    }
+    return this.elementBase.textContent;
+  }
 };
 
 // src/AngelsFrontDOMLibrary.ts
@@ -75,12 +122,12 @@ function aLibFindElement(selector) {
     element = selector;
   } else if (selector instanceof Element) {
     element = selector;
-  } else if (selector instanceof AngelsElementClass) {
+  } else if (selector instanceof AngelsFrontElementClass) {
     return selector;
   } else {
     element = selector;
   }
-  return new AngelsElementClass(element);
+  return new AngelsFrontElementClass(element);
 }
 function aLibRequireElement(selector) {
   const element = aLibFindElement(selector);
@@ -91,19 +138,6 @@ function aLibRequireElement(selector) {
 }
 
 // src/AngelsFrontAnimationLibrary.ts
-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);
@@ -139,6 +173,19 @@ function aLibConcealElement(originalElement) {
     return promise;
   });
 }
+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 aLibRevealElement(originalElement) {
   return __async(this, null, function* () {
     const innerElement = aLibRequireElement(originalElement);
@@ -169,9 +216,10 @@ function aLibRevealElement(originalElement) {
     return promise;
   });
 }
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   aLibConcealElement,
   aLibEngageElement,
   aLibRevealElement
-};
+});
 //# sourceMappingURL=AngelsFrontAnimationLibrary.js.map

package/dist/AngelsFrontAnimationLibrary.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/AngelsElement.ts","../src/AngelsFrontDOMLibrary.ts","../src/AngelsFrontAnimationLibrary.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"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/AngelsFrontAnimationLibrary.ts","../src/AngelsFrontElement.ts","../src/AngelsFrontDOMLibrary.ts"],"sourcesContent":["import { aLibRequireElement } from \"./AngelsFrontDOMLibrary\";\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 aLibEngageElement(originalElement: AngelsSelectorType, switcher: boolean | undefined = undefined) {\n    const innerElement = aLibRequireElement(originalElement);\n    if (switcher === undefined) {\n        switcher = innerElement.hidden;\n    }\n\n    if (switcher) {\n        return await aLibRevealElement(innerElement);\n    } else {\n        return await aLibConcealElement(innerElement);\n    }\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, aLibEngageElement, aLibRevealElement } from \"./AngelsFrontAnimationLibrary\";\n\nexport type AngelsFrontElement<THTMLElement extends HTMLElement = HTMLElement> = AngelsFrontElementClass<THTMLElement> & THTMLElement;\n\nexport default class AngelsFrontElementClass<THTMLElement extends HTMLElement = HTMLElement> {\n\n    public elementBase: THTMLElement;\n    aProxyBaseClass: typeof AngelsFrontElementClass = AngelsFrontElementClass;\n\n    constructor(element: THTMLElement) {\n\n        this.elementBase = element;\n\n        return new Proxy(this, {\n\n            get(target: AngelsFrontElementClass, prop: string | symbol, receiver: any) {\n                if (prop in target) {\n                    // @test AngelsFrontElementClass proxies methods to the original element\n                    return Reflect.get(target, prop);\n                }\n                // @test AngelsFrontElementClass uses methods of the main object\n                const valueOfProperty = Reflect.get(target.elementBase, prop);\n                if (typeof valueOfProperty === 'function') {\n                    return valueOfProperty.bind(target.elementBase);\n                }\n                return valueOfProperty;\n            },\n\n            set(target: AngelsFrontElementClass, prop: string | symbol, newValue: any, receiver: any) {\n                if (prop in target.elementBase) {\n                    // @test AngelsFrontElementClass sets properties on the original element\n                    (target as any).elementBase[prop] = newValue;\n                } else {\n                    // @test AngelsFrontElementClass sets properties on the main object\n                    (target as any)[prop] = newValue;\n                }\n                return true;\n            }\n        }) as unknown as AngelsFrontElement<THTMLElement>;\n    }\n\n    aConcealElement(): this {\n\n        // @test aConcealElement() calls aLibConcealElement() with the original element\n        aLibConcealElement(this.elementBase);\n\n        // @test aConcealElement() returns this\n        return this;\n    }\n\n    aEngageElement(switcher: boolean | undefined = undefined): this {\n\n        // @test aEngageElement() calls aLibEngageElement() with the original element and the same switcher\n        aLibEngageElement(this.elementBase, switcher);\n\n        // @test aEngageElement() returns this\n        return this;\n    }\n\n    aHideElement(): this {\n\n        // @test aHideElement() sets the hidden property of the element to true\n        this.elementBase.hidden = true;\n\n        // @test aHideElement() returns this\n        return this;\n    }\n\n    aRevealElement(): this {\n\n        // @test aRevealElement() calls aLibRevealElement() with the original element\n        aLibRevealElement(this.elementBase);\n\n        // @test aRevealElement() returns this\n        return this;\n    }\n\n    aShowElement(): this {\n\n        // @test aShowElement() sets the hidden property of the element to false\n        this.elementBase.hidden = false;\n\n        // @test aShowElement() returns this\n        return this;\n    }\n\n    aSetTextContent(content: string): this {\n\n        // @test aSetTextContent() converts non-string content to string before setting\n        const contentToSet = content.toString();\n\n        // @test aSetTextContent() sets elementBase.textContent\n        this.elementBase.textContent = contentToSet;\n\n        // @test aSetTextContent() returns this for chaining\n        return this;\n    }\n\n    aTextContent(): string {\n        if (this.elementBase.textContent === null) {\n            // @test aTextContent() returns empty string if elementBase.textContent is null\n            return ``;\n        }\n\n        // @test aTextContent() returns textContent of elementBase\n        return this.elementBase.textContent;\n    }\n}\n","import AngelsFrontElementClass, { AngelsFrontElement } from \"./AngelsFrontElement\";\nimport { AngelsFrontWidget } from \"./AngelsFrontWidgetClass\";\nimport AngelsFrontWidgetClass from \"./AngelsFrontWidgetClass\";\n\nexport function aLibCreateWidget<THTMLElement extends HTMLElement = HTMLElement>(element: THTMLElement): AngelsFrontWidget<THTMLElement> {\n    return (new AngelsFrontWidgetClass<THTMLElement>(element)) as AngelsFrontWidget<THTMLElement>;\n}\n\nexport function aLibFindElement<THTMLElement extends HTMLElement>(selector: AngelsSelectorType<THTMLElement>): AngelsFrontElement<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 AngelsFrontElementClass) {\n        return selector as AngelsFrontElement<THTMLElement>;\n    } else {\n        element = selector;\n    }\n    return new AngelsFrontElementClass(element) as AngelsFrontElement<THTMLElement>;\n}\n\nexport function aLibRequireElement<THTMLElement extends HTMLElement>(selector: AngelsSelectorType): AngelsFrontElement<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): AngelsFrontElement<THTMLElement> {\n    const element = aLibRequireElement<THTMLElement>(selector);\n    element.hidden = true;\n    return element;\n}\n\nexport function aLibPrepareElement<TWidgetHTMLElement extends HTMLElement = HTMLElement>(element: TWidgetHTMLElement | AngelsFrontElementClass<TWidgetHTMLElement>): AngelsFrontElement<TWidgetHTMLElement> {\n    let angelsFrontElement: AngelsFrontElement<TWidgetHTMLElement>;\n    if ('aProxyBaseClass' in element && element.aProxyBaseClass === AngelsFrontElementClass) {\n        // @test aLibPrepareElement() returns existing AngelsFrontElement when element has aProxyBaseClass\n        angelsFrontElement = element as AngelsFrontElement<TWidgetHTMLElement>;\n    } else if (element instanceof HTMLElement) {\n        // @test aLibPrepareElement() creates new AngelsFrontElement when element is HTMLElement\n        angelsFrontElement = new AngelsFrontElementClass(element) as AngelsFrontElement<TWidgetHTMLElement>;\n    } else {\n        // @test aLibPrepareElement() throws error when element is invalid type\n        throw Error('Cannot prepare element: invalid element type.');\n    }\n    return angelsFrontElement\n}\n\nexport function aLibShowElement<THTMLElement extends HTMLElement>(selector: AngelsSelectorType): AngelsFrontElement<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        // @test aLibToggleElement() toggles element when switcher undefined and hidden false\n        // @test aLibToggleElement() toggles element when switcher undefined and hidden true\n        switcher = innerElement.hidden;\n    }\n    if (switcher) {\n        // @test aLibToggleElement() shows element when switcher is true\n        return aLibShowElement(innerElement);\n    } else {\n        // @test aLibToggleElement() hides element when switcher is false\n        return aLibHideElement(innerElement);\n    }\n}\n"],"mappings":"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","names":[]}

package/dist/{AngelsFrontLoader.cjs → AngelsFrontAnimationLibrary.mjs}

@@ -1,4 +1,3 @@
-"use strict";
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -20,43 +19,63 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 
-// src/AngelsElement.ts
-var AngelsElementClass = class {
+// src/AngelsFrontElement.ts
+var AngelsFrontElementClass = class _AngelsFrontElementClass {
   constructor(element) {
-    this.originalElement = element;
+    this.aProxyBaseClass = _AngelsFrontElementClass;
+    this.elementBase = element;
     return new Proxy(this, {
       get(target, prop, receiver) {
         if (prop in target) {
-          return target[prop];
+          return Reflect.get(target, prop);
         }
-        return target.originalElement[prop];
+        const valueOfProperty = Reflect.get(target.elementBase, prop);
+        if (typeof valueOfProperty === "function") {
+          return valueOfProperty.bind(target.elementBase);
+        }
+        return valueOfProperty;
       },
       set(target, prop, newValue, receiver) {
-        if (prop in target) {
-          target[prop] = newValue;
+        if (prop in target.elementBase) {
+          target.elementBase[prop] = newValue;
         } else {
-          target.originalElement[prop] = newValue;
+          target[prop] = newValue;
         }
         return true;
       }
     });
   }
+  aConcealElement() {
+    aLibConcealElement(this.elementBase);
+    return this;
+  }
+  aEngageElement(switcher = void 0) {
+    aLibEngageElement(this.elementBase, switcher);
+    return this;
+  }
   aHideElement() {
-    this.originalElement.hidden = true;
+    this.elementBase.hidden = true;
+    return this;
+  }
+  aRevealElement() {
+    aLibRevealElement(this.elementBase);
     return this;
   }
   aShowElement() {
-    this.originalElement.hidden = false;
+    this.elementBase.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();
+  aSetTextContent(content) {
+    const contentToSet = content.toString();
+    this.elementBase.textContent = contentToSet;
     return this;
   }
+  aTextContent() {
+    if (this.elementBase.textContent === null) {
+      return ``;
+    }
+    return this.elementBase.textContent;
+  }
 };
 
 // src/AngelsFrontDOMLibrary.ts
@@ -76,12 +95,12 @@ function aLibFindElement(selector) {
     element = selector;
   } else if (selector instanceof Element) {
     element = selector;
-  } else if (selector instanceof AngelsElementClass) {
+  } else if (selector instanceof AngelsFrontElementClass) {
     return selector;
   } else {
     element = selector;
   }
-  return new AngelsElementClass(element);
+  return new AngelsFrontElementClass(element);
 }
 function aLibRequireElement(selector) {
   const element = aLibFindElement(selector);
@@ -90,42 +109,8 @@ function aLibRequireElement(selector) {
   }
   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 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);
@@ -161,6 +146,19 @@ function aLibConcealElement(originalElement) {
     return promise;
   });
 }
+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 aLibRevealElement(originalElement) {
   return __async(this, null, function* () {
     const innerElement = aLibRequireElement(originalElement);
@@ -191,14 +189,9 @@ function aLibRevealElement(originalElement) {
     return promise;
   });
 }
-
-// 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=AngelsFrontLoader.cjs.map
+export {
+  aLibConcealElement,
+  aLibEngageElement,
+  aLibRevealElement
+};
+//# sourceMappingURL=AngelsFrontAnimationLibrary.mjs.map

package/dist/AngelsFrontAnimationLibrary.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/AngelsFrontElement.ts","../src/AngelsFrontDOMLibrary.ts","../src/AngelsFrontAnimationLibrary.ts"],"sourcesContent":["import { aLibConcealElement, aLibEngageElement, aLibRevealElement } from \"./AngelsFrontAnimationLibrary\";\n\nexport type AngelsFrontElement<THTMLElement extends HTMLElement = HTMLElement> = AngelsFrontElementClass<THTMLElement> & THTMLElement;\n\nexport default class AngelsFrontElementClass<THTMLElement extends HTMLElement = HTMLElement> {\n\n    public elementBase: THTMLElement;\n    aProxyBaseClass: typeof AngelsFrontElementClass = AngelsFrontElementClass;\n\n    constructor(element: THTMLElement) {\n\n        this.elementBase = element;\n\n        return new Proxy(this, {\n\n            get(target: AngelsFrontElementClass, prop: string | symbol, receiver: any) {\n                if (prop in target) {\n                    // @test AngelsFrontElementClass proxies methods to the original element\n                    return Reflect.get(target, prop);\n                }\n                // @test AngelsFrontElementClass uses methods of the main object\n                const valueOfProperty = Reflect.get(target.elementBase, prop);\n                if (typeof valueOfProperty === 'function') {\n                    return valueOfProperty.bind(target.elementBase);\n                }\n                return valueOfProperty;\n            },\n\n            set(target: AngelsFrontElementClass, prop: string | symbol, newValue: any, receiver: any) {\n                if (prop in target.elementBase) {\n                    // @test AngelsFrontElementClass sets properties on the original element\n                    (target as any).elementBase[prop] = newValue;\n                } else {\n                    // @test AngelsFrontElementClass sets properties on the main object\n                    (target as any)[prop] = newValue;\n                }\n                return true;\n            }\n        }) as unknown as AngelsFrontElement<THTMLElement>;\n    }\n\n    aConcealElement(): this {\n\n        // @test aConcealElement() calls aLibConcealElement() with the original element\n        aLibConcealElement(this.elementBase);\n\n        // @test aConcealElement() returns this\n        return this;\n    }\n\n    aEngageElement(switcher: boolean | undefined = undefined): this {\n\n        // @test aEngageElement() calls aLibEngageElement() with the original element and the same switcher\n        aLibEngageElement(this.elementBase, switcher);\n\n        // @test aEngageElement() returns this\n        return this;\n    }\n\n    aHideElement(): this {\n\n        // @test aHideElement() sets the hidden property of the element to true\n        this.elementBase.hidden = true;\n\n        // @test aHideElement() returns this\n        return this;\n    }\n\n    aRevealElement(): this {\n\n        // @test aRevealElement() calls aLibRevealElement() with the original element\n        aLibRevealElement(this.elementBase);\n\n        // @test aRevealElement() returns this\n        return this;\n    }\n\n    aShowElement(): this {\n\n        // @test aShowElement() sets the hidden property of the element to false\n        this.elementBase.hidden = false;\n\n        // @test aShowElement() returns this\n        return this;\n    }\n\n    aSetTextContent(content: string): this {\n\n        // @test aSetTextContent() converts non-string content to string before setting\n        const contentToSet = content.toString();\n\n        // @test aSetTextContent() sets elementBase.textContent\n        this.elementBase.textContent = contentToSet;\n\n        // @test aSetTextContent() returns this for chaining\n        return this;\n    }\n\n    aTextContent(): string {\n        if (this.elementBase.textContent === null) {\n            // @test aTextContent() returns empty string if elementBase.textContent is null\n            return ``;\n        }\n\n        // @test aTextContent() returns textContent of elementBase\n        return this.elementBase.textContent;\n    }\n}\n","import AngelsFrontElementClass, { AngelsFrontElement } from \"./AngelsFrontElement\";\nimport { AngelsFrontWidget } from \"./AngelsFrontWidgetClass\";\nimport AngelsFrontWidgetClass from \"./AngelsFrontWidgetClass\";\n\nexport function aLibCreateWidget<THTMLElement extends HTMLElement = HTMLElement>(element: THTMLElement): AngelsFrontWidget<THTMLElement> {\n    return (new AngelsFrontWidgetClass<THTMLElement>(element)) as AngelsFrontWidget<THTMLElement>;\n}\n\nexport function aLibFindElement<THTMLElement extends HTMLElement>(selector: AngelsSelectorType<THTMLElement>): AngelsFrontElement<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 AngelsFrontElementClass) {\n        return selector as AngelsFrontElement<THTMLElement>;\n    } else {\n        element = selector;\n    }\n    return new AngelsFrontElementClass(element) as AngelsFrontElement<THTMLElement>;\n}\n\nexport function aLibRequireElement<THTMLElement extends HTMLElement>(selector: AngelsSelectorType): AngelsFrontElement<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): AngelsFrontElement<THTMLElement> {\n    const element = aLibRequireElement<THTMLElement>(selector);\n    element.hidden = true;\n    return element;\n}\n\nexport function aLibPrepareElement<TWidgetHTMLElement extends HTMLElement = HTMLElement>(element: TWidgetHTMLElement | AngelsFrontElementClass<TWidgetHTMLElement>): AngelsFrontElement<TWidgetHTMLElement> {\n    let angelsFrontElement: AngelsFrontElement<TWidgetHTMLElement>;\n    if ('aProxyBaseClass' in element && element.aProxyBaseClass === AngelsFrontElementClass) {\n        // @test aLibPrepareElement() returns existing AngelsFrontElement when element has aProxyBaseClass\n        angelsFrontElement = element as AngelsFrontElement<TWidgetHTMLElement>;\n    } else if (element instanceof HTMLElement) {\n        // @test aLibPrepareElement() creates new AngelsFrontElement when element is HTMLElement\n        angelsFrontElement = new AngelsFrontElementClass(element) as AngelsFrontElement<TWidgetHTMLElement>;\n    } else {\n        // @test aLibPrepareElement() throws error when element is invalid type\n        throw Error('Cannot prepare element: invalid element type.');\n    }\n    return angelsFrontElement\n}\n\nexport function aLibShowElement<THTMLElement extends HTMLElement>(selector: AngelsSelectorType): AngelsFrontElement<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        // @test aLibToggleElement() toggles element when switcher undefined and hidden false\n        // @test aLibToggleElement() toggles element when switcher undefined and hidden true\n        switcher = innerElement.hidden;\n    }\n    if (switcher) {\n        // @test aLibToggleElement() shows element when switcher is true\n        return aLibShowElement(innerElement);\n    } else {\n        // @test aLibToggleElement() hides element when switcher is false\n        return aLibHideElement(innerElement);\n    }\n}\n","import { aLibRequireElement } from \"./AngelsFrontDOMLibrary\";\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 aLibEngageElement(originalElement: AngelsSelectorType, switcher: boolean | undefined = undefined) {\n    const innerElement = aLibRequireElement(originalElement);\n    if (switcher === undefined) {\n        switcher = innerElement.hidden;\n    }\n\n    if (switcher) {\n        return await aLibRevealElement(innerElement);\n    } else {\n        return await aLibConcealElement(innerElement);\n    }\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"],"mappings":"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","names":[]}

package/dist/AngelsFrontApplication.d.mts

@@ -0,0 +1,11 @@
+import AngelsFrontWidgetClass from './AngelsFrontWidgetClass.mjs';
+import './AngelsFrontElement.mjs';
+import './AngelsFrontMod.mjs';
+
+/**
+ * @example new AngelsFrontApplication(document.body)
+ */
+declare class AngelsFrontApplication extends AngelsFrontWidgetClass {
+}
+
+export { AngelsFrontApplication as default };

package/dist/AngelsFrontApplication.d.ts

@@ -1,10 +1,11 @@
-import AngelsFrontComponent from './AngelsFrontComponent.js';
+import AngelsFrontWidgetClass from './AngelsFrontWidgetClass.js';
+import './AngelsFrontElement.js';
 import './AngelsFrontMod.js';
 
 /**
  * @example new AngelsFrontApplication(document.body)
  */
-declare class AngelsFrontApplication extends AngelsFrontComponent {
+declare class AngelsFrontApplication extends AngelsFrontWidgetClass {
 }
 
 export { AngelsFrontApplication as default };