@dxtmisha/constructor 0.30.1 → 0.39.3

package/src/constructors/Mask/MaskEmit.ts

@@ -1,140 +0,0 @@
-import { MaskValidation } from './MaskValidation'
-import type { ConstrEmit } from '@dxtmisha/functional'
-
-import type { MaskEventData } from './basicTypes'
-import type { MaskEmits } from './types'
-
-/**
- * Class for event invocation
- *
- * Класс для вызова событий
- */
-export class MaskEmit {
-  /** Current event type key/ Текущий ключ типа события */
-  protected type?: string & keyof MaskEmits
-  /** Native event object/ Объект нативного события */
-  protected event?: Event
-
-  /**
-   * Constructor
-   * @param validation object for working with validation/ объект для работы с валидацией
-   * @param emits emit function (Design system bridge)/ функция вызова события
-   */
-  constructor(
-    protected readonly validation: MaskValidation,
-    protected readonly emits?: ConstrEmit<MaskEmits>
-  ) {
-  }
-
-  /**
-   * Checks whether extra data (validation) should be generated for current event
-   *
-   * Проверяет, нужно ли генерировать дополнительные данные (валидацию) для текущего события
-   */
-  isValue(): boolean {
-    return Boolean(this.type && ['input', 'change'].indexOf(this.type) >= 0)
-  }
-
-  /**
-   * Initializes event handling and emits event with optional validation payload
-   *
-   * Инициализирует обработку и вызывает событие с опциональной валидацией
-   */
-  go(): this {
-    if (
-      this.type
-      && this.event
-    ) {
-      const validation = this.isValue() ? this.validation.item.value : undefined
-
-      this.emits?.(
-        this.type as 'input',
-        this.event as InputEvent,
-        validation as MaskEventData
-      )
-
-      if (
-        this.type === 'inputLite'
-        || this.type === 'changeLite'
-      ) {
-        this.emits?.(
-          this.type as never,
-          validation as never
-        )
-      }
-    }
-
-    return this
-  }
-
-  /**
-   * Sets both event type and native event object
-   *
-   * Устанавливает одновременно тип события и объект события
-   * @param type event name/ название события
-   * @param event event object/ объект события
-   */
-  set<E extends Event>(
-    type: string & keyof MaskEmits,
-    event: E
-  ): this {
-    this.setType(type)
-    this.setEvent(event)
-
-    return this
-  }
-
-  /**
-   * Sets event type
-   *
-   * Устанавливает тип события
-   * @param type event name/ название события
-   */
-  setType(type: string & keyof MaskEmits): this {
-    this.type = type
-    return this
-  }
-
-  /**
-   * Sets native event object
-   *
-   * Устанавливает объект события
-   * @param event event object/ объект события
-   */
-  setEvent<E extends Event>(event: E): this {
-    this.event = event
-    return this
-  }
-
-  /**
-   * Resets all internal state (type + event)
-   *
-   * Сбрасывает всё внутреннее состояние (тип и событие)
-   */
-  reset(): this {
-    this.resetType()
-    this.resetEvent()
-
-    return this
-  }
-
-  /**
-   * Resets stored event type
-   *
-   * Сбрасывает сохранённый тип события
-   */
-  resetType(): this {
-    this.type = undefined
-    return this
-  }
-
-  /**
-   * Resets stored native event
-   *
-   * Сбрасывает сохранённый объект события
-   */
-  resetEvent(): this {
-    this.event = undefined
-    return this
-  }
-}

package/src/constructors/Mask/MaskEvent.ts

