@pksep/yui 0.1.314 → 0.1.316

package/README.md

@@ -1,83 +1,83 @@
-# SEP-YUI
-
-**SEP-YUI** — библиотека UI-компонентов для Vue, созданная для решения задачи удобного переиспользования интерфейсных элементов между проектами.
-Она позволяет использовать единый набор UI-решений, снижает связанность компонентов и упрощает поддержку.
-
-## Основные преимущества
-
-- Лёгкая интеграция в существующие проекты
-- Низкий порог входа
-- Гибкость и кастомизация
-- Регулярные обновления и техническая поддержка
-- Возможность комбинирования компонентов внутри проекта
-
----
-
-## Установка и подключение
-
-```bash
-bun add @pksep/yui
-```
-
-#### 1. Для использования библиотеки в проекте, необходимо импортировать компоненты библиотеки в главный файл проекта main.ts таким образом:
-
-```ts
-main.ts;
-import Ylibrary from '@pksep/yui';
-app.use(Ylibrary);
-app.mount('#app');
-```
-
-#### 1.1 Для выборочного импорта компонентов, можно использовать подключение такого вида.
-
-```ts
-main.ts;
-import { Toggle } from '@pksep/yui';
-app.component('Toggle', Toggle);
-```
-
-#### 2. Стили импортируются через путь "@pksep/yui/styles" также в файле main.ts
-
-```ts
-main.ts;
-import '@pksep/yui/styles';
-```
-
-Стили библиотеки подключаются отдельно от JavaScript и уже содержат используемые
-шрифты Inter Variable и Source Sans Pro. Если проект переопределяет токены или
-стили компонентов, импортируйте собственный stylesheet после `@pksep/yui/styles`.
-
-#### 3. Далее просто пишем название компонента внутри проекта и используем как при обычной разработке на Vue.
-
-```vue
-App.vue
-<template>
-  <Toggle :disabled="true" :backgroundColor="'red'" />
-</template>
-<script setup lang="ts"></script>
-<styles scoped></styles>
-```
-
-
----
-
-## Примеры и Storybook
-
-Документация и примеры компонентов:
-
-➡️ https://pksep.github.io/sep_yui
-
----
-
-## Разработка
-
-### Публикация пакетов
-
-Обязательно через команду, так как генерятся changelog. Для этого используем:
-[changeloggen](https://unjs.io/packages/changelogen/)
-
-```sh
-bun run publish:lib
-```
-
-Токен можно для публикации можно получить у менеджера.
+# SEP-YUI
+
+**SEP-YUI** — библиотека UI-компонентов для Vue, созданная для решения задачи удобного переиспользования интерфейсных элементов между проектами.
+Она позволяет использовать единый набор UI-решений, снижает связанность компонентов и упрощает поддержку.
+
+## Основные преимущества
+
+- Лёгкая интеграция в существующие проекты
+- Низкий порог входа
+- Гибкость и кастомизация
+- Регулярные обновления и техническая поддержка
+- Возможность комбинирования компонентов внутри проекта
+
+---
+
+## Установка и подключение
+
+```bash
+bun add @pksep/yui
+```
+
+#### 1. Для использования библиотеки в проекте, необходимо импортировать компоненты библиотеки в главный файл проекта main.ts таким образом:
+
+```ts
+main.ts;
+import Ylibrary from '@pksep/yui';
+app.use(Ylibrary);
+app.mount('#app');
+```
+
+#### 1.1 Для выборочного импорта компонентов, можно использовать подключение такого вида.
+
+```ts
+main.ts;
+import { Toggle } from '@pksep/yui';
+app.component('Toggle', Toggle);
+```
+
+#### 2. Стили импортируются через путь "@pksep/yui/styles" также в файле main.ts
+
+```ts
+main.ts;
+import '@pksep/yui/styles';
+```
+
+Стили библиотеки подключаются отдельно от JavaScript и уже содержат используемые
+шрифты Inter Variable и Source Sans Pro. Если проект переопределяет токены или
+стили компонентов, импортируйте собственный stylesheet после `@pksep/yui/styles`.
+
+#### 3. Далее просто пишем название компонента внутри проекта и используем как при обычной разработке на Vue.
+
+```vue
+App.vue
+<template>
+  <Toggle :disabled="true" :backgroundColor="'red'" />
+</template>
+<script setup lang="ts"></script>
+<styles scoped></styles>
+```
+
+
+---
+
+## Примеры и Storybook
+
+Документация и примеры компонентов:
+
+➡️ https://pksep.github.io/sep_yui
+
+---
+
+## Разработка
+
+### Публикация пакетов
+
+Обязательно через команду, так как генерятся changelog. Для этого используем:
+[changeloggen](https://unjs.io/packages/changelogen/)
+
+```sh
+bun run publish:lib
+```
+
+Токен можно для публикации можно получить у менеджера.

package/dist/components/ContentEditor/ContentEditorColorPicker.vue.d.ts

@@ -0,0 +1,28 @@
+interface ContentEditorColorOption {
+    label: string;
+    value: string;
+}
+interface Props {
+    colors: ContentEditorColorOption[];
+    activeTextColor?: string | null;
+    activeBackgroundColor?: string | null;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "select-text-color": (color: string) => void;
+    "select-background-color": (color: string) => void;
+    "reset-colors": () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{
+    "onSelect-text-color"?: ((color: string) => any) | undefined;
+    "onSelect-background-color"?: ((color: string) => any) | undefined;
+    "onReset-colors"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/ContentEditor/EmojiPickerPanel.vue.d.ts

@@ -0,0 +1,8 @@
+import { EmojiPickerSelection } from './emoji-picker-config';
+
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (emoji: EmojiPickerSelection) => void;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onSelect?: ((emoji: EmojiPickerSelection) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/ContentEditor/emoji-picker-config.d.ts

@@ -0,0 +1,45 @@
+export type EmojiPickerSelection = {
+    i: string;
+    n?: string[];
+    r?: string;
+    u?: string;
+};
+export type RecentEmoji = {
+    n: string[];
+    u: string;
+};
+export declare const emojiAdditionalGroups: Record<'recent', RecentEmoji[]>;
+export declare const rememberEmojiSelection: (emoji: EmojiPickerSelection) => void;
+export declare const emojiGroupIcons: {
+    recent: string;
+    smileys_people: string;
+    animals_nature: string;
+    food_drink: string;
+    activities: string;
+    symbols: string;
+    objects: string;
+    flags: string;
+    travel_places: string;
+};
+export declare const emojiPickerStyle: {
+    '--emoji-recent-icon': string;
+};
+export declare const emojiGroupNames: {
+    recent: string;
+    smileys_people: string;
+    animals_nature: string;
+    food_drink: string;
+    activities: string;
+    symbols: string;
+    objects: string;
+    flags: string;
+    travel_places: string;
+};
+export declare const emojiGroupOrder: Array<keyof typeof emojiGroupNames>;
+export declare const emojiStaticTexts: {
+    placeholder: string;
+    skinTone: string;
+};
+export declare const syncEmojiGroupControls: (pickerRoot: HTMLElement) => void;
+export declare const resetEmojiGroupRendering: (pickerRoot: HTMLElement) => void;
+export declare const syncEmojiGroupScroll: (event: Event) => void;

package/dist/components/Icon/enum/enum.d.ts

@@ -162,5 +162,18 @@ export declare enum IconNameEnum {
     connection = "connection",
     tableError = "table-error",
     rearrange = "rearrange",
-    checked = "checked"
+    checked = "checked",
+    hand = "hand",
+    checkCircle = "check-circle",
+    lightning = "lightning",
+    emojiRecent = "emoji-recent",
+    emojiSmileysPeople = "emoji-smileys-people",
+    emojiAnimalsNature = "emoji-animals-nature",
+    emojiFoodDrink = "emoji-food-drink",
+    emojiActivities = "emoji-activities",
+    emojiSymbols = "emoji-symbols",
+    emojiObjects = "emoji-objects",
+    emojiFlags = "emoji-flags",
+    emojiTravelPlaces = "emoji-travel-places",
+    lightbulbFilament = "lightbulb-filament"
 }

package/dist/components/Icon/icons.d.ts

@@ -176,3 +176,16 @@ export declare const colorPicker: IVectorIcon;
 export declare const connection: IVectorIcon;
 export declare const tableError: IVectorIcon;
 export declare const rearrange: IVectorIcon;
+export declare const hand: IVectorIcon;
+export declare const checkCircle: IVectorIcon;
+export declare const lightning: IVectorIcon;
+export declare const emojiRecent: IVectorIcon;
+export declare const emojiSmileysPeople: IVectorIcon;
+export declare const emojiAnimalsNature: IVectorIcon;
+export declare const emojiFoodDrink: IVectorIcon;
+export declare const emojiActivities: IVectorIcon;
+export declare const emojiSymbols: IVectorIcon;
+export declare const emojiObjects: IVectorIcon;
+export declare const emojiFlags: IVectorIcon;
+export declare const emojiTravelPlaces: IVectorIcon;
+export declare const lightbulbFilament: IVectorIcon;

package/dist/components/Preview/PdfPreview.vue.d.ts

@@ -1,15 +1,21 @@
 import { IPdfPreviewProps } from './interface';
 
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IPdfPreviewProps>>, {
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IPdfPreviewProps>, {
+    resolutionScale: number;
+}>>, {
     clearCanvas: () => void;
     rotatePdf: (deltaAngle: number) => Promise<void>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     load: () => void;
     error: (error: unknown) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IPdfPreviewProps>>> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IPdfPreviewProps>, {
+    resolutionScale: number;
+}>>> & Readonly<{
     onLoad?: (() => any) | undefined;
     onError?: ((error: unknown) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>, {
+    resolutionScale: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -20,3 +26,11 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/Preview/interface/index.d.ts

@@ -2,6 +2,7 @@ export interface IPdfPreviewProps {
     src: string | undefined;
     page?: number;
     file?: File;
+    resolutionScale?: number;
 }
 export interface IPdfPreviewEmit {
     (e: 'load'): void;

package/dist/components/Slider/interface/interface.d.ts

@@ -8,11 +8,13 @@ export type SliderPathError = {
 export type SliderPath = string | SliderPathError;
 export type SliderItem = {
     path: SliderPath;
+    fallbackPath?: string;
     name?: string;
     file?: File;
 };
 export type IFile = {
     path: string;
+    fallbackPath?: string;
     name?: string;
     file?: File;
 };

package/dist/components/index.d.ts

@@ -48,6 +48,7 @@ import { default as TableSimple } from './Table/TableSimple.vue';
 import { default as Avatar } from './Avatar/Avatar.vue';
 import { default as Tabs } from './Tabs/Tabs.vue';
 import { default as ContentEditor } from './ContentEditor/ContentEditor.vue';
+import { default as EmojiPickerPanel } from './ContentEditor/EmojiPickerPanel.vue';
 import { default as ContentEditorFormattingToolbar } from './ContentEditor/ContentEditorFormattingToolbar.vue';
 import { default as ContentEditorSlashMenu } from './ContentEditor/ContentEditorSlashMenu.vue';
 import { default as ModalCroppedAvatar } from './Cropper/ModalCroppedAvatar.vue';
@@ -81,4 +82,4 @@ declare const _default: {
     install: (app: App) => void;
 };
 export default _default;
-export { Accordion, Badges, BreadCrumbs, Button, Dialog, Card, Calendar, DragAndDrop, Switch, SelectList, Dropdown, Textarea, Filter, Icon, Input, Combobox, InputNumber, Search, PushNotification, Picture, Scroll, Modal, Slider, Checkbox, Toggle, UserMenu, CopyIcon, Loader, FilterTag, CircularProgress, Popover, Table, TableSimple, TableNew, TableRow, TableRowNew, TableTd, TableTh, SectionTableRow, HeadTableRow, HeadTableRowNew, ScrollWrapper, Radio, Tooltip, BaseFilter, Range, Avatar, Tabs, ContentEditor, ContentEditorFormattingToolbar, ContentEditorSlashMenu, ModalCroppedAvatar, TimePicker, type IDialogProps, type IRangeForDatePicker, type OptionsObject, type IDataTestIdProp, type IContentEditorSlashMenuItem, type IContentEditorProps, type IContentEditorSendPayload, type IContentEditorSlots, CheckboxSizeEnum, CheckboxCircularEnum, TextFieldEnum, IconNameEnum, SizesEnum, ButtonTypeEnum, ColorsEnum, ImageExtensionsEnum, BadgesTypeEnum, VideoExtensionsEnum, InputTypeEnum, TextareaTypeEnum, MenuTypeEnum, MessageTypeEnum, getLastTime, getFirstTime, vuePluginRemoveTestid, SliderModal, PdfPreview, ImagePreview, VideoPreview, Skeleton };
+export { Accordion, Badges, BreadCrumbs, Button, Dialog, Card, Calendar, DragAndDrop, Switch, SelectList, Dropdown, Textarea, Filter, Icon, Input, Combobox, InputNumber, Search, PushNotification, Picture, Scroll, Modal, Slider, Checkbox, Toggle, UserMenu, CopyIcon, Loader, FilterTag, CircularProgress, Popover, Table, TableSimple, TableNew, TableRow, TableRowNew, TableTd, TableTh, SectionTableRow, HeadTableRow, HeadTableRowNew, ScrollWrapper, Radio, Tooltip, BaseFilter, Range, Avatar, Tabs, ContentEditor, EmojiPickerPanel, ContentEditorFormattingToolbar, ContentEditorSlashMenu, ModalCroppedAvatar, TimePicker, type IDialogProps, type IRangeForDatePicker, type OptionsObject, type IDataTestIdProp, type IContentEditorSlashMenuItem, type IContentEditorProps, type IContentEditorSendPayload, type IContentEditorSlots, CheckboxSizeEnum, CheckboxCircularEnum, TextFieldEnum, IconNameEnum, SizesEnum, ButtonTypeEnum, ColorsEnum, ImageExtensionsEnum, BadgesTypeEnum, VideoExtensionsEnum, InputTypeEnum, TextareaTypeEnum, MenuTypeEnum, MessageTypeEnum, getLastTime, getFirstTime, vuePluginRemoveTestid, SliderModal, PdfPreview, ImagePreview, VideoPreview, Skeleton };