@k37z3r/jbase 2.0.0

package/dist/modules/effects/fade.js

@@ -0,0 +1,104 @@
+"use strict";
+/**
+ * @file src/modules/effects/fade.ts
+ * @version 2.0.0
+ * @since 2.0.0
+ * @license GPL-3.0-or-later
+ * @copyright Sven Minio 2026
+ * @author Sven Minio <https://sven-minio.de>
+ * @category Effects
+ * @description
+ * * 🇬🇧: Methods for fading elements in and out (fadeIn, fadeOut, fadeToggle).
+ * * 🇩🇪: Methoden zum Ein- und Ausblenden von Elementen (fadeIn, fadeOut, fadeToggle).
+ * @requires ../../core
+ * * 🇬🇧: Depends on the core jBase class for type definitions.
+ * * 🇩🇪: Hängt von der Core-jBase-Klasse für Typ-Definitionen ab.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fadeIn = fadeIn;
+exports.fadeOut = fadeOut;
+exports.fadeToggle = fadeToggle;
+/**
+ * * 🇬🇧: Fades an element in (Opacity 0 -> 1).
+ * * 🇩🇪: Blendet ein Element sanft ein (Opacity 0 -> 1).
+ * @param options
+ * * 🇬🇧: Duration in ms (default: 300) and display type (default: 'block').
+ * * 🇩🇪: Dauer in ms (Standard: 300) und display-Typ (Standard: 'block').
+ * @returns
+ * * 🇬🇧: The current jBase instance.
+ * * 🇩🇪: Die aktuelle jBase-Instanz.
+ */
+function fadeIn(options = {}) {
+    const { duration = 300, displayType = 'block' } = options;
+    this.forEach(el => {
+        if (el instanceof HTMLElement) {
+            el.style.opacity = '0';
+            el.style.display = displayType;
+            el.style.transition = `opacity ${duration}ms ease-in-out`;
+            // Trigger Reflow
+            void el.offsetHeight;
+            requestAnimationFrame(() => {
+                el.style.opacity = '1';
+            });
+            setTimeout(() => {
+                el.style.transition = '';
+            }, duration);
+        }
+    });
+    return this;
+}
+/**
+ * * 🇬🇧: Fades an element out (Opacity 1 -> 0) and sets display: none afterwards.
+ * * 🇩🇪: Blendet ein Element sanft aus (Opacity 1 -> 0) und setzt danach display: none.
+ * @param options
+ * * 🇬🇧: Duration in ms (default: 300).
+ * * 🇩🇪: Dauer in ms (Standard: 300).
+ * @returns
+ * * 🇬🇧: The current jBase instance.
+ * * 🇩🇪: Die aktuelle jBase-Instanz.
+ */
+function fadeOut(options = {}) {
+    const { duration = 300 } = options;
+    this.forEach(el => {
+        if (el instanceof HTMLElement) {
+            el.style.opacity = '1';
+            el.style.transition = `opacity ${duration}ms ease-in-out`;
+            // Trigger Reflow
+            void el.offsetHeight;
+            requestAnimationFrame(() => {
+                el.style.opacity = '0';
+            });
+            setTimeout(() => {
+                el.style.display = 'none';
+                el.style.transition = '';
+            }, duration);
+        }
+    });
+    return this;
+}
+/**
+ * * 🇬🇧: Toggles between fadeIn and fadeOut based on the current display state.
+ * * 🇩🇪: Wechselt zwischen fadeIn und fadeOut basierend auf dem aktuellen display-Status.
+ * @param options
+ * * 🇬🇧: Animation options.
+ * * 🇩🇪: Animations-Optionen.
+ * @returns
+ * * 🇬🇧: The current jBase instance.
+ * * 🇩🇪: Die aktuelle jBase-Instanz.
+ */
+function fadeToggle(options = {}) {
+    this.forEach(el => {
+        if (el instanceof HTMLElement) {
+            const display = window.getComputedStyle(el).display;
+            const wrapper = new this.constructor(el);
+            if (display === 'none') {
+                wrapper.fadeIn(options);
+            }
+            else {
+                wrapper.fadeOut(options);
+            }
+        }
+    });
+    return this;
+}
+//# sourceMappingURL=fade.js.map

