@dxtmisha/constructor 0.30.1 → 0.39.3

package/src/constructors/Window/properties.json

@@ -1,239 +0,0 @@
-{
-  "menuSizeMultiplier": "1",
-  "padding": {
-    "_type": "var"
-  },
-  "width": {
-    "value": {
-      "auto": "auto",
-      "max": "100%"
-    },
-    "_var": true,
-    "_style": true
-  },
-  "height": {
-    "value": {
-      "auto": "auto",
-      "max": "100%"
-    },
-    "_var": true,
-    "_style": true
-  },
-  "imageSizeValue": {
-    "_type": "var"
-  },
-  "iconPadding": {
-    "_type": "var"
-  },
-  "background-color": {
-    "_type": "var"
-  },
-  "background-opacity": {
-    "_type": "var"
-  },
-  "transform": {
-    "_type": "var"
-  },
-  "transform-origin": {
-    "_type": "var"
-  },
-  "#body": {
-    "#group": {},
-    "#context": {},
-    "_settingClone": true
-  },
-  "#control": {},
-  "#image": {},
-  "#close": {},
-  "#teleport": {},
-  "~hide": {},
-  "~axis": {
-    "x": {},
-    "y": {},
-    "on": {},
-    "_default": "y"
-  },
-  "~imagePosition": {
-    "~top": {},
-    "~left": {},
-    "_default": "top"
-  },
-  "~dense": {
-    "padding": {
-      "value": "0 !important",
-      "_type": "property"
-    },
-    "#body": {
-      "border-radius": "0"
-    }
-  },
-  "~alignment": {
-    "~center": {},
-    "~top": {
-      "align-items": "flex-start"
-    },
-    "~topRight": {
-      "align-items": "flex-start",
-      "justify-content": "flex-end"
-    },
-    "~topLeft": {
-      "align-items": "flex-start",
-      "justify-content": "flex-start"
-    },
-    "~topFull": {
-      "align-items": "flex-start",
-      "#body": {
-        "width": "100%"
-      }
-    },
-    "~right": {
-      "justify-content": "flex-end"
-    },
-    "~rightFull": {
-      "justify-content": "flex-end",
-      "#body": {
-        "top": "auto !important",
-        "height": "100%"
-      }
-    },
-    "~bottom": {
-      "align-items": "flex-end"
-    },
-    "~bottomRight": {
-      "align-items": "flex-end",
-      "justify-content": "flex-end"
-    },
-    "~bottomLeft": {
-      "align-items": "flex-end",
-      "justify-content": "flex-start"
-    },
-    "~bottomFull": {
-      "align-items": "flex-end",
-      "#body": {
-        "width": "100%"
-      }
-    },
-    "~left": {
-      "justify-content": "flex-start"
-    },
-    "~leftFull": {
-      "justify-content": "flex-start",
-      "#body": {
-        "top": "auto !important",
-        "height": "100%"
-      }
-    }
-  },
-  "~origin": {
-    "~center": {
-      "transform-origin": "center"
-    },
-    "~top": {
-      "transform-origin": "top center"
-    },
-    "~right": {
-      "transform-origin": "center \\#{ui.dirRight()}"
-    },
-    "~bottom": {
-      "transform-origin": "bottom center"
-    },
-    "~left": {
-      "transform-origin": "center \\#{ui.dirLeft()}"
-    },
-    "~topToBottom": {
-      "transform-preparation": "translateY(-64px)",
-      "transform-origin": "top center"
-    },
-    "~rightToLeft": {
-      "transform-preparation": "translateX(calc(64px * \\#{ui.isDir()}))",
-      "transform-origin": "center \\#{ui.dirRight()}"
-    },
-    "~bottomToTop": {
-      "transform-preparation": "translateY(64px)",
-      "transform-origin": "bottom center"
-    },
-    "~leftToRight": {
-      "transform-preparation": "translateX(calc(-64px * \\#{ui.isDir()}))",
-      "transform-origin": "center \\#{ui.dirLeft()}"
-    }
-  },
-  "~adaptive": {
-    "~menu": {
-      "menuSizeMultiplier": "0.5",
-      "content": "'--MENU--'",
-      "=sys-type-body": "'--MENU--'",
-      "position": "fixed",
-      "top": "{??sys.inset.y}",
-      "right": "auto",
-      "bottom": "auto",
-      "left": {
-        "value": "{??sys.inset.x}",
-        "_modification": false
-      },
-      "padding": {
-        "value": "0",
-        "_type": "property"
-      },
-      "height": "auto",
-      "background-opacity": "0",
-      "transform-preparation": "scale(.8)",
-      "transform-origin": "{??origin.x} {??origin.y}",
-      "body": {
-        "top": "auto",
-        "max-width": "100dvw - ({??padding} * 2)",
-        "max-height": "100dvh - ({??padding} * 2)"
-      },
-      "#teleport": {
-        "position": "static",
-        "after": {
-          "content": "none"
-        }
-      },
-      "~widthMatch": {
-        "#body": {
-          "min-width": "{??sys.control.width}"
-        }
-      }
-    },
-    "~menuWindow": {
-      "content": "'--MENU-WINDOW--'",
-      "=sys-type-body": "'--MENU-WINDOW--'"
-    },
-    "~modal": {},
-    "~modalDynamic": {
-      "align-items": "flex-start",
-      "body": {
-        "position": "relative",
-        "top": "{??sys.location}"
-      }
-    },
-    "~actionSheetRight": {
-      "link|dense": "{??dense}",
-      "link|alignment": "{??alignment.rightFull}",
-      "link|origin": "{??origin.rightToLeft}"
-    },
-    "~actionSheetBottom": {
-      "link|dense": "{??dense}",
-      "link|alignment": "{??alignment.bottomFull}",
-      "link|origin": "{??origin.bottomToTop}"
-    },
-    "~static": {
-      "content": "'--STATIC--'",
-      "=sys-type-body": "'--STATIC--'"
-    }
-  },
-  "~fullscreen": {
-    "link|dense": "{??dense}",
-    "#body": {
-      "width": "100%",
-      "height": "100%",
-      "max-width": "none",
-      "max-height": "none"
-    }
-  },
-  "~overscroll": {
-    "_default": true
-  },
-  "~closeMobileHide": {},
-  "~widthMatch": {}
-}

