@dxtmisha/constructor 0.23.0 → 0.39.3

package/src/constructors/Window/WindowClasses.ts

@@ -1,180 +0,0 @@
-import { domQuerySelector, getElementId } from '@dxtmisha/functional'
-import { type WindowClassesList, WindowStatusControlItem, WindowStatusItem } from './basicTypes'
-
-/**
- * Class for working with class names.
- *
- * Класс для работы с названиями классов.
- */
-export class WindowClasses {
-  /**
-   * Identification of the current window. Used to search for the current component and its control.
-   *
-   * Идентификация текущего окна. Используется для поиска текущего компонента и его контроля.
-   */
-  protected readonly id = `window--${getElementId()}`
-
-  readonly list: WindowClassesList
-
-  /**
-   * Constructor
-   * @param className class name/ название класса
-   */
-  constructor(
-    protected readonly className: string
-  ) {
-    this.list = WindowClasses.getClassesList(className, this.id)
-  }
-
-  /**
-   * Checks if the selected element is a window.
-   *
-   * Проверяет, является ли выбранный элемент окном.
-   * @param target selected item/ выбранный элемент
-   */
-  isWindow(target?: HTMLElement): boolean {
-    return Boolean(
-      target
-      && target.classList.contains(this.className)
-    )
-  }
-
-  /**
-   * Returns the identifier of the current window.
-   *
-   * Возвращает идентификатор текущего окна.
-   */
-  getId(): string {
-    return this.id
-  }
-
-  /**
-   * Returns the full name of the class for the status.
-   *
-   * Возвращает полное название класса для статуса.
-   * @param status названия статуса
-   */
-  getClassStatus(status: WindowStatusItem): string {
-    return `${this.className}[data-status="${status}"]`
-  }
-
-  /**
-   * Returns the class selector for control.
-   *
-   * Возвращает селектор класса для управления.
-   */
-  getSelectorControl(): string {
-    return `.${this.list.control}.${this.id}`
-  }
-
-  /**
-   * Search and return the window element at the selected item.
-   *
-   * Поиск и возврат элемента окна у выбранного элемента.
-   * @param target selected item/ выбранный элемент
-   */
-  findMain<T extends HTMLElement>(target: HTMLElement): T | undefined {
-    return target?.closest<T>(`.${this.className}`) ?? undefined
-  }
-
-  /**
-   * Search and return of the control element of the current component.
-   *
-   * Поиск и возврат элемента управления текущего компонента.
-   */
-  findControl(): HTMLElement | undefined {
-    return domQuerySelector<HTMLElement>(`.${this.list.control}.${this.id}`)
-  }
-
-  /**
-   * Find the control at the selected window.
-   *
-   * Найди элемент управления у выбранного окна.
-   * @param element window element/ элемент окна
-   */
-  findControlByElement(element?: HTMLElement): HTMLElement | undefined {
-    if (element) {
-      return domQuerySelector<HTMLElement>(`.${this.list.control}.${element.dataset?.window}`)
-    }
-
-    return undefined
-  }
-
-  /**
-   * Search and return of the window body element for the current component.
-   *
-   * Поиск и возврат элемента тела окна для текущего компонента.
-   */
-  findBody(): HTMLDivElement | undefined {
-    return domQuerySelector<HTMLDivElement>(`.${this.className}.${this.id} .${this.className}__body`)
-  }
-
-  /**
-   * Search and return of the context body element of the window for the current component.
-   *
-   * Поиск и возврат элемента контекста тела окна для текущего компонента.
-   */
-  findBodyContext(): HTMLDivElement | undefined {
-    return domQuerySelector<HTMLDivElement>(`.${this.className}.${this.id} .${this.className}__body__context`)
-  }
-
-  /**
-   * Search and return of the window body element for other components (not current)
-   * with additional selectors.
-   *
-   * Поиск и возврат элемента тела окна для других компонентов (не текущего)
-   * с дополнительными селекторами.
-   * @param selectors additional CSS selectors/ дополнительные CSS селекторы
-   * @param status status of the window/ статус окна
-   */
-  findBodyOther(selectors: string, status: WindowStatusItem = WindowStatusItem.open): HTMLDivElement | undefined {
-    if (status === WindowStatusItem.open) {
-      const element = domQuerySelector<HTMLDivElement>(
-        `.${this.className}:not(.${this.id})[data-status="${WindowStatusItem.flash}"] .${this.className}__body ${selectors}`
-      )
-
-      if (element) {
-        return element
-      }
-    }
-
-    return domQuerySelector<HTMLDivElement>(
-      `.${this.className}:not(.${this.id})[data-status="${status}"] .${this.className}__body ${selectors}`
-    )
-  }
-
-  /**
-   * Returns the list of available classes.
-   *
-   * Возвращает список доступных классов.
-   * @param className class name/ название класса
-   * @param id identification of the current window/ идентификация текущего окна
-   */
-  static getClassesList(className: string, id: string = 'id'): WindowClassesList {
-    return {
-      block: `${className}--${WindowStatusControlItem.block}`,
-      blockChildren: `${className}--${WindowStatusControlItem.blockChildren}`,
-      blockOther: `${className}--${WindowStatusControlItem.blockOther}`,
-      close: `${className}--${WindowStatusControlItem.close}`,
-      static: `${className}--${WindowStatusControlItem.static}`,
-
-      control: `${className}__control`,
-      controlId: `${className}__control window__control ${id}`,
-      controlStatic: `${className}--${WindowStatusControlItem.controlStatic}`,
-      controlOpenOnly: `${className}--${WindowStatusControlItem.controlOpenOnly}`,
-      controlActive: `${className}--${WindowStatusControlItem.controlActive}`,
-
-      persistent: `${className}--${WindowStatusControlItem.persistent}`
-    }
-  }
-
-  /**
-   * Returns a list of available classes by design name.
-   *
-   * Возвращает список доступных классов по названию дизайна.
-   * @param design design name/ названия дизайна
-   */
-  static getClassesListByDesign(design: string) {
-    return this.getClassesList(`${design}-window`)
-  }
-}

