@morozeckiy/dd-lib 0.1.1 → 0.1.2

package/src/lib/lib-tabs-fragment/lib-tabs-fragment.component.scss

@@ -1,19 +0,0 @@
-.tabs-filter-types {
-  display: flex;
-  align-items: center;
-
-  &__type {
-    padding: 16px 8px;
-    border-bottom: 1px solid var(--gray-color-200);
-    color: var(--second-gray-color);
-    cursor: pointer;
-    transition: 0.5s;
-
-    &:hover,
-    &.active {
-      border-color: var(--primary-green-color);
-      box-shadow: 0px -1px 0px 0px var(--primary-green-color) inset;
-      color: var(--primary-green-color);
-    }
-  }
-}

package/src/lib/lib-tabs-fragment/lib-tabs-fragment.component.ts

@@ -1,88 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-  EventEmitter,
-  Input,
-  OnInit,
-  Output,
-} from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
-
-export class ITab {
-  public title: string;
-  public id: null | number;
-  public fragment: string;
-  public name?: string;
-  public welcomeText?: string;
-  public type?: 1 | 2;
-
-  constructor(body: any) {
-    this.id = body.id;
-    this.title = body.namePage;
-    this.name = body.name;
-    this.fragment = body.address;
-    this.welcomeText = body.welcomeText;
-    this.type = body.type;
-    for (const key in body) {
-      if (key) {
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        this[key] = body[key];
-      }
-    }
-  }
-}
-
-@Component({
-  selector: 'dd-lib-tabs-fragment',
-  standalone: true,
-  imports: [],
-  templateUrl: './lib-tabs-fragment.component.html',
-  styleUrl: './lib-tabs-fragment.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class LibTabsFragmentComponent implements OnInit {
-  @Input() public rout = location.pathname;
-  @Input() public tabs: ITab[] | undefined;
-  @Input() public tabsFragment: string[] | undefined;
-  @Input() public needInitEvent: boolean | undefined;
-  @Output() public setActiveTab = new EventEmitter<null | number>();
-  public activeFragment: number | null | undefined;
-
-  constructor(private route: ActivatedRoute, private router: Router, private cdr: ChangeDetectorRef) {}
-
-  public ngOnInit(): void {
-    if (this.tabs) {
-      this.tabsFragment = this.tabs.map(t => t.fragment);
-      this.getFragment();
-    }
-  }
-
-  public checkActiveTab(tab?: ITab) {
-    if (tab) {
-      this.activeFragment = tab.id;
-      if (this.rout) {
-        this.router.navigate([this.rout], { fragment: tab.fragment });
-      }
-      this.setActiveTab.emit(this.activeFragment);
-    } else {
-      this.activeFragment = undefined;
-      this.router.navigate([this.rout], { fragment: undefined });
-    }
-    this.cdr.detectChanges();
-  }
-
-  private getFragment(): void {
-    const activeFragment = this.route.snapshot.fragment as string;
-    this.activeFragment = this.tabs?.[0]?.id || 0;
-    if (this.tabsFragment?.includes(activeFragment)) {
-      this.activeFragment = this.tabs?.find(f => f.fragment === activeFragment)?.id;
-      if (this.needInitEvent) {
-        this.setActiveTab.emit(this.activeFragment);
-      }
-    } else if (this.needInitEvent) {
-      this.setActiveTab.emit(this.activeFragment);
-    }
-  }
-}

package/src/lib/lib-textarea/lib-textarea.component.html

@@ -1,37 +0,0 @@
-<div class="lib-textarea">
-  <label [for]="id" class="lib-textarea__title">
-    {{ label }} @if (needCounter) {
-    <span>(осталось {{ maxlength - (value?.length || 0) }} символов)</span>
-    } @if (required) {
-    <dd-lib-svg-icon icon="error_hint"></dd-lib-svg-icon>
-    }
-  </label>
-  <div class="pos-relative d-flex">
-    <textarea
-      #textarea
-      (blur)="notifyFocusEvent($event)"
-      (change)="handleChange()"
-      (focus)="notifyFocusEvent($event)"
-      (input)="handleInput($event)"
-      (keyup.enter)="forceChange()"
-      [(ngModel)]="value"
-      [attr.id]="id ? id : null"
-      [attr.maxlength]="maxlength"
-      [attr.minlength]="minlength"
-      [attr.name]="name"
-      [attr.placeholder]="placeholder"
-      [attr.tabIndex]="tabIndex"
-      [class.focused]="focused"
-      [class.invalid]="invalid"
-      [disabled]="disabled"
-      [readOnly]="readOnly"
-      [required]="required"
-      [rows]="rows"
-      class="textarea"></textarea>
-    <span class="lib-textarea__counter">{{ value?.length || 0 }}/{{ maxlength }}</span>
-  </div>
-
-  @if (errorText && invalid)  {
-  <div class="lib-input__error">{{ errorText }}</div>
-  }
-</div>

package/src/lib/lib-textarea/lib-textarea.component.scss

@@ -1,77 +0,0 @@
-.lib-textarea {
-  position: relative;
-  display: inline;
-  flex-direction: column;
-
-  textarea {
-    width: 100%;
-    min-height: 48px;
-    padding: 12px 16px;
-    border-radius: 8px;
-    border: 1px solid var(--input-border-color);
-    background-color: transparent;
-    resize: none;
-
-    &:hover {
-      border-color: var(--input-active-border-colort);
-    }
-
-    &:focus {
-      border-color: var(--input-active-border-colort);
-      box-shadow: var(--input-active-border-shadow);
-    }
-
-    &:disabled {
-      border: none;
-      background-color: var(--input-disable-input);
-      color: var(--input-disable-text);
-      pointer-events: none;
-
-      &::placeholder {
-        color: var(--input-placeholder);
-      }
-    }
-
-    &.invalid {
-      border-color: var(--input-error-border-color);
-
-      &:hover {
-        border-color: var(--input-error-border-color);
-      }
-
-      &:focus {
-        border-color: var(--input-error-border-color);
-        box-shadow: var(--input-error-border-shadow);
-      }
-    }
-  }
-
-  &__counter {
-    position: absolute;
-    font-size: 12px;
-    font-weight: 400;
-    right: 16px;
-    bottom: 12px;
-    color: var(--input-placeholder);
-
-    textarea:disabled + .lib-text-counter {
-      color: var(--input-disable-text);
-    }
-  }
-
-  &__title {
-    margin-bottom: 4px;
-    font-size: 14px;
-    line-height: 24px;
-    display: flex;
-    align-items: flex-start;
-  }
-
-  &__error {
-    color: var(--primary-red-color);
-    font-size: 12px;
-    font-weight: 400;
-    line-height: 10px;
-    margin-top: 2px;
-  }
-}

package/src/lib/lib-textarea/lib-textarea.component.ts

@@ -1,49 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-  forwardRef,
-  Host,
-  Input,
-  OnInit,
-  Optional,
-  SkipSelf,
-} from '@angular/core';
-import {ControlContainer, FormsModule, NG_VALUE_ACCESSOR} from '@angular/forms';
-import {NgOptimizedImage} from '@angular/common';
-import {LibCommonInputTextComponent} from '../common/lib-common-input-text';
-import {LibSvgIconComponent} from "../lib-svg-icon/lib-svg-icon.component";
-
-@Component({
-  selector: 'dd-lib-textarea',
-  standalone: true,
-  imports: [FormsModule, NgOptimizedImage, LibSvgIconComponent],
-  templateUrl: './lib-textarea.component.html',
-  styleUrl: './lib-textarea.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => LibTextareaComponent),
-      multi: true,
-    },
-  ],
-})
-export class LibTextareaComponent extends LibCommonInputTextComponent implements OnInit {
-  @Input() public rows = '6';
-  @Input() public needCounter = true;
-
-  constructor(
-    changeDetection: ChangeDetectorRef,
-    @Optional() @Host() @SkipSelf() private controlContainer: ControlContainer,
-  ) {
-    super(changeDetection);
-  }
-
-  public ngOnInit(): void {
-    this.control =
-      this.controlContainer && this.formControlName
-        ? this.controlContainer?.control?.get(this.formControlName)
-        : null;
-  }
-}