package/dist/modules/effects/fade.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fade.js","sourceRoot":"","sources":["../../../src/modules/effects/fade.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;AAuBH,wBAkBC;AAYD,0BAkBC;AAYD,gCAaC;AAnFD;;;;;;;;;GASG;AACH,SAAgB,MAAM,CAAc,UAAuB,EAAE;IACzD,MAAM,EAAE,QAAQ,GAAG,GAAG,EAAE,WAAW,GAAG,OAAO,EAAE,GAAG,OAAO,CAAC;IAC1D,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;QACd,IAAI,EAAE,YAAY,WAAW,EAAE,CAAC;YAC5B,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;YACvB,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,WAAW,CAAC;YAC/B,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,WAAW,QAAQ,gBAAgB,CAAC;YAC1D,iBAAiB;YACjB,KAAK,EAAE,CAAC,YAAY,CAAC;YACrB,qBAAqB,CAAC,GAAG,EAAE;gBACvB,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;YAC3B,CAAC,CAAC,CAAC;YACH,UAAU,CAAC,GAAG,EAAE;gBACZ,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,EAAE,CAAC;YAC7B,CAAC,EAAE,QAAQ,CAAC,CAAC;QACjB,CAAC;IACL,CAAC,CAAC,CAAC;IACH,OAAO,IAAI,CAAC;AAChB,CAAC;AAED;;;;;;;;;GASG;AACH,SAAgB,OAAO,CAAc,UAAuB,EAAE;IAC1D,MAAM,EAAE,QAAQ,GAAG,GAAG,EAAE,GAAG,OAAO,CAAC;IACnC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;QACd,IAAI,EAAE,YAAY,WAAW,EAAE,CAAC;YAC5B,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;YACvB,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,WAAW,QAAQ,gBAAgB,CAAC;YAC1D,iBAAiB;YACjB,KAAK,EAAE,CAAC,YAAY,CAAC;YACrB,qBAAqB,CAAC,GAAG,EAAE;gBACvB,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;YAC3B,CAAC,CAAC,CAAC;YACH,UAAU,CAAC,GAAG,EAAE;gBACZ,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;gBAC1B,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,EAAE,CAAC;YAC7B,CAAC,EAAE,QAAQ,CAAC,CAAC;QACjB,CAAC;IACL,CAAC,CAAC,CAAC;IACH,OAAO,IAAI,CAAC;AAChB,CAAC;AAED;;;;;;;;;GASG;AACH,SAAgB,UAAU,CAAc,UAAuB,EAAE;IAC7D,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;QACd,IAAI,EAAE,YAAY,WAAW,EAAE,CAAC;YAC5B,MAAM,OAAO,GAAG,MAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC;YACpD,MAAM,OAAO,GAAG,IAAK,IAAI,CAAC,WAAmB,CAAC,EAAE,CAAC,CAAC;YAClD,IAAI,OAAO,KAAK,MAAM,EAAE,CAAC;gBACrB,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YAC5B,CAAC;iBAAM,CAAC;gBACJ,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC7B,CAAC;QACL,CAAC;IACL,CAAC,CAAC,CAAC;IACH,OAAO,IAAI,CAAC;AAChB,CAAC"}

package/dist/modules/effects/index.d.ts

