@mobilon-dev/chotto 0.3.14 → 0.3.15

package/dist/types/components/2_modals/CreateChat2/CreateChat2.vue.d.ts

@@ -1,4 +1,23 @@
 declare const _default: import("vue").DefineComponent<{}, {
+    clearValidationErrors: () => void;
+    resetTouchedState: () => void;
+    setValidationError: (field: any, message: any) => void;
+    validateForm: () => boolean;
+    validateName: (name: any) => "" | "Имя должно содержать минимум 3 символа";
+    validatePhone: (phone: any) => "" | "Телефон обязателен для заполнения" | "Минимум 11 цифр" | "Номер телефона должен начинаться с цифры 7";
+    formatPhone: (phone: any) => string;
+    extractDigits: (phone: any) => any;
+    validationErrors: import("vue").Ref<{
+        name: string;
+        phone: string;
+    }, {
+        name: string;
+        phone: string;
+    } | {
+        name: string;
+        phone: string;
+    }>;
+    phoneInputTouched: import("vue").Ref<boolean, boolean>;
     $emit: (event: "change", ...args: any[]) => void;
     title: string;
     $props: {

package/dist/types/components/2_modals/CreateChat2/stories/CreateChat2.stories.d.ts

@@ -3,6 +3,25 @@ import CreateChat2 from '../CreateChat2.vue';
 declare const meta: {
     title: string;
     component: import("vue").DefineComponent<{}, {
+        clearValidationErrors: () => void;
+        resetTouchedState: () => void;
+        setValidationError: (field: any, message: any) => void;
+        validateForm: () => boolean;
+        validateName: (name: any) => "" | "Имя должно содержать минимум 3 символа";
+        validatePhone: (phone: any) => "" | "Телефон обязателен для заполнения" | "Минимум 11 цифр" | "Номер телефона должен начинаться с цифры 7";
+        formatPhone: (phone: any) => string;
+        extractDigits: (phone: any) => any;
+        validationErrors: import("vue").Ref<{
+            name: string;
+            phone: string;
+        }, {
+            name: string;
+            phone: string;
+        } | {
+            name: string;
+            phone: string;
+        }>;
+        phoneInputTouched: import("vue").Ref<boolean, boolean>;
         $emit: (event: "change", ...args: any[]) => void;
         title: string;
         $props: {

package/dist/types/components/2_modals/CreateChat2/styles/types.d.ts

@@ -0,0 +1,95 @@
+/**
+ * CSS переменные для компонента CreateChat2
+ */
+export interface CreateChat2ThemeCSSVariables {
+    /** Отображение формы создания чата */
+    '--chotto-createchat2-form-display': string;
+    /** Направление флекс-контейнера формы */
+    '--chotto-createchat2-form-flex-direction': string;
+    /** Промежуток между элементами формы */
+    '--chotto-createchat2-form-gap': string;
+    /** Семейство шрифта формы */
+    '--chotto-createchat2-form-font-family': string;
+    /** Внутренние отступы формы */
+    '--chotto-createchat2-form-padding': string;
+    /** Нижний отступ заголовка */
+    '--chotto-createchat2-title-padding-bottom': string;
+    /** Нижний внешний отступ заголовка */
+    '--chotto-createchat2-title-margin-bottom': string;
+    /** Размер шрифта заголовка */
+    '--chotto-createchat2-title-font-size': string;
+    /** Толщина шрифта заголовка */
+    '--chotto-createchat2-title-font-weight': string;
+    /** Цвет текста заголовка */
+    '--chotto-createchat2-title-color': string;
+    /** Выравнивание текста заголовка */
+    '--chotto-createchat2-title-text-align': string;
+    /** Нижняя граница заголовка */
+    '--chotto-createchat2-title-border-bottom': string;
+    /** Отображение поля формы */
+    '--chotto-createchat2-form-field-display': string;
+    /** Направление флекс-контейнера поля формы */
+    '--chotto-createchat2-form-field-flex-direction': string;
+    /** Промежуток между элементами поля формы */
+    '--chotto-createchat2-form-field-gap': string;
+    /** Толщина шрифта метки формы */
+    '--chotto-createchat2-form-label-font-weight': string;
+    /** Цвет текста метки формы */
+    '--chotto-createchat2-form-label-color': string;
+    /** Отображение метки формы */
+    '--chotto-createchat2-form-label-display': string;
+    /** Размер шрифта метки формы */
+    '--chotto-createchat2-form-label-font-size': string;
+    /** Нижний внешний отступ метки формы */
+    '--chotto-createchat2-form-label-margin-bottom': string;
+    /** Граница поля ввода */
+    '--chotto-createchat2-form-input-border': string;
+    /** Радиус границы поля ввода */
+    '--chotto-createchat2-form-input-border-radius': string;
+    /** Цвет фона поля ввода */
+    '--chotto-createchat2-form-input-background': string;
+    /** Внутренние отступы поля ввода */
+    '--chotto-createchat2-form-input-padding': string;
+    /** Размер шрифта поля ввода */
+    '--chotto-createchat2-form-input-font-size': string;
+    /** Цвет текста поля ввода */
+    '--chotto-createchat2-form-input-color': string;
+    /** Семейство шрифта поля ввода */
+    '--chotto-createchat2-form-input-font-family': string;
+    /** Переходы поля ввода */
+    '--chotto-createchat2-form-input-transition': string;
+    /** Ширина поля ввода */
+    '--chotto-createchat2-form-input-width': string;
+    /** Модель размеров поля ввода */
+    '--chotto-createchat2-form-input-box-sizing': string;
+    /** Цвет границы поля ввода при наведении */
+    '--chotto-createchat2-form-input-hover-border-color': string;
+    /** Цвет фона поля ввода при наведении */
+    '--chotto-createchat2-form-input-hover-background': string;
+    /** Цвет границы поля ввода при фокусе */
+    '--chotto-createchat2-form-input-focus-border-color': string;
+    /** Контур поля ввода при фокусе */
+    '--chotto-createchat2-form-input-focus-outline': string;
+    /** Тень поля ввода при фокусе */
+    '--chotto-createchat2-form-input-focus-box-shadow': string;
+    /** Цвет фона поля ввода при фокусе */
+    '--chotto-createchat2-form-input-focus-background': string;
+    /** Цвет текста плейсхолдера */
+    '--chotto-createchat2-form-input-placeholder-color': string;
+    /** Размер шрифта плейсхолдера */
+    '--chotto-createchat2-form-input-placeholder-font-size': string;
+    /** Цвет текста ошибки */
+    '--chotto-createchat2-form-error-color': string;
+    /** Размер шрифта ошибки */
+    '--chotto-createchat2-form-error-font-size': string;
+    /** Толщина шрифта ошибки */
+    '--chotto-createchat2-form-error-font-weight': string;
+    /** Верхний внешний отступ ошибки */
+    '--chotto-createchat2-form-error-margin-top': string;
+    /** Левый внешний отступ ошибки */
+    '--chotto-createchat2-form-error-padding-left': string;
+    /** Отображение ошибки */
+    '--chotto-createchat2-form-error-display': string;
+    /** Минимальная высота ошибки */
+    '--chotto-createchat2-form-error-min-height': string;
+}

package/dist/types/components/2_modals/Modal/Modal.vue.d.ts

@@ -6,8 +6,10 @@ type __VLS_WithSlots<T, S> = T & (new () => {
 declare const __VLS_component: import("vue").DefineComponent<{}, {
     $emit: (event: "close" | "submit", ...args: any[]) => void;
     theme: string;
+    okDisabled: boolean;
     $props: {
         readonly theme?: string | undefined;
+        readonly okDisabled?: boolean | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {

package/dist/types/components/2_modals/Modal/stories/Modal.stories.d.ts

@@ -6,8 +6,10 @@ declare const meta: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
             $emit: (event: "close" | "submit", ...args: any[]) => void;
             theme: string;
+            okDisabled: boolean;
             $props: {
                 readonly theme?: string | undefined;
+                readonly okDisabled?: boolean | undefined;
             };
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -19,8 +21,10 @@ declare const meta: {
         }, Readonly<{}> & Readonly<{}>, {
             $emit: (event: "close" | "submit", ...args: any[]) => void;
             theme: string;
+            okDisabled: boolean;
             $props: {
                 readonly theme?: string | undefined;
+                readonly okDisabled?: boolean | undefined;
             };
         }, {}, {}, {}, {}>;
         __isFragment?: never;
@@ -29,8 +33,10 @@ declare const meta: {
     } & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
         $emit: (event: "close" | "submit", ...args: any[]) => void;
         theme: string;
+        okDisabled: boolean;
         $props: {
             readonly theme?: string | undefined;
+            readonly okDisabled?: boolean | undefined;
         };
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {

package/dist/types/components/2_modals/Modal/styles/types.d.ts

@@ -158,4 +158,8 @@ export interface ModalThemeCSSVariables {
     '--chotto-modal-enter-to-opacity': string;
     /** Трансформация при завершении входа модального окна */
     '--chotto-modal-enter-to-transform': string;
+    /** Фон кнопки отмены модального окна */
+    '--chotto-modal-cancel-button-bg': string;
+    /** Граница кнопки отмены модального окна */
+    '--chotto-modal-cancel-button-border': string;
 }

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

@@ -16,8 +16,6 @@ export { default as CommunicationPanel } from './2_blocks/CommunicationPanel/Com
 export { default as FeedFoundItem } from './2_blocks/FeedFoundItem/FeedFoundItem.vue';
 export { default as FeedFoundObjects } from './2_blocks/FeedFoundObjects/FeedFoundObjects.vue';
 export { default as FeedSearch } from './2_blocks/FeedSearch/FeedSearch.vue';
-export { default as SelectUser } from './2_blocks/SelectUser/SelectUser.vue';
-export { default as SelectUser2 } from './2_blocks/SelectUser2/SelectUser2.vue';
 export { default as ButtonCommandsSelector } from './2_chatinput_elements/ButtonCommandsSelector/ButtonCommandsSelector.vue';
 export { default as ButtonEmojiPicker } from './2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue';
 export { default as ButtonTemplateSelector } from './2_chatinput_elements/ButtonTemplateSelector/ButtonTemplateSelector.vue';
@@ -61,13 +59,10 @@ export { default as SystemMessage } from './2_feed_elements/SystemMessage/System
 export { default as TextMessage } from './2_feed_elements/TextMessage/TextMessage.vue';
 export { default as TypingMessage } from './2_feed_elements/TypingMessage/TypingMessage.vue';
 export { default as VideoMessage } from './2_feed_elements/VideoMessage/VideoMessage.vue';
-export { default as CreateChat } from './2_modals/CreateChat/CreateChat.vue';
-export { default as CreateChat2 } from './2_modals/CreateChat2/CreateChat2.vue';
-export { default as CreateDialog } from './2_modals/CreateDialog/CreateDialog.vue';
 export { default as Modal } from './2_modals/Modal/Modal.vue';
 export { default as ModalFullscreen } from './2_modals/ModalFullscreen/ModalFullscreen.vue';
 export { default as ModalNoFooter } from './2_modals/ModalNoFooter/ModalNoFooter.vue';
-export { default as ModalVideoRecorder } from './2_modals/ModalVideoRecorder/ModalVideoRecorder.vue';
+export { default as SelectUser } from './2_modals/SelectUser/SelectUser.vue';
 export { default as ChatInput } from './3_compounds/ChatInput/ChatInput.vue';
 export { default as ChatList } from './3_compounds/ChatList/ChatList.vue';
 export { default as Feed } from './3_compounds/Feed/Feed.vue';