@dxtmisha/constructor 0.30.1 → 0.39.3

package/src/constructors/Anchor/AnchorEvent.ts

@@ -1,76 +0,0 @@
-import { ref } from 'vue'
-import { writeClipboardData } from '@dxtmisha/functional'
-
-import { TooltipInclude } from '../Tooltip'
-import { AnchorHref } from './AnchorHref'
-import { AnchorTo } from './AnchorTo'
-
-import type { AnchorProps } from './props'
-
-/**
- * Anchor event handler
- *
- * Обработчик событий Anchor
- */
-export class AnchorEvent {
-  readonly copy = ref<boolean>()
-
-  protected timeout: any
-
-  /**
-   * Constructor
-   * @param props input data / входные данные
-   * @param tooltip tooltip / подсказка
-   * @param href href handler / обработчик ссылки
-   * @param to scroll handler / обработчик прокрутки
-   */
-  constructor(
-    protected readonly props: AnchorProps,
-    protected readonly tooltip: TooltipInclude,
-    protected readonly href: AnchorHref,
-    protected readonly to?: AnchorTo
-  ) {
-  }
-
-  /**
-   * Is copy state
-   *
-   * Является ли состоянием копирования
-   */
-  isCopy(): boolean {
-    return Boolean(this.copy.value)
-  }
-
-  /**
-   * On click handler
-   *
-   * Обработчик нажатия
-   */
-  readonly onClick = (event: MouseEvent): void => {
-    event.preventDefault()
-
-    if (this.props.isCopy) {
-      writeClipboardData(this.href.getLink())
-        .then(() => this.toCopy())
-    } else {
-      this.to?.go()
-    }
-  }
-
-  /**
-   * Trigger copy state
-   *
-   * Запустить состояние копирования
-   */
-  protected toCopy() {
-    clearTimeout(this.timeout)
-
-    this.copy.value = true
-    this.tooltip.open()
-
-    this.timeout = setTimeout(() => {
-      this.copy.value = false
-      this.tooltip.close()
-    }, this.props.delayHide ?? 1024)
-  }
-}

package/src/constructors/Anchor/AnchorHref.ts

@@ -1,54 +0,0 @@
-import { computed } from 'vue'
-import type { AnchorProps } from './props'
-
-/**
- * Anchor href attribute handler
- *
- * Обработчик атрибута href якоря
- */
-export class AnchorHref {
-  /**
-   * Constructor
-   * @param props input data / входные данные
-   */
-  constructor(
-    protected readonly props: AnchorProps
-  ) {
-  }
-
-  /** Computed href attribute/ Вычисляемый атрибут href */
-  readonly href = computed<string | undefined>(() => {
-    if (this.props.name) {
-      return `#${this.props.name}`
-    }
-
-    return undefined
-  })
-
-  /**
-   * Check if href exists
-   *
-   * Проверить, существует ли href
-   */
-  is() {
-    return Boolean(this.href.value)
-  }
-
-  /**
-   * Get href value
-   *
-   * Получить значение href
-   */
-  get(): string | undefined {
-    return this.href.value
-  }
-
-  /**
-   * Get full link
-   *
-   * Получить полную ссылку
-   */
-  getLink() {
-    return `${location.origin}${location.pathname}${this.href.value}`
-  }
-}

package/src/constructors/Anchor/AnchorIcon.ts

@@ -1,54 +0,0 @@
-import { computed } from 'vue'
-import type { AnchorProps } from './props'
-import type { ConstrBind } from '@dxtmisha/functional'
-import type { IconProps } from '../Icon'
-import { AnchorEvent } from './AnchorEvent.ts'
-
-/**
- * Class for working with the anchor icon
- *
- * Класс для работы с иконкой якоря
- */
-export class AnchorIcon {
-  /**
-   * Constructor
-   * @param props input data / входные данные
-   * @param event event handler / обработчик событий
-   */
-  constructor(
-    protected readonly props: AnchorProps,
-    protected readonly event: AnchorEvent
-  ) {
-  }
-
-  /** Icon to display/ Иконка для отображения */
-  readonly icon = computed<string | undefined>(() => {
-    if (this.props.hide) {
-      return undefined
-    }
-
-    if (this.props.isCopy) {
-      return this.props.iconTag
-    }
-
-    return this.props.iconLink
-  })
-
-  /** Binds for the icon/ Привязки для иконки */
-  readonly binds = computed<ConstrBind<IconProps>>(() => {
-    return {
-      icon: this.icon.value,
-      iconActive: this.props.iconContentCopy,
-      active: this.event.isCopy()
-    }
-  })
-
-  /**
-   * Check if the icon is set
-   *
-   * Проверяет, установлена ли иконка
-   */
-  is(): boolean {
-    return Boolean(this.icon.value)
-  }
-}

package/src/constructors/Anchor/AnchorTo.ts

