ngx-register-base 1.3.1 → 1.3.2

package/src/lib/components/inputs/param-switcher-date-time-range/param-switcher-date-time-range.component.ts

@@ -1,134 +0,0 @@
-import { Component } from '@angular/core';
-import { FormControl } from '@angular/forms';
-import {
-  PrizmDateTimeRange,
-  PrizmDay,
-  PrizmDayRange,
-  PrizmTime,
-  PrizmTimeRange,
-} from '@prizm-ui/components';
-import { SwitcherItems } from './consts/param-switcher-date-time-range.consts';
-import { ESwitcherValue } from './types/param-switcher-date-time-range.types';
-import { ParamDateTimeRangeComponent } from '../param-date-time-range/param-date-time-range.component';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { EMonth } from '../../../consts/month.consts';
-
-@Component({
-  selector: 'sproc-param-switcher-date-time-range',
-  templateUrl: './param-switcher-date-time-range.component.html',
-  styleUrls: ['./param-switcher-date-time-range.component.less'],
-})
-export class ParamSwitcherDateTimeRangeComponent extends ParamDateTimeRangeComponent {
-  protected switcherControl = new FormControl<ESwitcherValue | null>(null);
-  protected switchers = SwitcherItems;
-
-  public override onInit(): void {
-    super.onInit();
-    this._subscribeOnSwitcher();
-  }
-
-  public override afterViewInit(): void {
-    super.afterViewInit();
-    this.switcherControl.setValue(ESwitcherValue.MONTH);
-  }
-
-  private _subscribeOnSwitcher(): void {
-    this.switcherControl.valueChanges
-      .pipe(takeUntilDestroyed(this.dr))
-      .subscribe((switcherValue) => {
-        const now = new Date();
-        const year = now.getFullYear();
-        const month: EMonth = now.getMonth();
-
-        let controlValue: PrizmDateTimeRange | null = null;
-
-        if (switcherValue === ESwitcherValue.MONTH) {
-          controlValue = this._calcMonthRange(year, month);
-        } else if (switcherValue === ESwitcherValue.FIRST) {
-          controlValue = this._calcFirstQuarterRange(year);
-        } else if (switcherValue === ESwitcherValue.SECOND) {
-          controlValue = this._calcSecondQuarterRange(year);
-        } else if (switcherValue === ESwitcherValue.THIRD) {
-          controlValue = this._calcThirdQuarterRange(year);
-        } else if (switcherValue === ESwitcherValue.FOURTH) {
-          controlValue = this._calcFourthQuarterRange(year);
-        } else if (switcherValue === ESwitcherValue.YEAR) {
-          controlValue = this._calcYearRange(year);
-        }
-
-        this.control.setValue(controlValue);
-      });
-  }
-
-  private _calcMonthRange(year: number, month: EMonth): PrizmDateTimeRange {
-    const from = new Date(year, month, 1);
-    const to = new Date(year, month);
-    to.setMonth(to.getMonth() + 1);
-    to.setMilliseconds(to.getMilliseconds() - 1);
-
-    return new PrizmDateTimeRange(
-      new PrizmDayRange(PrizmDay.fromLocalNativeDate(from), PrizmDay.fromLocalNativeDate(to)),
-      new PrizmTimeRange(PrizmTime.fromLocalNativeDate(from), PrizmTime.fromLocalNativeDate(to))
-    );
-  }
-
-  private _calcFirstQuarterRange(year: number): PrizmDateTimeRange {
-    const from = new Date(year, EMonth.JAN, 1);
-    const to = new Date(year, EMonth.MAR);
-    to.setMonth(to.getMonth() + 1);
-    to.setMilliseconds(to.getMilliseconds() - 1);
-
-    return new PrizmDateTimeRange(
-      new PrizmDayRange(PrizmDay.fromLocalNativeDate(from), PrizmDay.fromLocalNativeDate(to)),
-      new PrizmTimeRange(PrizmTime.fromLocalNativeDate(from), PrizmTime.fromLocalNativeDate(to))
-    );
-  }
-
-  private _calcSecondQuarterRange(year: number): PrizmDateTimeRange {
-    const from = new Date(year, EMonth.APR, 1);
-    const to = new Date(year, EMonth.JUN);
-    to.setMonth(to.getMonth() + 1);
-    to.setMilliseconds(to.getMilliseconds() - 1);
-
-    return new PrizmDateTimeRange(
-      new PrizmDayRange(PrizmDay.fromLocalNativeDate(from), PrizmDay.fromLocalNativeDate(to)),
-      new PrizmTimeRange(PrizmTime.fromLocalNativeDate(from), PrizmTime.fromLocalNativeDate(to))
-    );
-  }
-
-  private _calcThirdQuarterRange(year: number): PrizmDateTimeRange {
-    const from = new Date(year, EMonth.JUL, 1);
-    const to = new Date(year, EMonth.SEP);
-    to.setMonth(to.getMonth() + 1);
-    to.setMilliseconds(to.getMilliseconds() - 1);
-
-    return new PrizmDateTimeRange(
-      new PrizmDayRange(PrizmDay.fromLocalNativeDate(from), PrizmDay.fromLocalNativeDate(to)),
-      new PrizmTimeRange(PrizmTime.fromLocalNativeDate(from), PrizmTime.fromLocalNativeDate(to))
-    );
-  }
-
-  private _calcFourthQuarterRange(year: number): PrizmDateTimeRange {
-    const from = new Date(year, EMonth.OCT, 1);
-    const to = new Date(year, EMonth.DEC);
-    to.setMonth(to.getMonth() + 1);
-    to.setMilliseconds(to.getMilliseconds() - 1);
-
-    return new PrizmDateTimeRange(
-      new PrizmDayRange(PrizmDay.fromLocalNativeDate(from), PrizmDay.fromLocalNativeDate(to)),
-      new PrizmTimeRange(PrizmTime.fromLocalNativeDate(from), PrizmTime.fromLocalNativeDate(to))
-    );
-  }
-
-  private _calcYearRange(year: number): PrizmDateTimeRange {
-    const from = new Date(year, EMonth.JAN, 1);
-    const to = new Date(year, EMonth.DEC);
-    to.setMonth(to.getMonth() + 1);
-    to.setMilliseconds(to.getMilliseconds() - 1);
-
-    return new PrizmDateTimeRange(
-      new PrizmDayRange(PrizmDay.fromLocalNativeDate(from), PrizmDay.fromLocalNativeDate(to)),
-      new PrizmTimeRange(PrizmTime.fromLocalNativeDate(from), PrizmTime.fromLocalNativeDate(to))
-    );
-  }
-}

