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

package/dist/composable/layout.d.ts

@@ -0,0 +1,79 @@
+import type { PropType } from 'vue';
+import { CSSProperties, Ref } from 'vue';
+export interface ILayoutProps {
+    modelValue: boolean;
+    reveal: boolean;
+    revealOffset: number;
+    bordered: boolean;
+    elevated: boolean;
+    height: string | number;
+}
+export declare const makeLayoutProps: <Defaults extends {
+    modelValue?: unknown;
+    reveal?: unknown;
+    revealOffset?: unknown;
+    bordered?: unknown;
+    elevated?: unknown;
+    height?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Видимость элемента
+     */
+    modelValue: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Плавающий элемент
+     */
+    reveal: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Отступ для плавающего элемента
+     */
+    revealOffset: {
+        type: PropType<number>;
+        default: number;
+    };
+    /**
+     * Отображение границы
+     */
+    bordered: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Отображение тени
+     */
+    elevated: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Высота элемента
+     */
+    height: {
+        type: PropType<string | number>;
+        default: number;
+    };
+}, Defaults>;
+export declare function useLayout(props: ILayoutProps, componentName: string, view?: 'H' | 'F'): {
+    layout: import("../components/CdsLayout/context").ILayoutContextProps;
+    size: Ref<number>;
+    revealed: Ref<boolean>;
+    fixed: import("vue").ComputedRef<boolean>;
+    windowHeight: Ref<number>;
+    containerHeight: import("vue").ComputedRef<number>;
+    offset: import("vue").ComputedRef<number>;
+    hidden: import("vue").ComputedRef<boolean>;
+    revealOnFocus: import("vue").ComputedRef<boolean>;
+    classes: import("vue").ComputedRef<{
+        [x: string]: boolean;
+    }>;
+    style: import("vue").ComputedRef<CSSProperties>;
+    updateLocal: (prop: Ref, value: any) => void;
+    updateRevealed: () => void;
+    onResize: ({ height }: Pick<DOMRectReadOnly, 'width' | 'height'>) => void;
+};

package/dist/composable/text.d.ts

@@ -1,8 +1,9 @@
-import type { PropType } from 'vue';
+import type { PropType, ComputedRef } from 'vue';
 export interface ITextProps {
     text: string | undefined;
 }
 export interface IUseText {
+    hasText: ComputedRef<boolean>;
 }
 export declare const makeTextProps: <Defaults extends {
     text?: unknown;
@@ -15,3 +16,4 @@ export declare const makeTextProps: <Defaults extends {
         default: undefined;
     };
 }, Defaults>;
+export declare function useText(props: ITextProps, slots: Record<string, unknown>): IUseText;

package/dist/locale/index.d.ts

@@ -1,4 +1,5 @@
 import type { NTable } from '../components/CdsTable/interface';
+import type { NUploader } from '../components/CdsUploader/interface';
 import type { TNotificationLocale } from '../components/CdsNotification/composable';
 import type { TDateLocale } from '../utils';
 export interface ILocale {
@@ -9,6 +10,7 @@ export interface ILocale {
         prev?: string;
         next?: string;
     };
+    uploader: NUploader.ILocale;
 }
 export declare const availableLocale: readonly ["ru", "en"];
 export declare type TAvailableLocale = typeof availableLocale[number];

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

@@ -1 +1,4 @@
 export declare function classNames(...args: any[]): any;
+export declare function hasClass(node: HTMLDivElement, className: string): boolean;
+export declare function addClass(node: HTMLDivElement, className: string): void;
+export declare function removeClass(node: HTMLDivElement, className: string): void;

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

@@ -8,3 +8,4 @@ export declare function isVisible(element: HTMLElement | SVGGraphicsElement): bo
 export declare function isStyleSupport(styleName: string | string[], styleValue?: any): boolean;
 export declare function parseStyleText(cssText?: string, camel?: boolean): Record<string, any>;
 export declare function findDOMNodeByInstance(instance: any): any;
