@dxtmisha/constructor 0.30.1 → 0.39.3

package/src/constructors/Progress/props.ts

@@ -1,58 +0,0 @@
-import type { AriaLabelPropsInclude, AriaLivePropsInclude } from '../../types/ariaTypes'
-
-interface ProgressPropsToken {
-  // :type [!] System label / Системная метка
-  point?: boolean
-  linear?: boolean
-  circular?: boolean
-  indeterminate?: 'type1' | 'type2' | 'type3'
-  position?: 'top' | 'bottom' | 'static'
-  dense?: boolean
-  inverse?: boolean
-  // :type [!] System label / Системная метка
-}
-
-export interface ProgressPropsBasic extends AriaLabelPropsInclude,
-  AriaLivePropsInclude {
-  // Status
-  visible?: boolean
-
-  // Value
-  value?: number | string
-  max?: number | string
-
-  // Style
-  linear?: boolean
-  circular?: boolean
-  point?: boolean
-
-  delay?: number | string
-  delayHide?: number | string
-}
-
-/**
- * Type describing incoming properties.
- *
- * Тип, описывающий входящие свойства.
- */
-export interface ProgressProps extends ProgressPropsBasic, ProgressPropsToken {
-}
-
-/**
- * Default value for property.
- *
- * Значение по умолчанию для свойства.
- */
-export const defaultsProgress = {
-  max: 100,
-  delay: 360,
-  delayHide: 200,
-  ariaLive: 'polite',
-  ...{
-    // :default [!] System label / Системная метка
-    linear: true,
-    indeterminate: 'type1',
-    position: 'top'
-    // :default [!] System label / Системная метка
-  }
-}

package/src/constructors/Progress/types.ts

@@ -1,43 +0,0 @@
-import type { ConstrClass } from '@dxtmisha/functional'
-
-/**
- * Interface for describing which components need to be connected for work.
- *
- * Интерфейс для описания, какие компоненты надо подключить для работы.
- */
-export type ProgressComponents = {}
-
-/**
- * Type describing available events.
- *
- * Тип, описывающий доступные события.
- */
-export type ProgressEmits = {}
-
-/**
- * Type describing available properties.
- *
- * Тип, описывающий доступные свойства.
- */
-export interface ProgressExpose {}
-
-/**
- * Type describing available slots.
- *
- * Тип, описывающий доступные слоты.
- */
-export interface ProgressSlots {}
-
-/**
- * Type describing subclasses.
- *
- * Тип, описывающий подклассы.
- */
-export type ProgressClasses = {
-  main: ConstrClass
-  // :classes [!] System label / Системная метка
-  circle: string
-  circleSub: string
-  point: string
-  // :classes [!] System label / Системная метка
-}

package/src/constructors/Ripple/Ripple.ts

@@ -1,46 +0,0 @@
-import type { Ref, ToRefs } from 'vue'
-import { type ConstrEmit, DesignComp } from '@dxtmisha/functional'
-
-import { RippleItem } from './RippleItem'
-
-import type { RippleComponents, RippleEmits, RippleSlots } from './types'
-import type { RippleProps } from './props'
-
-/**
- * Base Ripple class for working in Vue.
- *
- * Базовый класс Ripple для работы во Vue.
- */
-export class Ripple {
-  protected readonly item: RippleItem
-
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param refs input data in the form of reactive elements/ входные данные в виде реактивных элементов
-   * @param element input element/ элемент ввода
-   * @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: RippleProps,
-    protected readonly refs: ToRefs<RippleProps>,
-    protected readonly element: Ref<HTMLSpanElement | undefined>,
-    protected readonly className: string,
-    protected readonly components?: DesignComp<RippleComponents, RippleProps>,
-    protected readonly slots?: RippleSlots,
-    protected readonly emits?: ConstrEmit<RippleEmits>
-  ) {
-    this.item = new RippleItem(props, element, className)
-  }
-
-  /**
-   * The click event adds a wave effect element.
-   *
-   * Событие клика добавляет элемент эффекта волна.
-   * @param event click event/ событие клика
-   */
-  readonly onClick = (event: MouseEvent) => this.item.add(event.offsetX, event.offsetY)
-}

package/src/constructors/Ripple/RippleDesign.tsx

