@dxtmisha/constructor 0.30.1 → 0.39.3

package/src/constructors/Menu/MenuWindow.ts

@@ -1,90 +0,0 @@
-import { ref } from 'vue'
-
-import { MenuRequest } from './MenuRequest'
-
-import type { WindowProps } from '../Window'
-import type { MenuProps } from './props'
-
-/**
- * Window manager for Menu component
- *
- * Класс управления окном для компонента Menu
- */
-export class MenuWindow {
-  readonly lite = ref<boolean>()
-  readonly control = ref<boolean>()
-
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param request menu request handler/ обработчик запросов меню
-   */
-  constructor(
-    protected readonly props: MenuProps,
-    protected readonly request: MenuRequest
-  ) {
-  }
-
-  /**
-   * Returns extra methods for window management
-   *
-   * Возвращает дополнительные методы для управления окном
-   * @returns object with window management methods/ объект с методами управления окном
-   */
-  getExtra(): WindowProps {
-    return {
-      adaptive: 'menu',
-      preparation: this.preparation,
-      opening: this.opening,
-      closing: this.closing,
-      role: 'menu'
-    }
-  }
-
-  /**
-   * Preparing data before opening the menu
-   *
-   * Подготовка данных перед открытием меню
-   * @returns Promise that resolves to true when preparation is complete/
-   * Promise, который разрешается в true после завершения подготовки
-   */
-  protected readonly preparation = async (): Promise<void> => {
-    await this.request.preparation()
-
-    if (
-      this.props.list
-      && this.props.liteThreshold
-      && Number(this.props.liteThreshold) <= Object.keys(this.props.list).length
-    ) {
-      this.lite.value = true
-    }
-  }
-
-  /**
-   * Actions performed after opening the window
-   *
-   * Действия, выполняемые после открытия окна
-   * @returns Promise that resolves to true when opening actions are complete/
-   * Promise, который разрешается в true после завершения действий открытия
-   */
-  protected readonly opening = async (): Promise<boolean> => {
-    this.lite.value = false
-    this.control.value = true
-
-    return true
-  }
-
-  /**
-   * Actions performed when closing the window
-   *
-   * Действия, выполняемые при закрытии окна
-   * @returns Promise that resolves to true when closing actions are complete/
-   * Promise, который разрешается в true после завершения действий закрытия
-   */
-  protected readonly closing = async (): Promise<boolean> => {
-    this.lite.value = false
-    this.control.value = false
-
-    return true
-  }
-}

package/src/constructors/Menu/basicTypes.ts

@@ -1,58 +0,0 @@
-import type { ComputedRef, Ref } from 'vue'
-import type { ConstrBind, NumberOrStringOrBoolean } from '@dxtmisha/functional'
-import type { WindowControlItem } from '../Window'
-
-import type { ListExpose } from '../List'
-import type { MenuExpose } from './types'
-import type { MenuPropsBasic } from './props'
-
-export type MenuControlBasic
-  = ListExpose
-    & {
-      loading: Ref<boolean>
-
-      previous(): NumberOrStringOrBoolean | undefined
-      next(): NumberOrStringOrBoolean | undefined
-    }
-
-export type MenuControlItem
-  = MenuControlBasic
-    & WindowControlItem
-
-export type MenuComponentInclude = {
-  menu?: object
-}
-
-/** Type for menu expose functionality/ Тип для функциональности экспорта меню */
-export interface MenuExposeInclude {
-  open: ComputedRef<boolean>
-
-  setOpen(open: boolean): Promise<void>
-
-  toOpen: MenuExpose['toOpen']
-  toClose: MenuExpose['toClose']
-
-  toggle(): Promise<void>
-
-  menuElement: Ref<ConstrBind<MenuExpose> | undefined>
-}
-
-export type MenuSlotInclude = {
-  /** Title slot for window title/ Слот заголовка для заголовка окна */
-  title?(props: MenuControlItem): any
-
-  /** Footer slot for window bottom/ Слот подвала для низа окна */
-  footer?(props: MenuControlItem): any
-
-  /** Context slot for top area / Слот контекстной области сверху */
-  contextTop?(props: MenuControlItem): any
-
-  /** Context slot for bottom area / Слот контекстной области снизу */
-  contextBottom?(props: MenuControlItem): any
-}
-
-/** Interface for menu include props/ Интерфейс для свойств включения меню */
-export interface MenuPropsInclude<Menu extends MenuPropsBasic = MenuPropsBasic> {
-  disabled?: boolean
-  menuAttrs?: ConstrBind<Menu>
-}

package/src/constructors/Menu/index.ts

@@ -1,6 +0,0 @@
-export * from './Menu'
-export * from './MenuDesign'
-export * from './MenuInclude'
-export * from './props'
-export * from './types'
-export * from './basicTypes'

package/src/constructors/Menu/properties.json

@@ -1,17 +0,0 @@
-{
-  "barsDisplay": {
-    "_type": "var"
-  },
-  "#bars": {},
-  "#list": {},
-  "~hideList": {},
-  "~barsAdaptive": {
-    "showAlways": {
-      "barsDisplay": "flex"
-    },
-    "group|show": {
-      "link|barsAdaptive-show": "{??barsAdaptive.showAlways}",
-      "_type": "media-group"
-    }
-  }
-}

