@dxtmisha/constructor 0.30.1 → 0.39.3

package/src/classes/TextInclude.ts

@@ -1,102 +0,0 @@
-import { computed, shallowRef } from 'vue'
-import { executeFunction } from '@dxtmisha/functional'
-
-import type {
-  TextAllPropsInclude,
-  TextIndex,
-  TextList,
-  TextValue
-} from '../types/textTypes'
-
-/**
- * TextInclude class for managing text-related properties.
- *
- * Класс TextInclude для управления свойствами, связанными с текстом.
- */
-export class TextInclude {
-  /**
-   * Global list of texts for all components/ Глобальный список текстов для всех компонентов
-   */
-  static readonly list = shallowRef<TextList>({
-    close: 'Close',
-    copiedClipboard: 'Copied to the clipboard',
-    entriesMatch: 'Entries do not match',
-    ok: 'OK'
-  })
-
-  /**
-   * Initialize global texts.
-   *
-   * Инициализация глобальных текстов.
-   * @param texts List of texts/ Список текстов
-   */
-  static initText(texts: TextList): void {
-    this.list.value = {
-      ...this.list.value,
-      ...texts
-    }
-  }
-
-  /**
-   * Constructor
-   * @param props Component properties/ Свойства компонента
-   */
-  constructor(
-    protected readonly props: TextAllPropsInclude
-  ) {
-  }
-
-  /** Close text/ Текст закрытия */
-  readonly close = computed<string | undefined>(
-    () => this.getText('close', this.props.textClose)
-  )
-
-  /** Copied to the clipboard text/ Текст о копировании в буфер обмена */
-  readonly copiedClipboard = computed<string | undefined>(
-    () => this.getText('copiedClipboard', this.props.textCopiedClipboard)
-  )
-
-  /** Entries match text/ Текст о несовпадении записей */
-  readonly entriesMatch = computed<string | undefined>(
-    () => this.getText('entriesMatch', this.props.textEntriesMatch)
-  )
-
-  /** OK text/ Текст подтверждения */
-  readonly ok = computed<string | undefined>(
-    () => this.getText('ok', this.props.textOk)
-  )
-
-  /**
-   * Get text by index, with priority to local value.
-   *
-   * Получение текста по индексу с приоритетом локального значения.
-   * @param index Text index/ Индекс текста
-   * @param value Local text value/ Локальное значение текста
-   */
-  protected getText(
-    index: TextIndex,
-    value: TextValue
-  ): string | undefined {
-    if (value) {
-      return executeFunction(value)
-    }
-
-    return this.getGlobalText(index)
-  }
-
-  /**
-   * Get text from global list.
-   *
-   * Получение текста из глобального списка.
-   * @param index Text index/ Индекс текста
-   */
-  protected getGlobalText(
-    index: TextIndex
-  ): string | undefined {
-    if (TextInclude.list.value?.[index]) {
-      return executeFunction(TextInclude.list.value[index])
-    }
-
-    return undefined
-  }
-}

package/src/classes/TouchEventInclude.ts