@@ -1,46 +0,0 @@
-import type { Ref } from 'vue'
-import { goScrollSmooth, toNumber } from '@dxtmisha/functional'
-
-import { AnchorHref } from './AnchorHref'
-import type { AnchorProps } from './props'
-
-/**
- * Anchor scroll handler
- *
- * Обработчик прокрутки якоря
- */
-export class AnchorTo {
-  /**
-   * Constructor
-   * @param props input data / входные данные
-   * @param element input element / элемент ввода
-   * @param href href handler / обработчик ссылки
-   */
-  constructor(
-    protected readonly props: AnchorProps,
-    protected readonly element: Ref<HTMLElement | undefined>,
-    protected readonly href: AnchorHref
-  ) {
-  }
-
-  /**
-   * Scroll to element
-   *
-   * Прокрутить к элементу
-   */
-  go() {
-    if (this.element.value) {
-      goScrollSmooth(
-        this.element.value,
-        {
-          behavior: this.props.behavior,
-          block: this.props.block,
-          inline: this.props.inline
-        },
-        toNumber(this.props.shift)
-      )
-
-      history.replaceState({}, '', this.href.get())
-    }
-  }
-}

package/src/constructors/Anchor/basicTypes.ts

@@ -1,9 +0,0 @@
-import type { NumberOrString } from '@dxtmisha/functional'
-
-/** Anchor scroll properties/ Свойства прокрутки якоря */
-export interface AnchorScrollProps {
-  shift?: NumberOrString
-  behavior?: ScrollIntoViewOptions['behavior']
-  block?: ScrollIntoViewOptions['block']
-  inline?: ScrollIntoViewOptions['inline']
-}

package/src/constructors/Anchor/index.ts

@@ -1,5 +0,0 @@
-export * from './Anchor'
-export * from './AnchorDesign'
-export * from './props'
-export * from './types'
-export * from './basicTypes'

package/src/constructors/Anchor/properties.json

@@ -1,3 +0,0 @@
-{
-  "#label": {}
-}

package/src/constructors/Anchor/props.ts

@@ -1,54 +0,0 @@
-import type { TooltipProps, TooltipPropsInclude } from '../Tooltip'
-
-import type { LabelProps } from '../../types/labelTypes'
-import type { TextCopiedClipboardPropsInclude } from '../../types/textTypes'
-import type { AnchorScrollProps } from './basicTypes'
-
-interface AnchorPropsToken {
-  // :type [!] System label / Системная метка
-  // :type [!] System label / Системная метка
-}
-
-export interface AnchorPropsBasic<
-  Tooltip extends TooltipProps = TooltipProps
-> extends LabelProps,
-  TooltipPropsInclude<Tooltip>,
-  TextCopiedClipboardPropsInclude,
-  AnchorScrollProps {
-  // Status
-  hide?: boolean
-
-  // Value
-  name?: string
-
-  // Style
-  isCopy?: boolean
-
-  iconLink?: string
-  iconTag?: string
-  iconContentCopy?: string
-
-  delayHide?: number
-}
-
-/**
- * Type describing incoming properties.
- *
- * Тип, описывающий входящие свойства.
- */
-export interface AnchorProps extends AnchorPropsBasic, AnchorPropsToken {
-}
-
-/**
- * Default value for property.
- *
- * Значение по умолчанию для свойства.
- */
-export const defaultsAnchor = {
-  shift: 64,
-  delayHide: 3_072,
-  ...{
-    // :default [!] System label / Системная метка
-    // :default [!] System label / Системная метка
-  }
-}

package/src/constructors/Anchor/types.ts

@@ -1,47 +0,0 @@
-import type { ConstrClass } from '@dxtmisha/functional'
-import type { TooltipComponentInclude } from '../Tooltip'
-import type { LabelExpose, LabelSlots } from '../../types/labelTypes'
-import type { IconComponentInclude } from '../Icon'
-
-/**
- * Interface for describing which components need to be connected for work.
- *
- * Интерфейс для описания, какие компоненты надо подключить для работы.
- */
-export type AnchorComponents = TooltipComponentInclude
-  & IconComponentInclude
-
-/**
- * Type describing available events.
- *
- * Тип, описывающий доступные события.
- */
-export type AnchorEmits = {}
-
-/**
- * Type describing available properties.
- *
- * Тип, описывающий доступные свойства.
- */
-export interface AnchorExpose extends LabelExpose {
-  go(): void
-}
-
-/**
- * Type describing available slots.
- *
- * Тип, описывающий доступные слоты.
- */
-export interface AnchorSlots extends LabelSlots {
-}
-
-/**
- * Type describing subclasses.
- *
- * Тип, описывающий подклассы.
- */
-export type AnchorClasses = {
-  main: ConstrClass
-  // :classes [!] System label / Системная метка
-  // :classes [!] System label / Системная метка
-}

