@enigmatry/entry-components 15.0.0-preview.3 → 15.0.0-preview.5

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

@@ -1,13 +1,85 @@
 import * as i0 from '@angular/core';
-import { Directive, Self, NgModule, InjectionToken } from '@angular/core';
+import { Directive, Input, Self, Injectable, NgModule, InjectionToken } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { Subject, fromEvent } from 'rxjs';
+import { Subject, fromEvent, timer } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
+import { coerceNumberProperty } from '@angular/cdk/coercion';
 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';
 
+/**
+ * Auto disable button after click or submit with entry-auto-disable directive.
+ * Directive is applied to 'button[entry-auto-disable]:not([disabled])'
+ * Default auto disable interval is 2000ms (2sec)
+ *
+ * Usage
+ * <button mat-button entry-submit-button entry-auto-disable type="submit">Submit</button>
+ * or with auto disabled interval in milliseconds
+ * <button mat-button entry-submit-button entry-auto-disable="5000" type="submit">Submit</button>
+ */
+class AutoDisableButtonDirective {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this._destroy$ = new Subject();
+        this._disableIntervalInMs = 2000;
+    }
+    get disableIntervalInMs() {
+        return this._disableIntervalInMs;
+    }
+    set disableIntervalInMs(value) {
+        this._disableIntervalInMs = coerceNumberProperty(value, 2000);
+    }
+    ngOnInit() {
+        const button = this.elementRef.nativeElement;
+        const isTypeSubmit = button.getAttribute('type') === 'submit';
+        const form = button.closest('form');
+        if (isTypeSubmit && form) {
+            // listen to form submit event
+            fromEvent(form, 'submit')
+                .pipe(takeUntil(this._destroy$))
+                .subscribe(_ => {
+                if (form.matches(NG_VALID_CLASS)) {
+                    this.disableButton(this._disableIntervalInMs);
+                }
+            });
+        }
+        else {
+            // otherwise listen to click event
+            fromEvent(button, 'click')
+                .pipe(takeUntil(this._destroy$))
+                .subscribe(_ => this.disableButton(this._disableIntervalInMs));
+        }
+    }
+    ngOnDestroy() {
+        this._destroy$.next();
+        this._destroy$.complete();
+    }
+    disableButton(disablePeriodInMs) {
+        const button = this.elementRef.nativeElement;
+        button.disabled = true;
+        timer(disablePeriodInMs)
+            .pipe(takeUntil(this._destroy$))
+            .subscribe(() => button.disabled = false);
+    }
+}
+AutoDisableButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AutoDisableButtonDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+AutoDisableButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: AutoDisableButtonDirective, isStandalone: true, selector: "button[entry-auto-disable]:not([disabled])", inputs: { disableIntervalInMs: ["entry-auto-disable", "disableIntervalInMs"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AutoDisableButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'button[entry-auto-disable]:not([disabled])'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { disableIntervalInMs: [{
+                type: Input,
+                args: ['entry-auto-disable']
+            }] } });
+
 /**
  * Scroll to first invalid control when form is submitted.
  * Directive is applied to 'form[formGroup],form[ngForm]' (reactive or template driven forms)
@@ -55,13 +127,126 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     }] }, { 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
+    AutoDisableButtonDirective,
+    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.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: EntryCommonModule, imports: [CommonModule, AutoDisableButtonDirective,
+        ScrollToInvalidControlDirective], exports: [AutoDisableButtonDirective,
+        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,
@@ -69,10 +254,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     declarations: [],
                     imports: [
                         CommonModule,
-                        ...DIRECTIVES
+                        DIRECTIVES
                     ],
                     exports: [
-                        ...DIRECTIVES
+                        DIRECTIVES
                     ]
                 }]
         }] });
@@ -94,5 +279,5 @@ function provideConfig(token, factory) {
  * Generated bundle index. Do not edit.
  */
 
