@morozeckiy/dd-lib 0.1.1

package/src/lib/toast/toast.service.ts

@@ -0,0 +1,130 @@
+import {Injectable, Injector, ViewContainerRef} from '@angular/core';
+import {ConnectedPosition, Overlay, PositionStrategy} from '@angular/cdk/overlay';
+import {ComponentPortal} from '@angular/cdk/portal';
+import {TOAST_DATA, ToastBaseComponent, ToastData} from './toast-base/toast-base.component';
+
+export enum ToastType {
+  Warning = 'warning_t',
+  Success = 'success_t',
+  Info = 'info_t',
+  Danger = 'danger_t',
+}
+
+export class ToastConfig {
+  public timeOut = 5000;
+
+  constructor(config?: ToastConfig) {
+    if (config) {
+      Object.keys(config).forEach(key => (this[key as keyof ToastConfig] = config[key as keyof ToastConfig]));
+    }
+  }
+}
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ToastService {
+  public config = new ToastConfig();
+  private viewContainer: ViewContainerRef | undefined;
+  private counter = 0;
+  public ddToastData: ToastData = { type: ToastType.Success, id: this.counter };
+  private injector: Injector | undefined;
+  private overlayRefs: any = {};
+
+  constructor(private overlay: Overlay) {}
+
+  public warning(title: string, description?: string): void {
+    this.createToast(title, description, ToastType.Warning);
+  }
+
+  public success(title: string, description?: string): void {
+    this.createToast(title, description, ToastType.Success);
+  }
+
+  public danger(title: string, description?: string): void {
+    this.createToast(title, description, ToastType.Danger);
+  }
+
+  public info(title: string, description?: string): void {
+    this.createToast(title, description, ToastType.Info);
+  }
+
+  public registerViewContainerRef(vcRef: ViewContainerRef): void {
+    this.viewContainer = vcRef;
+  }
+
+  public registerInjector(injector: Injector): void {
+    this.injector = injector;
+  }
+
+  public destroyToast(id: number): void {
+    if (this.overlayRefs?.[id].hasAttached() === true) {
+      this.overlayRefs?.[id].detach();
+    }
+  }
+
+  private createToast(title: string, description: string | undefined, type: ToastType) {
+    const positionStrategy = this.getPositionStrategy();
+    // this.overlayRef = this.overlay.create({ positionStrategy });
+    this.overlayRefs[this.counter] = this.overlay.create({ positionStrategy });
+    this.ddToastData.title = title;
+    this.ddToastData.description = description;
+    this.ddToastData.type = type;
+    this.ddToastData.id = this.counter;
+    const injector = Injector.create({
+      providers: [
+        {
+          provide: TOAST_DATA,
+          useValue: this.ddToastData,
+        },
+      ],
+      parent: this.injector,
+    });
+    const component = new ComponentPortal(ToastBaseComponent, this.viewContainer, injector);
+    console.log(component)
+    // this.overlayRef.attach(component);
+    this.overlayRefs[this.counter].attach(component);
+    setTimeout(() => {
+      for (const id in this.overlayRefs) {
+        if (this.overlayRefs[id]?.hasAttached()) {
+          this.overlayRefs[id]?.detach();
+        }
+      }
+
+      // if (this.overlayRef?.hasAttached() === true) {
+      //   this.overlayRef?.detach();
+      // }
+    }, this.config.timeOut);
+    this.counter++;
+  }
+
+  private getPositionStrategy(): PositionStrategy {
+    let element;
+    let positions;
+    const haveToast = document.getElementsByClassName('cdk-overlay-pane');
+    if (haveToast.length) {
+      element = haveToast[haveToast.length - 1];
+      positions = [
+        {
+          originX: 'start',
+          originY: 'bottom',
+          overlayX: 'start',
+          overlayY: 'top',
+          panelClass: 'toast-top',
+        },
+      ] as ConnectedPosition[];
+    } else {
+      element = document.getElementsByTagName('body')[0];
+      positions = [
+        {
+          originX: 'end',
+          originY: 'top',
+          overlayX: 'end',
+          overlayY: 'top',
+          panelClass: '',
+        },
+      ] as ConnectedPosition[];
+    }
+    return this.overlay.position().flexibleConnectedTo(element).withPositions(positions);
+  }
+}

package/src/lib/utils/decorators.ts

