@xleddyl/443-components-vue 0.9.2 → 0.10.0

package/dist/grid/DataGrid.vue.d.ts

@@ -1,5 +1,5 @@
 import type { FilterChangedEvent, FilterModel, ColDef, GetRowIdParams, GridApi, GridOptions, RowClickedEvent } from 'ag-grid-community';
-import type { GridDensity, GridMessages, GridSelection, GridSortChange } from './types';
+import type { GridCellRange, GridCellsChange, GridCellsInvalid, GridDensity, GridMessages, GridSelection, GridSortChange } from './types';
 declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<({
         rows?: T[];
@@ -35,6 +35,7 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
         headerText?: (field: string, column: ColDef<T>) => string | undefined;
         filterable?: boolean;
         editable?: boolean;
+        spreadsheet?: boolean;
     } & {
         query?: string;
         page?: number;
@@ -50,6 +51,10 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
         onSelectionChange?: ((rows: T[]) => any) | undefined;
         onSortChange?: ((change: GridSortChange | null) => any) | undefined;
         onFilterChange?: ((model: FilterModel, event: FilterChangedEvent<T, any>) => any) | undefined;
+        onCellsChange?: ((event: GridCellsChange) => any) | undefined;
+        onCellsInvalid?: ((event: GridCellsInvalid) => any) | undefined;
+        onDirtyChange?: ((count: number) => any) | undefined;
+        onRangeChange?: ((range: GridCellRange | null) => any) | undefined;
     } & Partial<import("vue").HTMLAttributes & import("vue").ReservedProps>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
@@ -58,14 +63,51 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
         getSelectedRows: () => T[];
         deselectAll: () => void | undefined;
         resetColumns: () => void;
+        getRange: () => GridCellRange | null;
+        getSelectedCells: () => import("./types").GridSelectedCell<T>[];
+        selectRange: (range: import("./types").GridRangeInput) => void;
+        selectAll: () => void;
+        clearRange: () => void;
+        setRangeValue: (value: unknown, options?: import("./types").GridSetRangeValueOptions) => number;
+        copyRange: () => Promise<string | null>;
+        paste: (text: string) => number;
+        fillDown: () => number;
+        fillRight: () => number;
+        clearCells: () => number;
+        undo: () => boolean;
+        redo: () => boolean;
+        clearHistory: () => void;
+        getDirtyCells: () => import("./types").GridDirtyCell[];
+        clearDirty: (rowIds?: string[]) => void;
     }>) => void;
     attrs: any;
     slots: {
         actions?: (props: {
+            range: GridCellRange | null;
+            selectedCellCount: number;
+            dirtyCount: number;
+            canUndo: boolean;
+            canRedo: boolean;
+            getRange: () => GridCellRange | null;
+            getSelectedCells: () => import("./types").GridSelectedCell<T>[];
+            selectRange: (range: import("./types").GridRangeInput) => void;
+            selectAll: () => void;
+            clearRange: () => void;
+            setRangeValue: (value: unknown, options?: import("./types").GridSetRangeValueOptions) => number;
+            copyRange: () => Promise<string | null>;
+            paste: (text: string) => number;
+            fillDown: () => number;
+            fillRight: () => number;
+            clearCells: () => number;
+            undo: () => boolean;
+            redo: () => boolean;
+            clearHistory: () => void;
+            getDirtyCells: () => import("./types").GridDirtyCell[];
+            clearDirty: (rowIds?: string[]) => void;
             api: GridApi<T> | null;
         }) => any;
     };