package/src/lib/components/inputs/param-switcher-date-time-range/types/param-switcher-date-time-range.types.ts

@@ -1,8 +0,0 @@
-export enum ESwitcherValue {
-  MONTH,
-  FIRST,
-  SECOND,
-  THIRD,
-  FOURTH,
-  YEAR,
-}

package/src/lib/components/inputs/param-text/param-text.component.html

@@ -1,59 +0,0 @@
-<ng-container [ngTemplateOutlet]="readmode ? readTemplate : editTemplate">
-  <ng-template #readTemplate>
-    <div class="container container--read" [attr.sproc-param-style]="paramStyle">
-      <ng-container *ngIf="label">
-        <ng-container [ngSwitch]="paramStyle">
-          <ng-template ngSwitchCase="filter">
-            <div class="label-wrapper">
-              <span class="label">{{ label }}</span>
-              <div class="dashed-row"></div>
-            </div>
-          </ng-template>
-          <ng-template ngSwitchDefault>
-            <span class="label">{{ label }}</span>
-            <div class="dashed-row"></div>
-          </ng-template>
-        </ng-container>
-      </ng-container>
-      <div class="value" [tuiHint]="value && showedValue !== '-' ? hintContent : undefined">
-        <span>{{ showedValue }}</span>
-      </div>
-    </div>
-  </ng-template>
-  <ng-template #editTemplate>
-    <div class="container container--edit" [attr.sproc-param-style]="paramStyle">
-      <div *ngIf="label" class="label-wrapper" [class.applied]="applied()">
-        <span class="label" [class.required]="required">
-          {{ label }}
-        </span>
-        @if (errorMessage() && control.invalid) {
-          <div class="errorMessage">{{ errorMessage() }}</div>
-        }
-      </div>
-
-      <tui-textfield
-        tuiAppearance="sproc-input-appearance"
-        tuiTextfieldSize="m"
-        [tuiTextfieldLabelOutside]="true"
-        [tuiTextfieldCleaner]="forceClear"
-        [tuiHint]="value && showedValue !== '-' ? hintContent : undefined"
-        tuiHintDirection="top"
-      >
-        <input
-          tuiTextfield
-          [formControl]="control"
-          [maskito]="maskOptions()"
-          [placeholder]="placeholder()"
-          [maxLength]="maxLength()"
-        />
-        <div class="textfield-icons-container">
-          @if (isInvalidAndNotPristine) {
-            <sproc-param-invalid-icon></sproc-param-invalid-icon>
-          }
-        </div>
-      </tui-textfield>
-    </div>
-  </ng-template>
-</ng-container>
-
-<ng-template #hintContent> {{ showedValue }} </ng-template>

