@central-design-system/components 3.0.0-alpha.16 → 3.0.0-alpha.18

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

@@ -22,10 +22,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     scrollStrategy: Omit<{
         type: PropType<"none" | "close" | "block" | "reposition" | ((data: import("../CdsOverlay/composable").IScrollStrategyData, props: import("../CdsOverlay/composable").IScrollStrategyProps, scope: import("vue").EffectScope) => void)>;
         default: string;
-        validator: (value: any) => boolean; /**
-         * Сохранять фокус внутри модального окна, по-умолчанию true.
-         * Его можно отключить, если необходимо использовать собственный элемент для фокусировки
-         */
+        validator: (value: any) => boolean;
     }, "default" | "type"> & {
         type: PropType<NonNullable<"none" | "close" | "block" | "reposition" | ((data: import("../CdsOverlay/composable").IScrollStrategyData, props: import("../CdsOverlay/composable").IScrollStrategyProps, scope: import("vue").EffectScope) => void)>>;
         default: NonNullable<"none" | "close" | "block" | "reposition" | ((data: import("../CdsOverlay/composable").IScrollStrategyData, props: import("../CdsOverlay/composable").IScrollStrategyProps, scope: import("vue").EffectScope) => void)>;
@@ -214,10 +211,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         scrollStrategy: {
             type: PropType<"none" | "close" | "block" | "reposition" | ((data: import("../CdsOverlay/composable").IScrollStrategyData, props: import("../CdsOverlay/composable").IScrollStrategyProps, scope: import("vue").EffectScope) => void)>;
             default: string;
-            validator: (value: any) => boolean; /**
-             * Сохранять фокус внутри модального окна, по-умолчанию true.
-             * Его можно отключить, если необходимо использовать собственный элемент для фокусировки
-             */
+            validator: (value: any) => boolean;
         };
         locationStrategy: {
             type: PropType<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
@@ -370,10 +364,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         scrollStrategy: {
             type: PropType<"none" | "close" | "block" | "reposition" | ((data: import("../CdsOverlay/composable").IScrollStrategyData, props: import("../CdsOverlay/composable").IScrollStrategyProps, scope: import("vue").EffectScope) => void)>;
             default: string;
-            validator: (value: any) => boolean; /**
-             * Сохранять фокус внутри модального окна, по-умолчанию true.
-             * Его можно отключить, если необходимо использовать собственный элемент для фокусировки
-             */
+            validator: (value: any) => boolean;
         };
         locationStrategy: {
             type: PropType<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
@@ -572,10 +563,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     scrollStrategy: Omit<{
         type: PropType<"none" | "close" | "block" | "reposition" | ((data: import("../CdsOverlay/composable").IScrollStrategyData, props: import("../CdsOverlay/composable").IScrollStrategyProps, scope: import("vue").EffectScope) => void)>;
         default: string;
-        validator: (value: any) => boolean; /**
-         * Сохранять фокус внутри модального окна, по-умолчанию true.
-         * Его можно отключить, если необходимо использовать собственный элемент для фокусировки
-         */
+        validator: (value: any) => boolean;
     }, "default" | "type"> & {
         type: PropType<NonNullable<"none" | "close" | "block" | "reposition" | ((data: import("../CdsOverlay/composable").IScrollStrategyData, props: import("../CdsOverlay/composable").IScrollStrategyProps, scope: import("vue").EffectScope) => void)>>;
         default: NonNullable<"none" | "close" | "block" | "reposition" | ((data: import("../CdsOverlay/composable").IScrollStrategyData, props: import("../CdsOverlay/composable").IScrollStrategyProps, scope: import("vue").EffectScope) => void)>;

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

@@ -15,9 +15,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     status: {
         type: PropType<"error" | "info" | "success" | "warning" | "progress">;
         default: string;
-        available: readonly ["info", "success", "warning", "error", "progress"]; /**
-         * Состояние уведомления
-         */
+        available: readonly ["info", "success", "warning", "error", "progress"];
         description: string;
         validator: (value: "error" | "info" | "success" | "warning" | "progress") => boolean;
     };
@@ -91,9 +89,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     status: {
         type: PropType<"error" | "info" | "success" | "warning" | "progress">;
         default: string;
-        available: readonly ["info", "success", "warning", "error", "progress"]; /**
-         * Состояние уведомления
-         */
+        available: readonly ["info", "success", "warning", "error", "progress"];
         description: string;
         validator: (value: "error" | "info" | "success" | "warning" | "progress") => boolean;
     };

package/dist/components/CdsOverlay/composable/locationStrategies.d.ts

@@ -23,10 +23,24 @@ export interface ILocationStrategyProps {
     minHeight: number | string;
     minWidth: number | string;
 }
+export interface ILocationProps {
+    location: TAnchor;
+}
 export interface IUseLocationStrategies {
     contentStyles: Ref<Record<string, string>>;
     updateLocation: Ref<((event: Event) => void) | undefined>;
 }
+export declare const makeLocationProps: <Defaults extends {
+    location?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../../../utils').AppendDefault<{
+    /**
+     * Выравнивание компонент по краям top, bottom, left, right. Можно комбинировать, например, top left
+     */
+    location: {
+        type: PropType<TAnchor>;
+        default: string;
+    };
+}, Defaults>;
 export declare const makeLocationStrategyProps: <Defaults extends {
     locationStrategy?: unknown;
     location?: unknown;
@@ -64,7 +78,7 @@ export declare const makeLocationStrategyProps: <Defaults extends {
     };
 }, Defaults>;
 export declare function useLocationStrategies(props: ILocationStrategyProps, data: ILocationStrategyData): IUseLocationStrategies;
-export declare function useLocation(props: ILocationStrategyProps, opposite?: boolean, offset?: (side: string) => number): {
+export declare function useLocation(props: ILocationProps, opposite?: boolean, offset?: (side: string) => number): {
     locationStyles: import("vue").ComputedRef<CSSProperties>;
 };
 declare function staticLocationStrategy(): {

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

@@ -0,0 +1,25 @@
+import type { PropType } from 'vue';
+export declare const componentName = "CdsPage";
+declare const _sfc_main: import("vue").DefineComponent<{
+    padding: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    styleFn: {
+        type: PropType<(offset: number, height: number) => string>;
+        default: undefined;
+    };
+}, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    padding: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    styleFn: {
+        type: PropType<(offset: number, height: number) => string>;
+        default: undefined;
+    };
+}>>, {
+    padding: boolean;
+    styleFn: (offset: number, height: number) => string;
+}>;
+export default _sfc_main;

package/dist/components/CdsPage/index.d.ts

@@ -0,0 +1 @@
+export { default as CdsPage } from './CdsPage.vue';

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

@@ -0,0 +1,145 @@
+import type { PropType } from 'vue';
+export declare const componentName = "CdsProgress";
+declare const _sfc_main: import("vue").DefineComponent<{
+    location: Omit<{
+        type: PropType<import('../../utils').TAnchor>;
+        default: string;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<import('../../utils').TAnchor>>;
+        default: NonNullable<import('../../utils').TAnchor>;
+    };
+    tag: {
+        type: PropType<string>;
+        default: string;
+        description: string;
+    };
+    modelValue: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    absolute: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    active: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    bgColor: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    bgOpacity: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    bufferValue: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    height: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    indeterminate: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    clickable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    max: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    stream: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    reverse: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (value: number) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    location: Omit<{
+        type: PropType<import('../../utils').TAnchor>;
+        default: string;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<import('../../utils').TAnchor>>;
+        default: NonNullable<import('../../utils').TAnchor>;
+    };
+    tag: {
+        type: PropType<string>;
+        default: string;
+        description: string;
+    };
+    modelValue: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    absolute: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    active: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    bgColor: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    bgOpacity: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    bufferValue: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    height: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    indeterminate: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    clickable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    max: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    stream: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    reverse: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}, {
+    reverse: boolean;
+    tag: string;
+    location: NonNullable<import('../../utils').TAnchor>;
+    active: boolean;
+    indeterminate: boolean;
+    modelValue: string | number;
+    max: string | number;
+    height: string | number;
+    absolute: boolean;
+    bgColor: string;
+    bgOpacity: string | number;
+    bufferValue: string | number;
+    clickable: boolean;
+    stream: boolean;
+}>;
+export default _sfc_main;

package/dist/components/CdsProgress/index.d.ts

@@ -0,0 +1 @@
+export { default as CdsProgress } from './CdsProgress.vue';

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

@@ -9,7 +9,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
         default: string;
         available: readonly ["xs", "sm", "md", "lg", "xl"];
-        validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
+        validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean; /**
+         * Событие изменения модели
+         * @type { boolean }
+         */
     };
     /**
      * Показать/Скрыть
@@ -46,7 +49,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
         default: string;
         available: readonly ["xs", "sm", "md", "lg", "xl"];
-        validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
+        validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean; /**
+         * Событие изменения модели
+         * @type { boolean }
+         */
     };
     /**
      * Показать/Скрыть

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

@@ -0,0 +1,121 @@
+import type { PropType } from 'vue';
+export declare const componentName = "CdsSkeletonLoader";
+declare const _sfc_main: import("vue").DefineComponent<{
+    height: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    width: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    maxHeight: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    maxWidth: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    minHeight: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    minWidth: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    /**
+     * Тип скелета
+     */
+    type: {
+        type: PropType<"text" | "button" | "block" | "chip" | "actions" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "article" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-row" | "table-tfoot" | (string & {}) | readonly ("text" | "button" | "block" | "chip" | "actions" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "article" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-row" | "table-tfoot" | (string & {}))[]>;
+        default: string;
+    };
+    /**
+     * Показывать ли скелет при загрузке
+     */
+    loading: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Текст для aria label во время загрузки
+     */
+    loadingText: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Использовать скелет в виде заготовки для прототипирования
+     */
+    boilerplate: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    height: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    width: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    maxHeight: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    maxWidth: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    minHeight: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    minWidth: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    /**
+     * Тип скелета
+     */
+    type: {
+        type: PropType<"text" | "button" | "block" | "chip" | "actions" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "article" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-row" | "table-tfoot" | (string & {}) | readonly ("text" | "button" | "block" | "chip" | "actions" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "article" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-row" | "table-tfoot" | (string & {}))[]>;
+        default: string;
+    };
+    /**
+     * Показывать ли скелет при загрузке
+     */
+    loading: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Текст для aria label во время загрузки
+     */
+    loadingText: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Использовать скелет в виде заготовки для прототипирования
+     */
+    boilerplate: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>>, {
+    type: "text" | "button" | "block" | "chip" | "actions" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "article" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-row" | "table-tfoot" | (string & {}) | readonly ("text" | "button" | "block" | "chip" | "actions" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "article" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-row" | "table-tfoot" | (string & {}))[];
+    loading: boolean;
+    height: string | number;
+    width: string | number;
+    maxHeight: string | number;
+    maxWidth: string | number;
+    minHeight: string | number;
+    minWidth: string | number;
+    loadingText: string;
+    boilerplate: boolean;
+}>;
+export default _sfc_main;

