@central-design-system/components 3.0.0-beta.2 → 3.0.0-beta.4

package/dist/composable/icon.d.ts

@@ -22,7 +22,7 @@ export declare const makeIconProps: <Defaults extends {
      * Иконка в начале элемента
      */
     prependIcon: {
-        type: PropType<"search" | "link" | "list" | "filters" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
+        type: PropType<"search" | "link" | "list" | "filters" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
         default: undefined;
         validator: (value: TCdsIconsName) => boolean;
     };
@@ -30,7 +30,7 @@ export declare const makeIconProps: <Defaults extends {
      * Иконка в конце элемента
      */
     appendIcon: {
-        type: PropType<"search" | "link" | "list" | "filters" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
+        type: PropType<"search" | "link" | "list" | "filters" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
         default: undefined;
         validator: (value: TCdsIconsName) => boolean;
     };

package/dist/composable/select.d.ts

@@ -15,6 +15,7 @@ export declare const makeSelectProps: <Defaults extends {
     hideSelected?: unknown;
     hideNoData?: unknown;
     isSelectAll?: unknown;
+    ellipsis?: unknown;
     listProps?: unknown;
 } = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
     /**
@@ -52,6 +53,13 @@ export declare const makeSelectProps: <Defaults extends {
         type: PropType<boolean>;
         default: boolean;
     };
+    /**
+     * Отображать элементы выбранного списка в одну строку
+     */
+    ellipsis: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
     /**
      * Свойства для списка
      */
@@ -115,7 +123,7 @@ export declare const makeSelectProps: <Defaults extends {
             };
             itemValue: {
                 /**
-                 * Свойства для списка
+                 * Отображать элементы выбранного списка в одну строку
                  */
                 type: PropType<import("./items").TItemKey>;
                 default: string;
@@ -141,7 +149,9 @@ export declare const makeSelectProps: <Defaults extends {
             "onUpdate:opened"?: ((value: unknown[]) => any) | undefined;
             "onClick:open"?: ((value: {
                 id: unknown;
-                value: boolean;
+                value: boolean; /**
+                 * Свойства для списка
+                 */
                 path: unknown[];
                 event: Event;
             }) => any) | undefined;

package/dist/composable/tag.d.ts

@@ -1,7 +1,4 @@
 import type { PropType } from 'vue';
-export interface ITagProps {
-    tag: string;
-}
 export declare const makeTagProps: <Defaults extends {
     tag?: unknown;
 } = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{

package/dist/directives/index.d.ts

@@ -1,2 +1,3 @@
 export { ClickOutside } from './click-outside';
 export { Touch } from './touch';
+export { Intersect } from './intersect';

package/dist/directives/intersect/index.d.ts

@@ -0,0 +1,19 @@
+import type { DirectiveBinding } from 'vue';
+declare type ObserveHandler = (isIntersecting: boolean, entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void;
+export interface ObserverDirectiveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> {
+    value?: ObserveHandler | {
+        handler: ObserveHandler;
+        options?: IntersectionObserverInit;
+    };
+    modifiers: {
+        once?: boolean;
+        quiet?: boolean;
+    };
+}
+declare function mounted(el: HTMLElement, binding: ObserverDirectiveBinding): void;
+declare function unmounted(el: HTMLElement, binding: ObserverDirectiveBinding): void;
+export declare const Intersect: {
+    mounted: typeof mounted;
+    unmounted: typeof unmounted;
+};
+export default Intersect;

package/dist/globals.d.ts

@@ -17,6 +17,14 @@ declare global {
     _touchHandlers?: {
       [_uid: number]: ITouchStoredHandlers;
     };
+    _observe?: Record<
+      number,
+      | {
+          init: boolean;
+          observer: IntersectionObserver;
+        }
+      | undefined
+    >;
   }
 
   export const __VUE_OPTIONS_API__: boolean | undefined;

package/dist/utils/date/date.d.ts

@@ -30,21 +30,21 @@ export declare type TDateLocale = {
  * @param __forcedYear
  * @param __forcedTimezoneOffset
  */
-export declare function formatDate(value: any, mask: string, dateLocale: TDateLocale, __forcedYear: number, __forcedTimezoneOffset: number): string | undefined;
+export declare function formatDate(value: any, mask: string, dateLocale?: TDateLocale, __forcedYear?: number, __forcedTimezoneOffset?: number): string | undefined;
 /**
  * Set a specific year, month and day to a date.
  * @param date
  * @param rawModified
  * @param utc
  */
-export declare function adjustDate(date: Date, rawModified: IRawDate, utc: boolean): Date;
+export declare function adjustDate(date: Date, rawModified: IRawDate, utc?: boolean): Date;
 /**
  * Parse any string into a date object based on the format passed.
  * @param str
  * @param mask
  * @param dateLocale
  */
-export declare function extractDate(str: string, mask: string, dateLocale: TDateLocale): Date;
+export declare function extractDate(str: string, mask: string, dateLocale?: TDateLocale): Date;
 /**
  * Split date by mask.
  * @param str
@@ -57,13 +57,13 @@ export declare function splitDate(str?: string | any, mask?: string, dateLocale?
  * Check a date string for validity.
  * @param date
  */
-export declare function isValid(date: any): boolean;
+export declare function isValidDate(date: any): boolean;
 /**
  * The following method is just a wrapper to help you in cases where you just need current time but with a different year, or month, or second etc.
  * @param modified
  * @param utc
  */
-export declare function buildDate(modified: IRawDate, utc: boolean): Date;
+export declare function buildDate(modified: IRawDate, utc?: boolean): Date;
 /**
  * Get the day number in week for a given date.
  * @param date
@@ -86,10 +86,10 @@ export declare function getDayOfYear(date: Date): number | undefined;
  * @param to
  * @param opts
  */
-export declare function isBetweenDates(date: Date, from: Date, to: Date, opts: {
-    onlyDate: boolean;
-    inclusiveFrom: boolean;
-    inclusiveTo: boolean;
+export declare function isBetweenDates(date: Date, from: Date, to: Date, opts?: {
+    onlyDate?: boolean;
+    inclusiveFrom?: boolean;
+    inclusiveTo?: boolean;
 }): boolean;
 /**
  * Add a given date/time unit from a given date.
@@ -164,11 +164,11 @@ export declare function daysInMonth(date: Date): number;
  * Cloning date object.
  * @param date
  */
-export declare function clone(date: Date): Date;
+export declare function cloneDate(date: Date): Date;
 declare const _default: {
     formatDate: typeof formatDate;
-    clone: typeof clone;
-    isValid: typeof isValid;
+    cloneDate: typeof cloneDate;
+    isValidDate: typeof isValidDate;
     buildDate: typeof buildDate;
     getDayOfWeek: typeof getDayOfWeek;
     getWeekOfYear: typeof getWeekOfYear;

package/dist/utils/helpers.d.ts

@@ -163,6 +163,12 @@ export declare function matchesSelector<T>(el: T | Element | undefined, selector
  * @param delay
  */
 export declare function debounce(fn: Function, delay: number): (...args: any[]) => void;
+/**
+ * Pluralize a word based on a number.
+ * @param n
+ * @param opts
+ */
+export declare function plurals(n: number, opts: string[]): string;
 export declare function noop(): void;
 /**
  * Types

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@central-design-system/components",
-  "version": "3.0.0-beta.2",
+  "version": "3.0.0-beta.4",
   "description": "Central Design System on the Vue 3.0 and TypeScript",
   "author": "magersoft",
   "license": "ISC",

package/src/scss/modules/grid/_mixins.scss

@@ -188,10 +188,12 @@
 
       .#{$prefix}-col-auto,
       .#{$prefix}-col#{$infix}-auto {
-        width: auto;
+        @include -make-col-ready($gutter);
+
         // Reset earlier grid tiers
+        width: auto;
         max-width: 100%;
-        flex: 1 0 0;
+        flex: 0 0 auto;
       }
 
       @for $i from 0 through $columns {

package/src/scss/themes/index.ts

@@ -1,6 +1,6 @@
 /**
  * Automatically generated by CDS CLI
- * Generated on 10/9/2023, 12:35:35 PM
+ * Generated on 10/18/2023, 11:05:39 AM
  **/
 
 /**