@@ -0,0 +1,124 @@
+import { debounceTime, switchMap, throttleTime } from 'rxjs/operators';
+import { combineLatest, Observable, of, Subject } from 'rxjs';
+import { AbstractControl } from '@angular/forms';
+
+// export function Debounce(delay: number = 1000): MethodDecorator {
+//   return function (_target: any, _propertyKey: string | symbol, descriptor: PropertyDescriptor) {
+//     let timeout: any = null;
+//     const original = descriptor.value;
+//
+//     descriptor.value = function (...args: any) {
+//       clearTimeout(timeout);
+//       timeout = setTimeout(() => original.apply(this, args), delay);
+//     };
+//
+//     return descriptor;
+//   };
+//
+// }
+
+export function Debounce(delay: number = 1000): MethodDecorator {
+  return function (_target: any, _propertyKey: string | symbol, descriptor: PropertyDescriptor) {
+    const originalMethod = descriptor.value;
+    const subject = new Subject();
+    let lastArgs: any[] | null = null;
+    let isFirstCall = true;
+
+    descriptor.value = function (this: any, ...args: any[]) {
+      if (isFirstCall) {
+        isFirstCall = false;
+        originalMethod.apply(this, args);
+      } else {
+        lastArgs = args;
+        if (!subject.isStopped) {
+          subject.next(null);
+        }
+      }
+
+      subject.pipe(debounceTime(delay)).subscribe(() => {
+        if (lastArgs) {
+          originalMethod.apply(this, lastArgs);
+          lastArgs = null;
+        }
+      });
+    };
+
+    return descriptor;
+  };
+}
+
+export function Throttle(delay: number = 1000): MethodDecorator {
+  let isThrottled = false;
+
+  return function (_target: any, _propertyKey: string | symbol, descriptor: PropertyDescriptor) {
+    const originalMethod = descriptor.value;
+
+    descriptor.value = function (this: any, ...args: any[]) {
+      if (!isThrottled) {
+        isThrottled = true;
+        originalMethod.apply(this, args);
+
+        setTimeout(() => {
+          isThrottled = false;
+        }, delay);
+      }
+    };
+
+    return descriptor;
+  };
+}
+
+export function Disabled<C, K extends keyof C = keyof C>(
+  controlKey: K,
+  streams: K[] = ['loadings', 'subloadings'] as K[],
+): PropertyDecorator {
+  return function (target: any, key: string | symbol): void {
+    Object.defineProperty(target, key, {
+      enumerable: false,
+      configurable: true,
+      get () {
+        const control: AbstractControl | undefined | null = this[controlKey];
+
+        if (!control) {
+          return of(true);
+        }
+
+        if (streams.length === 0) {
+          const checkControl = control.invalid || !control.dirty;
+          return of(checkControl);
+        }
+
+        const streams$: Observable<boolean>[] = streams
+          .filter(streamKey => !!this[streamKey])
+          .map(streamKey => this[streamKey]);
+
+        return combineLatest(streams$).pipe(
+          switchMap(streamsSwitch => {
+            const checkControl = control.invalid || !control.dirty;
+            const checkLoaders = streamsSwitch.some(loader => loader);
+
+            return of(checkControl || checkLoaders);
+          }),
+        );
+      },
+    });
+  };
+}
+
+export function DisableAfterNCall(limit: number = 5) {
+  return function (target: any, key: string, descriptor: PropertyDescriptor) {
+    const originalMethod = descriptor.value;
+    let count = 0;
+
+    descriptor.value = function (...args: any[]) {
+      count++;
+      if (count <= limit) {
+        return originalMethod.apply(this, args);
+      } else {
+        console.log(`Метод ${key} будет отключен после ${limit} вызовов`);
+      }
+    };
+
+    return descriptor;
+  };
+}

package/src/public-api.ts

@@ -0,0 +1,35 @@
+/*
+ * Public API Surface of dd-lib
+ */
+export const t = true
+// components
+export * from './lib/common/lib-common-button'
+export * from './lib/common/lib-common-input-text'
+export * from './lib/lib-loader/lib-loader.component'
+export * from './lib/lib-button/lib-button.component'
+export * from './lib/lib-accordion/lib-accordion.component'
+export * from './lib/lib-back-button/lib-back-button.component'
+export * from './lib/lib-calendar/lib-calendar.component'
+export * from './lib/lib-card/lib-card.component'
+export * from './lib/lib-checkbox/lib-checkbox.component'
+export * from './lib/lib-comment-input/lib-comment-input.component'
+export * from './lib/lib-file-upload/lib-file-upload.component'
+export * from './lib/lib-filter-button/lib-filter-button.component'
+export * from './lib/lib-image-loader/lib-image-loader.component'
+export * from './lib/lib-input/lib-input.component'
+export * from './lib/lib-period/lib-period.component'
+export * from './lib/lib-radio/lib-radio.component'
+export * from './lib/lib-search-input/lib-search-input.component'
+export * from './lib/lib-select/lib-select.component'
+export * from './lib/lib-skeleton/lib-skeleton.component'
+export * from './lib/lib-sort/lib-sort.component'
+export * from './lib/lib-step/lib-step.component'
+export * from './lib/lib-svg/lib-svg.component'
+export * from './lib/lib-svg-icon/lib-svg-icon.component'
+export * from './lib/lib-tabs-fragment/lib-tabs-fragment.component'
+export * from './lib/lib-textarea/lib-textarea.component'
+export * from './lib/utils/decorators'
+
+export * from './lib/toast/toast.service'
+export * from './lib/toast/toast-placeholder/toast-placeholder.component'
+export * from './lib/core/index'

package/tsconfig.lib.json

@@ -0,0 +1,14 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": []
+  },
+  "exclude": [
+    "**/*.spec.ts"
+  ]
+}

package/tsconfig.lib.prod.json

@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/tsconfig.spec.json

@@ -0,0 +1,14 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}