package/src/constructors/Menu/props.ts

@@ -1,91 +0,0 @@
-import type {
-  ApiFetch,
-  ConstrBind,
-  ListRecord,
-  ListSelectedList,
-  NormalOrPromise
-} from '@dxtmisha/functional'
-
-import type { ListPropsBasic } from '../List'
-import type { ListItemProps, ListItemPropsBasic } from '../ListItem'
-import type { BarsPropsBasic, BarsPropsInclude } from '../Bars'
-import type { WindowPropsBasic, WindowPropsInclude } from '../Window'
-
-import type { ModelPropsSelected } from '../../types/modelTypes'
-import type { RoleType } from '../../types/roleTypes'
-
-interface MenuPropsToken {
-  // :type [!] System label / Системная метка
-  hideList?: boolean
-  barsAdaptive?: 'showAlways'
-  // :type [!] System label / Системная метка
-}
-
-export interface MenuPropsBasic<
-  List extends ListPropsBasic = ListPropsBasic,
-  ListItem extends ListItemPropsBasic = ListItemPropsBasic,
-  Bars extends BarsPropsBasic = BarsPropsBasic,
-  Window extends WindowPropsBasic = WindowPropsBasic
-> extends BarsPropsInclude<Bars>,
-  WindowPropsInclude<Window>,
-  ModelPropsSelected {
-  // Status
-  selected?: ListSelectedList
-  hideList?: boolean
-
-  // Value
-  list?: ListRecord<ListItem>
-  liteThreshold?: number
-  highlight?: string
-  highlightLengthStart?: number
-  filterMode?: boolean
-
-  ajax?: string | (() => NormalOrPromise<ListRecord<ListItem>>)
-  request?: ApiFetch
-  cache?: boolean
-
-  keyLabel?: string
-  keyValue?: string
-
-  max?: string | number
-
-  // Style
-  tag?: ListItemProps['tag']
-  step?: string | number
-
-  listAttrs?: ConstrBind<List>
-  itemAttrs?: ConstrBind<ListItem>
-
-  // ARIA
-  roleItem?: RoleType
-
-  // Technical
-  isSelectedByValue?: boolean
-}
-
-/**
- * Type describing incoming properties.
- *
- * Тип, описывающий входящие свойства.
- */
-export interface MenuProps extends MenuPropsBasic, MenuPropsToken {
-}
-
-/**
- * Default value for property.
- *
- * Значение по умолчанию для свойства.
- */
-export const defaultsMenu = {
-  liteThreshold: 40,
-  barsHide: true,
-  barsBackHide: true,
-  tag: 'a',
-  step: 1,
-  autoClose: true,
-  roleItem: 'menuitem',
-  ...{
-    // :default [!] System label / Системная метка
-    // :default [!] System label / Системная метка
-  }
-}

package/src/constructors/Menu/types.ts

@@ -1,69 +0,0 @@
-import type { ConstrClass, NumberOrStringOrBoolean } from '@dxtmisha/functional'
-
-import type { EventClickEmits } from '../../types/eventClickTypes'
-
-import type { ListComponentInclude, ListSlots } from '../List'
-import type { BarsComponentInclude, BarsEmitsInclude } from '../Bars'
-import type { WindowComponentInclude, WindowEmitsInclude, WindowExposeInclude } from '../Window'
-import type { ModelEmitsSelected } from '../../types/modelTypes'
-
-import type { MenuControlBasic, MenuControlItem, MenuSlotInclude } from './basicTypes'
-
-/**
- * Interface for describing which components need to be connected for work.
- *
- * Интерфейс для описания, какие компоненты надо подключить для работы.
- */
-export type MenuComponents
-  = ListComponentInclude
-    & BarsComponentInclude
-    & WindowComponentInclude
-
-/**
- * Type describing available events.
- *
- * Тип, описывающий доступные события.
- */
-export type MenuEmits
-  = BarsEmitsInclude
-    & EventClickEmits
-    & WindowEmitsInclude
-    & ModelEmitsSelected
-    & {
-      updateValue: [value?: NumberOrStringOrBoolean]
-      clickSlot: [value?: string]
-    }
-
-/**
- * Type describing available properties.
- *
- * Тип, описывающий доступные свойства.
- */
-export interface MenuExpose extends WindowExposeInclude, MenuControlBasic {
-}
-
-/**
- * Type describing available slots.
- *
- * Тип, описывающий доступные слоты.
- */
-export type MenuSlots
-  = ListSlots
-    & MenuSlotInclude
-    & {
-      /** Control slot for window management / Слот управления для управления окном */
-      control?(props: MenuControlItem): any
-    }
-
-/**
- * Type describing subclasses.
- *
- * Тип, описывающий подклассы.
- */
-export type MenuClasses = {
-  main: ConstrClass
-  // :classes [!] System label / Системная метка
-  bars: string
-  list: string
-  // :classes [!] System label / Системная метка
-}

package/src/constructors/Modal/Modal.ts

