@central-design-system/components 3.0.0-alpha.11 → 3.0.0-alpha.12

package/dist/composable/group.d.ts

@@ -0,0 +1,113 @@
+import type { ComponentInternalInstance, ComputedRef, ExtractPropTypes, InjectionKey, PropType, Ref } from 'vue';
+import type { IDisabledProps } from '../composable';
+export interface IGroupItem {
+    id: number;
+    value: Ref<unknown>;
+    disabled: Ref<boolean | undefined>;
+}
+export interface IGroupProps {
+    disabled: boolean;
+    modelValue: unknown;
+    multiple?: boolean;
+    required?: boolean | 'force';
+    max?: number;
+    selectedClass: string | undefined;
+}
+export interface IGroupProvide {
+    selected: Ref<Readonly<number[]>>;
+    selectedClass: Ref<string | undefined>;
+    items: ComputedRef<{
+        id: number;
+        value: unknown;
+        disabled: boolean | undefined;
+    }[]>;
+    disabled: Ref<boolean | undefined>;
+    register: (item: IGroupItem, instance: ComponentInternalInstance) => void;
+    unregister: (id: number) => void;
+    select: (id: number, value: boolean) => void;
+    isSelected: (id: number) => boolean;
+    prev: () => void;
+    next: () => void;
+    getItemIndex: (value: unknown) => number;
+}
+export interface IGroupItemProvide {
+    id: number;
+    isSelected: Ref<boolean>;
+    selectedClass: Ref<(string | undefined)[] | false>;
+    value: Ref<unknown>;
+    disabled: Ref<boolean | undefined>;
+    group: IGroupProvide;
+    select: (value: boolean) => void;
+    toggle: () => void;
+}
+export declare const makeGroupProps: <Defaults extends {
+    modelValue?: unknown;
+    multiple?: unknown;
+    required?: unknown;
+    max?: unknown;
+    selectedClass?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Значение v-model
+     */
+    modelValue: {
+        type: PropType<unknown>;
+        default: undefined;
+    };
+    /**
+     * Множественный выбор
+     */
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Обязательно должен быть выбран хотя бы один элемент
+     */
+    required: {
+        type: PropType<boolean | "force">;
+        default: boolean;
+    };
+    /**
+     * Максимально допустимое количество выбранных элементов
+     */
+    max: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * Классы для выбранных элементов
+     */
+    selectedClass: {
+        type: PropType<string>;
+        default: undefined;
+    };
+}, Defaults>;
+export interface IGroupItemProps extends ExtractPropTypes<ReturnType<typeof makeGroupItemProps>> {
+    disabled: IDisabledProps['disabled'];
+    'onGroup:selected': ((value: {
+        value: boolean;
+    }) => void) | undefined;
+}
+export declare const makeGroupItemProps: <Defaults extends {
+    value?: unknown;
+    selectedClass?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Значение элемента
+     */
+    value: {
+        type: null;
+        default: null;
+    };
+    /**
+     * Классы для выбранных элементов
+     */
+    selectedClass: {
+        type: PropType<string>;
+        default: undefined;
+    };
+}, Defaults>;
+export declare function useGroupItem(props: IGroupItemProps, injectKey: InjectionKey<IGroupProvide>, required?: true): IGroupItemProvide;
+export declare function useGroupItem(props: IGroupItemProps, injectKey: InjectionKey<IGroupProvide>, required: false): IGroupItemProvide | null;
+export declare function useGroup(props: IGroupProps, injectKey: InjectionKey<IGroupProvide>): IGroupProvide;

package/dist/composable/icon.d.ts