@@ -1,115 +0,0 @@
-import { h, type VNode } from 'vue'
-import {
-  type ConstrOptions,
-  type ConstrStyles,
-  DesignConstructorAbstract
-} from '@dxtmisha/functional'
-
-import { AriaStaticInclude } from '../../classes/AriaStaticInclude'
-import { Ripple } from './Ripple'
-
-import {
-  type RipplePropsBasic
-} from './props'
-import {
-  type RippleClasses,
-  type RippleComponents,
-  type RippleEmits,
-  type RippleExpose,
-  type RippleSlots
-} from './types'
-
-/**
- * RippleDesign
- */
-export class RippleDesign<
-  COMP extends RippleComponents,
-  EXPOSE extends RippleExpose,
-  CLASSES extends RippleClasses,
-  P extends RipplePropsBasic
-> extends DesignConstructorAbstract<
-    HTMLSpanElement,
-    COMP,
-    RippleEmits,
-    EXPOSE,
-    RippleSlots,
-    CLASSES,
-    P
-  > {
-  protected readonly item: Ripple
-
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   */
-  constructor(
-    name: string,
-    props: Readonly<P>,
-    options?: ConstrOptions<COMP, RippleEmits, P>
-  ) {
-    super(
-      name,
-      props,
-      options
-    )
-
-    this.item = new Ripple(
-      this.props,
-      this.refs,
-      this.element,
-      this.getName(),
-      this.components,
-      this.slots,
-      this.emits
-    )
-
-    this.init()
-  }
-
-  /**
-   * Initialization of all the necessary properties for work<br>
-   * Инициализация всех необходимых свойств для работы.
-   */
-  protected initExpose(): EXPOSE {
-    return {} as EXPOSE
-  }
-
-  /**
-   * Improvement of the obtained list of classes.<br>
-   * Доработка полученного списка классов.
-   */
-  protected initClasses(): Partial<CLASSES> {
-    return {
-      main: {},
-      ...{
-        // :classes [!] System label / Системная метка
-        item: this.getSubClass('item')
-        // :classes [!] System label / Системная метка
-      }
-    } as Partial<CLASSES>
-  }
-
-  /**
-   * Refinement of the received list of styles.<br>
-   * Доработка полученного списка стилей.
-   */
-  protected initStyles(): ConstrStyles {
-    return {}
-  }
-
-  /**
-   * A method for rendering.
-   * Метод для рендеринга.
-   */
-  protected initRender(): VNode {
-    return h('span', {
-      ref: this.element,
-      key: 'ripple',
-      class: this.classes?.value.main,
-      onPointerdown: this.item.onClick,
-      ...AriaStaticInclude.hidden()
-    })
-  }
-}

package/src/constructors/Ripple/RippleInclude.ts

@@ -1,39 +0,0 @@
-import type { VNode } from 'vue'
-import { DesignComponents } from '@dxtmisha/functional'
-
-import { EnabledInclude } from '../../classes/EnabledInclude'
-
-import type { RippleComponentsInclude } from './basicTypes'
-import type { RipplePropsBasic } from './props'
-
-export class RippleInclude {
-  constructor(
-    protected readonly className: string,
-    protected readonly components?: DesignComponents<RippleComponentsInclude, RipplePropsBasic>,
-    protected readonly enabled?: EnabledInclude
-  ) {
-  }
-
-  /**
-   * Render Ripple
-   *
-   * Рендер Ripple
-   */
-  readonly render = (): VNode[] => {
-    if (
-      this.components
-      && this.components.is('ripple')
-      && (
-        !this.enabled
-        || this.enabled.isEnabled.value
-      )
-    ) {
-      return this.components.render(
-        'ripple',
-        { class: `${this.className}__ripple` }
-      )
-    }
-
-    return []
-  }
-}

package/src/constructors/Ripple/RippleItem.ts

@@ -1,62 +0,0 @@
-import { type Ref } from 'vue'
-import { createElement } from '@dxtmisha/functional'
-
-import type { RippleProps } from './props'
-
-/**
- * Class for managing the effect element.
- *
- * Класс для управления элементом эффекта.
- */
-export class RippleItem {
-  protected readonly classItem: string
-  protected readonly classEnd: string
-
-  protected readonly styleX: string
-  protected readonly styleY: string
-
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param element image element for scaling/ элемент изображения для масштабирования
-   * @param className list of available classes/ список доступных классов
-   */
-
-  constructor(
-    protected readonly props: RippleProps,
-    protected readonly element: Ref<HTMLSpanElement | undefined>,
-    protected readonly className: string
-  ) {
-    this.classItem = `${this.className}__item`
-    this.classEnd = `${this.className}--end`
-
-    this.styleX = `--${this.className}-sys-x`
-    this.styleY = `--${this.className}-sys-y`
-  }
-
-  /**
-   * Adding a new light element.
-   *
-   * Добавление нового элемента свечения.
-   * @param x x-coordinate/ x-координата
-   * @param y y-coordinate/ y-координата
-   */
-  add(x: number, y: number): void {
-    if (this.props?.disabled) {
-      return
-    }
-
-    const element = this.element.value
-
-    if (element) {
-      createElement<HTMLSpanElement>(element, 'span', (item) => {
-        item.onanimationend = () => item.classList.add(this.classEnd)
-        item.ontransitionend = () => item.parentElement?.removeChild(item)
-
-        item.style.setProperty(this.styleX, `${x}px`)
-        item.style.setProperty(this.styleY, `${y}px`)
-        item.classList.add(this.classItem)
-      })
-    }
-  }
-}