-    emit: (((evt: "copy", text: string) => void) & ((evt: "rowClick", event: RowClickedEvent<T, any>) => void) & ((evt: "selectionChange", rows: T[]) => void) & ((evt: "sortChange", change: GridSortChange | null) => void) & ((evt: "filterChange", model: FilterModel, event: FilterChangedEvent<T, any>) => void)) & (((event: "update:page", value: number) => void) & ((event: "update:pageSize", value: number) => void) & ((event: "update:sort", value: GridSortChange | null | undefined) => void) & ((event: "update:query", value: string) => void));
+    emit: (((evt: "copy", text: string) => void) & ((evt: "rowClick", event: RowClickedEvent<T, any>) => void) & ((evt: "selectionChange", rows: T[]) => void) & ((evt: "sortChange", change: GridSortChange | null) => void) & ((evt: "filterChange", model: FilterModel, event: FilterChangedEvent<T, any>) => void) & ((evt: "cellsChange", event: GridCellsChange) => void) & ((evt: "cellsInvalid", event: GridCellsInvalid) => void) & ((evt: "dirtyChange", count: number) => void) & ((evt: "rangeChange", range: GridCellRange | null) => void)) & (((event: "update:page", value: number) => void) & ((event: "update:pageSize", value: number) => void) & ((event: "update:sort", value: GridSortChange | null | undefined) => void) & ((event: "update:query", value: string) => void));
 }>) => import("vue").VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

package/dist/grid/cells/LinkCell.vue

@@ -1,20 +1,16 @@
 <template>
-   <a
-      v-if="text"
-      class="k-data-grid-link"
-      :href="href"
-      :target="params.target"
-      :rel="params.target === '_blank' ? 'noopener noreferrer' : void 0"
+   <component :is="link.is" v-if="text && link" class="k-data-grid-link" v-bind="link.attrs"
       >{{ text
       }}<span v-if="params.target === '_blank'" class="k-visually-hidden">
          {{ newTabText }}</span
-      ></a
+      ></component
    >
    <EmptyCell v-else :context="cellContext" />
 </template>
 
 <script setup>
 import { computed } from "vue";