package/src/lib/components/inputs/param-text/param-text.component.less

@@ -1,33 +0,0 @@
-@import 'fonts';
-@import 'common-param';
-
-:host {
-  .container {
-    &--read {
-      .read-style-card;
-      .read-style-filter;
-    }
-
-    &--edit {
-      .edit-style-card;
-      .edit-style-filter;
-
-      &[sproc-param-style='card'] {
-        .label-wrapper {
-          .default-label-wrapper;
-
-          width: 100%;
-        }
-      }
-    }
-
-    .errorMessage {
-      display: inline-block;
-      text-align: end;
-      margin-left: auto;
-      color: #ff0000;
-      font-size: 12px;
-      white-space: pre-line;
-    }
-  }
-}

package/src/lib/components/inputs/param-text/param-text.component.ts

@@ -1,36 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-import { NgIf, NgSwitch, NgSwitchCase, NgSwitchDefault, NgTemplateOutlet } from '@angular/common';
-import { TuiAppearance, TuiHint, TuiTextfield } from '@taiga-ui/core';
-import { ReactiveFormsModule } from '@angular/forms';
-import { TuiTextfieldControllerModule } from '@taiga-ui/legacy';
-import { MaskitoOptions } from '@maskito/core';
-import { MaskitoDirective } from '@maskito/angular';
-import { ParamInvalidIconComponent } from '../sub-components/param-invalid-icon/param-invalid-icon.component';
-import { ParamTextBase } from '../../../core/param';
-
-@Component({
-  selector: 'sproc-param-text',
-  templateUrl: './param-text.component.html',
-  styleUrls: ['./param-text.component.less'],
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [
-    NgTemplateOutlet,
-    NgIf,
-    NgSwitch,
-    NgSwitchCase,
-    NgSwitchDefault,
-    TuiTextfield,
-    ParamInvalidIconComponent,
-    ReactiveFormsModule,
-    TuiHint,
-    TuiTextfieldControllerModule,
-    TuiAppearance,
-    MaskitoDirective,
-  ],
-})
-export class ParamTextComponent extends ParamTextBase {
-  public maskOptions = input<MaskitoOptions | null>(null);
-  /** сообщение об ошибке для текстового поля */
-  public errorMessage = input<string>('');
-}

package/src/lib/components/inputs/param-textarea/param-textarea.component.html