package/src/lib/toast/toast-base/toast-base.component.html

@@ -1,7 +0,0 @@
-<div (click)="destroy()" class="toast-wrapper {{ data.type }}">
-  <dd-lib-svg-icon [icon]="data.type"></dd-lib-svg-icon>
-  <div>
-    <div>{{ data.title }}</div>
-    <div>{{ data.description }}</div>
-  </div>
-</div>

package/src/lib/toast/toast-base/toast-base.component.scss

@@ -1,44 +0,0 @@
-:host {
-  display: block;
-}
-
-.toast-wrapper {
-  display: flex;
-  margin: 40px 40px 0 0;
-  align-items: center;
-  padding: 20px;
-  background: #eefaf3;
-  border-radius: 12px;
-  opacity: 1;
-  max-width: 350px;
-  animation: fade 1s linear;
-  width: 100%;
-
-  &.success {
-    background-color: var(--light-green-color);
-  }
-
-  &.info {
-    background-color: var(--light-blue-color);
-  }
-
-  &.warning {
-    background-color: var(--yellow-card);
-  }
-
-  &.danger {
-    background-color: var(--red-light-color);
-  }
-}
-
-@keyframes fade {
-  0% {
-    opacity: 0;
-  }
-  50% {
-    opacity: 0.5;
-  }
-  100% {
-    opacity: 1;
-  }
-}

