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

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

@@ -1037,10 +1037,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             default: string;
         };
         origin: {
-            type: PropType<import('../../utils').TAnchor | "auto" | "overlap">; /**
-             * Событие открытия меню
-             * @type { boolean }
-             */
+            type: PropType<import('../../utils').TAnchor | "auto" | "overlap">;
             default: string;
         };
         offset: {
@@ -1169,10 +1166,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 default: string;
             };
             origin: {
-                type: PropType<import('../../utils').TAnchor | "auto" | "overlap">; /**
-                 * Событие открытия меню
-                 * @type { boolean }
-                 */
+                type: PropType<import('../../utils').TAnchor | "auto" | "overlap">;
                 default: string;
             };
             offset: {
@@ -1322,10 +1316,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 default: string;
             };
             origin: {
-                type: PropType<import('../../utils').TAnchor | "auto" | "overlap">; /**
-                 * Событие открытия меню
-                 * @type { boolean }
-                 */
+                type: PropType<import('../../utils').TAnchor | "auto" | "overlap">;
                 default: string;
             };
             offset: {
@@ -1545,10 +1536,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             default: string;
         };
         origin: {
-            type: PropType<import('../../utils').TAnchor | "auto" | "overlap">; /**
-             * Событие открытия меню
-             * @type { boolean }
-             */
+            type: PropType<import('../../utils').TAnchor | "auto" | "overlap">;
             default: string;
         };
         offset: {

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

@@ -1,17 +1,5 @@
-import type { IGroupItemProvide } from '../../composable';
-import type { PropType, InjectionKey, Ref, ComputedRef } from 'vue';
+import type { PropType } from 'vue';
 import type { ITouchHandlers } from '../../directives/touch';
-export interface ICdsContainerProvide {
-    rootRef: Ref<HTMLElement | undefined>;
-    transition: ComputedRef<undefined | string>;
-    transitionCount: Ref<number>;
-    transitionHeight: Ref<undefined | string>;
-    isReversed: Ref<boolean>;
-    onlySingle: Ref<boolean>;
-    multiple: Ref<boolean>;
-}
-export declare const CdsContainerSymbol: InjectionKey<ICdsContainerProvide>;
-export declare const CdsContainerGroupSymbol: InjectionKey<IGroupItemProvide>;
 export declare const componentName = "CdsContainer";
 declare const _sfc_main: import("vue").DefineComponent<{
     prependIcon: Omit<{

package/dist/components/CdsContainer/CdsContainerItem.vue.d.ts

@@ -17,6 +17,30 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    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;
+    };
     reverseTransition: {
         type: PropType<string | boolean>;
         default: undefined;
@@ -46,6 +70,30 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    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;
+    };
     reverseTransition: {
         type: PropType<string | boolean>;
         default: undefined;
@@ -64,6 +112,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
     selectedClass: string;
     transition: string | boolean;
     eager: boolean;
+    height: string | number;
+    width: string | number;
+    maxHeight: string | number;
+    maxWidth: string | number;
+    minHeight: string | number;
+    minWidth: string | number;
     reverseTransition: string | boolean;
 }>;
 export default _sfc_main;

package/dist/components/CdsContainer/context.d.ts

@@ -0,0 +1,15 @@
+import type { ComputedRef, InjectionKey, Ref } from 'vue';
+import type { IGroupItemProvide } from '../../composable';
+export interface ICdsContainerProvide {
+    rootRef: Ref<HTMLElement | undefined>;
+    transition: ComputedRef<undefined | string>;
+    transitionCount: Ref<number>;
+    transitionHeight: Ref<undefined | string>;
+    isReversed: Ref<boolean>;
+    onlySingle: Ref<boolean>;
+    multiple: Ref<boolean>;
+}
+export declare const CdsContainerSymbol: InjectionKey<ICdsContainerProvide>;
+export declare const CdsContainerGroupSymbol: InjectionKey<IGroupItemProvide>;
+export declare const useProvideContainer: (data: ICdsContainerProvide) => void;
+export declare const useInjectContainer: () => ICdsContainerProvide;

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

@@ -1,4 +1,8 @@
-import type { PropType } from 'vue';
+import type { PropType, CSSProperties } from 'vue';
+export declare const CDS_DRAWER_WIDTH: number;
+export declare const CDS_DRAWER_WIDTH_MINIFIED: number;
+export declare const CDS_DRAWER_Z_INDEX_INNER: number;
+export declare const CDS_DRAWER_Z_INDEX_OUTER: number;
 export declare const componentName = "CdsDrawer";
 declare const _sfc_main: import("vue").DefineComponent<{
     tag: Omit<{
@@ -88,6 +92,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         'cds-drawer--fixed-slots': boolean;
     }>;
     darkClasses: import("vue").ComputedRef<string | undefined>;
+    styles: import("vue").ComputedRef<CSSProperties>;
     onClose: () => void;
     onMouseenter: () => void;
     onMouseleave: () => void;

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

@@ -146,16 +146,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: null;
     };
     messages: {
-        /**
-         * Событие при фокусе
-         * @type { boolean }
-         */
         type: import("vue").PropType<string | string[]>;
         default: () => never[];
     };
     persistentMessages: {
         type: import("vue").PropType<boolean>;
-        default: boolean;
+        default: boolean; /**
+         * Событие открытия меню
+         * @type { boolean }
+         */
     };
     active: {
         type: import("vue").PropType<boolean>;
@@ -354,16 +353,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
             default: null;
         };
         messages: {
-            /**
-             * Событие при фокусе
-             * @type { boolean }
-             */
             type: import("vue").PropType<string | string[]>;
             default: () => never[];
         };
         persistentMessages: {
             type: import("vue").PropType<boolean>;
-            default: boolean;
+            default: boolean; /**
+             * Событие открытия меню
+             * @type { boolean }
+             */
         };
         active: {
             type: import("vue").PropType<boolean>;
@@ -513,16 +511,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 default: null;
             };
             messages: {
-                /**
-                 * Событие при фокусе
-                 * @type { boolean }
-                 */
                 type: import("vue").PropType<string | string[]>;
                 default: () => never[];
             };
             persistentMessages: {
                 type: import("vue").PropType<boolean>;
-                default: boolean;
+                default: boolean; /**
+                 * Событие открытия меню
+                 * @type { boolean }
+                 */
             };
         }, {
             isFocused: import("vue").Ref<boolean>;
@@ -630,16 +627,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 default: null;
             };
             messages: {
-                /**
-                 * Событие при фокусе
-                 * @type { boolean }
-                 */
                 type: import("vue").PropType<string | string[]>;
                 default: () => never[];
             };
             persistentMessages: {
                 type: import("vue").PropType<boolean>;
-                default: boolean;
+                default: boolean; /**
+                 * Событие открытия меню
+                 * @type { boolean }
+                 */
             };
         }>> & {
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
@@ -848,16 +844,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
             default: null;
         };
         messages: {
-            /**
-             * Событие при фокусе
-             * @type { boolean }
-             */
             type: import("vue").PropType<string | string[]>;
             default: () => never[];
         };
         persistentMessages: {
             type: import("vue").PropType<boolean>;
-            default: boolean;
+            default: boolean; /**
+             * Событие открытия меню
+             * @type { boolean }
+             */
         };
         active: {
             type: import("vue").PropType<boolean>;
@@ -2258,16 +2253,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: null;
     };
     messages: {
-        /**
-         * Событие при фокусе
-         * @type { boolean }
-         */
         type: import("vue").PropType<string | string[]>;
         default: () => never[];
     };
     persistentMessages: {
         type: import("vue").PropType<boolean>;
-        default: boolean;
+        default: boolean; /**
+         * Событие открытия меню
+         * @type { boolean }
+         */
     };
     active: {
         type: import("vue").PropType<boolean>;

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

@@ -0,0 +1,66 @@
+export declare const componentName = "CdsFooter";
+declare const _sfc_main: import("vue").DefineComponent<{
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    reveal: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    revealOffset: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    bordered: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    elevated: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    height: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
+}, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    reveal: (value: boolean) => true;
+    focusin: (event: FocusEvent) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    reveal: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    revealOffset: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    bordered: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    elevated: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    height: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
+}>> & {
+    onFocusin?: ((event: FocusEvent) => any) | undefined;
+    onReveal?: ((value: boolean) => any) | undefined;
+}, {
+    modelValue: boolean;
+    height: string | number;
+    reveal: boolean;
+    revealOffset: number;
+    bordered: boolean;
+    elevated: boolean;
+}>;
+export default _sfc_main;

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

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

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

