@svadmin/lite 0.7.0 → 0.8.1

package/dist/components/LiteVirtualTable.svelte

@@ -0,0 +1,52 @@
+<script lang="ts">
+  interface LiteVirtualTableColumn {
+    key: string;
+    label: string;
+    width?: string;
+    align?: 'left' | 'center' | 'right';
+  }
+
+  interface Props {
+    items?: Record<string, unknown>[];
+    columns: LiteVirtualTableColumn[];
+    rowKey?: string;
+  }
+
+  let {
+    items = [],
+    columns,
+    rowKey = 'id',
+  }: Props = $props();
+</script>
+
+<div class="lite-table-scroll">
+  <table class="lite-table">
+    <thead>
+      <tr>
+        {#each columns as col (col.key)}
+          <th style={col.width ? `width: ${col.width}; text-align: ${col.align || 'left'};` : `text-align: ${col.align || 'left'};`}>
+            {col.label}
+          </th>
+        {/each}
+      </tr>
+    </thead>
+    <tbody>
+      {#each items as item, index (item[rowKey] ?? index)}
+        <tr>
+          {#each columns as col (col.key)}
+            <td style="text-align: {col.align || 'left'};">
+              {item[col.key] ?? '—'}
+            </td>
+          {/each}
+        </tr>
+      {/each}
+      {#if items.length === 0}
+        <tr>
+          <td colspan={columns.length} style="text-align: center; color: #94a3b8; padding: 24px;">
+            No records to display
+          </td>
+        </tr>
+      {/if}
+    </tbody>
+  </table>
+</div>

package/dist/components/LiteVirtualTable.svelte.d.ts

@@ -0,0 +1,14 @@
+interface LiteVirtualTableColumn {
+    key: string;
+    label: string;
+    width?: string;
+    align?: 'left' | 'center' | 'right';
+}
+interface Props {
+    items?: Record<string, unknown>[];
+    columns: LiteVirtualTableColumn[];
+    rowKey?: string;
+}
+declare const LiteVirtualTable: import("svelte").Component<Props, {}, "">;
+type LiteVirtualTable = ReturnType<typeof LiteVirtualTable>;
+export default LiteVirtualTable;

package/dist/components/LiteWatermark.svelte

@@ -0,0 +1,35 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+
+  interface Props {
+    content?: string | string[];
+    opacity?: number;
+    rotate?: number;
+    class?: string;
+    children?: Snippet;
+  }
+
+  let {
+    content = 'CONFIDENTIAL',
+    opacity = 0.1,
+    rotate = -22,
+    class: className = '',
+    children,
+  }: Props = $props();
+
+  const text = $derived(Array.isArray(content) ? content.join(' ') : content);
+  const svgEncoded = $derived(
+    encodeURIComponent(
+      `<svg xmlns="http://www.w3.org/2000/svg" width="240" height="160"><text x="50%" y="50%" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif" font-size="14" fill="#888888" fill-opacity="${opacity}" transform="rotate(${rotate} 120 80)">${text}</text></svg>`
+    )
+  );
+</script>
+
+<div
+  class="lite-watermark-wrapper {className}"
+  style="position: relative; overflow: hidden; background-image: url('data:image/svg+xml;utf8,{svgEncoded}'); background-repeat: repeat;"
+>
+  {#if children}
+    {@render children()}
+  {/if}
+</div>

package/dist/components/LiteWatermark.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Snippet } from 'svelte';
+interface Props {
+    content?: string | string[];
+    opacity?: number;
+    rotate?: number;
+    class?: string;
+    children?: Snippet;
+}
+declare const LiteWatermark: import("svelte").Component<Props, {}, "">;
+type LiteWatermark = ReturnType<typeof LiteWatermark>;
+export default LiteWatermark;

package/dist/index.d.ts

@@ -28,6 +28,41 @@ export { default as LiteTabs } from './components/LiteTabs.svelte';
 export { default as LiteShowField } from './components/LiteShowField.svelte';
 export { default as LiteMediaThumbnail } from './components/LiteMediaThumbnail.svelte';
 export { default as LiteChatDialog } from './components/LiteChatDialog.svelte';
+export { default as LiteWatermark } from './components/LiteWatermark.svelte';
+export { default as LiteColumnSettings } from './components/LiteColumnSettings.svelte';
+export { default as LiteImportWizard } from './components/LiteImportWizard.svelte';
+export { default as LiteColumnHeaderFilter } from './components/LiteColumnHeaderFilter.svelte';
+export { default as LiteTreeTable } from './components/LiteTreeTable.svelte';
+export { default as LiteSensitiveDataMask } from './components/LiteSensitiveDataMask.svelte';
+export { default as LiteApprovalActionCard } from './components/LiteApprovalActionCard.svelte';
+export { default as LiteStepForm } from './components/LiteStepForm.svelte';
+export { default as LiteModalForm } from './components/LiteModalForm.svelte';
+export { default as LiteDrawerForm } from './components/LiteDrawerForm.svelte';
+export { default as LiteTableSummary } from './components/LiteTableSummary.svelte';
+export { default as LiteVersionDiffViewer } from './components/LiteVersionDiffViewer.svelte';
+export { default as LiteVirtualTable } from './components/LiteVirtualTable.svelte';
+export { default as LiteEditableTable } from './components/LiteEditableTable.svelte';
+export { default as LiteDraggableRowTable } from './components/LiteDraggableRowTable.svelte';
+export { default as LiteSplitPaneLayout } from './components/LiteSplitPaneLayout.svelte';
+export { default as LiteMasterDetailView } from './components/LiteMasterDetailView.svelte';
+export { default as LiteMediaLibraryModal } from './components/LiteMediaLibraryModal.svelte';
+export { default as LiteImageCropper } from './components/LiteImageCropper.svelte';
+export { default as LiteActivityFeed } from './components/LiteActivityFeed.svelte';
+export { default as LitePresenceAvatarGroup } from './components/LitePresenceAvatarGroup.svelte';
+export { default as LitePrintableBill } from './components/LitePrintableBill.svelte';
+export { default as LiteJsonSchemaForm } from './components/LiteJsonSchemaForm.svelte';
+export { default as LiteMentionsInput } from './components/LiteMentionsInput.svelte';
+export { default as LiteKanbanBoard } from './components/LiteKanbanBoard.svelte';
+export { default as LitePivotTable } from './components/LitePivotTable.svelte';
+export { default as LiteMultiTabKeepAlive } from './components/LiteMultiTabKeepAlive.svelte';
+export { default as LiteGanttChart } from './components/LiteGanttChart.svelte';
+export { default as LiteCanvasAnnotation } from './components/LiteCanvasAnnotation.svelte';
+export type { AnnotationItem } from './components/LiteCanvasAnnotation.svelte';
+export { default as LiteSignaturePad } from './components/LiteSignaturePad.svelte';
+export { default as LitePdfDocumentViewer } from './components/LitePdfDocumentViewer.svelte';
+export { default as LiteSpreadsheetView } from './components/LiteSpreadsheetView.svelte';
+export { default as LiteDecisionTable } from './components/LiteDecisionTable.svelte';
+export { default as LiteOfflineSyncBanner } from './components/LiteOfflineSyncBanner.svelte';
 export * from './components/compatibility/index';
 export * from './components/buttons/index';
 export * from './components/fields/index';

package/dist/index.js

@@ -30,6 +30,40 @@ export { default as LiteTabs } from './components/LiteTabs.svelte';
 export { default as LiteShowField } from './components/LiteShowField.svelte';
 export { default as LiteMediaThumbnail } from './components/LiteMediaThumbnail.svelte';
 export { default as LiteChatDialog } from './components/LiteChatDialog.svelte';
+export { default as LiteWatermark } from './components/LiteWatermark.svelte';
+export { default as LiteColumnSettings } from './components/LiteColumnSettings.svelte';
+export { default as LiteImportWizard } from './components/LiteImportWizard.svelte';
+export { default as LiteColumnHeaderFilter } from './components/LiteColumnHeaderFilter.svelte';
+export { default as LiteTreeTable } from './components/LiteTreeTable.svelte';
+export { default as LiteSensitiveDataMask } from './components/LiteSensitiveDataMask.svelte';
+export { default as LiteApprovalActionCard } from './components/LiteApprovalActionCard.svelte';
+export { default as LiteStepForm } from './components/LiteStepForm.svelte';
+export { default as LiteModalForm } from './components/LiteModalForm.svelte';
+export { default as LiteDrawerForm } from './components/LiteDrawerForm.svelte';
+export { default as LiteTableSummary } from './components/LiteTableSummary.svelte';
+export { default as LiteVersionDiffViewer } from './components/LiteVersionDiffViewer.svelte';
+export { default as LiteVirtualTable } from './components/LiteVirtualTable.svelte';
+export { default as LiteEditableTable } from './components/LiteEditableTable.svelte';
+export { default as LiteDraggableRowTable } from './components/LiteDraggableRowTable.svelte';
+export { default as LiteSplitPaneLayout } from './components/LiteSplitPaneLayout.svelte';
+export { default as LiteMasterDetailView } from './components/LiteMasterDetailView.svelte';
+export { default as LiteMediaLibraryModal } from './components/LiteMediaLibraryModal.svelte';
+export { default as LiteImageCropper } from './components/LiteImageCropper.svelte';
+export { default as LiteActivityFeed } from './components/LiteActivityFeed.svelte';
+export { default as LitePresenceAvatarGroup } from './components/LitePresenceAvatarGroup.svelte';
+export { default as LitePrintableBill } from './components/LitePrintableBill.svelte';
+export { default as LiteJsonSchemaForm } from './components/LiteJsonSchemaForm.svelte';
+export { default as LiteMentionsInput } from './components/LiteMentionsInput.svelte';
+export { default as LiteKanbanBoard } from './components/LiteKanbanBoard.svelte';
+export { default as LitePivotTable } from './components/LitePivotTable.svelte';
+export { default as LiteMultiTabKeepAlive } from './components/LiteMultiTabKeepAlive.svelte';
+export { default as LiteGanttChart } from './components/LiteGanttChart.svelte';
+export { default as LiteCanvasAnnotation } from './components/LiteCanvasAnnotation.svelte';
+export { default as LiteSignaturePad } from './components/LiteSignaturePad.svelte';
+export { default as LitePdfDocumentViewer } from './components/LitePdfDocumentViewer.svelte';
+export { default as LiteSpreadsheetView } from './components/LiteSpreadsheetView.svelte';
+export { default as LiteDecisionTable } from './components/LiteDecisionTable.svelte';
+export { default as LiteOfflineSyncBanner } from './components/LiteOfflineSyncBanner.svelte';
 // Compatibility fallbacks for browser-only and third-party UI capabilities.
 export * from './components/compatibility/index';
 // Action Buttons

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/lite",
-  "version": "0.7.0",
+  "version": "0.8.1",
   "description": "SSR-first lightweight admin UI for @svadmin with optional progressive enhancement",
   "type": "module",
   "sideEffects": [
@@ -49,7 +49,7 @@
   },
   "peerDependencies": {
     "svelte": "^5.56.10",
-    "@svadmin/core": ">=0.34.2 <0.47.0",
+    "@svadmin/core": ">=0.34.2 <0.48.0",
     "@sveltejs/kit": "^2.70.3"
   },
   "dependencies": {