@enigmatry/entry-components 15.2.1-preview.1 → 16.0.0

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

@@ -1,405 +0,0 @@
-import * as i0 from '@angular/core';
-import { Directive, Input, Self, Injectable, NgModule, InjectionToken, inject, LOCALE_ID, Optional, Inject, SkipSelf } from '@angular/core';
-import { CommonModule } from '@angular/common';
-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';
-import * as i1$1 from '@angular/material/core';
-import { DateAdapter, MAT_DATE_LOCALE } from '@angular/material/core';
-
-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.10", ngImport: i0, type: AutoDisableButtonDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-AutoDisableButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", 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.10", 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)
- */
-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.10", 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.10", type: ScrollToInvalidControlDirective, isStandalone: true, selector: "form[formGroup],form[ngForm]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", 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.10", ngImport: i0, type: DebounceEventPlugin, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-DebounceEventPlugin.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DebounceEventPlugin });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", 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.10", ngImport: i0, type: ThrottleEventPlugin, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-ThrottleEventPlugin.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ThrottleEventPlugin });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ThrottleEventPlugin, decorators: [{
-            type: Injectable
-        }] });
-
-const DIRECTIVES = [
-    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.10", ngImport: i0, type: EntryCommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-EntryCommonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: EntryCommonModule, imports: [CommonModule, AutoDisableButtonDirective,
-        ScrollToInvalidControlDirective], exports: [AutoDisableButtonDirective,
-        ScrollToInvalidControlDirective] });
-EntryCommonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EntryCommonModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EntryCommonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [],
-                    imports: [
-                        CommonModule,
-                        DIRECTIVES
-                    ],
-                    exports: [
-                        DIRECTIVES
-                    ]
-                }]
-        }] });
-
-function createInjectionToken(defaultValue) {
-    return new InjectionToken(defaultValue.constructor.name, {
-        providedIn: 'root',
-        factory: () => defaultValue
-    });
-}
-function provideConfig(token, factory) {
-    return {
-        provide: token,
-        useFactory: factory
-    };
-}
-
-/**
- * Sets the Accept-Language HTTP request header using the value from LOCALE_ID.
- */
-class AcceptLanguageInterceptor {
-    constructor() {
-        this.localeId = inject(LOCALE_ID);
-    }
-    intercept(request, next) {
-        const newRequest = request.clone({
-            headers: request.headers.set('Accept-Language', this.localeId)
-        });
-        return next.handle(newRequest);
-    }
-}
-AcceptLanguageInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AcceptLanguageInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-AcceptLanguageInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AcceptLanguageInterceptor });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AcceptLanguageInterceptor, decorators: [{
-            type: Injectable
-        }] });
-
-const ENTRY_MAT_DATE_TIME = new InjectionToken('');
-
-/**
- * Extends provided DateAdapter with date time support
- */
-class EntryDateTimeAdapter extends DateAdapter {
-    constructor(matDateLocale, entryMatDateTime, dateAdapter) {
-        super();
-        this.dateAdapter = dateAdapter;
-        this.compareFunction = entryMatDateTime.compareDate;
-        this.dateAdapter.setLocale(matDateLocale);
-    }
-    getYear(date) {
-        return this.dateAdapter.getYear(date);
-    }
-    getMonth(date) {
-        return this.dateAdapter.getMonth(date);
-    }
-    getDate(date) {
-        return this.dateAdapter.getDate(date);
-    }
-    getDayOfWeek(date) {
-        return this.dateAdapter.getDayOfWeek(date);
-    }
-    getMonthNames(style) {
-        return this.dateAdapter.getMonthNames(style);
-    }
-    getDateNames() {
-        return this.dateAdapter.getDateNames();
-    }
-    getDayOfWeekNames(style) {
-        return this.dateAdapter.getDayOfWeekNames(style);
-    }
-    getYearName(date) {
-        return this.dateAdapter.getYearName(date);
-    }
-    getFirstDayOfWeek() {
-        return this.dateAdapter.getFirstDayOfWeek();
-    }
-    getNumDaysInMonth(date) {
-        return this.dateAdapter.getNumDaysInMonth(date);
-    }
-    clone(date) {
-        return this.dateAdapter.clone(date);
-    }
-    createDate(year, month, date) {
-        return this.dateAdapter.createDate(year, month, date);
-    }
-    today() {
-        return this.dateAdapter.today();
-    }
-    parse(value, parseFormat) {
-        return this.dateAdapter.parse(value, parseFormat);
-    }
-    format(date, displayFormat) {
-        return this.dateAdapter.format(date, displayFormat);
-    }
-    addCalendarYears(date, years) {
-        return this.dateAdapter.addCalendarYears(date, years);
-    }
-    addCalendarMonths(date, months) {
-        return this.dateAdapter.addCalendarMonths(date, months);
-    }
-    addCalendarDays(date, days) {
-        return this.dateAdapter.addCalendarDays(date, days);
-    }
-    toIso8601(date) {
-        return this.dateAdapter.toIso8601(date);
-    }
-    isDateInstance(obj) {
-        return this.dateAdapter.isDateInstance(obj);
-    }
-    isValid(date) {
-        return this.dateAdapter.isValid(date);
-    }
-    invalid() {
-        return this.dateAdapter.invalid();
-    }
-    compareDate(first, second) {
-        return this.compareFunction(first, second);
-    }
-}
-EntryDateTimeAdapter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EntryDateTimeAdapter, deps: [{ token: MAT_DATE_LOCALE, optional: true }, { token: ENTRY_MAT_DATE_TIME }, { token: i1$1.DateAdapter, skipSelf: true }], target: i0.ɵɵFactoryTarget.Injectable });
-EntryDateTimeAdapter.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EntryDateTimeAdapter });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EntryDateTimeAdapter, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () {
-        return [{ type: undefined, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Inject,
-                        args: [MAT_DATE_LOCALE]
-                    }] }, { type: undefined, decorators: [{
-                        type: Inject,
-                        args: [ENTRY_MAT_DATE_TIME]
-                    }] }, { type: i1$1.DateAdapter, decorators: [{
-                        type: SkipSelf
-                    }] }];
-    } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AcceptLanguageInterceptor, AutoDisableButtonDirective, DebounceEventPlugin, ENTRY_MAT_DATE_TIME, EntryCommonModule, EntryDateTimeAdapter, NG_EVENT_PLUGINS, ScrollToInvalidControlDirective, ThrottleEventPlugin, createInjectionToken, provideConfig };
-//# sourceMappingURL=enigmatry-entry-components-common.mjs.map