package/dist/components/CdsSkeletonLoader/index.d.ts

@@ -0,0 +1 @@
+export { default as CdsSkeletonLoader } from './CdsSkeletonLoader.vue';

package/dist/components/CdsSkeletonLoader/types.d.ts

@@ -0,0 +1,37 @@
+import type { VNode } from 'vue';
+declare type TSkeletonBone<T> = T | TSkeletonBone<T>[];
+export declare type TSkeletonBones = TSkeletonBone<VNode>;
+export declare type TSkeletonLoaderType = keyof typeof allowedTypes;
+export declare const allowedTypes: {
+    readonly actions: "button@2";
+    readonly article: "heading, paragraph";
+    readonly avatar: "avatar";
+    readonly button: "button";
+    readonly card: "block, heading";
+    readonly 'card-avatar': "block, list-item-avatar";
+    readonly chip: "chip";
+    readonly 'date-picker': "date-picker-options, date-picker-days, list-item";
+    readonly 'date-picker-options': "actions";
+    readonly 'date-picker-days': "avatar@42";
+    readonly divider: "divider";
+    readonly heading: "heading";
+    readonly block: "block";
+    readonly 'list-item': "text";
+    readonly 'list-item-avatar': "avatar, text";
+    readonly 'list-item-two-line': "sentences";
+    readonly 'list-item-avatar-two-line': "avatar, sentences";
+    readonly 'list-item-three-line': "paragraph";
+    readonly 'list-item-avatar-three-line': "avatar, paragraph";
+    readonly paragraph: "text@3";
+    readonly sentences: "text@2";
+    readonly subtitle: "text";
+    readonly table: "table-heading, table-thead, table-tbody, table-tfoot";
+    readonly 'table-heading': "chip, text";
+    readonly 'table-thead': "heading@6";
+    readonly 'table-tbody': "table-row-divider@6";
+    readonly 'table-row-divider': "table-row, divider";
+    readonly 'table-row': "text@6";
+    readonly 'table-tfoot': "text@2, actions";
+    readonly text: "text";
+};
+export {};