@dxtmisha/constructor 0.30.1 → 0.39.3

package/src/constructors/Tooltip/properties.json

@@ -1,14 +0,0 @@
-{
-  "arrowSize": {
-    "_type": "var"
-  },
-  "paddingX": {
-    "_type": "var"
-  },
-  "paddingY": {
-    "_type": "var"
-  },
-  "#label": {},
-  "#description": {},
-  "#body": {}
-}

package/src/constructors/Tooltip/props.ts

@@ -1,49 +0,0 @@
-import type { LabelProps } from '../../types/labelTypes'
-import type { DescriptionProps } from '../../types/descriptionTypes'
-
-import type { ArrowProps, ArrowPropsInclude } from '../Arrow'
-
-interface TooltipPropsToken {
-  // :type [!] System label / Системная метка
-  // :type [!] System label / Системная метка
-}
-
-export interface TooltipPropsBasic<
-  Arrow extends ArrowProps = ArrowProps
-> extends LabelProps,
-  DescriptionProps,
-  ArrowPropsInclude<Arrow> {
-  // Status
-  open?: boolean
-  disabled?: boolean
-
-  // Style
-  inDom?: boolean
-  top?: boolean
-  indent?: number
-  delay?: number
-  delayHide?: number
-}
-
-/**
- * Type describing incoming properties.
- *
- * Тип, описывающий входящие свойства.
- */
-export interface TooltipProps extends TooltipPropsBasic, TooltipPropsToken {
-}
-
-/**
- * Default value for property.
- *
- * Значение по умолчанию для свойства.
- */
-export const defaultsTooltip = {
-  indent: 4,
-  delay: 64,
-  delayHide: 0,
-  ...{
-    // :default [!] System label / Системная метка
-    // :default [!] System label / Системная метка
-  }
-}

package/src/constructors/Tooltip/types.ts

@@ -1,58 +0,0 @@
-import type { ConstrClass } from '@dxtmisha/functional'
-
-import type { LabelSlots } from '../../types/labelTypes'
-import type { DescriptionSlots } from '../../types/descriptionTypes'
-
-import type { ArrowComponentInclude } from '../Arrow'
-
-import type { TooltipControl } from './basicTypes'
-
-/**
- * Interface for describing which components need to be connected for work.
- *
- * Интерфейс для описания, какие компоненты надо подключить для работы.
- */
-export type TooltipComponents = ArrowComponentInclude
-
-/**
- * Type describing available events.
- *
- * Тип, описывающий доступные события.
- */
-export type TooltipEmits = {
-  tooltip: [open: boolean]
-}
-
-/**
- * Type describing available properties.
- *
- * Тип, описывающий доступные свойства.
- */
-export interface TooltipExpose {
-  toggle(open: boolean, flash?: boolean): Promise<void>
-}
-
-/**
- * Type describing available slots.
- *
- * Тип, описывающий доступные слоты.
- */
-export interface TooltipSlots extends LabelSlots, DescriptionSlots {
-  control?(props: TooltipControl): any
-
-  body?(): any
-}
-
-/**
- * Type describing subclasses.
- *
- * Тип, описывающий подклассы.
- */
-export type TooltipClasses = {
-  main: ConstrClass
-  // :classes [!] System label / Системная метка
-  label: string
-  description: string
-  body: string
-  // :classes [!] System label / Системная метка
-}

package/src/constructors/Window/Window.ts