package/src/constructors/Window/props.ts

@@ -1,97 +0,0 @@
-import type { ElementOrString, NormalOrPromise } from '@dxtmisha/functional'
-
-import type { AriaByPropsInclude, AriaHaspopupPropsInclude, AriaRoleByPropsInclude } from '../../types/ariaTypes'
-import type { ImagePropsBasic, ImagePropsInclude } from '../Image'
-import type { ScrollbarPropsBasic, ScrollbarPropsInclude } from '../Scrollbar'
-import type { TextClosePropsInclude } from '../../types/textTypes'
-
-interface WindowPropsToken {
-  // :type [!] System label / Системная метка
-  width?: string | 'auto' | 'max' | 'custom'
-  height?: string | 'auto' | 'max' | 'custom'
-  hide?: boolean
-  axis?: 'x' | 'y' | 'on'
-  imagePosition?: 'top' | 'left'
-  dense?: boolean
-  alignment?: 'center' | 'top' | 'topRight' | 'topLeft' | 'topFull' | 'right' | 'rightFull' | 'bottom' | 'bottomRight' | 'bottomLeft' | 'bottomFull' | 'left' | 'leftFull'
-  origin?: 'center' | 'top' | 'right' | 'bottom' | 'left' | 'topToBottom' | 'rightToLeft' | 'bottomToTop' | 'leftToRight'
-  adaptive?: 'menu' | 'menuWindow' | 'modal' | 'modalDynamic' | 'actionSheetRight' | 'actionSheetBottom' | 'static'
-  fullscreen?: boolean
-  overscroll?: boolean
-  closeMobileHide?: boolean
-  widthMatch?: boolean
-  // :type [!] System label / Системная метка
-}
-
-export interface WindowPropsBasic<
-  Scrollbar extends ScrollbarPropsBasic = ScrollbarPropsBasic,
-  Image extends ImagePropsBasic = ImagePropsBasic
-> extends ScrollbarPropsInclude<Scrollbar>,
-  ImagePropsInclude<Image>,
-  AriaRoleByPropsInclude,
-  AriaByPropsInclude,
-  AriaHaspopupPropsInclude,
-  TextClosePropsInclude {
-  // Status
-  'open'?: boolean
-  'disabled'?: boolean
-
-  // Hook
-  'preparation'?(): NormalOrPromise<void>
-
-  'beforeOpening'?(): NormalOrPromise<boolean>
-
-  'opening'?(): NormalOrPromise<boolean>
-
-  'beforeClosing'?(): NormalOrPromise<boolean>
-
-  'closing'?(): NormalOrPromise<boolean>
-
-  // Style
-  'contextmenu'?: boolean
-  'staticMode'?: boolean
-  'overElement'?: ElementOrString<HTMLElement>
-
-  'autoClose'?: boolean
-  'persistent'?: boolean
-
-  'flash'?: boolean
-  'inDom'?: boolean
-
-  'indent'?: number
-  'divider'?: boolean
-
-  'closeButton'?: boolean
-  'iconClose'?: string
-
-  // Event
-  'modelOpen'?: boolean
-  'onUpdate:open'?: (value: boolean) => void
-  'onUpdate:modelOpen'?: (value: boolean) => void
-}
-
-/**
- * Type describing incoming properties.
- *
- * Тип, описывающий входящие свойства.
- */
-export interface WindowProps extends WindowPropsBasic, WindowPropsToken {
-}
-
-/**
- * Default value for property.
- *
- * Значение по умолчанию для свойства.
- */
-export const defaultsWindow = {
-  indent: 4,
-  ariaHaspopup: 'dialog',
-  role: 'dialog',
-  ...{
-    // :default [!] System label / Системная метка
-    axis: 'y',
-    imagePosition: 'top',
-    overscroll: true
-    // :default [!] System label / Системная метка
-  }
-}