@@ -1,284 +0,0 @@
-import { ref, type Ref } from 'vue'
-import { executePromise } from '@dxtmisha/functional'
-
-import type {
-  TouchEventCallback,
-  TouchEventClient,
-  TouchEventTypeX,
-  TouchEventTypeY
-} from '../types/touchEventTypes'
-
-const MAX_MOVE = 80
-
-/**
- * Class for handling touch and mouse events with gesture detection.
- *
- * Класс для обработки событий касания и мыши с определением жестов.
- */
-export class TouchEventInclude {
-  /**
-   * Current touch point
-   *
-   * Текущая точка касания
-   */
-  readonly touche = ref<Touch>()
-
-  /**
-   * Touchpoint during move
-   *
-   * Точка касания во время движения
-   */
-  readonly toucheMove = ref<Touch>()
-
-  /**
-   * Current mouse position
-   *
-   * Текущая позиция мыши
-   */
-  readonly mouse = ref<TouchEventClient>()
-
-  /**
-   * Mouse position during move
-   *
-   * Позиция мыши во время движения
-   */
-  readonly mouseMove = ref<TouchEventClient>()
-
-  /**
-   * Constructor
-   * @param start callback on touch/mouse start/ колбэк при начале касания/клика
-   * @param move callback on touch/mouse move/ колбэк при движении
-   * @param end callback on touch/mouse end/ колбэк при завершении
-   * @param element optional element reference/ необязательная ссылка на элемент
-   */
-  constructor(
-    private readonly start?: (mouse: TouchEventClient, touche?: Touch) => void,
-    private readonly move?: TouchEventCallback,
-    private readonly end?: TouchEventCallback,
-    private readonly element?: Ref<HTMLElement | undefined>
-  ) {
-  }
-
-  /**
-   * Touch event handlers
-   *
-   * Обработчики событий касания
-   */
-  readonly onTouch = {
-    onTouchstart: (event: TouchEvent) => {
-      this.touche.value = event.targetTouches?.[0]
-      this.mouse.value = {
-        x: this.touche.value?.clientX ?? 0,
-        y: this.touche.value?.clientY ?? 0
-      }
-
-      this.update(event.target as HTMLElement)
-    },
-    onTouchend: (event: TouchEvent) => this.reset(event.target as HTMLElement),
-    onTouchcancel: (event: TouchEvent) => this.reset(event.target as HTMLElement),
-    onTouchmove: (event: TouchEvent) => {
-      this.toucheMove.value = event.targetTouches?.[0]
-      this.mouseMove.value = {
-        x: this.toucheMove.value?.clientX ?? 0,
-        y: this.toucheMove.value?.clientY ?? 0
-      }
-
-      this.updateMove(event.target as HTMLElement)
-    }
-  }
-
-  /**
-   * Mouse event handlers
-   *
-   * Обработчики событий мыши
-   */
-  readonly onMouse = {
-    onMousedown: (event: MouseEvent) => {
-      this.mouse.value = {
-        x: event.clientX,
-        y: event.clientY
-      }
-
-      this.update(event.target as HTMLElement)
-    },
-    onMouseup: (event: MouseEvent) => this.reset(event.target as HTMLElement),
-    onMousemove: (event: MouseEvent) => {
-      this.mouseMove.value = {
-        x: event.clientX,
-        y: event.clientY
-      }
-
-      this.updateMove(event.target as HTMLElement)
-    }
-  }
-
-  /**
-   * Gets the target element for touch events.
-   *
-   * Получает целевой элемент для событий касания.
-   * @param target event target element/ целевой элемент события
-   */
-  private getElement(target: HTMLElement) {
-    return this.element?.value ?? target.closest<HTMLElement>('[data-touch]')
-  }
-
-  /**
-   * Determines horizontal direction type from client X coordinate.
-   *
-   * Определяет тип горизонтального направления из координаты X.
-   * @param clientX horizontal coordinate/ горизонтальная координата
-   */
-  private getTypeX(clientX: number): TouchEventTypeX {
-    if (clientX >= MAX_MOVE) {
-      return 'right'
-    }
-
-    if (clientX < -MAX_MOVE) {
-      return 'left'
-    }
-
-    return 'none'
-  }
-
-  /**
-   * Determines vertical direction type from client Y coordinate.
-   *
-   * Определяет тип вертикального направления из координаты Y.
-   * @param clientY vertical coordinate/ вертикальная координата
-   */
-  private getTypeY(clientY: number): TouchEventTypeY {
-    if (clientY >= MAX_MOVE) {
-      return 'bottom'
-    }
-
-    if (clientY < -MAX_MOVE) {
-      return 'top'
-    }
-
-    return 'none'
-  }
-
-  /**
-   * Executes callback with calculated movement data.
-   *
-   * Выполняет колбэк с рассчитанными данными движения.
-   * @param callback callback function/ функция обратного вызова
-   */
-  private async callback(callback?: TouchEventCallback): Promise<TouchEventClient | undefined> {
-    const toucheValue = this.mouse.value
-    const toucheMoveValue = this.mouseMove.value
-
-    if (
-      toucheValue
-      && toucheMoveValue
-    ) {
-      const x = toucheMoveValue.x - toucheValue.x
-      const y = toucheMoveValue.y - toucheValue.y
-
-      if (
-        !callback
-        || await executePromise(callback(
-          this.getTypeX(x),
-          this.getTypeY(y),
-          x,
-          y,
-          toucheValue,
-          toucheMoveValue,
-          this.touche.value,
-          this.toucheMove.value
-        ))
-      ) {
-        return {
-          x,
-          y
-        }
-      }
-    }
-
-    return undefined
-  }
-
-  /**
-   * Resets touch/mouse state and CSS properties after interaction ends.
-   *
-   * Сбрасывает состояние касания/мыши и CSS свойства после завершения взаимодействия.
-   * @param target selected item/ выбранный элемент
-   */
-  private reset(target: HTMLElement) {
-    const elementValue = this.getElement(target)
-
-    this
-      .callback(this.end)
-      .then((client) => {
-        if (elementValue) {
-          if (client) {
-            this.resetData(elementValue)
-          } else {
-            setTimeout(() => this.resetData(elementValue), 400)
-          }
-        }
-      })
-  }
-
-  /**
-   * Resets all touch/mouse state and removes CSS custom properties.
-   *
-   * Сбрасывает все состояния касания/мыши и удаляет CSS кастомные свойства.
-   * @param elementValue target element/ целевой элемент
-   */
-  private resetData(elementValue: HTMLElement) {
-    this.touche.value = undefined
-    this.toucheMove.value = undefined
-
-    this.mouse.value = undefined
-    this.mouseMove.value = undefined
-
-    elementValue.style.removeProperty('--sys-touch-start-x')
-    elementValue.style.removeProperty('--sys-touch-start-y')
-    elementValue.style.removeProperty('--sys-touch-move-x')
-    elementValue.style.removeProperty('--sys-touch-move-y')
-  }
-
-  /**
-   * Updates initial touch/mouse position and sets CSS custom properties.
-   *
-   * Обновляет начальную позицию касания/мыши и устанавливает CSS кастомные свойства.
-   * @param target selected item/ выбранный элемент
-   */
-  private update(target: HTMLElement) {
-    const elementValue = this.getElement(target)
-    const toucheValue = this.mouse.value
-
-    if (
-      elementValue
-      && toucheValue
-    ) {
-      elementValue.style.setProperty('--sys-touch-start-x', `${toucheValue.x}px`)
-      elementValue.style.setProperty('--sys-touch-start-y', `${toucheValue.y}px`)
-
-      executePromise(this.start?.(toucheValue, this.touche.value)).then()
-    }
-  }
-
-  /**
-   * Updates touch/mouse position during movement and sets CSS custom properties.
-   *
-   * Обновляет позицию касания/мыши во время движения и устанавливает CSS кастомные свойства.
-   * @param target selected item/ выбранный элемент
-   */
-  private updateMove(target: HTMLElement) {
-    const elementValue = this.getElement(target)
-
-    this
-      .callback(this.move)
-      .then((client) => {
-        if (
-          elementValue
-          && client
-        ) {
-          elementValue.style.setProperty('--sys-touch-move-x', `${client.x}px`)
-          elementValue.style.setProperty('--sys-touch-move-y', `${client.y}px`)
-        }
-      })
-  }
-}

