@central-design-system/components 3.0.0-alpha.0 → 3.0.0-alpha.2

package/dist/composable/validation.d.ts

@@ -0,0 +1,128 @@
+import type { PropType, ComputedRef, Ref } from 'vue';
+import type { MaybeRef } from '../utils';
+export declare type TValidationResult = string | boolean;
+export declare type TValidationRule = TValidationResult | PromiseLike<TValidationResult> | ((value: any) => TValidationResult) | ((value: any) => PromiseLike<TValidationResult>);
+export declare type TValidationOn = typeof allowedValidationOn[number];
+export interface IValidationProps {
+    disabled: boolean;
+    error: boolean;
+    errorMessages: string | string[];
+    focused: boolean;
+    maxErrors: string | number;
+    name: string | undefined;
+    label: string | undefined;
+    readonly: boolean;
+    rules: TValidationRule[];
+    modelValue: any;
+    validateOn?: TValidationOn;
+    validationValue: any;
+    hideMessages: boolean;
+}
+export interface IUseValidation {
+    errorMessages: ComputedRef<string[]>;
+    isDisabled: ComputedRef<boolean>;
+    isReadonly: ComputedRef<boolean>;
+    isDirty: ComputedRef<boolean>;
+    isPure: Ref<boolean>;
+    isValid: ComputedRef<boolean | null>;
+    isValidating: Ref<boolean>;
+    validate: () => Promise<string[]>;
+    reset: () => void;
+    resetValidation: () => void;
+    validationClasses: ComputedRef<Record<string, boolean>>;
+}
+export declare const allowedValidationOn: readonly ["blur", "input", "submit"];
+export declare const makeValidationProps: <Defaults extends {
+    disabled?: unknown;
+    error?: unknown;
+    errorMessages?: unknown;
+    maxErrors?: unknown;
+    name?: unknown;
+    readonly?: unknown;
+    rules?: unknown;
+    modelValue?: unknown;
+    validateOn?: unknown;
+    validationValue?: unknown;
+    hideMessages?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Заблокированное состояние
+     */
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Состояние ошибки
+     */
+    error: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Сообщения об ошибках
+     */
+    errorMessages: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    /**
+     * Максимально количество выводимых ошибок
+     */
+    maxErrors: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    /**
+     * Имя поля
+     */
+    name: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    /**
+     * Только для чтения
+     */
+    readonly: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Правила валидации
+     */
+    rules: {
+        type: PropType<TValidationRule[]>;
+        default: () => never[];
+    };
+    /**
+     * Значение модели
+     */
+    modelValue: {
+        type: PropType<any>;
+        default: null;
+    };
+    /**
+     * Событие для валидации
+     */
+    validateOn: {
+        type: PropType<"input" | "blur" | "submit">;
+        default: string;
+        available: readonly ["blur", "input", "submit"];
+        validator: (value: TValidationOn) => boolean;
+    };
+    /**
+     * Значение для валидации
+     */
+    validationValue: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    /**
+     * Убирает слот для сообщений об ошибках, если ошибок нет
+     */
+    hideMessages: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, Defaults>;
+export declare function useValidation(props: IValidationProps, name: string, id?: MaybeRef<string | number>): IUseValidation;

package/dist/directives/click-outside/index.d.ts

@@ -0,0 +1,14 @@
+import type { DirectiveBinding } from 'vue';
+interface IClickOutsideBindingArgs {
+    handler: (event: MouseEvent) => void;
+    closeConditional?: (event: Event) => boolean;
+    include?: () => HTMLElement[];
+}
+interface IClickOutsideDirectiveBinding extends DirectiveBinding {
+    value: ((event: MouseEvent) => void) | IClickOutsideBindingArgs;
+}
+export declare const ClickOutside: {
+    mounted(el: HTMLElement, binding: IClickOutsideDirectiveBinding): void;
+    unmounted(el: HTMLElement, binding: IClickOutsideDirectiveBinding): void;
+};
+export default ClickOutside;

package/dist/directives/index.d.ts

@@ -1,2 +1 @@
-declare const _default: {};
-export default _default;
+export { ClickOutside } from './click-outside';

package/dist/globals.d.ts

@@ -0,0 +1,16 @@
+declare global {
+  interface HTMLCollection {
+    [Symbol.iterator](): IterableIterator<Element>;
+  }
+
+  interface HTMLElement {
+    _clickOutside?: Record<
+      number,
+      | {
+          onClick: EventListener;
+          onMousedown: EventListener;
+        }
+      | undefined
+    > & { lastMousedownWasOutside: boolean };
+  }
+}

package/dist/locale/index.d.ts

@@ -0,0 +1,12 @@
+export interface ILocale {
+  date: {
+    days: string[];
+    daysShort: string[];
+    months: string[];
+    monthsLong: string[];
+    monthsShort: string[];
+    firstDayOfWeek: number;
+    format24h: boolean;
+    pluralDay: (day?: number) => string;
+  };
+}

package/dist/locale/ru.d.ts

@@ -0,0 +1,3 @@
+import type { ILocale } from './';
+declare const _default: ILocale;
+export default _default;

package/dist/transitions/createTransition.d.ts

@@ -1,5 +1,34 @@
-import type { Prop } from 'vue';
-export declare function createCssTransition(): void;
+import type { PropType, Prop } from 'vue';
+export declare function createCssTransition(name: string, origin?: string, mode?: string): import("vue").DefineComponent<{
+    group: PropType<boolean>;
+    hideOnLeave: PropType<boolean>;
+    leaveAbsolute: PropType<boolean>;
+    mode: {
+        type: PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: PropType<string>;
+        default: string;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    group: PropType<boolean>;
+    hideOnLeave: PropType<boolean>;
+    leaveAbsolute: PropType<boolean>;
+    mode: {
+        type: PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: PropType<string>;
+        default: string;
+    };
+}>>, {
+    mode: string;
+    origin: string;
+}>;
 export declare function createJSTransition(name: string, functions: Record<string, any>, mode?: string): import("vue").DefineComponent<{
     mode: Prop<"default" | "in-out" | "out-in", "default" | "in-out" | "out-in">;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {

package/dist/transitions/index.d.ts

@@ -12,3 +12,243 @@ export declare const CdsTransitionExpandX: import("vue").DefineComponent<{
 }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     mode: import("vue").Prop<"default" | "in-out" | "out-in", "default" | "in-out" | "out-in">;
 }>>, {}>;
+export declare const CdsTransitionFade: import("vue").DefineComponent<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
+    mode: string;
+    origin: string;
+}>;
+export declare const CdsTransitionSlideY: import("vue").DefineComponent<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
+    mode: string;
+    origin: string;
+}>;
+export declare const CdsTransitionSlideX: import("vue").DefineComponent<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
+    mode: string;
+    origin: string;
+}>;
+export declare const CdsTransitionSlideRight: import("vue").DefineComponent<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
+    mode: string;
+    origin: string;
+}>;
+export declare const CdsTransitionSlideLeft: import("vue").DefineComponent<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
+    mode: string;
+    origin: string;
+}>;
+export declare const CdsTransitionJumpRight: import("vue").DefineComponent<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
+    mode: string;
+    origin: string;
+}>;
+export declare const CdsTransitionJumpLeft: import("vue").DefineComponent<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
+    mode: string;
+    origin: string;
+}>;
+export declare const CdsTransitionScale: import("vue").DefineComponent<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
+    mode: string;
+    origin: string;
+}>;

