@enigmatry/entry-components 15.0.0-preview.2 → 15.0.0-preview.4

package/common/README.md

@@ -0,0 +1,58 @@
+# Entry common
+
+EntryCommonModule includes a set of commonly used directives, pipes, services and utilities.
+
+`import { EntryCommonModule } from '@enigmatry/entry-components/common';`
+
+## Directives
+
+### `ScrollToInvalidControlDirective`
+
+Scrolls to first invalid form control when form is submitted.
+
+Selector: `form[formGroup],form[ngForm]`
+
+Directive is applied to reactive or template driven forms, no additional selectors are required. Directive will listen to form submit event and scroll to first invalid form control when form is invalid. For this to work, submit button should be enabled so users always get feedback of what is wrong.
+
+## Event plugins
+
+Extending Angular events binding syntax with debounce and throttle event plugins.
+
+When binding to events in Angular we can add debounce or throttle modifier after the event name:
+* using the event binding syntax "`(click.debounce)="onSave()`"
+* or HostListener "`@HostListener('keyup.throttle')`".
+
+Example: Debouncing a click event with default delay
+```html
+<button (click.debounce)="onClick($event)">
+```
+Example: Debouncing a keyup event with custom delay
+```html
+<input (keyup.debounce.1000)="doSomething($event)">
+```
+
+Example: Throttling a click event with default delay
+```html
+<input (keyup.throttle)="onKeyUp($event)">
+```
+Example: Throttle a keyup event with custom delay
+```html
+<input (keyup.throttle.1000)="onKeyUp($event)">
+```
+
+Modifier options `keyup.debounce.1000.leading`
+* event name e.g. `keyup`
+* modifier: `debounce` or `throttle`
+* milliseconds: delay in milliseconds before the event handler is executed
+* option: `leading` or `trailing`. If set to 'leading', the event handler is executed on the leading edge of the debounce timeout. If set to 'trailing', it's executed on the trailing edge.
+
+
+Difference between `debounce` and `throttle`
+* Debouncing waits for a certain time before invoking the function again.
+* Debouncing ensures that the function is called only once, even if the event is triggered multiple times.
+* Throttling limits the number of times the function can be called over a certain period.
+* Throttling ensures that the function is called at a regular interval, even if the event is triggered multiple times.
+  
+## Pipes
+
+## Services

package/common/common.module.d.ts

@@ -0,0 +1,11 @@
+import { ModuleWithProviders, Provider } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./directives/scroll-to-invalid-control.directive";
+export declare const NG_EVENT_PLUGINS: Provider[];
+export declare class EntryCommonModule {
+    static forRoot(): ModuleWithProviders<EntryCommonModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EntryCommonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EntryCommonModule, never, [typeof i1.CommonModule, typeof i2.ScrollToInvalidControlDirective], [typeof i2.ScrollToInvalidControlDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EntryCommonModule>;
+}

package/common/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const NG_VALID_CLASS = ".ng-valid";
+export declare const NG_INVALID_CLASS = ".ng-invalid";

package/common/directives/index.d.ts

@@ -0,0 +1 @@
+export * from './scroll-to-invalid-control.directive';

package/common/directives/scroll-to-invalid-control.directive.d.ts

@@ -0,0 +1,18 @@
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { ControlContainer } from '@angular/forms';
+import * as i0 from "@angular/core";
+/**
+ * Scroll to first invalid control when form is submitted.
+ * Directive is applied to 'form[formGroup],form[ngForm]' (reactive or template driven forms)
+ */
+export declare class ScrollToInvalidControlDirective implements OnInit, OnDestroy {
+    private form;
+    private elementRef;
+    private destroy$;
+    constructor(form: ControlContainer, elementRef: ElementRef<HTMLFormElement>);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private scrollToInvalidControl;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollToInvalidControlDirective, [{ self: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollToInvalidControlDirective, "form[formGroup],form[ngForm]", never, {}, {}, never, never, true, never>;
+}

package/common/event-plugins/abstract.plugin.d.ts

@@ -0,0 +1,40 @@
+import { EventManager } from '@angular/platform-browser';
+/**
+ * abstract class EventManagerPlugin will be exposed in the public api
+ * https://github.com/angular/angular/pull/49969
+ *
+ * Until then creating it from reference
+ * https://github.com/angular/angular/blob/main/packages/platform-browser/src/dom/events/event_manager.ts#L93
+ *
+ * How to create custom event modifiers
+ * https://github.com/Tinkoff/ng-event-plugins,
+ * https://github.com/angular/angular/blob/main/packages/platform-browser/src/dom/events/key_events.ts
+ * https://netbasal.com/lifting-the-veil-insights-into-angulars-eventmanagerplugin-ed9d14cbb31a
+ */
+export declare abstract class EventManagerPlugin {
+    manager: EventManager;
+    /** Should return `true` for every event name that should be supported by this plugin */
+    abstract supports(eventName: string): boolean;
+    /**
+     * Registers a handler for a specific element and event.
+     *
+     * @param element The HTML element to receive event notifications.
+     * @param eventName The name of the event to listen for.
+     * @param handler A function to call when the notification occurs. Receives the
+     * event object as an argument.
+     * @returns  A callback function that can be used to remove the handler.
+     */
+    abstract addEventListener(element: HTMLElement, eventName: string, handler: Function): Function;
+}
+/**
+ * Entry event plugin base class
+ */
+export declare abstract class EntryEventManagerPlugin extends EventManagerPlugin {
+    abstract modifier: string;
+    /** return `true` for every event name that has specified modifier */
+    supports(eventName: string): boolean;
+    /** unwrap params e.g. (click.debounce.500) => ['debounce', 500] */
+    unwrapParams(eventName: string): string[];
+    /** get event name e.g. (click.debounce.500) => click */
+    unwrapEventName(eventName: string): string;
+}

package/common/event-plugins/debounce.plugin.d.ts

@@ -0,0 +1,15 @@
+import { EntryEventManagerPlugin } from './abstract.plugin';
+import * as i0 from "@angular/core";
+/**
+ * Provides event plugin for debouncing events.
+ *
+ * How to use:
+ * <button (click.debounce)="doSomething($event)">
+ * <input (keyup.debounce.500)="doSomething($event)">
+ */
+export declare class DebounceEventPlugin extends EntryEventManagerPlugin {
+    modifier: string;
+    addEventListener(element: HTMLElement, eventName: string, originalHandler: Function): Function;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DebounceEventPlugin, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DebounceEventPlugin>;
+}

package/common/event-plugins/index.d.ts

@@ -0,0 +1,2 @@
+export { ThrottleEventPlugin } from './throttle.plugin';
+export { DebounceEventPlugin } from './debounce.plugin';

package/common/event-plugins/throttle.plugin.d.ts

@@ -0,0 +1,15 @@
+import { EntryEventManagerPlugin } from './abstract.plugin';
+import * as i0 from "@angular/core";
+/**
+ * Provides event plugin for throttling events.
+ *
+ * How to use:
+ * <button (click.throttle)="doSomething($event)">
+ * <input (keyup.throttle.500)="doSomething($event)">
+ */
+export declare class ThrottleEventPlugin extends EntryEventManagerPlugin {
+    modifier: string;
+    addEventListener(element: HTMLElement, eventName: string, originalHandler: Function): Function;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThrottleEventPlugin, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ThrottleEventPlugin>;
+}

package/common/public-api.d.ts

@@ -1 +1,4 @@
+export { EntryCommonModule, NG_EVENT_PLUGINS } from './common.module';
 export * from './utils';
+export * from './directives';
+export * from './event-plugins';

package/esm2020/common/common.module.mjs

@@ -0,0 +1,46 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+/** Directives */
+import { ScrollToInvalidControlDirective } from './directives/scroll-to-invalid-control.directive';
+/** Event plugins */
+import { DebounceEventPlugin } from './event-plugins/debounce.plugin';
+import { ThrottleEventPlugin } from './event-plugins/throttle.plugin';
+import { EVENT_MANAGER_PLUGINS } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+const DIRECTIVES = [
+    ScrollToInvalidControlDirective
+];
+const EVENT_PLUGINS = [
+    DebounceEventPlugin,
+    ThrottleEventPlugin
+];
+export const NG_EVENT_PLUGINS = EVENT_PLUGINS.map(useClass => ({
+    provide: EVENT_MANAGER_PLUGINS,
+    multi: true,
+    useClass
+}));
+export class EntryCommonModule {
+    static forRoot() {
+        return {
+            ngModule: EntryCommonModule,
+            providers: NG_EVENT_PLUGINS
+        };
+    }
+}
+EntryCommonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: EntryCommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+EntryCommonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: EntryCommonModule, imports: [CommonModule, ScrollToInvalidControlDirective], exports: [ScrollToInvalidControlDirective] });
+EntryCommonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: EntryCommonModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: EntryCommonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [
+                        CommonModule,
+                        ...DIRECTIVES
+                    ],
+                    exports: [
+                        ...DIRECTIVES
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZW50cnktY29tcG9uZW50cy9jb21tb24vY29tbW9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXVCLFFBQVEsRUFBWSxNQUFNLGVBQWUsQ0FBQztBQUN4RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsaUJBQWlCO0FBRWpCLE9BQU8sRUFBRSwrQkFBK0IsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBTW5HLG9CQUFvQjtBQUVwQixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUN0RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUN0RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFSbEUsTUFBTSxVQUFVLEdBQUc7SUFDakIsK0JBQStCO0NBQ2hDLENBQUM7QUFRRixNQUFNLGFBQWEsR0FBRztJQUNwQixtQkFBbUI7SUFDbkIsbUJBQW1CO0NBQ3BCLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBZSxhQUFhLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUN6RSxPQUFPLEVBQUUscUJBQXFCO0lBQzlCLEtBQUssRUFBRSxJQUFJO0lBQ1gsUUFBUTtDQUNULENBQUMsQ0FBQyxDQUFDO0FBY0osTUFBTSxPQUFPLGlCQUFpQjtJQUM1QixNQUFNLENBQUMsT0FBTztRQUNaLE9BQU87WUFDTCxRQUFRLEVBQUUsaUJBQWlCO1lBQzNCLFNBQVMsRUFBRSxnQkFBZ0I7U0FDNUIsQ0FBQztJQUNKLENBQUM7OzhHQU5VLGlCQUFpQjsrR0FBakIsaUJBQWlCLFlBUDFCLFlBQVksRUF6QmQsK0JBQStCLGFBQS9CLCtCQUErQjsrR0FnQ3BCLGlCQUFpQixZQVAxQixZQUFZOzJGQU9ILGlCQUFpQjtrQkFYN0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsRUFDYjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixHQUFHLFVBQVU7cUJBQ2Q7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLEdBQUcsVUFBVTtxQkFDZDtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE1vZHVsZVdpdGhQcm92aWRlcnMsIE5nTW9kdWxlLCBQcm92aWRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuLyoqIERpcmVjdGl2ZXMgKi9cblxuaW1wb3J0IHsgU2Nyb2xsVG9JbnZhbGlkQ29udHJvbERpcmVjdGl2ZSB9IGZyb20gJy4vZGlyZWN0aXZlcy9zY3JvbGwtdG8taW52YWxpZC1jb250cm9sLmRpcmVjdGl2ZSc7XG5cbmNvbnN0IERJUkVDVElWRVMgPSBbXG4gIFNjcm9sbFRvSW52YWxpZENvbnRyb2xEaXJlY3RpdmVcbl07XG5cbi8qKiBFdmVudCBwbHVnaW5zICovXG5cbmltcG9ydCB7IERlYm91bmNlRXZlbnRQbHVnaW4gfSBmcm9tICcuL2V2ZW50LXBsdWdpbnMvZGVib3VuY2UucGx1Z2luJztcbmltcG9ydCB7IFRocm90dGxlRXZlbnRQbHVnaW4gfSBmcm9tICcuL2V2ZW50LXBsdWdpbnMvdGhyb3R0bGUucGx1Z2luJztcbmltcG9ydCB7IEVWRU5UX01BTkFHRVJfUExVR0lOUyB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuXG5jb25zdCBFVkVOVF9QTFVHSU5TID0gW1xuICBEZWJvdW5jZUV2ZW50UGx1Z2luLFxuICBUaHJvdHRsZUV2ZW50UGx1Z2luXG5dO1xuXG5leHBvcnQgY29uc3QgTkdfRVZFTlRfUExVR0lOUzogUHJvdmlkZXJbXSA9IEVWRU5UX1BMVUdJTlMubWFwKHVzZUNsYXNzID0+ICh7XG4gIHByb3ZpZGU6IEVWRU5UX01BTkFHRVJfUExVR0lOUyxcbiAgbXVsdGk6IHRydWUsXG4gIHVzZUNsYXNzXG59KSk7XG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgLi4uRElSRUNUSVZFU1xuICBdLFxuICBleHBvcnRzOiBbXG4gICAgLi4uRElSRUNUSVZFU1xuICBdXG59KVxuZXhwb3J0IGNsYXNzIEVudHJ5Q29tbW9uTW9kdWxlIHtcbiAgc3RhdGljIGZvclJvb3QoKTogTW9kdWxlV2l0aFByb3ZpZGVyczxFbnRyeUNvbW1vbk1vZHVsZT4ge1xuICAgIHJldHVybiB7XG4gICAgICBuZ01vZHVsZTogRW50cnlDb21tb25Nb2R1bGUsXG4gICAgICBwcm92aWRlcnM6IE5HX0VWRU5UX1BMVUdJTlNcbiAgICB9O1xuICB9XG59XG4iXX0=

package/esm2020/common/constants.mjs

@@ -0,0 +1,3 @@
+export const NG_VALID_CLASS = '.ng-valid';
+export const NG_INVALID_CLASS = '.ng-invalid';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9lbnRyeS1jb21wb25lbnRzL2NvbW1vbi9jb25zdGFudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLFdBQVcsQ0FBQztBQUMxQyxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxhQUFhLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY29uc3QgTkdfVkFMSURfQ0xBU1MgPSAnLm5nLXZhbGlkJztcclxuZXhwb3J0IGNvbnN0IE5HX0lOVkFMSURfQ0xBU1MgPSAnLm5nLWludmFsaWQnO1xyXG4iXX0=

package/esm2020/common/directives/index.mjs

@@ -0,0 +1,2 @@
+export * from './scroll-to-invalid-control.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2VudHJ5LWNvbXBvbmVudHMvY29tbW9uL2RpcmVjdGl2ZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx1Q0FBdUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc2Nyb2xsLXRvLWludmFsaWQtY29udHJvbC5kaXJlY3RpdmUnO1xyXG4iXX0=

package/esm2020/common/directives/scroll-to-invalid-control.directive.mjs

@@ -0,0 +1,51 @@
+import { Directive, Self } from '@angular/core';
+import { Subject, fromEvent } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { NG_INVALID_CLASS } from '../constants';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+/**
+ * Scroll to first invalid control when form is submitted.
+ * Directive is applied to 'form[formGroup],form[ngForm]' (reactive or template driven forms)
+ */
+export class ScrollToInvalidControlDirective {
+    constructor(form, elementRef) {
+        this.form = form;
+        this.elementRef = elementRef;
+        this.destroy$ = new Subject();
+    }
+    ngOnInit() {
+        fromEvent(this.elementRef.nativeElement, 'submit')
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(_ => {
+            if (this.form.invalid) {
+                this.scrollToInvalidControl();
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    scrollToInvalidControl() {
+        const firstInvalidControl = this.elementRef.nativeElement.querySelector(NG_INVALID_CLASS);
+        if (firstInvalidControl) {
+            firstInvalidControl.scrollIntoView({
+                behavior: 'smooth',
+                block: 'center' // vertical alignment
+            });
+        }
+    }
+}
+ScrollToInvalidControlDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ScrollToInvalidControlDirective, deps: [{ token: i1.ControlContainer, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+ScrollToInvalidControlDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: ScrollToInvalidControlDirective, isStandalone: true, selector: "form[formGroup],form[ngForm]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ScrollToInvalidControlDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'form[formGroup],form[ngForm]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ControlContainer, decorators: [{
+                    type: Self
+                }] }, { type: i0.ElementRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsLXRvLWludmFsaWQtY29udHJvbC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2VudHJ5LWNvbXBvbmVudHMvY29tbW9uL2RpcmVjdGl2ZXMvc2Nyb2xsLXRvLWludmFsaWQtY29udHJvbC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBaUMsSUFBSSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRS9FLE9BQU8sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUM7OztBQUVoRDs7O0dBR0c7QUFLSCxNQUFNLE9BQU8sK0JBQStCO0lBSTFDLFlBQ2tCLElBQXNCLEVBQzlCLFVBQXVDO1FBRC9CLFNBQUksR0FBSixJQUFJLENBQWtCO1FBQzlCLGVBQVUsR0FBVixVQUFVLENBQTZCO1FBSnpDLGFBQVEsR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO0lBSWMsQ0FBQztJQUV0RCxRQUFRO1FBQ04sU0FBUyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFLFFBQVEsQ0FBQzthQUMvQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUM5QixTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDYixJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFO2dCQUNyQixJQUFJLENBQUMsc0JBQXNCLEVBQUUsQ0FBQzthQUMvQjtRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVPLHNCQUFzQjtRQUM1QixNQUFNLG1CQUFtQixHQUN2QixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUVoRSxJQUFJLG1CQUFtQixFQUFFO1lBQ3ZCLG1CQUFtQixDQUFDLGNBQWMsQ0FBQztnQkFDakMsUUFBUSxFQUFFLFFBQVE7Z0JBQ2xCLEtBQUssRUFBRSxRQUFRLENBQUUscUJBQXFCO2FBQ3ZDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQzs7NEhBakNVLCtCQUErQjtnSEFBL0IsK0JBQStCOzJGQUEvQiwrQkFBK0I7a0JBSjNDLFNBQVM7bUJBQUM7b0JBQ1QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFFBQVEsRUFBRSw4QkFBOEI7aUJBQ3pDOzswQkFNSSxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBPbkRlc3Ryb3ksIE9uSW5pdCwgU2VsZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250cm9sQ29udGFpbmVyIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBTdWJqZWN0LCBmcm9tRXZlbnQgfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xyXG5pbXBvcnQgeyBOR19JTlZBTElEX0NMQVNTIH0gZnJvbSAnLi4vY29uc3RhbnRzJztcclxuXHJcbi8qKlxyXG4gKiBTY3JvbGwgdG8gZmlyc3QgaW52YWxpZCBjb250cm9sIHdoZW4gZm9ybSBpcyBzdWJtaXR0ZWQuXHJcbiAqIERpcmVjdGl2ZSBpcyBhcHBsaWVkIHRvICdmb3JtW2Zvcm1Hcm91cF0sZm9ybVtuZ0Zvcm1dJyAocmVhY3RpdmUgb3IgdGVtcGxhdGUgZHJpdmVuIGZvcm1zKVxyXG4gKi9cclxuQERpcmVjdGl2ZSh7XHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBzZWxlY3RvcjogJ2Zvcm1bZm9ybUdyb3VwXSxmb3JtW25nRm9ybV0nXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTY3JvbGxUb0ludmFsaWRDb250cm9sRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG5cclxuICBwcml2YXRlIGRlc3Ryb3kkID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBAU2VsZigpIHByaXZhdGUgZm9ybTogQ29udHJvbENvbnRhaW5lcixcclxuICAgIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRm9ybUVsZW1lbnQ+KSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBmcm9tRXZlbnQodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICdzdWJtaXQnKVxyXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5kZXN0cm95JCkpXHJcbiAgICAgIC5zdWJzY3JpYmUoXyA9PiB7XHJcbiAgICAgICAgaWYgKHRoaXMuZm9ybS5pbnZhbGlkKSB7XHJcbiAgICAgICAgICB0aGlzLnNjcm9sbFRvSW52YWxpZENvbnRyb2woKTtcclxuICAgICAgICB9XHJcbiAgICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICB0aGlzLmRlc3Ryb3kkLm5leHQoKTtcclxuICAgIHRoaXMuZGVzdHJveSQuY29tcGxldGUoKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgc2Nyb2xsVG9JbnZhbGlkQ29udHJvbCgpIHtcclxuICAgIGNvbnN0IGZpcnN0SW52YWxpZENvbnRyb2w6IEhUTUxFbGVtZW50ID1cclxuICAgICAgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3RvcihOR19JTlZBTElEX0NMQVNTKTtcclxuXHJcbiAgICBpZiAoZmlyc3RJbnZhbGlkQ29udHJvbCkge1xyXG4gICAgICBmaXJzdEludmFsaWRDb250cm9sLnNjcm9sbEludG9WaWV3KHtcclxuICAgICAgICBiZWhhdmlvcjogJ3Ntb290aCcsXHJcbiAgICAgICAgYmxvY2s6ICdjZW50ZXInICAvLyB2ZXJ0aWNhbCBhbGlnbm1lbnRcclxuICAgICAgfSk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2020/common/event-plugins/abstract.plugin.mjs

@@ -0,0 +1,35 @@
+/**
+ * abstract class EventManagerPlugin will be exposed in the public api
+ * https://github.com/angular/angular/pull/49969
+ *
+ * Until then creating it from reference
+ * https://github.com/angular/angular/blob/main/packages/platform-browser/src/dom/events/event_manager.ts#L93
+ *
+ * How to create custom event modifiers
+ * https://github.com/Tinkoff/ng-event-plugins,
+ * https://github.com/angular/angular/blob/main/packages/platform-browser/src/dom/events/key_events.ts
+ * https://netbasal.com/lifting-the-veil-insights-into-angulars-eventmanagerplugin-ed9d14cbb31a
+ */
+export class EventManagerPlugin {
+}
+/**
+ * Entry event plugin base class
+ */
+export class EntryEventManagerPlugin extends EventManagerPlugin {
+    /** return `true` for every event name that has specified modifier */
+    supports(eventName) {
+        return eventName.includes(this.modifier);
+    }
+    /** unwrap params e.g. (click.debounce.500) => ['debounce', 500] */
+    unwrapParams(eventName) {
+        return eventName
+            .substring(eventName.indexOf(this.modifier))
+            .split('.')
+            .filter(x => !!x);
+    }
+    /** get event name e.g. (click.debounce.500) => click */
+    unwrapEventName(eventName) {
+        return eventName.substring(0, eventName.indexOf(this.modifier));
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWJzdHJhY3QucGx1Z2luLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9lbnRyeS1jb21wb25lbnRzL2NvbW1vbi9ldmVudC1wbHVnaW5zL2Fic3RyYWN0LnBsdWdpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTs7Ozs7Ozs7Ozs7R0FXRztBQUNILE1BQU0sT0FBZ0Isa0JBQWtCO0NBbUJ2QztBQUVEOztHQUVHO0FBQ0gsTUFBTSxPQUFnQix1QkFBd0IsU0FBUSxrQkFBa0I7SUFHdEUscUVBQXFFO0lBQ3JFLFFBQVEsQ0FBQyxTQUFpQjtRQUN4QixPQUFPLFNBQVMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzNDLENBQUM7SUFFRCxtRUFBbUU7SUFDbkUsWUFBWSxDQUFDLFNBQWlCO1FBQzVCLE9BQU8sU0FBUzthQUNiLFNBQVMsQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUMzQyxLQUFLLENBQUMsR0FBRyxDQUFDO2FBQ1YsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3RCLENBQUM7SUFFRCx3REFBd0Q7SUFDeEQsZUFBZSxDQUFDLFNBQWlCO1FBQy9CLE9BQU8sU0FBUyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsU0FBUyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztJQUNsRSxDQUFDO0NBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBFdmVudE1hbmFnZXIgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcclxuXHJcbi8qKlxyXG4gKiBhYnN0cmFjdCBjbGFzcyBFdmVudE1hbmFnZXJQbHVnaW4gd2lsbCBiZSBleHBvc2VkIGluIHRoZSBwdWJsaWMgYXBpXHJcbiAqIGh0dHBzOi8vZ2l0aHViLmNvbS9hbmd1bGFyL2FuZ3VsYXIvcHVsbC80OTk2OVxyXG4gKlxyXG4gKiBVbnRpbCB0aGVuIGNyZWF0aW5nIGl0IGZyb20gcmVmZXJlbmNlXHJcbiAqIGh0dHBzOi8vZ2l0aHViLmNvbS9hbmd1bGFyL2FuZ3VsYXIvYmxvYi9tYWluL3BhY2thZ2VzL3BsYXRmb3JtLWJyb3dzZXIvc3JjL2RvbS9ldmVudHMvZXZlbnRfbWFuYWdlci50cyNMOTNcclxuICpcclxuICogSG93IHRvIGNyZWF0ZSBjdXN0b20gZXZlbnQgbW9kaWZpZXJzXHJcbiAqIGh0dHBzOi8vZ2l0aHViLmNvbS9UaW5rb2ZmL25nLWV2ZW50LXBsdWdpbnMsXHJcbiAqIGh0dHBzOi8vZ2l0aHViLmNvbS9hbmd1bGFyL2FuZ3VsYXIvYmxvYi9tYWluL3BhY2thZ2VzL3BsYXRmb3JtLWJyb3dzZXIvc3JjL2RvbS9ldmVudHMva2V5X2V2ZW50cy50c1xyXG4gKiBodHRwczovL25ldGJhc2FsLmNvbS9saWZ0aW5nLXRoZS12ZWlsLWluc2lnaHRzLWludG8tYW5ndWxhcnMtZXZlbnRtYW5hZ2VycGx1Z2luLWVkOWQxNGNiYjMxYVxyXG4gKi9cclxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIEV2ZW50TWFuYWdlclBsdWdpbiB7XHJcblxyXG4gIC8vIFVzaW5nIG5vbi1udWxsIGFzc2VydGlvbiBiZWNhdXNlIGl0J3Mgc2V0IGJ5IEV2ZW50TWFuYWdlcidzIGNvbnN0cnVjdG9yXHJcbiAgbWFuYWdlciE6IEV2ZW50TWFuYWdlcjtcclxuXHJcbiAgLyoqIFNob3VsZCByZXR1cm4gYHRydWVgIGZvciBldmVyeSBldmVudCBuYW1lIHRoYXQgc2hvdWxkIGJlIHN1cHBvcnRlZCBieSB0aGlzIHBsdWdpbiAqL1xyXG4gIGFic3RyYWN0IHN1cHBvcnRzKGV2ZW50TmFtZTogc3RyaW5nKTogYm9vbGVhbjtcclxuXHJcbiAgLyoqXHJcbiAgICogUmVnaXN0ZXJzIGEgaGFuZGxlciBmb3IgYSBzcGVjaWZpYyBlbGVtZW50IGFuZCBldmVudC5cclxuICAgKlxyXG4gICAqIEBwYXJhbSBlbGVtZW50IFRoZSBIVE1MIGVsZW1lbnQgdG8gcmVjZWl2ZSBldmVudCBub3RpZmljYXRpb25zLlxyXG4gICAqIEBwYXJhbSBldmVudE5hbWUgVGhlIG5hbWUgb2YgdGhlIGV2ZW50IHRvIGxpc3RlbiBmb3IuXHJcbiAgICogQHBhcmFtIGhhbmRsZXIgQSBmdW5jdGlvbiB0byBjYWxsIHdoZW4gdGhlIG5vdGlmaWNhdGlvbiBvY2N1cnMuIFJlY2VpdmVzIHRoZVxyXG4gICAqIGV2ZW50IG9iamVjdCBhcyBhbiBhcmd1bWVudC5cclxuICAgKiBAcmV0dXJucyAgQSBjYWxsYmFjayBmdW5jdGlvbiB0aGF0IGNhbiBiZSB1c2VkIHRvIHJlbW92ZSB0aGUgaGFuZGxlci5cclxuICAgKi9cclxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L2Jhbi10eXBlc1xyXG4gIGFic3RyYWN0IGFkZEV2ZW50TGlzdGVuZXIoZWxlbWVudDogSFRNTEVsZW1lbnQsIGV2ZW50TmFtZTogc3RyaW5nLCBoYW5kbGVyOiBGdW5jdGlvbik6IEZ1bmN0aW9uO1xyXG59XHJcblxyXG4vKipcclxuICogRW50cnkgZXZlbnQgcGx1Z2luIGJhc2UgY2xhc3NcclxuICovXHJcbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBFbnRyeUV2ZW50TWFuYWdlclBsdWdpbiBleHRlbmRzIEV2ZW50TWFuYWdlclBsdWdpbiB7XHJcbiAgYWJzdHJhY3QgbW9kaWZpZXI6IHN0cmluZztcclxuXHJcbiAgLyoqIHJldHVybiBgdHJ1ZWAgZm9yIGV2ZXJ5IGV2ZW50IG5hbWUgdGhhdCBoYXMgc3BlY2lmaWVkIG1vZGlmaWVyICovXHJcbiAgc3VwcG9ydHMoZXZlbnROYW1lOiBzdHJpbmcpOiBib29sZWFuIHtcclxuICAgIHJldHVybiBldmVudE5hbWUuaW5jbHVkZXModGhpcy5tb2RpZmllcik7XHJcbiAgfVxyXG5cclxuICAvKiogdW53cmFwIHBhcmFtcyBlLmcuIChjbGljay5kZWJvdW5jZS41MDApID0+IFsnZGVib3VuY2UnLCA1MDBdICovXHJcbiAgdW53cmFwUGFyYW1zKGV2ZW50TmFtZTogc3RyaW5nKTogc3RyaW5nW10ge1xyXG4gICAgcmV0dXJuIGV2ZW50TmFtZVxyXG4gICAgICAuc3Vic3RyaW5nKGV2ZW50TmFtZS5pbmRleE9mKHRoaXMubW9kaWZpZXIpKVxyXG4gICAgICAuc3BsaXQoJy4nKVxyXG4gICAgICAuZmlsdGVyKHggPT4gISF4KTtcclxuICB9XHJcblxyXG4gIC8qKiBnZXQgZXZlbnQgbmFtZSBlLmcuIChjbGljay5kZWJvdW5jZS41MDApID0+IGNsaWNrICovXHJcbiAgdW53cmFwRXZlbnROYW1lKGV2ZW50TmFtZTogc3RyaW5nKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBldmVudE5hbWUuc3Vic3RyaW5nKDAsIGV2ZW50TmFtZS5pbmRleE9mKHRoaXMubW9kaWZpZXIpKTtcclxuICB9XHJcbn1cclxuIl19

package/esm2020/common/event-plugins/debounce.plugin.mjs

@@ -0,0 +1,34 @@
+/* eslint-disable @typescript-eslint/ban-types */
+import { Injectable } from '@angular/core';
+import { EntryEventManagerPlugin } from './abstract.plugin';
+import { debounce } from 'lodash-es';
+import * as i0 from "@angular/core";
+/**
+ * Provides event plugin for debouncing events.
+ *
+ * How to use:
+ * <button (click.debounce)="doSomething($event)">
+ * <input (keyup.debounce.500)="doSomething($event)">
+ */
+export class DebounceEventPlugin extends EntryEventManagerPlugin {
+    constructor() {
+        super(...arguments);
+        this.modifier = '.debounce';
+    }
+    addEventListener(element, eventName, originalHandler) {
+        // e.g. (click.debounce.500)
+        const [_modifier, milliseconds = 500, option = 'leading'] = this.unwrapParams(eventName);
+        // run original handler inside ngZone in which the event occurred
+        const innerHandler = (event) => this.manager.getZone().runGuarded(() => originalHandler(event));
+        // create debounced handler
+        const debouncedHandler = debounce(innerHandler, milliseconds, { leading: option === 'leading', trailing: option === 'trailing' });
+        // register event with debounced handler
+        return this.manager.addEventListener(element, this.unwrapEventName(eventName), debouncedHandler);
+    }
+}
+DebounceEventPlugin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DebounceEventPlugin, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+DebounceEventPlugin.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DebounceEventPlugin });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DebounceEventPlugin, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVib3VuY2UucGx1Z2luLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9lbnRyeS1jb21wb25lbnRzL2NvbW1vbi9ldmVudC1wbHVnaW5zL2RlYm91bmNlLnBsdWdpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpREFBaUQ7QUFDakQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sV0FBVyxDQUFDOztBQUVyQzs7Ozs7O0dBTUc7QUFFSCxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsdUJBQXVCO0lBRGhFOztRQUdFLGFBQVEsR0FBRyxXQUFXLENBQUM7S0FnQnhCO0lBZEMsZ0JBQWdCLENBQUMsT0FBb0IsRUFBRSxTQUFpQixFQUFFLGVBQXlCO1FBQ2pGLDRCQUE0QjtRQUM1QixNQUFNLENBQUMsU0FBUyxFQUFFLFlBQVksR0FBRyxHQUFHLEVBQUUsTUFBTSxHQUFHLFNBQVMsQ0FBQyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLENBQUM7UUFFekYsaUVBQWlFO1FBQ2pFLE1BQU0sWUFBWSxHQUFHLENBQUMsS0FBVSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sRUFBRSxDQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxlQUFlLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztRQUVyRywyQkFBMkI7UUFDM0IsTUFBTSxnQkFBZ0IsR0FBRyxRQUFRLENBQUMsWUFBWSxFQUFFLFlBQVksRUFDMUQsRUFBRSxPQUFPLEVBQUUsTUFBTSxLQUFLLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxLQUFLLFVBQVUsRUFBRSxDQUFDLENBQUM7UUFFdEUsd0NBQXdDO1FBQ3hDLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLGVBQWUsQ0FBQyxTQUFTLENBQUMsRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDO0lBQ25HLENBQUM7O2dIQWpCVSxtQkFBbUI7b0hBQW5CLG1CQUFtQjsyRkFBbkIsbUJBQW1CO2tCQUQvQixVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L2Jhbi10eXBlcyAqL1xyXG5pbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEVudHJ5RXZlbnRNYW5hZ2VyUGx1Z2luIH0gZnJvbSAnLi9hYnN0cmFjdC5wbHVnaW4nO1xyXG5pbXBvcnQgeyBkZWJvdW5jZSB9IGZyb20gJ2xvZGFzaC1lcyc7XHJcblxyXG4vKipcclxuICogUHJvdmlkZXMgZXZlbnQgcGx1Z2luIGZvciBkZWJvdW5jaW5nIGV2ZW50cy5cclxuICpcclxuICogSG93IHRvIHVzZTpcclxuICogPGJ1dHRvbiAoY2xpY2suZGVib3VuY2UpPVwiZG9Tb21ldGhpbmcoJGV2ZW50KVwiPlxyXG4gKiA8aW5wdXQgKGtleXVwLmRlYm91bmNlLjUwMCk9XCJkb1NvbWV0aGluZygkZXZlbnQpXCI+XHJcbiAqL1xyXG5ASW5qZWN0YWJsZSgpXHJcbmV4cG9ydCBjbGFzcyBEZWJvdW5jZUV2ZW50UGx1Z2luIGV4dGVuZHMgRW50cnlFdmVudE1hbmFnZXJQbHVnaW4ge1xyXG5cclxuICBtb2RpZmllciA9ICcuZGVib3VuY2UnO1xyXG5cclxuICBhZGRFdmVudExpc3RlbmVyKGVsZW1lbnQ6IEhUTUxFbGVtZW50LCBldmVudE5hbWU6IHN0cmluZywgb3JpZ2luYWxIYW5kbGVyOiBGdW5jdGlvbik6IEZ1bmN0aW9uIHtcclxuICAgIC8vIGUuZy4gKGNsaWNrLmRlYm91bmNlLjUwMClcclxuICAgIGNvbnN0IFtfbW9kaWZpZXIsIG1pbGxpc2Vjb25kcyA9IDUwMCwgb3B0aW9uID0gJ2xlYWRpbmcnXSA9IHRoaXMudW53cmFwUGFyYW1zKGV2ZW50TmFtZSk7XHJcblxyXG4gICAgLy8gcnVuIG9yaWdpbmFsIGhhbmRsZXIgaW5zaWRlIG5nWm9uZSBpbiB3aGljaCB0aGUgZXZlbnQgb2NjdXJyZWRcclxuICAgIGNvbnN0IGlubmVySGFuZGxlciA9IChldmVudDogYW55KSA9PiB0aGlzLm1hbmFnZXIuZ2V0Wm9uZSgpLnJ1bkd1YXJkZWQoKCkgPT4gb3JpZ2luYWxIYW5kbGVyKGV2ZW50KSk7XHJcblxyXG4gICAgLy8gY3JlYXRlIGRlYm91bmNlZCBoYW5kbGVyXHJcbiAgICBjb25zdCBkZWJvdW5jZWRIYW5kbGVyID0gZGVib3VuY2UoaW5uZXJIYW5kbGVyLCBtaWxsaXNlY29uZHMsXHJcbiAgICAgIHsgbGVhZGluZzogb3B0aW9uID09PSAnbGVhZGluZycsIHRyYWlsaW5nOiBvcHRpb24gPT09ICd0cmFpbGluZycgfSk7XHJcblxyXG4gICAgLy8gcmVnaXN0ZXIgZXZlbnQgd2l0aCBkZWJvdW5jZWQgaGFuZGxlclxyXG4gICAgcmV0dXJuIHRoaXMubWFuYWdlci5hZGRFdmVudExpc3RlbmVyKGVsZW1lbnQsIHRoaXMudW53cmFwRXZlbnROYW1lKGV2ZW50TmFtZSksIGRlYm91bmNlZEhhbmRsZXIpO1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2020/common/event-plugins/index.mjs

@@ -0,0 +1,3 @@
+export { ThrottleEventPlugin } from './throttle.plugin';
+export { DebounceEventPlugin } from './debounce.plugin';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2VudHJ5LWNvbXBvbmVudHMvY29tbW9uL2V2ZW50LXBsdWdpbnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDeEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sbUJBQW1CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBUaHJvdHRsZUV2ZW50UGx1Z2luIH0gZnJvbSAnLi90aHJvdHRsZS5wbHVnaW4nO1xyXG5leHBvcnQgeyBEZWJvdW5jZUV2ZW50UGx1Z2luIH0gZnJvbSAnLi9kZWJvdW5jZS5wbHVnaW4nO1xyXG4iXX0=

package/esm2020/common/event-plugins/throttle.plugin.mjs

@@ -0,0 +1,34 @@
+/* eslint-disable @typescript-eslint/ban-types */
+import { Injectable } from '@angular/core';
+import { EntryEventManagerPlugin } from './abstract.plugin';
+import { throttle } from 'lodash-es';
+import * as i0 from "@angular/core";
+/**
+ * Provides event plugin for throttling events.
+ *
+ * How to use:
+ * <button (click.throttle)="doSomething($event)">
+ * <input (keyup.throttle.500)="doSomething($event)">
+ */
+export class ThrottleEventPlugin extends EntryEventManagerPlugin {
+    constructor() {
+        super(...arguments);
+        this.modifier = '.throttle';
+    }
+    addEventListener(element, eventName, originalHandler) {
+        // e.g. (keyup.throttle.500)
+        const [_modifier, milliseconds = 500] = this.unwrapParams(eventName);
+        // run original handler inside ngZone in which the event occurred
+        const innerHandler = (event) => this.manager.getZone().runGuarded(() => originalHandler(event));
+        // create throttled handler
+        const throttledHandler = throttle(innerHandler, milliseconds);
+        // register event with throttled handler
+        return this.manager.addEventListener(element, this.unwrapEventName(eventName), throttledHandler);
+    }
+}
+ThrottleEventPlugin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ThrottleEventPlugin, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+ThrottleEventPlugin.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ThrottleEventPlugin });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ThrottleEventPlugin, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhyb3R0bGUucGx1Z2luLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9lbnRyeS1jb21wb25lbnRzL2NvbW1vbi9ldmVudC1wbHVnaW5zL3Rocm90dGxlLnBsdWdpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpREFBaUQ7QUFDakQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sV0FBVyxDQUFDOztBQUVyQzs7Ozs7O0dBTUc7QUFFSCxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsdUJBQXVCO0lBRGhFOztRQUdFLGFBQVEsR0FBRyxXQUFXLENBQUM7S0FleEI7SUFiQyxnQkFBZ0IsQ0FBQyxPQUFvQixFQUFFLFNBQWlCLEVBQUUsZUFBeUI7UUFDakYsNEJBQTRCO1FBQzVCLE1BQU0sQ0FBQyxTQUFTLEVBQUUsWUFBWSxHQUFHLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLENBQUM7UUFFckUsaUVBQWlFO1FBQ2pFLE1BQU0sWUFBWSxHQUFHLENBQUMsS0FBVSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sRUFBRSxDQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxlQUFlLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztRQUVyRywyQkFBMkI7UUFDM0IsTUFBTSxnQkFBZ0IsR0FBRyxRQUFRLENBQUMsWUFBWSxFQUFFLFlBQVksQ0FBQyxDQUFDO1FBRTlELHdDQUF3QztRQUN4QyxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxlQUFlLENBQUMsU0FBUyxDQUFDLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztJQUNuRyxDQUFDOztnSEFoQlUsbUJBQW1CO29IQUFuQixtQkFBbUI7MkZBQW5CLG1CQUFtQjtrQkFEL0IsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9iYW4tdHlwZXMgKi9cclxuaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBFbnRyeUV2ZW50TWFuYWdlclBsdWdpbiB9IGZyb20gJy4vYWJzdHJhY3QucGx1Z2luJztcclxuaW1wb3J0IHsgdGhyb3R0bGUgfSBmcm9tICdsb2Rhc2gtZXMnO1xyXG5cclxuLyoqXHJcbiAqIFByb3ZpZGVzIGV2ZW50IHBsdWdpbiBmb3IgdGhyb3R0bGluZyBldmVudHMuXHJcbiAqXHJcbiAqIEhvdyB0byB1c2U6XHJcbiAqIDxidXR0b24gKGNsaWNrLnRocm90dGxlKT1cImRvU29tZXRoaW5nKCRldmVudClcIj5cclxuICogPGlucHV0IChrZXl1cC50aHJvdHRsZS41MDApPVwiZG9Tb21ldGhpbmcoJGV2ZW50KVwiPlxyXG4gKi9cclxuQEluamVjdGFibGUoKVxyXG5leHBvcnQgY2xhc3MgVGhyb3R0bGVFdmVudFBsdWdpbiBleHRlbmRzIEVudHJ5RXZlbnRNYW5hZ2VyUGx1Z2luIHtcclxuXHJcbiAgbW9kaWZpZXIgPSAnLnRocm90dGxlJztcclxuXHJcbiAgYWRkRXZlbnRMaXN0ZW5lcihlbGVtZW50OiBIVE1MRWxlbWVudCwgZXZlbnROYW1lOiBzdHJpbmcsIG9yaWdpbmFsSGFuZGxlcjogRnVuY3Rpb24pOiBGdW5jdGlvbiB7XHJcbiAgICAvLyBlLmcuIChrZXl1cC50aHJvdHRsZS41MDApXHJcbiAgICBjb25zdCBbX21vZGlmaWVyLCBtaWxsaXNlY29uZHMgPSA1MDBdID0gdGhpcy51bndyYXBQYXJhbXMoZXZlbnROYW1lKTtcclxuXHJcbiAgICAvLyBydW4gb3JpZ2luYWwgaGFuZGxlciBpbnNpZGUgbmdab25lIGluIHdoaWNoIHRoZSBldmVudCBvY2N1cnJlZFxyXG4gICAgY29uc3QgaW5uZXJIYW5kbGVyID0gKGV2ZW50OiBhbnkpID0+IHRoaXMubWFuYWdlci5nZXRab25lKCkucnVuR3VhcmRlZCgoKSA9PiBvcmlnaW5hbEhhbmRsZXIoZXZlbnQpKTtcclxuXHJcbiAgICAvLyBjcmVhdGUgdGhyb3R0bGVkIGhhbmRsZXJcclxuICAgIGNvbnN0IHRocm90dGxlZEhhbmRsZXIgPSB0aHJvdHRsZShpbm5lckhhbmRsZXIsIG1pbGxpc2Vjb25kcyk7XHJcblxyXG4gICAgLy8gcmVnaXN0ZXIgZXZlbnQgd2l0aCB0aHJvdHRsZWQgaGFuZGxlclxyXG4gICAgcmV0dXJuIHRoaXMubWFuYWdlci5hZGRFdmVudExpc3RlbmVyKGVsZW1lbnQsIHRoaXMudW53cmFwRXZlbnROYW1lKGV2ZW50TmFtZSksIHRocm90dGxlZEhhbmRsZXIpO1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2020/common/public-api.mjs

@@ -1,2 +1,5 @@
+export { EntryCommonModule, NG_EVENT_PLUGINS } from './common.module';
 export * from './utils';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZW50cnktY29tcG9uZW50cy9jb21tb24vcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vdXRpbHMnO1xuIl19
+export * from './directives';
+export * from './event-plugins';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZW50cnktY29tcG9uZW50cy9jb21tb24vcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUV0RSxjQUFjLFNBQVMsQ0FBQztBQUN4QixjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLGlCQUFpQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiXG5leHBvcnQgeyBFbnRyeUNvbW1vbk1vZHVsZSwgTkdfRVZFTlRfUExVR0lOUyB9IGZyb20gJy4vY29tbW9uLm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vdXRpbHMnO1xuZXhwb3J0ICogZnJvbSAnLi9kaXJlY3RpdmVzJztcbmV4cG9ydCAqIGZyb20gJy4vZXZlbnQtcGx1Z2lucyc7XG4iXX0=

package/esm2020/modules/entry-components.module.mjs

@@ -6,6 +6,7 @@ import { EntrySearchFilterModule } from '@enigmatry/entry-components/search-filt
 import { EntryValidationModule } from '@enigmatry/entry-components/validation';
 import { EntryFileInputModule } from '@enigmatry/entry-components/file-input';
 import { EntryTableModule } from '@enigmatry/entry-components/table';
+import { EntryCommonModule, NG_EVENT_PLUGINS } from '@enigmatry/entry-components/common';
 import * as i0 from "@angular/core";
 /**
  * Exports all entry components.
@@ -19,7 +20,7 @@ export class EntryComponentsModule {
         const permissionServiceProvider = options.permissionService
             ? [{ provide: EntryPermissionService, useClass: options.permissionService }]
             : [];
-        const providers = [...permissionServiceProvider];
+        const providers = [...permissionServiceProvider, ...NG_EVENT_PLUGINS];
         return {
             ngModule: EntryComponentsModule,
             providers
@@ -28,6 +29,7 @@ export class EntryComponentsModule {
 }
 EntryComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: EntryComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 EntryComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: EntryComponentsModule, exports: [EntryButtonModule,
+        EntryCommonModule,
         EntryDialogModule,
         EntryFileInputModule,
         EntryValidationModule,
@@ -35,6 +37,7 @@ EntryComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", v
         EntrySearchFilterModule,
         EntryTableModule] });
 EntryComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: EntryComponentsModule, imports: [EntryButtonModule,
+        EntryCommonModule,
         EntryDialogModule,
         EntryFileInputModule,
         EntryValidationModule,
@@ -47,6 +50,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     declarations: [],
                     exports: [
                         EntryButtonModule,
+                        EntryCommonModule,
                         EntryDialogModule,
                         EntryFileInputModule,
                         EntryValidationModule,
@@ -56,4 +60,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW50cnktY29tcG9uZW50cy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2VudHJ5LWNvbXBvbmVudHMvbW9kdWxlcy9lbnRyeS1jb21wb25lbnRzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXVCLFFBQVEsRUFBa0IsTUFBTSxlQUFlLENBQUM7QUFDOUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDdkUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDdkUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLHNCQUFzQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDeEcsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDcEYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDL0UsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDOUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7O0FBTXJFOzs7Ozs7R0FNRztBQWFILE1BQU0sT0FBTyxxQkFBcUI7SUFDaEMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxVQUF3QyxFQUFFO1FBRXZELE1BQU0seUJBQXlCLEdBQWUsT0FBTyxDQUFDLGlCQUFpQjtZQUNyRSxDQUFDLENBQUMsQ0FBQyxFQUFFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxRQUFRLEVBQUUsT0FBTyxDQUFDLGlCQUFpQixFQUFFLENBQUM7WUFDNUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUVQLE1BQU0sU0FBUyxHQUFlLENBQUMsR0FBRyx5QkFBeUIsQ0FBQyxDQUFDO1FBQzdELE9BQU87WUFDTCxRQUFRLEVBQUUscUJBQXFCO1lBQy9CLFNBQVM7U0FDVixDQUFDO0lBQ0osQ0FBQzs7a0hBWlUscUJBQXFCO21IQUFyQixxQkFBcUIsWUFUOUIsaUJBQWlCO1FBQ2pCLGlCQUFpQjtRQUNqQixvQkFBb0I7UUFDcEIscUJBQXFCO1FBQ3JCLHFCQUFxQjtRQUNyQix1QkFBdUI7UUFDdkIsZ0JBQWdCO21IQUdQLHFCQUFxQixZQVQ5QixpQkFBaUI7UUFDakIsaUJBQWlCO1FBQ2pCLG9CQUFvQjtRQUNwQixxQkFBcUI7UUFDckIscUJBQXFCO1FBQ3JCLHVCQUF1QjtRQUN2QixnQkFBZ0I7MkZBR1AscUJBQXFCO2tCQVpqQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxFQUFFO29CQUNoQixPQUFPLEVBQUU7d0JBQ1AsaUJBQWlCO3dCQUNqQixpQkFBaUI7d0JBQ2pCLG9CQUFvQjt3QkFDcEIscUJBQXFCO3dCQUNyQixxQkFBcUI7d0JBQ3JCLHVCQUF1Qjt3QkFDdkIsZ0JBQWdCO3FCQUNqQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE1vZHVsZVdpdGhQcm92aWRlcnMsIE5nTW9kdWxlLCBQcm92aWRlciwgVHlwZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBFbnRyeUJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BlbmlnbWF0cnkvZW50cnktY29tcG9uZW50cy9idXR0b24nO1xyXG5pbXBvcnQgeyBFbnRyeURpYWxvZ01vZHVsZSB9IGZyb20gJ0BlbmlnbWF0cnkvZW50cnktY29tcG9uZW50cy9kaWFsb2cnO1xyXG5pbXBvcnQgeyBFbnRyeVBlcm1pc3Npb25Nb2R1bGUsIEVudHJ5UGVybWlzc2lvblNlcnZpY2UgfSBmcm9tICdAZW5pZ21hdHJ5L2VudHJ5LWNvbXBvbmVudHMvcGVybWlzc2lvbnMnO1xyXG5pbXBvcnQgeyBFbnRyeVNlYXJjaEZpbHRlck1vZHVsZSB9IGZyb20gJ0BlbmlnbWF0cnkvZW50cnktY29tcG9uZW50cy9zZWFyY2gtZmlsdGVyJztcclxuaW1wb3J0IHsgRW50cnlWYWxpZGF0aW9uTW9kdWxlIH0gZnJvbSAnQGVuaWdtYXRyeS9lbnRyeS1jb21wb25lbnRzL3ZhbGlkYXRpb24nO1xyXG5pbXBvcnQgeyBFbnRyeUZpbGVJbnB1dE1vZHVsZSB9IGZyb20gJ0BlbmlnbWF0cnkvZW50cnktY29tcG9uZW50cy9maWxlLWlucHV0JztcclxuaW1wb3J0IHsgRW50cnlUYWJsZU1vZHVsZSB9IGZyb20gJ0BlbmlnbWF0cnkvZW50cnktY29tcG9uZW50cy90YWJsZSc7XHJcblxyXG5pbnRlcmZhY2UgRW50cnlDb21wb25lbnRzTW9kdWxlT3B0aW9ucyB7XHJcbiAgcGVybWlzc2lvblNlcnZpY2U/OiBUeXBlPGFueT47XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBFeHBvcnRzIGFsbCBlbnRyeSBjb21wb25lbnRzLlxyXG4gKlxyXG4gKiBVc2FnZVxyXG4gKiBpbXBvcnQgRW50cnlDb21wb25lbnRzTW9kdWxlIGluIHNoYXJlZC5tb2R1bGUudHMgdG8gaGF2ZSBhY2Nlc3MgdG8gYWxsIGNvbXBvbmVudHMsIGRpcmVjdGl2ZXMsIHBpcGVzLlxyXG4gKiBpbXBvcnQgRW50cnlDb21wb25lbnRzTW9kdWxlLmZvclJvb3QoKSBpbiBhcHAubW9kdWxlLnRzIHRvIHJlZ2lzdGVyIHJvb3QgbW9kdWxlIHByb3ZpZGVycy5cclxuICovXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXSxcclxuICBleHBvcnRzOiBbXHJcbiAgICBFbnRyeUJ1dHRvbk1vZHVsZSxcclxuICAgIEVudHJ5RGlhbG9nTW9kdWxlLFxyXG4gICAgRW50cnlGaWxlSW5wdXRNb2R1bGUsXHJcbiAgICBFbnRyeVZhbGlkYXRpb25Nb2R1bGUsXHJcbiAgICBFbnRyeVBlcm1pc3Npb25Nb2R1bGUsXHJcbiAgICBFbnRyeVNlYXJjaEZpbHRlck1vZHVsZSxcclxuICAgIEVudHJ5VGFibGVNb2R1bGVcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFbnRyeUNvbXBvbmVudHNNb2R1bGUge1xyXG4gIHN0YXRpYyBmb3JSb290KG9wdGlvbnM6IEVudHJ5Q29tcG9uZW50c01vZHVsZU9wdGlvbnMgPSB7fSk6IE1vZHVsZVdpdGhQcm92aWRlcnM8RW50cnlDb21wb25lbnRzTW9kdWxlPiB7XHJcblxyXG4gICAgY29uc3QgcGVybWlzc2lvblNlcnZpY2VQcm92aWRlcjogUHJvdmlkZXJbXSA9IG9wdGlvbnMucGVybWlzc2lvblNlcnZpY2VcclxuICAgICAgPyBbeyBwcm92aWRlOiBFbnRyeVBlcm1pc3Npb25TZXJ2aWNlLCB1c2VDbGFzczogb3B0aW9ucy5wZXJtaXNzaW9uU2VydmljZSB9XVxyXG4gICAgICA6IFtdO1xyXG5cclxuICAgIGNvbnN0IHByb3ZpZGVyczogUHJvdmlkZXJbXSA9IFsuLi5wZXJtaXNzaW9uU2VydmljZVByb3ZpZGVyXTtcclxuICAgIHJldHVybiB7XHJcbiAgICAgIG5nTW9kdWxlOiBFbnRyeUNvbXBvbmVudHNNb2R1bGUsXHJcbiAgICAgIHByb3ZpZGVyc1xyXG4gICAgfTtcclxuICB9XHJcbn1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW50cnktY29tcG9uZW50cy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2VudHJ5LWNvbXBvbmVudHMvbW9kdWxlcy9lbnRyeS1jb21wb25lbnRzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXVCLFFBQVEsRUFBa0IsTUFBTSxlQUFlLENBQUM7QUFDOUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDdkUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDdkUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLHNCQUFzQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDeEcsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDcEYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDL0UsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDOUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDckUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7O0FBTXpGOzs7Ozs7R0FNRztBQWNILE1BQU0sT0FBTyxxQkFBcUI7SUFDaEMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxVQUF3QyxFQUFFO1FBRXZELE1BQU0seUJBQXlCLEdBQWUsT0FBTyxDQUFDLGlCQUFpQjtZQUNyRSxDQUFDLENBQUMsQ0FBQyxFQUFFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxRQUFRLEVBQUUsT0FBTyxDQUFDLGlCQUFpQixFQUFFLENBQUM7WUFDNUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUVQLE1BQU0sU0FBUyxHQUFlLENBQUMsR0FBRyx5QkFBeUIsRUFBRSxHQUFHLGdCQUFnQixDQUFDLENBQUM7UUFDbEYsT0FBTztZQUNMLFFBQVEsRUFBRSxxQkFBcUI7WUFDL0IsU0FBUztTQUNWLENBQUM7SUFDSixDQUFDOztrSEFaVSxxQkFBcUI7bUhBQXJCLHFCQUFxQixZQVY5QixpQkFBaUI7UUFDakIsaUJBQWlCO1FBQ2pCLGlCQUFpQjtRQUNqQixvQkFBb0I7UUFDcEIscUJBQXFCO1FBQ3JCLHFCQUFxQjtRQUNyQix1QkFBdUI7UUFDdkIsZ0JBQWdCO21IQUdQLHFCQUFxQixZQVY5QixpQkFBaUI7UUFDakIsaUJBQWlCO1FBQ2pCLGlCQUFpQjtRQUNqQixvQkFBb0I7UUFDcEIscUJBQXFCO1FBQ3JCLHFCQUFxQjtRQUNyQix1QkFBdUI7UUFDdkIsZ0JBQWdCOzJGQUdQLHFCQUFxQjtrQkFiakMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsRUFBRTtvQkFDaEIsT0FBTyxFQUFFO3dCQUNQLGlCQUFpQjt3QkFDakIsaUJBQWlCO3dCQUNqQixpQkFBaUI7d0JBQ2pCLG9CQUFvQjt3QkFDcEIscUJBQXFCO3dCQUNyQixxQkFBcUI7d0JBQ3JCLHVCQUF1Qjt3QkFDdkIsZ0JBQWdCO3FCQUNqQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE1vZHVsZVdpdGhQcm92aWRlcnMsIE5nTW9kdWxlLCBQcm92aWRlciwgVHlwZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBFbnRyeUJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BlbmlnbWF0cnkvZW50cnktY29tcG9uZW50cy9idXR0b24nO1xyXG5pbXBvcnQgeyBFbnRyeURpYWxvZ01vZHVsZSB9IGZyb20gJ0BlbmlnbWF0cnkvZW50cnktY29tcG9uZW50cy9kaWFsb2cnO1xyXG5pbXBvcnQgeyBFbnRyeVBlcm1pc3Npb25Nb2R1bGUsIEVudHJ5UGVybWlzc2lvblNlcnZpY2UgfSBmcm9tICdAZW5pZ21hdHJ5L2VudHJ5LWNvbXBvbmVudHMvcGVybWlzc2lvbnMnO1xyXG5pbXBvcnQgeyBFbnRyeVNlYXJjaEZpbHRlck1vZHVsZSB9IGZyb20gJ0BlbmlnbWF0cnkvZW50cnktY29tcG9uZW50cy9zZWFyY2gtZmlsdGVyJztcclxuaW1wb3J0IHsgRW50cnlWYWxpZGF0aW9uTW9kdWxlIH0gZnJvbSAnQGVuaWdtYXRyeS9lbnRyeS1jb21wb25lbnRzL3ZhbGlkYXRpb24nO1xyXG5pbXBvcnQgeyBFbnRyeUZpbGVJbnB1dE1vZHVsZSB9IGZyb20gJ0BlbmlnbWF0cnkvZW50cnktY29tcG9uZW50cy9maWxlLWlucHV0JztcclxuaW1wb3J0IHsgRW50cnlUYWJsZU1vZHVsZSB9IGZyb20gJ0BlbmlnbWF0cnkvZW50cnktY29tcG9uZW50cy90YWJsZSc7XHJcbmltcG9ydCB7IEVudHJ5Q29tbW9uTW9kdWxlLCBOR19FVkVOVF9QTFVHSU5TIH0gZnJvbSAnQGVuaWdtYXRyeS9lbnRyeS1jb21wb25lbnRzL2NvbW1vbic7XHJcblxyXG5pbnRlcmZhY2UgRW50cnlDb21wb25lbnRzTW9kdWxlT3B0aW9ucyB7XHJcbiAgcGVybWlzc2lvblNlcnZpY2U/OiBUeXBlPGFueT47XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBFeHBvcnRzIGFsbCBlbnRyeSBjb21wb25lbnRzLlxyXG4gKlxyXG4gKiBVc2FnZVxyXG4gKiBpbXBvcnQgRW50cnlDb21wb25lbnRzTW9kdWxlIGluIHNoYXJlZC5tb2R1bGUudHMgdG8gaGF2ZSBhY2Nlc3MgdG8gYWxsIGNvbXBvbmVudHMsIGRpcmVjdGl2ZXMsIHBpcGVzLlxyXG4gKiBpbXBvcnQgRW50cnlDb21wb25lbnRzTW9kdWxlLmZvclJvb3QoKSBpbiBhcHAubW9kdWxlLnRzIHRvIHJlZ2lzdGVyIHJvb3QgbW9kdWxlIHByb3ZpZGVycy5cclxuICovXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXSxcclxuICBleHBvcnRzOiBbXHJcbiAgICBFbnRyeUJ1dHRvbk1vZHVsZSxcclxuICAgIEVudHJ5Q29tbW9uTW9kdWxlLFxyXG4gICAgRW50cnlEaWFsb2dNb2R1bGUsXHJcbiAgICBFbnRyeUZpbGVJbnB1dE1vZHVsZSxcclxuICAgIEVudHJ5VmFsaWRhdGlvbk1vZHVsZSxcclxuICAgIEVudHJ5UGVybWlzc2lvbk1vZHVsZSxcclxuICAgIEVudHJ5U2VhcmNoRmlsdGVyTW9kdWxlLFxyXG4gICAgRW50cnlUYWJsZU1vZHVsZVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEVudHJ5Q29tcG9uZW50c01vZHVsZSB7XHJcbiAgc3RhdGljIGZvclJvb3Qob3B0aW9uczogRW50cnlDb21wb25lbnRzTW9kdWxlT3B0aW9ucyA9IHt9KTogTW9kdWxlV2l0aFByb3ZpZGVyczxFbnRyeUNvbXBvbmVudHNNb2R1bGU+IHtcclxuXHJcbiAgICBjb25zdCBwZXJtaXNzaW9uU2VydmljZVByb3ZpZGVyOiBQcm92aWRlcltdID0gb3B0aW9ucy5wZXJtaXNzaW9uU2VydmljZVxyXG4gICAgICA/IFt7IHByb3ZpZGU6IEVudHJ5UGVybWlzc2lvblNlcnZpY2UsIHVzZUNsYXNzOiBvcHRpb25zLnBlcm1pc3Npb25TZXJ2aWNlIH1dXHJcbiAgICAgIDogW107XHJcblxyXG4gICAgY29uc3QgcHJvdmlkZXJzOiBQcm92aWRlcltdID0gWy4uLnBlcm1pc3Npb25TZXJ2aWNlUHJvdmlkZXIsIC4uLk5HX0VWRU5UX1BMVUdJTlNdO1xyXG4gICAgcmV0dXJuIHtcclxuICAgICAgbmdNb2R1bGU6IEVudHJ5Q29tcG9uZW50c01vZHVsZSxcclxuICAgICAgcHJvdmlkZXJzXHJcbiAgICB9O1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2020/public-api.mjs

@@ -2,6 +2,7 @@
  * Public API Surface of entry-components
  */
 export * from '@enigmatry/entry-components/button';
+export * from '@enigmatry/entry-components/common';
 export * from '@enigmatry/entry-components/dialog';
 export * from '@enigmatry/entry-components/file-input';
 export * from '@enigmatry/entry-components/permissions';
@@ -9,4 +10,4 @@ export * from '@enigmatry/entry-components/search-filter';
 export * from '@enigmatry/entry-components/validation';
 export * from '@enigmatry/entry-components/table';
 export { EntryComponentsModule } from './modules/entry-components.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZW50cnktY29tcG9uZW50cy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBOztHQUVHO0FBQ0gsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYyxtQ0FBbUMsQ0FBQztBQUVsRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIlxuLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBlbnRyeS1jb21wb25lbnRzXG4gKi9cbmV4cG9ydCAqIGZyb20gJ0BlbmlnbWF0cnkvZW50cnktY29tcG9uZW50cy9idXR0b24nO1xuZXhwb3J0ICogZnJvbSAnQGVuaWdtYXRyeS9lbnRyeS1jb21wb25lbnRzL2RpYWxvZyc7XG5leHBvcnQgKiBmcm9tICdAZW5pZ21hdHJ5L2VudHJ5LWNvbXBvbmVudHMvZmlsZS1pbnB1dCc7XG5leHBvcnQgKiBmcm9tICdAZW5pZ21hdHJ5L2VudHJ5LWNvbXBvbmVudHMvcGVybWlzc2lvbnMnO1xuZXhwb3J0ICogZnJvbSAnQGVuaWdtYXRyeS9lbnRyeS1jb21wb25lbnRzL3NlYXJjaC1maWx0ZXInO1xuZXhwb3J0ICogZnJvbSAnQGVuaWdtYXRyeS9lbnRyeS1jb21wb25lbnRzL3ZhbGlkYXRpb24nO1xuZXhwb3J0ICogZnJvbSAnQGVuaWdtYXRyeS9lbnRyeS1jb21wb25lbnRzL3RhYmxlJztcblxuZXhwb3J0IHsgRW50cnlDb21wb25lbnRzTW9kdWxlIH0gZnJvbSAnLi9tb2R1bGVzL2VudHJ5LWNvbXBvbmVudHMubW9kdWxlJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZW50cnktY29tcG9uZW50cy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBOztHQUVHO0FBQ0gsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLG1DQUFtQyxDQUFDO0FBRWxELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiXG4vKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGVudHJ5LWNvbXBvbmVudHNcbiAqL1xuZXhwb3J0ICogZnJvbSAnQGVuaWdtYXRyeS9lbnRyeS1jb21wb25lbnRzL2J1dHRvbic7XG5leHBvcnQgKiBmcm9tICdAZW5pZ21hdHJ5L2VudHJ5LWNvbXBvbmVudHMvY29tbW9uJztcbmV4cG9ydCAqIGZyb20gJ0BlbmlnbWF0cnkvZW50cnktY29tcG9uZW50cy9kaWFsb2cnO1xuZXhwb3J0ICogZnJvbSAnQGVuaWdtYXRyeS9lbnRyeS1jb21wb25lbnRzL2ZpbGUtaW5wdXQnO1xuZXhwb3J0ICogZnJvbSAnQGVuaWdtYXRyeS9lbnRyeS1jb21wb25lbnRzL3Blcm1pc3Npb25zJztcbmV4cG9ydCAqIGZyb20gJ0BlbmlnbWF0cnkvZW50cnktY29tcG9uZW50cy9zZWFyY2gtZmlsdGVyJztcbmV4cG9ydCAqIGZyb20gJ0BlbmlnbWF0cnkvZW50cnktY29tcG9uZW50cy92YWxpZGF0aW9uJztcbmV4cG9ydCAqIGZyb20gJ0BlbmlnbWF0cnkvZW50cnktY29tcG9uZW50cy90YWJsZSc7XG5cbmV4cG9ydCB7IEVudHJ5Q29tcG9uZW50c01vZHVsZSB9IGZyb20gJy4vbW9kdWxlcy9lbnRyeS1jb21wb25lbnRzLm1vZHVsZSc7XG4iXX0=

package/fesm2015/enigmatry-entry-components-common.mjs

@@ -1,4 +1,193 @@
-import { InjectionToken } from '@angular/core';
+import * as i0 from '@angular/core';
+import { Directive, Self, Injectable, NgModule, InjectionToken } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { Subject, fromEvent } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import * as i1 from '@angular/forms';
+import { debounce, throttle } from 'lodash-es';
+import { EVENT_MANAGER_PLUGINS } from '@angular/platform-browser';
+
+const NG_VALID_CLASS = '.ng-valid';
+const NG_INVALID_CLASS = '.ng-invalid';
+
+/**
+ * Scroll to first invalid control when form is submitted.
+ * Directive is applied to 'form[formGroup],form[ngForm]' (reactive or template driven forms)
+ */
+class ScrollToInvalidControlDirective {
+    constructor(form, elementRef) {
+        this.form = form;
+        this.elementRef = elementRef;
+        this.destroy$ = new Subject();
+    }
+    ngOnInit() {
+        fromEvent(this.elementRef.nativeElement, 'submit')
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(_ => {
+            if (this.form.invalid) {
+                this.scrollToInvalidControl();
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    scrollToInvalidControl() {
+        const firstInvalidControl = this.elementRef.nativeElement.querySelector(NG_INVALID_CLASS);
+        if (firstInvalidControl) {
+            firstInvalidControl.scrollIntoView({
+                behavior: 'smooth',
+                block: 'center' // vertical alignment
+            });
+        }
+    }
+}
+ScrollToInvalidControlDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ScrollToInvalidControlDirective, deps: [{ token: i1.ControlContainer, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+ScrollToInvalidControlDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: ScrollToInvalidControlDirective, isStandalone: true, selector: "form[formGroup],form[ngForm]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ScrollToInvalidControlDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'form[formGroup],form[ngForm]'
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i1.ControlContainer, decorators: [{
+                        type: Self
+                    }] }, { type: i0.ElementRef }];
+    } });
+
+/**
+ * abstract class EventManagerPlugin will be exposed in the public api
+ * https://github.com/angular/angular/pull/49969
+ *
+ * Until then creating it from reference
+ * https://github.com/angular/angular/blob/main/packages/platform-browser/src/dom/events/event_manager.ts#L93
+ *
+ * How to create custom event modifiers
+ * https://github.com/Tinkoff/ng-event-plugins,
+ * https://github.com/angular/angular/blob/main/packages/platform-browser/src/dom/events/key_events.ts
+ * https://netbasal.com/lifting-the-veil-insights-into-angulars-eventmanagerplugin-ed9d14cbb31a
+ */
+class EventManagerPlugin {
+}
+/**
+ * Entry event plugin base class
+ */
+class EntryEventManagerPlugin extends EventManagerPlugin {
+    /** return `true` for every event name that has specified modifier */
+    supports(eventName) {
+        return eventName.includes(this.modifier);
+    }
+    /** unwrap params e.g. (click.debounce.500) => ['debounce', 500] */
+    unwrapParams(eventName) {
+        return eventName
+            .substring(eventName.indexOf(this.modifier))
+            .split('.')
+            .filter(x => !!x);
+    }
+    /** get event name e.g. (click.debounce.500) => click */
+    unwrapEventName(eventName) {
+        return eventName.substring(0, eventName.indexOf(this.modifier));
+    }
+}
+
+/* eslint-disable @typescript-eslint/ban-types */
+/**
+ * Provides event plugin for debouncing events.
+ *
+ * How to use:
+ * <button (click.debounce)="doSomething($event)">
+ * <input (keyup.debounce.500)="doSomething($event)">
+ */
+class DebounceEventPlugin extends EntryEventManagerPlugin {
+    constructor() {
+        super(...arguments);
+        this.modifier = '.debounce';
+    }
+    addEventListener(element, eventName, originalHandler) {
+        // e.g. (click.debounce.500)
+        const [_modifier, milliseconds = 500, option = 'leading'] = this.unwrapParams(eventName);
+        // run original handler inside ngZone in which the event occurred
+        const innerHandler = (event) => this.manager.getZone().runGuarded(() => originalHandler(event));
+        // create debounced handler
+        const debouncedHandler = debounce(innerHandler, milliseconds, { leading: option === 'leading', trailing: option === 'trailing' });
+        // register event with debounced handler
+        return this.manager.addEventListener(element, this.unwrapEventName(eventName), debouncedHandler);
+    }
+}
+DebounceEventPlugin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DebounceEventPlugin, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+DebounceEventPlugin.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DebounceEventPlugin });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DebounceEventPlugin, decorators: [{
+            type: Injectable
+        }] });
+
+/* eslint-disable @typescript-eslint/ban-types */
+/**
+ * Provides event plugin for throttling events.
+ *
+ * How to use:
+ * <button (click.throttle)="doSomething($event)">
+ * <input (keyup.throttle.500)="doSomething($event)">
+ */
+class ThrottleEventPlugin extends EntryEventManagerPlugin {
+    constructor() {
+        super(...arguments);
+        this.modifier = '.throttle';
+    }
+    addEventListener(element, eventName, originalHandler) {
+        // e.g. (keyup.throttle.500)
+        const [_modifier, milliseconds = 500] = this.unwrapParams(eventName);
+        // run original handler inside ngZone in which the event occurred
+        const innerHandler = (event) => this.manager.getZone().runGuarded(() => originalHandler(event));
+        // create throttled handler
+        const throttledHandler = throttle(innerHandler, milliseconds);
+        // register event with throttled handler
+        return this.manager.addEventListener(element, this.unwrapEventName(eventName), throttledHandler);
+    }
+}
+ThrottleEventPlugin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ThrottleEventPlugin, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+ThrottleEventPlugin.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ThrottleEventPlugin });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ThrottleEventPlugin, decorators: [{
+            type: Injectable
+        }] });
+
+const DIRECTIVES = [
+    ScrollToInvalidControlDirective
+];
+const EVENT_PLUGINS = [
+    DebounceEventPlugin,
+    ThrottleEventPlugin
+];
+const NG_EVENT_PLUGINS = EVENT_PLUGINS.map(useClass => ({
+    provide: EVENT_MANAGER_PLUGINS,
+    multi: true,
+    useClass
+}));
+class EntryCommonModule {
+    static forRoot() {
+        return {
+            ngModule: EntryCommonModule,
+            providers: NG_EVENT_PLUGINS
+        };
+    }
+}
+EntryCommonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: EntryCommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+EntryCommonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: EntryCommonModule, imports: [CommonModule, ScrollToInvalidControlDirective], exports: [ScrollToInvalidControlDirective] });
+EntryCommonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: EntryCommonModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: EntryCommonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [
+                        CommonModule,
+                        ...DIRECTIVES
+                    ],
+                    exports: [
+                        ...DIRECTIVES
+                    ]
+                }]
+        }] });
 
 function createInjectionToken(defaultValue) {
     return new InjectionToken(defaultValue.constructor.name, {
@@ -17,5 +206,5 @@ function provideConfig(token, factory) {
  * Generated bundle index. Do not edit.
  */
 
-export { createInjectionToken, provideConfig };
+export { DebounceEventPlugin, EntryCommonModule, NG_EVENT_PLUGINS, ScrollToInvalidControlDirective, ThrottleEventPlugin, createInjectionToken, provideConfig };
 //# sourceMappingURL=enigmatry-entry-components-common.mjs.map

package/fesm2015/enigmatry-entry-components-common.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"enigmatry-entry-components-common.mjs","sources":["../../../../libs/entry-components/common/utils/provide-config.ts","../../../../libs/entry-components/common/enigmatry-entry-components-common.ts"],"sourcesContent":["import { InjectionToken, Provider } from '@angular/core';\r\n\r\nexport function createInjectionToken<T>(defaultValue: T): InjectionToken<T> {\r\n  return new InjectionToken<T>(defaultValue.constructor.name,\r\n    {\r\n      providedIn: 'root',\r\n      factory: () => defaultValue\r\n    }\r\n  );\r\n}\r\n\r\nexport function provideConfig<T>(token: InjectionToken<T>, factory: () => T): Provider {\r\n  return {\r\n    provide: token,\r\n    useFactory: factory\r\n  };\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAEM,SAAU,oBAAoB,CAAI,YAAe,EAAA;IACrD,OAAO,IAAI,cAAc,CAAI,YAAY,CAAC,WAAW,CAAC,IAAI,EACxD;AACE,QAAA,UAAU,EAAE,MAAM;AAClB,QAAA,OAAO,EAAE,MAAM,YAAY;AAC5B,KAAA,CACF,CAAC;AACJ,CAAC;AAEe,SAAA,aAAa,CAAI,KAAwB,EAAE,OAAgB,EAAA;IACzE,OAAO;AACL,QAAA,OAAO,EAAE,KAAK;AACd,QAAA,UAAU,EAAE,OAAO;KACpB,CAAC;AACJ;;AChBA;;AAEG;;;;"}
+{"version":3,"file":"enigmatry-entry-components-common.mjs","sources":["../../../../libs/entry-components/common/constants.ts","../../../../libs/entry-components/common/directives/scroll-to-invalid-control.directive.ts","../../../../libs/entry-components/common/event-plugins/abstract.plugin.ts","../../../../libs/entry-components/common/event-plugins/debounce.plugin.ts","../../../../libs/entry-components/common/event-plugins/throttle.plugin.ts","../../../../libs/entry-components/common/common.module.ts","../../../../libs/entry-components/common/utils/provide-config.ts","../../../../libs/entry-components/common/enigmatry-entry-components-common.ts"],"sourcesContent":["export const NG_VALID_CLASS = '.ng-valid';\r\nexport const NG_INVALID_CLASS = '.ng-invalid';\r\n","import { Directive, ElementRef, OnDestroy, OnInit, Self } from '@angular/core';\r\nimport { ControlContainer } from '@angular/forms';\r\nimport { Subject, fromEvent } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { NG_INVALID_CLASS } from '../constants';\r\n\r\n/**\r\n * Scroll to first invalid control when form is submitted.\r\n * Directive is applied to 'form[formGroup],form[ngForm]' (reactive or template driven forms)\r\n */\r\n@Directive({\r\n  standalone: true,\r\n  selector: 'form[formGroup],form[ngForm]'\r\n})\r\nexport class ScrollToInvalidControlDirective implements OnInit, OnDestroy {\r\n\r\n  private destroy$ = new Subject<void>();\r\n\r\n  constructor(\r\n    @Self() private form: ControlContainer,\r\n    private elementRef: ElementRef<HTMLFormElement>) { }\r\n\r\n  ngOnInit(): void {\r\n    fromEvent(this.elementRef.nativeElement, 'submit')\r\n      .pipe(takeUntil(this.destroy$))\r\n      .subscribe(_ => {\r\n        if (this.form.invalid) {\r\n          this.scrollToInvalidControl();\r\n        }\r\n      });\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.destroy$.next();\r\n    this.destroy$.complete();\r\n  }\r\n\r\n  private scrollToInvalidControl() {\r\n    const firstInvalidControl: HTMLElement =\r\n      this.elementRef.nativeElement.querySelector(NG_INVALID_CLASS);\r\n\r\n    if (firstInvalidControl) {\r\n      firstInvalidControl.scrollIntoView({\r\n        behavior: 'smooth',\r\n        block: 'center'  // vertical alignment\r\n      });\r\n    }\r\n  }\r\n}\r\n","import { EventManager } from '@angular/platform-browser';\r\n\r\n/**\r\n * abstract class EventManagerPlugin will be exposed in the public api\r\n * https://github.com/angular/angular/pull/49969\r\n *\r\n * Until then creating it from reference\r\n * https://github.com/angular/angular/blob/main/packages/platform-browser/src/dom/events/event_manager.ts#L93\r\n *\r\n * How to create custom event modifiers\r\n * https://github.com/Tinkoff/ng-event-plugins,\r\n * https://github.com/angular/angular/blob/main/packages/platform-browser/src/dom/events/key_events.ts\r\n * https://netbasal.com/lifting-the-veil-insights-into-angulars-eventmanagerplugin-ed9d14cbb31a\r\n */\r\nexport abstract class EventManagerPlugin {\r\n\r\n  // Using non-null assertion because it's set by EventManager's constructor\r\n  manager!: EventManager;\r\n\r\n  /** Should return `true` for every event name that should be supported by this plugin */\r\n  abstract supports(eventName: string): boolean;\r\n\r\n  /**\r\n   * Registers a handler for a specific element and event.\r\n   *\r\n   * @param element The HTML element to receive event notifications.\r\n   * @param eventName The name of the event to listen for.\r\n   * @param handler A function to call when the notification occurs. Receives the\r\n   * event object as an argument.\r\n   * @returns  A callback function that can be used to remove the handler.\r\n   */\r\n  // eslint-disable-next-line @typescript-eslint/ban-types\r\n  abstract addEventListener(element: HTMLElement, eventName: string, handler: Function): Function;\r\n}\r\n\r\n/**\r\n * Entry event plugin base class\r\n */\r\nexport abstract class EntryEventManagerPlugin extends EventManagerPlugin {\r\n  abstract modifier: string;\r\n\r\n  /** return `true` for every event name that has specified modifier */\r\n  supports(eventName: string): boolean {\r\n    return eventName.includes(this.modifier);\r\n  }\r\n\r\n  /** unwrap params e.g. (click.debounce.500) => ['debounce', 500] */\r\n  unwrapParams(eventName: string): string[] {\r\n    return eventName\r\n      .substring(eventName.indexOf(this.modifier))\r\n      .split('.')\r\n      .filter(x => !!x);\r\n  }\r\n\r\n  /** get event name e.g. (click.debounce.500) => click */\r\n  unwrapEventName(eventName: string): string {\r\n    return eventName.substring(0, eventName.indexOf(this.modifier));\r\n  }\r\n}\r\n","/* eslint-disable @typescript-eslint/ban-types */\r\nimport { Injectable } from '@angular/core';\r\nimport { EntryEventManagerPlugin } from './abstract.plugin';\r\nimport { debounce } from 'lodash-es';\r\n\r\n/**\r\n * Provides event plugin for debouncing events.\r\n *\r\n * How to use:\r\n * <button (click.debounce)=\"doSomething($event)\">\r\n * <input (keyup.debounce.500)=\"doSomething($event)\">\r\n */\r\n@Injectable()\r\nexport class DebounceEventPlugin extends EntryEventManagerPlugin {\r\n\r\n  modifier = '.debounce';\r\n\r\n  addEventListener(element: HTMLElement, eventName: string, originalHandler: Function): Function {\r\n    // e.g. (click.debounce.500)\r\n    const [_modifier, milliseconds = 500, option = 'leading'] = this.unwrapParams(eventName);\r\n\r\n    // run original handler inside ngZone in which the event occurred\r\n    const innerHandler = (event: any) => this.manager.getZone().runGuarded(() => originalHandler(event));\r\n\r\n    // create debounced handler\r\n    const debouncedHandler = debounce(innerHandler, milliseconds,\r\n      { leading: option === 'leading', trailing: option === 'trailing' });\r\n\r\n    // register event with debounced handler\r\n    return this.manager.addEventListener(element, this.unwrapEventName(eventName), debouncedHandler);\r\n  }\r\n}\r\n","/* eslint-disable @typescript-eslint/ban-types */\r\nimport { Injectable } from '@angular/core';\r\nimport { EntryEventManagerPlugin } from './abstract.plugin';\r\nimport { throttle } from 'lodash-es';\r\n\r\n/**\r\n * Provides event plugin for throttling events.\r\n *\r\n * How to use:\r\n * <button (click.throttle)=\"doSomething($event)\">\r\n * <input (keyup.throttle.500)=\"doSomething($event)\">\r\n */\r\n@Injectable()\r\nexport class ThrottleEventPlugin extends EntryEventManagerPlugin {\r\n\r\n  modifier = '.throttle';\r\n\r\n  addEventListener(element: HTMLElement, eventName: string, originalHandler: Function): Function {\r\n    // e.g. (keyup.throttle.500)\r\n    const [_modifier, milliseconds = 500] = this.unwrapParams(eventName);\r\n\r\n    // run original handler inside ngZone in which the event occurred\r\n    const innerHandler = (event: any) => this.manager.getZone().runGuarded(() => originalHandler(event));\r\n\r\n    // create throttled handler\r\n    const throttledHandler = throttle(innerHandler, milliseconds);\r\n\r\n    // register event with throttled handler\r\n    return this.manager.addEventListener(element, this.unwrapEventName(eventName), throttledHandler);\r\n  }\r\n}\r\n","import { ModuleWithProviders, NgModule, Provider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n/** Directives */\n\nimport { ScrollToInvalidControlDirective } from './directives/scroll-to-invalid-control.directive';\n\nconst DIRECTIVES = [\n  ScrollToInvalidControlDirective\n];\n\n/** Event plugins */\n\nimport { DebounceEventPlugin } from './event-plugins/debounce.plugin';\nimport { ThrottleEventPlugin } from './event-plugins/throttle.plugin';\nimport { EVENT_MANAGER_PLUGINS } from '@angular/platform-browser';\n\nconst EVENT_PLUGINS = [\n  DebounceEventPlugin,\n  ThrottleEventPlugin\n];\n\nexport const NG_EVENT_PLUGINS: Provider[] = EVENT_PLUGINS.map(useClass => ({\n  provide: EVENT_MANAGER_PLUGINS,\n  multi: true,\n  useClass\n}));\n\n\n@NgModule({\n  declarations: [\n  ],\n  imports: [\n    CommonModule,\n    ...DIRECTIVES\n  ],\n  exports: [\n    ...DIRECTIVES\n  ]\n})\nexport class EntryCommonModule {\n  static forRoot(): ModuleWithProviders<EntryCommonModule> {\n    return {\n      ngModule: EntryCommonModule,\n      providers: NG_EVENT_PLUGINS\n    };\n  }\n}\n","import { InjectionToken, Provider } from '@angular/core';\r\n\r\nexport function createInjectionToken<T>(defaultValue: T): InjectionToken<T> {\r\n  return new InjectionToken<T>(defaultValue.constructor.name,\r\n    {\r\n      providedIn: 'root',\r\n      factory: () => defaultValue\r\n    }\r\n  );\r\n}\r\n\r\nexport function provideConfig<T>(token: InjectionToken<T>, factory: () => T): Provider {\r\n  return {\r\n    provide: token,\r\n    useFactory: factory\r\n  };\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/enigmatry-entry-components.mjs

@@ -1,5 +1,7 @@
 import { EntryButtonModule } from '@enigmatry/entry-components/button';
 export * from '@enigmatry/entry-components/button';
+import { NG_EVENT_PLUGINS, EntryCommonModule } from '@enigmatry/entry-components/common';
+export * from '@enigmatry/entry-components/common';
 import { EntryDialogModule } from '@enigmatry/entry-components/dialog';
 export * from '@enigmatry/entry-components/dialog';
 import { EntryFileInputModule } from '@enigmatry/entry-components/file-input';
@@ -27,7 +29,7 @@ class EntryComponentsModule {
         const permissionServiceProvider = options.permissionService
             ? [{ provide: EntryPermissionService, useClass: options.permissionService }]
             : [];
-        const providers = [...permissionServiceProvider];
+        const providers = [...permissionServiceProvider, ...NG_EVENT_PLUGINS];
         return {
             ngModule: EntryComponentsModule,
             providers
@@ -36,6 +38,7 @@ class EntryComponentsModule {
 }
 EntryComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: EntryComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 EntryComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: EntryComponentsModule, exports: [EntryButtonModule,
+        EntryCommonModule,
         EntryDialogModule,
         EntryFileInputModule,
         EntryValidationModule,
@@ -43,6 +46,7 @@ EntryComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", v
         EntrySearchFilterModule,
         EntryTableModule] });
 EntryComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: EntryComponentsModule, imports: [EntryButtonModule,
+        EntryCommonModule,
         EntryDialogModule,
         EntryFileInputModule,
         EntryValidationModule,
@@ -55,6 +59,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     declarations: [],
                     exports: [
                         EntryButtonModule,
+                        EntryCommonModule,
                         EntryDialogModule,
                         EntryFileInputModule,
                         EntryValidationModule,

package/fesm2015/enigmatry-entry-components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"enigmatry-entry-components.mjs","sources":["../../../../libs/entry-components/modules/entry-components.module.ts","../../../../libs/entry-components/public-api.ts","../../../../libs/entry-components/enigmatry-entry-components.ts"],"sourcesContent":["import { ModuleWithProviders, NgModule, Provider, Type } from '@angular/core';\r\nimport { EntryButtonModule } from '@enigmatry/entry-components/button';\r\nimport { EntryDialogModule } from '@enigmatry/entry-components/dialog';\r\nimport { EntryPermissionModule, EntryPermissionService } from '@enigmatry/entry-components/permissions';\r\nimport { EntrySearchFilterModule } from '@enigmatry/entry-components/search-filter';\r\nimport { EntryValidationModule } from '@enigmatry/entry-components/validation';\r\nimport { EntryFileInputModule } from '@enigmatry/entry-components/file-input';\r\nimport { EntryTableModule } from '@enigmatry/entry-components/table';\r\n\r\ninterface EntryComponentsModuleOptions {\r\n  permissionService?: Type<any>;\r\n}\r\n\r\n/**\r\n * Exports all entry components.\r\n *\r\n * Usage\r\n * import EntryComponentsModule in shared.module.ts to have access to all components, directives, pipes.\r\n * import EntryComponentsModule.forRoot() in app.module.ts to register root module providers.\r\n */\r\n@NgModule({\r\n  declarations: [],\r\n  exports: [\r\n    EntryButtonModule,\r\n    EntryDialogModule,\r\n    EntryFileInputModule,\r\n    EntryValidationModule,\r\n    EntryPermissionModule,\r\n    EntrySearchFilterModule,\r\n    EntryTableModule\r\n  ]\r\n})\r\nexport class EntryComponentsModule {\r\n  static forRoot(options: EntryComponentsModuleOptions = {}): ModuleWithProviders<EntryComponentsModule> {\r\n\r\n    const permissionServiceProvider: Provider[] = options.permissionService\r\n      ? [{ provide: EntryPermissionService, useClass: options.permissionService }]\r\n      : [];\r\n\r\n    const providers: Provider[] = [...permissionServiceProvider];\r\n    return {\r\n      ngModule: EntryComponentsModule,\r\n      providers\r\n    };\r\n  }\r\n}\r\n","\n/*\n * Public API Surface of entry-components\n */\nexport * from '@enigmatry/entry-components/button';\nexport * from '@enigmatry/entry-components/dialog';\nexport * from '@enigmatry/entry-components/file-input';\nexport * from '@enigmatry/entry-components/permissions';\nexport * from '@enigmatry/entry-components/search-filter';\nexport * from '@enigmatry/entry-components/validation';\nexport * from '@enigmatry/entry-components/table';\n\nexport { EntryComponentsModule } from './modules/entry-components.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAaA;;;;;;AAMG;MAaU,qBAAqB,CAAA;AAChC,IAAA,OAAO,OAAO,CAAC,OAAA,GAAwC,EAAE,EAAA;AAEvD,QAAA,MAAM,yBAAyB,GAAe,OAAO,CAAC,iBAAiB;AACrE,cAAE,CAAC,EAAE,OAAO,EAAE,sBAAsB,EAAE,QAAQ,EAAE,OAAO,CAAC,iBAAiB,EAAE,CAAC;cAC1E,EAAE,CAAC;AAEP,QAAA,MAAM,SAAS,GAAe,CAAC,GAAG,yBAAyB,CAAC,CAAC;QAC7D,OAAO;AACL,YAAA,QAAQ,EAAE,qBAAqB;YAC/B,SAAS;SACV,CAAC;KACH;;kHAZU,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAT9B,iBAAiB;QACjB,iBAAiB;QACjB,oBAAoB;QACpB,qBAAqB;QACrB,qBAAqB;QACrB,uBAAuB;QACvB,gBAAgB,CAAA,EAAA,CAAA,CAAA;AAGP,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAT9B,iBAAiB;QACjB,iBAAiB;QACjB,oBAAoB;QACpB,qBAAqB;QACrB,qBAAqB;QACrB,uBAAuB;QACvB,gBAAgB,CAAA,EAAA,CAAA,CAAA;2FAGP,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAZjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,OAAO,EAAE;wBACP,iBAAiB;wBACjB,iBAAiB;wBACjB,oBAAoB;wBACpB,qBAAqB;wBACrB,qBAAqB;wBACrB,uBAAuB;wBACvB,gBAAgB;AACjB,qBAAA;iBACF,CAAA;;;AC9BD;;AAEG;;ACHH;;AAEG;;;;"}
+{"version":3,"file":"enigmatry-entry-components.mjs","sources":["../../../../libs/entry-components/modules/entry-components.module.ts","../../../../libs/entry-components/public-api.ts","../../../../libs/entry-components/enigmatry-entry-components.ts"],"sourcesContent":["import { ModuleWithProviders, NgModule, Provider, Type } from '@angular/core';\r\nimport { EntryButtonModule } from '@enigmatry/entry-components/button';\r\nimport { EntryDialogModule } from '@enigmatry/entry-components/dialog';\r\nimport { EntryPermissionModule, EntryPermissionService } from '@enigmatry/entry-components/permissions';\r\nimport { EntrySearchFilterModule } from '@enigmatry/entry-components/search-filter';\r\nimport { EntryValidationModule } from '@enigmatry/entry-components/validation';\r\nimport { EntryFileInputModule } from '@enigmatry/entry-components/file-input';\r\nimport { EntryTableModule } from '@enigmatry/entry-components/table';\r\nimport { EntryCommonModule, NG_EVENT_PLUGINS } from '@enigmatry/entry-components/common';\r\n\r\ninterface EntryComponentsModuleOptions {\r\n  permissionService?: Type<any>;\r\n}\r\n\r\n/**\r\n * Exports all entry components.\r\n *\r\n * Usage\r\n * import EntryComponentsModule in shared.module.ts to have access to all components, directives, pipes.\r\n * import EntryComponentsModule.forRoot() in app.module.ts to register root module providers.\r\n */\r\n@NgModule({\r\n  declarations: [],\r\n  exports: [\r\n    EntryButtonModule,\r\n    EntryCommonModule,\r\n    EntryDialogModule,\r\n    EntryFileInputModule,\r\n    EntryValidationModule,\r\n    EntryPermissionModule,\r\n    EntrySearchFilterModule,\r\n    EntryTableModule\r\n  ]\r\n})\r\nexport class EntryComponentsModule {\r\n  static forRoot(options: EntryComponentsModuleOptions = {}): ModuleWithProviders<EntryComponentsModule> {\r\n\r\n    const permissionServiceProvider: Provider[] = options.permissionService\r\n      ? [{ provide: EntryPermissionService, useClass: options.permissionService }]\r\n      : [];\r\n\r\n    const providers: Provider[] = [...permissionServiceProvider, ...NG_EVENT_PLUGINS];\r\n    return {\r\n      ngModule: EntryComponentsModule,\r\n      providers\r\n    };\r\n  }\r\n}\r\n","\n/*\n * Public API Surface of entry-components\n */\nexport * from '@enigmatry/entry-components/button';\nexport * from '@enigmatry/entry-components/common';\nexport * from '@enigmatry/entry-components/dialog';\nexport * from '@enigmatry/entry-components/file-input';\nexport * from '@enigmatry/entry-components/permissions';\nexport * from '@enigmatry/entry-components/search-filter';\nexport * from '@enigmatry/entry-components/validation';\nexport * from '@enigmatry/entry-components/table';\n\nexport { EntryComponentsModule } from './modules/entry-components.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAcA;;;;;;AAMG;MAcU,qBAAqB,CAAA;AAChC,IAAA,OAAO,OAAO,CAAC,OAAA,GAAwC,EAAE,EAAA;AAEvD,QAAA,MAAM,yBAAyB,GAAe,OAAO,CAAC,iBAAiB;AACrE,cAAE,CAAC,EAAE,OAAO,EAAE,sBAAsB,EAAE,QAAQ,EAAE,OAAO,CAAC,iBAAiB,EAAE,CAAC;cAC1E,EAAE,CAAC;QAEP,MAAM,SAAS,GAAe,CAAC,GAAG,yBAAyB,EAAE,GAAG,gBAAgB,CAAC,CAAC;QAClF,OAAO;AACL,YAAA,QAAQ,EAAE,qBAAqB;YAC/B,SAAS;SACV,CAAC;KACH;;kHAZU,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAV9B,iBAAiB;QACjB,iBAAiB;QACjB,iBAAiB;QACjB,oBAAoB;QACpB,qBAAqB;QACrB,qBAAqB;QACrB,uBAAuB;QACvB,gBAAgB,CAAA,EAAA,CAAA,CAAA;AAGP,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAV9B,iBAAiB;QACjB,iBAAiB;QACjB,iBAAiB;QACjB,oBAAoB;QACpB,qBAAqB;QACrB,qBAAqB;QACrB,uBAAuB;QACvB,gBAAgB,CAAA,EAAA,CAAA,CAAA;2FAGP,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAbjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,OAAO,EAAE;wBACP,iBAAiB;wBACjB,iBAAiB;wBACjB,iBAAiB;wBACjB,oBAAoB;wBACpB,qBAAqB;wBACrB,qBAAqB;wBACrB,uBAAuB;wBACvB,gBAAgB;AACjB,qBAAA;iBACF,CAAA;;;AChCD;;AAEG;;ACHH;;AAEG;;;;"}

package/fesm2020/enigmatry-entry-components-common.mjs

@@ -1,4 +1,191 @@
-import { InjectionToken } from '@angular/core';
+import * as i0 from '@angular/core';
+import { Directive, Self, Injectable, NgModule, InjectionToken } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { Subject, fromEvent } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import * as i1 from '@angular/forms';
+import { debounce, throttle } from 'lodash-es';
+import { EVENT_MANAGER_PLUGINS } from '@angular/platform-browser';
+
+const NG_VALID_CLASS = '.ng-valid';
+const NG_INVALID_CLASS = '.ng-invalid';
+
+/**
+ * Scroll to first invalid control when form is submitted.
+ * Directive is applied to 'form[formGroup],form[ngForm]' (reactive or template driven forms)
+ */
+class ScrollToInvalidControlDirective {
+    constructor(form, elementRef) {
+        this.form = form;
+        this.elementRef = elementRef;
+        this.destroy$ = new Subject();
+    }
+    ngOnInit() {
+        fromEvent(this.elementRef.nativeElement, 'submit')
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(_ => {
+            if (this.form.invalid) {
+                this.scrollToInvalidControl();
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    scrollToInvalidControl() {
+        const firstInvalidControl = this.elementRef.nativeElement.querySelector(NG_INVALID_CLASS);
+        if (firstInvalidControl) {
+            firstInvalidControl.scrollIntoView({
+                behavior: 'smooth',
+                block: 'center' // vertical alignment
+            });
+        }
+    }
+}
+ScrollToInvalidControlDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ScrollToInvalidControlDirective, deps: [{ token: i1.ControlContainer, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+ScrollToInvalidControlDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: ScrollToInvalidControlDirective, isStandalone: true, selector: "form[formGroup],form[ngForm]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ScrollToInvalidControlDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'form[formGroup],form[ngForm]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ControlContainer, decorators: [{
+                    type: Self
+                }] }, { type: i0.ElementRef }]; } });
+
+/**
+ * abstract class EventManagerPlugin will be exposed in the public api
+ * https://github.com/angular/angular/pull/49969
+ *
+ * Until then creating it from reference
+ * https://github.com/angular/angular/blob/main/packages/platform-browser/src/dom/events/event_manager.ts#L93
+ *
+ * How to create custom event modifiers
+ * https://github.com/Tinkoff/ng-event-plugins,
+ * https://github.com/angular/angular/blob/main/packages/platform-browser/src/dom/events/key_events.ts
+ * https://netbasal.com/lifting-the-veil-insights-into-angulars-eventmanagerplugin-ed9d14cbb31a
+ */
+class EventManagerPlugin {
+}
+/**
+ * Entry event plugin base class
+ */
+class EntryEventManagerPlugin extends EventManagerPlugin {
+    /** return `true` for every event name that has specified modifier */
+    supports(eventName) {
+        return eventName.includes(this.modifier);
+    }
+    /** unwrap params e.g. (click.debounce.500) => ['debounce', 500] */
+    unwrapParams(eventName) {
+        return eventName
+            .substring(eventName.indexOf(this.modifier))
+            .split('.')
+            .filter(x => !!x);
+    }
+    /** get event name e.g. (click.debounce.500) => click */
+    unwrapEventName(eventName) {
+        return eventName.substring(0, eventName.indexOf(this.modifier));
+    }
+}
+
+/* eslint-disable @typescript-eslint/ban-types */
+/**
+ * Provides event plugin for debouncing events.
+ *
+ * How to use:
+ * <button (click.debounce)="doSomething($event)">
+ * <input (keyup.debounce.500)="doSomething($event)">
+ */
+class DebounceEventPlugin extends EntryEventManagerPlugin {
+    constructor() {
+        super(...arguments);
+        this.modifier = '.debounce';
+    }
+    addEventListener(element, eventName, originalHandler) {
+        // e.g. (click.debounce.500)
+        const [_modifier, milliseconds = 500, option = 'leading'] = this.unwrapParams(eventName);
+        // run original handler inside ngZone in which the event occurred
+        const innerHandler = (event) => this.manager.getZone().runGuarded(() => originalHandler(event));
+        // create debounced handler
+        const debouncedHandler = debounce(innerHandler, milliseconds, { leading: option === 'leading', trailing: option === 'trailing' });
+        // register event with debounced handler
+        return this.manager.addEventListener(element, this.unwrapEventName(eventName), debouncedHandler);
+    }
+}
+DebounceEventPlugin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DebounceEventPlugin, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+DebounceEventPlugin.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DebounceEventPlugin });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DebounceEventPlugin, decorators: [{
+            type: Injectable
+        }] });
+
+/* eslint-disable @typescript-eslint/ban-types */
+/**
+ * Provides event plugin for throttling events.
+ *
+ * How to use:
+ * <button (click.throttle)="doSomething($event)">
+ * <input (keyup.throttle.500)="doSomething($event)">
+ */
+class ThrottleEventPlugin extends EntryEventManagerPlugin {
+    constructor() {
+        super(...arguments);
+        this.modifier = '.throttle';
+    }
+    addEventListener(element, eventName, originalHandler) {
+        // e.g. (keyup.throttle.500)
+        const [_modifier, milliseconds = 500] = this.unwrapParams(eventName);
+        // run original handler inside ngZone in which the event occurred
+        const innerHandler = (event) => this.manager.getZone().runGuarded(() => originalHandler(event));
+        // create throttled handler
+        const throttledHandler = throttle(innerHandler, milliseconds);
+        // register event with throttled handler
+        return this.manager.addEventListener(element, this.unwrapEventName(eventName), throttledHandler);
+    }
+}
+ThrottleEventPlugin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ThrottleEventPlugin, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+ThrottleEventPlugin.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ThrottleEventPlugin });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ThrottleEventPlugin, decorators: [{
+            type: Injectable
+        }] });
+
+const DIRECTIVES = [
+    ScrollToInvalidControlDirective
+];
+const EVENT_PLUGINS = [
+    DebounceEventPlugin,
+    ThrottleEventPlugin
+];
+const NG_EVENT_PLUGINS = EVENT_PLUGINS.map(useClass => ({
+    provide: EVENT_MANAGER_PLUGINS,
+    multi: true,
+    useClass
+}));
+class EntryCommonModule {
+    static forRoot() {
+        return {
+            ngModule: EntryCommonModule,
+            providers: NG_EVENT_PLUGINS
+        };
+    }
+}
+EntryCommonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: EntryCommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+EntryCommonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: EntryCommonModule, imports: [CommonModule, ScrollToInvalidControlDirective], exports: [ScrollToInvalidControlDirective] });
+EntryCommonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: EntryCommonModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: EntryCommonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [
+                        CommonModule,
+                        ...DIRECTIVES
+                    ],
+                    exports: [
+                        ...DIRECTIVES
+                    ]
+                }]
+        }] });
 
 function createInjectionToken(defaultValue) {
     return new InjectionToken(defaultValue.constructor.name, {
@@ -17,5 +204,5 @@ function provideConfig(token, factory) {
  * Generated bundle index. Do not edit.
  */
 
-export { createInjectionToken, provideConfig };
+export { DebounceEventPlugin, EntryCommonModule, NG_EVENT_PLUGINS, ScrollToInvalidControlDirective, ThrottleEventPlugin, createInjectionToken, provideConfig };
 //# sourceMappingURL=enigmatry-entry-components-common.mjs.map

package/fesm2020/enigmatry-entry-components-common.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"enigmatry-entry-components-common.mjs","sources":["../../../../libs/entry-components/common/utils/provide-config.ts","../../../../libs/entry-components/common/enigmatry-entry-components-common.ts"],"sourcesContent":["import { InjectionToken, Provider } from '@angular/core';\r\n\r\nexport function createInjectionToken<T>(defaultValue: T): InjectionToken<T> {\r\n  return new InjectionToken<T>(defaultValue.constructor.name,\r\n    {\r\n      providedIn: 'root',\r\n      factory: () => defaultValue\r\n    }\r\n  );\r\n}\r\n\r\nexport function provideConfig<T>(token: InjectionToken<T>, factory: () => T): Provider {\r\n  return {\r\n    provide: token,\r\n    useFactory: factory\r\n  };\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAEM,SAAU,oBAAoB,CAAI,YAAe,EAAA;IACrD,OAAO,IAAI,cAAc,CAAI,YAAY,CAAC,WAAW,CAAC,IAAI,EACxD;AACE,QAAA,UAAU,EAAE,MAAM;AAClB,QAAA,OAAO,EAAE,MAAM,YAAY;AAC5B,KAAA,CACF,CAAC;AACJ,CAAC;AAEe,SAAA,aAAa,CAAI,KAAwB,EAAE,OAAgB,EAAA;IACzE,OAAO;AACL,QAAA,OAAO,EAAE,KAAK;AACd,QAAA,UAAU,EAAE,OAAO;KACpB,CAAC;AACJ;;AChBA;;AAEG;;;;"}
+{"version":3,"file":"enigmatry-entry-components-common.mjs","sources":["../../../../libs/entry-components/common/constants.ts","../../../../libs/entry-components/common/directives/scroll-to-invalid-control.directive.ts","../../../../libs/entry-components/common/event-plugins/abstract.plugin.ts","../../../../libs/entry-components/common/event-plugins/debounce.plugin.ts","../../../../libs/entry-components/common/event-plugins/throttle.plugin.ts","../../../../libs/entry-components/common/common.module.ts","../../../../libs/entry-components/common/utils/provide-config.ts","../../../../libs/entry-components/common/enigmatry-entry-components-common.ts"],"sourcesContent":["export const NG_VALID_CLASS = '.ng-valid';\r\nexport const NG_INVALID_CLASS = '.ng-invalid';\r\n","import { Directive, ElementRef, OnDestroy, OnInit, Self } from '@angular/core';\r\nimport { ControlContainer } from '@angular/forms';\r\nimport { Subject, fromEvent } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { NG_INVALID_CLASS } from '../constants';\r\n\r\n/**\r\n * Scroll to first invalid control when form is submitted.\r\n * Directive is applied to 'form[formGroup],form[ngForm]' (reactive or template driven forms)\r\n */\r\n@Directive({\r\n  standalone: true,\r\n  selector: 'form[formGroup],form[ngForm]'\r\n})\r\nexport class ScrollToInvalidControlDirective implements OnInit, OnDestroy {\r\n\r\n  private destroy$ = new Subject<void>();\r\n\r\n  constructor(\r\n    @Self() private form: ControlContainer,\r\n    private elementRef: ElementRef<HTMLFormElement>) { }\r\n\r\n  ngOnInit(): void {\r\n    fromEvent(this.elementRef.nativeElement, 'submit')\r\n      .pipe(takeUntil(this.destroy$))\r\n      .subscribe(_ => {\r\n        if (this.form.invalid) {\r\n          this.scrollToInvalidControl();\r\n        }\r\n      });\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.destroy$.next();\r\n    this.destroy$.complete();\r\n  }\r\n\r\n  private scrollToInvalidControl() {\r\n    const firstInvalidControl: HTMLElement =\r\n      this.elementRef.nativeElement.querySelector(NG_INVALID_CLASS);\r\n\r\n    if (firstInvalidControl) {\r\n      firstInvalidControl.scrollIntoView({\r\n        behavior: 'smooth',\r\n        block: 'center'  // vertical alignment\r\n      });\r\n    }\r\n  }\r\n}\r\n","import { EventManager } from '@angular/platform-browser';\r\n\r\n/**\r\n * abstract class EventManagerPlugin will be exposed in the public api\r\n * https://github.com/angular/angular/pull/49969\r\n *\r\n * Until then creating it from reference\r\n * https://github.com/angular/angular/blob/main/packages/platform-browser/src/dom/events/event_manager.ts#L93\r\n *\r\n * How to create custom event modifiers\r\n * https://github.com/Tinkoff/ng-event-plugins,\r\n * https://github.com/angular/angular/blob/main/packages/platform-browser/src/dom/events/key_events.ts\r\n * https://netbasal.com/lifting-the-veil-insights-into-angulars-eventmanagerplugin-ed9d14cbb31a\r\n */\r\nexport abstract class EventManagerPlugin {\r\n\r\n  // Using non-null assertion because it's set by EventManager's constructor\r\n  manager!: EventManager;\r\n\r\n  /** Should return `true` for every event name that should be supported by this plugin */\r\n  abstract supports(eventName: string): boolean;\r\n\r\n  /**\r\n   * Registers a handler for a specific element and event.\r\n   *\r\n   * @param element The HTML element to receive event notifications.\r\n   * @param eventName The name of the event to listen for.\r\n   * @param handler A function to call when the notification occurs. Receives the\r\n   * event object as an argument.\r\n   * @returns  A callback function that can be used to remove the handler.\r\n   */\r\n  // eslint-disable-next-line @typescript-eslint/ban-types\r\n  abstract addEventListener(element: HTMLElement, eventName: string, handler: Function): Function;\r\n}\r\n\r\n/**\r\n * Entry event plugin base class\r\n */\r\nexport abstract class EntryEventManagerPlugin extends EventManagerPlugin {\r\n  abstract modifier: string;\r\n\r\n  /** return `true` for every event name that has specified modifier */\r\n  supports(eventName: string): boolean {\r\n    return eventName.includes(this.modifier);\r\n  }\r\n\r\n  /** unwrap params e.g. (click.debounce.500) => ['debounce', 500] */\r\n  unwrapParams(eventName: string): string[] {\r\n    return eventName\r\n      .substring(eventName.indexOf(this.modifier))\r\n      .split('.')\r\n      .filter(x => !!x);\r\n  }\r\n\r\n  /** get event name e.g. (click.debounce.500) => click */\r\n  unwrapEventName(eventName: string): string {\r\n    return eventName.substring(0, eventName.indexOf(this.modifier));\r\n  }\r\n}\r\n","/* eslint-disable @typescript-eslint/ban-types */\r\nimport { Injectable } from '@angular/core';\r\nimport { EntryEventManagerPlugin } from './abstract.plugin';\r\nimport { debounce } from 'lodash-es';\r\n\r\n/**\r\n * Provides event plugin for debouncing events.\r\n *\r\n * How to use:\r\n * <button (click.debounce)=\"doSomething($event)\">\r\n * <input (keyup.debounce.500)=\"doSomething($event)\">\r\n */\r\n@Injectable()\r\nexport class DebounceEventPlugin extends EntryEventManagerPlugin {\r\n\r\n  modifier = '.debounce';\r\n\r\n  addEventListener(element: HTMLElement, eventName: string, originalHandler: Function): Function {\r\n    // e.g. (click.debounce.500)\r\n    const [_modifier, milliseconds = 500, option = 'leading'] = this.unwrapParams(eventName);\r\n\r\n    // run original handler inside ngZone in which the event occurred\r\n    const innerHandler = (event: any) => this.manager.getZone().runGuarded(() => originalHandler(event));\r\n\r\n    // create debounced handler\r\n    const debouncedHandler = debounce(innerHandler, milliseconds,\r\n      { leading: option === 'leading', trailing: option === 'trailing' });\r\n\r\n    // register event with debounced handler\r\n    return this.manager.addEventListener(element, this.unwrapEventName(eventName), debouncedHandler);\r\n  }\r\n}\r\n","/* eslint-disable @typescript-eslint/ban-types */\r\nimport { Injectable } from '@angular/core';\r\nimport { EntryEventManagerPlugin } from './abstract.plugin';\r\nimport { throttle } from 'lodash-es';\r\n\r\n/**\r\n * Provides event plugin for throttling events.\r\n *\r\n * How to use:\r\n * <button (click.throttle)=\"doSomething($event)\">\r\n * <input (keyup.throttle.500)=\"doSomething($event)\">\r\n */\r\n@Injectable()\r\nexport class ThrottleEventPlugin extends EntryEventManagerPlugin {\r\n\r\n  modifier = '.throttle';\r\n\r\n  addEventListener(element: HTMLElement, eventName: string, originalHandler: Function): Function {\r\n    // e.g. (keyup.throttle.500)\r\n    const [_modifier, milliseconds = 500] = this.unwrapParams(eventName);\r\n\r\n    // run original handler inside ngZone in which the event occurred\r\n    const innerHandler = (event: any) => this.manager.getZone().runGuarded(() => originalHandler(event));\r\n\r\n    // create throttled handler\r\n    const throttledHandler = throttle(innerHandler, milliseconds);\r\n\r\n    // register event with throttled handler\r\n    return this.manager.addEventListener(element, this.unwrapEventName(eventName), throttledHandler);\r\n  }\r\n}\r\n","import { ModuleWithProviders, NgModule, Provider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n/** Directives */\n\nimport { ScrollToInvalidControlDirective } from './directives/scroll-to-invalid-control.directive';\n\nconst DIRECTIVES = [\n  ScrollToInvalidControlDirective\n];\n\n/** Event plugins */\n\nimport { DebounceEventPlugin } from './event-plugins/debounce.plugin';\nimport { ThrottleEventPlugin } from './event-plugins/throttle.plugin';\nimport { EVENT_MANAGER_PLUGINS } from '@angular/platform-browser';\n\nconst EVENT_PLUGINS = [\n  DebounceEventPlugin,\n  ThrottleEventPlugin\n];\n\nexport const NG_EVENT_PLUGINS: Provider[] = EVENT_PLUGINS.map(useClass => ({\n  provide: EVENT_MANAGER_PLUGINS,\n  multi: true,\n  useClass\n}));\n\n\n@NgModule({\n  declarations: [\n  ],\n  imports: [\n    CommonModule,\n    ...DIRECTIVES\n  ],\n  exports: [\n    ...DIRECTIVES\n  ]\n})\nexport class EntryCommonModule {\n  static forRoot(): ModuleWithProviders<EntryCommonModule> {\n    return {\n      ngModule: EntryCommonModule,\n      providers: NG_EVENT_PLUGINS\n    };\n  }\n}\n","import { InjectionToken, Provider } from '@angular/core';\r\n\r\nexport function createInjectionToken<T>(defaultValue: T): InjectionToken<T> {\r\n  return new InjectionToken<T>(defaultValue.constructor.name,\r\n    {\r\n      providedIn: 'root',\r\n      factory: () => defaultValue\r\n    }\r\n  );\r\n}\r\n\r\nexport function provideConfig<T>(token: InjectionToken<T>, factory: () => T): Provider {\r\n  return {\r\n    provide: token,\r\n    useFactory: factory\r\n  };\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/enigmatry-entry-components.mjs

@@ -1,5 +1,7 @@
 import { EntryButtonModule } from '@enigmatry/entry-components/button';
 export * from '@enigmatry/entry-components/button';
+import { NG_EVENT_PLUGINS, EntryCommonModule } from '@enigmatry/entry-components/common';
+export * from '@enigmatry/entry-components/common';
 import { EntryDialogModule } from '@enigmatry/entry-components/dialog';
 export * from '@enigmatry/entry-components/dialog';
 import { EntryFileInputModule } from '@enigmatry/entry-components/file-input';
@@ -27,7 +29,7 @@ class EntryComponentsModule {
         const permissionServiceProvider = options.permissionService
             ? [{ provide: EntryPermissionService, useClass: options.permissionService }]
             : [];
-        const providers = [...permissionServiceProvider];
+        const providers = [...permissionServiceProvider, ...NG_EVENT_PLUGINS];
         return {
             ngModule: EntryComponentsModule,
             providers
@@ -36,6 +38,7 @@ class EntryComponentsModule {
 }
 EntryComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: EntryComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 EntryComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: EntryComponentsModule, exports: [EntryButtonModule,
+        EntryCommonModule,
         EntryDialogModule,
         EntryFileInputModule,
         EntryValidationModule,
@@ -43,6 +46,7 @@ EntryComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", v
         EntrySearchFilterModule,
         EntryTableModule] });
 EntryComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: EntryComponentsModule, imports: [EntryButtonModule,
+        EntryCommonModule,
         EntryDialogModule,
         EntryFileInputModule,
         EntryValidationModule,
@@ -55,6 +59,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     declarations: [],
                     exports: [
                         EntryButtonModule,
+                        EntryCommonModule,
                         EntryDialogModule,
                         EntryFileInputModule,
                         EntryValidationModule,

package/fesm2020/enigmatry-entry-components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"enigmatry-entry-components.mjs","sources":["../../../../libs/entry-components/modules/entry-components.module.ts","../../../../libs/entry-components/public-api.ts","../../../../libs/entry-components/enigmatry-entry-components.ts"],"sourcesContent":["import { ModuleWithProviders, NgModule, Provider, Type } from '@angular/core';\r\nimport { EntryButtonModule } from '@enigmatry/entry-components/button';\r\nimport { EntryDialogModule } from '@enigmatry/entry-components/dialog';\r\nimport { EntryPermissionModule, EntryPermissionService } from '@enigmatry/entry-components/permissions';\r\nimport { EntrySearchFilterModule } from '@enigmatry/entry-components/search-filter';\r\nimport { EntryValidationModule } from '@enigmatry/entry-components/validation';\r\nimport { EntryFileInputModule } from '@enigmatry/entry-components/file-input';\r\nimport { EntryTableModule } from '@enigmatry/entry-components/table';\r\n\r\ninterface EntryComponentsModuleOptions {\r\n  permissionService?: Type<any>;\r\n}\r\n\r\n/**\r\n * Exports all entry components.\r\n *\r\n * Usage\r\n * import EntryComponentsModule in shared.module.ts to have access to all components, directives, pipes.\r\n * import EntryComponentsModule.forRoot() in app.module.ts to register root module providers.\r\n */\r\n@NgModule({\r\n  declarations: [],\r\n  exports: [\r\n    EntryButtonModule,\r\n    EntryDialogModule,\r\n    EntryFileInputModule,\r\n    EntryValidationModule,\r\n    EntryPermissionModule,\r\n    EntrySearchFilterModule,\r\n    EntryTableModule\r\n  ]\r\n})\r\nexport class EntryComponentsModule {\r\n  static forRoot(options: EntryComponentsModuleOptions = {}): ModuleWithProviders<EntryComponentsModule> {\r\n\r\n    const permissionServiceProvider: Provider[] = options.permissionService\r\n      ? [{ provide: EntryPermissionService, useClass: options.permissionService }]\r\n      : [];\r\n\r\n    const providers: Provider[] = [...permissionServiceProvider];\r\n    return {\r\n      ngModule: EntryComponentsModule,\r\n      providers\r\n    };\r\n  }\r\n}\r\n","\n/*\n * Public API Surface of entry-components\n */\nexport * from '@enigmatry/entry-components/button';\nexport * from '@enigmatry/entry-components/dialog';\nexport * from '@enigmatry/entry-components/file-input';\nexport * from '@enigmatry/entry-components/permissions';\nexport * from '@enigmatry/entry-components/search-filter';\nexport * from '@enigmatry/entry-components/validation';\nexport * from '@enigmatry/entry-components/table';\n\nexport { EntryComponentsModule } from './modules/entry-components.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAaA;;;;;;AAMG;MAaU,qBAAqB,CAAA;AAChC,IAAA,OAAO,OAAO,CAAC,OAAA,GAAwC,EAAE,EAAA;AAEvD,QAAA,MAAM,yBAAyB,GAAe,OAAO,CAAC,iBAAiB;AACrE,cAAE,CAAC,EAAE,OAAO,EAAE,sBAAsB,EAAE,QAAQ,EAAE,OAAO,CAAC,iBAAiB,EAAE,CAAC;cAC1E,EAAE,CAAC;AAEP,QAAA,MAAM,SAAS,GAAe,CAAC,GAAG,yBAAyB,CAAC,CAAC;QAC7D,OAAO;AACL,YAAA,QAAQ,EAAE,qBAAqB;YAC/B,SAAS;SACV,CAAC;KACH;;kHAZU,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAT9B,iBAAiB;QACjB,iBAAiB;QACjB,oBAAoB;QACpB,qBAAqB;QACrB,qBAAqB;QACrB,uBAAuB;QACvB,gBAAgB,CAAA,EAAA,CAAA,CAAA;AAGP,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAT9B,iBAAiB;QACjB,iBAAiB;QACjB,oBAAoB;QACpB,qBAAqB;QACrB,qBAAqB;QACrB,uBAAuB;QACvB,gBAAgB,CAAA,EAAA,CAAA,CAAA;2FAGP,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAZjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,OAAO,EAAE;wBACP,iBAAiB;wBACjB,iBAAiB;wBACjB,oBAAoB;wBACpB,qBAAqB;wBACrB,qBAAqB;wBACrB,uBAAuB;wBACvB,gBAAgB;AACjB,qBAAA;AACF,iBAAA,CAAA;;;AC9BD;;AAEG;;ACHH;;AAEG;;;;"}
+{"version":3,"file":"enigmatry-entry-components.mjs","sources":["../../../../libs/entry-components/modules/entry-components.module.ts","../../../../libs/entry-components/public-api.ts","../../../../libs/entry-components/enigmatry-entry-components.ts"],"sourcesContent":["import { ModuleWithProviders, NgModule, Provider, Type } from '@angular/core';\r\nimport { EntryButtonModule } from '@enigmatry/entry-components/button';\r\nimport { EntryDialogModule } from '@enigmatry/entry-components/dialog';\r\nimport { EntryPermissionModule, EntryPermissionService } from '@enigmatry/entry-components/permissions';\r\nimport { EntrySearchFilterModule } from '@enigmatry/entry-components/search-filter';\r\nimport { EntryValidationModule } from '@enigmatry/entry-components/validation';\r\nimport { EntryFileInputModule } from '@enigmatry/entry-components/file-input';\r\nimport { EntryTableModule } from '@enigmatry/entry-components/table';\r\nimport { EntryCommonModule, NG_EVENT_PLUGINS } from '@enigmatry/entry-components/common';\r\n\r\ninterface EntryComponentsModuleOptions {\r\n  permissionService?: Type<any>;\r\n}\r\n\r\n/**\r\n * Exports all entry components.\r\n *\r\n * Usage\r\n * import EntryComponentsModule in shared.module.ts to have access to all components, directives, pipes.\r\n * import EntryComponentsModule.forRoot() in app.module.ts to register root module providers.\r\n */\r\n@NgModule({\r\n  declarations: [],\r\n  exports: [\r\n    EntryButtonModule,\r\n    EntryCommonModule,\r\n    EntryDialogModule,\r\n    EntryFileInputModule,\r\n    EntryValidationModule,\r\n    EntryPermissionModule,\r\n    EntrySearchFilterModule,\r\n    EntryTableModule\r\n  ]\r\n})\r\nexport class EntryComponentsModule {\r\n  static forRoot(options: EntryComponentsModuleOptions = {}): ModuleWithProviders<EntryComponentsModule> {\r\n\r\n    const permissionServiceProvider: Provider[] = options.permissionService\r\n      ? [{ provide: EntryPermissionService, useClass: options.permissionService }]\r\n      : [];\r\n\r\n    const providers: Provider[] = [...permissionServiceProvider, ...NG_EVENT_PLUGINS];\r\n    return {\r\n      ngModule: EntryComponentsModule,\r\n      providers\r\n    };\r\n  }\r\n}\r\n","\n/*\n * Public API Surface of entry-components\n */\nexport * from '@enigmatry/entry-components/button';\nexport * from '@enigmatry/entry-components/common';\nexport * from '@enigmatry/entry-components/dialog';\nexport * from '@enigmatry/entry-components/file-input';\nexport * from '@enigmatry/entry-components/permissions';\nexport * from '@enigmatry/entry-components/search-filter';\nexport * from '@enigmatry/entry-components/validation';\nexport * from '@enigmatry/entry-components/table';\n\nexport { EntryComponentsModule } from './modules/entry-components.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAcA;;;;;;AAMG;MAcU,qBAAqB,CAAA;AAChC,IAAA,OAAO,OAAO,CAAC,OAAA,GAAwC,EAAE,EAAA;AAEvD,QAAA,MAAM,yBAAyB,GAAe,OAAO,CAAC,iBAAiB;AACrE,cAAE,CAAC,EAAE,OAAO,EAAE,sBAAsB,EAAE,QAAQ,EAAE,OAAO,CAAC,iBAAiB,EAAE,CAAC;cAC1E,EAAE,CAAC;QAEP,MAAM,SAAS,GAAe,CAAC,GAAG,yBAAyB,EAAE,GAAG,gBAAgB,CAAC,CAAC;QAClF,OAAO;AACL,YAAA,QAAQ,EAAE,qBAAqB;YAC/B,SAAS;SACV,CAAC;KACH;;kHAZU,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAV9B,iBAAiB;QACjB,iBAAiB;QACjB,iBAAiB;QACjB,oBAAoB;QACpB,qBAAqB;QACrB,qBAAqB;QACrB,uBAAuB;QACvB,gBAAgB,CAAA,EAAA,CAAA,CAAA;AAGP,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAV9B,iBAAiB;QACjB,iBAAiB;QACjB,iBAAiB;QACjB,oBAAoB;QACpB,qBAAqB;QACrB,qBAAqB;QACrB,uBAAuB;QACvB,gBAAgB,CAAA,EAAA,CAAA,CAAA;2FAGP,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAbjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,OAAO,EAAE;wBACP,iBAAiB;wBACjB,iBAAiB;wBACjB,iBAAiB;wBACjB,oBAAoB;wBACpB,qBAAqB;wBACrB,qBAAqB;wBACrB,uBAAuB;wBACvB,gBAAgB;AACjB,qBAAA;AACF,iBAAA,CAAA;;;AChCD;;AAEG;;ACHH;;AAEG;;;;"}

package/modules/entry-components.module.d.ts

@@ -1,12 +1,13 @@
 import { ModuleWithProviders, Type } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@enigmatry/entry-components/button";
-import * as i2 from "@enigmatry/entry-components/dialog";
-import * as i3 from "@enigmatry/entry-components/file-input";
-import * as i4 from "@enigmatry/entry-components/validation";
-import * as i5 from "@enigmatry/entry-components/permissions";
-import * as i6 from "@enigmatry/entry-components/search-filter";
-import * as i7 from "@enigmatry/entry-components/table";
+import * as i2 from "@enigmatry/entry-components/common";
+import * as i3 from "@enigmatry/entry-components/dialog";
+import * as i4 from "@enigmatry/entry-components/file-input";
+import * as i5 from "@enigmatry/entry-components/validation";
+import * as i6 from "@enigmatry/entry-components/permissions";
+import * as i7 from "@enigmatry/entry-components/search-filter";
+import * as i8 from "@enigmatry/entry-components/table";
 interface EntryComponentsModuleOptions {
     permissionService?: Type<any>;
 }
@@ -20,7 +21,7 @@ interface EntryComponentsModuleOptions {
 export declare class EntryComponentsModule {
     static forRoot(options?: EntryComponentsModuleOptions): ModuleWithProviders<EntryComponentsModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<EntryComponentsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EntryComponentsModule, never, never, [typeof i1.EntryButtonModule, typeof i2.EntryDialogModule, typeof i3.EntryFileInputModule, typeof i4.EntryValidationModule, typeof i5.EntryPermissionModule, typeof i6.EntrySearchFilterModule, typeof i7.EntryTableModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EntryComponentsModule, never, never, [typeof i1.EntryButtonModule, typeof i2.EntryCommonModule, typeof i3.EntryDialogModule, typeof i4.EntryFileInputModule, typeof i5.EntryValidationModule, typeof i6.EntryPermissionModule, typeof i7.EntrySearchFilterModule, typeof i8.EntryTableModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EntryComponentsModule>;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enigmatry/entry-components",
-  "version": "15.0.0-preview.2",
+  "version": "15.0.0-preview.4",
   "author": "Enigmatry",
   "description": "Enigmatry entry angular material components",
   "homepage": "https://github.com/enigmatry/entry-angular-building-blocks/tree/master/libs/entry-components#readme",
@@ -16,7 +16,8 @@
     "@angular/core": "^15.0.0",
     "@angular/material": "^15.0.0",
     "@angular/forms": "^15.0.0",
-    "@angular/platform-browser": "^15.0.0"
+    "@angular/platform-browser": "^15.0.0",
+    "lodash-es": "^4.17.21"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/public-api.d.ts

@@ -1,4 +1,5 @@
 export * from '@enigmatry/entry-components/button';
+export * from '@enigmatry/entry-components/common';
 export * from '@enigmatry/entry-components/dialog';
 export * from '@enigmatry/entry-components/file-input';
 export * from '@enigmatry/entry-components/permissions';