@@ -0,0 +1,40 @@
+/**
+ * @file src/modules/effects/index.ts
+ * @version 2.0.0
+ * @since 2.0.0
+ * @license GPL-3.0-or-later
+ * @copyright Sven Minio 2026
+ * @author Sven Minio <https://sven-minio.de>
+ * @category Effects
+ * @description
+ * * 🇬🇧: Central entry point for visual effects. Aggregates slide, fade, and vertical animation modules.
+ * * 🇩🇪: Zentraler Einstiegspunkt für visuelle Effekte. Aggregiert Module für Slide-, Fade- und vertikale Animationen.
+ * @requires ./slide
+ * * 🇬🇧: Horizontal slide effects (slideIn, slideOut).
+ * * 🇩🇪: Horizontale Slide-Effekte (slideIn, slideOut).
+ * @requires ./vertical
+ * * 🇬🇧: Vertical slide effects / Accordion (slideDown, slideUp).
+ * * 🇩🇪: Vertikale Slide-Effekte / Akkordeon (slideDown, slideUp).
+ * @requires ./fade
+ * * 🇬🇧: Opacity fade effects (fadeIn, fadeOut).
+ * * 🇩🇪: Opazitäts-Fade-Effekte (fadeIn, fadeOut).
+ */
+import * as slideMethods from './slide';
+import * as verticalMethods from './vertical';
+import * as fadeMethods from './fade';
+/**
+ * * 🇬🇧: Aggregation of all visual effect methods. Bundles sliding and fading animations to extend the jBase prototype.
+ * * 🇩🇪: Aggregation aller visuellen Effekt-Methoden. Bündelt Slide- und Fade-Animationen zur Erweiterung des jBase-Prototyps.
+ */
+export declare const effectMethods: {
+    fadeIn(this: import("../..").JBaseClass, options?: fadeMethods.FadeOptions): import("../..").JBaseClass;
+    fadeOut(this: import("../..").JBaseClass, options?: fadeMethods.FadeOptions): import("../..").JBaseClass;
+    fadeToggle(this: import("../..").JBaseClass, options?: fadeMethods.FadeOptions): import("../..").JBaseClass;
+    slideDown(this: import("../..").JBaseClass, options?: verticalMethods.SlideVerticalOptions): import("../..").JBaseClass;
+    slideUp(this: import("../..").JBaseClass, options?: verticalMethods.SlideVerticalOptions): import("../..").JBaseClass;
+    slideToggleBox(this: import("../..").JBaseClass, options?: verticalMethods.SlideVerticalOptions): import("../..").JBaseClass;
+    slideIn(this: import("../..").JBaseClass, options?: slideMethods.SlideOptions): import("../..").JBaseClass;
+    slideOut(this: import("../..").JBaseClass, options?: slideMethods.SlideOptions): import("../..").JBaseClass;
+    slideToggle(this: import("../..").JBaseClass, options?: slideMethods.SlideOptions): import("../..").JBaseClass;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/modules/effects/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/effects/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,KAAK,YAAY,MAAM,SAAS,CAAC;AACxC,OAAO,KAAK,eAAe,MAAM,YAAY,CAAC;AAC9C,OAAO,KAAK,WAAW,MAAM,QAAQ,CAAC;AAEtC;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;CAIzB,CAAC"}

package/dist/modules/effects/index.js

@@ -0,0 +1,38 @@
+"use strict";
+/**
+ * @file src/modules/effects/index.ts
+ * @version 2.0.0
+ * @since 2.0.0
+ * @license GPL-3.0-or-later
+ * @copyright Sven Minio 2026
+ * @author Sven Minio <https://sven-minio.de>
+ * @category Effects
+ * @description
+ * * 🇬🇧: Central entry point for visual effects. Aggregates slide, fade, and vertical animation modules.
+ * * 🇩🇪: Zentraler Einstiegspunkt für visuelle Effekte. Aggregiert Module für Slide-, Fade- und vertikale Animationen.
+ * @requires ./slide
+ * * 🇬🇧: Horizontal slide effects (slideIn, slideOut).
+ * * 🇩🇪: Horizontale Slide-Effekte (slideIn, slideOut).
+ * @requires ./vertical
+ * * 🇬🇧: Vertical slide effects / Accordion (slideDown, slideUp).
+ * * 🇩🇪: Vertikale Slide-Effekte / Akkordeon (slideDown, slideUp).
+ * @requires ./fade
+ * * 🇬🇧: Opacity fade effects (fadeIn, fadeOut).
+ * * 🇩🇪: Opazitäts-Fade-Effekte (fadeIn, fadeOut).
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.effectMethods = void 0;
+const tslib_1 = require("tslib");
+const slideMethods = tslib_1.__importStar(require("./slide"));
+const verticalMethods = tslib_1.__importStar(require("./vertical"));
+const fadeMethods = tslib_1.__importStar(require("./fade"));
+/**
+ * * 🇬🇧: Aggregation of all visual effect methods. Bundles sliding and fading animations to extend the jBase prototype.
+ * * 🇩🇪: Aggregation aller visuellen Effekt-Methoden. Bündelt Slide- und Fade-Animationen zur Erweiterung des jBase-Prototyps.
+ */
+exports.effectMethods = {
+    ...slideMethods,
+    ...verticalMethods,
+    ...fadeMethods
+};
+//# sourceMappingURL=index.js.map

package/dist/modules/effects/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/modules/effects/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;;;;AAEH,8DAAwC;AACxC,oEAA8C;AAC9C,4DAAsC;AAEtC;;;GAGG;AACU,QAAA,aAAa,GAAG;IACzB,GAAG,YAAY;IACf,GAAG,eAAe;IAClB,GAAG,WAAW;CACjB,CAAC"}

package/dist/modules/effects/slide.d.ts

@@ -0,0 +1,58 @@
+/**
+ * @file src/modules/effects/slide.ts
+ * @version 2.0.0
+ * @since 2.0.0
+ * @license GPL-3.0-or-later
+ * @copyright Sven Minio 2026
+ * @author Sven Minio <https://sven-minio.de>
+ * @category Effects
+ * @description
+ * * 🇬🇧: Methods for horizontal sliding effects (slideIn, slideOut, slideToggle).
+ * * 🇩🇪: Methoden für horizontale Slide-Effekte (slideIn, slideOut, slideToggle).
+ * @requires ../../core
+ * * 🇬🇧: Depends on the core jBase class for type definitions.
+ * * 🇩🇪: Hängt von der Core-jBase-Klasse für Typ-Definitionen ab.
+ */
+import { jBase } from '../../core';
+/**
+ * * 🇬🇧: Configuration interface for slide methods.
+ * * 🇩🇪: Konfigurations-Interface für die Slide-Methoden.
+ */
+export interface SlideOptions {
+    direction?: 'left' | 'right';
+    duration?: number;
+}
+/**
+ * * 🇬🇧: Slides an element (e.g., a menu) into view. Sets `transform: translateX(0)`.
+ * * 🇩🇪: Schiebt ein Element (z.B. ein Menü) in den sichtbaren Bereich. Setzt `transform: translateX(0)`.
+ * @param options
+ * * 🇬🇧: Direction ('left'|'right') and duration in ms.
+ * * 🇩🇪: Richtung ('left'|'right') und Dauer in ms.
+ * @returns
+ * * 🇬🇧: The current jBase instance.
+ * * 🇩🇪: Die aktuelle jBase-Instanz.
+ */
+export declare function slideIn(this: jBase, options?: SlideOptions): jBase;
+/**
+ * * 🇬🇧: Slides an element out of view.
+ * * 🇩🇪: Schiebt ein Element aus dem sichtbaren Bereich heraus.
+ * @param options
+ * * 🇬🇧: Direction ('left'|'right') and duration in ms.
+ * * 🇩🇪: Richtung ('left'|'right') und Dauer in ms.
+ * @returns
+ * * 🇬🇧: The current jBase instance.
+ * * 🇩🇪: Die aktuelle jBase-Instanz.
+ */
+export declare function slideOut(this: jBase, options?: SlideOptions): jBase;
+/**
+ * * 🇬🇧: Toggles between slideIn and slideOut based on the current state.
+ * * 🇩🇪: Wechselt zwischen slideIn und slideOut basierend auf dem aktuellen Status.
+ * @param options
+ * * 🇬🇧: Direction ('left'|'right') and duration in ms.
+ * * 🇩🇪: Richtung ('left'|'right') und Dauer in ms.
+ * @returns
+ * * 🇬🇧: The current jBase instance.
+ * * 🇩🇪: Die aktuelle jBase-Instanz.
+ */
+export declare function slideToggle(this: jBase, options?: SlideOptions): jBase;
+//# sourceMappingURL=slide.d.ts.map

package/dist/modules/effects/slide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slide.d.ts","sourceRoot":"","sources":["../../../src/modules/effects/slide.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC;;;GAGG;AACH,MAAM,WAAW,YAAY;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;;;GASG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,GAAE,YAAiB,GAAG,KAAK,CAmBtE;AAED;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,GAAE,YAAiB,GAAG,KAAK,CAiBvE;AAED;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,GAAE,YAAiB,GAAG,KAAK,CAmB1E"}

package/dist/modules/effects/slide.js

@@ -0,0 +1,103 @@
+"use strict";
+/**
+ * @file src/modules/effects/slide.ts
+ * @version 2.0.0
+ * @since 2.0.0
+ * @license GPL-3.0-or-later
+ * @copyright Sven Minio 2026
+ * @author Sven Minio <https://sven-minio.de>
+ * @category Effects
+ * @description
+ * * 🇬🇧: Methods for horizontal sliding effects (slideIn, slideOut, slideToggle).
+ * * 🇩🇪: Methoden für horizontale Slide-Effekte (slideIn, slideOut, slideToggle).
+ * @requires ../../core
+ * * 🇬🇧: Depends on the core jBase class for type definitions.
+ * * 🇩🇪: Hängt von der Core-jBase-Klasse für Typ-Definitionen ab.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.slideIn = slideIn;
+exports.slideOut = slideOut;
+exports.slideToggle = slideToggle;
+/**
+ * * 🇬🇧: Slides an element (e.g., a menu) into view. Sets `transform: translateX(0)`.
+ * * 🇩🇪: Schiebt ein Element (z.B. ein Menü) in den sichtbaren Bereich. Setzt `transform: translateX(0)`.
+ * @param options
+ * * 🇬🇧: Direction ('left'|'right') and duration in ms.
+ * * 🇩🇪: Richtung ('left'|'right') und Dauer in ms.
+ * @returns
+ * * 🇬🇧: The current jBase instance.
+ * * 🇩🇪: Die aktuelle jBase-Instanz.
+ */
+function slideIn(options = {}) {
+    const { duration = 300 } = options;
+    this.forEach(el => {
+        if (el instanceof HTMLElement) {
+            // Performance: Enable hardware acceleration
+            el.style.willChange = 'transform';
+            el.style.transition = `transform ${duration}ms cubic-bezier(0.4, 0.0, 0.2, 1)`;
+            // Move into view
+            requestAnimationFrame(() => {
+                el.style.transform = 'translateX(0%)';
+            });
+            // Save state
+            el.setAttribute('data-slide-state', 'open');
+        }
+    });
+    return this;
+}
+/**
+ * * 🇬🇧: Slides an element out of view.
+ * * 🇩🇪: Schiebt ein Element aus dem sichtbaren Bereich heraus.
+ * @param options
+ * * 🇬🇧: Direction ('left'|'right') and duration in ms.
+ * * 🇩🇪: Richtung ('left'|'right') und Dauer in ms.
+ * @returns
+ * * 🇬🇧: The current jBase instance.
+ * * 🇩🇪: Die aktuelle jBase-Instanz.
+ */
+function slideOut(options = {}) {
+    const { direction = 'left', duration = 300 } = options;
+    const translateValue = direction === 'left' ? '-100%' : '100%';
+    this.forEach(el => {
+        if (el instanceof HTMLElement) {
+            el.style.willChange = 'transform';
+            el.style.transition = `transform ${duration}ms cubic-bezier(0.4, 0.0, 0.2, 1)`;
+            requestAnimationFrame(() => {
+                el.style.transform = `translateX(${translateValue})`;
+            });
+            el.setAttribute('data-slide-state', 'closed');
+        }
+    });
+    return this;
+}
+/**
+ * * 🇬🇧: Toggles between slideIn and slideOut based on the current state.
+ * * 🇩🇪: Wechselt zwischen slideIn und slideOut basierend auf dem aktuellen Status.
+ * @param options
+ * * 🇬🇧: Direction ('left'|'right') and duration in ms.
+ * * 🇩🇪: Richtung ('left'|'right') und Dauer in ms.
+ * @returns
+ * * 🇬🇧: The current jBase instance.
+ * * 🇩🇪: Die aktuelle jBase-Instanz.
+ */
+function slideToggle(options = {}) {
+    this.forEach(el => {
+        if (el instanceof HTMLElement) {
+            // Check our own attribute or guess based on transform property
+            const state = el.getAttribute('data-slide-state');
+            const currentTransform = el.style.transform;
+            // If explicitly 'open' or transform is 0 -> close
+            if (state === 'open' || currentTransform === 'translateX(0%)') {
+                // Wrap single element to apply slideOut logic correctly
+                const wrapper = new this.constructor(el);
+                wrapper.slideOut(options);
+            }
+            else {
+                const wrapper = new this.constructor(el);
+                wrapper.slideIn(options);
+            }
+        }
+    });
+    return this;
+}
+//# sourceMappingURL=slide.js.map

package/dist/modules/effects/slide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slide.js","sourceRoot":"","sources":["../../../src/modules/effects/slide.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;AAuBH,0BAmBC;AAYD,4BAiBC;AAYD,kCAmBC;AAzFD;;;;;;;;;GASG;AACH,SAAgB,OAAO,CAAc,UAAwB,EAAE;IAC3D,MAAM,EAAE,QAAQ,GAAG,GAAG,EAAE,GAAG,OAAO,CAAC;IAEnC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;QACd,IAAI,EAAE,YAAY,WAAW,EAAE,CAAC;YAC5B,4CAA4C;YAC5C,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,WAAW,CAAC;YAClC,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,aAAa,QAAQ,mCAAmC,CAAC;YAE/E,iBAAiB;YACjB,qBAAqB,CAAC,GAAG,EAAE;gBACvB,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,gBAAgB,CAAC;YAC1C,CAAC,CAAC,CAAC;YAEH,aAAa;YACb,EAAE,CAAC,YAAY,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;QAChD,CAAC;IACL,CAAC,CAAC,CAAC;IACH,OAAO,IAAI,CAAC;AAChB,CAAC;AAED;;;;;;;;;GASG;AACH,SAAgB,QAAQ,CAAc,UAAwB,EAAE;IAC5D,MAAM,EAAE,SAAS,GAAG,MAAM,EAAE,QAAQ,GAAG,GAAG,EAAE,GAAG,OAAO,CAAC;IACvD,MAAM,cAAc,GAAG,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IAE/D,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;QACd,IAAI,EAAE,YAAY,WAAW,EAAE,CAAC;YAC5B,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,WAAW,CAAC;YAClC,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,aAAa,QAAQ,mCAAmC,CAAC;YAE/E,qBAAqB,CAAC,GAAG,EAAE;gBACvB,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,cAAc,cAAc,GAAG,CAAC;YACzD,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,YAAY,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC;QAClD,CAAC;IACL,CAAC,CAAC,CAAC;IACH,OAAO,IAAI,CAAC;AAChB,CAAC;AAED;;;;;;;;;GASG;AACH,SAAgB,WAAW,CAAc,UAAwB,EAAE;IAC/D,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;QACd,IAAI,EAAE,YAAY,WAAW,EAAE,CAAC;YAC5B,+DAA+D;YAC/D,MAAM,KAAK,GAAG,EAAE,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC;YAClD,MAAM,gBAAgB,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC;YAE5C,kDAAkD;YAClD,IAAI,KAAK,KAAK,MAAM,IAAI,gBAAgB,KAAK,gBAAgB,EAAE,CAAC;gBAC5D,wDAAwD;gBACxD,MAAM,OAAO,GAAG,IAAK,IAAI,CAAC,WAAmB,CAAC,EAAE,CAAC,CAAC;gBAClD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YAC9B,CAAC;iBAAM,CAAC;gBACJ,MAAM,OAAO,GAAG,IAAK,IAAI,CAAC,WAAmB,CAAC,EAAE,CAAC,CAAC;gBAClD,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC7B,CAAC;QACL,CAAC;IACL,CAAC,CAAC,CAAC;IACH,OAAO,IAAI,CAAC;AAChB,CAAC"}

package/dist/modules/effects/vertical.d.ts

@@ -0,0 +1,58 @@
+/**
+ * @file src/modules/effects/vertical.ts
+ * @version 2.0.0
+ * @since 2.0.0
+ * @license GPL-3.0-or-later
+ * @copyright Sven Minio 2026
+ * @author Sven Minio <https://sven-minio.de>
+ * @category Effects
+ * @description
+ * * 🇬🇧: Methods for vertical sliding effects (slideDown, slideUp, slideToggle).
+ * * 🇩🇪: Methoden für vertikale Slide-Effekte (slideDown, slideUp, slideToggle).
+ * @requires ../../core
+ * * 🇬🇧: Depends on the core jBase class for type definitions.
+ * * 🇩🇪: Hängt von der Core-jBase-Klasse für Typ-Definitionen ab.
+ */
+import { jBase } from '../../core';
+/**
+ * * 🇬🇧: Configuration options for vertical slide effects.
+ * * 🇩🇪: Konfigurationsoptionen für vertikale Slide-Effekte.
+ */
+export interface SlideVerticalOptions {
+    duration?: number;
+    displayType?: string;
+}
+/**
+ * * 🇬🇧: Slides an element down (animates height from 0 to auto). Sets `display` property and animates height.
+ * * 🇩🇪: Fährt ein Element vertikal aus (animiert die Höhe von 0 auf auto). Setzt `display` und animiert die Höhe.
+ * @param options
+ * * 🇬🇧: Animation duration and display type.
+ * * 🇩🇪: Dauer der Animation und Display-Typ.
+ * @returns
+ * * 🇬🇧: The current jBase instance.
+ * * 🇩🇪: Die aktuelle jBase-Instanz.
+ */
+export declare function slideDown(this: jBase, options?: SlideVerticalOptions): jBase;
+/**
+ * * 🇬🇧: Slides an element up (animates height to 0). Sets `display: none` after animation.
+ * * 🇩🇪: Fährt ein Element vertikal ein (animiert die Höhe auf 0). Setzt am Ende `display: none`.
+ * @param options
+ * * 🇬🇧: Animation duration.
+ * * 🇩🇪: Dauer der Animation.
+ * @returns
+ * * 🇬🇧: The current jBase instance.
+ * * 🇩🇪: Die aktuelle jBase-Instanz.
+ */
+export declare function slideUp(this: jBase, options?: SlideVerticalOptions): jBase;
+/**
+ * * 🇬🇧: Toggles between slideDown and slideUp based on the display state.
+ * * 🇩🇪: Wechselt zwischen slideDown und slideUp basierend auf dem display-Status.
+ * @param options
+ * * 🇬🇧: Animation duration.
+ * * 🇩🇪: Dauer der Animation.
+ * @returns
+ * * 🇬🇧: The current jBase instance.
+ * * 🇩🇪: Die aktuelle jBase-Instanz.
+ */
+export declare function slideToggleBox(this: jBase, options?: SlideVerticalOptions): jBase;
+//# sourceMappingURL=vertical.d.ts.map

package/dist/modules/effects/vertical.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertical.d.ts","sourceRoot":"","sources":["../../../src/modules/effects/vertical.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,GAAE,oBAAyB,GAAG,KAAK,CAgChF;AAED;;;;;;;;;GASG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,GAAE,oBAAyB,GAAG,KAAK,CA0B9E;AAED;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,GAAE,oBAAyB,GAAG,KAAK,CAerF"}

package/dist/modules/effects/vertical.js

@@ -0,0 +1,118 @@
+"use strict";
+/**
+ * @file src/modules/effects/vertical.ts
+ * @version 2.0.0
+ * @since 2.0.0
+ * @license GPL-3.0-or-later
+ * @copyright Sven Minio 2026
+ * @author Sven Minio <https://sven-minio.de>
+ * @category Effects
+ * @description
+ * * 🇬🇧: Methods for vertical sliding effects (slideDown, slideUp, slideToggle).
+ * * 🇩🇪: Methoden für vertikale Slide-Effekte (slideDown, slideUp, slideToggle).
+ * @requires ../../core
+ * * 🇬🇧: Depends on the core jBase class for type definitions.
+ * * 🇩🇪: Hängt von der Core-jBase-Klasse für Typ-Definitionen ab.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.slideDown = slideDown;
+exports.slideUp = slideUp;
+exports.slideToggleBox = slideToggleBox;
+/**
+ * * 🇬🇧: Slides an element down (animates height from 0 to auto). Sets `display` property and animates height.
+ * * 🇩🇪: Fährt ein Element vertikal aus (animiert die Höhe von 0 auf auto). Setzt `display` und animiert die Höhe.
+ * @param options
+ * * 🇬🇧: Animation duration and display type.
+ * * 🇩🇪: Dauer der Animation und Display-Typ.
+ * @returns
+ * * 🇬🇧: The current jBase instance.
+ * * 🇩🇪: Die aktuelle jBase-Instanz.
+ */
+function slideDown(options = {}) {
+    const { duration = 300, displayType = 'block' } = options;
+    this.forEach(el => {
+        if (el instanceof HTMLElement) {
+            // 1. If already visible, abort
+            if (window.getComputedStyle(el).display !== 'none')
+                return;
+            // 2. Make element visible but hidden to measure height 
+            el.style.display = displayType;
+            const height = el.scrollHeight; // Full content height
+            // 3. Set start values (height to 0)
+            el.style.height = '0px';
+            el.style.overflow = 'hidden'; // Important to hide content immediately
+            el.style.transition = `height ${duration}ms ease-in-out`;
+            // 4. Force Reflow (browser must realize height is 0)
+            void el.offsetHeight;
+            // 5. Set target value (browser animates now)
+            el.style.height = height + 'px';
+            // 6. Cleanup after animation
+            setTimeout(() => {
+                el.style.height = 'auto'; // Allow responsive resizing
+                el.style.overflow = 'visible';
+                el.style.transition = '';
+            }, duration);
+        }
+    });
+    return this;
+}
+/**
+ * * 🇬🇧: Slides an element up (animates height to 0). Sets `display: none` after animation.
+ * * 🇩🇪: Fährt ein Element vertikal ein (animiert die Höhe auf 0). Setzt am Ende `display: none`.
+ * @param options
+ * * 🇬🇧: Animation duration.
+ * * 🇩🇪: Dauer der Animation.
+ * @returns
+ * * 🇬🇧: The current jBase instance.
+ * * 🇩🇪: Die aktuelle jBase-Instanz.
+ */
+function slideUp(options = {}) {
+    const { duration = 300 } = options;
+    this.forEach(el => {
+        if (el instanceof HTMLElement) {
+            // 1. Fix current height (in case it is auto)
+            el.style.height = el.scrollHeight + 'px';
+            el.style.overflow = 'hidden';
+            el.style.transition = `height ${duration}ms ease-in-out`;
+            // 2. Force Reflow
+            void el.offsetHeight;
+            // 3. Animate to 0
+            el.style.height = '0px';
+            // 4. Hide after animation
+            setTimeout(() => {
+                el.style.display = 'none';
+                el.style.height = '';
+                el.style.overflow = '';
+                el.style.transition = '';
+            }, duration);
+        }
+    });
+    return this;
+}
+/**
+ * * 🇬🇧: Toggles between slideDown and slideUp based on the display state.
+ * * 🇩🇪: Wechselt zwischen slideDown und slideUp basierend auf dem display-Status.
+ * @param options
+ * * 🇬🇧: Animation duration.
+ * * 🇩🇪: Dauer der Animation.
+ * @returns
+ * * 🇬🇧: The current jBase instance.
+ * * 🇩🇪: Die aktuelle jBase-Instanz.
+ */
+function slideToggleBox(options = {}) {
+    this.forEach(el => {
+        if (el instanceof HTMLElement) {
+            const display = window.getComputedStyle(el).display;
+            // Wrap element in new jBase instance to call slideUp/Down
+            const wrapper = new this.constructor(el);
+            if (display === 'none') {
+                wrapper.slideDown(options);
+            }
+            else {
+                wrapper.slideUp(options);
+            }
+        }
+    });
+    return this;
+}
+//# sourceMappingURL=vertical.js.map

package/dist/modules/effects/vertical.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertical.js","sourceRoot":"","sources":["../../../src/modules/effects/vertical.ts"],"names":[],"mappings":"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"}

package/dist/modules/events/binding.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @file src/modules/events/binding.ts
+ * @version 2.0.0
+ * @since 2.0.0
+ * @license GPL-3.0-or-later
+ * @copyright Sven Minio 2026
+ * @author Sven Minio <https://sven-minio.de>
+ * @category Events
+ * @description
+ * * 🇬🇧: Core event binding methods (on, off, trigger). Handles event registration and removal.
+ * * 🇩🇪: Kern-Methoden für Event-Binding (on, off, trigger). Behandelt die Registrierung und Entfernung von Events.
+ * @requires ../../core
+ * * 🇬🇧: Depends on the core jBase class for type definitions.
+ * * 🇩🇪: Hängt von der Core-jBase-Klasse für Typ-Definitionen ab.
+ */
+import { jBase } from '../../core';
+/**
+ * * 🇬🇧: Registers an event listener for all elements in the current selection. Uses the native `addEventListener` method internally.
+ * * 🇩🇪: Registriert einen Event-Listener für alle Elemente in der aktuellen Auswahl. Nutzt intern die native `addEventListener`-Methode.
+ * @param event
+ * * 🇬🇧: The name of the event (e.g., 'click', 'mouseenter').
+ * * 🇩🇪: Der Name des Events (z.B. 'click', 'mouseenter').
+ * @param handler
+ * * 🇬🇧: The callback function to execute when the event triggers.
+ * * 🇩🇪: Die Callback-Funktion, die beim Auslösen des Events ausgeführt wird.
+ * @returns
+ * * 🇬🇧: The jBase instance for method chaining.
+ * * 🇩🇪: Die jBase-Instanz für Method-Chaining.
+ */
+export declare function on(this: jBase, event: string, handler: EventListenerOrEventListenerObject): jBase;
+/**
+ * * 🇬🇧: Removes a previously registered event listener from all elements in the current selection. Uses the native `removeEventListener` method internally.
+ * Note: The handler passed must be the exact same reference used in `on`.
+ * * 🇩🇪: Entfernt einen zuvor registrierten Event-Listener von allen Elementen in der aktuellen Auswahl. Nutzt intern die native `removeEventListener`-Methode.
+ * Hinweis: Der übergebene Handler muss exakt dieselbe Referenz sein, die bei `on` verwendet wurde.
+ * @param event
+ * * 🇬🇧: The name of the event.
+ * * 🇩🇪: Der Name des Events.
+ * @param handler
+ * * 🇬🇧: The reference of the callback function to remove.
+ * * 🇩🇪: Die Referenz der Callback-Funktion, die entfernt werden soll.
+ * @returns
+ * * 🇬🇧: The jBase instance for method chaining.
+ * * 🇩🇪: Die jBase-Instanz für Method-Chaining.
+ */
+export declare function off(this: jBase, event: string, handler: EventListenerOrEventListenerObject): jBase;
+//# sourceMappingURL=binding.d.ts.map

package/dist/modules/events/binding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"binding.d.ts","sourceRoot":"","sources":["../../../src/modules/events/binding.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC;;;;;;;;;;;;GAYG;AACH,wBAAgB,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,kCAAkC,GAAG,KAAK,CAKjG;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,kCAAkC,GAAG,KAAK,CAKlG"}