@central-design-system/components 2.33.0 → 3.0.0-alpha.1

package/dist/components/CdsCheckbox/CdsCheckbox.vue.d.ts

@@ -0,0 +1,222 @@
+import type { PropType } from 'vue';
+export declare const componentName = "CdsCheckbox";
+declare const _sfc_main: import("vue").DefineComponent<{
+    focused: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    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;
+    };
+    label: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    readonly: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    rules: {
+        type: PropType<import("../../composable").TValidationRule[]>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: PropType<any>;
+        default: null;
+    };
+    validateOn: {
+        type: PropType<"input" | "blur" | "submit">;
+        default: string;
+        available: readonly ["blur", "input", "submit"];
+        validator: (value: "input" | "blur" | "submit") => boolean;
+    };
+    validationValue: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    hideMessages: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    id: {
+        type: PropType<string>;
+        default: undefined; /**
+         * Событие при фокусе
+         * @type { boolean }
+         */
+    };
+    description: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    value: {
+        type: PropType<any>;
+        default: null;
+    };
+    messages: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    persistentMessages: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Промежуточное состояние
+     */
+    indeterminate: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, {
+    id: import("vue").ComputedRef<string>;
+    model: import("vue").Ref<any> & {
+        readonly externalValue: any;
+    };
+    hasDescription: import("vue").ComputedRef<boolean>;
+    inputProps: import("vue").Ref<{}>;
+    rootAttrs: import("vue").Ref<{}>;
+    inputAttrs: import("vue").Ref<{}>;
+    isFocused: import("vue").Ref<boolean>;
+    ariaChecked: import("vue").ComputedRef<any>;
+    internalDisabled: import("vue").ComputedRef<boolean>;
+    internalReadonly: import("vue").ComputedRef<boolean>;
+    internalError: import("vue").ComputedRef<boolean>;
+    isGroup: import("vue").Ref<boolean>;
+    checkboxClasses: import("vue").ComputedRef<{
+        'cds-checkbox--disabled': boolean;
+        'cds-checkbox--indeterminate': boolean;
+        'cds-checkbox--checked': any;
+    }>;
+    onBlur: () => void;
+    onFocus: () => void;
+    onInput: (event: Event) => void;
+    onChange: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:focused" | "update:indeterminate")[], "update:modelValue" | "update:focused" | "update:indeterminate", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    focused: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    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;
+    };
+    label: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    readonly: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    rules: {
+        type: PropType<import("../../composable").TValidationRule[]>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: PropType<any>;
+        default: null;
+    };
+    validateOn: {
+        type: PropType<"input" | "blur" | "submit">;
+        default: string;
+        available: readonly ["blur", "input", "submit"];
+        validator: (value: "input" | "blur" | "submit") => boolean;
+    };
+    validationValue: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    hideMessages: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    id: {
+        type: PropType<string>;
+        default: undefined; /**
+         * Событие при фокусе
+         * @type { boolean }
+         */
+    };
+    description: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    value: {
+        type: PropType<any>;
+        default: null;
+    };
+    messages: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    persistentMessages: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Промежуточное состояние
+     */
+    indeterminate: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:focused"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:indeterminate"?: ((...args: any[]) => any) | undefined;
+}, {
+    name: string | undefined;
+    description: string;
+    error: boolean;
+    disabled: boolean;
+    messages: string | string[];
+    id: string;
+    label: string | undefined;
+    value: any;
+    persistentMessages: boolean;
+    errorMessages: string | string[];
+    maxErrors: string | number;
+    readonly: boolean;
+    rules: import("../../composable").TValidationRule[];
+    modelValue: any;
+    validateOn: "input" | "blur" | "submit";
+    validationValue: any;
+    hideMessages: boolean;
+    focused: boolean;
+    indeterminate: boolean;
+}>;
+export default _sfc_main;

package/dist/components/CdsCheckbox/CdsCheckboxGroup.vue.d.ts