@@ -1,248 +0,0 @@
-import { computed, onMounted, onUnmounted, type Ref, type ToRefs, watch } from 'vue'
-import { type ConstrClassObject, type ConstrEmit, DesignComp } from '@dxtmisha/functional'
-
-import { AriaStaticInclude } from '../../classes/AriaStaticInclude'
-import { ScrollbarInclude } from '../Scrollbar/ScrollbarInclude'
-import { ImageInclude } from '../Image/ImageInclude'
-import { ModelInclude } from '../../classes/ModelInclude'
-import { TabIndexInclude } from '../../classes/TabIndexInclude'
-import { TextInclude } from '../../classes/TextInclude'
-
-import { WindowClient } from './WindowClient'
-import { WindowHook } from './WindowHook'
-
-import { WindowClasses } from './WindowClasses'
-import { WindowElement } from './WindowElement'
-
-import { WindowStatus } from './WindowStatus'
-import { WindowPersistent } from './WindowPersistent'
-import { WindowFlash } from './WindowFlash'
-import { WindowCoordinates } from './WindowCoordinates'
-import { WindowPosition } from './WindowPosition'
-import { WindowOrigin } from './WindowOrigin'
-import { WindowStatic } from './WindowStatic'
-import { WindowEmit } from './WindowEmit'
-
-import { WindowStyles } from './WindowStyles'
-import { WindowOpen } from './WindowOpen'
-import { WindowVerification } from './WindowVerification'
-import { WindowEvent } from './WindowEvent'
-import { WindowEsc } from './WindowEsc'
-import { WindowHidden } from './WindowHidden'
-
-import type { WindowControlItem } from './basicTypes'
-import type { WindowComponents, WindowEmits, WindowSlots } from './types'
-import type { WindowPropsBasic } from './props'
-
-/**
- * Main Window class that manages all window-related functionality including positioning,
- * events, styles, animations, and component integrations. This class serves as the central
- * coordinator for window operations in the design system.
- *
- * Основной класс Window, который управляет всей функциональностью окон, включая позиционирование,
- * события, стили, анимации и интеграции компонентов. Этот класс служит центральным координатором
- * для операций с окнами в дизайн-системе.
- */
-export class Window {
-  /** Client instance for window management/ Экземпляр клиента для управления окном */
-  readonly client: WindowClient
-  /** Hook instance for window events/ Экземпляр хука для событий окна */
-  readonly hook: WindowHook
-
-  /** Class manager for window styles/ Менеджер классов для стилей окна */
-  readonly classes: WindowClasses
-  /** Element manager for window DOM element/ Менеджер элементов для DOM элемента окна */
-  readonly element: WindowElement
-  readonly tabIndex: TabIndexInclude
-
-  /** Status manager for window state/ Менеджер статуса для состояния окна */
-  readonly status: WindowStatus
-  /** Persistent manager for window data/ Менеджер постоянных данных для окна */
-  readonly persistent: WindowPersistent
-  /** Flash manager for window animations/ Менеджер анимаций для окна */
-  readonly flash: WindowFlash
-  /** Coordinates manager for window positioning/ Менеджер координат для позиционирования окна */
-  readonly coordinates: WindowCoordinates
-  /** Position manager for window placement/ Менеджер позиции для размещения окна */
-  readonly position: WindowPosition
-  /** Origin manager for window transformations/ Менеджер начальной точки для трансформаций окна */
-  readonly origin: WindowOrigin
-  /** Static mode manager for window behavior/ Менеджер статического режима для поведения окна */
-  readonly staticMode: WindowStatic
-  /** Emit manager for window events/ Менеджер событий для окна */
-  readonly emit: WindowEmit
-
-  /** Styles manager for window appearance/ Менеджер стилей для внешнего вида окна */
-  readonly styles: WindowStyles
-  /** Open manager for window visibility/ Менеджер открытия для видимости окна */
-  readonly open: WindowOpen
-  /** Verification manager for window state validation/ Менеджер проверки для валидации состояния окна */
-  readonly verification: WindowVerification
-  /** Event manager for window interactions/ Менеджер событий для взаимодействий с окном */
-  readonly event: WindowEvent
-
-  /** Scrollbar manager for window content/ Менеджер скроллбара для содержимого окна */
-  readonly scrollbar: ScrollbarInclude
-  /** Image manager for window content/ Менеджер изображений для содержимого окна */
-  readonly image: ImageInclude
-
-  /** Escape key manager for window closing/ Менеджер клавиши Escape для закрытия окна */
-  readonly esc: WindowEsc
-
-  readonly text: TextInclude
-
-  /** Hidden manager for hiding elements outside the window when open/ Менеджер скрытия элементов вне окна при открытии */
-  readonly hidden: WindowHidden
-
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param refs input data in the form of reactive elements/ входные данные в виде реактивных элементов
-   * @param element input element/ элемент ввода
-   * @param classDesign design name/ название дизайна
-   * @param className class name/ название класса
-   * @param components object for working with components/ объект для работы с компонентами
-   * @param slots object for working with slots/ объект для работы со слотами
-   * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
-   */
-  constructor(
-    protected readonly props: WindowPropsBasic,
-    protected readonly refs: ToRefs<WindowPropsBasic>,
-    element: Ref<HTMLDivElement | undefined>,
-    protected readonly classDesign: string,
-    protected readonly className: string,
-    protected readonly components?: DesignComp<WindowComponents, WindowPropsBasic>,
-    protected readonly slots?: WindowSlots,
-    protected readonly emits?: ConstrEmit<WindowEmits>
-  ) {
-    this.hook = new WindowHook(props)
-
-    this.classes = new WindowClasses(className)
-    this.element = new WindowElement(this.classes, element)
-    this.client = new WindowClient(this.element)
-    this.tabIndex = new TabIndexInclude(
-      () => this.element.getBody()
-    )
-
-    this.status = new WindowStatus(this.element)
-    this.persistent = new WindowPersistent(props, this.classes, this.element)
-    this.flash = new WindowFlash(props, this.classes)
-    this.coordinates = new WindowCoordinates(this.classes, this.element)
-    this.position = new WindowPosition(props, this.client, this.element, this.coordinates)
-    this.origin = new WindowOrigin(this.client, this.element, this.position)
-    this.staticMode = new WindowStatic(props, refs, this.element)
-    this.emit = new WindowEmit(this.classes, this.element, emits)
-
-    this.styles = new WindowStyles(
-      this.element,
-      this.coordinates,
-      this.position,
-      this.origin,
-      className
-    )
-    this.open = new WindowOpen(
-      props,
-      this.client,
-      this.hook,
-      this.element,
-      this.tabIndex,
-      this.status,
-      this.flash,
-      this.coordinates,
-      this.position,
-      this.origin,
-      this.emit,
-      this.styles
-    )
-
-    this.verification = new WindowVerification(
-      props,
-      this.persistent,
-      this.classes,
-      this.element,
-      this.staticMode,
-      this.open
-    )
-    this.event = new WindowEvent(
-      props,
-      this.status,
-      this.client,
-      this.flash,
-      this.open,
-      this.verification
-    )
-
-    this.scrollbar = new ScrollbarInclude(
-      props,
-      className,
-      components,
-      emits
-    )
-    this.image = new ImageInclude(
-      props,
-      components,
-      emits
-    )
-    this.esc = new WindowEsc(
-      this.open.item,
-      () => this.open.close(),
-      () => !this.props.persistent
-    )
-    this.text = new TextInclude(this.props)
-    this.hidden = new WindowHidden(this.classes, this.open)
-
-    new ModelInclude<boolean>('open', this.emits, this.open.item)
-
-    onMounted(() => {
-      watch([refs.open], () => this.open.set(props.open), { immediate: true })
-    })
-    onUnmounted(this.stop)
-  }
-
-  /** Checks if the role is a menu/ Проверяет, является ли роль меню */
-  isMenu(): boolean {
-    return this.props.role === 'menu'
-      || this.props.role === 'menuitemcheckbox'
-      || this.props.role === 'menuitemradio'
-  }
-
-  /** Returns data for managing slot data/ Возвращает данные для управления данными слотами */
-  readonly slotData = computed<WindowControlItem>(() => ({
-    classesWindow: this.classes.list,
-    class: this.classes.list.controlId,
-    open: this.open.item,
-    onclick: this.event.onClick,
-    oncontextmenu: this.event.onContextmenu,
-    binds: {
-      class: this.classes.list.controlId,
-      onclick: this.event.onClick,
-      oncontextmenu: this.event.onContextmenu,
-      ...AriaStaticInclude.control(
-        this.classes.getControlId(),
-        this.classes.getId(),
-        this.props.ariaHaspopup,
-        this.open.item.value
-      )
-    }
-  }))
-
-  /**
-   * Returns the list of available classes.
-   *
-   * Возвращает список доступных классов.
-   */
-  readonly classesList = computed<ConstrClassObject>(() => ({
-    [this.classes.getId()]: true,
-    [`${this.className}--staticMode`]: this.staticMode.item.value
-  }))
-
-  /**
-   * Restores the data to its previous state.
-   *
-   * Восстанавливает данные в прежнее состояние.
-   */
-  protected readonly stop = (): void => {
-    this.event.stop()
-    this.staticMode.stop()
-  }
-}

