@bitrix24/b24ui-nuxt 2.2.1 → 2.3.0

package/dist/runtime/composables/useEditorMenu.js

@@ -21,7 +21,7 @@ export function useEditorMenu(options) {
   let triggerClientRect = null;
   let handleHover = null;
   let scrollHandler = null;
-  const { contains } = useFilter({ sensitivity: "base" });
+  const { contains, startsWith } = useFilter({ sensitivity: "base" });
   const cleanupMenu = () => {
     if (menuState.value === "closed") return;
     menuState.value = "closed";
@@ -53,14 +53,37 @@ export function useEditorMenu(options) {
   const filterFields = options.filterFields ?? ["label"];
   const defaultFilter = (items2, query) => {
     if (!query) return items2;
-    return items2.filter((item) => {
-      return filterFields.some((field) => {
-        const value = get(item, field);
-        if (value === void 0 || value === null) return false;
-        const stringValue = Array.isArray(value) ? value.join(" ") : String(value);
-        return contains(stringValue, query) || contains(stringValue.replace(/[\s_-]/g, ""), query);
-      });
+    const matched = [];
+    for (const item of items2) {
+      let bestMatchType = 3;
+      let bestFieldIndex = filterFields.length;
+      for (let i = 0; i < filterFields.length; i++) {
+        const value = get(item, filterFields[i]);
+        if (value === void 0 || value === null) continue;
+        const values = Array.isArray(value) ? value.map(String) : [String(value)];
+        for (const v of values) {
+          const normalized = v.replace(/[\s_-]/g, "");
+          let matchType = 3;
+          if (startsWith(v, query) || startsWith(normalized, query)) {
+            matchType = v.length === query.length || normalized.length === query.length ? 0 : 1;
+          } else if (contains(v, query) || contains(normalized, query)) {
+            matchType = 2;
+          }
+          if (matchType < bestMatchType || matchType === bestMatchType && i < bestFieldIndex) {
+            bestMatchType = matchType;
+            bestFieldIndex = i;
+          }
+        }
+      }
+      if (bestMatchType < 3) {
+        matched.push({ item, fieldIndex: bestFieldIndex, matchType: bestMatchType });
+      }
+    }
+    matched.sort((a, b) => {
+      if (a.matchType !== b.matchType) return a.matchType - b.matchType;
+      return a.fieldIndex - b.fieldIndex;
     });
+    return matched.map(({ item }) => item);
   };
   const filter = options.filter || defaultFilter;
   const limit = options.limit ?? 42;
@@ -71,7 +94,11 @@ export function useEditorMenu(options) {
   const items = computed(() => groups.value.flatMap((group) => group));
   const filteredGroups = computed(() => {
     if (!filteredItems.value.length) return [];
-    return groups.value.map((group) => group.filter((item) => filteredItems.value.includes(item))).filter((group) => group.length > 0);
+    return groups.value.map((group) => {
+      const filtered = group.filter((item) => filteredItems.value.includes(item));
+      filtered.sort((a, b) => filteredItems.value.indexOf(a) - filteredItems.value.indexOf(b));
+      return filtered;
+    }).filter((group) => group.length > 0);
   });
   const selectableItems = computed(() => {
     return filteredItems.value.filter((item) => {

package/dist/runtime/composables/useOverlay.d.ts

@@ -1,5 +1,6 @@
 import type { Component } from 'vue';
 import type { ComponentProps, ComponentEmit } from 'vue-component-type-helpers';
+type CloseEventArgTypeSimple<T> = T extends (event: 'close', arg_0: infer Arg, ...args: any[]) => void ? Arg : never;
 /**
  * This is a workaround for a design limitation in TypeScript.
  *
@@ -9,7 +10,7 @@ import type { ComponentProps, ComponentEmit } from 'vue-component-type-helpers';
  *
  * @see https://github.com/microsoft/TypeScript/issues/32164
  */
-type CloseEventArgType<T> = T extends {
+type CloseEventArgTypeComplex<T> = T extends {
     (event: 'close', arg_0: infer Arg, ...args: any[]): void;
     (...args: any[]): void;
     (...args: any[]): void;
@@ -28,6 +29,7 @@ type CloseEventArgType<T> = T extends {
     (...args: any[]): void;
     (...args: any[]): void;
 } ? Arg : never;
+type CloseEventArgType<T> = CloseEventArgTypeSimple<T> | CloseEventArgTypeComplex<T>;
 export type OverlayOptions<OverlayAttrs = Record<string, any>> = {
     defaultOpen?: boolean;
     props?: OverlayAttrs;

package/dist/runtime/types/editor.d.ts

@@ -27,6 +27,7 @@ export type EditorHandlers<H extends EditorCustomHandlers = EditorCustomHandlers
     blockquote: EditorHandler;
     bulletList: EditorHandler;
     orderedList: EditorHandler;
+    taskList: EditorHandler;
     codeBlock: EditorHandler;
     horizontalRule: EditorHandler;
     paragraph: EditorHandler;
@@ -63,7 +64,7 @@ export type EditorItem<H extends EditorCustomHandlers = EditorCustomHandlers> =
     kind: 'clearFormatting' | 'suggestion';
     pos?: number;
 } | {
-    kind: 'blockquote' | 'bulletList' | 'orderedList' | 'codeBlock' | 'horizontalRule' | 'paragraph' | 'undo' | 'redo' | 'mention' | 'emoji';
+    kind: 'blockquote' | 'bulletList' | 'orderedList' | 'taskList' | 'codeBlock' | 'horizontalRule' | 'paragraph' | 'undo' | 'redo' | 'mention' | 'emoji';
 } | {
     kind: keyof H;
 };

package/dist/runtime/types/html.d.ts

@@ -3,6 +3,8 @@ export type AnchorHTMLAttributes = Pick<VueAnchorHTMLAttributes, 'download' | 'h
 export type ButtonHTMLAttributes = Pick<VueButtonHTMLAttributes, 'autofocus' | 'disabled' | 'form' | 'formaction' | 'formenctype' | 'formmethod' | 'formnovalidate' | 'formtarget' | 'name' | 'type'>;
 export type FormHTMLAttributes = Pick<VueFormHTMLAttributes, 'acceptcharset' | 'action' | 'autocomplete' | 'enctype' | 'method' | 'name' | 'novalidate' | 'target'>;
 export type ImgHTMLAttributes = Pick<VueImgHTMLAttributes, 'alt' | 'crossorigin' | 'decoding' | 'height' | 'loading' | 'referrerpolicy' | 'sizes' | 'src' | 'srcset' | 'usemap' | 'width'>;
-export type InputHTMLAttributes = Pick<VueInputHTMLAttributes, 'autocomplete' | 'autofocus' | 'disabled' | 'enterKeyHint' | 'form' | 'formaction' | 'formenctype' | 'formmethod' | 'formnovalidate' | 'formtarget' | 'list' | 'max' | 'maxlength' | 'min' | 'minlength' | 'name' | 'pattern' | 'placeholder' | 'readonly' | 'required' | 'size' | 'step' | 'type'>;
+export type InputHTMLAttributes = Pick<VueInputHTMLAttributes, 'autofocus' | 'disabled' | 'enterKeyHint' | 'form' | 'formaction' | 'formenctype' | 'formmethod' | 'formnovalidate' | 'formtarget' | 'list' | 'max' | 'maxlength' | 'min' | 'minlength' | 'name' | 'pattern' | 'placeholder' | 'readonly' | 'required' | 'size' | 'step' | 'type'> & {
+    autocomplete?: 'on' | 'off' | (string & {});
+};
 export type TableHTMLAttributes = Pick<VueTableHTMLAttributes, 'cellpadding' | 'cellspacing' | 'summary' | 'width'>;
 export type TextareaHTMLAttributes = Pick<VueTextareaHTMLAttributes, 'autocomplete' | 'autofocus' | 'cols' | 'dirname' | 'disabled' | 'form' | 'maxlength' | 'minlength' | 'name' | 'placeholder' | 'readonly' | 'required' | 'rows' | 'wrap'>;

package/dist/runtime/utils/ai.d.ts

@@ -1,2 +1,9 @@
 import type { UIMessage } from 'ai';
+/**
+ * Extracts and concatenates all text parts from a UIMessage.
+ *
+ * @warning Do not use the output directly with MDC or v-html for user messages,
+ * as this can lead to XSS vulnerabilities. For rendering, iterate over message.parts
+ * and only render assistant messages with MDC.
+ */
 export declare function getTextFromMessage(message: UIMessage): string;

package/dist/runtime/utils/editor.d.ts

@@ -52,7 +52,7 @@ export declare function createImageHandler(): {
     isActive: (editor: Editor) => boolean;
     isDisabled: (editor: Editor) => boolean;
 };
-export declare function createListHandler(listType: 'bulletList' | 'orderedList'): {
+export declare function createListHandler(listType: 'bulletList' | 'orderedList' | 'taskList'): {
     canExecute: (editor: Editor) => any;
     execute: (editor: Editor) => any;
     isActive: (editor: Editor) => boolean;

package/dist/runtime/utils/editor.js

@@ -83,17 +83,18 @@ export function createLinkHandler() {
     execute: (editor, cmd) => {
       const chain = editor.chain();
       const previousUrl = editor.getAttributes("link").href;
+      const hasCode = editor.isActive("code");
       if (previousUrl) {
         return chain.focus().unsetLink();
       }
-      if (cmd?.href) {
-        return chain.focus().setLink({ href: cmd.href });
+      const href = cmd?.href || prompt("Enter the URL:");
+      if (!href) {
+        return chain;
       }
-      const href = prompt("Enter the URL:");
-      if (href) {
-        return chain.focus().setLink({ href });
+      if (hasCode) {
+        return chain.focus().extendMarkRange("code").setLink({ href });
       }
-      return chain;
+      return chain.focus().setLink({ href });
     },
     isActive: (editor) => editor.isActive("link"),
     isDisabled: (editor) => {
@@ -128,10 +129,16 @@ export function createImageHandler() {
   };
 }
 export function createListHandler(listType) {
-  const fnName = listType === "bulletList" ? "toggleBulletList" : "toggleOrderedList";
+  const fnNameMap = {
+    bulletList: "toggleBulletList",
+    orderedList: "toggleOrderedList",
+    taskList: "toggleTaskList"
+  };
+  const fnName = fnNameMap[listType];
+  const listItemType = listType === "taskList" ? "taskItem" : "listItem";
   return {
     canExecute: (editor) => {
-      return editor.can()[fnName]() || editor.isActive("bulletList") || editor.isActive("orderedList");
+      return editor.can()[fnName]() || editor.isActive("bulletList") || editor.isActive("orderedList") || editor.isActive("taskList") || editor.isActive("taskItem") || editor.isActive("listItem");
     },
     execute: (editor) => {
       const { state } = editor;
@@ -146,12 +153,22 @@ export function createListHandler(listType) {
         chain = chain.setTextSelection({ from, to }).clearNodes();
       }
       if (editor.isActive(listType)) {
-        return chain.liftListItem("listItem").lift("bulletList").lift("orderedList").selectTextblockEnd();
+        return chain.liftListItem(listItemType).lift("bulletList").lift("orderedList").lift("taskList").selectTextblockEnd();
+      }
+      const currentListItemType = editor.isActive("taskList") ? "taskItem" : "listItem";
+      if (editor.isActive("bulletList") || editor.isActive("orderedList") || editor.isActive("taskList")) {
+        const unwrapped = chain.liftListItem(currentListItemType).lift("bulletList").lift("orderedList").lift("taskList");
+        return unwrapped[fnName]().selectTextblockEnd();
       }
       return chain[fnName]().selectTextblockEnd();
     },
     isActive: (editor) => editor.isActive(listType),
-    isDisabled: (editor) => isNodeTypeSelected(editor, ["image"]) || editor.isActive("code")
+    isDisabled: (editor) => {
+      if (!isExtensionAvailable(editor, listType)) {
+        return true;
+      }
+      return isNodeTypeSelected(editor, ["image"]) || editor.isActive("code");
+    }
   };
 }
 export function createMoveHandler(direction) {
@@ -198,6 +215,7 @@ export function createHandlers() {
     blockquote: createToggleHandler("blockquote"),
     bulletList: createListHandler("bulletList"),
     orderedList: createListHandler("orderedList"),
+    taskList: createListHandler("taskList"),
     codeBlock: createToggleHandler("codeBlock"),
     horizontalRule: createSetHandler("horizontalRule"),
     paragraph: createSetHandler("paragraph"),

package/dist/runtime/utils/fuse.js

@@ -1,3 +1,22 @@
+const htmlEscapes = {
+  "&": "&",
+  "<": "&lt;",
+  ">": "&gt;",
+  '"': "&quot;",
+  "'": "&#39;"
+};
+function escapeHTML(str) {
+  return str.replace(/[&<>"']/g, (char) => htmlEscapes[char]);
+}
+function isAlreadyEscaped(str) {
+  return /&(?:amp|lt|gt|quot|#39);/.test(str);
+}
+function sanitize(str) {
+  if (isAlreadyEscaped(str)) {
+    return str;
+  }
+  return escapeHTML(str);
+}
 function truncateHTMLFromStart(html, maxLength) {
   let truncated = "";
   let totalLength = 0;
@@ -34,14 +53,14 @@ export function highlight(item, searchTerm, forceKey, omitKeys) {
       const lastIndiceNextIndex = region[1] + 1;
       const isMatched = lastIndiceNextIndex - region[0] >= searchTerm.length;
       content += [
-        value.substring(nextUnhighlightedRegionStartingIndex, region[0]),
+        sanitize(value.substring(nextUnhighlightedRegionStartingIndex, region[0])),
         isMatched && `<mark>`,
-        value.substring(region[0], lastIndiceNextIndex),
+        sanitize(value.substring(region[0], lastIndiceNextIndex)),
         isMatched && "</mark>"
       ].filter(Boolean).join("");
       nextUnhighlightedRegionStartingIndex = lastIndiceNextIndex;
     });
-    content += value.substring(nextUnhighlightedRegionStartingIndex);
+    content += sanitize(value.substring(nextUnhighlightedRegionStartingIndex));
     const markIndex = content.indexOf("<mark>");
     if (markIndex !== -1) {
       content = truncateHTMLFromStart(content, content.length - markIndex);

package/dist/runtime/utils/index.d.ts

@@ -9,6 +9,7 @@ export declare function isEmpty(value: unknown): boolean;
 export declare function getDisplayValue<T extends Array<any>, V>(items: T, value: V | undefined | null, options?: {
     valueKey?: GetItemKeys<T>;
     labelKey?: GetItemKeys<T>;
+    by?: string | ((a: any, b: any) => boolean);
 }): string | undefined;
 export declare function isArrayOfArray<A>(item: A[] | A[][]): item is A[][];
 export declare function mergeClasses(appConfigClass?: string | string[], propClass?: string): "" | (string | undefined)[];

package/dist/runtime/utils/index.js

@@ -91,10 +91,10 @@ export function isEmpty(value) {
   return false;
 }
 export function getDisplayValue(items, value, options = {}) {
-  const { valueKey, labelKey } = options;
+  const { valueKey, labelKey, by } = options;
   const foundItem = items.find((item) => {
     const itemValue = typeof item === "object" && item !== null && valueKey ? get(item, valueKey) : item;
-    return compare(itemValue, value);
+    return compare(itemValue, value, by);
   });
   if (isEmpty(value) && foundItem) {
     return labelKey ? get(foundItem, labelKey) : void 0;

package/dist/runtime/utils/overlay.d.ts

@@ -0,0 +1,19 @@
+import type { PointerDownOutsideEvent } from 'reka-ui';
+export interface PointerDownOutsideOptions {
+    /**
+     * Whether the overlay is in scrollable mode.
+     * When true, prevents closing when clicking on the scrollbar.
+     */
+    scrollable?: boolean;
+}
+/**
+ * Handles `pointerDownOutside` events to prevent overlays from closing in specific scenarios:
+ * 1. When the target element is no longer in the DOM (e.g., a toast was dismissed between pointerdown and click on touch devices)
+ * 2. When clicking on a scrollbar (only in scrollable mode)
+ *
+ * Note: Reka UI already handles dismissable layer checks internally via `isLayerExist`,
+ * so we don't need to check for `[data-dismissable-layer]` here.
+ *
+ * @see https://reka-ui.com/docs/components/dialog#disable-close-on-interaction-outside
+ */
+export declare function pointerDownOutside(e: PointerDownOutsideEvent, options?: PointerDownOutsideOptions): void;

package/dist/runtime/utils/overlay.js

@@ -0,0 +1,13 @@
+export function pointerDownOutside(e, options = {}) {
+  const originalEvent = e.detail.originalEvent;
+  const target = originalEvent.target;
+  if (!target?.isConnected) {
+    e.preventDefault();
+    return;
+  }
+  if (options.scrollable) {
+    if (originalEvent.offsetX > target.clientWidth || originalEvent.offsetY > target.clientHeight) {
+      e.preventDefault();
+    }
+  }
+}

package/dist/runtime/utils/virtualizer.d.ts

@@ -1,6 +1,4 @@
 /**
  * Get estimate size for virtualizers that checks each item individually
- * NOTE: This requires Reka UI to support functions for estimateSize (https://github.com/unovue/reka-ui/pull/2288)
- * Until then, we check if ANY item has a description and use that for all items
  */
-export declare function getEstimateSize(items: any[], size: 'xss' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', descriptionKey?: string): number;
+export declare function getEstimateSize(items: any[], size: 'xss' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', descriptionKey?: string, hasDescriptionSlot?: boolean): (index: number) => number;

package/dist/runtime/utils/virtualizer.js

@@ -1,13 +1,13 @@
 import { get } from "./index.js";
-function hasDescription(item, descriptionKey) {
+function itemHasDescription(item, descriptionKey) {
   if (typeof item !== "object" || item === null) {
     return false;
   }
   const value = get(item, descriptionKey);
   return value !== void 0 && value !== null && value !== "";
 }
-function getSize(size, hasDescription2) {
-  if (hasDescription2) {
+function getSize(size, hasDescription) {
+  if (hasDescription) {
     return {
       xss: 40,
       xs: 44,
@@ -26,7 +26,16 @@ function getSize(size, hasDescription2) {
     xl: 40
   }[size];
 }
-export function getEstimateSize(items, size, descriptionKey) {
-  const anyHasDescription = descriptionKey ? items.some((item) => hasDescription(item, descriptionKey)) : false;
-  return getSize(size, anyHasDescription);
+export function getEstimateSize(items, size, descriptionKey, hasDescriptionSlot) {
+  const sizeWithDescription = getSize(size, true);
+  const sizeWithoutDescription = getSize(size, false);
+  if (hasDescriptionSlot) {
+    return () => sizeWithDescription;
+  }
+  if (!descriptionKey) {
+    return () => sizeWithoutDescription;
+  }
+  return (index) => {
+    return itemHasDescription(items[index], descriptionKey) ? sizeWithDescription : sizeWithoutDescription;
+  };
 }

package/dist/runtime/vue/components/color-mode/ColorModeSelect.d.vue.ts

@@ -1,6 +1,8 @@
 import type { SelectMenuProps, SelectMenuItem } from '../../../types';
 export interface ColorModeSelectProps extends Omit<SelectMenuProps<SelectMenuItem[]>, 'icon' | 'items' | 'modelValue'> {
 }
-declare const __VLS_export: import("vue").DefineComponent<ColorModeSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSelectProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue").DefineComponent<ColorModeSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSelectProps> & Readonly<{}>, {
+    searchInput: boolean | import("../../../types").InputProps;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/vue/components/color-mode/ColorModeSelect.vue

@@ -25,6 +25,8 @@ const props = defineProps({
   required: { type: Boolean, required: false },
   trailingIcon: { type: [Function, Object], required: false },
   selectedIcon: { type: [Function, Object], required: false },
+  clear: { type: [Boolean, Object], required: false },
+  clearIcon: { type: [Function, Object], required: false },
   content: { type: Object, required: false },
   arrow: { type: [Boolean, Object], required: false },
   portal: { type: [Boolean, String], required: false, skipCheck: true },
@@ -42,14 +44,16 @@ const props = defineProps({
   autofocus: { type: Boolean, required: false },
   autofocusDelay: { type: Number, required: false },
   class: { type: null, required: false },
-  b24ui: { type: null, required: false },
+  b24ui: { type: Object, required: false },
   open: { type: Boolean, required: false },
   defaultOpen: { type: Boolean, required: false },
   disabled: { type: Boolean, required: false },
   name: { type: String, required: false },
   resetSearchTermOnBlur: { type: Boolean, required: false },
   resetSearchTermOnSelect: { type: Boolean, required: false },
+  resetModelValueOnClear: { type: Boolean, required: false },
   highlightOnHover: { type: Boolean, required: false },
+  by: { type: [String, Function], required: false },
   avatar: { type: Object, required: false },
   loading: { type: Boolean, required: false },
   trailing: { type: Boolean, required: false }

package/dist/runtime/vue/components/color-mode/ColorModeSelect.vue.d.ts

@@ -1,6 +1,8 @@
 import type { SelectMenuProps, SelectMenuItem } from '../../../types';
 export interface ColorModeSelectProps extends Omit<SelectMenuProps<SelectMenuItem[]>, 'icon' | 'items' | 'modelValue'> {
 }
-declare const __VLS_export: import("vue").DefineComponent<ColorModeSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSelectProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue").DefineComponent<ColorModeSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSelectProps> & Readonly<{}>, {
+    searchInput: boolean | import("../../../types").InputProps;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/vue/components/color-mode/ColorModeSwitch.d.vue.ts

@@ -1,6 +1,6 @@
 import type { SwitchProps } from '../../../types';
 export interface ColorModeSwitchProps extends Omit<SwitchProps, 'checkedIcon' | 'uncheckedIcon' | 'modelValue'> {
 }
-declare const __VLS_export: import("vue").DefineComponent<ColorModeSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSwitchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue").DefineComponent<ColorModeSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSwitchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/vue/components/color-mode/ColorModeSwitch.vue

@@ -19,7 +19,7 @@ const props = defineProps({
   label: { type: String, required: false },
   description: { type: String, required: false },
   class: { type: null, required: false },
-  b24ui: { type: null, required: false },
+  b24ui: { type: Object, required: false },
   disabled: { type: Boolean, required: false },
   id: { type: String, required: false },
   name: { type: String, required: false },

package/dist/runtime/vue/components/color-mode/ColorModeSwitch.vue.d.ts

@@ -1,6 +1,6 @@
 import type { SwitchProps } from '../../../types';
 export interface ColorModeSwitchProps extends Omit<SwitchProps, 'checkedIcon' | 'uncheckedIcon' | 'modelValue'> {
 }
-declare const __VLS_export: import("vue").DefineComponent<ColorModeSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSwitchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue").DefineComponent<ColorModeSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSwitchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/vue/overrides/inertia/Link.d.vue.ts

@@ -61,9 +61,15 @@ export interface LinkSlots {
         active: boolean;
     }): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+    as: any;
+    type: "reset" | "submit" | "button";
+    active: boolean;
+    ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    isAction: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/vue/overrides/inertia/Link.vue

@@ -54,6 +54,7 @@ const props = defineProps({
   onCancel: { type: Function, required: false },
   onSuccess: { type: Function, required: false },
   onError: { type: Function, required: false },
+  onFlash: { type: Function, required: false },
   onPrefetched: { type: Function, required: false },
   onPrefetching: { type: Function, required: false },
   prefetch: { type: [Boolean, String, Array], required: false },

package/dist/runtime/vue/overrides/inertia/Link.vue.d.ts

@@ -61,9 +61,15 @@ export interface LinkSlots {
         active: boolean;
     }): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+    as: any;
+    type: "reset" | "submit" | "button";
+    active: boolean;
+    ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    isAction: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/vue/overrides/inertia/LinkBase.d.vue.ts

@@ -10,13 +10,16 @@ export interface LinkBaseProps {
     active?: boolean;
     isExternal?: boolean;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkBaseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkBaseProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkBaseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkBaseProps> & Readonly<{}>, {
+    as: string;
+    type: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 } & {
     default?: (props: {}) => any;
 }>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/vue/overrides/inertia/LinkBase.vue.d.ts

@@ -10,13 +10,16 @@ export interface LinkBaseProps {
     active?: boolean;
     isExternal?: boolean;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkBaseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkBaseProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkBaseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkBaseProps> & Readonly<{}>, {
+    as: string;
+    type: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 } & {
     default?: (props: {}) => any;
 }>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/vue/overrides/none/Link.d.vue.ts

@@ -63,9 +63,15 @@ export interface LinkSlots {
         active: boolean;
     }): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+    as: any;
+    type: "reset" | "submit" | "button";
+    active: boolean;
+    ariaCurrentValue: string;
+    isAction: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/vue/overrides/none/Link.vue

@@ -3,7 +3,7 @@ import theme from "#build/b24ui/link";
 </script>
 
 <script setup>
-import { computed } from "vue";
+import { computed, inject } from "vue";
 import { defu } from "defu";
 import { hasProtocol } from "ufo";
 import { useAppConfig } from "#imports";
@@ -89,6 +89,14 @@ const linkRel = computed(() => {
   }
   return null;
 });
+const handleNavigation = inject("bitrix24ui:router", void 0);
+const navigate = handleNavigation ? (e) => {
+  handleNavigation(e, {
+    href: href.value || "",
+    external: isExternal.value,
+    target: props.target || (isExternal.value ? "_blank" : void 0)
+  });
+} : void 0;
 </script>
 
 <template>
@@ -100,7 +108,7 @@ const linkRel = computed(() => {
   type,
   disabled,
   href,
-  navigate: void 0,
+  navigate,
   rel: linkRel,
   target: target || (isExternal ? '_blank' : void 0),
   isExternal,
@@ -116,7 +124,7 @@ const linkRel = computed(() => {
   type,
   disabled,
   href,
-  navigate: void 0,
+  navigate,
   rel: linkRel,
   target: target || (isExternal ? '_blank' : void 0),
   isExternal

package/dist/runtime/vue/overrides/none/Link.vue.d.ts

@@ -63,9 +63,15 @@ export interface LinkSlots {
         active: boolean;
     }): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+    as: any;
+    type: "reset" | "submit" | "button";
+    active: boolean;
+    ariaCurrentValue: string;
+    isAction: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/vue/overrides/vue-router/Link.d.vue.ts

@@ -54,9 +54,15 @@ export interface LinkSlots {
         active: boolean;
     }): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+    as: any;
+    type: "reset" | "submit" | "button";
+    active: boolean;
+    ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    isAction: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;