package/src/constructors/Ripple/basicTypes.ts

@@ -1,3 +0,0 @@
-export type RippleComponentsInclude = {
-  ripple?: object
-}

package/src/constructors/Ripple/index.ts

@@ -1,6 +0,0 @@
-export * from './Ripple'
-export * from './RippleDesign'
-export * from './RippleInclude'
-export * from './props'
-export * from './types'
-export * from './basicTypes'

package/src/constructors/Ripple/properties.json

@@ -1,9 +0,0 @@
-{
-  "background-color": {
-    "_type": "var"
-  },
-  "background-opacity": {
-    "_type": "var"
-  },
-  "#item": {}
-}

package/src/constructors/Ripple/props.ts

@@ -1,28 +0,0 @@
-interface RipplePropsToken {
-  // :type [!] System label / Системная метка
-  // :type [!] System label / Системная метка
-}
-
-export interface RipplePropsBasic {
-  disabled?: boolean
-}
-
-/**
- * Type describing incoming properties.
- *
- * Тип, описывающий входящие свойства.
- */
-export interface RippleProps extends RipplePropsBasic, RipplePropsToken {
-}
-
-/**
- * Default value for property.
- *
- * Значение по умолчанию для свойства.
- */
-export const defaultsRipple = {
-  ...{
-    // :default [!] System label / Системная метка
-    // :default [!] System label / Системная метка
-  }
-}

package/src/constructors/Ripple/types.ts

@@ -1,41 +0,0 @@
-import type { ConstrClass } from '@dxtmisha/functional'
-
-/**
- * Interface for describing which components need to be connected for work.
- *
- * Интерфейс для описания, какие компоненты надо подключить для работы.
- */
-export type RippleComponents = {}
-
-/**
- * Type describing available events.
- *
- * Тип, описывающий доступные события.
- */
-export type RippleEmits = {}
-
-/**
- * Type describing available properties.
- *
- * Тип, описывающий доступные свойства.
- */
-export interface RippleExpose {}
-
-/**
- * Type describing available slots.
- *
- * Тип, описывающий доступные слоты.
- */
-export interface RippleSlots {}
-
-/**
- * Type describing subclasses.
- *
- * Тип, описывающий подклассы.
- */
-export type RippleClasses = {
-  main: ConstrClass
-  // :classes [!] System label / Системная метка
-  item: string
-  // :classes [!] System label / Системная метка
-}

package/src/constructors/Scrollbar/Scrollbar.ts

@@ -1,66 +0,0 @@
-import { computed, type Ref, type ToRefs } from 'vue'
-import {
-  type ConstrClassObject,
-  type ConstrEmit,
-  type DesignComp,
-  ScrollbarWidthRef
-} from '@dxtmisha/functional'
-
-import { ScrollbarBorder } from './ScrollbarBorder'
-
-import type { ScrollbarComponents, ScrollbarEmits, ScrollbarSlots } from './types'
-import type { ScrollbarPropsBasic } from './props'
-
-/**
- * Scrollbar class provides functionality for managing scrollbar behavior and appearance.
- * It handles scroll width calculations and border display based on scroll position.
- *
- * Класс Scrollbar предоставляет функциональность для управления поведением и внешним видом полосы прокрутки.
- * Он обрабатывает вычисления ширины скролла и отображение границ на основе позиции скролла.
- */
-export class Scrollbar {
-  readonly width: ScrollbarWidthRef
-  readonly border: ScrollbarBorder
-
-  /**
-   * Constructor for Scrollbar class.
-   *
-   * Конструктор класса Scrollbar.
-   * @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: ScrollbarPropsBasic,
-    protected readonly refs: ToRefs<ScrollbarPropsBasic>,
-    protected readonly element: Ref<HTMLElement | undefined>,
-    protected readonly classDesign: string,
-    protected readonly className: string,
-    protected readonly components?: DesignComp<ScrollbarComponents, ScrollbarPropsBasic>,
-    protected readonly slots?: ScrollbarSlots,
-    protected readonly emits?: ConstrEmit<ScrollbarEmits>
-  ) {
-    this.width = new ScrollbarWidthRef()
-    this.border = new ScrollbarBorder(
-      props,
-      refs,
-      element as any,
-      className,
-      emits
-    )
-  }
-
-  /**
-   * Returns values for the class.
-   *
-   * Возвращает значения для класса.
-   */
-  readonly classes = computed<ConstrClassObject>(() => ({
-    [`${this.className}--disabled`]: Boolean(this.width.item.value)
-  }))
-}