package/src/lib/toast/toast-base/toast-base.component.ts

@@ -1,38 +0,0 @@
-import {ChangeDetectionStrategy, Component, Inject, InjectionToken} from '@angular/core';
-import {NgIf, NgOptimizedImage} from '@angular/common';
-import {ToastService, ToastType} from '../toast.service';
-import {LibSvgIconComponent} from "../../lib-svg-icon/lib-svg-icon.component";
-
-export interface ToastData {
-  title?: string;
-  description?: string;
-  type: ToastType;
-  id: number;
-}
-
-export const TOAST_DATA = new InjectionToken<ToastData>('ToastData');
-
-@Component({
-  selector: 'dd-toast-base',
-  standalone: true,
-  imports: [NgOptimizedImage, NgIf, LibSvgIconComponent],
-  templateUrl: './toast-base.component.html',
-  styleUrl: './toast-base.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class ToastBaseComponent {
-  public get id() {
-    return this.data.id;
-  }
-
-  public title: string | undefined;
-  protected data: ToastData;
-
-  constructor(private toastService: ToastService, @Inject(TOAST_DATA) public ddToastData: ToastData) {
-    this.data = { ...this.ddToastData };
-  }
-
-  public destroy(): void {
-    this.toastService.destroyToast(this.id);
-  }
-}

package/src/lib/toast/toast-placeholder/toast-placeholder.component.ts

@@ -1,20 +0,0 @@
-import {Component, Injector, ViewChild, ViewContainerRef} from '@angular/core';
-import {ToastService} from '../toast.service';
-
-@Component({
-  selector: 'dd-toast-placeholder',
-  standalone: true,
-  template: ` <div #toastPlaceholder></div>
-    <div id="toast-overlay"></div>`,
-})
-export class ToastPlaceholderComponent {
-  @ViewChild('toastPlaceholder', { read: ViewContainerRef, static: true })
-  private viewContainerRef: ViewContainerRef | undefined;
-
-  constructor(private toastService: ToastService, private injector: Injector) {}
-
-  public ngOnInit() {
-    this.toastService.registerViewContainerRef(this.viewContainerRef!);
-    this.toastService.registerInjector(this.injector);
-  }
-}

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

@@ -1,130 +0,0 @@
-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

@@ -1,124 +0,0 @@
-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

@@ -1,35 +0,0 @@
-/*
- * 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

@@ -1,14 +0,0 @@
-/* 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"
-  ]
-}