@@ -1,61 +0,0 @@
-<ng-container [ngTemplateOutlet]="readmode ? readTemplate : editTemplate">
-  <ng-template #readTemplate>
-    <div class="container container--read" [attr.sproc-param-style]="paramStyle">
-      @if (label) {
-        @switch (paramStyle) {
-          @case ('filter') {
-            <div class="label-wrapper">
-              <span class="label">{{ label }}</span>
-              <div class="dashed-row"></div>
-            </div>
-          }
-          @default {
-            <span class="label">{{ label }}</span>
-            <div class="dashed-row"></div>
-          }
-        }
-      }
-      <div class="value">
-        <span [tuiHint]="value && showedValue !== '-' ? showedValue : undefined">{{
-          showedValue
-        }}</span>
-      </div>
-    </div>
-  </ng-template>
-  <ng-template #editTemplate>
-    <div class="container container--edit" [attr.sproc-param-style]="paramStyle">
-      @if (label) {
-        <div class="label-wrapper" [class.applied]="applied()">
-          <span class="label" [class.required]="required">
-            {{ label }}
-          </span>
-        </div>
-      }
-      <tui-textfield
-        tuiAppearance="sproc-input-appearance"
-        tuiTextfieldSize="m"
-        [tuiTextfieldLabelOutside]="true"
-        [tuiTextfieldCleaner]="forceClear"
-        [tuiHint]="value && showedValue !== '-' ? hintContent : undefined"
-      >
-        <textarea
-          tuiTextarea
-          tuiTextfieldSize="m"
-          [formControl]="control"
-          [max]="max()"
-          [min]="min()"
-          [maxLength]="maxLength()"
-          [limit]="maxLength()"
-          [placeholder]="placeholder()"
-        ></textarea>
-        <div class="textfield-icons-container">
-          @if (isInvalidAndNotPristine) {
-            <sproc-param-invalid-icon></sproc-param-invalid-icon>
-          }
-        </div>
-      </tui-textfield>
-
-      <ng-template #hintContent> {{ showedValue }} </ng-template>
-    </div>
-  </ng-template>
-</ng-container>

package/src/lib/components/inputs/param-textarea/param-textarea.component.less

@@ -1,21 +0,0 @@
-@import 'fonts';
-@import 'common-param';
-
-:host {
-  .container {
-    &--read {
-      .read-style-card;
-      .read-style-filter;
-    }
-
-    &--edit {
-      .edit-style-card;
-      .edit-style-filter;
-    }
-  }
-
-  [tuiAppearance][data-appearance='textfield'] {
-    border-block-end-width: unset !important;
-    padding: 7px 60px 7px 12px;
-  }
-}

package/src/lib/components/inputs/param-textarea/param-textarea.component.ts

@@ -1,33 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-import { NgTemplateOutlet } from '@angular/common';
-import { TuiAppearance, TuiHint, TuiTextfield } from '@taiga-ui/core';
-import { ReactiveFormsModule } from '@angular/forms';
-import { TuiTextfieldControllerModule } from '@taiga-ui/legacy';
-import { TuiTextarea, TuiTextareaLimit } from '@taiga-ui/kit';
-import { ParamInvalidIconComponent } from '../sub-components/param-invalid-icon/param-invalid-icon.component';
-import { ParamTextBase } from '../../../core/param';
-
-@Component({
-  selector: 'sproc-param-textarea',
-  templateUrl: './param-textarea.component.html',
-  styleUrls: ['./param-textarea.component.less'],
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [
-    NgTemplateOutlet,
-    TuiTextfield,
-    ParamInvalidIconComponent,
-    ReactiveFormsModule,
-    TuiHint,
-    TuiTextfieldControllerModule,
-    TuiAppearance,
-    TuiTextarea,
-    TuiTextareaLimit,
-  ],
-})
-export class ParamTextareaComponent extends ParamTextBase {
-  /** Минимальное кол-во строк в инпуте */
-  public min = input(6);
-  /** Максимальное кол-во строк в инпуте */
-  public max = input(6);
-}

