@bootkit/ng0 0.0.0-alpha.4 → 0.0.0-alpha.41

package/localization/index.d.ts

@@ -1,7 +1,86 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, PipeTransform } from '@angular/core';
+import { EnvironmentInjector, InjectionToken, PipeTransform } from '@angular/core';
 import * as rxjs from 'rxjs';
-import * as i1 from '@angular/common';
+
+/**
+ * Object formatter function type.
+ * @param obj The object to format.
+ * @param params Additional parameters for formatting.
+ * @returns The formatted value.
+ */
+type ObjectFormatter = (obj: any, ...params: any[]) => any;
+/**
+ * Object formatter-like types.
+ */
+type ObjectFormatterLike = ObjectFormatter | string | number | Array<any>;
+/**
+ * Default object formatter function.
+ * @param value The item to format.
+ * @returns The formatted string.
+ */
+declare function defaultFormatter(obj: any): string;
+/**
+ * Creates a field formatter that retrieves the value of a specified field from an object.
+ * @param field The field name to retrieve.
+ * @returns An ObjectFormatter function.
+ */
+declare function createFieldFormatter(field: string): ObjectFormatter;
+/**
+ * Creates an index formatter that retrieves the value at a specified index from an array.
+ * @param index The index to retrieve (number or boolean).
+ * @returns An ObjectFormatter function.
+ */
+declare function createIndexFormatter(index: number | boolean): ObjectFormatter;
+/**
+ * Creates a number formatter.
+ * @param minimumIntegerDigits
+ * @param minimumFractionDigits
+ * @param maximumFractionDigits
+ * @param useGrouping
+ * @returns An ObjectFormatter function.
+ */
+declare function createNumberFormatter(minimumIntegerDigits?: number, minimumFractionDigits?: number, maximumFractionDigits?: number, useGrouping?: boolean): ObjectFormatter;
+/**
+ * Creates a currency formatter.
+ * @param minFractions
+ * @param maxFractions
+ * @returns
+ */
+declare function createCurrencyFormatter(minFractions?: number, maxFractions?: number): ObjectFormatter;
+/**
+ * Creates a date formatter.
+ */
+declare function createDateFormatter(dateStyle?: 'short' | 'medium' | 'long' | 'full', timeStyle?: 'short' | 'medium' | 'long' | 'full', zone?: string[], // zone[0]: name, zone[1]: display ('long' | 'short' | 'shortOffset' | 'longOffset' | 'narrowOffset' | 'longGeneric' | 'shortGeneric')
+calendar?: string): ObjectFormatter;
+declare function createDateFormatter(options?: Intl.DateTimeFormatOptions): ObjectFormatter;
+/**
+ * Creates a locale-based formatter.
+ * @param locale The Locale object.
+ * @param formatterName The format string in the form of "formatterName:param1:param2:..."
+ * @returns A ValueFormatterFunction
+ * @private
+ */
+declare function createLocaleFormatter(formatterName: string): ObjectFormatter;
+/**
+ * Creates a composite formatter that applies multiple formatters in sequence.
+ * @param formatters The list of ObjectFormatterLike values to compose.
+ * @returns An ObjectFormatter function.
+ */
+declare function createCompositeFormatter(...formatters: ObjectFormatterLike[]): ObjectFormatter;
+/**
+ * Creates an ObjectFormatter from various ObjectFormatterLike types.
+ * @param formatter The ObjectFormatterLike value to convert.
+ * @param locale Optional locale object for locale-based formatting.
+ * @param params Additional parameters for the formatter.
+ * @returns An ObjectFormatter function.
+ */
+declare function createObjectFormatter(formatter: ObjectFormatterLike, ...params: any[]): ObjectFormatter;
+/**
+ * Creates a transform function that converts a ObjectFormatterLike value into a ObjectFormatter.
+ * @param injector The EnvironmentInjector to use for dependency injection.
+ * @returns A function that takes a ObjectFormatterLike and returns a ObjectFormatter.
+ */
+declare function objectFormatterAttribute(injector: EnvironmentInjector): ((v: ObjectFormatterLike) => ObjectFormatter);
 
 /** Locale dictionary */
 type LocaleDictionary = {
@@ -18,6 +97,28 @@ type LocaleValidationErrorTranslator = (error: any) => string;
 type LocaleValidationErrorTranslators = {
     [key: string]: LocaleValidationErrorTranslator;
 };
+/**
+ * A function to format the paging info of a table.
+ *
+ */
+type TableComponentPagingFormatter = (info: {
+    /**
+     * The first record in the current page.
+     */
+    firstRecord: number;
+    /**
+     * The last record in the current page.
+     */
+    lastRecord: number;
+    /**
+     * The total number of records.
+     */
+    totalRecords?: number;
+    /**
+     * The current page index.
+     */
+    currentPage: number;
+}) => string;
 /**
  * Locale definition
  */
@@ -35,17 +136,36 @@ interface LocaleDefinition {
             errors?: LocaleValidationErrorTranslators;
         };
     };
