@abraca/nuxt 1.8.2 → 2.0.0

package/dist/runtime/components/renderers/sheets/ASheetsGrid.vue.d.ts

@@ -0,0 +1,111 @@
+import type { TreeEntry } from '../../../composables/useChildTree.js';
+import type { CellAddress, SelectionRange } from '../../../composables/useSheetsSelection.js';
+type __VLS_Props = {
+    columnPositions: {
+        idx: number;
+        id: string;
+        label: string;
+        start: number;
+        size: number;
+        letter: string;
+    }[];
+    dataColumns: TreeEntry[];
+    rowCount: number;
+    displayRowCount: number;
+    getRowHeight: (rowIdx: number) => number;
+    defaultRowHeight: number;
+    getCellValue: (colIdx: number, rowIdx: number) => string;
+    getCellEntry: (colIdx: number, rowIdx: number) => TreeEntry | undefined;
+    activeCell: CellAddress | null;
+    editMode: boolean;
+    editValue: string;
+    selectionRange: SelectionRange | null;
+    cutRange: SelectionRange | null;
+    showGridlines: boolean;
+    editable: boolean;
+    remoteEditors: Map<string, {
+        name: string;
+        color: string;
+    }>;
+    remoteActiveCells?: Map<string, {
+        name: string;
+        color: string;
+    }>;
+    remoteSelections?: Array<{
+        name: string;
+        color: string;
+        minCol: number;
+        maxCol: number;
+        minRow: number;
+        maxRow: number;
+    }>;
+    cellContextItems: any[][];
+    colHeaderContextItems: (colIdx: number) => any[][];
+    rowHeaderContextItems: (rowIdx: number) => any[][];
+    formulaRefMode: boolean;
+    formulaRefHighlights: Map<string, string>;
+    fillPreview: {
+        startCol: number;
+        endCol: number;
+        fromRow: number;
+        toRow: number;
+    } | null;
+};
+declare function scrollToCell(colIdx: number, rowIdx: number): void;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    scrollToCell: typeof scrollToCell;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    copy: (e: ClipboardEvent) => any;
+    cut: (e: ClipboardEvent) => any;
+    keydown: (e: KeyboardEvent) => any;
+    paste: (e: ClipboardEvent) => any;
+    renameColumn: (colId: string, label: string) => any;
+    commitEdit: () => any;
+    "update:editValue": (value: string) => any;
+    selectCell: (colIdx: number, rowIdx: number, shiftKey: boolean) => any;
+    activateCell: (colIdx: number, rowIdx: number) => any;
+    cancelEdit: () => any;
+    resizeColumn: (colId: string, width: number) => any;
+    selectRow: (rowIdx: number) => any;
+    selectColumn: (colIdx: number) => any;
+    beginDrag: (colIdx: number, rowIdx: number) => any;
+    continueDrag: (colIdx: number, rowIdx: number) => any;
+    endDrag: () => any;
+    setRange: (startCol: number, startRow: number, endCol: number, endRow: number) => any;
+    formulaRefClick: (colIdx: number, rowIdx: number) => any;
+    formulaRefDragStart: (colIdx: number, rowIdx: number) => any;
+    formulaRefDragMove: (colIdx: number, rowIdx: number) => any;
+    formulaRefDragEnd: () => any;
+    fillDragStart: (rowIdx: number) => any;
+    fillDragMove: (rowIdx: number) => any;
+    fillDragEnd: () => any;
+    autoFitColumn: (colId: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCopy?: ((e: ClipboardEvent) => any) | undefined;
+    onCut?: ((e: ClipboardEvent) => any) | undefined;
+    onKeydown?: ((e: KeyboardEvent) => any) | undefined;
+    onPaste?: ((e: ClipboardEvent) => any) | undefined;
+    onRenameColumn?: ((colId: string, label: string) => any) | undefined;
+    onCommitEdit?: (() => any) | undefined;
+    "onUpdate:editValue"?: ((value: string) => any) | undefined;
+    onSelectCell?: ((colIdx: number, rowIdx: number, shiftKey: boolean) => any) | undefined;
+    onActivateCell?: ((colIdx: number, rowIdx: number) => any) | undefined;
+    onCancelEdit?: (() => any) | undefined;
+    onResizeColumn?: ((colId: string, width: number) => any) | undefined;
+    onSelectRow?: ((rowIdx: number) => any) | undefined;
+    onSelectColumn?: ((colIdx: number) => any) | undefined;
+    onBeginDrag?: ((colIdx: number, rowIdx: number) => any) | undefined;
+    onContinueDrag?: ((colIdx: number, rowIdx: number) => any) | undefined;
+    onEndDrag?: (() => any) | undefined;
+    onSetRange?: ((startCol: number, startRow: number, endCol: number, endRow: number) => any) | undefined;
+    onFormulaRefClick?: ((colIdx: number, rowIdx: number) => any) | undefined;
+    onFormulaRefDragStart?: ((colIdx: number, rowIdx: number) => any) | undefined;
+    onFormulaRefDragMove?: ((colIdx: number, rowIdx: number) => any) | undefined;
+    onFormulaRefDragEnd?: (() => any) | undefined;
+    onFillDragStart?: ((rowIdx: number) => any) | undefined;
+    onFillDragMove?: ((rowIdx: number) => any) | undefined;
+    onFillDragEnd?: (() => any) | undefined;
+    onAutoFitColumn?: ((colId: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/sheets/ASheetsMobileActionBar.d.vue.ts

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    visible: boolean;
+    editable: boolean;
+    cellRef: string;
+    hasRange: boolean;
+    cellContextItems: any[][];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    copy: () => any;
+    cut: () => any;
+    paste: () => any;
+    clear: () => any;
+    edit: () => any;
+    toggleBold: () => any;
+    toggleItalic: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCopy?: (() => any) | undefined;
+    onCut?: (() => any) | undefined;
+    onPaste?: (() => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onEdit?: (() => any) | undefined;
+    onToggleBold?: (() => any) | undefined;
+    onToggleItalic?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/sheets/ASheetsMobileActionBar.vue

@@ -0,0 +1,100 @@
+<script setup>
+defineProps({
+  visible: { type: Boolean, required: true },
+  editable: { type: Boolean, required: true },
+  cellRef: { type: String, required: true },
+  hasRange: { type: Boolean, required: true },
+  cellContextItems: { type: Array, required: true }
+});
+const emit = defineEmits(["edit", "copy", "cut", "paste", "clear", "toggleBold", "toggleItalic"]);
+</script>
+
+<template>
+  <Transition
+    enter-active-class="transition duration-150 ease-out"
+    enter-from-class="translate-y-full opacity-0"
+    enter-to-class="translate-y-0 opacity-100"
+    leave-active-class="transition duration-100 ease-in"
+    leave-from-class="translate-y-0 opacity-100"
+    leave-to-class="translate-y-full opacity-0"
+  >
+    <div
+      v-if="visible"
+      class="absolute inset-x-0 bottom-0 z-40 flex items-center justify-between gap-1 px-2 py-1.5 bg-(--ui-bg)/95 backdrop-blur border-t border-(--ui-border) pb-[max(0.375rem,env(safe-area-inset-bottom))]"
+      role="toolbar"
+      aria-label="Sheet selection actions"
+    >
+      <div class="flex items-center gap-1">
+        <span class="text-xs font-medium text-(--ui-text-muted) px-1.5 select-none">
+          {{ hasRange ? cellRef + "\u2026" : cellRef }}
+        </span>
+      </div>
+
+      <div class="flex items-center gap-0.5">
+        <UButton
+          v-if="editable"
+          icon="i-lucide-pencil"
+          size="sm"
+          variant="ghost"
+          color="neutral"
+          square
+          aria-label="Edit cell"
+          @click="emit('edit')"
+        />
+        <UButton
+          icon="i-lucide-copy"
+          size="sm"
+          variant="ghost"
+          color="neutral"
+          square
+          aria-label="Copy"
+          @click="emit('copy')"
+        />
+        <UButton
+          v-if="editable"
+          icon="i-lucide-scissors"
+          size="sm"
+          variant="ghost"
+          color="neutral"
+          square
+          aria-label="Cut"
+          @click="emit('cut')"
+        />
+        <UButton
+          v-if="editable"
+          icon="i-lucide-clipboard-paste"
+          size="sm"
+          variant="ghost"
+          color="neutral"
+          square
+          aria-label="Paste"
+          @click="emit('paste')"
+        />
+        <UButton
+          v-if="editable"
+          icon="i-lucide-eraser"
+          size="sm"
+          variant="ghost"
+          color="neutral"
+          square
+          aria-label="Clear"
+          @click="emit('clear')"
+        />
+        <UDropdownMenu
+          v-if="editable && cellContextItems.length"
+          :items="cellContextItems"
+          :popper="{ placement: 'top-end' }"
+        >
+          <UButton
+            icon="i-lucide-more-vertical"
+            size="sm"
+            variant="ghost"
+            color="neutral"
+            square
+            aria-label="More actions"
+          />
+        </UDropdownMenu>
+      </div>
+    </div>
+  </Transition>
+</template>

package/dist/runtime/components/renderers/sheets/ASheetsMobileActionBar.vue.d.ts

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    visible: boolean;
+    editable: boolean;
+    cellRef: string;
+    hasRange: boolean;
+    cellContextItems: any[][];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    copy: () => any;
+    cut: () => any;
+    paste: () => any;
+    clear: () => any;
+    edit: () => any;
+    toggleBold: () => any;
+    toggleItalic: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCopy?: (() => any) | undefined;
+    onCut?: (() => any) | undefined;
+    onPaste?: (() => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onEdit?: (() => any) | undefined;
+    onToggleBold?: (() => any) | undefined;
+    onToggleItalic?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/sheets/ASheetsToolbar.d.vue.ts

@@ -0,0 +1,48 @@
+import type { CellAddress } from '../../../composables/useSheetsSelection.js';
+import { type AbracadabraLocale } from '../../../locale.js';
+type __VLS_Props = {
+    activeCell: CellAddress | null;
+    editMode: boolean;
+    editValue: string;
+    cellDisplayValue: string;
+    cellRef: string;
+    colCount: number;
+    rowCount: number;
+    editable: boolean;
+    selectionBold: boolean;
+    selectionItalic: boolean;
+    selectionAlign: string | undefined;
+    selectionTextColor: string | undefined;
+    selectionBgColor: string | undefined;
+    selectionNumberFormat: string | undefined;
+    labels?: Partial<AbracadabraLocale['renderers']['sheets']>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    toggleBold: () => any;
+    toggleItalic: () => any;
+    addColumn: () => any;
+    addRow: () => any;
+    "update:editValue": (value: string) => any;
+    commitFormulaBar: () => any;
+    cancelFormulaBar: () => any;
+    startEditFromBar: () => any;
+    setTextColor: (color: string | undefined) => any;
+    setBgColor: (color: string | undefined) => any;
+    setAlign: (align: string) => any;
+    setNumberFormat: (format: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onToggleBold?: (() => any) | undefined;
+    onToggleItalic?: (() => any) | undefined;
+    onAddColumn?: (() => any) | undefined;
+    onAddRow?: (() => any) | undefined;
+    "onUpdate:editValue"?: ((value: string) => any) | undefined;
+    onCommitFormulaBar?: (() => any) | undefined;
+    onCancelFormulaBar?: (() => any) | undefined;
+    onStartEditFromBar?: (() => any) | undefined;
+    onSetTextColor?: ((color: string | undefined) => any) | undefined;
+    onSetBgColor?: ((color: string | undefined) => any) | undefined;
+    onSetAlign?: ((align: string) => any) | undefined;
+    onSetNumberFormat?: ((format: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/sheets/ASheetsToolbar.vue

@@ -0,0 +1,243 @@
+<script setup>
+import { ref, computed } from "vue";
+import { useRuntimeConfig } from "#imports";
+import { DEFAULT_LOCALE } from "../../../locale";
+const props = defineProps({
+  activeCell: { type: [Object, null], required: true },
+  editMode: { type: Boolean, required: true },
+  editValue: { type: String, required: true },
+  cellDisplayValue: { type: String, required: true },
+  cellRef: { type: String, required: true },
+  colCount: { type: Number, required: true },
+  rowCount: { type: Number, required: true },
+  editable: { type: Boolean, required: true },
+  selectionBold: { type: Boolean, required: true },
+  selectionItalic: { type: Boolean, required: true },
+  selectionAlign: { type: null, required: true },
+  selectionTextColor: { type: null, required: true },
+  selectionBgColor: { type: null, required: true },
+  selectionNumberFormat: { type: null, required: true },
+  labels: { type: Object, required: false }
+});
+const emit = defineEmits(["addColumn", "addRow", "update:editValue", "commitFormulaBar", "cancelFormulaBar", "startEditFromBar", "toggleBold", "toggleItalic", "setTextColor", "setBgColor", "setAlign", "setNumberFormat"]);
+const config = useRuntimeConfig();
+const locale = computed(() => ({
+  ...DEFAULT_LOCALE.renderers.sheets,
+  ...config.public?.abracadabra?.locale?.renderers?.sheets ?? {},
+  ...props.labels ?? {}
+}));
+const formulaBarRef = ref();
+function onFormulaBarFocus() {
+  if (!props.editMode && props.activeCell) {
+    emit("startEditFromBar");
+  }
+}
+function onFormulaBarKeydown(e) {
+  if (e.key === "Enter") {
+    e.preventDefault();
+    emit("commitFormulaBar");
+  }
+  if (e.key === "Escape") {
+    e.preventDefault();
+    emit("cancelFormulaBar");
+  }
+}
+const COLOR_SWATCHES = [
+  "#000000",
+  "#434343",
+  "#666666",
+  "#999999",
+  "#cccccc",
+  "#ffffff",
+  "#ef4444",
+  "#f97316",
+  "#eab308",
+  "#22c55e",
+  "#3b82f6",
+  "#a855f7",
+  "#fca5a5",
+  "#fdba74",
+  "#fde047",
+  "#86efac",
+  "#93c5fd",
+  "#d8b4fe"
+];
+const numberFormatItems = computed(() => [
+  [
+    { label: locale.value.formatGeneral, icon: "i-lucide-hash", onSelect: () => emit("setNumberFormat", void 0) },
+    { label: locale.value.formatNumber, icon: "i-lucide-calculator", onSelect: () => emit("setNumberFormat", "number") },
+    { label: locale.value.formatCurrency, icon: "i-lucide-dollar-sign", onSelect: () => emit("setNumberFormat", "currency") },
+    { label: locale.value.formatPercent, icon: "i-lucide-percent", onSelect: () => emit("setNumberFormat", "percent") },
+    { label: locale.value.formatDate, icon: "i-lucide-calendar", onSelect: () => emit("setNumberFormat", "date") }
+  ]
+]);
+const numberFormatLabel = computed(() => {
+  switch (props.selectionNumberFormat) {
+    case "number":
+      return locale.value.formatNumber;
+    case "currency":
+      return locale.value.formatCurrency;
+    case "percent":
+      return locale.value.formatPercent;
+    case "date":
+      return locale.value.formatDate;
+    default:
+      return locale.value.formatGeneral;
+  }
+});
+</script>
+
+<template>
+  <div class="flex items-center gap-1 px-2 py-1 border-b border-(--ui-border) bg-(--ui-bg) shrink-0 flex-wrap">
+    <!-- Cell reference -->
+    <div class="w-14 shrink-0 text-center text-xs font-mono text-(--ui-text-muted) bg-(--ui-bg-elevated) rounded px-1.5 py-1">
+      {{ cellRef || "\u2014" }}
+    </div>
+
+    <!-- Formula / value bar -->
+    <div class="flex-1 min-w-0">
+      <input
+        ref="formulaBarRef"
+        class="w-full bg-(--ui-bg-elevated) rounded px-2 py-1 text-sm text-(--ui-text) outline-none focus:ring-1 focus:ring-(--ui-primary) font-mono"
+        :value="editMode ? editValue : cellDisplayValue"
+        :placeholder="locale.formulaBar"
+        :readonly="!editable || !activeCell"
+        @input="emit('update:editValue', $event.target.value)"
+        @focus="onFormulaBarFocus"
+        @keydown="onFormulaBarKeydown"
+      >
+    </div>
+
+    <!-- Formatting buttons -->
+    <template v-if="editable && activeCell">
+      <div class="flex items-center gap-0.5 border-l border-(--ui-border) pl-1 ml-0.5">
+        <!-- Bold -->
+        <UButton
+          icon="i-lucide-bold"
+          size="xs"
+          :variant="selectionBold ? 'soft' : 'ghost'"
+          @click="emit('toggleBold')"
+        />
+        <!-- Italic -->
+        <UButton
+          icon="i-lucide-italic"
+          size="xs"
+          :variant="selectionItalic ? 'soft' : 'ghost'"
+          @click="emit('toggleItalic')"
+        />
+
+        <!-- Text color -->
+        <UPopover>
+          <UButton
+            icon="i-lucide-palette"
+            size="xs"
+            variant="ghost"
+            :style="selectionTextColor ? { color: selectionTextColor } : void 0"
+          />
+          <template #content>
+            <div class="grid grid-cols-6 gap-1 p-2">
+              <button
+                v-for="color in COLOR_SWATCHES"
+                :key="color"
+                class="size-5 rounded-sm border border-(--ui-border) hover:scale-110 transition-transform"
+                :style="{ backgroundColor: color }"
+                @click="emit('setTextColor', color)"
+              />
+              <button
+                class="size-5 rounded-sm border border-(--ui-border) hover:scale-110 transition-transform flex items-center justify-center text-xs"
+                @click="emit('setTextColor', void 0)"
+              >
+                <UIcon name="i-lucide-x" class="size-3" />
+              </button>
+            </div>
+          </template>
+        </UPopover>
+
+        <!-- Bg color -->
+        <UPopover>
+          <UButton
+            icon="i-lucide-paint-bucket"
+            size="xs"
+            variant="ghost"
+            :style="selectionBgColor ? { color: selectionBgColor } : void 0"
+          />
+          <template #content>
+            <div class="grid grid-cols-6 gap-1 p-2">
+              <button
+                v-for="color in COLOR_SWATCHES"
+                :key="color"
+                class="size-5 rounded-sm border border-(--ui-border) hover:scale-110 transition-transform"
+                :style="{ backgroundColor: color }"
+                @click="emit('setBgColor', color)"
+              />
+              <button
+                class="size-5 rounded-sm border border-(--ui-border) hover:scale-110 transition-transform flex items-center justify-center text-xs"
+                @click="emit('setBgColor', void 0)"
+              >
+                <UIcon name="i-lucide-x" class="size-3" />
+              </button>
+            </div>
+          </template>
+        </UPopover>
+
+        <!-- Alignment -->
+        <div class="flex items-center gap-0">
+          <UButton
+            icon="i-lucide-align-left"
+            size="xs"
+            :variant="selectionAlign === 'left' ? 'soft' : 'ghost'"
+            @click="emit('setAlign', 'left')"
+          />
+          <UButton
+            icon="i-lucide-align-center"
+            size="xs"
+            :variant="selectionAlign === 'center' ? 'soft' : 'ghost'"
+            @click="emit('setAlign', 'center')"
+          />
+          <UButton
+            icon="i-lucide-align-right"
+            size="xs"
+            :variant="selectionAlign === 'right' ? 'soft' : 'ghost'"
+            @click="emit('setAlign', 'right')"
+          />
+        </div>
+
+        <!-- Number format -->
+        <div class="border-l border-(--ui-border) pl-1 ml-0.5">
+          <UDropdownMenu :items="numberFormatItems">
+            <UButton
+              size="xs"
+              variant="ghost"
+              icon="i-lucide-hash"
+              :label="numberFormatLabel"
+              trailing-icon="i-lucide-chevron-down"
+            />
+          </UDropdownMenu>
+        </div>
+      </div>
+    </template>
+
+    <!-- Counts -->
+    <span class="text-xs text-(--ui-text-dimmed) tabular-nums shrink-0">
+      {{ locale.colCount(colCount) }} · {{ locale.rowCount(rowCount) }}
+    </span>
+
+    <!-- Actions -->
+    <template v-if="editable">
+      <UButton
+        icon="i-lucide-columns-3"
+        size="xs"
+        variant="ghost"
+        :label="locale.addColumn"
+        @click="emit('addColumn')"
+      />
+      <UButton
+        icon="i-lucide-rows-3"
+        size="xs"
+        variant="ghost"
+        :label="locale.addRow"
+        @click="emit('addRow')"
+      />
+    </template>
+  </div>
+</template>

package/dist/runtime/components/renderers/sheets/ASheetsToolbar.vue.d.ts

@@ -0,0 +1,48 @@
+import type { CellAddress } from '../../../composables/useSheetsSelection.js';
+import { type AbracadabraLocale } from '../../../locale.js';
+type __VLS_Props = {
+    activeCell: CellAddress | null;
+    editMode: boolean;
+    editValue: string;
+    cellDisplayValue: string;
+    cellRef: string;
+    colCount: number;
+    rowCount: number;
+    editable: boolean;
+    selectionBold: boolean;
+    selectionItalic: boolean;
+    selectionAlign: string | undefined;
+    selectionTextColor: string | undefined;
+    selectionBgColor: string | undefined;
+    selectionNumberFormat: string | undefined;
+    labels?: Partial<AbracadabraLocale['renderers']['sheets']>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    toggleBold: () => any;
+    toggleItalic: () => any;
+    addColumn: () => any;
+    addRow: () => any;
+    "update:editValue": (value: string) => any;
+    commitFormulaBar: () => any;
+    cancelFormulaBar: () => any;
+    startEditFromBar: () => any;
+    setTextColor: (color: string | undefined) => any;
+    setBgColor: (color: string | undefined) => any;
+    setAlign: (align: string) => any;
+    setNumberFormat: (format: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onToggleBold?: (() => any) | undefined;
+    onToggleItalic?: (() => any) | undefined;
+    onAddColumn?: (() => any) | undefined;
+    onAddRow?: (() => any) | undefined;
+    "onUpdate:editValue"?: ((value: string) => any) | undefined;
+    onCommitFormulaBar?: (() => any) | undefined;
+    onCancelFormulaBar?: (() => any) | undefined;
+    onStartEditFromBar?: (() => any) | undefined;
+    onSetTextColor?: ((color: string | undefined) => any) | undefined;
+    onSetBgColor?: ((color: string | undefined) => any) | undefined;
+    onSetAlign?: ((align: string) => any) | undefined;
+    onSetNumberFormat?: ((format: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/table/cells/ATableCellColor.d.vue.ts

@@ -1,5 +1,6 @@
 type __VLS_Props = {
     value: unknown;
+    metaType?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: unknown) => any;