@@ -22,7 +22,7 @@ export declare const makeIconProps: <Defaults extends {
      * Иконка в начале элемента
      */
     prependIcon: {
-        type: PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
+        type: PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
         default: undefined;
         validator: (value: TCdsIconsName) => boolean;
     };
@@ -30,7 +30,7 @@ export declare const makeIconProps: <Defaults extends {
      * Иконка в конце элемента
      */
     appendIcon: {
-        type: PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
+        type: PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
         default: undefined;
         validator: (value: TCdsIconsName) => boolean;
     };

package/dist/composable/index.d.ts

@@ -39,3 +39,5 @@ export * from './refs';
 export * from './display';
 export * from './state';
 export * from './locale';
+export * from './group';
+export * from './ssrBoot';

package/dist/composable/ssrBoot.d.ts

@@ -0,0 +1,6 @@
+export declare function useSsrBoot(): {
+    ssrBootStyles: import("vue").ComputedRef<{
+        transition: string;
+    } | undefined>;
+    isBooted: Readonly<import("vue").Ref<boolean>>;
+};

package/dist/directives/index.d.ts

@@ -1 +1,2 @@
 export { ClickOutside } from './click-outside';
+export { Touch } from './touch';

package/dist/directives/touch/index.d.ts

@@ -0,0 +1,46 @@
+import type { DirectiveBinding } from 'vue';
+export interface ITouchHandlers {
+    start?: (wrapperEvent: {
+        originalEvent: TouchEvent;
+    } & ITouchData) => void;
+    end?: (wrapperEvent: {
+        originalEvent: TouchEvent;
+    } & ITouchData) => void;
+    move?: (wrapperEvent: {
+        originalEvent: TouchEvent;
+    } & ITouchData) => void;
+    left?: (wrapper: ITouchData) => void;
+    right?: (wrapper: ITouchData) => void;
+    up?: (wrapper: ITouchData) => void;
+    down?: (wrapper: ITouchData) => void;
+}
+export interface ITouchData {
+    touchstartX: number;
+    touchstartY: number;
+    touchmoveX: number;
+    touchmoveY: number;
+    touchendX: number;
+    touchendY: number;
+    offsetX: number;
+    offsetY: number;
+}
+export declare type TTouchWrapper = ITouchHandlers & ITouchData;
+export interface ITouchValue extends ITouchHandlers {
+    parent?: boolean;
+    options?: AddEventListenerOptions;
+}
+export interface ITouchStoredHandlers {
+    touchstart: (event: TouchEvent) => void;
+    touchend: (event: TouchEvent) => void;
+    touchmove: (event: TouchEvent) => void;
+}
+export interface ITouchDirectiveBinding extends Omit<DirectiveBinding, 'value'> {
+    value?: ITouchValue;
+}
+declare function mounted(el: HTMLElement, binding: ITouchDirectiveBinding): void;
+declare function unmounted(el: HTMLElement, binding: ITouchDirectiveBinding): void;
+export declare const Touch: {
+    mounted: typeof mounted;
+    unmounted: typeof unmounted;
+};
+export default Touch;

package/dist/globals.d.ts

@@ -1,3 +1,5 @@
+import type { ITouchStoredHandlers } from './directives/touch';
+
 declare global {
   interface HTMLCollection {
     [Symbol.iterator](): IterableIterator<Element>;
@@ -12,6 +14,9 @@ declare global {
         }
       | undefined
     > & { lastMousedownWasOutside: boolean };
+    _touchHandlers?: {
+      [_uid: number]: ITouchStoredHandlers;
+    };
   }
 
   export const __VUE_OPTIONS_API__: boolean | undefined;

package/dist/locale/index.d.ts

@@ -3,6 +3,10 @@ import type { TDateLocale } from '../utils';
 export interface ILocale {
     table: NTable.ILocale;
     date: TDateLocale;
+    container: {
+        prev?: string;
+        next?: string;
+    };
 }
 export declare const availableLocale: readonly ["ru", "en"];
 export declare type TAvailableLocale = typeof availableLocale[number];

package/dist/utils/dom/anchor.d.ts

@@ -19,5 +19,5 @@ export declare function toPhysical(str: 'center' | Tblock | Tinline): "top" | "b
 export declare function flipSide(anchor: ParsedAnchor): ParsedAnchor;
 export declare function flipAlign(anchor: ParsedAnchor): ParsedAnchor;
 export declare function flipCorner(anchor: ParsedAnchor): ParsedAnchor;
-export declare function getAxis(anchor: ParsedAnchor): "x" | "y";
+export declare function getAxis(anchor: ParsedAnchor): "y" | "x";
 export {};

package/dist/utils/helpers.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentPublicInstance, ComputedGetter, PropType, Ref, ToRefs, VNodeProps, AllowedComponentProps, Component } from 'vue';
+import type { ComponentPublicInstance, ComponentInternalInstance, ComputedGetter, InjectionKey, PropType, Ref, ToRefs, VNodeProps, VNodeChild, AllowedComponentProps, Component } from 'vue';
 import type { TItemKey } from '../composable';
 export declare const keyNames: Readonly<{
     enter: "Enter";
@@ -33,6 +33,8 @@ export declare const classesStates: Readonly<{
     readonly: "cds-state-readonly";
     dragging: "cds-state-dragging";
 }>;
+export declare function keys<O extends {}>(o: O): (keyof O)[];
+export declare function has<T extends string>(obj: object, key: T[]): obj is Record<T, unknown>;
 export declare function isString(value: any): boolean;
 export declare function isArray(value: any): boolean;
 export declare function isSymbol(value: any): boolean;
@@ -141,6 +143,9 @@ export declare function padStart(string: number | string, targetLength: number,
 export declare function pad(n: string | number, length?: number): string;
 export declare function refElement<T extends Record<string, any> | undefined>(obj: T): Exclude<T, ComponentPublicInstance> | HTMLElement;
 export declare function omit<T extends object, K extends keyof T>(obj: T, fields: K[]): Omit<T, K>;
+export declare function findChildrenWithProvide(key: InjectionKey<any> | symbol, vnode?: VNodeChild | {
+    [key: string]: any;
+}): ComponentInternalInstance[];
 /**
  * Types
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@central-design-system/components",
-  "version": "3.0.0-alpha.11",
+  "version": "3.0.0-alpha.12",
   "description": "Central Design System on the Vue 3.0 and TypeScript",
   "author": "magersoft",
   "license": "ISC",

package/src/scss/themes/index.ts

@@ -1,6 +1,6 @@
 /**
  * Automatically generated by CDS CLI
- * Generated on 7/7/2023, 7:26:18 PM
+ * Generated on 7/18/2023, 12:07:08 PM
  **/
 
 /**