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

package/dist/components/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Automatically generated by CDS CLI
- * Generated on 8/14/2023, 3:08:10 PM
+ * Generated on 8/24/2023, 10:15:26 AM
  **/
 export { default as CdsBadge } from './CdsBadge/CdsBadge.vue';
 export { default as CdsBreadcrumbs } from './CdsBreadcrumbs/CdsBreadcrumbs.vue';
@@ -19,26 +19,31 @@ export { default as CdsExpandablePanel } from './CdsExpandablePanel/CdsExpandabl
 export { default as CdsExpandablePanelContent } from './CdsExpandablePanel/CdsExpandablePanelContent.vue';
 export { default as CdsExpandablePanels } from './CdsExpandablePanel/CdsExpandablePanels.vue';
 export { default as CdsExpandablePanelTitle } from './CdsExpandablePanel/CdsExpandablePanelTitle.vue';
+export { default as CdsFooter } from './CdsFooter/CdsFooter.vue';
 export { default as CdsForm } from './CdsForm/CdsForm.vue';
 export { default as CdsCol } from './CdsGrid/CdsCol.vue';
 export { default as CdsGrid } from './CdsGrid/CdsGrid.vue';
 export { default as CdsRow } from './CdsGrid/CdsRow.vue';
+export { default as CdsHeader } from './CdsHeader/CdsHeader.vue';
 export { default as CdsIcon } from './CdsIcon/CdsIcon.vue';
 export { default as CdsInput } from './CdsInput/CdsInput.vue';
 export { default as CdsInputCounter } from './CdsInput/CdsInputCounter.vue';
 export { default as CdsInputDescription } from './CdsInput/CdsInputDescription.vue';
 export { default as CdsInputLabel } from './CdsInput/CdsInputLabel.vue';
 export { default as CdsInputMessages } from './CdsInput/CdsInputMessages.vue';
+export { default as CdsLayout } from './CdsLayout/CdsLayout.vue';
 export { default as CdsLink } from './CdsLink/CdsLink.vue';
 export { default as CdsList } from './CdsList/CdsList.vue';
 export { default as CdsListGroup } from './CdsList/CdsListGroup.vue';
 export { default as CdsListItem } from './CdsList/CdsListItem.vue';
 export { default as CdsLoader } from './CdsLoader/CdsLoader.vue';
+export { default as CdsMain } from './CdsMain/CdsMain.vue';
 export { default as CdsMenu } from './CdsMenu/CdsMenu.vue';
 export { default as CdsModal } from './CdsModal/CdsModal.vue';
 export { default as CdsNotification } from './CdsNotification/CdsNotification.vue';
 export { default as CdsNotificationAlert } from './CdsNotification/CdsNotificationAlert.vue';
 export { default as CdsOverlay } from './CdsOverlay/CdsOverlay.vue';
+export { default as CdsPage } from './CdsPage/CdsPage.vue';
 export { default as CdsPagination } from './CdsPagination/CdsPagination.vue';
 export { default as CdsRadio } from './CdsRadioButton/CdsRadio.vue';
 export { default as CdsRadioButton } from './CdsRadioButton/CdsRadioButton.vue';
@@ -57,6 +62,8 @@ export { default as CdsTag } from './CdsTag/CdsTag.vue';
 export { default as CdsTextArea } from './CdsTextArea/CdsTextArea.vue';
 export { default as CdsTextInput } from './CdsTextInput/CdsTextInput.vue';
 export { default as CdsTimePicker } from './CdsTimePicker/CdsTimePicker.vue';
+export { default as CdsToolbar } from './CdsToolbar/CdsToolbar.vue';
+export { default as CdsToolbarTitle } from './CdsToolbar/CdsToolbarTitle.vue';
 export { default as CdsTooltip } from './CdsTooltip/CdsTooltip.vue';
 export * from './CdsBadge';
 export * from './CdsBreadcrumbs';
@@ -69,17 +76,22 @@ export * from './CdsDrawer';
 export * from './CdsDropdown';
 export * from './CdsEmptyState';
 export * from './CdsExpandablePanel';
+export * from './CdsFooter';
 export * from './CdsForm';
 export * from './CdsGrid';
+export * from './CdsHeader';
 export * from './CdsIcon';
 export * from './CdsInput';
+export * from './CdsLayout';
 export * from './CdsLink';
 export * from './CdsList';
 export * from './CdsLoader';
+export * from './CdsMain';
 export * from './CdsMenu';
 export * from './CdsModal';
 export * from './CdsNotification';
 export * from './CdsOverlay';
+export * from './CdsPage';
 export * from './CdsPagination';
 export * from './CdsRadioButton';
 export * from './CdsSelect';
@@ -93,4 +105,5 @@ export * from './CdsTag';
 export * from './CdsTextArea';
 export * from './CdsTextInput';
 export * from './CdsTimePicker';
+export * from './CdsToolbar';
 export * from './CdsTooltip';

package/dist/composable/index.d.ts

@@ -43,3 +43,4 @@ export * from './locale';
 export * from './group';
 export * from './ssrBoot';
 export * from './variant';
+export * from './layout';

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/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,7 @@ export declare function findChildrenWithProvide(key: InjectionKey<any> | symbol,
     [key: string]: any;
 }): ComponentInternalInstance[];
 export declare function focusableChildren(el: Element): HTMLElement[];
+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.17",
   "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 8/31/2023, 2:43:54 PM
  **/
 
 /**