package/src/classes/field/FieldArrowInclude.ts

@@ -1,189 +0,0 @@
-import { computed } from 'vue'
-import { toNumber } from '@dxtmisha/functional'
-
-import { FieldValueInclude } from './FieldValueInclude'
-import { FieldTypeInclude } from './FieldTypeInclude'
-
-import type { FieldAllProps, FieldArrowProps } from '../../types/fieldTypes'
-
-/**
- * Class for working with input arrows.
- *
- * Класс для работы со стрелками ввода.
- */
-export class FieldArrowInclude {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param value object for working with values/ объект для работы со значениями
-   * @param type object for working with input type/ объект для работы с типом ввода
-   */
-  constructor(
-    protected readonly props: FieldAllProps,
-    protected readonly value: FieldValueInclude,
-    protected readonly type?: FieldTypeInclude
-  ) {
-  }
-
-  /**
-   * Indicates if arrows are enabled/ Указывает, включены ли стрелки
-   *
-   * @return true if arrows are enabled/ true, если стрелки включены
-   */
-  readonly is = computed<boolean>(() => {
-    return Boolean(this.props.arrow && this.props.arrow !== 'none')
-  })
-
-  /** Indicates if the previous button is disabled/ Указывает, отключена ли кнопка предыдущего */
-  readonly disabledPrevious = computed<boolean>(() => !this.isPrevious(this.value.number.value))
-
-  /** Indicates if the next button is disabled/ Указывает, отключена ли кнопка следующего */
-  readonly disabledNext = computed<boolean>(() => !this.isNext(this.value.number.value))
-
-  /** Returns the change step/ Возвращает шаг изменения */
-  protected readonly step = computed<number>(() => toNumber(this.props.arrowStep ?? this.props.step ?? 1))
-
-  /** Returns the minimum value/ Возвращает минимальное значение */
-  protected readonly min = computed<number | undefined>(() => toNumber(this.props.min) ?? undefined)
-
-  /** Returns the maximum value/ Возвращает максимальное значение */
-  protected readonly max = computed<number | undefined>(() => toNumber(this.props.max) || undefined)
-
-  /**
-   * Checks if the arrow type is carousel.
-   *
-   * Проверяет, является ли тип стрелок carousel.
-   */
-  isCarousel(): boolean {
-    return this.get() === 'carousel'
-  }
-
-  /**
-   * Checks if the arrow type is stepper.
-   *
-   * Проверяет, является ли тип стрелок stepper.
-   */
-  isStepper(): boolean {
-    return this.get() === 'stepper'
-  }
-
-  /**
-   * Checks if it is possible to decrease the value.
-   *
-   * Проверяет, можно ли уменьшить значение.
-   * @param value values for checking/ значения для проверки
-   */
-  isPrevious(value: number): boolean {
-    const min = this.min.value
-    return min === undefined || value > min
-  }
-
-  /**
-   * Checks if it is possible to increase the value.
-   *
-   * Проверяет, можно ли увеличить значение.
-   * @param value values for checking/ значения для проверки
-   */
-  isNext(value: number): boolean {
-    const max = this.max.value
-    return max === undefined || value < max
-  }
-
-  /**
-   * Returns arrow type.
-   *
-   * Возвращает тип стрелок.
-   */
-  get(): FieldArrowProps['arrow'] | undefined {
-    switch (this.props.arrow) {
-      case 'auto':
-        if (
-          this.type?.get() === 'number'
-          || this.type?.get() === 'number-format'
-        ) {
-          return 'stepper'
-        }
-
-        break
-    }
-
-    return this.props.arrow
-  }
-
-  /**
-   * Returns arrow alignment.
-   *
-   * Возвращает выравнивание стрелок.
-   */
-  align(): string | undefined {
-    return this.props.arrowAlign
-  }
-
-  /**
-   * Decreases the value.
-   *
-   * Уменьшает значение.
-   */
-  previous(): this {
-    const value = this.value.number.value - this.step.value
-
-    if (this.isPrevious(value)) {
-      this.value.set(value.toString())
-    } else {
-      this.toMin()
-    }
-
-    return this
-  }
-
-  /**
-   * Increases the value.
-   *
-   * Увеличивает значение.
-   */
-  next(): this {
-    const value = this.value.number.value + this.step.value
-
-    if (this.isNext(value)) {
-      this.value.set(value.toString())
-    } else {
-      this.toMax()
-    }
-
-    return this
-  }
-
-  /**
-   * Decreases to the minimum value.
-   *
-   * Уменьшает до минимального значения.
-   */
-  toMin(): this {
-    if (!this.disabledPrevious.value) {
-      const min = this.min.value
-
-      if (min !== undefined) {
-        this.value.set(min.toString())
-      }
-    }
-
-    return this
-  }
-
-  /**
-   * Increases to the maximum value.
-   * s
-   * Увеличивает до максимального значения.
-   */
-  toMax(): this {
-    if (!this.disabledNext.value) {
-      const max = this.max.value
-
-      if (max !== undefined) {
-        this.value.set(max.toString())
-      }
-    }
-
-    return this
-  }
-}