+import { useLinkResolver } from "../../internal/core/link";
 import EmptyCell from "./EmptyCell.vue";
 import { en } from "../../locale/en";
 const props = defineProps({
@@ -28,6 +24,11 @@ const text = computed(() => {
 const href = computed(
   () => props.params.href?.(raw.value, props.params.data) ?? String(raw.value ?? "")
 );
+const { resolveLink } = useLinkResolver();
+const link = computed(() => {
+  const internal = href.value.startsWith("/") && !href.value.startsWith("//");
+  return internal ? resolveLink({ to: href.value, target: props.params.target }) : resolveLink({ href: href.value, target: props.params.target });
+});
 const cellContext = computed(() => props.params.context);
 const newTabText = computed(() => cellContext.value?.newTabText ?? en.messages.common.opensInNewTab);
 </script>

package/dist/grid/cells/LinkCell.vue.d.ts

@@ -1,424 +1,8 @@
-import type { GridCellContext, LinkCellParams } from '../types';
+import type { LinkCellParams } from '../types';
 declare const __VLS_export: import("vue").DefineComponent<{
     params: import("ag-grid-community").ICellRendererParams<any, any, any> & LinkCellParams<unknown>;
-    download?: any;
-    href?: string | undefined | undefined;
-    hreflang?: string | undefined | undefined;
-    media?: string | undefined | undefined;
-    ping?: string | undefined | undefined;
-    rel?: string | undefined | undefined;
-    target?: string | undefined | undefined;
-    type?: string | undefined | undefined;
-    referrerpolicy?: ("" | "origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url") | undefined;
-    innerHTML?: string | undefined | undefined;
-    class?: import("vue").ClassValue;
-    style?: import("vue").StyleValue;
-    accesskey?: string | undefined | undefined;
-    contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-    contextmenu?: string | undefined | undefined;
-    dir?: string | undefined | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
-    hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
-    id?: string | undefined | undefined;
-    inert?: (boolean | "true" | "false") | undefined;
-    lang?: string | undefined | undefined;
-    placeholder?: string | undefined | undefined;
-    spellcheck?: (boolean | "true" | "false") | undefined;
-    tabindex?: (string | number) | undefined;
-    title?: string | undefined | undefined;
-    translate?: "yes" | "no" | undefined | undefined;
-    radiogroup?: string | undefined | undefined;
-    role?: string | undefined | undefined;
-    about?: string | undefined | undefined;
-    datatype?: string | undefined | undefined;
-    inlist?: any;
-    prefix?: string | undefined | undefined;
-    property?: string | undefined | undefined;
-    resource?: string | undefined | undefined;
-    typeof?: string | undefined | undefined;
-    vocab?: string | undefined | undefined;
-    autocapitalize?: string | undefined | undefined;
-    autocorrect?: string | undefined | undefined;
-    autosave?: string | undefined | undefined;
-    color?: string | undefined | undefined;
-    itemprop?: string | undefined | undefined;
-    itemscope?: (boolean | "true" | "false") | undefined;
-    itemtype?: string | undefined | undefined;
-    itemid?: string | undefined | undefined;
-    itemref?: string | undefined | undefined;
-    results?: (string | number) | undefined;
-    security?: string | undefined | undefined;
-    unselectable?: "on" | "off" | undefined | undefined;
-    inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-    is?: string | undefined | undefined;
-    exportparts?: string | undefined;
-    part?: string | undefined;
-    popover?: (import("../../index.ts").PopoverMode | "" | boolean) | undefined;
-    'aria-activedescendant'?: string | undefined | undefined;
-    'aria-atomic'?: (boolean | "true" | "false") | undefined;
-    'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
-    'aria-busy'?: (boolean | "true" | "false") | undefined;
-    'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
-    'aria-colcount'?: (string | number) | undefined;
-    'aria-colindex'?: (string | number) | undefined;
-    'aria-colspan'?: (string | number) | undefined;
-    'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
-    'aria-describedby'?: string | undefined | undefined;
-    'aria-details'?: string | undefined | undefined;
-    'aria-disabled'?: (boolean | "true" | "false") | undefined;
-    'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-    'aria-errormessage'?: string | undefined | undefined;
-    'aria-expanded'?: (boolean | "true" | "false") | undefined;
-    'aria-flowto'?: string | undefined | undefined;
-    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
-    'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
-    'aria-keyshortcuts'?: string | undefined | undefined;
-    'aria-label'?: string | undefined | undefined;
-    'aria-labelledby'?: string | undefined | undefined;
-    'aria-level'?: (string | number) | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined | undefined;
-    'aria-modal'?: (boolean | "true" | "false") | undefined;
-    'aria-multiline'?: (boolean | "true" | "false") | undefined;
-    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
-    'aria-orientation'?: "horizontal" | "vertical" | undefined | undefined;
-    'aria-owns'?: string | undefined | undefined;
-    'aria-placeholder'?: string | undefined | undefined;
-    'aria-posinset'?: (string | number) | undefined;
-    'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
-    'aria-readonly'?: (boolean | "true" | "false") | undefined;
-    'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-    'aria-required'?: (boolean | "true" | "false") | undefined;
-    'aria-roledescription'?: string | undefined | undefined;
-    'aria-rowcount'?: (string | number) | undefined;
-    'aria-rowindex'?: (string | number) | undefined;
-    'aria-rowspan'?: (string | number) | undefined;
-    'aria-selected'?: (boolean | "true" | "false") | undefined;
-    'aria-setsize'?: (string | number) | undefined;
-    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
-    'aria-valuemax'?: (string | number) | undefined;
-    'aria-valuemin'?: (string | number) | undefined;
-    'aria-valuenow'?: (string | number) | undefined;
-    'aria-valuetext'?: string | undefined | undefined;
-    onCopy?: ((payload: ClipboardEvent) => void) | undefined;
-    onCut?: ((payload: ClipboardEvent) => void) | undefined;
-    onPaste?: ((payload: ClipboardEvent) => void) | undefined;
-    onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
-    onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
-    onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
-    onDrag?: ((payload: DragEvent) => void) | undefined;
-    onDragend?: ((payload: DragEvent) => void) | undefined;
-    onDragenter?: ((payload: DragEvent) => void) | undefined;
-    onDragexit?: ((payload: DragEvent) => void) | undefined;
-    onDragleave?: ((payload: DragEvent) => void) | undefined;
-    onDragover?: ((payload: DragEvent) => void) | undefined;
-    onDragstart?: ((payload: DragEvent) => void) | undefined;
-    onDrop?: ((payload: DragEvent) => void) | undefined;
-    onFocus?: ((payload: FocusEvent) => void) | undefined;
-    onFocusin?: ((payload: FocusEvent) => void) | undefined;
-    onFocusout?: ((payload: FocusEvent) => void) | undefined;
-    onBlur?: ((payload: FocusEvent) => void) | undefined;
-    onChange?: ((payload: Event) => void) | undefined;
-    onBeforeinput?: ((payload: InputEvent) => void) | undefined;
-    onFormdata?: ((payload: FormDataEvent) => void) | undefined;
-    onInput?: ((payload: InputEvent) => void) | undefined;
-    onReset?: ((payload: Event) => void) | undefined;
-    onSubmit?: ((payload: SubmitEvent) => void) | undefined;
-    onInvalid?: ((payload: Event) => void) | undefined;
-    onFullscreenchange?: ((payload: Event) => void) | undefined;
-    onFullscreenerror?: ((payload: Event) => void) | undefined;
-    onLoad?: ((payload: Event) => void) | undefined;
-    onError?: ((payload: Event) => void) | undefined;
-    onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
-    onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
-    onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
-    onDblclick?: ((payload: MouseEvent) => void) | undefined;
-    onMousedown?: ((payload: MouseEvent) => void) | undefined;
-    onMouseenter?: ((payload: MouseEvent) => void) | undefined;
-    onMouseleave?: ((payload: MouseEvent) => void) | undefined;
-    onMousemove?: ((payload: MouseEvent) => void) | undefined;
-    onMouseout?: ((payload: MouseEvent) => void) | undefined;
-    onMouseover?: ((payload: MouseEvent) => void) | undefined;
-    onMouseup?: ((payload: MouseEvent) => void) | undefined;
-    onAbort?: ((payload: UIEvent) => void) | undefined;
-    onCanplay?: ((payload: Event) => void) | undefined;
-    onCanplaythrough?: ((payload: Event) => void) | undefined;
-    onDurationchange?: ((payload: Event) => void) | undefined;
-    onEmptied?: ((payload: Event) => void) | undefined;
-    onEncrypted?: ((payload: MediaEncryptedEvent) => void) | undefined;
-    onEnded?: ((payload: Event) => void) | undefined;
-    onLoadeddata?: ((payload: Event) => void) | undefined;
-    onLoadedmetadata?: ((payload: Event) => void) | undefined;
-    onLoadstart?: ((payload: Event) => void) | undefined;
-    onPause?: ((payload: Event) => void) | undefined;
-    onPlay?: ((payload: Event) => void) | undefined;
-    onPlaying?: ((payload: Event) => void) | undefined;
-    onProgress?: ((payload: ProgressEvent<EventTarget>) => void) | undefined;
-    onRatechange?: ((payload: Event) => void) | undefined;
-    onSeeked?: ((payload: Event) => void) | undefined;
-    onSeeking?: ((payload: Event) => void) | undefined;
-    onStalled?: ((payload: Event) => void) | undefined;
-    onSuspend?: ((payload: Event) => void) | undefined;
-    onTimeupdate?: ((payload: Event) => void) | undefined;
-    onVolumechange?: ((payload: Event) => void) | undefined;
-    onWaiting?: ((payload: Event) => void) | undefined;
-    onSelect?: ((payload: Event) => void) | undefined;
-    onScroll?: ((payload: Event) => void) | undefined;
-    onScrollend?: ((payload: Event) => void) | undefined;
-    onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
-    onTouchend?: ((payload: TouchEvent) => void) | undefined;
-    onTouchmove?: ((payload: TouchEvent) => void) | undefined;
-    onTouchstart?: ((payload: TouchEvent) => void) | undefined;
-    onAuxclick?: ((payload: PointerEvent) => void) | undefined;
-    onClick?: ((payload: PointerEvent) => void) | undefined;
-    onContextmenu?: ((payload: PointerEvent) => void) | undefined;
-    onGotpointercapture?: ((payload: PointerEvent) => void) | undefined;
-    onLostpointercapture?: ((payload: PointerEvent) => void) | undefined;
-    onPointerdown?: ((payload: PointerEvent) => void) | undefined;
-    onPointermove?: ((payload: PointerEvent) => void) | undefined;
-    onPointerup?: ((payload: PointerEvent) => void) | undefined;
-    onPointercancel?: ((payload: PointerEvent) => void) | undefined;
-    onPointerenter?: ((payload: PointerEvent) => void) | undefined;
-    onPointerleave?: ((payload: PointerEvent) => void) | undefined;
-    onPointerover?: ((payload: PointerEvent) => void) | undefined;
-    onPointerout?: ((payload: PointerEvent) => void) | undefined;
-    onBeforetoggle?: ((payload: ToggleEvent) => void) | undefined;
-    onToggle?: ((payload: ToggleEvent) => void) | undefined;
-    onWheel?: ((payload: WheelEvent) => void) | undefined;
-    onAnimationcancel?: ((payload: AnimationEvent) => void) | undefined;
-    onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
-    onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
-    onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
-    onSecuritypolicyviolation?: ((payload: SecurityPolicyViolationEvent) => void) | undefined;
-    onTransitioncancel?: ((payload: TransitionEvent) => void) | undefined;
-    onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
-    onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
-    onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    key?: PropertyKey | undefined;
-    ref?: import("vue").VNodeRef | undefined;
-    ref_for?: boolean | undefined | undefined;
-    ref_key?: string | undefined | undefined;
-    context?: GridCellContext;
-    onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
-    onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
-    onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
-    onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
-    onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
-    onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     params: import("ag-grid-community").ICellRendererParams<any, any, any> & LinkCellParams<unknown>;
-    download?: any;
-    href?: string | undefined | undefined;
-    hreflang?: string | undefined | undefined;
-    media?: string | undefined | undefined;
-    ping?: string | undefined | undefined;
-    rel?: string | undefined | undefined;
-    target?: string | undefined | undefined;
-    type?: string | undefined | undefined;
-    referrerpolicy?: ("" | "origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url") | undefined;
-    innerHTML?: string | undefined | undefined;
-    class?: import("vue").ClassValue;
-    style?: import("vue").StyleValue;
-    accesskey?: string | undefined | undefined;
-    contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-    contextmenu?: string | undefined | undefined;
-    dir?: string | undefined | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
-    hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
-    id?: string | undefined | undefined;
-    inert?: (boolean | "true" | "false") | undefined;
-    lang?: string | undefined | undefined;
-    placeholder?: string | undefined | undefined;
-    spellcheck?: (boolean | "true" | "false") | undefined;
-    tabindex?: (string | number) | undefined;
-    title?: string | undefined | undefined;
-    translate?: "yes" | "no" | undefined | undefined;
-    radiogroup?: string | undefined | undefined;
-    role?: string | undefined | undefined;
-    about?: string | undefined | undefined;
-    datatype?: string | undefined | undefined;
-    inlist?: any;
-    prefix?: string | undefined | undefined;
-    property?: string | undefined | undefined;
-    resource?: string | undefined | undefined;
-    typeof?: string | undefined | undefined;
-    vocab?: string | undefined | undefined;
-    autocapitalize?: string | undefined | undefined;
-    autocorrect?: string | undefined | undefined;
-    autosave?: string | undefined | undefined;
-    color?: string | undefined | undefined;
-    itemprop?: string | undefined | undefined;
-    itemscope?: (boolean | "true" | "false") | undefined;
-    itemtype?: string | undefined | undefined;
-    itemid?: string | undefined | undefined;
-    itemref?: string | undefined | undefined;
-    results?: (string | number) | undefined;
-    security?: string | undefined | undefined;
-    unselectable?: "on" | "off" | undefined | undefined;
-    inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-    is?: string | undefined | undefined;
-    exportparts?: string | undefined;
-    part?: string | undefined;
-    popover?: (import("../../index.ts").PopoverMode | "" | boolean) | undefined;
-    'aria-activedescendant'?: string | undefined | undefined;
-    'aria-atomic'?: (boolean | "true" | "false") | undefined;
-    'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
-    'aria-busy'?: (boolean | "true" | "false") | undefined;
-    'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
-    'aria-colcount'?: (string | number) | undefined;
-    'aria-colindex'?: (string | number) | undefined;
-    'aria-colspan'?: (string | number) | undefined;
-    'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
-    'aria-describedby'?: string | undefined | undefined;
-    'aria-details'?: string | undefined | undefined;
-    'aria-disabled'?: (boolean | "true" | "false") | undefined;
-    'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-    'aria-errormessage'?: string | undefined | undefined;
-    'aria-expanded'?: (boolean | "true" | "false") | undefined;
-    'aria-flowto'?: string | undefined | undefined;
-    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
-    'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
-    'aria-keyshortcuts'?: string | undefined | undefined;
-    'aria-label'?: string | undefined | undefined;
-    'aria-labelledby'?: string | undefined | undefined;
-    'aria-level'?: (string | number) | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined | undefined;
-    'aria-modal'?: (boolean | "true" | "false") | undefined;
-    'aria-multiline'?: (boolean | "true" | "false") | undefined;
-    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
-    'aria-orientation'?: "horizontal" | "vertical" | undefined | undefined;
-    'aria-owns'?: string | undefined | undefined;
-    'aria-placeholder'?: string | undefined | undefined;
-    'aria-posinset'?: (string | number) | undefined;
-    'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
-    'aria-readonly'?: (boolean | "true" | "false") | undefined;
-    'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-    'aria-required'?: (boolean | "true" | "false") | undefined;
-    'aria-roledescription'?: string | undefined | undefined;
-    'aria-rowcount'?: (string | number) | undefined;
-    'aria-rowindex'?: (string | number) | undefined;
-    'aria-rowspan'?: (string | number) | undefined;
-    'aria-selected'?: (boolean | "true" | "false") | undefined;
-    'aria-setsize'?: (string | number) | undefined;
-    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
-    'aria-valuemax'?: (string | number) | undefined;
-    'aria-valuemin'?: (string | number) | undefined;
-    'aria-valuenow'?: (string | number) | undefined;
-    'aria-valuetext'?: string | undefined | undefined;
-    onCopy?: ((payload: ClipboardEvent) => void) | undefined;
-    onCut?: ((payload: ClipboardEvent) => void) | undefined;
-    onPaste?: ((payload: ClipboardEvent) => void) | undefined;
-    onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
-    onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
-    onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
-    onDrag?: ((payload: DragEvent) => void) | undefined;
-    onDragend?: ((payload: DragEvent) => void) | undefined;
-    onDragenter?: ((payload: DragEvent) => void) | undefined;
-    onDragexit?: ((payload: DragEvent) => void) | undefined;
-    onDragleave?: ((payload: DragEvent) => void) | undefined;
-    onDragover?: ((payload: DragEvent) => void) | undefined;
-    onDragstart?: ((payload: DragEvent) => void) | undefined;
-    onDrop?: ((payload: DragEvent) => void) | undefined;
-    onFocus?: ((payload: FocusEvent) => void) | undefined;
-    onFocusin?: ((payload: FocusEvent) => void) | undefined;
-    onFocusout?: ((payload: FocusEvent) => void) | undefined;
-    onBlur?: ((payload: FocusEvent) => void) | undefined;
-    onChange?: ((payload: Event) => void) | undefined;
-    onBeforeinput?: ((payload: InputEvent) => void) | undefined;
-    onFormdata?: ((payload: FormDataEvent) => void) | undefined;
-    onInput?: ((payload: InputEvent) => void) | undefined;
-    onReset?: ((payload: Event) => void) | undefined;
-    onSubmit?: ((payload: SubmitEvent) => void) | undefined;
-    onInvalid?: ((payload: Event) => void) | undefined;
-    onFullscreenchange?: ((payload: Event) => void) | undefined;
-    onFullscreenerror?: ((payload: Event) => void) | undefined;
-    onLoad?: ((payload: Event) => void) | undefined;
-    onError?: ((payload: Event) => void) | undefined;
-    onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
-    onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
-    onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
-    onDblclick?: ((payload: MouseEvent) => void) | undefined;
-    onMousedown?: ((payload: MouseEvent) => void) | undefined;
-    onMouseenter?: ((payload: MouseEvent) => void) | undefined;
-    onMouseleave?: ((payload: MouseEvent) => void) | undefined;
-    onMousemove?: ((payload: MouseEvent) => void) | undefined;
-    onMouseout?: ((payload: MouseEvent) => void) | undefined;
-    onMouseover?: ((payload: MouseEvent) => void) | undefined;
-    onMouseup?: ((payload: MouseEvent) => void) | undefined;
-    onAbort?: ((payload: UIEvent) => void) | undefined;
-    onCanplay?: ((payload: Event) => void) | undefined;
-    onCanplaythrough?: ((payload: Event) => void) | undefined;
-    onDurationchange?: ((payload: Event) => void) | undefined;
-    onEmptied?: ((payload: Event) => void) | undefined;
-    onEncrypted?: ((payload: MediaEncryptedEvent) => void) | undefined;
-    onEnded?: ((payload: Event) => void) | undefined;
-    onLoadeddata?: ((payload: Event) => void) | undefined;
-    onLoadedmetadata?: ((payload: Event) => void) | undefined;
-    onLoadstart?: ((payload: Event) => void) | undefined;
-    onPause?: ((payload: Event) => void) | undefined;
-    onPlay?: ((payload: Event) => void) | undefined;
-    onPlaying?: ((payload: Event) => void) | undefined;
-    onProgress?: ((payload: ProgressEvent<EventTarget>) => void) | undefined;
-    onRatechange?: ((payload: Event) => void) | undefined;
-    onSeeked?: ((payload: Event) => void) | undefined;
-    onSeeking?: ((payload: Event) => void) | undefined;
-    onStalled?: ((payload: Event) => void) | undefined;
-    onSuspend?: ((payload: Event) => void) | undefined;
-    onTimeupdate?: ((payload: Event) => void) | undefined;
-    onVolumechange?: ((payload: Event) => void) | undefined;
-    onWaiting?: ((payload: Event) => void) | undefined;
-    onSelect?: ((payload: Event) => void) | undefined;
-    onScroll?: ((payload: Event) => void) | undefined;
-    onScrollend?: ((payload: Event) => void) | undefined;
-    onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
-    onTouchend?: ((payload: TouchEvent) => void) | undefined;
-    onTouchmove?: ((payload: TouchEvent) => void) | undefined;
-    onTouchstart?: ((payload: TouchEvent) => void) | undefined;
-    onAuxclick?: ((payload: PointerEvent) => void) | undefined;
-    onClick?: ((payload: PointerEvent) => void) | undefined;
-    onContextmenu?: ((payload: PointerEvent) => void) | undefined;
-    onGotpointercapture?: ((payload: PointerEvent) => void) | undefined;
-    onLostpointercapture?: ((payload: PointerEvent) => void) | undefined;
-    onPointerdown?: ((payload: PointerEvent) => void) | undefined;
-    onPointermove?: ((payload: PointerEvent) => void) | undefined;
-    onPointerup?: ((payload: PointerEvent) => void) | undefined;
-    onPointercancel?: ((payload: PointerEvent) => void) | undefined;
-    onPointerenter?: ((payload: PointerEvent) => void) | undefined;
-    onPointerleave?: ((payload: PointerEvent) => void) | undefined;
-    onPointerover?: ((payload: PointerEvent) => void) | undefined;
-    onPointerout?: ((payload: PointerEvent) => void) | undefined;
-    onBeforetoggle?: ((payload: ToggleEvent) => void) | undefined;
-    onToggle?: ((payload: ToggleEvent) => void) | undefined;
-    onWheel?: ((payload: WheelEvent) => void) | undefined;
-    onAnimationcancel?: ((payload: AnimationEvent) => void) | undefined;
-    onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
-    onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
-    onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
-    onSecuritypolicyviolation?: ((payload: SecurityPolicyViolationEvent) => void) | undefined;
-    onTransitioncancel?: ((payload: TransitionEvent) => void) | undefined;
-    onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
-    onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
-    onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    key?: PropertyKey | undefined;
-    ref?: import("vue").VNodeRef | undefined;
-    ref_for?: boolean | undefined | undefined;
-    ref_key?: string | undefined | undefined;
-    context?: GridCellContext;
-    onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
-    onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
-    onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
-    onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
-    onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
-    onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/grid/data-grid.css

@@ -218,3 +218,116 @@
 .k-data-grid-link:hover {
    text-decoration-color: currentColor;
 }
+
+.k-data-grid-clipboard {
+   position: fixed;
+   inset-block-start: 0;
+   inset-inline-start: 0;
+   width: 1px;
+   height: 1px;
+   padding: 0;
+   border: 0;
+   opacity: 0;
+   pointer-events: none;
+}
+
+.k-data-grid.is-spreadsheet .ag-cell {
+   user-select: none;
+}
+
+.k-data-grid.is-spreadsheet .ag-cell-inline-editing {
+   user-select: text;
+}
+
+.k-data-grid.is-spreadsheet .ag-cell.is-dirty {
+   background-color: var(
+      --k-grid-dirty-background,
+      color-mix(in oklab, var(--k-warning) 12%, transparent)
+   );
+   background-image: linear-gradient(
+      225deg,
+      var(--k-grid-dirty-marker, var(--k-warning)) 0.3125rem,
+      transparent 0.3125rem
+   );
+}
+
+.k-data-grid.is-spreadsheet .ag-cell.is-range {
+   background-color: var(
+      --k-grid-range-background,
+      color-mix(in oklab, var(--k-accent) 12%, transparent)
+   );
+}
+
+.k-data-grid.is-spreadsheet
+   .ag-cell:is(
+      .is-range-top,
+      .is-range-bottom,
+      .is-range-left,
+      .is-range-right,
+      .is-active
+   )::before {
+   content: '';
+   position: absolute;
+   inset: 0;
+   z-index: 1;
+   border: 0 solid var(--k-grid-range-border, var(--k-accent));
+   pointer-events: none;
+}
+
+.k-data-grid.is-spreadsheet .ag-cell.is-range-top::before {
+   border-block-start-width: 1px;
+}
+
+.k-data-grid.is-spreadsheet .ag-cell.is-range-bottom::before {
+   border-block-end-width: 1px;
+}
+
+.k-data-grid.is-spreadsheet .ag-cell.is-range-left::before {
+   border-inline-start-width: 1px;
+}
+
+.k-data-grid.is-spreadsheet .ag-cell.is-range-right::before {
+   border-inline-end-width: 1px;
+}
+
+.k-data-grid.is-spreadsheet .ag-cell.is-active::before {
+   border-width: 2px;
+}
+
+.k-data-grid.is-spreadsheet.is-filling .ag-cell::before {
+   border-style: dashed;
+}
+
+.k-data-grid.is-spreadsheet .ag-cell.is-fill-corner::after {
+   content: '';
+   position: absolute;
+   inset-block-end: 0;
+   inset-inline-end: 0;
+   z-index: 2;
+   width: 0.5rem;
+   height: 0.5rem;
+   background: var(--k-grid-range-border, var(--k-accent));
+   box-shadow: 0 0 0 1px var(--k-surface);
+   cursor: crosshair;
+}
+
+.k-data-grid.is-spreadsheet .ag-cell-inline-editing::after,
+.k-data-grid.is-spreadsheet .ag-cell-inline-editing::before {
+   content: none;
+}
+
+@media (forced-colors: active) {
+   .k-data-grid.is-spreadsheet .ag-cell.is-range {
+      forced-color-adjust: none;
+      background-color: Highlight;
+      color: HighlightText;
+   }
+
+   .k-data-grid.is-spreadsheet .ag-cell::before {
+      border-color: CanvasText;
+   }
+
+   .k-data-grid.is-spreadsheet .ag-cell.is-fill-corner::after {
+      background: CanvasText;
+   }
+}