-}
-type LocaleDefinitionExtend = {
-    dictionary?: LocaleDictionary;
-    enums?: LocaleEnums;
-    form?: {
-        validation?: {
-            /** Form validation error translators. */
-            errors?: LocaleValidationErrorTranslators;
+    data?: {
+        logicalOperators?: {
+            [operator: string]: string;
         };
     };
-};
+    components?: {
+        table?: {
+            /**
+             * No records found message.
+             */
+            noRecords?: string;
+            /**
+             * Error message displayed when loading data fails.
+             */
+            loadError?: string;
+            /**
+             * A format function to format the paging info.
+             */
+            pagingInfo?: TableComponentPagingFormatter;
+        };
+        select?: {
+            placeholder?: string;
+        };
+    };
+    formatters?: {
+        [formatterName: string]: ObjectFormatter | string[] | {
+            [value: string]: string;
+        };
+    };
+}
 
 declare class LocalizationService {
     private _locales;
@@ -53,7 +173,9 @@ declare class LocalizationService {
     private _changeSubject;
     readonly change: rxjs.Observable<LocaleChangeEvent>;
     constructor();
-    /** Adds a Locale */
+    /**
+     * Adds a Locale
+     */
     add(locale: Locale): void;
     /** Adds an array of Locales to this LocaleProvider */
     add(locales: Locale[]): void;
@@ -65,7 +187,7 @@ declare class LocalizationService {
     static ɵprov: i0.ɵɵInjectableDeclaration<LocalizationService>;
 }
 
-declare const LOCALE: InjectionToken<LocalizationService | Locale>;
+declare const LOCALE: InjectionToken<Locale | LocalizationService>;
 interface TranslatedValidationError {
     /** Error key */
     key: string;
@@ -91,16 +213,18 @@ declare class Locale {
     /**
      * Translates a key in the dictionary
      * @param key The key to look up
-     * @returns The translated string or the key itself if not found
+     * @param fallback Optional fallback value if the key is not found
+     * @returns The translated string or the fallbackValue if not found
      */
-    translate(key: string): string;
+    translate(key: string, fallback?: string): string | undefined;
     /**
      * Translates an enum value
      * @param enumName The name of the enum
      * @param enumValue The value of the enum to translate
+     * @param fallback
      * @returns The translated string or the enum value itself if not found
      */
-    translateEnum(enumName: string, enumValue: any): string | undefined;
+    translateEnum(enumName: string, enumValue: string | number | null | undefined, fallback?: string): string | undefined;
     /**
    * Translates a form validation error
    * @param errorKey The key of the error to translate
@@ -122,57 +246,122 @@ declare class Locale {
     /**
      * Clones and extends this object and returns a new Locale (without modifying this object).
      */
-    extend(values?: LocaleDefinitionExtend): Locale;
+    extend(definition?: Omit<LocaleDefinition, 'name' | 'rtl'>): Locale;
     /**
    *
    * @param date Date string or timestamp
    * @returns Formatted date string based on the locale
    */
-    formatDate(date: string | number, format: string): string;
+    formatDate(date: Date | string | number, format?: string): string;
+    format(object: any, formatterName: string, ...params: any[]): string;
 }
 
+/**
+ * Pipe to translate a dictionary key into a localized string.
+ * It uses the LocalizationService to fetch the translation.
+ * If the translation is not found, it returns the fallback string if provided.
+ */
 declare class TranslatePipe implements PipeTransform {
-    private _locale;
-    private _recompute;
-    private _value;
-    constructor(localizationService: LocalizationService);
-    transform(dictionaryKey: string, ...args: unknown[]): string;
+    private _ls;
+    constructor(_ls: LocalizationService);
+    transform(dictionaryKey: string, fallback?: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TranslatePipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<TranslatePipe, "ng0Translate", true>;
 }
 
-declare class EnumPipe implements PipeTransform {
-    private _locale;
-    private _recompute;
-    private _value;
-    constructor(localeProvider: LocalizationService);
-    transform(enumValue?: string | null, ...args: string[]): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EnumPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<EnumPipe, "ng0Enum", true>;
+declare class TranslateEnumPipe implements PipeTransform {
+    private _ls;
+    constructor(_ls: LocalizationService);
+    /**
+     *
+     * @param enumValue
+     * @param enumName
+     * @param nullValueKey
+     * @param returnEnumAsFallback
+     * @param fallbackKey
+     * @returns
+     */
+    transform(enumValue: string | number | null | undefined, enumName: string, fallback?: string): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TranslateEnumPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TranslateEnumPipe, "ng0TranslateEnum", true>;
 }
 
-declare class BooleanPipe implements PipeTransform {
+declare class TranslateBooleanPipe implements PipeTransform {
     private localeProvider;
     constructor(localeProvider: LocalizationService);
-    transform(value: any, falseKey: string | undefined, trueKey: 'false'): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BooleanPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<BooleanPipe, "ng0Bool", true>;
+    transform(value: any, falseKey?: string, trueKey?: string): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TranslateBooleanPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TranslateBooleanPipe, "ng0TranslateBool", true>;
 }
 
 declare class DatePipe implements PipeTransform {
-    private _locale;
-    private _value;
-    constructor(localeProvider: LocalizationService);
-    transform(value: number | string): string;
+    private _injector;
+    transform(value: Date | string | number, dateStyle?: 'short' | 'medium' | 'long' | 'full', timeStyle?: 'short' | 'medium' | 'long' | 'full', zone?: string[], calendar?: string): string;
+    transform(value: Date | string | number, options?: Intl.DateTimeFormatOptions): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatePipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<DatePipe, "ng0Date", true>;
 }
 
+/**
+ * Format pipe to format objects using various formatter types.
+ */
+declare class FormatPipe implements PipeTransform {
+    private _injector;
+    transform(obj: any, formatter: ObjectFormatterLike, ...params: any[]): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormatPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<FormatPipe, "ng0Format", true>;
+}
+
+declare class LocalizePipe implements PipeTransform {
+    private _ls;
+    constructor(_ls: LocalizationService);
+    transform(dictionaryKey: string): string | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LocalizePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<LocalizePipe, "ng0Localize", true>;
+}
+
+declare class LocalizeEnumPipe implements PipeTransform {
+    private _ls;
+    private _recompute;
+    private _value?;
+    constructor(_ls: LocalizationService);
+    /**
+     *
+     * @param enumValue
+     * @param enumName
+     * @param nullValueKey
+     * @param returnEnumAsFallback
+     * @param fallbackKey
+     * @returns
+     */
+    transform(enumValue: string | number | null | undefined, enumName: string, fallback?: string): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LocalizeEnumPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<LocalizeEnumPipe, "ng0LocalizeEnum", true>;
+}
+
+declare class LocalizeBooleanPipe implements PipeTransform {
+    private _ls;
+    constructor(_ls: LocalizationService);
+    transform(value: any, falseKey: string | undefined, trueKey: 'false'): string | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LocalizeBooleanPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<LocalizeBooleanPipe, "ng0LocalizeBool", true>;
+}
+
+declare class LocalizeDatePipe implements PipeTransform {
+    private _ls;
+    private _value?;
+    private _recompute;
+    constructor(_ls: LocalizationService);
+    transform(value: number | string, format?: string): string | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LocalizeDatePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<LocalizeDatePipe, "ng0LocalizeDate", true>;
+}
+
 declare class LocalizationModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<LocalizationModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LocalizationModule, never, [typeof i1.CommonModule, typeof TranslatePipe, typeof EnumPipe, typeof BooleanPipe, typeof DatePipe], [typeof TranslatePipe, typeof EnumPipe, typeof BooleanPipe, typeof DatePipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LocalizationModule, never, [typeof TranslatePipe, typeof TranslateEnumPipe, typeof TranslateBooleanPipe, typeof DatePipe, typeof FormatPipe, typeof LocalizePipe, typeof LocalizeEnumPipe, typeof LocalizeBooleanPipe, typeof LocalizeDatePipe], [typeof TranslatePipe, typeof TranslateEnumPipe, typeof TranslateBooleanPipe, typeof DatePipe, typeof FormatPipe, typeof LocalizePipe, typeof LocalizeEnumPipe, typeof LocalizeBooleanPipe, typeof LocalizeDatePipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<LocalizationModule>;
 }
 
-export { BooleanPipe, DatePipe, EnumPipe, LOCALE, Locale, LocalizationModule, LocalizationService, TranslatePipe };
-export type { LocaleChangeEvent, TranslatedValidationError };
+export { DatePipe, FormatPipe, LOCALE, Locale, LocalizationModule, LocalizationService, LocalizeBooleanPipe, LocalizeDatePipe, LocalizeEnumPipe, LocalizePipe, TranslateBooleanPipe, TranslateEnumPipe, TranslatePipe, createCompositeFormatter, createCurrencyFormatter, createDateFormatter, createFieldFormatter, createIndexFormatter, createLocaleFormatter, createNumberFormatter, createObjectFormatter, defaultFormatter, objectFormatterAttribute };
+export type { LocaleChangeEvent, LocaleDefinition, LocaleDictionary, LocaleEnums, LocaleValidationErrorTranslator, LocaleValidationErrorTranslators, ObjectFormatter, ObjectFormatterLike, TableComponentPagingFormatter, TranslatedValidationError };

package/localization/locales/index.d.ts

@@ -0,0 +1,7 @@
+import { Locale } from '@bootkit/ng0/localization';
+
+declare const EN_US_LOCALE: Locale;
+
+declare const FA_IR_LOCALE: Locale;
+
+export { EN_US_LOCALE, FA_IR_LOCALE };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bootkit/ng0",
-  "version": "0.0.0-alpha.4",
+  "version": "0.0.0-alpha.41",
   "description": "Angular+Bootstrap Component Library",
   "homepage": "https://bootkitlib.github.io/",
   "author": "BootKit",
@@ -17,9 +17,9 @@
     "component library"
   ],
   "peerDependencies": {
-    "@angular/common": ">=18.0.0",
-    "@angular/core": ">=18.0.0",
-    "@angular/cdk": ">=18.0.0"
+    "@angular/common": ">=20.2.0",
+    "@angular/core": ">=20.2.0",
+    "@angular/cdk": ">=20.2.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
@@ -35,13 +35,17 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/bootkit-ng0.mjs"
     },
+    "./data": {
+      "types": "./data/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-data.mjs"
+    },
     "./common": {
       "types": "./common/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-common.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",
@@ -59,6 +63,10 @@
       "types": "./localization/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-localization.mjs"
     },
+    "./routing": {
+      "types": "./routing/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-routing.mjs"
+    },
     "./script": {
       "types": "./script/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-script.mjs"
@@ -67,22 +75,30 @@
       "types": "./security/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-security.mjs"
     },
+    "./utils": {
+      "types": "./utils/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-utils.mjs"
+    },
     "./components/accordion": {
       "types": "./components/accordion/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-accordion.mjs"
     },
+    "./components/backdrop": {
+      "types": "./components/backdrop/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-components-backdrop.mjs"
+    },
     "./components/button": {
       "types": "./components/button/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-button.mjs"
     },
-    "./components/code": {
-      "types": "./components/code/index.d.ts",
-      "default": "./fesm2022/bootkit-ng0-components-code.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"
+    },
     "./components/collapse": {
       "types": "./components/collapse/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-collapse.mjs"
@@ -91,10 +107,18 @@
       "types": "./components/confirmation/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-confirmation.mjs"
     },
+    "./components/dropdown": {
+      "types": "./components/dropdown/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-components-dropdown.mjs"
+    },
     "./components/form-field": {
       "types": "./components/form-field/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-form-field.mjs"
     },
+    "./components/list": {
+      "types": "./components/list/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-components-list.mjs"
+    },
     "./components/modal": {
       "types": "./components/modal/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-modal.mjs"
@@ -107,18 +131,26 @@
       "types": "./components/offcanvas/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-offcanvas.mjs"
     },
-    "./components/pagination": {
-      "types": "./components/pagination/index.d.ts",
-      "default": "./fesm2022/bootkit-ng0-components-pagination.mjs"
-    },
     "./components/overlay": {
       "types": "./components/overlay/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-overlay.mjs"
     },
+    "./components/pagination": {
+      "types": "./components/pagination/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-components-pagination.mjs"
+    },
     "./components/popover": {
       "types": "./components/popover/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-popover.mjs"
     },
+    "./components/select": {
+      "types": "./components/select/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-components-select.mjs"
+    },
+    "./components/sidenav": {
+      "types": "./components/sidenav/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-components-sidenav.mjs"
+    },
     "./components/stepper": {
       "types": "./components/stepper/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-stepper.mjs"
@@ -134,6 +166,22 @@
     "./components/tooltip": {
       "types": "./components/tooltip/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-tooltip.mjs"
+    },
+    "./components/vertical-menu": {
+      "types": "./components/vertical-menu/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-components-vertical-menu.mjs"
+    },
+    "./layouts/layout1": {
+      "types": "./layouts/layout1/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-layouts-layout1.mjs"
+    },
+    "./localization/locales": {
+      "types": "./localization/locales/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-localization-locales.mjs"
+    },
+    "./platform/browser": {
+      "types": "./platform/browser/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-platform-browser.mjs"
     }
   }
 }

package/platform/browser/index.d.ts

@@ -0,0 +1,88 @@
+import * as rxjs from 'rxjs';
+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: _angular_core.ɵɵFactoryDeclaration<ClipboardService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ClipboardService>;
+}
+
+declare class ClipboardCopyDirective {
+    private clipboardService;
+    value: _angular_core.InputSignal<string | undefined>;
+    constructor(clipboardService: ClipboardService);
+    private _onHostClick;
+    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>;
+}
+
+/**
+ * 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<Document | Element | 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 true
+     */
+    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 };