package/dist/utils/anchor.d.ts

@@ -0,0 +1,23 @@
+declare const block: readonly ["top", "bottom"];
+declare const inline: readonly ["start", "end", "left", "right"];
+declare type Tblock = typeof block[number];
+declare type Tinline = typeof inline[number];
+export declare type TAnchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
+export declare type ParsedAnchor = {
+    side: 'center';
+    align: 'center';
+} | {
+    side: Tblock;
+    align: 'left' | 'right' | 'center';
+} | {
+    side: 'left' | 'right';
+    align: Tblock | 'center';
+};
+/** Parse a raw anchor string into an object */
+export declare function parseAnchor(anchor: TAnchor): ParsedAnchor;
+export declare function toPhysical(str: 'center' | Tblock | Tinline): "top" | "bottom" | "left" | "right" | "center";
+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): "y" | "x";
+export {};

package/dist/utils/animation.d.ts

@@ -0,0 +1,6 @@
+import { Box } from './box';
+/** @see https://stackoverflow.com/a/57876601/2074736 */
+export declare function nullifyTransforms(el: HTMLElement): Box;
+export declare function animate(el: Element, keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation | {
+    finished: Promise<void>;
+};

package/dist/utils/box.d.ts

@@ -0,0 +1,26 @@
+export declare class Box {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    constructor({ x, y, width, height }: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    });
+    get top(): number;
+    get bottom(): number;
+    get left(): number;
+    get right(): number;
+}
+export declare function getOverflow(a: Box, b: Box): {
+    x: {
+        before: number;
+        after: number;
+    };
+    y: {
+        before: number;
+        after: number;
+    };
+};

package/dist/utils/cache.d.ts

@@ -0,0 +1,4 @@
+export declare function useCache(): {
+    getCache: (key: string, obj: any) => any;
+    getCacheWithFn: (key: string, fn: () => any) => any;
+};