@@ -0,0 +1,205 @@
+import type { Ref } from 'vue';
+export interface ICheckboxGroupProvide {
+    model: Ref<number[] | string[] | null | undefined>;
+    isGroup: Ref<boolean>;
+    disabledGroup: Ref<boolean>;
+    readonlyGroup: Ref<boolean>;
+    errorGroup: Ref<boolean>;
+    handleInputCheckbox: (payload: THandleInputPayload) => void;
+}
+export declare type THandleInputPayload = {
+    id: string;
+    checked: boolean;
+    value: string;
+};
+export declare const checkboxGroupProvideDefaultValue: ICheckboxGroupProvide;
+export declare const CheckboxGroupKey: unique symbol;
+export declare const componentName = "CdsCheckboxGroup";
+declare const _sfc_main: import("vue").DefineComponent<{
+    direction: Omit<{
+        type: import("vue").PropType<"horizontal" | "vertical">;
+        default: string;
+        available: readonly ["horizontal", "vertical"];
+        validator: (value: "horizontal" | "vertical") => boolean;
+    }, "default" | "type"> & {
+        type: import("vue").PropType<NonNullable<"horizontal" | "vertical">>;
+        default: NonNullable<"horizontal" | "vertical">;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    error: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    errorMessages: {
+        type: import("vue").PropType<string | string[]>;
+        default: () => never[];
+    };
+    maxErrors: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
+    name: {
+        type: import("vue").PropType<string | undefined>;
+        default: undefined;
+    };
+    label: {
+        type: import("vue").PropType<string | undefined>;
+        default: undefined;
+    };
+    readonly: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    rules: {
+        type: import("vue").PropType<import("../../composable").TValidationRule[]>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+        default: null;
+    };
+    validateOn: {
+        type: import("vue").PropType<"input" | "blur" | "submit">;
+        default: string;
+        available: readonly ["blur", "input", "submit"];
+        validator: (value: "input" | "blur" | "submit") => boolean;
+    };
+    validationValue: {
+        type: import("vue").PropType<any>;
+        default: undefined;
+    };
+    hideMessages: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    id: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    description: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    value: {
+        type: import("vue").PropType<any>;
+        default: null;
+    };
+    messages: {
+        type: import("vue").PropType<string | string[]>;
+        default: () => never[];
+    };
+    persistentMessages: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, {
+    inputProps: Ref<{}>;
+    hasLabel: import("vue").ComputedRef<boolean>;
+    hasDescription: import("vue").ComputedRef<boolean>;
+    directionClasses: import("vue").ComputedRef<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    direction: Omit<{
+        type: import("vue").PropType<"horizontal" | "vertical">;
+        default: string;
+        available: readonly ["horizontal", "vertical"];
+        validator: (value: "horizontal" | "vertical") => boolean;
+    }, "default" | "type"> & {
+        type: import("vue").PropType<NonNullable<"horizontal" | "vertical">>;
+        default: NonNullable<"horizontal" | "vertical">;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    error: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    errorMessages: {
+        type: import("vue").PropType<string | string[]>;
+        default: () => never[];
+    };
+    maxErrors: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
+    name: {
+        type: import("vue").PropType<string | undefined>;
+        default: undefined;
+    };
+    label: {
+        type: import("vue").PropType<string | undefined>;
+        default: undefined;
+    };
+    readonly: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    rules: {
+        type: import("vue").PropType<import("../../composable").TValidationRule[]>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+        default: null;
+    };
+    validateOn: {
+        type: import("vue").PropType<"input" | "blur" | "submit">;
+        default: string;
+        available: readonly ["blur", "input", "submit"];
+        validator: (value: "input" | "blur" | "submit") => boolean;
+    };
+    validationValue: {
+        type: import("vue").PropType<any>;
+        default: undefined;
+    };
+    hideMessages: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    id: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    description: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    value: {
+        type: import("vue").PropType<any>;
+        default: null;
+    };
+    messages: {
+        type: import("vue").PropType<string | string[]>;
+        default: () => never[];
+    };
+    persistentMessages: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    name: string | undefined;
+    description: string;
+    error: boolean;
+    disabled: boolean;
+    messages: string | string[];
+    id: string;
+    label: string | undefined;
+    value: any;
+    persistentMessages: boolean;
+    errorMessages: string | string[];
+    maxErrors: string | number;
+    readonly: boolean;
+    rules: import("../../composable").TValidationRule[];
+    modelValue: any;
+    validateOn: "input" | "blur" | "submit";
+    validationValue: any;
+    hideMessages: boolean;
+    direction: NonNullable<"horizontal" | "vertical">;
+}>;
+export default _sfc_main;

package/dist/components/CdsDrawer/CdsDrawer.vue.d.ts

@@ -0,0 +1,179 @@
+import type { PropType } from 'vue';
+export declare const componentName = "CdsDrawer";
+declare const _sfc_main: import("vue").DefineComponent<{
+    tag: Omit<{
+        type: PropType<string>;
+        default: string;
+        description: string;
+    }, "default" | "type"> & {
+        type: PropType<string>;
+        default: string;
+    };
+    dark: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Показать/Скрыть
+     */
+    modelValue: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
+    /**
+     * Видимый всегда, в независимости от размера экрана
+     */
+    permanent: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Временный, показывается при изменении v-model и использует overlay для закрытия
+     */
+    temporary: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Уменьшенный вариант отображение (только иконки) до наведения мыши
+     */
+    minified: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Применяет position: fixed
+     */
+    fixed: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Позиционирование справа
+     */
+    right: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Добавляет границы между элементами
+     */
+    border: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Использовать fixed для слотов c внутренним скроллом
+     */
+    fixedSlots: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, {
+    attrs: {
+        [x: string]: unknown;
+    };
+    drawerRef: import("vue").Ref<HTMLDivElement | undefined>;
+    hasPrependSlot: import("vue").ComputedRef<boolean>;
+    hasAppendSlot: import("vue").ComputedRef<boolean>;
+    hasOverlay: import("vue").ComputedRef<boolean | null>;
+    drawerClasses: import("vue").ComputedRef<{
+        'cds-drawer--active': boolean;
+        'cds-drawer--hover': boolean;
+        'cds-drawer--temporary': boolean;
+        'cds-drawer--minified': boolean;
+        'cds-drawer--right': boolean;
+        'cds-drawer--fixed': boolean;
+        'cds-drawer--border': boolean;
+        'cds-drawer--fixed-slots': boolean;
+    }>;
+    darkClasses: import("vue").ComputedRef<string | undefined>;
+    onClose: () => void;
+    onMouseenter: () => void;
+    onMouseleave: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "opened" | "closed")[], "update:modelValue" | "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tag: Omit<{
+        type: PropType<string>;
+        default: string;
+        description: string;
+    }, "default" | "type"> & {
+        type: PropType<string>;
+        default: string;
+    };
+    dark: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Показать/Скрыть
+     */
+    modelValue: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
+    /**
+     * Видимый всегда, в независимости от размера экрана
+     */
+    permanent: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Временный, показывается при изменении v-model и использует overlay для закрытия
+     */
+    temporary: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Уменьшенный вариант отображение (только иконки) до наведения мыши
+     */
+    minified: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Применяет position: fixed
+     */
+    fixed: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Позиционирование справа
+     */
+    right: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Добавляет границы между элементами
+     */
+    border: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Использовать fixed для слотов c внутренним скроллом
+     */
+    fixedSlots: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onOpened?: ((...args: any[]) => any) | undefined;
+    onClosed?: ((...args: any[]) => any) | undefined;
+}, {
+    dark: boolean;
+    fixed: boolean;
+    tag: string;
+    modelValue: boolean | null;
+    permanent: boolean;
+    temporary: boolean;
+    minified: boolean;
+    right: boolean;
+    border: boolean;
+    fixedSlots: boolean;
+}>;
+export default _sfc_main;

package/dist/components/CdsForm/CdsForm.vue.d.ts

@@ -0,0 +1,99 @@
+export declare const componentName = "CdsForm";
+declare const _sfc_main: import("vue").DefineComponent<{
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    description: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    readonly: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    firstFail: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean | null>;
+        default: null;
+    };
+    validateOn: {
+        type: import("vue").PropType<"input" | "blur" | "submit" | undefined>;
+        default: string;
+    };
+}, {
+    form: {
+        errors: import("vue").Ref<{
+            id: string | number;
+            errorMessages: string[];
+        }[]>;
+        isDisabled: import("vue").ComputedRef<boolean>;
+        isReadonly: import("vue").ComputedRef<boolean>;
+        isValidating: import("vue").Ref<boolean>;
+        model: import("vue").Ref<boolean | null> & {
+            readonly externalValue: boolean | null;
+        };
+        validate: () => Promise<{
+            valid: boolean;
+            errors: {
+                id: string | number;
+                errorMessages: string[];
+            }[];
+        }>;
+        reset: () => void;
+        resetValidation: () => void;
+    };
+    formRef: import("vue").Ref<HTMLFormElement | undefined>;
+    hasLabel: import("vue").ComputedRef<boolean>;
+    hasDescription: import("vue").ComputedRef<boolean>;
+    onReset: (event: Event) => void;
+    onSubmit: (_event: Event) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "update:modelValue")[], "submit" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    description: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    readonly: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    firstFail: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean | null>;
+        default: null;
+    };
+    validateOn: {
+        type: import("vue").PropType<"input" | "blur" | "submit" | undefined>;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onSubmit?: ((...args: any[]) => any) | undefined;
+}, {
+    description: string;
+    disabled: boolean;
+    label: string;
+    readonly: boolean;
+    modelValue: boolean | null;
+    validateOn: "input" | "blur" | "submit" | undefined;
+    firstFail: boolean;
+}>;
+export default _sfc_main;