package/src/constructors/Window/WindowClasses.ts

@@ -1,213 +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()}`
-  protected readonly controlId = `${this.id}-control`
-
-  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)
-    )
-  }
-
-  /**
-   * Checks if the selected element is a window teleport.
-   *
-   * Проверяет, является ли выбранный элемент телепортом окна.
-   * @param target selected item/ выбранный элемент
-   */
-  isWindowTeleport(target?: HTMLElement): boolean {
-    return Boolean(
-      target
-      && target.classList.contains(`${this.className}__teleport`)
-    )
-  }
-
-  /**
-   * Checks if the selected element is a window or a window teleport.
-   *
-   * Проверяет, является ли выбранный элемент окном или телепортом окна.
-   * @param target selected item/ выбранный элемент
-   */
-  isWindowOrTeleport(target?: HTMLElement): boolean {
-    return this.isWindow(target) || this.isWindowTeleport(target)
-  }
-
-  /**
-   * Returns the identifier of the current window.
-   *
-   * Возвращает идентификатор текущего окна.
-   */
-  getId(): string {
-    return this.id
-  }
-
-  /**
-   * Returns the identifier of the control of the current window.
-   *
-   * Возвращает идентификатор контроля текущего окна.
-   */
-  getControlId(): string {
-    return this.controlId
-  }
-
-  /**
-   * 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()
-    }
-  }
-}