@bootkit/ng0 0.0.0-alpha.37 → 0.0.0-alpha.39

package/fesm2022/bootkit-ng0-platform-browser.mjs

@@ -1,6 +1,7 @@
 import * as i0 from '@angular/core';
-import { Injectable, input, HostListener, Directive } from '@angular/core';
+import { Injectable, input, HostListener, Directive, inject, PLATFORM_ID, ElementRef, Renderer2, booleanAttribute, EventEmitter, Output } from '@angular/core';
 import { Subject } from 'rxjs';
+import { isPlatformServer } from '@angular/common';
 
 class ClipboardService {
     _writeSubject = new Subject;
@@ -43,9 +44,136 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                 args: ['click']
             }] } });
 
+/**
+ * Directive that observes the intersection of an element with the viewport and optionally applies CSS classes when the element enters or leaves the viewport.
+ * It uses the Intersection Observer API to monitor visibility changes.
+ * It can be used to trigger animate-on-scroll (AOS) animations, lazy loading, or other actions based on element visibility.
+ */
+class IntersectionObserverDirective {
+    _platformId = inject(PLATFORM_ID);
+    _elementRef = inject(ElementRef);
+    _renderer = inject(Renderer2);
+    _entered;
+    _observer;
+    _addClass(c) { this._renderer.addClass(this._elementRef.nativeElement, c); }
+    ;
+    _removeClass(c) { this._renderer.removeClass(this._elementRef.nativeElement, c); }
+    ;
+    /**
+     * Threshold(s) at which to trigger the intersection callback.
+     * Can be a single number or an array of numbers between 0 and 1.
+     * For example, 0.5 means the callback will be triggered when 50% of the element is visible in the viewport.
+     */
+    threshold = input(...(ngDevMode ? [undefined, { debugName: "threshold" }] : []));
+    /**
+     * Root element to use for intersection observation.
+     * If not provided, the viewport (browser window) is used as the root.
+     */
+    root = input(...(ngDevMode ? [undefined, { debugName: "root" }] : []));
+    /**
+     * Root margin to apply to the intersection observer.
+     * This can be a string similar to the CSS margin property, e.g., '10px 20px 30px 40px'.
+     * It defines the margin around the root element (viewport) to consider for intersection.
+     */
+    rootMargin = input(...(ngDevMode ? [undefined, { debugName: "rootMargin" }] : []));
+    /**
+     * Css class to apply when the element enters the viewport.
+     */
+    enterClass = input(...(ngDevMode ? [undefined, { debugName: "enterClass" }] : []));
+    /**
+     * Css class to apply when the element leaves the viewport.
+     */
+    leaveClass = input(...(ngDevMode ? [undefined, { debugName: "leaveClass" }] : []));
+    /**
+     * Whether to observe only once (true) or continuously (false).
+     * If true, the observer will disconnect after the first intersection event.
+     * @default false
+     */
+    once = input(true, ...(ngDevMode ? [{ debugName: "once", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    /**
+     * Event emitted when the element enters the viewport.
+     */
+    enter = new EventEmitter();
+    /**
+     * Event emitted when the element leaves the viewport.
+     * This event will only be emitted if the element has previously entered the viewport.
+     */
+    leave = new EventEmitter();
+    ngOnInit() {
+        if (isPlatformServer(this._platformId)) {
+            return;
+        }
+        this._setupObserver();
+    }
+    _setupObserver() {
+        this._observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    if (this.enterClass()) {
+                        this._addClass(this.enterClass());
+                        if (this._entered === false && this.leaveClass()) {
+                            this._removeClass(this.leaveClass());
+                        }
+                    }
+                    this._entered = true;
+                    this.enter.emit(entry);
+                    if (this.once()) {
+                        this.disconnect();
+                    }
+                }
+                else {
+                    if (this._entered) {
+                        if (this.leaveClass()) {
+                            this._addClass(this.leaveClass());
+                            if (this.enterClass()) {
+                                this._removeClass(this.enterClass());
+                            }
+                        }
+                        this._entered = false;
+                        this.leave.emit(entry);
+                        if (this.once()) {
+                            this.disconnect();
+                        }
+                    }
+                }
+            });
+        }, {
+            root: this.root(),
+            threshold: this.threshold(),
+            rootMargin: this.rootMargin()
+        });
+        this._observer.takeRecords(); // Clear initial records
+        this._observer.observe(this._elementRef.nativeElement);
+    }
+    /**
+     * Disconnects the intersection observer.
+     * This stops all observation and releases resources.
+     */
+    disconnect() {
+        this._observer?.disconnect();
+    }
+    ngOnDestroy() {
+        this.disconnect();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: IntersectionObserverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: IntersectionObserverDirective, isStandalone: true, selector: "[ng0IntersectionObserver]", inputs: { threshold: { classPropertyName: "threshold", publicName: "threshold", isSignal: true, isRequired: false, transformFunction: null }, root: { classPropertyName: "root", publicName: "root", isSignal: true, isRequired: false, transformFunction: null }, rootMargin: { classPropertyName: "rootMargin", publicName: "rootMargin", isSignal: true, isRequired: false, transformFunction: null }, enterClass: { classPropertyName: "enterClass", publicName: "enterClass", isSignal: true, isRequired: false, transformFunction: null }, leaveClass: { classPropertyName: "leaveClass", publicName: "leaveClass", isSignal: true, isRequired: false, transformFunction: null }, once: { classPropertyName: "once", publicName: "once", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { enter: "enter", leave: "leave" }, exportAs: ["ng0IntersectionObserver"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: IntersectionObserverDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ng0IntersectionObserver]',
+                    exportAs: 'ng0IntersectionObserver',
+                    standalone: true
+                }]
+        }], propDecorators: { threshold: [{ type: i0.Input, args: [{ isSignal: true, alias: "threshold", required: false }] }], root: [{ type: i0.Input, args: [{ isSignal: true, alias: "root", required: false }] }], rootMargin: [{ type: i0.Input, args: [{ isSignal: true, alias: "rootMargin", required: false }] }], enterClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "enterClass", required: false }] }], leaveClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "leaveClass", required: false }] }], once: [{ type: i0.Input, args: [{ isSignal: true, alias: "once", required: false }] }], enter: [{
+                type: Output
+            }], leave: [{
+                type: Output
+            }] } });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ClipboardCopyDirective, ClipboardService };
+export { ClipboardCopyDirective, ClipboardService, IntersectionObserverDirective };
 //# sourceMappingURL=bootkit-ng0-platform-browser.mjs.map

