@angelscmf/front 1.0.1 → 1.0.3

package/README.md

@@ -0,0 +1,7 @@
+# Install
+
+> npm i @angelscmf/front
+
+or
+
+> npm i -D @angelscmf/front

package/dist/AngelsFrontApplication.d.mts

@@ -1,30 +1,10 @@
-import AngelsMod from './AngelsMod.mjs';
+import AngelsFrontComponent from './AngelsFrontComponent.mjs';
+import './AngelsFrontMod.mjs';
 
-declare class AngelsApplicationCore {
-    protected appMods: Set<AngelsMod>;
-    constructor();
-    appStart(): void;
-    appStop(): void;
-    /**
-     * Inits the Angels' Application.
-     */
-    appInit(): void;
-    /**
-     * Binds Angels' Application's handlers.
-     */
-    appBind(): void;
-    appLink(): void;
-    /**
-     * Runs the Angels' Application.
-     */
-    appRun(): void;
-    appWait(): void;
-    appDeInit(): void;
-    appDeBind(): void;
-    appDeLink(): void;
-    appDeRun(): void;
-    appDeWait(): void;
-    appAddMod<TMod extends AngelsMod>(mod: TMod): TMod;
+/**
+ * @example new AngelsFrontApplication(document.body)
+ */
+declare class AngelsFrontApplication extends AngelsFrontComponent {
 }
 
-export { AngelsApplicationCore as default };
+export { AngelsFrontApplication as default };

package/dist/AngelsFrontApplication.d.ts

@@ -1,30 +1,10 @@
-import AngelsMod from './AngelsMod.js';
+import AngelsFrontComponent from './AngelsFrontComponent.js';
+import './AngelsFrontMod.js';
 
-declare class AngelsApplicationCore {
-    protected appMods: Set<AngelsMod>;
-    constructor();
-    appStart(): void;
-    appStop(): void;
-    /**
-     * Inits the Angels' Application.
-     */
-    appInit(): void;
-    /**
-     * Binds Angels' Application's handlers.
-     */
-    appBind(): void;
-    appLink(): void;
-    /**
-     * Runs the Angels' Application.
-     */
-    appRun(): void;
-    appWait(): void;
-    appDeInit(): void;
-    appDeBind(): void;
-    appDeLink(): void;
-    appDeRun(): void;
-    appDeWait(): void;
-    appAddMod<TMod extends AngelsMod>(mod: TMod): TMod;
+/**
+ * @example new AngelsFrontApplication(document.body)
+ */
+declare class AngelsFrontApplication extends AngelsFrontComponent {
 }
 
-export { AngelsApplicationCore as default };
+export { AngelsFrontApplication as default };

package/dist/AngelsFrontApplication.js

@@ -20,69 +20,136 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/AngelsFrontApplication.ts
 var AngelsFrontApplication_exports = {};
 __export(AngelsFrontApplication_exports, {
-  default: () => AngelsApplicationCore
+  default: () => AngelsFrontApplication
 });
 module.exports = __toCommonJS(AngelsFrontApplication_exports);
-var AngelsApplicationCore = class {
+
+// src/AngelsFrontMod.ts
+var AngelsFrontMod = class {
   constructor() {
-    this.appMods = /* @__PURE__ */ new Set();
-  }
-  appStart() {
-    this.appInit();
-    this.appBind();
-    this.appLink();
-    this.appRun();
-    this.appWait();
-  }
-  appStop() {
-    this.appDeWait();
-    this.appDeBind();
-    this.appDeLink();
-    this.appDeBind();
-    this.appDeInit();
+    this.modWaitStartTimeout = 1e3;
+    this.modSubModArray = new Array();
+  }
+  /**
+   * Starts AngelsFrontMod.
+   */
+  modStart() {
+    this.modInit();
+    this.modBind();
+    this.modLink();
+    this.modRun();
+    setTimeout(() => {
+      this.modWait();
+    }, this.modWaitStartTimeout);
+  }
+  /**
+   * Finishes AngelsFrontMod.
+   */
+  modFinish() {
+    this.modDeWait();
+    this.modDeRun();
+    this.modDeLink();
+    this.modDeBind();
+    this.modDeInit();
+  }
+  /**
+   * Inits AngelsFrontMod and its sub-modules AngelsFrontMod.
+   */
+  modInit() {
+    this.modSubModArray.forEach((mod) => mod.modInit());
+  }
+  /**
+   * Binds AngelsFrontMod and its sub-modules AngelsFrontMod.
+   */
+  modBind() {
+    this.modSubModArray.forEach((mod) => mod.modBind());
   }
   /**
-   * Inits the Angels' Application.
+   * Links AngelsFrontMod and its sub-modules AngelsFrontMod.
    */
-  appInit() {
-    this.appMods.forEach((mod) => mod.modInit());
+  modLink() {
+    this.modSubModArray.forEach((mod) => mod.modLink());
   }
   /**
-   * Binds Angels' Application's handlers.
+   * Runs AngelsFrontMod and its sub-modules AngelsFrontMod.
    */
-  appBind() {
-    this.appMods.forEach((mod) => mod.modBind());
+  modRun() {
+    this.modSubModArray.forEach((mod) => mod.modRun());
   }
-  appLink() {
-    this.appMods.forEach((mod) => mod.modBind());
+  /**
+   * Waits AngelsFrontMod and its sub-modules AngelsFrontMod.
+   */
+  modWait() {
+    this.modSubModArray.forEach((mod) => mod.modWait());
   }
   /**
-   * Runs the Angels' Application.
+   * DeInits AngelsFrontMod and its sub-modules AngelsFrontMod.
    */
-  appRun() {
-    this.appMods.forEach((mod) => mod.modRun());
+  modDeInit() {
+    this.modSubModArray.forEach((mod) => mod.modDeInit());
   }
-  appWait() {
-    this.appMods.forEach((mod) => mod.modWait());
+  /**
+   * DeBinds AngelsFrontMod and its sub-modules AngelsFrontMod.
+   */
+  modDeBind() {
+    this.modSubModArray.forEach((mod) => mod.modDeBind());
   }
-  appDeInit() {
-    this.appMods.forEach((mod) => mod.modDeInit());
+  /**
+   * DeLinks AngelsFrontMod and its sub-modules AngelsFrontMod.
+   */
+  modDeLink() {
+    this.modSubModArray.forEach((mod) => mod.modDeLink());
   }
-  appDeBind() {
-    this.appMods.forEach((mod) => mod.modDeBind());
+  /**
+   * DeRuns AngelsFrontMod and its sub-modules AngelsFrontMod.
+   */
+  modDeRun() {
+    this.modSubModArray.forEach((mod) => mod.modDeRun());
   }
-  appDeLink() {
-    this.appMods.forEach((mod) => mod.modDeBind());
+  /**
+   * DeWaits AngelsFrontMod and its sub-modules AngelsFrontMod.
+   */
+  modDeWait() {
+    this.modSubModArray.forEach((mod) => mod.modDeWait());
   }
-  appDeRun() {
-    this.appMods.forEach((mod) => mod.modDeRun());
+  modDestructor() {
+    this.modSubModArray.forEach((mod) => mod.modDestructor());
   }
-  appDeWait() {
-    this.appMods.forEach((mod) => mod.modDeWait());
+  modAddSubMod(mod) {
+    if (mod) {
+      this.modSubModArray.push(mod);
+      return mod;
+    }
+    return null;
   }
-  appAddMod(mod) {
-    this.appMods.add(mod);
+  modRequireSubMod(mod) {
+    this.modSubModArray.push(mod);
     return mod;
   }
 };
+
+// src/AngelsFrontComponent.ts
+var AngelsFrontComponent = class extends AngelsFrontMod {
+  constructor(element) {
+    super();
+    this.comElement = element;
+  }
+  comFindElement(selector) {
+    return this.comElement.querySelector(selector);
+  }
+  comFindElements(selector) {
+    return Array.from(this.comElement.querySelectorAll(selector));
+  }
+  comRequireElement(selector) {
+    const element = this.comElement.querySelector(selector);
+    if (element) {
+      return element;
+    }
+    throw Error(`Element '${selector}' is not found.`);
+  }
+};
+
+// src/AngelsFrontApplication.ts
+var AngelsFrontApplication = class extends AngelsFrontComponent {
+};
 //# sourceMappingURL=AngelsFrontApplication.js.map

package/dist/AngelsFrontApplication.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/AngelsFrontApplication.ts"],"sourcesContent":["import AngelsMod from \"./AngelsMod\";\n\nexport default class AngelsApplicationCore {\n\n    protected appMods: Set<AngelsMod>;\n\n    constructor() {\n        this.appMods = new Set;\n    }\n\n    appStart() {\n        this.appInit();\n        this.appBind();\n        this.appLink();\n        this.appRun();\n        this.appWait();\n    }\n\n    appStop() {\n        this.appDeWait();\n        this.appDeBind();\n        this.appDeLink();\n        this.appDeBind();\n        this.appDeInit();\n    }\n\n    /**\n     * Inits the Angels' Application.\n     */\n    appInit() {\n        this.appMods.forEach(mod => mod.modInit())\n    }\n\n    /**\n     * Binds Angels' Application's handlers.\n     */\n    appBind() {\n        this.appMods.forEach(mod => mod.modBind())\n    }\n\n    appLink() {\n        this.appMods.forEach(mod => mod.modBind())\n    }\n\n    /**\n     * Runs the Angels' Application.\n     */\n    appRun() {\n        this.appMods.forEach(mod => mod.modRun())\n    }\n\n    appWait() {\n        this.appMods.forEach(mod => mod.modWait())\n    }\n\n    appDeInit() {\n        this.appMods.forEach(mod => mod.modDeInit())\n    }\n\n    appDeBind() {\n        this.appMods.forEach(mod => mod.modDeBind())\n    }\n\n    appDeLink() {\n        this.appMods.forEach(mod => mod.modDeBind())\n    }\n\n    appDeRun() {\n        this.appMods.forEach(mod => mod.modDeRun())\n    }\n\n    appDeWait() {\n        this.appMods.forEach(mod => mod.modDeWait())\n    }\n\n    appAddMod<TMod extends AngelsMod>(mod: TMod): TMod {\n        this.appMods.add(mod);\n        return mod;\n    }\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,IAAqB,wBAArB,MAA2C;AAAA,EAIvC,cAAc;AACV,SAAK,UAAU,oBAAI;AAAA,EACvB;AAAA,EAEA,WAAW;AACP,SAAK,QAAQ;AACb,SAAK,QAAQ;AACb,SAAK,QAAQ;AACb,SAAK,OAAO;AACZ,SAAK,QAAQ;AAAA,EACjB;AAAA,EAEA,UAAU;AACN,SAAK,UAAU;AACf,SAAK,UAAU;AACf,SAAK,UAAU;AACf,SAAK,UAAU;AACf,SAAK,UAAU;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACN,SAAK,QAAQ,QAAQ,SAAO,IAAI,QAAQ,CAAC;AAAA,EAC7C;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACN,SAAK,QAAQ,QAAQ,SAAO,IAAI,QAAQ,CAAC;AAAA,EAC7C;AAAA,EAEA,UAAU;AACN,SAAK,QAAQ,QAAQ,SAAO,IAAI,QAAQ,CAAC;AAAA,EAC7C;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS;AACL,SAAK,QAAQ,QAAQ,SAAO,IAAI,OAAO,CAAC;AAAA,EAC5C;AAAA,EAEA,UAAU;AACN,SAAK,QAAQ,QAAQ,SAAO,IAAI,QAAQ,CAAC;AAAA,EAC7C;AAAA,EAEA,YAAY;AACR,SAAK,QAAQ,QAAQ,SAAO,IAAI,UAAU,CAAC;AAAA,EAC/C;AAAA,EAEA,YAAY;AACR,SAAK,QAAQ,QAAQ,SAAO,IAAI,UAAU,CAAC;AAAA,EAC/C;AAAA,EAEA,YAAY;AACR,SAAK,QAAQ,QAAQ,SAAO,IAAI,UAAU,CAAC;AAAA,EAC/C;AAAA,EAEA,WAAW;AACP,SAAK,QAAQ,QAAQ,SAAO,IAAI,SAAS,CAAC;AAAA,EAC9C;AAAA,EAEA,YAAY;AACR,SAAK,QAAQ,QAAQ,SAAO,IAAI,UAAU,CAAC;AAAA,EAC/C;AAAA,EAEA,UAAkC,KAAiB;AAC/C,SAAK,QAAQ,IAAI,GAAG;AACpB,WAAO;AAAA,EACX;AACJ;","names":[]}
+{"version":3,"sources":["../src/AngelsFrontApplication.ts","../src/AngelsFrontMod.ts","../src/AngelsFrontComponent.ts"],"sourcesContent":["import AngelsFrontComponent from \"./AngelsFrontComponent\";\n\n/**\n * @example new AngelsFrontApplication(document.body)\n */\nexport default class AngelsFrontApplication extends AngelsFrontComponent {\n}","export default class AngelsFrontMod {\n\n    protected modSubModArray: Array<AngelsFrontMod>;\n    public modWaitStartTimeout = 1000;\n\n    constructor() {\n        this.modSubModArray = new Array;\n    }\n\n    /**\n     * Starts AngelsFrontMod.\n     */\n    modStart() {\n        this.modInit();\n        this.modBind();\n        this.modLink();\n        this.modRun();\n        setTimeout(() => {\n            this.modWait();\n        }, this.modWaitStartTimeout);\n    }\n\n    /**\n     * Finishes AngelsFrontMod.\n     */\n    modFinish() {\n        this.modDeWait();\n        this.modDeRun();\n        this.modDeLink();\n        this.modDeBind();\n        this.modDeInit();\n    }\n\n    /**\n     * Inits AngelsFrontMod and its sub-modules AngelsFrontMod.\n     */\n    modInit() {\n        this.modSubModArray.forEach(mod => mod.modInit());\n    }\n\n    /**\n     * Binds AngelsFrontMod and its sub-modules AngelsFrontMod.\n     */\n    modBind() {\n        this.modSubModArray.forEach(mod => mod.modBind());\n    }\n\n    /**\n     * Links AngelsFrontMod and its sub-modules AngelsFrontMod.\n     */\n    modLink() {\n        this.modSubModArray.forEach(mod => mod.modLink());\n    }\n\n    /**\n     * Runs AngelsFrontMod and its sub-modules AngelsFrontMod.\n     */\n    modRun() {\n        this.modSubModArray.forEach(mod => mod.modRun());\n    }\n\n    /**\n     * Waits AngelsFrontMod and its sub-modules AngelsFrontMod.\n     */\n    modWait() {\n        this.modSubModArray.forEach(mod => mod.modWait());\n    }\n\n    /**\n     * DeInits AngelsFrontMod and its sub-modules AngelsFrontMod.\n     */\n    modDeInit() {\n        this.modSubModArray.forEach(mod => mod.modDeInit());\n    }\n    /**\n     * DeBinds AngelsFrontMod and its sub-modules AngelsFrontMod.\n     */\n    modDeBind() {\n        this.modSubModArray.forEach(mod => mod.modDeBind());\n    }\n    /**\n     * DeLinks AngelsFrontMod and its sub-modules AngelsFrontMod.\n     */\n    modDeLink() {\n        this.modSubModArray.forEach(mod => mod.modDeLink());\n    }\n    /**\n     * DeRuns AngelsFrontMod and its sub-modules AngelsFrontMod.\n     */\n    modDeRun() {\n        this.modSubModArray.forEach(mod => mod.modDeRun());\n    }\n    /**\n     * DeWaits AngelsFrontMod and its sub-modules AngelsFrontMod.\n     */\n    modDeWait() {\n        this.modSubModArray.forEach(mod => mod.modDeWait());\n    }\n\n    modDestructor() {\n        this.modSubModArray.forEach(mod => mod.modDestructor());\n    }\n\n    modAddSubMod<T extends AngelsFrontMod>(mod: T | null): T | null {\n        if (mod) {\n            this.modSubModArray.push(mod);\n            return mod;\n        }\n        return null;\n    }\n\n    modRequireSubMod<T extends AngelsFrontMod>(mod: T): T {\n        this.modSubModArray.push(mod);\n        return mod;\n    }\n}","import AngelsFrontMod from \"./AngelsFrontMod\";\n\nexport default class AngelsFrontComponent extends AngelsFrontMod {\n\n    readonly comElement: Element;\n\n    constructor(element: Element) {\n        super();\n        this.comElement = element;\n    }\n\n    comFindElement(selector: string): Element | null {\n        return this.comElement.querySelector(selector);\n    }\n\n    comFindElements(selector: string): Array<Element> {\n        return Array.from(this.comElement.querySelectorAll(selector));\n    }\n\n    comRequireElement(selector: string): Element {\n        const element = this.comElement.querySelector(selector);\n        if (element) {\n            return element;\n        }\n        throw Error(`Element '${selector}' is not found.`);\n    }\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAqB,iBAArB,MAAoC;AAAA,EAKhC,cAAc;AAFd,SAAO,sBAAsB;AAGzB,SAAK,iBAAiB,IAAI;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA,EAKA,WAAW;AACP,SAAK,QAAQ;AACb,SAAK,QAAQ;AACb,SAAK,QAAQ;AACb,SAAK,OAAO;AACZ,eAAW,MAAM;AACb,WAAK,QAAQ;AAAA,IACjB,GAAG,KAAK,mBAAmB;AAAA,EAC/B;AAAA;AAAA;AAAA;AAAA,EAKA,YAAY;AACR,SAAK,UAAU;AACf,SAAK,SAAS;AACd,SAAK,UAAU;AACf,SAAK,UAAU;AACf,SAAK,UAAU;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACN,SAAK,eAAe,QAAQ,SAAO,IAAI,QAAQ,CAAC;AAAA,EACpD;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACN,SAAK,eAAe,QAAQ,SAAO,IAAI,QAAQ,CAAC;AAAA,EACpD;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACN,SAAK,eAAe,QAAQ,SAAO,IAAI,QAAQ,CAAC;AAAA,EACpD;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS;AACL,SAAK,eAAe,QAAQ,SAAO,IAAI,OAAO,CAAC;AAAA,EACnD;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACN,SAAK,eAAe,QAAQ,SAAO,IAAI,QAAQ,CAAC;AAAA,EACpD;AAAA;AAAA;AAAA;AAAA,EAKA,YAAY;AACR,SAAK,eAAe,QAAQ,SAAO,IAAI,UAAU,CAAC;AAAA,EACtD;AAAA;AAAA;AAAA;AAAA,EAIA,YAAY;AACR,SAAK,eAAe,QAAQ,SAAO,IAAI,UAAU,CAAC;AAAA,EACtD;AAAA;AAAA;AAAA;AAAA,EAIA,YAAY;AACR,SAAK,eAAe,QAAQ,SAAO,IAAI,UAAU,CAAC;AAAA,EACtD;AAAA;AAAA;AAAA;AAAA,EAIA,WAAW;AACP,SAAK,eAAe,QAAQ,SAAO,IAAI,SAAS,CAAC;AAAA,EACrD;AAAA;AAAA;AAAA;AAAA,EAIA,YAAY;AACR,SAAK,eAAe,QAAQ,SAAO,IAAI,UAAU,CAAC;AAAA,EACtD;AAAA,EAEA,gBAAgB;AACZ,SAAK,eAAe,QAAQ,SAAO,IAAI,cAAc,CAAC;AAAA,EAC1D;AAAA,EAEA,aAAuC,KAAyB;AAC5D,QAAI,KAAK;AACL,WAAK,eAAe,KAAK,GAAG;AAC5B,aAAO;AAAA,IACX;AACA,WAAO;AAAA,EACX;AAAA,EAEA,iBAA2C,KAAW;AAClD,SAAK,eAAe,KAAK,GAAG;AAC5B,WAAO;AAAA,EACX;AACJ;;;ACjHA,IAAqB,uBAArB,cAAkD,eAAe;AAAA,EAI7D,YAAY,SAAkB;AAC1B,UAAM;AACN,SAAK,aAAa;AAAA,EACtB;AAAA,EAEA,eAAe,UAAkC;AAC7C,WAAO,KAAK,WAAW,cAAc,QAAQ;AAAA,EACjD;AAAA,EAEA,gBAAgB,UAAkC;AAC9C,WAAO,MAAM,KAAK,KAAK,WAAW,iBAAiB,QAAQ,CAAC;AAAA,EAChE;AAAA,EAEA,kBAAkB,UAA2B;AACzC,UAAM,UAAU,KAAK,WAAW,cAAc,QAAQ;AACtD,QAAI,SAAS;AACT,aAAO;AAAA,IACX;AACA,UAAM,MAAM,YAAY,QAAQ,iBAAiB;AAAA,EACrD;AACJ;;;AFrBA,IAAqB,yBAArB,cAAoD,qBAAqB;AACzE;","names":[]}

package/dist/AngelsFrontApplication.mjs

@@ -1,67 +1,132 @@
-// src/AngelsFrontApplication.ts
-var AngelsApplicationCore = class {
+// src/AngelsFrontMod.ts
+var AngelsFrontMod = class {
   constructor() {
-    this.appMods = /* @__PURE__ */ new Set();
-  }
-  appStart() {
-    this.appInit();
-    this.appBind();
-    this.appLink();
-    this.appRun();
-    this.appWait();
-  }
-  appStop() {
-    this.appDeWait();
-    this.appDeBind();
-    this.appDeLink();
-    this.appDeBind();
-    this.appDeInit();
+    this.modWaitStartTimeout = 1e3;
+    this.modSubModArray = new Array();
+  }
+  /**
+   * Starts AngelsFrontMod.
+   */
+  modStart() {
+    this.modInit();
+    this.modBind();
+    this.modLink();
+    this.modRun();
+    setTimeout(() => {
+      this.modWait();
+    }, this.modWaitStartTimeout);
   }
   /**
-   * Inits the Angels' Application.
+   * Finishes AngelsFrontMod.
    */
-  appInit() {
-    this.appMods.forEach((mod) => mod.modInit());
+  modFinish() {
+    this.modDeWait();
+    this.modDeRun();
+    this.modDeLink();
+    this.modDeBind();
+    this.modDeInit();
   }
   /**
-   * Binds Angels' Application's handlers.
+   * Inits AngelsFrontMod and its sub-modules AngelsFrontMod.
    */
-  appBind() {
-    this.appMods.forEach((mod) => mod.modBind());
+  modInit() {
+    this.modSubModArray.forEach((mod) => mod.modInit());
   }
-  appLink() {
-    this.appMods.forEach((mod) => mod.modBind());
+  /**
+   * Binds AngelsFrontMod and its sub-modules AngelsFrontMod.
+   */
+  modBind() {
+    this.modSubModArray.forEach((mod) => mod.modBind());
+  }
+  /**
+   * Links AngelsFrontMod and its sub-modules AngelsFrontMod.
+   */
+  modLink() {
+    this.modSubModArray.forEach((mod) => mod.modLink());
+  }
+  /**
+   * Runs AngelsFrontMod and its sub-modules AngelsFrontMod.
+   */
+  modRun() {
+    this.modSubModArray.forEach((mod) => mod.modRun());
+  }
+  /**
+   * Waits AngelsFrontMod and its sub-modules AngelsFrontMod.
+   */
+  modWait() {
+    this.modSubModArray.forEach((mod) => mod.modWait());
   }
   /**
-   * Runs the Angels' Application.
+   * DeInits AngelsFrontMod and its sub-modules AngelsFrontMod.
    */
-  appRun() {
-    this.appMods.forEach((mod) => mod.modRun());
+  modDeInit() {
+    this.modSubModArray.forEach((mod) => mod.modDeInit());
   }
-  appWait() {
-    this.appMods.forEach((mod) => mod.modWait());
+  /**
+   * DeBinds AngelsFrontMod and its sub-modules AngelsFrontMod.
+   */
+  modDeBind() {
+    this.modSubModArray.forEach((mod) => mod.modDeBind());
   }
-  appDeInit() {
-    this.appMods.forEach((mod) => mod.modDeInit());
+  /**
+   * DeLinks AngelsFrontMod and its sub-modules AngelsFrontMod.
+   */
+  modDeLink() {
+    this.modSubModArray.forEach((mod) => mod.modDeLink());
   }
-  appDeBind() {
-    this.appMods.forEach((mod) => mod.modDeBind());
+  /**
+   * DeRuns AngelsFrontMod and its sub-modules AngelsFrontMod.
+   */
+  modDeRun() {
+    this.modSubModArray.forEach((mod) => mod.modDeRun());
   }
-  appDeLink() {
-    this.appMods.forEach((mod) => mod.modDeBind());
+  /**
+   * DeWaits AngelsFrontMod and its sub-modules AngelsFrontMod.
+   */
+  modDeWait() {
+    this.modSubModArray.forEach((mod) => mod.modDeWait());
   }
-  appDeRun() {
-    this.appMods.forEach((mod) => mod.modDeRun());
+  modDestructor() {
+    this.modSubModArray.forEach((mod) => mod.modDestructor());
   }
-  appDeWait() {
-    this.appMods.forEach((mod) => mod.modDeWait());
+  modAddSubMod(mod) {
+    if (mod) {
+      this.modSubModArray.push(mod);
+      return mod;
+    }
+    return null;
   }
-  appAddMod(mod) {
-    this.appMods.add(mod);
+  modRequireSubMod(mod) {
+    this.modSubModArray.push(mod);
     return mod;
   }
 };
+
+// src/AngelsFrontComponent.ts
+var AngelsFrontComponent = class extends AngelsFrontMod {
+  constructor(element) {
+    super();
+    this.comElement = element;
+  }
+  comFindElement(selector) {
+    return this.comElement.querySelector(selector);
+  }
+  comFindElements(selector) {
+    return Array.from(this.comElement.querySelectorAll(selector));
+  }
+  comRequireElement(selector) {
+    const element = this.comElement.querySelector(selector);
+    if (element) {
+      return element;
+    }
+    throw Error(`Element '${selector}' is not found.`);
+  }
+};
+
+// src/AngelsFrontApplication.ts
+var AngelsFrontApplication = class extends AngelsFrontComponent {
+};
 export {
-  AngelsApplicationCore as default
+  AngelsFrontApplication as default
 };
 //# sourceMappingURL=AngelsFrontApplication.mjs.map

package/dist/AngelsFrontApplication.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/AngelsFrontApplication.ts"],"sourcesContent":["import AngelsMod from \"./AngelsMod\";\n\nexport default class AngelsApplicationCore {\n\n    protected appMods: Set<AngelsMod>;\n\n    constructor() {\n        this.appMods = new Set;\n    }\n\n    appStart() {\n        this.appInit();\n        this.appBind();\n        this.appLink();\n        this.appRun();\n        this.appWait();\n    }\n\n    appStop() {\n        this.appDeWait();\n        this.appDeBind();\n        this.appDeLink();\n        this.appDeBind();\n        this.appDeInit();\n    }\n\n    /**\n     * Inits the Angels' Application.\n     */\n    appInit() {\n        this.appMods.forEach(mod => mod.modInit())\n    }\n\n    /**\n     * Binds Angels' Application's handlers.\n     */\n    appBind() {\n        this.appMods.forEach(mod => mod.modBind())\n    }\n\n    appLink() {\n        this.appMods.forEach(mod => mod.modBind())\n    }\n\n    /**\n     * Runs the Angels' Application.\n     */\n    appRun() {\n        this.appMods.forEach(mod => mod.modRun())\n    }\n\n    appWait() {\n        this.appMods.forEach(mod => mod.modWait())\n    }\n\n    appDeInit() {\n        this.appMods.forEach(mod => mod.modDeInit())\n    }\n\n    appDeBind() {\n        this.appMods.forEach(mod => mod.modDeBind())\n    }\n\n    appDeLink() {\n        this.appMods.forEach(mod => mod.modDeBind())\n    }\n\n    appDeRun() {\n        this.appMods.forEach(mod => mod.modDeRun())\n    }\n\n    appDeWait() {\n        this.appMods.forEach(mod => mod.modDeWait())\n    }\n\n    appAddMod<TMod extends AngelsMod>(mod: TMod): TMod {\n        this.appMods.add(mod);\n        return mod;\n    }\n}"],"mappings":";AAEA,IAAqB,wBAArB,MAA2C;AAAA,EAIvC,cAAc;AACV,SAAK,UAAU,oBAAI;AAAA,EACvB;AAAA,EAEA,WAAW;AACP,SAAK,QAAQ;AACb,SAAK,QAAQ;AACb,SAAK,QAAQ;AACb,SAAK,OAAO;AACZ,SAAK,QAAQ;AAAA,EACjB;AAAA,EAEA,UAAU;AACN,SAAK,UAAU;AACf,SAAK,UAAU;AACf,SAAK,UAAU;AACf,SAAK,UAAU;AACf,SAAK,UAAU;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACN,SAAK,QAAQ,QAAQ,SAAO,IAAI,QAAQ,CAAC;AAAA,EAC7C;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACN,SAAK,QAAQ,QAAQ,SAAO,IAAI,QAAQ,CAAC;AAAA,EAC7C;AAAA,EAEA,UAAU;AACN,SAAK,QAAQ,QAAQ,SAAO,IAAI,QAAQ,CAAC;AAAA,EAC7C;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS;AACL,SAAK,QAAQ,QAAQ,SAAO,IAAI,OAAO,CAAC;AAAA,EAC5C;AAAA,EAEA,UAAU;AACN,SAAK,QAAQ,QAAQ,SAAO,IAAI,QAAQ,CAAC;AAAA,EAC7C;AAAA,EAEA,YAAY;AACR,SAAK,QAAQ,QAAQ,SAAO,IAAI,UAAU,CAAC;AAAA,EAC/C;AAAA,EAEA,YAAY;AACR,SAAK,QAAQ,QAAQ,SAAO,IAAI,UAAU,CAAC;AAAA,EAC/C;AAAA,EAEA,YAAY;AACR,SAAK,QAAQ,QAAQ,SAAO,IAAI,UAAU,CAAC;AAAA,EAC/C;AAAA,EAEA,WAAW;AACP,SAAK,QAAQ,QAAQ,SAAO,IAAI,SAAS,CAAC;AAAA,EAC9C;AAAA,EAEA,YAAY;AACR,SAAK,QAAQ,QAAQ,SAAO,IAAI,UAAU,CAAC;AAAA,EAC/C;AAAA,EAEA,UAAkC,KAAiB;AAC/C,SAAK,QAAQ,IAAI,GAAG;AACpB,WAAO;AAAA,EACX;AACJ;","names":[]}
+{"version":3,"sources":["../src/AngelsFrontMod.ts","../src/AngelsFrontComponent.ts","../src/AngelsFrontApplication.ts"],"sourcesContent":["export default class AngelsFrontMod {\n\n    protected modSubModArray: Array<AngelsFrontMod>;\n    public modWaitStartTimeout = 1000;\n\n    constructor() {\n        this.modSubModArray = new Array;\n    }\n\n    /**\n     * Starts AngelsFrontMod.\n     */\n    modStart() {\n        this.modInit();\n        this.modBind();\n        this.modLink();\n        this.modRun();\n        setTimeout(() => {\n            this.modWait();\n        }, this.modWaitStartTimeout);\n    }\n\n    /**\n     * Finishes AngelsFrontMod.\n     */\n    modFinish() {\n        this.modDeWait();\n        this.modDeRun();\n        this.modDeLink();\n        this.modDeBind();\n        this.modDeInit();\n    }\n\n    /**\n     * Inits AngelsFrontMod and its sub-modules AngelsFrontMod.\n     */\n    modInit() {\n        this.modSubModArray.forEach(mod => mod.modInit());\n    }\n\n    /**\n     * Binds AngelsFrontMod and its sub-modules AngelsFrontMod.\n     */\n    modBind() {\n        this.modSubModArray.forEach(mod => mod.modBind());\n    }\n\n    /**\n     * Links AngelsFrontMod and its sub-modules AngelsFrontMod.\n     */\n    modLink() {\n        this.modSubModArray.forEach(mod => mod.modLink());\n    }\n\n    /**\n     * Runs AngelsFrontMod and its sub-modules AngelsFrontMod.\n     */\n    modRun() {\n        this.modSubModArray.forEach(mod => mod.modRun());\n    }\n\n    /**\n     * Waits AngelsFrontMod and its sub-modules AngelsFrontMod.\n     */\n    modWait() {\n        this.modSubModArray.forEach(mod => mod.modWait());\n    }\n\n    /**\n     * DeInits AngelsFrontMod and its sub-modules AngelsFrontMod.\n     */\n    modDeInit() {\n        this.modSubModArray.forEach(mod => mod.modDeInit());\n    }\n    /**\n     * DeBinds AngelsFrontMod and its sub-modules AngelsFrontMod.\n     */\n    modDeBind() {\n        this.modSubModArray.forEach(mod => mod.modDeBind());\n    }\n    /**\n     * DeLinks AngelsFrontMod and its sub-modules AngelsFrontMod.\n     */\n    modDeLink() {\n        this.modSubModArray.forEach(mod => mod.modDeLink());\n    }\n    /**\n     * DeRuns AngelsFrontMod and its sub-modules AngelsFrontMod.\n     */\n    modDeRun() {\n        this.modSubModArray.forEach(mod => mod.modDeRun());\n    }\n    /**\n     * DeWaits AngelsFrontMod and its sub-modules AngelsFrontMod.\n     */\n    modDeWait() {\n        this.modSubModArray.forEach(mod => mod.modDeWait());\n    }\n\n    modDestructor() {\n        this.modSubModArray.forEach(mod => mod.modDestructor());\n    }\n\n    modAddSubMod<T extends AngelsFrontMod>(mod: T | null): T | null {\n        if (mod) {\n            this.modSubModArray.push(mod);\n            return mod;\n        }\n        return null;\n    }\n\n    modRequireSubMod<T extends AngelsFrontMod>(mod: T): T {\n        this.modSubModArray.push(mod);\n        return mod;\n    }\n}","import AngelsFrontMod from \"./AngelsFrontMod\";\n\nexport default class AngelsFrontComponent extends AngelsFrontMod {\n\n    readonly comElement: Element;\n\n    constructor(element: Element) {\n        super();\n        this.comElement = element;\n    }\n\n    comFindElement(selector: string): Element | null {\n        return this.comElement.querySelector(selector);\n    }\n\n    comFindElements(selector: string): Array<Element> {\n        return Array.from(this.comElement.querySelectorAll(selector));\n    }\n\n    comRequireElement(selector: string): Element {\n        const element = this.comElement.querySelector(selector);\n        if (element) {\n            return element;\n        }\n        throw Error(`Element '${selector}' is not found.`);\n    }\n}","import AngelsFrontComponent from \"./AngelsFrontComponent\";\n\n/**\n * @example new AngelsFrontApplication(document.body)\n */\nexport default class AngelsFrontApplication extends AngelsFrontComponent {\n}"],"mappings":";AAAA,IAAqB,iBAArB,MAAoC;AAAA,EAKhC,cAAc;AAFd,SAAO,sBAAsB;AAGzB,SAAK,iBAAiB,IAAI;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA,EAKA,WAAW;AACP,SAAK,QAAQ;AACb,SAAK,QAAQ;AACb,SAAK,QAAQ;AACb,SAAK,OAAO;AACZ,eAAW,MAAM;AACb,WAAK,QAAQ;AAAA,IACjB,GAAG,KAAK,mBAAmB;AAAA,EAC/B;AAAA;AAAA;AAAA;AAAA,EAKA,YAAY;AACR,SAAK,UAAU;AACf,SAAK,SAAS;AACd,SAAK,UAAU;AACf,SAAK,UAAU;AACf,SAAK,UAAU;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACN,SAAK,eAAe,QAAQ,SAAO,IAAI,QAAQ,CAAC;AAAA,EACpD;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACN,SAAK,eAAe,QAAQ,SAAO,IAAI,QAAQ,CAAC;AAAA,EACpD;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACN,SAAK,eAAe,QAAQ,SAAO,IAAI,QAAQ,CAAC;AAAA,EACpD;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS;AACL,SAAK,eAAe,QAAQ,SAAO,IAAI,OAAO,CAAC;AAAA,EACnD;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACN,SAAK,eAAe,QAAQ,SAAO,IAAI,QAAQ,CAAC;AAAA,EACpD;AAAA;AAAA;AAAA;AAAA,EAKA,YAAY;AACR,SAAK,eAAe,QAAQ,SAAO,IAAI,UAAU,CAAC;AAAA,EACtD;AAAA;AAAA;AAAA;AAAA,EAIA,YAAY;AACR,SAAK,eAAe,QAAQ,SAAO,IAAI,UAAU,CAAC;AAAA,EACtD;AAAA;AAAA;AAAA;AAAA,EAIA,YAAY;AACR,SAAK,eAAe,QAAQ,SAAO,IAAI,UAAU,CAAC;AAAA,EACtD;AAAA;AAAA;AAAA;AAAA,EAIA,WAAW;AACP,SAAK,eAAe,QAAQ,SAAO,IAAI,SAAS,CAAC;AAAA,EACrD;AAAA;AAAA;AAAA;AAAA,EAIA,YAAY;AACR,SAAK,eAAe,QAAQ,SAAO,IAAI,UAAU,CAAC;AAAA,EACtD;AAAA,EAEA,gBAAgB;AACZ,SAAK,eAAe,QAAQ,SAAO,IAAI,cAAc,CAAC;AAAA,EAC1D;AAAA,EAEA,aAAuC,KAAyB;AAC5D,QAAI,KAAK;AACL,WAAK,eAAe,KAAK,GAAG;AAC5B,aAAO;AAAA,IACX;AACA,WAAO;AAAA,EACX;AAAA,EAEA,iBAA2C,KAAW;AAClD,SAAK,eAAe,KAAK,GAAG;AAC5B,WAAO;AAAA,EACX;AACJ;;;ACjHA,IAAqB,uBAArB,cAAkD,eAAe;AAAA,EAI7D,YAAY,SAAkB;AAC1B,UAAM;AACN,SAAK,aAAa;AAAA,EACtB;AAAA,EAEA,eAAe,UAAkC;AAC7C,WAAO,KAAK,WAAW,cAAc,QAAQ;AAAA,EACjD;AAAA,EAEA,gBAAgB,UAAkC;AAC9C,WAAO,MAAM,KAAK,KAAK,WAAW,iBAAiB,QAAQ,CAAC;AAAA,EAChE;AAAA,EAEA,kBAAkB,UAA2B;AACzC,UAAM,UAAU,KAAK,WAAW,cAAc,QAAQ;AACtD,QAAI,SAAS;AACT,aAAO;AAAA,IACX;AACA,UAAM,MAAM,YAAY,QAAQ,iBAAiB;AAAA,EACrD;AACJ;;;ACrBA,IAAqB,yBAArB,cAAoD,qBAAqB;AACzE;","names":[]}

package/dist/AngelsFrontComponent.d.mts

@@ -0,0 +1,11 @@
+import AngelsFrontMod from './AngelsFrontMod.mjs';
+
+declare class AngelsFrontComponent extends AngelsFrontMod {
+    readonly comElement: Element;
+    constructor(element: Element);
+    comFindElement(selector: string): Element | null;
+    comFindElements(selector: string): Array<Element>;
+    comRequireElement(selector: string): Element;
+}
+
+export { AngelsFrontComponent as default };

package/dist/AngelsFrontComponent.d.ts

@@ -0,0 +1,11 @@
+import AngelsFrontMod from './AngelsFrontMod.js';
+
+declare class AngelsFrontComponent extends AngelsFrontMod {
+    readonly comElement: Element;
+    constructor(element: Element);
+    comFindElement(selector: string): Element | null;
+    comFindElements(selector: string): Array<Element>;
+    comRequireElement(selector: string): Element;
+}
+
+export { AngelsFrontComponent as default };

package/dist/AngelsFrontComponent.js

@@ -0,0 +1,151 @@
+"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);
+
+// src/AngelsFrontComponent.ts
+var AngelsFrontComponent_exports = {};
+__export(AngelsFrontComponent_exports, {
+  default: () => AngelsFrontComponent
+});
+module.exports = __toCommonJS(AngelsFrontComponent_exports);
+
+// src/AngelsFrontMod.ts
+var AngelsFrontMod = class {
+  constructor() {
+    this.modWaitStartTimeout = 1e3;
+    this.modSubModArray = new Array();
+  }
+  /**
+   * Starts AngelsFrontMod.
+   */
+  modStart() {
+    this.modInit();
+    this.modBind();
+    this.modLink();
+    this.modRun();
+    setTimeout(() => {
+      this.modWait();
+    }, this.modWaitStartTimeout);
+  }
+  /**
+   * Finishes AngelsFrontMod.
+   */
+  modFinish() {
+    this.modDeWait();
+    this.modDeRun();
+    this.modDeLink();
+    this.modDeBind();
+    this.modDeInit();
+  }
+  /**
+   * Inits AngelsFrontMod and its sub-modules AngelsFrontMod.
+   */
+  modInit() {
+    this.modSubModArray.forEach((mod) => mod.modInit());
+  }
+  /**
+   * Binds AngelsFrontMod and its sub-modules AngelsFrontMod.
+   */
+  modBind() {
+    this.modSubModArray.forEach((mod) => mod.modBind());
+  }
+  /**
+   * Links AngelsFrontMod and its sub-modules AngelsFrontMod.
+   */
+  modLink() {
+    this.modSubModArray.forEach((mod) => mod.modLink());
+  }
+  /**
+   * Runs AngelsFrontMod and its sub-modules AngelsFrontMod.
+   */
+  modRun() {
+    this.modSubModArray.forEach((mod) => mod.modRun());
+  }
+  /**
+   * Waits AngelsFrontMod and its sub-modules AngelsFrontMod.
+   */
+  modWait() {
+    this.modSubModArray.forEach((mod) => mod.modWait());
+  }
+  /**
+   * DeInits AngelsFrontMod and its sub-modules AngelsFrontMod.
+   */
+  modDeInit() {
+    this.modSubModArray.forEach((mod) => mod.modDeInit());
+  }
+  /**
+   * DeBinds AngelsFrontMod and its sub-modules AngelsFrontMod.
+   */
+  modDeBind() {
+    this.modSubModArray.forEach((mod) => mod.modDeBind());
+  }
+  /**
+   * DeLinks AngelsFrontMod and its sub-modules AngelsFrontMod.
+   */
+  modDeLink() {
+    this.modSubModArray.forEach((mod) => mod.modDeLink());
+  }
+  /**
+   * DeRuns AngelsFrontMod and its sub-modules AngelsFrontMod.
+   */
+  modDeRun() {
+    this.modSubModArray.forEach((mod) => mod.modDeRun());
+  }
+  /**
+   * DeWaits AngelsFrontMod and its sub-modules AngelsFrontMod.
+   */
+  modDeWait() {
+    this.modSubModArray.forEach((mod) => mod.modDeWait());
+  }
+  modDestructor() {
+    this.modSubModArray.forEach((mod) => mod.modDestructor());
+  }
+  modAddSubMod(mod) {
+    if (mod) {
+      this.modSubModArray.push(mod);
+      return mod;
+    }
+    return null;
+  }
+  modRequireSubMod(mod) {
+    this.modSubModArray.push(mod);
+    return mod;
+  }
+};
+
+// src/AngelsFrontComponent.ts
+var AngelsFrontComponent = class extends AngelsFrontMod {
+  constructor(element) {
+    super();
+    this.comElement = element;
+  }
+  comFindElement(selector) {
+    return this.comElement.querySelector(selector);
+  }
+  comFindElements(selector) {
+    return Array.from(this.comElement.querySelectorAll(selector));
+  }
+  comRequireElement(selector) {
+    const element = this.comElement.querySelector(selector);
+    if (element) {
+      return element;
+    }
+    throw Error(`Element '${selector}' is not found.`);
+  }
+};
+//# sourceMappingURL=AngelsFrontComponent.js.map