package/src/constructors/Arrow/Arrow.ts

@@ -1,134 +0,0 @@
-import { computed, type Ref, type ToRefs } from 'vue'
-import {
-  type ConstrClassObject,
-  type ConstrEmit,
-  type ConstrStyles,
-  DesignComp,
-  isFilled
-} from '@dxtmisha/functional'
-
-import { ArrowElement } from './ArrowElement'
-import { ArrowElementTarget } from './ArrowElementTarget'
-import { ArrowParent } from './ArrowParent'
-import { ArrowPosition } from './ArrowPosition'
-import { ArrowEvent } from './ArrowEvent'
-
-import { ArrowDirection } from './basicTypes'
-import type { ArrowComponents, ArrowEmits, ArrowSlots } from './types'
-import type { ArrowProps } from './props'
-
-/**
- * Arrow
- */
-export class Arrow {
-  readonly elementItem: ArrowElement
-  readonly elementTarget: ArrowElementTarget
-  readonly parent: ArrowParent
-  readonly position: ArrowPosition
-  readonly event: ArrowEvent
-
-  /**
-   * 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/ функция вызывается, когда срабатывает событие
-   * @param ArrowElementConstructor class for working with the arrow element/ класс для работы с элементом стрелки
-   * @param ArrowElementTargetConstructor class for working with the target element of the arrow/ класс для работы с целевым элементом стрелки
-   * @param ArrowParentConstructor class for working with the parent element of the arrow/ класс для работы с родительским элементом стрелки
-   * @param ArrowPositionConstructor class for working with the position of the arrow/ класс для работы с позицией стрелки
-   * @param ArrowEventConstructor class for working with arrow events/ класс для работы с событиями стрелки
-   */
-  constructor(
-    protected readonly props: ArrowProps,
-    protected readonly refs: ToRefs<ArrowProps>,
-    protected readonly element: Ref<HTMLElement | undefined>,
-    protected readonly classDesign: string,
-    protected readonly className: string,
-    protected readonly components?: DesignComp<ArrowComponents, ArrowProps>,
-    protected readonly slots?: ArrowSlots,
-    protected readonly emits?: ConstrEmit<ArrowEmits>,
-    protected readonly ArrowElementConstructor: typeof ArrowElement = ArrowElement,
-    protected readonly ArrowElementTargetConstructor: typeof ArrowElementTarget = ArrowElementTarget,
-    protected readonly ArrowParentConstructor: typeof ArrowParent = ArrowParent,
-    protected readonly ArrowPositionConstructor: typeof ArrowPosition = ArrowPosition,
-    protected readonly ArrowEventConstructor: typeof ArrowEvent = ArrowEvent
-  ) {
-    this.elementItem = new ArrowElementConstructor(
-      this.element,
-      this.className
-    )
-    this.elementTarget = new ArrowElementTargetConstructor(this.props)
-    this.parent = new ArrowParentConstructor(
-      this.element,
-      this.className,
-      this.elementItem
-    )
-
-    this.position = new ArrowPositionConstructor(
-      this.props,
-      this.elementItem,
-      this.elementTarget,
-      this.parent
-    )
-
-    this.event = new ArrowEventConstructor(
-      this.props,
-      this.refs,
-      this.element,
-      this.elementTarget,
-      this.parent,
-      this.position
-    )
-  }
-
-  /** Direction of the arrow/ Направление стрелки */
-  readonly direction = computed<ArrowDirection>(() => {
-    if (isFilled(this.props.position)) {
-      const directionPosition = this.position.direction.value
-
-      if (directionPosition) {
-        return directionPosition
-      }
-    }
-
-    return ArrowDirection.HIDE
-  })
-
-  /** Classes for the component/ Классы для компонента */
-  readonly classes = computed<ConstrClassObject>(() => {
-    return {
-      [`${this.className}--direction--${this.direction.value}`]: Boolean(this.direction.value)
-    }
-  })
-
-  /** Styles for the component/ Стили для компонента */
-  readonly styles = computed<ConstrStyles>(() => {
-    const styles = {
-      [`--${this.className}-sys-background`]: this.parent.background.value,
-      [`--${this.className}-sys-borderWidth`]: this.parent.borderWidth.value,
-      [`--${this.className}-sys-borderColor`]: this.parent.borderColor.value,
-      [`--${this.className}-sys-borderRadius`]: this.parent.borderRadius.value
-    }
-
-    if (
-      this.parent.isBorder.value
-      && this.position.clipPath.value
-    ) {
-      styles[`--${this.className}-sys-clipPath`] = this.position.clipPath.value
-    }
-
-    if (
-      this.elementTarget.is()
-      && this.position.shift.value
-    ) {
-      styles[`--${this.className}-sys-shift`] = this.position.shift.value
-    }
-
-    return styles
-  })
-}