package/src/constructors/Window/types.ts

@@ -1,124 +0,0 @@
-import type { ComputedRef, Ref } from 'vue'
-import type { ConstrClass } from '@dxtmisha/functional'
-
-import type { ScrollbarComponentsInclude, ScrollbarEmitsInclude } from '../Scrollbar'
-import type { ButtonComponentInclude } from '../Button'
-import type { ImageComponentsInclude, ImageEmitsInclude } from '../Image'
-
-import type { WindowControlItem, WindowEmitOptions } from './basicTypes'
-
-/**
- * Interface for describing which components need to be connected for work.
- *
- * Интерфейс для описания, какие компоненты надо подключить для работы.
- */
-export type WindowComponents
-  = ScrollbarComponentsInclude
-    & ButtonComponentInclude
-    & ImageComponentsInclude
-
-/**
- * Type describing available events.
- *
- * Тип, описывающий доступные события.
- */
-export type WindowEmits
-  = ScrollbarEmitsInclude
-    & ImageEmitsInclude
-    & {
-      'window': [options: WindowEmitOptions]
-
-      'update:open': [value: boolean]
-      'update:modelOpen': [value: boolean]
-    }
-
-/**
- * Type describing available properties.
- *
- * Тип, описывающий доступные свойства.
- */
-export interface WindowExpose {
-  /**
-   * Unique identifier of the window/
-   * Уникальный идентификатор окна
-   */
-  id: string
-
-  /**
-   * Reactive state of window visibility/
-   * Реактивное состояние видимости окна
-   */
-  open: Ref<boolean>
-
-  /**
-   * Control item data for window management/
-   * Данные элемента управления для управления окном
-   */
-  control: ComputedRef<WindowControlItem>
-
-  /**
-   * Sets window open state/
-   * Устанавливает состояние открытия окна
-   */
-  setOpen(open: boolean): Promise<void>
-
-  /** Transition to opening state/ Переход в состояние открытия */
-  toOpen(): Promise<void>
-  /** Transition to closing state/ Переход в состояние закрытия */
-  toClose(): Promise<void>
-
-  /**
-   * Toggles window visibility/
-   * Переключает видимость окна
-   */
-  toggle(): Promise<void>
-}
-
-/**
- * Type describing available slots.
- *
- * Тип, описывающий доступные слоты.
- */
-export interface WindowSlots {
-  /**
-   * Control slot for window management/
-   * Слот управления для управления окном
-   */
-  control?(props: WindowControlItem): any
-
-  /**
-   * Title slot for window header/
-   * Слот заголовка для шапки окна
-   */
-  title?(props: WindowControlItem): any
-
-  /**
-   * Footer slot for window bottom/
-   * Слот подвала для низа окна
-   */
-  footer?(props: WindowControlItem): any
-
-  /**
-   * Default slot for main content/
-   * Основной слот для главного содержимого
-   */
-  default?(props: WindowControlItem): any
-}
-
-/**
- * Type describing subclasses.
- *
- * Тип, описывающий подклассы.
- */
-export type WindowClasses = {
-  main: ConstrClass
-  // :classes [!] System label / Системная метка
-  body: string
-  bodyGroup: string
-  bodyContext: string
-  control: string
-  image: string
-  close: string
-  teleport: string
-  // :classes [!] System label / Системная метка
-}