package/src/constructors/Window/WindowClassesInclude.ts

@@ -1,39 +0,0 @@
-import { WindowClasses } from './WindowClasses'
-
-import type { WindowClassesList } from './basicTypes'
-
-/**
- * Helper class to access window CSS classes by design.
- *
- * Вспомогательный класс для доступа к CSS-классам окна по дизайну.
- */
-export class WindowClassesInclude {
-  /**
-   * Constructor
-   * @param design design name/ название дизайна
-   */
-  constructor(
-    protected readonly design: string
-  ) {
-  }
-
-  /**
-   * Returns list of window classes for the specified design.
-   *
-   * Возвращает список классов окна для указанного дизайна.
-   */
-  get(): WindowClassesList {
-    return WindowClasses.getClassesListByDesign(this.design)
-  }
-
-  /**
-   * Returns an object with window classes under classesWindow key.
-   *
-   * Возвращает объект с классами окна под ключом classesWindow.
-   */
-  getObject() {
-    return {
-      classesWindow: this.get()
-    }
-  }
-}

package/src/constructors/Window/WindowClient.ts

@@ -1,93 +0,0 @@
-/**
- * Sentinel value for an "unset" client coordinate.
- * Used to distinguish the absence of data from a valid point (including 0,0).
- * -1 is chosen as a value that cannot occur for clientX/clientY within the visible viewport.
- *
- * Маркерное значение для «не заданных» координат клика пользователя.
- * Используется, чтобы отличать отсутствие данных от валидной точки (включая 0,0).
- * -1 выбран как значение, невозможное для clientX/clientY в видимой области.
- */
-const WINDOW_NULL_VALUE = -1
-
-/**
- * The class stores the coordinates of the mouse click. It is used for the opening
- * animation, when the element appears from the point of click. And also for the contextmenu event.
- *
- * Класс хранит координаты нажатия мыши. Используется для анимации открытия,
- * когда элемент появляется от точки нажатия. А также для события contextmenu.
- */
-export class WindowClient {
-  protected x: number = WINDOW_NULL_VALUE
-  protected y: number = WINDOW_NULL_VALUE
-
-  /**
-   * Checks if the button was pressed.
-   *
-   * Проверяет, было ли нажатие на кнопку.
-   */
-  is(): boolean {
-    return this.x !== WINDOW_NULL_VALUE && this.y !== WINDOW_NULL_VALUE
-  }
-
-  /**
-   * Returns the X coordinate.
-   *
-   * Возвращает координату X.
-   */
-  getX(): number {
-    return this.x
-  }
-
-  /**
-   * Returns the Y coordinate.
-   *
-   * Возвращает координату Y.
-   */
-  getY(): number {
-    return this.y
-  }
-
-  /**
-   * Returns the shift along the X coordinate.
-   *
-   * Возвращает сдвиг по координате X.
-   */
-  getShiftX(value: number): number {
-    return this.x - value
-  }
-
-  /**
-   * Returns the shift along the Y coordinate.
-   *
-   * Возвращает сдвиг по координате Y.
-   */
-  getShiftY(value: number): number {
-    return this.y - value
-  }
-
-  /**
-   * Changes the coordinates.
-   *
-   * Изменяет координаты.
-   * @param x value of X/ значение X
-   * @param y value of Y/ значение Y
-   */
-  set(x: number, y: number): this {
-    this.x = x
-    this.y = y
-
-    return this
-  }
-
-  /**
-   * Resets all data to initial values.
-   *
-   * Сбрасывает все данные к начальным значениям.
-   */
-  reset(): this {
-    this.x = WINDOW_NULL_VALUE
-    this.y = WINDOW_NULL_VALUE
-
-    return this
-  }
-}