package/src/lib/components/inputs/param-toggle/param-toggle.component.html

@@ -1,40 +0,0 @@
-<ng-container [ngTemplateOutlet]="readmode ? readTemplate : editTemplate">
-  <ng-template #readTemplate>
-    <div class="container container--read" [attr.sproc-param-style]="paramStyle">
-      <ng-container *ngIf="label">
-        <ng-container [ngSwitch]="paramStyle">
-          <ng-template ngSwitchCase="filter">
-            <div class="label-wrapper">
-              <span class="label">{{ label }}</span>
-              <div class="dashed-row"></div>
-            </div>
-          </ng-template>
-          <ng-template ngSwitchDefault>
-            <span class="label">{{ label }}</span>
-            <div class="dashed-row"></div>
-          </ng-template>
-        </ng-container>
-      </ng-container>
-      <div class="value">
-        <span>{{ showedValue }}</span>
-      </div>
-    </div>
-  </ng-template>
-  <ng-template #editTemplate>
-    <div class="container container--edit empty-switcher" [attr.sproc-param-style]="paramStyle">
-      <div *ngIf="label" class="label-wrapper" [class.applied]="applied()">
-        <span class="label" [class.required]="required">
-          {{ label }}
-        </span>
-      </div>
-
-      <input
-        tuiSwitch
-        type="checkbox"
-        [size]="size()"
-        class="card-toggle-button"
-        [formControl]="control"
-      />
-    </div>
-  </ng-template>
-</ng-container>

package/src/lib/components/inputs/param-toggle/param-toggle.component.less

@@ -1,69 +0,0 @@
-@import 'fonts';
-@import 'common-param';
-
-:host {
-  .container {
-    &--read {
-      .read-style-card;
-      .read-style-filter;
-
-      &[sproc-param-style='card'] {
-        .label-wrapper {
-          .toggle-label-wrapper;
-
-          width: fit-content;
-        }
-      }
-
-      &[sproc-param-style='filter'] {
-        .label-wrapper {
-          .toggle-label-wrapper;
-
-          width: 100%;
-        }
-      }
-    }
-
-    &--edit {
-      .edit-style-card;
-      .edit-style-filter;
-
-      &[sproc-param-style='card'] {
-        height: 20px;
-        width: 100%;
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
-        align-items: center;
-        padding: 0 2px 0 0;
-        margin: 8px 0 8px 0;
-
-        .label-wrapper {
-          .toggle-label-wrapper;
-
-          width: fit-content;
-        }
-      }
-
-      &[sproc-param-style='filter'] {
-        height: 20px;
-        display: flex;
-        align-items: center;
-        flex-direction: row;
-        justify-content: space-between;
-
-        .label-wrapper {
-          .toggle-label-wrapper;
-
-          width: fit-content;
-        }
-      }
-    }
-
-    .toggle-label-wrapper {
-      display: flex;
-      align-items: center;
-      gap: 4px;
-    }
-  }
-}

package/src/lib/components/inputs/param-toggle/param-toggle.component.ts