@@ -1,53 +0,0 @@
-import { computed, type Ref, type ToRefs } from 'vue'
-import { type ConstrEmit, DesignComp } from '@dxtmisha/functional'
-
-import { ModalAbstract } from './ModalAbstract'
-
-import type { ModalComponents, ModalEmits, ModalSlots } from './types'
-import type { ModalProps } from './props'
-
-/**
- * Modal
- */
-export class Modal extends ModalAbstract {
-  /**
-   * 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: ModalProps,
-    protected readonly refs: ToRefs<ModalProps>,
-    protected readonly element: Ref<HTMLElement | undefined>,
-    protected readonly classDesign: string,
-    protected readonly className: string,
-    protected readonly components?: DesignComp<ModalComponents, ModalProps>,
-    protected readonly slots?: ModalSlots,
-    protected readonly emits?: ConstrEmit<ModalEmits>
-  ) {
-    super(
-      props,
-      refs,
-      element,
-      classDesign,
-      className,
-      components,
-      slots,
-      emits,
-      computed(() => ({
-        open: props.open,
-        image: props.image,
-
-        adaptive: 'modal',
-        imagePosition: props.imagePosition,
-        closeButton: props.barsBackHide
-      }))
-    )
-  }
-}

package/src/constructors/Modal/ModalAbstract.ts

@@ -1,74 +0,0 @@
-import { computed, type Ref, type ToRefs } from 'vue'
-import { type ConstrEmit, DesignComp, getRef, type RefOrNormal } from '@dxtmisha/functional'
-
-import { WindowInclude } from '../Window'
-import { BarsInclude } from '../Bars'
-import { ActionsInclude } from '../Actions'
-
-import type { ModalComponents, ModalEmits, ModalSlots } from './types'
-import type { ModalProps } from './props'
-
-/**
- * ModalAbstract
- */
-export abstract class ModalAbstract {
-  readonly bars: BarsInclude
-  readonly actions: ActionsInclude
-  readonly window: WindowInclude
-
-  /**
-   * 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 extraWindow additional parameters for WindowInclude/ дополнительные параметры для WindowInclude
-   * @param extraBars additional parameters for BarsInclude/ дополнительные параметры для BarsInclude
-   * @param extraActions additional parameters for ActionsInclude/ дополнительные параметры для ActionsInclude
-   */
-  protected constructor(
-    protected readonly props: ModalProps,
-    protected readonly refs: ToRefs<ModalProps>,
-    protected readonly element: Ref<HTMLElement | undefined>,
-    protected readonly classDesign: string,
-    protected readonly className: string,
-    protected readonly components?: DesignComp<ModalComponents, ModalProps>,
-    protected readonly slots?: ModalSlots,
-    protected readonly emits?: ConstrEmit<ModalEmits>,
-    protected readonly extraWindow?: RefOrNormal<any>,
-    protected readonly extraBars?: RefOrNormal<any>,
-    protected readonly extraActions?: RefOrNormal<any>
-  ) {
-    this.bars = new BarsInclude(
-      props,
-      className,
-      components,
-      emits,
-      extraBars
-    )
-
-    this.actions = new ActionsInclude(
-      props,
-      className,
-      components,
-      emits,
-      extraActions
-    )
-
-    this.window = new WindowInclude(
-      props,
-      className,
-      components,
-      emits,
-      computed(() => ({
-        ...getRef(extraWindow),
-        ariaLabelledby: this.bars.element.value?.labelId,
-        ariaDescribedby: this.bars.element.value?.descriptionId
-      }))
-    )
-  }
-}

package/src/constructors/Modal/ModalDesign.tsx

@@ -1,63 +0,0 @@
-import { ModalDesignAbstract } from './ModalDesignAbstract'
-import { Modal } from './Modal'
-
-import {
-  type ModalPropsBasic
-} from './props'
-import {
-  type ModalClasses,
-  type ModalComponents,
-  type ModalEmits,
-  type ModalExpose,
-  type ModalSlots
-} from './types'
-
-/**
- * ModalDesign
- */
-export class ModalDesign<
-  COMP extends ModalComponents,
-  EXPOSE extends ModalExpose,
-  CLASSES extends ModalClasses,
-  P extends ModalPropsBasic
-> extends ModalDesignAbstract<
-    COMP,
-    ModalEmits,
-    EXPOSE,
-    ModalSlots,
-    CLASSES,
-    P,
-    Modal
-  > {
-  protected initItem(): Modal {
-    return new Modal(
-      this.props,
-      this.refs,
-      this.element,
-      this.getDesign(),
-      this.getName(),
-      this.components,
-      this.slots,
-      this.emits
-    )
-  }
-
-  /**
-   * Improvement of the obtained list of classes.
-   *
-   * Доработка полученного списка классов.
-   */
-  protected initClasses(): Partial<CLASSES> {
-    return {
-      main: {},
-      ...{
-        // :classes [!] System label / Системная метка
-        title: this.getSubClass('title'),
-        header: this.getSubClass('header'),
-        body: this.getSubClass('body'),
-        footer: this.getSubClass('footer')
-        // :classes [!] System label / Системная метка
-      }
-    } as Partial<CLASSES>
-  }
-}