package/fesm2022/bootkit-ng0-platform-browser.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bootkit-ng0-platform-browser.mjs","sources":["../../../projects/ng0/platform/browser/clipboard/clipboard.service.ts","../../../projects/ng0/platform/browser/clipboard/clipboard-copy.directive.ts","../../../projects/ng0/platform/browser/bootkit-ng0-platform-browser.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\nimport { Subject } from 'rxjs';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class ClipboardService {\r\n  private _writeSubject = new Subject<any>;\r\n  public readonly write = this._writeSubject.asObservable();\r\n\r\n  constructor() { }\r\n\r\n  public writeText(text: string) {\r\n    window.navigator.clipboard.writeText(text);\r\n    this._writeSubject.next(text);\r\n  }\r\n}\r\n","import { Directive, HostListener, input } from '@angular/core';\r\nimport { ClipboardService } from './clipboard.service';\r\n\r\n@Directive({\r\n  selector: '[ng0-clipboard-copy]',\r\n  standalone: true\r\n})\r\nexport class ClipboardCopyDirective {\r\n  public value = input<string>(undefined, {alias: 'ng0-clipboard-copy'})\r\n\r\n  constructor(private clipboardService: ClipboardService) {\r\n  }\r\n\r\n  \r\n\r\n  @HostListener('click') private _onHostClick() {\r\n    this.clipboardService.writeText(this.value()!);\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.ClipboardService"],"mappings":";;;;MAMa,gBAAgB,CAAA;IACnB,aAAa,GAAG,IAAI,OAAY;AACxB,IAAA,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,YAAY,EAAE;AAEzD,IAAA,WAAA,GAAA,EAAgB;AAET,IAAA,SAAS,CAAC,IAAY,EAAA;QAC3B,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC;AAC1C,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;IAC/B;uGATW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,cAFf,MAAM,EAAA,CAAA;;2FAEP,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAH5B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE;AACb,iBAAA;;;MCEY,sBAAsB,CAAA;AAGb,IAAA,gBAAA;AAFb,IAAA,KAAK,GAAG,KAAK,CAAS,SAAS,yCAAG,KAAK,EAAE,oBAAoB,EAAA,CAAA,GAAA,CAA5B,EAAC,KAAK,EAAE,oBAAoB,EAAC,GAAC;AAEtE,IAAA,WAAA,CAAoB,gBAAkC,EAAA;QAAlC,IAAA,CAAA,gBAAgB,GAAhB,gBAAgB;IACpC;IAI+B,YAAY,GAAA;QACzC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAG,CAAC;IAChD;uGAVW,sBAAsB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAJlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,UAAU,EAAE;AACb,iBAAA;;sBASE,YAAY;uBAAC,OAAO;;;ACfvB;;AAEG;;;;"}
+{"version":3,"file":"bootkit-ng0-platform-browser.mjs","sources":["../../../projects/ng0/platform/browser/clipboard/clipboard.service.ts","../../../projects/ng0/platform/browser/clipboard/clipboard-copy.directive.ts","../../../projects/ng0/platform/browser/intersection-observer.directive.ts","../../../projects/ng0/platform/browser/bootkit-ng0-platform-browser.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\nimport { Subject } from 'rxjs';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class ClipboardService {\r\n  private _writeSubject = new Subject<any>;\r\n  public readonly write = this._writeSubject.asObservable();\r\n\r\n  constructor() { }\r\n\r\n  public writeText(text: string) {\r\n    window.navigator.clipboard.writeText(text);\r\n    this._writeSubject.next(text);\r\n  }\r\n}\r\n","import { Directive, HostListener, input } from '@angular/core';\r\nimport { ClipboardService } from './clipboard.service';\r\n\r\n@Directive({\r\n  selector: '[ng0-clipboard-copy]',\r\n  standalone: true\r\n})\r\nexport class ClipboardCopyDirective {\r\n  public value = input<string>(undefined, {alias: 'ng0-clipboard-copy'})\r\n\r\n  constructor(private clipboardService: ClipboardService) {\r\n  }\r\n\r\n  \r\n\r\n  @HostListener('click') private _onHostClick() {\r\n    this.clipboardService.writeText(this.value()!);\r\n  }\r\n}\r\n","import { ElementRef, input, OnInit, PLATFORM_ID, Directive, OnDestroy, Output, EventEmitter, inject, Renderer2, booleanAttribute } from '@angular/core';\r\nimport { isPlatformServer } from '@angular/common';\r\n\r\n/**\r\n * Directive that observes the intersection of an element with the viewport and optionally applies CSS classes when the element enters or leaves the viewport.\r\n * It uses the Intersection Observer API to monitor visibility changes.\r\n * It can be used to trigger animate-on-scroll (AOS) animations, lazy loading, or other actions based on element visibility.\r\n */\r\n@Directive({\r\n    selector: '[ng0IntersectionObserver]',\r\n    exportAs: 'ng0IntersectionObserver',\r\n    standalone: true\r\n})\r\nexport class IntersectionObserverDirective implements OnInit, OnDestroy {\r\n    private readonly _platformId = inject(PLATFORM_ID);\r\n    private readonly _elementRef = inject(ElementRef);\r\n    private readonly _renderer = inject(Renderer2);\r\n    private _entered?: boolean;\r\n    private _observer?: IntersectionObserver;\r\n    private _addClass(c: string) { this._renderer.addClass(this._elementRef.nativeElement, c) };\r\n    private _removeClass(c: string) { this._renderer.removeClass(this._elementRef.nativeElement, c) };\r\n\r\n    /**\r\n     * Threshold(s) at which to trigger the intersection callback.\r\n     * Can be a single number or an array of numbers between 0 and 1.\r\n     * For example, 0.5 means the callback will be triggered when 50% of the element is visible in the viewport.\r\n     */\r\n    public readonly threshold = input<number | number[] | undefined>();\r\n\r\n    /**\r\n     * Root element to use for intersection observation. \r\n     * If not provided, the viewport (browser window) is used as the root.\r\n     */\r\n    public readonly root = input<Element | Document | null | undefined>();\r\n\r\n    /**\r\n     * Root margin to apply to the intersection observer.\r\n     * This can be a string similar to the CSS margin property, e.g., '10px 20px 30px 40px'.\r\n     * It defines the margin around the root element (viewport) to consider for intersection.\r\n     */\r\n    public readonly rootMargin = input<string | undefined>();\r\n\r\n    /**\r\n     * Css class to apply when the element enters the viewport.\r\n     */\r\n    public readonly enterClass = input<string | undefined>();\r\n\r\n    /**\r\n     * Css class to apply when the element leaves the viewport.\r\n     */\r\n    public readonly leaveClass = input<string | undefined>();\r\n\r\n    /**\r\n     * Whether to observe only once (true) or continuously (false).\r\n     * If true, the observer will disconnect after the first intersection event.\r\n     * @default false\r\n     */\r\n    public readonly once = input(true, { transform: booleanAttribute });\r\n\r\n    /**\r\n     * Event emitted when the element enters the viewport.\r\n     */\r\n    @Output() public readonly enter = new EventEmitter<IntersectionObserverEntry>();\r\n\r\n    /**\r\n     * Event emitted when the element leaves the viewport.\r\n     * This event will only be emitted if the element has previously entered the viewport.\r\n     */\r\n    @Output() public readonly leave = new EventEmitter<IntersectionObserverEntry>();\r\n\r\n\r\n    ngOnInit(): void {\r\n        if (isPlatformServer(this._platformId)) {\r\n            return;\r\n        }\r\n\r\n        this._setupObserver();\r\n    }\r\n\r\n    private _setupObserver() {\r\n        this._observer = new IntersectionObserver(\r\n            (entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        if (this.enterClass()) {\r\n                            this._addClass(this.enterClass()!);\r\n\r\n                            if (this._entered === false && this.leaveClass()) {\r\n                                this._removeClass(this.leaveClass()!);\r\n                            }\r\n                        }\r\n\r\n                        this._entered = true;\r\n                        this.enter.emit(entry);\r\n\r\n                        if (this.once()) {\r\n                            this.disconnect();\r\n                        }\r\n                    } else {\r\n                        if (this._entered) {\r\n                            if (this.leaveClass()) {\r\n                                this._addClass(this.leaveClass()!);\r\n\r\n                                if (this.enterClass()) {\r\n                                    this._removeClass(this.enterClass()!);\r\n                                }\r\n                            }\r\n\r\n                            this._entered = false;\r\n                            this.leave.emit(entry);\r\n\r\n                            if (this.once()) {\r\n                                this.disconnect();\r\n                            }\r\n                        }\r\n                    }\r\n                });\r\n            },\r\n            {\r\n                root: this.root(),\r\n                threshold: this.threshold(),\r\n                rootMargin: this.rootMargin()\r\n            }\r\n        );\r\n\r\n        this._observer.takeRecords(); // Clear initial records\r\n        this._observer.observe(this._elementRef.nativeElement);\r\n    }\r\n\r\n    /**\r\n     * Disconnects the intersection observer.\r\n     * This stops all observation and releases resources.\r\n     */\r\n    public disconnect(): void {\r\n        this._observer?.disconnect();\r\n    }\r\n\r\n    ngOnDestroy(): void {\r\n        this.disconnect();\r\n    }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.ClipboardService"],"mappings":"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"}

package/fesm2022/bootkit-ng0.mjs

@@ -1,4 +1,4 @@
-const LibName = 'bootkit/angular-pro';
+const libName = 'bootkit/ng0';
 
 /*
  * Public API Surface of bootkit
@@ -8,5 +8,5 @@ const LibName = 'bootkit/angular-pro';
  * Generated bundle index. Do not edit.
  */
 
-export { LibName };
+export { libName };
 //# sourceMappingURL=bootkit-ng0.mjs.map

package/fesm2022/bootkit-ng0.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bootkit-ng0.mjs","sources":["../../../projects/ng0/src/lib/index.ts","../../../projects/ng0/src/public-api.ts","../../../projects/ng0/src/bootkit-ng0.ts"],"sourcesContent":["export * from './types';\r\n \r\nexport const LibName = 'bootkit/angular-pro';","/*\r\n * Public API Surface of bootkit\r\n */\r\n\r\nexport * from './lib';\r\n \r\n \r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAEO,MAAM,OAAO,GAAG;;ACFvB;;AAEG;;ACFH;;AAEG;;;;"}
+{"version":3,"file":"bootkit-ng0.mjs","sources":["../../../projects/ng0/src/lib/index.ts","../../../projects/ng0/src/public-api.ts","../../../projects/ng0/src/bootkit-ng0.ts"],"sourcesContent":["export const libName = 'bootkit/ng0';","/*\r\n * Public API Surface of bootkit\r\n */\r\n\r\nexport * from './lib';\r\n \r\n \r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAO,MAAM,OAAO,GAAG;;ACAvB;;AAEG;;ACFH;;AAEG;;;;"}

package/index.d.ts

@@ -1,3 +1,3 @@
-declare const LibName = "bootkit/angular-pro";
+declare const libName = "bootkit/ng0";
 
-export { LibName };
+export { libName };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bootkit/ng0",
-  "version": "0.0.0-alpha.37",
+  "version": "0.0.0-alpha.39",
   "description": "Angular+Bootstrap Component Library",
   "homepage": "https://bootkitlib.github.io/",
   "author": "BootKit",
@@ -39,14 +39,14 @@
       "types": "./common/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-common.mjs"
     },
-    "./date": {
-      "types": "./date/index.d.ts",
-      "default": "./fesm2022/bootkit-ng0-date.mjs"
-    },
     "./data": {
       "types": "./data/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-data.mjs"
     },
+    "./date": {
+      "types": "./date/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-date.mjs"
+    },
     "./file": {
       "types": "./file/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-file.mjs"
@@ -83,14 +83,14 @@
       "types": "./components/backdrop/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-backdrop.mjs"
     },
-    "./components/card": {
-      "types": "./components/card/index.d.ts",
-      "default": "./fesm2022/bootkit-ng0-components-card.mjs"
-    },
     "./components/button": {
       "types": "./components/button/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-button.mjs"
     },
+    "./components/card": {
+      "types": "./components/card/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-components-card.mjs"
+    },
     "./components/code": {
       "types": "./components/code/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-code.mjs"

package/platform/browser/index.d.ts

@@ -1,22 +1,88 @@
 import * as rxjs from 'rxjs';
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy, EventEmitter } from '@angular/core';
 
 declare class ClipboardService {
     private _writeSubject;
     readonly write: rxjs.Observable<any>;
     constructor();
     writeText(text: string): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ClipboardService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ClipboardService>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClipboardService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ClipboardService>;
 }
 
 declare class ClipboardCopyDirective {
     private clipboardService;
-    value: i0.InputSignal<string | undefined>;
+    value: _angular_core.InputSignal<string | undefined>;
     constructor(clipboardService: ClipboardService);
     private _onHostClick;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ClipboardCopyDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ClipboardCopyDirective, "[ng0-clipboard-copy]", never, { "value": { "alias": "ng0-clipboard-copy"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClipboardCopyDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ClipboardCopyDirective, "[ng0-clipboard-copy]", never, { "value": { "alias": "ng0-clipboard-copy"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { ClipboardCopyDirective, ClipboardService };
+/**
+ * Directive that observes the intersection of an element with the viewport and optionally applies CSS classes when the element enters or leaves the viewport.
+ * It uses the Intersection Observer API to monitor visibility changes.
+ * It can be used to trigger animate-on-scroll (AOS) animations, lazy loading, or other actions based on element visibility.
+ */
+declare class IntersectionObserverDirective implements OnInit, OnDestroy {
+    private readonly _platformId;
+    private readonly _elementRef;
+    private readonly _renderer;
+    private _entered?;
+    private _observer?;
+    private _addClass;
+    private _removeClass;
+    /**
+     * Threshold(s) at which to trigger the intersection callback.
+     * Can be a single number or an array of numbers between 0 and 1.
+     * For example, 0.5 means the callback will be triggered when 50% of the element is visible in the viewport.
+     */
+    readonly threshold: _angular_core.InputSignal<number | number[] | undefined>;
+    /**
+     * Root element to use for intersection observation.
+     * If not provided, the viewport (browser window) is used as the root.
+     */
+    readonly root: _angular_core.InputSignal<Element | Document | null | undefined>;
+    /**
+     * Root margin to apply to the intersection observer.
+     * This can be a string similar to the CSS margin property, e.g., '10px 20px 30px 40px'.
+     * It defines the margin around the root element (viewport) to consider for intersection.
+     */
+    readonly rootMargin: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Css class to apply when the element enters the viewport.
+     */
+    readonly enterClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Css class to apply when the element leaves the viewport.
+     */
+    readonly leaveClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Whether to observe only once (true) or continuously (false).
+     * If true, the observer will disconnect after the first intersection event.
+     * @default false
+     */
+    readonly once: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Event emitted when the element enters the viewport.
+     */
+    readonly enter: EventEmitter<IntersectionObserverEntry>;
+    /**
+     * Event emitted when the element leaves the viewport.
+     * This event will only be emitted if the element has previously entered the viewport.
+     */
+    readonly leave: EventEmitter<IntersectionObserverEntry>;
+    ngOnInit(): void;
+    private _setupObserver;
+    /**
+     * Disconnects the intersection observer.
+     * This stops all observation and releases resources.
+     */
+    disconnect(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IntersectionObserverDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IntersectionObserverDirective, "[ng0IntersectionObserver]", ["ng0IntersectionObserver"], { "threshold": { "alias": "threshold"; "required": false; "isSignal": true; }; "root": { "alias": "root"; "required": false; "isSignal": true; }; "rootMargin": { "alias": "rootMargin"; "required": false; "isSignal": true; }; "enterClass": { "alias": "enterClass"; "required": false; "isSignal": true; }; "leaveClass": { "alias": "leaveClass"; "required": false; "isSignal": true; }; "once": { "alias": "once"; "required": false; "isSignal": true; }; }, { "enter": "enter"; "leave": "leave"; }, never, never, true, never>;
+}
+
+export { ClipboardCopyDirective, ClipboardService, IntersectionObserverDirective };