@@ -1,14 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-import { ParamBase } from '../../../core/param/param-base';
-import { TuiSizeM, TuiSizeS } from '@taiga-ui/core';
-
-@Component({
-  selector: 'sproc-param-toggle',
-  templateUrl: './param-toggle.component.html',
-  styleUrls: ['./param-toggle.component.less'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class ParamToggleComponent extends ParamBase<boolean, boolean> {
-  public override buildShowedValue = input((value: boolean): string => (value ? 'Да' : 'Нет'));
-  public size = input<TuiSizeS | TuiSizeM>('s');
-}

package/src/lib/components/inputs/param-tree/consts/param-tree.consts.ts

@@ -1,59 +0,0 @@
-import { ParamTreeService } from '../services/param-tree.service';
-import { ITreeNode } from '../types/param-tree.types';
-
-export const TREE_LOADING_NODE: ITreeNode = { name: 'LOADING' };
-
-export const DEBOUNCE_TIME_FOR_SYNC_NEXT_VALUES = 250;
-
-export const notEmpty: (children?: ITreeNode[]) => boolean = (children) =>
-  !!children && children.length > 0 && children[0] !== TREE_LOADING_NODE;
-
-function getCurrentChildren<T>(node: ITreeNode<T>, service: ParamTreeService<T>): ITreeNode<T>[] {
-  const serviceChildren = service.getChildren(node);
-  if (notEmpty(serviceChildren)) {
-    return serviceChildren;
-  }
-
-  return [];
-}
-
-export function treeNodesFlatten<T>(
-  node: ITreeNode<T>,
-  service: ParamTreeService<T>
-): ITreeNode<T>[] {
-  const children = getCurrentChildren(node, service);
-  const flattenedChildren: ITreeNode<T>[] = [node];
-
-  for (const child of children) {
-    const flattened = treeNodesFlatten<T>(child, service);
-    flattenedChildren.push(...flattened);
-  }
-
-  return flattenedChildren;
-}
-
-export function updatesCheckedNodesEqual<T>(
-  prev: ITreeNode<T>[] | undefined,
-  curr: ITreeNode<T>[] | undefined,
-  service: ParamTreeService<T>
-): boolean {
-  if (!prev && !curr) {
-    return true;
-  }
-
-  if (!prev || !curr) {
-    return false;
-  }
-
-  if (prev.length !== curr.length) {
-    return false;
-  }
-
-  for (const [i] of prev.entries()) {
-    if (!service.equals(prev[i], curr[i])) {
-      return false;
-    }
-  }
-
-  return true;
-}

package/src/lib/components/inputs/param-tree/param-tree.component.html

@@ -1,51 +0,0 @@
-<div class="tree-custom-class__container">
-  @for (node of treeNodes$ | async; track node) {
-    @if (node === TREE_LOADER) {
-      <tui-loader [showLoader]="true" [overlay]="true" size="s"></tui-loader>
-    } @else {
-      @if (defaultNodeOpenedState() === undefined) {
-        <tui-tree
-          class="tui_tree--not-collapsed"
-          [value]="node"
-          [content]="contentTemplate"
-          [childrenHandler]="childrenHandler"
-        >
-        </tui-tree>
-      } @else {
-        <tui-tree
-          [value]="node"
-          [content]="contentTemplate"
-          [childrenHandler]="childrenHandler"
-          [tuiTreeController]="!!defaultNodeOpenedState()"
-          [map]="openedNodesState()"
-          (toggled)="onToggle($event)"
-        >
-        </tui-tree>
-      }
-    }
-  }
-</div>
-
-<ng-template #contentTemplate let-node>
-  @let isChecked = checkedNodesState().get(node);
-
-  @if (node === TREE_LOADER) {
-    <tui-loader [showLoader]="true" [overlay]="true" size="s"></tui-loader>
-  } @else if (nodeTemplate()) {
-    <ng-container
-      [ngTemplateOutlet]="nodeTemplate()"
-      [ngTemplateOutletContext]="{ node, isChecked, onChecked }"
-    ></ng-container>
-  } @else {
-    <label tuiLabel class="tree-custom-class__label-checkbox-container">
-      <input
-        size="s"
-        tuiCheckbox
-        type="checkbox"
-        [ngModel]="isChecked"
-        (ngModelChange)="onChecked(node, $event)"
-      />
-      <small>{{ node.name }}</small>
-    </label>
-  }
-</ng-template>

package/src/lib/components/inputs/param-tree/param-tree.component.less

@@ -1,3 +0,0 @@
-.tree-custom-class__label-checkbox-container {
-  margin-inline-start: 4px;
-}