+export declare function getElement(el?: HTMLElement | string | null): any;

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

@@ -1,5 +1,6 @@
 export declare function getScrollParent(el?: HTMLElement): HTMLElement;
 export declare function getScrollParents(el?: Element | null, stopAt?: Element | null): HTMLElement[];
+export declare function getScrollTarget(el?: HTMLElement, targetEl?: HTMLElement | string): any;
 export declare function hasScrollbar(el?: Element | null): boolean;
 export declare function getScrollBarSize(fresh?: boolean): number;
 export declare function getTargetScrollBarSize(target: HTMLElement): {
@@ -10,3 +11,6 @@ export declare function getOffset(node: any): {
     left: number;
     top: number;
 };
+export declare function getVerticalScrollPosition(el?: HTMLElement | Window): number;
+export declare function getHorizontalScrollPosition(el?: HTMLElement | Window): number;
+export declare function hasPreventedScroll(): boolean;

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

@@ -0,0 +1,9 @@
+import type { Slot, VNode } from 'vue';
+export declare function hSlot(slot: Slot | undefined, otherwise?: VNode[]): VNode[] | undefined;
+/**
+ * Source definitely exists,
+ * so it's merged with the possible slot
+ */
+export declare function hMergeSlot(slot: Slot | undefined, source: VNode[]): VNode[];
+export declare function hUniqueSlot(slot: Slot | undefined, otherwise: VNode[]): VNode[];
+export declare function hEmptyRender(): void;

package/dist/utils/helpers.d.ts

@@ -1,5 +1,6 @@
 import type { ComponentPublicInstance, ComponentInternalInstance, ComputedGetter, InjectionKey, PropType, Ref, ToRefs, VNodeProps, VNodeChild, AllowedComponentProps, Component } from 'vue';
 import type { TItemKey } from '../composable';
+export declare const preventedScrollClass = "cds-scroll-blocked";
 export declare const keyNames: Readonly<{
     enter: "Enter";
     tab: "Tab";
@@ -124,6 +125,7 @@ export declare function destructComputed<T extends object>(getter: ComputedGette
 export declare function includes(arr: readonly any[], val: any): boolean;
 export declare function convertToUnit(str: number, unit?: string): string;
 export declare function convertToUnit(str: string | number | null | undefined, unit?: string): string | undefined;
+export declare function convertRemToPx(value: string): number;
 /**
  * Clamp a value between a min and max
  * @param value
@@ -148,6 +150,13 @@ export declare function findChildrenWithProvide(key: InjectionKey<any> | symbol,
     [key: string]: any;
 }): ComponentInternalInstance[];
 export declare function focusableChildren(el: Element): HTMLElement[];
+/**
+ * https://github.com/lodash/lodash/blob/master/partition.js
+ * @param items
+ * @param predicates
+ */
+export declare function partition<T>(items: T[], predicates: (item: T) => boolean): [T[], T[]];
+export declare function noop(): void;
 /**
  * Types
  */

package/dist/utils/index.d.ts

@@ -5,6 +5,7 @@ export * from './use/reactivePick';
 export * from './use/eagerComputed';
 export * from './use/pickAttrs';
 export * from './use/cache';
+export * from './use/copyToClipboard';
 export * from './changeCase/noCase';
 export * from './changeCase/lowerCase';
 export * from './changeCase/pascalCase';
@@ -20,3 +21,4 @@ export * from './dom/scrollTo';
 export * from './dom/wrapperRaf';
 export * from './dom/warn';
 export * from './dom/classNames';
+export * from './dom/hRender';

package/dist/utils/use/copyToClipboard.d.ts

@@ -0,0 +1 @@
+export declare function copyToClipboard(text: string): Promise<unknown>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@central-design-system/components",
-  "version": "3.0.0-alpha.16",
+  "version": "3.0.0-alpha.18",
   "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 8/31/2023, 11:22:02 AM
+ * Generated on 9/15/2023, 4:45:22 PM
  **/
 
 /**