@@ -0,0 +1,66 @@
+export declare const componentName = "CdsHeader";
+declare const _sfc_main: import("vue").DefineComponent<{
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    reveal: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    revealOffset: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    bordered: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    elevated: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    height: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
+}, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    reveal: (value: boolean) => true;
+    focusin: (event: FocusEvent) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    reveal: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    revealOffset: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    bordered: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    elevated: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    height: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
+}>> & {
+    onFocusin?: ((event: FocusEvent) => any) | undefined;
+    onReveal?: ((value: boolean) => any) | undefined;
+}, {
+    modelValue: boolean;
+    height: string | number;
+    reveal: boolean;
+    revealOffset: number;
+    bordered: boolean;
+    elevated: boolean;
+}>;
+export default _sfc_main;

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

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

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

@@ -72,6 +72,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     id: {
         type: PropType<string>;
+        /**
+         * Событие изменения v-model
+         * @type { any }
+         */
         default: undefined;
     };
     label: {
@@ -189,6 +193,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     id: {
         type: PropType<string>;
+        /**
+         * Событие изменения v-model
+         * @type { any }
+         */
         default: undefined;
     };
     label: {

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

@@ -0,0 +1,38 @@
+import type { PropType, VNode } from 'vue';
+import type { TScrollObserver } from './components';
+export declare const componentName = "CdsLayout";
+declare const _sfc_main: import("vue").DefineComponent<{
+    container: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    view: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    resize: (contentRect: Pick<DOMRectReadOnly, 'width' | 'height'>) => true;
+    scroll: (info: TScrollObserver) => true;
+    scrollHeight: (height: number) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    container: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    view: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>> & {
+    onResize?: ((contentRect: Pick<DOMRectReadOnly, "height" | "width">) => any) | undefined;
+    onScroll?: ((info: TScrollObserver) => any) | undefined;
+    onScrollHeight?: ((height: number) => any) | undefined;
+}, {
+    view: string;
+    container: boolean;
+}>;
+export default _sfc_main;

package/dist/components/CdsLayout/components/LayoutResizeObserver.d.ts

@@ -0,0 +1,19 @@
+import { noop } from '../../../utils';
+import type { PropType } from 'vue';
+export declare const LayoutResizeObserver: import("vue").DefineComponent<{
+    debounce: {
+        type: PropType<string | number>;
+        default: number;
+    };
+}, typeof noop, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    resize: (contentRect: Pick<DOMRectReadOnly, 'width' | 'height'>) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    debounce: {
+        type: PropType<string | number>;
+        default: number;
+    };
+}>> & {
+    onResize?: ((contentRect: Pick<DOMRectReadOnly, "height" | "width">) => any) | undefined;
+}, {
+    debounce: string | number;
+}>;

package/dist/components/CdsLayout/components/LayoutScrollObserver.d.ts

@@ -0,0 +1,55 @@
+import { noop } from '../../../utils';
+import type { PropType } from 'vue';
+declare const axisValues: readonly ["both", "horizontal", "vertical"];
+declare type TAxis = typeof axisValues[number];
+export declare type TScrollObserver = {
+    position: {
+        top: number;
+        left: number;
+    };
+    direction: 'up' | 'down' | 'left' | 'right';
+    directionChanged: boolean;
+    delta: {
+        top: number;
+        left: number;
+    };
+    inflectionPoint: {
+        top: number;
+        left: number;
+    };
+};
+export declare const LayoutScrollObserver: import("vue").DefineComponent<{
+    axis: {
+        type: PropType<"horizontal" | "vertical" | "both">;
+        validator: (value: TAxis) => boolean;
+    };
+    debounce: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    scrollTarget: {
+        type: PropType<string | HTMLElement>;
+        default: undefined;
+    };
+}, typeof noop, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    scroll: (data: TScrollObserver) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    axis: {
+        type: PropType<"horizontal" | "vertical" | "both">;
+        validator: (value: TAxis) => boolean;
+    };
+    debounce: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    scrollTarget: {
+        type: PropType<string | HTMLElement>;
+        default: undefined;
+    };
+}>> & {
+    onScroll?: ((data: TScrollObserver) => any) | undefined;
+}, {
+    debounce: string | number;
+    scrollTarget: string | HTMLElement;
+}>;
+export {};

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

@@ -0,0 +1,2 @@
+export * from './LayoutResizeObserver';
+export * from './LayoutScrollObserver';

package/dist/components/CdsLayout/context.d.ts

@@ -0,0 +1,33 @@
+import type { ComputedRef, InjectionKey, Ref } from 'vue';
+import type { TScrollObserver } from './components';
+declare type TLayoutPart = {
+    size: number;
+    offset: number;
+    space: boolean;
+};
+export interface ILayoutContextProps {
+    instances: any;
+    view: ComputedRef<string>;
+    isContainer: ComputedRef<boolean>;
+    rootRef: Ref<HTMLElement | undefined>;
+    height: Ref<number>;
+    containerHeight: Ref<number>;
+    scrollbarWidth: Ref<number>;
+    totalWidth: ComputedRef<number>;
+    rows: ComputedRef<{
+        top: string[];
+        middle: string[];
+        bottom: string[];
+    }>;
+    header: TLayoutPart;
+    right: TLayoutPart;
+    footer: TLayoutPart;
+    left: TLayoutPart;
+    scroll: Ref<TScrollObserver>;
+    animate: () => void;
+    update: (part: keyof ILayoutContextProps, prop: string, value: any) => void;
+}
+export declare const CdsLayoutSymbol: InjectionKey<ILayoutContextProps>;
+export declare const useProvideLayout: (props: ILayoutContextProps) => void;
+export declare const useInjectLayout: () => ILayoutContextProps;
+export {};

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

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

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

@@ -0,0 +1,3 @@
+export declare const componentName = "CdsMain";
+declare const _sfc_main: import("vue").DefineComponent<{}, () => void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _sfc_main;

package/dist/components/CdsMain/context.d.ts

@@ -0,0 +1,4 @@
+import type { InjectionKey } from 'vue';
+export declare const CdsMainSymbol: InjectionKey<boolean>;
+export declare const useProvideMain: (provided: boolean) => void;
+export declare const useInjectMain: () => boolean;

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

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