@dxtmisha/constructor 0.30.1 → 0.39.3

package/src/constructors/SelectValue/props.ts

@@ -1,48 +0,0 @@
-import type { ConstrBind, ListList } from '@dxtmisha/functional'
-
-import type { IconPropsBasic, IconValue } from '../Icon'
-import type { ChipPropsBasic, ChipPropsInclude } from '../Chip'
-
-import type { EnabledProps } from '../../types/enabledTypes'
-
-interface SelectValuePropsToken {
-  // :type [!] System label / Системная метка
-  // :type [!] System label / Системная метка
-}
-
-export interface SelectValuePropsBasic<
-  Icon extends IconPropsBasic = IconPropsBasic,
-  Chip extends ChipPropsBasic = ChipPropsBasic
-> extends EnabledProps, ChipPropsInclude<Chip> {
-  // Value
-  placeholder?: string
-  value?: ListList
-
-  // Style
-  multiple?: boolean
-
-  iconShow?: boolean
-  iconAttrs?: ConstrBind<Icon>
-
-  iconCancel?: IconValue<Icon>
-}
-
-/**
- * Type describing incoming properties.
- *
- * Тип, описывающий входящие свойства.
- */
-export interface SelectValueProps extends SelectValuePropsBasic, SelectValuePropsToken {
-}
-
-/**
- * Default value for property.
- *
- * Значение по умолчанию для свойства.
- */
-export const defaultsSelectValue = {
-  ...{
-    // :default [!] System label / Системная метка
-    // :default [!] System label / Системная метка
-  }
-}

package/src/constructors/SelectValue/types.ts

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

package/src/constructors/Skeleton/Skeleton.ts

@@ -1,84 +0,0 @@
-import { computed, type ComputedRef, inject, provide, type Ref, type ToRefs } from 'vue'
-import { type ConstrEmit, DesignComp } from '@dxtmisha/functional'
-
-import type { SkeletonClassesList } from './basicTypes'
-import type { SkeletonComponents, SkeletonEmits, SkeletonSlots } from './types'
-import type { SkeletonProps } from './props'
-
-import { SKELETON_NAME_STATUS } from './const'
-
-/**
- * Skeleton
- */
-export class Skeleton {
-  protected status?: ComputedRef<boolean>
-
-  /**
-   * Returns the list of available classes.
-   *
-   * Возвращает список доступных классов для текуший элемента.
-   */
-  readonly classes: SkeletonClassesList
-
-  /**
-   * 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: SkeletonProps,
-    protected readonly refs: ToRefs<SkeletonProps>,
-    protected readonly element: Ref<HTMLElement | undefined>,
-    protected readonly className: string,
-    protected readonly components?: DesignComp<SkeletonComponents, SkeletonProps>,
-    protected readonly slots?: SkeletonSlots,
-    protected readonly emits?: ConstrEmit<SkeletonEmits>
-  ) {
-    this.status = inject<ComputedRef<boolean> | undefined>(SKELETON_NAME_STATUS, undefined)
-    this.classes = Skeleton.getClassesList(this.className)
-
-    provide(SKELETON_NAME_STATUS, this.isActive)
-  }
-
-  /**
-   * Checks if the loading mode is enabled.
-   *
-   * Проверяет, включен ли режим загрузки.
-   */
-  readonly isActive = computed<boolean>(() => Boolean(this.status?.value || this.props.active))
-
-  /**
-   * Returns the list of available classes.
-   *
-   * Возвращает список доступных классов.
-   * @param className class name/ название класса
-   */
-  static getClassesList(className: string): SkeletonClassesList {
-    return {
-      classText: `${className}__text`,
-      classTextVariant: `${className}__textVariant`,
-      classBackground: `${className}__background`,
-      classBackgroundAfter: `${className}__backgroundAfter`,
-      classBackgroundBefore: `${className}__backgroundBefore`,
-      classBackgroundVariant: `${className}__backgroundVariant`,
-      classBorder: `${className}__border`,
-      classBorderVariant: `${className}__borderVariant`,
-      classNone: `${className}__none`
-    }
-  }
-
-  /**
-   * Returns a list of available classes by design name.
-   *
-   * Возвращает список доступных классов по названию дизайна.
-   * @param design design name/ названия дизайна
-   */
-  static getClassesListByDesign(design: string): SkeletonClassesList {
-    return this.getClassesList(`${design}-skeleton`)
-  }
-}