-export { EntryCommonModule, ScrollToInvalidControlDirective, createInjectionToken, provideConfig };
+export { AutoDisableButtonDirective, 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/constants.ts","../../../../libs/entry-components/common/directives/scroll-to-invalid-control.directive.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 { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n/** Directives */\r\n\r\nimport { ScrollToInvalidControlDirective } from './directives/scroll-to-invalid-control.directive';\r\n\r\nconst DIRECTIVES = [\r\n  ScrollToInvalidControlDirective\r\n];\r\n\r\n@NgModule({\r\n  declarations: [\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    ...DIRECTIVES\r\n  ],\r\n  exports: [\r\n    ...DIRECTIVES\r\n  ]\r\n})\r\nexport class EntryCommonModule {\r\n}\r\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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"}
+{"version":3,"file":"enigmatry-entry-components-common.mjs","sources":["../../../../libs/entry-components/common/constants.ts","../../../../libs/entry-components/common/directives/auto-disable-button.directive.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, Input, OnDestroy, OnInit } from '@angular/core';\nimport { Subject, fromEvent, timer } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { NG_VALID_CLASS } from '../constants';\nimport { NumberInput, coerceNumberProperty } from '@angular/cdk/coercion';\n\n/**\n * Auto disable button after click or submit with entry-auto-disable directive.\n * Directive is applied to 'button[entry-auto-disable]:not([disabled])'\n * Default auto disable interval is 2000ms (2sec)\n *\n * Usage\n * <button mat-button entry-submit-button entry-auto-disable type=\"submit\">Submit</button>\n * or with auto disabled interval in milliseconds\n * <button mat-button entry-submit-button entry-auto-disable=\"5000\" type=\"submit\">Submit</button>\n */\n@Directive({\n  standalone: true,\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: 'button[entry-auto-disable]:not([disabled])'\n})\nexport class AutoDisableButtonDirective implements OnInit, OnDestroy {\n\n  private _destroy$ = new Subject<void>();\n  private _disableIntervalInMs = 2000;\n\n  constructor(private elementRef: ElementRef<HTMLButtonElement>) { }\n\n  @Input('entry-auto-disable')\n  get disableIntervalInMs() {\n    return this._disableIntervalInMs;\n  }\n  set disableIntervalInMs(value: NumberInput) {\n    this._disableIntervalInMs = coerceNumberProperty(value, 2000);\n  }\n\n  ngOnInit(): void {\n    const button = this.elementRef.nativeElement;\n    const isTypeSubmit = button.getAttribute('type') === 'submit';\n    const form: HTMLFormElement = button.closest('form');\n\n    if (isTypeSubmit && form) {\n      // listen to form submit event\n      fromEvent(form, 'submit')\n        .pipe(takeUntil(this._destroy$))\n        .subscribe(_ => {\n          if (form.matches(NG_VALID_CLASS)) {\n            this.disableButton(this._disableIntervalInMs);\n          }\n        });\n    } else {\n      // otherwise listen to click event\n      fromEvent(button, 'click')\n        .pipe(takeUntil(this._destroy$))\n        .subscribe(_ => this.disableButton(this._disableIntervalInMs));\n    }\n  }\n\n  ngOnDestroy(): void {\n    this._destroy$.next();\n    this._destroy$.complete();\n  }\n\n  private disableButton(disablePeriodInMs: number): void {\n    const button = this.elementRef.nativeElement;\n\n    button.disabled = true;\n\n    timer(disablePeriodInMs)\n      .pipe(takeUntil(this._destroy$))\n      .subscribe(() => button.disabled = false);\n  }\n}\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';\r\n\r\n/** Directives */\r\n\r\nimport { AutoDisableButtonDirective } from './directives/auto-disable-button.directive';\r\nimport { ScrollToInvalidControlDirective } from './directives/scroll-to-invalid-control.directive';\r\n\r\nconst DIRECTIVES = [\r\n  AutoDisableButtonDirective,\r\n  ScrollToInvalidControlDirective,\r\n];\r\n\r\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({\r\n  declarations: [\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    DIRECTIVES\r\n  ],\r\n  exports: [\r\n    DIRECTIVES\r\n  ]\r\n})\r\nexport class EntryCommonModule {\r\n  static forRoot(): ModuleWithProviders<EntryCommonModule> {\n    return {\n      ngModule: EntryCommonModule,\n      providers: NG_EVENT_PLUGINS\n    };\n  }\n}\r\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,13 +1,85 @@
 import * as i0 from '@angular/core';
-import { Directive, Self, NgModule, InjectionToken } from '@angular/core';
+import { Directive, Input, Self, Injectable, NgModule, InjectionToken } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { Subject, fromEvent } from 'rxjs';
+import { Subject, fromEvent, timer } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
+import { coerceNumberProperty } from '@angular/cdk/coercion';
 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';
 
+/**
+ * Auto disable button after click or submit with entry-auto-disable directive.
+ * Directive is applied to 'button[entry-auto-disable]:not([disabled])'
+ * Default auto disable interval is 2000ms (2sec)
+ *
+ * Usage
+ * <button mat-button entry-submit-button entry-auto-disable type="submit">Submit</button>
+ * or with auto disabled interval in milliseconds
+ * <button mat-button entry-submit-button entry-auto-disable="5000" type="submit">Submit</button>
+ */
+class AutoDisableButtonDirective {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this._destroy$ = new Subject();
+        this._disableIntervalInMs = 2000;
+    }
+    get disableIntervalInMs() {
+        return this._disableIntervalInMs;
+    }
+    set disableIntervalInMs(value) {
+        this._disableIntervalInMs = coerceNumberProperty(value, 2000);
+    }
+    ngOnInit() {
+        const button = this.elementRef.nativeElement;
+        const isTypeSubmit = button.getAttribute('type') === 'submit';
+        const form = button.closest('form');
+        if (isTypeSubmit && form) {
+            // listen to form submit event
+            fromEvent(form, 'submit')
+                .pipe(takeUntil(this._destroy$))
+                .subscribe(_ => {
+                if (form.matches(NG_VALID_CLASS)) {
+                    this.disableButton(this._disableIntervalInMs);
+                }
+            });
+        }
+        else {
+            // otherwise listen to click event
+            fromEvent(button, 'click')
+                .pipe(takeUntil(this._destroy$))
+                .subscribe(_ => this.disableButton(this._disableIntervalInMs));
+        }
+    }
+    ngOnDestroy() {
+        this._destroy$.next();
+        this._destroy$.complete();
+    }
+    disableButton(disablePeriodInMs) {
+        const button = this.elementRef.nativeElement;
+        button.disabled = true;
+        timer(disablePeriodInMs)
+            .pipe(takeUntil(this._destroy$))
+            .subscribe(() => button.disabled = false);
+    }
+}
+AutoDisableButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AutoDisableButtonDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+AutoDisableButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: AutoDisableButtonDirective, isStandalone: true, selector: "button[entry-auto-disable]:not([disabled])", inputs: { disableIntervalInMs: ["entry-auto-disable", "disableIntervalInMs"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AutoDisableButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'button[entry-auto-disable]:not([disabled])'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { disableIntervalInMs: [{
+                type: Input,
+                args: ['entry-auto-disable']
+            }] } });
+
 /**
  * Scroll to first invalid control when form is submitted.
  * Directive is applied to 'form[formGroup],form[ngForm]' (reactive or template driven forms)
@@ -53,13 +125,126 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     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
+    AutoDisableButtonDirective,
+    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.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: EntryCommonModule, imports: [CommonModule, AutoDisableButtonDirective,
+        ScrollToInvalidControlDirective], exports: [AutoDisableButtonDirective,
+        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,
@@ -67,10 +252,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     declarations: [],
                     imports: [
                         CommonModule,
-                        ...DIRECTIVES
+                        DIRECTIVES
                     ],
                     exports: [
-                        ...DIRECTIVES
+                        DIRECTIVES
                     ]
                 }]
         }] });
@@ -92,5 +277,5 @@ function provideConfig(token, factory) {
  * Generated bundle index. Do not edit.
  */
 
-export { EntryCommonModule, ScrollToInvalidControlDirective, createInjectionToken, provideConfig };
+export { AutoDisableButtonDirective, DebounceEventPlugin, EntryCommonModule, NG_EVENT_PLUGINS, ScrollToInvalidControlDirective, ThrottleEventPlugin, createInjectionToken, provideConfig };
 //# sourceMappingURL=enigmatry-entry-components-common.mjs.map