@@ -1,386 +0,0 @@
-import { eventStopPropagation, getClipboardData, writeClipboardData } from '@dxtmisha/functional'
-
-import { MaskBuffer } from './MaskBuffer'
-import { MaskFocus } from './MaskFocus'
-import { MaskCharacterLength } from './MaskCharacterLength'
-import { MaskRight } from './MaskRight'
-import { MaskSelection } from './MaskSelection'
-import { MaskValueBasic } from './MaskValueBasic'
-import { MaskEmit } from './MaskEmit'
-import { MaskData } from './MaskData'
-
-import type { MaskEventSelection } from './basicTypes'
-
-/**
- * Class for working with events.
- *
- * Класс для работы с событиями.
- */
-export class MaskEvent {
-  /** Change flag/ Флаг изменения */
-  protected change: boolean = false
-  /** Unidentified selection data/ Данные неопознанного выделения */
-  protected unidentified?: MaskEventSelection
-
-  /**
-   * Constructor
-   * @param buffer object for managing cached input data/ объект управления кешированными вводимыми данными
-   * @param focus object for handling input field focus/ объект для работы с фокусировкой поля ввода
-   * @param characterLength object for managing input length/ объект управления длиной ввода
-   * @param right object for right alignment/ объект для выравнивания направо
-   * @param selection object for managing cursor position/ объект для управления положением курсора
-   * @param valueBasic object for working with base values/ объект для работы с базовыми значениями
-   * @param emit object for handling callback events/ объект для работы с обратными событиями
-   * @param data object for managing input/ объект для управления вводом
-   */
-  constructor(
-    protected readonly buffer: MaskBuffer,
-    protected readonly focus: MaskFocus,
-    protected readonly characterLength: MaskCharacterLength,
-    protected readonly right: MaskRight,
-    protected readonly selection: MaskSelection,
-    protected readonly valueBasic: MaskValueBasic,
-    protected readonly emit: MaskEmit,
-    protected readonly data: MaskData
-  ) {
-  }
-
-  /**
-   * Capture of the event in focus.
-   *
-   * Перехват события при получении фокуса.
-   * @param event event object/ объект события
-   */
-  readonly onFocus = (event: FocusEvent): void => {
-    this.change = false
-    this.focus.in()
-
-    this.emit
-      .set('focus', event)
-      .go()
-  }
-
-  /**
-   * Capture of the event when focus is lost.
-   *
-   * Перехват события при потере фокуса.
-   * @param event event object/ объект события
-   */
-  readonly onBlur = (event: FocusEvent): void => {
-    if (this.change) {
-      this.emit
-        .setType('change')
-        .go()
-    }
-
-    this.focus.out()
-    this.emit
-      .set('blur', event)
-      .go()
-  }
-
-  /**
-   * Intercepting key press to get a character.
-   *
-   * Перехват нажатия клавиши для получения символа.
-   * @param event invoked event/ вызываемое событие
-   */
-  readonly onKeydown = (event: KeyboardEvent): void => {
-    const info = this.getSelectionInfo(event)
-    const { start, end } = info
-
-    this.emit
-      .set('keydown', event)
-      .go()
-
-    if (
-      this.isCut(event)
-      && this.isSelection(info)
-    ) {
-      this.data.pop(start, end)
-      writeClipboardData(
-        (event.target as HTMLInputElement).value.slice(start, end)
-      ).then()
-    }
-
-    if (this.isMetaKey(event)) {
-      return undefined
-    }
-
-    if (this.isKey(event)) {
-      if (event.key === 'Backspace') {
-        if (start > 0 || start !== end) {
-          this.data.pop(start, end)
-        }
-      } else if (event.key.length <= 1) {
-        if (start === end) {
-          if (this.buffer.go(event.key)) {
-            this.data.add(start, event.key)
-          }
-        } else {
-          this.buffer.goStart()
-          this.data
-            .pop(start, end)
-            .add(this.selection.getShift(), event.key)
-        }
-      }
-    } else {
-      this.unidentified = info
-    }
-  }
-
-  /**
-   * Intercept key release to check arrow presses.
-   *
-   * Перехват отпускания клавиши для проверки нажатия стрелок.
-   * @param event invoked event/ вызываемое событие
-   */
-  readonly onKeyup = (event: KeyboardEvent): void => {
-    this.emit
-      .set('keyup', event)
-      .go()
-
-    if (this.isMetaKey(event)) {
-      return undefined
-    }
-
-    if (
-      this.isKey(event)
-      && [
-        'ArrowUp',
-        'ArrowRight',
-        'ArrowDown',
-        'ArrowLeft'
-      ].indexOf(event.key) >= 0
-    ) {
-      this.makeToEnd(event)
-      this.makeToStart(event)
-    }
-  }
-
-  /**
-   * Intercepting the event before data modification.
-   *
-   * Перехват события перед изменением данных.
-   * @param event invoked event/ вызываемое событие
-   */
-  readonly onBeforeinput = (event: InputEvent): void => {
-    this.emit
-      .set('beforeinput', event)
-      .go()
-
-    if (!this.unidentified) {
-      this.makeChange(event)
-      eventStopPropagation(event)
-    }
-  }
-
-  /**
-   * Intercepting the event during data modification.
-   *
-   * Перехват события при изменении данных.
-   * @param event invoked event/ вызываемое событие
-   */
-  readonly onInput = (event: InputEvent): void => {
-    if (this.unidentified) {
-      const target = event.target as HTMLInputElement
-
-      if (
-        this.unidentified.length > target.value.length
-        || this.unidentified.start !== this.unidentified.end
-      ) {
-        this.data.pop(this.unidentified.start, this.unidentified.end)
-      }
-
-      if ('data' in event) {
-        if (
-          event.data
-          && this.buffer.go(event.data)
-        ) {
-          this.data.add(this.unidentified.start, event.data)
-        }
-      } else {
-        this.data.reset(target.value)
-      }
-
-      this.makeChange(event)
-      this.unidentified = undefined
-    }
-  }
-
-  /**
-   * Intercept paste event for inserting data from clipboard.
-   *
-   * Перехват события вставки данных из буфера обмена.
-   * @param event invoked event/ вызываемое событие
-   */
-  readonly onPaste = (event: ClipboardEvent): void => {
-    const { start, end } = this.getSelectionInfo(event)
-
-    getClipboardData(event)
-      .then((data) => {
-        const text = data.split('')
-
-        if (start === end) {
-          this.data.add(start, this.data.extra(text))
-        } else {
-          this.data
-            .pop(start, end)
-            .add(this.selection.getShift(), this.data.extra(text))
-        }
-
-        this.change = true
-        this.emit
-          .set('paste', event)
-          .go()
-      })
-      .catch(error => console.error('getClipboardData', error))
-  }
-
-  /**
-   * Intercept change event (autocomplete support).
-   *
-   * Перехват события изменения (поддержка автозаполнения).
-   * @param event invoked event/ вызываемое событие
-   */
-  readonly onChange = (event: Event): void => {
-    const target = event.target as HTMLInputElement
-
-    this.data.reset(target.value)
-    this.emit
-      .set('change', event)
-      .go()
-  }
-
-  /**
-   * Intercept click to adjust selection if needed.
-   *
-   * Перехват клика для корректировки выделения при необходимости.
-   * @param event invoked event/ вызываемое событие
-   */
-  readonly onClick = (event: MouseEvent): void => {
-    this.makeToEnd(event)
-    this.makeToStart(event)
-  }
-
-  /**
-   * Was a meta button pressed.
-   *
-   * Была ли нажата мета-кнопка.
-   * @param event invoked event/ вызываемое событие
-   */
-  protected isMetaKey(event: KeyboardEvent): boolean {
-    return event.metaKey || event.altKey || event.ctrlKey
-  }
-
-  /**
-   * Was a cut operation performed.
-   *
-   * Была ли выполнена операция вырезания.
-   * @param event invoked event/ вызываемое событие
-   */
-  protected isCut(event: KeyboardEvent): boolean {
-    return event.type === 'cut'
-      || Boolean(
-        event.key.toLowerCase() === 'x'
-        && (
-          event.metaKey
-          || event.ctrlKey
-        )
-      )
-  }
-
-  /**
-   * Checks key value in the event.
-   *
-   * Проверяет значение key в событии.
-   * @param event invoked event/ вызываемое событие
-   */
-  protected isKey(event: KeyboardEvent): boolean {
-    return 'key' in event && event.key !== 'Unidentified'
-  }
-
-  /**
-   * Was there a selection.
-   *
-   * Было ли выделение.
-   * @param info selection data/ данные выделения
-   */
-  protected isSelection(info: MaskEventSelection): boolean {
-    const { start, end } = info
-    return start > 0 || start !== end
-  }
-
-  /**
-   * Getting data about selection on the event element.
-   *
-   * Получение данных о выделении у элемента события.
-   * @param event invoked event/ вызываемое событие
-   */
-  protected getSelectionInfo(event: Event): MaskEventSelection {
-    const target = event.target as HTMLInputElement
-
-    return {
-      target,
-      start: target.selectionStart ?? 0,
-      end: target.selectionEnd ?? 0,
-      length: target.value.length
-    }
-  }
-
-  /**
-   * Preparing to send an event.
-   *
-   * Подготовка для отправки события.
-   * @param event invoked event/ вызываемое событие
-   */
-  protected makeChange(event: Event): void {
-    this.change = true
-
-    this.emit.set('input', event)
-
-    if (this.buffer.is()) {
-      return
-    }
-
-    this.emit.go()
-    this.emit.resetType()
-  }
-
-  /**
-   * Changes cursor position if alignment is right.
-   *
-   * Изменяет позицию курсора, если выравнивание справа.
-   * @param event invoked event/ вызываемое событие
-   */
-  protected makeToEnd(event: Event): void {
-    if (this.right.isRight()) {
-      const length = this.valueBasic.getLength()
-      const { target, start, end } = this.getSelectionInfo(event)
-
-      if (start > length) {
-        target.selectionStart = length
-      }
-
-      if (end > length) {
-        target.selectionEnd = length
-      }
-    }
-  }
-
-  /**
-   * Check selection from the start (before special chars).
-   *
-   * Проверка выделения спереди (перед спецсимволами).
-   * @param event invoked event/ вызываемое событие
-   */
-  protected makeToStart(event: Event): void {
-    const selection = this.selection.getFirst()
-    const { target, start } = this.getSelectionInfo(event)
-
-    if (start < selection) {
-      target.selectionStart = selection
-      target.selectionEnd = selection
-    }
-  }
-}

package/src/constructors/Mask/MaskFocus.ts

@@ -1,49 +0,0 @@
-import { MaskBuffer } from './MaskBuffer'
-
-/**
- * Class for storing element focus state.
- *
- * Класс для хранения состояния фокуса элемента.
- */
-export class MaskFocus {
-  /** Focus state flag/ Флаг состояния фокуса */
-  protected value: boolean = false
-
-  /**
-   * Constructor
-   * @param buffer buffer helper object/ объект помощник буфера
-   */
-  constructor(
-    protected readonly buffer: MaskBuffer
-  ) {
-  }
-
-  /**
-   * Returns current focus state.
-   *
-   * Возвращает текущее состояние фокуса.
-   */
-  is(): boolean {
-    return this.value
-  }
-
-  /**
-   * Sets focus state to active and resets buffer.
-   *
-   * Устанавливает состояние фокуса активным и сбрасывает буфер.
-   */
-  in(): void {
-    this.value = true
-    this.buffer.reset()
-  }
-
-  /**
-   * Removes focus state and resets buffer.
-   *
-   * Снимает состояние фокуса и сбрасывает буфер.
-   */
-  out(): void {
-    this.value = false
-    this.buffer.reset()
-  }
-}