mediacube-ui-v2 0.0.8 → 0.0.9

package/dist/types/components/templates/McTable/McTable/McTable.vue.d.ts

@@ -0,0 +1,295 @@
+import { type PropType } from 'vue';
+import { type ITableColumn, type ITableColumnEnriched, type ITableData, type ITableSort, type ITableTotals, type ITablePlaceholders, type TableCardState } from '@/types/ITable';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    columns: {
+        type: PropType<ITableColumn[]>;
+        required: true;
+        default: () => ITableColumn[];
+    };
+    data: {
+        type: PropType<ITableData>;
+        required: true;
+        default: () => never[];
+    };
+    /**
+     * Тоталы таблицы (отображаются в футере), обьект ключи которого = поле field из массива колонок
+     * */
+    totals: {
+        type: PropType<ITableTotals<ITableColumn>>;
+        default: () => {};
+    };
+    sort: {
+        type: PropType<ITableSort>;
+        default: () => {};
+    };
+    /**
+     * Фиксировать ли первую колонку таблицы
+     * */
+    fixedFirstColumn: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Фиксировать ли последнюю колонку таблицы
+     * */
+    fixedLastColumn: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Есть ли у таблицы еще данные, если true, при полном пролистывании таблицы вниз, будет вызываться метод @loading
+     * */
+    hasLoadMore: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    height: {
+        type: PropType<number | "auto">;
+        default: string;
+    };
+    /**
+     * Высота строки в шапке
+     * */
+    headerRowHeight: {
+        type: PropType<number>;
+        default: number;
+    };
+    /**
+     * Высота строки в теле таблицы
+     * */
+    rowHeight: {
+        type: PropType<number>;
+        default: number;
+    };
+    /**
+     * Высота строки в подвале (строка с тоталами)
+     * */
+    footerRowHeight: {
+        type: PropType<number>;
+        default: number;
+    };
+    /**
+     *  Отрисовка всей таблицы и полоса загрузки в каждой ячейке (скелетная загрузка)
+     */
+    skeletonLoading: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Лоадинг внизу таблицы
+     * */
+    bottomLoading: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Оверлей с затемнение на всю таблицу
+     * */
+    loading: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Переводы плейсхолеров и текстов
+     */
+    placeholders: {
+        type: PropType<Partial<ITablePlaceholders>>;
+        default: () => {};
+    };
+    noDataIcon: {
+        type: () => "cancel" | "click" | "close" | "copy" | "drag" | "error" | "pause" | "play" | "reset" | "link" | "a_circle" | "access_time" | "account_circle" | "account_edit" | "add" | "add_circle" | "address" | "ads_banner" | "album" | "alert_solid" | "alternate_email" | "amocrm" | "amper_music" | "analytics" | "animation_motion" | "api" | "apple_icon" | "applications" | "applications_new" | "apps" | "archive" | "archive_in" | "archive_out" | "arrow-stats-down" | "arrow-stats-up" | "arrow_backward" | "arrow_downward" | "arrow_drop_down" | "arrow_drop_up" | "arrow_forward" | "arrow_leftward" | "arrow_rightward" | "arrow_to_grow_circle" | "arrow_up_down" | "arrow_upward" | "arrows" | "artist" | "assessment" | "assets_unassigned" | "assignment" | "assignment_ind" | "assist_icon" | "attach_money" | "audiotrack" | "backspace" | "bank" | "bank_building" | "bank_building_blue" | "bank_card" | "bank_card_arrow" | "bank_card_clock" | "bank_card_double" | "bank_card_virtual_blue" | "bank_money_colored" | "bankwire" | "bell" | "binance_coin_colored" | "biometrics" | "bitcoin" | "bitcoin_cash_colored" | "bitcoin_colored" | "bloggerhood" | "board" | "book" | "broken_link" | "bug" | "bug_big" | "bug_report" | "building" | "building_colored" | "business_center" | "calendar" | "calendar_colored" | "calendar_load" | "calendar_sixteen" | "calendar_two_weeks" | "calendar_user" | "camera_alt" | "camera_plus" | "camera_video" | "cancel_alt" | "capitalist" | "capitalist_colored" | "card" | "card_off" | "card_off_circle" | "card_to_card_blue" | "card_to_card_colored" | "cash-ad" | "cash" | "category" | "cellphone" | "change_sheet" | "channels_icon" | "chart_bar" | "chart_line" | "chat" | "chat_add" | "chat_forum" | "chat_messages" | "check-rhombus" | "check" | "check_all" | "check_circle" | "check_circle_second" | "check_circle_solid" | "check_polygonal" | "checkbox--checked" | "checkbox" | "checkboxes" | "circle" | "circle_arrows" | "clickup" | "clip" | "clock_check" | "clock_solid" | "close_circle_outline" | "close_circle_solid" | "cloud_upload" | "coin_speed" | "comment" | "company" | "confetti" | "connection" | "contacts" | "contracts" | "convert" | "copyright" | "credit-card" | "credit_card_blink" | "crypto" | "crypto_blue" | "crypto_colored" | "cryptowallet" | "cryptowallet_blue" | "cryptowallet_colored" | "cup" | "dashboard" | "date_range" | "deeplinks" | "delete-account" | "delete" | "delete_alt" | "deprecated" | "desktop_device" | "dialog" | "discord" | "discord_colored" | "dislike" | "doc-export" | "document" | "dollar" | "donate_blue" | "donate_colored" | "dot-status" | "download" | "eWallet" | "e_wallet_blue" | "e_wallet_colored" | "edit" | "edit_solid" | "email" | "email_circle" | "email_colored" | "enrollment" | "epayments_colored" | "epidemic-sound" | "epidemic_sound_circle" | "ethereum_colored" | "event" | "event_alt" | "exit_to_app" | "explicit" | "export" | "export_all" | "express_payment" | "face" | "face_alt" | "facebook" | "facebook_colored" | "fast" | "favorite" | "file" | "file_add" | "file_copy" | "file_download" | "file_export" | "file_eye" | "file_import" | "file_new" | "filter_list" | "find_in_page" | "fire" | "fire_colored" | "fire_solid" | "flag_ar" | "flag_en" | "flag_es" | "flag_pt" | "flag_ru" | "flag_th" | "flag_vi" | "fly_dollar" | "fly_euro" | "freeze" | "fullscreen" | "get_app" | "gift_solid" | "glasses" | "google_colored" | "googleplus_colored" | "graph-no-data" | "group" | "group_connection" | "growth_arrow_circle" | "hand_money" | "help" | "help_invert" | "help_solid" | "help_ukraine_colored" | "home" | "iban" | "iban_blue" | "id_square" | "id_thin" | "image" | "infinity" | "info" | "info_rounded_square" | "info_solid" | "instagram" | "instagram_colored" | "keyboard" | "keyboard_arrow_left" | "keyboard_arrow_right" | "keyboard_arrow_right_thin" | "kraken" | "language" | "layers" | "lightning" | "lightning_circle" | "lightning_circle_solid" | "lightning_outlined" | "like" | "link_broken" | "link_colored" | "link_external" | "link_external_new" | "linkedin" | "linkedin_colored" | "list" | "litecoin_colored" | "live_help" | "loader" | "location_city" | "location_on" | "lock" | "lock_old" | "logout" | "magic_blink" | "mail_outline" | "mc_assist" | "mc_dashboard" | "mc_id" | "mc_pay" | "mc_pay_app" | "mc_pay_compact" | "mc_pay_menu" | "mc_pay_menu_circle_colored" | "mc_pay_mobile_app" | "mc_studio" | "mc_vidwide" | "mcadslogo" | "mediacube" | "menu" | "menu_new" | "message" | "messenger" | "messenger_colored" | "minus" | "mobile_device" | "money_clock" | "money_input" | "more_horiz" | "music" | "music_icon" | "new" | "notes" | "objects" | "obs" | "okru" | "okru_colored" | "ondemand_video" | "partners" | "payment" | "payoneer" | "payoneer_colored" | "payoneer_cy" | "paypal" | "paypal_colored" | "percent" | "personal_email_colored" | "phone_colored" | "photo_add" | "picture" | "picture_thin" | "plane" | "play-videos" | "print" | "prototype" | "public" | "qiwi" | "qiwi_colored" | "radio--checked" | "ready" | "receipt" | "receipt_thin" | "recording_circle" | "recruiters" | "redo" | "referral" | "referral_solid" | "reload" | "reload_right" | "remove_red_eye" | "repair" | "reply_arrow" | "requisites" | "resize_video" | "revenue" | "review" | "ripple_colored" | "rocket" | "rocket_colored" | "rocket_small" | "role" | "safety" | "sand_clock" | "save" | "search" | "send" | "send_solid" | "settings" | "settings_solid" | "settings_tools" | "shield" | "shield_blue" | "shield_colored" | "shield_usd" | "shop" | "shopping_cart" | "shuffle" | "sign_out" | "skype" | "skype_colored" | "slack" | "smile_star_eye" | "sort_asc" | "sort_az" | "sort_desc" | "sort_directions" | "sort_list" | "sort_za" | "spy_colored" | "staff" | "star" | "star_round" | "star_round_solid" | "stars" | "stars_fill" | "stats_icon" | "steam" | "steam_colored" | "studio_icon" | "subscriptions" | "suitcase" | "supervised_user_circle" | "support" | "swap_cubes" | "swap_cubes_colored" | "swap_horizontal_circle" | "switches" | "table" | "telegram" | "telegram_colored" | "tether" | "tether_colored" | "three_dots" | "thumb_down" | "thumb_up" | "tiktok" | "time" | "time_thin" | "timelapse" | "timeline" | "tipalti" | "transaction" | "twitter_colored" | "unarchive" | "unfold_more" | "unlock" | "upload_img" | "usd_coin_colored" | "user" | "user_edit" | "user_kyc" | "viber" | "viber_colored" | "videoblocks" | "vidiq-logo-mono" | "vidiq_circle" | "visibility" | "visibility_off" | "vkontakte" | "vkontakte_colored" | "wallet" | "warning" | "webmoney" | "webmoney_colored" | "website_colored" | "whatsapp" | "whatsapp_colored" | "wise_colored" | "worldfirst" | "x_network" | "yandexmoney" | "yoomoney_colored" | "youtube" | "youtube_circled" | "youtube_circled_second" | "youtube_colored" | "youtube_outlined" | "zcash_colored";
+        default: null;
+    };
+    noDataImg: {
+        type: PropType<string>;
+        default: any;
+    };
+    /**
+     * Любые данные что бы передать их в карточку из таблицы
+     * */
+    toTableCardProps: {
+        type: PropType<Record<any, any>>;
+        default: () => {};
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    sort: (value: ITableSort) => any;
+    loading: () => any;
+    "row-click": (value: any) => any;
+    "table-card-opened": (value: TableCardState) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    columns: {
+        type: PropType<ITableColumn[]>;
+        required: true;
+        default: () => ITableColumn[];
+    };
+    data: {
+        type: PropType<ITableData>;
+        required: true;
+        default: () => never[];
+    };
+    /**
+     * Тоталы таблицы (отображаются в футере), обьект ключи которого = поле field из массива колонок
+     * */
+    totals: {
+        type: PropType<ITableTotals<ITableColumn>>;
+        default: () => {};
+    };
+    sort: {
+        type: PropType<ITableSort>;
+        default: () => {};
+    };
+    /**
+     * Фиксировать ли первую колонку таблицы
+     * */
+    fixedFirstColumn: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Фиксировать ли последнюю колонку таблицы
+     * */
+    fixedLastColumn: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Есть ли у таблицы еще данные, если true, при полном пролистывании таблицы вниз, будет вызываться метод @loading
+     * */
+    hasLoadMore: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    height: {
+        type: PropType<number | "auto">;
+        default: string;
+    };
+    /**
+     * Высота строки в шапке
+     * */
+    headerRowHeight: {
+        type: PropType<number>;
+        default: number;
+    };
+    /**
+     * Высота строки в теле таблицы
+     * */
+    rowHeight: {
+        type: PropType<number>;
+        default: number;
+    };
+    /**
+     * Высота строки в подвале (строка с тоталами)
+     * */
+    footerRowHeight: {
+        type: PropType<number>;
+        default: number;
+    };
+    /**
+     *  Отрисовка всей таблицы и полоса загрузки в каждой ячейке (скелетная загрузка)
+     */
+    skeletonLoading: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Лоадинг внизу таблицы
+     * */
+    bottomLoading: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Оверлей с затемнение на всю таблицу
+     * */
+    loading: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Переводы плейсхолеров и текстов
+     */
+    placeholders: {
+        type: PropType<Partial<ITablePlaceholders>>;
+        default: () => {};
+    };
+    noDataIcon: {
+        type: () => "cancel" | "click" | "close" | "copy" | "drag" | "error" | "pause" | "play" | "reset" | "link" | "a_circle" | "access_time" | "account_circle" | "account_edit" | "add" | "add_circle" | "address" | "ads_banner" | "album" | "alert_solid" | "alternate_email" | "amocrm" | "amper_music" | "analytics" | "animation_motion" | "api" | "apple_icon" | "applications" | "applications_new" | "apps" | "archive" | "archive_in" | "archive_out" | "arrow-stats-down" | "arrow-stats-up" | "arrow_backward" | "arrow_downward" | "arrow_drop_down" | "arrow_drop_up" | "arrow_forward" | "arrow_leftward" | "arrow_rightward" | "arrow_to_grow_circle" | "arrow_up_down" | "arrow_upward" | "arrows" | "artist" | "assessment" | "assets_unassigned" | "assignment" | "assignment_ind" | "assist_icon" | "attach_money" | "audiotrack" | "backspace" | "bank" | "bank_building" | "bank_building_blue" | "bank_card" | "bank_card_arrow" | "bank_card_clock" | "bank_card_double" | "bank_card_virtual_blue" | "bank_money_colored" | "bankwire" | "bell" | "binance_coin_colored" | "biometrics" | "bitcoin" | "bitcoin_cash_colored" | "bitcoin_colored" | "bloggerhood" | "board" | "book" | "broken_link" | "bug" | "bug_big" | "bug_report" | "building" | "building_colored" | "business_center" | "calendar" | "calendar_colored" | "calendar_load" | "calendar_sixteen" | "calendar_two_weeks" | "calendar_user" | "camera_alt" | "camera_plus" | "camera_video" | "cancel_alt" | "capitalist" | "capitalist_colored" | "card" | "card_off" | "card_off_circle" | "card_to_card_blue" | "card_to_card_colored" | "cash-ad" | "cash" | "category" | "cellphone" | "change_sheet" | "channels_icon" | "chart_bar" | "chart_line" | "chat" | "chat_add" | "chat_forum" | "chat_messages" | "check-rhombus" | "check" | "check_all" | "check_circle" | "check_circle_second" | "check_circle_solid" | "check_polygonal" | "checkbox--checked" | "checkbox" | "checkboxes" | "circle" | "circle_arrows" | "clickup" | "clip" | "clock_check" | "clock_solid" | "close_circle_outline" | "close_circle_solid" | "cloud_upload" | "coin_speed" | "comment" | "company" | "confetti" | "connection" | "contacts" | "contracts" | "convert" | "copyright" | "credit-card" | "credit_card_blink" | "crypto" | "crypto_blue" | "crypto_colored" | "cryptowallet" | "cryptowallet_blue" | "cryptowallet_colored" | "cup" | "dashboard" | "date_range" | "deeplinks" | "delete-account" | "delete" | "delete_alt" | "deprecated" | "desktop_device" | "dialog" | "discord" | "discord_colored" | "dislike" | "doc-export" | "document" | "dollar" | "donate_blue" | "donate_colored" | "dot-status" | "download" | "eWallet" | "e_wallet_blue" | "e_wallet_colored" | "edit" | "edit_solid" | "email" | "email_circle" | "email_colored" | "enrollment" | "epayments_colored" | "epidemic-sound" | "epidemic_sound_circle" | "ethereum_colored" | "event" | "event_alt" | "exit_to_app" | "explicit" | "export" | "export_all" | "express_payment" | "face" | "face_alt" | "facebook" | "facebook_colored" | "fast" | "favorite" | "file" | "file_add" | "file_copy" | "file_download" | "file_export" | "file_eye" | "file_import" | "file_new" | "filter_list" | "find_in_page" | "fire" | "fire_colored" | "fire_solid" | "flag_ar" | "flag_en" | "flag_es" | "flag_pt" | "flag_ru" | "flag_th" | "flag_vi" | "fly_dollar" | "fly_euro" | "freeze" | "fullscreen" | "get_app" | "gift_solid" | "glasses" | "google_colored" | "googleplus_colored" | "graph-no-data" | "group" | "group_connection" | "growth_arrow_circle" | "hand_money" | "help" | "help_invert" | "help_solid" | "help_ukraine_colored" | "home" | "iban" | "iban_blue" | "id_square" | "id_thin" | "image" | "infinity" | "info" | "info_rounded_square" | "info_solid" | "instagram" | "instagram_colored" | "keyboard" | "keyboard_arrow_left" | "keyboard_arrow_right" | "keyboard_arrow_right_thin" | "kraken" | "language" | "layers" | "lightning" | "lightning_circle" | "lightning_circle_solid" | "lightning_outlined" | "like" | "link_broken" | "link_colored" | "link_external" | "link_external_new" | "linkedin" | "linkedin_colored" | "list" | "litecoin_colored" | "live_help" | "loader" | "location_city" | "location_on" | "lock" | "lock_old" | "logout" | "magic_blink" | "mail_outline" | "mc_assist" | "mc_dashboard" | "mc_id" | "mc_pay" | "mc_pay_app" | "mc_pay_compact" | "mc_pay_menu" | "mc_pay_menu_circle_colored" | "mc_pay_mobile_app" | "mc_studio" | "mc_vidwide" | "mcadslogo" | "mediacube" | "menu" | "menu_new" | "message" | "messenger" | "messenger_colored" | "minus" | "mobile_device" | "money_clock" | "money_input" | "more_horiz" | "music" | "music_icon" | "new" | "notes" | "objects" | "obs" | "okru" | "okru_colored" | "ondemand_video" | "partners" | "payment" | "payoneer" | "payoneer_colored" | "payoneer_cy" | "paypal" | "paypal_colored" | "percent" | "personal_email_colored" | "phone_colored" | "photo_add" | "picture" | "picture_thin" | "plane" | "play-videos" | "print" | "prototype" | "public" | "qiwi" | "qiwi_colored" | "radio--checked" | "ready" | "receipt" | "receipt_thin" | "recording_circle" | "recruiters" | "redo" | "referral" | "referral_solid" | "reload" | "reload_right" | "remove_red_eye" | "repair" | "reply_arrow" | "requisites" | "resize_video" | "revenue" | "review" | "ripple_colored" | "rocket" | "rocket_colored" | "rocket_small" | "role" | "safety" | "sand_clock" | "save" | "search" | "send" | "send_solid" | "settings" | "settings_solid" | "settings_tools" | "shield" | "shield_blue" | "shield_colored" | "shield_usd" | "shop" | "shopping_cart" | "shuffle" | "sign_out" | "skype" | "skype_colored" | "slack" | "smile_star_eye" | "sort_asc" | "sort_az" | "sort_desc" | "sort_directions" | "sort_list" | "sort_za" | "spy_colored" | "staff" | "star" | "star_round" | "star_round_solid" | "stars" | "stars_fill" | "stats_icon" | "steam" | "steam_colored" | "studio_icon" | "subscriptions" | "suitcase" | "supervised_user_circle" | "support" | "swap_cubes" | "swap_cubes_colored" | "swap_horizontal_circle" | "switches" | "table" | "telegram" | "telegram_colored" | "tether" | "tether_colored" | "three_dots" | "thumb_down" | "thumb_up" | "tiktok" | "time" | "time_thin" | "timelapse" | "timeline" | "tipalti" | "transaction" | "twitter_colored" | "unarchive" | "unfold_more" | "unlock" | "upload_img" | "usd_coin_colored" | "user" | "user_edit" | "user_kyc" | "viber" | "viber_colored" | "videoblocks" | "vidiq-logo-mono" | "vidiq_circle" | "visibility" | "visibility_off" | "vkontakte" | "vkontakte_colored" | "wallet" | "warning" | "webmoney" | "webmoney_colored" | "website_colored" | "whatsapp" | "whatsapp_colored" | "wise_colored" | "worldfirst" | "x_network" | "yandexmoney" | "yoomoney_colored" | "youtube" | "youtube_circled" | "youtube_circled_second" | "youtube_colored" | "youtube_outlined" | "zcash_colored";
+        default: null;
+    };
+    noDataImg: {
+        type: PropType<string>;
+        default: any;
+    };
+    /**
+     * Любые данные что бы передать их в карточку из таблицы
+     * */
+    toTableCardProps: {
+        type: PropType<Record<any, any>>;
+        default: () => {};
+    };
+}>> & Readonly<{
+    onSort?: ((value: ITableSort) => any) | undefined;
+    onLoading?: (() => any) | undefined;
+    "onRow-click"?: ((value: any) => any) | undefined;
+    "onTable-card-opened"?: ((value: TableCardState) => any) | undefined;
+}>, {
+    sort: ITableSort;
+    data: ITableData;
+    height: number | "auto";
+    loading: boolean;
+    placeholders: Partial<ITablePlaceholders>;
+    columns: ITableColumn[];
+    totals: ITableTotals<ITableColumn>;
+    fixedFirstColumn: boolean;
+    fixedLastColumn: boolean;
+    hasLoadMore: boolean;
+    headerRowHeight: number;
+    rowHeight: number;
+    footerRowHeight: number;
+    skeletonLoading: boolean;
+    bottomLoading: boolean;
+    noDataIcon: "cancel" | "click" | "close" | "copy" | "drag" | "error" | "pause" | "play" | "reset" | "link" | "a_circle" | "access_time" | "account_circle" | "account_edit" | "add" | "add_circle" | "address" | "ads_banner" | "album" | "alert_solid" | "alternate_email" | "amocrm" | "amper_music" | "analytics" | "animation_motion" | "api" | "apple_icon" | "applications" | "applications_new" | "apps" | "archive" | "archive_in" | "archive_out" | "arrow-stats-down" | "arrow-stats-up" | "arrow_backward" | "arrow_downward" | "arrow_drop_down" | "arrow_drop_up" | "arrow_forward" | "arrow_leftward" | "arrow_rightward" | "arrow_to_grow_circle" | "arrow_up_down" | "arrow_upward" | "arrows" | "artist" | "assessment" | "assets_unassigned" | "assignment" | "assignment_ind" | "assist_icon" | "attach_money" | "audiotrack" | "backspace" | "bank" | "bank_building" | "bank_building_blue" | "bank_card" | "bank_card_arrow" | "bank_card_clock" | "bank_card_double" | "bank_card_virtual_blue" | "bank_money_colored" | "bankwire" | "bell" | "binance_coin_colored" | "biometrics" | "bitcoin" | "bitcoin_cash_colored" | "bitcoin_colored" | "bloggerhood" | "board" | "book" | "broken_link" | "bug" | "bug_big" | "bug_report" | "building" | "building_colored" | "business_center" | "calendar" | "calendar_colored" | "calendar_load" | "calendar_sixteen" | "calendar_two_weeks" | "calendar_user" | "camera_alt" | "camera_plus" | "camera_video" | "cancel_alt" | "capitalist" | "capitalist_colored" | "card" | "card_off" | "card_off_circle" | "card_to_card_blue" | "card_to_card_colored" | "cash-ad" | "cash" | "category" | "cellphone" | "change_sheet" | "channels_icon" | "chart_bar" | "chart_line" | "chat" | "chat_add" | "chat_forum" | "chat_messages" | "check-rhombus" | "check" | "check_all" | "check_circle" | "check_circle_second" | "check_circle_solid" | "check_polygonal" | "checkbox--checked" | "checkbox" | "checkboxes" | "circle" | "circle_arrows" | "clickup" | "clip" | "clock_check" | "clock_solid" | "close_circle_outline" | "close_circle_solid" | "cloud_upload" | "coin_speed" | "comment" | "company" | "confetti" | "connection" | "contacts" | "contracts" | "convert" | "copyright" | "credit-card" | "credit_card_blink" | "crypto" | "crypto_blue" | "crypto_colored" | "cryptowallet" | "cryptowallet_blue" | "cryptowallet_colored" | "cup" | "dashboard" | "date_range" | "deeplinks" | "delete-account" | "delete" | "delete_alt" | "deprecated" | "desktop_device" | "dialog" | "discord" | "discord_colored" | "dislike" | "doc-export" | "document" | "dollar" | "donate_blue" | "donate_colored" | "dot-status" | "download" | "eWallet" | "e_wallet_blue" | "e_wallet_colored" | "edit" | "edit_solid" | "email" | "email_circle" | "email_colored" | "enrollment" | "epayments_colored" | "epidemic-sound" | "epidemic_sound_circle" | "ethereum_colored" | "event" | "event_alt" | "exit_to_app" | "explicit" | "export" | "export_all" | "express_payment" | "face" | "face_alt" | "facebook" | "facebook_colored" | "fast" | "favorite" | "file" | "file_add" | "file_copy" | "file_download" | "file_export" | "file_eye" | "file_import" | "file_new" | "filter_list" | "find_in_page" | "fire" | "fire_colored" | "fire_solid" | "flag_ar" | "flag_en" | "flag_es" | "flag_pt" | "flag_ru" | "flag_th" | "flag_vi" | "fly_dollar" | "fly_euro" | "freeze" | "fullscreen" | "get_app" | "gift_solid" | "glasses" | "google_colored" | "googleplus_colored" | "graph-no-data" | "group" | "group_connection" | "growth_arrow_circle" | "hand_money" | "help" | "help_invert" | "help_solid" | "help_ukraine_colored" | "home" | "iban" | "iban_blue" | "id_square" | "id_thin" | "image" | "infinity" | "info" | "info_rounded_square" | "info_solid" | "instagram" | "instagram_colored" | "keyboard" | "keyboard_arrow_left" | "keyboard_arrow_right" | "keyboard_arrow_right_thin" | "kraken" | "language" | "layers" | "lightning" | "lightning_circle" | "lightning_circle_solid" | "lightning_outlined" | "like" | "link_broken" | "link_colored" | "link_external" | "link_external_new" | "linkedin" | "linkedin_colored" | "list" | "litecoin_colored" | "live_help" | "loader" | "location_city" | "location_on" | "lock" | "lock_old" | "logout" | "magic_blink" | "mail_outline" | "mc_assist" | "mc_dashboard" | "mc_id" | "mc_pay" | "mc_pay_app" | "mc_pay_compact" | "mc_pay_menu" | "mc_pay_menu_circle_colored" | "mc_pay_mobile_app" | "mc_studio" | "mc_vidwide" | "mcadslogo" | "mediacube" | "menu" | "menu_new" | "message" | "messenger" | "messenger_colored" | "minus" | "mobile_device" | "money_clock" | "money_input" | "more_horiz" | "music" | "music_icon" | "new" | "notes" | "objects" | "obs" | "okru" | "okru_colored" | "ondemand_video" | "partners" | "payment" | "payoneer" | "payoneer_colored" | "payoneer_cy" | "paypal" | "paypal_colored" | "percent" | "personal_email_colored" | "phone_colored" | "photo_add" | "picture" | "picture_thin" | "plane" | "play-videos" | "print" | "prototype" | "public" | "qiwi" | "qiwi_colored" | "radio--checked" | "ready" | "receipt" | "receipt_thin" | "recording_circle" | "recruiters" | "redo" | "referral" | "referral_solid" | "reload" | "reload_right" | "remove_red_eye" | "repair" | "reply_arrow" | "requisites" | "resize_video" | "revenue" | "review" | "ripple_colored" | "rocket" | "rocket_colored" | "rocket_small" | "role" | "safety" | "sand_clock" | "save" | "search" | "send" | "send_solid" | "settings" | "settings_solid" | "settings_tools" | "shield" | "shield_blue" | "shield_colored" | "shield_usd" | "shop" | "shopping_cart" | "shuffle" | "sign_out" | "skype" | "skype_colored" | "slack" | "smile_star_eye" | "sort_asc" | "sort_az" | "sort_desc" | "sort_directions" | "sort_list" | "sort_za" | "spy_colored" | "staff" | "star" | "star_round" | "star_round_solid" | "stars" | "stars_fill" | "stats_icon" | "steam" | "steam_colored" | "studio_icon" | "subscriptions" | "suitcase" | "supervised_user_circle" | "support" | "swap_cubes" | "swap_cubes_colored" | "swap_horizontal_circle" | "switches" | "table" | "telegram" | "telegram_colored" | "tether" | "tether_colored" | "three_dots" | "thumb_down" | "thumb_up" | "tiktok" | "time" | "time_thin" | "timelapse" | "timeline" | "tipalti" | "transaction" | "twitter_colored" | "unarchive" | "unfold_more" | "unlock" | "upload_img" | "usd_coin_colored" | "user" | "user_edit" | "user_kyc" | "viber" | "viber_colored" | "videoblocks" | "vidiq-logo-mono" | "vidiq_circle" | "visibility" | "visibility_off" | "vkontakte" | "vkontakte_colored" | "wallet" | "warning" | "webmoney" | "webmoney_colored" | "website_colored" | "whatsapp" | "whatsapp_colored" | "wise_colored" | "worldfirst" | "x_network" | "yandexmoney" | "yoomoney_colored" | "youtube" | "youtube_circled" | "youtube_circled_second" | "youtube_colored" | "youtube_outlined" | "zcash_colored";
+    noDataImg: string;
+    toTableCardProps: Record<any, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>, Partial<Record<`${string}-header-right`, (_: {
+    column: ITableColumnEnriched;
+    cellIndex: number;
+}) => any>> & Partial<Record<`${string}-total`, (_: {
+    column: ITableColumnEnriched;
+    cellIndex: number;
+}) => any>> & Partial<Record<string, (_: {
+    row: any;
+    rowIndex: number;
+    column: ITableColumnEnriched;
+    cellIndex: number;
+    cellValue: any;
+}) => any>> & Partial<Record<`${string}-right`, (_: {}) => any>> & {
+    "header-cell"?(_: {
+        column: ITableColumnEnriched;
+        cellIndex: number;
+    }): any;
+    "footer-cell"?(_: {
+        column: ITableColumnEnriched;
+        cellIndex: number;
+        cellValue: string | number | undefined;
+    }): any;
+    default?(_: {
+        id?: string | number | undefined;
+        tableColumns: ITableColumn[];
+        tableData: ITableData;
+        tableTotals: ITableTotals<ITableColumn>;
+        tableSort: ITableSort;
+        tableHeaderRowHeight: number;
+        tableFooterRowHeight: number;
+        tableFixedFirstColumn: boolean;
+        tableCardProps: Record<any, any>;
+        footerBlur?: boolean | undefined;
+        onSetTableCardState: (payload: TableCardState) => void;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/{components → types/components}/templates/McTable/McTableCard/McTableCard.vue.d.ts

@@ -1,6 +1,6 @@
-import { PropType } from 'vue';
-import { ITableColumn, ITableColumnWidth, ITableData, ITableSort, ITableTotals, TableCardState } from '../../../../types/ITable';
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { type PropType } from 'vue';
+import { type ITableColumn, type ITableColumnWidth, type ITableData, type ITableSort, type ITableTotals, type TableCardState } from '@/types/ITable';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * Обязательно что бы таблица правильно подсвечивала выбранную строку. Проверка будет по полю id
      * Если карточка используется как рутовый узел страницы, будет автоматически приходить router.params.id
@@ -44,10 +44,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "set-table-card-state": (value: TableCardState) => any;
     "card-id-updated": (value: TableCardState) => any;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Обязательно что бы таблица правильно подсвечивала выбранную строку. Проверка будет по полю id
      * Если карточка используется как рутовый узел страницы, будет автоматически приходить router.params.id
@@ -104,7 +104,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     tableFixedFirstColumn: boolean;
     tableCardProps: Record<any, any>;
     footerBlur: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>, {
     header?(_: {}): any;
     default?(_: {
         tableColumns: ITableColumnWidth[];

package/dist/{components → types/components}/templates/McTable/McTableCard/McTableCardHeader/McTableCardHeader.vue.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import type { PropType } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     buttonBackText: {
         type: PropType<string>;
         default: string;
@@ -8,7 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         type: PropType<string>;
         default: null;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     buttonBackText: {
         type: PropType<string>;
         default: string;
@@ -20,7 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
 }>> & Readonly<{}>, {
     buttonBackText: string;
     backTo: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLElement>, {
     default?(_: {}): any;
     right?(_: {}): any;
 }>;

package/dist/types/components/templates/McTable/McTableSkeletonLoading/McTableSkeletonLoading.vue.d.ts

@@ -0,0 +1,18 @@
+import { type PropType } from 'vue';
+import type { ITableColumnEnriched } from '@/types';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    columns: {
+        type: PropType<ITableColumnEnriched[]>;
+        required: true;
+        default: () => ITableColumnEnriched[];
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    columns: {
+        type: PropType<ITableColumnEnriched[]>;
+        required: true;
+        default: () => ITableColumnEnriched[];
+    };
+}>> & Readonly<{}>, {
+    columns: ITableColumnEnriched[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLElement>;
+export default _default;

package/dist/{components → types/components}/templates/McTable/McTableSort/McTableSort.vue.d.ts

@@ -1,6 +1,6 @@
-import { PropType } from 'vue';
-import { ITableSort } from '../../../../types/ITable';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { type PropType } from 'vue';
+import type { ITableSort } from '@/types/ITable';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     sort: {
         type: PropType<ITableSort>;
         default: () => {};
@@ -9,9 +9,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<string>;
         default: null;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     change: (value: ITableSort) => any;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     sort: {
         type: PropType<ITableSort>;
         default: () => {};
@@ -23,7 +23,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{
     onChange?: ((value: ITableSort) => any) | undefined;
 }>, {
-    column: string;
     sort: ITableSort;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    column: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/dist/{components → types/components}/templates/McTopBar/McTopBar.vue.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { type PropType } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      *  Данные пользователя
      *
@@ -32,7 +32,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         type: PropType<string>;
         default: null;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      *  Данные пользователя
      *
@@ -70,7 +70,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     menuLangs: unknown[];
     defaultLang: string;
     currentLang: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>, {
     left?(_: {}): any;
     right?(_: {}): any;
     user?(_: {}): any;

package/dist/{components → types/components}/templates/McVirtualScroll/McVirtualScroll.vue.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { type PropType } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * Массив данных для рендеринга
      * */
@@ -30,7 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         type: PropType<number>;
         default: number;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Массив данных для рендеринга
      * */
@@ -65,7 +65,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     items: any[];
     itemHeight: number;
     buffer: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>, {
     item?(_: {
         item: any;
         index: number;

package/dist/{composables → types/composables}/index.d.ts

@@ -4,5 +4,5 @@ import { useTooltip } from './useTooltip';
 import { useRandomNumber } from './useRandomNumber';
 import { useFieldErrors } from './useFieldErrors';
 import { useHelper } from './useHelper';
-import { UseEncodeDecode } from './useEncodeDecode';
+import { UseEncodeDecode } from '@/composables/useEncodeDecode';
 export { useModal, useDrawer, useTooltip, useRandomNumber, useFieldErrors, useHelper, UseEncodeDecode };

package/dist/{composables → types/composables}/useDrawer.d.ts

@@ -1,4 +1,4 @@
-import { IDrawerProps } from '../types/IDrawer';
+import type { IDrawerProps } from '@/types/IDrawer';
 export declare function useDrawer(): {
     showDrawer: (componentName: string, drawerProps?: Partial<IDrawerProps>, componentProps?: {}) => void;
     closeDrawer: (componentName: string) => void;

package/dist/types/composables/useFieldErrors.d.ts

@@ -0,0 +1,5 @@
+export declare function useFieldErrors(errors: string[]): {
+    is_error_visible: import("vue").Ref<boolean, boolean>;
+    errorText: import("vue").ComputedRef<string | null>;
+    toggleErrorVisible: () => void;
+};

package/dist/{composables → types/composables}/useTooltip.d.ts

@@ -1,4 +1,4 @@
-import { ITooltip } from '../types/ITooltip';
+import { type ITooltip } from '@/types/ITooltip';
 export declare function useTooltip(): {
     mounted(el: HTMLElement, binding: {
         value: ITooltip;

package/dist/types/index.d.ts

@@ -1,36 +1,9 @@
-export * from './IButton';
-export * from './ICell';
-export * from './IChip';
-export * from './ICollapse';
-export * from './IDatepicker';
-export * from './IDirections';
-export * from './IDrawer';
-export * from './IDropdown';
-export * from './IFilter';
-export * from './IGrid';
-export * from './IInput';
-export * from './IModal';
-export * from './IPreview';
-export * from './IRadio';
-export * from './IRadioGroup';
-export * from './IRoute';
-export * from './ISelect';
-export * from './ISideBar';
-export * from './ITable';
-export * from './ITabs';
-export * from './ITitle';
-export * from './ITooltip';
-export * from './styles/Alignment';
-export * from './styles/AvatarSizes';
-export * from './styles/Colors';
-export * from './styles/Durations';
-export * from './styles/FontSizes';
-export * from './styles/FontWeights';
-export * from './styles/Grid';
-export * from './styles/Icons';
-export * from './styles/LineHeights';
-export * from './styles/MediaQueries';
-export * from './styles/Radiuses';
-export * from './styles/Sizes';
-export * from './styles/Spaces';
-export * from './styles/Weights';
+export * from "./types";
+export * from "./enums";
+export * from "./components";
+export * from "./composables";
+export * from "./assets/tokens/json";
+declare namespace _default {
+    function install(app: any, options?: {}): void;
+}
+export default _default;

package/dist/types/index.js

@@ -0,0 +1,38 @@
+// Types
+export * from './IButton';
+export * from './ICell';
+export * from './IChip';
+export * from './ICollapse';
+export * from './IDatepicker';
+export * from './IDirections';
+export * from './IDrawer';
+export * from './IDropdown';
+export * from './IFilter';
+export * from './IGrid';
+export * from './IInput';
+export * from './IModal';
+export * from './IPreview';
+export * from './IRadio';
+export * from './IRadioGroup';
+export * from './IRoute';
+export * from './ISelect';
+export * from './ISideBar';
+export * from './ITable';
+export * from './ITabs';
+export * from './ITitle';
+export * from './ITooltip';
+// Style types
+export * from './styles/Alignment';
+export * from './styles/AvatarSizes';
+export * from './styles/Colors';
+export * from './styles/Durations';
+export * from './styles/FontSizes';
+export * from './styles/FontWeights';
+export * from './styles/Grid';
+export * from './styles/Icons';
+export * from './styles/LineHeights';
+export * from './styles/MediaQueries';
+export * from './styles/Radiuses';
+export * from './styles/Sizes';
+export * from './styles/Spaces';
+export * from './styles/Weights';

package/dist/types/main.d.ts

@@ -0,0 +1,2 @@
+import './assets/main.scss';
+import './assets/fonts/inter/inter.css';