@xleddyl/443-components-vue 0.9.2 → 0.10.0

package/dist/grid/tsv.d.ts

@@ -0,0 +1,3 @@
+export declare function stringifyCellValue(value: unknown): string;
+export declare function formatTsv(rows: string[][]): string;
+export declare function parseTsv(input: string): string[][];

package/dist/grid/tsv.mjs

@@ -0,0 +1,88 @@
+function pad(value) {
+  return String(value).padStart(2, "0");
+}
+function formatDate(value) {
+  if (Number.isNaN(value.getTime())) return "";
+  const date = `${value.getFullYear()}-${pad(value.getMonth() + 1)}-${pad(value.getDate())}`;
+  if (!value.getHours() && !value.getMinutes() && !value.getSeconds()) return date;
+  return `${date}T${pad(value.getHours())}:${pad(value.getMinutes())}:${pad(value.getSeconds())}`;
+}
+export function stringifyCellValue(value) {
+  if (value === null || value === void 0) return "";
+  if (value instanceof Date) return formatDate(value);
+  if (Array.isArray(value)) return value.map(stringifyCellValue).join(", ");
+  if (typeof value === "object") {
+    try {
+      return JSON.stringify(value);
+    } catch {
+      return String(value);
+    }
+  }
+  return String(value);
+}
+function quoteField(value) {
+  if (!/[\t\n\r]/.test(value) && !value.startsWith('"')) return value;
+  return `"${value.replace(/"/g, '""')}"`;
+}
+export function formatTsv(rows) {
+  return rows.map((row) => row.map(quoteField).join("	")).join("\n");
+}
+function readQuoted(text, start) {
+  let value = "";
+  let index = start + 1;
+  while (index < text.length) {
+    const char = text[index];
+    if (char === '"') {
+      if (text[index + 1] === '"') {
+        value += '"';
+        index += 2;
+        continue;
+      }
+      return { value, end: index + 1 };
+    }
+    value += char;
+    index += 1;
+  }
+  return null;
+}
+export function parseTsv(input) {
+  const text = input.replace(/\r\n?/g, "\n").replace(/\n$/, "");
+  const rows = [];
+  let row = [];
+  let field = "";
+  let fieldStart = true;
+  let index = 0;
+  while (index < text.length) {
+    const char = text[index];
+    if (fieldStart && char === '"') {
+      const quoted = readQuoted(text, index);
+      if (quoted) {
+        field = quoted.value;
+        index = quoted.end;
+        fieldStart = false;
+        continue;
+      }
+    }
+    fieldStart = false;
+    if (char === "	") {
+      row.push(field);
+      field = "";
+      fieldStart = true;
+    } else if (char === "\n") {
+      row.push(field);
+      rows.push(row);
+      row = [];
+      field = "";
+      fieldStart = true;
+    } else {
+      field += char;
+    }
+    index += 1;
+  }
+  row.push(field);
+  rows.push(row);
+  const width = Math.max(...rows.map((cells) => cells.length));
+  return rows.map(
+    (cells) => cells.length < width ? [...cells, ...Array(width - cells.length).fill("")] : cells
+  );
+}

package/dist/grid/types.d.ts