package/src/constructors/Skeleton/SkeletonDesign.tsx

@@ -1,123 +0,0 @@
-import { h, type VNode } from 'vue'
-import {
-  type ConstrOptions,
-  type ConstrStyles,
-  DesignConstructorAbstract
-} from '@dxtmisha/functional'
-
-import { AriaStaticInclude } from '../../classes/AriaStaticInclude'
-import { Skeleton } from './Skeleton'
-
-import {
-  type SkeletonPropsBasic
-} from './props'
-import {
-  type SkeletonClasses,
-  type SkeletonComponents,
-  type SkeletonEmits,
-  type SkeletonExpose,
-  type SkeletonSlots
-} from './types'
-
-/**
- * SkeletonDesign
- */
-export class SkeletonDesign<
-  COMP extends SkeletonComponents,
-  EXPOSE extends SkeletonExpose,
-  CLASSES extends SkeletonClasses,
-  P extends SkeletonPropsBasic
-> extends DesignConstructorAbstract<
-    HTMLDivElement,
-    COMP,
-    SkeletonEmits,
-    EXPOSE,
-    SkeletonSlots,
-    CLASSES,
-    P
-  > {
-  protected readonly item: Skeleton
-
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   */
-  constructor(
-    name: string,
-    props: Readonly<P>,
-    options?: ConstrOptions<COMP, SkeletonEmits, P>
-  ) {
-    super(
-      name,
-      props,
-      options
-    )
-
-    this.item = new Skeleton(
-      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 {
-      isActive: this.item.isActive
-    } as EXPOSE
-  }
-
-  /**
-   * Improvement of the obtained list of classes.<br>
-   * Доработка полученного списка классов.
-   */
-  protected initClasses(): Partial<CLASSES> {
-    return {
-      main: {},
-      ...{
-        // :classes [!] System label / Системная метка
-        // :classes [!] System label / Системная метка
-      }
-    } as Partial<CLASSES>
-  }
-
-  /**
-   * Refinement of the received list of styles.<br>
-   * Доработка полученного списка стилей.
-   */
-  protected initStyles(): ConstrStyles {
-    return {}
-  }
-
-  /**
-   * A method for rendering.<br>
-   * Метод для рендеринга.
-   */
-  protected initRender(): VNode {
-    const children: any[] = []
-
-    this.initSlot('default', children, this.item.classes)
-
-    return h('div', {
-      ...this.getAttrs(),
-      ref: this.element,
-      class: this.classes?.value.main,
-      ...AriaStaticInclude.busy(this.item.isActive.value),
-      ...AriaStaticInclude.hidden(this.item.isActive.value),
-      ...AriaStaticInclude.live(
-        this.item.isActive.value ? 'polite' : 'off'
-      )
-    }, children)
-  }
-}

package/src/constructors/Skeleton/SkeletonInclude.ts

@@ -1,66 +0,0 @@
-import { computed, type ComputedRef, inject } from 'vue'
-import type { ConstrClassObject } from '@dxtmisha/functional'
-
-import { Skeleton } from './Skeleton'
-import type { SkeletonClassesList, SkeletonPropsInclude } from './basicTypes'
-
-import { SKELETON_NAME_STATUS } from './const'
-
-/**
- * Класс для подключения и работы с компонентом Skeleton.
- *
- * A class for connecting to and working with the Skeleton component.
- */
-export class SkeletonInclude {
-  /**
-   * Skeleton display states/ Состояния отображения Skeleton
-   */
-  protected readonly status = inject<ComputedRef<boolean> | undefined>(SKELETON_NAME_STATUS, undefined)
-
-  /**
-   * A list of available classes for the Skeleton/ Список доступных классов для Skeleton
-   */
-  readonly classesSkeleton: SkeletonClassesList
-
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param classDesign design name/ название дизайна
-   * @param classesList list of available classes/ список доступных классов
-   */
-  constructor(
-    protected readonly props: SkeletonPropsInclude,
-    classDesign: string,
-    protected readonly classesList?: (keyof SkeletonClassesList)[]
-  ) {
-    this.classesSkeleton = Skeleton.getClassesListByDesign(classDesign)
-  }
-
-  /**
-   * Indicates whether the Skeleton status is enabled/ Указывает, включён ли статус Skeleton
-   */
-  readonly isSkeleton = computed<boolean>(() => Boolean(this.status && this.status.value))
-
-  /**
-   * Returns the available list for the skeleton/ Возвращает доступный список для скелетона
-   */
-  readonly classes = computed<ConstrClassObject>(() => {
-    const classes: ConstrClassObject = {}
-
-    if (
-      this.classesList
-      && this.props.isSkeleton
-    ) {
-      this.classesList.forEach((className) => {
-        classes[this.classesSkeleton[className]] = true
-      })
-    }
-
-    return classes
-  })
-
-  /** Values for the skeleton/ Значения для скелетона */
-  readonly binds = computed(() => ({
-    isSkeleton: this.props.isSkeleton
-  }))
-}

package/src/constructors/Skeleton/basicTypes.ts

@@ -1,16 +0,0 @@
-export type SkeletonClassesList = {
-  classText: string
-  classTextVariant: string
-  classBackground: string
-  classBackgroundAfter: string
-  classBackgroundBefore: string
-  classBackgroundVariant: string
-  classBorder: string
-  classBorderVariant: string
-  classNone: string
-}
-
-export interface SkeletonPropsInclude {
-  // Style
-  isSkeleton?: boolean
-}

package/src/constructors/Skeleton/const.ts

@@ -1 +0,0 @@
-export const SKELETON_NAME_STATUS = 'skeleton-status'

package/src/constructors/Skeleton/index.ts

@@ -1,6 +0,0 @@
-export * from './Skeleton'
-export * from './SkeletonDesign'
-export * from './SkeletonInclude'
-export * from './basicTypes'
-export * from './props'
-export * from './types'

package/src/constructors/Skeleton/properties.json

@@ -1,24 +0,0 @@
-{
-  "color": {
-    "_type": "var"
-  },
-  "color-opacity": {
-    "_type": "var"
-  },
-  "background-color": {
-    "_type": "var"
-  },
-  "background-opacity": {
-    "_type": "var"
-  },
-  "border-color": {
-    "_type": "var"
-  },
-  "border-opacity": {
-    "_type": "var"
-  },
-  "opacity": {
-    "_type": "var"
-  },
-  "~active": {}
-}

package/src/constructors/Skeleton/props.ts

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

package/src/constructors/Skeleton/types.ts

@@ -1,46 +0,0 @@
-import type { ComputedRef } from 'vue'
-import type { ConstrClass } from '@dxtmisha/functional'
-import type { SkeletonClassesList } from './basicTypes'
-
-/**
- * Interface for describing which components need to be connected for work.
- *
- * Интерфейс для описания, какие компоненты надо подключить для работы.
- */
-export type SkeletonComponents = {}
-
-/**
- * Type describing available events.
- *
- * Тип, описывающий доступные события.
- */
-export type SkeletonEmits = {}
-
-/**
- * Type describing available properties.
- *
- * Тип, описывающий доступные свойства.
- */
-export interface SkeletonExpose {
-  isActive: ComputedRef<boolean>
-}
-
-/**
- * Type describing available slots.
- *
- * Тип, описывающий доступные слоты.
- */
-export interface SkeletonSlots {
-  default?(props: SkeletonClassesList): any
-}
-
-/**
- * Type describing subclasses.
- *
- * Тип, описывающий подклассы.
- */
-export type SkeletonClasses = {
-  main: ConstrClass
-  // :classes [!] System label / Системная метка
-  // :classes [!] System label / Системная метка
-}

package/src/constructors/TextareaAutosize/TextareaAutosize.ts

@@ -1,41 +0,0 @@
-import type { Ref, ToRefs } from 'vue'
-import { type ConstrEmit, DesignComp } from '@dxtmisha/functional'
-
-import { TextareaAutosizeValue } from './TextareaAutosizeValue'
-import { TextareaAutosizeResize } from './TextareaAutosizeResize'
-
-import type { TextareaAutosizeComponents, TextareaAutosizeEmits, TextareaAutosizeSlots } from './types'
-import type { TextareaAutosizeProps } from './props'
-
-/**
- * TextareaAutosize
- */
-export class TextareaAutosize {
-  readonly value: TextareaAutosizeValue
-  readonly resize: TextareaAutosizeResize
-
-  /**
-   * 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: TextareaAutosizeProps,
-    protected readonly refs: ToRefs<TextareaAutosizeProps>,
-    protected readonly element: Ref<HTMLTextAreaElement | undefined>,
-    protected readonly classDesign: string,
-    protected readonly className: string,
-    protected readonly components?: DesignComp<TextareaAutosizeComponents, TextareaAutosizeProps>,
-    protected readonly slots?: TextareaAutosizeSlots,
-    protected readonly emits?: ConstrEmit<TextareaAutosizeEmits>
-  ) {
-    this.value = new TextareaAutosizeValue(props, refs, emits)
-    this.resize = new TextareaAutosizeResize(props, element, this.value)
-  }
-}

package/src/constructors/TextareaAutosize/TextareaAutosizeDesign.tsx

@@ -1,147 +0,0 @@
-import { h, type VNode } from 'vue'
-import {
-  type ConstrOptions,
-  type ConstrStyles,
-  DesignConstructorAbstract
-} from '@dxtmisha/functional'
-
-import { TextareaAutosize } from './TextareaAutosize'
-
-import {
-  type TextareaAutosizePropsBasic
-} from './props'
-import {
-  type TextareaAutosizeClasses,
-  type TextareaAutosizeComponents,
-  type TextareaAutosizeEmits,
-  type TextareaAutosizeExpose,
-  type TextareaAutosizeSlots
-} from './types'
-
-/**
- * TextareaAutosizeDesign
- */
-export class TextareaAutosizeDesign<
-  COMP extends TextareaAutosizeComponents,
-  EXPOSE extends TextareaAutosizeExpose,
-  CLASSES extends TextareaAutosizeClasses,
-  P extends TextareaAutosizePropsBasic
-> extends DesignConstructorAbstract<
-    HTMLTextAreaElement,
-    COMP,
-    TextareaAutosizeEmits,
-    EXPOSE,
-    TextareaAutosizeSlots,
-    CLASSES,
-    P
-  > {
-  protected readonly item: TextareaAutosize
-
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   */
-  constructor(
-    name: string,
-    props: Readonly<P>,
-    options?: ConstrOptions<COMP, TextareaAutosizeEmits, P>
-  ) {
-    super(
-      name,
-      props,
-      options
-    )
-
-    this.item = new TextareaAutosize(
-      this.props,
-      this.refs,
-      this.element,
-      this.getDesign(),
-      this.getName(),
-      this.components,
-      this.slots,
-      this.emits
-    )
-
-    this.init()
-  }
-
-  /**
-   * Initialization of all the necessary properties for work
-   *
-   * Инициализация всех необходимых свойств для работы.
-   */
-  protected initExpose(): EXPOSE {
-    return {
-      value: this.item.value.item
-    } as EXPOSE
-  }
-
-  /**
-   * Improvement of the obtained list of classes.
-   *
-   * Доработка полученного списка классов.
-   */
-  protected initClasses(): Partial<CLASSES> {
-    return {
-      main: {},
-      ...{
-        // :classes [!] System label / Системная метка
-        clone: this.getSubClass('clone')
-        // :classes [!] System label / Системная метка
-      }
-    } as Partial<CLASSES>
-  }
-
-  /**
-   * Refinement of the received list of styles.
-   *
-   * Доработка полученного списка стилей.
-   */
-  protected initStyles(): ConstrStyles {
-    return {}
-  }
-
-  /**
-   * A method for rendering.
-   *
-   * Метод для рендеринга.
-   */
-  protected initRender(): VNode[] {
-    return [
-      this.renderClone(),
-      this.renderTextarea()
-    ]
-  }
-
-  /**
-   * Renders a textarea element.
-   *
-   * Рендерит элемент textarea.
-   */
-  protected readonly renderTextarea = (): VNode => {
-    return h('textarea', {
-      ...this.getAttrs(),
-      ...this.props.inputAttrs,
-      ref: this.element,
-      value: this.item.value.item.value,
-      class: this.classes?.value.main,
-      onFocus: this.item.resize.on,
-      onInput: this.item.resize.onInput
-    })
-  }
-
-  /**
-   * Renders a clone element.
-   *
-   * Рендерит элемент-клон.
-   */
-  protected readonly renderClone = (): VNode => {
-    return h('div', {
-      ref: this.item.resize.clone,
-      class: this.classes?.value.clone
-    })
-  }
-}