package/src/functions/getClassTagAStatic.ts

@@ -1,8 +0,0 @@
-/**
- * Generates CSS class for tag 'a' without any static styles.
- *
- * Генерирует CSS класс для тега 'a' без каких-либо статических стилей.
- * @param design design system prefix/ префикс дизайн-системы
- * @returns CSS class string/ строка CSS класса
- */
-export const getClassTagAStatic = (design: string) => `${design}-a--static`

package/src/library.ts

@@ -1,48 +0,0 @@
-// Classes
-export * from './classes/AriaStaticInclude'
-export * from './classes/CaptionInclude'
-export * from './classes/DescriptionInclude'
-export * from './classes/EnabledInclude'
-export * from './classes/EventClickInclude'
-export * from './classes/LabelHighlightInclude'
-export * from './classes/LabelInclude'
-export * from './classes/LabelNumberInclude'
-export * from './classes/ModelInclude'
-export * from './classes/ModelValueInclude'
-export * from './classes/PrefixInclude'
-export * from './classes/SuffixInclude'
-export * from './classes/TabIndexInclude'
-export * from './classes/TextInclude'
-export * from './classes/TouchEventInclude'
-export * from './classes/field/FieldArrowInclude'
-export * from './classes/field/FieldAttributesInclude'
-export * from './classes/field/FieldChangeInclude'
-export * from './classes/field/FieldCodeInclude'
-export * from './classes/field/FieldElementInclude'
-export * from './classes/field/FieldEventInclude'
-export * from './classes/field/FieldInputCheckInclude'
-export * from './classes/field/FieldInputModeInclude'
-export * from './classes/field/FieldMatchInclude'
-export * from './classes/field/FieldPatternInclude'
-export * from './classes/field/FieldTypeInclude'
-export * from './classes/field/FieldValidationInclude'
-export * from './classes/field/FieldValueInclude'
-export * from './classes/field/FieldVisibilityInclude'
-
-// Functions
-export * from './functions/getClassTagAStatic'
-
-// Types
-export * from './types/ariaTypes'
-export * from './types/captionTypes'
-export * from './types/descriptionTypes'
-export * from './types/enabledTypes'
-export * from './types/eventClickTypes'
-export * from './types/fieldTypes'
-export * from './types/labelTypes'
-export * from './types/modelTypes'
-export * from './types/prefixTypes'
-export * from './types/roleTypes'
-export * from './types/suffixTypes'
-export * from './types/textTypes'
-export * from './types/touchEventTypes'