@@ -65,3 +65,84 @@ export interface LinkCellParams<T = unknown> {
 export type CellProps<P> = {
     params: ICellRendererParams & P;
 };
+export type GridChangeSource = 'edit' | 'paste' | 'fill' | 'clear' | 'bulk' | 'undo' | 'redo';
+export interface GridCellChange {
+    rowId: string;
+    colId: string;
+    field: string;
+    oldValue: unknown;
+    newValue: unknown;
+}
+export interface GridCellsChange {
+    changes: GridCellChange[];
+    source: GridChangeSource;
+}
+export interface GridInvalidCell {
+    rowId: string;
+    colId: string;
+    field: string;
+    text: string;
+}
+export interface GridCellsInvalid {
+    cells: GridInvalidCell[];
+    source: GridChangeSource;
+}
+export interface GridDirtyCell {
+    rowId: string;
+    colId: string;
+    field: string;
+    originalValue: unknown;
+}
+export interface GridCellPosition {
+    rowIndex: number;
+    colId: string;
+}
+export interface GridCellRange {
+    startRowIndex: number;
+    endRowIndex: number;
+    columns: string[];
+    active: GridCellPosition;
+}
+export interface GridRangeInput {
+    startRowIndex: number;
+    endRowIndex?: number;
+    startColumn: string;
+    endColumn?: string;
+}
+export interface GridSelectedCell<T = unknown> {
+    rowId: string;
+    rowIndex: number;
+    colId: string;
+    field: string;
+    value: unknown;
+    data: T | undefined;
+    editable: boolean;
+}
+export interface GridSetRangeValueOptions {
+    parse?: boolean;
+}
+export interface GridSpreadsheetMethods<T = unknown> {
+    getRange: () => GridCellRange | null;
+    getSelectedCells: () => GridSelectedCell<T>[];
+    selectRange: (range: GridRangeInput) => void;
+    selectAll: () => void;
+    clearRange: () => void;
+    setRangeValue: (value: unknown, options?: GridSetRangeValueOptions) => number;
+    copyRange: () => Promise<string | null>;
+    paste: (text: string) => number;
+    fillDown: () => number;
+    fillRight: () => number;
+    clearCells: () => number;
+    undo: () => boolean;
+    redo: () => boolean;
+    clearHistory: () => void;
+    getDirtyCells: () => GridDirtyCell[];
+    clearDirty: (rowIds?: string[]) => void;
+}
+export interface GridSpreadsheetSlotProps<T = unknown> extends GridSpreadsheetMethods<T> {
+    range: GridCellRange | null;
+    selectedCellCount: number;
+    dirtyCount: number;
+    canUndo: boolean;
+    canRedo: boolean;
+}

package/dist/locale/de.mjs

@@ -102,7 +102,16 @@ export const de = {
       selectAllHint: "Leertaste dr\xFCcken, um alle Zeilen aus- oder abzuw\xE4hlen",
       selectAllRows: "Alle Zeilen ausw\xE4hlen",
       sortHint: "Eingabetaste dr\xFCcken, um zu sortieren",
-      tooltip: "Tooltip"
+      tooltip: "Tooltip",
+      cellsCopied: "{count} Zelle kopiert | {count} Zellen kopiert",
+      cellsPasted: "{count} Zelle eingef\xFCgt | {count} Zellen eingef\xFCgt",
+      cellsFilled: "{count} Zelle ausgef\xFCllt | {count} Zellen ausgef\xFCllt",
+      cellsCleared: "{count} Zelle geleert | {count} Zellen geleert",
+      cellsUpdated: "{count} Zelle aktualisiert | {count} Zellen aktualisiert",
+      changesUndone: "{count} \xC4nderung r\xFCckg\xE4ngig gemacht | {count} \xC4nderungen r\xFCckg\xE4ngig gemacht",
+      changesRedone: "{count} \xC4nderung wiederhergestellt | {count} \xC4nderungen wiederhergestellt",
+      invalidValues: "{count} ung\xFCltiger Wert \xFCbersprungen | {count} ung\xFCltige Werte \xFCbersprungen",
+      cellsSelected: "{count} Zelle ausgew\xE4hlt | {count} Zellen ausgew\xE4hlt"
     },
     account: {
       label: "Konto"

package/dist/locale/en.mjs

@@ -102,7 +102,16 @@ export const en = {
       selectAllHint: "Press Space to select or deselect all rows",
       selectAllRows: "Select all rows",
       sortHint: "Press Enter to sort",
-      tooltip: "Tooltip"
+      tooltip: "Tooltip",
+      cellsCopied: "{count} cell copied | {count} cells copied",
+      cellsPasted: "{count} cell pasted | {count} cells pasted",
+      cellsFilled: "{count} cell filled | {count} cells filled",
+      cellsCleared: "{count} cell cleared | {count} cells cleared",
+      cellsUpdated: "{count} cell updated | {count} cells updated",
+      changesUndone: "{count} change undone | {count} changes undone",
+      changesRedone: "{count} change redone | {count} changes redone",
+      invalidValues: "{count} invalid value skipped | {count} invalid values skipped",
+      cellsSelected: "{count} cell selected | {count} cells selected"
     },
     account: {
       label: "Account"

package/dist/locale/it.mjs

@@ -102,7 +102,16 @@ export const it = {
       selectAllHint: "Premi Spazio per selezionare o deselezionare tutte le righe",
       selectAllRows: "Seleziona tutte le righe",
       sortHint: "Premi Invio per ordinare",
-      tooltip: "Suggerimento"
+      tooltip: "Suggerimento",
+      cellsCopied: "{count} cella copiata | {count} celle copiate",
+      cellsPasted: "{count} cella incollata | {count} celle incollate",
+      cellsFilled: "{count} cella riempita | {count} celle riempite",
+      cellsCleared: "{count} cella svuotata | {count} celle svuotate",
+      cellsUpdated: "{count} cella aggiornata | {count} celle aggiornate",
+      changesUndone: "{count} modifica annullata | {count} modifiche annullate",
+      changesRedone: "{count} modifica ripristinata | {count} modifiche ripristinate",
+      invalidValues: "{count} valore non valido ignorato | {count} valori non validi ignorati",
+      cellsSelected: "{count} cella selezionata | {count} celle selezionate"
     },
     account: {
       label: "Account"

package/dist/locale/types.d.ts

@@ -101,6 +101,15 @@ export interface KMessages {
         selectAllRows: string;
         sortHint: string;
         tooltip: string;
+        cellsCopied: string;
+        cellsPasted: string;
+        cellsFilled: string;
+        cellsCleared: string;
+        cellsUpdated: string;
+        changesUndone: string;
+        changesRedone: string;
+        invalidValues: string;
+        cellsSelected: string;
     };
     account: {
         label: string;

package/dist/styles/templates/settings-modal.css

@@ -161,11 +161,6 @@
    min-width: 0;
 }
 
-.k-settings-modal-breadcrumbs {
-   flex: none;
-   padding: 0 1.5rem 0.75rem;
-}
-
 .k-settings-modal-title {
    font-size: 0.9375rem;
    font-weight: var(--k-font-weight-strong, 600);
@@ -174,6 +169,44 @@
    color: var(--k-text);
 }
 
+.k-settings-modal-title:has(> .k-settings-modal-crumb) {
+   display: flex;
+   flex-wrap: wrap;
+   align-items: center;
+   gap: 0.25rem;
+}
+
+.k-settings-modal-crumb {
+   padding: 0;
+   font: inherit;
+   letter-spacing: inherit;
+   color: var(--k-text-muted);
+   background: none;
+   border: 0;
+   border-radius: var(--k-radius-xs);
+   cursor: pointer;
+   transition: color var(--k-duration) var(--k-ease);
+}
+
+.k-settings-modal-crumb:hover {
+   color: var(--k-text);
+}
+
+.k-settings-modal-crumb:focus-visible {
+   outline: 2px solid var(--k-ring);
+   outline-offset: 2px;
+}
+
+.k-settings-modal-crumb.is-current {
+   color: var(--k-text);
+   cursor: default;
+}
+
+.k-settings-modal-crumb-separator {
+   --k-icon-size: 0.875rem;
+   color: var(--k-text-dimmed);
+}
+
 .k-settings-modal-description {
    font-size: 0.8125rem;
    line-height: 1.4;
@@ -478,10 +511,6 @@
       padding: 1rem 1rem 0.75rem;
    }
 
-   .k-settings-modal-breadcrumbs {
-      padding-inline: 1rem;
-   }
-
    .k-settings-modal-body {
       padding: 1rem;
    }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xleddyl/443-components-vue",
-  "version": "0.9.2",
+  "version": "0.10.0",
   "description": "Compact, scoped dashboard components for Vue and Nuxt",
   "license": "MIT",
   "author": "Edoardo Alberti (https://github.com/xleddyl)",
@@ -47,7 +47,8 @@
     "access": "public"
   },
   "files": [
-    "dist"
+    "dist",
+    "CATALOG.md"
   ],
   "peerDependencies": {
     "@fontsource-variable/funnel-display": "^5.0.0",