package/src/constructors/Window/WindowCoordinates.ts

@@ -1,257 +0,0 @@
-import { WindowClasses } from './WindowClasses'
-import { WindowElement } from './WindowElement'
-
-/**
- * A class for working with coordinates.
- *
- * Класс для работы с координатами.
- */
-export class WindowCoordinates {
-  protected top: number = 0
-  protected right: number = 0
-  protected bottom: number = 0
-  protected left: number = 0
-  protected width: number = 0
-  protected height: number = 0
-  protected innerWidth: number = 0
-  protected innerHeight: number = 0
-  protected controlWidth: number = 0
-  protected controlHeight: number = 0
-  protected padding: number = 0
-  protected location: string = ''
-
-  /**
-   * Constructor
-   * @param classes an object for working with classes and searching for elements/ объект для работы с классами и поиском элементов
-   * @param element an object of the class for working with elements/ объект класса для работы с элементами
-   */
-  constructor(
-    protected readonly classes: WindowClasses,
-    protected readonly element: WindowElement
-  ) {
-  }
-
-  /**
-   * Returns the distance from the top point.
-   *
-   * Возвращает расстояние от верхней точки.
-   */
-  getTop(): number {
-    return this.top
-  }
-
-  /**
-   * Returns the distance from the right point.
-   *
-   * Возвращает расстояние от правой точки.
-   */
-  getRight(): number {
-    return this.right
-  }
-
-  /**
-   * Returns the distance from the lower point.
-   *
-   * Возвращает расстояние от нижней точки.
-   */
-  getBottom(): number {
-    return this.bottom
-  }
-
-  /**
-   * Returns the distance from the left point.
-   *
-   * Возвращает расстояние от левой точки.
-   */
-  getLeft(): number {
-    return this.left
-  }
-
-  /**
-   * Returns the width of the element.
-   *
-   * Возвращает ширину элемента.
-   */
-  getWidth(): number {
-    return this.width
-  }
-
-  /**
-   * Returns the height of the element.
-   *
-   * Возвращает высоту элемента.
-   */
-  getHeight(): number {
-    return this.height
-  }
-
-  /**
-   * Returns the width of the window.
-   *
-   * Возвращает ширину окна.
-   */
-  getInnerWidth(): number {
-    return this.innerWidth
-  }
-
-  /**
-   * Returns the height of the window.
-   *
-   * Возвращает высоту окна.
-   */
-  getInnerHeight(): number {
-    return this.innerHeight
-  }
-
-  /**
-   * Returns the width of the control element.
-   *
-   * Возвращает ширину элемента управления.
-   */
-  getControlWidth(): number {
-    return this.controlWidth
-  }
-
-  /**
-   * Returns the height of the control element.
-   *
-   * Возвращает высоту элемента управления.
-   */
-  getControlHeight(): number {
-    return this.controlHeight
-  }
-
-  /**
-   * Returns the margins of the element.
-   *
-   * Возвращает отступы у элемента.
-   */
-  getPadding(): number {
-    return this.padding
-  }
-
-  /**
-   * Returns the values of the element's position.
-   *
-   * Возвращает значения положения элемента.
-   */
-  getLocation(): string {
-    return this.location
-  }
-
-  /**
-   * Returns the maximum height of the body.
-   *
-   * Возвращает максимальную высоту у body.
-   */
-  getMaxHeight(): number {
-    return window.innerHeight - (this.padding * 2)
-  }
-
-  /**
-   * Data updates.
-   *
-   * Обновления данных.
-   */
-  update(): boolean {
-    const element = this.element.getMain()
-    const rect = this.element.getControlRect()
-
-    if (
-      element
-      && rect
-      && (
-        this.top !== rect.top
-        || this.right !== rect.right
-        || this.bottom !== rect.bottom
-        || this.left !== rect.left
-        || this.width !== element.offsetWidth
-        || this.height !== element.offsetHeight
-        || this.innerWidth !== window.innerWidth
-        || this.innerHeight !== window.innerHeight
-      )
-    ) {
-      this.top = rect.top
-      this.right = rect.right
-      this.bottom = rect.bottom
-      this.left = rect.left
-      this.width = element.offsetWidth
-      this.height = element.offsetHeight
-      this.innerWidth = window.innerWidth
-      this.innerHeight = window.innerHeight
-      this.controlWidth = rect.width
-      this.controlHeight = rect.height
-      this.padding = this.initPadding()
-      this.location = this.initLocation(rect.top + (rect.height / 2))
-
-      return true
-    }
-
-    return false
-  }
-
-  /**
-   * Resets all data to initial values.
-   *
-   * Сбрасывает все данные к начальным значениям.
-   */
-  reset(): this {
-    this.top = 0
-    this.right = 0
-    this.bottom = 0
-    this.left = 0
-    this.width = 0
-    this.height = 0
-    this.innerWidth = 0
-    this.innerHeight = 0
-
-    return this
-  }
-
-  /**
-   * Initializes padding value from computed styles.
-   *
-   * Инициализирует значение отступов из вычисленных стилей.
-   */
-  protected initPadding(): number {
-    const element = this.element.getMain()
-    let padding = 0
-
-    if (element) {
-      const style = getComputedStyle(element)
-      const paddingTop = style.paddingTop.replace(/[^0-9]+/g, '')
-      const paddingBottom = style.paddingBottom.replace(/[^0-9]+/g, '')
-
-      padding = (parseInt(paddingTop) + parseInt(paddingBottom)) / 2
-    }
-
-    return padding > 0 ? padding : 16
-  }
-
-  /**
-   * Calculates control position values.
-   *
-   * Вычисляет значения положения контроля.
-   * @param top position of an element/ положение элемента
-   */
-  protected initLocation(
-    top: number
-  ): string {
-    const height = this.element.getBody()?.offsetHeight ?? 0
-    const half = height / 2
-    const max = this.innerHeight - (this.padding * 2) - height
-    const position = top - half - this.padding
-
-    if (
-      position < this.padding
-    ) {
-      return '0px'
-    }
-
-    if (top + half >= this.innerHeight - this.padding) {
-      return `${max}px`
-    }
-
-    return `${position}px`
-  }
-}